@graupl/core 1.0.0-beta.43 → 1.0.0-beta.44

package/dist/js/disclosure.js

@@ -1,5 +1,5 @@
-(function(){function h(t,e,{shouldThrow:r=!0}={}){const s={status:!0,errors:[]};try{if(typeof e!="object"){const i=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${i}" given.`)}for(const i in e)try{if(!(e[i]instanceof t)){const o=typeof e[i];throw new TypeError(`${i} must be an instance of ${t.name}. "${o}" given.`)}}catch(o){s.status=!1,s.errors.push(o)}}catch(i){s.status=!1,s.errors.push(i)}if(r&&!s.status)throw s.errors[0];return s}function n(t,e,{shouldThrow:r=!0}={}){const s={status:!0,errors:[]};try{if(typeof e!="object"){const i=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${i}" given.`)}for(const i in e)try{const o=typeof e[i];if(o!==t)throw new TypeError(`${i} must be a ${t}. "${o}" given.`)}catch(o){s.status=!1,s.errors.push(o)}}catch(i){s.status=!1,s.errors.push(i)}if(r&&!s.status)throw s.errors[0];return s}function v(t,{shouldThrow:e=!0}={}){const r={status:!0,errors:[]};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{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.`)}}catch(i){r.status=!1,r.errors.push(i)}}catch(s){r.status=!1,r.errors.push(s)}if(e&&!r.status)throw r.errors[0];return r}function f(t,{shouldThrow:e=!0}={}){const r={status:!0,errors:[]};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)try{const i=typeof t[s];if(i!=="string")if(Array.isArray(t[s]))t[s].forEach(o=>{if(typeof o!="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 o={};o[s]=t[s],v(o)}}catch(i){r.status=!1,r.errors.push(i)}}catch(s){r.status=!1,r.errors.push(s)}if(e&&!r.status)throw r.errors[0];return r}function D(t,{shouldThrow:e=!0}={}){const r={status:!0,errors:[]};try{if(typeof t!="object"){const i=typeof t;throw new TypeError(`Values given to isValidState() must be inside of an object. "${i}" given.`)}const s=["none","self","child"];for(const i in t)try{if(!s.includes(t[i]))throw new TypeError(`${i} must be one of the following values: ${s.join(", ")}. "${t[i]}" given.`)}catch(o){r.status=!1,r.errors.push(o)}}catch(s){r.status=!1,r.errors.push(s)}if(e&&!r.status)throw r.errors[0];return r}function M(t,{shouldThrow:e=!0}={}){const r={status:!0,errors:[]};try{if(typeof t!="object"){const i=typeof t;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${i}" given.`)}const s=["none","mouse","keyboard","character"];for(const i in t)try{if(!s.includes(t[i]))throw new TypeError(`${i} must be one of the following values: ${s.join(", ")}. "${t[i]}" given.`)}catch(o){r.status=!1,r.errors.push(o)}}catch(s){r.status=!1,r.errors.push(s)}if(e&&!r.status)throw r.errors[0];return r}function S(t,e,{shouldThrow:r=!0}={}){const s={status:!0,errors:[]};try{if(n("string",{tagName:t},{shouldThrow:!0}).status&&h(HTMLElement,e,{shouldThrow:!0}).status){const i=t.toLowerCase();for(const o in e)try{if(e[o].tagName.toLowerCase()!==i)throw new TypeError(`${o} must be a <${i}> element. <${e[o].tagName.toLowerCase()}> given.`)}catch(a){s.status=!1,s.errors.push(a)}}}catch(i){s.status=!1,s.errors.push(i)}if(r&&!s.status)throw s.errors[0];return s}function T(t,e,{shouldThrow:r=!0}={}){const s={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(i){s.status=!1,s.errors.push(i)}if(r&&!s.status)throw s.errors[0];return s}function A(t,{shouldThrow:e=!0}={}){const r={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(s){r.status=!1,r.errors.push(s)}if(e&&!r.status)throw r.errors[0];return r}function l(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.add(t):e.classList.add(...t))}function u(t,e){t===""||t.length===0||(typeof t=="string"?e.classList.remove(t):e.classList.remove(...t))}function p(t){try{const e=t.key||t.keyCode,r={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(r).find(s=>r[s]===!0)||""}catch{return""}}function _(t){t.preventDefault(),t.stopPropagation()}var j=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}},y=class ${_scope;_type="_default";_storage={};_crush=!1;constructor({scope:e,type:r=null,crush:s=!1,initialize:i=!0}={}){this._scope=e,this._type=r||"_default",this._crush=s,i&&this.initialize()}initialize(){try{!this._crush&&typeof window[this.scope]<"u"&&(h($,{storage:window[this.scope]},{shouldThrow:!1}).status||typeof window[this.scope].storage<"u"&&typeof window[this.scope].scope<"u"&&typeof window[this.scope].type<"u")&&(this._storage=window[this.scope].storage)}catch{}finally{window[this.scope]=this}}get scope(){return this._scope}get type(){return this._type}set type(e){n("string",{type:e})&&(this._type=e)}get storage(){return this._storage}get({type:e=this.type,key:r=null}={}){const s=n("string",{type:e});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(!this.storage[e])throw new Error(`StorageManager (${this.scope}): Type "${e}" is not initialized.`);if(r!==null){const i=n("string",{key:r});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);return this.storage[e][r]}return this.storage[e]}set({type:e=this.type,key:r=null,data:s={}}={}){const i=n("string",{type:e}),o=n("object",{data:s});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);if(!o.status)throw new Error(`StorageManager (${this.scope}): ${o.message}`);if(r!==null){const a=n("string",{key:r});if(!a.status)throw new Error(`StorageManager (${this.scope}): ${a.message}`);this._storage[e]||(this._storage[e]={}),this._storage[e][r]=s}else this._storage[e]=s}clear({type:e=this.type,key:r=null}={}){const s=n("string",{type:e});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(r!==null){const i=n("string",{key:r});if(!i.status)throw new Error(`StorageManager (${this.scope}): ${i.message}`);delete this.storage[e][r]}else delete this.storage[e]}dispose(){delete this._storage,delete this}},L=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="";_name="Component";_storageKey="components";_shouldStore=!0;_id="";_valid=!0;_initialized=!1;_errors=[];constructor({prefix:t="graupl-",key:e=null,initializeClass:r="initializing"}={}){this._classes.initialize=r||"",this._prefix=t||"",this._key=e||""}initialize(){try{if(!this._validate())throw new Error(`Graupl ${this.name}: Cannot initialize component. The following errors have been found:
+(function(){function c(t,e,{shouldThrow:i=!0}={}){const s={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){s.status=!1,s.errors.push(o)}}catch(r){s.status=!1,s.errors.push(r)}if(i&&!s.status)throw s.errors[0];return s}function n(t,e,{shouldThrow:i=!0}={}){const s={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){s.status=!1,s.errors.push(o)}}catch(r){s.status=!1,s.errors.push(r)}if(i&&!s.status)throw s.errors[0];return s}function C(t,{shouldThrow:e=!0}={}){const i={status:!0,errors:[]};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{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.`)}}catch(r){i.status=!1,i.errors.push(r)}}catch(s){i.status=!1,i.errors.push(s)}if(e&&!i.status)throw i.errors[0];return i}function u(t,{shouldThrow:e=!0}={}){const i={status:!0,errors:[]};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)try{const r=typeof t[s];if(r!=="string")if(Array.isArray(t[s]))t[s].forEach(o=>{if(typeof o!="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. "${r}" given.`);else{const o={};o[s]=t[s],C(o)}}catch(r){i.status=!1,i.errors.push(r)}}catch(s){i.status=!1,i.errors.push(s)}if(e&&!i.status)throw i.errors[0];return i}function z(t,{shouldThrow:e=!0}={}){const i={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 s=["none","self","child"];for(const r in t)try{if(!s.includes(t[r]))throw new TypeError(`${r} must be one of the following values: ${s.join(", ")}. "${t[r]}" given.`)}catch(o){i.status=!1,i.errors.push(o)}}catch(s){i.status=!1,i.errors.push(s)}if(e&&!i.status)throw i.errors[0];return i}function A(t,{shouldThrow:e=!0}={}){const i={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 s=["none","mouse","keyboard","character"];for(const r in t)try{if(!s.includes(t[r]))throw new TypeError(`${r} must be one of the following values: ${s.join(", ")}. "${t[r]}" given.`)}catch(o){i.status=!1,i.errors.push(o)}}catch(s){i.status=!1,i.errors.push(s)}if(e&&!i.status)throw i.errors[0];return i}function T(t,e,{shouldThrow:i=!0}={}){const s={status:!0,errors:[]};try{if(n("string",{tagName:t},{shouldThrow:!0}).status&&c(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(a){s.status=!1,s.errors.push(a)}}}catch(r){s.status=!1,s.errors.push(r)}if(i&&!s.status)throw s.errors[0];return s}function j(t,e,{shouldThrow:i=!0}={}){const s={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){s.status=!1,s.errors.push(r)}if(i&&!s.status)throw s.errors[0];return s}function Q(t,{shouldThrow:e=!0}={}){const i={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(s){i.status=!1,i.errors.push(s)}if(e&&!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))}function f(t){try{const e=t.key||t.keyCode,i={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(i).find(s=>i[s]===!0)||""}catch{return""}}function _(t){t.preventDefault(),t.stopPropagation()}var w=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}},E=class L{_scope;_type="_default";_storage={};_crush=!1;constructor({scope:e,type:i=null,crush:s=!1,initialize:r=!0}={}){this._scope=e,this._type=i||"_default",this._crush=s,r&&this.initialize()}initialize(){try{!this._crush&&typeof window[this.scope]<"u"&&(c(L,{storage:window[this.scope]},{shouldThrow:!1}).status||typeof window[this.scope].storage<"u"&&typeof window[this.scope].scope<"u"&&typeof window[this.scope].type<"u")&&(this._storage=window[this.scope].storage)}catch{}finally{window[this.scope]=this}}get scope(){return this._scope}get type(){return this._type}set type(e){n("string",{type:e})&&(this._type=e)}get storage(){return this._storage}get({type:e=this.type,key:i=null}={}){const s=n("string",{type:e});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(!this.storage[e])throw new Error(`StorageManager (${this.scope}): Type "${e}" is not initialized.`);if(i!==null){const r=n("string",{key:i});if(!r.status)throw new Error(`StorageManager (${this.scope}): ${r.message}`);return this.storage[e][i]}return this.storage[e]}set({type:e=this.type,key:i=null,data:s={}}={}){const r=n("string",{type:e}),o=n("object",{data:s});if(!r.status)throw new Error(`StorageManager (${this.scope}): ${r.message}`);if(!o.status)throw new Error(`StorageManager (${this.scope}): ${o.message}`);if(i!==null){const a=n("string",{key:i});if(!a.status)throw new Error(`StorageManager (${this.scope}): ${a.message}`);this._storage[e]||(this._storage[e]={}),this._storage[e][i]=s}else this._storage[e]=s}clear({type:e=this.type,key:i=null}={}){const s=n("string",{type:e});if(!s.status)throw new Error(`StorageManager (${this.scope}): ${s.message}`);if(i!==null){const r=n("string",{key:i});if(!r.status)throw new Error(`StorageManager (${this.scope}): ${r.message}`);delete this.storage[e][i]}else delete this.storage[e]}dispose(){delete this._storage,delete this}},P=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="";_name="Component";_storageKey="components";_shouldStore=!0;_id="";_valid=!0;_initialized=!1;_errors=[];constructor({prefix:t="graupl-",key:e=null,initializeClass:i="initializing"}={}){this._classes.initialize=i||"",this._prefix=t||"",this._key=e||""}initialize(){try{if(!this._validate())throw new Error(`Graupl ${this.name}: Cannot initialize component. The following errors have been found:
  - ${this.errors.map(t=>t.message).join(`
- - `)}`);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(),u(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){f({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){M({currentEvent:t}),this._currentEvent!==t&&(this._currentEvent=t)}get shouldFocus(){let t=!1;return this.currentEvent==="keyboard"&&(t=!0),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 name(){return this._name}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=A(this,{shouldThrow:!1});if(t.status||(this._errors=[...this._errors,...t.errors],this._valid=!1),Object.keys(this._dom).length>0){const s={};for(const o of Object.keys(this._dom))Array.isArray(this._dom[o])?this._dom[o].forEach((a,d)=>{s[`${o}Element[${d}]`]=a}):this._dom[o]!==null&&(s[`${o}Element`]=this._dom[o]);const i=h(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 o of Object.keys(this._selectors))s[`${o}Selector`]=this._selectors[o];const i=v(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 o of Object.keys(this._classes))this._classes[o]!==""&&(s[`${o}Class`]=this._classes[o]);const i=f(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 o of Object.keys(this._durations))s[`${o}Duration`]=this._durations[o];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 o of Object.keys(this.delays))s[`${o}Delay`]=this.delays[o];const i=n("number",s,{shouldThrow:!1});i.status||(this._errors=[...this._errors,...i.errors],this._valid=!1)}const e={_storageKey:this._storageKey,key:this._key,prefix:this._prefix,mediaQuery:this._mediaQueryString,breakpoint:this._breakpoint};this._protectedDOMElements.forEach(s=>{e[`_protectedDOMElementType[${s}]`]=s});const r=n("string",e,{shouldThrow:!1});return r.status||(this._errors=[...this._errors,...r.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:r=!0,strict:s=!1}={}){if(typeof this.selectors[t]!="string")throw new Error(`Graupl ${this.name}: "${t}" is not a valid element type.`);if(this._rootDOMElement===t||this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.name}: "${t}" element cannot be set through _setDOMElementType because it is a protected element.`);h(HTMLElement,{context:e});const i=Array.from(e.querySelectorAll(this.selectors[t])).filter(o=>s?o.parentElement===e:!0);Array.isArray(this._dom[t])?r?this._dom[t]=i:this._dom[t]=[...this._dom[t],...i]:this._dom[t]=i[0]||null}_resetDOMElementType(t){if(typeof this.selectors[t]!="string")throw new Error(`Graupl ${this.name}: "${t}" is not a valid element type.`);if(this._rootDOMElement===t||this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.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(){this._shouldStore&&(h(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(){this._shouldStore&&h(y,{storage:window.GrauplStorage},{shouldThrow:!1}).status&&window.GrauplStorage.clear({key:this.id!==""?this.id:this.key,type:this._storageKey})}_setInterval(t,e,r="_default"){this._clearInterval(r),this._intervals[r]=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,r="_default"){this._clearTimeout(r),this._timeouts[r]=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:r={}}={}){n("string",{name:t}),n("boolean",{bubbles:e}),n("object",{detail:r});const s=`graupl${this.name}${t.charAt(0).toUpperCase()}${t.slice(1)}`;this._events[t]=new CustomEvent(s,{bubbles:e,detail:{component:this,...r}})}_dispatchEvent(t,e){T(t,this),h(HTMLElement,{element:e}),e.dispatchEvent(this.events[t])}_addEventListener(t,e,r,s={}){e.addEventListener(t,r,s),this._listeners.push({type:t,element:e,listener:r,options:s})}_removeEventListener(t,e,r,s={}){e.removeEventListener(t,r,s);let i=-1;this._listeners.forEach((o,a)=>{o.type===t&&o.element===e&&o.listener===r&&JSON.stringify(o.options)===JSON.stringify(s)&&(i=a)}),i!==-1&&this._listeners.splice(i,1)}_removeEventListeners({type:t=null,element:e=null}={}){[...this._listeners].forEach(r=>{t!==null&&r.type!==t||e!==null&&r.element!==e||this._removeEventListener(r.type,r.element,r.listener,r.options)})}focus(){this.focusState="self",this.shouldFocus&&this.rootDOMElement.focus()}blur(){this.focusState="none",this.shouldFocus&&this.rootDOMElement.blur()}dispose(){this._clearIntervals(),this._clearTimeouts(),this._removeEventListeners(),this._unstore(),delete this}},z=class extends L{_rootDOMElement="disclosure";_protectedDOMElements=["controller"];_open=new j(!1);_shouldOpen=!1;_closeOnBlur=!1;_storageKey="disclosures";_name="Disclosure";_mediaQueryListEventCallback=t=>{t.matches&&this.isOpen?this.close({preserveState:!0}):!t.matches&&!this.isOpen&&(this.hasOpened||this.shouldOpen)&&this.open()};constructor({disclosureElement:t,controllerElement:e,disclosureContentSelector:r=".disclosure-content",openClass:s="show",closeClass:i="hide",transitionClass:o="transitioning",transitionDuration:a=250,openDuration:d=-1,closeDuration:I=-1,closeOnBlur:P=!1,minWidth:q="",autoOpen:K=!1,mediaQuery:F="",prefix:B="graupl-",key:G=null,initializeClass:H="initializing",initialize:R=!1}={}){super({prefix:B,key:G,initializeClass:H}),this._dom.disclosure=t,this._dom.controller=e,this._selectors.content=r,this._classes.open=s||"",this._classes.close=i||"",this._classes.transition=o||"",this._durations.transition=a,this._durations.open=d,this._durations.close=I,this._closeOnBlur=P,this._breakpoint=q||"",this._shouldOpen=K,this._mediaQueryString=F||"",this._registerEvent("expand",{detail:{disclosure:this}}),this._registerEvent("collapse",{detail:{disclosure:this}}),this._addEventListener("grauplComponentInitialize",this.rootDOMElement,()=>{this.dom.controller.getAttribute("aria-expanded")==="true"||this.shouldOpen&&!window.matchMedia(this.mediaQuery).matches?this._expand({emit:!1,transition:!1}):this._collapse({emit:!1,transition:!1})}),this._addEventListener("grauplComponentValidate",this.rootDOMElement,()=>{const C=n("boolean",{closeOnBlur:this._closeOnBlur,autoOpen:this._shouldOpen},{shouldThrow:!1});C.status||(this._errors=[...this._errors,...C.errors],this._valid=!1)}),R&&this.initialize()}get openClass(){return this._classes.open}set openClass(t){f({openClass:t}),this._classes.open!==t&&(this._classes.open=t)}get closeClass(){return this._classes.close}set closeClass(t){f({closeClass:t}),this._classes.close!==t&&(this._classes.close=t)}get transitionClass(){return this._classes.transition}set transitionClass(t){f({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 minWidth(){return this.breakpoint}set minWidth(t){this.breakpoint=t}get closeOnBlur(){return this._closeOnBlur}set closeOnBlur(t){n("boolean",{closeOnBlur:t}),this._closeOnBlur!==t&&(this._closeOnBlur=t)}get isOpen(){return this._open.value}get hasOpened(){return this._open.committed}get shouldOpen(){return this._shouldOpen}set shouldOpen(t){n("boolean",{shouldOpen:t}),this._shouldOpen!==t&&(this._shouldOpen=t)}_setIds(){this.dom.disclosure.id=this.dom.disclosure.id||`disclosure-${this.key}`,this.dom.controller.id=this.dom.controller.id||`disclosure-controller-${this.key}`,this._id=this.dom.disclosure.id}_setAriaAttributes(){this.dom.controller.getAttribute("aria-expanded")!=="true"&&this.dom.controller.setAttribute("aria-expanded","false"),this.dom.controller.setAttribute("aria-controls",this.dom.disclosure.id),S("button",{controller:this.dom.controller},{shouldThrow:!1}).status||this.dom.controller.setAttribute("role","button")}_setCustomProps(){this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-transition-duration`,`${this.transitionDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-open-transition-duration`,`${this.openDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-close-transition-duration`,`${this.closeDuration}ms`)}_setDOMElements(){this._resetDOMElementType("content"),this._setDOMElementType("content",{context:this.dom.disclosure})}_expand({emit:t=!0,transition:e=!0}={}){this.dom.controller.setAttribute("aria-expanded","true"),e&&this.transitionlass!==""?(l(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{l(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{u(this.transitionClass,this.dom.disclosure)},this.openDuration)})})})):(l(this.openClass,this.dom.disclosure),u(this.closeClass,this.dom.disclosure)),this.dom.content.removeAttribute("inert"),t&&this._dispatchEvent("expand",this.dom.controller)}_collapse({emit:t=!0,transition:e=!0}={}){this.dom.controller.setAttribute("aria-expanded","false"),e&&this.transitionClass!==""?(l(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{l(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{u(this.transitionClass,this.dom.disclosure),this.dom.content.innert=!0},this.closeDuration)})})})):(l(this.closeClass,this.dom.disclosure),u(this.openClass,this.dom.disclosure)),this.dom.content.setAttribute("inert","true"),t&&this._dispatchEvent("collapse",this.dom.controller)}_handleFocus(){this._addEventListener("focusout",this.dom.disclosure,t=>{!this.closeOnBlur||this.currentEvent!=="keyboard"||t.relatedTarget===null||this.dom.disclosure.contains(t.relatedTarget)||this.dom.controller===t.relatedTarget||this.close()})}_handleClick(){this._addEventListener("click",this.dom.controller,t=>{this.currentEvent="mouse",t.button===0&&(_(t),this.toggle())}),this._addEventListener("click",document,t=>{this.focusState!=="self"||!this.closeOnBlur||(this.currentEvent="mouse",!this.dom.disclosure.contains(t.target)&&this.dom.controller!==t.target&&this.close())})}_handleKeydown(){this._addEventListener("keydown",this.dom.controller,t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":_(t);break}}),this._addEventListener("keydown",this.dom.disclosure,t=>{this.currentEvent="keyboard",p(t)==="Escape"&&_(t)})}_handleKeyup(){this._addEventListener("keyup",this.dom.controller,t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":this.toggle(),_(t);break}}),this._addEventListener("keyup",this.dom.disclosure,t=>{this.currentEvent="keyboard",p(t)==="Escape"&&(this.close(),_(t))})}open({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="self",this._expand(),this._open.value=!0,e||this._open.commit())}preview({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="none",this._expand(),this._open.value=!0,e||this._open.commit())}close({force:t=!1,preserveState:e=!1}={}){!this.isOpen&&!t||(this.focusState="none",this._collapse(),this._open.value=!1,e||this._open.commit())}toggle({force:t=!1,preserveState:e=!1}={}){this.isOpen?this.close({force:t,preserveState:e}):this.open({force:t,preserveState:e})}};const O=/[\11\12\14\15\40]+/,E="data-once",Q=document;function w(t,e,r){return t[`${e}Attribute`](E,r)}function m(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||O.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${E}~="${t}"]`}function V(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function g(t,e=Q){let r=t;if(t===null)r=[];else if(t)if(e instanceof Document||e instanceof DocumentFragment||e instanceof Element)typeof t=="string"?r=e.querySelectorAll(t):t instanceof Element&&(r=[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(r)}function b(t,e,r){return e.filter(s=>{const i=V(s)&&s.matches(t);return i&&r&&r(s),i})}function k(t,{add:e,remove:r}){const s=[];w(t,"has")&&w(t,"get").trim().split(O).forEach(o=>{s.indexOf(o)<0&&o!==r&&s.push(o)}),e&&s.push(e);const i=s.join(" ");w(t,i===""?"remove":"set",i)}function c(t,e,r){return b(`:not(${m(t)})`,g(e,r),s=>k(s,{add:t}))}c.remove=(t,e,r)=>b(m(t),g(e,r),s=>k(s,{remove:t})),c.filter=(t,e,r)=>b(m(t),g(e,r)),c.find=(t,e)=>g(t?m(t):`[${E}]`,e);const x=({options:t={},context:e=document,disclosureSelector:r=".disclosure",controllerSelector:s=".disclosure-toggle"}={})=>{c("graupl-disclosure-generator",r,e).forEach(i=>{const o=i.dataset.grauplDisclosureOptions?JSON.parse(i.dataset.grauplDisclosureOptions.replace(/'/g,'"'))||{}:{},a=`${s}[data-graupl-disclosure-target="${i.id}"]`,[d]=c("graupl-disclosure-generator",a,e);if(!d){console.warn(`No controller found for disclosure with ID "${i.id}". Please ensure there is an element with the selector "${a}".`),c.remove("graupl-disclosure-generator",i);return}new z({disclosureElement:i,controllerElement:d,initialize:!0,...t,...o})})};document.addEventListener("DOMContentLoaded",()=>{x()})})();
+ - `)}`);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){u({initializeClass:t}),this._classes.initialize!==t&&(this._classes.initialize=t)}get focusState(){return this._focusState}set focusState(t){z({focusState:t}),this._focusState!==t&&(this._focusState=t)}get currentEvent(){return this._currentEvent}set currentEvent(t){A({currentEvent:t}),this._currentEvent!==t&&(this._currentEvent=t)}get shouldFocus(){let t=!1;return this.currentEvent==="keyboard"&&(t=!0),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 name(){return this._name}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=Q(this,{shouldThrow:!1});if(t.status||(this._errors=[...this._errors,...t.errors],this._valid=!1),Object.keys(this._dom).length>0){const s={};for(const o of Object.keys(this._dom))Array.isArray(this._dom[o])?this._dom[o].forEach((a,p)=>{s[`${o}Element[${p}]`]=a}):this._dom[o]!==null&&(s[`${o}Element`]=this._dom[o]);const r=c(HTMLElement,s,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this._selectors).length>0){const s={};for(const o of Object.keys(this._selectors))s[`${o}Selector`]=this._selectors[o];const r=C(s,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this._classes).length>0){const s={};for(const o of Object.keys(this._classes))this._classes[o]!==""&&(s[`${o}Class`]=this._classes[o]);const r=u(s,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this._durations).length>0){const s={};for(const o of Object.keys(this._durations))s[`${o}Duration`]=this._durations[o];const r=n("number",s,{shouldThrow:!1});r.status||(this._errors=[...this._errors,...r.errors],this._valid=!1)}if(Object.keys(this.delays).length>0){const s={};for(const o of Object.keys(this.delays))s[`${o}Delay`]=this.delays[o];const r=n("number",s,{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(s=>{e[`_protectedDOMElementType[${s}]`]=s});const i=n("string",e,{shouldThrow:!1});return i.status||(this._errors=[...this._errors,...i.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:i=!0,strict:s=!1}={}){if(typeof this.selectors[t]!="string")throw new Error(`Graupl ${this.name}: "${t}" is not a valid element type.`);if(this._rootDOMElement===t||this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.name}: "${t}" element cannot be set through _setDOMElementType because it is a protected element.`);c(HTMLElement,{context:e});const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(o=>s?o.parentElement===e:!0);Array.isArray(this._dom[t])?i?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.name}: "${t}" is not a valid element type.`);if(this._rootDOMElement===t||this._protectedDOMElements.includes(t))throw new Error(`Graupl ${this.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(){this._shouldStore&&(c(E,{storage:window.GrauplStorage},{shouldThrow:!1}).status||new E({scope:"GrauplStorage"}),window.GrauplStorage.set({key:this.id!==""?this.id:this.key,type:this._storageKey,data:this}))}_unstore(){this._shouldStore&&c(E,{storage:window.GrauplStorage},{shouldThrow:!1}).status&&window.GrauplStorage.clear({key:this.id!==""?this.id:this.key,type:this._storageKey})}_setInterval(t,e,i="_default"){this._clearInterval(i),this._intervals[i]=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,i="_default"){this._clearTimeout(i),this._timeouts[i]=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:i={}}={}){n("string",{name:t}),n("boolean",{bubbles:e}),n("object",{detail:i});const s=`graupl${this.name}${t.charAt(0).toUpperCase()}${t.slice(1)}`;this._events[t]=new CustomEvent(s,{bubbles:e,detail:{component:this,...i}})}_dispatchEvent(t,e){j(t,this),c(HTMLElement,{element:e}),e.dispatchEvent(this.events[t])}_addEventListener(t,e,i,s={}){e.addEventListener(t,i,s),this._listeners.push({type:t,element:e,listener:i,options:s})}_removeEventListener(t,e,i,s={}){e.removeEventListener(t,i,s);let r=-1;this._listeners.forEach((o,a)=>{o.type===t&&o.element===e&&o.listener===i&&JSON.stringify(o.options)===JSON.stringify(s)&&(r=a)}),r!==-1&&this._listeners.splice(r,1)}_removeEventListeners({type:t=null,element:e=null}={}){[...this._listeners].forEach(i=>{t!==null&&i.type!==t||e!==null&&i.element!==e||this._removeEventListener(i.type,i.element,i.listener,i.options)})}focus(){this.focusState="self",this.shouldFocus&&this.rootDOMElement.focus()}blur(){this.focusState="none",this.shouldFocus&&this.rootDOMElement.blur()}dispose(){this._clearIntervals(),this._clearTimeouts(),this._removeEventListeners(),this._unstore(),delete this}},V=class extends P{_rootDOMElement="disclosure";_protectedDOMElements=["controller"];_open=new w(!1);_openInsideBreakpoint=!1;_openOutsideBreakpoint=!1;_closeInsideBreakpoint=!1;_closeOutsideBreakpoint=!1;_lockInsideBreakpoint=!1;_lockOutsideBreakpoint=!1;_unlockInsideBreakpoint=!1;_unlockOutsideBreakpoint=!1;_locked=new w(!1);_shouldOpen=!1;_closeOnBlur=!1;_storageKey="disclosures";_name="Disclosure";_mediaQueryListEventCallback=t=>{t.matches?(this.unlockInsideBreakpoint&&this.unlock(),this.isOpen&&this.closeInsideBreakpoint?(this.isLocked&&this.unlock(),this.close({preserveState:!0})):!this.isOpen&&this.openInsideBreakpoint&&(this.isLocked&&this.unlock(),this.open()),this.lockInsideBreakpoint&&this.lock()):(this.unlockOutsideBreakpoint&&this.unlock(),this.isOpen&&this.closeOutsideBreakpoint?(this.isLocked&&this.unlock(),this.close({preserveState:!0})):!this.isOpen&&this.openOutsideBreakpoint&&(this.isLocked&&this.unlock(),this.open()),this.lockOutsideBreakpoint&&this.lock())};constructor({disclosureElement:t,controllerElement:e,disclosureContentSelector:i=".disclosure-content",lockedClass:s="locked",unlockedClass:r="unlocked",openClass:o="show",closeClass:a="hide",transitionClass:p="transitioning",transitionDuration:F=250,openDuration:G=-1,closeDuration:H=-1,closeOnBlur:R=!1,minWidth:I="",breakpoint:g="",autoOpen:y=!1,openInsideBreakpoint:N=!1,openOutsideBreakpoint:D=!1,closeInsideBreakpoint:M=!1,closeOutsideBreakpoint:U=!1,lockInsideBreakpoint:W=!1,lockOutsideBreakpoint:J=!1,unlockInsideBreakpoint:Z=!1,unlockOutsideBreakpoint:X=!1,locked:Y=!1,mediaQuery:tt="",prefix:et="graupl-",key:st=null,initializeClass:it="initializing",initialize:rt=!1}={}){super({prefix:et,key:st,initializeClass:it}),this._dom.disclosure=t,this._dom.controller=e,this._selectors.content=i,this._classes.locked=s||"",this._classes.unlocked=r||"",this._classes.open=o||"",this._classes.close=a||"",this._classes.transition=p||"",this._durations.transition=F,this._durations.open=G,this._durations.close=H,this._closeOnBlur=R,I!==""&&(console.warn("`minWidth` is deprecated and will be removed in a future release. Please set `breakpoint` instead."),g===""&&(g=I)),y&&g!==""&&(console.warn("`autoOpen` is deprecated and will be removed in a future release. Please set `openOutsideBreakpoint` and `closeInsideBreakpoint` to `true` instead."),D=y,M=y),this._breakpoint=g||"",this._shouldOpen=y,this._openInsideBreakpoint=N,this._openOutsideBreakpoint=D,this._closeInsideBreakpoint=M,this._closeOutsideBreakpoint=U,this._lockInsideBreakpoint=W,this._lockOutsideBreakpoint=J,this._unlockInsideBreakpoint=Z,this._unlockOutsideBreakpoint=X,this._mediaQueryString=tt||"",this._locked=new w(Y),this._registerEvent("expand",{detail:{disclosure:this}}),this._registerEvent("collapse",{detail:{disclosure:this}}),this._registerEvent("lock",{detail:{disclosure:this}}),this._registerEvent("unlock",{detail:{disclosure:this}}),this._addEventListener("grauplComponentInitialize",this.rootDOMElement,()=>{this.dom.controller.getAttribute("aria-expanded")==="true"||this.openOutsideBreakpoint&&!window.matchMedia(this.mediaQuery).matches||this.openInsideBreakpoint&&window.matchMedia(this.mediaQuery).matches?this.open():this.close(),(this.isLocked||this.lockInsideBreakpoint&&window.matchMedia(this.mediaQuery).matches||this.lockOutsideBreakpoint&&!window.matchMedia(this.mediaQuery).matches)&&this.lock()}),this._addEventListener("grauplComponentValidate",this.rootDOMElement,()=>{const S=n("boolean",{closeOnBlur:this._closeOnBlur,openInsideBreakpoint:this._openInsideBreakpoint,openOutsideBreakpoint:this._openOutsideBreakpoint,closeInsideBreakpoint:this._closeInsideBreakpoint,closeOutsideBreakpoint:this._closeOutsideBreakpoint,lockInsideBreakpoint:this._lockInsideBreakpoint,lockOutsideBreakpoint:this._lockOutsideBreakpoint,unlockInsideBreakpoint:this._unlockInsideBreakpoint,unlockOutsideBreakpoint:this._unlockOutsideBreakpoint,locked:this._locked.value},{shouldThrow:!1});S.status||(this._errors=[...this._errors,...S.errors],this._valid=!1)}),rt&&this.initialize()}get lockedClass(){return this._classes.locked}set lockedClass(t){u({lockedClass:t}),this._classes.locked!==t&&(this._classes.locked=t)}get unlockedClass(){return this._classes.unlocked}set unlockedClass(t){u({unlockedClass:t}),this._classes.unlocked!==t&&(this._classes.unlocked=t)}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._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 minWidth(){return console.warn("`minWidth` is deprecated and will be removed in a future release. Please use `breakpoint` instead."),this.breakpoint}set minWidth(t){console.warn("`minWidth` is deprecated and will be removed in a future release. Please use `breakpoint` instead."),this.breakpoint=t}get closeOnBlur(){return this._closeOnBlur}set closeOnBlur(t){n("boolean",{closeOnBlur:t}),this._closeOnBlur!==t&&(this._closeOnBlur=t)}get isOpen(){return this._open.value}get hasOpened(){return this._open.committed}get shouldOpen(){return console.warn("`shouldOpen` is deprecated and will be removed in a future release. Please use `openOutsideBreakpoint` and `closeInsideBreakpoint` instead."),this._shouldOpen}set shouldOpen(t){console.warn("`shouldOpen` is deprecated and will be removed in a future release. Please use `openOutsideBreakpoint` and `closeInsideBreakpoint` instead."),n("boolean",{shouldOpen:t}),this._shouldOpen!==t&&(this._shouldOpen=t)}get openInsideBreakpoint(){return this._openInsideBreakpoint}set openInsideBreakpoint(t){n("boolean",{openInsideBreakpoint:t}),this._openInsideBreakpoint!==t&&(this._openInsideBreakpoint=t)}get openOutsideBreakpoint(){return this._openOutsideBreakpoint}set openOutsideBreakpoint(t){n("boolean",{openOutsideBreakpoint:t}),this._openOutsideBreakpoint!==t&&(this._openOutsideBreakpoint=t)}get closeInsideBreakpoint(){return this._closeInsideBreakpoint}set closeInsideBreakpoint(t){n("boolean",{closeInsideBreakpoint:t}),this._closeInsideBreakpoint!==t&&(this._closeInsideBreakpoint=t)}get closeOutsideBreakpoint(){return this._closeOutsideBreakpoint}set closeOutsideBreakpoint(t){n("boolean",{closeOutsideBreakpoint:t}),this._closeOutsideBreakpoint!==t&&(this._closeOutsideBreakpoint=t)}get lockInsideBreakpoint(){return this._lockInsideBreakpoint}set lockInsideBreakpoint(t){n("boolean",{lockInsideBreakpoint:t}),this._lockInsideBreakpoint!==t&&(this._lockInsideBreakpoint=t)}get lockOutsideBreakpoint(){return this._lockOutsideBreakpoint}set lockOutsideBreakpoint(t){n("boolean",{lockOutsideBreakpoint:t}),this._lockOutsideBreakpoint!==t&&(this._lockOutsideBreakpoint=t)}get isLocked(){return this._locked.value}get shouldBeLocked(){return this._locked.committed}_setIds(){this.dom.disclosure.id=this.dom.disclosure.id||`disclosure-${this.key}`,this.dom.controller.id=this.dom.controller.id||`disclosure-controller-${this.key}`,this._id=this.dom.disclosure.id}_setAriaAttributes(){this.dom.controller.getAttribute("aria-expanded")!=="true"&&this.dom.controller.setAttribute("aria-expanded","false"),this.dom.controller.setAttribute("aria-controls",this.dom.disclosure.id),T("button",{controller:this.dom.controller},{shouldThrow:!1}).status||this.dom.controller.setAttribute("role","button")}_setCustomProps(){this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-transition-duration`,`${this.transitionDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-open-transition-duration`,`${this.openDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-close-transition-duration`,`${this.closeDuration}ms`)}_setDOMElements(){this._resetDOMElementType("content"),this._setDOMElementType("content",{context:this.dom.disclosure})}_reveal({emit:t=this.isInitialized,transition:e=this.isInitialized}={}){this.dom.controller.setAttribute("aria-expanded","true"),e&&this.transitionlass!==""?(l(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{h(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{l(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{h(this.transitionClass,this.dom.disclosure)},this.openDuration)})})})):(l(this.openClass,this.dom.disclosure),h(this.closeClass,this.dom.disclosure)),this.dom.content.removeAttribute("inert"),t&&this._dispatchEvent("expand",this.dom.controller)}_conceal({emit:t=this.isInitialized,transition:e=this.isInitialized}={}){this.dom.controller.setAttribute("aria-expanded","false"),e&&this.transitionClass!==""?(l(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{h(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{l(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{h(this.transitionClass,this.dom.disclosure),this.dom.content.innert=!0},this.closeDuration)})})})):(l(this.closeClass,this.dom.disclosure),h(this.openClass,this.dom.disclosure)),this.dom.content.setAttribute("inert","true"),t&&this._dispatchEvent("collapse",this.dom.controller)}_lock({emit:t=this.isInitialized}={}){l(this.lockedClass,this.dom.disclosure),h(this.unlockedClass,this.dom.disclosure),this.dom.controller.setAttribute("disabled","true"),t&&this._dispatchEvent("lock",this.dom.disclosure)}_unlock({emit:t=this.isInitialized}={}){l(this.unlockedClass,this.dom.disclosure),h(this.lockedClass,this.dom.disclosure),this.dom.controller.removeAttribute("disabled"),t&&this._dispatchEvent("unlock",this.dom.disclosure)}_handleFocus(){this._addEventListener("focusout",this.dom.disclosure,t=>{!this.closeOnBlur||this.currentEvent!=="keyboard"||t.relatedTarget===null||this.dom.disclosure.contains(t.relatedTarget)||this.dom.controller===t.relatedTarget||this.close()})}_handleClick(){this._addEventListener("click",this.dom.controller,t=>{this.currentEvent="mouse",t.button===0&&(_(t),this.toggle())}),this._addEventListener("click",document,t=>{this.focusState!=="self"||!this.closeOnBlur||(this.currentEvent="mouse",!this.dom.disclosure.contains(t.target)&&this.dom.controller!==t.target&&this.close())})}_handleKeydown(){this._addEventListener("keydown",this.dom.controller,t=>{switch(this.currentEvent="keyboard",f(t)){case"Space":case"Enter":_(t);break}}),this._addEventListener("keydown",this.dom.disclosure,t=>{this.currentEvent="keyboard",f(t)==="Escape"&&_(t)})}_handleKeyup(){this._addEventListener("keyup",this.dom.controller,t=>{switch(this.currentEvent="keyboard",f(t)){case"Space":case"Enter":this.toggle(),_(t);break}}),this._addEventListener("keyup",this.dom.disclosure,t=>{this.currentEvent="keyboard",f(t)==="Escape"&&(this.close(),_(t))})}open({force:t=!1,emit:e=this.isInitialized,transition:i=this.isInitialized,preserveState:s=!1}={}){this.isOpen&&!t||this.isLocked||(this.focusState="self",this._reveal({emit:e,transition:i}),this._open.value=!0,s||this._open.commit())}preview({force:t=!1,emit:e=this.isInitialized,transition:i=this.isInitialized,preserveState:s=!1}={}){this.isOpen&&!t||this.isLocked||(this.focusState="none",this._reveal({emit:e,transition:i}),this._open.value=!0,s||this._open.commit())}close({force:t=!1,emit:e=this.isInitialized,transition:i=this.isInitialized,preserveState:s=!1}={}){!this.isOpen&&!t||this.isLocked||(this.focusState="none",this._conceal({emit:e,transition:i}),this._open.value=!1,s||this._open.commit())}toggle({force:t=!1,emit:e=this.isInitialized,transition:i=this.isInitialized,preserveState:s=!1}={}){this.isOpen?this.close({force:t,emit:e,transition:i,preserveState:s}):this.open({force:t,emit:e,transition:i,preserveState:s})}lock({force:t=!1,emit:e=this.isInitialized}={}){this.isLocked&&!t||(this._locked.value=!0,this._lock({emit:e}),this._locked.commit())}unlock({force:t=!1,emit:e=this.isInitialized}={}){!this.isLocked&&!t||(this._locked.value=!1,this._unlock({emit:e}),this._locked.commit())}toggleLock({force:t=!1,emit:e=this.isInitialized}={}){this.isLocked?this.unlock({force:t,emit:e}):this.lock({force:t,emit:e})}};const B=/[\11\12\14\15\40]+/,O="data-once",q=document;function b(t,e,i){return t[`${e}Attribute`](O,i)}function m(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||B.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${O}~="${t}"]`}function x(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function k(t,e=q){let i=t;if(t===null)i=[];else if(t)if(e instanceof Document||e instanceof DocumentFragment||e instanceof Element)typeof t=="string"?i=e.querySelectorAll(t):t instanceof Element&&(i=[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(i)}function v(t,e,i){return e.filter(s=>{const r=x(s)&&s.matches(t);return r&&i&&i(s),r})}function $(t,{add:e,remove:i}){const s=[];b(t,"has")&&b(t,"get").trim().split(B).forEach(o=>{s.indexOf(o)<0&&o!==i&&s.push(o)}),e&&s.push(e);const r=s.join(" ");b(t,r===""?"remove":"set",r)}function d(t,e,i){return v(`:not(${m(t)})`,k(e,i),s=>$(s,{add:t}))}d.remove=(t,e,i)=>v(m(t),k(e,i),s=>$(s,{remove:t})),d.filter=(t,e,i)=>v(m(t),k(e,i)),d.find=(t,e)=>k(t?m(t):`[${O}]`,e);const K=({options:t={},context:e=document,disclosureSelector:i=".disclosure",controllerSelector:s=".disclosure-toggle"}={})=>{d("graupl-disclosure-generator",i,e).forEach(r=>{const o=r.dataset.grauplDisclosureOptions?JSON.parse(r.dataset.grauplDisclosureOptions.replace(/'/g,'"'))||{}:{},a=`${s}[data-graupl-disclosure-target="${r.id}"]`,[p]=d("graupl-disclosure-generator",a,e);if(!p){console.warn(`No controller found for disclosure with ID "${r.id}". Please ensure there is an element with the selector "${a}".`),d.remove("graupl-disclosure-generator",r);return}new V({disclosureElement:r,controllerElement:p,initialize:!0,...t,...o})})};document.addEventListener("DOMContentLoaded",()=>{K()})})();
 
 //# sourceMappingURL=disclosure.js.map