{"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=style&index=0&id=53dff938&prod&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/SearchControls.vue","mtime":1684261475133},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9hdXRvY29tcGxldGUiOwoKLnNlYXJjaC1jb250YWluZXIgewogIGRpc3BsYXk6ZmxleDsKICBmbGV4LWRpcmVjdGlvbjogcm93OwoKICAudGV4dCB7CiAgICBtYXJnaW4tbGVmdDogOHB4OwogICAgbWFyZ2luLXRvcDogN3B4OwogICAgZm9udC13ZWlnaHQ6IDUwMDsKICAgIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7CiAgICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lOwogICAgLW1zLXVzZXItc2VsZWN0OiBub25lOwogICAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgICBsaW5lLWhlaWdodDoxOHB4OwogIH0KICAuc2VhcmNoLXRleHQgewogICAgbWFyZ2luLXRvcDogOHB4OwogICAgY29sb3I6ICRncmV5OwogICAgZm9udC1zaXplOiAxNHB4OwogICAgbWFyZ2luLWxlZnQ6IDFyZW07CiAgfQogIC5ub3QtZm91bmQtdGV4dCB7CiAgICBtYXJnaW4tdG9wOiA4cHg7CiAgICBjb2xvcjogJHdhcm5pbmc7CiAgICBmb250LXNpemU6IDAuOHJlbTsKICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07CiAgfQogIC5zZWFyY2gtYm94IHsKICAgIG1hcmdpbi10b3A6IDJweDsKICAgIG1hcmdpbi1sZWZ0OjAuNXJlbTsKICAgIGhlaWdodDoyOHB4OwogICAgd2lkdGg6MTM3cHg7CiAgICA6OnYtZGVlcCAuZWwtaW5wdXRfX2lubmVyIHsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogJGJhY2tncm91bmQ7CiAgICAgIGhlaWdodDoyOHB4OwogICAgICBsaW5lLWhlaWdodDoyOHB4OwogICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2IoMTQ0LCAxNDcsIDE1Myk7CiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsKICAgICAgJjpmb2N1cyB7CiAgICAgICAgYm9yZGVyLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7CiAgICAgIH0KICAgIH0KICB9CiAgLm1hZ25pZnkgewogICAgbWFyZ2luLXRvcDogMnB4OwogICAgbWFyZ2luLWxlZnQ6MC41cmVtOwogICAgYmFja2dyb3VuZDogJGFwcC1wcmltYXJ5LWNvbG9yOwogICAgYm9yZGVyLXJhZGl1czogNHB4OwogICAgaGVpZ2h0OjI4cHg7CiAgICB3aWR0aDoyOHB4OwogICAgY3Vyc29yOiBwb2ludGVyOwogICAgJjpob3ZlciB7CiAgICAgIGJveC1zaGFkb3c6IC0zcHggMnB4IDRweCAwIHJnYmEoMCwwLDAsMC4yNSk7CiAgICB9CiAgfQogIDo6di1kZWVwIC5hdXRvY29tcGxldGUtcG9wcGVyIHsKICAgIG1pbi13aWR0aDoxMzdweCFpbXBvcnRhbnQ7CiAgICB3aWR0aDogYXV0byFpbXBvcnRhbnQ7CiAgfQp9Cgo="},{"version":3,"sources":["SearchControls.vue"],"names":[],"mappings":";AA2DA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}