@graupl/graupl 1.0.0-beta.45 → 1.0.0-beta.47

package/dist/js/graupl.js

@@ -1,6 +1,6 @@
 (function() {
-	function k(t, e, { shouldThrow: s = !0 } = {}) {
-		const i = {
+	function k(t, e, { shouldThrow: i = !0 } = {}) {
+		const s = {
 			status: !0,
 			errors: []
 		};
@@ -12,16 +12,16 @@
 					throw new TypeError(`${o} must be an instance of ${t.name}. "${r}" given.`);
 				}
 			} catch (r) {
-				i.status = !1, i.errors.push(r);
+				s.status = !1, s.errors.push(r);
 			}
 		} catch (o) {
-			i.status = !1, i.errors.push(o);
+			s.status = !1, s.errors.push(o);
 		}
-		if (s && !i.status) throw i.errors[0];
-		return i;
+		if (i && !s.status) throw s.errors[0];
+		return s;
 	}
-	function n(t, e, { shouldThrow: s = !0 } = {}) {
-		const i = {
+	function n(t, e, { shouldThrow: i = !0 } = {}) {
+		const s = {
 			status: !0,
 			errors: []
 		};
@@ -31,112 +31,112 @@
 				const r = typeof e[o];
 				if (r !== t) throw new TypeError(`${o} must be a ${t}. "${r}" given.`);
 			} catch (r) {
-				i.status = !1, i.errors.push(r);
+				s.status = !1, s.errors.push(r);
 			}
 		} catch (o) {
-			i.status = !1, i.errors.push(o);
+			s.status = !1, s.errors.push(o);
 		}
-		if (s && !i.status) throw i.errors[0];
-		return i;
+		if (i && !s.status) throw s.errors[0];
+		return s;
 	}
-	function V(t, { shouldThrow: e = !0 } = {}) {
-		const s = {
+	function H(t, { shouldThrow: e = !0 } = {}) {
+		const i = {
 			status: !0,
 			errors: []
 		};
 		try {
 			if (typeof t != "object") throw new TypeError(`Values given to isQuerySelector() must be inside of an object. "${typeof t}" given.`);
-			for (const i in t) try {
+			for (const s in t) try {
 				try {
-					if (t[i] === null) throw new Error();
-					document.querySelector(t[i]);
+					if (t[s] === null) throw new Error();
+					document.querySelector(t[s]);
 				} catch {
-					throw new TypeError(`${i} must be a valid query selector. "${t[i]}" given.`);
+					throw new TypeError(`${s} must be a valid query selector. "${t[s]}" given.`);
 				}
 			} catch (o) {
-				s.status = !1, s.errors.push(o);
+				i.status = !1, i.errors.push(o);
 			}
-		} catch (i) {
-			s.status = !1, s.errors.push(i);
+		} catch (s) {
+			i.status = !1, i.errors.push(s);
 		}
-		if (e && !s.status) throw s.errors[0];
-		return s;
+		if (e && !i.status) throw i.errors[0];
+		return i;
 	}
-	function d(t, { shouldThrow: e = !0 } = {}) {
-		const s = {
+	function m(t, { shouldThrow: e = !0 } = {}) {
+		const i = {
 			status: !0,
 			errors: []
 		};
 		try {
 			if (typeof t != "object" || Array.isArray(t)) throw new TypeError(`Values given to isValidClassList() must be inside of an object. "${typeof t}" given.`);
-			for (const i in t) try {
-				const o = typeof t[i];
-				if (o !== "string") if (Array.isArray(t[i])) t[i].forEach((r) => {
-					if (typeof r != "string") throw new TypeError(`${i} must be a string or an array of strings. An array containing non-strings given.`);
+			for (const s in t) try {
+				const o = typeof t[s];
+				if (o !== "string") if (Array.isArray(t[s])) t[s].forEach((r) => {
+					if (typeof r != "string") throw new TypeError(`${s} must be a string or an array of strings. An array containing non-strings given.`);
 				});
-				else throw new TypeError(`${i} must be a string or an array of strings. "${o}" given.`);
+				else throw new TypeError(`${s} must be a string or an array of strings. "${o}" given.`);
 				else {
 					const r = {};
-					r[i] = t[i], V(r);
+					r[s] = t[s], H(r);
 				}
 			} catch (o) {
-				s.status = !1, s.errors.push(o);
+				i.status = !1, i.errors.push(o);
 			}
-		} catch (i) {
-			s.status = !1, s.errors.push(i);
+		} catch (s) {
+			i.status = !1, i.errors.push(s);
 		}
-		if (e && !s.status) throw s.errors[0];
-		return s;
+		if (e && !i.status) throw i.errors[0];
+		return i;
 	}
-	function J(t, { shouldThrow: e = !0 } = {}) {
-		const s = {
+	function U(t, { shouldThrow: e = !0 } = {}) {
+		const i = {
 			status: !0,
 			errors: []
 		};
 		try {
 			if (typeof t != "object") throw new TypeError(`Values given to isValidState() must be inside of an object. "${typeof t}" given.`);
-			const i = [
+			const s = [
 				"none",
 				"self",
 				"child"
 			];
 			for (const o in t) try {
-				if (!i.includes(t[o])) throw new TypeError(`${o} must be one of the following values: ${i.join(", ")}. "${t[o]}" given.`);
+				if (!s.includes(t[o])) throw new TypeError(`${o} must be one of the following values: ${s.join(", ")}. "${t[o]}" given.`);
 			} catch (r) {
-				s.status = !1, s.errors.push(r);
+				i.status = !1, i.errors.push(r);
 			}
-		} catch (i) {
-			s.status = !1, s.errors.push(i);
+		} catch (s) {
+			i.status = !1, i.errors.push(s);
 		}
-		if (e && !s.status) throw s.errors[0];
-		return s;
+		if (e && !i.status) throw i.errors[0];
+		return i;
 	}
-	function U(t, { shouldThrow: e = !0 } = {}) {
-		const s = {
+	function Z(t, { shouldThrow: e = !0 } = {}) {
+		const i = {
 			status: !0,
 			errors: []
 		};
 		try {
 			if (typeof t != "object") throw new TypeError(`Values given to isValidEvent() must be inside of an object. "${typeof t}" given.`);
-			const i = [
+			const s = [
 				"none",
 				"mouse",
 				"keyboard",
 				"character"
 			];
 			for (const o in t) try {
-				if (!i.includes(t[o])) throw new TypeError(`${o} must be one of the following values: ${i.join(", ")}. "${t[o]}" given.`);
+				if (!s.includes(t[o])) throw new TypeError(`${o} must be one of the following values: ${s.join(", ")}. "${t[o]}" given.`);
 			} catch (r) {
-				s.status = !1, s.errors.push(r);
+				i.status = !1, i.errors.push(r);
 			}
-		} catch (i) {
-			s.status = !1, s.errors.push(i);
+		} catch (s) {
+			i.status = !1, i.errors.push(s);
 		}
-		if (e && !s.status) throw s.errors[0];
-		return s;
+		if (e && !i.status) throw i.errors[0];
+		return i;
 	}
-	function D(t, e, { shouldThrow: s = !0 } = {}) {
-		const i = {
+	function B(t, e, { shouldThrow: i = !0 } = {}) {
+		const s = {
 			status: !0,
 			errors: []
 		};
@@ -145,49 +145,49 @@
 				const o = t.toLowerCase();
 				for (const r in e) try {
 					if (e[r].tagName.toLowerCase() !== o) throw new TypeError(`${r} must be a <${o}> element. <${e[r].tagName.toLowerCase()}> given.`);
-				} catch (c) {
-					i.status = !1, i.errors.push(c);
+				} catch (l) {
+					s.status = !1, s.errors.push(l);
 				}
 			}
 		} catch (o) {
-			i.status = !1, i.errors.push(o);
+			s.status = !1, s.errors.push(o);
 		}
-		if (s && !i.status) throw i.errors[0];
-		return i;
+		if (i && !s.status) throw s.errors[0];
+		return s;
 	}
-	function Z(t, e, { shouldThrow: s = !0 } = {}) {
-		const i = {
+	function W(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 (o) {
-			i.status = !1, i.errors.push(o);
+			s.status = !1, s.errors.push(o);
 		}
-		if (s && !i.status) throw i.errors[0];
-		return i;
+		if (i && !s.status) throw s.errors[0];
+		return s;
 	}
-	function W(t, { shouldThrow: e = !0 } = {}) {
-		const s = {
+	function X(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 (i) {
-			s.status = !1, s.errors.push(i);
+		} catch (s) {
+			i.status = !1, i.errors.push(s);
 		}
-		if (e && !s.status) throw s.errors[0];
-		return s;
+		if (e && !i.status) throw i.errors[0];
+		return i;
 	}
-	function a(t, e) {
+	function h(t, e) {
 		t === "" || t.length === 0 || (typeof t == "string" ? e.classList.add(t) : e.classList.add(...t));
 	}
-	function l(t, e) {
+	function c(t, e) {
 		t === "" || t.length === 0 || (typeof t == "string" ? e.classList.remove(t) : e.classList.remove(...t));
 	}
-	var T = class {
+	var D = class {
 		_equals = Object.is;
 		_current;
 		_committed;
@@ -215,17 +215,17 @@
 		update(t) {
 			return this._current = t(this._current), this;
 		}
-	}, j = class R {
+	}, j = class J {
 		_scope;
 		_type = "_default";
 		_storage = {};
 		_crush = !1;
-		constructor({ scope: e, type: s = null, crush: i = !1, initialize: o = !0 } = {}) {
-			this._scope = e, this._type = s || "_default", this._crush = i, o && this.initialize();
+		constructor({ scope: e, type: i = null, crush: s = !1, initialize: o = !0 } = {}) {
+			this._scope = e, this._type = i || "_default", this._crush = s, o && this.initialize();
 		}
 		initialize() {
 			try {
-				!this._crush && typeof window[this.scope] < "u" && (k(R, { 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);
+				!this._crush && typeof window[this.scope] < "u" && (k(J, { 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;
 			}
@@ -242,40 +242,40 @@
 		get storage() {
 			return this._storage;
 		}
-		get({ type: e = this.type, key: s = null } = {}) {
-			const i = n("string", { type: e });
-			if (!i.status) throw new Error(`StorageManager (${this.scope}): ${i.message}`);
+		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 (s !== null) {
-				const o = n("string", { key: s });
+			if (i !== null) {
+				const o = n("string", { key: i });
 				if (!o.status) throw new Error(`StorageManager (${this.scope}): ${o.message}`);
-				return this.storage[e][s];
+				return this.storage[e][i];
 			}
 			return this.storage[e];
 		}
-		set({ type: e = this.type, key: s = null, data: i = {} } = {}) {
-			const o = n("string", { type: e }), r = n("object", { data: i });
+		set({ type: e = this.type, key: i = null, data: s = {} } = {}) {
+			const o = n("string", { type: e }), r = n("object", { data: s });
 			if (!o.status) throw new Error(`StorageManager (${this.scope}): ${o.message}`);
 			if (!r.status) throw new Error(`StorageManager (${this.scope}): ${r.message}`);
-			if (s !== null) {
-				const c = n("string", { key: s });
-				if (!c.status) throw new Error(`StorageManager (${this.scope}): ${c.message}`);
-				this._storage[e] || (this._storage[e] = {}), this._storage[e][s] = i;
-			} else this._storage[e] = i;
-		}
-		clear({ type: e = this.type, key: s = null } = {}) {
-			const i = n("string", { type: e });
-			if (!i.status) throw new Error(`StorageManager (${this.scope}): ${i.message}`);
-			if (s !== null) {
-				const o = n("string", { key: s });
+			if (i !== null) {
+				const l = n("string", { key: i });
+				if (!l.status) throw new Error(`StorageManager (${this.scope}): ${l.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 o = n("string", { key: i });
 				if (!o.status) throw new Error(`StorageManager (${this.scope}): ${o.message}`);
-				delete this.storage[e][s];
+				delete this.storage[e][i];
 			} else delete this.storage[e];
 		}
 		dispose() {
 			delete this._storage, delete this;
 		}
-	}, x = class {
+	}, O = class {
 		_dom = {};
 		_rootDOMElement = "";
 		_protectedDOMElements = [];
@@ -312,15 +312,15 @@
 		_valid = !0;
 		_initialized = !1;
 		_errors = [];
-		constructor({ prefix: t = "graupl-", key: e = null, initializeClass: s = "initializing" } = {}) {
-			this._classes.initialize = s || "", this._prefix = t || "", this._key = e || "";
+		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(`
  - `)}`);
-				a(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(), l(this.initializeClass, this.rootDOMElement), this._initialized = !0, this._dispatchEvent("postinitialize", this.rootDOMElement);
+				h(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(), c(this.initializeClass, this.rootDOMElement), this._initialized = !0, this._dispatchEvent("postinitialize", this.rootDOMElement);
 			} catch (t) {
 				console.error(t);
 			}
@@ -365,19 +365,19 @@
 			return this._classes.initialize;
 		}
 		set initializeClass(t) {
-			d({ initializeClass: t }), this._classes.initialize !== t && (this._classes.initialize = t);
+			m({ initializeClass: t }), this._classes.initialize !== t && (this._classes.initialize = t);
 		}
 		get focusState() {
 			return this._focusState;
 		}
 		set focusState(t) {
-			J({ focusState: t }), this._focusState !== t && (this._focusState = t);
+			U({ focusState: t }), this._focusState !== t && (this._focusState = t);
 		}
 		get currentEvent() {
 			return this._currentEvent;
 		}
 		set currentEvent(t) {
-			U({ currentEvent: t }), this._currentEvent !== t && (this._currentEvent = t);
+			Z({ currentEvent: t }), this._currentEvent !== t && (this._currentEvent = t);
 		}
 		get shouldFocus() {
 			let t = !1;
@@ -418,37 +418,37 @@
 		}
 		_validate() {
 			this._dispatchEvent("prevalidate", this.rootDOMElement);
-			const t = W(this, { shouldThrow: !1 });
+			const t = X(this, { shouldThrow: !1 });
 			if (t.status || (this._errors = [...this._errors, ...t.errors], this._valid = !1), Object.keys(this._dom).length > 0) {
-				const i = {};
-				for (const r of Object.keys(this._dom)) Array.isArray(this._dom[r]) ? this._dom[r].forEach((c, m) => {
-					i[`${r}Element[${m}]`] = c;
-				}) : this._dom[r] !== null && (i[`${r}Element`] = this._dom[r]);
-				const o = k(HTMLElement, i, { shouldThrow: !1 });
+				const s = {};
+				for (const r of Object.keys(this._dom)) Array.isArray(this._dom[r]) ? this._dom[r].forEach((l, u) => {
+					s[`${r}Element[${u}]`] = l;
+				}) : this._dom[r] !== null && (s[`${r}Element`] = this._dom[r]);
+				const o = k(HTMLElement, s, { shouldThrow: !1 });
 				o.status || (this._errors = [...this._errors, ...o.errors], this._valid = !1);
 			}
 			if (Object.keys(this._selectors).length > 0) {
-				const i = {};
-				for (const r of Object.keys(this._selectors)) i[`${r}Selector`] = this._selectors[r];
-				const o = V(i, { shouldThrow: !1 });
+				const s = {};
+				for (const r of Object.keys(this._selectors)) s[`${r}Selector`] = this._selectors[r];
+				const o = H(s, { shouldThrow: !1 });
 				o.status || (this._errors = [...this._errors, ...o.errors], this._valid = !1);
 			}
 			if (Object.keys(this._classes).length > 0) {
-				const i = {};
-				for (const r of Object.keys(this._classes)) this._classes[r] !== "" && (i[`${r}Class`] = this._classes[r]);
-				const o = d(i, { shouldThrow: !1 });
+				const s = {};
+				for (const r of Object.keys(this._classes)) this._classes[r] !== "" && (s[`${r}Class`] = this._classes[r]);
+				const o = m(s, { shouldThrow: !1 });
 				o.status || (this._errors = [...this._errors, ...o.errors], this._valid = !1);
 			}
 			if (Object.keys(this._durations).length > 0) {
-				const i = {};
-				for (const r of Object.keys(this._durations)) i[`${r}Duration`] = this._durations[r];
-				const o = n("number", i, { shouldThrow: !1 });
+				const s = {};
+				for (const r of Object.keys(this._durations)) s[`${r}Duration`] = this._durations[r];
+				const o = n("number", s, { shouldThrow: !1 });
 				o.status || (this._errors = [...this._errors, ...o.errors], this._valid = !1);
 			}
 			if (Object.keys(this.delays).length > 0) {
-				const i = {};
-				for (const r of Object.keys(this.delays)) i[`${r}Delay`] = this.delays[r];
-				const o = n("number", i, { shouldThrow: !1 });
+				const s = {};
+				for (const r of Object.keys(this.delays)) s[`${r}Delay`] = this.delays[r];
+				const o = n("number", s, { shouldThrow: !1 });
 				o.status || (this._errors = [...this._errors, ...o.errors], this._valid = !1);
 			}
 			const e = {
@@ -458,11 +458,11 @@
 				mediaQuery: this._mediaQueryString,
 				breakpoint: this._breakpoint
 			};
-			this._protectedDOMElements.forEach((i) => {
-				e[`_protectedDOMElementType[${i}]`] = i;
+			this._protectedDOMElements.forEach((s) => {
+				e[`_protectedDOMElementType[${s}]`] = s;
 			});
-			const s = n("string", e, { shouldThrow: !1 });
-			return s.status || (this._errors = [...this._errors, ...s.errors], this._valid = !1), this._dispatchEvent("validate", this.rootDOMElement), this._dispatchEvent("postvalidate", this.rootDOMElement), this._valid;
+			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));
@@ -470,12 +470,12 @@
 		_setIds() {}
 		_setAriaAttributes() {}
 		_setCustomProps() {}
-		_setDOMElementType(t, { context: e, overwrite: s = !0, strict: i = !1 } = {}) {
+		_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.`);
 			k(HTMLElement, { context: e });
-			const o = Array.from(e.querySelectorAll(this.selectors[t])).filter((r) => i ? r.parentElement === e : !0);
-			Array.isArray(this._dom[t]) ? s ? this._dom[t] = o : this._dom[t] = [...this._dom[t], ...o] : this._dom[t] = o[0] || null;
+			const o = Array.from(e.querySelectorAll(this.selectors[t])).filter((r) => s ? r.parentElement === e : !0);
+			Array.isArray(this._dom[t]) ? i ? this._dom[t] = o : this._dom[t] = [...this._dom[t], ...o] : this._dom[t] = o[0] || null;
 		}
 		_resetDOMElementType(t) {
 			if (typeof this.selectors[t] != "string") throw new Error(`Graupl ${this.name}: "${t}" is not a valid element type.`);
@@ -505,8 +505,8 @@
 				type: this._storageKey
 			});
 		}
-		_setInterval(t, e, s = "_default") {
-			this._clearInterval(s), this._intervals[s] = setInterval(t, e);
+		_setInterval(t, e, i = "_default") {
+			this._clearInterval(i), this._intervals[i] = setInterval(t, e);
 		}
 		_clearInterval(t = "_default") {
 			clearInterval(this._intervals[t]);
@@ -514,8 +514,8 @@
 		_clearIntervals() {
 			for (const t of Object.keys(this._intervals)) this._clearInterval(t);
 		}
-		_setTimeout(t, e, s = "_default") {
-			this._clearTimeout(s), this._timeouts[s] = setTimeout(t, e);
+		_setTimeout(t, e, i = "_default") {
+			this._clearTimeout(i), this._timeouts[i] = setTimeout(t, e);
 		}
 		_clearTimeout(t = "_default") {
 			clearTimeout(this._timeouts[t]);
@@ -523,38 +523,38 @@
 		_clearTimeouts() {
 			for (const t of Object.keys(this._timeouts)) this._clearTimeout(t);
 		}
-		_registerEvent(t, { bubbles: e = !0, detail: s = {} } = {}) {
-			n("string", { name: t }), n("boolean", { bubbles: e }), n("object", { detail: s });
-			const i = `graupl${this.name}${t.charAt(0).toUpperCase()}${t.slice(1)}`;
-			this._events[t] = new CustomEvent(i, {
+		_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,
-					...s
+					...i
 				}
 			});
 		}
 		_dispatchEvent(t, e) {
-			Z(t, this), k(HTMLElement, { element: e }), e.dispatchEvent(this.events[t]);
+			W(t, this), k(HTMLElement, { element: e }), e.dispatchEvent(this.events[t]);
 		}
-		_addEventListener(t, e, s, i = {}) {
-			e.addEventListener(t, s, i), this._listeners.push({
+		_addEventListener(t, e, i, s = {}) {
+			e.addEventListener(t, i, s), this._listeners.push({
 				type: t,
 				element: e,
-				listener: s,
-				options: i
+				listener: i,
+				options: s
 			});
 		}
-		_removeEventListener(t, e, s, i = {}) {
-			e.removeEventListener(t, s, i);
+		_removeEventListener(t, e, i, s = {}) {
+			e.removeEventListener(t, i, s);
 			let o = -1;
-			this._listeners.forEach((r, c) => {
-				r.type === t && r.element === e && r.listener === s && JSON.stringify(r.options) === JSON.stringify(i) && (o = c);
+			this._listeners.forEach((r, l) => {
+				r.type === t && r.element === e && r.listener === i && JSON.stringify(r.options) === JSON.stringify(s) && (o = l);
 			}), o !== -1 && this._listeners.splice(o, 1);
 		}
 		_removeEventListeners({ type: t = null, element: e = null } = {}) {
-			[...this._listeners].forEach((s) => {
-				t !== null && s.type !== t || e !== null && s.element !== e || this._removeEventListener(s.type, s.element, s.listener, s.options);
+			[...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() {
@@ -566,23 +566,23 @@
 		dispose() {
 			this._clearIntervals(), this._clearTimeouts(), this._removeEventListeners(), this._unstore(), delete this;
 		}
-	}, X = class extends x {
+	}, Y = class extends O {
 		_rootDOMElement = "item";
 		_protectedDOMElements = [
 			"toggle",
 			"header",
 			"content"
 		];
-		_open = new T(!1);
-		_locked = new T(!1);
+		_open = new D(!1);
+		_locked = new D(!1);
 		_name = "AccordionItem";
 		_storageKey = "accordionItems";
 		_shouldStore = !1;
-		constructor({ accordionItemElement: t, accordionItemToggleElement: e, accordionItemHeaderElement: s, accordionItemContentElement: i, parentAccordion: o = null }) {
+		constructor({ accordionItemElement: t, accordionItemToggleElement: e, accordionItemHeaderElement: i, accordionItemContentElement: s, parentAccordion: o = null }) {
 			super({
 				prefix: o.prefix,
 				key: o.key
-			}), this._dom.item = t, this._dom.toggle = e, this._dom.header = s, this._dom.content = i, this._elements.parent = o, this._registerEvent("expand", { detail: { item: this } }), this._registerEvent("collapse", { detail: { item: this } }), this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
+			}), this._dom.item = t, this._dom.toggle = e, this._dom.header = i, this._dom.content = s, this._elements.parent = o, this._registerEvent("expand", { detail: { item: this } }), this._registerEvent("collapse", { detail: { item: this } }), this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
 				this.dom.toggle.getAttribute("aria-expanded") === "true" ? this.show({
 					force: !0,
 					emit: !1,
@@ -605,42 +605,42 @@
 			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() {
-			D("button", { toggle: this.dom.toggle }, { shouldThrow: !1 }).status || this.dom.toggle.setAttribute("role", "button"), this.dom.toggle.getAttribute("aria-expanded") !== "true" && this.dom.toggle.setAttribute("aria-expanded", "false"), this.dom.toggle.setAttribute("aria-controls", this.dom.content.id), D("section", { content: this.dom.content }, { shouldThrow: !1 }).status || this.dom.content.setAttribute("role", "region"), this.dom.content.setAttribute("aria-labelledby", this.dom.toggle.id);
+			B("button", { toggle: this.dom.toggle }, { shouldThrow: !1 }).status || this.dom.toggle.setAttribute("role", "button"), this.dom.toggle.getAttribute("aria-expanded") !== "true" && this.dom.toggle.setAttribute("aria-expanded", "false"), this.dom.toggle.setAttribute("aria-controls", this.dom.content.id), B("section", { content: this.dom.content }, { shouldThrow: !1 }).status || this.dom.content.setAttribute("role", "region"), this.dom.content.setAttribute("aria-labelledby", this.dom.toggle.id);
 		}
 		_reveal({ emit: t = !0, transition: e = !0 } = {}) {
-			const { closeClass: s, openClass: i, transitionClass: o, openDuration: r } = this.elements.parent;
-			this.dom.toggle.setAttribute("aria-expanded", "true"), e && o !== "" ? (a(o, this.dom.item), requestAnimationFrame(() => {
-				l(s, this.dom.item), this.dom.item.style.height = `${this.dom.header.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
-					a(i, this.dom.item), this.dom.item.style.height = `${this.dom.header.getBoundingClientRect().height + this.dom.content.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
+			const { closeClass: i, openClass: s, transitionClass: o, openDuration: r } = this.elements.parent;
+			this.dom.toggle.setAttribute("aria-expanded", "true"), e && o !== "" ? (h(o, this.dom.item), requestAnimationFrame(() => {
+				c(i, this.dom.item), this.dom.item.style.height = `${this.dom.header.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
+					h(s, this.dom.item), this.dom.item.style.height = `${this.dom.header.getBoundingClientRect().height + this.dom.content.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
 						this._setTimeout(() => {
-							l(o, this.dom.item), this.dom.item.style.height = "";
+							c(o, this.dom.item), this.dom.item.style.height = "";
 						}, r);
 					});
 				});
-			})) : (a(i, this.dom.item), l(s, this.dom.item)), this.dom.content.removeAttribute("inert"), t && this._dispatchEvent("expand", this.dom.item);
+			})) : (h(s, this.dom.item), c(i, this.dom.item)), this.dom.content.removeAttribute("inert"), t && this._dispatchEvent("expand", this.dom.item);
 		}
 		_conceal({ emit: t = !0, transition: e = !0 } = {}) {
-			const { closeClass: s, openClass: i, transitionClass: o, closeDuration: r } = this.elements.parent;
-			this.dom.toggle.setAttribute("aria-expanded", "false"), e && o !== "" ? (a(o, this.dom.item), this.dom.item.style.height = `${this.dom.item.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
-				l(i, this.dom.item), this.dom.item.style.height = `${this.dom.header.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
-					a(s, this.dom.item), requestAnimationFrame(() => {
+			const { closeClass: i, openClass: s, transitionClass: o, closeDuration: r } = this.elements.parent;
+			this.dom.toggle.setAttribute("aria-expanded", "false"), e && o !== "" ? (h(o, this.dom.item), this.dom.item.style.height = `${this.dom.item.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
+				c(s, this.dom.item), this.dom.item.style.height = `${this.dom.header.getBoundingClientRect().height}px`, requestAnimationFrame(() => {
+					h(i, this.dom.item), requestAnimationFrame(() => {
 						this._setTimeout(() => {
-							l(o, this.dom.item), this.dom.item.style.height = "";
+							c(o, this.dom.item), this.dom.item.style.height = "";
 						}, r);
 					});
 				});
-			})) : (a(s, this.dom.item), l(i, this.dom.item)), this.dom.content.setAttribute("inert", "true"), t && this._dispatchEvent("collapse", this.dom.item);
+			})) : (h(i, this.dom.item), c(s, this.dom.item)), this.dom.content.setAttribute("inert", "true"), t && this._dispatchEvent("collapse", this.dom.item);
 		}
-		show({ force: t = !1, preserveState: e = !1, emit: s = !0, transition: i = !0 } = {}) {
+		show({ force: t = !1, preserveState: e = !1, emit: i = !0, transition: s = !0 } = {}) {
 			this.isOpen && !t || (this._reveal({
-				emit: s,
-				transition: i
+				emit: i,
+				transition: s
 			}), this._open.value = !0, e || this._open.commit(), this.elements.parent.allowExpandMultiple || (this.unlockSiblings(), this.closeSiblings()), this.elements.parent.allowCollapseAll || (this.elements.parent.openAccordionItems.length <= 1 ? this.lock() : this.unlockSiblings()));
 		}
-		hide({ force: t = !1, preserveState: e = !1, emit: s = !0, transition: i = !0 } = {}) {
+		hide({ force: t = !1, preserveState: e = !1, emit: i = !0, transition: s = !0 } = {}) {
 			!this.isOpen && !t || !this.elements.parent.allowCollapseAll && this.elements.parent.openAccordionItems.length <= 1 || (this._conceal({
-				emit: s,
-				transition: i
+				emit: i,
+				transition: s
 			}), this._open.value = !1, e || this._open.commit(), !this.elements.parent.allowCollapseAll && this.elements.parent.openAccordionItems.length === 1 && this.elements.parent.openAccordionItems[0].lock());
 		}
 		toggle() {
@@ -669,9 +669,9 @@
 			});
 		}
 	};
-	function u(t) {
+	function d(t) {
 		try {
-			const e = t.key || t.keyCode, s = {
+			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,
@@ -685,15 +685,15 @@
 				Tab: e === "Tab" || e === 9,
 				Asterisk: e === "*" || e === 56
 			};
-			return Object.keys(s).find((i) => s[i] === !0) || "";
+			return Object.keys(i).find((s) => i[s] === !0) || "";
 		} catch {
 			return "";
 		}
 	}
-	function h(t) {
+	function a(t) {
 		t.preventDefault(), t.stopPropagation();
 	}
-	var Y = class extends x {
+	var tt = class extends O {
 		_rootDOMElement = "accordion";
 		_optionalKeySupport = !0;
 		_expandMultiple = !0;
@@ -701,44 +701,44 @@
 		_currentChild = 0;
 		_storageKey = "accordions";
 		_name = "Accordion";
-		constructor({ accordionElement: t, accordionItemsSelector: e = ".accordion-item", accordionItemTogglesSelector: s = ".accordion-item-toggle", accordionItemHeadersSelector: i = ".accordion-item-header", accordionItemContentsSelector: o = ".accordion-item-content", accordionControlContainerSelector: r = ".accordion-control-container", accordionControlsSelector: c = ".accordion-control", expandControllerSelector: m = ".expand-all", collapseControllerSelector: f = ".collapse-all", openClass: C = "show", closeClass: E = "hide", transitionClass: w = "transitioning", transitionDuration: b = 300, openDuration: g = -1, closeDuration: y = -1, optionalKeySupport: I = !1, allowExpandMultiple: $ = !0, allowCollapseAll: O = !0, automaticActivation: v = !1, prefix: M = "graupl-", key: S = null, initializeClass: B = "initializing", initialize: L = !1 }) {
+		constructor({ accordionElement: t, accordionItemsSelector: e = ".accordion-item", accordionItemTogglesSelector: i = ".accordion-item-toggle", accordionItemHeadersSelector: s = ".accordion-item-header", accordionItemContentsSelector: o = ".accordion-item-content", accordionControlContainerSelector: r = ".accordion-control-container", accordionControlsSelector: l = ".accordion-control", expandControllerSelector: u = ".expand-all", collapseControllerSelector: f = ".collapse-all", openClass: C = "show", closeClass: E = "hide", transitionClass: b = "transitioning", transitionDuration: I = 300, openDuration: g = -1, closeDuration: y = -1, optionalKeySupport: w = !1, allowExpandMultiple: T = !0, allowCollapseAll: v = !0, automaticActivation: A = !1, prefix: x = "graupl-", key: $ = null, initializeClass: M = "initializing", initialize: S = !1 }) {
 			super({
-				prefix: M,
-				key: S,
-				initializeClass: B
-			}), this._dom.accordion = t, this._dom.accordionItems = [], this._dom.accordionItemToggles = [], this._dom.accordionItemHeaders = [], this._dom.accordionItemContents = [], this._dom.accordionControlContainer = null, this._dom.accordionControls = [], this._dom.expandController = [], this._dom.collapseController = [], this._selectors.accordionItems = e, this._selectors.accordionItemToggles = s, this._selectors.accordionItemHeaders = i, this._selectors.accordionItemContents = o, this._selectors.accordionControlContainer = r, this._selectors.accordionControls = c, this._selectors.expandController = m, this._selectors.collapseController = f, this._elements.accordionItems = [], this._classes.open = C || "", this._classes.close = E || "", this._classes.transition = w || "", this._durations.transition = b, this._durations.open = g, this._durations.close = y, this._automatic = v, this._optionalKeySupport = I, this._expandMultiple = $, this._collapseAll = O, this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
-				this.dom.expandController.length > 0 && !this.allowExpandMultiple && this.dom.expandController.forEach((_) => {
-					_.setAttribute("disabled", "disabled");
-				}), this.dom.collapseController.length > 0 && !this.allowCollapseAll && this.dom.collapseController.forEach((_) => {
-					_.setAttribute("disabled", "disabled");
+				prefix: x,
+				key: $,
+				initializeClass: M
+			}), this._dom.accordion = t, this._dom.accordionItems = [], this._dom.accordionItemToggles = [], this._dom.accordionItemHeaders = [], this._dom.accordionItemContents = [], this._dom.accordionControlContainer = null, this._dom.accordionControls = [], this._dom.expandController = [], this._dom.collapseController = [], this._selectors.accordionItems = e, this._selectors.accordionItemToggles = i, this._selectors.accordionItemHeaders = s, this._selectors.accordionItemContents = o, this._selectors.accordionControlContainer = r, this._selectors.accordionControls = l, this._selectors.expandController = u, this._selectors.collapseController = f, this._elements.accordionItems = [], this._classes.open = C || "", this._classes.close = E || "", this._classes.transition = b || "", this._durations.transition = I, this._durations.open = g, this._durations.close = y, this._automatic = A, this._optionalKeySupport = w, this._expandMultiple = T, this._collapseAll = v, this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
+				this.dom.expandController.length > 0 && !this.allowExpandMultiple && this.dom.expandController.forEach((p) => {
+					p.setAttribute("disabled", "disabled");
+				}), this.dom.collapseController.length > 0 && !this.allowCollapseAll && this.dom.collapseController.forEach((p) => {
+					p.setAttribute("disabled", "disabled");
 				});
 			}), this._addEventListener("grauplComponentValidate", this.rootDOMElement, () => {
-				const _ = n("boolean", {
+				const p = n("boolean", {
 					automaticActivation: this._automatic,
 					optionalKeySupport: this._optionalKeySupport,
 					allowExpandMultiple: this._expandMultiple,
 					allowCollapseAll: this._collapseAll
 				});
-				_.status || (this._errors = [...this._errors, ..._.errors], this._valid = !1);
-			}), L && this.initialize();
+				p.status || (this._errors = [...this._errors, ...p.errors], this._valid = !1);
+			}), S && this.initialize();
 		}
 		get openClass() {
 			return this._classes.open;
 		}
 		set openClass(t) {
-			d({ openClass: t }), this._classes.open !== t && (this._classes.open = t);
+			m({ openClass: t }), this._classes.open !== t && (this._classes.open = t);
 		}
 		get closeClass() {
 			return this._classes.close;
 		}
 		set closeClass(t) {
-			d({ closeClass: t }), this._classes.close !== t && (this._classes.close = t);
+			m({ closeClass: t }), this._classes.close !== t && (this._classes.close = t);
 		}
 		get transitionClass() {
 			return this._classes.transition;
 		}
 		set transitionClass(t) {
-			d({ transitionClass: t }), this._classes.transition !== t && (this._classes.transition = t);
+			m({ transitionClass: t }), this._classes.transition !== t && (this._classes.transition = t);
 		}
 		get transitionDuration() {
 			return this._durations.transition;
@@ -821,14 +821,14 @@
 		}
 		_createChildElements() {
 			this.dom.accordionItems.forEach((t, e) => {
-				const s = new X({
+				const i = new Y({
 					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);
+				i.initialize(), this.elements.accordionItems.push(i);
 			});
 		}
 		_handleFocus() {
@@ -856,58 +856,58 @@
 		_handleKeydown() {
 			this.dom.accordionItemToggles.forEach((t) => {
 				this._addEventListener("keydown", t, (e) => {
-					const s = u(e);
-					["Space", "Enter"].includes(s) ? (h(e), this.currentEvent = "keyboard") : this.optionalKeySupport && [
+					const i = d(e);
+					["Space", "Enter"].includes(i) ? (a(e), this.currentEvent = "keyboard") : this.optionalKeySupport && [
 						"ArrowDown",
 						"ArrowUp",
 						"Home",
 						"End"
-					].includes(s) && (h(e), this.currentEvent = "keyboard");
+					].includes(i) && (a(e), this.currentEvent = "keyboard");
 				});
 			}), this.dom.accordionControls.forEach((t) => {
 				this._addEventListener("keydown", t, (e) => {
-					const s = u(e);
-					["Space", "Enter"].includes(s) && (h(e), this.currentEvent = "keyboard");
+					const i = d(e);
+					["Space", "Enter"].includes(i) && (a(e), this.currentEvent = "keyboard");
 				});
 			});
 		}
 		_handleKeyup() {
 			this.dom.accordionItemToggles.forEach((t) => {
 				this._addEventListener("keyup", t, (e) => {
-					const s = u(e);
-					switch (s) {
+					const i = d(e);
+					switch (i) {
 						case "Space":
 						case "Enter":
-							h(e), this.currentEvent = "keyboard", this.currentAccordionItem.toggle();
+							a(e), this.currentEvent = "keyboard", this.currentAccordionItem.toggle();
 							break;
 					}
-					if (this.optionalKeySupport) switch (s) {
+					if (this.optionalKeySupport) switch (i) {
 						case "Home":
-							h(e), this.focusFirstChild();
+							a(e), this.focusFirstChild();
 							break;
 						case "End":
-							h(e), this.focusLastChild();
+							a(e), this.focusLastChild();
 							break;
 						case "ArrowDown":
-							h(e), this.focusNextChild();
+							a(e), this.focusNextChild();
 							break;
 						case "ArrowUp":
-							h(e), this.focusPreviousChild();
+							a(e), this.focusPreviousChild();
 							break;
 					}
 				});
 			}), this.dom.expandController.forEach((t) => {
 				this._addEventListener("keyup", t, (e) => {
-					switch (u(e)) {
+					switch (d(e)) {
 						case "Space":
-						case "Enter": h(e), this.currentEvent = "keyboard", this.allowExpandMultiple && this.openChildren();
+						case "Enter": a(e), this.currentEvent = "keyboard", this.allowExpandMultiple && this.openChildren();
 					}
 				});
 			}), this.dom.collapseController.forEach((t) => {
 				this._addEventListener("keyup", t, (e) => {
-					switch (u(e)) {
+					switch (d(e)) {
 						case "Space":
-						case "Enter": h(e), this.currentEvent = "keyboard", this.allowCollapseAll && this.closeChildren();
+						case "Enter": a(e), this.currentEvent = "keyboard", this.allowCollapseAll && this.closeChildren();
 					}
 				});
 			});
@@ -940,68 +940,68 @@
 			this.elements.accordionItems.forEach((t) => t.hide());
 		}
 	};
-	const H = /[\11\12\14\15\40]+/, K = "data-once", tt = document;
-	function q(t, e, s) {
-		return t[`${e}Attribute`](K, s);
+	const N = /[\11\12\14\15\40]+/, K = "data-once", et = document;
+	function q(t, e, i) {
+		return t[`${e}Attribute`](K, i);
 	}
-	function z(t) {
+	function L(t) {
 		if (typeof t != "string") throw new TypeError("once ID must be a string");
-		if (t === "" || H.test(t)) throw new RangeError("once ID must not be empty or contain spaces");
+		if (t === "" || N.test(t)) throw new RangeError("once ID must not be empty or contain spaces");
 		return `[${K}~="${t}"]`;
 	}
-	function et(t) {
+	function st(t) {
 		if (!(t instanceof Element)) throw new TypeError("The element must be an instance of Element");
 		return !0;
 	}
-	function F(t, e = tt) {
-		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]);
+	function z(t, e = et) {
+		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(s);
+		return Array.prototype.slice.call(i);
 	}
-	function Q(t, e, s) {
-		return e.filter((i) => {
-			const o = et(i) && i.matches(t);
-			return o && s && s(i), o;
+	function Q(t, e, i) {
+		return e.filter((s) => {
+			const o = st(s) && s.matches(t);
+			return o && i && i(s), o;
 		});
 	}
-	function N(t, { add: e, remove: s }) {
-		const i = [];
-		q(t, "has") && q(t, "get").trim().split(H).forEach((r) => {
-			i.indexOf(r) < 0 && r !== s && i.push(r);
-		}), e && i.push(e);
-		const o = i.join(" ");
+	function G(t, { add: e, remove: i }) {
+		const s = [];
+		q(t, "has") && q(t, "get").trim().split(N).forEach((r) => {
+			s.indexOf(r) < 0 && r !== i && s.push(r);
+		}), e && s.push(e);
+		const o = s.join(" ");
 		q(t, o === "" ? "remove" : "set", o);
 	}
-	function p(t, e, s) {
-		return Q(`:not(${z(t)})`, F(e, s), (i) => N(i, { add: t }));
+	function _(t, e, i) {
+		return Q(`:not(${L(t)})`, z(e, i), (s) => G(s, { add: t }));
 	}
-	p.remove = (t, e, s) => Q(z(t), F(e, s), (i) => N(i, { remove: t })), p.filter = (t, e, s) => Q(z(t), F(e, s)), p.find = (t, e) => F(t ? z(t) : `[${K}]`, e);
-	const st = (t = {}, e = document, s = ".accordion") => {
-		p("graupl-accordion-generator", s, e).forEach((i) => {
-			const o = i.dataset.grauplAccordionOptions ? JSON.parse(i.dataset.grauplAccordionOptions.replace(/'/g, "\"")) || {} : {};
-			new Y({
-				accordionElement: i,
+	_.remove = (t, e, i) => Q(L(t), z(e, i), (s) => G(s, { remove: t })), _.filter = (t, e, i) => Q(L(t), z(e, i)), _.find = (t, e) => z(t ? L(t) : `[${K}]`, e);
+	const it = (t = {}, e = document, i = ".accordion") => {
+		_("graupl-accordion-generator", i, e).forEach((s) => {
+			const o = s.dataset.grauplAccordionOptions ? JSON.parse(s.dataset.grauplAccordionOptions.replace(/'/g, "\"")) || {} : {};
+			new tt({
+				accordionElement: s,
 				initialize: !0,
 				...t,
 				...o
 			});
 		});
 	};
-	var it = class extends x {
+	var ot = class extends O {
 		_rootDOMElement = "alert";
 		_protectedDOMElements = ["controller"];
-		_hidden = new T(!1);
+		_hidden = new D(!1);
 		_storageKey = "alerts";
 		_name = "Alert";
-		constructor({ alertElement: t, controllerElement: e = null, showClass: s = "show", hideClass: i = "hide", transitionClass: o = "transitioning", transitionDuration: r = 150, showDuration: c = -1, hideDuration: m = -1, isHidden: f = !1, prefix: C = "graupl-", key: E = null, initializeClass: w = "initializing", initialize: b = !1 } = {}) {
+		constructor({ alertElement: t, controllerElement: e = null, showClass: i = "show", hideClass: s = "hide", transitionClass: o = "transitioning", transitionDuration: r = 150, showDuration: l = -1, hideDuration: u = -1, isHidden: f = !1, prefix: C = "graupl-", key: E = null, initializeClass: b = "initializing", initialize: I = !1 } = {}) {
 			super({
 				prefix: C,
 				key: E,
-				initializeClass: w
-			}), this._dom.alert = t, this._dom.controller = e, this._classes.show = s || "", this._classes.hide = i || "", this._classes.transition = o || "", this._durations.transition = r, this._durations.show = c, this._durations.hide = m, this._hidden.value = f, this._hidden.commit(), this._registerEvent("show", { detail: { alert: this } }), this._registerEvent("hide", { detail: { alert: this } }), this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
+				initializeClass: b
+			}), this._dom.alert = t, this._dom.controller = e, this._classes.show = i || "", this._classes.hide = s || "", this._classes.transition = o || "", this._durations.transition = r, this._durations.show = l, this._durations.hide = u, this._hidden.value = f, this._hidden.commit(), this._registerEvent("show", { detail: { alert: this } }), this._registerEvent("hide", { detail: { alert: this } }), this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
 				this.isHidden && this._conceal({
 					emit: !1,
 					transition: !1
@@ -1009,25 +1009,25 @@
 			}), this._addEventListener("grauplComponentValidate", this.rootDOMElement, () => {
 				const g = n("boolean", { isHidden: this._hidden.value }, { shouldThrow: !1 });
 				g.status || (this._errors = [...this._errors, ...g.errors], this._valid = !1);
-			}), b && this.initialize();
+			}), I && this.initialize();
 		}
 		get showClass() {
 			return this._classes.show;
 		}
 		set showClass(t) {
-			d({ showClass: t }), this._classes.show !== t && (this._classes.show = t);
+			m({ showClass: t }), this._classes.show !== t && (this._classes.show = t);
 		}
 		get hideClass() {
 			return this._classes.hide;
 		}
 		set hideClass(t) {
-			d({ hideClass: t }), this._classes.hide !== t && (this._classes.hide = t);
+			m({ hideClass: t }), this._classes.hide !== t && (this._classes.hide = t);
 		}
 		get transitionClass() {
 			return this._classes.transition;
 		}
 		set transitionClass(t) {
-			d({ transitionClass: t }), this._classes.transition !== t && (this._classes.transition = t);
+			m({ transitionClass: t }), this._classes.transition !== t && (this._classes.transition = t);
 		}
 		get transitionDuration() {
 			return this._durations.transition;
@@ -1054,22 +1054,22 @@
 			this.dom.alert.id = this.dom.alert.id || `alert-${this.key}`, this.dom.controller.id = this.dom.controller.id || `alert-controller-${this.key}`, this._id = this.dom.alert.id;
 		}
 		_reveal({ emit: t = !0, transition: e = !0 } = {}) {
-			e && this.transitionClass !== "" ? (a(this.transitionClass, this.dom.alert), requestAnimationFrame(() => {
-				l(this.hideClass, this.dom.alert), requestAnimationFrame(() => {
-					a(this.showClass, this.dom.alert), requestAnimationFrame(() => {
-						this._setTimeout(() => l(this.transitionClass, this.dom.alert), this.showDuration);
+			e && this.transitionClass !== "" ? (h(this.transitionClass, this.dom.alert), requestAnimationFrame(() => {
+				c(this.hideClass, this.dom.alert), requestAnimationFrame(() => {
+					h(this.showClass, this.dom.alert), requestAnimationFrame(() => {
+						this._setTimeout(() => c(this.transitionClass, this.dom.alert), this.showDuration);
 					});
 				});
-			})) : (a(this.showClass, this.dom.alert), l(this.hideClass, this.dom.alert)), this.dom.alert.removeAttribute("inert"), t && this._dispatchEvent("show", this.dom.alert);
+			})) : (h(this.showClass, this.dom.alert), c(this.hideClass, this.dom.alert)), this.dom.alert.removeAttribute("inert"), t && this._dispatchEvent("show", this.dom.alert);
 		}
 		_conceal({ emit: t = !0, transition: e = !0 } = {}) {
-			e && this.transitionClass !== "" ? (a(this.transitionClass, this.dom.alert), requestAnimationFrame(() => {
-				l(this.showClass, this.dom.alert), requestAnimationFrame(() => {
-					a(this.hideClass, this.dom.alert), requestAnimationFrame(() => {
-						this._setTimeout(() => l(this.transitionClass, this.dom.alert), this.hideDuration);
+			e && this.transitionClass !== "" ? (h(this.transitionClass, this.dom.alert), requestAnimationFrame(() => {
+				c(this.showClass, this.dom.alert), requestAnimationFrame(() => {
+					h(this.hideClass, this.dom.alert), requestAnimationFrame(() => {
+						this._setTimeout(() => c(this.transitionClass, this.dom.alert), this.hideDuration);
 					});
 				});
-			})) : (a(this.hideClass, this.dom.alert), l(this.showClass, this.dom.alert)), this.dom.alert.setAttribute("inert", "true"), t && this._dispatchEvent("hide", this.dom.alert);
+			})) : (h(this.hideClass, this.dom.alert), c(this.showClass, this.dom.alert)), this.dom.alert.setAttribute("inert", "true"), t && this._dispatchEvent("hide", this.dom.alert);
 		}
 		_setCustomProps() {
 			this.dom.alert.style.setProperty(`--${this.prefix}alert-transition-duration`, `${this.transitionDuration}ms`), this.dom.alert.style.setProperty(`--${this.prefix}alert-show-transition-duration`, `${this.showDuration}ms`), this.dom.alert.style.setProperty(`--${this.prefix}alert-hide-transition-duration`, `${this.hideDuration}ms`);
@@ -1079,13 +1079,13 @@
 		}
 		_handleKeydown() {
 			this.dom.controller !== null && this._addEventListener("keydown", this.dom.controller, (t) => {
-				const e = u(t);
-				(e === "Space" || e === "Enter") && h(t);
+				const e = d(t);
+				(e === "Space" || e === "Enter") && a(t);
 			});
 		}
 		_handleKeyup() {
 			this.dom.controller !== null && this._addEventListener("keyup", this.dom.controller, (t) => {
-				const e = u(t);
+				const e = d(t);
 				(e === "Space" || e === "Enter") && this.hide();
 			});
 		}
@@ -1096,89 +1096,108 @@
 			this.isHidden && !t || (this.focusState = "none", this._conceal(), this._hidden.value = !0, e || this._hidden.commit());
 		}
 	};
-	const ot = (t = {}, e = document, s = ".alert") => {
-		p("graupl-alert-generator", s, e).forEach((i) => {
-			const o = i.dataset.grauplAlertOptions ? JSON.parse(i.dataset.grauplAlertOptions.replace(/'/g, "\"")) || {} : {};
-			new it({
-				alertElement: i,
-				controllerElement: i.querySelector(".alert-dismisser") || null,
+	const rt = (t = {}, e = document, i = ".alert") => {
+		_("graupl-alert-generator", i, e).forEach((s) => {
+			const o = s.dataset.grauplAlertOptions ? JSON.parse(s.dataset.grauplAlertOptions.replace(/'/g, "\"")) || {} : {};
+			new ot({
+				alertElement: s,
+				controllerElement: s.querySelector(".alert-dismisser") || null,
 				initialize: !0,
 				...t,
 				...o
 			});
 		});
 	};
-	var rt = class extends x {
+	var V = class extends O {
+		_rootDOMElement = "carouselItem";
+		_shouldStore = !1;
+		_storageKey = "carouselItems";
+		_name = "CarouselItem";
+		_busy = !1;
+		constructor({ carouselItemElement: t, tabElement: e = null, clone: i = null, parent: s, prefix: o = "graupl-", key: r = null, initializeClass: l = "initializing", initialize: u = !1 }) {
+			super({
+				prefix: o,
+				key: r,
+				initializeClass: l
+			}), this._dom.carouselItem = t, this._dom.tab = e, this._elements.clone = i ?? null, this._elements.parent = s, u && this.initialize();
+		}
+		activate({ scroll: t = !0, scrollOptions: e = {} } = {}) {
+			requestAnimationFrame(() => {
+				h(this.elements.parent.activeClass, this.dom.carouselItem), this.dom.carouselItem.removeAttribute("inert"), t && this.elements.parent.dom.carouselItemContainer.scrollTo({
+					left: this.dom.carouselItem.offsetLeft,
+					top: this.dom.carouselItem.offsetTop,
+					behavior: "smooth",
+					...e
+				}), this.dom.tab && requestAnimationFrame(() => {
+					h(this.elements.parent.activeClass, this.dom.tab), this.dom.tab.setAttribute("aria-selected", !0);
+				});
+			});
+		}
+		deactivate() {
+			requestAnimationFrame(() => {
+				c(this.elements.parent.activeClass, this.dom.carouselItem), this.dom.carouselItem.setAttribute("inert", !0), requestAnimationFrame(() => {
+					this.dom.tab && (c(this.elements.parent.activeClass, this.dom.tab), this.dom.tab.setAttribute("aria-selected", !1));
+				});
+			});
+		}
+	}, nt = class extends O {
 		_rootDOMElement = "carousel";
 		_currentItem = 0;
 		_autoplay = !0;
 		_playText = "Play";
 		_pauseText = "Pause";
-		_currentAction = "next";
 		_storageKey = "carousels";
 		_name = "Carousel";
-		constructor({ carouselElement: t, carouselItemsSelector: e = ".carousel-item", carouselItemContainerSelector: s = ".carousel-item-container", carouselControlsSelector: i = ".carousel-control", carouselControlContainerSelector: o = ".carousel-control-container", carouselTabsSelector: r = ".carousel-tab", carouselTabContainerSelector: c = ".carousel-tab-container", autoplaySelector: m = ".autoplay", nextSelector: f = ".next", previousSelector: C = ".previous", activeClass: E = "active", previousClass: w = "previous", nextClass: b = "next", playClass: g = "play", pauseClass: y = "pause", autoplay: I = !0, transitionDelay: $ = 1e4, transitionDuration: O = 500, playText: v = "Play", pauseText: M = "Pause", prefix: S = "graupl-", key: B = null, initializeClass: L = "initializing", initialize: _ = !1 }) {
+		_itemsPerPage = 1;
+		_loop = !0;
+		constructor({ carouselElement: t, carouselItemsSelector: e = ".carousel-item", carouselItemContainerSelector: i = ".carousel-item-container", carouselControlsSelector: s = ".carousel-control", carouselControlContainerSelector: o = ".carousel-control-container", carouselTabsSelector: r = ".carousel-tab", carouselTabContainerSelector: l = ".carousel-tab-container", autoplaySelector: u = ".autoplay", nextSelector: f = ".next", previousSelector: C = ".previous", activeClass: E = "active", playClass: b = "play", pauseClass: I = "pause", autoplay: g = !0, transitionDelay: y = 1e4, playText: w = "Play", pauseText: T = "Pause", itemsPerPage: v = 1, loop: A = !0, prefix: x = "graupl-", key: $ = null, initializeClass: M = "initializing", initialize: S = !1 }) {
 			super({
-				prefix: S,
-				key: B,
-				initializeClass: L
-			}), this._dom.carousel = t, this._dom.carouselItems = [], this._dom.carouselItemContainer = null, this._dom.carouselControls = [], this._dom.carouselControlContainer = null, this._dom.carouselTabs = [], this._dom.carouselTabContainer = null, this._dom.autoplay = null, this._dom.next = null, this._dom.previous = null, this._selectors.carouselItems = e, this._selectors.carouselItemContainer = s, this._selectors.carouselControls = i, this._selectors.carouselControlContainer = o, this._selectors.carouselTabs = r, this._selectors.carouselTabContainer = c, this._selectors.autoplay = m, this._selectors.next = f, this._selectors.previous = C, this._classes.active = E || "", this._classes.previous = w || "", this._classes.next = b || "", this._classes.play = g || "", this._classes.pause = y || "", this._autoplay = I, this._delays.transition = $, this._durations.transition = O, this._playText = v || "", this._pauseText = M || "", this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
-				this._handleAutoplay(), this.dom.carouselItems.forEach((A) => {
-					A.setAttribute("inert", "true");
-				}), this.activateFirstItem();
+				prefix: x,
+				key: $,
+				initializeClass: M
+			}), this._dom.carousel = t, this._dom.carouselItems = [], this._dom.carouselItemContainer = null, this._dom.carouselControls = [], this._dom.carouselControlContainer = null, this._dom.carouselTabs = [], this._dom.carouselTabContainer = null, this._dom.autoplay = null, this._dom.next = null, this._dom.previous = null, this._selectors.carouselItems = e, this._selectors.carouselItemContainer = i, this._selectors.carouselControls = s, this._selectors.carouselControlContainer = o, this._selectors.carouselTabs = r, this._selectors.carouselTabContainer = l, this._selectors.autoplay = u, this._selectors.next = f, this._selectors.previous = C, this._elements.carouselItems = [], this._classes.active = E || "", this._classes.play = b || "", this._classes.pause = I || "", this._autoplay = g, this._itemsPerPage = v, this._loop = A, this._delays.transition = y, this._playText = w || "", this._pauseText = T || "", this._addEventListener("grauplComponentInitialize", this.rootDOMElement, () => {
+				this._handleAutoplay(), this.loop && this._handleLoop(), this._handleIntersection(), this.activateFirstItem({ scrollOptions: { behavior: "instant" } });
 			}), this._addEventListener("grauplComponentValidate", this.rootDOMElement, () => {
-				const A = n("boolean", { autoplay: this._autoplay }, { shouldThrow: !1 });
-				A.status || (this._errors = [...this._errors, ...A.errors], this._valid = !1);
+				const p = n("boolean", {
+					autoplay: this._autoplay,
+					loop: this._loop
+				}, { shouldThrow: !1 });
+				p.status || (this._errors = [...this._errors, ...p.errors], this._valid = !1);
 				const P = n("string", {
 					playText: this._playText,
 					pauseText: this._pauseText
 				}, { shouldThrow: !1 });
 				P.status || (this._errors = [...this._errors, ...P.errors], this._valid = !1);
-			}), _ && this.initialize();
+				const F = n("number", { itemsPerPage: this._itemsPerPage }, { shouldThrow: !1 });
+				F.status || (this._errors = [...this._errors, ...F.errors], this._valid = !1);
+			}), S && this.initialize();
 		}
 		get activeClass() {
 			return this._classes.active;
 		}
 		set activeClass(t) {
-			d({ activeClass: t }), this._classes.active !== t && (this._classes.active = t);
-		}
-		get previousClass() {
-			return this._classes.previous;
-		}
-		set previousClass(t) {
-			d({ previousClass: t }), this._classes.previous !== t && (this._classes.previous = t);
-		}
-		get nextClass() {
-			return this._classes.next;
-		}
-		set nextClass(t) {
-			d({ nextClass: t }), this._classes.next !== t && (this._classes.next = t);
+			m({ activeClass: t }), this._classes.active !== t && (this._classes.active = t);
 		}
 		get playClass() {
 			return this._classes.play;
 		}
 		set playClass(t) {
-			d({ playClass: t }), this._classes.play !== t && (this._classes.play = t);
+			m({ playClass: t }), this._classes.play !== t && (this._classes.play = t);
 		}
 		get pauseClass() {
 			return this._classes.pause;
 		}
 		set pauseClass(t) {
-			d({ pauseClass: t }), this._classes.pause !== t && (this._classes.pause = t);
+			m({ pauseClass: t }), this._classes.pause !== t && (this._classes.pause = t);
 		}
 		get currentItem() {
 			return this._currentItem;
 		}
 		set currentItem(t) {
-			n("number", { currentItem: 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);
-			}));
+			n("number", { currentItem: t }), t !== this.currentItem && (t < 0 ? this._currentItem = 0 : t >= this.dom.carouselItems.length ? this._currentItem = this.dom.carouselItems.length - 1 : this._currentItem = t);
 		}
 		get currentCarouselItem() {
-			return this.dom.carouselItems[this.currentItem];
-		}
-		get currentCarouselTab() {
-			return this.dom.carouselTabs[this.currentItem];
+			return this.elements.carouselItems[this.currentItem];
 		}
 		get autoplay() {
 			return this._autoplay;
@@ -1186,18 +1205,18 @@
 		set autoplay(t) {
 			n("boolean", { autoplay: t }), this._autoplay !== t && (this._autoplay = t);
 		}
+		get itemsPerPage() {
+			return this._itemsPerPage;
+		}
+		get loop() {
+			return this._loop;
+		}
 		get transitionDelay() {
 			return this._delays.transition;
 		}
 		set transitionDelay(t) {
 			n("number", { transitionDelay: t }), t !== this.transitionDelay && t >= 0 && (this._delays.transition = t);
 		}
-		get transitionDuration() {
-			return this._durations.transition;
-		}
-		set transitionDuration(t) {
-			n("number", { transitionDuration: t }), this._durations.transition !== t && t >= 0 && (this._durations.transition = t, this._setTransitionDuration());
-		}
 		get playText() {
 			return this._playText;
 		}
@@ -1210,12 +1229,22 @@
 		set pauseText(t) {
 			n("string", { pauseText: t }), this._pauseText !== t && (this._pauseText = t);
 		}
-		get currentAction() {
-			return this._currentAction;
-		}
 		_setDOMElements() {
 			this._setDOMElementType("carouselItemContainer", { context: this.dom.carousel }), this._setDOMElementType("carouselControlContainer", { context: this.dom.carousel }), this._setDOMElementType("carouselTabContainer", { context: this.dom.carousel }), this.dom.carouselItemContainer && this._setDOMElementType("carouselItems", { context: this.dom.carouselItemContainer }), this.dom.carouselControlContainer && (this._setDOMElementType("carouselControls", { context: this.dom.carouselControlContainer }), this._setDOMElementType("autoplay", { context: this.dom.carouselControlContainer }), this._setDOMElementType("next", { context: this.dom.carouselControlContainer }), this._setDOMElementType("previous", { context: this.dom.carouselControlContainer })), this._dom.carouselTabContainer && this._setDOMElementType("carouselTabs", { context: this.dom.carouselTabContainer });
 		}
+		_createChildElements() {
+			this.dom.carouselItems.forEach((t, e) => {
+				const i = new V({
+					carouselItemElement: t,
+					tabElement: this.dom.carouselTabs ? this.dom.carouselTabs[e] : null,
+					parent: this,
+					prefix: this.prefix,
+					initializeClass: this.classes.initialize,
+					initialize: !0
+				});
+				this._elements.carouselItems.push(i);
+			});
+		}
 		_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}`;
@@ -1224,15 +1253,36 @@
 			}), this._id = this.dom.carousel.id;
 		}
 		_setAriaAttributes() {
-			!D("section", { carousel: this.dom.carousel }, { shouldThrow: !1 }).status && !this.dom.carousel.getAttribute("role") !== "region" && this.dom.carousel.setAttribute("role", "group"), this._dom.carousel.setAttribute("aria-roledescription", "carousel"), this.dom.carouselTabContainer && this.dom.carouselTabContainer.setAttribute("role", "tablist"), this.dom.carouselTabs.forEach((t, e) => {
-				D("button", { tab: t }, { shouldThrow: !1 }).status || t.setAttribute("role", "button"), t.setAttribute("aria-selected", e === 0), t.setAttribute("aria-controls", this.dom.carouselItems[e].id);
+			!B("section", { carousel: this.dom.carousel }, { shouldThrow: !1 }).status && !this.dom.carousel.getAttribute("role") !== "region" && this.dom.carousel.setAttribute("role", "group"), this.dom.carouselItems.forEach((t) => {
+				t.setAttribute("inert", "true");
+			}), this.dom.carouselItemContainer && this.dom.carouselItemContainer.setAttribute("tabindex", "-1"), this._dom.carousel.setAttribute("aria-roledescription", "carousel"), this.dom.carouselTabContainer && this.dom.carouselTabContainer.setAttribute("role", "tablist"), this.dom.carouselTabs.forEach((t, e) => {
+				t.setAttribute("role", "tab"), t.setAttribute("aria-selected", e === 0), t.setAttribute("aria-controls", this.dom.carouselItems[e].id);
 			});
 		}
-		_setCustomProps() {
-			this.dom.carousel.style.setProperty(`--${this.prefix}carousel-transition-duration`, `${this.transitionDuration}ms`);
-		}
 		_handleAutoplay() {
-			this.autoplay ? (a(this.pauseClass, this.dom.autoplay), l(this.playClass, this.dom.autoplay), this.dom.autoplay.setAttribute("aria-label", this.pauseText), this.dom.carousel.setAttribute("aria-live", "off"), this._setInterval(() => this.activateNextItem(), this.transitionDelay)) : (a(this.playClass, this.dom.autoplay), l(this.pauseClass, this.dom.autoplay), this.dom.autoplay.setAttribute("aria-label", this.playText), this.dom.carousel.setAttribute("aria-live", "polite"), this._clearInterval());
+			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(() => this.activateNextItem(), this.transitionDelay)) : (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());
+		}
+		_handleIntersection() {
+			const t = {
+				root: this.dom.carouselItemContainer,
+				rootMargin: "1px",
+				scrollMargin: "1px",
+				threshold: 1
+			}, e = new IntersectionObserver((i) => {
+				this.isInitialized && i.forEach((s) => {
+					if (!s.isIntersecting) return;
+					const o = this.dom.carouselItems.indexOf(s.target);
+					let r = o;
+					this.elements.carouselItems[o].elements.clone !== null && (r = this.dom.carouselItems.indexOf(this.elements.carouselItems[o].elements.clone.dom.carouselItem), (o === 0 || o === this.dom.carouselItems.length - 1) && this.dom.carouselItemContainer.scrollTo({
+						left: this.elements.carouselItems[o].elements.clone.dom.carouselItem.offsetLeft,
+						top: this.elements.carouselItems[o].elements.clone.dom.carouselItem.offsetTop,
+						behavior: "instant"
+					})), this.currentItem !== r && this.activateItem(r, { scroll: !1 });
+				});
+			}, t);
+			this.dom.carouselItems.forEach((i) => {
+				e.observe(i);
+			});
 		}
 		_handleFocus() {
 			this._addEventListener("focusin", this.dom.carousel, () => {
@@ -1242,15 +1292,15 @@
 			});
 		}
 		_handleClick() {
-			this._addEventListener("click", this.dom.next, () => {
-				this.activateNextItem();
-			}), this._addEventListener("click", this.dom.previous, () => {
-				this.activatePreviousItem();
-			}), this._addEventListener("click", this.dom.autoplay, () => {
-				this.toggleAutoplay();
-			}), this.dom.carouselTabs.forEach((t, e) => {
-				this._addEventListener("click", t, () => {
-					this.currentItem > e ? this._currentAction = "previous" : this._currentAction = "next", this.activateItem(e);
+			this._addEventListener("click", this.dom.next, (t) => {
+				t.button === 0 && (a(t), this.currentEvent = "mouse", this.activateNextItem());
+			}), this._addEventListener("click", this.dom.previous, (t) => {
+				t.button === 0 && (a(t), this.currentEvent = "mouse", this.activatePreviousItem());
+			}), this._addEventListener("click", this.dom.autoplay, (t) => {
+				t.button === 0 && (a(t), this.currentEvent = "mouse", this.toggleAutoplay());
+			}), this.elements.carouselItems.forEach((t) => {
+				t.dom.tab && this._addEventListener("click", t.dom.tab, (e) => {
+					e.button === 0 && (a(e), this.currentEvent = "mouse", this.activateItem(this.dom.carouselItems.indexOf(t.dom.carouselItem)));
 				});
 			});
 		}
@@ -1264,19 +1314,19 @@
 		_handleKeydown() {
 			this.dom.carouselControls.forEach((t) => {
 				this._addEventListener("keydown", t, (e) => {
-					switch (u(e)) {
+					switch (d(e)) {
 						case "Space":
 						case "Enter":
-							h(e);
+							a(e);
 							break;
 					}
 				});
-			}), this.dom.carouselTabs.forEach((t) => {
-				this._addEventListener("keydown", t, (e) => {
-					switch (u(e)) {
+			}), this.elements.carouselItems.forEach((t) => {
+				t.dom.tab && this._addEventListener("keydown", t.dom.tab, (e) => {
+					switch (d(e)) {
 						case "Space":
 						case "Enter":
-							h(e);
+							a(e);
 							break;
 					}
 				});
@@ -1284,105 +1334,176 @@
 		}
 		_handleKeyup() {
 			this._addEventListener("keyup", this.dom.next, (t) => {
-				switch (u(t)) {
+				switch (d(t)) {
 					case "Space":
 					case "Enter":
-						this.activateNextItem(), h(t);
+						this.activateNextItem(), a(t);
 						break;
 				}
 			}), this._addEventListener("keyup", this.dom.previous, (t) => {
-				switch (u(t)) {
+				switch (d(t)) {
 					case "Space":
 					case "Enter":
-						this.activatePreviousItem(), h(t);
+						this.activatePreviousItem(), a(t);
 						break;
 				}
 			}), this._addEventListener("keyup", this.dom.autoplay, (t) => {
-				switch (u(t)) {
+				switch (d(t)) {
 					case "Space":
 					case "Enter":
-						this.toggleAutoplay(), h(t);
+						this.toggleAutoplay(), a(t);
 						break;
 				}
-			}), this.dom.carouselTabs.forEach((t, e) => {
-				this._addEventListener("keyup", t, (s) => {
-					switch (u(s)) {
+			}), this.elements.carouselItems.forEach((t) => {
+				t.dom.tab && this._addEventListener("keyup", t.dom.tab, (e) => {
+					switch (d(e)) {
 						case "Space":
 						case "Enter":
-							this.activateItem(e), h(s);
+							this.activateItem(this.dom.carouselItems.indexOf(t.dom.carouselItem)), a(e);
 							break;
 					}
 				});
 			});
 		}
-		activateCurrentItem() {
-			a(this.activeClass, this.currentCarouselItem), this.currentCarouselItem.removeAttribute("inert"), this.currentCarouselTab && (this.currentCarouselTab.setAttribute("aria-selected", !0), a(this.activeClass, this.currentCarouselTab));
+		_handleLoop() {
+			const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map(), i = this.dom.carouselItemContainer;
+			for (let s = 0; s < this.itemsPerPage; s++) t.set(this.dom.carouselItems[s], this.dom.carouselItems.indexOf(this.dom.carouselItems[s]));
+			for (let s = this.dom.carouselItems.length - this.itemsPerPage; s < this.dom.carouselItems.length; s++) e.set(this.dom.carouselItems[s], this.dom.carouselItems.indexOf(this.dom.carouselItems[s]));
+			t.forEach((s, o) => {
+				const r = o.cloneNode(!0);
+				r.setAttribute("aria-hidden", "true"), r.setAttribute("inert", "true"), r.setAttribute("id", `${o.id}-clone`), i.appendChild(r);
+				const l = new V({
+					carouselItemElement: r,
+					clone: this._elements.carouselItems[s],
+					parent: this,
+					prefix: this.prefix,
+					initializeClass: this.classes.initialize,
+					initialize: !0
+				});
+				this.dom.carouselItems.push(r), this._elements.carouselItems.push(l);
+			}), e.forEach((s, o) => {
+				const r = o.cloneNode(!0);
+				r.setAttribute("aria-hidden", "true"), r.setAttribute("inert", "true"), r.setAttribute("id", `${o.id}-clone`), i.insertBefore(r, i.firstChild);
+				const l = new V({
+					carouselItemElement: r,
+					clone: this._elements.carouselItems[s],
+					parent: this,
+					prefix: this.prefix,
+					initializeClass: this.classes.initialize,
+					initialize: !0
+				});
+				this.dom.carouselItems.unshift(r), this._elements.carouselItems.unshift(l);
+			});
 		}
-		deactivateCurrentItem() {
-			l(this.activeClass, this.currentCarouselItem), this.currentCarouselItem.setAttribute("inert", !0), this.currentCarouselTab && (this.currentCarouselTab.setAttribute("aria-selected", !1), l(this.activeClass, this.currentCarouselTab));
+		activateCurrentItem({ scroll: t = !0, scrollOptions: e = {} } = {}) {
+			this.currentCarouselItem.activate({
+				scroll: t,
+				scrollOptions: e
+			});
 		}
-		activateItem(t) {
-			const e = this.currentItem;
-			this.dom.carousel.dataset.grauplAction = this._currentAction, this.autoplay && this._clearInterval(), a(this.previousClass, this.currentCarouselItem), a(this.nextClass, this.dom.carouselItems[t]), requestAnimationFrame(() => {
-				this.deactivateCurrentItem(), this.currentItem = t, this.activateCurrentItem(), requestAnimationFrame(() => {
-					setTimeout(() => {
-						l(this.previousClass, this.dom.carouselItems[e]), l(this.nextClass, this.currentCarouselItem);
-					}, this.transitionDuration);
-				});
+		deactivateCurrentItem({ scroll: t = !0, scrollOptions: e = {} } = {}) {
+			this.currentCarouselItem.deactivate({
+				scroll: t,
+				scrollOptions: e
+			});
+		}
+		activateItem(t, { scroll: e = !0, scrollOptions: i = {} } = {}) {
+			this.autoplay && this._clearInterval(), this.deactivateCurrentItem({
+				scroll: e,
+				scrollOptions: i
+			}), this.currentItem = t, this.activateCurrentItem({
+				scroll: e,
+				scrollOptions: i
 			}), this.autoplay && this._setInterval(() => this.activateNextItem(), this.transitionDelay);
 		}
-		activateFirstItem() {
-			this.activateItem(0);
+		activateFirstItem({ scroll: t = !0, scrollOptions: e = {} } = {}) {
+			this.loop ? this.currentItem === this.dom.carouselItems.length - this.itemsPerPage - 1 ? this.activateNextItem({
+				scroll: t,
+				scrollOptions: e
+			}) : this.activateItem(this.itemsPerPage, {
+				scroll: t,
+				scrollOptions: e
+			}) : this.activateItem(0, {
+				scroll: t,
+				scrollOptions: e
+			});
 		}
-		activateLastItem() {
-			this.activateItem(this.dom.carouselItems.length - 1);
+		activateLastItem({ scroll: t = !0, scrollOptions: e = {} } = {}) {
+			this.loop ? this.currentItem === this.itemsPerPage ? this.activatePreviousItem({
+				scroll: t,
+				scrollOptions: e
+			}) : this.activateItem(this.dom.carouselItems.length - this.itemsPerPage - 1, {
+				scroll: t,
+				scrollOptions: e
+			}) : this.activateItem(this.dom.carouselItems.length - 1, {
+				scroll: t,
+				scrollOptions: e
+			});
 		}
-		activateNextItem() {
-			this._currentAction = "next", this.currentItem + 1 >= this.dom.carouselItems.length ? this.activateFirstItem() : this.activateItem(this.currentItem + 1);
+		activateNextItem({ scroll: t = !0, scrollOptions: e = {} } = {}) {
+			this.loop ? this.activateItem(this.currentItem + 1, {
+				scroll: t,
+				scrollOptions: e
+			}) : this.currentItem + 1 >= this.dom.carouselItems.length ? this.activateFirstItem({
+				scroll: t,
+				scrollOptions: e
+			}) : this.activateItem(this.currentItem + 1, {
+				scroll: t,
+				scrollOptions: e
+			});
 		}
-		activatePreviousItem() {
-			this._currentAction = "previous", this.currentItem - 1 < 0 ? this.activateLastItem() : this.activateItem(this.currentItem - 1);
+		activatePreviousItem({ scroll: t = !0, scrollOptions: e = {} } = {}) {
+			this.loop ? this.activateItem(this.currentItem - 1, {
+				scroll: t,
+				scrollOptions: e
+			}) : this.currentItem - 1 < 0 || this.loop && this.currentItem - 1 < this.itemsPerPage ? this.activateLastItem({
+				scroll: t,
+				scrollOptions: e
+			}) : this.activateItem(this.currentItem - 1, {
+				scroll: t,
+				scrollOptions: e
+			});
 		}
 		toggleAutoplay() {
 			this.autoplay = !this.autoplay, this._handleAutoplay();
 		}
 	};
-	const nt = (t = {}, e = document, s = ".carousel") => {
-		p("graupl-carousel-generator", s, e).forEach((i) => {
-			const o = i.dataset.grauplCarouselOptions ? JSON.parse(i.dataset.grauplCarouselOptions.replace(/'/g, "\"")) || {} : {};
-			new rt({
-				carouselElement: i,
+	const at = (t = {}, e = document, i = ".carousel") => {
+		_("graupl-carousel-generator", i, e).forEach((s) => {
+			const o = s.dataset.grauplCarouselOptions ? JSON.parse(s.dataset.grauplCarouselOptions.replace(/'/g, "\"")) || {} : {};
+			new nt({
+				carouselElement: s,
 				initialize: !0,
 				...t,
 				...o
 			});
 		});
-	}, at = (t = {}, e = document, s = ".navigation") => {
-		p("graupl-navigation-generator", s, e).forEach((i) => {
-			const o = i.dataset.grauplMenuType || DisclosureMenu;
+	}, lt = (t = {}, e = document, i = ".navigation") => {
+		_("graupl-navigation-generator", i, e).forEach((s) => {
+			const o = s.dataset.grauplMenuType || DisclosureMenu;
 			if (window[o] === void 0) {
 				console.warn(`Graupl navigation requires accessible-menu's ${o}. Please make sure to include it on this page.`);
 				return;
 			}
-			const r = i.dataset.grauplMenuOptions ? JSON.parse(i.dataset.grauplMenuOptions.replace(/'/g, "\"")) || {} : {}, c = i.querySelector(".menu"), m = i.querySelector(".navigation-toggle") || null, f = m ? i : null;
+			const r = s.dataset.grauplMenuOptions ? JSON.parse(s.dataset.grauplMenuOptions.replace(/'/g, "\"")) || {} : {}, l = s.querySelector(".menu"), u = s.querySelector(".navigation-toggle") || null, f = u ? s : null;
 			new window[o]({
-				menuElement: c,
+				menuElement: l,
 				menuItemSelector: ".menu-item",
 				menuLinkSelector: ".menu-link",
 				submenuItemSelector: ".submenu-item",
 				submenuToggleSelector: ".submenu-toggle",
-				controllerElement: m,
+				controllerElement: u,
 				containerElement: f,
 				...t,
 				...r
 			});
 		});
 	};
-	var lt = class extends x {
+	var ht = class extends O {
 		_rootDOMElement = "disclosure";
 		_protectedDOMElements = ["controller"];
-		_open = new T(!1);
-		_locked = new T(!1);
+		_open = new D(!1);
+		_locked = new D(!1);
 		_openInsideBreakpoint = !1;
 		_openOutsideBreakpoint = !1;
 		_closeInsideBreakpoint = !1;
@@ -1398,17 +1519,17 @@
 		_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: s = ".disclosure-content", lockedClass: i = "locked", unlockedClass: o = "unlocked", openClass: r = "show", closeClass: c = "hide", transitionClass: m = "transitioning", transitionDuration: f = 250, openDuration: C = -1, closeDuration: E = -1, openOnFocus: w = !1, closeOnBlur: b = !1, minWidth: g = "", breakpoint: y = "", autoOpen: I = !1, openInsideBreakpoint: $ = !1, openOutsideBreakpoint: O = !1, closeInsideBreakpoint: v = !1, closeOutsideBreakpoint: M = !1, lockInsideBreakpoint: S = !1, lockOutsideBreakpoint: B = !1, unlockInsideBreakpoint: L = !1, unlockOutsideBreakpoint: _ = !1, locked: A = !1, mediaQuery: P = "", prefix: ct = "graupl-", key: dt = null, initializeClass: ut = "initializing", initialize: mt = !1 } = {}) {
+		constructor({ disclosureElement: t, controllerElement: e, disclosureContentSelector: i = ".disclosure-content", lockedClass: s = "locked", unlockedClass: o = "unlocked", openClass: r = "show", closeClass: l = "hide", transitionClass: u = "transitioning", transitionDuration: f = 250, openDuration: C = -1, closeDuration: E = -1, openOnFocus: b = !1, closeOnBlur: I = !1, minWidth: g = "", breakpoint: y = "", autoOpen: w = !1, openInsideBreakpoint: T = !1, openOutsideBreakpoint: v = !1, closeInsideBreakpoint: A = !1, closeOutsideBreakpoint: x = !1, lockInsideBreakpoint: $ = !1, lockOutsideBreakpoint: M = !1, unlockInsideBreakpoint: S = !1, unlockOutsideBreakpoint: p = !1, locked: P = !1, mediaQuery: F = "", prefix: dt = "graupl-", key: ut = null, initializeClass: mt = "initializing", initialize: pt = !1 } = {}) {
 			super({
-				prefix: ct,
-				key: dt,
-				initializeClass: ut
-			}), this._dom.disclosure = t, this._dom.controller = e, this._selectors.content = s, this._classes.locked = i || "", this._classes.unlocked = o || "", this._classes.open = r || "", this._classes.close = c || "", this._classes.transition = m || "", this._durations.transition = f, this._durations.open = C, this._durations.close = E, this._openOnFocus = w, this._closeOnBlur = b, g !== "" && (console.warn("`minWidth` is deprecated and will be removed in a future release. Please set `breakpoint` instead."), y === "" && (y = g)), I && y !== "" && (console.warn("`autoOpen` is deprecated and will be removed in a future release. Please set `openOutsideBreakpoint` and `closeInsideBreakpoint` to `true` instead."), O = I, v = I), this._breakpoint = y || "", this._openInsideBreakpoint = $, this._openOutsideBreakpoint = O, this._closeInsideBreakpoint = v, this._closeOutsideBreakpoint = M, this._lockInsideBreakpoint = S, this._lockOutsideBreakpoint = B, this._unlockInsideBreakpoint = L, this._unlockOutsideBreakpoint = _, this._mediaQueryString = P || "", this._locked.value = A, this._locked.commit(), 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, () => {
+				prefix: dt,
+				key: ut,
+				initializeClass: mt
+			}), this._dom.disclosure = t, this._dom.controller = e, this._selectors.content = i, this._classes.locked = s || "", this._classes.unlocked = o || "", this._classes.open = r || "", this._classes.close = l || "", this._classes.transition = u || "", this._durations.transition = f, this._durations.open = C, this._durations.close = E, this._openOnFocus = b, this._closeOnBlur = I, g !== "" && (console.warn("`minWidth` is deprecated and will be removed in a future release. Please set `breakpoint` instead."), y === "" && (y = g)), w && y !== "" && (console.warn("`autoOpen` is deprecated and will be removed in a future release. Please set `openOutsideBreakpoint` and `closeInsideBreakpoint` to `true` instead."), v = w, A = w), this._breakpoint = y || "", this._openInsideBreakpoint = T, this._openOutsideBreakpoint = v, this._closeInsideBreakpoint = A, this._closeOutsideBreakpoint = x, this._lockInsideBreakpoint = $, this._lockOutsideBreakpoint = M, this._unlockInsideBreakpoint = S, this._unlockOutsideBreakpoint = p, this._mediaQueryString = F || "", this._locked.value = P, this._locked.commit(), 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, () => {
 				requestAnimationFrame(() => {
-					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.dom.controller.getAttribute("aria-expanded") === "true" || this.openOutsideBreakpoint && !window.matchMedia(this.mediaQuery).matches || this.openInsideBreakpoint && window.matchMedia(this.mediaQuery).matches ? this.open({ force: !0 }) : this.close({ force: !0 }), this.isLocked || this.lockInsideBreakpoint && window.matchMedia(this.mediaQuery).matches || this.lockOutsideBreakpoint && !window.matchMedia(this.mediaQuery).matches ? this.lock({ force: !0 }) : this.unlock({ force: !0 });
 				});
 			}), this._addEventListener("grauplComponentValidate", this.rootDOMElement, () => {
-				const G = n("boolean", {
+				const R = n("boolean", {
 					openOnFocus: this._openOnFocus,
 					closeOnBlur: this._closeOnBlur,
 					openInsideBreakpoint: this._openInsideBreakpoint,
@@ -1421,38 +1542,38 @@
 					unlockOutsideBreakpoint: this._unlockOutsideBreakpoint,
 					locked: this._locked.value
 				}, { shouldThrow: !1 });
-				G.status || (this._errors = [...this._errors, ...G.errors], this._valid = !1);
-			}), mt && this.initialize();
+				R.status || (this._errors = [...this._errors, ...R.errors], this._valid = !1);
+			}), pt && this.initialize();
 		}
 		get lockedClass() {
 			return this._classes.locked;
 		}
 		set lockedClass(t) {
-			d({ lockedClass: t }), this._classes.locked !== t && (this._classes.locked = t);
+			m({ lockedClass: t }), this._classes.locked !== t && (this._classes.locked = t);
 		}
 		get unlockedClass() {
 			return this._classes.unlocked;
 		}
 		set unlockedClass(t) {
-			d({ unlockedClass: t }), this._classes.unlocked !== t && (this._classes.unlocked = t);
+			m({ unlockedClass: t }), this._classes.unlocked !== t && (this._classes.unlocked = t);
 		}
 		get openClass() {
 			return this._classes.open;
 		}
 		set openClass(t) {
-			d({ openClass: t }), this._classes.open !== t && (this._classes.open = t);
+			m({ openClass: t }), this._classes.open !== t && (this._classes.open = t);
 		}
 		get closeClass() {
 			return this._classes.close;
 		}
 		set closeClass(t) {
-			d({ closeClass: t }), this._classes.close !== t && (this._classes.close = t);
+			m({ closeClass: t }), this._classes.close !== t && (this._classes.close = t);
 		}
 		get transitionClass() {
 			return this._classes.transition;
 		}
 		set transitionClass(t) {
-			d({ transitionClass: t }), this._classes.transition !== t && (this._classes.transition = t);
+			m({ transitionClass: t }), this._classes.transition !== t && (this._classes.transition = t);
 		}
 		get transitionDuration() {
 			return this._durations.transition;
@@ -1536,7 +1657,7 @@
 			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), D("button", { controller: this.dom.controller }, { shouldThrow: !1 }).status || this.dom.controller.setAttribute("role", "button");
+			this.dom.controller.getAttribute("aria-expanded") !== "true" && this.dom.controller.setAttribute("aria-expanded", "false"), this.dom.controller.setAttribute("aria-controls", this.dom.disclosure.id), B("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`);
@@ -1545,32 +1666,32 @@
 			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 !== "" ? (a(this.transitionClass, this.dom.disclosure), requestAnimationFrame(() => {
-				l(this.closeClass, this.dom.disclosure), requestAnimationFrame(() => {
-					a(this.openClass, this.dom.disclosure), requestAnimationFrame(() => {
+			this.dom.controller.setAttribute("aria-expanded", "true"), e && this.transitionlass !== "" ? (h(this.transitionClass, this.dom.disclosure), requestAnimationFrame(() => {
+				c(this.closeClass, this.dom.disclosure), requestAnimationFrame(() => {
+					h(this.openClass, this.dom.disclosure), requestAnimationFrame(() => {
 						setTimeout(() => {
-							l(this.transitionClass, this.dom.disclosure);
+							c(this.transitionClass, this.dom.disclosure);
 						}, this.openDuration);
 					});
 				});
-			})) : (a(this.openClass, this.dom.disclosure), l(this.closeClass, this.dom.disclosure)), this.dom.content.removeAttribute("inert"), t && this._dispatchEvent("expand", this.dom.controller);
+			})) : (h(this.openClass, this.dom.disclosure), c(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 !== "" ? (a(this.transitionClass, this.dom.disclosure), requestAnimationFrame(() => {
-				l(this.openClass, this.dom.disclosure), requestAnimationFrame(() => {
-					a(this.closeClass, this.dom.disclosure), requestAnimationFrame(() => {
+			this.dom.controller.setAttribute("aria-expanded", "false"), e && this.transitionClass !== "" ? (h(this.transitionClass, this.dom.disclosure), requestAnimationFrame(() => {
+				c(this.openClass, this.dom.disclosure), requestAnimationFrame(() => {
+					h(this.closeClass, this.dom.disclosure), requestAnimationFrame(() => {
 						setTimeout(() => {
-							l(this.transitionClass, this.dom.disclosure), this.dom.content.innert = !0;
+							c(this.transitionClass, this.dom.disclosure), this.dom.content.innert = !0;
 						}, this.closeDuration);
 					});
 				});
-			})) : (a(this.closeClass, this.dom.disclosure), l(this.openClass, this.dom.disclosure)), this.dom.content.setAttribute("inert", "true"), t && this._dispatchEvent("collapse", this.dom.controller);
+			})) : (h(this.closeClass, this.dom.disclosure), c(this.openClass, this.dom.disclosure)), this.dom.content.setAttribute("inert", "true"), t && this._dispatchEvent("collapse", this.dom.controller);
 		}
 		_lock({ emit: t = this.isInitialized } = {}) {
-			a(this.lockedClass, this.dom.disclosure), l(this.unlockedClass, this.dom.disclosure), this.dom.controller.setAttribute("disabled", "true"), t && this._dispatchEvent("lock", this.dom.disclosure);
+			h(this.lockedClass, this.dom.disclosure), c(this.unlockedClass, this.dom.disclosure), this.dom.controller.setAttribute("disabled", "true"), t && this._dispatchEvent("lock", this.dom.disclosure);
 		}
 		_unlock({ emit: t = this.isInitialized } = {}) {
-			a(this.unlockedClass, this.dom.disclosure), l(this.lockedClass, this.dom.disclosure), this.dom.controller.removeAttribute("disabled"), t && this._dispatchEvent("unlock", this.dom.disclosure);
+			h(this.unlockedClass, this.dom.disclosure), c(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) => {
@@ -1581,97 +1702,97 @@
 		}
 		_handleClick() {
 			this._addEventListener("click", this.dom.controller, (t) => {
-				this.currentEvent = "mouse", t.button === 0 && (h(t), this.toggle());
+				this.currentEvent = "mouse", t.button === 0 && (a(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", u(t)) {
+				switch (this.currentEvent = "keyboard", d(t)) {
 					case "Space":
 					case "Enter":
-						h(t);
+						a(t);
 						break;
 				}
 			}), this._addEventListener("keydown", this.dom.disclosure, (t) => {
-				this.currentEvent = "keyboard", u(t) === "Escape" && h(t);
+				this.currentEvent = "keyboard", d(t) === "Escape" && a(t);
 			});
 		}
 		_handleKeyup() {
 			this._addEventListener("keyup", this.dom.controller, (t) => {
-				switch (this.currentEvent = "keyboard", u(t)) {
+				switch (this.currentEvent = "keyboard", d(t)) {
 					case "Space":
 					case "Enter":
-						this.toggle(), h(t);
+						this.toggle(), a(t);
 						break;
 					case "Tab":
-						this.openOnFocus && (h(t), this.open());
+						this.openOnFocus && (a(t), this.open());
 						break;
 				}
 			}), this._addEventListener("keyup", this.dom.disclosure, (t) => {
-				this.currentEvent = "keyboard", u(t) === "Escape" && (this.close(), h(t));
+				this.currentEvent = "keyboard", d(t) === "Escape" && (this.close(), a(t));
 			});
 		}
-		open({ force: t = !1, emit: e = this.isInitialized, transition: s = this.isInitialized, preserveState: i = !1 } = {}) {
+		open({ force: t = !1, emit: e = this.isInitialized, transition: i = this.isInitialized, preserveState: s = !1 } = {}) {
 			this.isOpen && !t || this.isLocked && !t || (this.focusState = "self", this._reveal({
 				emit: e,
-				transition: s
-			}), this._open.value = !0, i || this._open.commit());
+				transition: i
+			}), this._open.value = !0, s || this._open.commit());
 		}
-		preview({ force: t = !1, emit: e = this.isInitialized, transition: s = this.isInitialized, preserveState: i = !1 } = {}) {
+		preview({ force: t = !1, emit: e = this.isInitialized, transition: i = this.isInitialized, preserveState: s = !1 } = {}) {
 			this.isOpen && !t || this.isLocked && !t || (this.focusState = "none", this._reveal({
 				emit: e,
-				transition: s
-			}), this._open.value = !0, i || this._open.commit());
+				transition: i
+			}), this._open.value = !0, s || this._open.commit());
 		}
-		close({ force: t = !1, emit: e = this.isInitialized, transition: s = this.isInitialized, preserveState: i = !1 } = {}) {
+		close({ force: t = !1, emit: e = this.isInitialized, transition: i = this.isInitialized, preserveState: s = !1 } = {}) {
 			!this.isOpen && !t || this.isLocked && !t || (this.focusState = "none", this._conceal({
 				emit: e,
-				transition: s
-			}), this._open.value = !1, i || this._open.commit());
+				transition: i
+			}), this._open.value = !1, s || this._open.commit());
 		}
-		toggle({ force: t = !1, emit: e = this.isInitialized, transition: s = this.isInitialized, preserveState: i = !1 } = {}) {
+		toggle({ force: t = !1, emit: e = this.isInitialized, transition: i = this.isInitialized, preserveState: s = !1 } = {}) {
 			this.isOpen ? this.close({
 				force: t,
 				emit: e,
-				transition: s,
-				preserveState: i
+				transition: i,
+				preserveState: s
 			}) : this.open({
 				force: t,
 				emit: e,
-				transition: s,
-				preserveState: i
+				transition: i,
+				preserveState: s
 			});
 		}
-		lock({ force: t = !1, emit: e = this.isInitialized, preserveState: s = !1 } = {}) {
-			this.isLocked && !t || (this._locked.value = !0, this._lock({ emit: e }), s || this._locked.commit());
+		lock({ force: t = !1, emit: e = this.isInitialized, preserveState: i = !1 } = {}) {
+			this.isLocked && !t || (this._locked.value = !0, this._lock({ emit: e }), i || this._locked.commit());
 		}
-		unlock({ force: t = !1, emit: e = this.isInitialized, preserveState: s = !1 } = {}) {
-			!this.isLocked && !t || (this._locked.value = !1, this._unlock({ emit: e }), s || this._locked.commit());
+		unlock({ force: t = !1, emit: e = this.isInitialized, preserveState: i = !1 } = {}) {
+			!this.isLocked && !t || (this._locked.value = !1, this._unlock({ emit: e }), i || this._locked.commit());
 		}
-		toggleLock({ force: t = !1, emit: e = this.isInitialized, preserveState: s = !1 } = {}) {
+		toggleLock({ force: t = !1, emit: e = this.isInitialized, preserveState: i = !1 } = {}) {
 			this.isLocked ? this.unlock({
 				force: t,
 				emit: e,
-				preserveState: s
+				preserveState: i
 			}) : this.lock({
 				force: t,
 				emit: e,
-				preserveState: s
+				preserveState: i
 			});
 		}
 	};
-	const ht = ({ options: t = {}, context: e = document, disclosureSelector: s = ".disclosure", controllerSelector: i = ".disclosure-toggle" } = {}) => {
-		p("graupl-disclosure-generator", s, e).forEach((o) => {
-			const r = o.dataset.grauplDisclosureOptions ? JSON.parse(o.dataset.grauplDisclosureOptions.replace(/'/g, "\"")) || {} : {}, c = `${i}[data-graupl-disclosure-target="${o.id}"]`, [m] = p("graupl-disclosure-generator", c, e);
-			if (!m) {
-				console.warn(`No controller found for disclosure with ID "${o.id}". Please ensure there is an element with the selector "${c}".`), p.remove("graupl-disclosure-generator", o);
+	const ct = ({ options: t = {}, context: e = document, disclosureSelector: i = ".disclosure", controllerSelector: s = ".disclosure-toggle" } = {}) => {
+		_("graupl-disclosure-generator", i, e).forEach((o) => {
+			const r = o.dataset.grauplDisclosureOptions ? JSON.parse(o.dataset.grauplDisclosureOptions.replace(/'/g, "\"")) || {} : {}, l = `${s}[data-graupl-disclosure-target="${o.id}"]`, [u] = _("graupl-disclosure-generator", l, e);
+			if (!u) {
+				console.warn(`No controller found for disclosure with ID "${o.id}". Please ensure there is an element with the selector "${l}".`), _.remove("graupl-disclosure-generator", o);
 				return;
 			}
-			new lt({
+			new ht({
 				disclosureElement: o,
-				controllerElement: m,
+				controllerElement: u,
 				initialize: !0,
 				...t,
 				...r
@@ -1679,7 +1800,7 @@
 		});
 	};
 	document.addEventListener("DOMContentLoaded", () => {
-		st(), ot(), nt(), at(), ht();
+		it(), rt(), at(), lt(), ct();
 	});
 })();