@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

package/core/mixins/element-internals-mixin.js

@@ -1,153 +1,159 @@
-import { isServer as e } from "lit";
-import { SbbSlotStateController as t } from "../controllers/slot-state-controller.js";
-//#region src/elements/core/mixins/element-internals-mixin.ts
-var n = e || !CSS.supports("selector(:is(:state(loading),[state--loading]))") ? class extends Set {
-	constructor(t) {
-		super(), this._host = t, this._applied = e, this._host.addController(this), e || Promise.resolve().then(() => this._applyStates());
-	}
-	add(e) {
-		return this._applied && this._toggleState(e, !0), super.add(e);
-	}
-	delete(e) {
-		return this._toggleState(e, !1), super.delete(e);
-	}
-	clear() {
-		this.forEach((e) => this.delete(e));
-	}
-	hostConnected() {
-		this._applyStates();
-	}
-	_toggleState(e, t) {
-		this._host.toggleAttribute(`state--${e}`, t);
-	}
-	_applyStates() {
-		this._applied || (this._applied = !0, this.forEach((e) => this._toggleState(e, !0)));
-	}
+import { isServer as b } from "lit";
+import { SbbSlotStateController as y } from "../controllers/slot-state-controller.js";
+const g = b || !CSS.supports("selector(:is(:state(loading),[state--loading]))") ? class extends Set {
+  constructor(e) {
+    super(), this._host = e, this._applied = b, this._host.addController(this), b || Promise.resolve().then(() => this._applyStates());
+  }
+  add(e) {
+    return this._applied && this._toggleState(e, !0), super.add(e);
+  }
+  delete(e) {
+    return this._toggleState(e, !1), super.delete(e);
+  }
+  clear() {
+    this.forEach((e) => this.delete(e));
+  }
+  hostConnected() {
+    this._applyStates();
+  }
+  _toggleState(e, i) {
+    this._host.toggleAttribute(`state--${e}`, i);
+  }
+  _applyStates() {
+    this._applied || (this._applied = !0, this.forEach((e) => this._toggleState(e, !0)));
+  }
 } : null;
-if (!e) {
-	let e = 0, t = (e) => e.shadowRoot?.host ?? (e instanceof Element ? e : (() => {
-		throw Error("Unable to resolve related element! This should never happen.");
-	})()), n = {
-		attributes: !0,
-		attributeFilter: ["id"]
-	}, r = (t, n, r) => {
-		let i = r[Element.name] ?? r[ElementInternals.name];
-		t.setAttribute(n, i.id ||= `aria-ref-${e++}`);
-	}, i = (t, n, r) => {
-		t.setAttribute(n, Object.values(r).reduce((e, t) => e.concat(t)).filter((e, t, n) => n.indexOf(e) === t).map((t) => t.id ||= `aria-ref-${e++}`).join(" "));
-	};
-	for (let e of [ElementInternals, Element]) {
-		let a = e.prototype;
-		if (!("ariaActiveDescendantElement" in a)) {
-			let i = "aria-activedescendant", o = /* @__PURE__ */ new WeakMap();
-			Object.defineProperty(a, "ariaActiveDescendantElement", {
-				enumerable: !0,
-				configurable: !0,
-				get() {
-					let e = t(this), n = e.getAttribute(i)?.split(/\s+/)[0] ?? null;
-					return n ? e.getRootNode().getElementById?.(n) ?? null : null;
-				},
-				set(a) {
-					if (a !== null && !(a instanceof Element)) throw TypeError(`Failed to set the 'ariaActiveDescendantElement' property on '${e.name}': Failed to convert value to 'Element'.`);
-					let s = t(this), c = o.get(s);
-					if (c?.observer?.disconnect(), a === null) c && (delete c.elements[e.name], Object.keys(c).length ? c.observer.observe(Object.values(c.elements)[0], n) : (o.delete(s), s.removeAttribute(i)));
-					else if (c) c.elements[e.name] = a, r(s, i, c.elements), Object.values(c.elements).forEach((e) => c.observer.observe(e, n));
-					else {
-						let t = { [e.name]: a };
-						r(s, i, t);
-						let c = new MutationObserver(() => r(s, i, t));
-						c.observe(a, n), o.set(s, {
-							elements: t,
-							observer: c
-						});
-					}
-				}
-			});
-		}
-		for (let r of [
-			"ariaControlsElements",
-			"ariaDescribedByElements",
-			"ariaDetailsElements",
-			"ariaErrorMessageElements",
-			"ariaLabelledByElements",
-			"ariaOwnsElements"
-		]) if (!(r in a)) {
-			let o = /* @__PURE__ */ new WeakMap(), s = `aria-${r.slice(4, -8).toLowerCase()}`;
-			Object.defineProperty(a, r, {
-				enumerable: !0,
-				configurable: !0,
-				get() {
-					let e = t(this), n = e.getAttribute(s)?.split(/\s+/).filter((e, t, n) => n.indexOf(e) === t).map((t) => e.getRootNode().getElementById?.(t)).filter((e) => e instanceof Element);
-					return n?.length ? Object.freeze(n) : null;
-				},
-				set(a) {
-					if (a !== null && (!Array.isArray(a) || a.some((e) => !(e instanceof Element)))) throw TypeError(`Failed to set the '${r}' property on '${e.name}': Failed to convert value to 'Element'.`);
-					let c = t(this);
-					a = a?.filter((e, t, n) => n.indexOf(e) === t) ?? null;
-					let l = o.get(c);
-					if (l?.observer?.disconnect(), a === null) l && (delete l.elements[e.name], Object.keys(l.elements).length ? Object.values(l.elements).reduce((e, t) => e.concat(t)).forEach((e) => l.observer.observe(e, n)) : o.delete(c));
-					else if (l) l.elements[e.name] = a, i(c, s, l.elements), Object.values(l.elements).reduce((e, t) => e.concat(t)).forEach((e) => l.observer.observe(e, n));
-					else {
-						let t = { [e.name]: a };
-						i(c, s, t);
-						let r = new MutationObserver(() => i(c, s, t));
-						a.forEach((e) => r.observe(e, n)), o.set(c, {
-							elements: t,
-							observer: r
-						});
-					}
-				}
-			});
-		}
-	}
+if (!b) {
+  let c = 0;
+  const e = (l) => l.shadowRoot?.host ?? (l instanceof Element ? l : (() => {
+    throw new Error("Unable to resolve related element! This should never happen.");
+  })()), i = { attributes: !0, attributeFilter: ["id"] }, t = (l, u, d) => {
+    const h = d[Element.name] ?? d[ElementInternals.name];
+    l.setAttribute(u, h.id ||= `aria-ref-${c++}`);
+  }, f = (l, u, d) => {
+    l.setAttribute(u, Object.values(d).reduce((h, a) => h.concat(a)).filter((h, a, s) => s.indexOf(h) === a).map((h) => h.id || (h.id = `aria-ref-${c++}`)).join(" "));
+  };
+  for (const l of [ElementInternals, Element]) {
+    const u = l.prototype;
+    if (!("ariaActiveDescendantElement" in u)) {
+      const d = "aria-activedescendant", h = /* @__PURE__ */ new WeakMap();
+      Object.defineProperty(u, "ariaActiveDescendantElement", {
+        enumerable: !0,
+        configurable: !0,
+        get() {
+          const a = e(this), s = a.getAttribute(d)?.split(/\s+/)[0] ?? null;
+          return s ? a.getRootNode().getElementById?.(s) ?? null : null;
+        },
+        set(a) {
+          if (a !== null && !(a instanceof Element))
+            throw new TypeError(`Failed to set the 'ariaActiveDescendantElement' property on '${l.name}': Failed to convert value to 'Element'.`);
+          const s = e(this), r = h.get(s);
+          if (r?.observer?.disconnect(), a === null)
+            r && (delete r.elements[l.name], Object.keys(r).length ? r.observer.observe(Object.values(r.elements)[0], i) : (h.delete(s), s.removeAttribute(d)));
+          else if (r)
+            r.elements[l.name] = a, t(s, d, r.elements), Object.values(r.elements).forEach((n) => r.observer.observe(n, i));
+          else {
+            const n = { [l.name]: a };
+            t(s, d, n);
+            const o = new MutationObserver(() => t(s, d, n));
+            o.observe(a, i), h.set(s, { elements: n, observer: o });
+          }
+        }
+      });
+    }
+    for (const d of [
+      "ariaControlsElements",
+      "ariaDescribedByElements",
+      "ariaDetailsElements",
+      "ariaErrorMessageElements",
+      "ariaLabelledByElements",
+      "ariaOwnsElements"
+    ])
+      if (!(d in u)) {
+        const h = /* @__PURE__ */ new WeakMap(), a = `aria-${d.slice(4, -8).toLowerCase()}`;
+        Object.defineProperty(u, d, {
+          enumerable: !0,
+          configurable: !0,
+          get() {
+            const s = e(this), r = s.getAttribute(a)?.split(/\s+/).filter((n, o, m) => m.indexOf(n) === o).map((n) => s.getRootNode().getElementById?.(n)).filter((n) => n instanceof Element);
+            return r?.length ? Object.freeze(r) : null;
+          },
+          set(s) {
+            if (s !== null && (!Array.isArray(s) || s.some((o) => !(o instanceof Element))))
+              throw new TypeError(`Failed to set the '${d}' property on '${l.name}': Failed to convert value to 'Element'.`);
+            const r = e(this);
+            s = s?.filter((o, m, p) => p.indexOf(o) === m) ?? null;
+            const n = h.get(r);
+            if (n?.observer?.disconnect(), s === null)
+              n && (delete n.elements[l.name], Object.keys(n.elements).length ? Object.values(n.elements).reduce((o, m) => o.concat(m)).forEach((o) => n.observer.observe(o, i)) : h.delete(r));
+            else if (n)
+              n.elements[l.name] = s, f(r, a, n.elements), Object.values(n.elements).reduce((o, m) => o.concat(m)).forEach((o) => n.observer.observe(o, i));
+            else {
+              const o = { [l.name]: s };
+              f(r, a, o);
+              const m = new MutationObserver(() => f(r, a, o));
+              s.forEach((p) => m.observe(p, i)), h.set(r, { elements: o, observer: m });
+            }
+          }
+        });
+      }
+  }
 }
-var r = /* @__PURE__ */ new WeakMap();
-function i(e) {
-	if (!e) return null;
-	let t = r.get(e)?.states, n = function(e, t) {
-		t || t !== !1 && !this.has(e) ? this.add(e) : this.delete(e);
-	};
-	return t ? {
-		add(e) {
-			return t.add(e), this;
-		},
-		delete: (e) => t.delete(e),
-		has: (e) => t.has(e),
-		toggle: n
-	} : {
-		add(t) {
-			return e.toggleAttribute(`state--${t}`, !0), this;
-		},
-		delete: (t) => e.toggleAttribute(`state--${t}`, !1),
-		has: (t) => e.hasAttribute(`state--${t}`),
-		toggle: n
-	};
+const E = /* @__PURE__ */ new WeakMap();
+function O(c) {
+  if (!c)
+    return null;
+  const e = E.get(c)?.states, i = function(t, f) {
+    f || f !== !1 && !this.has(t) ? this.add(t) : this.delete(t);
+  };
+  return e ? {
+    add(t) {
+      return e.add(t), this;
+    },
+    delete: (t) => e.delete(t),
+    has: (t) => e.has(t),
+    toggle: i
+  } : {
+    add(t) {
+      return c.toggleAttribute(`state--${t}`, !0), this;
+    },
+    delete: (t) => c.toggleAttribute(`state--${t}`, !1),
+    has: (t) => c.hasAttribute(`state--${t}`),
+    toggle: i
+  };
 }
-var a = (e, ...t) => {
-	let n = t.filter((e) => !!e);
-	return e?.length ? e.concat(n) : t.length ? n : null;
-}, o = (e, ...t) => {
-	t = t.filter((e) => !!e);
-	let n = e?.filter((e) => !t.includes(e)) ?? null;
-	return n?.length ? n : null;
-}, s = (e) => {
-	class i extends e {
-		constructor(...e) {
-			if (super(...e), this.internals = this.attachInternals(), r.set(this, this.internals), n) Object.defineProperty(this.internals, "states", {
-				value: new n(this),
-				writable: !1,
-				configurable: !1,
-				enumerable: !1
-			});
-			else for (let e of this.getAttributeNames().filter((e) => e.startsWith("state--"))) this.internals.states.add(e.slice(7)), this.removeAttribute(e);
-			let i = this.constructor.role;
-			i && (this.internals.role = i), this.addController(new t(this, this.internals));
-		}
-		toggleState(e, t) {
-			t || t !== !1 && !this.internals.states.has(e) ? this.internals.states.add(e) : this.internals.states.delete(e);
-		}
-	}
-	return i;
+const w = (c, ...e) => {
+  const i = e.filter((t) => !!t);
+  return c?.length ? c.concat(i) : e.length ? i : null;
+}, _ = (c, ...e) => {
+  e = e.filter((t) => !!t);
+  const i = c?.filter((t) => !e.includes(t)) ?? null;
+  return i?.length ? i : null;
+}, j = (c) => {
+  class e extends c {
+    constructor(...t) {
+      if (super(...t), this.internals = this.attachInternals(), E.set(this, this.internals), g)
+        Object.defineProperty(this.internals, "states", {
+          value: new g(this),
+          writable: !1,
+          configurable: !1,
+          enumerable: !1
+        });
+      else
+        for (const l of this.getAttributeNames().filter((u) => u.startsWith("state--")))
+          this.internals.states.add(l.slice(7)), this.removeAttribute(l);
+      const f = this.constructor.role;
+      f && (this.internals.role = f), this.addController(new y(this, this.internals));
+    }
+    toggleState(t, f) {
+      f || f !== !1 && !this.internals.states.has(t) ? this.internals.states.add(t) : this.internals.states.delete(t);
+    }
+  }
+  return e;
+};
+export {
+  j as SbbElementInternalsMixin,
+  w as appendAriaElements,
+  _ as removeAriaElements,
+  O as ɵstateController
 };
-//#endregion
-export { s as SbbElementInternalsMixin, a as appendAriaElements, o as removeAriaElements, i as ɵstateController };

package/core/mixins/form-associated-checkbox-mixin.js

@@ -1,107 +1,94 @@
-import { SbbDisabledMixin as e } from "./disabled-mixin.js";
-import { SbbElementInternalsMixin as t } from "./element-internals-mixin.js";
-import { SbbFormAssociatedMixin as n } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as r } from "./required-mixin.js";
-import { __esDecorate as i, __runInitializers as a } from "tslib";
-import { defaultConverter as o } from "lit";
-import { property as s } from "lit/decorators.js";
-import { hostAttributes as c } from "../decorators.js";
-import { preventScrollOnSpacebarPress as l } from "../eventing.js";
-import { SbbLanguageController as u } from "../controllers.js";
-import { i18nCheckboxRequired as d } from "../i18n.js";
-//#region src/elements/core/mixins/form-associated-checkbox-mixin.ts
-var f = (f) => {
-	let p = f._$sbbElement$ ? f : t(f);
-	return (() => {
-		let t = [c({ tabindex: "0" })], f, m = [], h, g = e(r(n(p))), _ = [], v;
-		var y = class extends g {
-			static {
-				h = this;
-			}
-			static {
-				let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-				v = [s({
-					type: Boolean,
-					converter: {
-						...o,
-						fromAttribute: (e, t) => ({
-							value: o.fromAttribute?.(e, t),
-							attribute: !0
-						})
-					}
-				})], i(this, null, v, {
-					kind: "setter",
-					name: "checked",
-					static: !1,
-					private: !1,
-					access: {
-						has: (e) => "checked" in e,
-						set: (e, t) => {
-							e.checked = t;
-						}
-					},
-					metadata: e
-				}, null, _), i(null, f = { value: h }, t, {
-					kind: "class",
-					name: h.name,
-					metadata: e
-				}, null, m), y = h = f.value, e && Object.defineProperty(h, Symbol.metadata, {
-					enumerable: !0,
-					configurable: !0,
-					writable: !0,
-					value: e
-				});
-			}
-			static {
-				this.role = "checkbox";
-			}
-			set checked(e) {
-				let t = typeof e == "object" ? e.attribute : !1;
-				t && (e = e.value), this.hasUpdated && !t && (this._attributeMutationBlocked = !0), this._checked = !!e, this.updateFormValue();
-			}
-			get checked() {
-				return this._checked;
-			}
-			get type() {
-				return "checkbox";
-			}
-			constructor() {
-				super(), this._attributeMutationBlocked = (a(this, _), !1), this._languageController = new u(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
-					e.key === " " && this._handleUserInteraction();
-				}, this._handleUserInteraction = () => {
-					this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", {
-						composed: !0,
-						bubbles: !0
-					})), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-				}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", l), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
-			}
-			attributeChangedCallback(e, t, n) {
-				(e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, n);
-			}
-			formResetCallback() {
-				this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
-			}
-			formStateRestoreCallback(e, t) {
-				e && (this.checked = e === "true");
-			}
-			updateFormValue() {
-				this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
-			}
-			formState() {
-				return `${this.checked}`;
-			}
-			shouldValidate(e) {
-				return super.shouldValidate(e) || e === "checked" || e === "required";
-			}
-			validate() {
-				super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", d[this._languageController.current]) : this.removeValidityFlag("valueMissing");
-			}
-			static {
-				a(h, m);
-			}
-		};
-		return h;
-	})();
+import { __esDecorate as d, __runInitializers as u } from "tslib";
+import { defaultConverter as b } from "lit";
+import { property as p } from "lit/decorators.js";
+import { SbbLanguageController as f } from "../controllers.js";
+import { hostAttributes as _ } from "../decorators.js";
+import { preventScrollOnSpacebarPress as S } from "../eventing.js";
+import { i18nCheckboxRequired as v } from "../i18n.js";
+import { SbbDisabledMixin as y } from "./disabled-mixin.js";
+import { SbbElementInternalsMixin as g } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as x } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as C } from "./required-mixin.js";
+const j = (s) => {
+  const m = s._$sbbElement$ ? s : g(s);
+  return (() => {
+    var i;
+    let k = [_({
+      tabindex: "0"
+    })], o, n = [], r, c = y(C(x(m))), l = [], h;
+    return i = class extends c {
+      /** Whether the checkbox is checked. */
+      set checked(e) {
+        const t = typeof e == "object" ? e.attribute : !1;
+        t && (e = e.value), this.hasUpdated && !t && (this._attributeMutationBlocked = !0), this._checked = !!e, this.updateFormValue();
+      }
+      get checked() {
+        return this._checked;
+      }
+      /**
+       * Form type of element.
+       * @default 'checkbox'
+       */
+      get type() {
+        return "checkbox";
+      }
+      constructor() {
+        super(), this._attributeMutationBlocked = (u(this, l), !1), this._languageController = new f(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
+          e.key === " " && this._handleUserInteraction();
+        }, this._handleUserInteraction = () => {
+          this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })));
+        }, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", S), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
+      }
+      attributeChangedCallback(e, t, a) {
+        (e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, a);
+      }
+      /**
+       * Is called whenever the form is being reset.
+       *
+       * @internal
+       */
+      formResetCallback() {
+        this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
+      }
+      /**
+       *  Called when the browser is trying to restore element’s state to state in which case
+       *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
+       *  user in which case reason is "autocomplete".
+       *  In the case of "restore", state is a string, File, or FormData object
+       *  previously set as the second argument to setFormValue.
+       *
+       * @internal
+       */
+      formStateRestoreCallback(e, t) {
+        e && (this.checked = e === "true");
+      }
+      updateFormValue() {
+        this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
+      }
+      formState() {
+        return `${this.checked}`;
+      }
+      shouldValidate(e) {
+        return super.shouldValidate(e) || e === "checked" || e === "required";
+      }
+      validate() {
+        super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", v[this._languageController.current]) : this.removeValidityFlag("valueMissing");
+      }
+    }, r = i, (() => {
+      const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+      h = [p({
+        type: Boolean,
+        converter: {
+          ...b,
+          // We need to pass information to the setter so that we know it was called by attribute change.
+          fromAttribute: (t, a) => ({ value: b.fromAttribute?.(t, a), attribute: !0 })
+        }
+      })], d(i, null, h, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, a) => {
+        t.checked = a;
+      } }, metadata: e }, null, l), d(null, o = { value: r }, k, { kind: "class", name: r.name, metadata: e }, null, n), r = o.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    })(), i.role = "checkbox", u(r, n), r;
+  })();
+};
+export {
+  j as SbbFormAssociatedCheckboxMixin
 };
-//#endregion
-export { f as SbbFormAssociatedCheckboxMixin };