{"version":3,"sources":["webpack:///./src/components/SearchInput.vue?a4ad","webpack:///src/components/SearchInput.vue","webpack:///./src/components/SearchInput.vue?cf95","webpack:///./src/components/SearchInput.vue","webpack:///./src/components/SearchInput.vue?54fa"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","translations","tcSearch","on","handleSearchTermChange","model","value","callback","$$v","searchTerm","expression","handleSearchClick","_v","_s","searchLabelText","staticRenderFns","mixins","translationMixin","data","searchType","searchLabel","computed","tcClear","methods","$emit","trim","$swal","icon","confirmButtonText","tcOk","showCancelButton","cancelButtonColor","text","tcSearchRequires","component"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,cAAc,CAACF,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQ,SAAS,GAAK,SAAS,YAAcP,EAAIQ,aAAaC,SAAS,KAAO,KAAK,SAAW,IAAIC,GAAG,CAAC,OAASV,EAAIW,wBAAwBC,MAAM,CAACC,MAAOb,EAAc,WAAEc,SAAS,SAAUC,GAAMf,EAAIgB,WAAWD,GAAKE,WAAW,gBAAgBb,EAAG,WAAW,CAACE,YAAY,iCAAiCC,MAAM,CAAC,QAAU,UAAU,KAAO,MAAMG,GAAG,CAAC,MAAQV,EAAIkB,oBAAoB,CAAClB,EAAImB,GAAG,IAAInB,EAAIoB,GAAGpB,EAAIqB,iBAAiB,QAAQ,IAAI,IAAI,IACpmBC,EAAkB,G,sqBC0BtB,OACEC,OAAQ,CAACC,EAAX,MACEC,KAFF,WAGI,MAAO,CACLC,WAAY,SACZC,YAAa,SACbX,WAAY,GACZR,aAAc,KAGlBoB,SAAU,EAAZ,KACA,gBACI,YAAJ,+BAFA,IAIIP,gBAJJ,WAKM,MAAwB,WAApBpB,KAAKyB,WACAzB,KAAKO,aAAaC,SAElBR,KAAKO,aAAaqB,WAI/BC,QAAS,EAAX,KACA,gBACI,iBAAJ,2BAFA,IAIInB,uBAJJ,WAKMV,KAAK8B,MAAM,oBAAqB,CAAtC,8CAEIb,kBAPJ,WAQqC,KAA3BjB,KAAKe,WAAWgB,OAClB/B,KAAKgC,MAAM,CACTC,KAAM,QACNC,kBAAmBlC,KAAKO,aAAa4B,MAAQ,KAC7CC,kBAAkB,EAClBC,kBAAmB,OACnBC,KAAMtC,KAAKO,aAAagC,oBAGF,WAApBvC,KAAKyB,WACPzB,KAAKyB,WAAa,SAElBzB,KAAKyB,WAAa,SAClBzB,KAAKe,WAAa,IAEpBf,KAAK8B,MAAM,oBAAqB9B,KAAKe,gBAI3C,QAjDF,kLAkDA,8CACA,kBACA,8CApDA,yGC3BqV,I,wBCQjVyB,EAAY,eACd,EACA1C,EACAuB,GACA,EACA,KACA,WACA,MAIa,OAAAmB,E,kECnBf","file":"js/chunk-61cfa14d.674d9370.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-col',{staticClass:\"search-col\"},[_c('b-form-input',{attrs:{\"title\":\"Search\",\"id\":\"search\",\"placeholder\":_vm.translations.tcSearch,\"size\":\"lg\",\"required\":\"\"},on:{\"change\":_vm.handleSearchTermChange},model:{value:(_vm.searchTerm),callback:function ($$v) {_vm.searchTerm=$$v},expression:\"searchTerm\"}}),_c('b-button',{staticClass:\"btn btn-primary text-uppercase\",attrs:{\"variant\":\"primary\",\"size\":\"lg\"},on:{\"click\":_vm.handleSearchClick}},[_vm._v(\" \"+_vm._s(_vm.searchLabelText)+\" \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-row>\n      <b-col class=\"search-col\">\n        <b-form-input\n          title=\"Search\"\n          id=\"search\"\n          :placeholder=\"translations.tcSearch\"\n          v-model=\"searchTerm\"\n          @change=\"handleSearchTermChange\"\n          size=\"lg\"\n          required\n        >\n        </b-form-input>\n        <b-button variant=\"primary\" size=\"lg\" class=\"btn btn-primary text-uppercase\" @click=\"handleSearchClick\">\n          {{ searchLabelText }}\n        </b-button>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport { translationMixin } from '@/mixins/translationMixin'\n\nexport default {\n  mixins: [translationMixin],\n  data() {\n    return {\n      searchType: 'Search', // will be 'Search' or 'Clear', English only\n      searchLabel: 'Search', // This is the text displayed on the Button\n      searchTerm: '',\n      translations: {},\n    }\n  },\n  computed: {\n    ...mapGetters({\n      prefCulture: 'user/userPreferredCulture',\n    }),\n    searchLabelText() {\n      if (this.searchType === 'Search') {\n        return this.translations.tcSearch\n      } else {\n        return this.translations.tcClear\n      }\n    },\n  },\n  methods: {\n    ...mapActions({\n      setLoadingStatus: 'menu/setLoadingStatus',\n    }),\n    handleSearchTermChange() {\n      this.$emit('searchTermChanged', { term: this.searchTerm, label: this.searchType })\n    },\n    handleSearchClick() {\n      if (this.searchTerm.trim() === '') {\n        this.$swal({\n          icon: 'error',\n          confirmButtonText: this.translations.tcOk || 'Ok',\n          showCancelButton: false,\n          cancelButtonColor: '#d33',\n          text: this.translations.tcSearchRequires,\n        })\n      } else {\n        if (this.searchType === 'Search') {\n          this.searchType = 'Clear'\n        } else {\n          this.searchType = 'Search'\n          this.searchTerm = ''\n        }\n        this.$emit('handleSearchClick', this.searchTerm)\n      }\n    },\n  },\n  async created() {\n    await this.getComponentTranslations('search-input')\n    .then(response => {\n      this.$set(this, 'translations', response['search-input'])\n    })\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/styles/global.scss';\n@import '@/styles/bootstrap/b-button.scss';\n\n.search-col {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: flex-end;\n  .btn {\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchInput.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchInput.vue?vue&type=template&id=833b37b8&scoped=true&\"\nimport script from \"./SearchInput.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchInput.vue?vue&type=style&index=0&id=833b37b8&prod&lang=scss&scoped=true&\"\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  \"833b37b8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchInput.vue?vue&type=style&index=0&id=833b37b8&prod&lang=scss&scoped=true&\""],"sourceRoot":""}