@sbb-esta/lyne-elements 2.1.0 → 2.2.0

package/core/a11y.js

@@ -125,10 +125,10 @@ const I = typeof getComputedStyle > "u" || getComputedStyle(document.documentEle
   "select",
   "textarea",
   "details",
-  "summary:not(:disabled)",
+  "summary",
   "[tabindex]"
-].map((t) => `${t}:not([disabled],[tabindex="-1"],[inert])`).concat('[disabled][disabled-interactive]:not([inert],[tabindex="-1"])').join(",");
-function b(t, e) {
+].map((t) => `${t}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
+function g(t, e) {
   const n = /* @__PURE__ */ new Set();
   function s(r, c) {
     var i;
@@ -149,7 +149,7 @@ function b(t, e) {
   return s(t, e == null ? void 0 : e.filter), [...n];
 }
 function X(t, e) {
-  const n = b(t, {
+  const n = g(t, {
     filter: e,
     findFirstFocusable: !0
   });
@@ -169,13 +169,13 @@ class j {
     e.addEventListener("keydown", (s) => {
       if (s.key !== "Tab")
         return;
-      const r = Array.from(e.shadowRoot.children || []), i = b(r, {
+      const r = Array.from(e.shadowRoot.children || []), i = g(r, {
         filter: n == null ? void 0 : n.filter
       }).filter((n == null ? void 0 : n.postFilter) ?? (() => !0));
       if (!i.length)
         return;
-      const o = i[0], u = i[i.length - 1], [h, g] = s.shiftKey ? [o, u] : [u, o];
-      (o.getRootNode().activeElement === h || u.getRootNode().activeElement === h) && (g.focus(), s.preventDefault());
+      const o = i[0], u = i[i.length - 1], [h, b] = s.shiftKey ? [o, u] : [u, o];
+      (o.getRootNode().activeElement === h || u.getRootNode().activeElement === h) && (b.focus(), s.preventDefault());
     }, { signal: this._controller.signal });
   }
   disconnect() {
@@ -188,7 +188,7 @@ export {
   j as SbbFocusHandler,
   W as SbbFocusVisibleWithinController,
   X as getFirstFocusableElement,
-  b as getFocusableElements,
+  g as getFocusableElements,
   Y as getNextElementIndex,
   F as hasGeometry,
   I as interactivityChecker,

package/core/base-elements/link-base-element.d.ts

@@ -15,6 +15,8 @@ export declare abstract class SbbLinkBaseElement extends SbbActionBaseElement {
     accessor download: boolean;
     /** This will be forwarded as aria-label to the inner anchor element. */
     accessor accessibilityLabel: string;
+    /** This will be forwarded as aria-current to the inner anchor element. */
+    accessor accessibilityCurrent: string;
     protected language: SbbLanguageController;
     constructor();
     /** @internal */

package/core/base-elements/link-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/link-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,6BAA6B,CAAC;AAErC,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,uBAAuB;AACvB,8BAIe,kBAAmB,SAAQ,oBAAoB;IAC5D,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,kEAAkE;IAClE,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,SAAS,CAAC,QAAQ,wBAAmC;;IASrD,gBAAgB;IACA,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAI/D,gBAAgB;IACA,IAAI,IAAI,IAAI;IAI5B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAI7B,OAAO,CAAC,qBAAqB,CAE3B;IAEF,mHAAmH;cAChG,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc;CAqBpE"}
+{"version":3,"file":"link-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/link-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,6BAA6B,CAAC;AAErC,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,uBAAuB;AACvB,8BAIe,kBAAmB,SAAQ,oBAAoB;IAC5D,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,kEAAkE;IAClE,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0EAA0E;IAC1E,SAEgB,oBAAoB,EAAE,MAAM,CAAM;IAElD,SAAS,CAAC,QAAQ,wBAAmC;;IASrD,gBAAgB;IACA,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAI/D,gBAAgB;IACA,IAAI,IAAI,IAAI;IAI5B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAI7B,OAAO,CAAC,qBAAqB,CAE3B;IAEF,mHAAmH;cAChG,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc;CAsBpE"}

package/core/base-elements.js

@@ -1,26 +1,26 @@
-var M = (l) => {
+var V = (l) => {
   throw TypeError(l);
 };
-var H = (l, r, n) => r.has(l) || M("Cannot " + n);
-var I = (l, r, n) => (H(l, r, "read from private field"), n ? n.call(l) : r.get(l)), L = (l, r, n) => r.has(l) ? M("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, n), m = (l, r, n, i) => (H(l, r, "write to private field"), i ? i.call(l, n) : r.set(l, n), n);
-import { __esDecorate as p, __runInitializers as d } from "tslib";
-import { html as A, LitElement as F, isServer as V, nothing as y } from "lit";
-import { hostAttributes as B, forceType as O } from "./decorators.js";
+var W = (l, r, n) => r.has(l) || V("Cannot " + n);
+var v = (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 g } from "lit/decorators.js";
-import { isEventPrevented as G, EventEmitter as $ } from "./eventing.js";
-import { SbbFormAssociatedMixin as J } from "./mixins.js";
-import { SbbLanguageController as Q } from "./controllers.js";
-import { i18nTargetOpensInNewWindow as U } from "./i18n.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";
 import "../screen-reader-only.js";
-let W = (() => {
-  var h;
-  let l = [B({
+let U = (() => {
+  var u;
+  let l = [T({
     "data-action": ""
-  })], r, n = [], i, _ = F;
-  return h = class extends _ {
+  })], r, n = [], i, f = J;
+  return u = class extends f {
     get maybeDisabled() {
-      const o = this;
-      return o.disabled || o.formDisabled;
+      const d = this;
+      return d.disabled || d.formDisabled;
     }
     get maybeDisabledInteractive() {
       return this.disabledInteractive;
@@ -31,8 +31,8 @@ let W = (() => {
     setupBaseEventHandlers() {
       this.addEventListener(
         "click",
-        (o) => {
-          this.maybeDisabled && !this.maybeDisabledInteractive && (o.preventDefault(), o.stopImmediatePropagation());
+        (d) => {
+          this.maybeDisabled && !this.maybeDisabledInteractive && (d.preventDefault(), d.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 W = (() => {
     }
     /** Default render method for button-like components. */
     render() {
-      return A`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
+      return B`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
     }
-  }, i = h, (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    p(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 }), d(i, n);
+  }, 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);
   })(), i;
-})(), ce = (() => {
-  var u;
-  let l = [B({
+})(), he = (() => {
+  var m;
+  let l = [T({
     tabindex: "0",
     "data-button": ""
-  })], r, n = [], i, _ = J(W), h = [], D, o;
-  return u = class extends _ {
+  })], r, n = [], i, f = Y(U), u = [], O, d;
+  return m = class extends f {
     /**
      * The type attribute to use for the button.
      * @default 'button'
@@ -73,19 +73,19 @@ let W = (() => {
       this._formId = e;
     }
     get form() {
-      var e, a;
-      return this._formId ? ((a = (e = this.ownerDocument) == null ? void 0 : e.querySelector) == null ? void 0 : a.call(e, `form#${this._formId}`)) ?? null : this.internals.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;
     }
     constructor() {
-      if (super(), this._formId = (d(this, h), ""), this._handleButtonClick = async (e) => {
-        if (this.type === "button" || await G(e))
+      if (super(), this._formId = (o(this, u), ""), this._handleButtonClick = async (e) => {
+        if (this.type === "button" || await X(e))
           return;
-        const a = this.form;
-        if (a)
+        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 ?? "", a.append(c), a.requestSubmit(c), c.remove();
-          } else this.type === "reset" && a.reset();
+            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();
         else return;
       }, this._preventScrollOnSpaceKeydown = (e) => {
         e.key === " " && (e.preventDefault(), e.target.toggleAttribute("data-active", !0));
@@ -94,29 +94,29 @@ let W = (() => {
       }, this._dispatchClickEventOnSpaceKeyup = (e) => {
         e.key === " " && (this._removeActiveMarker(e), this._dispatchClickEvent(e));
       }, this._dispatchClickEvent = (e) => {
-        const { altKey: a, ctrlKey: c, metaKey: x, shiftKey: z } = e;
+        const { altKey: s, ctrlKey: c, metaKey: z, shiftKey: $ } = e;
         e.target.dispatchEvent(new PointerEvent("click", {
           bubbles: !0,
           cancelable: !0,
           composed: !0,
           pointerId: -1,
           pointerType: "",
-          altKey: a,
+          altKey: s,
           ctrlKey: c,
-          metaKey: x,
-          shiftKey: z
+          metaKey: z,
+          shiftKey: $
         }));
-      }, this.internals.role = "button", !V) {
+      }, this.internals.role = "button", !Q) {
         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", (a) => {
-          (a.key === "Enter" || a.key === `
-`) && this._dispatchClickEvent(a);
+        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);
         }, e);
       }
     }
