{"version":3,"sources":["webpack:///./app/javascript/javascripts/TagSelect.vue?60e6","webpack:///./app/javascript/javascripts/TagSelect.vue?d74f","webpack:///app/javascript/javascripts/TagSelect.vue","webpack:///./app/javascript/javascripts/TagSelect.vue?e042","webpack:///./app/javascript/javascripts/TagSelect.vue"],"names":["components","Multiselect","props","selected","Array","placeholder","String","link","data","options","isLoading","methods","asyncFind","term","_this","_regeneratorRuntime","mark","_callee","result","wrap","_context","prev","next","axios","get","concat","sent","map","_ref","name","stop","handleSelect","tag","replace","charAt","tags","uniq","_toConsumableArray","join","Turbolinks","visit","component","_vm","this","_h","$createElement","_c","_self","attrs","on","scopedSlots","_u","key","fn","ref","option","remove","staticClass","_v","_s","$event"],"mappings":";gHAAA,Q,wCCAA,I,qvOC+Bc,IC/B2L,ED+B3L,CACdA,WAAA,CAAAC,iBAEAC,MAAA,CACAC,SAAAC,MACAC,YAAAC,OACAC,KAAAD,QAGAE,KAAA,WACA,OAAAC,QAAA,GAAAC,WAAA,IAGAC,QAAA,CACAC,UAAA,SAAAC,GAAA,I,EAAAC,EAAA,Y,EAAAC,IAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,IAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OACA,OAAAR,EAAAJ,WAAA,EAAAU,EAAAE,KAAA,EAEAC,IAAAC,IAAA,mBAAAC,OAAAZ,IAAA,OAAAK,EAAAE,EAAAM,KAEAZ,EAAAL,QAAAS,EAAAV,KAAAmB,KAAA,SAAAC,GAAA,OAAAA,EAAAC,QACAf,EAAAJ,WAAA,0BAAAU,EAAAU,UAAAb,M,kLAGAc,aAAA,SAAAC,GACA,MAAAA,EAAA,KACAA,IAAAC,QAAAD,EAAAE,OAAA,WAGA,IAAAC,EAAAC,IAAA,GAAAX,OAAAY,EAAA,KAAAlC,UAAA,CAAA6B,KAAAM,KAAA,KACAC,IAAAC,MAAA,KAAAjC,KAAA0B,QAAA,WAAAE,O,uBEnDIM,EAAY,YACd,GHVW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,YAAcN,EAAIrC,YAAY,MAAQ,GAAG,QAAUqC,EAAIjC,QAAQ,UAAW,EAAK,YAAa,EAAK,QAAUiC,EAAIhC,UAAU,gBAAiB,EAAM,eAAgB,EAAM,eAAgB,GAAOuC,GAAG,CAAC,OAASP,EAAIX,aAAa,gBAAgBW,EAAI9B,WAAWsC,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,MAAMC,GAAG,SAASC,GACxa,IAAIC,EAASD,EAAIC,OACbC,EAASF,EAAIE,OACjB,MAAO,CAACV,EAAG,OAAO,CAACW,YAAY,mEAAmE,CAACX,EAAG,OAAO,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGJ,MAAWb,EAAIgB,GAAG,KAAKZ,EAAG,OAAO,CAACW,YAAY,OAAOR,GAAG,CAAC,MAAQ,SAASW,GAAQ,OAAOJ,EAAOD,MAAW,CAACb,EAAIgB,GAAG,oBAAiB,KAC1O,IGSpB,EACA,KACA,KACA,MAIa,UAAAjB,E","file":"js/tag-select-e0a2c908a181e486ec69.chunk.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js??ref--2-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--2-2!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TagSelect.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('multiselect',{attrs:{\"placeholder\":_vm.placeholder,\"value\":[],\"options\":_vm.options,\"multiple\":true,\"searchable\":true,\"loading\":_vm.isLoading,\"internalSearch\":false,\"clearOnSelect\":false,\"closeOnSelect\":false},on:{\"select\":_vm.handleSelect,\"search-change\":_vm.asyncFind},scopedSlots:_vm._u([{key:\"tag\",fn:function(ref){\nvar option = ref.option;\nvar remove = ref.remove;\nreturn [_c('span',{staticClass:\"inline-fex items-center bg-white rounded-full text-sm px-3 py-1\"},[_c('span',[_vm._v(_vm._s(option))]),_vm._v(\" \"),_c('span',{staticClass:\"ml-2\",on:{\"click\":function($event){return remove(option)}}},[_vm._v(\"×\")])])]}}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <multiselect\n      :placeholder=\"placeholder\"\n      :value=\"[]\"\n      :options=\"options\"\n      :multiple=\"true\"\n      :searchable=\"true\"\n      :loading=\"isLoading\"\n      :internalSearch=\"false\"\n      :clearOnSelect=\"false\"\n      :closeOnSelect=\"false\"\n      @select=\"handleSelect\"\n      @search-change=\"asyncFind\"\n    >\n      <template slot=\"tag\" slot-scope=\"{ option, remove }\">\n        <span class=\"inline-fex items-center bg-white rounded-full text-sm px-3 py-1\">\n          <span>{{ option }}</span>\n          <span class=\"ml-2\" @click=\"remove(option)\">&times;</span>\n        </span>\n      </template>\n    </multiselect>\n  </div>\n</template>\n\n<script>\nimport Turbolinks from 'turbolinks';\nimport Multiselect from 'vue-multiselect';\nimport axios from 'axios';\nimport uniq from 'lodash/uniq';\n\nexport default {\n  components: { Multiselect },\n\n  props: {\n    selected: Array,\n    placeholder: String,\n    link: String\n  },\n\n  data() {\n    return { options: [], isLoading: false };\n  },\n\n  methods: {\n    async asyncFind(term) {\n      this.isLoading = true;\n\n      let result = await axios.get(`/en/tags.json?q=${term}`);\n\n      this.options = result.data.map(({ name }) => name);\n      this.isLoading = false;\n    },\n\n    handleSelect(tag) {  \n      if(tag[0] === '#') {\n        tag = tag.replace(tag.charAt(0), '%23') // this is needed to format the tag when it has '#' symbol\n      }\n\n      let tags = uniq([...this.selected, tag]).join(',');\n      Turbolinks.visit(this.link.replace('__TAGS__', tags));\n    }\n  }\n};\n</script>\n\n<style src=\"vue-multiselect/dist/vue-multiselect.min.css\"></style>\n<style>\n.multiselect__tags {\n  @apply bg-gray-100 rounded;\n  @apply text-sm sm:text-base md:text-lg text-black text-opacity-80;\n\n  padding: 0.5rem 3rem 0.5rem 1.5rem;\n  border: 0;\n}\n\n.multiselect__select {\n  background-image: url('../images/icons/arrow-down.svg');\n  background-repeat: no-repeat;\n  background-position: center center;\n  padding: 1.5rem;\n}\n\n.multiselect__select::before {\n  display: none;\n}\n\n.multiselect__content-wrapper {\n}\n\n.multiselect__input {\n  @apply bg-gray-100 text-base text-black text-opacity-80  font-lato;\n  width: 100%;\n  margin: 0;\n  padding: 0.25rem 0 0;\n  line-height: 1.5rem;\n}\n\n.multiselect__input::placeholder {\n  @apply text-black text-opacity-40 font-lato;\n}\n\n.multiselect__element {\n  @apply text-base text-black text-opacity-80;\n}\n\n.multiselect__placeholder {\n  @apply text-base text-black text-opacity-40 font-lato;\n\n  padding: 0;\n  margin: 0;\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TagSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TagSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TagSelect.vue?vue&type=template&id=605372da&\"\nimport script from \"./TagSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./TagSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"vue-multiselect/dist/vue-multiselect.min.css?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./TagSelect.vue?vue&type=style&index=1&lang=css&\"\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"],"sourceRoot":""}