{"version":3,"sources":["webpack:///./src/assets/svg/chevronRight.svg","webpack:///./src/components/modals/ExampleIdSearch.vue?9541","webpack:///src/components/modals/ExampleIdSearch.vue","webpack:///./src/components/modals/ExampleIdSearch.vue?bd80","webpack:///./src/components/modals/ExampleIdSearch.vue?0bc0","webpack:///./src/components/modals/ExampleIdSearch.vue?fa20"],"names":["module","exports","__webpack_require__","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","_v","_s","$t","on","submit","$event","stopPropagation","preventDefault","inputType","name","placeholder","label","focusInputField","input","onFilterChange","searchString","model","value","callback","$$v","expression","directives","rawName","searching","_l","result","key","title","referenceName","click","selectAsExampleId","$emit","src","_e","type","staticRenderFns","ExampleIdSearchvue_type_script_lang_js_","props","templateId","data","_this","searchResults","noMatch","onFilterChangeDebounce","filter","length","search","then","methods","_this2","$store","dispatch","components","CustomInput","modals_ExampleIdSearchvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExampleIdSearch_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExampleIdSearch_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-modals-ExampleIdSearch.fb2ad6cd.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/chevronRight.67665fea.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"editor-modal\",attrs:{\"id\":\"example-id-search\"}},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"data.example-id\")))]),_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'searchString',\"placeholder\":_vm.$t('data.reference-search'),\"label\":'ID',\"focusInputField\":true},on:{\"input\":function($event){return _vm.onFilterChange(_vm.searchString)}},model:{value:(_vm.searchString),callback:function ($$v) {_vm.searchString=$$v},expression:\"searchString\"}}),_c('div',{staticClass:\"icons\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searching == true),expression:\"searching == true\"}]},[_c('i',{staticClass:\"search-icon fa-light fa-circle-notch fa-spin\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searching == false),expression:\"searching == false\"}]},[_c('i',{staticClass:\"search-icon fa-light fa-search\"})])])],1),_c('div',{staticClass:\"result-list custom-scrollbar-light\"},[_vm._l((_vm.searchResults),function(result){return _c('div',{key:result.id,staticClass:\"result-item\",attrs:{\"title\":result.referenceName},on:{\"click\":function($event){_vm.selectAsExampleId(result.id), _vm.$emit('close')}}},[_c('div',{staticClass:\"flex-grow-1\"},[_c('div',[_vm._v(_vm._s(result.referenceName))]),_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(result.id))])]),_c('img',{attrs:{\"src\":require(\"@/assets/svg/chevronRight.svg\")}})])}),(_vm.noMatch)?_c('div',{staticClass:\"no-results text-muted\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"tp-data-popover.no-result1\"))+\" '\"+_vm._s(_vm.searchString)+\"' \"+_vm._s(_vm.$t(\"tp-data-popover.no-result2\"))+\"\\n    \")]):_vm._e()],2),_c('div',{staticClass:\"footer\"},[_c('button',{staticClass:\"btn btn-md btn-secondary\",attrs:{\"type\":\"reset\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"publication-stats.close\"))+\"\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"example-id-search\" class=\"editor-modal\">\n    <h2>{{ $t(\"data.example-id\") }}</h2>\n    <form @submit.stop.prevent>\n      <custom-input\n        @input=\"onFilterChange(searchString)\"\n        :inputType=\"'text'\"\n        :name=\"'searchString'\"\n        v-model=\"searchString\"\n        :placeholder=\"$t('data.reference-search')\"\n        :label=\"'ID'\"\n        :focusInputField=\"true\"\n      />\n      <div class=\"icons\">\n        <div v-show=\"searching == true\">\n          <i class=\"search-icon fa-light fa-circle-notch fa-spin\"></i>\n        </div>\n        <div v-show=\"searching == false\">\n          <i class=\"search-icon fa-light fa-search\"></i>\n        </div>\n      </div>\n    </form>\n    <div class=\"result-list custom-scrollbar-light\">\n      <div\n        v-for=\"result in searchResults\"\n        :key=\"result.id\"\n        class=\"result-item\"\n        :title=\"result.referenceName\"\n        @click=\"selectAsExampleId(result.id), $emit('close')\"\n      >\n        <div class=\"flex-grow-1\">\n          <div>{{ result.referenceName }}</div>\n          <div class=\"text-muted\">{{ result.id }}</div>\n        </div>\n        <img src=\"@/assets/svg/chevronRight.svg\" />\n      </div>\n      <div v-if=\"noMatch\" class=\"no-results text-muted\">\n        {{ $t(\"tp-data-popover.no-result1\") }} '{{ searchString }}' {{ $t(\"tp-data-popover.no-result2\") }}\n      </div>\n    </div>\n\n    <div class=\"footer\">\n      <button class=\"btn btn-md btn-secondary\" type=\"reset\" @click=\"$emit('close')\">\n        {{ $t(\"publication-stats.close\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CustomInput from \"@/components/CustomInput\";\nimport debounce from \"lodash/debounce\";\nexport default {\n  props: {\n    templateId: [Number, String],\n    selectAsExampleId: Function,\n  },\n  data() {\n    return {\n      searchString: null,\n      searchResults: [],\n      noMatch: false,\n      searching: false,\n      onFilterChangeDebounce: debounce((filter) => {\n        if (filter.length) {\n          this.noMatch = false;\n          this.search(filter).then(() => (this.searching = false), () => (this.searching = false));\n        } else {\n          this.noMatch = true;\n          this.searching = false;\n        }\n      }, 500),\n    };\n  },\n  methods: {\n    search() {\n      return this.$store\n        .dispatch(\"searchVariables\", { filter: this.searchString, templateId: this.templateId })\n        .then((result) => {\n          this.searchResults = result;\n          if (result.length == 0) {\n            this.noMatch = true;\n          } else {\n            this.noMatch = false;\n          }\n        });\n    },\n\n    onFilterChange(filter) {\n      // console.log(filter)\n      this.searching = true;\n      this.onFilterChangeDebounce(filter);\n    },\n  },\n  components: {\n    CustomInput\n  },\n};\n</script>\n\n<style lang=\"less\">\n#example-id-search {\n  padding: 30px 25px 25px 25px;\n  h2 {\n    margin: 0 0 10px 10px;\n  }\n\n  form {\n    position: relative;\n    margin: 10px 0;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    border-bottom: 1px solid rgba(143, 151, 156, 0.192);\n    padding: 0 12px;\n    input {\n      width: 240px;\n      margin-right: 10px;\n    }\n  }\n  .footer {\n    margin-top: 40px;\n  }\n  .stat-vars {\n    display: flex;\n    flex-direction: column;\n    p {\n      padding: 10px 0;\n      padding: 10px 0.75rem;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 1px solid rgba(143, 151, 156, 0.192);\n      span {\n        cursor: default;\n      }\n    }\n  }\n\n  input#searchString {\n    border: none;\n  }\n  .icons {\n    position: absolute;\n    right: 0;\n    bottom: 8px;\n  }\n\n  .result-list {\n    max-height: 300px;\n    overflow: auto;\n    .result-item {\n      display: flex;\n      padding: 5px 10px;\n      cursor: pointer;\n      span {\n        flex-grow: 1;\n      }\n      img {\n        display: none;\n      }\n      &:hover {\n        background-color: rgba(219, 218, 218, 0.4);\n        > img {\n          display: block;\n        }\n      }\n\n      &.is-selected {\n        background-color: rgba(219, 218, 218);\n        img {\n          display: inline-block;\n        }\n      }\n    }\n\n    .no-results {\n      text-align: center;\n      padding: 20px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExampleIdSearch.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExampleIdSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExampleIdSearch.vue?vue&type=template&id=2c533a87&\"\nimport script from \"./ExampleIdSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./ExampleIdSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExampleIdSearch.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExampleIdSearch.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExampleIdSearch.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}