-    attributeChangedCallback(e, a, c) {
-      (!["name", "value"].includes(e) || a !== c) && super.attributeChangedCallback(e, a, c);
+    attributeChangedCallback(e, s, c) {
+      (!["name", "value"].includes(e) || s !== c) && super.attributeChangedCallback(e, s, c);
     }
     /**
      * Intentionally empty, as buttons are not targeted by form reset
@@ -128,7 +128,7 @@ let W = (() => {
      * Intentionally empty, as buttons are not targeted by form restore
      * @internal
      */
-    formStateRestoreCallback(e, a) {
+    formStateRestoreCallback(e, s) {
     }
     /**
      * Intentionally empty, as button does not write its data in form.
@@ -137,85 +137,93 @@ let W = (() => {
      */
     updateFormValue() {
     }
-  }, i = u, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    D = [g()], o = [g()], p(u, null, D, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (a) => "type" in a, set: (a, c) => {
-      a.type = c;
-    } }, metadata: e }, null, h), p(u, null, o, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (a) => "form" in a, set: (a, c) => {
-      a.form = c;
-    } }, metadata: e }, null, h), p(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 }), d(i, n);
+  }, i = m, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    O = [g()], d = [g()], _(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);
   })(), i;
-})(), oe = (() => {
-  var k, w, S, E, C, b;
-  let l = [B({
+})(), be = (() => {
+  var C, S, E, I, L, x, b;
+  let l = [T({
     "data-link": ""
-  })], r, n = [], i, _ = W, h, D = [], o = [], u, T = [], e = [], a, c = [], x = [], z, K = [], R = [], j, P = [], q = [];
-  return b = class extends _ {
+  })], 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 {
     constructor() {
       super();
-      L(this, k);
-      L(this, w);
-      L(this, S);
-      L(this, E);
-      L(this, C);
-      m(this, k, d(this, D, "")), m(this, w, (d(this, o), d(this, T, ""))), m(this, S, (d(this, e), d(this, c, ""))), m(this, E, (d(this, x), d(this, K, !1))), m(this, C, (d(this, R), d(this, P, ""))), this.language = (d(this, q), new Q(this)), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : y, V || this.setupBaseEventHandlers();
+      k(this, C);
+      k(this, S);
+      k(this, E);
+      k(this, I);
+      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();
     }
     /** The href value you want to link to. */
     get href() {
-      return I(this, k);
+      return v(this, C);
     }
-    set href(s) {
-      m(this, k, s);
+    set href(a) {
+      h(this, C, a);
     }
     /** Where to display the linked URL. */
     get target() {
-      return I(this, w);
+      return v(this, S);
     }
-    set target(s) {
-      m(this, w, s);
+    set target(a) {
+      h(this, S, a);
     }
     /** The relationship of the linked URL as space-separated link types. */
     get rel() {
-      return I(this, S);
+      return v(this, E);
     }
-    set rel(s) {
-      m(this, S, s);
+    set rel(a) {
+      h(this, E, a);
     }
     /** Whether the browser will show the download dialog on click. */
     get download() {
-      return I(this, E);
+      return v(this, I);
     }
-    set download(s) {
-      m(this, E, s);
+    set download(a) {
+      h(this, I, a);
     }
     /** This will be forwarded as aria-label to the inner anchor element. */
     get accessibilityLabel() {
-      return I(this, C);
+      return v(this, L);
+    }
+    set accessibilityLabel(a) {
+      h(this, L, a);
+    }
+    /** This will be forwarded as aria-current to the inner anchor element. */
+    get accessibilityCurrent() {
+      return v(this, x);
     }
-    set accessibilityLabel(s) {
-      m(this, C, s);
+    set accessibilityCurrent(a) {
+      h(this, x, a);
     }
     /** @internal */
-    focus(s) {
+    focus(a) {
       var t;
-      (t = this.shadowRoot.querySelector("a")) == null || t.focus(s);
+      (t = this.shadowRoot.querySelector("a")) == null || t.focus(a);
     }
     /** @internal */
     blur() {
-      var s;
-      (s = this.shadowRoot.querySelector("a")) == null || s.blur();
+      var a;
+      (a = this.shadowRoot.querySelector("a")) == null || a.blur();
     }
     /** @internal */
     click() {
-      var s;
-      (s = this.shadowRoot.querySelector("a")) == null || s.click();
+      var a;
+      (a = this.shadowRoot.querySelector("a")) == null || a.click();
     }
     /** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
     render() {
       return this.renderLink(this.renderTemplate());
     }
-    renderLink(s) {
-      return A`
+    renderLink(a) {
+      return B`
       <a
         class="sbb-action-base ${this.localName}"
         href=${this.href || y}
@@ -223,36 +231,39 @@ let W = (() => {
         target=${this.target || y}
         rel=${this._evaluateRelAttribute()}
         aria-label=${this.accessibilityLabel || y}
+        aria-current=${this.accessibilityCurrent || y}
         tabindex=${this.maybeDisabled && !this.maybeDisabledInteractive ? "-1" : y}
         aria-disabled=${this.maybeDisabled ? "true" : y}
       >
-        ${s}
-        ${this.href && this.target === "_blank" ? A`<sbb-screen-reader-only
-              >. ${U[this.language.current]}</sbb-screen-reader-only
+        ${a}
+        ${this.href && this.target === "_blank" ? B`<sbb-screen-reader-only
+              >. ${ee[this.language.current]}</sbb-screen-reader-only
             >` : y}
       </a>
     `;
     }
-  }, k = new WeakMap(), w = new WeakMap(), S = new WeakMap(), E = new WeakMap(), C = new WeakMap(), i = b, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    h = [O(), g()], u = [O(), g()], a = [O(), g()], z = [O(), g({ type: Boolean })], j = [O(), g({ attribute: "accessibility-label" })], p(b, null, h, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (t) => "href" in t, get: (t) => t.href, set: (t, f) => {
-      t.href = f;
-    } }, metadata: s }, D, o), p(b, null, u, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (t) => "target" in t, get: (t) => t.target, set: (t, f) => {
-      t.target = f;
-    } }, metadata: s }, T, e), p(b, null, a, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (t) => "rel" in t, get: (t) => t.rel, set: (t, f) => {
-      t.rel = f;
-    } }, metadata: s }, c, x), p(b, null, z, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (t) => "download" in t, get: (t) => t.download, set: (t, f) => {
-      t.download = f;
-    } }, metadata: s }, K, R), p(b, null, j, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, f) => {
-      t.accessibilityLabel = f;
-    } }, metadata: s }, P, q), p(null, r = { value: i }, l, { kind: "class", name: i.name, metadata: s }, null, n), i = r.value, s && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s }), d(i, n);
+  }, 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(), g()], m = [D(), g()], s = [D(), g()], $ = [D(), g({ type: Boolean })], P = [D(), g({ attribute: "accessibility-label" })], H = [D(), g({ 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);
   })(), i;
 })();
-const v = class v extends F {
+const w = class w extends J {
   constructor() {
-    super(...arguments), this.willOpen = new $(this, v.events.willOpen, { cancelable: !0 }), this.didOpen = new $(this, v.events.didOpen, {
+    super(...arguments), this.willOpen = new A(this, w.events.willOpen, { cancelable: !0 }), this.didOpen = new A(this, w.events.didOpen, {
       cancelable: !0
-    }), this.willClose = new $(this, v.events.willClose, { cancelable: !0 }), this.didClose = new $(this, v.events.didClose, { cancelable: !0 });
+    }), this.willClose = new A(this, w.events.willClose, { cancelable: !0 }), this.didClose = new A(this, w.events.didClose, { cancelable: !0 });
   }
   /** The state of the component. */
   set state(r) {
@@ -269,16 +280,16 @@ const v = class v extends F {
     super.connectedCallback(), this.state || (this.state = "closed");
   }
 };
-v.events = {
+w.events = {
   willOpen: "willOpen",
   didOpen: "didOpen",
   willClose: "willClose",
   didClose: "didClose"
 };
-let N = v;
+let G = w;
 export {
-  W as SbbActionBaseElement,
-  ce as SbbButtonBaseElement,
-  oe as SbbLinkBaseElement,
-  N as SbbOpenCloseBaseElement
+  U as SbbActionBaseElement,
+  he as SbbButtonBaseElement,
+  be as SbbLinkBaseElement,
+  G as SbbOpenCloseBaseElement
 };

package/core/controllers.js

@@ -1,6 +1,6 @@
 import { isServer as n } from "lit";
 import { readConfig as b } from "./config.js";
-import { S as f, g as m, f as g } from "../sbb-tokens-Dx20OtVg.js";
+import { S as f, i as m, h as g } from "../sbb-tokens-BgDF8jIh.js";
 class S {
   get signal() {
     var t;
@@ -92,7 +92,7 @@ r._defaultLanguage = "en", r._supportedLocales = ["en", "de", "fr", "it"], r._li
   attributeOldValue: !0
 };
 let u = r;
-const _ = (a) => a / f, w = "(forced-colors: active)", M = "(any-hover: hover)", N = "(pointer: coarse)", Q = `(min-width: ${_(m)}rem)`, H = `(max-width: ${_(g)}rem)`, l = /* @__PURE__ */ new Map();
+const _ = (a) => a / f, w = "(forced-colors: active)", M = "(any-hover: hover)", N = "(pointer: coarse)", Q = `(min-width: ${_(g)}rem)`, H = `(max-width: ${_(m)}rem)`, l = /* @__PURE__ */ new Map();
 class L {
   constructor(t, e) {
     this._queries = e, t.addController(this);

package/core/dom/scroll.d.ts

@@ -5,6 +5,7 @@ export declare function pageScrollDisabled(): boolean;
  */
 export declare class SbbScrollHandler {
     private _height;
+    private _position;
     private _overflow;
     private _marginInlineEnd;
     disableScroll(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/scroll.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C;AAED;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,gBAAgB,CAAU;IAE3B,aAAa,IAAI,IAAI;IAoBrB,YAAY,IAAI,IAAI;CAa5B"}
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/scroll.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C;AAED;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,gBAAgB,CAAU;IAE3B,aAAa,IAAI,IAAI;IAsBrB,YAAY,IAAI,IAAI;CAc5B"}

package/core/dom.js

@@ -5,17 +5,17 @@ function w(n, t) {
   const e = getComputedStyle(n).getPropertyValue(t);
   return parseFloat(e) === 0;
 }
-const A = ["zero", "micro", "small", "medium", "wide", "large", "ultra"];
-function S(n, t, e) {
+const v = ["zero", "micro", "small", "medium", "wide", "large", "ultra"];
+function p(n, t, e) {
   if (o)
     return null;
-  const i = getComputedStyle(document.documentElement), s = n ? i.getPropertyValue(`--sbb-breakpoint-${n}-min`) : "", r = t ? `${parseFloat(i.getPropertyValue(`--sbb-breakpoint-${t}-${e != null && e.includeMaxBreakpoint ? "max" : "min"}`)) - (e != null && e.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", b = s && `(min-width: ${s})`, m = r && `(max-width: ${r})`, h = s && r && " and ";
-  return window.matchMedia(`${b}${h}${m}`).matches;
+  const i = getComputedStyle(document.documentElement), s = n ? i.getPropertyValue(`--sbb-breakpoint-${n}-min`) : "", r = t ? `${parseFloat(i.getPropertyValue(`--sbb-breakpoint-${t}-${e != null && e.includeMaxBreakpoint ? "max" : "min"}`)) - (e != null && e.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", b = s && `(min-width: ${s})`, m = r && `(max-width: ${r})`, y = s && r && " and ";
+  return window.matchMedia(`${b}${y}${m}`).matches;
 }
-function f(n) {
+function h(n) {
   return o ? null : typeof n == "string" ? document.getElementById(n) : n instanceof window.Element ? n : null;
 }
-function v(n, t) {
+function A(n, t) {
   if (o)
     return null;
   for (t = t.parentElement ?? t.getRootNode().host; t && t !== document && t !== window; ) {
@@ -26,19 +26,19 @@ function v(n, t) {
   }
   return null;
 }
-const E = "a,button,sbb-teaser-hero,sbb-teaser";
-function x(n, t) {
+const S = "a,button,sbb-teaser-hero,sbb-teaser";
+function E(n, t) {
   var e;
   if (!t) {
     const i = (e = n.closest) == null ? void 0 : e.call(n, "sbb-form-field");
     return i == null ? void 0 : i.querySelector("input");
   }
-  return f(t);
+  return h(t);
 }
-function I() {
+function x() {
   return !o && document.documentElement.classList.contains("sbb-lean");
 }
-function k(n, t, e) {
+function I(n, t, e) {
   e ? n.setAttribute(t, e) : n.removeAttribute(t);
 }
 let d;
@@ -47,42 +47,42 @@ try {
 } catch {
   d = !1;
 }
-const u = !o && /(edge)/i.test(navigator.userAgent), a = !o && /(msie|trident)/i.test(navigator.userAgent), c = !o && !!(window.chrome || d) && typeof CSS < "u" && !u && !a, y = !o && /AppleWebKit/i.test(navigator.userAgent) && !c && !u && !a, p = !o && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), $ = !o && /(firefox|minefield)/i.test(navigator.userAgent), P = !o && /android/i.test(navigator.userAgent) && !a, B = !o && /safari/i.test(navigator.userAgent) && y, M = c, W = () => !!globalThis.next;
+const u = !o && /(edge)/i.test(navigator.userAgent), a = !o && /(msie|trident)/i.test(navigator.userAgent), c = !o && !!(window.chrome || d) && typeof CSS < "u" && !u && !a, f = !o && /AppleWebKit/i.test(navigator.userAgent) && !c && !u && !a, k = !o && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), $ = !o && /(firefox|minefield)/i.test(navigator.userAgent), _ = !o && /android/i.test(navigator.userAgent) && !a, P = !o && /safari/i.test(navigator.userAgent) && f, B = c, M = () => !!globalThis.next;
 function l() {
   return document.body.hasAttribute("data-sbb-scroll-disabled");
 }
-class _ {
+class W {
   disableScroll() {
     if (l())
       return;
-    this._height = document.body.style.height, this._overflow = document.body.style.overflow, this._marginInlineEnd = document.body.style.marginInlineEnd;
+    this._height = document.body.style.height, this._position = document.body.style.position, this._overflow = document.body.style.overflow, this._marginInlineEnd = document.body.style.marginInlineEnd;
     const t = window.innerWidth - document.documentElement.clientWidth;
-    document.body.style.overflow = "hidden", document.body.style.height = "100%", document.body.style.marginInlineEnd = `${t}px`, document.body.style.setProperty("--sbb-scrollbar-width", `${t}px`), document.body.toggleAttribute("data-sbb-scroll-disabled", !0);
+    document.body.style.overflow = "hidden", document.body.style.height = "100dvh", document.body.style.position = "relative", document.body.style.marginInlineEnd = `${t}px`, document.body.style.setProperty("--sbb-scrollbar-width", `${t}px`), document.body.toggleAttribute("data-sbb-scroll-disabled", !0);
   }
   enableScroll() {
-    l() && (document.body.style.height = this._height || "", document.body.style.overflow = this._overflow || "", document.body.style.marginInlineEnd = this._marginInlineEnd || "", document.body.style.setProperty("--sbb-scrollbar-width", "0"), document.body.removeAttribute("data-sbb-scroll-disabled"));
+    l() && (document.body.style.height = this._height || "", document.body.style.position = this._position || "", document.body.style.overflow = this._overflow || "", document.body.style.marginInlineEnd = this._marginInlineEnd || "", document.body.style.setProperty("--sbb-scrollbar-width", "0"), document.body.removeAttribute("data-sbb-scroll-disabled"));
   }
 }
 export {
-  E as ACTION_ELEMENTS,
-  _ as SbbScrollHandler,
-  A as breakpoints,
-  x as findInput,
-  f as findReferencedElement,
-  v as hostContext,
-  P as isAndroid,
+  S as ACTION_ELEMENTS,
+  W as SbbScrollHandler,
+  v as breakpoints,
+  E as findInput,
+  h as findReferencedElement,
+  A as hostContext,
+  _ as isAndroid,
   c as isBlink,
-  S as isBreakpoint,
-  M as isChromium,
+  p as isBreakpoint,
+  B as isChromium,
   u as isEdge,
   $ as isFirefox,
-  p as isIOS,
-  I as isLean,
-  W as isNextjs,
-  B as isSafari,
+  k as isIOS,
+  x as isLean,
+  M as isNextjs,
+  P as isSafari,
   a as isTrident,
-  y as isWebkit,
+  f as isWebkit,
   w as isZeroAnimationDuration,
   l as pageScrollDisabled,
-  k as setOrRemoveAttribute
+  I as setOrRemoveAttribute
 };

package/core/images.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../../src/elements/core/images.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,EAAE,MAAM,EAYzB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../../src/elements/core/images.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,EAAE,MAAM,EAWzB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/core/styles/core.scss

@@ -126,8 +126,10 @@ sbb-form-field {
   padding: 0;
   border: none;
   width: auto;
+  height: auto;
   background-color: transparent;
   color: inherit;
+  pointer-events: none;
 }
 
 // Ensure stable breadcrumb height during hydrating

package/core.css

@@ -1272,8 +1272,10 @@ sbb-toast) {
   padding: 0;
   border: none;
   width: auto;
+  height: auto;
   background-color: transparent;
   color: inherit;
+  pointer-events: none;
 }
 
 sbb-breadcrumb-group:not(:defined) {