{"version":3,"sources":["webpack:///./src/components/ads/AdCard/InStreamCreativePreview.vue?545c","webpack:///./node_modules/vuetify/lib/components/VWindow/VWindowItem.js","webpack:///./src/components/ads/InstreamForm/InstreamPreview.vue","webpack:///src/components/ads/InstreamForm/InstreamPreview.vue","webpack:///./src/components/ads/InstreamForm/InstreamPreview.vue?f471","webpack:///./src/components/ads/InstreamForm/InstreamPreview.vue?6fe2","webpack:///./node_modules/vuetify/lib/mixins/button-group/index.js","webpack:///./node_modules/vuetify/lib/components/VCarousel/VCarouselItem.js","webpack:///./node_modules/vuetify/lib/components/VCarousel/VCarousel.js","webpack:///./src/components/ads/InstreamForm/InstreamPreview.vue?0795","webpack:///./src/components/ads/AdCard/InStreamCreativePreview.vue","webpack:///src/components/ads/AdCard/InStreamCreativePreview.vue","webpack:///./src/components/ads/AdCard/InStreamCreativePreview.vue?049d","webpack:///./src/components/ads/AdCard/InStreamCreativePreview.vue?8287","webpack:///./node_modules/vuetify/lib/components/VWindow/VWindow.js"],"names":["baseMixins","name","directives","Touch","props","disabled","Boolean","reverseTransition","type","String","default","undefined","transition","value","required","isActive","inTransition","computed","this","groupClasses","windowGroup","internalReverse","computedTransition","methods","$slots","$createElement","staticClass","class","classes","on","$listeners","genDefaultSlot","transitionCount","transitionHeight","$el","clientHeight","onAfterTransition","el","$nextTick","h","beforeEnter","onBeforeTransition","afterEnter","enterCancelled","onTransitionCancelled","beforeLeave","afterLeave","leaveCancelled","enter","onEnter","showLazyContent","genWindowItem","render","_vm","_c","_self","rawName","statePreview","expression","key","ref","attrs","componentId","previewIsUpdate","_l","fullErrors","errorText","_v","_s","$t","icon","large","updatePreview","_e","staticRenderFns","components","CBtn","creative","data","errors","generatedVastTagXml","debouncedFetchVastTag","mapState","watch","deep","handler","created","mounted","window","fetchVastTag","adsRepository","Ads","setStatePreview","uid","action","vastTagXml","onFrameMessage","event","component","VProgressCircular","extend","btnToggle","options","call","genData","inject","parentTheme","isDark","theme","inheritAttrs","$attrs","height","internalHeight","scopedSlots","placeholder","$scopedSlots","tag","generateRouteLink","push","continuous","cycle","delimiterIcon","Number","hideDelimiters","hideDelimiterBackground","interval","validator","mandatory","progress","progressColor","showArrows","verticalDelimiters","slideTimeout","isVertical","dark","light","internalValue","val","oldVal","restartTimeout","clearTimeout","hasOwnProperty","startTimeout","genControlIcons","style","left","right","genItems","length","items","children","i","child","$vuetify","lang","t","small","getValue","size","change","color","internalIndex","requestAnimationFrame","setTimeout","next","genDelimiters","genProgress","isRewardedPost","previewIsShown","isTabletOrLg","ad","model","creatives","index","skipTime","$event","onPreviewBtnClick","InstreamPreview","previewDialogIsShown","VCard","VCardActions","VCarousel","VCarouselItem","VExpandTransition","activeClass","nextIcon","prevIcon","reverse","showArrowsOnHover","touch","Object","touchless","vertical","changedByDelimiters","isBooted","isReverse","axis","direction","find","item","findIndex","rtl","updateReverse","click","_a","_b","e","stopPropagation","icons","hasPrev","genIcon","prev","hasNext","nextIndex","getNextIndex","prevIndex","getPrevIndex","hasActiveItems","lastIndex","itemsLength","end","start","genContainer"],"mappings":"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","file":"js/chunk-3350a39a.ab608556.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InStreamCreativePreview.vue?vue&type=style&index=0&id=a3a3ac14&prod&lang=scss&scoped=true&\"","// Mixins\nimport Bootable from '../../mixins/bootable';\nimport { factory as GroupableFactory } from '../../mixins/groupable'; // Directives\n\nimport Touch from '../../directives/touch'; // Utilities\n\nimport { convertToUnit } from '../../util/helpers';\nimport mixins from '../../util/mixins';\nconst baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'v-window-item', 'v-window'));\nexport default baseMixins.extend().extend().extend({\n  name: 'v-window-item',\n  directives: {\n    Touch\n  },\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    value: {\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      isActive: false,\n      inTransition: false\n    };\n  },\n\n  computed: {\n    classes() {\n      return this.groupClasses;\n    },\n\n    computedTransition() {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;\n      }\n\n      return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;\n    }\n\n  },\n  methods: {\n    genDefaultSlot() {\n      return this.$slots.default;\n    },\n\n    genWindowItem() {\n      return this.$createElement('div', {\n        staticClass: 'v-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive\n        }],\n        on: this.$listeners\n      }, this.genDefaultSlot());\n    },\n\n    onAfterTransition() {\n      if (!this.inTransition) {\n        return;\n      } // Finalize transition state.\n\n\n      this.inTransition = false;\n\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--; // Remove container height if we are out of transition.\n\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined;\n        }\n      }\n    },\n\n    onBeforeTransition() {\n      if (this.inTransition) {\n        return;\n      } // Initialize transition state here.\n\n\n      this.inTransition = true;\n\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight);\n      }\n\n      this.windowGroup.transitionCount++;\n    },\n\n    onTransitionCancelled() {\n      this.onAfterTransition(); // This should have the same path as normal transition end.\n    },\n\n    onEnter(el) {\n      if (!this.inTransition) {\n        return;\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return;\n        } // Set transition target height.\n\n\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight);\n      });\n    }\n\n  },\n\n  render(h) {\n    return h('transition', {\n      props: {\n        name: this.computedTransition\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n        // Enter handler for height transition.\n        enter: this.onEnter\n      }\n    }, this.showLazyContent(() => [this.genWindowItem()]));\n  }\n\n});\n//# sourceMappingURL=VWindowItem.js.map","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height preview rounded d-flex justify-center black\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.statePreview === 'playing'),expression:\"statePreview === 'playing'\"}],staticClass:\"preview__main\"},[_c('iframe',{key:_vm.statePreview,ref:\"frame\",staticClass:\"preview__frame\",attrs:{\"src\":`/vast-preview.html?uid=${_vm.componentId}`,\"frameborder\":\"0\"}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.statePreview === 'loading'),expression:\"statePreview === 'loading'\"}],staticClass:\"preview__loading\"},[_c('v-progress-circular',{attrs:{\"color\":\"primary\",\"indeterminate\":\"\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.previewIsUpdate && _vm.statePreview === 'error'),expression:\"previewIsUpdate && statePreview === 'error'\"}],staticClass:\"preview__empty\"},[_c('div',{staticClass:\"mt-3\"},_vm._l((_vm.fullErrors),function(errorText){return _c('div',{key:errorText,staticClass:\"v-messages__message white--text\"},[_vm._v(\" \"+_vm._s(errorText)+\" \")])}),0)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.previewIsUpdate),expression:\"!previewIsUpdate\"}],staticClass:\"preview__empty\"},[_c('div',{staticClass:\"mt-3\"},[_c('div',{staticClass:\"v-messages__message white--text\"},[_vm._v(\" \"+_vm._s(_vm.$t('main.ad_form.update_preview'))+\" \")])])]),(_vm.statePreview === 'ended')?_c('div',{staticClass:\"preview__ended\"},[_c('c-btn',{attrs:{\"fab\":\"\",\"depressed\":\"\",\"icon\":\"\",\"text\":\"\",\"color\":\"primary\",\"icon-props\":{\n        icon: 'mdi-refresh',\n        large: 'large'\n      }},on:{\"click\":_vm.updatePreview}})],1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fill-height preview rounded d-flex justify-center black\">\n    <div v-show=\"statePreview === 'playing'\" class=\"preview__main\">\n      <iframe\n        :key=\"statePreview\"\n        ref=\"frame\"\n        class=\"preview__frame\"\n        :src=\"`/vast-preview.html?uid=${componentId}`\"\n        frameborder=\"0\"\n      />\n    </div>\n\n    <div v-show=\"statePreview === 'loading'\" class=\"preview__loading\">\n      <v-progress-circular color=\"primary\" indeterminate />\n    </div>\n\n    <div v-show=\"previewIsUpdate && statePreview === 'error'\" class=\"preview__empty\">\n      <div class=\"mt-3\">\n        <div v-for=\"errorText in fullErrors\" :key=\"errorText\" class=\"v-messages__message white--text\">\n          {{ errorText }}\n        </div>\n      </div>\n    </div>\n\n    <div v-show=\"!previewIsUpdate\" class=\"preview__empty\">\n      <div class=\"mt-3\">\n        <div class=\"v-messages__message white--text\">\n          {{ $t('main.ad_form.update_preview') }}\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"statePreview === 'ended'\" class=\"preview__ended\">\n      <c-btn\n        fab\n        depressed\n        icon\n        text\n        color=\"primary\"\n        :icon-props=\"{\n          icon: 'mdi-refresh',\n          large: 'large'\n        }\"\n        @click=\"updatePreview\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n  import debounce from 'debounce'\n  import CBtn from '@clickadilla/components/ui/CBtn.vue'\n  import { mapState } from 'vuex'\n  import ValidationError from '@/services/classes/validation-error.js'\n  import adsRepository from '@/services/repositories/ads-repository.js'\n  import Ads from '@/services/classes/Ads.js'\n\n  export default {\n    name: 'InstreamPreview',\n    components: { CBtn },\n    props: {\n      creative: {\n        type: Object,\n        required: true\n      },\n      previewIsUpdate: {\n        type: Boolean,\n        default: true\n      }\n    },\n    data() {\n      return {\n        statePreview: 'idle',\n        errors: {},\n        generatedVastTagXml: '',\n        debouncedFetchVastTag: null\n      }\n    },\n    computed: {\n      ...mapState('adForm', ['type']),\n      fullErrors() {\n        return Object.values(this.errors).reduce((acc, errors) => [...acc, ...(errors || [])], [])\n      },\n      componentId() {\n        return this._uid\n      }\n    },\n    watch: {\n      previewIsUpdate: {\n        deep: true,\n        handler() {\n          this.debouncedFetchVastTag()\n        }\n      },\n      generatedVastTagXml: 'updatePreview'\n    },\n    created() {\n      this.debouncedFetchVastTag = debounce(this.fetchVastTag, 1000)\n\n      if (this.previewIsUpdate) {\n        this.fetchVastTag()\n      }\n    },\n    mounted() {\n      window.addEventListener('message', this.onFrameMessage, false)\n      this.$on('beforeDestroy', () => {\n        window.removeEventListener('message', this.onFrameMessage)\n      })\n    },\n    methods: {\n      async fetchVastTag() {\n        this.setStatePreview('loading')\n        this.errors = {}\n\n        try {\n          this.generatedVastTagXml = await adsRepository.preview(\n            Ads.getPreviewRequest(this.creative)\n          )\n        } catch (error) {\n          if (!error.response || !error.response.data || !error.response.data.errors) {\n            this.$showErrorNotification(error.message)\n            return\n          }\n          const errors = new ValidationError({\n            ...error.response.data.errors\n          })\n          this.errors = errors.messages\n\n          this.setStatePreview('error')\n          this.generatedVastTagXml = ''\n        }\n      },\n      setStatePreview(statePreview) {\n        this.statePreview = statePreview\n      },\n      async updatePreview() {\n        if (!this.generatedVastTagXml) {\n          return\n        }\n        this.setStatePreview('playing')\n        await this.$nextTick()\n        if (this.$refs.frame) {\n          this.$refs.frame.contentWindow.postMessage({\n            uid: this.componentId,\n            action: 'initPreview',\n            vastTagXml: this.generatedVastTagXml\n          })\n        }\n      },\n      onFrameMessage(event) {\n        if (String(event.data.uid) !== String(this.componentId)) {\n          return\n        }\n\n        if (event.data.action === 'ready' && this.generatedVastTagXml) {\n          this.updatePreview()\n        }\n\n        if (event.data.action === 'previewError') {\n          this.setStatePreview('idle')\n        }\n\n        if (event.data.action === 'end') {\n          this.$emit('end')\n          this.setStatePreview('ended')\n        }\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .preview {\n    min-height: 100%;\n    background: var(--v-secondary-lighten-base);\n\n    &__ended,\n    &__loading {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    &__main {\n      width: 100%;\n      height: 100%;\n    }\n\n    &__frame {\n      width: 100%;\n      height: 100%;\n    }\n\n    &__empty {\n      align-self: center;\n      text-align: center;\n      color: rgba(#000, 0.34);\n      overflow: hidden;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n    }\n  }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InstreamPreview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InstreamPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InstreamPreview.vue?vue&type=template&id=6153f868&scoped=true&\"\nimport script from \"./InstreamPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./InstreamPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InstreamPreview.vue?vue&type=style&index=0&id=6153f868&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6153f868\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VProgressCircular})\n","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup';\n/* @vue/component */\n\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide() {\n    return {\n      btnToggle: this\n    };\n  },\n\n  computed: {\n    classes() {\n      return BaseItemGroup.options.computed.classes.call(this);\n    }\n\n  },\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData\n  }\n});\n//# sourceMappingURL=index.js.map","// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'; // Components\n\nimport { VImg } from '../VImg'; // Utilities\n\nimport mixins from '../../util/mixins';\nimport { getSlot } from '../../util/helpers';\nimport Routable from '../../mixins/routable'; // Types\n\nconst baseMixins = mixins(VWindowItem, Routable);\n/* @vue/component */\n\nexport default baseMixins.extend().extend({\n  name: 'v-carousel-item',\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false\n      }\n    }\n  },\n\n  // pass down the parent's theme\n  provide() {\n    return {\n      theme: this.parentTheme\n    };\n  },\n\n  inheritAttrs: false,\n  methods: {\n    genDefaultSlot() {\n      return [this.$createElement(VImg, {\n        staticClass: 'v-carousel__item',\n        props: { ...this.$attrs,\n          height: this.windowGroup.internalHeight\n        },\n        on: this.$listeners,\n        scopedSlots: {\n          placeholder: this.$scopedSlots.placeholder\n        }\n      }, getSlot(this))];\n    },\n\n    genWindowItem() {\n      const {\n        tag,\n        data\n      } = this.generateRouteLink();\n      data.staticClass = 'v-window-item';\n      data.directives.push({\n        name: 'show',\n        value: this.isActive\n      });\n      return this.$createElement(tag, data, this.genDefaultSlot());\n    }\n\n  }\n});\n//# sourceMappingURL=VCarouselItem.js.map","// Styles\nimport \"../../../src/components/VCarousel/VCarousel.sass\"; // Extensions\n\nimport VWindow from '../VWindow/VWindow'; // Components\n\nimport VBtn from '../VBtn';\nimport VIcon from '../VIcon';\nimport VProgressLinear from '../VProgressLinear'; // Mixins\n// TODO: Move this into core components v2.0\n\nimport ButtonGroup from '../../mixins/button-group'; // Utilities\n\nimport { convertToUnit } from '../../util/helpers';\nimport { breaking } from '../../util/console';\nexport default VWindow.extend({\n  name: 'v-carousel',\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter'\n    },\n    height: {\n      type: [Number, String],\n      default: 500\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: value => value > 0\n    },\n    mandatory: {\n      type: Boolean,\n      default: true\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true\n    },\n    verticalDelimiters: {\n      type: String,\n      default: undefined\n    }\n  },\n\n  // pass down the parent's theme\n  provide() {\n    return {\n      parentTheme: this.theme\n    };\n  },\n\n  data() {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined\n    };\n  },\n\n  computed: {\n    classes() {\n      return { ...VWindow.options.computed.classes.call(this),\n        'v-carousel': true,\n        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'v-carousel--vertical-delimiters': this.isVertical\n      };\n    },\n\n    isDark() {\n      return this.dark || !this.light;\n    },\n\n    isVertical() {\n      return this.verticalDelimiters != null;\n    }\n\n  },\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n\n    height(val, oldVal) {\n      if (val === oldVal || !val) return;\n      this.internalHeight = val;\n    },\n\n    cycle(val) {\n      if (val) {\n        this.restartTimeout();\n      } else {\n        clearTimeout(this.slideTimeout);\n        this.slideTimeout = undefined;\n      }\n    }\n\n  },\n\n  created() {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this);\n    }\n  },\n\n  mounted() {\n    this.startTimeout();\n  },\n\n  methods: {\n    genControlIcons() {\n      if (this.isVertical) return null;\n      return VWindow.options.methods.genControlIcons.call(this);\n    },\n\n    genDelimiters() {\n      return this.$createElement('div', {\n        staticClass: 'v-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto'\n        }\n      }, [this.genItems()]);\n    },\n\n    genItems() {\n      const length = this.items.length;\n      const children = [];\n\n      for (let i = 0; i < length; i++) {\n        const child = this.$createElement(VBtn, {\n          staticClass: 'v-carousel__controls__item',\n          attrs: {\n            'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length)\n          },\n          props: {\n            icon: true,\n            small: true,\n            value: this.getValue(this.items[i], i)\n          },\n          key: i\n        }, [this.$createElement(VIcon, {\n          props: {\n            size: 18\n          }\n        }, this.delimiterIcon)]);\n        children.push(child);\n      }\n\n      return this.$createElement(ButtonGroup, {\n        props: {\n          value: this.internalValue,\n          mandatory: this.mandatory\n        },\n        on: {\n          change: val => {\n            this.internalValue = val;\n          }\n        }\n      }, children);\n    },\n\n    genProgress() {\n      return this.$createElement(VProgressLinear, {\n        staticClass: 'v-carousel__progress',\n        props: {\n          color: this.progressColor,\n          value: (this.internalIndex + 1) / this.items.length * 100\n        }\n      });\n    },\n\n    restartTimeout() {\n      this.slideTimeout && clearTimeout(this.slideTimeout);\n      this.slideTimeout = undefined;\n      window.requestAnimationFrame(this.startTimeout);\n    },\n\n    startTimeout() {\n      if (!this.cycle) return;\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000);\n    }\n\n  },\n\n  render(h) {\n    const render = VWindow.options.render.call(this, h);\n    render.data.style = `height: ${convertToUnit(this.height)};`;\n    /* istanbul ignore else */\n\n    if (!this.hideDelimiters) {\n      render.children.push(this.genDelimiters());\n    }\n    /* istanbul ignore else */\n\n\n    if (this.progress || this.progressColor) {\n      render.children.push(this.genProgress());\n    }\n\n    return render;\n  }\n\n});\n//# sourceMappingURL=VCarousel.js.map","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InstreamPreview.vue?vue&type=style&index=0&id=6153f868&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{class:[\n    'd-flex flex-column justify-center align-center secondary rounded',\n    { 'forced-black': _vm.isRewardedPost && _vm.previewIsShown }\n  ],attrs:{\"elevation\":\"0\"}},[_c('v-expand-transition',[(_vm.previewIsShown)?_c('div',{class:[{ 'width-100': _vm.isRewardedPost && !_vm.isTabletOrLg }]},[_c('v-carousel',{staticClass:\"rounded\",attrs:{\"height\":_vm.isRewardedPost ? 710 : 150,\"hide-delimiters\":\"\",\"hide-delimiter-background\":\"\",\"show-arrows\":_vm.ad.model.creatives.length > 1}},_vm._l((_vm.creatives),function(creative,index){return _c('v-carousel-item',{key:index},[_c('instream-preview',{attrs:{\"creative\":{\n              ...creative,\n              type: _vm.ad.model.type,\n              skipTime: _vm.ad.model.skipTime\n            }},on:{\"end\":function($event){_vm.previewIsShown = $event}}})],1)}),1)],1):_vm._e()]),_c('v-card-actions',{staticClass:\"d-flex justify-center pa-2\",attrs:{\"transition\":\"scroll-x-transition\"}},[_c('c-btn',{attrs:{\"small\":\"\",\"depressed\":\"\",\"label\":_vm.previewIsShown ? _vm.$t('ads.hide_preview') : _vm.$t('ads.show_preview'),\"color\":\"primary\"},on:{\"click\":function($event){return _vm.onPreviewBtnClick()}}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card\n    elevation=\"0\"\n    :class=\"[\n      'd-flex flex-column justify-center align-center secondary rounded',\n      { 'forced-black': isRewardedPost && previewIsShown }\n    ]\"\n  >\n    <v-expand-transition>\n      <div\n        v-if=\"previewIsShown\"\n        :class=\"[{ 'width-100': isRewardedPost && !isTabletOrLg }]\"\n      >\n        <v-carousel\n          class=\"rounded\"\n          :height=\"isRewardedPost ? 710 : 150\"\n          hide-delimiters\n          hide-delimiter-background\n          :show-arrows=\"ad.model.creatives.length > 1\"\n        >\n          <v-carousel-item v-for=\"(creative, index) in creatives\" :key=\"index\">\n            <instream-preview\n              :creative=\"{\n                ...creative,\n                type: ad.model.type,\n                skipTime: ad.model.skipTime\n              }\"\n              @end=\"previewIsShown = $event\"\n            />\n          </v-carousel-item>\n        </v-carousel>\n      </div>\n    </v-expand-transition>\n    <v-card-actions transition=\"scroll-x-transition\" class=\"d-flex justify-center pa-2\">\n      <c-btn\n        small\n        depressed\n        :label=\"previewIsShown ? $t('ads.hide_preview') : $t('ads.show_preview')\"\n        color=\"primary\"\n        @click=\"onPreviewBtnClick()\"\n      />\n    </v-card-actions>\n  </v-card>\n</template>\n\n<script>\n  import { adTypes } from '@clickadilla/components/constants/ad-types.js'\n  import CBtn from '@clickadilla/components/ui/CBtn.vue'\n  import Ads from '@/services/classes/Ads.js'\n  import InstreamPreview from '@/components/ads/InstreamForm/InstreamPreview.vue'\n\n  export default {\n    name: 'InstreamCreativePreview',\n    components: {\n      InstreamPreview,\n      CBtn\n    },\n    props: {\n      ad: {\n        type: Ads,\n        required: true\n      }\n    },\n    data() {\n      return {\n        previewIsShown: false,\n        previewDialogIsShown: false\n      }\n    },\n    computed: {\n      creatives() {\n        return this.ad.model.creatives\n      },\n      isTabletOrLg() {\n        return this.$vuetify.breakpoint.smOnly || this.$vuetify.breakpoint.lgAndUp\n      },\n      isRewardedPost() {\n        return this.ad.model.type === adTypes.REWARDED_POST\n      }\n    },\n    methods: {\n      onPreviewBtnClick() {\n        this.previewIsShown = !this.previewIsShown\n        this.$emit('expand', this.previewIsShown)\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .forced-black {\n    background-color: #000 !important;\n  }\n  .width-100 {\n    width: 100%;\n  }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InStreamCreativePreview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InStreamCreativePreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InStreamCreativePreview.vue?vue&type=template&id=a3a3ac14&scoped=true&\"\nimport script from \"./InStreamCreativePreview.vue?vue&type=script&lang=js&\"\nexport * from \"./InStreamCreativePreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InStreamCreativePreview.vue?vue&type=style&index=0&id=a3a3ac14&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a3a3ac14\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VExpandTransition } from 'vuetify/lib/components/transitions';\ninstallComponents(component, {VCard,VCardActions,VCarousel,VCarouselItem,VExpandTransition})\n","// Styles\nimport \"../../../src/components/VWindow/VWindow.sass\"; // Directives\n\nimport Touch from '../../directives/touch'; // Components\n\nimport VBtn from '../VBtn';\nimport VIcon from '../VIcon';\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup';\n/* @vue/component */\n\nexport default BaseItemGroup.extend({\n  name: 'v-window',\n  directives: {\n    Touch\n  },\n\n  provide() {\n    return {\n      windowGroup: this\n    };\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-window-item--active'\n    },\n    continuous: Boolean,\n    mandatory: {\n      type: Boolean,\n      default: true\n    },\n    nextIcon: {\n      type: [Boolean, String],\n      default: '$next'\n    },\n    prevIcon: {\n      type: [Boolean, String],\n      default: '$prev'\n    },\n    reverse: Boolean,\n    showArrows: Boolean,\n    showArrowsOnHover: Boolean,\n    touch: Object,\n    touchless: Boolean,\n    value: {\n      required: false\n    },\n    vertical: Boolean\n  },\n\n  data() {\n    return {\n      changedByDelimiters: false,\n      internalHeight: undefined,\n      transitionHeight: undefined,\n      transitionCount: 0,\n      isBooted: false,\n      isReverse: false\n    };\n  },\n\n  computed: {\n    isActive() {\n      return this.transitionCount > 0;\n    },\n\n    classes() {\n      return { ...BaseItemGroup.options.computed.classes.call(this),\n        'v-window--show-arrows-on-hover': this.showArrowsOnHover\n      };\n    },\n\n    computedTransition() {\n      if (!this.isBooted) return '';\n      const axis = this.vertical ? 'y' : 'x';\n      const reverse = this.internalReverse ? !this.isReverse : this.isReverse;\n      const direction = reverse ? '-reverse' : '';\n      return `v-window-${axis}${direction}-transition`;\n    },\n\n    hasActiveItems() {\n      return Boolean(this.items.find(item => !item.disabled));\n    },\n\n    hasNext() {\n      return this.continuous || this.internalIndex < this.items.length - 1;\n    },\n\n    hasPrev() {\n      return this.continuous || this.internalIndex > 0;\n    },\n\n    internalIndex() {\n      return this.items.findIndex((item, i) => {\n        return this.internalValue === this.getValue(item, i);\n      });\n    },\n\n    internalReverse() {\n      return this.$vuetify.rtl ? !this.reverse : this.reverse;\n    }\n\n  },\n  watch: {\n    internalIndex(val, oldVal) {\n      this.isReverse = this.updateReverse(val, oldVal);\n    }\n\n  },\n\n  mounted() {\n    window.requestAnimationFrame(() => this.isBooted = true);\n  },\n\n  methods: {\n    genDefaultSlot() {\n      return this.$slots.default;\n    },\n\n    genContainer() {\n      const children = [this.genDefaultSlot()];\n\n      if (this.showArrows) {\n        children.push(this.genControlIcons());\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-window__container',\n        class: {\n          'v-window__container--is-active': this.isActive\n        },\n        style: {\n          height: this.internalHeight || this.transitionHeight\n        }\n      }, children);\n    },\n\n    genIcon(direction, icon, click) {\n      var _a, _b, _c;\n\n      const on = {\n        click: e => {\n          e.stopPropagation();\n          this.changedByDelimiters = true;\n          click();\n        }\n      };\n      const attrs = {\n        'aria-label': this.$vuetify.lang.t(`$vuetify.carousel.${direction}`)\n      };\n      const children = (_c = (_b = (_a = this.$scopedSlots)[direction]) === null || _b === void 0 ? void 0 : _b.call(_a, {\n        on,\n        attrs\n      })) !== null && _c !== void 0 ? _c : [this.$createElement(VBtn, {\n        props: {\n          icon: true\n        },\n        attrs,\n        on\n      }, [this.$createElement(VIcon, {\n        props: {\n          large: true\n        }\n      }, icon)])];\n      return this.$createElement('div', {\n        staticClass: `v-window__${direction}`\n      }, children);\n    },\n\n    genControlIcons() {\n      const icons = [];\n      const prevIcon = this.$vuetify.rtl ? this.nextIcon : this.prevIcon;\n      /* istanbul ignore else */\n\n      if (this.hasPrev && prevIcon && typeof prevIcon === 'string') {\n        const icon = this.genIcon('prev', prevIcon, this.prev);\n        icon && icons.push(icon);\n      }\n\n      const nextIcon = this.$vuetify.rtl ? this.prevIcon : this.nextIcon;\n      /* istanbul ignore else */\n\n      if (this.hasNext && nextIcon && typeof nextIcon === 'string') {\n        const icon = this.genIcon('next', nextIcon, this.next);\n        icon && icons.push(icon);\n      }\n\n      return icons;\n    },\n\n    getNextIndex(index) {\n      const nextIndex = (index + 1) % this.items.length;\n      const item = this.items[nextIndex];\n      if (item.disabled) return this.getNextIndex(nextIndex);\n      return nextIndex;\n    },\n\n    getPrevIndex(index) {\n      const prevIndex = (index + this.items.length - 1) % this.items.length;\n      const item = this.items[prevIndex];\n      if (item.disabled) return this.getPrevIndex(prevIndex);\n      return prevIndex;\n    },\n\n    next() {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasNext) return;\n      const nextIndex = this.getNextIndex(this.internalIndex);\n      const item = this.items[nextIndex];\n      this.internalValue = this.getValue(item, nextIndex);\n    },\n\n    prev() {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasPrev) return;\n      const lastIndex = this.getPrevIndex(this.internalIndex);\n      const item = this.items[lastIndex];\n      this.internalValue = this.getValue(item, lastIndex);\n    },\n\n    updateReverse(val, oldVal) {\n      const itemsLength = this.items.length;\n      const lastIndex = itemsLength - 1;\n      if (itemsLength <= 2) return val < oldVal;\n\n      if (val === lastIndex && oldVal === 0) {\n        return true;\n      } else if (val === 0 && oldVal === lastIndex) {\n        return false;\n      } else {\n        return val < oldVal;\n      }\n    }\n\n  },\n\n  render(h) {\n    const data = {\n      staticClass: 'v-window',\n      class: this.classes,\n      directives: []\n    };\n\n    if (!this.touchless) {\n      const value = this.touch || {\n        left: () => {\n          this.$vuetify.rtl ? this.prev() : this.next();\n        },\n        right: () => {\n          this.$vuetify.rtl ? this.next() : this.prev();\n        },\n        end: e => {\n          e.stopPropagation();\n        },\n        start: e => {\n          e.stopPropagation();\n        }\n      };\n      data.directives.push({\n        name: 'touch',\n        value\n      });\n    }\n\n    return h('div', data, [this.genContainer()]);\n  }\n\n});\n//# sourceMappingURL=VWindow.js.map"],"sourceRoot":""}