{"version":3,"sources":["webpack:///./src/views/conversions/components/FilterSummary.vue?fb3f","webpack:///./src/views/conversions/components/FilterSummary.vue?7d7a","webpack:///src/views/conversions/components/FilterSummary.vue","webpack:///./src/views/conversions/components/FilterSummary.vue?81cb","webpack:///./src/views/conversions/components/FilterSummary.vue","webpack:///./src/utils/StringOperations.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","filterCounter","filterCounterText","slot","campaignsFilterText","_e","filters","status","eventName","on","$event","$emit","staticRenderFns","props","computed","pixelEvents","find","isAllSelected","filteredCampaigns","length","firstCampaignName","filterLength","methods","component","trim","string","substring"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,aAAa,CAACE,YAAY,gBAAgBC,MAAM,CAAC,SAAW,WAAW,CAACH,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,aAAaR,EAAIS,GAAGT,EAAIU,eAAe,cAAcV,EAAIQ,GAAG,WAAWR,EAAIS,GAAGT,EAAIW,mBAAmB,YAAYP,EAAG,WAAW,CAACQ,KAAK,QAAQ,CAACR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,aAAcR,EAAuB,oBAAEI,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAG,gBAAgBJ,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACE,YAAY,mCAAmC,CAACN,EAAIQ,GAAG,iBAAiBR,EAAIS,GAAGT,EAAIa,qBAAqB,sBAAsBb,EAAIc,KAAMd,EAAIe,QAAc,OAAEX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAG,aAAaJ,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIe,QAAQC,aAAahB,EAAIc,KAAMd,EAAIe,QAAa,MAAEX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAG,kBAAkBJ,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIiB,gBAAgBjB,EAAIc,UAAU,GAAGV,EAAG,MAAM,CAACE,YAAY,qCAAqCC,MAAM,CAAC,GAAK,kCAAkCW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,MAAM,oBAAoB,CAAChB,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAG,yBAAyBJ,EAAG,UAAU,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,iBAAiB,YAAY,cAAc,MAAM,IACpkDc,EAAkB,G,oqBC+CtB,OACEC,MAAO,CAAC,gBAAiB,UAAW,qBAEpCC,SAAU,EAAZ,KACA,gBACI,YAAJ,0BAFA,IAKIZ,kBALJ,WAMM,OAA8B,IAAvBV,KAAKS,cAAsB,gBAAkB,kBAGtDO,UATJ,WASA,WACM,OAAOhB,KAAKuB,YAAYC,MAAK,SAAnC,2CAGIZ,oBAbJ,WAcM,GAAIZ,KAAKyB,gBACP,MAAO,MAGT,IAAN,gCAEM,GAAIzB,KAAK0B,kBAAkBC,OAAS,EAAG,CAErC,IAAR,sCAIQ,OAFAC,EAAoB,OAA5B,OAA4B,CAA5B,KAEgC,IAAjBC,EAAqBD,EAAoB,GAAxD,0BAGM,MAAO,MAGXE,QAAS,CACPL,cADJ,WAEM,QAAIzB,KAAK0B,mBACA1B,KAAK0B,kBAAkBF,MAAK,SAA3C,yBCtFqX,I,wBCQjXO,EAAY,eACd,EACAjC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,6CCnBf,kCAAO,IAAMC,EAAO,SAACC,EAAQN,GAC3B,OAAOM,EAAON,OAASA,EAAhB,UAA4BM,EAAOC,UAAU,EAAGP,GAAhD,OAAiEM","file":"js/chunk-2cea4339.37a0d67b.js","sourcesContent":["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!./FilterSummary.vue?vue&type=style&index=0&id=172db6b6&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex active-filters-parent\"},[_c('vx-tooltip',{staticClass:\"tooltip-label\",attrs:{\"position\":\"bottom\"}},[_c('span',{staticClass:\"active-filter-counter\"},[_c('span',[_vm._v(\"\\n        \"+_vm._s(_vm.filterCounter)+\"\\n      \")]),_vm._v(\"\\n      \"+_vm._s(_vm.filterCounterText)+\"\\n    \")]),_c('template',{slot:\"html\"},[_c('div',{staticClass:\"tooltip-parent\"},[_c('h6',{staticClass:\"tooltip-h6\"},[_vm._v(\"Filters\")]),(_vm.campaignsFilterText)?_c('div',{staticClass:\"flex whitespace-nowrap\"},[_c('h6',{staticClass:\"tooltip-title\"},[_vm._v(\"Campaign: \")]),_c('div',{staticClass:\"campaign-limit\"},[_c('span',{staticClass:\"tootltip-data campaigns-counter\"},[_vm._v(\"\\n            \"+_vm._s(_vm.campaignsFilterText)+\"\\n          \")])])]):_vm._e(),(_vm.filters.status)?_c('div',{staticClass:\"flex\"},[_c('h6',{staticClass:\"tooltip-title\"},[_vm._v(\"Status:\")]),_c('span',{staticClass:\"tootltip-data\"},[_vm._v(_vm._s(_vm.filters.status))])]):_vm._e(),(_vm.filters.event)?_c('div',{staticClass:\"flex\"},[_c('h6',{staticClass:\"tooltip-title\"},[_vm._v(\"Conversions:\")]),_c('span',{staticClass:\"tootltip-data\"},[_vm._v(_vm._s(_vm.eventName))])]):_vm._e()])])],2),_c('div',{staticClass:\"clear-filters-parent tooltip-label\",attrs:{\"id\":\"campaigns-clear-filters-button\"},on:{\"click\":function($event){return _vm.$emit('clear-filters')}}},[_c('span',{staticClass:\"clear-filters\"},[_vm._v(\"\\n      Clear\\n      \"),_c('vs-icon',{staticClass:\"clear-icon\",attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex active-filters-parent\">\n    <vx-tooltip class=\"tooltip-label\" position=\"bottom\">\n      <span class=\"active-filter-counter\">\n        <span>\n          {{filterCounter}}\n        </span>\n        {{filterCounterText}}\n      </span>\n\n      <template slot=\"html\">\n        <div class=\"tooltip-parent\">\n        <h6 class=\"tooltip-h6\">Filters</h6>\n        <div class=\"flex whitespace-nowrap\" v-if=\"campaignsFilterText\">\n          <h6 class=\"tooltip-title\">Campaign: </h6>\n          <div class=\"campaign-limit\">\n            <span class=\"tootltip-data campaigns-counter\">\n              {{ campaignsFilterText }}\n            </span>\n          </div>\n        </div>\n\n        <div v-if=\"filters.status\" class=\"flex\">\n          <h6 class=\"tooltip-title\">Status:</h6>\n          <span class=\"tootltip-data\">{{filters.status}}</span>\n        </div>\n\n        <div v-if=\"filters.event\" class=\"flex\">\n          <h6 class=\"tooltip-title\">Conversions:</h6>\n          <span class=\"tootltip-data\">{{ eventName }}</span>\n        </div>\n        </div>\n      </template>\n    </vx-tooltip>\n\n    <div id=\"campaigns-clear-filters-button\" v-on:click=\"$emit('clear-filters')\" class=\"clear-filters-parent tooltip-label\">\n      <span class=\"clear-filters\">\n        Clear\n        <vs-icon class=\"clear-icon\" icon=\"speakol-cancel\" icon-pack=\"speakol\"></vs-icon>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {mapGetters} from 'vuex'\nimport {trim} from '@/utils/StringOperations.js'\n\nexport default {\n  props: ['filterCounter', 'filters', 'filteredCampaigns'],\n\n  computed: {\n    ...mapGetters({\n      pixelEvents: 'campaign/pixelEvents'\n    }),\n\n    filterCounterText () {\n      return this.filterCounter === 1 ? 'Active Filter' : 'Active Filters'\n    },\n\n    eventName () {\n      return this.pixelEvents.find(event => event.id === this.filters.event).label\n    },\n\n    campaignsFilterText () {\n      if (this.isAllSelected()) {\n        return 'All'\n      }\n\n      const filterLength = this.filteredCampaigns.length\n\n      if (this.filteredCampaigns.length > 0) {\n        //todo: Fix linting issue here ( If Fixed May Cause issue with Filter, need to test it )\n        let firstCampaignName = this.filteredCampaigns.shift().name\n\n        firstCampaignName = trim(firstCampaignName, 8)\n\n        return filterLength === 1 ? firstCampaignName : `${firstCampaignName}+${filterLength - 1}`\n      }\n\n      return ''\n    }\n  },\n  methods: {\n    isAllSelected () {\n      if (this.filteredCampaigns) {\n        return this.filteredCampaigns.find(campaign => campaign.id === -1)\n      }\n\n      return false\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n  .active-filter-counter {\n    color: rgba(44, 44, 44, 0.56);\n  }\n\n  .tooltip-label {\n    margin-top: 12px;\n  }\n\n  .tooltip-parent {\n    margin-left: 10px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n  }\n\n  .campaigns-counter {\n    color: white;\n    font-size: 14px;\n    margin-left: 0;\n    font-weight: 500;\n  }\n\n  .vs-icon {\n    color: #cfcfcf;\n  }\n\n  .clear-filters-parent {\n    cursor: pointer;\n\n    .clear-filters {\n      color: #0092d7;\n      font-weight: 600;\n      font-size: 14px;\n      margin-left: 8px;\n    }\n\n    .clear-icon {\n      color: #0092d7;\n      margin-left: 8px;\n      font-size: 13px !important;\n      position: relative;\n      top: 1px;\n    }\n  }\n\n  .active-filters-parent {\n    margin-left: 20px;\n  }\n\n  .tooltip-h6 {\n    color: white;\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 12px;\n    margin-top: 10px;\n  }\n\n  .tooltip-title {\n    color: white;\n    font-weight: 200;\n    line-height: 21px;\n  }\n\n  .tootltip-data {\n    font-weight: 500;\n    font-size: 14px;\n    margin-left: 5px;\n  }\n\n  @media (max-width: 768px) {\n    .active-filters-parent {\n      margin-left: 0;\n    }\n\n    .tooltip-label {\n      margin-top: 20px;\n      margin-bottom: 18px !important;\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!./FilterSummary.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!./FilterSummary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FilterSummary.vue?vue&type=template&id=172db6b6&scoped=true&\"\nimport script from \"./FilterSummary.vue?vue&type=script&lang=js&\"\nexport * from \"./FilterSummary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FilterSummary.vue?vue&type=style&index=0&id=172db6b6&scoped=true&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  \"172db6b6\",\n  null\n  \n)\n\nexport default component.exports","export const trim = (string, length) => {\n  return string.length > length ? `${string.substring(0, length)  }...` : string\n}\n"],"sourceRoot":""}