{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/helpers/addFormLabelsPlaceholder.js","webpack://@verndale/toolkit/./src/js/helpers/variables.js","webpack://@verndale/toolkit/./src/js/modules/Footer.js"],"names":[],"mappings":"0HAAA,KAAM,GAAc,GAAK,CACvB,KAAM,GAAQ,EAAE,QAAU,EAEpB,EAAQ,EADU,QAAQ,mBACP,cAAc,2BACvC,GACM,GAAM,OAAS,IAAU,SAAS,cACpC,EAAM,UAAU,IAAI,aAEpB,EAAM,UAAU,OAAO,eAKvB,EAA2B,GAAM,CACrC,KAAM,GAAO,EAAG,cAAc,mBAC9B,GAAI,CAAC,EAAM,OACX,KAAM,GAAS,EAAK,iBAAiB,SAC/B,EAAY,EAAK,iBAAiB,YAExC,EADoB,iBAAiB,4BAC7B,QAAQ,GAAS,CACvB,GAAa,EAAM,mBAAmB,QAAQ,gBAAkB,UAC9D,EAAM,UAAU,IAAI,kBAIxB,GAAQ,QAAQ,GAAS,CACvB,EAAM,iBAAiB,QAAS,GAChC,EAAM,iBAAiB,OAAQ,GAC/B,EAAM,iBAAiB,QAAS,GAChC,EAAY,KAGd,GAAW,QAAQ,GAAY,CAC7B,EAAS,iBAAiB,QAAS,GACnC,EAAS,iBAAiB,OAAQ,GAClC,EAAS,iBAAiB,QAAS,GACnC,EAAY,MAIhB,IAAe,G,6ECrCR,KAAM,GAAU,CACrB,IAAK,EACL,OAAQ,GACR,IAAK,GACL,MAAO,GACP,OAAQ,GACR,SAAU,GACV,IAAK,GACL,KAAM,GACN,KAAM,GACN,GAAI,GACJ,MAAO,GACP,KAAM,IAMK,EAAc,CACzB,OAAQ,IACR,OAAQ,IACR,gBAAiB,KACjB,QAAS,KACT,KAAM,O,kECtBR,eAAqB,KAAU,CAC7B,eAAgB,CACd,KAAK,IAAM,CACT,QAAS,KAAK,GAAG,iBACf,+CAIJ,KAAK,WAAa,OAAO,WACvB,eAAe,YAAsB,QAEvC,QAAyB,KAAK,IAGhC,cAAe,CACb,KAAK,IAAI,QAAQ,QAAQ,GACvB,EAAO,iBAAiB,QAAS,KAAK,cAAc,KAAK,QAI7D,cAAc,EAAG,CACf,GAAI,KAAK,WAAW,QAAS,CAC3B,EAAE,iBAEF,KAAM,CAAE,cAAe,EAAE,cACnB,EAAc,EAAW,cAAc,6BACvC,EAAQ,EAAY,cAAc,gCAExC,EAAe,UAAU,SAAS,mCAChC,GAAY,MAAM,OAAS,KAC3B,EAAW,UAAU,OAAO,oCAE5B,GAAY,MAAM,OAAS,GAAG,EAAM,iBACpC,EAAW,UAAU,IAAI,sCAMjC,UAAe","file":"scripts/675.ea2f81ad0fcf3f51cc26.js","sourcesContent":["const updateLabel = e => {\r\n  const input = e.target || e;\r\n  const fieldWrap = input.closest('.Form__Element');\r\n  const label = fieldWrap?.querySelector('.Form__Element__Caption');\r\n  if (label) {\r\n    if (input.value || input === document.activeElement) {\r\n      label.classList.add('is-active');\r\n    } else {\r\n      label.classList.remove('is-active');\r\n    }\r\n  }\r\n};\r\n\r\nconst addFormLabelsPlaceholder = el => {\r\n  const form = el.querySelector('.Form__MainBody');\r\n  if (!form) return;\r\n  const inputs = form.querySelectorAll('input');\r\n  const textareas = form.querySelectorAll('textarea');\r\n  const labels = form.querySelectorAll('.Form__Element__Caption');\r\n  labels?.forEach(label => {\r\n    if (label && label.nextElementSibling.tagName.toLowerCase() === 'select') {\r\n      label.classList.add('select-label');\r\n    }\r\n  });\r\n\r\n  inputs?.forEach(input => {\r\n    input.addEventListener('focus', updateLabel);\r\n    input.addEventListener('blur', updateLabel);\r\n    input.addEventListener('input', updateLabel);\r\n    updateLabel(input);\r\n  });\r\n\r\n  textareas?.forEach(textarea => {\r\n    textarea.addEventListener('focus', updateLabel);\r\n    textarea.addEventListener('blur', updateLabel);\r\n    textarea.addEventListener('input', updateLabel);\r\n    updateLabel(textarea);\r\n  });\r\n};\r\n\r\nexport default addFormLabelsPlaceholder;\r\n","// /**\r\n// * Key code list object\r\n// */\r\nexport const keyCode = {\r\n  TAB: 9,\r\n  RETURN: 13,\r\n  ESC: 27,\r\n  SPACE: 32,\r\n  PAGEUP: 33,\r\n  PAGEDOWN: 34,\r\n  END: 35,\r\n  HOME: 36,\r\n  LEFT: 37,\r\n  UP: 38,\r\n  RIGHT: 39,\r\n  DOWN: 40\r\n};\r\n\r\n// /**\r\n// * Key code list object\r\n// */\r\nexport const breakpoints = {\r\n  mobile: 360,\r\n  tablet: 768,\r\n  tabletLandscape: 1024,\r\n  desktop: 1280,\r\n  wide: 1600\r\n};\r\n","import { Component } from '@verndale/core';\r\nimport addFormLabelsPlaceholder from '../helpers/addFormLabelsPlaceholder';\r\nimport { breakpoints } from '../helpers/variables';\r\n\r\nclass Footer extends Component {\r\n  setupDefaults() {\r\n    this.dom = {\r\n      toggles: this.el.querySelectorAll(\r\n        '.footer__menu-category .footer__menu-label'\r\n      )\r\n    };\r\n\r\n    this.breakpoint = window.matchMedia(\r\n      `(max-width: ${breakpoints.desktop - 1}px)`\r\n    );\r\n    addFormLabelsPlaceholder(this.el);\r\n  }\r\n\r\n  addListeners() {\r\n    this.dom.toggles.forEach(toggle =>\r\n      toggle.addEventListener('click', this.toggleSubmenu.bind(this))\r\n    );\r\n  }\r\n\r\n  toggleSubmenu(e) {\r\n    if (this.breakpoint.matches) {\r\n      e.preventDefault();\r\n\r\n      const { parentNode } = e.currentTarget;\r\n      const subcategory = parentNode.querySelector('.footer__menu-subcategory');\r\n      const inner = subcategory.querySelector('.footer__menu-subcategory ul');\r\n\r\n      if (parentNode.classList.contains('footer__menu-category--expanded')) {\r\n        subcategory.style.height = null;\r\n        parentNode.classList.remove('footer__menu-category--expanded');\r\n      } else {\r\n        subcategory.style.height = `${inner.offsetHeight}px`;\r\n        parentNode.classList.add('footer__menu-category--expanded');\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport default Footer;\r\n"],"sourceRoot":""}