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

package/dist/js/disclosure.js

@@ -445,8 +445,8 @@
 			const t = Q(this, { shouldThrow: !1 });
 			if (t.status || (this._errors = [...this._errors, ...t.errors], this._valid = !1), Object.keys(this._dom).length > 0) {
 				const i = {};
-				for (const o of Object.keys(this._dom)) Array.isArray(this._dom[o]) ? this._dom[o].forEach((a, f) => {
-					i[`${o}Element[${f}]`] = a;
+				for (const o of Object.keys(this._dom)) Array.isArray(this._dom[o]) ? this._dom[o].forEach((a, _) => {
+					i[`${o}Element[${_}]`] = a;
 				}) : this._dom[o] !== null && (i[`${o}Element`] = this._dom[o]);
 				const r = c(HTMLElement, i, { shouldThrow: !1 });
 				r.status || (this._errors = [...this._errors, ...r.errors], this._valid = !1);
@@ -610,14 +610,14 @@
 		_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: r = "unlocked", openClass: o = "show", closeClass: a = "hide", transitionClass: f = "transitioning", transitionDuration: K = 250, openDuration: G = -1, closeDuration: H = -1, openOnFocus: R = !1, closeOnBlur: N = !1, minWidth: I = "", breakpoint: g = "", autoOpen: b = !1, openInsideBreakpoint: U = !1, openOutsideBreakpoint: D = !1, closeInsideBreakpoint: M = !1, closeOutsideBreakpoint: J = !1, lockInsideBreakpoint: Z = !1, lockOutsideBreakpoint: W = !1, unlockInsideBreakpoint: X = !1, unlockOutsideBreakpoint: Y = !1, locked: tt = !1, mediaQuery: et = "", prefix: st = "graupl-", key: it = null, initializeClass: rt = "initializing", initialize: ot = !1 } = {}) {
+		constructor({ disclosureElement: t, controllerElement: e, disclosureContentSelector: s = ".disclosure-content", lockedClass: i = "locked", unlockedClass: r = "unlocked", openClass: o = "show", closeClass: a = "hide", transitionClass: _ = "transitioning", transitionDuration: K = 250, openDuration: G = -1, closeDuration: H = -1, openOnFocus: R = !1, closeOnBlur: N = !1, minWidth: I = "", breakpoint: g = "", autoOpen: b = !1, openInsideBreakpoint: U = !1, openOutsideBreakpoint: D = !1, closeInsideBreakpoint: M = !1, closeOutsideBreakpoint: J = !1, lockInsideBreakpoint: Z = !1, lockOutsideBreakpoint: W = !1, unlockInsideBreakpoint: X = !1, unlockOutsideBreakpoint: Y = !1, locked: tt = !1, mediaQuery: et = "", prefix: st = "graupl-", key: it = null, initializeClass: rt = "initializing", initialize: ot = !1 } = {}) {
 			super({
 				prefix: st,
 				key: it,
 				initializeClass: rt
-			}), this._dom.disclosure = t, this._dom.controller = e, this._selectors.content = s, this._classes.locked = i || "", this._classes.unlocked = r || "", this._classes.open = o || "", this._classes.close = a || "", this._classes.transition = f || "", this._durations.transition = K, this._durations.open = G, this._durations.close = H, this._openOnFocus = R, this._closeOnBlur = N, I !== "" && (console.warn("`minWidth` is deprecated and will be removed in a future release. Please set `breakpoint` instead."), g === "" && (g = I)), b && g !== "" && (console.warn("`autoOpen` is deprecated and will be removed in a future release. Please set `openOutsideBreakpoint` and `closeInsideBreakpoint` to `true` instead."), D = b, M = b), this._breakpoint = g || "", this._openInsideBreakpoint = U, this._openOutsideBreakpoint = D, this._closeInsideBreakpoint = M, this._closeOutsideBreakpoint = J, this._lockInsideBreakpoint = Z, this._lockOutsideBreakpoint = W, this._unlockInsideBreakpoint = X, this._unlockOutsideBreakpoint = Y, this._mediaQueryString = et || "", this._locked.value = tt, 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, () => {
+			}), this._dom.disclosure = t, this._dom.controller = e, this._selectors.content = s, this._classes.locked = i || "", this._classes.unlocked = r || "", this._classes.open = o || "", this._classes.close = a || "", this._classes.transition = _ || "", this._durations.transition = K, this._durations.open = G, this._durations.close = H, this._openOnFocus = R, this._closeOnBlur = N, I !== "" && (console.warn("`minWidth` is deprecated and will be removed in a future release. Please set `breakpoint` instead."), g === "" && (g = I)), b && g !== "" && (console.warn("`autoOpen` is deprecated and will be removed in a future release. Please set `openOutsideBreakpoint` and `closeInsideBreakpoint` to `true` instead."), D = b, M = b), this._breakpoint = g || "", this._openInsideBreakpoint = U, this._openOutsideBreakpoint = D, this._closeInsideBreakpoint = M, this._closeOutsideBreakpoint = J, this._lockInsideBreakpoint = Z, this._lockOutsideBreakpoint = W, this._unlockInsideBreakpoint = X, this._unlockOutsideBreakpoint = Y, this._mediaQueryString = et || "", this._locked.value = tt, 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 S = n("boolean", {
@@ -909,20 +909,20 @@
 		const r = i.join(" ");
 		E(t, r === "" ? "remove" : "set", r);
 	}
-	function _(t, e, s) {
+	function f(t, e, s) {
 		return O(`:not(${m(t)})`, k(e, s), (i) => $(i, { add: t }));
 	}
-	_.remove = (t, e, s) => O(m(t), k(e, s), (i) => $(i, { remove: t })), _.filter = (t, e, s) => O(m(t), k(e, s)), _.find = (t, e) => k(t ? m(t) : `[${w}]`, e);
+	f.remove = (t, e, s) => O(m(t), k(e, s), (i) => $(i, { remove: t })), f.filter = (t, e, s) => O(m(t), k(e, s)), f.find = (t, e) => k(t ? m(t) : `[${w}]`, e);
 	const x = ({ options: t = {}, context: e = document, disclosureSelector: s = ".disclosure", controllerSelector: i = ".disclosure-toggle" } = {}) => {
-		_("graupl-disclosure-generator", s, e).forEach((r) => {
-			const o = r.dataset.grauplDisclosureOptions ? JSON.parse(r.dataset.grauplDisclosureOptions.replace(/'/g, "\"")) || {} : {}, a = `${i}[data-graupl-disclosure-target="${r.id}"]`, [f] = _("graupl-disclosure-generator", a, e);
-			if (!f) {
-				console.warn(`No controller found for disclosure with ID "${r.id}". Please ensure there is an element with the selector "${a}".`), _.remove("graupl-disclosure-generator", r);
+		f("graupl-disclosure-generator", s, e).forEach((r) => {
+			const o = r.dataset.grauplDisclosureOptions ? JSON.parse(r.dataset.grauplDisclosureOptions.replace(/'/g, "\"")) || {} : {}, a = `${i}[data-graupl-disclosure-target="${r.id}"]`, [_] = f("graupl-disclosure-generator", a, e);
+			if (!_) {
+				console.warn(`No controller found for disclosure with ID "${r.id}". Please ensure there is an element with the selector "${a}".`), f.remove("graupl-disclosure-generator", r);
 				return;
 			}
 			new V({
 				disclosureElement: r,
-				controllerElement: f,
+				controllerElement: _,
 				initialize: !0,
 				...t,
 				...o