@sbb-esta/lyne-elements 2.4.1 → 2.5.1

package/core/base-elements.js

@@ -1,26 +1,26 @@
 var V = (l) => {
   throw TypeError(l);
 };
-var W = (l, r, n) => r.has(l) || V("Cannot " + n);
-var g = (l, r, n) => (W(l, r, "read from private field"), n ? n.call(l) : r.get(l)), k = (l, r, n) => r.has(l) ? V("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, n), h = (l, r, n, i) => (W(l, r, "write to private field"), i ? i.call(l, n) : r.set(l, n), n);
-import { __esDecorate as _, __runInitializers as o } from "tslib";
-import { LitElement as J, html as B, isServer as Q, nothing as y } from "lit";
-import { hostAttributes as T, forceType as D } from "./decorators.js";
-import { property as v } from "lit/decorators.js";
-import { isEventPrevented as X, EventEmitter as A } from "./eventing.js";
-import { SbbFormAssociatedMixin as Y } from "./mixins.js";
-import { SbbLanguageController as Z } from "./controllers.js";
-import { i18nTargetOpensInNewWindow as ee } from "./i18n.js";
+var G = (l, r, n) => r.has(l) || V("Cannot " + n);
+var v = (l, r, n) => (G(l, r, "read from private field"), n ? n.call(l) : r.get(l)), k = (l, r, n) => r.has(l) ? V("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, n), h = (l, r, n, i) => (G(l, r, "write to private field"), i ? i.call(l, n) : r.set(l, n), n);
+import { __esDecorate as f, __runInitializers as c } from "tslib";
+import { LitElement as Q, html as T, isServer as U, nothing as y } from "lit";
+import { hostAttributes as P, forceType as O, omitEmptyConverter as K } from "./decorators.js";
+import { property as g } from "lit/decorators.js";
+import { isEventPrevented as Y, EventEmitter as A } from "./eventing.js";
+import { SbbFormAssociatedMixin as Z } from "./mixins.js";
+import { SbbLanguageController as ee } from "./controllers.js";
+import { i18nTargetOpensInNewWindow as te } from "./i18n.js";
 import "../screen-reader-only.js";
-let U = (() => {
+let X = (() => {
   var u;
-  let l = [T({
+  let l = [P({
     "data-action": ""
-  })], r, n = [], i, f = J;
-  return u = class extends f {
+  })], r, n = [], i, _ = Q;
+  return u = class extends _ {
     get maybeDisabled() {
-      const d = this;
-      return d.disabled || d.formDisabled;
+      const o = this;
+      return o.disabled || o.formDisabled;
     }
     get maybeDisabledInteractive() {
       return this.disabledInteractive;
@@ -31,8 +31,8 @@ let U = (() => {
     setupBaseEventHandlers() {
       this.addEventListener(
         "click",
-        (d) => {
-          this.maybeDisabled && !this.maybeDisabledInteractive && (d.preventDefault(), d.stopImmediatePropagation());
+        (o) => {
+          this.maybeDisabled && !this.maybeDisabledInteractive && (o.preventDefault(), o.stopImmediatePropagation());
         },
         // capture is necessary here, as this event handler needs to be executed before any other
         // in order to stop immediate propagation in the disabled case.
@@ -45,19 +45,19 @@ let U = (() => {
     }
     /** Default render method for button-like components. */
     render() {
-      return B`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
+      return T`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
     }
   }, i = u, (() => {
-    const d = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    _(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: d }, null, n), i = r.value, d && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: d }), o(i, n);
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+    f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: o }, null, n), i = r.value, o && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o }), c(i, n);
   })(), i;
-})(), he = (() => {
+})(), be = (() => {
   var m;
-  let l = [T({
+  let l = [P({
     tabindex: "0",
     "data-button": ""
-  })], r, n = [], i, f = Y(U), u = [], O, d;
-  return m = class extends f {
+  })], r, n = [], i, _ = Z(X), u = [], x, o;
+  return m = class extends _ {
     /**
      * The type attribute to use for the button.
      * @default 'button'
@@ -70,22 +70,20 @@ let U = (() => {
     }
     /** The `<form>` element to associate the button with. */
     set form(e) {
-      this._formId = e;
+      var t;
+      this._formId = e, (t = this.form) == null || t.addEventListener("keydown", this._formKeyDown, { capture: !0 });
     }
     get form() {
-      var e, s;
-      return this._formId ? ((s = (e = this.ownerDocument) == null ? void 0 : e.querySelector) == null ? void 0 : s.call(e, `form#${this._formId}`)) ?? null : this.internals.form;
+      var e, t;
+      return this._formId ? ((t = (e = this.ownerDocument) == null ? void 0 : e.querySelector) == null ? void 0 : t.call(e, `form#${this._formId}`)) ?? null : this.internals.form;
     }
     constructor() {
-      if (super(), this._formId = (o(this, u), ""), this._handleButtonClick = async (e) => {
-        if (this.type === "button" || await X(e))
+      if (super(), this._elementsOnWhichEnterPressTriggersSubmit = (c(this, u), ["input", "sbb-date-input"]), this._formId = "", this._handleButtonClick = async (e) => {
+        if (this.type === "button" || await Y(e))
           return;
-        const s = this.form;
-        if (s)
-          if (this.type === "submit") {
-            const c = document.createElement("button");
-            c.inert = !0, c.hidden = !0, c.name = this.name, c.value = this.value ?? "", s.append(c), s.requestSubmit(c), c.remove();
-          } else this.type === "reset" && s.reset();
+        const t = this.form;
+        if (t)
+          this.type === "submit" ? this._requestSubmit(t) : this.type === "reset" && t.reset();
         else return;
       }, this._preventScrollOnSpaceKeydown = (e) => {
         e.key === " " && (e.preventDefault(), e.target.toggleAttribute("data-active", !0));
@@ -93,30 +91,47 @@ let U = (() => {
         e.target.removeAttribute("data-active");
       }, this._dispatchClickEventOnSpaceKeyup = (e) => {
         e.key === " " && (this._removeActiveMarker(e), this._dispatchClickEvent(e));
+      }, this._formKeyDown = (e) => {
+        var d;
+        const t = this.form;
+        this.type === "submit" && t && (e.key === "Enter" || e.key === `
+`) && this._elementsOnWhichEnterPressTriggersSubmit.includes((d = e.target) == null ? void 0 : d.localName) && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault(), e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type, e)) && !this.matches(":disabled") && this._requestSubmit(t));
       }, this._dispatchClickEvent = (e) => {
-        const { altKey: s, ctrlKey: c, metaKey: z, shiftKey: $ } = e;
+        const { altKey: t, ctrlKey: d, metaKey: z, shiftKey: $ } = e;
         e.target.dispatchEvent(new PointerEvent("click", {
           bubbles: !0,
           cancelable: !0,
           composed: !0,
           pointerId: -1,
           pointerType: "",
-          altKey: s,
-          ctrlKey: c,
+          altKey: t,
+          ctrlKey: d,
           metaKey: z,
           shiftKey: $
         }));
-      }, this.internals.role = "button", !Q) {
+      }, this.internals.role = "button", !U) {
         this.setupBaseEventHandlers();
         const e = { passive: !0 };
-        this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (s) => {
-          (s.key === "Enter" || s.key === `
-`) && this._dispatchClickEvent(s);
+        this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (t) => {
+          (t.key === "Enter" || t.key === `
+`) && this._dispatchClickEvent(t);
         }, e);
       }
     }
-    attributeChangedCallback(e, s, c) {
-      (!["name", "value"].includes(e) || s !== c) && super.attributeChangedCallback(e, s, c);
+    connectedCallback() {
+      var e;
+      super.connectedCallback(), (e = this.form) == null || e.addEventListener("keydown", this._formKeyDown, { capture: !0 });
+    }
+    disconnectedCallback() {
+      var e;
+      super.disconnectedCallback(), (e = this.form) == null || e.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
+    }
+    _requestSubmit(e) {
+      const t = document.createElement("button");
+      t.inert = !0, t.hidden = !0, t.name = this.name, t.value = this.value ?? "", e.append(t), e.requestSubmit(t), t.remove();
+    }
+    attributeChangedCallback(e, t, d) {
+      (!["name", "value"].includes(e) || t !== d) && super.attributeChangedCallback(e, t, d);
     }
     /**
      * Intentionally empty, as buttons are not targeted by form reset
@@ -128,7 +143,7 @@ let U = (() => {
      * Intentionally empty, as buttons are not targeted by form restore
      * @internal
      */
-    formStateRestoreCallback(e, s) {
+    formStateRestoreCallback(e, t) {
     }
     /**
      * Intentionally empty, as button does not write its data in form.
@@ -138,75 +153,75 @@ let U = (() => {
     updateFormValue() {
     }
   }, i = m, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    O = [v()], d = [v()], _(m, null, O, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (s) => "type" in s, set: (s, c) => {
-      s.type = c;
-    } }, metadata: e }, null, u), _(m, null, d, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (s) => "form" in s, set: (s, c) => {
-      s.form = c;
-    } }, metadata: e }, null, u), _(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: e }, null, n), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), o(i, n);
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+    x = [g()], o = [g()], f(m, null, x, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, set: (t, d) => {
+      t.type = d;
+    } }, metadata: e }, null, u), f(m, null, o, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (t) => "form" in t, set: (t, d) => {
+      t.form = d;
+    } }, metadata: e }, null, u), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: e }, null, n), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), c(i, n);
   })(), i;
-})(), be = (() => {
-  var C, S, E, I, L, x, b;
-  let l = [T({
+})(), me = (() => {
+  var C, E, S, L, D, I, b;
+  let l = [P({
     "data-link": ""
-  })], r, n = [], i, f = U, u, O = [], d = [], m, K = [], e = [], s, c = [], z = [], $, R = [], j = [], P, q = [], M = [], H, N = [], F = [];
-  return b = class extends f {
+  })], r, n = [], i, _ = X, u, x = [], o = [], m, B = [], e = [], t, d = [], z = [], $, q = [], R = [], j, M = [], N = [], H, W = [], F = [];
+  return b = class extends _ {
     constructor() {
       super();
       k(this, C);
-      k(this, S);
       k(this, E);
-      k(this, I);
+      k(this, S);
       k(this, L);
-      k(this, x);
-      h(this, C, o(this, O, "")), h(this, S, (o(this, d), o(this, K, ""))), h(this, E, (o(this, e), o(this, c, ""))), h(this, I, (o(this, z), o(this, R, !1))), h(this, L, (o(this, j), o(this, q, ""))), h(this, x, (o(this, M), o(this, N, ""))), this.language = (o(this, F), new Z(this)), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : y, Q || this.setupBaseEventHandlers();
+      k(this, D);
+      k(this, I);
+      h(this, C, c(this, x, "")), h(this, E, (c(this, o), c(this, B, ""))), h(this, S, (c(this, e), c(this, d, ""))), h(this, L, (c(this, z), c(this, q, !1))), h(this, D, (c(this, R), c(this, M, ""))), h(this, I, (c(this, N), c(this, W, ""))), this.language = (c(this, F), new ee(this)), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : y, U || this.setupBaseEventHandlers();
     }
     /** The href value you want to link to. */
     get href() {
-      return g(this, C);
+      return v(this, C);
     }
     set href(a) {
       h(this, C, a);
     }
     /** Where to display the linked URL. */
     get target() {
-      return g(this, S);
+      return v(this, E);
     }
     set target(a) {
-      h(this, S, a);
+      h(this, E, a);
     }
     /** The relationship of the linked URL as space-separated link types. */
     get rel() {
-      return g(this, E);
+      return v(this, S);
     }
     set rel(a) {
-      h(this, E, a);
+      h(this, S, a);
     }
     /** Whether the browser will show the download dialog on click. */
     get download() {
-      return g(this, I);
+      return v(this, L);
     }
     set download(a) {
-      h(this, I, a);
+      h(this, L, a);
     }
     /** This will be forwarded as aria-label to the inner anchor element. */
     get accessibilityLabel() {
-      return g(this, L);
+      return v(this, D);
     }
     set accessibilityLabel(a) {
-      h(this, L, a);
+      h(this, D, a);
     }
     /** This will be forwarded as aria-current to the inner anchor element. */
     get accessibilityCurrent() {
-      return g(this, x);
+      return v(this, I);
     }
     set accessibilityCurrent(a) {
-      h(this, x, a);
+      h(this, I, a);
     }
     /** @internal */
     focus(a) {
-      var t;
-      (t = this.shadowRoot.querySelector("a")) == null || t.focus(a);
+      var s;
+      (s = this.shadowRoot.querySelector("a")) == null || s.focus(a);
     }
     /** @internal */
     blur() {
@@ -223,7 +238,7 @@ let U = (() => {
       return this.renderLink(this.renderTemplate());
     }
     renderLink(a) {
-      return B`
+      return T`
       <a
         class="sbb-action-base ${this.localName}"
         href=${this.href || y}
@@ -236,30 +251,30 @@ let U = (() => {
         aria-disabled=${this.maybeDisabled ? "true" : y}
       >
         ${a}
-        ${this.href && this.target === "_blank" ? B`<sbb-screen-reader-only
-              >. ${ee[this.language.current]}</sbb-screen-reader-only
+        ${this.href && this.target === "_blank" ? T`<sbb-screen-reader-only
+              >. ${te[this.language.current]}</sbb-screen-reader-only
             >` : y}
       </a>
     `;
     }
-  }, C = new WeakMap(), S = new WeakMap(), E = new WeakMap(), I = new WeakMap(), L = new WeakMap(), x = new WeakMap(), i = b, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    u = [D(), v()], m = [D(), v()], s = [D(), v()], $ = [D(), v({ type: Boolean })], P = [D(), v({ attribute: "accessibility-label" })], H = [D(), v({ attribute: "accessibility-current" })], _(b, null, u, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (t) => "href" in t, get: (t) => t.href, set: (t, p) => {
-      t.href = p;
-    } }, metadata: a }, O, d), _(b, null, m, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (t) => "target" in t, get: (t) => t.target, set: (t, p) => {
-      t.target = p;
-    } }, metadata: a }, K, e), _(b, null, s, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (t) => "rel" in t, get: (t) => t.rel, set: (t, p) => {
-      t.rel = p;
-    } }, metadata: a }, c, z), _(b, null, $, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (t) => "download" in t, get: (t) => t.download, set: (t, p) => {
-      t.download = p;
-    } }, metadata: a }, R, j), _(b, null, P, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, p) => {
-      t.accessibilityLabel = p;
-    } }, metadata: a }, q, M), _(b, null, H, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (t) => "accessibilityCurrent" in t, get: (t) => t.accessibilityCurrent, set: (t, p) => {
-      t.accessibilityCurrent = p;
-    } }, metadata: a }, N, F), _(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: a }, null, n), i = r.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(i, n);
+  }, C = new WeakMap(), E = new WeakMap(), S = new WeakMap(), L = new WeakMap(), D = new WeakMap(), I = new WeakMap(), i = b, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+    u = [O(), g({ reflect: !0, converter: K })], m = [O(), g({ reflect: !0, converter: K })], t = [O(), g({ reflect: !0, converter: K })], $ = [O(), g({ type: Boolean, reflect: !0 })], j = [O(), g({ attribute: "accessibility-label" })], H = [O(), g({ attribute: "accessibility-current" })], f(b, null, u, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (s) => "href" in s, get: (s) => s.href, set: (s, p) => {
+      s.href = p;
+    } }, metadata: a }, x, o), f(b, null, m, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (s) => "target" in s, get: (s) => s.target, set: (s, p) => {
+      s.target = p;
+    } }, metadata: a }, B, e), f(b, null, t, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (s) => "rel" in s, get: (s) => s.rel, set: (s, p) => {
+      s.rel = p;
+    } }, metadata: a }, d, z), f(b, null, $, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (s) => "download" in s, get: (s) => s.download, set: (s, p) => {
+      s.download = p;
+    } }, metadata: a }, q, R), f(b, null, j, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (s) => "accessibilityLabel" in s, get: (s) => s.accessibilityLabel, set: (s, p) => {
+      s.accessibilityLabel = p;
+    } }, metadata: a }, M, N), f(b, null, H, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (s) => "accessibilityCurrent" in s, get: (s) => s.accessibilityCurrent, set: (s, p) => {
+      s.accessibilityCurrent = p;
+    } }, metadata: a }, W, F), f(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: a }, null, n), i = r.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), c(i, n);
   })(), i;
 })();
