{"version":3,"sources":["webpack:///./src/client/default/js/components/truncatedTextComponent.js","webpack:///./src/client/default/js/base/baseComponent.js"],"names":["TruncatedTextComponent","_baseComponent","props","_this$$el$querySelect","_this","_classCallCheck","_callSuper","maxLength","fullText","$el","querySelector","SELECTORS","innerText","trim","init","readMoreClick","readLessClick","_inherits","_createClass","key","get","shortText","readMore","readLess","hide","value","shortTextEl","this","length","innerHTML","substring","classList","remove","CLASSES","fullTextEl","add","_this2","readMoreCta","readLessCta","addEventListener","e","pushToDatalayer","_this3","label","window","dataLayer","push","event","area","type","action","text","baseComponent","BaseComponent","_BaseGiaComponent","element","_componentElement","setAttribute","_checkMessages","compOptions","options","_objectSpread","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","convertType","deepFreeze","getAttribute","events","cb","arguments","undefined","elements","Bean","on","stopPropagation","one","off","fire","container","message","_loading","EMIT","CUSTOM_MESSAGES","LOADER_EVENTS","show","document","body","error","icon","setTimeout","option","optionReturn","str","concat","charAt","toLocaleLowerCase","slice","BaseGiaComponent"],"mappings":"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","file":"js/component-truncatedTextComponent-js.chunks.js","sourcesContent":["import baseComponent from '../base/baseComponent';\n\nexport default class TruncatedTextComponent extends baseComponent {\n  get SELECTORS() {\n    return {\n      shortText: '.short-text',\n      fullText: '.full-text',\n      readMore: '.read-more',\n      readLess: '.read-less'\n    };\n  }\n\n  get CLASSES() {\n    return {\n      hide: 'd-none'\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.maxLength = 180;\n    this.fullText = this.$el.querySelector(this.SELECTORS.fullText).innerText?.trim();\n    this.init();\n    this.readMoreClick();\n    this.readLessClick();\n  }\n\n  init() {\n    const shortTextEl = this.$el.querySelector(this.SELECTORS.shortText);\n    if (this.fullText.length > this.maxLength) {\n      let readMore = this.$el.querySelector(this.SELECTORS.readMore);\n      shortTextEl.innerHTML = this.fullText.substring(0, this.maxLength);\n      readMore.classList.remove(this.CLASSES.hide);\n    } else {\n      let fullTextEl = this.$el.querySelector(this.SELECTORS.fullText);\n      shortTextEl.classList.add(this.CLASSES.hide);\n      fullTextEl.classList.remove(this.CLASSES.hide);\n    }\n  }\n\n  readMoreClick() {\n    const readMoreCta = this.$el.querySelector(this.SELECTORS.readMore);\n    const readLessCta = this.$el.querySelector(this.SELECTORS.readLess);\n    const fullTextEl = this.$el.querySelector(this.SELECTORS.fullText);\n    const shortTextEl = this.$el.querySelector(this.SELECTORS.shortText);\n\n    readMoreCta.addEventListener('click', (e) => {\n      readMoreCta.classList.add(this.CLASSES.hide);\n      shortTextEl.classList.add(this.CLASSES.hide);\n      fullTextEl.classList.remove(this.CLASSES.hide);\n      readLessCta.classList.remove(this.CLASSES.hide);\n      this.pushToDatalayer('Leggi di più');\n    });\n  }\n\n  readLessClick() {\n    const readMoreCta = this.$el.querySelector(this.SELECTORS.readMore);\n    const readLessCta = this.$el.querySelector(this.SELECTORS.readLess);\n    const fullTextEl = this.$el.querySelector(this.SELECTORS.fullText);\n    const shortTextEl = this.$el.querySelector(this.SELECTORS.shortText);\n\n    readLessCta.addEventListener('click', (e) => {\n      readLessCta.classList.add(this.CLASSES.hide);\n      fullTextEl.classList.add(this.CLASSES.hide);\n      shortTextEl.classList.remove(this.CLASSES.hide);\n      readMoreCta.classList.remove(this.CLASSES.hide);\n      this.pushToDatalayer('Leggi di meno');\n    });\n  }\n\n  pushToDatalayer(label) {\n    if (!window.dataLayer) return;\n    window.dataLayer.push({\n      event: 'button_click',\n      area: 'product',\n      type: 'generic_button',\n      action: 'button_click',\n      text: label\n    });\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":""}