{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue?1c25","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue?1121","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue?ec7e","webpack:///./node_modules/@trevoreyre/autocomplete-vue/dist/autocomplete.esm.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","class","looking_for","attrs","on","$event","$gtag","event","changeLookingFor","value","websites","length","apps","directives","name","rawName","expression","search_placeholder","domProps","target","composing","filterText","selectAll","model","callback","$$v","select_all","ref","tree","treeOptions","removeTargetFromTree","addTargetFromTree","scopedSlots","_u","key","fn","node","data","hasOwnProperty","text","itemsCountPerCategory","id","websites_count","apps_count","$set","staticRenderFns","props","type","Object","required","industry_id","Number","editing","Boolean","default","account_id","adsetIndex","isRefillingFromAnAudience","watch","handler","$emit","newVal","isSelectAllChecked","deep","components","Autocomplete","categories","counts","getTreeData","fire_platforms_events","checkbox","isDataFilled","mounted","$root","$on","domain","item","treeItem","uncheck","check","computed","categoriesHashMap","map","result","category","forEach","$return","count","methods","initRequest","for_tree","forTree","params","window","axios","get","hideLoader","resetValues","then","addCategory","categoryExist","push","addTarget","state","disabled","isCategoryAdded","find","isSelected","countedByCategory","category_id","removeTarget","valueIndex","splice","states","unselect","categoriesUnique","total_websites","total_apps","newValue","Promise","resetType","resolve","component","instance","Constructor","TypeError","_defineProperty","obj","defineProperty","enumerable","configurable","writable","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","apply","_objectSpread2","i","arguments","source","getOwnPropertyDescriptors","defineProperties","matches","element","selector","msMatchesSelector","webkitMatchesSelector","closestPolyfill","el","nodeType","parentNode","closest","isPromise","AutocompleteCore","_this","_ref","undefined","search","_ref$autoSelect","autoSelect","_ref$setValue","setValue","_ref$setAttribute","setAttribute","_ref$onUpdate","onUpdate","_ref$onSubmit","onSubmit","_ref$onShow","onShow","_ref$onHide","onHide","_ref$onLoading","onLoading","_ref$onLoaded","onLoaded","_classCallCheck","updateResults","selectedIndex","preventDefault","handleArrows","selectResult","selectedResult","results","hideResults","parseInt","dataset","resultIndex","resultsCount","currentSearch","searchCounter","showResults","resultsElement","selectedResultElement","querySelector","concat","resultsPosition","getBoundingClientRect","selectedPosition","top","scrollTop","bottom","idCounter","uniqueId","prefix","getRelativePosition","element1","element2","position1","position2","positionAbove","height","innerHeight","pageYOffset","debounce","func","wait","immediate","timeout","context","args","later","callNow","clearTimeout","setTimeout","script","inheritAttrs","Function","baseClass","String","getResultValue","defaultValue","debounceTime","core","handleUpdate","handleSubmit","handleShow","handleHide","handleLoading","handleLoaded","handleInput","resultListId","expanded","loading","position","resetPosition","rootProps","style","inputProps","role","autocomplete","autocapitalize","autocorrect","spellcheck","resultProps","$attrs","inputListeners","input","keydown","handleKeyDown","focus","handleFocus","blur","handleBlur","resultListProps","yPosition","zIndex","width","visibility","pointerEvents","resultListListeners","mousedown","handleResultMouseDown","click","handleResultClick","index","document","body","addEventListener","handleDocumentClick","beforeDestroy","removeEventListener","updated","$refs","resultList","checkSelectedResultVisible","root","contains","normalizeComponent","template","scopeId","isFunctionalTemplate","moduleIdentifier","shadowMode","createInjector","createInjectorSSR","createInjectorShadow","options","hook","_compiled","functional","_scopeId","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$options","shadowRoot","originalRender","h","existing","beforeCreate","__vue_script__","__vue_render__","_t","_b","_g","$listeners","_l","__vue_staticRenderFns__","__vue_inject_styles__","__vue_scope_id__","__vue_module_identifier__","__vue_is_functional_template__","__vue_component__","install","Vue","installed","GlobalVue","plugin","global","use"],"mappings":"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","file":"js/chunk-77e127c1.7b94d23e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"target-platforms\"},[_c('div',{staticClass:\"vx-row mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h5',[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Target Platforms'))+\"\\n      \")])])]),_c('div',{staticClass:\"vx-row mt-6 mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',{staticClass:\"mr-3 span-tag\",class:{'span-tag-active' : _vm.looking_for == 'websites'},attrs:{\"id\":\"create-campaign-s3-platform-websites-button\"},on:{\"click\":[function($event){return _vm.$gtag.event('Step3_PublishersTab_Websites')},function($event){return _vm.changeLookingFor('websites')}]}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Websites'))+\" (\"+_vm._s(_vm.value.websites.length)+\" \"+_vm._s(_vm.$t('Selected'))+\")\\n      \")]),_c('span',{staticClass:\"mt-4 mr-3 span-tag\",class:{'span-tag-active' : _vm.looking_for == 'apps'},attrs:{\"id\":\"create-campaign-s3-platform-apps-button\"},on:{\"click\":[function($event){return _vm.$gtag.event('Step3_PublishersTab_Apps')},function($event){return _vm.changeLookingFor('apps')}]}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Mobile Applications'))+\" (\"+_vm._s(_vm.value.apps.length)+\" \"+_vm._s(_vm.$t('Selected'))+\")\\n      \")])])]),_c('div',{staticClass:\"vx-row mt-6 mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"autocomplete\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filterText),expression:\"filterText\"}],staticClass:\"autocomplete-input\",attrs:{\"id\":\"create-campaign-s3-platform-search-input\",\"autocomplete\":\"off\",\"autocapitalize\":\"off\",\"autocorrect\":\"off\",\"spellcheck\":\"false\",\"placeholder\":_vm.search_placeholder},domProps:{\"value\":(_vm.filterText)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.filterText=$event.target.value}}})])])]),_c('div',{staticClass:\"vx-row mt-6 mb-5\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"id\":\"create-campaign-s3-platform-select-all-checkbox\",\"color\":\"#6DC5D0\"},on:{\"change\":_vm.selectAll},model:{value:(_vm.select_all),callback:function ($$v) {_vm.select_all=$$v},expression:\"select_all\"}},[_vm._v(_vm._s(_vm.$t('Select All')))])],1)]),_c('div',{staticClass:\"vx-row pt-3 h-64 overflow-y-scroll treeContainer mx-0\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('tree',{ref:\"tree\",attrs:{\"data\":_vm.tree,\"filter\":_vm.filterText,\"options\":_vm.treeOptions},on:{\"node:unchecked\":_vm.removeTargetFromTree,\"node:checked\":_vm.addTargetFromTree},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar node = ref.node;\nreturn _c('span',{staticClass:\"tree-text\"},[[(node.data.hasOwnProperty('websites_count') || node.data.hasOwnProperty('apps_count'))?_c('span',{staticClass:\"inline-block align-middle mr-3\"},[_vm._v(\"\\n              \"+_vm._s(node.text)+\"\\n              (\\n                \"+_vm._s(_vm.itemsCountPerCategory[node.data.id]\n                    ? (_vm.itemsCountPerCategory[node.data.id][_vm.looking_for] ? _vm.itemsCountPerCategory[node.data.id][_vm.looking_for] : 0)\n                    : 0)+\"\\n                /\\n                \"+_vm._s(_vm.looking_for == 'websites' ? node.data.websites_count : node.data.apps_count)+\"\\n              )\\n            \")]):_c('span',{staticClass:\"inline-block align-middle mr-3\"},[_vm._v(\"\\n              \"+_vm._s(node.text)+\"\\n            \")])]],2)}}])})],1)]),_c('div',{staticClass:\"vx-row mt-8\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"id\":\"create-campaign-s3-platform-include-new-button\",\"color\":\"#6DC5D0\"},on:{\"input\":function($event){return _vm.$gtag.event('Step3_PublishersTab_IncludeNew')}},model:{value:(_vm.value.include_new_platforms),callback:function ($$v) {_vm.$set(_vm.value, \"include_new_platforms\", $$v)},expression:\"value.include_new_platforms\"}},[_vm._v(_vm._s(_vm.$t('Include all new websites.')))])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"target-platforms\">\n    <div class=\"vx-row mb-10\">\n      <div class=\"vx-col w-full\">\n        <h5>\n          {{ $t('Target Platforms') }}\n        </h5>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-6 mb-10\">\n      <div class=\"vx-col w-full\">\n        <span v-on:click=\"$gtag.event('Step3_PublishersTab_Websites')\" id=\"create-campaign-s3-platform-websites-button\" class=\"mr-3 span-tag\" :class=\"{'span-tag-active' : looking_for == 'websites'}\" @click=\"changeLookingFor('websites')\">\n          {{ $t('Websites') }} ({{ value.websites.length }} {{ $t('Selected') }})\n        </span>\n\n        <span v-on:click=\"$gtag.event('Step3_PublishersTab_Apps')\" id=\"create-campaign-s3-platform-apps-button\" class=\"mt-4 mr-3 span-tag\" :class=\"{'span-tag-active' : looking_for == 'apps'}\" @click=\"changeLookingFor('apps')\">\n          {{ $t('Mobile Applications') }} ({{ value.apps.length }} {{ $t('Selected') }})\n        </span>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-6 mb-10\">\n      <div class=\"vx-col w-full\">\n        <div class=\"autocomplete\">\n          <input id=\"create-campaign-s3-platform-search-input\" autocomplete=\"off\" autocapitalize=\"off\" autocorrect=\"off\" spellcheck=\"false\" v-model=\"filterText\" :placeholder=\"search_placeholder\" class=\"autocomplete-input\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-6 mb-5\">\n      <div class=\"vx-col w-full\">\n        <vs-checkbox id=\"create-campaign-s3-platform-select-all-checkbox\" class=\"ml-0\" color=\"#6DC5D0\" v-model=\"select_all\" @change=\"selectAll\">{{ $t('Select All') }}</vs-checkbox>\n      </div>\n    </div>\n\n    <div class=\"vx-row pt-3 h-64 overflow-y-scroll treeContainer mx-0\">\n      <div class=\"vx-col w-full\">\n        <tree :data=\"tree\" :filter=\"filterText\" :options=\"treeOptions\" ref=\"tree\" @node:unchecked=\"removeTargetFromTree\" @node:checked=\"addTargetFromTree\">\n          <span class=\"tree-text\" slot-scope=\"{ node }\">\n            <template>\n              <span v-if=\"node.data.hasOwnProperty('websites_count') || node.data.hasOwnProperty('apps_count')\" class=\"inline-block align-middle mr-3\">\n                {{ node.text }}\n                (\n                  {{\n                    itemsCountPerCategory[node.data.id]\n                      ? (itemsCountPerCategory[node.data.id][looking_for] ? itemsCountPerCategory[node.data.id][looking_for] : 0)\n                      : 0\n                  }}\n                  /\n                  {{ looking_for == 'websites' ? node.data.websites_count : node.data.apps_count }}\n                )\n              </span>\n              <span v-else class=\"inline-block align-middle mr-3\">\n                {{ node.text }}\n              </span>\n            </template>\n          </span>\n        </tree>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-8\">\n      <div class=\"vx-col w-full\">\n        <vs-checkbox @input=\"$gtag.event('Step3_PublishersTab_IncludeNew')\" id=\"create-campaign-s3-platform-include-new-button\" class=\"ml-0\" color=\"#6DC5D0\" v-model=\"value.include_new_platforms\">{{ $t('Include all new websites.') }}</vs-checkbox>\n      </div>\n    </div>\n  </div>\n</template>\n\n\n<script>\nimport Autocomplete from '@trevoreyre/autocomplete-vue'\nimport '@trevoreyre/autocomplete-vue/dist/style.css'\nimport {cloneDeep} from 'lodash'\n\nexport default {\n  props: {\n    value: {\n      type: Object,\n      required: true\n    },\n    industry_id: {\n      type: Number,\n      required: true\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n      required: false\n    },\n    account_id: {\n      type: Number,\n      required: true\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    isRefillingFromAnAudience: {\n      type: Boolean,\n      default: false\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        this.$emit('input', newVal)\n\n        this.isSelectAllChecked(newVal)\n      },\n      deep: true\n    }\n  },\n  components: {\n    Autocomplete\n  },\n  data () {\n    return {\n      looking_for: 'websites', // only in [websites, apps]\n      target: {\n        websites: [],\n        apps: []\n      },\n      categories: [],\n      counts: {\n        websites: [],\n        apps: []\n      },\n      filterText: '',\n      tree: this.getTreeData(),\n      select_all: true,\n      fire_platforms_events: true,\n      treeOptions: {\n        checkbox: true\n      },\n      isDataFilled: false\n    }\n  },\n  mounted () {\n    // after component is ready i need to check if there is isps in the \"main state\" if there any will trigger a request and select it\n    // and if not i need to fetch all platforms\n    // setTimeout(async () => {\n    //   const response = await this.initRequest()\n    //   response.data.payload.forEach(item => {\n    //     this.addTarget(\n    //       item,\n    //       this.value.websites.length && this.value.apps.length ? this.value[item.type].includes(item.id) : true,\n    //       item.type !== this.looking_for\n    //     )\n    //   })\n    // }, 0)\n\n    // when a user removes a websites from price flooring table it must be removed from here\n    this.$root.$on(`price-flooring:${this.adsetIndex}:platform-deleted`, (domain) => {\n      if (!domain) {\n        return\n      }\n\n      const item = this.target[domain.type].find((i) => i.id === domain.id)\n\n      if (item) {\n        // Fire event \"platforms:changed\"\n        this.removeTarget(item)\n\n        if (this.$refs.tree) {\n          const treeItem = this.$refs.tree.find(item.name)\n          if (treeItem) {\n            treeItem.uncheck()\n          }\n        }\n      }\n    })\n\n    // when a user removes a websites from price flooring table it must be added from here\n    this.$root.$on(`price-flooring:${this.adsetIndex}:platform-added`, (domain) => {\n      if (!domain) {\n        return\n      }\n\n      const item = this.target[domain.type].find((i) => i.id === domain.id)\n\n      if (item) {\n        // Fire event \"platforms:changed\"\n        this.addTarget(item)\n\n        if (this.$refs.tree) {\n          const treeItem = this.$refs.tree.find(item.name)\n          if (treeItem) {\n            treeItem.check()\n          }\n        }\n      }\n    })\n  },\n  computed: {\n    search_placeholder () {\n      return this.looking_for === 'websites' ? this.$t('Search for website.') : this.$t('Search for mobile applications.')\n    },\n    categoriesHashMap () {\n      if (this.categories.length) {\n        return this.categories.map((category) => {\n          const result = {}\n          result[category.id] = true\n        })\n      }\n      return {}\n    },\n    itemsCountPerCategory () {\n      const $return = []\n\n      if (this.categories.length) {\n        this.categories.forEach(category => {\n          let websites = this.counts['websites'].find(i => i.category_id === category.id)\n\n          if (!websites) {\n            websites = {count: 0}\n          }\n\n          let apps = this.counts['apps'].find(i => i.category_id === category.id)\n\n          if (!apps) {\n            apps = {count: 0}\n          }\n\n          $return[category.id] = {\n            websites: websites.count,\n            apps: apps.count\n          }\n        })\n      }\n\n      return $return\n    }\n  },\n  methods: {\n    async getTreeData (looking_for = 'websites', forceFill = false, skipRefillingFromAnAudience = false, hideLoader = true) {\n      /**\n       * hay maintainer here I'm explaining the states that are critical to fill\n       * this.value.websites : the selected websites ids\n       * this.value.apps : the selected apps ids\n       *\n       ** like a local data base of websites in the component level\n       * this.target.websites : the selected websites object\n       * this.target.apps : the selected apps object\n       *\n       ** a local data base  in component level\n       * this.categories: the categories objects\n       *\n       ** a database for counts\n       * this.counts.websites : the seleccted websites count per category\n       * this.counts.apps : the seleccted apps count per category\n       */\n\n      if (!['websites', 'apps'].includes(looking_for)) {\n        return\n      }\n\n      const response = await this.initRequest(null, true, hideLoader)\n\n      const isRefillingFromAnAudience = skipRefillingFromAnAudience ? false : this.isRefillingFromAnAudience\n\n      if (!this.isDataFilled || forceFill || isRefillingFromAnAudience) {\n        const websites_data = response.data.payload.map(i => i.children.filter(v => v.state.checked).map(v => v.data).flat()).flat().filter(i => i.type === 'websites')\n        const apps_data = response.data.payload.map(i => i.children.filter(v => v.state.checked).map(v => v.data).flat()).flat().filter(i => i.type === 'apps')\n\n        const refillValues = (!this.editing || forceFill)\n        const isWebsitesNotFilled = (looking_for === 'websites' || !this.isDataFilled)\n        const isAppsNotFilled = (looking_for === 'apps' || !this.isDataFilled)\n\n        const selectableWebsitesIds = websites_data.map(i => i.id)\n        const selectableAppsIds = apps_data.map(i => i.id)\n\n        if (isRefillingFromAnAudience) {\n          this.value.websites = this.value.websites.filter(id => selectableWebsitesIds.includes(id))\n          this.value.apps = this.value.apps.filter(id => selectableAppsIds.includes(id))\n        } else {\n          if (refillValues && isWebsitesNotFilled) {\n            this.value.websites = selectableWebsitesIds\n          }\n\n          if (refillValues && isAppsNotFilled) {\n            this.value.apps = selectableAppsIds\n          }\n        }\n\n        this.target.websites = websites_data\n        this.target.apps = apps_data\n\n        this.isDataFilled = true\n      }\n\n      this.categories = response.data.payload.map(i => i.data)\n\n      this.counts.websites = response.data.payload.map((i) => {\n        return {\n          category_id: i.data.id,\n          count: this.target.websites.filter(v => this.value.websites.includes(v.id) && v.category_id === i.data.id).length\n        }\n      })\n\n      this.counts.apps = response.data.payload.map((i) => {\n        return {\n          category_id: i.data.id,\n          count: this.target.apps.filter(v => this.value.apps.includes(v.id) && v.category_id === i.data.id).length\n        }\n      })\n\n      const treeData = response.data.payload\n\n      treeData.forEach((categoryTree, index) => {\n        const selectedCount = this.counts[looking_for].filter(i => i.category_id === categoryTree.data.id)[0].count\n\n        treeData[index].state.checked = selectedCount > 0 ? categoryTree.data[`${looking_for}_count`] === selectedCount : false\n\n        treeData[index].children.forEach(treeItem => {\n          if (this.editing || this.value[looking_for].length) {\n            treeItem.state.checked = treeItem.data.state.checked && this.value[looking_for].includes(treeItem.data.id)\n          } else {\n            treeItem.state.checked = false\n          }\n        })\n\n        treeData[index].children = treeData[index].children.filter(i => i.data.type === looking_for)\n      })\n\n\n      this.isSelectAllChecked(this.value)\n\n      return Promise.resolve(treeData.filter(i => i.data[`${looking_for}_count`] > 0))\n    },\n    initRequest (looking_for = null, forTree = false, hideLoader = false) {\n      const params = {\n        industry_id: this.industry_id,\n        for_tree: forTree ? 1 : 0,\n        account_id: this.account_id\n      }\n\n      if (looking_for !== null) {\n        params.type = looking_for\n      }\n\n      return window.axios.get('/recommendations/get/platforms', {\n        hideLoader,\n        params\n      })\n    },\n    async reInitSelections () {\n\n\n      const response = await this.initRequest()\n\n      response.data.payload.forEach(item => {\n        this.addTarget(item)\n      })\n\n\n    },\n    changeLookingFor (looking_for, oldLookingFor = 'websites', hideLoader = false) {\n      this.resetValues('soft').then(async () => {\n\n\n        this.filterText = ''\n\n        // change looking for value\n        if (looking_for === 'all') {\n          this.looking_for = oldLookingFor\n        } else {\n          this.looking_for = looking_for\n        }\n\n        const data = await this.getTreeData(this.looking_for, false, false, hideLoader)\n        this.$refs.tree.setModel(data)\n\n        this.isSelectAllChecked(this.value)\n\n      })\n    },\n    addCategory (item) {\n      const categoryExist = this.categoriesHashMap[item.id]\n      if (!categoryExist) {\n        this.categories.push(item)\n      }\n      return true\n    },\n    addTarget (item, isSelected = true) {\n      if (item.state.disabled) {\n        return\n      }\n\n      const isCategoryAdded = this.addCategory(item.category)\n      // check if item exists\n      if (isCategoryAdded) {\n        if (!this.target[item.type].find(i => item.id === i.id)) {\n          this.target[item.type].push(item)\n        }\n\n        if (isSelected) {\n        // push to value\n          if (!this.value[item.type].find(i => item.id === i)) {\n            this.value[item.type].push(item.id)\n\n            // push to counts\n            const countedByCategory = this.counts[item.type].find(i => i.category_id === item.category.id)\n            if (!countedByCategory) {\n              this.counts[item.type].push({\n                category_id: item.category.id,\n                count: 1\n              })\n            } else {\n              countedByCategory.count++\n            }\n          }\n        }\n      }\n\n    },\n    removeTarget (item) {\n      // remove from this.value\n      const valueIndex = this.value[item.type].findIndex(i => i === item.id)\n      if (valueIndex !== -1) {\n        this.value[item.type].splice(valueIndex, 1)\n\n        // remove from counts\n        const countedByCategory = this.counts[item.type].find(i => i.category_id === item.category.id)\n        if (countedByCategory && countedByCategory.count > 0) {\n          countedByCategory.count--\n        }\n      }\n    },\n    removeTargetFromTree (node) {\n      if (node.data.hasOwnProperty('category_id')) { // that means that the node is isp\n        this.removeTarget(node.data)\n      }\n    },\n    addTargetFromTree (node) {\n      if (node.data.state && node.data.state.disabled) {\n        node.states = {...node.states, ...node.data.state}\n        node.uncheck()\n        node.unselect()\n      }\n\n      if (node.data.hasOwnProperty('category_id')) { // that means that the node is isp\n        this.addTarget(node.data)\n      }\n    },\n    isSelectAllChecked (newValue) {\n      const target = cloneDeep(this.target)\n\n      const data = target.websites.concat(target.apps)\n\n      const categories = data.map(i => i.category)\n\n      const categoriesUnique = []\n\n      categories.forEach(category => {\n        if (!categoriesUnique.find(i => i.id === category.id)) {\n          categoriesUnique.push(category)\n        }\n      })\n\n      const total_websites = categoriesUnique.map(i => i.websites_count).reduce((a, b) => a + b, 0)\n      const total_apps = categoriesUnique.map(i => i.apps_count).reduce((a, b) => a + b, 0)\n\n      this.select_all = (this.looking_for === 'websites' ? total_websites : total_apps) === (this.looking_for === 'websites' ? newValue.websites.length : newValue.apps.length)\n    },\n    async selectAll () {\n      if (this.looking_for === 'websites') {\n        this.$gtag.event('Step3_PublishersTab_Websites_All')\n      } else {\n        this.$gtag.event('Step3_PublishersTab_Apps_All')\n      }\n\n      if (this.select_all) {\n        // this.changeLookingFor('all', this.looking_for)\n        const data = await this.getTreeData(this.looking_for, true, true, false)\n        this.$refs.tree.setModel(data)\n        return\n      }\n\n      // reset the selected value\n      this.value[this.looking_for] = []\n\n      // reset the counts\n      this.counts[this.looking_for] = []\n\n      const selection = this.$refs.tree.findAll({ state: { checked: true } })\n      selection.unselect()\n      selection.uncheck()\n\n      // const target = window._.cloneDeep(this.target)\n\n      // const data = this.looking_for === 'websites' ? target.websites : target.apps\n\n      // data.forEach((item) => {\n      //   // this.removeTarget(item)\n      //   // to uncheck\n      //   const node = this.$refs.tree.find(item.name)\n      //   if (node.length) {\n      //     node[0].uncheck()\n      //   }\n      // })\n    },\n    resetValues (resetType) {\n      return new Promise(resolve => {\n        // reset the counts\n        this.counts = {\n          websites: [],\n          apps: []\n        }\n\n        // clean the tree\n        this.categories.forEach(category => {\n          if (this.$refs.tree.find(category.name).length > 0) {\n            this.$refs.tree.remove(category.name)\n          }\n        })\n\n        // reset type is created to handle switching between the looking for option\n        if (resetType === 'soft') {\n          resolve()\n          return\n        }\n\n        // clean the selected items\n        this.target = {\n          websites: [],\n          apps: []\n        }\n\n        // reset the selected value\n        this.value.websites = []\n        this.value.apps = []\n\n        resolve()\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.target-platforms {\n  .tree-children {\n    margin-left: 24px;\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!./TargetPlatforms.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!./TargetPlatforms.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TargetPlatforms.vue?vue&type=template&id=1c1ce532&\"\nimport script from \"./TargetPlatforms.vue?vue&type=script&lang=js&\"\nexport * from \"./TargetPlatforms.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TargetPlatforms.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetPlatforms.vue?vue&type=style&index=0&lang=scss&\"","function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    if (enumerableOnly) symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    });\n    keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nfunction _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        _defineProperty(target, key, source[key]);\n      });\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n      });\n    }\n  }\n\n  return target;\n}\n\n// Polyfill for element.matches, to support Internet Explorer. It's a relatively\n// simple polyfill, so we'll just include it rather than require the user to\n// include the polyfill themselves. Adapted from\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nvar matches = function matches(element, selector) {\n  return element.matches ? element.matches(selector) : element.msMatchesSelector ? element.msMatchesSelector(selector) : element.webkitMatchesSelector ? element.webkitMatchesSelector(selector) : null;\n};\n\n// Polyfill for element.closest, to support Internet Explorer. It's a relatively\n\nvar closestPolyfill = function closestPolyfill(el, selector) {\n  var element = el;\n\n  while (element && element.nodeType === 1) {\n    if (matches(element, selector)) {\n      return element;\n    }\n\n    element = element.parentNode;\n  }\n\n  return null;\n};\n\nvar closest = function closest(element, selector) {\n  return element.closest ? element.closest(selector) : closestPolyfill(element, selector);\n};\n\n// Returns true if the value has a \"then\" function. Adapted from\n// https://github.com/graphql/graphql-js/blob/499a75939f70c4863d44149371d6a99d57ff7c35/src/jsutils/isPromise.js\nvar isPromise = function isPromise(value) {\n  return Boolean(value && typeof value.then === 'function');\n};\n\nvar AutocompleteCore = function AutocompleteCore() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      search = _ref.search,\n      _ref$autoSelect = _ref.autoSelect,\n      autoSelect = _ref$autoSelect === void 0 ? false : _ref$autoSelect,\n      _ref$setValue = _ref.setValue,\n      setValue = _ref$setValue === void 0 ? function () {} : _ref$setValue,\n      _ref$setAttribute = _ref.setAttribute,\n      setAttribute = _ref$setAttribute === void 0 ? function () {} : _ref$setAttribute,\n      _ref$onUpdate = _ref.onUpdate,\n      onUpdate = _ref$onUpdate === void 0 ? function () {} : _ref$onUpdate,\n      _ref$onSubmit = _ref.onSubmit,\n      onSubmit = _ref$onSubmit === void 0 ? function () {} : _ref$onSubmit,\n      _ref$onShow = _ref.onShow,\n      onShow = _ref$onShow === void 0 ? function () {} : _ref$onShow,\n      _ref$onHide = _ref.onHide,\n      onHide = _ref$onHide === void 0 ? function () {} : _ref$onHide,\n      _ref$onLoading = _ref.onLoading,\n      onLoading = _ref$onLoading === void 0 ? function () {} : _ref$onLoading,\n      _ref$onLoaded = _ref.onLoaded,\n      onLoaded = _ref$onLoaded === void 0 ? function () {} : _ref$onLoaded;\n\n  _classCallCheck(this, AutocompleteCore);\n\n  _defineProperty(this, \"value\", '');\n\n  _defineProperty(this, \"searchCounter\", 0);\n\n  _defineProperty(this, \"results\", []);\n\n  _defineProperty(this, \"selectedIndex\", -1);\n\n  _defineProperty(this, \"handleInput\", function (event) {\n    var value = event.target.value;\n\n    _this.updateResults(value);\n\n    _this.value = value;\n  });\n\n  _defineProperty(this, \"handleKeyDown\", function (event) {\n    var key = event.key;\n\n    switch (key) {\n      case 'Up': // IE/Edge\n\n      case 'Down': // IE/Edge\n\n      case 'ArrowUp':\n      case 'ArrowDown':\n        {\n          var selectedIndex = key === 'ArrowUp' || key === 'Up' ? _this.selectedIndex - 1 : _this.selectedIndex + 1;\n          event.preventDefault();\n\n          _this.handleArrows(selectedIndex);\n\n          break;\n        }\n\n      case 'Tab':\n        {\n          _this.selectResult();\n\n          break;\n        }\n\n      case 'Enter':\n        {\n          var selectedResult = _this.results[_this.selectedIndex];\n\n          _this.selectResult();\n\n          _this.onSubmit(selectedResult);\n\n          break;\n        }\n\n      case 'Esc': // IE/Edge\n\n      case 'Escape':\n        {\n          _this.hideResults();\n\n          _this.setValue();\n\n          break;\n        }\n\n      default:\n        return;\n    }\n  });\n\n  _defineProperty(this, \"handleFocus\", function (event) {\n    var value = event.target.value;\n\n    _this.updateResults(value);\n\n    _this.value = value;\n  });\n\n  _defineProperty(this, \"handleBlur\", function () {\n    _this.hideResults();\n  });\n\n  _defineProperty(this, \"handleResultMouseDown\", function (event) {\n    event.preventDefault();\n  });\n\n  _defineProperty(this, \"handleResultClick\", function (event) {\n    var target = event.target;\n    var result = closest(target, '[data-result-index]');\n\n    if (result) {\n      _this.selectedIndex = parseInt(result.dataset.resultIndex, 10);\n      var selectedResult = _this.results[_this.selectedIndex];\n\n      _this.selectResult();\n\n      _this.onSubmit(selectedResult);\n    }\n  });\n\n  _defineProperty(this, \"handleArrows\", function (selectedIndex) {\n    // Loop selectedIndex back to first or last result if out of bounds\n    var resultsCount = _this.results.length;\n    _this.selectedIndex = (selectedIndex % resultsCount + resultsCount) % resultsCount; // Update results and aria attributes\n\n    _this.onUpdate(_this.results, _this.selectedIndex);\n  });\n\n  _defineProperty(this, \"selectResult\", function () {\n    var selectedResult = _this.results[_this.selectedIndex];\n\n    if (selectedResult) {\n      _this.setValue(selectedResult);\n    }\n\n    _this.hideResults();\n  });\n\n  _defineProperty(this, \"updateResults\", function (value) {\n    var currentSearch = ++_this.searchCounter;\n\n    _this.onLoading();\n\n    _this.search(value).then(function (results) {\n      if (currentSearch !== _this.searchCounter) {\n        return;\n      }\n\n      _this.results = results;\n\n      _this.onLoaded();\n\n      if (_this.results.length === 0) {\n        _this.hideResults();\n\n        return;\n      }\n\n      _this.selectedIndex = _this.autoSelect ? 0 : -1;\n\n      _this.onUpdate(_this.results, _this.selectedIndex);\n\n      _this.showResults();\n    });\n  });\n\n  _defineProperty(this, \"showResults\", function () {\n    _this.setAttribute('aria-expanded', true);\n\n    _this.onShow();\n  });\n\n  _defineProperty(this, \"hideResults\", function () {\n    _this.selectedIndex = -1;\n    _this.results = [];\n\n    _this.setAttribute('aria-expanded', false);\n\n    _this.setAttribute('aria-activedescendant', '');\n\n    _this.onUpdate(_this.results, _this.selectedIndex);\n\n    _this.onHide();\n  });\n\n  _defineProperty(this, \"checkSelectedResultVisible\", function (resultsElement) {\n    var selectedResultElement = resultsElement.querySelector(\"[data-result-index=\\\"\".concat(_this.selectedIndex, \"\\\"]\"));\n\n    if (!selectedResultElement) {\n      return;\n    }\n\n    var resultsPosition = resultsElement.getBoundingClientRect();\n    var selectedPosition = selectedResultElement.getBoundingClientRect();\n\n    if (selectedPosition.top < resultsPosition.top) {\n      // Element is above viewable area\n      resultsElement.scrollTop -= resultsPosition.top - selectedPosition.top;\n    } else if (selectedPosition.bottom > resultsPosition.bottom) {\n      // Element is below viewable area\n      resultsElement.scrollTop += selectedPosition.bottom - resultsPosition.bottom;\n    }\n  });\n\n  this.search = isPromise(search) ? search : function (value) {\n    return Promise.resolve(search(value));\n  };\n  this.autoSelect = autoSelect;\n  this.setValue = setValue;\n  this.setAttribute = setAttribute;\n  this.onUpdate = onUpdate;\n  this.onSubmit = onSubmit;\n  this.onShow = onShow;\n  this.onHide = onHide;\n  this.onLoading = onLoading;\n  this.onLoaded = onLoaded;\n};\n\n// Generates a unique ID, with optional prefix. Adapted from\n// https://github.com/lodash/lodash/blob/61acdd0c295e4447c9c10da04e287b1ebffe452c/uniqueId.js\nvar idCounter = 0;\n\nvar uniqueId = function uniqueId() {\n  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n  return \"\".concat(prefix).concat(++idCounter);\n};\n\n// Calculates whether element2 should be above or below element1. Always\n// places element2 below unless all of the following:\n// 1. There isn't enough visible viewport below to fit element2\n// 2. There is more room above element1 than there is below\n// 3. Placing elemen2 above 1 won't overflow window\nvar getRelativePosition = function getRelativePosition(element1, element2) {\n  var position1 = element1.getBoundingClientRect();\n  var position2 = element2.getBoundingClientRect();\n  var positionAbove =\n  /* 1 */\n  position1.bottom + position2.height > window.innerHeight &&\n  /* 2 */\n  window.innerHeight - position1.bottom < position1.top &&\n  /* 3 */\n  window.pageYOffset + position1.top - position2.height > 0;\n  return positionAbove ? 'above' : 'below';\n};\n\n// Credit David Walsh (https://davidwalsh.name/javascript-debounce-function)\n// Returns a function, that, as long as it continues to be invoked, will not\n// be triggered. The function will be called after it stops being called for\n// N milliseconds. If `immediate` is passed, trigger the function on the\n// leading edge, instead of the trailing.\nvar debounce = function debounce(func, wait, immediate) {\n  var timeout;\n  return function executedFunction() {\n    var context = this;\n    var args = arguments;\n\n    var later = function later() {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n\n    var callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n  };\n};\n\nvar script = {\n  name: 'Autocomplete',\n  inheritAttrs: false,\n  props: {\n    search: {\n      type: Function,\n      required: true\n    },\n    baseClass: {\n      type: String,\n      \"default\": 'autocomplete'\n    },\n    autoSelect: {\n      type: Boolean,\n      \"default\": false\n    },\n    getResultValue: {\n      type: Function,\n      \"default\": function _default(result) {\n        return result;\n      }\n    },\n    defaultValue: {\n      type: String,\n      \"default\": ''\n    },\n    debounceTime: {\n      type: Number,\n      \"default\": 0\n    }\n  },\n  data: function data() {\n    var core = new AutocompleteCore({\n      search: this.search,\n      autoSelect: this.autoSelect,\n      setValue: this.setValue,\n      onUpdate: this.handleUpdate,\n      onSubmit: this.handleSubmit,\n      onShow: this.handleShow,\n      onHide: this.handleHide,\n      onLoading: this.handleLoading,\n      onLoaded: this.handleLoaded\n    });\n\n    if (this.debounceTime > 0) {\n      core.handleInput = debounce(core.handleInput, this.debounceTime);\n    }\n\n    return {\n      core: core,\n      value: this.defaultValue,\n      resultListId: uniqueId(\"\".concat(this.baseClass, \"-result-list-\")),\n      results: [],\n      selectedIndex: -1,\n      expanded: false,\n      loading: false,\n      position: 'below',\n      resetPosition: true\n    };\n  },\n  computed: {\n    rootProps: function rootProps() {\n      return {\n        \"class\": this.baseClass,\n        style: {\n          position: 'relative'\n        },\n        'data-expanded': this.expanded,\n        'data-loading': this.loading,\n        'data-position': this.position\n      };\n    },\n    inputProps: function inputProps() {\n      return _objectSpread2({\n        \"class\": \"\".concat(this.baseClass, \"-input\"),\n        value: this.value,\n        role: 'combobox',\n        autocomplete: 'off',\n        autocapitalize: 'off',\n        autocorrect: 'off',\n        spellcheck: 'false',\n        'aria-autocomplete': 'list',\n        'aria-haspopup': 'listbox',\n        'aria-owns': this.resultListId,\n        'aria-expanded': this.expanded ? 'true' : 'false',\n        'aria-activedescendant': this.selectedIndex > -1 ? this.resultProps[this.selectedIndex].id : ''\n      }, this.$attrs);\n    },\n    inputListeners: function inputListeners() {\n      return {\n        input: this.handleInput,\n        keydown: this.core.handleKeyDown,\n        focus: this.core.handleFocus,\n        blur: this.core.handleBlur\n      };\n    },\n    resultListProps: function resultListProps() {\n      var yPosition = this.position === 'below' ? 'top' : 'bottom';\n      return {\n        id: this.resultListId,\n        \"class\": \"\".concat(this.baseClass, \"-result-list\"),\n        role: 'listbox',\n        style: _defineProperty({\n          position: 'absolute',\n          zIndex: 1,\n          width: '100%',\n          visibility: this.expanded ? 'visible' : 'hidden',\n          pointerEvents: this.expanded ? 'auto' : 'none'\n        }, yPosition, '100%')\n      };\n    },\n    resultListListeners: function resultListListeners() {\n      return {\n        mousedown: this.core.handleResultMouseDown,\n        click: this.core.handleResultClick\n      };\n    },\n    resultProps: function resultProps() {\n      var _this = this;\n\n      return this.results.map(function (result, index) {\n        return _objectSpread2({\n          id: \"\".concat(_this.baseClass, \"-result-\").concat(index),\n          \"class\": \"\".concat(_this.baseClass, \"-result\"),\n          'data-result-index': index,\n          role: 'option'\n        }, _this.selectedIndex === index ? {\n          'aria-selected': 'true'\n        } : {});\n      });\n    }\n  },\n  mounted: function mounted() {\n    document.body.addEventListener('click', this.handleDocumentClick);\n  },\n  beforeDestroy: function beforeDestroy() {\n    document.body.removeEventListener('click', this.handleDocumentClick);\n  },\n  updated: function updated() {\n    if (!this.$refs.input || !this.$refs.resultList) {\n      return;\n    }\n\n    if (this.resetPosition && this.results.length > 0) {\n      this.resetPosition = false;\n      this.position = getRelativePosition(this.$refs.input, this.$refs.resultList);\n    }\n\n    this.core.checkSelectedResultVisible(this.$refs.resultList);\n  },\n  methods: {\n    setValue: function setValue(result) {\n      this.value = result ? this.getResultValue(result) : '';\n    },\n    handleUpdate: function handleUpdate(results, selectedIndex) {\n      this.results = results;\n      this.selectedIndex = selectedIndex;\n      this.$emit('update', results, selectedIndex);\n    },\n    handleShow: function handleShow() {\n      this.expanded = true;\n    },\n    handleHide: function handleHide() {\n      this.expanded = false;\n      this.resetPosition = true;\n    },\n    handleLoading: function handleLoading() {\n      this.loading = true;\n    },\n    handleLoaded: function handleLoaded() {\n      this.loading = false;\n    },\n    handleInput: function handleInput(event) {\n      this.value = event.target.value;\n      this.core.handleInput(event);\n    },\n    handleSubmit: function handleSubmit(selectedResult) {\n      this.$emit('submit', selectedResult);\n    },\n    handleDocumentClick: function handleDocumentClick(event) {\n      if (this.$refs.root.contains(event.target)) {\n        return;\n      }\n\n      this.core.hideResults();\n    }\n  }\n};\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\r\n    if (typeof shadowMode !== 'boolean') {\r\n        createInjectorSSR = createInjector;\r\n        createInjector = shadowMode;\r\n        shadowMode = false;\r\n    }\r\n    // Vue.extend constructor export interop.\r\n    const options = typeof script === 'function' ? script.options : script;\r\n    // render functions\r\n    if (template && template.render) {\r\n        options.render = template.render;\r\n        options.staticRenderFns = template.staticRenderFns;\r\n        options._compiled = true;\r\n        // functional template\r\n        if (isFunctionalTemplate) {\r\n            options.functional = true;\r\n        }\r\n    }\r\n    // scopedId\r\n    if (scopeId) {\r\n        options._scopeId = scopeId;\r\n    }\r\n    let hook;\r\n    if (moduleIdentifier) {\r\n        // server build\r\n        hook = function (context) {\r\n            // 2.3 injection\r\n            context =\r\n                context || // cached call\r\n                    (this.$vnode && this.$vnode.ssrContext) || // stateful\r\n                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional\r\n            // 2.2 with runInNewContext: true\r\n            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\r\n                context = __VUE_SSR_CONTEXT__;\r\n            }\r\n            // inject component styles\r\n            if (style) {\r\n                style.call(this, createInjectorSSR(context));\r\n            }\r\n            // register component module identifier for async chunk inference\r\n            if (context && context._registeredComponents) {\r\n                context._registeredComponents.add(moduleIdentifier);\r\n            }\r\n        };\r\n        // used by ssr in case component is cached and beforeCreate\r\n        // never gets called\r\n        options._ssrRegister = hook;\r\n    }\r\n    else if (style) {\r\n        hook = shadowMode\r\n            ? function (context) {\r\n                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));\r\n            }\r\n            : function (context) {\r\n                style.call(this, createInjector(context));\r\n            };\r\n    }\r\n    if (hook) {\r\n        if (options.functional) {\r\n            // register for functional component in vue file\r\n            const originalRender = options.render;\r\n            options.render = function renderWithStyleInjection(h, context) {\r\n                hook.call(context);\r\n                return originalRender(h, context);\r\n            };\r\n        }\r\n        else {\r\n            // inject component registration as beforeCreate hook\r\n            const existing = options.beforeCreate;\r\n            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\r\n        }\r\n    }\r\n    return script;\r\n}\n\n/* script */\nconst __vue_script__ = script;\n\n/* template */\nvar __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"root\"},[_vm._t(\"default\",[_c('div',_vm._b({},'div',_vm.rootProps,false),[_c('input',_vm._g(_vm._b({ref:\"input\",on:{\"input\":_vm.handleInput,\"keydown\":_vm.core.handleKeyDown,\"focus\":_vm.core.handleFocus,\"blur\":_vm.core.handleBlur}},'input',_vm.inputProps,false),_vm.$listeners)),_vm._v(\" \"),_c('ul',_vm._g(_vm._b({ref:\"resultList\"},'ul',_vm.resultListProps,false),_vm.resultListListeners),[_vm._l((_vm.results),function(result,index){return [_vm._t(\"result\",[_c('li',_vm._b({key:_vm.resultProps[index].id},'li',_vm.resultProps[index],false),[_vm._v(\"\\n              \"+_vm._s(_vm.getResultValue(result))+\"\\n            \")])],{\"result\":result,\"props\":_vm.resultProps[index]})]})],2)])],{\"rootProps\":_vm.rootProps,\"inputProps\":_vm.inputProps,\"inputListeners\":_vm.inputListeners,\"resultListProps\":_vm.resultListProps,\"resultListListeners\":_vm.resultListListeners,\"results\":_vm.results,\"resultProps\":_vm.resultProps})],2)};\nvar __vue_staticRenderFns__ = [];\n\n  /* style */\n  const __vue_inject_styles__ = undefined;\n  /* scoped */\n  const __vue_scope_id__ = undefined;\n  /* module identifier */\n  const __vue_module_identifier__ = undefined;\n  /* functional template */\n  const __vue_is_functional_template__ = false;\n  /* style inject */\n  \n  /* style inject SSR */\n  \n  /* style inject shadow dom */\n  \n\n  \n  const __vue_component__ = normalizeComponent(\n    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n    __vue_inject_styles__,\n    __vue_script__,\n    __vue_scope_id__,\n    __vue_is_functional_template__,\n    __vue_module_identifier__,\n    false,\n    undefined,\n    undefined,\n    undefined\n  );\n\nfunction install(Vue) {\n  if (install.installed) {\n    return;\n  }\n\n  install.installed = true;\n  Vue.component('Autocomplete', __vue_component__);\n}\n\nvar plugin = {\n  install: install\n}; // Auto install if Vue is found\n\nvar GlobalVue;\n\nif (typeof window !== 'undefined') {\n  GlobalVue = window.Vue;\n} else if (typeof global !== 'undefined') {\n  GlobalVue = global.Vue;\n}\n\nif (GlobalVue) {\n  GlobalVue.use(plugin);\n} // Inject install function into component. Allows component to be registered via\n// Vue.use() as well as Vue.component()\n\n\n__vue_component__.install = install;\n\nexport default __vue_component__;\n"],"sourceRoot":""}