{"remainingRequest":"/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/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgTWFwU3ZnSWNvbiB9IGZyb20gJ0BhYmktc29mdHdhcmUvc3ZnLXNwcml0ZSc7CmltcG9ydCB7IEF1dG9jb21wbGV0ZSB9IGZyb20gImVsZW1lbnQtdWkiOwppbXBvcnQgbGFuZyBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUvbGFuZy9lbiI7CmltcG9ydCBsb2NhbGUgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlIjsKCmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoQXV0b2NvbXBsZXRlKTsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiU2VhcmNoQ29udHJvbHMiLAogIHByb3BzOiB7CiAgICBmYWlsZWRTZWFyY2g6IHVuZGVmaW5lZCwKICB9LAogIGNvbXBvbmVudHM6IHsKICAgIE1hcFN2Z0ljb24sCiAgfSwKICBtZXRob2RzOiB7CiAgICBmZXRjaFN1Z2dlc3Rpb25zOiBmdW5jdGlvbih0ZXJtLCBjYikgewogICAgICBpZiAodGVybSA9PT0gIiIpIHsKICAgICAgICBjYihbXSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy4kZW1pdCgnZmV0Y2gtc3VnZ2VzdGlvbnMnLCB7IHRlcm0sIGNiIH0pOwogICAgICB9CiAgICB9LAogIH0sCiAgZGF0YTogZnVuY3Rpb24gKCkgewogICAgcmV0dXJuIHsKICAgICAgc2VhcmNoVGV4dDogIiIsCiAgICB9OwogIH0sCn07Cg=="},{"version":3,"sources":["SearchControls.vue"],"names":[],"mappings":";AAsBA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SearchControls.vue","sourceRoot":"src/components","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"]}]}