@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

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

@@ -1,159 +1,153 @@
-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)));
-  }
+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)));
+	}
 } : null;
-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 });
-            }
-          }
-        });
-      }
-  }
+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
+						});
+					}
+				}
+			});
+		}
+	}
 }
-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 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 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
+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;
 };
+//#endregion
+export { s as SbbElementInternalsMixin, a as appendAriaElements, o as removeAriaElements, i as ɵstateController };

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

@@ -1,94 +1,107 @@
-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
+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;
+	})();
 };
+//#endregion
+export { f as SbbFormAssociatedCheckboxMixin };