-const w = class w extends J {
+const w = class w extends Q {
   constructor() {
     super(...arguments), this.willOpen = new A(this, w.events.willOpen, { cancelable: !0 }), this.didOpen = new A(this, w.events.didOpen, {
       cancelable: !0
@@ -286,10 +301,10 @@ w.events = {
   willClose: "willClose",
   didClose: "didClose"
 };
-let G = w;
+let J = w;
 export {
-  U as SbbActionBaseElement,
-  he as SbbButtonBaseElement,
-  be as SbbLinkBaseElement,
-  G as SbbOpenCloseBaseElement
+  X as SbbActionBaseElement,
+  be as SbbButtonBaseElement,
+  me as SbbLinkBaseElement,
+  J as SbbOpenCloseBaseElement
 };

package/core/controllers/inert-controller.d.ts

@@ -1,16 +1,16 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { SbbOpenCloseBaseElement } from '../base-elements/open-close-base-element.js';
 export declare class SbbInertController implements ReactiveController {
     private _host;
     private _inertElements;
     private _inertOverlays;
-    constructor(_host: ReactiveControllerHost & SbbOpenCloseBaseElement, _inertElements?: Set<HTMLElement>, _inertOverlays?: Set<HTMLElement>);
-    hostConnected(): void;
+    constructor(_host: ReactiveControllerHost & HTMLElement, _inertElements?: Set<HTMLElement>, _inertOverlays?: Set<HTMLElement>);
     hostDisconnected(): void;
     /** Applies inert state to every other element on the page except the overlay. */
     activate(): void;
     /** Removes inert state. */
     deactivate(): void;
+    /** Whether the assigned host is currently inert */
+    isInert(): boolean;
     private _currentOverlay;
     private _removeInertAttributes;
     private _addInertAttributes;

package/core/controllers/inert-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inert-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/inert-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAM3F,qBAAa,kBAAmB,YAAW,kBAAkB;IAEzD,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,cAAc;gBAFd,KAAK,EAAE,sBAAsB,GAAG,uBAAuB,EACvD,cAAc,mBAAgB,EAC9B,cAAc,mBAAgB;IAKjC,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,iFAAiF;IAC1E,QAAQ,IAAI,IAAI;IAUvB,2BAA2B;IACpB,UAAU,IAAI,IAAI;IAyBzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;CA6B5B"}
+{"version":3,"file":"inert-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/inert-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAMtE,qBAAa,kBAAmB,YAAW,kBAAkB;IAEzD,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,cAAc;gBAFd,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,cAAc,mBAAgB,EAC9B,cAAc,mBAAgB;IAKjC,gBAAgB,IAAI,IAAI;IAM/B,iFAAiF;IAC1E,QAAQ,IAAI,IAAI;IAUvB,2BAA2B;IACpB,UAAU,IAAI,IAAI;IAyBzB,mDAAmD;IAC5C,OAAO,IAAI,OAAO;IAIzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;CA6B5B"}

package/core/controllers.js

@@ -23,11 +23,8 @@ class O {
     var s, n;
     this._host = t, this._inertElements = e, this._inertOverlays = r, (n = (s = this._host).addController) == null || n.call(s, this);
   }
-  hostConnected() {
-    this._host.isOpen && this.activate();
-  }
   hostDisconnected() {
-    this._inertOverlays.has(this._host) && this.deactivate();
+    this.isInert() && this.deactivate();
   }
   /** Applies inert state to every other element on the page except the overlay. */
   activate() {
@@ -41,6 +38,10 @@ class O {
     }
     this._removeInertAttributes(), this._inertOverlays.delete(this._host), this._inertOverlays.size && this._addInertAttributes();
   }
+  /** Whether the assigned host is currently inert */
+  isInert() {
+    return this._inertOverlays.has(this._host);
+  }
   _currentOverlay() {
     return [...this._inertOverlays].pop() ?? null;
   }
@@ -92,8 +93,8 @@ i._defaultLanguage = "en", i._supportedLocales = ["en", "de", "fr", "it"], i._li
   attributeOldValue: !0
 };
 let u = i;
-const _ = (o) => o / v, M = "(forced-colors: active)", k = "(any-hover: hover)", L = "(pointer: coarse)", N = `(min-width: ${_(g)}rem)`, Q = `(max-width: ${_(m)}rem)`, l = /* @__PURE__ */ new Map();
-class H {
+const _ = (o) => o / v, M = "(forced-colors: active)", k = "(any-hover: hover)", I = "(pointer: coarse)", L = `(min-width: ${_(g)}rem)`, N = `(max-width: ${_(m)}rem)`, l = /* @__PURE__ */ new Map();
+class Q {
   constructor(t, e) {
     this._queries = e, t.addController(this);
   }
@@ -132,7 +133,7 @@ a || window.addEventListener("keydown", (o) => {
   var t;
   o.key === "Escape" && !o.defaultPrevented && (o.preventDefault(), (t = b.at(-1)) == null || t.close());
 });
-class I {
+class H {
   constructor(t, e = b) {
     var r, s;
     this._host = t, this._overlayStack = e, (s = (r = this._host).addController) == null || s.call(r, this);
@@ -181,14 +182,14 @@ class D {
 }
 export {
   w as SbbConnectedAbortController,
-  I as SbbEscapableOverlayController,
+  H as SbbEscapableOverlayController,
   O as SbbInertController,
   u as SbbLanguageController,
-  H as SbbMediaMatcherController,
-  N as SbbMediaQueryBreakpointMediumAndAbove,
-  Q as SbbMediaQueryBreakpointSmallAndBelow,
+  Q as SbbMediaMatcherController,
+  L as SbbMediaQueryBreakpointMediumAndAbove,
+  N as SbbMediaQueryBreakpointSmallAndBelow,
   M as SbbMediaQueryForcedColors,
   k as SbbMediaQueryHover,
-  L as SbbMediaQueryPointerCoarse,
+  I as SbbMediaQueryPointerCoarse,
   D as SbbSlotStateController
 };

package/core/decorators/force-type.d.ts

@@ -4,5 +4,5 @@ import { Interface, PropertyDecorator } from './base.js';
  * Decorator that forces the value of a property or getter/setter
  * to the defined type.
  */
-export declare const forceType: <C extends Interface<ReactiveElement>, V>() => PropertyDecorator;
+export declare const forceType: <C extends Interface<ReactiveElement>, V>(convert?: (v: unknown) => V) => PropertyDecorator;
 //# sourceMappingURL=force-type.d.ts.map

package/core/decorators/force-type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"force-type.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/decorators/force-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC,OAAK,iBAsCrE,CAAC"}
+{"version":3,"file":"force-type.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/decorators/force-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC,EAC/D,UAAU,CAAC,CAAC,EAAE,OAAO,KAAK,CAAC,KAC1B,iBAwCF,CAAC"}

package/core/decorators.js

@@ -3,79 +3,78 @@ import { defaultDateAdapter as c } from "./datetime.js";
 import { isServer as f, defaultConverter as m } from "lit";
 import { SbbSlotStateController as h } from "./controllers.js";
 const S = {
-  fromAttribute(t, r) {
+  fromAttribute(t, e) {
     var o;
-    const e = ((o = d().datetime) == null ? void 0 : o.dateAdapter) ?? c;
-    return e.getValidDateOrNull(e.deserialize(t));
+    const r = ((o = d().datetime) == null ? void 0 : o.dateAdapter) ?? c;
+    return r.getValidDateOrNull(r.deserialize(t));
   },
-  toAttribute(t, r) {
+  toAttribute(t, e) {
     var o;
-    const e = ((o = d().datetime) == null ? void 0 : o.dateAdapter) ?? c;
-    return e.isValid(t) ? e.toIso8601(t) : null;
+    const r = ((o = d().datetime) == null ? void 0 : o.dateAdapter) ?? c;
+    return r.isValid(t) ? r.toIso8601(t) : null;
   }
 };
 function w(t) {
-  var e;
-  const r = ((e = d().datetime) == null ? void 0 : e.dateAdapter) ?? c;
-  return r.isDateInstance(t) && r.isValid(t) ? r.createDate(r.getYear(t), r.getMonth(t), r.getDate(t)) : null;
+  var r;
+  const e = ((r = d().datetime) == null ? void 0 : r.dateAdapter) ?? c;
+  return e.isDateInstance(t) && e.isValid(t) ? e.createDate(e.getYear(t), e.getMonth(t), e.getDate(t)) : null;
 }
-const N = () => (t, r) => {
+const N = (t) => (e, r) => {
   var u, p;
-  const { kind: e, metadata: o, name: a } = r, s = ((p = (u = globalThis.litPropertyMetadata.get(o)) == null ? void 0 : u.get(a)) == null ? void 0 : p.type) ?? String;
-  let i = s;
-  if (s === String ? i = (n) => n == null ? "" : String(n) : s === Number && (i = (n) => n == null ? NaN : Number(n)), e === "accessor")
+  const { kind: o, metadata: n, name: s } = r, a = ((p = (u = globalThis.litPropertyMetadata.get(n)) == null ? void 0 : u.get(s)) == null ? void 0 : p.type) ?? String;
+  if (t ?? (t = a), t === String ? t = (i) => i == null ? "" : String(i) : t === Number && (t = (i) => i == null ? NaN : Number(i)), o === "accessor")
     return {
-      set(n) {
-        t.set.call(this, i(n));
+      set(i) {
+        e.set.call(this, t(i));
       }
     };
-  if (e === "setter")
-    return function(n) {
-      t.call(this, i(n));
+  if (o === "setter")
+    return function(i) {
+      e.call(this, t(i));
     };
-  throw new Error(`Unsupported decorator location: ${e}`);
-}, y = (t) => (r, e) => {
-  const { kind: o } = e;
+  throw new Error(`Unsupported decorator location: ${o}`);
+}, y = (t) => (e, r) => {
+  const { kind: o } = r;
   if (o === "accessor")
     return {
       get() {
-        const a = r.get.call(this);
-        return t(this, a);
+        const n = e.get.call(this);
+        return t(this, n);
       }
     };
   throw new Error(`Unsupported decorator location: ${o}`);
-}, D = (t) => (r, e) => {
-  const { kind: o } = e;
+}, D = (t) => (e, r) => {
+  const { kind: o } = r;
   if (o === "accessor")
     return {
-      set(a) {
-        const s = e.access.get(this);
-        r.set.call(this, a);
-        const i = e.access.get(this);
-        i !== s && t(this, i, s);
+      set(n) {
+        const s = r.access.get(this);
+        e.set.call(this, n);
+        const a = r.access.get(this);
+        a !== s && t(this, a, s);
       }
     };
   throw new Error(`Unsupported decorator location: ${o}`);
 };
-function l(t, r) {
-  for (const [e, o] of Object.entries(r))
-    o ? t.setAttribute(e, o) : t.toggleAttribute(e, o !== null);
+function l(t, e) {
+  for (const [r, o] of Object.entries(e))
+    o ? t.setAttribute(r, o) : t.toggleAttribute(r, o !== null);
 }
-const V = (t) => (r) => r.addInitializer((e) => {
-  f ? l(e, t) : e.addController({
+const V = (t) => (e) => e.addInitializer((r) => {
+  f ? l(r, t) : r.addController({
     hostConnected() {
-      l(e, t), e.removeController(this);
+      l(r, t), r.removeController(this);
     },
     hostUpdate() {
-      l(e, t), e.removeController(this);
+      l(r, t), r.removeController(this);
     }
   });
 }), E = {
-  toAttribute(t, r) {
-    return (r === String || r === void 0) && t === "" || r === Number && isNaN(t) ? null : m.toAttribute(t, r);
+  toAttribute(t, e) {
+    return (e === String || e === void 0) && t === "" || e === Number && isNaN(t) ? null : m.toAttribute(t, e);
   }
 }, I = () => (t) => {
-  f || t.addInitializer((r) => new h(r));
+  f || t.addInitializer((e) => new h(e));
 };
 export {
   w as DateOnlyType,

package/core/dom/platform.d.ts

@@ -8,6 +8,11 @@ export declare const isBlink: boolean;
 export declare const isWebkit: boolean;
 /** Whether the current platform is Apple iOS. */
 export declare const isIOS: boolean;
+/**
+ * Whether the device is a mac.
+ * @experimental Avoid using this as this is not reliable.
+ */
+export declare const isMacOS: boolean;
 /** Whether the current browser is Firefox. */
 export declare const isFirefox: boolean;
 /** Whether the current platform is Android. */

package/core/dom/platform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAMvF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,CAAC;AAElC,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/platform.ts"],"names":[],"mappings":"AAmBA,qDAAqD;AACrD,eAAO,MAAM,MAAM,SAAmD,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,SAAS,SAA2D,CAAC;AAGlF,qDAAqD;AACrD,eAAO,MAAM,OAAO,SAKR,CAAC;AAIb,sDAAsD;AACtD,eAAO,MAAM,QAAQ,SACuE,CAAC;AAE7F,iDAAiD;AACjD,eAAO,MAAM,KAAK,SACoE,CAAC;AAEvF;;;GAGG;AACH,eAAO,MAAM,OAAO,SAAoC,CAAC;AAMzD,8CAA8C;AAC9C,eAAO,MAAM,SAAS,SAAgE,CAAC;AAEvF,+CAA+C;AAE/C,eAAO,MAAM,SAAS,SAAkE,CAAC;AAKzF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,SAA+D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,CAAC;AAElC,0EAA0E;AAC1E,eAAO,MAAM,QAAQ,QAAO,OAAmD,CAAC"}