{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js??ref--1-0!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/SearchControls.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/SearchControls.vue","mtime":1684261475133},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/babel.config.js","mtime":1684261475125},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9BdXRvY29tcGxldGUyIGZyb20gImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL2F1dG9jb21wbGV0ZS5jc3MiOwppbXBvcnQgImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL2Jhc2UuY3NzIjsKaW1wb3J0IF9BdXRvY29tcGxldGUgZnJvbSAiZWxlbWVudC11aS9saWIvYXV0b2NvbXBsZXRlIjsKLyogZXNsaW50LWRpc2FibGUgbm8tYWxlcnQsIG5vLWNvbnNvbGUgKi8KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOwppbXBvcnQgeyBNYXBTdmdJY29uIH0gZnJvbSAnQGFiaS1zb2Z0d2FyZS9zdmctc3ByaXRlJzsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7CmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoX0F1dG9jb21wbGV0ZSk7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiU2VhcmNoQ29udHJvbHMiLAogIHByb3BzOiB7CiAgICBmYWlsZWRTZWFyY2g6IHVuZGVmaW5lZAogIH0sCiAgY29tcG9uZW50czogewogICAgTWFwU3ZnSWNvbjogTWFwU3ZnSWNvbgogIH0sCiAgbWV0aG9kczogewogICAgZmV0Y2hTdWdnZXN0aW9uczogZnVuY3Rpb24gZmV0Y2hTdWdnZXN0aW9ucyh0ZXJtLCBjYikgewogICAgICBpZiAodGVybSA9PT0gIiIpIHsKICAgICAgICBjYihbXSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy4kZW1pdCgnZmV0Y2gtc3VnZ2VzdGlvbnMnLCB7CiAgICAgICAgICB0ZXJtOiB0ZXJtLAogICAgICAgICAgY2I6IGNiCiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzZWFyY2hUZXh0OiAiIgogICAgfTsKICB9Cn07"},{"version":3,"names":["Vue","MapSvgIcon","lang","locale","use","_Autocomplete","name","props","failedSearch","undefined","components","methods","fetchSuggestions","term","cb","$emit","data","searchText"],"sources":["src/components/SearchControls.vue"],"sourcesContent":["<template>\n  <div class=\"search-container\">\n    <div class=\"text search-text\">\n      Search within display\n    </div>\n    <el-autocomplete class=\"search-box\" placeholder=\"Search\"\n      v-model=\"searchText\"\n      :fetch-suggestions=\"fetchSuggestions\"\n      @keyup.enter.native=\"$emit('search', searchText)\"\n      @select=\"$emit('search', $event.value)\"\n      :popper-append-to-body=false\n      popper-class=\"autocomplete-popper\">\n    </el-autocomplete>\n    <map-svg-icon icon=\"magnifyingGlass\" class=\"magnify\"\n      @click.native=\"$emit('search', searchText)\"/>\n    <div v-if=\"failedSearch\" class=\"text not-found-text\">\n      '{{failedSearch}}' not found\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { MapSvgIcon } from '@abi-software/svg-sprite';\nimport { Autocomplete } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Autocomplete);\n\nexport default {\n  name: \"SearchControls\",\n  props: {\n    failedSearch: undefined,\n  },\n  components: {\n    MapSvgIcon,\n  },\n  methods: {\n    fetchSuggestions: function(term, cb) {\n      if (term === \"\") {\n        cb([]);\n      } else {\n        this.$emit('fetch-suggestions', { term, cb });\n      }\n    },\n  },\n  data: function () {\n    return {\n      searchText: \"\",\n    };\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/autocomplete\";\n\n.search-container {\n  display:flex;\n  flex-direction: row;\n\n  .text {\n    margin-left: 8px;\n    margin-top: 7px;\n    font-weight: 500;\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    line-height:18px;\n  }\n  .search-text {\n    margin-top: 8px;\n    color: $grey;\n    font-size: 14px;\n    margin-left: 1rem;\n  }\n  .not-found-text {\n    margin-top: 8px;\n    color: $warning;\n    font-size: 0.8rem;\n    margin-left: 0.5rem;\n  }\n  .search-box {\n    margin-top: 2px;\n    margin-left:0.5rem;\n    height:28px;\n    width:137px;\n    ::v-deep .el-input__inner {\n      background-color: $background;\n      height:28px;\n      line-height:28px;\n      border: 1px solid rgb(144, 147, 153);\n      border-radius: 4px;\n      &:focus {\n        border-color: $app-primary-color;\n      }\n    }\n  }\n  .magnify {\n    margin-top: 2px;\n    margin-left:0.5rem;\n    background: $app-primary-color;\n    border-radius: 4px;\n    height:28px;\n    width:28px;\n    cursor: pointer;\n    &:hover {\n      box-shadow: -3px 2px 4px 0 rgba(0,0,0,0.25);\n    }\n  }\n  ::v-deep .autocomplete-popper {\n    min-width:137px!important;\n    width: auto!important;\n  }\n}\n\n</style>\n"],"mappings":";;;AAsBA;AACA,OAAAA,GAAA;AACA,SAAAC,UAAA;AAEA,OAAAC,IAAA;AACA,OAAAC,MAAA;AAEAA,MAAA,CAAAC,GAAA,CAAAF,IAAA;AACAF,GAAA,CAAAI,GAAA,CAAAC,aAAA;AAEA;EACAC,IAAA;EACAC,KAAA;IACAC,YAAA,EAAAC;EACA;EACAC,UAAA;IACAT,UAAA,EAAAA;EACA;EACAU,OAAA;IACAC,gBAAA,WAAAA,iBAAAC,IAAA,EAAAC,EAAA;MACA,IAAAD,IAAA;QACAC,EAAA;MACA;QACA,KAAAC,KAAA;UAAAF,IAAA,EAAAA,IAAA;UAAAC,EAAA,EAAAA;QAAA;MACA;IACA;EACA;EACAE,IAAA,WAAAA,KAAA;IACA;MACAC,UAAA;IACA;EACA;AACA"}]}