@graupl/graupl 1.0.0-beta.10 → 1.0.0-beta.12

package/dist/js/component/alert.es.js

@@ -0,0 +1,5 @@
+function l(t,s){try{if(typeof s!="object"){const i=typeof s;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${i}" given.`)}for(const i in s)if(!(s[i]instanceof t)){const e=typeof s[i];throw new TypeError(`${i} must be an instance of ${t.name}. "${e}" given.`)}return{status:!0,error:null}}catch(i){return{status:!1,error:i}}}function r(t,s){try{if(typeof s!="object"){const i=typeof s;throw new TypeError(`Values given to isValidType() must be inside of an object. "${i}" given.`)}for(const i in s){const e=typeof s[i];if(e!==t)throw new TypeError(`${i} must be a ${t}. "${e}" given.`)}return{status:!0,error:null}}catch(i){return{status:!1,error:i}}}function C(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${s}" given.`)}for(const s in t)try{if(t[s]===null)throw new Error;document.querySelector(t[s])}catch{throw new TypeError(`${s} must be a valid query selector. "${t[s]}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function h(t){try{if(typeof t!="object"||Array.isArray(t)){const s=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${s}" given.`)}for(const s in t){const i=typeof t[s];if(i!=="string")if(Array.isArray(t[s]))t[s].forEach(e=>{if(typeof e!="string")throw new TypeError(`${s} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${s} must be a string or an array of strings. "${i}" given.`);else{const e={};e[s]=t[s],C(e)}}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function o(t,s){t===""||t.length===0||(typeof t=="string"?s.classList.add(t):s.classList.add(...t))}function a(t,s){t===""||t.length===0||(typeof t=="string"?s.classList.remove(t):s.classList.remove(...t))}function d(t){try{const s=t.key||t.keyCode,i={Enter:s==="Enter"||s===13,Space:s===" "||s==="Spacebar"||s===32,Escape:s==="Escape"||s==="Esc"||s===27,ArrowUp:s==="ArrowUp"||s==="Up"||s===38,ArrowRight:s==="ArrowRight"||s==="Right"||s===39,ArrowDown:s==="ArrowDown"||s==="Down"||s===40,ArrowLeft:s==="ArrowLeft"||s==="Left"||s===37,Home:s==="Home"||s===36,End:s==="End"||s===35,Tab:s==="Tab"||s===9};return Object.keys(i).find(e=>i[e]===!0)||""}catch{return""}}function _(t){t.preventDefault(),t.stopPropagation()}function g(t=null){window.Graupl=window.Graupl||{},r("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function y(t=null){return r("string",{type:t})?window.Graupl[t]:window.Graupl}function p(t,s={}){r("string",{type:t})&&r("object",{data:s})&&(window.Graupl[t]=s)}function E(t){r("string",{type:t})&&(window.Graupl[t]={})}function T(t,s,i){r("string",{type:t,key:s})&&(window.Graupl[t][s]=i)}function b(t,s){return r("string",{type:t,key:s})?window.Graupl[t][s]:null}function k(t,s){r("string",{type:t,key:s})&&delete window.Graupl[t][s]}var f={initializeStorage:g,getStorage:y,setStorage:p,clearStorage:E,pushToStorage:T,getFromStorage:b,removeFromStorage:k},A=class{_dom={alert:null,controller:null};_hidden=!1;_showClass="";_hideClass="";_transitionClass="";_transitionTimer=150;_key="";_errors=[];_showEvent=new CustomEvent("grauplAlertShow",{bubbles:!0,detail:{alert:this}});_hideEvent=new CustomEvent("grauplAlertHide",{bubbles:!0,detail:{alert:this}});constructor({alertElement:t,controllerElement:s=null,showClass:i="show",hideClass:e="hide",transitionClass:n="transitioning",transitionTimer:u=150,isHidden:c=!1,key:m=null,initialize:w=!1}){this._dom.alert=t,this._dom.controller=s,this._showClass=i||"",this._hideClass=e||"",this._transitionClass=n||"",this._transitionTimer=u,this._hidden=c,this._key=m||"",w&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Alert: cannot initialize alert. The following errors have been found:
+ - ${this.errors.join(`
+ - `)}`);this._generateKey(),this._setIds(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),f.initializeStorage("alerts"),f.pushToStorage("alerts",this.dom.alert.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get showClass(){return this._showClass}get hideClass(){return this._hideClass}get transitionClass(){return this._transitionClass}get transitionTimer(){return this._transitionTimer}get key(){return this._key}set showClass(t){h({showClass:t}),this._showClass!==t&&(this._showClass=t)}set hideClass(t){h({hideClass:t}),this._hideClass!==t&&(this._hideClass=t)}set transitionClass(t){h({transitionClass:t}),this._transitionClass!==t&&(this._transitionClass=t)}set transitionTimer(t){r("number",{transitionTimer:t}),this._transitionTimer!==t&&(this._transitionTimer=t)}set key(t){r("string",{value:t}),this._key!==t&&(this._key=t)}_validate(){let t=!0,s;if(this._dom.controller!==null?s=l(HTMLElement,{alertElement:this._dom.alert,controllerElement:this._dom.controller}):s=l(HTMLElement,{alertElement:this._dom.alert}),s.status||(this._errors.push(s.message),t=!1),this._showClass!==""){const n=h({showClass:this._showClass});n.status||(this._errors.push(n.message),t=!1)}if(this._hideClass!==""){const n=h({hideClass:this._hideClass});n.status||(this._errors.push(n.message),t=!1)}if(this._transitionClass!==""){const n=h({transitionClass:this._transitionClass});n.status||(this._errors.push(n.message),t=!1)}const i=r("number",{transitionTimer:this._transitionTimer});i.status||(this._errors.push(i.message),t=!1);const e=r("boolean",{isHidden:this._hidden});return e.status||(this._errors.push(e.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.alert.id=this.dom.alert.id||`alert-${this.key}`,this.dom.controller.id=this.dom.controller.id||`alert-controller-${this.key}`}show(t=!0){this._hidden&&(this.transitionClass!==""?(o(this.transitionClass,this.dom.alert),requestAnimationFrame(()=>{this.hideClass!==""&&a(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{this.showClass!==""&&o(this.showClass,this.dom.alert),requestAnimationFrame(()=>{a(this.transitionClass,this.dom.alert)})})})):(this.showClass!==""&&o(this.showClass,this.dom.alert),this.hideClass!==""&&a(this.hideClass,this.dom.alert)),this._hidden=!1,t&&this.dom.alert.dispatchEvent(this._hideEvent))}hide(t=!0){this._hidden||(this.transitionClass!==""?(o(this.transitionClass,this.dom.alert),requestAnimationFrame(()=>{this.showClass!==""&&a(this.showClass,this.dom.alert),requestAnimationFrame(()=>{this.transitionTimer>0?setTimeout(()=>{this.hideClass!==""&&o(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{a(this.transitionClass,this.dom.alert)})},this.transitionTimer):(this.hideClass!==""&&o(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{a(this.transitionClass,this.dom.alert)}))})})):(this.hideClass!==""&&o(this.hideClass,this.dom.alert),this.showClass!==""&&a(this.showClass,this.dom.alert)),this._hidden=!0,t&&this.dom.alert.dispatchEvent(this._hideEvent))}_handleClick(){this.dom.controller!==null&&this.dom.controller.addEventListener("pointerup",()=>this.hide())}_handleKeydown(){this.dom.controller!==null&&this.dom.controller.addEventListener("keydown",t=>{const s=d(t);(s==="Space"||s==="Enter")&&_(t)})}_handleKeyup(){this.dom.controller!==null&&this.dom.controller.addEventListener("keyup",t=>{const s=d(t);(s==="Space"||s==="Enter")&&this.hide()})}},S=A;export{S as default};
+
+//# sourceMappingURL=alert.es.js.map

package/dist/js/component/alert.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.es.js","names":["isValidInstance","contructor","elements","elementsType","TypeError","key","elementType","name","status","error","isValidType","type","values","valuesType","valueType","isQuerySelector","Error","document","querySelector","isValidClassList","Array","isArray","forEach","value","obj","isTag","tagName","HTMLElement","tag","toLowerCase","check","addClass","className","element","length","classList","add","removeClass","remove","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","isValidClassList","isValidInstance","isValidType","addClass","removeClass","keyPress","preventEvent","storage","Alert","_dom","alert","controller","_hidden","_showClass","_hideClass","_transitionClass","_transitionTimer","_key","_errors","_showEvent","CustomEvent","bubbles","detail","_hideEvent","constructor","alertElement","controllerElement","showClass","hideClass","transitionClass","transitionTimer","isHidden","key","initialize","_validate","Error","errors","join","_generateKey","_setIds","_handleClick","_handleKeydown","_handleKeyup","initializeStorage","pushToStorage","dom","id","error","console","value","check","htmlElementChecks","HTMLElement","status","push","message","showClassCheck","hideClassCheck","transitionClassCheck","transitionTimerCheck","hiddenCheck","regenerate","Math","random","toString","replace","substring","show","emit","requestAnimationFrame","dispatchEvent","hide","setTimeout","addEventListener","event"],"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/alert/Alert.js"],"sourcesContent":["/**\n * Check to see if the provided elements have a specific contructor.\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}                  contructor - 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(contructor, 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 contructor)) {\n        const elementType = typeof elements[key];\n        throw new TypeError(\n          `${key} must be an instance of ${contructor.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 * 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 * 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 * 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 * @file\n * The alert class.\n */\n\nimport { isValidClassList, isValidInstance, isValidType } from \"../validate.js\";\nimport { addClass, removeClass } from \"../domHelpers.js\";\nimport { keyPress, preventEvent } from \"../eventHandlers.js\";\nimport storage from \"../storage.js\";\n\nclass Alert {\n  /**\n   * The HTML elements for the alert in the DOM.\n   *\n   * @protected\n   *\n   * @type {Object<HTMLElement>}\n   */\n  _dom = {\n    alert: null,\n    controller: null,\n  };\n\n  /**\n   * A flag to determine if the alert is hidden.\n   *\n   * @protected\n   *\n   * @type {boolean}\n   */\n  _hidden = false;\n\n  /**\n   * The class to use to show the alert.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _showClass = \"\";\n\n  /**\n   * The class to use to hide the alert.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _hideClass = \"\";\n\n  /**\n   * The class to use when transitioning the alert.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _transitionClass = \"\";\n\n  /**\n   * The time in milliseconds the transition will take.\n   *\n   * @protected\n   *\n   * @type {number}\n   */\n  _transitionTimer = 150;\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 alert.\n   *\n   * @protected\n   *\n   * @type {string[]}\n   */\n  _errors = [];\n\n  /**\n   * The event that is triggered when the alert is shown.\n   *\n   * @protected\n   *\n   * @event grauplAlertShow\n   *\n   * @type {CustomEvent}\n   *\n   * @property {boolean}       bubbles - A flag to bubble the event.\n   * @property {Object<Alert>} detail  - The details object container the Alert itself.\n   */\n  _showEvent = new CustomEvent(\"grauplAlertShow\", {\n    bubbles: true,\n    detail: { alert: this },\n  });\n\n  /**\n   * The event that is triggered when the alert is hidden.\n   *\n   * @protected\n   *\n   * @event grauplAlertHide\n   *\n   * @type {CustomEvent}\n   *\n   * @property {boolean}       bubbles - A flag to bubble the event.\n   * @property {Object<Alert>} detail  - The details object containing the Alert itself.\n   */\n  _hideEvent = new CustomEvent(\"grauplAlertHide\", {\n    bubbles: true,\n    detail: { alert: this },\n  });\n\n  /**\n   * Constructs a new `Alert`.\n   *\n   * @param {object}               options                                   - The options object.\n   * @param {HTMLElement}          options.alertElement                      - The alert element.\n   * @param {?HTMLElement}         [options.controllerElement = null]        - The controller element.\n   * @param {string|string[]|null} [options.showClass = show]                - The class to add when the alert is shown.\n   * @param {string|string[]|null} [options.hideClass = hide]                - The class to add when\n   * @param {string|string[]|null} [options.transitionClass = transitioning] - The class to add when the alert is transitioning between shown and hidden.\n   * @param {number}               [options.transitionTimer = 150]           - The time in milliseconds the transition will take.\n   * @param {boolean}              [options.isHidden = false]                - A flag to determine the initial state of the alert.\n   * @param {?string}              [options.key = null]                      - The key used to generate IDs throughout the alert.\n   * @param {boolean}              [options.initialize = false]              - AA flag to initialize the alert immediately upon creation.\n   */\n  constructor({\n    alertElement,\n    controllerElement = null,\n    showClass = \"show\",\n    hideClass = \"hide\",\n    transitionClass = \"transitioning\",\n    transitionTimer = 150,\n    isHidden = false,\n    key = null,\n    initialize = false,\n  }) {\n    this._dom.alert = alertElement;\n    this._dom.controller = controllerElement;\n    this._showClass = showClass || \"\";\n    this._hideClass = hideClass || \"\";\n    this._transitionClass = transitionClass || \"\";\n    this._transitionTimer = transitionTimer;\n    this._hidden = isHidden;\n\n    // Set the key.\n    this._key = key || \"\";\n\n    if (initialize) {\n      this.initialize();\n    }\n  }\n\n  /**\n   * Initializes the alert.\n   */\n  initialize() {\n    try {\n      if (!this._validate()) {\n        throw new Error(\n          `Graupl Alert: cannot initialize alert. 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._setIds();\n\n      // Handle events.\n      this._handleClick();\n      this._handleKeydown();\n      this._handleKeyup();\n\n      // Set up the storage.\n      storage.initializeStorage(\"alerts\");\n      storage.pushToStorage(\"alerts\", this.dom.alert.id, this);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  /**\n   * The HTML elements for the alert in the DOM.\n   *\n   * @readonly\n   *\n   * @see _dom\n   *\n   * @type {object}\n   */\n  get dom() {\n    return this._dom;\n  }\n\n  /**\n   * The class to use the show the alert.\n   *\n   * @type {string|string[]}\n   *\n   * @see _showClass\n   */\n  get showClass() {\n    return this._showClass;\n  }\n\n  /**\n   * The class to use to hide the alert.\n   *\n   * @type {string|string[]}\n   *\n   * @see _hideClass\n   */\n  get hideClass() {\n    return this._hideClass;\n  }\n\n  /**\n   * The class to use when transitioning the alert.\n   *\n   * @type {string|string[]}\n   *\n   * @see _transitionClass\n   */\n  get transitionClass() {\n    return this._transitionClass;\n  }\n\n  /**\n   * The time in milliseconds the transition will take.\n   *\n   * @type {number}\n   *\n   * @see _transitionTimer\n   */\n  get transitionTimer() {\n    return this._transitionTimer;\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  set showClass(value) {\n    isValidClassList({ showClass: value });\n\n    if (this._showClass !== value) {\n      this._showClass = value;\n    }\n  }\n\n  set hideClass(value) {\n    isValidClassList({ hideClass: value });\n\n    if (this._hideClass !== value) {\n      this._hideClass = value;\n    }\n  }\n\n  set transitionClass(value) {\n    isValidClassList({ transitionClass: value });\n\n    if (this._transitionClass !== value) {\n      this._transitionClass = value;\n    }\n  }\n\n  set transitionTimer(value) {\n    isValidType(\"number\", { transitionTimer: value });\n\n    if (this._transitionTimer !== value) {\n      this._transitionTimer = 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 alert 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    let htmlElementChecks;\n\n    if (this._dom.controller !== null) {\n      htmlElementChecks = isValidInstance(HTMLElement, {\n        alertElement: this._dom.alert,\n        controllerElement: this._dom.controller,\n      });\n    } else {\n      htmlElementChecks = isValidInstance(HTMLElement, {\n        alertElement: this._dom.alert,\n      });\n    }\n\n    if (!htmlElementChecks.status) {\n      this._errors.push(htmlElementChecks.message);\n      check = false;\n    }\n\n    // Class list checks.\n    if (this._showClass !== \"\") {\n      const showClassCheck = isValidClassList({ showClass: this._showClass });\n\n      if (!showClassCheck.status) {\n        this._errors.push(showClassCheck.message);\n        check = false;\n      }\n    }\n\n    if (this._hideClass !== \"\") {\n      const hideClassCheck = isValidClassList({ hideClass: this._hideClass });\n\n      if (!hideClassCheck.status) {\n        this._errors.push(hideClassCheck.message);\n        check = false;\n      }\n    }\n\n    if (this._transitionClass !== \"\") {\n      const transitionClassCheck = isValidClassList({\n        transitionClass: this._transitionClass,\n      });\n\n      if (!transitionClassCheck.status) {\n        this._errors.push(transitionClassCheck.message);\n        check = false;\n      }\n    }\n\n    // Transition timer check.\n    const transitionTimerCheck = isValidType(\"number\", {\n      transitionTimer: this._transitionTimer,\n    });\n\n    if (!transitionTimerCheck.status) {\n      this._errors.push(transitionTimerCheck.message);\n      check = false;\n    }\n\n    // Hidden check.\n    const hiddenCheck = isValidType(\"boolean\", { isHidden: this._hidden });\n\n    if (!hiddenCheck.status) {\n      this._errors.push(hiddenCheck.message);\n      check = false;\n    }\n\n    return check;\n  }\n\n  /**\n   * Generates a key for the alert.\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 alert and it's children if they do not already exist.\n   *\n   * The generated IDs use the key and follow the format:\n   *  - alert: `alert-${key}`\n   *  - controller: `alert-controller-${key}`\n   */\n  _setIds() {\n    this.dom.alert.id = this.dom.alert.id || `alert-${this.key}`;\n    this.dom.controller.id =\n      this.dom.controller.id || `alert-controller-${this.key}`;\n  }\n\n  /**\n   * Shows the alert.\n   *\n   * @fires grauplAlertShow\n   *\n   * @param {boolean} [emit = true] - A toggle to emit the show event once shown.\n   */\n  show(emit = true) {\n    if (!this._hidden) {\n      return;\n    }\n\n    // If we're dealing with transition classes, then we need to utilize\n    // requestAnimationFrame to add the transition class, remove the hide class,\n    // add the show class, and finally remove the transition class.\n    if (this.transitionClass !== \"\") {\n      addClass(this.transitionClass, this.dom.alert);\n\n      requestAnimationFrame(() => {\n        if (this.hideClass !== \"\") {\n          removeClass(this.hideClass, this.dom.alert);\n        }\n\n        requestAnimationFrame(() => {\n          if (this.showClass !== \"\") {\n            addClass(this.showClass, this.dom.alert);\n          }\n\n          requestAnimationFrame(() => {\n            removeClass(this.transitionClass, this.dom.alert);\n          });\n        });\n      });\n    } else {\n      // Add the show class\n      if (this.showClass !== \"\") {\n        addClass(this.showClass, this.dom.alert);\n      }\n\n      // Remove the hide class.\n      if (this.hideClass !== \"\") {\n        removeClass(this.hideClass, this.dom.alert);\n      }\n    }\n\n    this._hidden = false;\n\n    if (emit) {\n      this.dom.alert.dispatchEvent(this._hideEvent);\n    }\n  }\n\n  /**\n   * Hides the alert.\n   *\n   * @fires grauplAlertHide\n   *\n   * @param {boolean} [emit = true] - A toggle to emit the hide event once shown.\n   */\n  hide(emit = true) {\n    if (this._hidden) {\n      return;\n    }\n    // If we're dealing with transition classes, then we need to utilize\n    // requestAnimationFrame to add the transition class, remove the show class,\n    // add the hide class, and finally remove the transition class.\n    if (this.transitionClass !== \"\") {\n      addClass(this.transitionClass, this.dom.alert);\n\n      requestAnimationFrame(() => {\n        if (this.showClass !== \"\") {\n          removeClass(this.showClass, this.dom.alert);\n        }\n\n        requestAnimationFrame(() => {\n          if (this.transitionTimer > 0) {\n            setTimeout(() => {\n              if (this.hideClass !== \"\") {\n                addClass(this.hideClass, this.dom.alert);\n              }\n\n              requestAnimationFrame(() => {\n                removeClass(this.transitionClass, this.dom.alert);\n              });\n            }, this.transitionTimer);\n          } else {\n            if (this.hideClass !== \"\") {\n              addClass(this.hideClass, this.dom.alert);\n            }\n\n            requestAnimationFrame(() => {\n              removeClass(this.transitionClass, this.dom.alert);\n            });\n          }\n        });\n      });\n    } else {\n      // Add the hide class\n      if (this.hideClass !== \"\") {\n        addClass(this.hideClass, this.dom.alert);\n      }\n\n      // Remove the show class.\n      if (this.showClass !== \"\") {\n        removeClass(this.showClass, this.dom.alert);\n      }\n    }\n\n    this._hidden = true;\n\n    if (emit) {\n      this.dom.alert.dispatchEvent(this._hideEvent);\n    }\n  }\n\n  /**\n   * Handles click events throughout the alert for proper use.\n   *\n   * - Adds a `pointerup` listener to the controller that will hide the alert.\n   *\n   * @protected\n   */\n  _handleClick() {\n    if (this.dom.controller === null) {\n      return;\n    }\n\n    this.dom.controller.addEventListener(\"pointerup\", () => this.hide());\n  }\n\n  /**\n   * Handles keydown events throughout the alert for proper use.\n   *\n   * This method exists to assist the _handleKeyup method.\n   *\n   * - Adds a `keydown` listener to the controller (if it exists).\n   *   - Blocks propagation on \"Space\" and \"Enter\" keys.\n   */\n  _handleKeydown() {\n    if (this.dom.controller === null) {\n      return;\n    }\n\n    this.dom.controller.addEventListener(\"keydown\", (event) => {\n      const key = keyPress(event);\n\n      // Prevent default behavior for space and enter keys.\n      if (key === \"Space\" || key === \"Enter\") {\n        preventEvent(event);\n      }\n    });\n  }\n\n  /**\n   * Handles keyup events throughout the alert for proper use.\n   *\n   * - Adds a `keyup` listener to the controller (if it exists).\n   *   - Hides the alert when the user hits \"Space\" or \"Enter\".\n   */\n  _handleKeyup() {\n    if (this.dom.controller === null) {\n      return;\n    }\n\n    this.dom.controller.addEventListener(\"keyup\", (event) => {\n      const key = keyPress(event);\n\n      if (key === \"Space\" || key === \"Enter\") {\n        this.hide();\n      }\n    });\n  }\n}\n\nexport default Alert;\n"],"mappings":"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"}

package/dist/js/component/alert.iife.js

@@ -0,0 +1,5 @@
+var Alert=function(){function l(t,s){try{if(typeof s!="object"){const i=typeof s;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${i}" given.`)}for(const i in s)if(!(s[i]instanceof t)){const e=typeof s[i];throw new TypeError(`${i} must be an instance of ${t.name}. "${e}" given.`)}return{status:!0,error:null}}catch(i){return{status:!1,error:i}}}function r(t,s){try{if(typeof s!="object"){const i=typeof s;throw new TypeError(`Values given to isValidType() must be inside of an object. "${i}" given.`)}for(const i in s){const e=typeof s[i];if(e!==t)throw new TypeError(`${i} must be a ${t}. "${e}" given.`)}return{status:!0,error:null}}catch(i){return{status:!1,error:i}}}function u(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${s}" given.`)}for(const s in t)try{if(t[s]===null)throw new Error;document.querySelector(t[s])}catch{throw new TypeError(`${s} must be a valid query selector. "${t[s]}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function h(t){try{if(typeof t!="object"||Array.isArray(t)){const s=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${s}" given.`)}for(const s in t){const i=typeof t[s];if(i!=="string")if(Array.isArray(t[s]))t[s].forEach(e=>{if(typeof e!="string")throw new TypeError(`${s} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${s} must be a string or an array of strings. "${i}" given.`);else{const e={};e[s]=t[s],u(e)}}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function o(t,s){t===""||t.length===0||(typeof t=="string"?s.classList.add(t):s.classList.add(...t))}function a(t,s){t===""||t.length===0||(typeof t=="string"?s.classList.remove(t):s.classList.remove(...t))}function d(t){try{const s=t.key||t.keyCode,i={Enter:s==="Enter"||s===13,Space:s===" "||s==="Spacebar"||s===32,Escape:s==="Escape"||s==="Esc"||s===27,ArrowUp:s==="ArrowUp"||s==="Up"||s===38,ArrowRight:s==="ArrowRight"||s==="Right"||s===39,ArrowDown:s==="ArrowDown"||s==="Down"||s===40,ArrowLeft:s==="ArrowLeft"||s==="Left"||s===37,Home:s==="Home"||s===36,End:s==="End"||s===35,Tab:s==="Tab"||s===9};return Object.keys(i).find(e=>i[e]===!0)||""}catch{return""}}function c(t){t.preventDefault(),t.stopPropagation()}function m(t=null){window.Graupl=window.Graupl||{},r("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function w(t=null){return r("string",{type:t})?window.Graupl[t]:window.Graupl}function C(t,s={}){r("string",{type:t})&&r("object",{data:s})&&(window.Graupl[t]=s)}function _(t){r("string",{type:t})&&(window.Graupl[t]={})}function g(t,s,i){r("string",{type:t,key:s})&&(window.Graupl[t][s]=i)}function y(t,s){return r("string",{type:t,key:s})?window.Graupl[t][s]:null}function p(t,s){r("string",{type:t,key:s})&&delete window.Graupl[t][s]}var f={initializeStorage:m,getStorage:w,setStorage:C,clearStorage:_,pushToStorage:g,getFromStorage:y,removeFromStorage:p},E=class{_dom={alert:null,controller:null};_hidden=!1;_showClass="";_hideClass="";_transitionClass="";_transitionTimer=150;_key="";_errors=[];_showEvent=new CustomEvent("grauplAlertShow",{bubbles:!0,detail:{alert:this}});_hideEvent=new CustomEvent("grauplAlertHide",{bubbles:!0,detail:{alert:this}});constructor({alertElement:t,controllerElement:s=null,showClass:i="show",hideClass:e="hide",transitionClass:n="transitioning",transitionTimer:b=150,isHidden:k=!1,key:A=null,initialize:S=!1}){this._dom.alert=t,this._dom.controller=s,this._showClass=i||"",this._hideClass=e||"",this._transitionClass=n||"",this._transitionTimer=b,this._hidden=k,this._key=A||"",S&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Alert: cannot initialize alert. The following errors have been found:
+ - ${this.errors.join(`
+ - `)}`);this._generateKey(),this._setIds(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),f.initializeStorage("alerts"),f.pushToStorage("alerts",this.dom.alert.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get showClass(){return this._showClass}get hideClass(){return this._hideClass}get transitionClass(){return this._transitionClass}get transitionTimer(){return this._transitionTimer}get key(){return this._key}set showClass(t){h({showClass:t}),this._showClass!==t&&(this._showClass=t)}set hideClass(t){h({hideClass:t}),this._hideClass!==t&&(this._hideClass=t)}set transitionClass(t){h({transitionClass:t}),this._transitionClass!==t&&(this._transitionClass=t)}set transitionTimer(t){r("number",{transitionTimer:t}),this._transitionTimer!==t&&(this._transitionTimer=t)}set key(t){r("string",{value:t}),this._key!==t&&(this._key=t)}_validate(){let t=!0,s;if(this._dom.controller!==null?s=l(HTMLElement,{alertElement:this._dom.alert,controllerElement:this._dom.controller}):s=l(HTMLElement,{alertElement:this._dom.alert}),s.status||(this._errors.push(s.message),t=!1),this._showClass!==""){const n=h({showClass:this._showClass});n.status||(this._errors.push(n.message),t=!1)}if(this._hideClass!==""){const n=h({hideClass:this._hideClass});n.status||(this._errors.push(n.message),t=!1)}if(this._transitionClass!==""){const n=h({transitionClass:this._transitionClass});n.status||(this._errors.push(n.message),t=!1)}const i=r("number",{transitionTimer:this._transitionTimer});i.status||(this._errors.push(i.message),t=!1);const e=r("boolean",{isHidden:this._hidden});return e.status||(this._errors.push(e.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.alert.id=this.dom.alert.id||`alert-${this.key}`,this.dom.controller.id=this.dom.controller.id||`alert-controller-${this.key}`}show(t=!0){this._hidden&&(this.transitionClass!==""?(o(this.transitionClass,this.dom.alert),requestAnimationFrame(()=>{this.hideClass!==""&&a(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{this.showClass!==""&&o(this.showClass,this.dom.alert),requestAnimationFrame(()=>{a(this.transitionClass,this.dom.alert)})})})):(this.showClass!==""&&o(this.showClass,this.dom.alert),this.hideClass!==""&&a(this.hideClass,this.dom.alert)),this._hidden=!1,t&&this.dom.alert.dispatchEvent(this._hideEvent))}hide(t=!0){this._hidden||(this.transitionClass!==""?(o(this.transitionClass,this.dom.alert),requestAnimationFrame(()=>{this.showClass!==""&&a(this.showClass,this.dom.alert),requestAnimationFrame(()=>{this.transitionTimer>0?setTimeout(()=>{this.hideClass!==""&&o(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{a(this.transitionClass,this.dom.alert)})},this.transitionTimer):(this.hideClass!==""&&o(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{a(this.transitionClass,this.dom.alert)}))})})):(this.hideClass!==""&&o(this.hideClass,this.dom.alert),this.showClass!==""&&a(this.showClass,this.dom.alert)),this._hidden=!0,t&&this.dom.alert.dispatchEvent(this._hideEvent))}_handleClick(){this.dom.controller!==null&&this.dom.controller.addEventListener("pointerup",()=>this.hide())}_handleKeydown(){this.dom.controller!==null&&this.dom.controller.addEventListener("keydown",t=>{const s=d(t);(s==="Space"||s==="Enter")&&c(t)})}_handleKeyup(){this.dom.controller!==null&&this.dom.controller.addEventListener("keyup",t=>{const s=d(t);(s==="Space"||s==="Enter")&&this.hide()})}},T=E;return T}();
+
+//# sourceMappingURL=alert.iife.js.map

package/dist/js/component/alert.iife.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.iife.js","names":["isValidInstance","contructor","elements","elementsType","TypeError","key","elementType","name","status","error","isValidType","type","values","valuesType","valueType","isQuerySelector","Error","document","querySelector","isValidClassList","Array","isArray","forEach","value","obj","isTag","tagName","HTMLElement","tag","toLowerCase","check","addClass","className","element","length","classList","add","removeClass","remove","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","isValidClassList","isValidInstance","isValidType","addClass","removeClass","keyPress","preventEvent","storage","Alert","_dom","alert","controller","_hidden","_showClass","_hideClass","_transitionClass","_transitionTimer","_key","_errors","_showEvent","CustomEvent","bubbles","detail","_hideEvent","constructor","alertElement","controllerElement","showClass","hideClass","transitionClass","transitionTimer","isHidden","key","initialize","_validate","Error","errors","join","_generateKey","_setIds","_handleClick","_handleKeydown","_handleKeyup","initializeStorage","pushToStorage","dom","id","error","console","value","check","htmlElementChecks","HTMLElement","status","push","message","showClassCheck","hideClassCheck","transitionClassCheck","transitionTimerCheck","hiddenCheck","regenerate","Math","random","toString","replace","substring","show","emit","requestAnimationFrame","dispatchEvent","hide","setTimeout","addEventListener","event"],"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/alert/Alert.js"],"sourcesContent":["/**\n * Check to see if the provided elements have a specific contructor.\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}                  contructor - 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(contructor, 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 contructor)) {\n        const elementType = typeof elements[key];\n        throw new TypeError(\n          `${key} must be an instance of ${contructor.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 * 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 * 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 * 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 * @file\n * The alert class.\n */\n\nimport { isValidClassList, isValidInstance, isValidType } from \"../validate.js\";\nimport { addClass, removeClass } from \"../domHelpers.js\";\nimport { keyPress, preventEvent } from \"../eventHandlers.js\";\nimport storage from \"../storage.js\";\n\nclass Alert {\n  /**\n   * The HTML elements for the alert in the DOM.\n   *\n   * @protected\n   *\n   * @type {Object<HTMLElement>}\n   */\n  _dom = {\n    alert: null,\n    controller: null,\n  };\n\n  /**\n   * A flag to determine if the alert is hidden.\n   *\n   * @protected\n   *\n   * @type {boolean}\n   */\n  _hidden = false;\n\n  /**\n   * The class to use to show the alert.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _showClass = \"\";\n\n  /**\n   * The class to use to hide the alert.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _hideClass = \"\";\n\n  /**\n   * The class to use when transitioning the alert.\n   *\n   * @protected\n   *\n   * @type {string|string[]}\n   */\n  _transitionClass = \"\";\n\n  /**\n   * The time in milliseconds the transition will take.\n   *\n   * @protected\n   *\n   * @type {number}\n   */\n  _transitionTimer = 150;\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 alert.\n   *\n   * @protected\n   *\n   * @type {string[]}\n   */\n  _errors = [];\n\n  /**\n   * The event that is triggered when the alert is shown.\n   *\n   * @protected\n   *\n   * @event grauplAlertShow\n   *\n   * @type {CustomEvent}\n   *\n   * @property {boolean}       bubbles - A flag to bubble the event.\n   * @property {Object<Alert>} detail  - The details object container the Alert itself.\n   */\n  _showEvent = new CustomEvent(\"grauplAlertShow\", {\n    bubbles: true,\n    detail: { alert: this },\n  });\n\n  /**\n   * The event that is triggered when the alert is hidden.\n   *\n   * @protected\n   *\n   * @event grauplAlertHide\n   *\n   * @type {CustomEvent}\n   *\n   * @property {boolean}       bubbles - A flag to bubble the event.\n   * @property {Object<Alert>} detail  - The details object containing the Alert itself.\n   */\n  _hideEvent = new CustomEvent(\"grauplAlertHide\", {\n    bubbles: true,\n    detail: { alert: this },\n  });\n\n  /**\n   * Constructs a new `Alert`.\n   *\n   * @param {object}               options                                   - The options object.\n   * @param {HTMLElement}          options.alertElement                      - The alert element.\n   * @param {?HTMLElement}         [options.controllerElement = null]        - The controller element.\n   * @param {string|string[]|null} [options.showClass = show]                - The class to add when the alert is shown.\n   * @param {string|string[]|null} [options.hideClass = hide]                - The class to add when\n   * @param {string|string[]|null} [options.transitionClass = transitioning] - The class to add when the alert is transitioning between shown and hidden.\n   * @param {number}               [options.transitionTimer = 150]           - The time in milliseconds the transition will take.\n   * @param {boolean}              [options.isHidden = false]                - A flag to determine the initial state of the alert.\n   * @param {?string}              [options.key = null]                      - The key used to generate IDs throughout the alert.\n   * @param {boolean}              [options.initialize = false]              - AA flag to initialize the alert immediately upon creation.\n   */\n  constructor({\n    alertElement,\n    controllerElement = null,\n    showClass = \"show\",\n    hideClass = \"hide\",\n    transitionClass = \"transitioning\",\n    transitionTimer = 150,\n    isHidden = false,\n    key = null,\n    initialize = false,\n  }) {\n    this._dom.alert = alertElement;\n    this._dom.controller = controllerElement;\n    this._showClass = showClass || \"\";\n    this._hideClass = hideClass || \"\";\n    this._transitionClass = transitionClass || \"\";\n    this._transitionTimer = transitionTimer;\n    this._hidden = isHidden;\n\n    // Set the key.\n    this._key = key || \"\";\n\n    if (initialize) {\n      this.initialize();\n    }\n  }\n\n  /**\n   * Initializes the alert.\n   */\n  initialize() {\n    try {\n      if (!this._validate()) {\n        throw new Error(\n          `Graupl Alert: cannot initialize alert. 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._setIds();\n\n      // Handle events.\n      this._handleClick();\n      this._handleKeydown();\n      this._handleKeyup();\n\n      // Set up the storage.\n      storage.initializeStorage(\"alerts\");\n      storage.pushToStorage(\"alerts\", this.dom.alert.id, this);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  /**\n   * The HTML elements for the alert in the DOM.\n   *\n   * @readonly\n   *\n   * @see _dom\n   *\n   * @type {object}\n   */\n  get dom() {\n    return this._dom;\n  }\n\n  /**\n   * The class to use the show the alert.\n   *\n   * @type {string|string[]}\n   *\n   * @see _showClass\n   */\n  get showClass() {\n    return this._showClass;\n  }\n\n  /**\n   * The class to use to hide the alert.\n   *\n   * @type {string|string[]}\n   *\n   * @see _hideClass\n   */\n  get hideClass() {\n    return this._hideClass;\n  }\n\n  /**\n   * The class to use when transitioning the alert.\n   *\n   * @type {string|string[]}\n   *\n   * @see _transitionClass\n   */\n  get transitionClass() {\n    return this._transitionClass;\n  }\n\n  /**\n   * The time in milliseconds the transition will take.\n   *\n   * @type {number}\n   *\n   * @see _transitionTimer\n   */\n  get transitionTimer() {\n    return this._transitionTimer;\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  set showClass(value) {\n    isValidClassList({ showClass: value });\n\n    if (this._showClass !== value) {\n      this._showClass = value;\n    }\n  }\n\n  set hideClass(value) {\n    isValidClassList({ hideClass: value });\n\n    if (this._hideClass !== value) {\n      this._hideClass = value;\n    }\n  }\n\n  set transitionClass(value) {\n    isValidClassList({ transitionClass: value });\n\n    if (this._transitionClass !== value) {\n      this._transitionClass = value;\n    }\n  }\n\n  set transitionTimer(value) {\n    isValidType(\"number\", { transitionTimer: value });\n\n    if (this._transitionTimer !== value) {\n      this._transitionTimer = 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 alert 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    let htmlElementChecks;\n\n    if (this._dom.controller !== null) {\n      htmlElementChecks = isValidInstance(HTMLElement, {\n        alertElement: this._dom.alert,\n        controllerElement: this._dom.controller,\n      });\n    } else {\n      htmlElementChecks = isValidInstance(HTMLElement, {\n        alertElement: this._dom.alert,\n      });\n    }\n\n    if (!htmlElementChecks.status) {\n      this._errors.push(htmlElementChecks.message);\n      check = false;\n    }\n\n    // Class list checks.\n    if (this._showClass !== \"\") {\n      const showClassCheck = isValidClassList({ showClass: this._showClass });\n\n      if (!showClassCheck.status) {\n        this._errors.push(showClassCheck.message);\n        check = false;\n      }\n    }\n\n    if (this._hideClass !== \"\") {\n      const hideClassCheck = isValidClassList({ hideClass: this._hideClass });\n\n      if (!hideClassCheck.status) {\n        this._errors.push(hideClassCheck.message);\n        check = false;\n      }\n    }\n\n    if (this._transitionClass !== \"\") {\n      const transitionClassCheck = isValidClassList({\n        transitionClass: this._transitionClass,\n      });\n\n      if (!transitionClassCheck.status) {\n        this._errors.push(transitionClassCheck.message);\n        check = false;\n      }\n    }\n\n    // Transition timer check.\n    const transitionTimerCheck = isValidType(\"number\", {\n      transitionTimer: this._transitionTimer,\n    });\n\n    if (!transitionTimerCheck.status) {\n      this._errors.push(transitionTimerCheck.message);\n      check = false;\n    }\n\n    // Hidden check.\n    const hiddenCheck = isValidType(\"boolean\", { isHidden: this._hidden });\n\n    if (!hiddenCheck.status) {\n      this._errors.push(hiddenCheck.message);\n      check = false;\n    }\n\n    return check;\n  }\n\n  /**\n   * Generates a key for the alert.\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 alert and it's children if they do not already exist.\n   *\n   * The generated IDs use the key and follow the format:\n   *  - alert: `alert-${key}`\n   *  - controller: `alert-controller-${key}`\n   */\n  _setIds() {\n    this.dom.alert.id = this.dom.alert.id || `alert-${this.key}`;\n    this.dom.controller.id =\n      this.dom.controller.id || `alert-controller-${this.key}`;\n  }\n\n  /**\n   * Shows the alert.\n   *\n   * @fires grauplAlertShow\n   *\n   * @param {boolean} [emit = true] - A toggle to emit the show event once shown.\n   */\n  show(emit = true) {\n    if (!this._hidden) {\n      return;\n    }\n\n    // If we're dealing with transition classes, then we need to utilize\n    // requestAnimationFrame to add the transition class, remove the hide class,\n    // add the show class, and finally remove the transition class.\n    if (this.transitionClass !== \"\") {\n      addClass(this.transitionClass, this.dom.alert);\n\n      requestAnimationFrame(() => {\n        if (this.hideClass !== \"\") {\n          removeClass(this.hideClass, this.dom.alert);\n        }\n\n        requestAnimationFrame(() => {\n          if (this.showClass !== \"\") {\n            addClass(this.showClass, this.dom.alert);\n          }\n\n          requestAnimationFrame(() => {\n            removeClass(this.transitionClass, this.dom.alert);\n          });\n        });\n      });\n    } else {\n      // Add the show class\n      if (this.showClass !== \"\") {\n        addClass(this.showClass, this.dom.alert);\n      }\n\n      // Remove the hide class.\n      if (this.hideClass !== \"\") {\n        removeClass(this.hideClass, this.dom.alert);\n      }\n    }\n\n    this._hidden = false;\n\n    if (emit) {\n      this.dom.alert.dispatchEvent(this._hideEvent);\n    }\n  }\n\n  /**\n   * Hides the alert.\n   *\n   * @fires grauplAlertHide\n   *\n   * @param {boolean} [emit = true] - A toggle to emit the hide event once shown.\n   */\n  hide(emit = true) {\n    if (this._hidden) {\n      return;\n    }\n    // If we're dealing with transition classes, then we need to utilize\n    // requestAnimationFrame to add the transition class, remove the show class,\n    // add the hide class, and finally remove the transition class.\n    if (this.transitionClass !== \"\") {\n      addClass(this.transitionClass, this.dom.alert);\n\n      requestAnimationFrame(() => {\n        if (this.showClass !== \"\") {\n          removeClass(this.showClass, this.dom.alert);\n        }\n\n        requestAnimationFrame(() => {\n          if (this.transitionTimer > 0) {\n            setTimeout(() => {\n              if (this.hideClass !== \"\") {\n                addClass(this.hideClass, this.dom.alert);\n              }\n\n              requestAnimationFrame(() => {\n                removeClass(this.transitionClass, this.dom.alert);\n              });\n            }, this.transitionTimer);\n          } else {\n            if (this.hideClass !== \"\") {\n              addClass(this.hideClass, this.dom.alert);\n            }\n\n            requestAnimationFrame(() => {\n              removeClass(this.transitionClass, this.dom.alert);\n            });\n          }\n        });\n      });\n    } else {\n      // Add the hide class\n      if (this.hideClass !== \"\") {\n        addClass(this.hideClass, this.dom.alert);\n      }\n\n      // Remove the show class.\n      if (this.showClass !== \"\") {\n        removeClass(this.showClass, this.dom.alert);\n      }\n    }\n\n    this._hidden = true;\n\n    if (emit) {\n      this.dom.alert.dispatchEvent(this._hideEvent);\n    }\n  }\n\n  /**\n   * Handles click events throughout the alert for proper use.\n   *\n   * - Adds a `pointerup` listener to the controller that will hide the alert.\n   *\n   * @protected\n   */\n  _handleClick() {\n    if (this.dom.controller === null) {\n      return;\n    }\n\n    this.dom.controller.addEventListener(\"pointerup\", () => this.hide());\n  }\n\n  /**\n   * Handles keydown events throughout the alert for proper use.\n   *\n   * This method exists to assist the _handleKeyup method.\n   *\n   * - Adds a `keydown` listener to the controller (if it exists).\n   *   - Blocks propagation on \"Space\" and \"Enter\" keys.\n   */\n  _handleKeydown() {\n    if (this.dom.controller === null) {\n      return;\n    }\n\n    this.dom.controller.addEventListener(\"keydown\", (event) => {\n      const key = keyPress(event);\n\n      // Prevent default behavior for space and enter keys.\n      if (key === \"Space\" || key === \"Enter\") {\n        preventEvent(event);\n      }\n    });\n  }\n\n  /**\n   * Handles keyup events throughout the alert for proper use.\n   *\n   * - Adds a `keyup` listener to the controller (if it exists).\n   *   - Hides the alert when the user hits \"Space\" or \"Enter\".\n   */\n  _handleKeyup() {\n    if (this.dom.controller === null) {\n      return;\n    }\n\n    this.dom.controller.addEventListener(\"keyup\", (event) => {\n      const key = keyPress(event);\n\n      if (key === \"Space\" || key === \"Enter\") {\n        this.hide();\n      }\n    });\n  }\n}\n\nexport default Alert;\n"],"mappings":"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"}

package/dist/js/component/carousel.cjs.js

@@ -0,0 +1,5 @@
+function u(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function c(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}function h(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(r=>s[r]===!0)||""}catch{return""}}function p(t){t.preventDefault(),t.stopPropagation()}function m(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 r=typeof e[s];throw new TypeError(`${s} must be an instance of ${t.name}. "${r}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function i(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 r=typeof e[s];if(r!==t)throw new TypeError(`${s} must be a ${t}. "${r}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function _(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 o(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(r=>{if(typeof r!="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 r={};r[e]=t[e],_(r)}}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function d(t,e){if(i("string",{tagName:t}).status&&m(HTMLElement,e).status){const s=t.toLowerCase();let r=!0;for(const n in e)e[n].tagName.toLowerCase()!==s&&(r=!1);return r}else return!1}function M(t=null){window.Graupl=window.Graupl||{},i("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function G(t=null){return i("string",{type:t})?window.Graupl[t]:window.Graupl}function O(t,e={}){i("string",{type:t})&&i("object",{data:e})&&(window.Graupl[t]=e)}function j(t){i("string",{type:t})&&(window.Graupl[t]={})}function P(t,e,s){i("string",{type:t,key:e})&&(window.Graupl[t][e]=s)}function F(t,e){return i("string",{type:t,key:e})?window.Graupl[t][e]:null}function V(t,e){i("string",{type:t,key:e})&&delete window.Graupl[t][e]}var y={initializeStorage:M,getStorage:G,setStorage:O,clearStorage:j,pushToStorage:P,getFromStorage:F,removeFromStorage:V},q=class{_dom={carousel:null,carouselItems:[],carouselItemContainer:null,carouselControls:[],carouselControlContainer:null,carouselTabs:[],carouselTabContainer:null,autoplay:null,next:null,previous:null};_selectors={carouselItems:"",carouselItemContainer:"",carouselControls:"",carouselControlContainer:"",carouselTabs:"",carouselTabContainer:"",autoplay:"",next:"",previous:""};_activeClass="active";_previousClass="previous";_nextClass="next";_playClass="play";_pauseClass="pause";_currentItem=0;_autoplay=!0;_transitionDelay=1e4;_transitionDuration=500;_playText="Play";_pauseText="Pause";_currentAction="next";_autoplayInterval=null;_prefix="graupl-";_key="";_errors=[];constructor({carouselElement:t,carouselItemSelector:e=".carousel-item",carouselItemContainerSelector:s=".carousel-item-container",carouselControlSelector:r=".carousel-control",carouselControlContainerSelector:n=".carousel-control-container",carouselTabSelector:l=".carousel-tab",carouselTabContainerSelector:f=".carousel-tab-container",autoplaySelector:a=".autoplay",nextSelector:C=".next",previousSelector:g=".previous",activeClass:I="active",previousClass:b="previous",nextClass:v="next",playClass:T="play",pauseClass:E="pause",autoplay:w=!0,transitionDelay:x=1e4,transitionDuration:k=500,playText:A="Play",pauseText:D="Pause",prefix:S="graupl-",key:L=null,initialize:$=!1}){this._dom.carousel=t,this._selectors.carouselItems=e,this._selectors.carouselItemContainer=s,this._selectors.carouselControls=r,this._selectors.carouselControlContainer=n,this._selectors.carouselTabs=l,this._selectors.carouselTabContainer=f,this._selectors.autoplay=a,this._selectors.next=C,this._selectors.previous=g,this._activeClass=I||"",this._previousClass=b||"",this._nextClass=v||"",this._playClass=T||"",this._pauseClass=E||"",this._autoplay=w,this._transitionDelay=x,this._transitionDuration=k,this._playText=A||"",this._pauseText=D||"",this._prefix=S||"",this._key=L||"",$&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Carousel: cannot initialize carousel. The following errors have been found:
+ - ${this.errors.join(`
+ - `)}`);this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this.activateFirstItem(),this._handleAutoplay(),this._handleFocus(),this._handleClick(),this._handleHover(),this._handleKeydown(),this._handleKeyup(),this._setTransitionDuration(),y.initializeStorage("carousels"),y.pushToStorage("carousels",this.dom.carousel.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get activeClass(){return this._activeClass}get previousClass(){return this._previousClass}get nextClass(){return this._nextClass}get playClass(){return this._playClass}get pauseClass(){return this._pauseClass}get currentItem(){return this._currentItem}get currentCarouselItem(){return this.dom.carouselItems[this.currentItem]}get currentCarouselTab(){return this.dom.carouselTabs[this.currentItem]}get autoplay(){return this._autoplay}get transitionDelay(){return this._transitionDelay}get transitionDuration(){return this._transitionDuration}get playText(){return this._playText}get pauseText(){return this._pauseText}get prefix(){return this._prefix}get key(){return this._key}get currentAction(){return this._currentAction}get errors(){return this._errors}set currentItem(t){if(i("number",{value:t}),t===this.currentItem)return;t<0?this._currentItem=0:t>=this.dom.carouselItems.length?this._currentItem=this.dom.carouselItems.length-1:this._currentItem=t,this._dom.carousel.querySelectorAll(this.selectors.carouselTab)&&this.dom.carouselItems.forEach((s,r)=>{s.setAttribute("aria-selected",r===this._currentItem)})}set autoplay(t){i("boolean",{value:t}),this._autoplay!==t&&(this._autoplay=t)}set activeClass(t){o({activeClass:t}),this._activeClass!==t&&(this._activeClass=t)}set previousClass(t){o({previousClass:t}),this._previousClass!==t&&(this._previousClass=t)}set nextClass(t){o({nextClass:t}),this._nextClass!==t&&(this._nextClass=t)}set playClass(t){o({playClass:t}),this._playClass!==t&&(this._playClass=t)}set pauseClass(t){o({pauseClass:t}),this._pauseClass!==t&&(this._pauseClass=t)}set transitionDelay(t){i("number",{value:t}),t!==this.transitionDelay&&t>=0&&(this._currentItem=t)}set transitionDuration(t){i("number",{value:t}),this._transitionDuration!==t&&t>=0&&(this._transitionDuration=t,this._setTransitionDuration())}set playText(t){i("string",{value:t}),this._playText!==t&&(this._playText=t)}set pauseText(t){i("string",{value:t}),this._pauseText!==t&&(this._pauseText=t)}set prefix(t){i("string",{value:t}),this._prefix!==t&&(this._prefix=t)}set key(t){i("string",{value:t}),this._key!==t&&(this._key=t)}_validate(){let t=!0;const e=m(HTMLElement,{carousel:this.dom.carousel});e||(this._errors.push(e.message),t=!1);const s=_({carouselItemsSelector:this._selectors.carouselItems,carouselItemContainerSelector:this._selectors.carouselItemContainer,carouselControlsSelector:this._selectors.carouselControls,carouselControlContainerSelector:this._selectors.carouselControlContainer,carouselTabsSelector:this._selectors.carouselTabs,carouselTabContainerSelector:this._selectors.carouselTabContainer,autoplaySelector:this._selectors.autoplay,nextSelector:this._selectors.next,previousSelector:this._selectors.previous});s||(this._errors.push(s.message),t=!1);const r=i("boolean",{autoplay:this.autoplay});r||(this._errors.push(r.message),t=!1);const n=i("number",{transitionDelay:this._transitionDelay});n||(this._errors.push(n.message),t=!1);const l=i("number",{transitionDuration:this._transitionDuration});if(l||(this._errors.push(l.message),t=!1),this._activeClass!==""){const a=o({activeClass:this._activeClass});a||(this._errors.push(a.message),t=!1)}if(this._previousClass!==""){const a=o({previousClass:this._previousClass});a||(this._errors.push(a.message),t=!1)}if(this._nextClass!==""){const a=o({nextClass:this._nextClass});a||(this._errors.push(a.message),t=!1)}if(this._playClass!==""){const a=o({playClass:this._playClass});a||(this._errors.push(a.message),t=!1)}if(this._pauseClass!==""){const a=o({pauseClass:this._pauseClass});a||(this._errors.push(a.message),t=!1)}if(this._playText!==""){const a=i("string",{playText:this._playText});a||(this._errors.push(a.message),t=!1)}if(this._pauseText!==""){const a=i("string",{pauseText:this._pauseText});a||(this._errors.push(a.message),t=!1)}const f=i("string",{prefix:this._prefix});return f||(this._errors.push(f.message),t=!1),t}_setDOMElementType(t,e=this.dom.carousel,s=!0){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be set through _setDOMElementType.`);if(e!==this.dom.carousel&&m(HTMLElement,{base:e}),Array.isArray(this._dom[t])){const n=Array.from(e.querySelectorAll(this.selectors[t])).filter(l=>l.parentElement===e);s?this._dom[t]=n:this._dom[t]=[...this._dom[t],...n]}else{const r=e.querySelector(this.selectors[t]);if(r&&r.parentElement!==e)return;s&&(this._dom[t]=r)}}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_setDOMElements(){this._setDOMElementType("carouselItemContainer"),this._setDOMElementType("carouselControlContainer"),this._setDOMElementType("carouselTabContainer"),this.dom.carouselItemContainer&&this._setDOMElementType("carouselItems",this.dom.carouselItemContainer),this.dom.carouselControlContainer&&(this._setDOMElementType("carouselControls",this.dom.carouselControlContainer),this._setDOMElementType("autoplay",this.dom.carouselControlContainer),this._setDOMElementType("next",this.dom.carouselControlContainer),this._setDOMElementType("previous",this.dom.carouselControlContainer)),this._dom.carouselTabContainer&&this._setDOMElementType("carouselTabs",this.dom.carouselTabContainer)}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.carousel.id=this.dom.carousel.id||`carousel-${this.key}`,this.dom.carouselItems.forEach((t,e)=>{t.id=t.id||`carousel-item-${this.key}-${e}`}),this.dom.carouselTabs.forEach((t,e)=>{t.id=t.id||`carousel-tab-${this.key}-${e}`})}_setAriaAttributes(){!d("section",{carousel:this.dom.carousel})&&!this.dom.carousel.getAttribute("role")!=="region"&&this.dom.carousel.setAttribute("role","group"),this._dom.carousel.setAttribute("aria-roledescription","carousel"),this.dom.carouselTabContainer&&this.dom.carouselTabContainer.setAttribute("role","tablist"),this.dom.carouselTabs.forEach((t,e)=>{d("button",{tab:t})||t.setAttribute("role","button"),t.setAttribute("aria-selected",e===0),t.setAttribute("aria-controls",this.dom.carouselItems[e].id)})}_setInterval(){this._clearInterval(),this._autoplayInterval=setInterval(()=>{this.activateNextItem()},this.transitionDelay)}_clearInterval(){clearInterval(this._autoplayInterval)}_handleAutoplay(){this.autoplay?(u(this.pauseClass,this.dom.autoplay),c(this.playClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.pauseText),this.dom.carousel.setAttribute("aria-live","off"),this._setInterval()):(u(this.playClass,this.dom.autoplay),c(this.pauseClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.playText),this.dom.carousel.setAttribute("aria-live","polite"),this._clearInterval())}_handleFocus(){this.dom.carousel.addEventListener("focusin",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("focusout",()=>{this.autoplay&&this._setInterval()})}_handleClick(){this.dom.next.addEventListener("pointerup",()=>{this.activateNextItem()}),this.dom.previous.addEventListener("pointerup",()=>{this.activatePreviousItem()}),this.dom.autoplay.addEventListener("pointerup",()=>{this.toggleAutoplay()}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("pointerup",()=>{this.currentItem>e?this._currentAction="previous":this._currentAction="next",this.activateItem(e)})})}_handleHover(){this.dom.carousel.addEventListener("pointerover",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("pointerleave",()=>{this.autoplay&&this._setInterval()})}_handleKeydown(){this.dom.carouselControls.forEach(t=>{t.addEventListener("keydown",e=>{switch(h(e)){case"Space":case"Enter":p(e);break}})}),this.dom.carouselTabs.forEach(t=>{t.addEventListener("keydown",e=>{switch(h(e)){case"Space":case"Enter":p(e);break}})})}_handleKeyup(){this.dom.next.addEventListener("keyup",t=>{switch(h(t)){case"Space":case"Enter":this.activateNextItem(),p(t);break}}),this.dom.previous.addEventListener("keyup",t=>{switch(h(t)){case"Space":case"Enter":this.activatePreviousItem(),p(t);break}}),this.dom.autoplay.addEventListener("keyup",t=>{switch(h(t)){case"Space":case"Enter":this.toggleAutoplay(),p(t);break}}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("keyup",s=>{switch(h(s)){case"Space":case"Enter":this.activateItem(e),p(s);break}})})}_setTransitionDuration(){this.dom.carousel.style.setProperty(`--${this.prefix}carousel-transition-duration`,`${this.transitionDuration}ms`)}activateCurrentItem(){u(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!0),u(this.activeClass,this.currentCarouselTab))}deactivateCurrentItem(){c(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!1),c(this.activeClass,this.currentCarouselTab))}activateItem(t){const e=this.currentItem;this.dom.carousel.dataset.grauplAction=this._currentAction,this.autoplay&&this._clearInterval(),u(this.previousClass,this.currentCarouselItem),u(this.nextClass,this.dom.carouselItems[t]),requestAnimationFrame(()=>{this.deactivateCurrentItem(),this.currentItem=t,this.activateCurrentItem(),requestAnimationFrame(()=>{setTimeout(()=>{c(this.previousClass,this.dom.carouselItems[e]),c(this.nextClass,this.currentCarouselItem)},this.transitionDuration)})}),this.autoplay&&this._setInterval()}activateFirstItem(){this.activateItem(0)}activateLastItem(){this.activateItem(this.dom.carouselItems.length-1)}activateNextItem(){this._currentAction="next",this.currentItem+1>=this.dom.carouselItems.length?this.activateFirstItem():this.activateItem(this.currentItem+1)}activatePreviousItem(){this._currentAction="previous",this.currentItem-1<0?this.activateLastItem():this.activateItem(this.currentItem-1)}toggleAutoplay(){this.autoplay=!this.autoplay,this._handleAutoplay()}},H=q;module.exports=H;
+
+//# sourceMappingURL=carousel.cjs.js.map

