@graupl/core 1.0.0-beta.19 → 1.0.0-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/component/badge.css +2 -0
- package/dist/css/component/badge.css.map +1 -0
- package/dist/css/component/disclosure.css +2 -0
- package/dist/css/component/disclosure.css.map +1 -0
- package/dist/css/component.css +1 -1
- package/dist/css/component.css.map +1 -1
- package/dist/css/graupl.css +1 -1
- package/dist/css/graupl.css.map +1 -1
- package/dist/css/layout.css +1 -1
- package/dist/css/layout.css.map +1 -1
- package/dist/js/accordion.js +2 -2
- package/dist/js/accordion.js.map +1 -1
- package/dist/js/alert.js.map +1 -1
- package/dist/js/carousel.js +2 -2
- package/dist/js/carousel.js.map +1 -1
- package/dist/js/component/accordion.cjs.js +2 -2
- package/dist/js/component/accordion.cjs.js.map +1 -1
- package/dist/js/component/accordion.es.js +2 -2
- package/dist/js/component/accordion.es.js.map +1 -1
- package/dist/js/component/accordion.iife.js +2 -2
- package/dist/js/component/accordion.iife.js.map +1 -1
- package/dist/js/component/alert.cjs.js.map +1 -1
- package/dist/js/component/alert.es.js.map +1 -1
- package/dist/js/component/alert.iife.js +2 -2
- package/dist/js/component/alert.iife.js.map +1 -1
- package/dist/js/component/carousel.cjs.js +2 -2
- package/dist/js/component/carousel.cjs.js.map +1 -1
- package/dist/js/component/carousel.es.js +2 -2
- package/dist/js/component/carousel.es.js.map +1 -1
- package/dist/js/component/carousel.iife.js +2 -2
- package/dist/js/component/carousel.iife.js.map +1 -1
- package/dist/js/component/disclosure.cjs.js +5 -0
- package/dist/js/component/disclosure.cjs.js.map +1 -0
- package/dist/js/component/disclosure.es.js +5 -0
- package/dist/js/component/disclosure.es.js.map +1 -0
- package/dist/js/component/disclosure.iife.js +5 -0
- package/dist/js/component/disclosure.iife.js.map +1 -0
- package/dist/js/generator/accordion.cjs.js +2 -2
- package/dist/js/generator/accordion.cjs.js.map +1 -1
- package/dist/js/generator/accordion.es.js +2 -2
- package/dist/js/generator/accordion.es.js.map +1 -1
- package/dist/js/generator/accordion.iife.js +2 -2
- package/dist/js/generator/accordion.iife.js.map +1 -1
- package/dist/js/generator/alert.cjs.js.map +1 -1
- package/dist/js/generator/alert.es.js.map +1 -1
- package/dist/js/generator/alert.iife.js +2 -2
- package/dist/js/generator/alert.iife.js.map +1 -1
- package/dist/js/generator/carousel.cjs.js +2 -2
- package/dist/js/generator/carousel.cjs.js.map +1 -1
- package/dist/js/generator/carousel.es.js +2 -2
- package/dist/js/generator/carousel.es.js.map +1 -1
- package/dist/js/generator/carousel.iife.js +2 -2
- package/dist/js/generator/carousel.iife.js.map +1 -1
- package/dist/js/generator/disclosure.cjs.js +5 -0
- package/dist/js/generator/disclosure.cjs.js.map +1 -0
- package/dist/js/generator/disclosure.es.js +5 -0
- package/dist/js/generator/disclosure.es.js.map +1 -0
- package/dist/js/generator/disclosure.iife.js +5 -0
- package/dist/js/generator/disclosure.iife.js.map +1 -0
- package/dist/js/generator/navigation.cjs.js.map +1 -1
- package/dist/js/generator/navigation.es.js.map +1 -1
- package/dist/js/generator/navigation.iife.js +1 -1
- package/dist/js/generator/navigation.iife.js.map +1 -1
- package/dist/js/graupl.js +6 -4
- package/dist/js/graupl.js.map +1 -1
- package/dist/js/navigation.js.map +1 -1
- package/package.json +1 -1
- package/scss/component/badge.scss +3 -0
- package/scss/component/disclosure.scss +3 -0
- package/src/js/TransactionalValue.js +140 -0
- package/src/js/accordion/Accordion.js +4 -4
- package/src/js/carousel/Carousel.js +1 -1
- package/src/js/disclosure/Disclosure.js +1378 -0
- package/src/js/disclosure/generator.js +47 -0
- package/src/js/disclosure/index.js +5 -0
- package/src/js/main.js +2 -0
- package/src/js/validate.js +7 -7
- package/src/scss/_index.scss +8 -8
- package/src/scss/base/_index.scss +4 -4
- package/src/scss/component/_index.scss +10 -8
- package/src/scss/component/badge/_defaults.scss +47 -0
- package/src/scss/component/badge/_index.scss +201 -0
- package/src/scss/component/badge/_variables.scss +112 -0
- package/src/scss/component/disclosure/_defaults.scss +45 -0
- package/src/scss/component/disclosure/_index.scss +214 -0
- package/src/scss/component/disclosure/_variables.scss +205 -0
- package/src/scss/layout/_index.scss +3 -3
- package/src/scss/theme/_index.scss +2 -2
- package/src/scss/utilities/_index.scss +21 -21
package/dist/js/graupl.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
(function(){function f(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${s}" given.`)}for(const s in e)if(!(e[s]instanceof t)){const i=typeof e[s];throw new TypeError(`${s} must be an instance of ${t.name}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function o(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${s}" given.`)}for(const s in e){const i=typeof e[s];if(i!==t)throw new TypeError(`${s} must be a ${t}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function I(t){try{if(typeof t!="object"){const e=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${e}" given.`)}for(const e in t)try{if(t[e]===null)throw new Error;document.querySelector(t[e])}catch{throw new TypeError(`${e} must be a valid query selector. "${t[e]}" given.`)}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function
|
|
1
|
+
(function(){function f(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Elements given to isValidInstance() must be inside of an object. "${s}" given.`)}for(const s in e)if(!(e[s]instanceof t)){const i=typeof e[s];throw new TypeError(`${s} must be an instance of ${t.name}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function o(t,e){try{if(typeof e!="object"){const s=typeof e;throw new TypeError(`Values given to isValidType() must be inside of an object. "${s}" given.`)}for(const s in e){const i=typeof e[s];if(i!==t)throw new TypeError(`${s} must be a ${t}. "${i}" given.`)}return{status:!0,error:null}}catch(s){return{status:!1,error:s}}}function I(t){try{if(typeof t!="object"){const e=typeof t;throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${e}" given.`)}for(const e in t)try{if(t[e]===null)throw new Error;document.querySelector(t[e])}catch{throw new TypeError(`${e} must be a valid query selector. "${t[e]}" given.`)}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function h(t){try{if(typeof t!="object"||Array.isArray(t)){const e=typeof t;throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${e}" given.`)}for(const e in t){const s=typeof t[e];if(s!=="string")if(Array.isArray(t[e]))t[e].forEach(i=>{if(typeof i!="string")throw new TypeError(`${e} must be a string or an array of strings. An array containing non-strings given.`)});else throw new TypeError(`${e} must be a string or an array of strings. "${s}" given.`);else{const i={};i[e]=t[e],I(i)}}return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function y(t,e){if(o("string",{tagName:t}).status&&f(HTMLElement,e).status){const s=t.toLowerCase();let i=!0;for(const r in e)e[r].tagName.toLowerCase()!==s&&(i=!1);return i}else return!1}function F(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidState() must be inside of an object. "${s}" given.`)}const e=["none","self","child"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function K(t){try{if(typeof t!="object"){const s=typeof t;throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${s}" given.`)}const e=["none","mouse","keyboard","character"];for(const s in t)if(!e.includes(t[s]))throw new TypeError(`${s} must be one of the following values: ${e.join(", ")}. "${t[s]}" given.`);return{status:!0,error:null}}catch(e){return{status:!1,error:e}}}function c(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))}var G=class{_dom={item:null,toggle:null,header:null,content:null};_elements={parentAccordion:null};_open=!1;_locked=!1;_expandEvent=new CustomEvent("grauplAccordionItemExpand",{bubbles:!0,detail:{item:this}});_collapseEvent=new CustomEvent("grauplAccordionItemCollapse",{bubbles:!0,detail:{item:this}});constructor({accordionItemElement:t,accordionItemToggleElement:e,accordionItemHeaderElement:s,accordionItemContentElement:i,parentAccordion:r=null}){this._dom.item=t,this._dom.toggle=e,this._dom.header=s,this._dom.content=i,this._elements.parentAccordion=r}initialize(){this._setIds(),this._setAriaAttributes(),this.dom.toggle.getAttribute("aria-expanded")==="true"?this.show(!1,!1):this.hide(!1,!1)}get dom(){return this._dom}get elements(){return this._elements}get isOpen(){return this._open}get isLocked(){return this._locked}set isOpen(t){o("boolean",{value:t}),this._open!==t&&(this._open=t)}_setIds(){const{key:t}=this.elements.parentAccordion,e=this.elements.parentAccordion.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(){y("button",{toggle:this.dom.toggle})||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),y("section",{content:this.dom.content})||this.dom.content.setAttribute("role","region"),this.dom.content.setAttribute("aria-labelledby",this.dom.toggle.id)}show(t=!0,e=!0){if(this._open)return;const{closeClass:s,openClass:i,transitionClass:r,openDuration:a}=this.elements.parentAccordion;this.dom.toggle.setAttribute("aria-expanded","true"),e&&r!==""?(c(r,this.dom.item),requestAnimationFrame(()=>{u(s,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{c(i,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height+this.dom.content.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{setTimeout(()=>{u(r,this.dom.item),this.dom.item.style.height=""},a)})})})):(c(i,this.dom.item),u(s,this.dom.item)),this._open=!0,this.elements.parentAccordion.allowMultipleExpand||(this.unlockSiblings(),this.closeSiblings()),this.elements.parentAccordion.allowNoExpand||(this.elements.parentAccordion.openAccordionItems.length<=1?this.lock():this.unlockSiblings()),t&&this.dom.item.dispatchEvent(this._expandEvent)}hide(t=!0,e=!0){if(!this._open||!this.elements.parentAccordion.allowNoExpand&&this.elements.parentAccordion.openAccordionItems.length<=1)return;const{closeClass:s,openClass:i,transitionClass:r,closeDuration:a}=this.elements.parentAccordion;this.dom.toggle.setAttribute("aria-expanded","false"),e&&r!==""?(c(r,this.dom.item),this.dom.item.style.height=`${this.dom.item.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{u(i,this.dom.item),this.dom.item.style.height=`${this.dom.header.getBoundingClientRect().height}px`,requestAnimationFrame(()=>{c(s,this.dom.item),requestAnimationFrame(()=>{setTimeout(()=>{u(r,this.dom.item),this.dom.item.style.height=""},a)})})})):(c(s,this.dom.item),u(i,this.dom.item)),this._open=!1,!this.elements.parentAccordion.allowNoExpand&&this.elements.parentAccordion.openAccordionItems.length===1&&this.elements.parentAccordion.openAccordionItems[0].lock(),t&&this.dom.item.dispatchEvent(this._collapseEvent)}toggle(){this.isOpen?this.hide():this.show()}focus(){this.dom.toggle.focus()}blur(){this.dom.toggle.blur()}lock(){this._locked=!0,this.dom.toggle.setAttribute("disabled","true")}unlock(){this._locked=!1,this.dom.toggle.removeAttribute("disabled")}closeSiblings(){this.elements.parentAccordion&&this.elements.parentAccordion.elements.accordionItems.forEach(t=>{t!==this&&t.hide()})}unlockSiblings(){this.elements.parentAccordion&&this.elements.parentAccordion.elements.accordionItems.forEach(t=>{t!==this&&t.unlock()})}},L=G;function p(t){try{const e=t.key||t.keyCode,s={Enter:e==="Enter"||e===13,Space:e===" "||e==="Spacebar"||e===32,Escape:e==="Escape"||e==="Esc"||e===27,ArrowUp:e==="ArrowUp"||e==="Up"||e===38,ArrowRight:e==="ArrowRight"||e==="Right"||e===39,ArrowDown:e==="ArrowDown"||e==="Down"||e===40,ArrowLeft:e==="ArrowLeft"||e==="Left"||e===37,Home:e==="Home"||e===36,End:e==="End"||e===35,Tab:e==="Tab"||e===9};return Object.keys(s).find(i=>s[i]===!0)||""}catch{return""}}function m(t){t.preventDefault(),t.stopPropagation()}function j(t=null){window.Graupl=window.Graupl||{},o("string",{type:t})&&(window.Graupl[t]=window.Graupl[t]||{})}function H(t=null){return o("string",{type:t})?window.Graupl[t]:window.Graupl}function P(t,e={}){o("string",{type:t})&&o("object",{data:e})&&(window.Graupl[t]=e)}function B(t){o("string",{type:t})&&(window.Graupl[t]={})}function N(t,e,s){o("string",{type:t,key:e})&&(window.Graupl[t][e]=s)}function V(t,e){return o("string",{type:t,key:e})?window.Graupl[t][e]:null}function R(t,e){o("string",{type:t,key:e})&&delete window.Graupl[t][e]}var _={initializeStorage:j,getStorage:H,setStorage:P,clearStorage:B,pushToStorage:N,getFromStorage:V,removeFromStorage:R},W=class{_dom={accordion:null,accordionItems:[],accordionItemToggles:[],accordionItemHeaders:[],accordionItemContents:[]};_domLock=["accordion"];_selectors={accordionItems:"",accordionItemToggles:"",accordionItemHeaders:"",accordionItemContents:""};_elements={accordionItems:[]};_openClass="show";_closeClass="hide";_transitionClass="transitioning";_transitionDuration=300;_openDuration=-1;_closeDuration=-1;_optionalKeySupport=!0;_allowMultipleExpand=!0;_allowNoExpand=!0;_currentChild=0;_prefix="graupl-";_key="";_errors=[];constructor({accordionElement:t,accordionItemSelector:e=".accordion-item",accordionItemToggleSelector:s=".accordion-item-toggle",accordionItemHeaderSelector:i=".accordion-item-header",accordionItemContentSelector:r=".accordion-item-content",openClass:a="show",closeClass:d="hide",transitionClass:n="transitioning",transitionDuration:l=300,openDuration:g=-1,closeDuration:E=-1,optionalKeySupport:b=!1,allowMultipleExpand:w=!0,allowNoExpand:k=!0,prefix:A="graupl-",key:O=null,initialize:M=!1}){this._dom.accordion=t,this._selectors.accordionItems=e,this._selectors.accordionItemToggles=s,this._selectors.accordionItemHeaders=i,this._selectors.accordionItemContents=r,this._openClass=a||"",this._closeClass=d||"",this._transitionClass=n||"",this._transitionDuration=l,this._openDuration=g,this._closeDuration=E,this._optionalKeySupport=b,this._allowMultipleExpand=w,this._allowNoExpand=k,this._prefix=A||"",this._key=O||"",M&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Accordion: cannot initialize accordion. The following errors have been found:
|
|
2
2
|
- ${this.errors.join(`
|
|
3
|
-
- `)}`);this._generateKey(),this._setDOMElements(),this._setIds(),this._createChildElements(),this._handleFocus(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),this._setTransitionDurations(),_.initializeStorage("accordions"),_.pushToStorage("accordions",this.dom.accordion.id,this)}catch(t){console.error(t)}}get openClass(){return this._openClass}get closeClass(){return this._closeClass}get transitionClass(){return this._transitionClass}get transitionDuration(){return this._transitionDuration}get openDuration(){return this._openDuration===-1?this.transitionDuration:this._openDuration}get closeDuration(){return this._closeDuration===-1?this.transitionDuration:this._closeDuration}get currentChild(){return this._currentChild}get dom(){return this._dom}get elements(){return this._elements}get selectors(){return this._selectors}get optionalKeySupport(){return this._optionalKeySupport}get currentAccordionItem(){return this.elements.accordionItems[this.currentChild]}get openAccordionItems(){return this.elements.accordionItems.filter(t=>t.isOpen)}get allowMultipleExpand(){return this._allowMultipleExpand}get allowNoExpand(){return this._allowNoExpand}get prefix(){return this._prefix}get key(){return this._key}get errors(){return this._errors}set openClass(t){l({openClass:t}),this._openClass!==t&&(this._openClass=t)}set closeClass(t){l({closeClass:t}),this._closeClass!==t&&(this._closeClass=t)}set transitionClass(t){l({transitionClass:t}),this._transitionClass!==t&&(this._transitionClass=t)}set transitionDuration(t){o("number",{value:t}),this._transitionDuration!==t&&(this._transitionDuration=t,this._setTransitionDurations())}set openDuration(t){o("number",{value:t}),this._openDuration!==t&&(this._openDuration=t,this._setTransitionDurations())}set closeDuration(t){o("number",{value:t}),this._closeDuration!==t&&(this._closeDuration=t,this._setTransitionDurations())}set currentChild(t){o("number",{value:t}),this._currentChild!==t&&t>=0&&t<this.elements.accordionItems.length&&(this._currentChild=t)}set accordionItems(t){o("object",{value:t}),t?.isArray()&&t.every(e=>e instanceof O)&&(this._accordionItems=t)}set allowMultipleExpand(t){o("boolean",{value:t}),this._allowMultipleExpand!==t&&(this._allowMultipleExpand=t)}set allowNoExpand(t){o("boolean",{value:t}),this._allowNoExpand!==t&&(this._allowNoExpand=t)}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t)}set key(t){o("string",{value:t}),this._key!==t&&(this._key=t)}_setDOMElementType(t,e=this.dom.accordion,s=!0,i=!1){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.contructor.name}: "${t}" element cannot be set through _setDOMElementType.`);e!==this.dom.accordion&&f(HTMLElement,{base:e});const a=Array.from(e.querySelectorAll(this.selectors[t])).filter(d=>i?d.parentElement===e:!0);s?this._dom[t]=a:this._dom[t]=[...this._dom[t],...a]}else throw new Error(`Graupl ${this.contructor.name}: "${t}" is not a valid element type.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.contructor.name}: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl ${this.contructor.name}: "${t}" is not a valid element type.`)}_setDOMElements(){this._setDOMElementType("accordionItems"),this._resetDOMElementType("accordionItemToggles"),this.dom.accordionItems.forEach(t=>{this._setDOMElementType("accordionItemToggles",t,!1),this._setDOMElementType("accordionItemHeaders",t,!1),this._setDOMElementType("accordionItemContents",t,!1)})}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.accordion.id=this.dom.accordion.id||`accordion-${this.key}`}_createChildElements(){this.dom.accordionItems.forEach((t,e)=>{const s=new O({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)})}_validate(){let t=!0;const e=f(HTMLElement,{accordionElement:this.dom.accordion});e||(this._errors.push(e.message),t=!1);const s=I({accordionItemSelector:this._selectors.accordionItems,accordionItemToggleSelector:this._selectors.accordionItemToggles,accordionItemHeaderSelector:this._selectors.accordionItemHeaders,accordionItemContentSelector:this._selectors.accordionItemContents});if(s||(this._errors.push(s.message),t=!1),this._openClass!==""){const u=l({openClass:this._openClass});u.status||(this._errors.push(u.error.message),t=!1)}if(this._closeClass!==""){const u=l({closeClass:this._closeClass});u.status||(this._errors.push(u.error.message),t=!1)}if(this._transitionClass!==""){const u=l({transitionClass:this._transitionClass});u.status||(this._errors.push(u.error.message),t=!1)}const i=o("number",{transitionDuration:this._transitionDuration});i.status||(this._errors.push(i.error.message),t=!1);const r=o("number",{openDuration:this._openDuration});r.status||(this._errors.push(r.error.message),t=!1);const a=o("number",{closeDuration:this._closeDuration});a.status||(this._errors.push(a.error.message),t=!1);const d=o("boolean",{optionalKeySupport:this._optionalKeySupport,allowMultipleExpand:this._allowMultipleExpand,allowNoExpand:this._allowNoExpand});if(d.status||(this._errors.push(d.error.message),t=!1),this._key!==""){const u=o("string",{key:this._key});u.status||(this._errors.push(u.error.message),t=!1)}const n=o("string",{prefix:this._prefix});return n.status||(this._errors.push(n.error.message),t=!1),t}_handleFocus(){this.elements.accordionItems.forEach((t,e)=>{t.dom.toggle.addEventListener("focus",()=>{this.currentChild=e})})}_handleClick(){this.elements.accordionItems.forEach((t,e)=>{t.dom.toggle.addEventListener("pointerup",()=>{this.currentChild=e,t.toggle()})})}_handleKeydown(){this.dom.accordionItemToggles.forEach(t=>{t.addEventListener("keydown",e=>{const s=p(e);(["Space","Enter"].includes(s)||this.optionalKeySupport&&["ArrowDown","ArrowUp","Home","End"].includes(s))&&m(e)})})}_handleKeyup(){this.dom.accordionItemToggles.forEach(t=>{t.addEventListener("keyup",e=>{const s=p(e);switch(s){case"Space":case"Enter":m(e),this.currentAccordionItem.toggle();break}if(this.optionalKeySupport)switch(s){case"Home":m(e),this.focusFirstChild();break;case"End":m(e),this.focusLastChild();break;case"ArrowDown":m(e),this.focusNextChild();break;case"ArrowUp":m(e),this.focusPreviousChild();break}})})}_setTransitionDurations(){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`)}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())}},B=V;const K=/[\11\12\14\15\40]+/,k="data-once",U=document;function A(t,e,s){return t[`${e}Attribute`](k,s)}function y(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||K.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${k}~="${t}"]`}function J(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function E(t,e=U){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 T(t,e,s){return e.filter(i=>{const r=J(i)&&i.matches(t);return r&&s&&s(i),r})}function q(t,{add:e,remove:s}){const i=[];A(t,"has")&&A(t,"get").trim().split(K).forEach(a=>{i.indexOf(a)<0&&a!==s&&i.push(a)}),e&&i.push(e);const r=i.join(" ");A(t,r===""?"remove":"set",r)}function w(t,e,s){return T(`:not(${y(t)})`,E(e,s),i=>q(i,{add:t}))}w.remove=(t,e,s)=>T(y(t),E(e,s),i=>q(i,{remove:t})),w.filter=(t,e,s)=>T(y(t),E(e,s)),w.find=(t,e)=>E(t?y(t):`[${k}]`,e);var b=w,Q=(t={},e=document,s=".accordion")=>{b("graupl-accordion-generator",s,e).forEach(i=>{const r=i.dataset.grauplAccordionOptions?JSON.parse(i.dataset.grauplAccordionOptions.replace(/'/g,'"'))||{}:{};new B({accordionElement:i,initialize:!0,...t,...r})})},W=class{_dom={alert:null,controller:null};_hidden=!1;_showClass="";_hideClass="";_transitionClass="";_transitionTimer=150;_key="";_errors=[];_showEvent=new CustomEvent("grauplAlertShow",{bubbles:!0,detail:{alert:this}});_hideEvent=new CustomEvent("grauplAlertHide",{bubbles:!0,detail:{alert:this}});constructor({alertElement:t,controllerElement:e=null,showClass:s="show",hideClass:i="hide",transitionClass:r="transitioning",transitionTimer:a=150,isHidden:d=!1,key:n=null,initialize:u=!1}){this._dom.alert=t,this._dom.controller=e,this._showClass=s||"",this._hideClass=i||"",this._transitionClass=r||"",this._transitionTimer=a,this._hidden=d,this._key=n||"",u&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Alert: cannot initialize alert. The following errors have been found:
|
|
3
|
+
- `)}`);this._generateKey(),this._setDOMElements(),this._setIds(),this._createChildElements(),this._handleFocus(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),this._setTransitionDurations(),_.initializeStorage("accordions"),_.pushToStorage("accordions",this.dom.accordion.id,this)}catch(t){console.error(t)}}get openClass(){return this._openClass}get closeClass(){return this._closeClass}get transitionClass(){return this._transitionClass}get transitionDuration(){return this._transitionDuration}get openDuration(){return this._openDuration===-1?this.transitionDuration:this._openDuration}get closeDuration(){return this._closeDuration===-1?this.transitionDuration:this._closeDuration}get currentChild(){return this._currentChild}get dom(){return this._dom}get elements(){return this._elements}get selectors(){return this._selectors}get optionalKeySupport(){return this._optionalKeySupport}get currentAccordionItem(){return this.elements.accordionItems[this.currentChild]}get openAccordionItems(){return this.elements.accordionItems.filter(t=>t.isOpen)}get allowMultipleExpand(){return this._allowMultipleExpand}get allowNoExpand(){return this._allowNoExpand}get prefix(){return this._prefix}get key(){return this._key}get errors(){return this._errors}set openClass(t){h({openClass:t}),this._openClass!==t&&(this._openClass=t)}set closeClass(t){h({closeClass:t}),this._closeClass!==t&&(this._closeClass=t)}set transitionClass(t){h({transitionClass:t}),this._transitionClass!==t&&(this._transitionClass=t)}set transitionDuration(t){o("number",{value:t}),this._transitionDuration!==t&&(this._transitionDuration=t,this._setTransitionDurations())}set openDuration(t){o("number",{value:t}),this._openDuration!==t&&(this._openDuration=t,this._setTransitionDurations())}set closeDuration(t){o("number",{value:t}),this._closeDuration!==t&&(this._closeDuration=t,this._setTransitionDurations())}set currentChild(t){o("number",{value:t}),this._currentChild!==t&&t>=0&&t<this.elements.accordionItems.length&&(this._currentChild=t)}set accordionItems(t){o("object",{value:t}),t?.isArray()&&t.every(e=>e instanceof L)&&(this._accordionItems=t)}set allowMultipleExpand(t){o("boolean",{value:t}),this._allowMultipleExpand!==t&&(this._allowMultipleExpand=t)}set allowNoExpand(t){o("boolean",{value:t}),this._allowNoExpand!==t&&(this._allowNoExpand=t)}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t)}set key(t){o("string",{value:t}),this._key!==t&&(this._key=t)}_setDOMElementType(t,e=this.dom.accordion,s=!0,i=!1){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be set through _setDOMElementType.`);e!==this.dom.accordion&&f(HTMLElement,{base:e});const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(a=>i?a.parentElement===e:!0);s?this._dom[t]=r:this._dom[t]=[...this._dom[t],...r]}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_setDOMElements(){this._setDOMElementType("accordionItems"),this._resetDOMElementType("accordionItemToggles"),this.dom.accordionItems.forEach(t=>{this._setDOMElementType("accordionItemToggles",t,!1),this._setDOMElementType("accordionItemHeaders",t,!1),this._setDOMElementType("accordionItemContents",t,!1)})}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.accordion.id=this.dom.accordion.id||`accordion-${this.key}`}_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)})}_validate(){let t=!0;const e=f(HTMLElement,{accordionElement:this.dom.accordion});e||(this._errors.push(e.message),t=!1);const s=I({accordionItemSelector:this._selectors.accordionItems,accordionItemToggleSelector:this._selectors.accordionItemToggles,accordionItemHeaderSelector:this._selectors.accordionItemHeaders,accordionItemContentSelector:this._selectors.accordionItemContents});if(s||(this._errors.push(s.message),t=!1),this._openClass!==""){const l=h({openClass:this._openClass});l.status||(this._errors.push(l.error.message),t=!1)}if(this._closeClass!==""){const l=h({closeClass:this._closeClass});l.status||(this._errors.push(l.error.message),t=!1)}if(this._transitionClass!==""){const l=h({transitionClass:this._transitionClass});l.status||(this._errors.push(l.error.message),t=!1)}const i=o("number",{transitionDuration:this._transitionDuration});i.status||(this._errors.push(i.error.message),t=!1);const r=o("number",{openDuration:this._openDuration});r.status||(this._errors.push(r.error.message),t=!1);const a=o("number",{closeDuration:this._closeDuration});a.status||(this._errors.push(a.error.message),t=!1);const d=o("boolean",{optionalKeySupport:this._optionalKeySupport,allowMultipleExpand:this._allowMultipleExpand,allowNoExpand:this._allowNoExpand});if(d.status||(this._errors.push(d.error.message),t=!1),this._key!==""){const l=o("string",{key:this._key});l.status||(this._errors.push(l.error.message),t=!1)}const n=o("string",{prefix:this._prefix});return n.status||(this._errors.push(n.error.message),t=!1),t}_handleFocus(){this.elements.accordionItems.forEach((t,e)=>{t.dom.toggle.addEventListener("focus",()=>{this.currentChild=e})})}_handleClick(){this.elements.accordionItems.forEach((t,e)=>{t.dom.toggle.addEventListener("pointerup",()=>{this.currentChild=e,t.toggle()})})}_handleKeydown(){this.dom.accordionItemToggles.forEach(t=>{t.addEventListener("keydown",e=>{const s=p(e);(["Space","Enter"].includes(s)||this.optionalKeySupport&&["ArrowDown","ArrowUp","Home","End"].includes(s))&&m(e)})})}_handleKeyup(){this.dom.accordionItemToggles.forEach(t=>{t.addEventListener("keyup",e=>{const s=p(e);switch(s){case"Space":case"Enter":m(e),this.currentAccordionItem.toggle();break}if(this.optionalKeySupport)switch(s){case"Home":m(e),this.focusFirstChild();break;case"End":m(e),this.focusLastChild();break;case"ArrowDown":m(e),this.focusNextChild();break;case"ArrowUp":m(e),this.focusPreviousChild();break}})})}_setTransitionDurations(){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`)}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())}},J=W;const z=/[\11\12\14\15\40]+/,v="data-once",Q=document;function S(t,e,s){return t[`${e}Attribute`](v,s)}function D(t){if(typeof t!="string")throw new TypeError("once ID must be a string");if(t===""||z.test(t))throw new RangeError("once ID must not be empty or contain spaces");return`[${v}~="${t}"]`}function U(t){if(!(t instanceof Element))throw new TypeError("The element must be an instance of Element");return!0}function x(t,e=Q){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 $(t,e,s){return e.filter(i=>{const r=U(i)&&i.matches(t);return r&&s&&s(i),r})}function q(t,{add:e,remove:s}){const i=[];S(t,"has")&&S(t,"get").trim().split(z).forEach(a=>{i.indexOf(a)<0&&a!==s&&i.push(a)}),e&&i.push(e);const r=i.join(" ");S(t,r===""?"remove":"set",r)}function T(t,e,s){return $(`:not(${D(t)})`,x(e,s),i=>q(i,{add:t}))}T.remove=(t,e,s)=>$(D(t),x(e,s),i=>q(i,{remove:t})),T.filter=(t,e,s)=>$(D(t),x(e,s)),T.find=(t,e)=>x(t?D(t):`[${v}]`,e);var C=T,X=(t={},e=document,s=".accordion")=>{C("graupl-accordion-generator",s,e).forEach(i=>{const r=i.dataset.grauplAccordionOptions?JSON.parse(i.dataset.grauplAccordionOptions.replace(/'/g,'"'))||{}:{};new J({accordionElement:i,initialize:!0,...t,...r})})},Y=class{_dom={alert:null,controller:null};_hidden=!1;_showClass="";_hideClass="";_transitionClass="";_transitionTimer=150;_key="";_errors=[];_showEvent=new CustomEvent("grauplAlertShow",{bubbles:!0,detail:{alert:this}});_hideEvent=new CustomEvent("grauplAlertHide",{bubbles:!0,detail:{alert:this}});constructor({alertElement:t,controllerElement:e=null,showClass:s="show",hideClass:i="hide",transitionClass:r="transitioning",transitionTimer:a=150,isHidden:d=!1,key:n=null,initialize:l=!1}){this._dom.alert=t,this._dom.controller=e,this._showClass=s||"",this._hideClass=i||"",this._transitionClass=r||"",this._transitionTimer=a,this._hidden=d,this._key=n||"",l&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Alert: cannot initialize alert. The following errors have been found:
|
|
4
4
|
- ${this.errors.join(`
|
|
5
|
-
- `)}`);this._generateKey(),this._setIds(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),_.initializeStorage("alerts"),_.pushToStorage("alerts",this.dom.alert.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get showClass(){return this._showClass}get hideClass(){return this._hideClass}get transitionClass(){return this._transitionClass}get transitionTimer(){return this._transitionTimer}get key(){return this._key}set showClass(t){
|
|
5
|
+
- `)}`);this._generateKey(),this._setIds(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),_.initializeStorage("alerts"),_.pushToStorage("alerts",this.dom.alert.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get showClass(){return this._showClass}get hideClass(){return this._hideClass}get transitionClass(){return this._transitionClass}get transitionTimer(){return this._transitionTimer}get key(){return this._key}set showClass(t){h({showClass:t}),this._showClass!==t&&(this._showClass=t)}set hideClass(t){h({hideClass:t}),this._hideClass!==t&&(this._hideClass=t)}set transitionClass(t){h({transitionClass:t}),this._transitionClass!==t&&(this._transitionClass=t)}set transitionTimer(t){o("number",{transitionTimer:t}),this._transitionTimer!==t&&(this._transitionTimer=t)}set key(t){o("string",{value:t}),this._key!==t&&(this._key=t)}_validate(){let t=!0,e;if(this._dom.controller!==null?e=f(HTMLElement,{alertElement:this._dom.alert,controllerElement:this._dom.controller}):e=f(HTMLElement,{alertElement:this._dom.alert}),e.status||(this._errors.push(e.message),t=!1),this._showClass!==""){const r=h({showClass:this._showClass});r.status||(this._errors.push(r.message),t=!1)}if(this._hideClass!==""){const r=h({hideClass:this._hideClass});r.status||(this._errors.push(r.message),t=!1)}if(this._transitionClass!==""){const r=h({transitionClass:this._transitionClass});r.status||(this._errors.push(r.message),t=!1)}const s=o("number",{transitionTimer:this._transitionTimer});s.status||(this._errors.push(s.message),t=!1);const i=o("boolean",{isHidden:this._hidden});return i.status||(this._errors.push(i.message),t=!1),t}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.alert.id=this.dom.alert.id||`alert-${this.key}`,this.dom.controller.id=this.dom.controller.id||`alert-controller-${this.key}`}show(t=!0){this._hidden&&(this.transitionClass!==""?(c(this.transitionClass,this.dom.alert),requestAnimationFrame(()=>{this.hideClass!==""&&u(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{this.showClass!==""&&c(this.showClass,this.dom.alert),requestAnimationFrame(()=>{u(this.transitionClass,this.dom.alert)})})})):(this.showClass!==""&&c(this.showClass,this.dom.alert),this.hideClass!==""&&u(this.hideClass,this.dom.alert)),this._hidden=!1,t&&this.dom.alert.dispatchEvent(this._hideEvent))}hide(t=!0){this._hidden||(this.transitionClass!==""?(c(this.transitionClass,this.dom.alert),requestAnimationFrame(()=>{this.showClass!==""&&u(this.showClass,this.dom.alert),requestAnimationFrame(()=>{this.transitionTimer>0?setTimeout(()=>{this.hideClass!==""&&c(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{u(this.transitionClass,this.dom.alert)})},this.transitionTimer):(this.hideClass!==""&&c(this.hideClass,this.dom.alert),requestAnimationFrame(()=>{u(this.transitionClass,this.dom.alert)}))})})):(this.hideClass!==""&&c(this.hideClass,this.dom.alert),this.showClass!==""&&u(this.showClass,this.dom.alert)),this._hidden=!0,t&&this.dom.alert.dispatchEvent(this._hideEvent))}_handleClick(){this.dom.controller!==null&&this.dom.controller.addEventListener("pointerup",()=>this.hide())}_handleKeydown(){this.dom.controller!==null&&this.dom.controller.addEventListener("keydown",t=>{const e=p(t);(e==="Space"||e==="Enter")&&m(t)})}_handleKeyup(){this.dom.controller!==null&&this.dom.controller.addEventListener("keyup",t=>{const e=p(t);(e==="Space"||e==="Enter")&&this.hide()})}},Z=Y,tt=(t={},e=document,s=".alert")=>{C("graupl-alert-generator",s,e).forEach(i=>{const r=i.dataset.grauplAlertOptions?JSON.parse(i.dataset.grauplAlertOptions.replace(/'/g,'"'))||{}:{};new Z({alertElement:i,controllerElement:i.querySelector(".alert-dismisser")||null,initialize:!0,...t,...r})})},et=class{_dom={carousel:null,carouselItems:[],carouselItemContainer:null,carouselControls:[],carouselControlContainer:null,carouselTabs:[],carouselTabContainer:null,autoplay:null,next:null,previous:null};_selectors={carouselItems:"",carouselItemContainer:"",carouselControls:"",carouselControlContainer:"",carouselTabs:"",carouselTabContainer:"",autoplay:"",next:"",previous:""};_activeClass="active";_previousClass="previous";_nextClass="next";_playClass="play";_pauseClass="pause";_currentItem=0;_autoplay=!0;_transitionDelay=1e4;_transitionDuration=500;_playText="Play";_pauseText="Pause";_currentAction="next";_autoplayInterval=null;_prefix="graupl-";_key="";_errors=[];constructor({carouselElement:t,carouselItemSelector:e=".carousel-item",carouselItemContainerSelector:s=".carousel-item-container",carouselControlSelector:i=".carousel-control",carouselControlContainerSelector:r=".carousel-control-container",carouselTabSelector:a=".carousel-tab",carouselTabContainerSelector:d=".carousel-tab-container",autoplaySelector:n=".autoplay",nextSelector:l=".next",previousSelector:g=".previous",activeClass:E="active",previousClass:b="previous",nextClass:w="next",playClass:k="play",pauseClass:A="pause",autoplay:O=!0,transitionDelay:M=1e4,transitionDuration:ht=500,playText:ct="Play",pauseText:ut="Pause",prefix:dt="graupl-",key:mt=null,initialize:pt=!1}){this._dom.carousel=t,this._selectors.carouselItems=e,this._selectors.carouselItemContainer=s,this._selectors.carouselControls=i,this._selectors.carouselControlContainer=r,this._selectors.carouselTabs=a,this._selectors.carouselTabContainer=d,this._selectors.autoplay=n,this._selectors.next=l,this._selectors.previous=g,this._activeClass=E||"",this._previousClass=b||"",this._nextClass=w||"",this._playClass=k||"",this._pauseClass=A||"",this._autoplay=O,this._transitionDelay=M,this._transitionDuration=ht,this._playText=ct||"",this._pauseText=ut||"",this._prefix=dt||"",this._key=mt||"",pt&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Carousel: cannot initialize carousel. The following errors have been found:
|
|
6
6
|
- ${this.errors.join(`
|
|
7
|
-
- `)}`);this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this.activateFirstItem(),this._handleAutoplay(),this._handleFocus(),this._handleClick(),this._handleHover(),this._handleKeydown(),this._handleKeyup(),this._setTransitionDuration(),_.initializeStorage("carousels"),_.pushToStorage("carousels",this.dom.carousel.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get activeClass(){return this._activeClass}get previousClass(){return this._previousClass}get nextClass(){return this._nextClass}get playClass(){return this._playClass}get pauseClass(){return this._pauseClass}get currentItem(){return this._currentItem}get currentCarouselItem(){return this.dom.carouselItems[this.currentItem]}get currentCarouselTab(){return this.dom.carouselTabs[this.currentItem]}get autoplay(){return this._autoplay}get transitionDelay(){return this._transitionDelay}get transitionDuration(){return this._transitionDuration}get playText(){return this._playText}get pauseText(){return this._pauseText}get prefix(){return this._prefix}get key(){return this._key}get currentAction(){return this._currentAction}get errors(){return this._errors}set currentItem(t){if(o("number",{value:t}),t===this.currentItem)return;t<0?this._currentItem=0:t>=this.dom.carouselItems.length?this._currentItem=this.dom.carouselItems.length-1:this._currentItem=t,this._dom.carousel.querySelectorAll(this.selectors.carouselTab)&&this.dom.carouselItems.forEach((s,i)=>{s.setAttribute("aria-selected",i===this._currentItem)})}set autoplay(t){o("boolean",{value:t}),this._autoplay!==t&&(this._autoplay=t)}set activeClass(t){l({activeClass:t}),this._activeClass!==t&&(this._activeClass=t)}set previousClass(t){l({previousClass:t}),this._previousClass!==t&&(this._previousClass=t)}set nextClass(t){l({nextClass:t}),this._nextClass!==t&&(this._nextClass=t)}set playClass(t){l({playClass:t}),this._playClass!==t&&(this._playClass=t)}set pauseClass(t){l({pauseClass:t}),this._pauseClass!==t&&(this._pauseClass=t)}set transitionDelay(t){o("number",{value:t}),t!==this.transitionDelay&&t>=0&&(this._currentItem=t)}set transitionDuration(t){o("number",{value:t}),this._transitionDuration!==t&&t>=0&&(this._transitionDuration=t,this._setTransitionDuration())}set playText(t){o("string",{value:t}),this._playText!==t&&(this._playText=t)}set pauseText(t){o("string",{value:t}),this._pauseText!==t&&(this._pauseText=t)}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t)}set key(t){o("string",{value:t}),this._key!==t&&(this._key=t)}_validate(){let t=!0;const e=f(HTMLElement,{carousel:this.dom.carousel});e||(this._errors.push(e.message),t=!1);const s=I({carouselItemsSelector:this._selectors.carouselItems,carouselItemContainerSelector:this._selectors.carouselItemContainer,carouselControlsSelector:this._selectors.carouselControls,carouselControlContainerSelector:this._selectors.carouselControlContainer,carouselTabsSelector:this._selectors.carouselTabs,carouselTabContainerSelector:this._selectors.carouselTabContainer,autoplaySelector:this._selectors.autoplay,nextSelector:this._selectors.next,previousSelector:this._selectors.previous});s||(this._errors.push(s.message),t=!1);const i=o("boolean",{autoplay:this.autoplay});i||(this._errors.push(i.message),t=!1);const r=o("number",{transitionDelay:this._transitionDelay});r||(this._errors.push(r.message),t=!1);const a=o("number",{transitionDuration:this._transitionDuration});if(a||(this._errors.push(a.message),t=!1),this._activeClass!==""){const n=l({activeClass:this._activeClass});n||(this._errors.push(n.message),t=!1)}if(this._previousClass!==""){const n=l({previousClass:this._previousClass});n||(this._errors.push(n.message),t=!1)}if(this._nextClass!==""){const n=l({nextClass:this._nextClass});n||(this._errors.push(n.message),t=!1)}if(this._playClass!==""){const n=l({playClass:this._playClass});n||(this._errors.push(n.message),t=!1)}if(this._pauseClass!==""){const n=l({pauseClass:this._pauseClass});n||(this._errors.push(n.message),t=!1)}if(this._playText!==""){const n=o("string",{playText:this._playText});n||(this._errors.push(n.message),t=!1)}if(this._pauseText!==""){const n=o("string",{pauseText:this._pauseText});n||(this._errors.push(n.message),t=!1)}const d=o("string",{prefix:this._prefix});return d||(this._errors.push(d.message),t=!1),t}_setDOMElementType(t,e=this.dom.carousel,s=!0){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be set through _setDOMElementType.`);if(e!==this.dom.carousel&&f(HTMLElement,{base:e}),Array.isArray(this._dom[t])){const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(a=>a.parentElement===e);s?this._dom[t]=r:this._dom[t]=[...this._dom[t],...r]}else{const i=e.querySelector(this.selectors[t]);if(i&&i.parentElement!==e)return;s&&(this._dom[t]=i)}}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_setDOMElements(){this._setDOMElementType("carouselItemContainer"),this._setDOMElementType("carouselControlContainer"),this._setDOMElementType("carouselTabContainer"),this.dom.carouselItemContainer&&this._setDOMElementType("carouselItems",this.dom.carouselItemContainer),this.dom.carouselControlContainer&&(this._setDOMElementType("carouselControls",this.dom.carouselControlContainer),this._setDOMElementType("autoplay",this.dom.carouselControlContainer),this._setDOMElementType("next",this.dom.carouselControlContainer),this._setDOMElementType("previous",this.dom.carouselControlContainer)),this._dom.carouselTabContainer&&this._setDOMElementType("carouselTabs",this.dom.carouselTabContainer)}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.carousel.id=this.dom.carousel.id||`carousel-${this.key}`,this.dom.carouselItems.forEach((t,e)=>{t.id=t.id||`carousel-item-${this.key}-${e}`}),this.dom.carouselTabs.forEach((t,e)=>{t.id=t.id||`carousel-tab-${this.key}-${e}`})}_setAriaAttributes(){!g("section",{carousel:this.dom.carousel})&&!this.dom.carousel.getAttribute("role")!=="region"&&this.dom.carousel.setAttribute("role","group"),this._dom.carousel.setAttribute("aria-roledescription","carousel"),this.dom.carouselTabContainer&&this.dom.carouselTabContainer.setAttribute("role","tablist"),this.dom.carouselTabs.forEach((t,e)=>{g("button",{tab:t})||t.setAttribute("role","button"),t.setAttribute("aria-selected",e===0),t.setAttribute("aria-controls",this.dom.carouselItems[e].id)})}_setInterval(){this._clearInterval(),this._autoplayInterval=setInterval(()=>{this.activateNextItem()},this.transitionDelay)}_clearInterval(){clearInterval(this._autoplayInterval)}_handleAutoplay(){this.autoplay?(h(this.pauseClass,this.dom.autoplay),c(this.playClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.pauseText),this.dom.carousel.setAttribute("aria-live","off"),this._setInterval()):(h(this.playClass,this.dom.autoplay),c(this.pauseClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.playText),this.dom.carousel.setAttribute("aria-live","polite"),this._clearInterval())}_handleFocus(){this.dom.carousel.addEventListener("focusin",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("focusout",()=>{this.autoplay&&this._setInterval()})}_handleClick(){this.dom.next.addEventListener("pointerup",()=>{this.activateNextItem()}),this.dom.previous.addEventListener("pointerup",()=>{this.activatePreviousItem()}),this.dom.autoplay.addEventListener("pointerup",()=>{this.toggleAutoplay()}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("pointerup",()=>{this.currentItem>e?this._currentAction="previous":this._currentAction="next",this.activateItem(e)})})}_handleHover(){this.dom.carousel.addEventListener("pointerover",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("pointerleave",()=>{this.autoplay&&this._setInterval()})}_handleKeydown(){this.dom.carouselControls.forEach(t=>{t.addEventListener("keydown",e=>{switch(p(e)){case"Space":case"Enter":m(e);break}})}),this.dom.carouselTabs.forEach(t=>{t.addEventListener("keydown",e=>{switch(p(e)){case"Space":case"Enter":m(e);break}})})}_handleKeyup(){this.dom.next.addEventListener("keyup",t=>{switch(p(t)){case"Space":case"Enter":this.activateNextItem(),m(t);break}}),this.dom.previous.addEventListener("keyup",t=>{switch(p(t)){case"Space":case"Enter":this.activatePreviousItem(),m(t);break}}),this.dom.autoplay.addEventListener("keyup",t=>{switch(p(t)){case"Space":case"Enter":this.toggleAutoplay(),m(t);break}}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("keyup",s=>{switch(p(s)){case"Space":case"Enter":this.activateItem(e),m(s);break}})})}_setTransitionDuration(){this.dom.carousel.style.setProperty(`--${this.prefix}carousel-transition-duration`,`${this.transitionDuration}ms`)}activateCurrentItem(){h(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!0),h(this.activeClass,this.currentCarouselTab))}deactivateCurrentItem(){c(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!1),c(this.activeClass,this.currentCarouselTab))}activateItem(t){const e=this.currentItem;this.dom.carousel.dataset.grauplAction=this._currentAction,this.autoplay&&this._clearInterval(),h(this.previousClass,this.currentCarouselItem),h(this.nextClass,this.dom.carouselItems[t]),requestAnimationFrame(()=>{this.deactivateCurrentItem(),this.currentItem=t,this.activateCurrentItem(),requestAnimationFrame(()=>{setTimeout(()=>{c(this.previousClass,this.dom.carouselItems[e]),c(this.nextClass,this.currentCarouselItem)},this.transitionDuration)})}),this.autoplay&&this._setInterval()}activateFirstItem(){this.activateItem(0)}activateLastItem(){this.activateItem(this.dom.carouselItems.length-1)}activateNextItem(){this._currentAction="next",this.currentItem+1>=this.dom.carouselItems.length?this.activateFirstItem():this.activateItem(this.currentItem+1)}activatePreviousItem(){this._currentAction="previous",this.currentItem-1<0?this.activateLastItem():this.activateItem(this.currentItem-1)}toggleAutoplay(){this.autoplay=!this.autoplay,this._handleAutoplay()}},tt=Z,et=(t={},e=document,s=".carousel")=>{b("graupl-carousel-generator",s,e).forEach(i=>{const r=i.dataset.grauplCarouselOptions?JSON.parse(i.dataset.grauplCarouselOptions.replace(/'/g,'"'))||{}:{};new tt({carouselElement:i,initialize:!0,...t,...r})})},st=(t={},e=document,s=".navigation")=>{b("graupl-navigation-generator",s,e).forEach(i=>{const r=i.dataset.grauplMenuType||DisclosureMenu;if(window[r]===void 0){console.warn(`Graupl navigation requires accessible-menu's ${r}. Please make sure to include it on this page.`);return}const a=i.dataset.grauplMenuOptions?JSON.parse(i.dataset.grauplMenuOptions.replace(/'/g,'"'))||{}:{},d=i.querySelector(".menu"),n=i.querySelector(".navigation-toggle")||null,u=n?i:null,C=new window[r]({menuElement:d,menuItemSelector:".menu-item",menuLinkSelector:".menu-link",submenuItemSelector:".submenu-item",submenuToggleSelector:".submenu-toggle",controllerElement:n,containerElement:u,...t,...a});_.initializeStorage("menus"),_.pushToStorage("menus",C.dom.menu.id,C)})};document.addEventListener("DOMContentLoaded",()=>{Q(),Y(),et(),st()})})();
|
|
7
|
+
- `)}`);this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this.activateFirstItem(),this._handleAutoplay(),this._handleFocus(),this._handleClick(),this._handleHover(),this._handleKeydown(),this._handleKeyup(),this._setTransitionDuration(),_.initializeStorage("carousels"),_.pushToStorage("carousels",this.dom.carousel.id,this)}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get activeClass(){return this._activeClass}get previousClass(){return this._previousClass}get nextClass(){return this._nextClass}get playClass(){return this._playClass}get pauseClass(){return this._pauseClass}get currentItem(){return this._currentItem}get currentCarouselItem(){return this.dom.carouselItems[this.currentItem]}get currentCarouselTab(){return this.dom.carouselTabs[this.currentItem]}get autoplay(){return this._autoplay}get transitionDelay(){return this._transitionDelay}get transitionDuration(){return this._transitionDuration}get playText(){return this._playText}get pauseText(){return this._pauseText}get prefix(){return this._prefix}get key(){return this._key}get currentAction(){return this._currentAction}get errors(){return this._errors}set currentItem(t){o("number",{value:t}),t!==this.currentItem&&(t<0?this._currentItem=0:t>=this.dom.carouselItems.length?this._currentItem=this.dom.carouselItems.length-1:this._currentItem=t,this._dom.carousel.querySelectorAll(this.selectors.carouselTab)&&this.dom.carouselItems.forEach((e,s)=>{e.setAttribute("aria-selected",s===this._currentItem)}))}set autoplay(t){o("boolean",{value:t}),this._autoplay!==t&&(this._autoplay=t)}set activeClass(t){h({activeClass:t}),this._activeClass!==t&&(this._activeClass=t)}set previousClass(t){h({previousClass:t}),this._previousClass!==t&&(this._previousClass=t)}set nextClass(t){h({nextClass:t}),this._nextClass!==t&&(this._nextClass=t)}set playClass(t){h({playClass:t}),this._playClass!==t&&(this._playClass=t)}set pauseClass(t){h({pauseClass:t}),this._pauseClass!==t&&(this._pauseClass=t)}set transitionDelay(t){o("number",{value:t}),t!==this.transitionDelay&&t>=0&&(this._currentItem=t)}set transitionDuration(t){o("number",{value:t}),this._transitionDuration!==t&&t>=0&&(this._transitionDuration=t,this._setTransitionDuration())}set playText(t){o("string",{value:t}),this._playText!==t&&(this._playText=t)}set pauseText(t){o("string",{value:t}),this._pauseText!==t&&(this._pauseText=t)}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t)}set key(t){o("string",{value:t}),this._key!==t&&(this._key=t)}_validate(){let t=!0;const e=f(HTMLElement,{carousel:this.dom.carousel});e||(this._errors.push(e.message),t=!1);const s=I({carouselItemsSelector:this._selectors.carouselItems,carouselItemContainerSelector:this._selectors.carouselItemContainer,carouselControlsSelector:this._selectors.carouselControls,carouselControlContainerSelector:this._selectors.carouselControlContainer,carouselTabsSelector:this._selectors.carouselTabs,carouselTabContainerSelector:this._selectors.carouselTabContainer,autoplaySelector:this._selectors.autoplay,nextSelector:this._selectors.next,previousSelector:this._selectors.previous});s||(this._errors.push(s.message),t=!1);const i=o("boolean",{autoplay:this.autoplay});i||(this._errors.push(i.message),t=!1);const r=o("number",{transitionDelay:this._transitionDelay});r||(this._errors.push(r.message),t=!1);const a=o("number",{transitionDuration:this._transitionDuration});if(a||(this._errors.push(a.message),t=!1),this._activeClass!==""){const n=h({activeClass:this._activeClass});n||(this._errors.push(n.message),t=!1)}if(this._previousClass!==""){const n=h({previousClass:this._previousClass});n||(this._errors.push(n.message),t=!1)}if(this._nextClass!==""){const n=h({nextClass:this._nextClass});n||(this._errors.push(n.message),t=!1)}if(this._playClass!==""){const n=h({playClass:this._playClass});n||(this._errors.push(n.message),t=!1)}if(this._pauseClass!==""){const n=h({pauseClass:this._pauseClass});n||(this._errors.push(n.message),t=!1)}if(this._playText!==""){const n=o("string",{playText:this._playText});n||(this._errors.push(n.message),t=!1)}if(this._pauseText!==""){const n=o("string",{pauseText:this._pauseText});n||(this._errors.push(n.message),t=!1)}const d=o("string",{prefix:this._prefix});return d||(this._errors.push(d.message),t=!1),t}_setDOMElementType(t,e=this.dom.carousel,s=!0){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be set through _setDOMElementType.`);if(e!==this.dom.carousel&&f(HTMLElement,{base:e}),Array.isArray(this._dom[t])){const i=Array.from(e.querySelectorAll(this.selectors[t])).filter(r=>r.parentElement===e);s?this._dom[t]=i:this._dom[t]=[...this._dom[t],...i]}else{const i=e.querySelector(this.selectors[t]);if(i&&i.parentElement!==e)return;s&&(this._dom[t]=i)}}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(t==="carousel")throw new Error(`Graupl Carousel: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl Carousel: "${t}" is not a valid element type within the carousel.`)}_setDOMElements(){this._setDOMElementType("carouselItemContainer"),this._setDOMElementType("carouselControlContainer"),this._setDOMElementType("carouselTabContainer"),this.dom.carouselItemContainer&&this._setDOMElementType("carouselItems",this.dom.carouselItemContainer),this.dom.carouselControlContainer&&(this._setDOMElementType("carouselControls",this.dom.carouselControlContainer),this._setDOMElementType("autoplay",this.dom.carouselControlContainer),this._setDOMElementType("next",this.dom.carouselControlContainer),this._setDOMElementType("previous",this.dom.carouselControlContainer)),this._dom.carouselTabContainer&&this._setDOMElementType("carouselTabs",this.dom.carouselTabContainer)}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.carousel.id=this.dom.carousel.id||`carousel-${this.key}`,this.dom.carouselItems.forEach((t,e)=>{t.id=t.id||`carousel-item-${this.key}-${e}`}),this.dom.carouselTabs.forEach((t,e)=>{t.id=t.id||`carousel-tab-${this.key}-${e}`})}_setAriaAttributes(){!y("section",{carousel:this.dom.carousel})&&!this.dom.carousel.getAttribute("role")!=="region"&&this.dom.carousel.setAttribute("role","group"),this._dom.carousel.setAttribute("aria-roledescription","carousel"),this.dom.carouselTabContainer&&this.dom.carouselTabContainer.setAttribute("role","tablist"),this.dom.carouselTabs.forEach((t,e)=>{y("button",{tab:t})||t.setAttribute("role","button"),t.setAttribute("aria-selected",e===0),t.setAttribute("aria-controls",this.dom.carouselItems[e].id)})}_setInterval(){this._clearInterval(),this._autoplayInterval=setInterval(()=>{this.activateNextItem()},this.transitionDelay)}_clearInterval(){clearInterval(this._autoplayInterval)}_handleAutoplay(){this.autoplay?(c(this.pauseClass,this.dom.autoplay),u(this.playClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.pauseText),this.dom.carousel.setAttribute("aria-live","off"),this._setInterval()):(c(this.playClass,this.dom.autoplay),u(this.pauseClass,this.dom.autoplay),this.dom.autoplay.setAttribute("aria-label",this.playText),this.dom.carousel.setAttribute("aria-live","polite"),this._clearInterval())}_handleFocus(){this.dom.carousel.addEventListener("focusin",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("focusout",()=>{this.autoplay&&this._setInterval()})}_handleClick(){this.dom.next.addEventListener("pointerup",()=>{this.activateNextItem()}),this.dom.previous.addEventListener("pointerup",()=>{this.activatePreviousItem()}),this.dom.autoplay.addEventListener("pointerup",()=>{this.toggleAutoplay()}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("pointerup",()=>{this.currentItem>e?this._currentAction="previous":this._currentAction="next",this.activateItem(e)})})}_handleHover(){this.dom.carousel.addEventListener("pointerover",()=>{this.autoplay&&this._clearInterval()}),this.dom.carousel.addEventListener("pointerleave",()=>{this.autoplay&&this._setInterval()})}_handleKeydown(){this.dom.carouselControls.forEach(t=>{t.addEventListener("keydown",e=>{switch(p(e)){case"Space":case"Enter":m(e);break}})}),this.dom.carouselTabs.forEach(t=>{t.addEventListener("keydown",e=>{switch(p(e)){case"Space":case"Enter":m(e);break}})})}_handleKeyup(){this.dom.next.addEventListener("keyup",t=>{switch(p(t)){case"Space":case"Enter":this.activateNextItem(),m(t);break}}),this.dom.previous.addEventListener("keyup",t=>{switch(p(t)){case"Space":case"Enter":this.activatePreviousItem(),m(t);break}}),this.dom.autoplay.addEventListener("keyup",t=>{switch(p(t)){case"Space":case"Enter":this.toggleAutoplay(),m(t);break}}),this.dom.carouselTabs.forEach((t,e)=>{t.addEventListener("keyup",s=>{switch(p(s)){case"Space":case"Enter":this.activateItem(e),m(s);break}})})}_setTransitionDuration(){this.dom.carousel.style.setProperty(`--${this.prefix}carousel-transition-duration`,`${this.transitionDuration}ms`)}activateCurrentItem(){c(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!0),c(this.activeClass,this.currentCarouselTab))}deactivateCurrentItem(){u(this.activeClass,this.currentCarouselItem),this.currentCarouselTab&&(this.currentCarouselTab.setAttribute("aria-selected",!1),u(this.activeClass,this.currentCarouselTab))}activateItem(t){const e=this.currentItem;this.dom.carousel.dataset.grauplAction=this._currentAction,this.autoplay&&this._clearInterval(),c(this.previousClass,this.currentCarouselItem),c(this.nextClass,this.dom.carouselItems[t]),requestAnimationFrame(()=>{this.deactivateCurrentItem(),this.currentItem=t,this.activateCurrentItem(),requestAnimationFrame(()=>{setTimeout(()=>{u(this.previousClass,this.dom.carouselItems[e]),u(this.nextClass,this.currentCarouselItem)},this.transitionDuration)})}),this.autoplay&&this._setInterval()}activateFirstItem(){this.activateItem(0)}activateLastItem(){this.activateItem(this.dom.carouselItems.length-1)}activateNextItem(){this._currentAction="next",this.currentItem+1>=this.dom.carouselItems.length?this.activateFirstItem():this.activateItem(this.currentItem+1)}activatePreviousItem(){this._currentAction="previous",this.currentItem-1<0?this.activateLastItem():this.activateItem(this.currentItem-1)}toggleAutoplay(){this.autoplay=!this.autoplay,this._handleAutoplay()}},st=et,it=(t={},e=document,s=".carousel")=>{C("graupl-carousel-generator",s,e).forEach(i=>{const r=i.dataset.grauplCarouselOptions?JSON.parse(i.dataset.grauplCarouselOptions.replace(/'/g,'"'))||{}:{};new st({carouselElement:i,initialize:!0,...t,...r})})},rt=(t={},e=document,s=".navigation")=>{C("graupl-navigation-generator",s,e).forEach(i=>{const r=i.dataset.grauplMenuType||DisclosureMenu;if(window[r]===void 0){console.warn(`Graupl navigation requires accessible-menu's ${r}. Please make sure to include it on this page.`);return}const a=i.dataset.grauplMenuOptions?JSON.parse(i.dataset.grauplMenuOptions.replace(/'/g,'"'))||{}:{},d=i.querySelector(".menu"),n=i.querySelector(".navigation-toggle")||null,l=n?i:null,g=new window[r]({menuElement:d,menuItemSelector:".menu-item",menuLinkSelector:".menu-link",submenuItemSelector:".submenu-item",submenuToggleSelector:".submenu-toggle",controllerElement:n,containerElement:l,...t,...a});_.initializeStorage("menus"),_.pushToStorage("menus",g.dom.menu.id,g)})},ot=class{constructor(t,e={}){this._equals=e.equals||Object.is,this._current=t,this._committed=t}get value(){return this._current}set value(t){this._current=t}get committed(){return this._committed}get isDirty(){return!this._equals(this._current,this._committed)}commit(){return this._committed=this._current,this}reset(){return this._current=this._committed,this}update(t){return this._current=t(this._current),this}},nt=class{_dom={controller:null,disclosure:null,content:null};_domLock=["controller","disclosure"];_selectors={content:""};_classes={open:"show",close:"hide",transition:"transitioning",initialize:"initializing"};_durations={transition:5e3,open:-1,close:-1};_focusState="none";_currentEvent="none";_open=new ot(!1);_shouldOpen=!1;_closeOnBlur=!1;_breakpointWidth=-1;_observer=null;_expandEvent=new CustomEvent("grauplDisclosureExpand",{bubbles:!0,detail:{disclosure:this}});_collapseEvent=new CustomEvent("grauplDisclosureCollapse",{bubbles:!0,detail:{disclosure:this}});_prefix="graupl-";_errors=[];constructor({disclosureElement:t,controllerElement:e,disclosureContentSelector:s=".disclosure-content",openClass:i="show",closeClass:r="hide",transitionClass:a="transitioning",transitionDuration:d=250,openDuration:n=-1,closeDuration:l=-1,closeOnBlur:g=!1,minWidth:E=-1,autoOpen:b=!1,prefix:w="graupl-",initializeClass:k="initializing",initialize:A=!1}){this._dom.disclosure=t,this._dom.controller=e,this._selectors.content=s,this._classes.open=i||"",this._classes.close=r||"",this._classes.transition=a||"",this._classes.initialize=k||"",this._durations.transition=d,this._durations.open=n,this._durations.close=l,this._closeOnBlur=g,this._breakpointWidth=E,this._shouldOpen=b,this._prefix=w,A&&this.initialize()}initialize(){try{if(!this._validate())throw new Error(`Graupl Disclosure: cannot initialize disclosure. The following errors have been found:
|
|
8
|
+
- ${this.errors.join(`
|
|
9
|
+
- `)}`);c(this._classes.initialize,this.dom.disclosure),this._generateKey(),this._setDOMElements(),this._setIds(),this._setAriaAttributes(),this._handleFocus(),this._handleClick(),this._handleKeydown(),this._handleKeyup(),this._handleResize(),this._setTransitionDurations(),_.initializeStorage("disclosures"),_.initializeStorage("disclosures"),_.pushToStorage("disclosures",this.dom.disclosure.id,this),this.dom.controller.getAttribute("aria-expanded")==="true"||this.shouldOpen&&window.matchMedia(this.openQuery).matches?this._expand(!1,!1):this._collapse(!1,!1),requestAnimationFrame(()=>{u(this._classes.initialize,this.dom.disclosure)})}catch(t){console.error(t)}}get dom(){return this._dom}get selectors(){return this._selectors}get openClass(){return this._classes.open}set openClass(t){h({openClass:t}),this._classes.open!==t&&(this._classes.open=t)}get closeClass(){return this._classes.close}set closeClass(t){h({closeClass:t}),this._classes.close!==t&&(this._classes.close=t)}get transitionClass(){return this._classes.transition}set transitionClass(t){h({transitionClass:t}),this._classes.transition!==t&&(this._classes.transition=t)}get initializeClass(){return this._classes.initialize}set initializeClass(t){h({initializeClass:t}),this._classes.initialize!==t&&(this._classes.initialize=t)}get transitionDuration(){return this._durations.transition}set transitionDuration(t){o("number",{value:t}),this._durations.transition!==t&&(this._durations.transition=t,this._setTransitionDurations())}get openDuration(){return this._durations.open===-1?this.transitionDuration:this._durations.open}set openDuration(t){o("number",{value:t}),this._durations.open!==t&&(this._durations.open=t,this._setTransitionDurations())}get closeDuration(){return this._durations.close===-1?this.transitionDuration:this._durations.close}set closeDuration(t){o("number",{value:t}),this._durations.close!==t&&(this._durations.close=t,this._setTransitionDurations())}get minWidth(){return this._breakpointWidth}set minWidth(t){o("number",{value:t}),this._breakpointWidth!==t&&(this._breakpointWidth=t)}get closeOnBlur(){return this._closeOnBlur}set closeOnBlur(t){o("boolean",{value:t}),this._closeOnBlur!==t&&(this._closeOnBlur=t)}get focusState(){return this._focusState}set focusState(t){F({value:t}),this._focusState!==t&&(this._focusState=t)}get currentEvent(){return this._currentEvent}set currentEvent(t){K({value:t}),this._currentEvent!==t&&(this._currentEvent=t)}get prefix(){return this._prefix}set prefix(t){o("string",{value:t}),this._prefix!==t&&(this._prefix=t,this._setTransitionDurations())}get isOpen(){return this._open.value}get hasOpened(){return this._open.committed}get shouldOpen(){return this._shouldOpen}set shouldOpen(t){o("boolean",{value:t}),this._shouldOpen!==t&&(this._shouldOpen=t)}get openQuery(){return this.minWidth===-1?"":`(width > ${this.minWidth}px)`}get closeQuery(){return this.minWidth===-1?"":`(width <= ${this.minWidth}px)`}get shouldFocus(){let t=!1;return this.currentEvent==="keyboard"&&(t=!0),t}get errors(){return this._errors}_validate(){let t=!0;const e=f(HTMLElement,{disclosureElement:this._dom.disclosure,controllerElement:this._dom.controller});e.status||(this._errors.push(e.error.message),t=!1);const s=I({disclosureContentSelector:this._selectors.content});s.status||(this._errors.push(s.error.message),t=!1);const i={};for(const l of Object.keys(this._classes))this._classes[l]!==""&&(i[`${l}Class`]=this._classes[l]);const r=h(i);r.status||(this._errors.push(r.error.message),t=!1);const a={};for(const l of Object.keys(this._durations))a[`${l}Duration`]=this._durations[l];const d=o("number",a);d.status||(this._errors.push(d.error.message),t=!1);const n=o("string",{prefix:this._prefix});return n.status||(this._errors.push(n.error.message),t=!1),t}_generateKey(t=!1){(this.key===""||t)&&(this.key=Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,10))}_setIds(){this.dom.disclosure.id=this.dom.disclosure.id||`disclosure-${this.key}`,this.dom.controller.id=this.dom.controller.id||`disclosure-controller-${this.key}`}_setAriaAttributes(){this.dom.controller.getAttribute("aria-expanded")!=="true"&&this.dom.controller.setAttribute("aria-expanded","false"),this.dom.controller.setAttribute("aria-controls",this.dom.disclosure.id),y("button",{controller:this.dom.controller})||this.dom.controller.setAttribute("role","button")}_setTransitionDurations(){this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-transition-duration`,`${this.transitionDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-open-transition-duration`,`${this.openDuration}ms`),this.dom.disclosure.style.setProperty(`--${this.prefix}disclosure-close-transition-duration`,`${this.closeDuration}ms`)}_setDOMElementType(t,{base:e=this.dom.disclosure,overwrite:s=!0,strict:i=!0}={}){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be set through _setDOMElementType.`);e!==this.dom.disclosure&&f(HTMLElement,{base:e});const r=Array.from(e.querySelectorAll(this.selectors[t])).filter(a=>i?a.parentElement===e:!0);s?Array.isArray(this._dom[t])?this._dom[t]=r:this._dom[t]=r[0]||null:Array.isArray(this._dom[t])?this._dom[t]=[...this._dom[t],...r]:this._dom[t]=r[0]||null}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_resetDOMElementType(t){if(typeof this.selectors[t]=="string"){if(this._domLock.includes(t))throw new Error(`Graupl ${this.constructor.name}: "${t}" element cannot be reset through _resetDOMElementType.`);Array.isArray(this._dom[t])?this._dom[t]=[]:this._dom[t]=null}else throw new Error(`Graupl ${this.constructor.name}: "${t}" is not a valid element type.`)}_setDOMElements(){this._resetDOMElementType("content"),this._setDOMElementType("content")}_expand(t=!0,e=!0){this.dom.controller.setAttribute("aria-expanded","true"),e&&this.transitionlass!==""?(c(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{c(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{u(this.transitionClass,this.dom.disclosure)},this.openDuration)})})})):(c(this.openClass,this.dom.disclosure),u(this.closeClass,this.dom.disclosure)),this.dom.content.removeAttribute("inert"),t&&this.dom.controller.dispatchEvent(this._expandEvent)}_collapse(t=!0,e=!0){this.dom.controller.setAttribute("aria-expanded","false"),e&&this.transitionClass!==""?(c(this.transitionClass,this.dom.disclosure),requestAnimationFrame(()=>{u(this.openClass,this.dom.disclosure),requestAnimationFrame(()=>{c(this.closeClass,this.dom.disclosure),requestAnimationFrame(()=>{setTimeout(()=>{u(this.transitionClass,this.dom.disclosure),this.dom.content.innert=!0},this.closeDuration)})})})):(c(this.closeClass,this.dom.disclosure),u(this.openClass,this.dom.disclosure)),this.dom.content.setAttribute("inert","true"),t&&this.dom.controller.dispatchEvent(this._collapseEvent)}_handleResize(){if(this._breakpointWidth<=0)return;let t=0;this._observer=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(const s of e){const i=Array.isArray(s.contentBoxSize)?s.contentBoxSize[0]:s.contentBoxSize,r=i&&typeof i.inlineSize=="number"?i.inlineSize:s.contentRect.width;if(typeof r!="number"||t===r)continue;const a=r<=this.minWidth,d=r>this.minWidth;a&&this.isOpen?this.close({preserveState:!0}):d&&!this.isOpen&&(this.hasOpened||this.shouldOpen)&&this.open(),t=r}})}),this._observer.observe(document.body)}_handleFocus(){this.dom.disclosure.addEventListener("focusout",t=>{!this.closeOnBlur||this.currentEvent!=="keyboard"||t.relatedTarget===null||this.dom.disclosure.contains(t.relatedTarget)||this.dom.controller===t.relatedTarget||this.close()})}_handleClick(){this.dom.controller.addEventListener("pointerup",t=>{this.currentEvent="mouse",t.button===0&&(m(t),this.toggle())}),document.addEventListener("pointerup",t=>{this.focusState!=="self"||!this.closeOnBlur||(this.currentEvent="mouse",!this.dom.disclosure.contains(t.target)&&this.dom.controller!==t.target&&this.close())})}_handleKeydown(){this.dom.controller.addEventListener("keydown",t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":m(t);break}}),this.dom.disclosure.addEventListener("keydown",t=>{switch(this.currentEvent="keyboard",p(t)){case"Escape":m(t);break}})}_handleKeyup(){this.dom.controller.addEventListener("keyup",t=>{switch(this.currentEvent="keyboard",p(t)){case"Space":case"Enter":this.toggle(),m(t);break}}),this.dom.disclosure.addEventListener("keyup",t=>{switch(this.currentEvent="keyboard",p(t)){case"Escape":this.close(),m(t);break}})}open({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="self",this._expand(),this._open.value=!0,e||this._open.commit())}preview({force:t=!1,preserveState:e=!1}={}){this.isOpen&&!t||(this.focusState="none",this._expand(),this._open.value=!0,e||this._open.commit())}close({force:t=!1,preserveState:e=!1}={}){!this.isOpen&&!t||(this.focusState="none",this._collapse(),this._open.value=!1,e||this._open.commit())}toggle({force:t=!1,preserveState:e=!1}={}){this.isOpen?this.close({force:t,preserveState:e}):this.open({force:t,preserveState:e})}},at=nt,lt=({options:t={},context:e=document,disclosureSelector:s=".disclosure",controllerSelector:i=".disclosure-toggle"}={})=>{C("graupl-disclosure-generator",s,e).forEach(r=>{const a=r.dataset.grauplDisclosureOptions?JSON.parse(r.dataset.grauplDisclosureOptions.replace(/'/g,'"'))||{}:{},d=`${i}[data-graupl-disclosure-target="${r.id}"]`,[n]=C("graupl-disclosure-generator",d,e);if(!n){console.warn(`No controller found for disclosure with ID "${r.id}". Please ensure there is an element with the selector "${d}".`),C.remove("graupl-disclosure-generator",r);return}new at({disclosureElement:r,controllerElement:n,initialize:!0,...t,...a})})};document.addEventListener("DOMContentLoaded",()=>{X(),tt(),it(),rt(),lt()})})();
|
|
8
10
|
|
|
9
11
|
//# sourceMappingURL=graupl.js.map
|