{"version":3,"sources":["webpack:///./src/client/default/js/components/shortEmailLinkComponent.js","webpack:///./src/client/default/js/base/baseComponent.js"],"names":["ShortEmailLink","props","document","querySelector","$options","inputTarget","addEventListener","checkActive","carouselContainer","createElement","carousel","classList","add","dataset","component","optionPerView","optionBreakpoints","appendChild","externalContainer","glideEl","slidesContainer","emails","forEach","email","boxExternal","box","innerText","evt","updateEmail","target","sliderControls","leftButton","glideDir","rightButton","$el","this","split","active","targetInput","currentValue","value","atIndex","indexOf","cursorPosition","length","substr","focus","blur","undefined","selectionStart","cursorPostion","setSelectionRange","querySelectorAll","CLASSES","remove","BaseComponent","element","_componentElement","setAttribute","_checkMessages","compOptions","options","Object","keys","filter","entry","includes","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","convertType","deepFreeze","getAttribute","events","cb","elements","Bean","on","e","stopPropagation","one","off","fire","container","message","_loading","EMIT","CUSTOM_MESSAGES","LOADER_EVENTS","show","body","error","icon","setTimeout","hide","option","optionReturn","key","str","charAt","toLocaleLowerCase","slice","BaseGiaComponent"],"mappings":"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","file":"js/component-shortEmailLinkComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../base/baseComponent';\n\nexport default class ShortEmailLink extends BaseComponent {\n  get emails() {\n    return this.$options.emails.split(',');\n  }\n\n  get CLASSES() {\n    return {\n      active: 'active'\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    // Listen for input change for active link trigger\n    let targetInput = document.querySelector(this.$options.inputTarget);\n    targetInput.addEventListener('input', () => {\n      this.checkActive();\n    });\n    let carouselContainer = document.createElement('div');\n    // Add carousel component\n    let carousel = document.createElement('div');\n    carousel.classList.add('glide', 'short-email-carousel');\n    carousel.dataset.component = 'carouselGComponent';\n    carousel.dataset.optionPerView = '3';\n    carousel.dataset.optionBreakpoints = \"{'480':{'perView': '2'}}\";\n    carouselContainer.appendChild(carousel);\n    // Add slider containers\n    let externalContainer = document.createElement('div');\n    externalContainer.classList.add('glide__track');\n    externalContainer.dataset.glideEl = 'track';\n    carousel.appendChild(externalContainer);\n    let slidesContainer = document.createElement('ul');\n    slidesContainer.classList.add('glide__slides');\n    externalContainer.appendChild(slidesContainer);\n    // Add email link box\n    this.emails.forEach((email) => {\n      let boxExternal = document.createElement('li');\n      boxExternal.classList.add('glide__slide');\n      let box = document.createElement('span');\n      box.classList.add('email-link');\n      box.innerText = email;\n      box.dataset.email = email;\n      boxExternal.appendChild(box);\n      slidesContainer.appendChild(boxExternal);\n      box.addEventListener('click', (evt) => {\n        this.updateEmail(evt.target.dataset.email);\n      });\n    });\n    // Add slider controls\n    let sliderControls = document.createElement('div');\n    sliderControls.classList.add('glide__arrows');\n    sliderControls.dataset.glideEl = 'controls';\n    let leftButton = document.createElement('button');\n    leftButton.classList.add('glide__arrow', 'glide__arrow--left');\n    leftButton.dataset.glideDir = '<';\n    let rightButton = document.createElement('button');\n    rightButton.classList.add('glide__arrow', 'glide__arrow--right');\n    rightButton.dataset.glideDir = '>';\n    sliderControls.appendChild(leftButton);\n    sliderControls.appendChild(rightButton);\n    carousel.appendChild(sliderControls);\n\n    this.$el.appendChild(carouselContainer);\n  }\n\n  updateEmail(email) {\n    let targetInput = document.querySelector(this.$options.inputTarget);\n    let currentValue = targetInput.value;\n    let atIndex = currentValue.indexOf('@');\n    let cursorPosition = atIndex > -1 ? atIndex : currentValue.length;\n    targetInput.value = currentValue.substr(0, cursorPosition) + email;\n    this.checkActive();\n    // Trigger input validation\n    targetInput.focus();\n    targetInput.blur();\n    // Selection range available only for text input\n    if (targetInput.selectionStart !== undefined) {\n      targetInput.focus();\n      let cursorPostion = targetInput.value.indexOf('@');\n      targetInput.setSelectionRange(cursorPostion, cursorPostion);\n    }\n  }\n\n  checkActive() {\n    let currentValue = document.querySelector(this.$options.inputTarget).value;\n    this.$el.querySelectorAll('.email-link').forEach((box) => {\n      if (currentValue && currentValue.indexOf(box.dataset.email, currentValue.length - box.dataset.email.length) > -1) {\n        box.classList.add(this.CLASSES.active);\n      } else {\n        box.classList.remove(this.CLASSES.active);\n      }\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":""}