{"version":3,"sources":["webpack:///./src/client/default/js/components/pdlContentTimeInfoComponent.js","webpack:///./src/client/default/js/base/baseComponent.js"],"names":["pdlContentTimeInfoComponent","element","handleDate","handleImpressions","timeBar","content","label","countdown","disabled","future","futureWrapper","visible","setInterval","dataParser","dateString","dateSplit","split","Date","parseInt","dateDiff","date1","date2","getTime","count","Math","floor","$options","countdownBanner","day","slice","hour","minute","$el","querySelector","SELECTORS","innerHTML","start","end","promoStart","today","now","classList","add","CLASSES","barPerc","style","width","setTimeout","contains","EMIT","CUSTOM_MESSAGES","TRACKING_EVENTS","update","eventCategory","eventAction","eventLabel","gaeventlabel","baseComponent","BaseComponent","_componentElement","setAttribute","_checkMessages","this","compOptions","options","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","convertType","deepFreeze","getAttribute","events","cb","elements","Bean","on","e","stopPropagation","one","off","fire","container","message","_loading","LOADER_EVENTS","show","document","body","error","icon","hide","option","optionReturn","key","str","charAt","toLocaleLowerCase","BaseGiaComponent"],"mappings":"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","file":"js/component-pdlContentTimeInfoComponent-js.chunks.js","sourcesContent":["import baseComponent from '../base/baseComponent';\n\nexport default class pdlContentTimeInfoComponent extends baseComponent {\n  get SELECTORS() {\n    return {\n      timeBar: '.pdl-time-active',\n      content: '.pdl-content-promo-info',\n      label: '.pdl-time-label',\n      countdown: '.pdl-time'\n    };\n  }\n\n  get CLASSES() {\n    return {\n      disabled: 'disabled',\n      future: 'pdl-content-promo-info-future',\n      futureWrapper: 'future-wrapper',\n      visible: 'is-visible'\n    };\n  }\n\n  constructor(element) {\n    super(element);\n    this.handleDate();\n    this.handleImpressions();\n  }\n\n  handleDate() {\n    setInterval(() => {\n      const dataParser = (dateString) => {\n        var dateSplit = dateString.split('/');\n        return new Date(parseInt(dateSplit[2], 10), parseInt(dateSplit[1], 10) - 1, parseInt(dateSplit[0], 10));\n      };\n      const dateDiff = (date1, date2) => {\n        return date1.getTime() - date2.getTime();\n      };\n      const countdown = (dateDiff) => {\n        let count = {\n          d: Math.floor(dateDiff / 86400000),\n          h: Math.floor((dateDiff % 86400000) / 3600000),\n          m: Math.floor((dateDiff % 3600000) / 60000),\n          s: Math.floor((dateDiff % 60000) / 1000)\n        };\n        if (this.$options.countdownBanner) {\n          let day = count.d > 0 ? '<b>' + ('0' + count.d).slice(-2) + '</b>G' : '<span class=\"pdl-time-zero\"><b>00</b>G</span>';\n          let hour = count.d == 0 && count.h == 0 ? '<span class=\"pdl-time-zero\"><b>00</b>H</span>' : '<b>' + ('0' + count.h).slice(-2) + '</b>H';\n          let minute = count.d == 0 && count.h == 0 && count.m == 0 ? '<span class=\"pdl-time-zero\"><b>00</b>M</span>' : '<b>' + ('0' + count.m).slice(-2) + '</b>M';\n          this.$el.querySelector(this.SELECTORS.countdown).innerHTML = day + hour + minute + '<b>' + ('0' + count.s).slice(-2) + '</b>S';\n        } else {\n          let day = count.d > 0 ? '<b>' + ('0' + count.d).slice(-2) + '</b>giorni : ' : '<span class=\"pdl-time-zero\"><b>00</b>giorni : </span>';\n          let hour = count.d == 0 && count.h == 0 ? '<span class=\"pdl-time-zero\"><b>00</b>h : </span>' : '<b>' + ('0' + count.h).slice(-2) + '</b>h : ';\n          let minute = count.d == 0 && count.h == 0 && count.m == 0 ? '<span class=\"pdl-time-zero\"><b>00</b>m : </span>' : '<b>' + ('0' + count.m).slice(-2) + '</b>min : ';\n          this.$el.querySelector(this.SELECTORS.countdown).innerHTML = day + hour + minute + '<b>' + ('0' + count.s).slice(-2) + '</b>sec';\n        }\n      };\n      const start = dataParser(this.$options.start);\n      const end = dataParser(this.$options.end);\n      const promoStart = dataParser(this.$options.promoStart);\n      const today = new Date(Date.now());\n      if (dateDiff(today, promoStart) < 0 || dateDiff(end, today) < 0) {\n        this.$el.classList.add(this.CLASSES.disabled);\n      } else if (dateDiff(today, start) < 0) {\n        let barPerc = (dateDiff(today, promoStart) / dateDiff(start, promoStart)) * 100 + '%';\n        this.$el.querySelector(this.SELECTORS.timeBar).style.width = barPerc;\n        this.$el.querySelector(this.SELECTORS.content).classList.add(this.CLASSES.future);\n        this.$el.classList.add(this.CLASSES.futureWrapper);\n        this.$el.querySelector(this.SELECTORS.label).innerHTML = 'Inizia tra';\n        countdown(dateDiff(start, today));\n        this.$el.classList.add(this.CLASSES.visible);\n      } else if (dateDiff(today, start) > 0) {\n        let barPerc = (dateDiff(today, start) / dateDiff(end, start)) * 100 + '%';\n        this.$el.querySelector(this.SELECTORS.timeBar).style.width = barPerc;\n        this.$el.querySelector(this.SELECTORS.label).innerHTML = 'Scade tra';\n        countdown(dateDiff(end, today));\n        this.$el.classList.add(this.CLASSES.visible);\n      } else if (this.$options.countdownBanner && dateDiff(end, today) > 0) {\n        countdown(dateDiff(end, today));\n      } else {\n        this.$el.classList.add(this.CLASSES.disabled);\n      }\n    }, 1000);\n  }\n\n  handleImpressions() {\n    setTimeout(() => {\n      if (!this.$options.countdownBanner && this.$el.classList.contains(this.CLASSES.visible)) {\n        this.EMIT(this.CUSTOM_MESSAGES.TRACKING_EVENTS.update, {\n          eventCategory: 'Promo a Tempo',\n          eventAction: 'Impression',\n          eventLabel: this.$options.gaeventlabel ? this.$options.gaeventlabel : ''\n        });\n      }\n    }, 1100);\n  }\n}\n","/* eslint-disable new-cap */\n/* eslint-disable valid-jsdoc */\n/* eslint-disable no-underscore-dangle */\n\nimport Bean from 'bean';\nimport deepFreeze from '../utilities/freeze';\nimport BaseGiaComponent from './baseGiaComponent';\n\nexport default class BaseComponent extends BaseGiaComponent {\n  /**\n   * @returns {HTMLElement}\n   */\n  get $el() {\n    return /** @type {HTMLElement} */ (this._componentElement);\n  }\n\n  get $options() {\n    const compOptions = {};\n    const options = { ...this.$el.dataset };\n    const optionsEntires = Object.keys(options).filter((entry) => entry.includes('option'));\n    optionsEntires.forEach((entry) => {\n      const cleanEntry = BaseComponent.cleanOptionKey(entry);\n      let optionValue;\n      if (options[entry].includes('{') && options[entry].includes('}')) {\n        optionValue = JSON.parse(options[entry].replace(/'/g, '\"'));\n      } else {\n        optionValue = BaseComponent.convertType(options[entry]);\n      }\n      compOptions[cleanEntry] = optionValue;\n    });\n    return deepFreeze(compOptions);\n  }\n\n  get COMPONENT_NAME() {\n    return this.$el.getAttribute('data-component');\n  }\n\n  /**\n   *\n   * constructor\n   *\n   * @param {Element} element\n   */\n  constructor(element) {\n    super(element);\n    this._componentElement = element;\n    this._componentElement.setAttribute('data-component-init', 'true');\n    this._checkMessages();\n  }\n\n  static convertType(option) {\n    let optionReturn;\n    switch (option) {\n      case 'false':\n        optionReturn = false;\n        break;\n      case 'true':\n        optionReturn = true;\n        break;\n      case 'null':\n        optionReturn = null;\n        break;\n      default:\n        optionReturn = option;\n        break;\n    }\n\n    return optionReturn;\n  }\n\n  static cleanOptionKey(key) {\n    const str = key.replace('option', '');\n    return `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\n  }\n\n  /**\n   *\n   * $on\n   *\n   * @param {String} events\n   * @param {Function} cb\n   * @param {Element} [element = this.$el]\n   * @param {Array|String|Element} [elements = null]\n   */\n  $on(events, cb, element = this.$el, elements = null) {\n    if (!element || !events || !cb) return;\n    if (!elements) {\n      Bean.on(element, events, (e) => {\n        if (e) e.stopPropagation();\n        cb(e);\n      });\n    } else {\n      Bean.on(element, events, elements, (e) => {\n        if (e) e.stopPropagation();\n        cb(e);\n      });\n    }\n  }\n\n  /**\n   *\n   * $one\n   *\n   * @param {String} events\n   * @param {Function} cb\n   * @param {Element} [element = this.$el]\n   */\n  $one(events, cb, element = this.$el) {\n    Bean.one(element, events, cb);\n  }\n\n  /**\n   *\n   * $off\n   *\n   * @param {String} events\n   * @param {Element} [element = this.$el]\n   */\n  $off(events, element = this.$el) {\n    Bean.off(element, events);\n  }\n\n  /**\n   *\n   * $fire\n   *\n   * @param {String} events\n   * @param {Element} [element = this.$el]\n   */\n  $fire(events, element = this.$el) {\n    Bean.fire(element, events);\n  }\n\n  /**\n   *\n   * Activate loader\n   *\n   * @param {HTMLElement} [container]\n   * @param {String} [message]\n   */\n  loading(container, message) {\n    this._loading = true;\n    this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.show, {\n      container: container || document.body,\n      message: message ?? null\n    });\n  }\n\n  /**\n   *\n   * Deactivate loader\n   *\n   * @param {HTMLElement} [container]\n   * @param {String} [message]\n   * @param {Boolean} [error=false]\n   * @param {String} [icon]\n   */\n  endLoading(container, message, error = false, icon) {\n    this._loading = false;\n    setTimeout(() => {\n      if (!this._loading) {\n        this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n          container: container || document.body,\n          message,\n          error,\n          icon\n        });\n      }\n    }, 400);\n  }\n}\n"],"sourceRoot":""}