{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/BudgetContent/components/PriceFloorTable.vue?8442","webpack:///./src/views/campaigns/components/steps/components/BudgetContent/components/PriceFloorTable.vue?c8a3","webpack:///src/views/campaigns/components/steps/components/BudgetContent/components/PriceFloorTable.vue","webpack:///./src/views/campaigns/components/steps/components/BudgetContent/components/PriceFloorTable.vue?7693","webpack:///./src/views/campaigns/components/steps/components/BudgetContent/components/PriceFloorTable.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","bid_type","cost_per_action","attrs","domains","scopedSlots","_u","key","fn","ref","data","_l","platform","index","isChecked","id","on","$event","togglePlatformSelection","title","class","type","editing","includes","slot","staticStyle","directives","name","rawName","value","bid_editing_values","expression","domProps","target","composing","$set","editCustomBid","disableEditingCustomBid","custom_bid_value","allowEditingCustomBid","_e","cancel","confirm","staticRenderFns","props","required","Array","action","String","popupActive","Boolean","Function","adsetIndex","Number","isEditing","default","bidsConfirmed","watch","handler","custom_bids_edit","$emit","newVal","deep","custom_bids","oldCustomBids","cindex","domain","newbid","combined_domains","forEach","created","length","computed","checkList","methods","addCustomBid","removeCustomBid","bid","editIndex","editBidding","push","$root","splice","customBidIndex","parseFloat","minbid","alert","custom_newbid","platform_minbid","component"],"mappings":"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","file":"js/chunk-15909320.23d76640.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!./PriceFloorTable.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"price-floor-table\"},[_c('h4',{staticClass:\"mb-4\"},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('Websites'))+\" \"+_vm._s(_vm.bid_type)+\" \"+_vm._s(_vm.$t('Customization'))+\"\\n  \")]),_c('p',{staticClass:\"mb-4 websites-modal-desc\"},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('Some of the websites you have targeted will cost more than'))+\"\\n    $\"+_vm._s(_vm.cost_per_action)+\" \"+_vm._s(_vm.bid_type)+\",\\n    \"+_vm._s(_vm.$t('You need to edit or confirm these changes to your budget before you can continue.'))+\"\\n  \")]),_c('p',{staticClass:\"mb-4 websites-modal-note\"},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('*You will not be asked again to confirm this unless there are changes in prices or selected websites. From the website performance section, on the campaign insight page, you can easily update the website bids.'))+\"\\n  \")]),_c('vs-table',{attrs:{\"data\":_vm.domains},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(platform,index){return _c('vs-tr',{key:'custom-domain-' + index,staticClass:\"tr-border\"},[_c('vs-td',{staticClass:\"checkbox-row\"},[_c('div',{staticClass:\"modal-checkbox\"},[_c('vs-checkbox',{attrs:{\"id\":\"price-floor-checkbox\",\"checked\":_vm.isChecked[platform.id]},on:{\"change\":function($event){return _vm.togglePlatformSelection(platform)}}})],1)]),_c('vs-td',{staticClass:\"platform-row\"},[_c('div',{staticClass:\"price-floor-platform\"},[_vm._v(\"\\n              \"+_vm._s(platform.title)+\"\\n            \")])]),_c('vs-td',[_c('div',{class:platform.type == 'websites' ? 'website-dot' : 'mobile-application-dot'}),_c('div',{staticClass:\"price-floor-type\"},[_vm._v(\"\\n            \"+_vm._s(platform.type)+\"\\n          \")])]),(!_vm.editing.includes(platform.id))?_c('vs-td',[_c('div',{staticClass:\"price-floor-edit-icon\"},[_c('span',{staticClass:\"underline\"},[_vm._v(\"$\"+_vm._s(_vm.custom_bid_value(platform)))]),(_vm.isChecked[platform.id])?_c('vs-icon',{staticClass:\"ml-2 cursor-pointer\",staticStyle:{\"font-size\":\"15px\"},attrs:{\"id\":\"price-floor-edit-button\",\"icon\":\"speakol-edit\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.allowEditingCustomBid(platform)}}}):_vm._e()],1)]):_c('vs-td',{staticClass:\"actions-row\"},[_c('div',{staticClass:\"price-floor-signs\"},[_c('vs-row',[_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"6\"}},[_c('vx-input-group',[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text dollar-sign\",staticStyle:{\"margin-top\":\"0\"}},[_c('span',[_vm._v(\"$\")])])]),_c('div',{staticClass:\"vx-input-group-default flex-grow\"},[_c('div',{staticClass:\"vs-component vs-con-input-label vs-input w-full vs-input-primary\"},[_c('div',{staticClass:\"vs-con-input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.bid_editing_values[platform.id]),expression:\"bid_editing_values[platform.id]\"}],staticClass:\"vs-inputx vs-input--input\",attrs:{\"id\":\"price-floor-money-input\",\"min\":\"0\",\"type\":\"number\"},domProps:{\"value\":(_vm.bid_editing_values[platform.id])},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.bid_editing_values, platform.id, $event.target.value)}}})]),_c('span')])])],2)],1),_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"6\"}},[_c('vs-icon',{staticClass:\"save-new-cpm\",staticStyle:{\"font-size\":\"25px\"},attrs:{\"id\":\"price-floor-input-save-button\",\"icon\":\"speakol-save\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.editCustomBid(platform)}}}),_c('vs-icon',{staticClass:\"cancel-new-cpm\",staticStyle:{\"font-size\":\"25px\"},attrs:{\"id\":\"price-floor-input-cancel-button\",\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.disableEditingCustomBid(platform)}}})],1)],1)],1)])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th'),_c('vs-th',{staticClass:\"font-medium\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Platform'))+\"\\n      \")]),_c('vs-th',{staticClass:\"font-medium\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Type'))+\"\\n      \")]),_c('vs-th',{staticClass:\"font-medium\"},[_vm._v(\"\\n        \"+_vm._s(_vm.bid_type)+\"\\n      \")])],1)],2),_c('div',{staticClass:\"websites-popup-button text-right mt-4 pt-4\"},[_c('vs-button',{staticClass:\"mr-4 cancel-button\",attrs:{\"id\":\"price-floor-cancel-button\",\"color\":\"primary\",\"type\":\"border\"},on:{\"click\":_vm.cancel}},[_vm._v(_vm._s(_vm.$t('Cancel')))]),_c('vs-button',{staticClass:\"confirm-button\",attrs:{\"id\":\"price-floor-confirm-button\",\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":_vm.confirm}},[_vm._v(_vm._s(_vm.$t('Confirm')))])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"price-floor-table\">\n    <h4 class=\"mb-4\">\n      {{ $t('Websites') }} {{ bid_type }} {{ $t('Customization') }}\n    </h4>\n\n    <p class=\"mb-4 websites-modal-desc\">\n      {{ $t('Some of the websites you have targeted will cost more than') }}\n      ${{ cost_per_action }} {{ bid_type }},\n      {{ $t('You need to edit or confirm these changes to your budget before you can continue.') }}\n    </p>\n\n    <p class=\"mb-4 websites-modal-note\">\n      {{ $t('*You will not be asked again to confirm this unless there are changes in prices or selected websites. From the website performance section, on the campaign insight page, you can easily update the website bids.') }}\n    </p>\n\n\n    <vs-table :data=\"domains\"> \n      <template slot=\"thead\">\n        <vs-th>\n        </vs-th>\n        <vs-th class=\"font-medium\">\n          {{ $t('Platform') }}\n        </vs-th>\n        <vs-th class=\"font-medium\">\n          {{ $t('Type') }}\n        </vs-th>\n        <vs-th class=\"font-medium\">\n          {{ bid_type }}\n        </vs-th>\n      </template>\n\n      <template slot-scope=\"{ data }\">\n        <vs-tr class=\"tr-border\" v-for=\"(platform, index) in data\" :key=\"'custom-domain-' + index\">\n          <vs-td class=\"checkbox-row\">\n            <div class=\"modal-checkbox\">\n              <vs-checkbox id=\"price-floor-checkbox\" :checked=\"isChecked[platform.id]\" @change=\"togglePlatformSelection(platform)\"></vs-checkbox>\n            </div>\n          </vs-td>\n\n            <vs-td class=\"platform-row\">\n              <div class=\"price-floor-platform\">\n                {{ platform.title }}\n              </div>\n            </vs-td>\n\n          <vs-td>\n            <div :class=\"platform.type == 'websites' ? 'website-dot' : 'mobile-application-dot'\"></div>\n            <div class=\"price-floor-type\">\n              {{ platform.type }}\n            </div>\n          </vs-td>\n\n\n          <vs-td v-if=\"!editing.includes(platform.id)\">\n            <div class=\"price-floor-edit-icon\">\n              <span class=\"underline\">${{ custom_bid_value(platform) }}</span>\n              <vs-icon id=\"price-floor-edit-button\" v-if=\"isChecked[platform.id]\" @click=\"allowEditingCustomBid(platform)\" class=\"ml-2 cursor-pointer\" style=\"font-size: 15px;\" icon=\"speakol-edit\" icon-pack=\"speakol\"></vs-icon>\n            </div>\n          </vs-td>\n\n          <vs-td class=\"actions-row\" v-else>\n            <div  class=\"price-floor-signs\">\n              <vs-row>\n                <vs-col vs-type=\"flex\" vs-justify=\"center\" vs-align=\"center\" vs-w=\"6\">\n                  <vx-input-group>\n                    <template slot=\"prepend\">\n                      <div class=\"prepend-text dollar-sign\" style=\"margin-top: 0;\">\n                        <span>$</span>\n                      </div>\n                    </template>\n\n                    <div class=\"vx-input-group-default flex-grow\">\n                      <div class=\"vs-component vs-con-input-label vs-input w-full vs-input-primary\">\n                        <div class=\"vs-con-input\">\n                          <input id=\"price-floor-money-input\" class=\"vs-inputx vs-input--input\" min=\"0\" type=\"number\" v-model=\"bid_editing_values[platform.id]\">\n                        </div>\n                        <span></span>\n                      </div>\n                    </div>\n                  </vx-input-group>\n                </vs-col>\n\n                <vs-col vs-type=\"flex\" vs-justify=\"center\" vs-align=\"center\" vs-w=\"6\">\n                  <vs-icon id=\"price-floor-input-save-button\" class=\"save-new-cpm\" @click=\"editCustomBid(platform)\" style=\"font-size: 25px;\" icon=\"speakol-save\" icon-pack=\"speakol\"></vs-icon>\n                  <vs-icon id=\"price-floor-input-cancel-button\" class=\"cancel-new-cpm\" @click=\"disableEditingCustomBid(platform)\" style=\"font-size: 25px;\" icon=\"speakol-cancel\" icon-pack=\"speakol\"></vs-icon>\n                </vs-col>\n              </vs-row>\n            </div>\n          </vs-td>\n        </vs-tr>\n      </template>\n    </vs-table>\n\n    <div class=\"websites-popup-button text-right mt-4 pt-4\">\n      <vs-button id=\"price-floor-cancel-button\" class=\"mr-4 cancel-button\" color=\"primary\" @click=\"cancel\" type=\"border\">{{ $t('Cancel') }}</vs-button>\n      <vs-button id=\"price-floor-confirm-button\" class=\"confirm-button\" color=\"primary\" @click=\"confirm\" type=\"filled\">{{ $t('Confirm') }}</vs-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {cloneDeep} from 'lodash'\n\nexport default {\n  props: {\n    value: {\n      required: true,\n      type: Array\n    },\n    domains: {\n      type: Array,\n      required: true\n    },\n    action: {\n      type: String,\n      required: true\n    },\n    bid_type: {\n      type: String,\n      required: true\n    },\n    cost_per_action: {\n      required: true\n    },\n    popupActive: {\n      type: Boolean,\n      required: true\n    },\n    cancel: {\n      type: Function,\n      required: true\n    },\n    adsetIndex: {\n      required: true,\n      type: Number\n    },\n    isEditing: {\n      required: false,\n      type: Boolean,\n      default: false\n    },\n    bidsConfirmed: {\n      required: false,\n      type: Boolean,\n      default: false\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        // a custom bids object for editing\n        if (this.isEditing) {\n          this.custom_bids_edit = cloneDeep(this.value)\n        }\n\n        this.$emit('input', newVal)\n      },\n      deep: true\n    },\n    domains () {\n      const oldCustomBids = this.value.length ? this.value : []\n\n      this.custom_bids = oldCustomBids\n\n      this.$emit('input', oldCustomBids)\n\n      const combined_domains = this.domains.map(domain => {\n        const cindex = oldCustomBids.findIndex(i => i.id === domain.id)\n        if (cindex !== -1) {\n          domain.newbid = this.bidsConfirmed && +oldCustomBids[cindex].bid > +domain.minbid ? +oldCustomBids[cindex].bid : +domain.newbid\n        }\n\n        return domain\n      })\n\n      combined_domains.forEach((platform) => {\n        this.addCustomBid(platform)\n      })\n    },\n    popupActive () {\n      this.editing = []\n    }\n  },\n  data () {\n    return {\n      editing: [],\n      bid_editing_values: {}, // not related to edit campaign\n      custom_bids: [],\n      custom_bids_edit: []\n    }\n  },\n  created () {\n    // a custom bids object for editing\n    if (this.isEditing) {\n      this.custom_bids_edit = cloneDeep(this.value)\n    }\n\n    if (this.value.length) {\n      this.custom_bids = this.value\n    }\n  },\n  computed: {\n    isChecked () {\n      const checkList = {}\n\n      this.domains.forEach((platform) => {\n        checkList[platform.id] = false\n      })\n\n      this.custom_bids.forEach((platform) => {\n        checkList[platform.id] = true\n      })\n\n      return checkList\n    }\n  },\n  methods: {\n    togglePlatformSelection (platform) {\n      const cindex = this.custom_bids.findIndex(i => i.id === platform.id)\n\n      if (cindex !== -1) {\n        this.removeCustomBid(platform)\n        return\n      }\n\n      this.addCustomBid(platform)\n    },\n    addCustomBid (platform) {\n      let bid = platform.newbid ? +platform.newbid : +platform.minbid\n\n      // set the value in editing values\n      // which is used in the inputs\n      this.bid_editing_values[platform.id] = bid\n\n      const cindex = this.custom_bids.findIndex(i => i.id === platform.id)\n\n      if (cindex === -1) {\n        // in case editing the campaign we need to refill from the old custom bid\n        const editIndex = this.custom_bids_edit.findIndex(i => i.id === platform.id)\n        if (editIndex > -1) {\n          const editBidding = parseFloat(this.custom_bids_edit[editIndex].bid).toFixed(3)\n\n          if (editBidding > bid) {\n            bid = editBidding\n          }\n        }\n\n        this.custom_bids.push({\n          id: platform.id,\n          bid\n        })\n\n        // send event to src/views/campaigns/create/steps/components/AdsetContent/components/TargetPlatforms.vue => mounted()\n        this.$root.$emit(`price-flooring:${this.adsetIndex}:platform-added`, {\n          id: platform.id,\n          type: platform.type\n        })\n\n        return\n      }\n\n      // edit the custom bid if exists\n      this.custom_bids[cindex].bid = bid\n    },\n    removeCustomBid (platform) {\n      const cindex = this.custom_bids.findIndex(i => i.id === platform.id)\n\n      if (cindex !== -1) {\n        this.custom_bids.splice(cindex, 1)\n      }\n\n      // send event to src/views/campaigns/create/steps/components/AdsetContent/components/TargetPlatforms.vue => mounted()\n      this.$root.$emit(`price-flooring:${this.adsetIndex}:platform-deleted`, {\n        id: platform.id,\n        type: platform.type\n      })\n\n      this.disableEditingCustomBid(platform)\n    },\n    allowEditingCustomBid (platform) {\n      const cindex = this.editing.findIndex(i => i === platform.id)\n\n      if (cindex !== -1) {\n        return\n      }\n\n      this.editing.push(platform.id)\n\n      // add a value to the newbid if it is empty\n      if (platform.newbid === null || platform.newbid === '' || platform.newbid === 0) {\n        platform.newbid = +platform.newbid\n      }\n    },\n    disableEditingCustomBid (platform) {\n      const cindex = this.editing.findIndex(i => i === platform.id)\n\n      if (cindex === -1) {\n        return\n      }\n\n      // reset the input value to it's original bid\n      const customBidIndex = this.custom_bids.findIndex(i => i.id === platform.id)\n      if (customBidIndex > -1) {\n        this.bid_editing_values[platform.id] = this.custom_bids[customBidIndex].bid\n      }\n\n      this.editing.splice(cindex, 1)\n    },\n    editCustomBid (platform) {\n      const cindex = this.custom_bids.findIndex(i => i.id === platform.id)\n\n      const value = parseFloat(this.bid_editing_values[platform.id] || 0).toFixed(3)\n\n      if (cindex < 0 || value < parseFloat(platform.minbid)) {\n        alert(`The minimum allowed ${  this.bid_type  } for ${  platform.title  } is $${  platform.minbid}`)\n        return\n      }\n\n      if (value > 9999.999) {\n        alert('The value should be less than 9999.999')\n        return\n      }\n\n      this.custom_bids[cindex].bid = value\n\n      this.disableEditingCustomBid(platform)\n    },\n    confirm () {\n      this.$emit(\n        'input',\n        cloneDeep(\n          this.custom_bids.filter(\n            i => this.isChecked.hasOwnProperty(i.id)\n          )\n        )\n      )\n\n      this.cancel()\n\n      this.$emit('confirm')\n    },\n    custom_bid_value (platform) {\n      const custom_newbid = +(this.custom_bids.find(c => c.id === platform.id) || {}).bid || 0,\n        platform_minbid = +platform.minbid || 0\n      return custom_newbid > platform_minbid ? custom_newbid : platform_minbid\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n\n  .checkbox-row,\n  .actions-row {\n    padding-right: 0px !important;\n  }\n\n  .actions-row, \n  .checkbox-row, \n  .platform-row {\n    width: 0px;\n  }\n\n  .website-dot {\n    background-color: #0092d7;\n    width: 10px;\n    height: 10px;\n    float: left;\n    margin-right: 5px;\n    margin-top: 5px;\n    border-radius: 100%;\n  }\n\n  .mobile-application-dot {\n    background-color: #6dc0ad;\n    width: 10px;\n    height: 10px;\n    float: left;\n    margin-right: 5px;\n    margin-top: 5px;\n    border-radius: 100%;\n  }\n\n  .vs-popup--content {\n    padding: 30px !important;\n  }\n\n  .websites-modal-desc {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    color: #999;\n  }\n\n  .websites-modal-note {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n\n    @apply text-speakol-color;\n  }\n\n  .vs-button-primary.vs-button-filled:hover {\n    box-shadow: none !important;\n  }\n\n  .cancel-button {\n    color: black !important;\n    border-radius: 3px !important;\n    border: 2px solid #d9d9d9 !important;\n    padding: 7px 30px !important;\n  }\n\n  .cancel-button:hover {\n    background: transparent !important;\n  }\n\n  .confirm-button {\n    background: #009bde !important;\n    border-radius: 3px !important;\n    color: white !important;\n    padding: 8px 40px !important;\n  }\n\n  .tr-values:not(.activeEdit):not(.tr-expandedx):not(.hoverFlat):hover {\n    transform: none !important;\n  }\n\n  .tr-border {\n    border-bottom: 1px solid rgba(189, 195, 202, 0.215527);\n    height: 60px;\n  }\n\n  .holamundo {\n    .vs-con-table .vs-con-tbody {\n      height: 200px;\n      overflow-y: scroll;\n      overflow-x: hidden;\n    }\n\n    .vs-table--tbody-table tr:first-child {\n      background: rgba(0, 146, 215, 0.06) !important;\n    }\n  }\n\n  .save-new-cpm {\n    color: #34b576;\n    font-size: 13px !important;\n    background: rgba(244, 244, 244, 0.745629);\n    border-radius: 4px;\n    cursor: pointer;\n    margin-right: 10px;\n    padding: 5px;\n  }\n\n  .cancel-new-cpm {\n    color: #e02020;\n    font-size: 13px !important;\n    background: rgba(244, 244, 244, 0.745629);\n    border-radius: 4px;\n    cursor: pointer;\n    padding: 5px;\n  }\n\n  .modal-checkbox {\n    .vs-checkbox--input:checked + .vs-checkbox .vs-icon {\n      font-size: 12px !important;\n      font-weight: bolder !important;\n    }\n\n    .vs-checkbox-primary input:checked + .vs-checkbox {\n      width: 16px;\n      height: 16px;\n    }\n\n    .vs-checkbox-primary .vs-checkbox {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  .price-floor-platform {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 280px;\n    white-space: nowrap;\n  }\n\n  .price-floor-input {\n    .vs-input--input.normal {\n      width: 90px;\n    }\n  }\n\n  .price-floor-table {\n    .vs-con-tbody {\n      overflow-x: auto !important;\n    }\n  }\n\n  .price-floor-signs {\n    width: 250px;\n  }\n\n  .price-floor-type {\n    width: 78px;\n  }\n\n  @media (max-width: 576px) {\n    .vs-con-table .vs-con-tbody {\n      overflow-x: scroll !important;\n      width: 176%;\n    }\n\n    .price-floor-platform {\n      text-overflow: ellipsis;\n      width: 130px;\n      overflow: hidden;\n      white-space: nowrap;\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!./PriceFloorTable.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!./PriceFloorTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PriceFloorTable.vue?vue&type=template&id=0abcd752&\"\nimport script from \"./PriceFloorTable.vue?vue&type=script&lang=js&\"\nexport * from \"./PriceFloorTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PriceFloorTable.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"],"sourceRoot":""}