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

package/dist/js/generator/disclosure.es.js

@@ -207,7 +207,7 @@ function m(t) {
 		return "";
 	}
 }
-function _(t) {
+function f(t) {
 	t.preventDefault(), t.stopPropagation();
 }
 var D = class {
@@ -616,7 +616,7 @@ var D = class {
 			initializeClass: U
 		}), 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 = d || "", this._durations.transition = L, this._durations.open = z, this._durations.close = A, this._openOnFocus = j, this._closeOnBlur = Q, C !== "" && (console.warn("`minWidth` is deprecated and will be removed in a future release. Please set `breakpoint` instead."), p === "" && (p = C)), y && p !== "" && (console.warn("`autoOpen` is deprecated and will be removed in a future release. Please set `openOutsideBreakpoint` and `closeInsideBreakpoint` to `true` instead."), v = y, B = y), this._breakpoint = p || "", this._openInsideBreakpoint = F, this._openOutsideBreakpoint = v, this._closeInsideBreakpoint = B, this._closeOutsideBreakpoint = V, this._lockInsideBreakpoint = P, this._lockOutsideBreakpoint = q, this._unlockInsideBreakpoint = x, this._unlockOutsideBreakpoint = K, this._mediaQueryString = H || "", this._locked.value = G, 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 $ = n("boolean", {
@@ -792,7 +792,7 @@ var D = class {
 	}
 	_handleClick() {
 		this._addEventListener("click", this.dom.controller, (t) => {
-			this.currentEvent = "mouse", t.button === 0 && (_(t), this.toggle());
+			this.currentEvent = "mouse", t.button === 0 && (f(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());
 		});
@@ -802,11 +802,11 @@ var D = class {
 			switch (this.currentEvent = "keyboard", m(t)) {
 				case "Space":
 				case "Enter":
-					_(t);
+					f(t);
 					break;
 			}
 		}), this._addEventListener("keydown", this.dom.disclosure, (t) => {
-			this.currentEvent = "keyboard", m(t) === "Escape" && _(t);
+			this.currentEvent = "keyboard", m(t) === "Escape" && f(t);
 		});
 	}
 	_handleKeyup() {
@@ -814,14 +814,14 @@ var D = class {
 			switch (this.currentEvent = "keyboard", m(t)) {
 				case "Space":
 				case "Enter":
-					this.toggle(), _(t);
+					this.toggle(), f(t);
 					break;
 				case "Tab":
-					this.openOnFocus && (_(t), this.open());
+					this.openOnFocus && (f(t), this.open());
 					break;
 			}
 		}), this._addEventListener("keyup", this.dom.disclosure, (t) => {
-			this.currentEvent = "keyboard", m(t) === "Escape" && (this.close(), _(t));
+			this.currentEvent = "keyboard", m(t) === "Escape" && (this.close(), f(t));
 		});
 	}
 	open({ force: t = !1, emit: e = this.isInitialized, transition: s = this.isInitialized, preserveState: i = !1 } = {}) {
@@ -908,15 +908,15 @@ function S(t, { add: e, remove: s }) {
 	const r = i.join(" ");
 	O(t, r === "" ? "remove" : "set", r);
 }
-function f(t, e, s) {
+function _(t, e, s) {
 	return b(`:not(${k(t)})`, g(e, s), (i) => S(i, { add: t }));
 }
-f.remove = (t, e, s) => b(k(t), g(e, s), (i) => S(i, { remove: t })), f.filter = (t, e, s) => b(k(t), g(e, s)), f.find = (t, e) => g(t ? k(t) : `[${E}]`, e);
+_.remove = (t, e, s) => b(k(t), g(e, s), (i) => S(i, { remove: t })), _.filter = (t, e, s) => b(k(t), g(e, s)), _.find = (t, e) => g(t ? k(t) : `[${E}]`, e);
 const ot = ({ options: t = {}, context: e = document, disclosureSelector: s = ".disclosure", controllerSelector: i = ".disclosure-toggle" } = {}) => {
-	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}"]`, [d] = f("graupl-disclosure-generator", a, e);
+	_("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}"]`, [d] = _("graupl-disclosure-generator", a, e);
 		if (!d) {
-			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);
+			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);
 			return;
 		}
 		new st({