@graupl/graupl 1.0.0-beta.2 → 1.0.0-beta.21

package/dist/js/generator/carousel.iife.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.iife.js","names":["addClass","className","element","length","classList","add","removeClass","remove","selectAllFocusableElements","context","document","querySelector","elements","Array","from","querySelectorAll","tabbableElements","filter","check","getAttribute","selectFirstFocusableElement","selectLastFocusableElement","selectNextFocusableElement","index","indexOf","selectPreviousFocusableElement","keyPress","event","key","keyCode","keys","Enter","Space","Escape","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","Home","End","Tab","Object","find","preventEvent","preventDefault","stopPropagation","isValidInstance","constructor","elements","elementsType","TypeError","key","elementType","name","status","error","isValidType","type","values","valuesType","valueType","isQuerySelector","Error","document","querySelector","isValidClassList","Array","isArray","forEach","value","obj","isValidHoverType","validTypes","includes","join","isTag","tagName","HTMLElement","tag","toLowerCase","check","isValidState","validStates","isValidEvent","validEvents","isValidType","initializeStorage","type","window","Graupl","getStorage","setStorage","data","clearStorage","pushToStorage","key","value","getFromStorage","removeFromStorage","addClass","removeClass","preventEvent","keyPress","storage","isQuerySelector","isTag","isValidClassList","isValidInstance","isValidType","Carousel","_dom","carousel","carouselItems","carouselItemContainer","carouselControls","carouselControlContainer","carouselTabs","carouselTabContainer","autoplay","next","previous","_selectors","_activeClass","_previousClass","_nextClass","_playClass","_pauseClass","_currentItem","_autoplay","_transitionDelay","_transitionDuration","_playText","_pauseText","_currentAction","_autoplayInterval","_prefix","_key","_errors","constructor","carouselElement","carouselItemSelector","carouselItemContainerSelector","carouselControlSelector","carouselControlContainerSelector","carouselTabSelector","carouselTabContainerSelector","autoplaySelector","nextSelector","previousSelector","activeClass","previousClass","nextClass","playClass","pauseClass","transitionDelay","transitionDuration","playText","pauseText","prefix","key","initialize","_validate","Error","errors","join","_generateKey","_setDOMElements","_setIds","_setAriaAttributes","activateFirstItem","_handleAutoplay","_handleFocus","_handleClick","_handleHover","_handleKeydown","_handleKeyup","_setTransitionDuration","initializeStorage","pushToStorage","dom","id","error","console","selectors","currentItem","currentCarouselItem","currentCarouselTab","currentAction","value","length","tabs","querySelectorAll","carouselTab","forEach","item","index","setAttribute","check","htmlElementChecks","HTMLElement","push","message","querySelectorChecks","carouselItemsSelector","carouselControlsSelector","carouselTabsSelector","autoplayChecks","delayCheck","durationCheck","activeClassChecks","previousClassChecks","nextClassChecks","playClassChecks","pauseClassChecks","playTextChecks","pauseTextChecks","prefixChecks","_setDOMElementType","elementType","base","overwrite","Array","isArray","domElements","from","filteredElements","filter","parentElement","domElement","querySelector","_resetDOMElementType","regenerate","Math","random","toString","replace","substring","tab","getAttribute","_setInterval","_clearInterval","setInterval","activateNextItem","clearInterval","addEventListener","activatePreviousItem","toggleAutoplay","activateItem","control","event","style","setProperty","activateCurrentItem","deactivateCurrentItem","currentIndex","dataset","grauplAction","requestAnimationFrame","setTimeout","activateLastItem","wsRE","attrName","doc","document","attr","element","op","value","attrSelector","id","TypeError","test","RangeError","checkElement","itemToCheck","Element","getElements","selector","context","elements","Document","DocumentFragment","querySelectorAll","Array","prototype","slice","call","filterAndModify","apply","filter","selected","matches","updateAttribute","add","remove","result","trim","split","forEach","item","indexOf","push","attribute","join","once","find","Carousel","once","generate","options","context","document","carouselSelector","forEach","carouselElement","carouselOptions","dataset","grauplCarouselOptions","JSON","parse","replace","initialize"],"sources":["../../../packages/core/src/js/domHelpers.js","../../../packages/core/src/js/eventHandlers.js","../../../packages/core/src/js/validate.js","../../../packages/core/src/js/storage.js","../../../packages/core/src/js/carousel/Carousel.js","../../../node_modules/@drupal/once/src/once.js","../../../packages/core/src/js/carousel/generator.js"],"sourcesContent":["/**\n * Add a class or array of classes to an element.\n *\n * @param {string|string[]} className - The class or classes to add.\n * @param {HTMLElement} element - The element to add the class to.\n */\nexport function addClass(className, element) {\n  // Gracefully handle empty strings or arrays.\n  if (className === \"\" || className.length === 0) {\n    return;\n  }\n\n  if (typeof className === \"string\") {\n    element.classList.add(className);\n  } else {\n    element.classList.add(...className);\n  }\n}\n\n/**\n * Remove a class or array of classes from an element.\n *\n * @param {string|string[]} className - The class or classes to remove.\n * @param {HTMLElement} element - The element to remove the class from.\n */\nexport function removeClass(className, element) {\n  // Gracefully handle empty strings or arrays.\n  if (className === \"\" || className.length === 0) {\n    return;\n  }\n\n  if (typeof className === \"string\") {\n    element.classList.remove(className);\n  } else {\n    element.classList.remove(...className);\n  }\n}\n\n/**\n * Select all focusable elements within a given context.\n *\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement[]} - An array of focusable elements.\n */\nexport function selectAllFocusableElements(context = document) {\n  const querySelector =\n    \"a[href],area[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),button:not([disabled]),[tabindex]\";\n  const elements = Array.from(context.querySelectorAll(querySelector));\n\n  const tabbableElements = elements.filter((element) => {\n    let check = true;\n\n    if (element.getAttribute(\"tabindex\") === \"-1\") check = false;\n\n    return check;\n  });\n\n  return tabbableElements;\n}\n\n/**\n * Select the first focusable element within a given context.\n *\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The first focusable element or false if none found.\n */\nexport function selectFirstFocusableElement(context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n\n  return tabbableElements[0] || false;\n}\n\n/**\n * Select the last focusable element within a given context.\n *\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The last focusable element or false if none found.\n */\nexport function selectLastFocusableElement(context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n\n  return tabbableElements[tabbableElements.length - 1] || false;\n}\n\n/**\n * Select the next focusable element relative to the given element within a context.\n *\n * @param {HTMLElement} element - The reference element.\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The next focusable element or false if none found.\n */\nexport function selectNextFocusableElement(element, context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n  const index = tabbableElements.indexOf(element);\n\n  return index === tabbableElements.length - 1\n    ? false\n    : tabbableElements[index + 1];\n}\n\n/**\n * Select the previous focusable element relative to the given element within a context.\n *\n * @param {HTMLElement} element - The reference element.\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The previous focusable element or false if none found.\n */\nexport function selectPreviousFocusableElement(element, context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n  const index = tabbableElements.indexOf(element);\n\n  return index === 0 ? false : tabbableElements[index - 1];\n}\n","/**\n * Retrieves the pressed key from an event.\n *\n * @param   {KeyboardEvent} event - The keyboard event.\n * @return  {string}              - The name of the key or an empty string.\n */\nexport function keyPress(event) {\n  try {\n    // Use event.key or event.keyCode to support older browsers.\n    const key = event.key || event.keyCode;\n    const keys = {\n      Enter: key === \"Enter\" || key === 13,\n      Space: key === \" \" || key === \"Spacebar\" || key === 32,\n      Escape: key === \"Escape\" || key === \"Esc\" || key === 27,\n      ArrowUp: key === \"ArrowUp\" || key === \"Up\" || key === 38,\n      ArrowRight: key === \"ArrowRight\" || key === \"Right\" || key === 39,\n      ArrowDown: key === \"ArrowDown\" || key === \"Down\" || key === 40,\n      ArrowLeft: key === \"ArrowLeft\" || key === \"Left\" || key === 37,\n      Home: key === \"Home\" || key === 36,\n      End: key === \"End\" || key === 35,\n      Tab: key === \"Tab\" || key === 9,\n    };\n\n    return Object.keys(keys).find((key) => keys[key] === true) || \"\";\n  } catch {\n    // Return an empty string if something goes wrong.\n    return \"\";\n  }\n}\n\n/**\n * Stops an event from taking action.\n *\n * @param {Event} event - The event.\n */\nexport function preventEvent(event) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n","/**\n * Check to see if the provided elements have a specific constructor.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * This is essentially just a wrapper function around checking instanceof with\n * more descriptive error message to help debugging.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {object}                  constructor - The constructor to check for.\n * @param  {object}                  elements    - The element(s) to check.\n * @return {Object<boolean, string>}             - The result of the check.\n */\nexport function isValidInstance(constructor, elements) {\n  try {\n    if (typeof elements !== \"object\") {\n      const elementsType = typeof elements;\n\n      throw new TypeError(\n        `Elements given to isValidInstance() must be inside of an object. \"${elementsType}\" given.`\n      );\n    }\n\n    for (const key in elements) {\n      if (!(elements[key] instanceof constructor)) {\n        const elementType = typeof elements[key];\n        throw new TypeError(\n          `${key} must be an instance of ${constructor.name}. \"${elementType}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Check to see if the provided values are of a specific type.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * This is essentially just a wrapper function around checking typeof with\n * more descriptive error message to help debugging.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {string}                  type   - The type to check for.\n * @param  {object}                  values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidType(type, values) {\n  try {\n    if (typeof values !== \"object\") {\n      const valuesType = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidType() must be inside of an object. \"${valuesType}\" given.`\n      );\n    }\n\n    for (const key in values) {\n      const valueType = typeof values[key];\n\n      if (valueType !== type) {\n        throw new TypeError(`${key} must be a ${type}. \"${valueType}\" given.`);\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Checks to see if the provided values are valid query selectors.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isQuerySelector(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isQuerySelector() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    for (const key in values) {\n      try {\n        if (values[key] === null) {\n          throw new Error();\n        }\n\n        document.querySelector(values[key]);\n      } catch {\n        throw new TypeError(\n          `${key} must be a valid query selector. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Checks to see if the provided value is either a string or an array of strings.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string, string[]>} values - The value(s) to check.\n * @return {Object<boolean, string>}         - The result of the check.\n */\nexport function isValidClassList(values) {\n  try {\n    if (typeof values !== \"object\" || Array.isArray(values)) {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidClassList() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    for (const key in values) {\n      const type = typeof values[key];\n\n      if (type !== \"string\") {\n        if (Array.isArray(values[key])) {\n          values[key].forEach((value) => {\n            if (typeof value !== \"string\") {\n              throw new TypeError(\n                `${key} must be a string or an array of strings. An array containing non-strings given.`\n              );\n            }\n          });\n        } else {\n          throw new TypeError(\n            `${key} must be a string or an array of strings. \"${type}\" given.`\n          );\n        }\n      } else {\n        const obj = {};\n        obj[key] = values[key];\n\n        isQuerySelector(obj);\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Check to see if the provided values are valid hover types.\n *\n * Available types are: `\"off\"`, `\"on\"`, and `\"dynamic\"`.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidHoverType(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidHoverType() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    const validTypes = [\"off\", \"on\", \"dynamic\"];\n\n    for (const key in values) {\n      if (!validTypes.includes(values[key])) {\n        throw new TypeError(\n          `${key} must be one of the following values: ${validTypes.join(\n            \", \"\n          )}. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Checks to see if the provided elements are using a specific tag.\n *\n * The elements must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `true` if the check is successful.\n *\n * @param  {string}               tagName - The name of the tag.\n * @param  {Object<HTMLElement>} elements - The element(s) to check.\n * @return {boolean}                      - The result of the check.\n */\nexport function isTag(tagName, elements) {\n  if (\n    isValidType(\"string\", { tagName }).status &&\n    isValidInstance(HTMLElement, elements).status\n  ) {\n    const tag = tagName.toLowerCase();\n    let check = true;\n\n    for (const key in elements) {\n      if (elements[key].tagName.toLowerCase() !== tag) check = false;\n    }\n\n    return check;\n  } else {\n    return false;\n  }\n}\n\n/**\n * Check to see if the provided values are valid focus states for a menu.\n *\n * Available states are: `\"none\"`, `\"self\"`, and `\"child\"`.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidState(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidState() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    const validStates = [\"none\", \"self\", \"child\"];\n\n    for (const key in values) {\n      if (!validStates.includes(values[key])) {\n        throw new TypeError(\n          `${key} must be one of the following values: ${validStates.join(\n            \", \"\n          )}. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Check to see if the provided values are valid event types for a menu.\n *\n * Available events are: `\"none\"`, `\"mouse\"`, `\"keyboard\"`, and `\"character\"`.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidEvent(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidEvent() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    const validEvents = [\"none\", \"mouse\", \"keyboard\", \"character\"];\n\n    for (const key in values) {\n      if (!validEvents.includes(values[key])) {\n        throw new TypeError(\n          `${key} must be one of the following values: ${validEvents.join(\n            \", \"\n          )}. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n","/**\n * @file\n * Provides a system to get and store Graupl data in the browser.\n */\n\nimport { isValidType } from \"./validate.js\";\n\n/**\n * Initializes the storage system.\n *\n * @param {?string} [type = null] - The type of storage to initialize.\n */\nexport function initializeStorage(type = null) {\n  window.Graupl = window.Graupl || {};\n\n  if (isValidType(\"string\", { type })) {\n    window.Graupl[type] = window.Graupl[type] || {};\n  }\n}\n\n/**\n * Get the storage object.\n *\n * @param  {?string} type - The type of storage to get.\n * @return {object}       - The storage object.\n */\nexport function getStorage(type = null) {\n  if (isValidType(\"string\", { type })) {\n    return window.Graupl[type];\n  }\n\n  return window.Graupl;\n}\n\n/**\n * Set the storage object of a given type.\n *\n * @param {string} type - The type of storage to set.\n * @param {object} data - The data to set.\n */\nexport function setStorage(type, data = {}) {\n  if (isValidType(\"string\", { type }) && isValidType(\"object\", { data })) {\n    window.Graupl[type] = data;\n  }\n}\n\n/**\n * Clear the storage object of a given type.\n *\n * @param {string} type - The type of storage to clear.\n */\nexport function clearStorage(type) {\n  if (isValidType(\"string\", { type })) {\n    window.Graupl[type] = {};\n  }\n}\n\n/**\n * Push a value to the storage object.\n *\n * @param {string} type  - The type of storage to push to.\n * @param {string} key   - The key to use for the value.\n * @param {*}      value - The value to store.\n */\nexport function pushToStorage(type, key, value) {\n  if (isValidType(\"string\", { type, key })) {\n    window.Graupl[type][key] = value;\n  }\n}\n\n/**\n * Get a value from the storage object.\n *\n * @param  {string }type - The type of storage to get from.\n * @param  {string }key  - The key to get the value from.\n * @return {*}           - The value from the storage object.\n */\nexport function getFromStorage(type, key) {\n  if (isValidType(\"string\", { type, key })) {\n    return window.Graupl[type][key];\n  }\n\n  return null;\n}\n\n/**\n * Remove a value from the storage object.\n *\n * @param {string} type - The type of storage to remove from.\n * @param {string} key  - The key to remove the value from.\n */\nexport function removeFromStorage(type, key) {\n  if (isValidType(\"string\", { type, key })) {\n    delete window.Graupl[type][key];\n  }\n}\n\nexport default {\n  initializeStorage,\n  getStorage,\n  setStorage,\n  clearStorage,\n  pushToStorage,\n  getFromStorage,\n  removeFromStorage,\n};\n","/**\n * @file\n * The carousel class.\n */\n\nimport { addClass, removeClass } from \"../domHelpers.js\";\nimport { preventEvent, keyPress } from \"../eventHandlers.js\";\nimport storage from \"../storage.js\";\nimport {\n  isQuerySelector,\n  isTag,\n  isValidClassList,\n  isValidInstance,\n  isValidType,\n} from \"../validate.js\";\n\nclass Carousel {\n  /**\n   * The DOM elements within the carousel.\n   *\n   * @protected\n   *\n   * @type {Object<HTMLElement, HTMLElement[]>}\n   *\n   * @property {HTMLElement}   carousel                 - The carousel element.\n   * @property {HTMLElement[]} carouselItems            - The carousel items.\n   * @property {HTMLElement}   carouselItemContainer    - The carousel item container.\n   * @property {HTMLElement[]} carouselControls         - The carousel controls.\n   * @property {HTMLElement}   carouselControlContainer - The carousel control container.\n   * @property {HTMLElement[]} carouselTabs             - The carousel tabs.\n   * @property {HTMLElement}   carouselTabContainer     - The carousel tab container.\n   * @property {HTMLElement}   autoplay           - The autoplay button.\n   * @property {HTMLElement}   next               - The next button.\n   * @property {HTMLElement}   previous           - The previous button.\n   */\n  _dom = {\n    carousel: null,\n    carouselItems: [],\n    carouselItemContainer: null,\n    carouselControls: [],\n    carouselControlContainer: null,\n    carouselTabs: [],\n    carouselTabContainer: null,\n    autoplay: null,\n    next: null,\n    previous: null,\n  };\n\n  /**\n   * The query selectors used by the carousel to populate the dom.\n   *\n   * @protected\n   *\n   * @type {Object<string>}\n   *\n   * @property {string} carouselItems            - The query selector string for carousel items.\n   * @property {string} carouselItemContainer    - The query selector string for the carousel item container.\n   * @property {string} carouselControls         - The query selector string for carousel controls.\n   * @property {string} carouselControlContainer - The query selector string for carousel control container.\n   * @property {string} carouselTabs             - The query selector string for the carousel tabs.\n   * @property {string} carouselTabContainer     - The query selector string for the carousel tab container.\n   * @property {string} autoplay                 - The query selector string for the autoplay button.\n   * @property {string} next                     - The query selector string for the next button.\n   * @property {string} previous                 - The query selector string for the previous button.\n   */\n  _selectors = {\n    carouselItems: \"\",\n    carouselItemContainer: \"\",\n    carouselControls: \"\",\n    carouselControlContainer: \"\",\n    carouselTabs: \"\",\n    carouselTabContainer: \"\",\n    autoplay: \"\",\n    next: \"\",\n    previous: \"\",\n  };\n\n  /**\n   * The class(es) to apply when a carousel item is active.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _activeClass = \"active\";\n\n  /**\n   * The class(es) to apply to a carousel item that is the previously active item.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _previousClass = \"previous\";\n\n  /**\n   * The class(es) to apply to a carousel item that is the next active item.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _nextClass = \"next\";\n\n  /**\n   * The class(es) to apply to the autoplay button when the carousel is paused.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _playClass = \"play\";\n\n  /**\n   * The class(es) to apply to the autoplay button when the carousel is playing.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _pauseClass = \"pause\";\n\n  /**\n   * The index of the currently active carousel item.\n   *\n   * @protected\n   *\n   * @type {number}\n   */\n  _currentItem = 0;\n\n  /**\n   * A flag to indicate if the carousel is currently playing.\n   *\n   * @protected\n   *\n   * @type {boolean}\n   */\n  _autoplay = true;\n\n  /**\n   * A variable to delay transition slides in milliseconds.\n   *\n   * @protected\n   *\n   * @type {number}\n   */\n  _transitionDelay = 10000;\n\n  /**\n   * The duration time (in milliseconds) for the transition between carousel items.\n   *\n   * @protected\n   *\n   * @type {number}\n   */\n  _transitionDuration = 500;\n\n  /**\n   * The label for the autoplay button when the carousel is paused.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _playText = \"Play\";\n\n  /**\n   * The label for the autoplay button when the carousel is playing.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _pauseText = \"Pause\";\n\n  /**\n   * The current action being performed by the carousel.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _currentAction = \"next\";\n\n  /**\n   * The stored interval callback for autoplaying the carousel.\n   *\n   * @protected\n   *\n   * @type {?Function}\n   */\n  _autoplayInterval = null;\n\n  /**\n   * The prefix to use for CSS custom properties.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _prefix = \"graupl-\";\n\n  /**\n   * The key used to generate IDs throughout the carousel.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _key = \"\";\n\n  /**\n   * An array of error messages generated by the carousel.\n   *\n   * @protected\n   *\n   * @type {string[]}\n   */\n  _errors = [];\n\n  /**\n   * Constructs a new `Carousel`.\n   *\n   * @param {object}             options                                                                  - The options for the generated carousel.\n   * @param {HTMLElement}        options.carouselElement                                                  - The carousel element in the DOM.\n   * @param {string}             [options.carouselItemSelector = .carousel-item]                          - The query selector string for carousel items.\n   * @param {string}             [options.carouselItemContainerSelector = .carousel-item-container]       - The query selector string for the carousel item container.\n   * @param {string}             [options.carouselControlSelector = .carousel-control]                    - The query selector string for carousel controls.\n   * @param {string}             [options.carouselControlContainerSelector = .carousel-control-container] - The query selector string for carousel control container.\n   * @param {string}             [options.carouselTabSelector = .carousel-tab]                            - The query selector string for carousel tabs.\n   * @param {string}             [options.carouselTabContainerSelector = .carousel-tab-container]         - The query selector string for the carousel tab container.\n   * @param {string}             [options.autoplaySelector = .autoplay]                                   - The query selector string for the autoplay button.\n   * @param {string}             [options.nextSelector = .next]                                           - The query selector string for the next button.\n   * @param {string}             [options.previousSelector = .previous]                                   - The query selector string for the previous button.\n   * @param {?(string|string[])} [options.activeClass = active]                                           - The class(es) to apply when a carousel item is active.\n   * @param {?(string|string[])} [options.previousClass = previous]                                       - The class(es) to apply to a carousel item that is the previously active item.\n   * @param {?(string|string[])} [options.nextClass = next]                                               - The class(es) to apply to a carousel item that is the next active item.\n   * @param {?(string|string[])} [options.playClass = play]                                               - The class(es) to apply to the autoplay button when the carousel is paused.\n   * @param {?(string|string[])} [options.pauseClass = pause]                                             - The class(es) to apply to the autoplay button when the carousel is playing.\n   * @param {boolean}            [options.autoplay = true]                                                - A flag to indicate if the carousel should autoplay.\n   * @param {number}             [options.transitionDelay = 10000]                                        - A flag to initialize the carousel immediately upon creation.\n   * @param {number}             [options.transitionDuration = 500]                                       - The duration time (in milliseconds) for the transition between carousel items.\n   * @param {?string}            [options.playText = Play]                                                - The text to use for the play button.\n   * @param {?string}            [options.pauseText = Pause]                                              - The text to use for the pause button.\n   * @param {?string}            [options.prefix = graupl-]                                               - The prefix to use for CSS custom properties.\n   * @param {?string}            [options.key = null]                                                     - The key used to generate IDs throughout the carousel.\n   * @param {boolean}            [options.initialize = false]                                             - A flag to initialize the carousel immediately upon creation.\n   */\n  constructor({\n    carouselElement,\n    carouselItemSelector = \".carousel-item\",\n    carouselItemContainerSelector = \".carousel-item-container\",\n    carouselControlSelector = \".carousel-control\",\n    carouselControlContainerSelector = \".carousel-control-container\",\n    carouselTabSelector = \".carousel-tab\",\n    carouselTabContainerSelector = \".carousel-tab-container\",\n    autoplaySelector = \".autoplay\",\n    nextSelector = \".next\",\n    previousSelector = \".previous\",\n    activeClass = \"active\",\n    previousClass = \"previous\",\n    nextClass = \"next\",\n    playClass = \"play\",\n    pauseClass = \"pause\",\n    autoplay = true,\n    transitionDelay = 10000,\n    transitionDuration = 500,\n    playText = \"Play\",\n    pauseText = \"Pause\",\n    prefix = \"graupl-\",\n    key = null,\n    initialize = false,\n  }) {\n    // Set DOM elements.\n    this._dom.carousel = carouselElement;\n\n    // Set query selectors.\n    this._selectors.carouselItems = carouselItemSelector;\n    this._selectors.carouselItemContainer = carouselItemContainerSelector;\n    this._selectors.carouselControls = carouselControlSelector;\n    this._selectors.carouselControlContainer = carouselControlContainerSelector;\n    this._selectors.carouselTabs = carouselTabSelector;\n    this._selectors.carouselTabContainer = carouselTabContainerSelector;\n    this._selectors.autoplay = autoplaySelector;\n    this._selectors.next = nextSelector;\n    this._selectors.previous = previousSelector;\n\n    // Set class names.\n    this._activeClass = activeClass || \"\";\n    this._previousClass = previousClass || \"\";\n    this._nextClass = nextClass || \"\";\n    this._playClass = playClass || \"\";\n    this._pauseClass = pauseClass || \"\";\n\n    // Set flags.\n    this._autoplay = autoplay;\n\n    // Set transition options.\n    this._transitionDelay = transitionDelay;\n    this._transitionDuration = transitionDuration;\n\n    // Set labels.\n    this._playText = playText || \"\";\n    this._pauseText = pauseText || \"\";\n\n    // Set prefix.\n    this._prefix = prefix || \"\";\n\n    // Set the key.\n    this._key = key || \"\";\n\n    if (initialize) {\n      this.initialize();\n    }\n  }\n\n  /**\n   * Initializes the carousel.\n   */\n  initialize() {\n    try {\n      if (!this._validate()) {\n        throw new Error(\n          `Graupl Carousel: cannot initialize carousel. The following errors have been found:\\n - ${this.errors.join(\n            \"\\n - \"\n          )}`\n        );\n      }\n\n      // Set up the DOM.\n      this._generateKey();\n      this._setDOMElements();\n      this._setIds();\n      this._setAriaAttributes();\n\n      // Activate the first item.\n      this.activateFirstItem();\n\n      // Handle events.\n      this._handleAutoplay();\n      this._handleFocus();\n      this._handleClick();\n      this._handleHover();\n      this._handleKeydown();\n      this._handleKeyup();\n\n      // Set the custom props.\n      this._setTransitionDuration();\n\n      // Set up the storage.\n      storage.initializeStorage(\"carousels\");\n      storage.pushToStorage(\"carousels\", this.dom.carousel.id, this);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  /**\n   * The HTML elements for the carousel in the DOM.\n   *\n   * @readonly\n   *\n   * @type {Object<HTMLElement>}\n   *\n   * @see _dom\n   */\n  get dom() {\n    return this._dom;\n  }\n\n  /**\n   * The query selectors used by the carousel to populate the dom.\n   *\n   * @readonly\n   *\n   * @type {Object<string>}\n   *\n   * @see _selectors\n   */\n  get selectors() {\n    return this._selectors;\n  }\n\n  /**\n   * The class(es) to apply when a carousel item is active.\n   *\n   * @type {string|string[]}\n   *\n   * @see _activeClass\n   */\n  get activeClass() {\n    return this._activeClass;\n  }\n\n  /**\n   * The class(es) to apply to a carousel item that is the next active item.\n   *\n   * @type {string|string[]}\n   *\n   * @see _previousClass\n   */\n  get previousClass() {\n    return this._previousClass;\n  }\n\n  /**\n   * The class(es) to apply to a carousel item that is the next active item.\n   *\n   * @type {string|string[]}\n   *\n   * @see _nextClass\n   */\n  get nextClass() {\n    return this._nextClass;\n  }\n\n  /**\n   * The class(es) to apply to the autoplay button when the carousel is paused.\n   *\n   * @type {string|string[]}\n   *\n   * @see _playClass\n   */\n  get playClass() {\n    return this._playClass;\n  }\n\n  /**\n   * The class(es) to apply to the autoplay button when the carousel is playing.\n   *\n   * @type {string|string[]}\n   *\n   * @see _pauseClass\n   */\n  get pauseClass() {\n    return this._pauseClass;\n  }\n\n  /**\n   * The index of the currently active carousel item.\n   *\n   * @type {number}\n   *\n   * @see _currentItem\n   */\n  get currentItem() {\n    return this._currentItem;\n  }\n\n  /**\n   * The currently active carousel item.\n   *\n   * @readonly\n   *\n   * @type {HTMLElement}\n   */\n  get currentCarouselItem() {\n    return this.dom.carouselItems[this.currentItem];\n  }\n\n  /**\n   * The currently active carousel tab.\n   *\n   * @readonly\n   *\n   * @type {HTMLElement}\n   */\n  get currentCarouselTab() {\n    return this.dom.carouselTabs[this.currentItem];\n  }\n\n  /**\n   * A flag to indicate if the carousel is currently playing.\n   *\n   * @type {boolean}\n   *\n   * @see _autoplay\n   */\n  get autoplay() {\n    return this._autoplay;\n  }\n\n  /**\n   * The delay in milliseconds before transitioning slides.\n   *\n   * @type {number}\n   *\n   * @see _transitionDelay\n   */\n  get transitionDelay() {\n    return this._transitionDelay;\n  }\n\n  /**\n   * The duration time (in milliseconds) for the transition between carousel items.\n   *\n   * @type {number}\n   *\n   * @see _transitionDuration\n   */\n  get transitionDuration() {\n    return this._transitionDuration;\n  }\n\n  /**\n   * The label for the autoplay button when the carousel is paused.\n   *\n   * @type {string}\n   *\n   * @see _playText\n   */\n  get playText() {\n    return this._playText;\n  }\n\n  /**\n   * The label for the autoplay button when the carousel is playing.\n   *\n   * @type {string}\n   *\n   * @see _pauseText\n   */\n  get pauseText() {\n    return this._pauseText;\n  }\n\n  /**\n   * The prefix to use for CSS custom properties.\n   *\n   * @type {string}\n   *\n   * @see _prefix\n   */\n  get prefix() {\n    return this._prefix;\n  }\n\n  /**\n   * The key used to generate IDs throughout the accordion.\n   *\n   * @type {string}\n   *\n   * @see _key\n   */\n  get key() {\n    return this._key;\n  }\n\n  /**\n   * The current action being performed by the carousel.\n   *\n   * @type {string}\n   *\n   * @see _currentAction\n   */\n  get currentAction() {\n    return this._currentAction;\n  }\n\n  /**\n   * An array of error messages generated by the carousel.\n   *\n   * @readonly\n   *\n   * @type {string[]}\n   *\n   * @see _errors\n   */\n  get errors() {\n    return this._errors;\n  }\n\n  set currentItem(value) {\n    isValidType(\"number\", { value });\n\n    if (value === this.currentItem) {\n      return;\n    }\n\n    if (value < 0) {\n      this._currentItem = 0;\n    } else if (value >= this.dom.carouselItems.length) {\n      this._currentItem = this.dom.carouselItems.length - 1;\n    } else {\n      this._currentItem = value;\n    }\n\n    // Keep the aria selected in sync with the current item.\n    const tabs = this._dom.carousel.querySelectorAll(\n      this.selectors.carouselTab\n    );\n    if (tabs) {\n      this.dom.carouselItems.forEach((item, index) => {\n        item.setAttribute(\"aria-selected\", index === this._currentItem);\n      });\n    }\n  }\n\n  set autoplay(value) {\n    isValidType(\"boolean\", { value });\n\n    if (this._autoplay !== value) {\n      this._autoplay = value;\n    }\n  }\n\n  set activeClass(value) {\n    isValidClassList({ activeClass: value });\n\n    if (this._activeClass !== value) {\n      this._activeClass = value;\n    }\n  }\n\n  set previousClass(value) {\n    isValidClassList({ previousClass: value });\n\n    if (this._previousClass !== value) {\n      this._previousClass = value;\n    }\n  }\n\n  set nextClass(value) {\n    isValidClassList({ nextClass: value });\n\n    if (this._nextClass !== value) {\n      this._nextClass = value;\n    }\n  }\n\n  set playClass(value) {\n    isValidClassList({ playClass: value });\n\n    if (this._playClass !== value) {\n      this._playClass = value;\n    }\n  }\n\n  set pauseClass(value) {\n    isValidClassList({ pauseClass: value });\n\n    if (this._pauseClass !== value) {\n      this._pauseClass = value;\n    }\n  }\n\n  set transitionDelay(value) {\n    isValidType(\"number\", { value });\n\n    if (value !== this.transitionDelay && value >= 0) {\n      this._currentItem = value;\n    }\n  }\n\n  set transitionDuration(value) {\n    isValidType(\"number\", { value });\n\n    if (this._transitionDuration !== value && value >= 0) {\n      this._transitionDuration = value;\n      this._setTransitionDuration();\n    }\n  }\n\n  set playText(value) {\n    isValidType(\"string\", { value });\n\n    if (this._playText !== value) {\n      this._playText = value;\n    }\n  }\n\n  set pauseText(value) {\n    isValidType(\"string\", { value });\n\n    if (this._pauseText !== value) {\n      this._pauseText = value;\n    }\n  }\n\n  set prefix(value) {\n    isValidType(\"string\", { value });\n\n    if (this._prefix !== value) {\n      this._prefix = value;\n    }\n  }\n\n  set key(value) {\n    isValidType(\"string\", { value });\n\n    if (this._key !== value) {\n      this._key = value;\n    }\n  }\n\n  /**\n   * Validates all aspects of the carousel to ensure proper functionality.\n   *\n   * @protected\n   *\n   * @return {boolean} - The results of the validation.\n   */\n  _validate() {\n    let check = true;\n\n    // HTML element checks.\n    const htmlElementChecks = isValidInstance(HTMLElement, {\n      carousel: this.dom.carousel,\n    });\n\n    if (!htmlElementChecks) {\n      this._errors.push(htmlElementChecks.message);\n      check = false;\n    }\n\n    // Query selector checks.\n    const querySelectorChecks = isQuerySelector({\n      carouselItemsSelector: this._selectors.carouselItems,\n      carouselItemContainerSelector: this._selectors.carouselItemContainer,\n      carouselControlsSelector: this._selectors.carouselControls,\n      carouselControlContainerSelector:\n        this._selectors.carouselControlContainer,\n      carouselTabsSelector: this._selectors.carouselTabs,\n      carouselTabContainerSelector: this._selectors.carouselTabContainer,\n      autoplaySelector: this._selectors.autoplay,\n      nextSelector: this._selectors.next,\n      previousSelector: this._selectors.previous,\n    });\n\n    if (!querySelectorChecks) {\n      this._errors.push(querySelectorChecks.message);\n      check = false;\n    }\n\n    // Autoplay checks.\n    const autoplayChecks = isValidType(\"boolean\", { autoplay: this.autoplay });\n\n    if (!autoplayChecks) {\n      this._errors.push(autoplayChecks.message);\n      check = false;\n    }\n\n    // Check delay is a valid value.\n    const delayCheck = isValidType(\"number\", {\n      transitionDelay: this._transitionDelay,\n    });\n\n    if (!delayCheck) {\n      this._errors.push(delayCheck.message);\n      check = false;\n    }\n\n    // Check duration is a valid value.\n    const durationCheck = isValidType(\"number\", {\n      transitionDuration: this._transitionDuration,\n    });\n\n    if (!durationCheck) {\n      this._errors.push(durationCheck.message);\n      check = false;\n    }\n\n    // Active class checks.\n    if (this._activeClass !== \"\") {\n      const activeClassChecks = isValidClassList({\n        activeClass: this._activeClass,\n      });\n\n      if (!activeClassChecks) {\n        this._errors.push(activeClassChecks.message);\n        check = false;\n      }\n    }\n\n    // Previous class checks.\n    if (this._previousClass !== \"\") {\n      const previousClassChecks = isValidClassList({\n        previousClass: this._previousClass,\n      });\n\n      if (!previousClassChecks) {\n        this._errors.push(previousClassChecks.message);\n        check = false;\n      }\n    }\n\n    // Next class checks.\n    if (this._nextClass !== \"\") {\n      const nextClassChecks = isValidClassList({\n        nextClass: this._nextClass,\n      });\n\n      if (!nextClassChecks) {\n        this._errors.push(nextClassChecks.message);\n        check = false;\n      }\n    }\n\n    // Play class checks.\n    if (this._playClass !== \"\") {\n      const playClassChecks = isValidClassList({\n        playClass: this._playClass,\n      });\n\n      if (!playClassChecks) {\n        this._errors.push(playClassChecks.message);\n        check = false;\n      }\n    }\n\n    // Pause class checks.\n    if (this._pauseClass !== \"\") {\n      const pauseClassChecks = isValidClassList({\n        pauseClass: this._pauseClass,\n      });\n\n      if (!pauseClassChecks) {\n        this._errors.push(pauseClassChecks.message);\n        check = false;\n      }\n    }\n\n    // Play text checks.\n    if (this._playText !== \"\") {\n      const playTextChecks = isValidType(\"string\", {\n        playText: this._playText,\n      });\n\n      if (!playTextChecks) {\n        this._errors.push(playTextChecks.message);\n        check = false;\n      }\n    }\n\n    // Pause text checks.\n    if (this._pauseText !== \"\") {\n      const pauseTextChecks = isValidType(\"string\", {\n        pauseText: this._pauseText,\n      });\n\n      if (!pauseTextChecks) {\n        this._errors.push(pauseTextChecks.message);\n        check = false;\n      }\n    }\n\n    // Prefix checks.\n    const prefixChecks = isValidType(\"string\", { prefix: this._prefix });\n\n    if (!prefixChecks) {\n      this._errors.push(prefixChecks.message);\n      check = false;\n    }\n\n    return check;\n  }\n\n  /**\n   * Sets DOM elements within the carousel.\n   *\n   * The carousel element _cannot_ be set through this method.\n   *\n   * @protected\n   *\n   * @param {string}      elementType                - The type of element to populate.\n   * @param {HTMLElement} [base = this.dom.carousel] - The element used as the base for the querySelector.\n   * @param {boolean}     [overwrite = true]         - A flag to set if the existing elements will be overwritten.\n   */\n  _setDOMElementType(elementType, base = this.dom.carousel, overwrite = true) {\n    if (typeof this.selectors[elementType] === \"string\") {\n      if (elementType === \"carousel\") {\n        throw new Error(\n          `Graupl Carousel: \"${elementType}\" element cannot be set through _setDOMElementType.`\n        );\n      }\n\n      if (base !== this.dom.carousel) isValidInstance(HTMLElement, { base });\n\n      if (Array.isArray(this._dom[elementType])) {\n        // Get all the elements matching the selector in the base.\n        const domElements = Array.from(\n          base.querySelectorAll(this.selectors[elementType])\n        );\n\n        // Filter the elements so only direct children of the base are kept.\n        const filteredElements = domElements.filter(\n          (item) => item.parentElement === base\n        );\n\n        if (overwrite) {\n          this._dom[elementType] = filteredElements;\n        } else {\n          this._dom[elementType] = [\n            ...this._dom[elementType],\n            ...filteredElements,\n          ];\n        }\n      } else {\n        // Get the single element matching the selector in the base.\n        const domElement = base.querySelector(this.selectors[elementType]);\n\n        // Ensure the element is a direct child of the base.\n        if (domElement && domElement.parentElement !== base) {\n          return;\n        }\n\n        if (overwrite) {\n          this._dom[elementType] = domElement;\n        }\n      }\n    } else {\n      throw new Error(\n        `Graupl Carousel: \"${elementType}\" is not a valid element type within the carousel.`\n      );\n    }\n  }\n\n  /**\n   * Resets DOM elements within the menu.\n   *\n   * The carousel element _cannot_ be reset through this method.\n   *\n   * @protected\n   *\n   * @param {string} elementType - The type of element to clear.\n   */\n  _resetDOMElementType(elementType) {\n    if (typeof this.selectors[elementType] === \"string\") {\n      if (elementType === \"carousel\") {\n        throw new Error(\n          `Graupl Carousel: \"${elementType}\" element cannot be reset through _resetDOMElementType.`\n        );\n      }\n\n      if (Array.isArray(this._dom[elementType])) {\n        this._dom[elementType] = [];\n      } else {\n        this._dom[elementType] = null;\n      }\n    } else {\n      throw new Error(\n        `Graupl Carousel: \"${elementType}\" is not a valid element type within the carousel.`\n      );\n    }\n  }\n\n  /**\n   * Sets all DOM elements within the carousel.\n   *\n   * Utilizes _setDOMElementType and _resetDOMElementType.\n   *\n   * @protected\n   */\n  _setDOMElements() {\n    this._setDOMElementType(\"carouselItemContainer\");\n    this._setDOMElementType(\"carouselControlContainer\");\n    this._setDOMElementType(\"carouselTabContainer\");\n\n    if (this.dom.carouselItemContainer) {\n      this._setDOMElementType(\"carouselItems\", this.dom.carouselItemContainer);\n    }\n    if (this.dom.carouselControlContainer) {\n      this._setDOMElementType(\n        \"carouselControls\",\n        this.dom.carouselControlContainer\n      );\n      this._setDOMElementType(\"autoplay\", this.dom.carouselControlContainer);\n      this._setDOMElementType(\"next\", this.dom.carouselControlContainer);\n      this._setDOMElementType(\"previous\", this.dom.carouselControlContainer);\n    }\n\n    if (this._dom.carouselTabContainer) {\n      this._setDOMElementType(\"carouselTabs\", this.dom.carouselTabContainer);\n    }\n  }\n\n  /**\n   * Generates a key for the carousel.\n   *\n   * @param {boolean} [regenerate = false] - A flag to determine if the key should be regenerated.\n   */\n  _generateKey(regenerate = false) {\n    if (this.key === \"\" || regenerate) {\n      this.key = Math.random()\n        .toString(36)\n        .replace(/[^a-z]+/g, \"\")\n        .substring(0, 10);\n    }\n  }\n\n  /**\n   * Sets the IDs of the carousel and it's children if they do not already exist.\n   *\n   * The generated IDs use the key and follow the format:\n   *  - carousel: `carousel-${key}`\n   *  - carousel items: `carousel-item-${key}-${index}`\n   *  - carousel tabs: `carousel-tab-${key}-${index}`\n   */\n  _setIds() {\n    this.dom.carousel.id = this.dom.carousel.id || `carousel-${this.key}`;\n\n    this.dom.carouselItems.forEach((item, index) => {\n      item.id = item.id || `carousel-item-${this.key}-${index}`;\n    });\n\n    this.dom.carouselTabs.forEach((tab, index) => {\n      tab.id = tab.id || `carousel-tab-${this.key}-${index}`;\n    });\n  }\n\n  /**\n   * Sets the aria attributes for the carousel.\n   */\n  _setAriaAttributes() {\n    // Make sure the carousel has a proper role.\n    // Sections and role=\"region\" are acceptable in certain cases, so\n    // we only need to fallback to role=\"group\" if neither of those are present.\n    if (\n      !isTag(\"section\", { carousel: this.dom.carousel }) &&\n      !this.dom.carousel.getAttribute(\"role\") !== \"region\"\n    ) {\n      this.dom.carousel.setAttribute(\"role\", \"group\");\n    }\n\n    // Set the role description for the carousel.\n    this._dom.carousel.setAttribute(\"aria-roledescription\", \"carousel\");\n\n    if (this.dom.carouselTabContainer) {\n      this.dom.carouselTabContainer.setAttribute(\"role\", \"tablist\");\n    }\n\n    this.dom.carouselTabs.forEach((tab, index) => {\n      if (!isTag(\"button\", { tab: tab })) {\n        tab.setAttribute(\"role\", \"button\");\n      }\n\n      tab.setAttribute(\"aria-selected\", index === 0);\n      tab.setAttribute(\"aria-controls\", this.dom.carouselItems[index].id);\n    });\n  }\n\n  /**\n   * Sets the interval for autoplaying the carousel.\n   *\n   * @protected\n   */\n  _setInterval() {\n    this._clearInterval();\n\n    this._autoplayInterval = setInterval(() => {\n      this.activateNextItem();\n    }, this.transitionDelay);\n  }\n\n  /**\n   * Clears the interval for autoplaying the carousel.\n   *\n   * @protected\n   */\n  _clearInterval() {\n    clearInterval(this._autoplayInterval);\n  }\n\n  /**\n   * Handles the autoplay functionality of the carousel.\n   *\n   * - Adds the appropriate class to the autoplay button.\n   * - Removes the appropriate class from the autoplay button.\n   * - Sets the appropriate aria-label for the autoplay button.\n   * - Sets the appropriate aria-live for the carousel.\n   * - Sets/clears the interval for autoplaying the carousel.\n   *\n   * @protected\n   */\n  _handleAutoplay() {\n    if (this.autoplay) {\n      addClass(this.pauseClass, this.dom.autoplay);\n      removeClass(this.playClass, this.dom.autoplay);\n\n      this.dom.autoplay.setAttribute(\"aria-label\", this.pauseText);\n      this.dom.carousel.setAttribute(\"aria-live\", \"off\");\n\n      this._setInterval();\n    } else {\n      addClass(this.playClass, this.dom.autoplay);\n      removeClass(this.pauseClass, this.dom.autoplay);\n\n      this.dom.autoplay.setAttribute(\"aria-label\", this.playText);\n      this.dom.carousel.setAttribute(\"aria-live\", \"polite\");\n\n      this._clearInterval();\n    }\n  }\n\n  /**\n   * Handles the focus events throughout the carousel for proper use.\n   *\n   * - Adds a `focusin` listener to the carousel element to pause autoplay.\n   * - Adds a `focusout` listener to the carousel element to resume autoplay.\n   */\n  _handleFocus() {\n    // Pause autoplay when anything in the carousel is focused.\n    this.dom.carousel.addEventListener(\"focusin\", () => {\n      if (this.autoplay) {\n        this._clearInterval();\n      }\n    });\n\n    this.dom.carousel.addEventListener(\"focusout\", () => {\n      if (this.autoplay) {\n        this._setInterval();\n      }\n    });\n  }\n\n  /**\n   * Handles the click events throughout the carousel.\n   *\n   * - Adds a `pointerup` listener to the next control to activate the next item.\n   * - Adds a `pointerup` listener to the previous control to activate the previous item.\n   * - Adds a `pointerup` listener to the autoplay control to toggle autoplay.\n   * - Adds a `pointerup` listener to each tab control to activate the corresponding item.\n   */\n  _handleClick() {\n    this.dom.next.addEventListener(\"pointerup\", () => {\n      this.activateNextItem();\n    });\n\n    this.dom.previous.addEventListener(\"pointerup\", () => {\n      this.activatePreviousItem();\n    });\n\n    this.dom.autoplay.addEventListener(\"pointerup\", () => {\n      this.toggleAutoplay();\n    });\n\n    this.dom.carouselTabs.forEach((tab, index) => {\n      tab.addEventListener(\"pointerup\", () => {\n        if (this.currentItem > index) {\n          this._currentAction = \"previous\";\n        } else {\n          this._currentAction = \"next\";\n        }\n\n        this.activateItem(index);\n      });\n    });\n  }\n\n  /**\n   * Handles the hover events throughout the carousel for proper use.\n   *\n   * - Adds a `pointerover` listener to the carousel to pause autoplay.\n   * - Adds a `pointerleave` listener to the carousel to resume autoplay.\n   */\n  _handleHover() {\n    // Pause autoplay when anything in the carousel is hovered.\n    this.dom.carousel.addEventListener(\"pointerover\", () => {\n      if (this.autoplay) {\n        this._clearInterval();\n      }\n    });\n\n    this.dom.carousel.addEventListener(\"pointerleave\", () => {\n      if (this.autoplay) {\n        this._setInterval();\n      }\n    });\n  }\n\n  /**\n   * Handles keydown events throughout the carousel item for proper use.\n   *\n   * - Adds a `keydown` listener to all control elements.\n   *   - Prevents Space and Enter key events.\n   * - Adds a `keydown` listener to all tab elements.\n   *   - Prevents Space and Enter key events.\n   */\n  _handleKeydown() {\n    this.dom.carouselControls.forEach((control) => {\n      control.addEventListener(\"keydown\", (event) => {\n        const key = keyPress(event);\n\n        switch (key) {\n          case \"Space\":\n          case \"Enter\":\n            // Prevent the default action of the event.\n            preventEvent(event);\n\n            break;\n        }\n      });\n    });\n\n    this.dom.carouselTabs.forEach((tab) => {\n      tab.addEventListener(\"keydown\", (event) => {\n        const key = keyPress(event);\n\n        switch (key) {\n          case \"Space\":\n          case \"Enter\":\n            // Prevent the default action of the event.\n            preventEvent(event);\n\n            break;\n        }\n      });\n    });\n  }\n\n  /**\n   * Handles keyup events throughout the carousel item for proper use.\n   *\n   * - Adds a `keyup` listener to all control elements.\n   *   - Activates the next/previous item depending on which control is pressed.\n   *   - Toggles autoplay if the autoplay control is pressed.\n   *\n   */\n  _handleKeyup() {\n    // Activate the next item if the space or enter key on the next control.\n    this.dom.next.addEventListener(\"keyup\", (event) => {\n      const key = keyPress(event);\n\n      switch (key) {\n        case \"Space\":\n        case \"Enter\":\n          this.activateNextItem();\n\n          // Prevent the default action of the event.\n          preventEvent(event);\n\n          break;\n      }\n    });\n\n    // Activate the previous item if the space or enter key on the previous control.\n    this.dom.previous.addEventListener(\"keyup\", (event) => {\n      const key = keyPress(event);\n\n      switch (key) {\n        case \"Space\":\n        case \"Enter\":\n          this.activatePreviousItem();\n\n          // Prevent the default action of the event.\n          preventEvent(event);\n\n          break;\n      }\n    });\n\n    // Toggle autoplay if the space or enter key on the autoplay control.\n    this.dom.autoplay.addEventListener(\"keyup\", (event) => {\n      const key = keyPress(event);\n\n      switch (key) {\n        case \"Space\":\n        case \"Enter\":\n          this.toggleAutoplay();\n\n          // Prevent the default action of the event.\n          preventEvent(event);\n\n          break;\n      }\n    });\n\n    // Activate the item if the space or enter key on the tab control.\n    this.dom.carouselTabs.forEach((tab, index) => {\n      tab.addEventListener(\"keyup\", (event) => {\n        const key = keyPress(event);\n\n        switch (key) {\n          case \"Space\":\n          case \"Enter\":\n            this.activateItem(index);\n\n            // Prevent the default action of the event.\n            preventEvent(event);\n\n            break;\n        }\n      });\n    });\n  }\n\n  /**\n   * Sets the transition duration for the carousel as a CSS custom property.\n   *\n   * The custom property is set as `--graupl-carousel-transition-duration`.\n   *\n   * @protected\n   */\n  _setTransitionDuration() {\n    this.dom.carousel.style.setProperty(\n      `--${this.prefix}carousel-transition-duration`,\n      `${this.transitionDuration}ms`\n    );\n  }\n\n  /**\n   * Activates the current carousel item.\n   *\n   * @public\n   */\n  activateCurrentItem() {\n    addClass(this.activeClass, this.currentCarouselItem);\n\n    if (this.currentCarouselTab) {\n      this.currentCarouselTab.setAttribute(\"aria-selected\", true);\n      addClass(this.activeClass, this.currentCarouselTab);\n    }\n  }\n\n  /**\n   * Deactivates the current carousel item.\n   *\n   * @public\n   */\n  deactivateCurrentItem() {\n    removeClass(this.activeClass, this.currentCarouselItem);\n\n    if (this.currentCarouselTab) {\n      this.currentCarouselTab.setAttribute(\"aria-selected\", false);\n      removeClass(this.activeClass, this.currentCarouselTab);\n    }\n  }\n\n  /**\n   * Activates the carousel item at a given index.\n   *\n   * @public\n   *\n   * @param {number} index - The index of the carousel item to activate.\n   */\n  activateItem(index) {\n    const currentIndex = this.currentItem;\n\n    this.dom.carousel.dataset.grauplAction = this._currentAction;\n\n    if (this.autoplay) {\n      this._clearInterval();\n    }\n\n    addClass(this.previousClass, this.currentCarouselItem);\n    addClass(this.nextClass, this.dom.carouselItems[index]);\n\n    requestAnimationFrame(() => {\n      this.deactivateCurrentItem();\n      this.currentItem = index;\n      this.activateCurrentItem();\n\n      requestAnimationFrame(() => {\n        setTimeout(() => {\n          removeClass(this.previousClass, this.dom.carouselItems[currentIndex]);\n          removeClass(this.nextClass, this.currentCarouselItem);\n        }, this.transitionDuration);\n      });\n    });\n\n    if (this.autoplay) {\n      this._setInterval();\n    }\n  }\n\n  /**\n   * Activates the first carousel item.\n   *\n   * @public\n   */\n  activateFirstItem() {\n    this.activateItem(0);\n  }\n\n  /**\n   * Activates the last carousel item.\n   *\n   * @public\n   */\n  activateLastItem() {\n    this.activateItem(this.dom.carouselItems.length - 1);\n  }\n\n  /**\n   * Activates the next carousel item.\n   *\n   * @public\n   */\n  activateNextItem() {\n    this._currentAction = \"next\";\n\n    if (this.currentItem + 1 >= this.dom.carouselItems.length) {\n      this.activateFirstItem();\n    } else {\n      this.activateItem(this.currentItem + 1);\n    }\n  }\n\n  /**\n   * Activates the previous carousel item.\n   *\n   * @public\n   */\n  activatePreviousItem() {\n    this._currentAction = \"previous\";\n\n    if (this.currentItem - 1 < 0) {\n      this.activateLastItem();\n    } else {\n      this.activateItem(this.currentItem - 1);\n    }\n  }\n\n  /**\n   * Toggles autoplay on the carousel.\n   *\n   * @public\n   */\n  toggleAutoplay() {\n    this.autoplay = !this.autoplay;\n\n    this._handleAutoplay();\n  }\n}\n\nexport default Carousel;\n","/**\n * Mark DOM elements as processed to prevent multiple initializations.\n *\n * @module @drupal/once\n *\n * @example <!-- Use as a module -->\n * <script type=\"module\">\n *   import once from 'https://unpkg.com/@drupal/once/src/once.js';\n *   const elements = once('my-once-id', 'div');\n *   // Initialize elements.\n *   elements.forEach(el => el.innerHTML = 'processed');\n * </script>\n *\n * @example <!-- Use as a regular script -->\n * <script src=\"https://unpkg.com/@drupal/once\"></script>\n * <script>\n *   const elements = once('my-once-id', 'div');\n *   // Initialize elements.\n *   elements.forEach(el => el.innerHTML = 'processed');\n * </script>\n * @example <!-- Using a single element as input-->\n * <script src=\"https://unpkg.com/@drupal/once\"></script>\n * <script>\n *   // once methods always return an array, to simplify the use with a single\n *   // element use destructuring or the shift method.\n *   const [myElement] = once('my-once-id', document.body);\n *   const myElement = once('my-once-id', document.body).shift();\n * </script>\n */\n\n/**\n * Illegal spaces in ids.\n *\n * @private\n *\n * @type {RegExp}\n */\nconst wsRE = /[\\11\\12\\14\\15\\40]+/;\n\n/**\n * Name of the HTML attribute containing an element's once ids.\n *\n * @private\n *\n * @type {string}\n */\nconst attrName = 'data-once';\n\n/**\n * Shortcut to access the html element.\n *\n * @private\n *\n * @type {HTMLElement}\n */\nconst doc = document;\n\n/**\n * Helper to access element attributes.\n *\n * @private\n *\n * @param {Element} element\n *   The Element to access the data-once attribute from.\n * @param {string} op\n *   The action to take on the element.\n * @param {string} [value]\n *   Optional value for setAttribute.\n *\n * @return {string|undefined|null|boolean}\n *   Result of the attribute method.\n */\nfunction attr(element, op, value) {\n  return element[`${op}Attribute`](attrName, value);\n}\n\n/**\n * Return the attribute selector.\n *\n * @private\n *\n * @param {string} id\n *   The id passed by a call to a once() function.\n *\n * @return {string}\n *   The full CSS attribute selector.\n *\n * @throws {TypeError|RangeError}\n */\nfunction attrSelector(id) {\n  // Verify the validity of the once id.\n  if (typeof id !== 'string') {\n    throw new TypeError('once ID must be a string');\n  }\n  if (id === '' || wsRE.test(id)) {\n    throw new RangeError('once ID must not be empty or contain spaces');\n  }\n  // The id is valid, return the full CSS selector.\n  return `[${attrName}~=\"${id}\"]`;\n}\n\n/**\n * Verifies that an item is an instance of Element.\n *\n * This function is used during filtering to ensure only DOM elements are\n * processed. once() makes use of get/setAttribute, which are methods\n * inherited from the Element object, so only of Element can be used.\n *\n * @private\n *\n * @param {*} itemToCheck\n *   The item to check.\n *\n * @return {boolean}\n *   True if the item is an instance of Element\n *\n * @throws {TypeError}\n */\nfunction checkElement(itemToCheck) {\n  if (!(itemToCheck instanceof Element)) {\n    throw new TypeError('The element must be an instance of Element');\n  }\n  return true;\n}\n\n/**\n * Process arguments, query the DOM if necessary.\n *\n * @private\n *\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements.\n * @param {Document|DocumentFragment|Element} [context=document]\n *   An element or document object to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   An array with the processed Id and the list of elements to process.\n */\nfunction getElements(selector, context = doc) {\n  // Assume selector is an array-like value.\n  let elements = selector;\n\n  // If selector is null it is most likely because of a call to querySelector\n  // that didn't return a result.\n  if (selector === null) {\n    elements = [];\n  }\n  // The selector is undefined, error out.\n  else if (!selector) {\n    throw new TypeError('Selector must not be empty');\n  }\n  // Context doesn't implement querySelectorAll, error out.\n  else if (\n    !(\n      context instanceof Document ||\n      context instanceof DocumentFragment ||\n      context instanceof Element\n    )\n  ) {\n    throw new TypeError(\n      'Context must be an object of type \"Document\", \"DocumentFragment\", or \"Element\".',\n    );\n  }\n  // This is a selector, query the elements.\n  else if (typeof selector === 'string') {\n    elements = context.querySelectorAll(selector);\n  }\n  // This is a single element.\n  else if (selector instanceof Element) {\n    elements = [selector];\n  }\n\n  // Make sure an array is returned and not a NodeList or an Array-like object.\n  return Array.prototype.slice.call(elements);\n}\n\n/**\n * A helper for applying DOM changes to a filtered set of elements.\n *\n * This makes it possible to filter items that are not instances of Element,\n * then modify their DOM attributes in a single array traversal.\n *\n * @private\n *\n * @param {string} selector\n *   A CSS selector to check against to each element in the array.\n * @param {Array.<Element>} elements\n *   A NodeList or array of elements passed by a call to a once() function.\n * @param {function} [apply]\n *   An optional function to apply on all matched elements.\n *\n * @return {Array.<Element>}\n *   The array of elements that match the CSS selector.\n */\nfunction filterAndModify(selector, elements, apply) {\n  return elements.filter((element) => {\n    const selected = checkElement(element) && element.matches(selector);\n    if (selected && apply) {\n      apply(element);\n    }\n    return selected;\n  });\n}\n\n/**\n * Add or remove an item from a list of once values.\n *\n * This function removes duplicates while adding or removing a once id in a\n * single array traversal.\n *\n * @private\n *\n * @param {Element} element\n *   A space separated string of once ids from a data-drupal-once attribute.\n * @param {string} [add]\n *   The once id to add to the list of values.\n * @param {string} [remove]\n *   The once id to remove from the list of values.\n *\n * @return {undefined}\n *   Nothing to return this is a callback in a foreach.\n */\nfunction updateAttribute(element, { add, remove }) {\n  const result = [];\n  if (attr(element, 'has')) {\n    attr(element, 'get')\n      .trim()\n      .split(wsRE)\n      .forEach((item) => {\n        if (result.indexOf(item) < 0 && item !== remove) {\n          result.push(item);\n        }\n      });\n  }\n  if (add) {\n    result.push(add);\n  }\n  const attribute = result.join(' ');\n  attr(element, attribute === '' ? 'remove' : 'set', attribute);\n}\n\n/**\n * Ensures a JavaScript callback is only executed once on a set of elements.\n *\n * Filters a NodeList or array of elements, removing those already processed\n * by a callback with a given id.\n * This method adds a `data-once` attribute on DOM elements. The value of\n * this attribute identifies if a given callback has been executed on that\n * element.\n *\n * @global\n *\n * @example <caption>Basic usage</caption>\n * const elements = once('my-once-id', '[data-myelement]');\n * @example <caption>Input parameters accepted</caption>\n * // NodeList.\n * once('my-once-id', document.querySelectorAll('[data-myelement]'));\n * // Array or Array-like of Element.\n * once('my-once-id', jQuery('[data-myelement]'));\n * // A CSS selector without a context.\n * once('my-once-id', '[data-myelement]');\n * // A CSS selector with a context.\n * once('my-once-id', '[data-myelement]', document.head);\n * // Single Element.\n * once('my-once-id', document.querySelector('#some-id'));\n * @example <caption>Using a single element</caption>\n * // Once always returns an array, even when passing a single element. Some\n * // forms that can be used to keep code readable.\n * // Destructuring:\n * const [myElement] = once('my-once-id', document.body);\n * // By changing the resulting array, es5 compatible.\n * const myElement = once('my-once-id', document.body).shift();\n *\n * @param {string} id\n *   The id of the once call.\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements.\n * @param {Document|DocumentFragment|Element} [context=document]\n *   An element or document object to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   An array of elements that have not yet been processed by a once call\n *   with a given id.\n */\nfunction once(id, selector, context) {\n  return filterAndModify(\n    `:not(${attrSelector(id)})`,\n    getElements(selector, context),\n    (element) => updateAttribute(element, { add: id }),\n  );\n}\n\n/**\n * Removes a once id from an element's data-drupal-once attribute value.\n *\n * If a once id is removed from an element's data-drupal-once attribute value,\n * the JavaScript callback associated with that id can be executed on that\n * element again.\n *\n * @method once.remove\n *\n * @example <caption>Basic usage</caption>\n * const elements = once.remove('my-once-id', '[data-myelement]');\n * @example <caption>Input parameters accepted</caption>\n * // NodeList.\n * once.remove('my-once-id', document.querySelectorAll('[data-myelement]'));\n * // Array or Array-like of Element.\n * once.remove('my-once-id', jQuery('[data-myelement]'));\n * // A CSS selector without a context.\n * once.remove('my-once-id', '[data-myelement]');\n * // A CSS selector with a context.\n * once.remove('my-once-id', '[data-myelement]', document.head);\n * // Single Element.\n * once.remove('my-once-id', document.querySelector('#some-id'));\n *\n * @param {string} id\n *   The id of a once call.\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements to remove the once id from.\n * @param {Document|Element} [context=document]\n *   An element to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   A filtered array of elements that had been processed by the provided id,\n *   and are now able to be processed again.\n */\nonce.remove = (id, selector, context) => {\n  return filterAndModify(\n    attrSelector(id),\n    getElements(selector, context),\n    (element) => updateAttribute(element, { remove: id }),\n  );\n};\n\n/**\n * Finds elements that have been processed by a given once id.\n *\n * Behaves like {@link once} and {@link once.remove} without changing the DOM.\n * To select all DOM nodes processed by a given id, use {@link once.find}.\n *\n * @method once.filter\n *\n * @example <caption>Basic usage</caption>\n * const filteredElements = once.filter('my-once-id', '[data-myelement]');\n * @example <caption>Input parameters accepted</caption>\n * // NodeList.\n * once.filter('my-once-id', document.querySelectorAll('[data-myelement]'));\n * // Array or Array-like of Element.\n * once.filter('my-once-id', jQuery('[data-myelement]'));\n * // A CSS selector without a context.\n * once.filter('my-once-id', '[data-myelement]');\n * // A CSS selector with a context.\n * once.filter('my-once-id', '[data-myelement]', document.head);\n * // Single Element.\n * once.filter('my-once-id', document.querySelector('#some-id'));\n *\n * @param {string} id\n *   The id of the once call.\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements to remove the once id from.\n * @param {Document|Element} [context=document]\n *   An element to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   A filtered array of elements that have already been processed by the\n *   provided once id.\n */\nonce.filter = (id, selector, context) =>\n  filterAndModify(attrSelector(id), getElements(selector, context));\n\n/**\n * Finds elements that have been processed by a given once id.\n *\n * Query the 'context' element for elements that already have the\n * corresponding once id value.\n *\n * @method once.find\n *\n * @example <caption>Basic usage</caption>\n * const oncedElements = once.find('my-once-id');\n * @example <caption>Input parameters accepted</caption>\n * // Call without parameters, return all elements with a `data-once` attribute.\n * once.find();\n * // Call without a context.\n * once.find('my-once-id');\n * // Call with a context.\n * once.find('my-once-id', document.head);\n *\n * @param {string} [id]\n *   The id of the once call.\n * @param {Document|DocumentFragment|Element} [context=document]\n *   Scope of the search for matching elements.\n *\n * @return {Array.<Element>}\n *   A filtered array of elements that have already been processed by the\n *   provided once id.\n */\nonce.find = (id, context) =>\n  getElements(!id ? `[${attrName}]` : attrSelector(id), context);\n\nexport default once;\n","import Carousel from \"./Carousel.js\";\nimport once from \"@drupal/once\";\n\nconst generate = (\n  options = {},\n  context = document,\n  carouselSelector = \".carousel\"\n) => {\n  once(\"graupl-carousel-generator\", carouselSelector, context).forEach(\n    (carouselElement) => {\n      const carouselOptions = carouselElement.dataset.grauplCarouselOptions\n        ? JSON.parse(\n            carouselElement.dataset.grauplCarouselOptions.replace(/'/g, '\"')\n          ) || {}\n        : {};\n\n      new Carousel({\n        carouselElement,\n        initialize: true,\n        ...options,\n        ...carouselOptions,\n      });\n    }\n  );\n};\n\nexport default generate;\n"],"x_google_ignoreList":[5],"mappings":"kCAMA,SAAgBmG,EAASlG,EAAWwQ,EAAS,CAEvCxQ,IAAc,IAAMA,EAAU4L,SAAW,IAIzC,OAAO5L,GAAc,SACvBwQ,EAAQrQ,UAAUiS,IAAIpS,CAAAA,EAEtBwQ,EAAQrQ,UAAUiS,IAAI,GAAGpS,CAAAA,GAU7B,SAAgBmG,EAAYnG,EAAWwQ,EAAS,CAE1CxQ,IAAc,IAAMA,EAAU4L,SAAW,IAIzC,OAAO5L,GAAc,SACvBwQ,EAAQrQ,UAAUkS,OAAOrS,CAAAA,EAEzBwQ,EAAQrQ,UAAUkS,OAAO,GAAGrS,CAAAA,GC5BhC,SAAgBqG,EAASmJ,EAAO,CAC9B,GAAI,CAEF,MAAM1F,EAAM0F,EAAM1F,KAAO0F,EAAM5N,QACzBC,EAAO,CACXC,MAAOgI,IAAQ,SAAWA,IAAQ,GAClC/H,MAAO+H,IAAQ,KAAOA,IAAQ,YAAcA,IAAQ,GACpD9H,OAAQ8H,IAAQ,UAAYA,IAAQ,OAASA,IAAQ,GACrD7H,QAAS6H,IAAQ,WAAaA,IAAQ,MAAQA,IAAQ,GACtD5H,WAAY4H,IAAQ,cAAgBA,IAAQ,SAAWA,IAAQ,GAC/D3H,UAAW2H,IAAQ,aAAeA,IAAQ,QAAUA,IAAQ,GAC5D1H,UAAW0H,IAAQ,aAAeA,IAAQ,QAAUA,IAAQ,GAC5DzH,KAAMyH,IAAQ,QAAUA,IAAQ,GAChCxH,IAAKwH,IAAQ,OAASA,IAAQ,GAC9BvH,IAAKuH,IAAQ,OAASA,IAAQ,GAGhC,OAAOtH,OAAOX,KAAKA,CAAAA,EAAMmR,KAAMlJ,GAAQjI,EAAKiI,CAAAA,IAAS,EAAA,GAAS,QACxD,CAEN,MAAO,IASX,SAAgB1D,EAAaoJ,EAAO,CAClCA,EAAM7M,eAAAA,EACN6M,EAAM5M,gBAAAA,ECtBR,SAAgB8D,EAAgB+B,EAAa6I,EAAU,CACrD,GAAI,CACF,GAAI,OAAOA,GAAa,SAAU,CAChC,MAAMtO,EAAe,OAAOsO,EAE5B,MAAM,IAAIT,UACR,qEAAqE7N,CAAAA,UAAY,EAIrF,UAAW8G,KAAOwH,EAChB,GAAI,EAAEA,EAASxH,CAAAA,YAAgBrB,GAAc,CAC3C,MAAMgF,EAAc,OAAO6D,EAASxH,CAAAA,EACpC,MAAM,IAAI+G,UACR,GAAG/G,CAAAA,2BAA8BrB,EAAYrF,IAAAA,MAAUqK,CAAAA,UAAW,EAKxE,MAAO,CACLpK,OAAQ,GACR+H,MAAO,YAEFA,EAAO,CACd,MAAO,CACL/H,OAAQ,GACR+H,MAAAA,IAoBN,SAAgBzE,EAAYrB,EAAM7B,EAAQ,CACxC,GAAI,CACF,GAAI,OAAOA,GAAW,SAAU,CAC9B,MAAMC,EAAa,OAAOD,EAE1B,MAAM,IAAIoN,UACR,+DAA+DnN,CAAAA,UAAU,EAI7E,UAAWoG,KAAOrG,EAAQ,CACxB,MAAME,EAAY,OAAOF,EAAOqG,CAAAA,EAEhC,GAAInG,IAAc2B,EAChB,MAAM,IAAIuL,UAAU,GAAG/G,CAAAA,cAAiBxE,CAAAA,MAAU3B,CAAAA,UAAS,EAI/D,MAAO,CACLN,OAAQ,GACR+H,MAAO,YAEFA,EAAO,CACd,MAAO,CACL/H,OAAQ,GACR+H,MAAAA,IAgBN,SAAgB7E,EAAgB9C,EAAQ,CACtC,GAAI,CACF,GAAI,OAAOA,GAAW,SAAU,CAC9B,MAAM6B,EAAO,OAAO7B,EAEpB,MAAM,IAAIoN,UACR,mEAAmEvL,CAAAA,UAAI,EAI3E,UAAWwE,KAAOrG,EAChB,GAAI,CACF,GAAIA,EAAOqG,CAAAA,IAAS,KAClB,MAAM,IAAIG,MAGZqJ,SAASlF,cAAc3K,EAAOqG,CAAAA,CAAAA,OACxB,CACN,MAAM,IAAI+G,UACR,GAAG/G,CAAAA,qCAAwCrG,EAAOqG,CAAAA,CAAAA,UAAI,EAK5D,MAAO,CACLzG,OAAQ,GACR+H,MAAO,YAEFA,EAAO,CACd,MAAO,CACL/H,OAAQ,GACR+H,MAAAA,IAgBN,SAAgB3E,EAAiBhD,EAAQ,CACvC,GAAI,CACF,GAAI,OAAOA,GAAW,UAAYiO,MAAM7D,QAAQpK,CAAAA,EAAS,CACvD,MAAM6B,EAAO,OAAO7B,EAEpB,MAAM,IAAIoN,UACR,oEAAoEvL,CAAAA,UAAI,EAI5E,UAAWwE,KAAOrG,EAAQ,CACxB,MAAM6B,EAAO,OAAO7B,EAAOqG,CAAAA,EAE3B,GAAIxE,IAAS,SACX,GAAIoM,MAAM7D,QAAQpK,EAAOqG,CAAAA,CAAAA,EACvBrG,EAAOqG,CAAAA,EAAK0J,QAAS9C,GAAU,CAC7B,GAAI,OAAOA,GAAU,SACnB,MAAM,IAAIG,UACR,GAAG/G,CAAAA,kFAAG,QAKZ,OAAM,IAAI+G,UACR,GAAG/G,CAAAA,8CAAiDxE,CAAAA,UAAI,MAGvD,CACL,MAAMjB,EAAM,CAAA,EACZA,EAAIyF,CAAAA,EAAOrG,EAAOqG,CAAAA,EAElBvD,EAAgBlC,CAAAA,GAIpB,MAAO,CACLhB,OAAQ,GACR+H,MAAO,YAEFA,EAAO,CACd,MAAO,CACL/H,OAAQ,GACR+H,MAAAA,IAgEN,SAAgB5E,EAAM7B,EAAS2M,EAAU,CACvC,GACE3K,EAAY,SAAU,CAAEhC,QAAAA,CAAAA,CAAS,EAAEtB,QACnCqD,EAAgB4F,YAAagF,CAAAA,EAAUjO,OACvC,CACA,MAAMwB,EAAMF,EAAQG,YAAAA,EACpB,IAAIsH,EAAQ,GAEZ,UAAWtC,KAAOwH,EACZA,EAASxH,CAAAA,EAAKnF,QAAQG,YAAAA,IAAkBD,IAAKuH,EAAQ,IAG3D,OAAOA,MAEP,OAAO,GCjQX,SAAgBpB,EAAkB1F,EAAO,KAAM,CAC7CC,OAAOC,OAASD,OAAOC,QAAU,CAAA,EAE7BmB,EAAY,SAAU,CAAErB,KAAAA,CAAAA,CAAM,IAChCC,OAAOC,OAAOF,CAAAA,EAAQC,OAAOC,OAAOF,CAAAA,GAAS,CAAA,GAUjD,SAAgBG,EAAWH,EAAO,KAAM,CACtC,OAAIqB,EAAY,SAAU,CAAErB,KAAAA,CAAAA,CAAM,EACzBC,OAAOC,OAAOF,CAAAA,EAGhBC,OAAOC,OAShB,SAAgBE,EAAWJ,EAAMK,EAAO,CAAA,EAAI,CACtCgB,EAAY,SAAU,CAAErB,KAAAA,CAAAA,CAAM,GAAKqB,EAAY,SAAU,CAAEhB,KAAAA,CAAAA,CAAM,IACnEJ,OAAOC,OAAOF,CAAAA,EAAQK,GAS1B,SAAgBC,EAAaN,EAAM,CAC7BqB,EAAY,SAAU,CAAErB,KAAAA,CAAAA,CAAM,IAChCC,OAAOC,OAAOF,CAAAA,EAAQ,CAAA,GAW1B,SAAgB2F,EAAc3F,EAAMwE,EAAK4G,EAAO,CAC1C/J,EAAY,SAAU,CAAErB,KAAAA,EAAMwE,IAAAA,EAAK,IACrCvE,OAAOC,OAAOF,CAAAA,EAAMwE,CAAAA,EAAO4G,GAW/B,SAAgB1K,EAAeV,EAAMwE,EAAK,CACxC,OAAInD,EAAY,SAAU,CAAErB,KAAAA,EAAMwE,IAAAA,EAAK,EAC9BvE,OAAOC,OAAOF,CAAAA,EAAMwE,CAAAA,EAGtB,KAST,SAAgB7D,EAAkBX,EAAMwE,EAAK,CACvCnD,EAAY,SAAU,CAAErB,KAAAA,EAAMwE,IAAAA,EAAK,GACrC,OAAOvE,OAAOC,OAAOF,CAAAA,EAAMwE,CAAAA,EAI/B,IAAA,EAAe,CACbkB,kBAAAA,EACAvF,WAAAA,EACAC,WAAAA,EACAE,aAAAA,EACAqF,cAAAA,EACAjF,eAAAA,EACAC,kBAAAA,GCxFIgN,EAAN,KAAe,CAmBbpM,KAAO,CACLC,SAAU,KACVC,cAAe,CAAA,EACfC,sBAAuB,KACvBC,iBAAkB,CAAA,EAClBC,yBAA0B,KAC1BC,aAAc,CAAA,EACdC,qBAAsB,KACtBC,SAAU,KACVC,KAAM,KACNC,SAAU,MAoBZC,WAAa,CACXT,cAAe,GACfC,sBAAuB,GACvBC,iBAAkB,GAClBC,yBAA0B,GAC1BC,aAAc,GACdC,qBAAsB,GACtBC,SAAU,GACVC,KAAM,GACNC,SAAU,IAUZE,aAAe,SASfC,eAAiB,WASjBC,WAAa,OASbC,WAAa,OASbC,YAAc,QASdC,aAAe,EASfC,UAAY,GASZC,iBAAmB,IASnBC,oBAAsB,IAStBC,UAAY,OASZC,WAAa,QASbC,eAAiB,OASjBC,kBAAoB,KASpBC,QAAU,UASVC,KAAO,GASPC,QAAU,CAAA,EA8BVC,YAAY,CACVgL,gBAAAA,EACA9K,qBAAAA,EAAuB,iBACvBC,8BAAAA,EAAgC,2BAChCC,wBAAAA,EAA0B,oBAC1BC,iCAAAA,EAAmC,8BACnCC,oBAAAA,EAAsB,gBACtBC,6BAAAA,EAA+B,0BAC/BC,iBAAAA,EAAmB,YACnBC,aAAAA,EAAe,QACfC,iBAAAA,EAAmB,YACnBC,YAAAA,EAAc,SACdC,cAAAA,EAAgB,WAChBC,UAAAA,EAAY,OACZC,UAAAA,EAAY,OACZC,WAAAA,EAAa,QACbnC,SAAAA,EAAW,GACXoC,gBAAAA,EAAkB,IAClBC,mBAAAA,EAAqB,IACrBC,SAAAA,EAAW,OACXC,UAAAA,EAAY,QACZC,OAAAA,EAAS,UACTC,IAAAA,EAAM,KACNkK,WAAAA,EAAa,EAAA,EACZ,CAED,KAAKnN,KAAKC,SAAW2M,EAGrB,KAAKjM,WAAWT,cAAgB4B,EAChC,KAAKnB,WAAWR,sBAAwB4B,EACxC,KAAKpB,WAAWP,iBAAmB4B,EACnC,KAAKrB,WAAWN,yBAA2B4B,EAC3C,KAAKtB,WAAWL,aAAe4B,EAC/B,KAAKvB,WAAWJ,qBAAuB4B,EACvC,KAAKxB,WAAWH,SAAW4B,EAC3B,KAAKzB,WAAWF,KAAO4B,EACvB,KAAK1B,WAAWD,SAAW4B,EAG3B,KAAK1B,aAAe2B,GAAe,GACnC,KAAK1B,eAAiB2B,GAAiB,GACvC,KAAK1B,WAAa2B,GAAa,GAC/B,KAAK1B,WAAa2B,GAAa,GAC/B,KAAK1B,YAAc2B,GAAc,GAGjC,KAAKzB,UAAYV,EAGjB,KAAKW,iBAAmByB,EACxB,KAAKxB,oBAAsByB,EAG3B,KAAKxB,UAAYyB,GAAY,GAC7B,KAAKxB,WAAayB,GAAa,GAG/B,KAAKtB,QAAUuB,GAAU,GAGzB,KAAKtB,KAAOuB,GAAO,GAEfkK,GACF,KAAKA,WAAAA,EAOTA,YAAa,CACX,GAAI,CACF,GAAI,CAAC,KAAKhK,UAAAA,EACR,MAAM,IAAIC,MACR;AAAA,KAA0F,KAAKC,OAAO4I,KACpG;AAAA,IAAA,CACD,EAAA,EAKL,KAAK1I,aAAAA,EACL,KAAKC,gBAAAA,EACL,KAAKC,QAAAA,EACL,KAAKC,mBAAAA,EAGL,KAAKC,kBAAAA,EAGL,KAAKC,gBAAAA,EACL,KAAKC,aAAAA,EACL,KAAKC,aAAAA,EACL,KAAKC,aAAAA,EACL,KAAKC,eAAAA,EACL,KAAKC,aAAAA,EAGL,KAAKC,uBAAAA,EAGLzE,EAAQ0E,kBAAkB,WAAA,EAC1B1E,EAAQ2E,cAAc,YAAa,KAAKC,IAAIpE,SAAS8J,GAAI,IAAA,QAClDxF,EAAO,CACdC,QAAQD,MAAMA,CAAAA,GAalB,IAAIF,KAAM,CACR,OAAO,KAAKrE,KAYd,IAAIyE,WAAY,CACd,OAAO,KAAK9D,WAUd,IAAI4B,aAAc,CAChB,OAAO,KAAK3B,aAUd,IAAI4B,eAAgB,CAClB,OAAO,KAAK3B,eAUd,IAAI4B,WAAY,CACd,OAAO,KAAK3B,WAUd,IAAI4B,WAAY,CACd,OAAO,KAAK3B,WAUd,IAAI4B,YAAa,CACf,OAAO,KAAK3B,YAUd,IAAI0D,aAAc,CAChB,OAAO,KAAKzD,aAUd,IAAI0D,qBAAsB,CACxB,OAAO,KAAKN,IAAInE,cAAc,KAAKwE,WAAAA,EAUrC,IAAIE,oBAAqB,CACvB,OAAO,KAAKP,IAAI/D,aAAa,KAAKoE,WAAAA,EAUpC,IAAIlE,UAAW,CACb,OAAO,KAAKU,UAUd,IAAI0B,iBAAkB,CACpB,OAAO,KAAKzB,iBAUd,IAAI0B,oBAAqB,CACvB,OAAO,KAAKzB,oBAUd,IAAI0B,UAAW,CACb,OAAO,KAAKzB,UAUd,IAAI0B,WAAY,CACd,OAAO,KAAKzB,WAUd,IAAI0B,QAAS,CACX,OAAO,KAAKvB,QAUd,IAAIwB,KAAM,CACR,OAAO,KAAKvB,KAUd,IAAImD,eAAgB,CAClB,OAAO,KAAKtD,eAYd,IAAI8B,QAAS,CACX,OAAO,KAAK1B,QAGd,IAAI+C,YAAYmF,EAAO,CACrB/J,EAAY,SAAU,CAAE+J,MAAAA,CAAAA,CAAO,EAE3BA,IAAU,KAAKnF,cAIfmF,EAAQ,EACV,KAAK5I,aAAe,EACX4I,GAAS,KAAKxF,IAAInE,cAAc6E,OACzC,KAAK9D,aAAe,KAAKoD,IAAInE,cAAc6E,OAAS,EAEpD,KAAK9D,aAAe4I,EAIT,KAAK7J,KAAKC,SAAS2K,iBAC9B,KAAKnG,UAAUS,WAAAA,GAGf,KAAKb,IAAInE,cAAcyM,QAAAA,CAASd,EAAMxG,IAAU,CAC9CwG,EAAKvG,aAAa,gBAAiBD,IAAU,KAAKpE,YAAAA,KAKxD,IAAIT,SAASqJ,EAAO,CAClB/J,EAAY,UAAW,CAAE+J,MAAAA,CAAAA,CAAO,EAE5B,KAAK3I,YAAc2I,IACrB,KAAK3I,UAAY2I,GAIrB,IAAItH,YAAYsH,EAAO,CACrBjK,EAAiB,CAAE2C,YAAasH,CAAAA,CAAO,EAEnC,KAAKjJ,eAAiBiJ,IACxB,KAAKjJ,aAAeiJ,GAIxB,IAAIrH,cAAcqH,EAAO,CACvBjK,EAAiB,CAAE4C,cAAeqH,CAAAA,CAAO,EAErC,KAAKhJ,iBAAmBgJ,IAC1B,KAAKhJ,eAAiBgJ,GAI1B,IAAIpH,UAAUoH,EAAO,CACnBjK,EAAiB,CAAE6C,UAAWoH,CAAAA,CAAO,EAEjC,KAAK/I,aAAe+I,IACtB,KAAK/I,WAAa+I,GAItB,IAAInH,UAAUmH,EAAO,CACnBjK,EAAiB,CAAE8C,UAAWmH,CAAAA,CAAO,EAEjC,KAAK9I,aAAe8I,IACtB,KAAK9I,WAAa8I,GAItB,IAAIlH,WAAWkH,EAAO,CACpBjK,EAAiB,CAAE+C,WAAYkH,CAAAA,CAAO,EAElC,KAAK7I,cAAgB6I,IACvB,KAAK7I,YAAc6I,GAIvB,IAAIjH,gBAAgBiH,EAAO,CACzB/J,EAAY,SAAU,CAAE+J,MAAAA,CAAAA,CAAO,EAE3BA,IAAU,KAAKjH,iBAAmBiH,GAAS,IAC7C,KAAK5I,aAAe4I,GAIxB,IAAIhH,mBAAmBgH,EAAO,CAC5B/J,EAAY,SAAU,CAAE+J,MAAAA,CAAAA,CAAO,EAE3B,KAAKzI,sBAAwByI,GAASA,GAAS,IACjD,KAAKzI,oBAAsByI,EAC3B,KAAK3F,uBAAAA,GAIT,IAAIpB,SAAS+G,EAAO,CAClB/J,EAAY,SAAU,CAAE+J,MAAAA,CAAAA,CAAO,EAE3B,KAAKxI,YAAcwI,IACrB,KAAKxI,UAAYwI,GAIrB,IAAI9G,UAAU8G,EAAO,CACnB/J,EAAY,SAAU,CAAE+J,MAAAA,CAAAA,CAAO,EAE3B,KAAKvI,aAAeuI,IACtB,KAAKvI,WAAauI,GAItB,IAAI7G,OAAO6G,EAAO,CAChB/J,EAAY,SAAU,CAAE+J,MAAAA,CAAAA,CAAO,EAE3B,KAAKpI,UAAYoI,IACnB,KAAKpI,QAAUoI,GAInB,IAAI5G,IAAI4G,EAAO,CACb/J,EAAY,SAAU,CAAE+J,MAAAA,CAAAA,CAAO,EAE3B,KAAKnI,OAASmI,IAChB,KAAKnI,KAAOmI,GAWhB1G,WAAY,CACV,IAAIoC,EAAQ,GAGZ,MAAMC,EAAoB3F,EAAgB4F,YAAa,CACrDxF,SAAU,KAAKoE,IAAIpE,QAAAA,CACpB,EAEIuF,IACH,KAAK7D,QAAQoK,KAAKvG,EAAkBG,OAAAA,EACpCJ,EAAQ,IAIV,MAAMK,EAAsBlG,EAAgB,CAC1CmG,sBAAuB,KAAKlF,WAAWT,cACvC6B,8BAA+B,KAAKpB,WAAWR,sBAC/C2F,yBAA0B,KAAKnF,WAAWP,iBAC1C6B,iCACE,KAAKtB,WAAWN,yBAClB0F,qBAAsB,KAAKpF,WAAWL,aACtC6B,6BAA8B,KAAKxB,WAAWJ,qBAC9C6B,iBAAkB,KAAKzB,WAAWH,SAClC6B,aAAc,KAAK1B,WAAWF,KAC9B6B,iBAAkB,KAAK3B,WAAWD,SACnC,EAEIkF,IACH,KAAKjE,QAAQoK,KAAKnG,EAAoBD,OAAAA,EACtCJ,EAAQ,IAIV,MAAMS,EAAiBlG,EAAY,UAAW,CAAEU,SAAU,KAAKA,QAAAA,CAAU,EAEpEwF,IACH,KAAKrE,QAAQoK,KAAK/F,EAAeL,OAAAA,EACjCJ,EAAQ,IAIV,MAAMU,EAAanG,EAAY,SAAU,CACvC8C,gBAAiB,KAAKzB,gBAAAA,CACvB,EAEI8E,IACH,KAAKtE,QAAQoK,KAAK9F,EAAWN,OAAAA,EAC7BJ,EAAQ,IAIV,MAAMW,EAAgBpG,EAAY,SAAU,CAC1C+C,mBAAoB,KAAKzB,mBAAAA,CAC1B,EAQD,GANK8E,IACH,KAAKvE,QAAQoK,KAAK7F,EAAcP,OAAAA,EAChCJ,EAAQ,IAIN,KAAK3E,eAAiB,GAAI,CAC5B,MAAMuF,EAAoBvG,EAAiB,CACzC2C,YAAa,KAAK3B,YAAAA,CACnB,EAEIuF,IACH,KAAKxE,QAAQoK,KAAK5F,EAAkBR,OAAAA,EACpCJ,EAAQ,IAKZ,GAAI,KAAK1E,iBAAmB,GAAI,CAC9B,MAAMuF,EAAsBxG,EAAiB,CAC3C4C,cAAe,KAAK3B,cAAAA,CACrB,EAEIuF,IACH,KAAKzE,QAAQoK,KAAK3F,EAAoBT,OAAAA,EACtCJ,EAAQ,IAKZ,GAAI,KAAKzE,aAAe,GAAI,CAC1B,MAAMuF,EAAkBzG,EAAiB,CACvC6C,UAAW,KAAK3B,UAAAA,CACjB,EAEIuF,IACH,KAAK1E,QAAQoK,KAAK1F,EAAgBV,OAAAA,EAClCJ,EAAQ,IAKZ,GAAI,KAAKxE,aAAe,GAAI,CAC1B,MAAMuF,EAAkB1G,EAAiB,CACvC8C,UAAW,KAAK3B,UAAAA,CACjB,EAEIuF,IACH,KAAK3E,QAAQoK,KAAKzF,EAAgBX,OAAAA,EAClCJ,EAAQ,IAKZ,GAAI,KAAKvE,cAAgB,GAAI,CAC3B,MAAMuF,EAAmB3G,EAAiB,CACxC+C,WAAY,KAAK3B,WAAAA,CAClB,EAEIuF,IACH,KAAK5E,QAAQoK,KAAKxF,EAAiBZ,OAAAA,EACnCJ,EAAQ,IAKZ,GAAI,KAAKlE,YAAc,GAAI,CACzB,MAAMmF,EAAiB1G,EAAY,SAAU,CAC3CgD,SAAU,KAAKzB,SAAAA,CAChB,EAEImF,IACH,KAAK7E,QAAQoK,KAAKvF,EAAeb,OAAAA,EACjCJ,EAAQ,IAKZ,GAAI,KAAKjE,aAAe,GAAI,CAC1B,MAAMmF,EAAkB3G,EAAY,SAAU,CAC5CiD,UAAW,KAAKzB,UAAAA,CACjB,EAEImF,IACH,KAAK9E,QAAQoK,KAAKtF,EAAgBd,OAAAA,EAClCJ,EAAQ,IAKZ,MAAMmB,EAAe5G,EAAY,SAAU,CAAEkD,OAAQ,KAAKvB,OAAAA,CAAS,EAEnE,OAAKiF,IACH,KAAK/E,QAAQoK,KAAKrF,EAAaf,OAAAA,EAC/BJ,EAAQ,IAGHA,EAcToB,mBAAmBC,EAAaC,EAAO,KAAKxC,IAAIpE,SAAU6G,EAAY,GAAM,CAC1E,GAAI,OAAO,KAAKrC,UAAUmC,CAAAA,GAAiB,SAAU,CACnD,GAAIA,IAAgB,WAClB,MAAM,IAAIxD,MACR,qBAAqBwD,CAAAA,qDAAW,EAMpC,GAFIC,IAAS,KAAKxC,IAAIpE,UAAUJ,EAAgB4F,YAAa,CAAEoB,KAAAA,CAAAA,CAAM,EAEjEgE,MAAM7D,QAAQ,KAAKhH,KAAK4G,CAAAA,CAAAA,EAAe,CAOzC,MAAMO,EALc0D,MAAM3D,KACxBL,EAAK+D,iBAAiB,KAAKnG,UAAUmC,CAAAA,CAAAA,CACvC,EAGqCuE,OAClCU,GAASA,EAAKxE,gBAAkBR,CAAAA,EAG/BC,EACF,KAAK9G,KAAK4G,CAAAA,EAAeO,EAEzB,KAAKnH,KAAK4G,CAAAA,EAAe,CACvB,GAAG,KAAK5G,KAAK4G,CAAAA,EACb,GAAGO,CAAAA,MAGF,CAEL,MAAMG,EAAaT,EAAKU,cAAc,KAAK9C,UAAUmC,CAAAA,CAAAA,EAGrD,GAAIU,GAAcA,EAAWD,gBAAkBR,EAC7C,OAGEC,IACF,KAAK9G,KAAK4G,CAAAA,EAAeU,QAI7B,OAAM,IAAIlE,MACR,qBAAqBwD,CAAAA,oDAAW,EActCY,qBAAqBZ,EAAa,CAChC,GAAI,OAAO,KAAKnC,UAAUmC,CAAAA,GAAiB,SAAU,CACnD,GAAIA,IAAgB,WAClB,MAAM,IAAIxD,MACR,qBAAqBwD,CAAAA,yDAAW,EAIhCiE,MAAM7D,QAAQ,KAAKhH,KAAK4G,CAAAA,CAAAA,EAC1B,KAAK5G,KAAK4G,CAAAA,EAAe,CAAA,EAEzB,KAAK5G,KAAK4G,CAAAA,EAAe,SAG3B,OAAM,IAAIxD,MACR,qBAAqBwD,CAAAA,oDAAW,EAYtCpD,iBAAkB,CAChB,KAAKmD,mBAAmB,uBAAA,EACxB,KAAKA,mBAAmB,0BAAA,EACxB,KAAKA,mBAAmB,sBAAA,EAEpB,KAAKtC,IAAIlE,uBACX,KAAKwG,mBAAmB,gBAAiB,KAAKtC,IAAIlE,qBAAAA,EAEhD,KAAKkE,IAAIhE,2BACX,KAAKsG,mBACH,mBACA,KAAKtC,IAAIhE,wBAAAA,EAEX,KAAKsG,mBAAmB,WAAY,KAAKtC,IAAIhE,wBAAAA,EAC7C,KAAKsG,mBAAmB,OAAQ,KAAKtC,IAAIhE,wBAAAA,EACzC,KAAKsG,mBAAmB,WAAY,KAAKtC,IAAIhE,wBAAAA,GAG3C,KAAKL,KAAKO,sBACZ,KAAKoG,mBAAmB,eAAgB,KAAKtC,IAAI9D,oBAAAA,EASrDgD,aAAakE,EAAa,GAAO,EAC3B,KAAKxE,MAAQ,IAAMwE,KACrB,KAAKxE,IAAMyE,KAAKC,OAAAA,EACbC,SAAS,EAAA,EACTsF,QAAQ,WAAY,EAAA,EACpBpF,UAAU,EAAG,EAAA,GAYpBrE,SAAU,CACR,KAAKY,IAAIpE,SAAS8J,GAAK,KAAK1F,IAAIpE,SAAS8J,IAAM,YAAY,KAAK9G,GAAAA,GAEhE,KAAKoB,IAAInE,cAAcyM,QAAAA,CAASd,EAAMxG,IAAU,CAC9CwG,EAAK9B,GAAK8B,EAAK9B,IAAM,iBAAiB,KAAK9G,GAAAA,IAAOoC,CAAAA,KAGpD,KAAKhB,IAAI/D,aAAaqM,QAAAA,CAAS5E,EAAK1C,IAAU,CAC5C0C,EAAIgC,GAAKhC,EAAIgC,IAAM,gBAAgB,KAAK9G,GAAAA,IAAOoC,CAAAA,KAOnD3B,oBAAqB,CAKjB,CAAC/D,EAAM,UAAW,CAAEM,SAAU,KAAKoE,IAAIpE,QAAAA,CAAU,GACjD,CAAC,KAAKoE,IAAIpE,SAAS+H,aAAa,MAAA,IAAY,UAE5C,KAAK3D,IAAIpE,SAASqF,aAAa,OAAQ,OAAA,EAIzC,KAAKtF,KAAKC,SAASqF,aAAa,uBAAwB,UAAA,EAEpD,KAAKjB,IAAI9D,sBACX,KAAK8D,IAAI9D,qBAAqB+E,aAAa,OAAQ,SAAA,EAGrD,KAAKjB,IAAI/D,aAAaqM,QAAAA,CAAS5E,EAAK1C,IAAU,CACvC1F,EAAM,SAAU,CAAOoI,IAAAA,CAAAA,CAAK,GAC/BA,EAAIzC,aAAa,OAAQ,QAAA,EAG3ByC,EAAIzC,aAAa,gBAAiBD,IAAU,CAAA,EAC5C0C,EAAIzC,aAAa,gBAAiB,KAAKjB,IAAInE,cAAcmF,CAAAA,EAAO0E,EAAAA,IASpE9B,cAAe,CACb,KAAKC,eAAAA,EAEL,KAAK1G,kBAAoB2G,YAAAA,IAAkB,CACzC,KAAKC,iBAAAA,GACJ,KAAKxF,eAAAA,EAQVsF,gBAAiB,CACfG,cAAc,KAAK7G,iBAAAA,EAcrBoC,iBAAkB,CACZ,KAAKpD,UACPnB,EAAS,KAAKsD,WAAY,KAAK0B,IAAI7D,QAAAA,EACnClB,EAAY,KAAKoD,UAAW,KAAK2B,IAAI7D,QAAAA,EAErC,KAAK6D,IAAI7D,SAAS8E,aAAa,aAAc,KAAKvC,SAAAA,EAClD,KAAKsB,IAAIpE,SAASqF,aAAa,YAAa,KAAA,EAE5C,KAAK2C,aAAAA,IAEL5I,EAAS,KAAKqD,UAAW,KAAK2B,IAAI7D,QAAAA,EAClClB,EAAY,KAAKqD,WAAY,KAAK0B,IAAI7D,QAAAA,EAEtC,KAAK6D,IAAI7D,SAAS8E,aAAa,aAAc,KAAKxC,QAAAA,EAClD,KAAKuB,IAAIpE,SAASqF,aAAa,YAAa,QAAA,EAE5C,KAAK4C,eAAAA,GAUTrE,cAAe,CAEb,KAAKQ,IAAIpE,SAASqI,iBAAiB,UAAA,IAAiB,CAC9C,KAAK9H,UACP,KAAK0H,eAAAA,IAIT,KAAK7D,IAAIpE,SAASqI,iBAAiB,WAAA,IAAkB,CAC/C,KAAK9H,UACP,KAAKyH,aAAAA,IAaXnE,cAAe,CACb,KAAKO,IAAI5D,KAAK6H,iBAAiB,YAAA,IAAmB,CAChD,KAAKF,iBAAAA,IAGP,KAAK/D,IAAI3D,SAAS4H,iBAAiB,YAAA,IAAmB,CACpD,KAAKC,qBAAAA,IAGP,KAAKlE,IAAI7D,SAAS8H,iBAAiB,YAAA,IAAmB,CACpD,KAAKE,eAAAA,IAGP,KAAKnE,IAAI/D,aAAaqM,QAAAA,CAAS5E,EAAK1C,IAAU,CAC5C0C,EAAIO,iBAAiB,YAAA,IAAmB,CAClC,KAAK5D,YAAcW,EACrB,KAAK9D,eAAiB,WAEtB,KAAKA,eAAiB,OAGxB,KAAKkH,aAAapD,CAAAA,MAWxBtB,cAAe,CAEb,KAAKM,IAAIpE,SAASqI,iBAAiB,cAAA,IAAqB,CAClD,KAAK9H,UACP,KAAK0H,eAAAA,IAIT,KAAK7D,IAAIpE,SAASqI,iBAAiB,eAAA,IAAsB,CACnD,KAAK9H,UACP,KAAKyH,aAAAA,IAaXjE,gBAAiB,CACf,KAAKK,IAAIjE,iBAAiBuM,QAASjE,GAAY,CAC7CA,EAAQJ,iBAAiB,UAAYK,GAAU,CAG7C,OAFYnJ,EAASmJ,CAAAA,EAErB,CACE,IAAK,QACL,IAAK,QAEHpJ,EAAaoJ,CAAAA,EAEb,WAKR,KAAKtE,IAAI/D,aAAaqM,QAAS5E,GAAQ,CACrCA,EAAIO,iBAAiB,UAAYK,GAAU,CAGzC,OAFYnJ,EAASmJ,CAAAA,EAErB,CACE,IAAK,QACL,IAAK,QAEHpJ,EAAaoJ,CAAAA,EAEb,WAcV1E,cAAe,CAEb,KAAKI,IAAI5D,KAAK6H,iBAAiB,QAAUK,GAAU,CAGjD,OAFYnJ,EAASmJ,CAAAA,EAErB,CACE,IAAK,QACL,IAAK,QACH,KAAKP,iBAAAA,EAGL7I,EAAaoJ,CAAAA,EAEb,SAKN,KAAKtE,IAAI3D,SAAS4H,iBAAiB,QAAUK,GAAU,CAGrD,OAFYnJ,EAASmJ,CAAAA,EAErB,CACE,IAAK,QACL,IAAK,QACH,KAAKJ,qBAAAA,EAGLhJ,EAAaoJ,CAAAA,EAEb,SAKN,KAAKtE,IAAI7D,SAAS8H,iBAAiB,QAAUK,GAAU,CAGrD,OAFYnJ,EAASmJ,CAAAA,EAErB,CACE,IAAK,QACL,IAAK,QACH,KAAKH,eAAAA,EAGLjJ,EAAaoJ,CAAAA,EAEb,SAKN,KAAKtE,IAAI/D,aAAaqM,QAAAA,CAAS5E,EAAK1C,IAAU,CAC5C0C,EAAIO,iBAAiB,QAAUK,GAAU,CAGvC,OAFYnJ,EAASmJ,CAAAA,EAErB,CACE,IAAK,QACL,IAAK,QACH,KAAKF,aAAapD,CAAAA,EAGlB9F,EAAaoJ,CAAAA,EAEb,WAaVzE,wBAAyB,CACvB,KAAKG,IAAIpE,SAAS2I,MAAMC,YACtB,KAAK,KAAK7F,MAAAA,+BACV,GAAG,KAAKH,kBAAAA,IAAkB,EAS9BiG,qBAAsB,CACpBzJ,EAAS,KAAKkD,YAAa,KAAKoC,mBAAAA,EAE5B,KAAKC,qBACP,KAAKA,mBAAmBU,aAAa,gBAAiB,EAAA,EACtDjG,EAAS,KAAKkD,YAAa,KAAKqC,kBAAAA,GASpCmE,uBAAwB,CACtBzJ,EAAY,KAAKiD,YAAa,KAAKoC,mBAAAA,EAE/B,KAAKC,qBACP,KAAKA,mBAAmBU,aAAa,gBAAiB,EAAA,EACtDhG,EAAY,KAAKiD,YAAa,KAAKqC,kBAAAA,GAWvC6D,aAAapD,EAAO,CAClB,MAAM2D,EAAe,KAAKtE,YAE1B,KAAKL,IAAIpE,SAAS6M,QAAQ5D,aAAe,KAAK3H,eAE1C,KAAKf,UACP,KAAK0H,eAAAA,EAGP7I,EAAS,KAAKmD,cAAe,KAAKmC,mBAAAA,EAClCtF,EAAS,KAAKoD,UAAW,KAAK4B,IAAInE,cAAcmF,CAAAA,CAAAA,EAEhD8D,sBAAAA,IAA4B,CAC1B,KAAKJ,sBAAAA,EACL,KAAKrE,YAAcW,EACnB,KAAKyD,oBAAAA,EAELK,sBAAAA,IAA4B,CAC1BC,WAAAA,IAAiB,CACf9J,EAAY,KAAKkD,cAAe,KAAK6B,IAAInE,cAAc8I,CAAAA,CAAAA,EACvD1J,EAAY,KAAKmD,UAAW,KAAKkC,mBAAAA,GAChC,KAAK9B,kBAAAA,MAIR,KAAKrC,UACP,KAAKyH,aAAAA,EASTtE,mBAAoB,CAClB,KAAK8E,aAAa,CAAA,EAQpBY,kBAAmB,CACjB,KAAKZ,aAAa,KAAKpE,IAAInE,cAAc6E,OAAS,CAAA,EAQpDqD,kBAAmB,CACjB,KAAK7G,eAAiB,OAElB,KAAKmD,YAAc,GAAK,KAAKL,IAAInE,cAAc6E,OACjD,KAAKpB,kBAAAA,EAEL,KAAK8E,aAAa,KAAK/D,YAAc,CAAA,EASzC6D,sBAAuB,CACrB,KAAKhH,eAAiB,WAElB,KAAKmD,YAAc,EAAI,EACzB,KAAK2E,iBAAAA,EAEL,KAAKZ,aAAa,KAAK/D,YAAc,CAAA,EASzC8D,gBAAiB,CACf,KAAKhI,SAAW,CAAC,KAAKA,SAEtB,KAAKoD,gBAAAA,IAIT,EAAewI,EC72Cf,MAAM9C,EAAO,qBASPC,EAAW,YASXC,EAAMiD,SAiBZ,SAAS/C,EAAKC,EAASC,EAAIC,EAAO,CAChC,OAAOF,EAAQ,GAAGC,CAAAA,WAAE,EAAaL,EAAUM,CAAAA,EAgB7C,SAASC,EAAaC,EAAI,CAExB,GAAI,OAAOA,GAAO,SAChB,MAAM,IAAIC,UAAU,0BAAA,EAEtB,GAAID,IAAO,IAAMT,EAAKW,KAAKF,CAAAA,EACzB,MAAM,IAAIG,WAAW,6CAAA,EAGvB,MAAO,IAAIX,CAAAA,MAAcQ,CAAAA,KAoB3B,SAASI,EAAaC,EAAa,CACjC,GAAI,EAAEA,aAAuBC,SAC3B,MAAM,IAAIL,UAAU,4CAAA,EAEtB,MAAO,GAgBT,SAASM,EAAYC,EAAUiC,EAAUhD,EAAK,CAE5C,IAAIiB,EAAWF,EAIf,GAAIA,IAAa,KACfE,EAAW,CAAA,UAGHF,KAMNiC,aAAmB9B,UACnB8B,aAAmB7B,kBACnB6B,aAAmBnC,QAQd,OAAOE,GAAa,SAC3BE,EAAW+B,EAAQ5B,iBAAiBL,CAAAA,EAG7BA,aAAoBF,UAC3BI,EAAW,CAACF,CAAAA,OAVZ,OAAM,IAAIP,UACR,iFAAA,MAXF,OAAM,IAAIA,UAAU,4BAAA,EAwBtB,OAAOa,MAAMC,UAAUC,MAAMC,KAAKP,CAAAA,EAqBpC,SAASQ,EAAgBV,EAAUE,EAAUS,EAAO,CAClD,OAAOT,EAASU,OAAQxB,GAAY,CAClC,MAAMyB,EAAWjB,EAAaR,CAAAA,GAAYA,EAAQ0B,QAAQd,CAAAA,EAC1D,OAAIa,GAAYF,GACdA,EAAMvB,CAAAA,EAEDyB,IAsBX,SAASE,EAAgB3B,EAAS,CAAE4B,IAAAA,EAAKC,OAAAA,CAAAA,EAAU,CACjD,MAAMC,EAAS,CAAA,EACX/B,EAAKC,EAAS,KAAA,GAChBD,EAAKC,EAAS,KAAA,EACX+B,KAAAA,EACAC,MAAMrC,CAAAA,EACNqD,QAASd,GAAS,CACbJ,EAAOK,QAAQD,CAAAA,EAAQ,GAAKA,IAASL,GACvCC,EAAOM,KAAKF,CAAAA,IAIhBN,GACFE,EAAOM,KAAKR,CAAAA,EAEd,MAAMS,EAAYP,EAAOQ,KAAK,GAAA,EAC9BvC,EAAKC,EAASqC,IAAc,GAAK,SAAW,MAAOA,CAAAA,EA8CrD,SAASK,EAAKtC,EAAIQ,EAAUiC,EAAS,CACnC,OAAOvB,EACL,QAAQnB,EAAaC,CAAAA,CAAG,IACxBO,EAAYC,EAAUiC,CAAAA,EACrB7C,GAAY2B,EAAgB3B,EAAS,CAAE4B,IAAKxB,CAAAA,CAAI,CACnD,EAqCFsC,EAAKb,OAAAA,CAAUzB,EAAIQ,EAAUiC,IACpBvB,EACLnB,EAAaC,CAAAA,EACbO,EAAYC,EAAUiC,CAAAA,EACrB7C,GAAY2B,EAAgB3B,EAAS,CAAE6B,OAAQzB,CAAAA,CAAI,CACtD,EAoCFsC,EAAKlB,OAAAA,CAAUpB,EAAIQ,EAAUiC,IAC3BvB,EAAgBnB,EAAaC,CAAAA,EAAKO,EAAYC,EAAUiC,CAAAA,CAAQ,EA6BlEH,EAAKF,KAAAA,CAAQpC,EAAIyC,IACflC,EAAaP,EAAuBD,EAAaC,CAAAA,EAA/B,IAAIR,CAAAA,IAAgCiD,CAAAA,EAExD,IAAA,EAAeH,ECtXf,EAvBMC,CACJC,EAAU,CAAA,EACVC,EAAUC,SACVC,EAAmB,cAChB,CACHL,EAAK,4BAA6BK,EAAkBF,CAAAA,EAASG,QAC1DC,GAAoB,CACnB,MAAMC,EAAkBD,EAAgBE,QAAQC,sBAC5CC,KAAKC,MACHL,EAAgBE,QAAQC,sBAAsBG,QAAQ,KAAM,GAAA,CAC9D,GAAK,CAAA,EACL,CAAA,EAEJ,IAAId,EAAS,CACXQ,gBAAAA,EACAO,WAAY,GACZ,GAAGZ,EACH,GAAGM,EACJ"}

package/dist/js/generator/disclosure.cjs.js

@@ -0,0 +1,5 @@
+function y(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${s}" given.`)}for(const s in e)if(!(e[s]instanceof t)){const i=typeof e[s];throw new TypeError(`${s} must be an instance of ${t.name}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function o(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${s}" given.`)}for(const s in e){const i=typeof e[s];if(i!==t)throw new TypeError(`${s} must be a ${t}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function A(t){try{if(typeof t!="object"){const e=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${e}" given.`)}for(const e in t)try{if(t[e]===null)throw new Error;document.querySelector(t[e])}catch{throw new TypeError(`${e} must be a valid query selector. "${t[e]}" given.`)}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function d(t){try{if(typeof t!="object"||Array.isArray(t)){const e=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${e}" given.`)}for(const e in t){const s=typeof t[e];if(s!=="string")if(Array.isArray(t[e]))t[e].forEach(i=>{if(typeof i!="string")throw new TypeError(`${e} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${e} must be a string or an array of strings. "${s}" given.`);else{const i={};i[e]=t[e],A(i)}}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function L(t,e){if(o("string",{tagName:t}).status&&y(HTMLElement,e).status){const s=t.toLowerCase();let i=!0;for(const r in e)e[r].tagName.toLowerCase()!==s&&(i=!1);return i}else return!1}function j(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidState() must be inside of an object. "${s}" given.`)}const e=["none","self","child"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function q(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${s}" given.`)}const e=["none","mouse","keyboard","character"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function u(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function h(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}function p(t){try{const e=t.key||t.keyCode,s={Enter:e==="Enter"||e===13,Space:e===" "||e==="Spacebar"||e===32,Escape:e==="Escape"||e==="Esc"||e===27,ArrowUp:e==="ArrowUp"||e==="Up"||e===38,ArrowRight:e==="ArrowRight"||e==="Right"||e===39,ArrowDown:e==="ArrowDown"||e==="Down"||e===40,ArrowLeft:e==="ArrowLeft"||e==="Left"||e===37,Home:e==="Home"||e===36,End:e==="End"||e===35,Tab:e==="Tab"||e===9};return Object.keys(s).find(i=>s[i]===!0)||""}catch{return""}}function f(t){t.preventDefault(),t.stopPropagation()}function G(t=null){window.Graupl=window.Graupl||{},o("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function F(t=null){return o("string",{type:t})?window.Graupl[t]:window.Graupl}function V(t,e={}){o("string",{type:t})&&o("object",{data:e})&&(window.Graupl[t]=e)}function B(t){o("string",{type:t})&&(window.Graupl[t]={})}function M(t,e,s){o("string",{type:t,key:e})&&(window.Graupl[t][e]=s)}function W(t,e){return o("string",{type:t,key:e})?window.Graupl[t][e]:null}function R(t,e){o("string",{type:t,key:e})&&delete window.Graupl[t][e]}var w={initializeStorage:G,getStorage:F,setStorage:V,clearStorage:B,pushToStorage:M,getFromStorage:W,removeFromStorage:R},I=class{constructor(t,e={}){this._equals=e.equals||Object.is,this._current=t,this._committed=t}get value(){return this._current}set value(t){this._current=t}get committed(){return this._committed}get isDirty(){return!this._equals(this._current,this._committed)}commit(){return this._committed=this._current,this}reset(){return this._current=this._committed,this}update(t){return this._current=t(this._current),this}},K=class{_dom={controller:null,disclosure:null,content:null};_domLock=["controller","disclosure"];_selectors={content:""};_classes={open:"show",close:"hide",transition:"transitioning",initialize:"initializing"};_durations={transition:5e3,open:-1,close:-1};_focusState="none";_currentEvent="none";_open=new I(!1);_shouldOpen=!1;_closeOnBlur=!1;_breakpointWidth=-1;_observer=null;_expandEvent=new CustomEvent("grauplDisclosureExpand",{bubbles:!0,detail:{disclosure:this}});_collapseEvent=new CustomEvent("grauplDisclosureCollapse",{bubbles:!0,detail:{disclosure:this}});_prefix="graupl-";_errors=[];constructor({disclosureElement:t,controllerElement:e,disclosureContentSelector:s=".disclosure-content",openClass:i="show",closeClass:r="hide",transitionClass:n="transitioning",transitionDuration:a=250,openDuration:c=-1,closeDuration:l=-1,closeOnBlur:S=!1,minWidth:O=-1,autoOpen:v=!1,prefix:T="graupl-",initializeClass:x="initializing",initialize:z=!1}){this._dom.disclosure=t,this._dom.controller=e,this._selectors.content=s,this._classes.open=i||"",this._classes.close=r||"",this._classes.transition=n||"",this._classes.initialize=x||"",this._durations.transition=a,this._durations.open=c,this._durations.close=l,this._closeOnBlur=S,this._breakpointWidth=O,this._shouldOpen=v,this._prefix=T,z&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Disclosure: cannot initialize disclosure. The following errors have been found:
+ - ${this.errors.join(`
+ - `)}`);u(this._classes.initialize,this.dom.disclosure),this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this._handleFocus(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),this._handleResize(),this._setTransitionDurations(),w.initializeStorage("disclosures"),w.initializeStorage("disclosures"),w.pushToStorage("disclosures",this.dom.disclosure.id,this),this.dom.controller.getAttribute("aria-expanded")==="true"||this.shouldOpen&&window.matchMedia(this.openQuery).matches?this._expand(!1,!1):this._collapse(!1,!1),requestAnimationFrame(()=>{h(this._classes.initialize,this.dom.disclosure)})}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get openClass(){return this._classes.open}set openClass(t){d({openClass:t}),this._classes.open!==t&&(this._classes.open=t)}get closeClass(){return this._classes.close}set closeClass(t){d({closeClass:t}),this._classes.close!==t&&(this._classes.close=t)}get transitionClass(){return this._classes.transition}set transitionClass(t){d({transitionClass:t}),this._classes.transition!==t&&(this._classes.transition=t)}get initializeClass(){return this._classes.initialize}set initializeClass(t){d({initializeClass:t}),this._classes.initialize!==t&&(this._classes.initialize=t)}get transitionDuration(){return this._durations.transition}set transitionDuration(t){o("number",{value:t}),this._durations.transition!==t&&(this._durations.transition=t,this._setTransitionDurations())}get openDuration(){return this._durations.open===-1?this.transitionDuration:this._durations.open}set openDuration(t){o("number",{value:t}),this._durations.open!==t&&(this._durations.open=t,this._setTransitionDurations())}get closeDuration(){return this._durations.close===-1?this.transitionDuration:this._durations.close}set closeDuration(t){o("number",{value:t}),this._durations.close!==t&&(this._durations.close=t,this._setTransitionDurations())}get minWidth(){return this._breakpointWidth}set minWidth(t){o("number",{value:t}),this._breakpointWidth!==t&&(this._breakpointWidth=t)}get closeOnBlur(){return this._closeOnBlur}set closeOnBlur(t){o("boolean",{value:t}),this._closeOnBlur!==t&&(this._closeOnBlur=t)}get focusState(){return this._focusState}set focusState(t){j({value:t}),this._focusState!==t&&(this._focusState=t)}get currentEvent(){return this._currentEvent}set currentEvent(t){q({value:t}),this._currentEvent!==t&&(this._currentEvent=t)}get prefix(){return this._prefix}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t,this._setTransitionDurations())}get isOpen(){return this._open.value}get hasOpened(){return this._open.committed}get shouldOpen(){return this._shouldOpen}set shouldOpen(t){o("boolean",{value:t}),this._shouldOpen!==t&&(this._shouldOpen=t)}get openQuery(){return this.minWidth===-1?"":`(width > ${this.minWidth}px)`}get closeQuery(){return this.minWidth===-1?"":`(width <= ${this.minWidth}px)`}get shouldFocus(){let t=!1;return this.currentEvent==="keyboard"&&(t=!0),t}get errors(){return this._errors}_validate(){let t=!0;const e=y(HTMLElement,{disclosureElement:this._dom.disclosure,controllerElement:this._dom.controller});e.status||(this._errors.push(e.error.message),t=!1);const s=A({disclosureContentSelector:this._selectors.content});s.status||(this._errors.push(s.error.message),t=!1);const i={};for(const l of Object.keys(this._classes))this._classes[l]!==""&&(i[`${l}Class`]=this._classes[l]);const r=d(i);r.status||(this._errors.push(r.error.message),t=!1);const n={};for(const l of Object.keys(this._durations))n[`${l}Duration`]=this._durations[l];const a=o("number",n);a.status||(this._errors.push(a.error.message),t=!1);const c=o("string",{prefix:this._prefix});return c.status||(this._errors.push(c.error.message),t=!1),t}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.disclosure.id=this.dom.disclosure.id||`disclosure-${this.key}`,this.dom.controller.id=this.dom.controller.id||`disclosure-controller-${this.key}`}_setAriaAttributes(){this.dom.controller.getAttribute("aria-expanded")!=="true"&&this.dom.controller.setAttribute("aria-expanded","false"),this.dom.controller.setAttribute("aria-controls",this.dom.disclosure.id),L("button",{controller:this.dom.controller})||this.dom.controller.setAttribute("role","button")}_setTransitionDurations(){this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-transition-duration`,`${this.transitionDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-open-transition-duration`,`${this.openDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-close-transition-duration`,`${this.closeDuration}ms`)}_setDOMElementType(t,{base:e=this.dom.disclosure,overwrite:s=!0,strict:i=!0}={}){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be set through _setDOMElementType.`);e!==this.dom.disclosure&&y(HTMLElement,{base:e});const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(n=>i?n.parentElement===e:!0);s?Array.isArray(this._dom[t])?this._dom[t]=r:this._dom[t]=r[0]||null:Array.isArray(this._dom[t])?this._dom[t]=[...this._dom[t],...r]:this._dom[t]=r[0]||null}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_setDOMElements(){this._resetDOMElementType("content"),this._setDOMElementType("content")}_expand(t=!0,e=!0){this.dom.controller.setAttribute("aria-expanded","true"),e&&this.transitionlass!==""?(u(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{h(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{h(this.transitionClass,this.dom.disclosure)},this.openDuration)})})})):(u(this.openClass,this.dom.disclosure),h(this.closeClass,this.dom.disclosure)),this.dom.content.removeAttribute("inert"),t&&this.dom.controller.dispatchEvent(this._expandEvent)}_collapse(t=!0,e=!0){this.dom.controller.setAttribute("aria-expanded","false"),e&&this.transitionClass!==""?(u(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{h(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{h(this.transitionClass,this.dom.disclosure),this.dom.content.innert=!0},this.closeDuration)})})})):(u(this.closeClass,this.dom.disclosure),h(this.openClass,this.dom.disclosure)),this.dom.content.setAttribute("inert","true"),t&&this.dom.controller.dispatchEvent(this._collapseEvent)}_handleResize(){if(this._breakpointWidth<=0)return;let t=0;this._observer=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(const s of e){const i=Array.isArray(s.contentBoxSize)?s.contentBoxSize[0]:s.contentBoxSize,r=i&&typeof i.inlineSize=="number"?i.inlineSize:s.contentRect.width;if(typeof r!="number"||t===r)continue;const n=r<=this.minWidth,a=r>this.minWidth;n&&this.isOpen?this.close({preserveState:!0}):a&&!this.isOpen&&(this.hasOpened||this.shouldOpen)&&this.open(),t=r}})}),this._observer.observe(document.body)}_handleFocus(){this.dom.disclosure.addEventListener("focusout",t=>{!this.closeOnBlur||this.currentEvent!=="keyboard"||t.relatedTarget===null||this.dom.disclosure.contains(t.relatedTarget)||this.dom.controller===t.relatedTarget||this.close()})}_handleClick(){this.dom.controller.addEventListener("pointerup",t=>{this.currentEvent="mouse",t.button===0&&(f(t),this.toggle())}),document.addEventListener("pointerup",t=>{this.focusState!=="self"||!this.closeOnBlur||(this.currentEvent="mouse",!this.dom.disclosure.contains(t.target)&&this.dom.controller!==t.target&&this.close())})}_handleKeydown(){this.dom.controller.addEventListener("keydown",t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":f(t);break}}),this.dom.disclosure.addEventListener("keydown",t=>{switch(this.currentEvent="keyboard",p(t)){case"Escape":f(t);break}})}_handleKeyup(){this.dom.controller.addEventListener("keyup",t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":this.toggle(),f(t);break}}),this.dom.disclosure.addEventListener("keyup",t=>{switch(this.currentEvent="keyboard",p(t)){case"Escape":this.close(),f(t);break}})}open({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="self",this._expand(),this._open.value=!0,e||this._open.commit())}preview({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="none",this._expand(),this._open.value=!0,e||this._open.commit())}close({force:t=!1,preserveState:e=!1}={}){!this.isOpen&&!t||(this.focusState="none",this._collapse(),this._open.value=!1,e||this._open.commit())}toggle({force:t=!1,preserveState:e=!1}={}){this.isOpen?this.close({force:t,preserveState:e}):this.open({force:t,preserveState:e})}},P=K;const D=/[\11\12\14\15\40]+/,b="data-once",H=document;function E(t,e,s){return t[`${e}Attribute`](b,s)}function m(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||D.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${b}~="${t}"]`}function Q(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function _(t,e=H){let s=t;if(t===null)s=[];else if(t)if(e instanceof Document||e instanceof DocumentFragment||e instanceof Element)typeof t=="string"?s=e.querySelectorAll(t):t instanceof Element&&(s=[t]);else throw new TypeError('Context must be an object of type "Document", "DocumentFragment", or "Element".');else throw new TypeError("Selector must not be empty");return Array.prototype.slice.call(s)}function k(t,e,s){return e.filter(i=>{const r=Q(i)&&i.matches(t);return r&&s&&s(i),r})}function C(t,{add:e,remove:s}){const i=[];E(t,"has")&&E(t,"get").trim().split(D).forEach(n=>{i.indexOf(n)<0&&n!==s&&i.push(n)}),e&&i.push(e);const r=i.join(" ");E(t,r===""?"remove":"set",r)}function g(t,e,s){return k(`:not(${m(t)})`,_(e,s),i=>C(i,{add:t}))}g.remove=(t,e,s)=>k(m(t),_(e,s),i=>C(i,{remove:t})),g.filter=(t,e,s)=>k(m(t),_(e,s)),g.find=(t,e)=>_(t?m(t):`[${b}]`,e);var $=g;const U=({options:t={},context:e=document,disclosureSelector:s=".disclosure",controllerSelector:i=".disclosure-toggle"}={})=>{$("graupl-disclosure-generator",s,e).forEach(r=>{const n=r.dataset.grauplDisclosureOptions?JSON.parse(r.dataset.grauplDisclosureOptions.replace(/'/g,'"'))||{}:{},a=`${i}[data-graupl-disclosure-target="${r.id}"]`,[c]=$("graupl-disclosure-generator",a,e);if(!c){console.warn(`No controller found for disclosure with ID "${r.id}". Please ensure there is an element with the selector "${a}".`),$.remove("graupl-disclosure-generator",r);return}new P({disclosureElement:r,controllerElement:c,initialize:!0,...t,...n})})};var J=U;module.exports=J;
+
+//# sourceMappingURL=disclosure.cjs.js.map

package/dist/js/generator/disclosure.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.cjs.js","names":["isValidInstance","constructor","elements","elementsType","TypeError","key","elementType","name","status","error","isValidType","type","values","valuesType","valueType","isQuerySelector","Error","document","querySelector","isValidClassList","Array","isArray","forEach","value","obj","isValidHoverType","validTypes","includes","join","isTag","tagName","HTMLElement","tag","toLowerCase","check","isValidState","validStates","isValidEvent","validEvents","addClass","className","element","length","classList","add","removeClass","remove","selectAllFocusableElements","context","document","querySelector","elements","Array","from","querySelectorAll","tabbableElements","filter","check","getAttribute","selectFirstFocusableElement","selectLastFocusableElement","selectNextFocusableElement","index","indexOf","selectPreviousFocusableElement","keyPress","event","key","keyCode","keys","Enter","Space","Escape","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","Home","End","Tab","Object","find","preventEvent","preventDefault","stopPropagation","isValidType","initializeStorage","type","window","Graupl","getStorage","setStorage","data","clearStorage","pushToStorage","key","value","getFromStorage","removeFromStorage","TransactionalValue","constructor","initialValue","options","_equals","equals","Object","is","_current","_committed","value","val","committed","isDirty","commit","reset","update","fn","isValidInstance","isValidClassList","isValidType","isValidState","isValidEvent","isTag","isQuerySelector","addClass","removeClass","keyPress","preventEvent","storage","TransactionalValue","Disclosure","_dom","controller","disclosure","content","_domLock","_selectors","_classes","open","close","transition","initialize","_durations","_focusState","_currentEvent","_open","_shouldOpen","_closeOnBlur","_breakpointWidth","_observer","_expandEvent","CustomEvent","bubbles","detail","_collapseEvent","_prefix","_errors","constructor","disclosureElement","controllerElement","disclosureContentSelector","openClass","closeClass","transitionClass","transitionDuration","openDuration","closeDuration","closeOnBlur","minWidth","autoOpen","prefix","initializeClass","_validate","Error","errors","join","dom","_generateKey","_setDOMElements","_setIds","_setAriaAttributes","_handleFocus","_handleClick","_handleKeydown","_handleKeyup","_handleResize","_setTransitionDurations","initializeStorage","pushToStorage","id","getAttribute","shouldOpen","window","matchMedia","openQuery","matches","_expand","_collapse","requestAnimationFrame","error","console","selectors","value","focusState","currentEvent","isOpen","hasOpened","committed","closeQuery","shouldFocus","check","htmlElementChecks","HTMLElement","status","push","message","querySelectorChecks","classes","className","Object","keys","classListChecks","durations","durationName","durationChecks","prefixCheck","regenerate","key","Math","random","toString","replace","substring","setAttribute","style","setProperty","_setDOMElementType","elementType","base","overwrite","strict","includes","name","domElements","Array","from","querySelectorAll","filteredElements","filter","item","parentElement","isArray","_resetDOMElementType","emit","transitionlass","setTimeout","removeAttribute","dispatchEvent","innert","width","ResizeObserver","entries","entry","boxSize","contentBoxSize","inlineSize","contentRect","belowBreakpoint","aboveBreakpoint","preserveState","observe","document","body","addEventListener","event","relatedTarget","contains","button","toggle","target","force","commit","preview","wsRE","attrName","doc","document","attr","element","op","value","attrSelector","id","TypeError","test","RangeError","checkElement","itemToCheck","Element","getElements","selector","context","elements","Document","DocumentFragment","querySelectorAll","Array","prototype","slice","call","filterAndModify","apply","filter","selected","matches","updateAttribute","add","remove","result","trim","split","forEach","item","indexOf","push","attribute","join","once","find","Disclosure","once","generate","options","context","document","disclosureSelector","controllerSelector","forEach","disclosureElement","disclosureOptions","dataset","grauplDisclosureOptions","JSON","parse","replace","targettedControllerSelector","id","controllerElement","console","warn","remove","initialize"],"sources":["../../../packages/core/src/js/validate.js","../../../packages/core/src/js/domHelpers.js","../../../packages/core/src/js/eventHandlers.js","../../../packages/core/src/js/storage.js","../../../packages/core/src/js/TransactionalValue.js","../../../packages/core/src/js/disclosure/Disclosure.js","../../../node_modules/@drupal/once/src/once.js","../../../packages/core/src/js/disclosure/generator.js"],"sourcesContent":["/**\n * Check to see if the provided elements have a specific constructor.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * This is essentially just a wrapper function around checking instanceof with\n * more descriptive error message to help debugging.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {object}                  constructor - The constructor to check for.\n * @param  {object}                  elements    - The element(s) to check.\n * @return {Object<boolean, string>}             - The result of the check.\n */\nexport function isValidInstance(constructor, elements) {\n  try {\n    if (typeof elements !== \"object\") {\n      const elementsType = typeof elements;\n\n      throw new TypeError(\n        `Elements given to isValidInstance() must be inside of an object. \"${elementsType}\" given.`\n      );\n    }\n\n    for (const key in elements) {\n      if (!(elements[key] instanceof constructor)) {\n        const elementType = typeof elements[key];\n        throw new TypeError(\n          `${key} must be an instance of ${constructor.name}. \"${elementType}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Check to see if the provided values are of a specific type.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * This is essentially just a wrapper function around checking typeof with\n * more descriptive error message to help debugging.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {string}                  type   - The type to check for.\n * @param  {object}                  values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidType(type, values) {\n  try {\n    if (typeof values !== \"object\") {\n      const valuesType = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidType() must be inside of an object. \"${valuesType}\" given.`\n      );\n    }\n\n    for (const key in values) {\n      const valueType = typeof values[key];\n\n      if (valueType !== type) {\n        throw new TypeError(`${key} must be a ${type}. \"${valueType}\" given.`);\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Checks to see if the provided values are valid query selectors.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isQuerySelector(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isQuerySelector() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    for (const key in values) {\n      try {\n        if (values[key] === null) {\n          throw new Error();\n        }\n\n        document.querySelector(values[key]);\n      } catch {\n        throw new TypeError(\n          `${key} must be a valid query selector. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Checks to see if the provided value is either a string or an array of strings.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string, string[]>} values - The value(s) to check.\n * @return {Object<boolean, string>}         - The result of the check.\n */\nexport function isValidClassList(values) {\n  try {\n    if (typeof values !== \"object\" || Array.isArray(values)) {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidClassList() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    for (const key in values) {\n      const type = typeof values[key];\n\n      if (type !== \"string\") {\n        if (Array.isArray(values[key])) {\n          values[key].forEach((value) => {\n            if (typeof value !== \"string\") {\n              throw new TypeError(\n                `${key} must be a string or an array of strings. An array containing non-strings given.`\n              );\n            }\n          });\n        } else {\n          throw new TypeError(\n            `${key} must be a string or an array of strings. \"${type}\" given.`\n          );\n        }\n      } else {\n        const obj = {};\n        obj[key] = values[key];\n\n        isQuerySelector(obj);\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Check to see if the provided values are valid hover types.\n *\n * Available types are: `\"off\"`, `\"on\"`, and `\"dynamic\"`.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidHoverType(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidHoverType() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    const validTypes = [\"off\", \"on\", \"dynamic\"];\n\n    for (const key in values) {\n      if (!validTypes.includes(values[key])) {\n        throw new TypeError(\n          `${key} must be one of the following values: ${validTypes.join(\n            \", \"\n          )}. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Checks to see if the provided elements are using a specific tag.\n *\n * The elements must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `true` if the check is successful.\n *\n * @param  {string}               tagName - The name of the tag.\n * @param  {Object<HTMLElement>} elements - The element(s) to check.\n * @return {boolean}                      - The result of the check.\n */\nexport function isTag(tagName, elements) {\n  if (\n    isValidType(\"string\", { tagName }).status &&\n    isValidInstance(HTMLElement, elements).status\n  ) {\n    const tag = tagName.toLowerCase();\n    let check = true;\n\n    for (const key in elements) {\n      if (elements[key].tagName.toLowerCase() !== tag) check = false;\n    }\n\n    return check;\n  } else {\n    return false;\n  }\n}\n\n/**\n * Check to see if the provided values are valid focus states for a menu.\n *\n * Available states are: `\"none\"`, `\"self\"`, and `\"child\"`.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidState(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidState() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    const validStates = [\"none\", \"self\", \"child\"];\n\n    for (const key in values) {\n      if (!validStates.includes(values[key])) {\n        throw new TypeError(\n          `${key} must be one of the following values: ${validStates.join(\n            \", \"\n          )}. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n\n/**\n * Check to see if the provided values are valid event types for a menu.\n *\n * Available events are: `\"none\"`, `\"mouse\"`, `\"keyboard\"`, and `\"character\"`.\n *\n * The values must be provided inside of an object\n * so the variable name can be retrieved in case of errors.\n *\n * Will return `{ status: true }` if the check is successful.\n *\n * @param  {Object<string>}          values - The value(s) to check.\n * @return {Object<boolean, string>}        - The result of the check.\n */\nexport function isValidEvent(values) {\n  try {\n    if (typeof values !== \"object\") {\n      const type = typeof values;\n\n      throw new TypeError(\n        `Values given to isValidEvent() must be inside of an object. \"${type}\" given.`\n      );\n    }\n\n    const validEvents = [\"none\", \"mouse\", \"keyboard\", \"character\"];\n\n    for (const key in values) {\n      if (!validEvents.includes(values[key])) {\n        throw new TypeError(\n          `${key} must be one of the following values: ${validEvents.join(\n            \", \"\n          )}. \"${values[key]}\" given.`\n        );\n      }\n    }\n\n    return {\n      status: true,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      status: false,\n      error,\n    };\n  }\n}\n","/**\n * Add a class or array of classes to an element.\n *\n * @param {string|string[]} className - The class or classes to add.\n * @param {HTMLElement} element - The element to add the class to.\n */\nexport function addClass(className, element) {\n  // Gracefully handle empty strings or arrays.\n  if (className === \"\" || className.length === 0) {\n    return;\n  }\n\n  if (typeof className === \"string\") {\n    element.classList.add(className);\n  } else {\n    element.classList.add(...className);\n  }\n}\n\n/**\n * Remove a class or array of classes from an element.\n *\n * @param {string|string[]} className - The class or classes to remove.\n * @param {HTMLElement} element - The element to remove the class from.\n */\nexport function removeClass(className, element) {\n  // Gracefully handle empty strings or arrays.\n  if (className === \"\" || className.length === 0) {\n    return;\n  }\n\n  if (typeof className === \"string\") {\n    element.classList.remove(className);\n  } else {\n    element.classList.remove(...className);\n  }\n}\n\n/**\n * Select all focusable elements within a given context.\n *\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement[]} - An array of focusable elements.\n */\nexport function selectAllFocusableElements(context = document) {\n  const querySelector =\n    \"a[href],area[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),button:not([disabled]),[tabindex]\";\n  const elements = Array.from(context.querySelectorAll(querySelector));\n\n  const tabbableElements = elements.filter((element) => {\n    let check = true;\n\n    if (element.getAttribute(\"tabindex\") === \"-1\") check = false;\n\n    return check;\n  });\n\n  return tabbableElements;\n}\n\n/**\n * Select the first focusable element within a given context.\n *\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The first focusable element or false if none found.\n */\nexport function selectFirstFocusableElement(context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n\n  return tabbableElements[0] || false;\n}\n\n/**\n * Select the last focusable element within a given context.\n *\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The last focusable element or false if none found.\n */\nexport function selectLastFocusableElement(context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n\n  return tabbableElements[tabbableElements.length - 1] || false;\n}\n\n/**\n * Select the next focusable element relative to the given element within a context.\n *\n * @param {HTMLElement} element - The reference element.\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The next focusable element or false if none found.\n */\nexport function selectNextFocusableElement(element, context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n  const index = tabbableElements.indexOf(element);\n\n  return index === tabbableElements.length - 1\n    ? false\n    : tabbableElements[index + 1];\n}\n\n/**\n * Select the previous focusable element relative to the given element within a context.\n *\n * @param {HTMLElement} element - The reference element.\n * @param {HTMLElement} [context = document] - The context in which to search for focusable elements.\n * @return {HTMLElement|boolean} - The previous focusable element or false if none found.\n */\nexport function selectPreviousFocusableElement(element, context = document) {\n  const tabbableElements = selectAllFocusableElements(context);\n  const index = tabbableElements.indexOf(element);\n\n  return index === 0 ? false : tabbableElements[index - 1];\n}\n","/**\n * Retrieves the pressed key from an event.\n *\n * @param   {KeyboardEvent} event - The keyboard event.\n * @return  {string}              - The name of the key or an empty string.\n */\nexport function keyPress(event) {\n  try {\n    // Use event.key or event.keyCode to support older browsers.\n    const key = event.key || event.keyCode;\n    const keys = {\n      Enter: key === \"Enter\" || key === 13,\n      Space: key === \" \" || key === \"Spacebar\" || key === 32,\n      Escape: key === \"Escape\" || key === \"Esc\" || key === 27,\n      ArrowUp: key === \"ArrowUp\" || key === \"Up\" || key === 38,\n      ArrowRight: key === \"ArrowRight\" || key === \"Right\" || key === 39,\n      ArrowDown: key === \"ArrowDown\" || key === \"Down\" || key === 40,\n      ArrowLeft: key === \"ArrowLeft\" || key === \"Left\" || key === 37,\n      Home: key === \"Home\" || key === 36,\n      End: key === \"End\" || key === 35,\n      Tab: key === \"Tab\" || key === 9,\n    };\n\n    return Object.keys(keys).find((key) => keys[key] === true) || \"\";\n  } catch {\n    // Return an empty string if something goes wrong.\n    return \"\";\n  }\n}\n\n/**\n * Stops an event from taking action.\n *\n * @param {Event} event - The event.\n */\nexport function preventEvent(event) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n","/**\n * @file\n * Provides a system to get and store Graupl data in the browser.\n */\n\nimport { isValidType } from \"./validate.js\";\n\n/**\n * Initializes the storage system.\n *\n * @param {?string} [type = null] - The type of storage to initialize.\n */\nexport function initializeStorage(type = null) {\n  window.Graupl = window.Graupl || {};\n\n  if (isValidType(\"string\", { type })) {\n    window.Graupl[type] = window.Graupl[type] || {};\n  }\n}\n\n/**\n * Get the storage object.\n *\n * @param  {?string} type - The type of storage to get.\n * @return {object}       - The storage object.\n */\nexport function getStorage(type = null) {\n  if (isValidType(\"string\", { type })) {\n    return window.Graupl[type];\n  }\n\n  return window.Graupl;\n}\n\n/**\n * Set the storage object of a given type.\n *\n * @param {string} type - The type of storage to set.\n * @param {object} data - The data to set.\n */\nexport function setStorage(type, data = {}) {\n  if (isValidType(\"string\", { type }) && isValidType(\"object\", { data })) {\n    window.Graupl[type] = data;\n  }\n}\n\n/**\n * Clear the storage object of a given type.\n *\n * @param {string} type - The type of storage to clear.\n */\nexport function clearStorage(type) {\n  if (isValidType(\"string\", { type })) {\n    window.Graupl[type] = {};\n  }\n}\n\n/**\n * Push a value to the storage object.\n *\n * @param {string} type  - The type of storage to push to.\n * @param {string} key   - The key to use for the value.\n * @param {*}      value - The value to store.\n */\nexport function pushToStorage(type, key, value) {\n  if (isValidType(\"string\", { type, key })) {\n    window.Graupl[type][key] = value;\n  }\n}\n\n/**\n * Get a value from the storage object.\n *\n * @param  {string }type - The type of storage to get from.\n * @param  {string }key  - The key to get the value from.\n * @return {*}           - The value from the storage object.\n */\nexport function getFromStorage(type, key) {\n  if (isValidType(\"string\", { type, key })) {\n    return window.Graupl[type][key];\n  }\n\n  return null;\n}\n\n/**\n * Remove a value from the storage object.\n *\n * @param {string} type - The type of storage to remove from.\n * @param {string} key  - The key to remove the value from.\n */\nexport function removeFromStorage(type, key) {\n  if (isValidType(\"string\", { type, key })) {\n    delete window.Graupl[type][key];\n  }\n}\n\nexport default {\n  initializeStorage,\n  getStorage,\n  setStorage,\n  clearStorage,\n  pushToStorage,\n  getFromStorage,\n  removeFromStorage,\n};\n","/**\n * A utility class that maintains a \"current\" value and a \"committed\" value.\n *\n * Useful when you need to:\n * - Track in-progress edits and revert to the last saved state.\n * - Compare pending and committed states.\n * - Know if a value has changed since last commit.\n *\n * @example\n * // Managing a form field\n * const username = new TransactionalValue(\"Nick\");\n * username.value = \"NickDJM\";\n * if (username.isDirty) {\n *   console.log(\"Unsaved changes detected\");\n *   username.commit(); // saves the new value\n * }\n *\n * @example\n * // Reverting edits\n * const counter = new TransactionalValue(10);\n * counter.value = 15;\n * counter.reset(); // reverts to 10\n */\nexport class TransactionalValue {\n  /**\n   * Creates a new TransactionalValue instance.\n   *\n   * @param {*} initialValue - The starting (and initially committed) value.\n   * @param {{ equals?: function(*, *): boolean }} [options] - Optional config.\n   * @param {function(*, *): boolean} [options.equals] - Custom equality comparator. Defaults to `Object.is`.\n   */\n  constructor(initialValue, options = {}) {\n    /**\n     * A comparator function used to check equality between\n     * the current and committed values.\n     *\n     * @private\n     *\n     * @type {function(*, *): boolean}\n     */\n    this._equals = options.equals || Object.is;\n\n    /**\n     * The current, editable value.\n     *\n     * @private\n     *\n     * @type {*}\n     */\n    this._current = initialValue;\n\n    /**\n     * The last committed (baseline) value.\n     *\n     * @private\n     *\n     * @type {*}\n     */\n    this._committed = initialValue;\n  }\n\n  /**\n   * Gets the current editable value.\n   *\n   * @return {*} The current value.\n   *\n   * @see _current\n   */\n  get value() {\n    return this._current;\n  }\n\n  /**\n   * Sets the current editable value.\n   *\n   * @param {*} val - The new value.\n   */\n  set value(val) {\n    this._current = val;\n  }\n\n  /**\n   * Gets the last committed (baseline) value.\n   *\n   * @readonly\n   *\n   * @return {*} The last committed value.\n   *\n   * @see _committed\n   */\n  get committed() {\n    return this._committed;\n  }\n\n  /**\n   * Checks whether the current value differs from the committed one.\n   *\n   * @readonly\n   *\n   * @return {boolean} `true` if current and committed values differ.\n   */\n  get isDirty() {\n    return !this._equals(this._current, this._committed);\n  }\n\n  /**\n   * Commits the current value, setting it as the new baseline.\n   *\n   * @return {TransactionalValue} The current instance.\n   */\n  commit() {\n    this._committed = this._current;\n    return this;\n  }\n\n  /**\n   * Resets the current value to the committed baseline.\n   *\n   * @return {TransactionalValue} The current instance.\n   */\n  reset() {\n    this._current = this._committed;\n    return this;\n  }\n\n  /**\n   * Applies a functional update to the current value.\n   *\n   * @param {function(*): *} fn - A function that receives the previous value and returns the new one.\n   * @return {TransactionalValue} The current instance.\n   *\n   * @example\n   * const t = new TransactionalValue(1);\n   * t.update(n => n + 1); // 2\n   */\n  update(fn) {\n    this._current = fn(this._current);\n    return this;\n  }\n}\n","/**\n * @file\n * The Disclosure class.\n */\n\nimport {\n  isValidInstance,\n  isValidClassList,\n  isValidType,\n  isValidState,\n  isValidEvent,\n  isTag,\n  isQuerySelector,\n} from \"../validate.js\";\nimport { addClass, removeClass } from \"../domHelpers.js\";\nimport { keyPress, preventEvent } from \"../eventHandlers.js\";\nimport storage from \"../storage.js\";\nimport { TransactionalValue } from \"../TransactionalValue.js\";\n\nclass Disclosure {\n  /**\n   * The DOM elements within the disclosure.\n   *\n   * @protected\n   *\n   * @type {Object<HTMLElement>}\n   *\n   * @property {HTMLElement} controller - The disclosure toggle element.\n   * @property {HTMLElement} disclosure - The disclosure element.\n   * @property {HTMLElement} content    - The disclosure content element.\n   */\n  _dom = {\n    controller: null,\n    disclosure: null,\n    content: null,\n  };\n\n  /**\n   * The DOM elements within the disclosure that cannot be reset or generated by the disclosure itself.\n   *\n   * @protected\n   *\n   * @type {string[]}\n   */\n  _domLock = [\"controller\", \"disclosure\"];\n\n  /**\n   * The query selectors used by the disclosure.\n   *\n   * @protected\n   *\n   * @type {Object<string>}\n   *\n   * @property {string} content - The query selector for the disclosure content.\n   */\n  _selectors = {\n    content: \"\",\n  };\n\n  /**\n   * The classes to apply when the disclosure is in various states.\n   *\n   * @protected\n   *\n   * @type {Object<string, string[]>}\n   *\n   * @property {string|string[]} open       - The class(es) to apply when the disclosure is open.\n   * @property {string|string[]} close      - The class(es) to apply when the disclousre is closed.\n   * @property {string|string[]} tranistion - The class(es) to apply when the disclosure is transitioning between states.\n   * @property {string|string[]} initialize - The class(es) to apply when the disclosure is initializing.\n   */\n  _classes = {\n    open: \"show\",\n    close: \"hide\",\n    transition: \"transitioning\",\n    initialize: \"initializing\",\n  };\n\n  /**\n   * The duration times (in milliseconds) for various things throughout the disclosure.\n   *\n   * @protected\n   *\n   * @type {Object<number>}\n   *\n   * @property {number} transition - The duration time (in milliseconds) for the transition between open and closed states.\n   * @property {number} open       - The duration time (in milliseconds) for the transition from closed to open states.\n   * @property {number} close      - The duration time (in milliseconds) for the transition from open to closed states.\n   */\n  _durations = {\n    transition: 5000,\n    open: -1,\n    close: -1,\n  };\n\n  /**\n   * The current state of the disclosure's focus.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _focusState = \"none\";\n\n  /**\n   * This last event triggered on the disclosure.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _currentEvent = \"none\";\n\n  /**\n   * The open state of the disclosure.\n   *\n   * @protected\n   *\n   * @type {TransactionalValue<boolean>}\n   */\n  _open = new TransactionalValue(false);\n\n  /**\n   * A value to force the disclosure open when the breakpoint width is passed.\n   *\n   * @protected\n   *\n   * @type {boolean}\n   */\n  _shouldOpen = false;\n\n  /**\n   * Whether or not to close the disclosure when it loses focus in the DOM.\n   *\n   * @protected\n   *\n   * @type {boolean}\n   */\n  _closeOnBlur = false;\n\n  /**\n   * The width of the screen (in pixels) that the disclosure will automatically open/close itself.\n   *\n   * @protected\n   *\n   * @type {number}\n   */\n  _breakpointWidth = -1;\n\n  /**\n   * This ResizeObserver for the disclosure.\n   *\n   * @protected\n   *\n   * @type {ResizeObserver|null}\n   */\n  _observer = null;\n\n  /**\n   * The event that is triggered when the disclosure expands.\n   *\n   * @protected\n   *\n   * @event grauplDisclosureExpand\n   *\n   * @type {CustomEvent}\n   *\n   * @property {boolean}            bubbles - A flag to bubble the event.\n   * @property {Object<Disclosure>} details - The details object containing the Disclosure itself.\n   */\n  _expandEvent = new CustomEvent(\"grauplDisclosureExpand\", {\n    bubbles: true,\n    detail: { disclosure: this },\n  });\n\n  /**\n   * The event that is triggered when the disclosure collapses.\n   *\n   * @protected\n   *\n   * @event grauplDisclosureCollapse\n   *\n   * @type {CustomEvent}\n   *\n   * @property {boolean}            bubbles - A flag to bubble the event.\n   * @property {Object<Disclosure>} details - The details object containing the Disclosure itself.\n   */\n  _collapseEvent = new CustomEvent(\"grauplDisclosureCollapse\", {\n    bubbles: true,\n    detail: { disclosure: this },\n  });\n\n  /**\n   * The prefix to use for CSS custom properties.\n   *\n   * @protected\n   *\n   * @type {string}\n   */\n  _prefix = \"graupl-\";\n\n  /**\n   * An array of error messages generated by the disclosure.\n   *\n   * @protected\n   *\n   * @type {string[]}\n   */\n  _errors = [];\n\n  /**\n   * Constructs a new `Disclosure`.\n   *\n   * @param {object}             options                                                   - The options for generating the disclosure.\n   * @param {HTMLElement}        options.disclosureElement                                 - The disclosure element in the DOM.\n   * @param {HTMLElement}        options.controllerElement                                 - The disclosure toggle element in the DOM.\n   * @param {string}             [options.disclosureContentSelector = .disclosure-content] - The query selector string for the disclosure content.\n   * @param {?(string|string[])} [options.openClass = show]                                - The class to apply when a disclosure is \"open\".\n   * @param {?(string|string[])} [options.closeClass = hide]                               - The class to apply when a disclosure is \"closed\".\n   * @param {?(string|string[])} [options.transitionClass = transitioning]                 - The class to apply when a disclosure is transitioning between \"open\" and \"closed\" states.\n   * @param {number}             [options.transitionDuration = 250]                        - The duration of the transition between \"open\" and \"closed\" states (in milliseconds).\n   * @param {boolean}            [options.openDuration = -1]                               - The duration of the transition from \"closed\" to \"open\" states (in milliseconds).\n   * @param {boolean}            [options.closeDuration = -1]                              - The duration of the transition from \"open\" to \"closed\" states (in milliseconds).\n   * @param {boolean}            [options.closeOnBlur = false]                             - Whether to close the disclosure when it loses focus in the dom.\n   * @param {boolean}            [options.minWidth = -1]                                   - The width of the screen (in pixels) that the disclosure will automatically open/close itself.\n   * @param {boolean}            [options.autoOpen = false]                                - Whether to automatically open when above the minWidth.\n   * @param {?string}            [options.prefix = graupl-]                                - The prefix to use for CSS custom properties.\n   * @param {?(string|string[])} [options.initializeClass = initializing]                  - The class to apply when a disclosure is initialzing.\n   * @param {boolean}            [options.initialize = false]                              - Whether to initialize the disclosure upon construction.\n   */\n  constructor({\n    disclosureElement,\n    controllerElement,\n    disclosureContentSelector = \".disclosure-content\",\n    openClass = \"show\",\n    closeClass = \"hide\",\n    transitionClass = \"transitioning\",\n    transitionDuration = 250,\n    openDuration = -1,\n    closeDuration = -1,\n    closeOnBlur = false,\n    minWidth = -1,\n    autoOpen = false,\n    prefix = \"graupl-\",\n    initializeClass = \"initializing\",\n    initialize = false,\n  }) {\n    // Set the DOM elements.\n    this._dom.disclosure = disclosureElement;\n    this._dom.controller = controllerElement;\n\n    // Set the DOM selectors.\n    this._selectors.content = disclosureContentSelector;\n\n    // Set the classes.\n    this._classes.open = openClass || \"\";\n    this._classes.close = closeClass || \"\";\n    this._classes.transition = transitionClass || \"\";\n    this._classes.initialize = initializeClass || \"\";\n\n    // Set the transition durations.\n    this._durations.transition = transitionDuration;\n    this._durations.open = openDuration;\n    this._durations.close = closeDuration;\n\n    // Set close on blur.\n    this._closeOnBlur = closeOnBlur;\n\n    // Set collapse width and auto open functionality.\n    this._breakpointWidth = minWidth;\n    this._shouldOpen = autoOpen;\n\n    // Set the prefix.\n    this._prefix = prefix;\n\n    if (initialize) {\n      this.initialize();\n    }\n  }\n\n  /**\n   * Initializes the disclosure.\n   */\n  initialize() {\n    try {\n      if (!this._validate()) {\n        throw new Error(\n          `Graupl Disclosure: cannot initialize disclosure. The following errors have been found:\\n - ${this.errors.join(\n            \"\\n - \"\n          )}`\n        );\n      }\n\n      addClass(this._classes.initialize, this.dom.disclosure);\n\n      // Set up the DOM.\n      this._generateKey();\n      this._setDOMElements();\n      this._setIds();\n      this._setAriaAttributes();\n\n      // Handle events.\n      this._handleFocus();\n      this._handleClick();\n      this._handleKeydown();\n      this._handleKeyup();\n      this._handleResize();\n\n      // Set the custom props.\n      this._setTransitionDurations();\n\n      // Set up the storage.\n      storage.initializeStorage(\"disclosures\");\n      storage.initializeStorage(\"disclosures\");\n      storage.pushToStorage(\"disclosures\", this.dom.disclosure.id, this);\n\n      if (\n        this.dom.controller.getAttribute(\"aria-expanded\") === \"true\" ||\n        (this.shouldOpen && window.matchMedia(this.openQuery).matches)\n      ) {\n        this._expand(false, false);\n      } else {\n        this._collapse(false, false);\n      }\n\n      requestAnimationFrame(() => {\n        removeClass(this._classes.initialize, this.dom.disclosure);\n      });\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  /**\n   * The DOM elements within the disclosure.\n   *\n   * @readonly\n   *\n   * @type {Object<HTMLElement>}\n   *\n   * @see _dom\n   */\n  get dom() {\n    return this._dom;\n  }\n\n  /**\n   * The query selectors used by the disclosure.\n   *\n   * @readonly\n   *\n   * @type {Object<string>}\n   *\n   * @see _selectors\n   */\n  get selectors() {\n    return this._selectors;\n  }\n\n  /**\n   * The class(es) to apply when the disclosure is open.\n   *\n   * @type {string|string[]}\n   *\n   * @see _classes.open\n   */\n  get openClass() {\n    return this._classes.open;\n  }\n\n  set openClass(value) {\n    isValidClassList({ openClass: value });\n\n    if (this._classes.open !== value) {\n      this._classes.open = value;\n    }\n  }\n\n  /**\n   * The class(es) to apply when the disclosure is closed.\n   *\n   * @type {string|string[]}\n   *\n   * @see _classes.close\n   */\n  get closeClass() {\n    return this._classes.close;\n  }\n\n  set closeClass(value) {\n    isValidClassList({ closeClass: value });\n\n    if (this._classes.close !== value) {\n      this._classes.close = value;\n    }\n  }\n\n  /**\n   * The class(es) to apply when the disclosure is transitioning between open and closed.\n   *\n   * @type {string|string[]}\n   *\n   * @see _classes.transition\n   */\n  get transitionClass() {\n    return this._classes.transition;\n  }\n\n  set transitionClass(value) {\n    isValidClassList({ transitionClass: value });\n\n    if (this._classes.transition !== value) {\n      this._classes.transition = value;\n    }\n  }\n\n  /**\n   * The class(es) to apply to the shelf when the disclosure is initializing.\n   *\n   * @type {string|string[]}\n   *\n   * @see _classes\n   */\n  get initializeClass() {\n    return this._classes.initialize;\n  }\n\n  set initializeClass(value) {\n    isValidClassList({ initializeClass: value });\n\n    if (this._classes.initialize !== value) {\n      this._classes.initialize = value;\n    }\n  }\n\n  /**\n   * The duration time (in milliseconds) for the transition between open and closed states.\n   *\n   * Setting this value will also set the --graupl-transition-duration CSS custom property on the disclosure.\n   *\n   * @type {number}\n   *\n   * @see _durations.transition\n   */\n  get transitionDuration() {\n    return this._durations.transition;\n  }\n\n  set transitionDuration(value) {\n    isValidType(\"number\", { value });\n\n    if (this._durations.transition !== value) {\n      this._durations.transition = value;\n      this._setTransitionDurations();\n    }\n  }\n\n  /**\n   * The duration time (in milliseconds) for the transition from closed to open states.\n   *\n   * If openDuration is set to -1, the transitionDuration value will be used instead.\n   *\n   * Setting this value will also set the --graupl-open-transition-duration CSS custom property on the disclosure.\n   *\n   * @type {number}\n   *\n   * @see _durations.open\n   */\n  get openDuration() {\n    if (this._durations.open === -1) return this.transitionDuration;\n\n    return this._durations.open;\n  }\n\n  set openDuration(value) {\n    isValidType(\"number\", { value });\n\n    if (this._durations.open !== value) {\n      this._durations.open = value;\n      this._setTransitionDurations();\n    }\n  }\n\n  /**\n   * The duration time (in milliseconds) for the transition from open to closed states.\n   *\n   * If closeDuration is set to -1, the transitionDuration value will be used instead.\n   *\n   * Setting this value will also set the --graupl-close-transition-duration CSS custom property on the disclosure.\n   *\n   * @type {number}\n   *\n   * @see _durations.close\n   */\n  get closeDuration() {\n    if (this._durations.close === -1) return this.transitionDuration;\n\n    return this._durations.close;\n  }\n\n  set closeDuration(value) {\n    isValidType(\"number\", { value });\n\n    if (this._durations.close !== value) {\n      this._durations.close = value;\n      this._setTransitionDurations();\n    }\n  }\n\n  /**\n   * The width of the screen (in pixels) that the disclosure will automatically open/close itself.\n   *\n   * @type {number}\n   *\n   * @see _breakpointWidth\n   */\n  get minWidth() {\n    return this._breakpointWidth;\n  }\n\n  set minWidth(value) {\n    isValidType(\"number\", { value });\n\n    if (this._breakpointWidth !== value) {\n      this._breakpointWidth = value;\n    }\n  }\n\n  /**\n   * Whether to close the disclosure when it loses focus in the DOM.\n   *\n   * @type {boolean}\n   *\n   * @see _closeOnBlur\n   */\n  get closeOnBlur() {\n    return this._closeOnBlur;\n  }\n\n  set closeOnBlur(value) {\n    isValidType(\"boolean\", { value });\n\n    if (this._closeOnBlur !== value) {\n      this._closeOnBlur = value;\n    }\n  }\n\n  /**\n   * The current state of the disclosure's focus.\n   *\n   * @type {string}\n   *\n   * @see _focusState\n   */\n  get focusState() {\n    return this._focusState;\n  }\n\n  set focusState(value) {\n    isValidState({ value });\n\n    if (this._focusState !== value) {\n      this._focusState = value;\n    }\n  }\n\n  /**\n   * The last event triggered on the disclosure.\n   *\n   * @type {string}\n   *\n   * @see _currentEvent\n   */\n  get currentEvent() {\n    return this._currentEvent;\n  }\n\n  set currentEvent(value) {\n    isValidEvent({ value });\n\n    if (this._currentEvent !== value) {\n      this._currentEvent = value;\n    }\n  }\n\n  /**\n   * The prefix to use for CSS custom properties.\n   *\n   * @type {string}\n   *\n   * @see _prefix\n   */\n  get prefix() {\n    return this._prefix;\n  }\n\n  set prefix(value) {\n    isValidType(\"string\", { value });\n\n    if (this._prefix !== value) {\n      this._prefix = value;\n      this._setTransitionDurations();\n    }\n  }\n\n  /**\n   * The open state of the disclosure.\n   *\n   * @readonly\n   *\n   * @type {boolean}\n   *\n   * @see _open\n   */\n  get isOpen() {\n    return this._open.value;\n  }\n\n  /**\n   * The open state of the disclosure that the user specifically triggered.\n   *\n   * @readonly\n   *\n   * @type {boolean}\n   *\n   * @see _open\n   */\n  get hasOpened() {\n    return this._open.committed;\n  }\n\n  /**\n   * A value to force opening reguardless of user interaction.\n   *\n   * @type {boolean}\n   *\n   * @see _shouldOpen\n   */\n  get shouldOpen() {\n    return this._shouldOpen;\n  }\n\n  set shouldOpen(value) {\n    isValidType(\"boolean\", { value });\n\n    if (this._shouldOpen !== value) {\n      this._shouldOpen = value;\n    }\n  }\n\n  /**\n   * A media query for when the disclosure should open.\n   *\n   * Will return an empty string if no min width is set.\n   *\n   * @readonly\n   *\n   * @type {string}\n   */\n  get openQuery() {\n    if (this.minWidth === -1) {\n      return \"\";\n    }\n\n    return `(width > ${this.minWidth}px)`;\n  }\n\n  /**\n   * A media query for when the disclosure should close.\n   *\n   * Will return an empty string if no min width is set.\n   *\n   * @readonly\n   *\n   * @type {string}\n   */\n  get closeQuery() {\n    if (this.minWidth === -1) {\n      return \"\";\n    }\n\n    return `(width <= ${this.minWidth}px)`;\n  }\n\n  /**\n   * A flag to check if the disclosure's focus methods should _actually_ move the focus in the DOM.\n   *\n   * This will be `false` unless any of the following criteria are met:\n   * - The disclosure's current event is \"keyboard\".\n   *\n   * @readonly\n   *\n   * @type {boolean}\n   */\n  get shouldFocus() {\n    let check = false;\n\n    if (this.currentEvent === \"keyboard\") {\n      check = true;\n    }\n\n    return check;\n  }\n\n  /**\n   * An array of error messages generated by the disclosure.\n   *\n   * @readonly\n   *\n   * @type {string[]}\n   *\n   * @see _errors\n   */\n  get errors() {\n    return this._errors;\n  }\n\n  /**\n   * Validates all aspects on the disclosure to ensure proper functionality.\n   *\n   * @protected\n   *\n   * @return {boolean} - The result of the validation.\n   */\n  _validate() {\n    let check = true;\n\n    // HTML element checks.\n    const htmlElementChecks = isValidInstance(HTMLElement, {\n      disclosureElement: this._dom.disclosure,\n      controllerElement: this._dom.controller,\n    });\n\n    if (!htmlElementChecks.status) {\n      this._errors.push(htmlElementChecks.error.message);\n      check = false;\n    }\n\n    // Query selector checks.\n    const querySelectorChecks = isQuerySelector({\n      disclosureContentSelector: this._selectors.content,\n    });\n\n    if (!querySelectorChecks.status) {\n      this._errors.push(querySelectorChecks.error.message);\n      check = false;\n    }\n\n    // Class list checks.\n    const classes = {};\n\n    for (const className of Object.keys(this._classes)) {\n      if (this._classes[className] === \"\") {\n        continue;\n      }\n\n      classes[`${className}Class`] = this._classes[className];\n    }\n\n    const classListChecks = isValidClassList(classes);\n\n    if (!classListChecks.status) {\n      this._errors.push(classListChecks.error.message);\n      check = false;\n    }\n\n    // Duration checks.\n    const durations = {};\n\n    for (const durationName of Object.keys(this._durations)) {\n      durations[`${durationName}Duration`] = this._durations[durationName];\n    }\n\n    const durationChecks = isValidType(\"number\", durations);\n\n    if (!durationChecks.status) {\n      this._errors.push(durationChecks.error.message);\n      check = false;\n    }\n\n    // Prefix check.\n    const prefixCheck = isValidType(\"string\", { prefix: this._prefix });\n\n    if (!prefixCheck.status) {\n      this._errors.push(prefixCheck.error.message);\n      check = false;\n    }\n\n    return check;\n  }\n\n  /**\n   * Generates a key for the disclosure.\n   *\n   * @param {boolean} [regenerate = false] - A flag to determine if the key should be regenerated.\n   */\n  _generateKey(regenerate = false) {\n    if (this.key === \"\" || regenerate) {\n      this.key = Math.random()\n        .toString(36)\n        .replace(/[^a-z]+/g, \"\")\n        .substring(0, 10);\n    }\n  }\n\n  /**\n   * Sets the IDs of the disclosure and it's controller if they do not already exist.\n   *\n   * The generated IDs use the key and follow the format:\n   *  - disclosure: `disclosure-${key}`\n   *  - controller: `disclosure-controller-${key}`\n   *\n   * @protected\n   */\n  _setIds() {\n    this.dom.disclosure.id = this.dom.disclosure.id || `disclosure-${this.key}`;\n    this.dom.controller.id =\n      this.dom.controller.id || `disclosure-controller-${this.key}`;\n  }\n\n  /**\n   * Sets the ARIA attributes on the disclosure and its controller.\n   *\n   * The first steps are to ensure that the controlled has `aria-expanded` set to \"false\"\n   * if it's not already explicity set to \"true\".\n   *\n   * Then, set the `aria-controls` attribute on the controller to the disclosure's ID.\n   *\n   * Finally, ensure the controller element has a role of \"button\" if it is not a native button element.\n   *\n   * @protected\n   */\n  _setAriaAttributes() {\n    // If the controller element doesn't have aria-expanded set to true, set it to false.\n    if (this.dom.controller.getAttribute(\"aria-expanded\") !== \"true\") {\n      this.dom.controller.setAttribute(\"aria-expanded\", \"false\");\n    }\n\n    // Set the aria-controls attribute on the controller to the disclosure's ID.\n    this.dom.controller.setAttribute(\"aria-controls\", this.dom.disclosure.id);\n\n    // If the controller element is not a button, set its role to button.\n    if (!isTag(\"button\", { controller: this.dom.controller })) {\n      this.dom.controller.setAttribute(\"role\", \"button\");\n    }\n  }\n\n  /**\n   * Sets the transition durations of the disclosure as a CSS custom properties.\n   *\n   * The custom properties are:\n   *   - `--graupl-disclosure-transition-duration`,\n   *   - `--graupl-disclosure-open-transition-duration`, and\n   *   - `--graupl-disclosure-close-transition-duration`.\n   *\n   * The prefix of `graupl-` can be changed by setting the disclosure's prefix value.\n   *\n   * @protected\n   */\n  _setTransitionDurations() {\n    this.dom.disclosure.style.setProperty(\n      `--${this.prefix}disclosure-transition-duration`,\n      `${this.transitionDuration}ms`\n    );\n\n    this.dom.disclosure.style.setProperty(\n      `--${this.prefix}disclosure-open-transition-duration`,\n      `${this.openDuration}ms`\n    );\n\n    this.dom.disclosure.style.setProperty(\n      `--${this.prefix}disclosure-close-transition-duration`,\n      `${this.closeDuration}ms`\n    );\n  }\n\n  /**\n   * Sets DOM elements.\n   *\n   * Elements listed in _domLock cannot be set using this method.\n   *\n   * @protected\n   *\n   * @param {string}                      elementType                          - The type of element to populate.\n   * @param {Object<HTMLElement,boolean>} [options = {}]                       - The options for setting the DOM element type.\n   * @param {HTMLElement}                 [options.base = this.dom.disclosure] - The element used as the base for the querySelector.\n   * @param {boolean}                     [options.overwrite = true]           - A flag to set if the existing elements will be overwritten.\n   * @param {boolean}                     [options.strict = true]              - A flag to set if the elements must be direct children of the base.\n   */\n  _setDOMElementType(\n    elementType,\n    { base = this.dom.disclosure, overwrite = true, strict = true } = {}\n  ) {\n    if (typeof this.selectors[elementType] === \"string\") {\n      if (this._domLock.includes(elementType)) {\n        throw new Error(\n          `Graupl ${this.constructor.name}: \"${elementType}\" element cannot be set through _setDOMElementType.`\n        );\n      }\n\n      if (base !== this.dom.disclosure) isValidInstance(HTMLElement, { base });\n\n      // Get the all elements matching the selector in the base.\n      const domElements = Array.from(\n        base.querySelectorAll(this.selectors[elementType])\n      );\n\n      // Filter the elements so only direct children of the base are kept.\n      const filteredElements = domElements.filter((item) =>\n        strict ? item.parentElement === base : true\n      );\n\n      if (overwrite) {\n        if (Array.isArray(this._dom[elementType])) {\n          this._dom[elementType] = filteredElements;\n        } else {\n          this._dom[elementType] = filteredElements[0] || null;\n        }\n      } else {\n        if (Array.isArray(this._dom[elementType])) {\n          this._dom[elementType] = [\n            ...this._dom[elementType],\n            ...filteredElements,\n          ];\n        } else {\n          this._dom[elementType] = filteredElements[0] || null;\n        }\n      }\n    } else {\n      throw new Error(\n        `Graupl ${this.constructor.name}: \"${elementType}\" is not a valid element type.`\n      );\n    }\n  }\n\n  /**\n   * Resets DOM elements.\n   *\n   * Elements listed in _domLock cannot be reset using this method.\n   *\n   * @protected\n   *\n   * @param {string} elementType - The type of element to clear.\n   */\n  _resetDOMElementType(elementType) {\n    if (typeof this.selectors[elementType] === \"string\") {\n      if (this._domLock.includes(elementType)) {\n        throw new Error(\n          `Graupl ${this.constructor.name}: \"${elementType}\" element cannot be reset through _resetDOMElementType.`\n        );\n      }\n\n      if (Array.isArray(this._dom[elementType])) {\n        this._dom[elementType] = [];\n      } else {\n        this._dom[elementType] = null;\n      }\n    } else {\n      throw new Error(\n        `Graupl ${this.constructor.name}: \"${elementType}\" is not a valid element type.`\n      );\n    }\n  }\n\n  /**\n   * Sets all DOM elements within the disclosure.\n   *\n   * Utilizes _setDOMElementType and\n   * _resetDOMElementType.\n   *\n   * @protected\n   */\n  _setDOMElements() {\n    this._resetDOMElementType(\"content\");\n    this._setDOMElementType(\"content\");\n  }\n\n  /**\n   * Expands the disclosure.\n   *\n   * Sets the controller's `aria-expanded` to \"true\", adds the\n   * open class to the disclosure, and removes the closed class from the disclosure.\n   *\n   * @protected\n   *\n   * @fires grauplDisclosureExpand\n   *\n   * @param {boolean} [emit = true]       - Emit the expand event once expanded.\n   * @param {boolean} [transition = true] - Respect the transition class.\n   */\n  _expand(emit = true, transition = true) {\n    this.dom.controller.setAttribute(\"aria-expanded\", \"true\");\n\n    // If we're dealing with transition classes, then we need to utilize\n    // requestAnimationFrame to add the transition class, remove the close class,\n    // add the open class, and finally remove the transition class.\n    if (transition && this.transitionlass !== \"\") {\n      // this.dom.disclosure.style.height = `${this.dom.disclosure.getBoundingClientRect().height}px`;\n      // console.log(this.dom.disclosure.style.height);\n      addClass(this.transitionClass, this.dom.disclosure);\n\n      requestAnimationFrame(() => {\n        removeClass(this.closeClass, this.dom.disclosure);\n\n        // this.dom.disclosure.style.height = `${this.dom.disclosure.getBoundingClientRect().height}px`;\n        // console.log(this.dom.disclosure.style.height);\n\n        requestAnimationFrame(() => {\n          addClass(this.openClass, this.dom.disclosure);\n\n          // this.dom.disclosure.style.height = `${this.dom.content.getBoundingClientRect().height}px`;\n          // console.log(this.dom.disclosure.style.height);\n\n          requestAnimationFrame(() => {\n            setTimeout(() => {\n              removeClass(this.transitionClass, this.dom.disclosure);\n\n              // this.dom.disclosure.style.height = \"\";\n              // console.log(this.dom.disclosure.style.height);\n            }, this.openDuration);\n          });\n        });\n      });\n    } else {\n      // Add the open class\n      addClass(this.openClass, this.dom.disclosure);\n\n      // Remove the close class.\n      removeClass(this.closeClass, this.dom.disclosure);\n    }\n\n    this.dom.content.removeAttribute(\"inert\");\n\n    if (emit) {\n      this.dom.controller.dispatchEvent(this._expandEvent);\n    }\n  }\n\n  /**\n   * Collapses the disclosure.\n   *\n   * Sets the controller's `aria-expanded` to \"false\", adds the\n   * close class to the disclosure, and removes the open class from the disclosure.\n   *\n   * @protected\n   *\n   * @fires grauplDisclosureCollapse\n   *\n   * @param {boolean} [emit = true]       - Emit the collapse event once collapsed.\n   * @param {boolean} [transition = true] - Respect the transition class.\n   */\n  _collapse(emit = true, transition = true) {\n    this.dom.controller.setAttribute(\"aria-expanded\", \"false\");\n\n    // If we're dealing with transition classes, then we need to utilize\n    // requestAnimationFrame to add the transition class, remove the open class,\n    // add the close class, and finally remove the transition class.\n    if (transition && this.transitionClass !== \"\") {\n      // this.dom.disclosure.style.height = `${this.dom.content.getBoundingClientRect().height}px`;\n      // console.log(this.dom.disclosure.style.height);\n\n      addClass(this.transitionClass, this.dom.disclosure);\n\n      requestAnimationFrame(() => {\n        removeClass(this.openClass, this.dom.disclosure);\n\n        // this.dom.disclosure.style.height = `${this.dom.content.getBoundingClientRect().height}px`;\n        // console.log(this.dom.disclosure.style.height);\n\n        requestAnimationFrame(() => {\n          addClass(this.closeClass, this.dom.disclosure);\n\n          // this.dom.disclosure.style.height = `${this.dom.disclosure.getBoundingClientRect().height}px`;\n          // console.log(this.dom.disclosure.style.height);\n\n          requestAnimationFrame(() => {\n            setTimeout(() => {\n              removeClass(this.transitionClass, this.dom.disclosure);\n\n              this.dom.content.innert = true;\n\n              // this.dom.disclosure.style.height = \"\";\n              // console.log(this.dom.disclosure.style.height);\n            }, this.closeDuration);\n          });\n        });\n      });\n    } else {\n      // Add the close class\n      addClass(this.closeClass, this.dom.disclosure);\n\n      // Remove the open class.\n      removeClass(this.openClass, this.dom.disclosure);\n    }\n\n    this.dom.content.setAttribute(\"inert\", \"true\");\n\n    if (emit) {\n      this.dom.controller.dispatchEvent(this._collapseEvent);\n    }\n  }\n\n  _handleResize() {\n    if (this._breakpointWidth <= 0) {\n      return;\n    }\n\n    let width = 0;\n\n    this._observer = new ResizeObserver((entries) => {\n      requestAnimationFrame(() => {\n        for (const entry of entries) {\n          const boxSize = Array.isArray(entry.contentBoxSize)\n            ? entry.contentBoxSize[0]\n            : entry.contentBoxSize;\n          const inlineSize =\n            boxSize && typeof boxSize.inlineSize === \"number\"\n              ? boxSize.inlineSize\n              : entry.contentRect.width;\n\n          if (typeof inlineSize !== \"number\") continue;\n\n          if (width === inlineSize) continue;\n\n          const belowBreakpoint = inlineSize <= this.minWidth;\n          const aboveBreakpoint = inlineSize > this.minWidth;\n\n          if (belowBreakpoint && this.isOpen) {\n            this.close({ preserveState: true });\n          } else if (\n            aboveBreakpoint &&\n            !this.isOpen &&\n            (this.hasOpened || this.shouldOpen)\n          ) {\n            this.open();\n          }\n\n          width = inlineSize;\n        }\n      });\n    });\n    this._observer.observe(document.body);\n  }\n\n  /**\n   * Handles focus events throughout the disclosure.\n   *\n   * - Adds a `focusout` listener to the disclosure so when the disclosure loses focus it will close.\n   */\n  _handleFocus() {\n    this.dom.disclosure.addEventListener(\"focusout\", (event) => {\n      if (\n        !this.closeOnBlur ||\n        this.currentEvent !== \"keyboard\" ||\n        event.relatedTarget === null ||\n        this.dom.disclosure.contains(event.relatedTarget) ||\n        this.dom.controller === event.relatedTarget\n      ) {\n        return;\n      }\n\n      this.close();\n    });\n  }\n\n  /**\n   * Handles click events throughout the disclosure.\n   *\n   * - Adds a `pointerup` listener to the controller that toggles the disclosure.\n   * - Adds a `pointerup` listener to the `document` so if the user clicks outside the disclosure it will close.\n   */\n  _handleClick() {\n    this.dom.controller.addEventListener(\"pointerup\", (event) => {\n      this.currentEvent = \"mouse\";\n\n      if (event.button !== 0) return;\n\n      preventEvent(event);\n      this.toggle();\n    });\n\n    document.addEventListener(\"pointerup\", (event) => {\n      if (this.focusState !== \"self\" || !this.closeOnBlur) return;\n\n      this.currentEvent = \"mouse\";\n\n      if (\n        !this.dom.disclosure.contains(event.target) &&\n        this.dom.controller !== event.target\n      ) {\n        this.close();\n      }\n    });\n  }\n\n  /**\n   * Handles keydown events throughout the disclosure.\n   *\n   * This method exists to assist the _handleKeyup method.\n   *\n   * - Adds a `keydown` listener to the controller.\n   *   - Blocks propagation on \"Space\" and \"Enter\" keys.\n   * - Adds a `keydown` listener to the disclosure.\n   *   - Blocks propagation on \"Escape\" keys.\n   */\n  _handleKeydown() {\n    this.dom.controller.addEventListener(\"keydown\", (event) => {\n      this.currentEvent = \"keyboard\";\n\n      const key = keyPress(event);\n\n      switch (key) {\n        case \"Space\":\n        case \"Enter\":\n          preventEvent(event);\n\n          break;\n      }\n    });\n\n    this.dom.disclosure.addEventListener(\"keydown\", (event) => {\n      this.currentEvent = \"keyboard\";\n\n      const key = keyPress(event);\n\n      switch (key) {\n        case \"Escape\":\n          preventEvent(event);\n\n          break;\n      }\n    });\n  }\n\n  /**\n   * Handles keyup events throughout the disclosure.\n   *\n   * - Adds a `keyup` listener to the controller.\n   *   - Toggles the disclosure on \"Space\" and \"Enter\" keys.\n   * - Adds a `keyup` listener to the disclosure.\n   *   - Closes the disclosure on \"Escape\" keys.\n   */\n  _handleKeyup() {\n    this.dom.controller.addEventListener(\"keyup\", (event) => {\n      this.currentEvent = \"keyboard\";\n\n      const key = keyPress(event);\n\n      switch (key) {\n        case \"Space\":\n        case \"Enter\":\n          this.toggle();\n\n          preventEvent(event);\n\n          break;\n      }\n    });\n\n    this.dom.disclosure.addEventListener(\"keyup\", (event) => {\n      this.currentEvent = \"keyboard\";\n\n      const key = keyPress(event);\n\n      switch (key) {\n        case \"Escape\":\n          this.close();\n\n          preventEvent(event);\n\n          break;\n      }\n    });\n  }\n\n  /**\n   * Opens the disclosure.\n   *\n   * Sets the disclosure's focus state to \"self\", calls expand, and sets isOpen to `true`.\n   *\n   * @public\n   *\n   * @param {Object<boolean>} [options = {}]                  - Options for opening the disclosure.\n   * @param {boolean}         [options.force = false]         - Whether to force the open action.\n   * @param {boolean}         [options.preserveState = false] - Whether to preserve the open state.\n   */\n  open({ force = false, preserveState = false } = {}) {\n    if (this.isOpen && !force) return;\n\n    // Set the focus state.\n    this.focusState = \"self\";\n\n    // Expand the disclosure.\n    this._expand();\n\n    // Set the open state.\n    this._open.value = true;\n\n    if (!preserveState) {\n      this._open.commit();\n    }\n  }\n\n  /**\n   * Opens the disclosure without entering it.\n   *\n   * Sets the disclosure's focus state to \"none\", calls expand, and sets isOpen to `true`.\n   *\n   * @public\n   *\n   * @param {Object<boolean>} [options = {}]                  - Options for previewing the disclosure.\n   * @param {boolean}         [options.force = false]         - Whether to force the preview action.\n   * @param {boolean}         [options.preserveState = false] - Whether to preserve the open state.\n   */\n  preview({ force = false, preserveState = false } = {}) {\n    if (this.isOpen && !force) return;\n\n    // Set the focus state.\n    this.focusState = \"none\";\n\n    // Expand the disclosure.\n    this._expand();\n\n    // Set the open state.\n    this._open.value = true;\n\n    if (!preserveState) {\n      this._open.commit();\n    }\n  }\n\n  /**\n   * Closes the disclosure.\n   *\n   * Sets the disclosure's focus state to \"none\", calls collapse, and sets isOpen to `false`.\n   *\n   * @public\n   *\n   * @param {Object<boolean>} [options = {}]                  - Options for closing the disclosure.\n   * @param {boolean}         [options.force = false]         - Whether to force the close action.\n   * @param {boolean}         [options.preserveState = false] - Whether to preserve the open state.\n   */\n  close({ force = false, preserveState = false } = {}) {\n    if (!this.isOpen && !force) return;\n\n    // Set the focus state.\n    this.focusState = \"none\";\n\n    // Collapse the disclosure.\n    this._collapse();\n\n    // Set the open state.\n    this._open.value = false;\n\n    if (!preserveState) {\n      this._open.commit();\n    }\n  }\n\n  /**\n   * Toggles the open state of the disclosure.\n   *\n   * @public\n   *\n   * @param {Object<boolean>} [options = {}]                  - Options for toggling the disclosure.\n   * @param {boolean}         [options.force = false]         - Whether to force the open or close action.\n   * @param {boolean}         [options.preserveState = false] - Whether to preserve the open state.\n   */\n  toggle({ force = false, preserveState = false } = {}) {\n    if (this.isOpen) {\n      this.close({ force, preserveState });\n    } else {\n      this.open({ force, preserveState });\n    }\n  }\n}\n\nexport default Disclosure;\n","/**\n * Mark DOM elements as processed to prevent multiple initializations.\n *\n * @module @drupal/once\n *\n * @example <!-- Use as a module -->\n * <script type=\"module\">\n *   import once from 'https://unpkg.com/@drupal/once/src/once.js';\n *   const elements = once('my-once-id', 'div');\n *   // Initialize elements.\n *   elements.forEach(el => el.innerHTML = 'processed');\n * </script>\n *\n * @example <!-- Use as a regular script -->\n * <script src=\"https://unpkg.com/@drupal/once\"></script>\n * <script>\n *   const elements = once('my-once-id', 'div');\n *   // Initialize elements.\n *   elements.forEach(el => el.innerHTML = 'processed');\n * </script>\n * @example <!-- Using a single element as input-->\n * <script src=\"https://unpkg.com/@drupal/once\"></script>\n * <script>\n *   // once methods always return an array, to simplify the use with a single\n *   // element use destructuring or the shift method.\n *   const [myElement] = once('my-once-id', document.body);\n *   const myElement = once('my-once-id', document.body).shift();\n * </script>\n */\n\n/**\n * Illegal spaces in ids.\n *\n * @private\n *\n * @type {RegExp}\n */\nconst wsRE = /[\\11\\12\\14\\15\\40]+/;\n\n/**\n * Name of the HTML attribute containing an element's once ids.\n *\n * @private\n *\n * @type {string}\n */\nconst attrName = 'data-once';\n\n/**\n * Shortcut to access the html element.\n *\n * @private\n *\n * @type {HTMLElement}\n */\nconst doc = document;\n\n/**\n * Helper to access element attributes.\n *\n * @private\n *\n * @param {Element} element\n *   The Element to access the data-once attribute from.\n * @param {string} op\n *   The action to take on the element.\n * @param {string} [value]\n *   Optional value for setAttribute.\n *\n * @return {string|undefined|null|boolean}\n *   Result of the attribute method.\n */\nfunction attr(element, op, value) {\n  return element[`${op}Attribute`](attrName, value);\n}\n\n/**\n * Return the attribute selector.\n *\n * @private\n *\n * @param {string} id\n *   The id passed by a call to a once() function.\n *\n * @return {string}\n *   The full CSS attribute selector.\n *\n * @throws {TypeError|RangeError}\n */\nfunction attrSelector(id) {\n  // Verify the validity of the once id.\n  if (typeof id !== 'string') {\n    throw new TypeError('once ID must be a string');\n  }\n  if (id === '' || wsRE.test(id)) {\n    throw new RangeError('once ID must not be empty or contain spaces');\n  }\n  // The id is valid, return the full CSS selector.\n  return `[${attrName}~=\"${id}\"]`;\n}\n\n/**\n * Verifies that an item is an instance of Element.\n *\n * This function is used during filtering to ensure only DOM elements are\n * processed. once() makes use of get/setAttribute, which are methods\n * inherited from the Element object, so only of Element can be used.\n *\n * @private\n *\n * @param {*} itemToCheck\n *   The item to check.\n *\n * @return {boolean}\n *   True if the item is an instance of Element\n *\n * @throws {TypeError}\n */\nfunction checkElement(itemToCheck) {\n  if (!(itemToCheck instanceof Element)) {\n    throw new TypeError('The element must be an instance of Element');\n  }\n  return true;\n}\n\n/**\n * Process arguments, query the DOM if necessary.\n *\n * @private\n *\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements.\n * @param {Document|DocumentFragment|Element} [context=document]\n *   An element or document object to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   An array with the processed Id and the list of elements to process.\n */\nfunction getElements(selector, context = doc) {\n  // Assume selector is an array-like value.\n  let elements = selector;\n\n  // If selector is null it is most likely because of a call to querySelector\n  // that didn't return a result.\n  if (selector === null) {\n    elements = [];\n  }\n  // The selector is undefined, error out.\n  else if (!selector) {\n    throw new TypeError('Selector must not be empty');\n  }\n  // Context doesn't implement querySelectorAll, error out.\n  else if (\n    !(\n      context instanceof Document ||\n      context instanceof DocumentFragment ||\n      context instanceof Element\n    )\n  ) {\n    throw new TypeError(\n      'Context must be an object of type \"Document\", \"DocumentFragment\", or \"Element\".',\n    );\n  }\n  // This is a selector, query the elements.\n  else if (typeof selector === 'string') {\n    elements = context.querySelectorAll(selector);\n  }\n  // This is a single element.\n  else if (selector instanceof Element) {\n    elements = [selector];\n  }\n\n  // Make sure an array is returned and not a NodeList or an Array-like object.\n  return Array.prototype.slice.call(elements);\n}\n\n/**\n * A helper for applying DOM changes to a filtered set of elements.\n *\n * This makes it possible to filter items that are not instances of Element,\n * then modify their DOM attributes in a single array traversal.\n *\n * @private\n *\n * @param {string} selector\n *   A CSS selector to check against to each element in the array.\n * @param {Array.<Element>} elements\n *   A NodeList or array of elements passed by a call to a once() function.\n * @param {function} [apply]\n *   An optional function to apply on all matched elements.\n *\n * @return {Array.<Element>}\n *   The array of elements that match the CSS selector.\n */\nfunction filterAndModify(selector, elements, apply) {\n  return elements.filter((element) => {\n    const selected = checkElement(element) && element.matches(selector);\n    if (selected && apply) {\n      apply(element);\n    }\n    return selected;\n  });\n}\n\n/**\n * Add or remove an item from a list of once values.\n *\n * This function removes duplicates while adding or removing a once id in a\n * single array traversal.\n *\n * @private\n *\n * @param {Element} element\n *   A space separated string of once ids from a data-drupal-once attribute.\n * @param {string} [add]\n *   The once id to add to the list of values.\n * @param {string} [remove]\n *   The once id to remove from the list of values.\n *\n * @return {undefined}\n *   Nothing to return this is a callback in a foreach.\n */\nfunction updateAttribute(element, { add, remove }) {\n  const result = [];\n  if (attr(element, 'has')) {\n    attr(element, 'get')\n      .trim()\n      .split(wsRE)\n      .forEach((item) => {\n        if (result.indexOf(item) < 0 && item !== remove) {\n          result.push(item);\n        }\n      });\n  }\n  if (add) {\n    result.push(add);\n  }\n  const attribute = result.join(' ');\n  attr(element, attribute === '' ? 'remove' : 'set', attribute);\n}\n\n/**\n * Ensures a JavaScript callback is only executed once on a set of elements.\n *\n * Filters a NodeList or array of elements, removing those already processed\n * by a callback with a given id.\n * This method adds a `data-once` attribute on DOM elements. The value of\n * this attribute identifies if a given callback has been executed on that\n * element.\n *\n * @global\n *\n * @example <caption>Basic usage</caption>\n * const elements = once('my-once-id', '[data-myelement]');\n * @example <caption>Input parameters accepted</caption>\n * // NodeList.\n * once('my-once-id', document.querySelectorAll('[data-myelement]'));\n * // Array or Array-like of Element.\n * once('my-once-id', jQuery('[data-myelement]'));\n * // A CSS selector without a context.\n * once('my-once-id', '[data-myelement]');\n * // A CSS selector with a context.\n * once('my-once-id', '[data-myelement]', document.head);\n * // Single Element.\n * once('my-once-id', document.querySelector('#some-id'));\n * @example <caption>Using a single element</caption>\n * // Once always returns an array, even when passing a single element. Some\n * // forms that can be used to keep code readable.\n * // Destructuring:\n * const [myElement] = once('my-once-id', document.body);\n * // By changing the resulting array, es5 compatible.\n * const myElement = once('my-once-id', document.body).shift();\n *\n * @param {string} id\n *   The id of the once call.\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements.\n * @param {Document|DocumentFragment|Element} [context=document]\n *   An element or document object to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   An array of elements that have not yet been processed by a once call\n *   with a given id.\n */\nfunction once(id, selector, context) {\n  return filterAndModify(\n    `:not(${attrSelector(id)})`,\n    getElements(selector, context),\n    (element) => updateAttribute(element, { add: id }),\n  );\n}\n\n/**\n * Removes a once id from an element's data-drupal-once attribute value.\n *\n * If a once id is removed from an element's data-drupal-once attribute value,\n * the JavaScript callback associated with that id can be executed on that\n * element again.\n *\n * @method once.remove\n *\n * @example <caption>Basic usage</caption>\n * const elements = once.remove('my-once-id', '[data-myelement]');\n * @example <caption>Input parameters accepted</caption>\n * // NodeList.\n * once.remove('my-once-id', document.querySelectorAll('[data-myelement]'));\n * // Array or Array-like of Element.\n * once.remove('my-once-id', jQuery('[data-myelement]'));\n * // A CSS selector without a context.\n * once.remove('my-once-id', '[data-myelement]');\n * // A CSS selector with a context.\n * once.remove('my-once-id', '[data-myelement]', document.head);\n * // Single Element.\n * once.remove('my-once-id', document.querySelector('#some-id'));\n *\n * @param {string} id\n *   The id of a once call.\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements to remove the once id from.\n * @param {Document|Element} [context=document]\n *   An element to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   A filtered array of elements that had been processed by the provided id,\n *   and are now able to be processed again.\n */\nonce.remove = (id, selector, context) => {\n  return filterAndModify(\n    attrSelector(id),\n    getElements(selector, context),\n    (element) => updateAttribute(element, { remove: id }),\n  );\n};\n\n/**\n * Finds elements that have been processed by a given once id.\n *\n * Behaves like {@link once} and {@link once.remove} without changing the DOM.\n * To select all DOM nodes processed by a given id, use {@link once.find}.\n *\n * @method once.filter\n *\n * @example <caption>Basic usage</caption>\n * const filteredElements = once.filter('my-once-id', '[data-myelement]');\n * @example <caption>Input parameters accepted</caption>\n * // NodeList.\n * once.filter('my-once-id', document.querySelectorAll('[data-myelement]'));\n * // Array or Array-like of Element.\n * once.filter('my-once-id', jQuery('[data-myelement]'));\n * // A CSS selector without a context.\n * once.filter('my-once-id', '[data-myelement]');\n * // A CSS selector with a context.\n * once.filter('my-once-id', '[data-myelement]', document.head);\n * // Single Element.\n * once.filter('my-once-id', document.querySelector('#some-id'));\n *\n * @param {string} id\n *   The id of the once call.\n * @param {NodeList|Array.<Element>|Element|string} selector\n *   A NodeList or array of elements to remove the once id from.\n * @param {Document|Element} [context=document]\n *   An element to use as context for querySelectorAll.\n *\n * @return {Array.<Element>}\n *   A filtered array of elements that have already been processed by the\n *   provided once id.\n */\nonce.filter = (id, selector, context) =>\n  filterAndModify(attrSelector(id), getElements(selector, context));\n\n/**\n * Finds elements that have been processed by a given once id.\n *\n * Query the 'context' element for elements that already have the\n * corresponding once id value.\n *\n * @method once.find\n *\n * @example <caption>Basic usage</caption>\n * const oncedElements = once.find('my-once-id');\n * @example <caption>Input parameters accepted</caption>\n * // Call without parameters, return all elements with a `data-once` attribute.\n * once.find();\n * // Call without a context.\n * once.find('my-once-id');\n * // Call with a context.\n * once.find('my-once-id', document.head);\n *\n * @param {string} [id]\n *   The id of the once call.\n * @param {Document|DocumentFragment|Element} [context=document]\n *   Scope of the search for matching elements.\n *\n * @return {Array.<Element>}\n *   A filtered array of elements that have already been processed by the\n *   provided once id.\n */\nonce.find = (id, context) =>\n  getElements(!id ? `[${attrName}]` : attrSelector(id), context);\n\nexport default once;\n","import Disclosure from \"./Disclosure.js\";\nimport once from \"@drupal/once\";\n\nconst generate = ({\n  options = {},\n  context = document,\n  disclosureSelector = \".disclosure\",\n  controllerSelector = \".disclosure-toggle\",\n} = {}) => {\n  once(\"graupl-disclosure-generator\", disclosureSelector, context).forEach(\n    (disclosureElement) => {\n      const disclosureOptions = disclosureElement.dataset\n        .grauplDisclosureOptions\n        ? JSON.parse(\n            disclosureElement.dataset.grauplDisclosureOptions.replace(/'/g, '\"')\n          ) || {}\n        : {};\n\n      const targettedControllerSelector = `${controllerSelector}[data-graupl-disclosure-target=\"${disclosureElement.id}\"]`;\n      const [controllerElement] = once(\n        \"graupl-disclosure-generator\",\n        targettedControllerSelector,\n        context\n      );\n\n      if (!controllerElement) {\n        console.warn(\n          `No controller found for disclosure with ID \"${disclosureElement.id}\". Please ensure there is an element with the selector \"${targettedControllerSelector}\".`\n        );\n\n        once.remove(\"graupl-disclosure-generator\", disclosureElement);\n\n        return;\n      }\n\n      new Disclosure({\n        disclosureElement,\n        controllerElement,\n        initialize: true,\n        ...options,\n        ...disclosureOptions,\n      });\n    }\n  );\n};\n\nexport default generate;\n"],"x_google_ignoreList":[6],"mappings":"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"}

package/dist/js/generator/disclosure.es.js

@@ -0,0 +1,5 @@
+function y(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${s}" given.`)}for(const s in e)if(!(e[s]instanceof t)){const i=typeof e[s];throw new TypeError(`${s} must be an instance of ${t.name}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function o(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${s}" given.`)}for(const s in e){const i=typeof e[s];if(i!==t)throw new TypeError(`${s} must be a ${t}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function A(t){try{if(typeof t!="object"){const e=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${e}" given.`)}for(const e in t)try{if(t[e]===null)throw new Error;document.querySelector(t[e])}catch{throw new TypeError(`${e} must be a valid query selector. "${t[e]}" given.`)}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function d(t){try{if(typeof t!="object"||Array.isArray(t)){const e=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${e}" given.`)}for(const e in t){const s=typeof t[e];if(s!=="string")if(Array.isArray(t[e]))t[e].forEach(i=>{if(typeof i!="string")throw new TypeError(`${e} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${e} must be a string or an array of strings. "${s}" given.`);else{const i={};i[e]=t[e],A(i)}}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function L(t,e){if(o("string",{tagName:t}).status&&y(HTMLElement,e).status){const s=t.toLowerCase();let i=!0;for(const r in e)e[r].tagName.toLowerCase()!==s&&(i=!1);return i}else return!1}function j(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidState() must be inside of an object. "${s}" given.`)}const e=["none","self","child"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function q(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${s}" given.`)}const e=["none","mouse","keyboard","character"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function u(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function h(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}function p(t){try{const e=t.key||t.keyCode,s={Enter:e==="Enter"||e===13,Space:e===" "||e==="Spacebar"||e===32,Escape:e==="Escape"||e==="Esc"||e===27,ArrowUp:e==="ArrowUp"||e==="Up"||e===38,ArrowRight:e==="ArrowRight"||e==="Right"||e===39,ArrowDown:e==="ArrowDown"||e==="Down"||e===40,ArrowLeft:e==="ArrowLeft"||e==="Left"||e===37,Home:e==="Home"||e===36,End:e==="End"||e===35,Tab:e==="Tab"||e===9};return Object.keys(s).find(i=>s[i]===!0)||""}catch{return""}}function f(t){t.preventDefault(),t.stopPropagation()}function G(t=null){window.Graupl=window.Graupl||{},o("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function F(t=null){return o("string",{type:t})?window.Graupl[t]:window.Graupl}function V(t,e={}){o("string",{type:t})&&o("object",{data:e})&&(window.Graupl[t]=e)}function B(t){o("string",{type:t})&&(window.Graupl[t]={})}function M(t,e,s){o("string",{type:t,key:e})&&(window.Graupl[t][e]=s)}function W(t,e){return o("string",{type:t,key:e})?window.Graupl[t][e]:null}function R(t,e){o("string",{type:t,key:e})&&delete window.Graupl[t][e]}var w={initializeStorage:G,getStorage:F,setStorage:V,clearStorage:B,pushToStorage:M,getFromStorage:W,removeFromStorage:R},I=class{constructor(t,e={}){this._equals=e.equals||Object.is,this._current=t,this._committed=t}get value(){return this._current}set value(t){this._current=t}get committed(){return this._committed}get isDirty(){return!this._equals(this._current,this._committed)}commit(){return this._committed=this._current,this}reset(){return this._current=this._committed,this}update(t){return this._current=t(this._current),this}},K=class{_dom={controller:null,disclosure:null,content:null};_domLock=["controller","disclosure"];_selectors={content:""};_classes={open:"show",close:"hide",transition:"transitioning",initialize:"initializing"};_durations={transition:5e3,open:-1,close:-1};_focusState="none";_currentEvent="none";_open=new I(!1);_shouldOpen=!1;_closeOnBlur=!1;_breakpointWidth=-1;_observer=null;_expandEvent=new CustomEvent("grauplDisclosureExpand",{bubbles:!0,detail:{disclosure:this}});_collapseEvent=new CustomEvent("grauplDisclosureCollapse",{bubbles:!0,detail:{disclosure:this}});_prefix="graupl-";_errors=[];constructor({disclosureElement:t,controllerElement:e,disclosureContentSelector:s=".disclosure-content",openClass:i="show",closeClass:r="hide",transitionClass:n="transitioning",transitionDuration:a=250,openDuration:c=-1,closeDuration:l=-1,closeOnBlur:S=!1,minWidth:O=-1,autoOpen:v=!1,prefix:T="graupl-",initializeClass:x="initializing",initialize:z=!1}){this._dom.disclosure=t,this._dom.controller=e,this._selectors.content=s,this._classes.open=i||"",this._classes.close=r||"",this._classes.transition=n||"",this._classes.initialize=x||"",this._durations.transition=a,this._durations.open=c,this._durations.close=l,this._closeOnBlur=S,this._breakpointWidth=O,this._shouldOpen=v,this._prefix=T,z&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Disclosure: cannot initialize disclosure. The following errors have been found:
+ - ${this.errors.join(`
+ - `)}`);u(this._classes.initialize,this.dom.disclosure),this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this._handleFocus(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),this._handleResize(),this._setTransitionDurations(),w.initializeStorage("disclosures"),w.initializeStorage("disclosures"),w.pushToStorage("disclosures",this.dom.disclosure.id,this),this.dom.controller.getAttribute("aria-expanded")==="true"||this.shouldOpen&&window.matchMedia(this.openQuery).matches?this._expand(!1,!1):this._collapse(!1,!1),requestAnimationFrame(()=>{h(this._classes.initialize,this.dom.disclosure)})}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get openClass(){return this._classes.open}set openClass(t){d({openClass:t}),this._classes.open!==t&&(this._classes.open=t)}get closeClass(){return this._classes.close}set closeClass(t){d({closeClass:t}),this._classes.close!==t&&(this._classes.close=t)}get transitionClass(){return this._classes.transition}set transitionClass(t){d({transitionClass:t}),this._classes.transition!==t&&(this._classes.transition=t)}get initializeClass(){return this._classes.initialize}set initializeClass(t){d({initializeClass:t}),this._classes.initialize!==t&&(this._classes.initialize=t)}get transitionDuration(){return this._durations.transition}set transitionDuration(t){o("number",{value:t}),this._durations.transition!==t&&(this._durations.transition=t,this._setTransitionDurations())}get openDuration(){return this._durations.open===-1?this.transitionDuration:this._durations.open}set openDuration(t){o("number",{value:t}),this._durations.open!==t&&(this._durations.open=t,this._setTransitionDurations())}get closeDuration(){return this._durations.close===-1?this.transitionDuration:this._durations.close}set closeDuration(t){o("number",{value:t}),this._durations.close!==t&&(this._durations.close=t,this._setTransitionDurations())}get minWidth(){return this._breakpointWidth}set minWidth(t){o("number",{value:t}),this._breakpointWidth!==t&&(this._breakpointWidth=t)}get closeOnBlur(){return this._closeOnBlur}set closeOnBlur(t){o("boolean",{value:t}),this._closeOnBlur!==t&&(this._closeOnBlur=t)}get focusState(){return this._focusState}set focusState(t){j({value:t}),this._focusState!==t&&(this._focusState=t)}get currentEvent(){return this._currentEvent}set currentEvent(t){q({value:t}),this._currentEvent!==t&&(this._currentEvent=t)}get prefix(){return this._prefix}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t,this._setTransitionDurations())}get isOpen(){return this._open.value}get hasOpened(){return this._open.committed}get shouldOpen(){return this._shouldOpen}set shouldOpen(t){o("boolean",{value:t}),this._shouldOpen!==t&&(this._shouldOpen=t)}get openQuery(){return this.minWidth===-1?"":`(width > ${this.minWidth}px)`}get closeQuery(){return this.minWidth===-1?"":`(width <= ${this.minWidth}px)`}get shouldFocus(){let t=!1;return this.currentEvent==="keyboard"&&(t=!0),t}get errors(){return this._errors}_validate(){let t=!0;const e=y(HTMLElement,{disclosureElement:this._dom.disclosure,controllerElement:this._dom.controller});e.status||(this._errors.push(e.error.message),t=!1);const s=A({disclosureContentSelector:this._selectors.content});s.status||(this._errors.push(s.error.message),t=!1);const i={};for(const l of Object.keys(this._classes))this._classes[l]!==""&&(i[`${l}Class`]=this._classes[l]);const r=d(i);r.status||(this._errors.push(r.error.message),t=!1);const n={};for(const l of Object.keys(this._durations))n[`${l}Duration`]=this._durations[l];const a=o("number",n);a.status||(this._errors.push(a.error.message),t=!1);const c=o("string",{prefix:this._prefix});return c.status||(this._errors.push(c.error.message),t=!1),t}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.disclosure.id=this.dom.disclosure.id||`disclosure-${this.key}`,this.dom.controller.id=this.dom.controller.id||`disclosure-controller-${this.key}`}_setAriaAttributes(){this.dom.controller.getAttribute("aria-expanded")!=="true"&&this.dom.controller.setAttribute("aria-expanded","false"),this.dom.controller.setAttribute("aria-controls",this.dom.disclosure.id),L("button",{controller:this.dom.controller})||this.dom.controller.setAttribute("role","button")}_setTransitionDurations(){this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-transition-duration`,`${this.transitionDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-open-transition-duration`,`${this.openDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-close-transition-duration`,`${this.closeDuration}ms`)}_setDOMElementType(t,{base:e=this.dom.disclosure,overwrite:s=!0,strict:i=!0}={}){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be set through _setDOMElementType.`);e!==this.dom.disclosure&&y(HTMLElement,{base:e});const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(n=>i?n.parentElement===e:!0);s?Array.isArray(this._dom[t])?this._dom[t]=r:this._dom[t]=r[0]||null:Array.isArray(this._dom[t])?this._dom[t]=[...this._dom[t],...r]:this._dom[t]=r[0]||null}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_setDOMElements(){this._resetDOMElementType("content"),this._setDOMElementType("content")}_expand(t=!0,e=!0){this.dom.controller.setAttribute("aria-expanded","true"),e&&this.transitionlass!==""?(u(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{h(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{h(this.transitionClass,this.dom.disclosure)},this.openDuration)})})})):(u(this.openClass,this.dom.disclosure),h(this.closeClass,this.dom.disclosure)),this.dom.content.removeAttribute("inert"),t&&this.dom.controller.dispatchEvent(this._expandEvent)}_collapse(t=!0,e=!0){this.dom.controller.setAttribute("aria-expanded","false"),e&&this.transitionClass!==""?(u(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{h(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{h(this.transitionClass,this.dom.disclosure),this.dom.content.innert=!0},this.closeDuration)})})})):(u(this.closeClass,this.dom.disclosure),h(this.openClass,this.dom.disclosure)),this.dom.content.setAttribute("inert","true"),t&&this.dom.controller.dispatchEvent(this._collapseEvent)}_handleResize(){if(this._breakpointWidth<=0)return;let t=0;this._observer=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(const s of e){const i=Array.isArray(s.contentBoxSize)?s.contentBoxSize[0]:s.contentBoxSize,r=i&&typeof i.inlineSize=="number"?i.inlineSize:s.contentRect.width;if(typeof r!="number"||t===r)continue;const n=r<=this.minWidth,a=r>this.minWidth;n&&this.isOpen?this.close({preserveState:!0}):a&&!this.isOpen&&(this.hasOpened||this.shouldOpen)&&this.open(),t=r}})}),this._observer.observe(document.body)}_handleFocus(){this.dom.disclosure.addEventListener("focusout",t=>{!this.closeOnBlur||this.currentEvent!=="keyboard"||t.relatedTarget===null||this.dom.disclosure.contains(t.relatedTarget)||this.dom.controller===t.relatedTarget||this.close()})}_handleClick(){this.dom.controller.addEventListener("pointerup",t=>{this.currentEvent="mouse",t.button===0&&(f(t),this.toggle())}),document.addEventListener("pointerup",t=>{this.focusState!=="self"||!this.closeOnBlur||(this.currentEvent="mouse",!this.dom.disclosure.contains(t.target)&&this.dom.controller!==t.target&&this.close())})}_handleKeydown(){this.dom.controller.addEventListener("keydown",t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":f(t);break}}),this.dom.disclosure.addEventListener("keydown",t=>{switch(this.currentEvent="keyboard",p(t)){case"Escape":f(t);break}})}_handleKeyup(){this.dom.controller.addEventListener("keyup",t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":this.toggle(),f(t);break}}),this.dom.disclosure.addEventListener("keyup",t=>{switch(this.currentEvent="keyboard",p(t)){case"Escape":this.close(),f(t);break}})}open({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="self",this._expand(),this._open.value=!0,e||this._open.commit())}preview({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="none",this._expand(),this._open.value=!0,e||this._open.commit())}close({force:t=!1,preserveState:e=!1}={}){!this.isOpen&&!t||(this.focusState="none",this._collapse(),this._open.value=!1,e||this._open.commit())}toggle({force:t=!1,preserveState:e=!1}={}){this.isOpen?this.close({force:t,preserveState:e}):this.open({force:t,preserveState:e})}},P=K;const D=/[\11\12\14\15\40]+/,b="data-once",H=document;function E(t,e,s){return t[`${e}Attribute`](b,s)}function m(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||D.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${b}~="${t}"]`}function Q(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function _(t,e=H){let s=t;if(t===null)s=[];else if(t)if(e instanceof Document||e instanceof DocumentFragment||e instanceof Element)typeof t=="string"?s=e.querySelectorAll(t):t instanceof Element&&(s=[t]);else throw new TypeError('Context must be an object of type "Document", "DocumentFragment", or "Element".');else throw new TypeError("Selector must not be empty");return Array.prototype.slice.call(s)}function k(t,e,s){return e.filter(i=>{const r=Q(i)&&i.matches(t);return r&&s&&s(i),r})}function C(t,{add:e,remove:s}){const i=[];E(t,"has")&&E(t,"get").trim().split(D).forEach(n=>{i.indexOf(n)<0&&n!==s&&i.push(n)}),e&&i.push(e);const r=i.join(" ");E(t,r===""?"remove":"set",r)}function g(t,e,s){return k(`:not(${m(t)})`,_(e,s),i=>C(i,{add:t}))}g.remove=(t,e,s)=>k(m(t),_(e,s),i=>C(i,{remove:t})),g.filter=(t,e,s)=>k(m(t),_(e,s)),g.find=(t,e)=>_(t?m(t):`[${b}]`,e);var $=g;const U=({options:t={},context:e=document,disclosureSelector:s=".disclosure",controllerSelector:i=".disclosure-toggle"}={})=>{$("graupl-disclosure-generator",s,e).forEach(r=>{const n=r.dataset.grauplDisclosureOptions?JSON.parse(r.dataset.grauplDisclosureOptions.replace(/'/g,'"'))||{}:{},a=`${i}[data-graupl-disclosure-target="${r.id}"]`,[c]=$("graupl-disclosure-generator",a,e);if(!c){console.warn(`No controller found for disclosure with ID "${r.id}". Please ensure there is an element with the selector "${a}".`),$.remove("graupl-disclosure-generator",r);return}new P({disclosureElement:r,controllerElement:c,initialize:!0,...t,...n})})};var J=U;export{J as default};
+
+//# sourceMappingURL=disclosure.es.js.map