{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/components/ReadMore.js","webpack://@verndale/toolkit/./src/js/helpers/index.js","webpack://@verndale/toolkit/./src/js/helpers/motion.js"],"names":[],"mappings":"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","file":"scripts/5392.da6486e17cfcf1badedc.js","sourcesContent":["import { Component } from '@verndale/core';\nimport { show, hide } from '../helpers/motion';\nimport { debounce } from '../helpers';\n\nclass ReadMore extends Component {\n  setupDefaults() {\n    this.dom = {\n      expandButton: this.el.querySelector('.btn--expand'),\n      container: this.el.querySelector('.read-more__container')\n    };\n\n    this.isExpanded = false;\n    this.showMoreText = this.el.dataset.moreText;\n    this.showLessText = this.el.dataset.lessText;\n    this.maxHeight = this.dom.container.offsetHeight;\n    this.handleResize();\n  }\n\n  addListeners() {\n    this.dom.expandButton?.addEventListener('click', this.trigger.bind(this));\n    window.addEventListener(\n      'resize',\n      debounce(this.handleResize.bind(this), 100)\n    );\n  }\n\n  handleResize() {\n    this.maxHeight = this.dom.container.offsetHeight;\n\n    if (this.dom.container.scrollHeight > this.dom.container.clientHeight) {\n      this.dom.expandButton.classList.remove('btn--hidden');\n    } else {\n      this.dom.expandButton.classList.add('btn--hidden');\n    }\n  }\n\n  trigger() {\n    this.dom.expandButton.classList.toggle('btn--show-less');\n\n    if (this.isExpanded) {\n      this.dom.expandButton.innerHTML = this.showMoreText;\n      hide(this.dom.container, `${this.maxHeight}px`);\n    } else {\n      this.dom.expandButton.innerHTML = this.showLessText;\n      show(this.dom.container);\n    }\n\n    this.isExpanded = !this.isExpanded;\n  }\n}\n\nexport default ReadMore;\n","// /**\n// * debounce function\n// * Delays the processing of the event\n// */\nexport const debounce = (callback, wait) => {\n  let timerId;\n  return (...args) => {\n    clearTimeout(timerId);\n    timerId = setTimeout(() => {\n      callback(...args);\n    }, wait);\n  };\n};\n\nexport const throttle = (callback, wait) => {\n  let inThrottle;\n  return (...args) => {\n    if (!inThrottle) {\n      callback(...args);\n      inThrottle = true;\n      setTimeout(() => {\n        inThrottle = false;\n      }, wait);\n    }\n  };\n};\n// /**\n// * Checks if an element is focusable\n// *\n// * @param {Object} el - HTML element you want to check if it's focusable\n// */\nexport const isFocusable = el => {\n  if (\n    el.tabIndex > 0 ||\n    (el.tabIndex === 0 && el.getAttribute('tabIndex') !== null)\n  ) {\n    return true;\n  }\n\n  if (el.disabled) {\n    return false;\n  }\n\n  /* eslint-disable indent */\n  switch (el.nodeName) {\n    case 'A':\n      return !!el.href && el.rel !== 'ignore';\n    case 'INPUT':\n      return el.type !== 'hidden' && el.type !== 'file';\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA':\n      return true;\n    default:\n      return false;\n  }\n  /* eslint-enable indent */\n};\n\n// /**\n// * Key code list object\n// */\nexport const keyCode = {\n  TAB: 9,\n  RETURN: 13,\n  ESC: 27,\n  SPACE: 32,\n  PAGEUP: 33,\n  PAGEDOWN: 34,\n  END: 35,\n  HOME: 36,\n  LEFT: 37,\n  UP: 38,\n  RIGHT: 39,\n  DOWN: 40\n};\n\n// /**\n// * Breakpoints list object\n// */\nexport const breakpoints = {\n  mobile: 360,\n  tablet: 768,\n  tabletLandscape: 1024,\n  desktop: 1280,\n  wide: 1600\n};\n\n// /**\n// * Bicentennial Swiper Object\n// */\n\nexport const bicentennialSwiperConfig = {\n  allowTouchMove: false,\n  autoHeight: false,\n  rewind: true,\n  slidesPerView: 1,\n  spaceBetween: 0,\n  speed: 1000,\n  watchOverflow: true,\n  watchSlidesProgress: true\n}\n\n// /**\n// * Convert Unicode characters inside a string to their actual characters\n// */\n\nexport const convertUnicode = (input) => {\n  if (typeof input === 'string') {\n    return input.replace(/\\\\+u([0-9a-fA-F]{4})/g, (a, b) =>\n      String.fromCharCode(parseInt(b, 16)))\n  }\n  return input;\n};\n","import { animate } from 'motion';\n\nexport const open = (element, duration = 1, easing = [0.19, 1, 0.22, 1]) =>\n  animate(\n    element,\n    {\n      maxHeight: `${element.scrollHeight}px`,\n      opacity: 1\n    },\n    {\n      duration,\n      easing\n    }\n  );\n\nexport const close = (element, duration = 1, easing = [0.19, 1, 0.22, 1]) =>\n  animate(\n    element,\n    {\n      maxHeight: 0,\n      opacity: 0\n    },\n    {\n      duration,\n      easing\n    }\n  );\n\nexport const hideOpacity = (\n  element,\n  duration = 1,\n  delay = 0,\n  easing = [0.19, 1, 0.22, 1]\n) =>\n  animate(\n    element,\n    {\n      opacity: 0\n    },\n    {\n      duration,\n      delay,\n      easing\n    }\n  );\n\nexport const showOpacity = (\n  element,\n  duration = 1,\n  delay = 0,\n  easing = [0.19, 1, 0.22, 1]\n) =>\n  animate(\n    element,\n    {\n      opacity: 1\n    },\n    {\n      duration,\n      delay,\n      easing\n    }\n  );\n\nexport const show = (\n  element,\n  duration = 1,\n  delay = 0,\n  easing = [0.19, 1, 0.22, 1]\n) =>\n  animate(\n    element,\n    {\n      maxBlockSize: 'unset'\n    },\n    {\n      duration,\n      delay,\n      easing\n    }\n  );\n\nexport const hide = (\n  element,\n  maxBlockSize = 0,\n  duration = 1,\n  delay = 0,\n  easing = [0.19, 1, 0.22, 1]\n) =>\n  animate(\n    element,\n    {\n      maxBlockSize\n    },\n    {\n      duration,\n      delay,\n      easing\n    }\n  );\n\nexport const showFromBottom = (\n  element,\n  delay = 0.2,\n  duration = 0.2,\n  easing = [0.11, 0, 0.5, 0]\n) =>\n  animate(\n    element,\n    {\n      opacity: 1,\n      translateY: 0\n    },\n    {\n      delay,\n      duration,\n      easing\n    }\n  );\n\nexport const hideFromTop = (\n  element,\n  delay = 0.2,\n  duration = 0.2,\n  easing = [0.11, 0, 0.5, 0]\n) =>\n  animate(\n    element,\n    {\n      opacity: 0,\n      translateY: 30\n    },\n    {\n      delay,\n      duration,\n      easing\n    }\n  );\n\nexport const hideToRight = (\n  element,\n  delay = 0.2,\n  duration = 0.2,\n  easing = [0.11, 0, 0.5, 0]\n) =>\n  animate(\n    element,\n    {\n      opacity: 0,\n      translateX: 90\n    },\n    {\n      delay,\n      duration,\n      easing\n    }\n  );\n\nexport const hideToLeft = (\n  element,\n  delay = 0.2,\n  duration = 0.2,\n  easing = [0.11, 0, 0.5, 0]\n) =>\n  animate(\n    element,\n    {\n      opacity: 0,\n      translateX: -90\n    },\n    {\n      delay,\n      duration,\n      easing\n    }\n  );\n"],"sourceRoot":""}