@graupl/core 1.0.0-beta.33 → 1.0.0-beta.34

package/dist/js/accordion.js

@@ -1,5 +1,5 @@
-(function(){function d(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(typeof e!="object"){const r=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${r}" given.`)}for(const r in e)try{if(!(e[r]instanceof t)){const o=typeof e[r];throw new TypeError(`${r} must be an instance of ${t.name}. "${o}" given.`)}}catch(o){i.status=!1,i.errors.push(o)}}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function n(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(typeof e!="object"){const r=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${r}" given.`)}for(const r in e)try{const o=typeof e[r];if(o!==t)throw new TypeError(`${r} must be a ${t}. "${o}" given.`)}catch(o){i.status=!1,i.errors.push(o)}}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function C(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"){const i=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${i}" given.`)}for(const i in t)try{try{if(t[i]===null)throw new Error;document.querySelector(t[i])}catch{throw new TypeError(`${i} must be a valid query selector. "${t[i]}" given.`)}}catch(r){s.status=!1,s.errors.push(r)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function u(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"||Array.isArray(t)){const i=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${i}" given.`)}for(const i in t)try{const r=typeof t[i];if(r!=="string")if(Array.isArray(t[i]))t[i].forEach(o=>{if(typeof o!="string")throw new TypeError(`${i} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${i} must be a string or an array of strings. "${r}" given.`);else{const o={};o[i]=t[i],C(o)}}catch(r){s.status=!1,s.errors.push(r)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function S(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"){const r=typeof t;throw new TypeError(`Values given to isValidState() must be inside of an object. "${r}" given.`)}const i=["none","self","child"];for(const r in t)try{if(!i.includes(t[r]))throw new TypeError(`${r} must be one of the following values: ${i.join(", ")}. "${t[r]}" given.`)}catch(o){s.status=!1,s.errors.push(o)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function T(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"){const r=typeof t;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${r}" given.`)}const i=["none","mouse","keyboard","character"];for(const r in t)try{if(!i.includes(t[r]))throw new TypeError(`${r} must be one of the following values: ${i.join(", ")}. "${t[r]}" given.`)}catch(o){s.status=!1,s.errors.push(o)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function b(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(n("string",{tagName:t},{shouldThrow:!0}).status&&d(HTMLElement,e,{shouldThrow:!0}).status){const r=t.toLowerCase();for(const o in e)try{if(e[o].tagName.toLowerCase()!==r)throw new TypeError(`${o} must be a <${r}> element. <${e[o].tagName.toLowerCase()}> given.`)}catch(c){i.status=!1,i.errors.push(c)}}}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function I(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(!Object.prototype.hasOwnProperty.call(e.events,t))throw new TypeError(`Event type "${t}" is not valid for ${e.constructor.name}. Valid event types are: "${Object.keys(e.events).join('", ')}".`)}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function l(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function h(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}var D=class{_equals=Object.is;_current;_committed;constructor(t,{equals:e=Object.is}={}){this._equals=e||Object.is,this._current=t,this._committed=t}get value(){return this._current}set value(t){this._current=t}get committed(){return this._committed}get isDirty(){return!this._equals(this._current,this._committed)}commit(){return this._committed=this._current,this}reset(){return this._current=this._committed,this}update(t){return this._current=t(this._current),this}},k=D,x=class{_scope;_type="_default";_storage={};constructor({scope:t,type:e=null,initialize:s=!0}={}){this._scope=t,this._type=e||"_default",s&&this.initialize()}initialize(){window[this.scope]=this}get scope(){return this._scope}get type(){return this._type}set type(t){n("string",{type:t})&&(this._type=t)}get storage(){return this._storage}get({type:t=this.type,key:e=null}={}){const s=n("string",{type:t});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(!this.storage[t])throw new Error(`StorageManager (${this.scope}): Type "${t}" is not initialized.`);if(e!==null){const i=n("string",{key:e});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);return this.storage[t][e]}return this.storage[t]}set({type:t=this.type,key:e=null,data:s={}}={}){const i=n("string",{type:t}),r=n("object",{data:s});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);if(!r.status)throw new Error(`StorageManager (${this.scope}): ${r.message}`);if(e!==null){const o=n("string",{key:e});if(!o.status)throw new Error(`StorageManager (${this.scope}): ${o.message}`);this._storage[t]||(this._storage[t]={}),this._storage[t][e]=s}else this._storage[t]=s}clear({type:t=this.type,key:e=null}={}){const s=n("string",{type:t});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(e!==null){const i=n("string",{key:e});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);delete this.storage[t][e]}else delete this.storage[t]}dispose(){delete this._storage,delete this}},g=x,M=class{_dom={};_protectedDOMElements=[];_selectors={};_elements={};_classes={initialize:""};_durations={};_delays={};_focusState="none";_currentEvent="none";_breakpoint="";_mediaQueryString="";_mediaQueryList=null;_mediaQueryListEventCallback=t=>{t.matches};_intervals={};_timeouts={};_listeners=[];_events={};_prefix="graupl-";_key="";_storageKey="components";_id="";_valid=!0;_initialized=!1;_errors=[];constructor({prefix:t="graupl-",key:e=null,initializeClass:s="initializing"}={}){this._classes.initialize=s||"",this._prefix=t||"",this._key=e||""}initialize(){try{if(!this._validate())throw new Error(`Graupl ${this.constructor.name}: Cannot initialize component. The following errors have been found:
+(function(){function d(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(typeof e!="object"){const r=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${r}" given.`)}for(const r in e)try{if(!(e[r]instanceof t)){const o=typeof e[r];throw new TypeError(`${r} must be an instance of ${t.name}. "${o}" given.`)}}catch(o){i.status=!1,i.errors.push(o)}}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function n(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(typeof e!="object"){const r=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${r}" given.`)}for(const r in e)try{const o=typeof e[r];if(o!==t)throw new TypeError(`${r} must be a ${t}. "${o}" given.`)}catch(o){i.status=!1,i.errors.push(o)}}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function v(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"){const i=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${i}" given.`)}for(const i in t)try{try{if(t[i]===null)throw new Error;document.querySelector(t[i])}catch{throw new TypeError(`${i} must be a valid query selector. "${t[i]}" given.`)}}catch(r){s.status=!1,s.errors.push(r)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function m(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"||Array.isArray(t)){const i=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${i}" given.`)}for(const i in t)try{const r=typeof t[i];if(r!=="string")if(Array.isArray(t[i]))t[i].forEach(o=>{if(typeof o!="string")throw new TypeError(`${i} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${i} must be a string or an array of strings. "${r}" given.`);else{const o={};o[i]=t[i],v(o)}}catch(r){s.status=!1,s.errors.push(r)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function D(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"){const r=typeof t;throw new TypeError(`Values given to isValidState() must be inside of an object. "${r}" given.`)}const i=["none","self","child"];for(const r in t)try{if(!i.includes(t[r]))throw new TypeError(`${r} must be one of the following values: ${i.join(", ")}. "${t[r]}" given.`)}catch(o){s.status=!1,s.errors.push(o)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function S(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(typeof t!="object"){const r=typeof t;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${r}" given.`)}const i=["none","mouse","keyboard","character"];for(const r in t)try{if(!i.includes(t[r]))throw new TypeError(`${r} must be one of the following values: ${i.join(", ")}. "${t[r]}" given.`)}catch(o){s.status=!1,s.errors.push(o)}}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function k(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(n("string",{tagName:t},{shouldThrow:!0}).status&&d(HTMLElement,e,{shouldThrow:!0}).status){const r=t.toLowerCase();for(const o in e)try{if(e[o].tagName.toLowerCase()!==r)throw new TypeError(`${o} must be a <${r}> element. <${e[o].tagName.toLowerCase()}> given.`)}catch(c){i.status=!1,i.errors.push(c)}}}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function I(t,e,{shouldThrow:s=!0}={}){const i={status:!0,errors:[]};try{if(!Object.prototype.hasOwnProperty.call(e.events,t))throw new TypeError(`Event type "${t}" is not valid for ${e.constructor.name}. Valid event types are: "${Object.keys(e.events).join('", ')}".`)}catch(r){i.status=!1,i.errors.push(r)}if(s&&!i.status)throw i.errors[0];return i}function T(t,{shouldThrow:e=!0}={}){const s={status:!0,errors:[]};try{if(!Object.prototype.hasOwnProperty.call(t._dom,t._rootDOMElement))throw new Error(`The root DOM element "${t._rootDOMElement}" does not exist in the ${t.constructor.name}'s _dom property. It must be one of the following: "${Object.keys(t._dom).join('", "')}".`)}catch(i){s.status=!1,s.errors.push(i)}if(e&&!s.status)throw s.errors[0];return s}function l(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function h(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}var x=class{_equals=Object.is;_current;_committed;constructor(t,{equals:e=Object.is}={}){this._equals=e||Object.is,this._current=t,this._committed=t}get value(){return this._current}set value(t){this._current=t}get committed(){return this._committed}get isDirty(){return!this._equals(this._current,this._committed)}commit(){return this._committed=this._current,this}reset(){return this._current=this._committed,this}update(t){return this._current=t(this._current),this}},A=x,L=class{_scope;_type="_default";_storage={};constructor({scope:t,type:e=null,initialize:s=!0}={}){this._scope=t,this._type=e||"_default",s&&this.initialize()}initialize(){window[this.scope]=this}get scope(){return this._scope}get type(){return this._type}set type(t){n("string",{type:t})&&(this._type=t)}get storage(){return this._storage}get({type:t=this.type,key:e=null}={}){const s=n("string",{type:t});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(!this.storage[t])throw new Error(`StorageManager (${this.scope}): Type "${t}" is not initialized.`);if(e!==null){const i=n("string",{key:e});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);return this.storage[t][e]}return this.storage[t]}set({type:t=this.type,key:e=null,data:s={}}={}){const i=n("string",{type:t}),r=n("object",{data:s});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);if(!r.status)throw new Error(`StorageManager (${this.scope}): ${r.message}`);if(e!==null){const o=n("string",{key:e});if(!o.status)throw new Error(`StorageManager (${this.scope}): ${o.message}`);this._storage[t]||(this._storage[t]={}),this._storage[t][e]=s}else this._storage[t]=s}clear({type:t=this.type,key:e=null}={}){const s=n("string",{type:t});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(e!==null){const i=n("string",{key:e});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);delete this.storage[t][e]}else delete this.storage[t]}dispose(){delete this._storage,delete this}},y=L,j=class{_dom={};_rootDOMElement="";_protectedDOMElements=[];_selectors={};_elements={};_classes={initialize:""};_durations={};_delays={};_focusState="none";_currentEvent="none";_breakpoint="";_mediaQueryString="";_mediaQueryList=null;_mediaQueryListEventCallback=t=>{t.matches};_intervals={};_timeouts={};_listeners=[];_events={initialize:new CustomEvent("grauplComponentInitialize",{detail:{component:this}}),preinitialize:new CustomEvent("grauplComponentPreinitialize",{detail:{component:this}}),postinitialize:new CustomEvent("grauplComponentPostinitialize",{detail:{component:this}}),validate:new CustomEvent("grauplComponentValidate",{detail:{component:this}}),prevalidate:new CustomEvent("grauplComponentPrevalidate",{detail:{component:this}}),postvalidate:new CustomEvent("grauplComponentPostvalidate",{detail:{component:this}})};_prefix="graupl-";_key="";_storageKey="components";_id="";_valid=!0;_initialized=!1;_errors=[];constructor({prefix:t="graupl-",key:e=null,initializeClass:s="initializing"}={}){this._classes.initialize=s||"",this._prefix=t||"",this._key=e||""}initialize(){try{if(!this._validate())throw new Error(`Graupl ${this.constructor.name}: Cannot initialize component. The following errors have been found:
  - ${this.errors.map(t=>t.message).join(`
- - `)}`);this._generateKey()}catch(t){console.error(t)}}init(){this.initialize()}get dom(){return this._dom}get selectors(){return this._selectors}get elements(){return this._elements}get classes(){return this._classes}get durations(){return this._durations}get delays(){return this._delays}get intervals(){return this._intervals}get timeouts(){return this._timeouts}get listeners(){return this._listeners}get events(){return this._events}get initializeClass(){return this._classes.initialize}set initializeClass(t){u({initializeClass:t}),this._classes.initialize!==t&&(this._classes.initialize=t)}get focusState(){return this._focusState}set focusState(t){S({focusState:t}),this._focusState!==t&&(this._focusState=t)}get currentEvent(){return this._currentEvent}set currentEvent(t){T({currentEvent:t}),this._currentEvent!==t&&(this._currentEvent=t)}get breakpoint(){return this._breakpoint}set breakpoint(t){n("string",{breakpoint:t}),this._breakpoint!==t&&(this._breakpoint=t)}get mediaQuery(){return this._mediaQueryString!==""?this._mediaQueryString:this._breakpoint===""?"":`(width <= ${this._breakpoint})`}set mediaQuery(t){n("string",{mediaQuery:t}),this._mediaQueryString!==t&&(this._mediaQueryString=t)}get prefix(){return this._prefix}get key(){return this._key}get id(){return this._id}get isValid(){return this._valid}get isInitialized(){return this._initialized}get errors(){return this._errors}_validate(){if(Object.keys(this._dom).length>0){const s={};for(const r of Object.keys(this._dom))Array.isArray(this._dom[r])?this._dom[r].forEach((o,c)=>{s[`${r}Element[${c}]`]=o}):this._dom[r]!==null&&(s[`${r}Element`]=this._dom[r]);const i=d(HTMLElement,s,{shouldThrow:!1});i.status||(this._errors=[...this._errors,...i.errors],this._valid=!1)}if(Object.keys(this._selectors).length>0){const s={};for(const r of Object.keys(this._selectors))s[`${r}Selector`]=this._selectors[r];const i=C(s,{shouldThrow:!1});i.status||(this._errors=[...this._errors,...i.errors],this._valid=!1)}if(Object.keys(this._classes).length>0){const s={};for(const r of Object.keys(this._classes))this._classes[r]!==""&&(s[`${r}Class`]=this._classes[r]);const i=u(s,{shouldThrow:!1});i.status||(this._errors=[...this._errors,...i.errors],this._valid=!1)}if(Object.keys(this._durations).length>0){const s={};for(const r of Object.keys(this._durations))s[`${r}Duration`]=this._durations[r];const i=n("number",s,{shouldThrow:!1});i.status||(this._errors=[...this._errors,...i.errors],this._valid=!1)}if(Object.keys(this.delays).length>0){const s={};for(const r of Object.keys(this.delays))s[`${r}Delay`]=this.delays[r];const i=n("number",s,{shouldThrow:!1});i.status||(this._errors=[...this._errors,...i.errors],this._valid=!1)}const t={_storageKey:this._storageKey,key:this._key,prefix:this._prefix,mediaQuery:this._mediaQueryString,breakpoint:this._breakpoint};this._protectedDOMElements.forEach(s=>{t[`_protectedDOMElementType[${s}]`]=s});const e=n("string",t,{shouldThrow:!1});return e.status||(this._errors=[...this._errors,...e.errors],this._valid=!1),this._valid}_generateKey(t=!1){(this._key===""||t)&&(this._key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){}_setAriaAttributes(){}_setCustomProps(){}_setDOMElementType(t,{context:e,overwrite:s=!0,strict:i=!1}={}){if(typeof this.selectors[t]!="string")throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`);if(this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be set through _setDOMElementType because it is a protected element.`);d(HTMLElement,{context:e});const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(o=>i?o.parentElement===e:!0);Array.isArray(this._dom[t])?s?this._dom[t]=r:this._dom[t]=[...this._dom[t],...r]:this._dom[t]=r[0]||null}_resetDOMElementType(t){if(typeof this.selectors[t]!="string")throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`);if(this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be reset through _resetDOMElementType because it is a protected element.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}_setDOMElements(){}_createChildElements(){}_handleMediaMatch(){this.mediaQuery!==""&&(this._mediaQueryList=window.matchMedia(this.mediaQuery),this._addEventListener("change",this._mediaQueryList,this._mediaQueryListEventCallback),this._mediaQueryListEventCallback(this._mediaQueryList))}_handleFocus(){}_handleClick(){}_handleKeydown(){}_handleKeyup(){}_store(){d(g,{storage:window.GrauplStorage},{shouldThrow:!1}).status||new g({scope:"GrauplStorage"}),window.GrauplStorage.set({key:this.id!==""?this.id:this.key,type:this._storageKey,data:this})}_unstore(){d(g,{storage:window.GrauplStorage},{shouldThrow:!1}).status&&window.GrauplStorage.clear({key:this.id!==""?this.id:this.key,type:this._storageKey})}_setInterval(t,e,s="_default"){this._clearInterval(s),this._intervals[s]=setInterval(t,e)}_clearInterval(t="_default"){clearInterval(this._intervals[t])}_clearIntervals(){for(const t of Object.keys(this._intervals))this._clearInterval(t)}_setTimeout(t,e,s="_default"){this._clearTimeout(s),this._timeouts[s]=setTimeout(t,e)}_clearTimeout(t="_default"){clearTimeout(this._timeouts[t])}_clearTimeouts(){for(const t of Object.keys(this._timeouts))this._clearTimeout(t)}_registerEvent(t,{bubbles:e=!0,detail:s={}}={}){n("string",{name:t}),n("boolean",{bubbles:e}),n("object",{detail:s});const i=`graupl${this.constructor.name}${t.charAt(0).toUpperCase()}${t.slice(1)}`;this._events[t]=new CustomEvent(i,{bubbles:e,detail:{component:this,...s}})}_dispatchEvent(t,e){I(t,this),d(HTMLElement,{element:e}),e.dispatchEvent(this.events[t])}_addEventListener(t,e,s,i={}){e.addEventListener(t,s,i),this._listeners.push({type:t,element:e,listener:s,options:i})}_removeEventListener(t,e,s,i={}){e.removeEventListener(t,s,i);let r=-1;this._listeners.forEach((o,c)=>{o.type===t&&o.element===e&&o.listener===s&&JSON.stringify(o.options)===JSON.stringify(i)&&(r=c)}),r!==-1&&this._listeners.splice(r,1)}_removeEventListeners({type:t=null,element:e=null}={}){[...this._listeners].forEach(s=>{t!==null&&s.type!==t||e!==null&&s.element!==e||this._removeEventListener(s.type,s.element,s.listener,s.options)})}dispose(){this._clearIntervals(),this._clearTimeouts(),this._removeEventListeners(),this._unstore(),delete this}},A=M,O=class extends A{_protectedDOMElements=["item","toggle","header","content"];_open=new k(!1);_locked=new k(!1);constructor({accordionItemElement:t,accordionItemToggleElement:e,accordionItemHeaderElement:s,accordionItemContentElement:i,parentAccordion:r=null}){super({prefix:r.prefix,key:r.key}),this._dom.item=t,this._dom.toggle=e,this._dom.header=s,this._dom.content=i,this._elements.parent=r,this._registerEvent("expand",{detail:{item:this}}),this._registerEvent("collapse",{detail:{item:this}})}initialize(){this._setIds(),this._setAriaAttributes(),this.dom.toggle.getAttribute("aria-expanded")==="true"?this.show({force:!0,emit:!1,transition:!1}):this.hide({force:!0,emit:!1,transition:!1})}get isOpen(){return this._open.value}get isLocked(){return this._locked.value}_setIds(){const{key:t}=this.elements.parent,e=this.elements.parent.dom.accordionItems.indexOf(this.dom.item);this.dom.item.id=this.dom.item.id||`accordion-item-${t}-${e}`,this.dom.toggle.id=this.dom.toggle.id||`accordion-item-toggle-${t}-${e}`,this.dom.header.id=this.dom.header.id||`accordion-item-header-${t}-${e}`,this.dom.content.id=this.dom.content.id||`accordion-item-content-${t}-${e}`}_setAriaAttributes(){b("button",{toggle:this.dom.toggle},{shouldThrow:!1}).status||this.dom.toggle.setAttribute("role","button"),this.dom.toggle.getAttribute("aria-expanded")!=="true"&&this.dom.toggle.setAttribute("aria-expanded","false"),this.dom.toggle.setAttribute("aria-controls",this.dom.content.id),b("section",{content:this.dom.content},{shouldThrow:!1}).status||this.dom.content.setAttribute("role","region"),this.dom.content.setAttribute("aria-labelledby",this.dom.toggle.id)}_reveal({emit:t=!0,transition:e=!0}={}){const{closeClass:s,openClass:i,transitionClass:r,openDuration:o}=this.elements.parent;this.dom.toggle.setAttribute("aria-expanded","true"),e&&r!==""?(l(r,this.dom.item),requestAnimationFrame(()=>{h(s,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{l(i,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height+this.dom.content.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{this._setTimeout(()=>{h(r,this.dom.item),this.dom.item.style.height=""},o)})})})):(l(i,this.dom.item),h(s,this.dom.item)),this.dom.content.removeAttribute("inert"),t&&this._dispatchEvent("expand",this.dom.item)}_conceal({emit:t=!0,transition:e=!0}={}){const{closeClass:s,openClass:i,transitionClass:r,closeDuration:o}=this.elements.parent;this.dom.toggle.setAttribute("aria-expanded","false"),e&&r!==""?(l(r,this.dom.item),this.dom.item.style.height=`${this.dom.item.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{h(i,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{l(s,this.dom.item),requestAnimationFrame(()=>{this._setTimeout(()=>{h(r,this.dom.item),this.dom.item.style.height=""},o)})})})):(l(s,this.dom.item),h(i,this.dom.item)),this.dom.content.setAttribute("inert","true"),t&&this._dispatchEvent("collapse",this.dom.item)}show({force:t=!1,preserveState:e=!1,emit:s=!0,transition:i=!0}={}){this.isOpen&&!t||(this._reveal({emit:s,transition:i}),this._open.value=!0,e||this._open.commit(),this.elements.parent.allowExpandMultiple||(this.unlockSiblings(),this.closeSiblings()),this.elements.parent.allowCollapseAll||(this.elements.parent.openAccordionItems.length<=1?this.lock():this.unlockSiblings()))}hide({force:t=!1,preserveState:e=!1,emit:s=!0,transition:i=!0}={}){!this.isOpen&&!t||!this.elements.parent.allowCollapseAll&&this.elements.parent.openAccordionItems.length<=1||(this._conceal({emit:s,transition:i}),this._open.value=!1,e||this._open.commit(),!this.elements.parent.allowCollapseAll&&this.elements.parent.openAccordionItems.length===1&&this.elements.parent.openAccordionItems[0].lock())}toggle(){this.isOpen?this.hide():this.show()}focus(){this.dom.toggle.focus()}blur(){this.dom.toggle.blur()}lock(){this._locked.value=!0,this._locked.commit(),this.dom.toggle.setAttribute("disabled","true")}unlock(){this._locked.value=!1,this._locked.commit(),this.dom.toggle.removeAttribute("disabled")}closeSiblings(){this.elements.parent&&this.elements.parent.elements.accordionItems.forEach(t=>{t!==this&&t.hide()})}unlockSiblings(){this.elements.parent&&this.elements.parent.elements.accordionItems.forEach(t=>{t!==this&&t.unlock()})}},L=O;function m(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,Character:isNaN(e)&&!!e.match(/^[a-zA-Z]{1}$/),Tab:e==="Tab"||e===9,Asterisk:e==="*"||e===56};return Object.keys(s).find(i=>s[i]===!0)||""}catch{return""}}function a(t){t.preventDefault(),t.stopPropagation()}var j=class extends A{_protectedDOMElements=["accordion"];_optionalKeySupport=!0;_expandMultiple=!0;_collapseAll=!0;_currentChild=0;_storageKey="accordions";constructor({accordionElement:t,accordionItemsSelector:e=".accordion-item",accordionItemTogglesSelector:s=".accordion-item-toggle",accordionItemHeadersSelector:i=".accordion-item-header",accordionItemContentsSelector:r=".accordion-item-content",accordionControlContainerSelector:o=".accordion-control-container",accordionControlsSelector:c=".accordion-control",expandControllerSelector:F=".expand-all",collapseControllerSelector:H=".collapse-all",openClass:P="show",closeClass:G="hide",transitionClass:R="transitioning",transitionDuration:U=300,openDuration:B=-1,closeDuration:N=-1,optionalKeySupport:J=!1,allowExpandMultiple:Z=!0,allowCollapseAll:W=!0,automaticActivation:X=!1,prefix:Y="graupl-",key:tt=null,initializeClass:et="initializing",initialize:st=!1}){super({prefix:Y,key:tt,initializeClass:et}),this._dom.accordion=t,this._dom.accordionItems=[],this._dom.accordionItemToggles=[],this._dom.accordionItemHeaders=[],this._dom.accordionItemContents=[],this._dom.accordionControlContainer=null,this._dom.accordionControls=[],this._dom.expandController=[],this._dom.collapseController=[],this._selectors.accordionItems=e,this._selectors.accordionItemToggles=s,this._selectors.accordionItemHeaders=i,this._selectors.accordionItemContents=r,this._selectors.accordionControlContainer=o,this._selectors.accordionControls=c,this._selectors.expandController=F,this._selectors.collapseController=H,this._elements.accordionItems=[],this._classes.open=P||"",this._classes.close=G||"",this._classes.transition=R||"",this._durations.transition=U,this._durations.open=B,this._durations.close=N,this._automatic=X,this._optionalKeySupport=J,this._expandMultiple=Z,this._collapseAll=W,st&&this.initialize()}initialize(){try{l(this._classes.initialize,this.dom.accordion),super.initialize(),this._setDOMElements(),this._setIds(),this._setCustomProps(),this._createChildElements(),this._handleFocus(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),this._store(),this.dom.expandController.length>0&&!this.allowExpandMultiple&&this.dom.expandController.forEach(t=>{t.setAttribute("disabled","disabled")}),this.dom.collapseController.length>0&&!this.allowCollapseAll&&this.dom.collapseController.forEach(t=>{t.setAttribute("disabled","disabled")})}catch(t){console.error(t)}finally{requestAnimationFrame(()=>{h(this._classes.initialize,this.dom.accordion)}),this.isValid&&(this._initialized=!0)}}get openClass(){return this._classes.open}set openClass(t){u({openClass:t}),this._classes.open!==t&&(this._classes.open=t)}get closeClass(){return this._classes.close}set closeClass(t){u({closeClass:t}),this._classes.close!==t&&(this._classes.close=t)}get transitionClass(){return this._classes.transition}set transitionClass(t){u({transitionClass:t}),this._classes.transition!==t&&(this._classes.transition=t)}get transitionDuration(){return this._durations.transition}set transitionDuration(t){n("number",{transitionDuration:t}),this._durations.transition!==t&&(this._durations.transition=t,this._setTransitionDurations())}get openDuration(){return this._durations.open===-1?this.transitionDuration:this._durations.open}set openDuration(t){n("number",{openDuration:t}),this._durations.open!==t&&(this._durations.open=t,this._setTransitionDurations())}get closeDuration(){return this._durations.close===-1?this.transitionDuration:this._durations.close}set closeDuration(t){n("number",{closeDuration:t}),this._durations.close!==t&&(this._durations.close=t,this._setTransitionDurations())}get currentChild(){return this._currentChild}set currentChild(t){n("number",{currentChild:t}),this._currentChild!==t&&t>=0&&t<this.elements.accordionItems.length&&(this._currentChild=t)}get optionalKeySupport(){return this._optionalKeySupport}set optionalKeySupport(t){n("boolean",{optionalKeySupport:t}),this._optionalKeySupport!==t&&(this._optionalKeySupport=t)}get currentAccordionItem(){return this.elements.accordionItems[this.currentChild]}get openAccordionItems(){return this.elements.accordionItems.filter(t=>t.isOpen)}get allowExpandMultiple(){return this._expandMultiple}set allowExpandMultiple(t){n("boolean",{allowExpandMultiple:t}),this._expandMultiple!==t&&(this._expandMultiple=t,this.dom.expandController.length>0&&(t?this.dom.expandController.forEach(e=>{e.removeAttribute("disabled")}):this.dom.expandController.forEach(e=>{e.setAttribute("disabled","disabled")})))}get allowCollapseAll(){return this._collapseAll}set allowCollapseAll(t){n("boolean",{allowCollapseAll:t}),this._collapseAll!==t&&(this._collapseAll=t,this.dom.collapseController.length>0&&(t?this.dom.collapseController.forEach(e=>{e.removeAttribute("disabled")}):this.dom.collapseController.forEach(e=>{e.setAttribute("disabled","disabled")})))}_validate(){const t=n("boolean",{automaticActivation:this._automatic,optionalKeySupport:this._optionalKeySupport,allowExpandMultiple:this._expandMultiple,allowCollapseAll:this._collapseAll});return t.status||(this._errors=[...this._errors,...t.errors],this._valid=!1),super._validate()}_setIds(){this.dom.accordion.id=this.dom.accordion.id||`accordion-${this.key}`,this._id=this.dom.accordion.id}_setCustomProps(){this.dom.accordion.style.setProperty(`--${this.prefix}accordion-transition-duration`,`${this.transitionDuration}ms`),this.dom.accordion.style.setProperty(`--${this.prefix}accordion-open-transition-duration`,`${this.openDuration}ms`),this.dom.accordion.style.setProperty(`--${this.prefix}accordion-close-transition-duration`,`${this.closeDuration}ms`)}_setDOMElements(){this._setDOMElementType("accordionItems",{context:this.dom.accordion}),this._resetDOMElementType("accordionItemToggles"),this._setDOMElementType("accordionControlContainer",{context:this.dom.accordion}),this.dom.accordionControlContainer&&(this._setDOMElementType("accordionControls",{context:this.dom.accordionControlContainer}),this._setDOMElementType("expandController",{context:this.dom.accordionControlContainer}),this._setDOMElementType("collapseController",{context:this.dom.accordionControlContainer})),this.dom.accordionItems.forEach(t=>{this._setDOMElementType("accordionItemToggles",{context:t,overwrite:!1,strict:!1}),this._setDOMElementType("accordionItemHeaders",{context:t,overwrite:!1,strict:!1}),this._setDOMElementType("accordionItemContents",{context:t,overwrite:!1,strict:!1})})}_createChildElements(){this.dom.accordionItems.forEach((t,e)=>{const s=new L({accordionItemElement:t,accordionItemToggleElement:this.dom.accordionItemToggles[e],accordionItemHeaderElement:this.dom.accordionItemHeaders[e],accordionItemContentElement:this.dom.accordionItemContents[e],parentAccordion:this});s.initialize(),this.elements.accordionItems.push(s)})}_handleFocus(){this.elements.accordionItems.forEach((t,e)=>{this._addEventListener("focus",t.dom.toggle,()=>{this.currentChild=e})})}_handleClick(){this.elements.accordionItems.forEach((t,e)=>{this._addEventListener("click",t.dom.toggle,()=>{this.currentChild=e,this.currentEvent="mouse",t.toggle()})}),this.dom.expandController.forEach(t=>{this._addEventListener("click",t,()=>{this.currentEvent="mouse",this.allowExpandMultiple&&this.openChildren()})}),this.dom.collapseController.forEach(t=>{this._addEventListener("click",t,()=>{this.currentEvent="mouse",this.allowCollapseAll&&this.closeChildren()})})}_handleKeydown(){this.dom.accordionItemToggles.forEach(t=>{this._addEventListener("keydown",t,e=>{const s=m(e);["Space","Enter"].includes(s)?(a(e),this.currentEvent="keyboard"):this.optionalKeySupport&&["ArrowDown","ArrowUp","Home","End"].includes(s)&&(a(e),this.currentEvent="keyboard")})}),this.dom.accordionControls.forEach(t=>{this._addEventListener("keydown",t,e=>{const s=m(e);["Space","Enter"].includes(s)&&(a(e),this.currentEvent="keyboard")})})}_handleKeyup(){this.dom.accordionItemToggles.forEach(t=>{this._addEventListener("keyup",t,e=>{const s=m(e);switch(s){case"Space":case"Enter":a(e),this.currentEvent="keyboard",this.currentAccordionItem.toggle();break}if(this.optionalKeySupport)switch(s){case"Home":a(e),this.focusFirstChild();break;case"End":a(e),this.focusLastChild();break;case"ArrowDown":a(e),this.focusNextChild();break;case"ArrowUp":a(e),this.focusPreviousChild();break}})}),this.dom.expandController.forEach(t=>{this._addEventListener("keyup",t,e=>{switch(m(e)){case"Space":case"Enter":a(e),this.currentEvent="keyboard",this.allowExpandMultiple&&this.openChildren()}})}),this.dom.collapseController.forEach(t=>{this._addEventListener("keyup",t,e=>{switch(m(e)){case"Space":case"Enter":a(e),this.currentEvent="keyboard",this.allowCollapseAll&&this.closeChildren()}})})}focusCurrentChild(){this.currentChild!==-1&&this.currentAccordionItem.focus()}focusChild(t){this.blurCurrentChild(),this.currentChild=t,this.focusCurrentChild()}focusFirstChild(){this.focusChild(0)}focusLastChild(){this.focusChild(this.elements.accordionItems.length-1)}focusNextChild(){this.currentChild<this.elements.accordionItems.length-1?this.focusChild(this.currentChild+1):this.focusCurrentChild()}focusPreviousChild(){this.currentChild>0?this.focusChild(this.currentChild-1):this.focusCurrentChild()}blurCurrentChild(){this.currentChild!==-1&&this.currentAccordionItem.blur()}openChildren(){this.elements.accordionItems.forEach(t=>t.show())}closeChildren(){this.elements.accordionItems.forEach(t=>t.hide())}},z=j;const v=/[\11\12\14\15\40]+/,y="data-once",K=document;function E(t,e,s){return t[`${e}Attribute`](y,s)}function f(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||v.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${y}~="${t}"]`}function Q(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function p(t,e=K){let s=t;if(t===null)s=[];else if(t)if(e instanceof Document||e instanceof DocumentFragment||e instanceof Element)typeof t=="string"?s=e.querySelectorAll(t):t instanceof Element&&(s=[t]);else throw new TypeError('Context must be an object of type "Document", "DocumentFragment", or "Element".');else throw new TypeError("Selector must not be empty");return Array.prototype.slice.call(s)}function w(t,e,s){return e.filter(i=>{const r=Q(i)&&i.matches(t);return r&&s&&s(i),r})}function $(t,{add:e,remove:s}){const i=[];E(t,"has")&&E(t,"get").trim().split(v).forEach(o=>{i.indexOf(o)<0&&o!==s&&i.push(o)}),e&&i.push(e);const r=i.join(" ");E(t,r===""?"remove":"set",r)}function _(t,e,s){return w(`:not(${f(t)})`,p(e,s),i=>$(i,{add:t}))}_.remove=(t,e,s)=>w(f(t),p(e,s),i=>$(i,{remove:t})),_.filter=(t,e,s)=>w(f(t),p(e,s)),_.find=(t,e)=>p(t?f(t):`[${y}]`,e);var V=_,q=(t={},e=document,s=".accordion")=>{V("graupl-accordion-generator",s,e).forEach(i=>{const r=i.dataset.grauplAccordionOptions?JSON.parse(i.dataset.grauplAccordionOptions.replace(/'/g,'"'))||{}:{};new z({accordionElement:i,initialize:!0,...t,...r})})};document.addEventListener("DOMContentLoaded",()=>{q()})})();
+ - `)}`);l(this.initializeClass,this.rootDOMElement),this._dispatchEvent("preinitialize",this.rootDOMElement),this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this._setCustomProps(),this._createChildElements(),this._handleMediaMatch(),this._handleFocus(),this._handleHover(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),this._dispatchEvent("initialize",this.rootDOMElement),this._store(),h(this.initializeClass,this.rootDOMElement),this._initialized=!0,this._dispatchEvent("postinitialize",this.rootDOMElement)}catch(t){console.error(t)}}init(){this.initialize()}get dom(){return this._dom}get rootDOMElement(){return this._dom[this._rootDOMElement]||document.documentElement}get selectors(){return this._selectors}get elements(){return this._elements}get classes(){return this._classes}get durations(){return this._durations}get delays(){return this._delays}get intervals(){return this._intervals}get timeouts(){return this._timeouts}get listeners(){return this._listeners}get events(){return this._events}get initializeClass(){return this._classes.initialize}set initializeClass(t){m({initializeClass:t}),this._classes.initialize!==t&&(this._classes.initialize=t)}get focusState(){return this._focusState}set focusState(t){D({focusState:t}),this._focusState!==t&&(this._focusState=t)}get currentEvent(){return this._currentEvent}set currentEvent(t){S({currentEvent:t}),this._currentEvent!==t&&(this._currentEvent=t)}get breakpoint(){return this._breakpoint}set breakpoint(t){n("string",{breakpoint:t}),this._breakpoint!==t&&(this._breakpoint=t)}get mediaQuery(){return this._mediaQueryString!==""?this._mediaQueryString:this._breakpoint===""?"":`(width <= ${this._breakpoint})`}set mediaQuery(t){n("string",{mediaQuery:t}),this._mediaQueryString!==t&&(this._mediaQueryString=t)}get prefix(){return this._prefix}get key(){return this._key}get id(){return this._id}get isValid(){return this._valid}get isInitialized(){return this._initialized}get errors(){return this._errors}_validate(){this._dispatchEvent("prevalidate",this.rootDOMElement);const t=T(this,{shouldThrow:!1});if(t.status||(this._errors=[...this._errors,...t.errors],this._valid=!1),Object.keys(this._dom).length>0){const i={};for(const o of Object.keys(this._dom))Array.isArray(this._dom[o])?this._dom[o].forEach((c,b)=>{i[`${o}Element[${b}]`]=c}):this._dom[o]!==null&&(i[`${o}Element`]=this._dom[o]);const r=d(HTMLElement,i,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this._selectors).length>0){const i={};for(const o of Object.keys(this._selectors))i[`${o}Selector`]=this._selectors[o];const r=v(i,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this._classes).length>0){const i={};for(const o of Object.keys(this._classes))this._classes[o]!==""&&(i[`${o}Class`]=this._classes[o]);const r=m(i,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this._durations).length>0){const i={};for(const o of Object.keys(this._durations))i[`${o}Duration`]=this._durations[o];const r=n("number",i,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this.delays).length>0){const i={};for(const o of Object.keys(this.delays))i[`${o}Delay`]=this.delays[o];const r=n("number",i,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}const e={_storageKey:this._storageKey,key:this._key,prefix:this._prefix,mediaQuery:this._mediaQueryString,breakpoint:this._breakpoint};this._protectedDOMElements.forEach(i=>{e[`_protectedDOMElementType[${i}]`]=i});const s=n("string",e,{shouldThrow:!1});return s.status||(this._errors=[...this._errors,...s.errors],this._valid=!1),this._dispatchEvent("validate",this.rootDOMElement),this._dispatchEvent("postvalidate",this.rootDOMElement),this._valid}_generateKey(t=!1){(this._key===""||t)&&(this._key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){}_setAriaAttributes(){}_setCustomProps(){}_setDOMElementType(t,{context:e,overwrite:s=!0,strict:i=!1}={}){if(typeof this.selectors[t]!="string")throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`);if(this._rootDOMElement===t||this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be set through _setDOMElementType because it is a protected element.`);d(HTMLElement,{context:e});const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(o=>i?o.parentElement===e:!0);Array.isArray(this._dom[t])?s?this._dom[t]=r:this._dom[t]=[...this._dom[t],...r]:this._dom[t]=r[0]||null}_resetDOMElementType(t){if(typeof this.selectors[t]!="string")throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`);if(this._rootDOMElement===t||this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be reset through _resetDOMElementType because it is a protected element.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}_setDOMElements(){}_createChildElements(){}_handleMediaMatch(){this.mediaQuery!==""&&(this._mediaQueryList=window.matchMedia(this.mediaQuery),this._addEventListener("change",this._mediaQueryList,this._mediaQueryListEventCallback),this._mediaQueryListEventCallback(this._mediaQueryList))}_handleFocus(){}_handleClick(){}_handleHover(){}_handleKeydown(){}_handleKeyup(){}_store(){d(y,{storage:window.GrauplStorage},{shouldThrow:!1}).status||new y({scope:"GrauplStorage"}),window.GrauplStorage.set({key:this.id!==""?this.id:this.key,type:this._storageKey,data:this})}_unstore(){d(y,{storage:window.GrauplStorage},{shouldThrow:!1}).status&&window.GrauplStorage.clear({key:this.id!==""?this.id:this.key,type:this._storageKey})}_setInterval(t,e,s="_default"){this._clearInterval(s),this._intervals[s]=setInterval(t,e)}_clearInterval(t="_default"){clearInterval(this._intervals[t])}_clearIntervals(){for(const t of Object.keys(this._intervals))this._clearInterval(t)}_setTimeout(t,e,s="_default"){this._clearTimeout(s),this._timeouts[s]=setTimeout(t,e)}_clearTimeout(t="_default"){clearTimeout(this._timeouts[t])}_clearTimeouts(){for(const t of Object.keys(this._timeouts))this._clearTimeout(t)}_registerEvent(t,{bubbles:e=!0,detail:s={}}={}){n("string",{name:t}),n("boolean",{bubbles:e}),n("object",{detail:s});const i=`graupl${this.constructor.name}${t.charAt(0).toUpperCase()}${t.slice(1)}`;this._events[t]=new CustomEvent(i,{bubbles:e,detail:{component:this,...s}})}_dispatchEvent(t,e){I(t,this),d(HTMLElement,{element:e}),e.dispatchEvent(this.events[t])}_addEventListener(t,e,s,i={}){e.addEventListener(t,s,i),this._listeners.push({type:t,element:e,listener:s,options:i})}_removeEventListener(t,e,s,i={}){e.removeEventListener(t,s,i);let r=-1;this._listeners.forEach((o,c)=>{o.type===t&&o.element===e&&o.listener===s&&JSON.stringify(o.options)===JSON.stringify(i)&&(r=c)}),r!==-1&&this._listeners.splice(r,1)}_removeEventListeners({type:t=null,element:e=null}={}){[...this._listeners].forEach(s=>{t!==null&&s.type!==t||e!==null&&s.element!==e||this._removeEventListener(s.type,s.element,s.listener,s.options)})}dispose(){this._clearIntervals(),this._clearTimeouts(),this._removeEventListeners(),this._unstore(),delete this}},$=j,z=class extends ${_rootDOMElement="item";_protectedDOMElements=["toggle","header","content"];_open=new A(!1);_locked=new A(!1);constructor({accordionItemElement:t,accordionItemToggleElement:e,accordionItemHeaderElement:s,accordionItemContentElement:i,parentAccordion:r=null}){super({prefix:r.prefix,key:r.key}),this._dom.item=t,this._dom.toggle=e,this._dom.header=s,this._dom.content=i,this._elements.parent=r,this._registerEvent("expand",{detail:{item:this}}),this._registerEvent("collapse",{detail:{item:this}}),this._addEventListener("grauplComponentInitialize",this.rootDOMElement,()=>{this.dom.toggle.getAttribute("aria-expanded")==="true"?this.show({force:!0,emit:!1,transition:!1}):this.hide({force:!0,emit:!1,transition:!1})})}get isOpen(){return this._open.value}get isLocked(){return this._locked.value}_setIds(){const{key:t}=this.elements.parent,e=this.elements.parent.dom.accordionItems.indexOf(this.dom.item);this.dom.item.id=this.dom.item.id||`accordion-item-${t}-${e}`,this.dom.toggle.id=this.dom.toggle.id||`accordion-item-toggle-${t}-${e}`,this.dom.header.id=this.dom.header.id||`accordion-item-header-${t}-${e}`,this.dom.content.id=this.dom.content.id||`accordion-item-content-${t}-${e}`}_setAriaAttributes(){k("button",{toggle:this.dom.toggle},{shouldThrow:!1}).status||this.dom.toggle.setAttribute("role","button"),this.dom.toggle.getAttribute("aria-expanded")!=="true"&&this.dom.toggle.setAttribute("aria-expanded","false"),this.dom.toggle.setAttribute("aria-controls",this.dom.content.id),k("section",{content:this.dom.content},{shouldThrow:!1}).status||this.dom.content.setAttribute("role","region"),this.dom.content.setAttribute("aria-labelledby",this.dom.toggle.id)}_reveal({emit:t=!0,transition:e=!0}={}){const{closeClass:s,openClass:i,transitionClass:r,openDuration:o}=this.elements.parent;this.dom.toggle.setAttribute("aria-expanded","true"),e&&r!==""?(l(r,this.dom.item),requestAnimationFrame(()=>{h(s,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{l(i,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height+this.dom.content.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{this._setTimeout(()=>{h(r,this.dom.item),this.dom.item.style.height=""},o)})})})):(l(i,this.dom.item),h(s,this.dom.item)),this.dom.content.removeAttribute("inert"),t&&this._dispatchEvent("expand",this.dom.item)}_conceal({emit:t=!0,transition:e=!0}={}){const{closeClass:s,openClass:i,transitionClass:r,closeDuration:o}=this.elements.parent;this.dom.toggle.setAttribute("aria-expanded","false"),e&&r!==""?(l(r,this.dom.item),this.dom.item.style.height=`${this.dom.item.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{h(i,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{l(s,this.dom.item),requestAnimationFrame(()=>{this._setTimeout(()=>{h(r,this.dom.item),this.dom.item.style.height=""},o)})})})):(l(s,this.dom.item),h(i,this.dom.item)),this.dom.content.setAttribute("inert","true"),t&&this._dispatchEvent("collapse",this.dom.item)}show({force:t=!1,preserveState:e=!1,emit:s=!0,transition:i=!0}={}){this.isOpen&&!t||(this._reveal({emit:s,transition:i}),this._open.value=!0,e||this._open.commit(),this.elements.parent.allowExpandMultiple||(this.unlockSiblings(),this.closeSiblings()),this.elements.parent.allowCollapseAll||(this.elements.parent.openAccordionItems.length<=1?this.lock():this.unlockSiblings()))}hide({force:t=!1,preserveState:e=!1,emit:s=!0,transition:i=!0}={}){!this.isOpen&&!t||!this.elements.parent.allowCollapseAll&&this.elements.parent.openAccordionItems.length<=1||(this._conceal({emit:s,transition:i}),this._open.value=!1,e||this._open.commit(),!this.elements.parent.allowCollapseAll&&this.elements.parent.openAccordionItems.length===1&&this.elements.parent.openAccordionItems[0].lock())}toggle(){this.isOpen?this.hide():this.show()}focus(){this.dom.toggle.focus()}blur(){this.dom.toggle.blur()}lock(){this._locked.value=!0,this._locked.commit(),this.dom.toggle.setAttribute("disabled","true")}unlock(){this._locked.value=!1,this._locked.commit(),this.dom.toggle.removeAttribute("disabled")}closeSiblings(){this.elements.parent&&this.elements.parent.elements.accordionItems.forEach(t=>{t!==this&&t.hide()})}unlockSiblings(){this.elements.parent&&this.elements.parent.elements.accordionItems.forEach(t=>{t!==this&&t.unlock()})}},K=z;function p(t){try{const e=t.key||t.keyCode,s={Enter:e==="Enter"||e===13,Space:e===" "||e==="Spacebar"||e===32,Escape:e==="Escape"||e==="Esc"||e===27,ArrowUp:e==="ArrowUp"||e==="Up"||e===38,ArrowRight:e==="ArrowRight"||e==="Right"||e===39,ArrowDown:e==="ArrowDown"||e==="Down"||e===40,ArrowLeft:e==="ArrowLeft"||e==="Left"||e===37,Home:e==="Home"||e===36,End:e==="End"||e===35,Character:isNaN(e)&&!!e.match(/^[a-zA-Z]{1}$/),Tab:e==="Tab"||e===9,Asterisk:e==="*"||e===56};return Object.keys(s).find(i=>s[i]===!0)||""}catch{return""}}function a(t){t.preventDefault(),t.stopPropagation()}var V=class extends ${_rootDOMElement="accordion";_optionalKeySupport=!0;_expandMultiple=!0;_collapseAll=!0;_currentChild=0;_storageKey="accordions";constructor({accordionElement:t,accordionItemsSelector:e=".accordion-item",accordionItemTogglesSelector:s=".accordion-item-toggle",accordionItemHeadersSelector:i=".accordion-item-header",accordionItemContentsSelector:r=".accordion-item-content",accordionControlContainerSelector:o=".accordion-control-container",accordionControlsSelector:c=".accordion-control",expandControllerSelector:b=".expand-all",collapseControllerSelector:R=".collapse-all",openClass:G="show",closeClass:U="hide",transitionClass:B="transitioning",transitionDuration:N=300,openDuration:J=-1,closeDuration:Z=-1,optionalKeySupport:W=!1,allowExpandMultiple:X=!0,allowCollapseAll:Y=!0,automaticActivation:tt=!1,prefix:et="graupl-",key:st=null,initializeClass:it="initializing",initialize:rt=!1}){super({prefix:et,key:st,initializeClass:it}),this._dom.accordion=t,this._dom.accordionItems=[],this._dom.accordionItemToggles=[],this._dom.accordionItemHeaders=[],this._dom.accordionItemContents=[],this._dom.accordionControlContainer=null,this._dom.accordionControls=[],this._dom.expandController=[],this._dom.collapseController=[],this._selectors.accordionItems=e,this._selectors.accordionItemToggles=s,this._selectors.accordionItemHeaders=i,this._selectors.accordionItemContents=r,this._selectors.accordionControlContainer=o,this._selectors.accordionControls=c,this._selectors.expandController=b,this._selectors.collapseController=R,this._elements.accordionItems=[],this._classes.open=G||"",this._classes.close=U||"",this._classes.transition=B||"",this._durations.transition=N,this._durations.open=J,this._durations.close=Z,this._automatic=tt,this._optionalKeySupport=W,this._expandMultiple=X,this._collapseAll=Y,this._addEventListener("grauplComponentInitialize",this.rootDOMElement,()=>{this.dom.expandController.length>0&&!this.allowExpandMultiple&&this.dom.expandController.forEach(u=>{u.setAttribute("disabled","disabled")}),this.dom.collapseController.length>0&&!this.allowCollapseAll&&this.dom.collapseController.forEach(u=>{u.setAttribute("disabled","disabled")})}),this._addEventListener("grauplComponentValidate",this.rootDOMElement,()=>{const u=n("boolean",{automaticActivation:this._automatic,optionalKeySupport:this._optionalKeySupport,allowExpandMultiple:this._expandMultiple,allowCollapseAll:this._collapseAll});u.status||(this._errors=[...this._errors,...u.errors],this._valid=!1)}),rt&&this.initialize()}get openClass(){return this._classes.open}set openClass(t){m({openClass:t}),this._classes.open!==t&&(this._classes.open=t)}get closeClass(){return this._classes.close}set closeClass(t){m({closeClass:t}),this._classes.close!==t&&(this._classes.close=t)}get transitionClass(){return this._classes.transition}set transitionClass(t){m({transitionClass:t}),this._classes.transition!==t&&(this._classes.transition=t)}get transitionDuration(){return this._durations.transition}set transitionDuration(t){n("number",{transitionDuration:t}),this._durations.transition!==t&&(this._durations.transition=t,this._setCustomProps())}get openDuration(){return this._durations.open===-1?this.transitionDuration:this._durations.open}set openDuration(t){n("number",{openDuration:t}),this._durations.open!==t&&(this._durations.open=t,this._setCustomProps())}get closeDuration(){return this._durations.close===-1?this.transitionDuration:this._durations.close}set closeDuration(t){n("number",{closeDuration:t}),this._durations.close!==t&&(this._durations.close=t,this._setCustomProps())}get currentChild(){return this._currentChild}set currentChild(t){n("number",{currentChild:t}),this._currentChild!==t&&t>=0&&t<this.elements.accordionItems.length&&(this._currentChild=t)}get optionalKeySupport(){return this._optionalKeySupport}set optionalKeySupport(t){n("boolean",{optionalKeySupport:t}),this._optionalKeySupport!==t&&(this._optionalKeySupport=t)}get currentAccordionItem(){return this.elements.accordionItems[this.currentChild]}get openAccordionItems(){return this.elements.accordionItems.filter(t=>t.isOpen)}get allowExpandMultiple(){return this._expandMultiple}set allowExpandMultiple(t){n("boolean",{allowExpandMultiple:t}),this._expandMultiple!==t&&(this._expandMultiple=t,this.dom.expandController.length>0&&(t?this.dom.expandController.forEach(e=>{e.removeAttribute("disabled")}):this.dom.expandController.forEach(e=>{e.setAttribute("disabled","disabled")})))}get allowCollapseAll(){return this._collapseAll}set allowCollapseAll(t){n("boolean",{allowCollapseAll:t}),this._collapseAll!==t&&(this._collapseAll=t,this.dom.collapseController.length>0&&(t?this.dom.collapseController.forEach(e=>{e.removeAttribute("disabled")}):this.dom.collapseController.forEach(e=>{e.setAttribute("disabled","disabled")})))}_setIds(){this.dom.accordion.id=this.dom.accordion.id||`accordion-${this.key}`,this._id=this.dom.accordion.id}_setCustomProps(){this.dom.accordion.style.setProperty(`--${this.prefix}accordion-transition-duration`,`${this.transitionDuration}ms`),this.dom.accordion.style.setProperty(`--${this.prefix}accordion-open-transition-duration`,`${this.openDuration}ms`),this.dom.accordion.style.setProperty(`--${this.prefix}accordion-close-transition-duration`,`${this.closeDuration}ms`)}_setDOMElements(){this._setDOMElementType("accordionItems",{context:this.dom.accordion}),this._resetDOMElementType("accordionItemToggles"),this._setDOMElementType("accordionControlContainer",{context:this.dom.accordion}),this.dom.accordionControlContainer&&(this._setDOMElementType("accordionControls",{context:this.dom.accordionControlContainer}),this._setDOMElementType("expandController",{context:this.dom.accordionControlContainer}),this._setDOMElementType("collapseController",{context:this.dom.accordionControlContainer})),this.dom.accordionItems.forEach(t=>{this._setDOMElementType("accordionItemToggles",{context:t,overwrite:!1,strict:!1}),this._setDOMElementType("accordionItemHeaders",{context:t,overwrite:!1,strict:!1}),this._setDOMElementType("accordionItemContents",{context:t,overwrite:!1,strict:!1})})}_createChildElements(){this.dom.accordionItems.forEach((t,e)=>{const s=new K({accordionItemElement:t,accordionItemToggleElement:this.dom.accordionItemToggles[e],accordionItemHeaderElement:this.dom.accordionItemHeaders[e],accordionItemContentElement:this.dom.accordionItemContents[e],parentAccordion:this});s.initialize(),this.elements.accordionItems.push(s)})}_handleFocus(){this.elements.accordionItems.forEach((t,e)=>{this._addEventListener("focus",t.dom.toggle,()=>{this.currentChild=e})})}_handleClick(){this.elements.accordionItems.forEach((t,e)=>{this._addEventListener("click",t.dom.toggle,()=>{this.currentChild=e,this.currentEvent="mouse",t.toggle()})}),this.dom.expandController.forEach(t=>{this._addEventListener("click",t,()=>{this.currentEvent="mouse",this.allowExpandMultiple&&this.openChildren()})}),this.dom.collapseController.forEach(t=>{this._addEventListener("click",t,()=>{this.currentEvent="mouse",this.allowCollapseAll&&this.closeChildren()})})}_handleKeydown(){this.dom.accordionItemToggles.forEach(t=>{this._addEventListener("keydown",t,e=>{const s=p(e);["Space","Enter"].includes(s)?(a(e),this.currentEvent="keyboard"):this.optionalKeySupport&&["ArrowDown","ArrowUp","Home","End"].includes(s)&&(a(e),this.currentEvent="keyboard")})}),this.dom.accordionControls.forEach(t=>{this._addEventListener("keydown",t,e=>{const s=p(e);["Space","Enter"].includes(s)&&(a(e),this.currentEvent="keyboard")})})}_handleKeyup(){this.dom.accordionItemToggles.forEach(t=>{this._addEventListener("keyup",t,e=>{const s=p(e);switch(s){case"Space":case"Enter":a(e),this.currentEvent="keyboard",this.currentAccordionItem.toggle();break}if(this.optionalKeySupport)switch(s){case"Home":a(e),this.focusFirstChild();break;case"End":a(e),this.focusLastChild();break;case"ArrowDown":a(e),this.focusNextChild();break;case"ArrowUp":a(e),this.focusPreviousChild();break}})}),this.dom.expandController.forEach(t=>{this._addEventListener("keyup",t,e=>{switch(p(e)){case"Space":case"Enter":a(e),this.currentEvent="keyboard",this.allowExpandMultiple&&this.openChildren()}})}),this.dom.collapseController.forEach(t=>{this._addEventListener("keyup",t,e=>{switch(p(e)){case"Space":case"Enter":a(e),this.currentEvent="keyboard",this.allowCollapseAll&&this.closeChildren()}})})}focusCurrentChild(){this.currentChild!==-1&&this.currentAccordionItem.focus()}focusChild(t){this.blurCurrentChild(),this.currentChild=t,this.focusCurrentChild()}focusFirstChild(){this.focusChild(0)}focusLastChild(){this.focusChild(this.elements.accordionItems.length-1)}focusNextChild(){this.currentChild<this.elements.accordionItems.length-1?this.focusChild(this.currentChild+1):this.focusCurrentChild()}focusPreviousChild(){this.currentChild>0?this.focusChild(this.currentChild-1):this.focusCurrentChild()}blurCurrentChild(){this.currentChild!==-1&&this.currentAccordionItem.blur()}openChildren(){this.elements.accordionItems.forEach(t=>t.show())}closeChildren(){this.elements.accordionItems.forEach(t=>t.hide())}},Q=V;const M=/[\11\12\14\15\40]+/,E="data-once",P=document;function C(t,e,s){return t[`${e}Attribute`](E,s)}function f(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||M.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${E}~="${t}"]`}function q(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function _(t,e=P){let s=t;if(t===null)s=[];else if(t)if(e instanceof Document||e instanceof DocumentFragment||e instanceof Element)typeof t=="string"?s=e.querySelectorAll(t):t instanceof Element&&(s=[t]);else throw new TypeError('Context must be an object of type "Document", "DocumentFragment", or "Element".');else throw new TypeError("Selector must not be empty");return Array.prototype.slice.call(s)}function w(t,e,s){return e.filter(i=>{const r=q(i)&&i.matches(t);return r&&s&&s(i),r})}function O(t,{add:e,remove:s}){const i=[];C(t,"has")&&C(t,"get").trim().split(M).forEach(o=>{i.indexOf(o)<0&&o!==s&&i.push(o)}),e&&i.push(e);const r=i.join(" ");C(t,r===""?"remove":"set",r)}function g(t,e,s){return w(`:not(${f(t)})`,_(e,s),i=>O(i,{add:t}))}g.remove=(t,e,s)=>w(f(t),_(e,s),i=>O(i,{remove:t})),g.filter=(t,e,s)=>w(f(t),_(e,s)),g.find=(t,e)=>_(t?f(t):`[${E}]`,e);var H=g,F=(t={},e=document,s=".accordion")=>{H("graupl-accordion-generator",s,e).forEach(i=>{const r=i.dataset.grauplAccordionOptions?JSON.parse(i.dataset.grauplAccordionOptions.replace(/'/g,'"'))||{}:{};new Q({accordionElement:i,initialize:!0,...t,...r})})};document.addEventListener("DOMContentLoaded",()=>{F()})})();
 
 //# sourceMappingURL=accordion.js.map