package/dist/js/component/carousel.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.cjs.js","names":["addClass","className","element","length","classList","add","removeClass","remove","keyPress","event","key","keyCode","keys","Enter","Space","Escape","ArrowUp","ArrowRight","ArrowDown","ArrowLeft","Home","End","Tab","Object","find","preventEvent","preventDefault","stopPropagation","isValidInstance","contructor","elements","elementsType","TypeError","key","elementType","name","status","error","isValidType","type","values","valuesType","valueType","isQuerySelector","Error","document","querySelector","isValidClassList","Array","isArray","forEach","value","obj","isTag","tagName","HTMLElement","tag","toLowerCase","check","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"],"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"],"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 * 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 contructor.\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}                  contructor - 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(contructor, 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 contructor)) {\n        const elementType = typeof elements[key];\n        throw new TypeError(\n          `${key} must be an instance of ${contructor.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 * 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 * @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   * Contructs 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"],"mappings":"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"}

package/dist/js/component/carousel.es.js

@@ -0,0 +1,5 @@
+function u(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function c(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}function h(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(r=>s[r]===!0)||""}catch{return""}}function p(t){t.preventDefault(),t.stopPropagation()}function m(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 r=typeof e[s];throw new TypeError(`${s} must be an instance of ${t.name}. "${r}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function i(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 r=typeof e[s];if(r!==t)throw new TypeError(`${s} must be a ${t}. "${r}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function _(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 o(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(r=>{if(typeof r!="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 r={};r[e]=t[e],_(r)}}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function d(t,e){if(i("string",{tagName:t}).status&&m(HTMLElement,e).status){const s=t.toLowerCase();let r=!0;for(const n in e)e[n].tagName.toLowerCase()!==s&&(r=!1);return r}else return!1}function M(t=null){window.Graupl=window.Graupl||{},i("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function G(t=null){return i("string",{type:t})?window.Graupl[t]:window.Graupl}function O(t,e={}){i("string",{type:t})&&i("object",{data:e})&&(window.Graupl[t]=e)}function j(t){i("string",{type:t})&&(window.Graupl[t]={})}function P(t,e,s){i("string",{type:t,key:e})&&(window.Graupl[t][e]=s)}function F(t,e){return i("string",{type:t,key:e})?window.Graupl[t][e]:null}function V(t,e){i("string",{type:t,key:e})&&delete window.Graupl[t][e]}var y={initializeStorage:M,getStorage:G,setStorage:O,clearStorage:j,pushToStorage:P,getFromStorage:F,removeFromStorage:V},q=class{_dom={carousel:null,carouselItems:[],carouselItemContainer:null,carouselControls:[],carouselControlContainer:null,carouselTabs:[],carouselTabContainer:null,autoplay:null,next:null,previous:null};_selectors={carouselItems:"",carouselItemContainer:"",carouselControls:"",carouselControlContainer:"",carouselTabs:"",carouselTabContainer:"",autoplay:"",next:"",previous:""};_activeClass="active";_previousClass="previous";_nextClass="next";_playClass="play";_pauseClass="pause";_currentItem=0;_autoplay=!0;_transitionDelay=1e4;_transitionDuration=500;_playText="Play";_pauseText="Pause";_currentAction="next";_autoplayInterval=null;_prefix="graupl-";_key="";_errors=[];constructor({carouselElement:t,carouselItemSelector:e=".carousel-item",carouselItemContainerSelector:s=".carousel-item-container",carouselControlSelector:r=".carousel-control",carouselControlContainerSelector:n=".carousel-control-container",carouselTabSelector:l=".carousel-tab",carouselTabContainerSelector:f=".carousel-tab-container",autoplaySelector:a=".autoplay",nextSelector:C=".next",previousSelector:g=".previous",activeClass:I="active",previousClass:b="previous",nextClass:v="next",playClass:T="play",pauseClass:E="pause",autoplay:w=!0,transitionDelay:x=1e4,transitionDuration:k=500,playText:A="Play",pauseText:D="Pause",prefix:S="graupl-",key:L=null,initialize:$=!1}){this._dom.carousel=t,this._selectors.carouselItems=e,this._selectors.carouselItemContainer=s,this._selectors.carouselControls=r,this._selectors.carouselControlContainer=n,this._selectors.carouselTabs=l,this._selectors.carouselTabContainer=f,this._selectors.autoplay=a,this._selectors.next=C,this._selectors.previous=g,this._activeClass=I||"",this._previousClass=b||"",this._nextClass=v||"",this._playClass=T||"",this._pauseClass=E||"",this._autoplay=w,this._transitionDelay=x,this._transitionDuration=k,this._playText=A||"",this._pauseText=D||"",this._prefix=S||"",this._key=L||"",$&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Carousel: cannot initialize carousel. The following errors have been found:
+ - ${this.errors.join(`
+ - `)}`);this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this.activateFirstItem(),this._handleAutoplay(),this._handleFocus(),this._handleClick(),this._handleHover(),this._handleKeydown(),this._handleKeyup(),this._setTransitionDuration(),y.initializeStorage("carousels"),y.pushToStorage("carousels",this.dom.carousel.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get activeClass(){return this._activeClass}get previousClass(){return this._previousClass}get nextClass(){return this._nextClass}get playClass(){return this._playClass}get pauseClass(){return this._pauseClass}get currentItem(){return this._currentItem}get currentCarouselItem(){return this.dom.carouselItems[this.currentItem]}get currentCarouselTab(){return this.dom.carouselTabs[this.currentItem]}get autoplay(){return this._autoplay}get transitionDelay(){return this._transitionDelay}get transitionDuration(){return this._transitionDuration}get playText(){return this._playText}get pauseText(){return this._pauseText}get prefix(){return this._prefix}get key(){return this._key}get currentAction(){return this._currentAction}get errors(){return this._errors}set currentItem(t){if(i("number",{value:t}),t===this.currentItem)return;t<0?this._currentItem=0:t>=this.dom.carouselItems.length?this._currentItem=this.dom.carouselItems.length-1:this._currentItem=t,this._dom.carousel.querySelectorAll(this.selectors.carouselTab)&&this.dom.carouselItems.forEach((s,r)=>{s.setAttribute("aria-selected",r===this._currentItem)})}set autoplay(t){i("boolean",{value:t}),this._autoplay!==t&&(this._autoplay=t)}set activeClass(t){o({activeClass:t}),this._activeClass!==t&&(this._activeClass=t)}set previousClass(t){o({previousClass:t}),this._previousClass!==t&&(this._previousClass=t)}set nextClass(t){o({nextClass:t}),this._nextClass!==t&&(this._nextClass=t)}set playClass(t){o({playClass:t}),this._playClass!==t&&(this._playClass=t)}set pauseClass(t){o({pauseClass:t}),this._pauseClass!==t&&(this._pauseClass=t)}set transitionDelay(t){i("number",{value:t}),t!==this.transitionDelay&&t>=0&&(this._currentItem=t)}set transitionDuration(t){i("number",{value:t}),this._transitionDuration!==t&&t>=0&&(this._transitionDuration=t,this._setTransitionDuration())}set playText(t){i("string",{value:t}),this._playText!==t&&(this._playText=t)}set pauseText(t){i("string",{value:t}),this._pauseText!==t&&(this._pauseText=t)}set prefix(t){i("string",{value:t}),this._prefix!==t&&(this._prefix=t)}set key(t){i("string",{value:t}),this._key!==t&&(this._key=t)}_validate(){let t=!0;const e=m(HTMLElement,{carousel:this.dom.carousel});e||(this._errors.push(e.message),t=!1);const s=_({carouselItemsSelector:this._selectors.carouselItems,carouselItemContainerSelector:this._selectors.carouselItemContainer,carouselControlsSelector:this._selectors.carouselControls,carouselControlContainerSelector:this._selectors.carouselControlContainer,carouselTabsSelector:this._selectors.carouselTabs,carouselTabContainerSelector:this._selectors.carouselTabContainer,autoplaySelector:this._selectors.autoplay,nextSelector:this._selectors.next,previousSelector:this._selectors.previous});s||(this._errors.push(s.message),t=!1);const r=i("boolean",{autoplay:this.autoplay});r||(this._errors.push(r.message),t=!1);const n=i("number",{transitionDelay:this._transitionDelay});n||(this._errors.push(n.message),t=!1);const l=i("number",{transitionDuration:this._transitionDuration});if(l||(this._errors.push(l.message),t=!1),this._activeClass!==""){const a=o({activeClass:this._activeClass});a||(this._errors.push(a.message),t=!1)}if(this._previousClass!==""){const a=o({previousClass:this._previousClass});a||(this._errors.push(a.message),t=!1)}if(this._nextClass!==""){const a=o({nextClass:this._nextClass});a||(this._errors.push(a.message),t=!1)}if(this._playClass!==""){const a=o({playClass:this._playClass});a||(this._errors.push(a.message),t=!1)}if(this._pauseClass!==""){const a=o({pauseClass:this._pauseClass});a||(this._errors.push(a.message),t=!1)}if(this._playText!==""){const a=i("string",{playText:this._playText});a||(this._errors.push(a.message),t=!1)}if(this._pauseText!==""){const a=i("string",{pauseText:this._pauseText});a||(this._errors.push(a.message),t=!1)}const f=i("string",{prefix:this._prefix});return f||(this._errors.push(f.message),t=!1),t}_setDOMElementType(t,e=this.dom.carousel,s=!0){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be set through _setDOMElementType.`);if(e!==this.dom.carousel&&m(HTMLElement,{base:e}),Array.isArray(this._dom[t])){const n=Array.from(e.querySelectorAll(this.selectors[t])).filter(l=>l.parentElement===e);s?this._dom[t]=n:this._dom[t]=[...this._dom[t],...n]}else{const r=e.querySelector(this.selectors[t]);if(r&&r.parentElement!==e)return;s&&(this._dom[t]=r)}}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_setDOMElements(){this._setDOMElementType("carouselItemContainer"),this._setDOMElementType("carouselControlContainer"),this._setDOMElementType("carouselTabContainer"),this.dom.carouselItemContainer&&this._setDOMElementType("carouselItems",this.dom.carouselItemContainer),this.dom.carouselControlContainer&&(this._setDOMElementType("carouselControls",this.dom.carouselControlContainer),this._setDOMElementType("autoplay",this.dom.carouselControlContainer),this._setDOMElementType("next",this.dom.carouselControlContainer),this._setDOMElementType("previous",this.dom.carouselControlContainer)),this._dom.carouselTabContainer&&this._setDOMElementType("carouselTabs",this.dom.carouselTabContainer)}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.carousel.id=this.dom.carousel.id||`carousel-${this.key}`,this.dom.carouselItems.forEach((t,e)=>{t.id=t.id||`carousel-item-${this.key}-${e}`}),this.dom.carouselTabs.forEach((t,e)=>{t.id=t.id||`carousel-tab-${this.key}-${e}`})}_setAriaAttributes(){!d("section",{carousel:this.dom.carousel})&&!this.dom.carousel.getAttribute("role")!=="region"&&this.dom.carousel.setAttribute("role","group"),this._dom.carousel.setAttribute("aria-roledescription","carousel"),this.dom.carouselTabContainer&&this.dom.carouselTabContainer.setAttribute("role","tablist"),this.dom.carouselTabs.forEach((t,e)=>{d("button",{tab:t})||t.setAttribute("role","button"),t.setAttribute("aria-selected",e===0),t.setAttribute("aria-controls",this.dom.carouselItems[e].id)})}_setInterval(){this._clearInterval(),this._autoplayInterval=setInterval(()=>{this.activateNextItem()},this.transitionDelay)}_clearInterval(){clearInterval(this._autoplayInterval)}_handleAutoplay(){this.autoplay?(u(this.pauseClass,this.dom.autoplay),c(this.playClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.pauseText),this.dom.carousel.setAttribute("aria-live","off"),this._setInterval()):(u(this.playClass,this.dom.autoplay),c(this.pauseClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.playText),this.dom.carousel.setAttribute("aria-live","polite"),this._clearInterval())}_handleFocus(){this.dom.carousel.addEventListener("focusin",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("focusout",()=>{this.autoplay&&this._setInterval()})}_handleClick(){this.dom.next.addEventListener("pointerup",()=>{this.activateNextItem()}),this.dom.previous.addEventListener("pointerup",()=>{this.activatePreviousItem()}),this.dom.autoplay.addEventListener("pointerup",()=>{this.toggleAutoplay()}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("pointerup",()=>{this.currentItem>e?this._currentAction="previous":this._currentAction="next",this.activateItem(e)})})}_handleHover(){this.dom.carousel.addEventListener("pointerover",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("pointerleave",()=>{this.autoplay&&this._setInterval()})}_handleKeydown(){this.dom.carouselControls.forEach(t=>{t.addEventListener("keydown",e=>{switch(h(e)){case"Space":case"Enter":p(e);break}})}),this.dom.carouselTabs.forEach(t=>{t.addEventListener("keydown",e=>{switch(h(e)){case"Space":case"Enter":p(e);break}})})}_handleKeyup(){this.dom.next.addEventListener("keyup",t=>{switch(h(t)){case"Space":case"Enter":this.activateNextItem(),p(t);break}}),this.dom.previous.addEventListener("keyup",t=>{switch(h(t)){case"Space":case"Enter":this.activatePreviousItem(),p(t);break}}),this.dom.autoplay.addEventListener("keyup",t=>{switch(h(t)){case"Space":case"Enter":this.toggleAutoplay(),p(t);break}}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("keyup",s=>{switch(h(s)){case"Space":case"Enter":this.activateItem(e),p(s);break}})})}_setTransitionDuration(){this.dom.carousel.style.setProperty(`--${this.prefix}carousel-transition-duration`,`${this.transitionDuration}ms`)}activateCurrentItem(){u(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!0),u(this.activeClass,this.currentCarouselTab))}deactivateCurrentItem(){c(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!1),c(this.activeClass,this.currentCarouselTab))}activateItem(t){const e=this.currentItem;this.dom.carousel.dataset.grauplAction=this._currentAction,this.autoplay&&this._clearInterval(),u(this.previousClass,this.currentCarouselItem),u(this.nextClass,this.dom.carouselItems[t]),requestAnimationFrame(()=>{this.deactivateCurrentItem(),this.currentItem=t,this.activateCurrentItem(),requestAnimationFrame(()=>{setTimeout(()=>{c(this.previousClass,this.dom.carouselItems[e]),c(this.nextClass,this.currentCarouselItem)},this.transitionDuration)})}),this.autoplay&&this._setInterval()}activateFirstItem(){this.activateItem(0)}activateLastItem(){this.activateItem(this.dom.carouselItems.length-1)}activateNextItem(){this._currentAction="next",this.currentItem+1>=this.dom.carouselItems.length?this.activateFirstItem():this.activateItem(this.currentItem+1)}activatePreviousItem(){this._currentAction="previous",this.currentItem-1<0?this.activateLastItem():this.activateItem(this.currentItem-1)}toggleAutoplay(){this.autoplay=!this.autoplay,this._handleAutoplay()}},H=q;export{H as default};
+
+//# sourceMappingURL=carousel.es.js.map