@sbb-esta/lyne-elements 2.9.0 → 2.10.0

package/journey-header/journey-header.component.js

@@ -2,9 +2,9 @@ var O = (i) => {
   throw TypeError(i);
 };
 var B = (i, s, r) => s.has(i) || O("Cannot " + r);
-var g = (i, s, r) => (B(i, s, "read from private field"), r ? r.call(i) : s.get(i)), p = (i, s, r) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), n = (i, s, r, l) => (B(i, s, "write to private field"), l ? l.call(i, r) : s.set(i, r), r);
-import { __runInitializers as o, __esDecorate as _ } from "tslib";
-import { css as J, LitElement as P, nothing as F, html as H } from "lit";
+var m = (i, s, r) => (B(i, s, "read from private field"), r ? r.call(i) : s.get(i)), _ = (i, s, r) => s.has(i) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), n = (i, s, r, l) => (B(i, s, "write to private field"), l ? l.call(i, r) : s.set(i, r), r);
+import { __runInitializers as o, __esDecorate as p } from "tslib";
+import { css as F, LitElement as H, nothing as J, html as P } from "lit";
 import { customElement as R, property as f } from "lit/decorators.js";
 import { SbbLanguageController as q } from "../core/controllers.js";
 import { forceType as v } from "../core/decorators.js";
@@ -14,104 +14,92 @@ import { SbbNegativeMixin as U } from "../core/mixins.js";
 import "../icon.js";
 import "../screen-reader-only.js";
 import "../title.js";
-const V = J`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}sbb-title{margin:0}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, W = /* @__PURE__ */ new Map([
+const V = F`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}sbb-title{margin:0}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`, W = /* @__PURE__ */ new Map([
   ["s", "6"],
   ["m", "5"],
   ["l", "4"]
 ]);
 let de = (() => {
-  var d, b, h, u, m, a;
-  let i = [R("sbb-journey-header")], s, r = [], l, y = U(P), z, x = [], T = [], j, $ = [], w = [], k, S = [], I = [], C, E = [], L = [], D, M = [], N = [];
-  return a = class extends y {
+  var d, h, u, b, g, a;
+  let i = [R("sbb-journey-header")], s, r = [], l, z = U(H), y, x = [], T = [], $, j = [], w = [], S, k = [], I = [], C, E = [], L = [], D, M = [], N = [];
+  return a = class extends z {
     constructor() {
       super(...arguments);
-      p(this, d);
-      p(this, b);
-      p(this, h);
-      p(this, u);
-      p(this, m);
-      n(this, d, o(this, x, "")), n(this, b, (o(this, T), o(this, $, ""))), n(this, h, (o(this, w), o(this, S, !1))), n(this, u, (o(this, I), o(this, E, "3"))), n(this, m, (o(this, L), o(this, M, A() ? "s" : "m"))), this._language = (o(this, N), new q(this));
+      _(this, d);
+      _(this, h);
+      _(this, u);
+      _(this, b);
+      _(this, g);
+      n(this, d, o(this, x, "")), n(this, h, (o(this, T), o(this, j, ""))), n(this, u, (o(this, w), o(this, k, !1))), n(this, b, (o(this, I), o(this, E, "3"))), n(this, g, (o(this, L), o(this, M, A() ? "s" : "m"))), this._language = (o(this, N), new q(this));
     }
     /** Origin location for the journey header. */
     get origin() {
-      return g(this, d);
+      return m(this, d);
     }
     set origin(t) {
       n(this, d, t);
     }
     /** Destination location for the journey header. */
     get destination() {
-      return g(this, b);
+      return m(this, h);
     }
     set destination(t) {
-      n(this, b, t);
+      n(this, h, t);
     }
     /** Whether the journey is a round trip. If so, the icon changes to a round-trip one. */
     get roundTrip() {
-      return g(this, h);
+      return m(this, u);
     }
     set roundTrip(t) {
-      n(this, h, t);
+      n(this, u, t);
     }
     /** Heading level of the journey header element (e.g. h1-h6). */
     get level() {
-      return g(this, u);
+      return m(this, b);
     }
     set level(t) {
-      n(this, u, t);
+      n(this, b, t);
     }
     /**
      * Journey header size, either s, m or l.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return g(this, m);
+      return m(this, g);
     }
     set size(t) {
-      n(this, m, t);
+      n(this, g, t);
     }
     render() {
-      const t = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
-      return H`
+      const t = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small", e = `${G[this._language.current]} ${this.origin} ${K[this._language.current]} ${this.destination} ${this.roundTrip ? Q(this.origin)[this._language.current] : ""}`;
+      return P`
       <sbb-title
-        level=${this.level || F}
+        level=${this.level || J}
         ?negative=${this.negative}
         visual-level=${W.get(this.size)}
       >
-        <span class="sbb-journey-header">
-          <span class="sbb-journey-header__origin">
-            <sbb-screen-reader-only>
-              ${G[this._language.current]}&nbsp;
-            </sbb-screen-reader-only>
-            ${this.origin}
-          </span>
+        <span class="sbb-journey-header" aria-hidden="true">
+          <span class="sbb-journey-header__origin">${this.origin}</span>
           <sbb-icon name=${t}></sbb-icon>
-          <span class="sbb-journey-header__destination">
-            <sbb-screen-reader-only>
-              &nbsp;${K[this._language.current]}&nbsp;
-            </sbb-screen-reader-only>
-            ${this.destination}
-            ${this.roundTrip ? H` <sbb-screen-reader-only>
-                  ${Q(this.origin)[this._language.current]}
-                </sbb-screen-reader-only>` : F}
-          </span>
+          <span class="sbb-journey-header__destination">${this.destination}</span>
         </span>
+        <sbb-screen-reader-only>${e}</sbb-screen-reader-only>
       </sbb-title>
     `;
     }
-  }, d = new WeakMap(), b = new WeakMap(), h = new WeakMap(), u = new WeakMap(), m = new WeakMap(), l = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    z = [v(), f()], j = [v(), f()], k = [v(), f({ attribute: "round-trip", type: Boolean })], C = [f()], D = [f({ reflect: !0 })], _(a, null, z, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (e) => "origin" in e, get: (e) => e.origin, set: (e, c) => {
+  }, d = new WeakMap(), h = new WeakMap(), u = new WeakMap(), b = new WeakMap(), g = new WeakMap(), l = a, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
+    y = [v(), f()], $ = [v(), f()], S = [v(), f({ attribute: "round-trip", type: Boolean })], C = [f()], D = [f({ reflect: !0 })], p(a, null, y, { kind: "accessor", name: "origin", static: !1, private: !1, access: { has: (e) => "origin" in e, get: (e) => e.origin, set: (e, c) => {
       e.origin = c;
-    } }, metadata: t }, x, T), _(a, null, j, { kind: "accessor", name: "destination", static: !1, private: !1, access: { has: (e) => "destination" in e, get: (e) => e.destination, set: (e, c) => {
+    } }, metadata: t }, x, T), p(a, null, $, { kind: "accessor", name: "destination", static: !1, private: !1, access: { has: (e) => "destination" in e, get: (e) => e.destination, set: (e, c) => {
       e.destination = c;
-    } }, metadata: t }, $, w), _(a, null, k, { kind: "accessor", name: "roundTrip", static: !1, private: !1, access: { has: (e) => "roundTrip" in e, get: (e) => e.roundTrip, set: (e, c) => {
+    } }, metadata: t }, j, w), p(a, null, S, { kind: "accessor", name: "roundTrip", static: !1, private: !1, access: { has: (e) => "roundTrip" in e, get: (e) => e.roundTrip, set: (e, c) => {
       e.roundTrip = c;
-    } }, metadata: t }, S, I), _(a, null, C, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (e) => "level" in e, get: (e) => e.level, set: (e, c) => {
+    } }, metadata: t }, k, I), p(a, null, C, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (e) => "level" in e, get: (e) => e.level, set: (e, c) => {
       e.level = c;
-    } }, metadata: t }, E, L), _(a, null, D, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
+    } }, metadata: t }, E, L), p(a, null, D, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, c) => {
       e.size = c;
-    } }, metadata: t }, M, N), _(null, s = { value: l }, i, { kind: "class", name: l.name, metadata: t }, null, r), l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    } }, metadata: t }, M, N), p(null, s = { value: l }, i, { kind: "class", name: l.name, metadata: t }, null, r), l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), a.styles = V, o(l, r), l;
 })();
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",

package/select/select.component.js

@@ -455,7 +455,7 @@ let xe = 0, Re = (() => {
     }
   }, c = new WeakMap(), u = new WeakMap(), v = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), h = n, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(I[Symbol.metadata] ?? null) : void 0;
-    L = [E(), k()], T = [E(), S((t, s) => t._onMultipleChanged(s)), k({ reflect: !0, type: Boolean })], q = [E(), S((t, s) => t._closeOnDisabledReadonlyChanged(s)), k({ reflect: !0, type: Boolean }), be((t, s) => s || t.isDisabledExternally())], N = [E(), S((t, s) => t._closeOnDisabledReadonlyChanged(s)), k({ type: Boolean })], F = [ie()], y(n, null, L, { kind: "accessor", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, get: (t) => t.placeholder, set: (t, s) => {
+    L = [E(), k()], T = [E(), S((t, s) => t._onMultipleChanged(s)), k({ reflect: !0, type: Boolean })], q = [E(), S((t, s) => t._closeOnDisabledReadonlyChanged(s)), k({ reflect: !0, type: Boolean }), be((t, s) => s || t.isDisabledExternally())], N = [E(), S((t, s) => t._closeOnDisabledReadonlyChanged(s)), k({ type: Boolean, reflect: !0 })], F = [ie()], y(n, null, L, { kind: "accessor", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, get: (t) => t.placeholder, set: (t, s) => {
       t.placeholder = s;
     } }, metadata: e }, P, $), y(n, null, T, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (t) => "multiple" in t, get: (t) => t.multiple, set: (t, s) => {
       t.multiple = s;

package/skiplink-list/skiplink-list.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skiplink-list.component.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list/skiplink-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;;;;GAQG;AACH,qBAGM,sBAAuB,SAAQ,2BAGxB;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAA+C;IAE9F,uDAAuD;IACvD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,oDAAoD;IACpD,SAAwD,UAAU,EAAE,aAAa,CAAO;cAErE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAW3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"skiplink-list.component.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list/skiplink-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;;;;GAQG;AACH,qBAEM,sBAAuB,SAAQ,2BAGxB;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAA+C;IAE9F,uDAAuD;IACvD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,oDAAoD;IACpD,SAAwD,UAAU,EAAE,aAAa,CAAO;cAErE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAW3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/skiplink-list/skiplink-list.component.js

@@ -6,14 +6,14 @@ var c = (t, e, s) => (y(t, e, "read from private field"), s ? s.call(t) : e.get(
 import { __esDecorate as p, __runInitializers as d } from "tslib";
 import { css as C, LitElement as z, nothing as S, html as E } from "lit";
 import { customElement as I, property as L } from "lit/decorators.js";
-import { slotState as D, forceType as $, omitEmptyConverter as j } from "../core/decorators.js";
-import { isLean as N } from "../core/dom.js";
-import { SbbNamedSlotListMixin as O } from "../core/mixins.js";
+import { forceType as D, omitEmptyConverter as $ } from "../core/decorators.js";
+import { isLean as j } from "../core/dom.js";
+import { SbbNamedSlotListMixin as N } from "../core/mixins.js";
 import "../title.js";
-const T = C`*,:before,:after{box-sizing:border-box}:host{--sbb-skiplink-list-height: 0;--sbb-skiplink-list-overflow: hidden;--sbb-skiplink-list-background: transparent;--sbb-skiplink-list-border: unset;display:block}.sbb-skiplink-list__wrapper{position:fixed;inset-block-start:var(--sbb-spacing-fixed-4x);inset-inline-start:var(--sbb-spacing-fixed-4x);z-index:calc(var(--sbb-skiplink-list-z-index, var(--sbb-overlay-default-z-index)) + 1)}.sbb-skiplink-list{list-style:none;margin:0;padding:0;font-size:inherit}.sbb-skiplink-list>:is(li,span){box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);height:var(--sbb-skiplink-list-height);overflow:var(--sbb-skiplink-list-overflow);border-radius:var(--sbb-border-radius-4x);background-color:var(--sbb-skiplink-list-background);border:var(--sbb-skiplink-list-border);width:fit-content}.sbb-skiplink-list>:is(li,span):focus-within{--sbb-skiplink-list-height: auto;--sbb-skiplink-list-overflow: visible;--sbb-skiplink-list-background: var(--sbb-color-black);--sbb-skiplink-list-border: var(--sbb-border-width-2x) solid var(--sbb-color-white)}::slotted([data-sbb-link]){--sbb-focus-outline-color: transparent;--sbb-link-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xxs)}`;
-let K = (() => {
+const O = C`*,:before,:after{box-sizing:border-box}:host{--sbb-skiplink-list-height: 0;--sbb-skiplink-list-overflow: hidden;--sbb-skiplink-list-background: transparent;--sbb-skiplink-list-border: unset;display:block}.sbb-skiplink-list__wrapper{position:fixed;inset-block-start:var(--sbb-spacing-fixed-4x);inset-inline-start:var(--sbb-spacing-fixed-4x);z-index:calc(var(--sbb-skiplink-list-z-index, var(--sbb-overlay-default-z-index)) + 1)}.sbb-skiplink-list{list-style:none;margin:0;padding:0;font-size:inherit}.sbb-skiplink-list>:is(li,span){box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:inline-block;height:var(--sbb-skiplink-list-height);overflow:var(--sbb-skiplink-list-overflow);border-radius:var(--sbb-border-radius-4x);background-color:var(--sbb-skiplink-list-background);border:var(--sbb-skiplink-list-border);width:fit-content}.sbb-skiplink-list>:is(li,span):focus-within{--sbb-skiplink-list-height: auto;--sbb-skiplink-list-overflow: visible;--sbb-skiplink-list-background: var(--sbb-color-black);--sbb-skiplink-list-border: var(--sbb-border-width-2x) solid var(--sbb-color-white)}::slotted([data-sbb-link]){--sbb-focus-outline-color: transparent;--sbb-link-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xxs)}`;
+let J = (() => {
   var o, n, r;
-  let t = [I("sbb-skiplink-list"), D()], e, s = [], a, k = O(z), u, f = [], m = [], w, _ = [], g = [];
+  let t = [I("sbb-skiplink-list")], e, s = [], a, k = N(z), u, f = [], m = [], w, _ = [], g = [];
   return r = class extends k {
     constructor() {
       super(...arguments);
@@ -38,7 +38,7 @@ let K = (() => {
     willUpdate(l) {
       if (super.willUpdate(l), l.has("listChildren"))
         for (const i of this.listChildren)
-          i.size = N() ? "xs" : "m", i.negative = !0;
+          i.size = j() ? "xs" : "m", i.negative = !0;
     }
     render() {
       return E`
@@ -59,13 +59,13 @@ let K = (() => {
     }
   }, o = new WeakMap(), n = new WeakMap(), a = r, (() => {
     const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-    u = [$(), L({ attribute: "title-content", reflect: !0, converter: j })], w = [L({ attribute: "title-level" })], p(r, null, u, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (i) => "titleContent" in i, get: (i) => i.titleContent, set: (i, v) => {
+    u = [D(), L({ attribute: "title-content", reflect: !0, converter: $ })], w = [L({ attribute: "title-level" })], p(r, null, u, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (i) => "titleContent" in i, get: (i) => i.titleContent, set: (i, v) => {
       i.titleContent = v;
     } }, metadata: l }, f, m), p(r, null, w, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (i) => "titleLevel" in i, get: (i) => i.titleLevel, set: (i, v) => {
       i.titleLevel = v;
     } }, metadata: l }, _, g), p(null, e = { value: a }, t, { kind: "class", name: a.name, metadata: l }, null, s), a = e.value, l && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), r.styles = T, d(a, s), a;
+  })(), r.styles = O, d(a, s), a;
 })();
 export {
-  K as SbbSkiplinkListElement
+  J as SbbSkiplinkListElement
 };

package/slider/slider.component.js

@@ -205,7 +205,7 @@ let he = (() => {
     }
   }, h = new WeakMap(), u = new WeakMap(), v = new WeakMap(), m = new WeakMap(), n = a, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
-    I = [c()], z = [c({ attribute: "value-as-number", type: Number })], F = [c()], N = [c()], M = [k(), c({ type: Boolean })], V = [k(), c({ attribute: "start-icon" })], C = [k(), c({ attribute: "end-icon" })], U = [Y()], d(a, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (s) => "value" in s, set: (s, i) => {
+    I = [c()], z = [c({ attribute: "value-as-number", type: Number })], F = [c()], N = [c()], M = [k(), c({ type: Boolean, reflect: !0 })], V = [k(), c({ attribute: "start-icon" })], C = [k(), c({ attribute: "end-icon" })], U = [Y()], d(a, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (s) => "value" in s, set: (s, i) => {
       s.value = i;
     } }, metadata: e }, null, _), d(a, null, z, { kind: "setter", name: "valueAsNumber", static: !1, private: !1, access: { has: (s) => "valueAsNumber" in s, set: (s, i) => {
       s.valueAsNumber = i;

package/toast/toast.component.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultGroup, TemplateResult } from 'lit';
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
 type SbbToastPositionVertical = 'top' | 'bottom';
 type SbbToastPositionHorizontal = 'left' | 'start' | 'center' | 'right' | 'end';
@@ -36,18 +36,15 @@ export declare class SbbToastElement extends SbbToastElement_base {
     accessor politeness: 'polite' | 'assertive' | 'off';
     private _closeTimeout?;
     private _language;
-    /**
-     * Role of the live region. This is only for Firefox as there is a known issue where Firefox +
-     * JAWS does not read out aria-live message.
-     */
-    private get _role();
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     /**
      * Open the toast.
      * If there are other opened toasts in the page, close them first.
      */
     open(): void;
-    private _isZeroAnimationDuration;
     /**
      * Close the toast.
      */
@@ -55,8 +52,7 @@ export declare class SbbToastElement extends SbbToastElement_base {
     private _handleClosing;
     private _handleOpening;
     private _onClick;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
+    private _isZeroAnimationDuration;
     /**
      * Slotted text nodes are not read correctly by screen readers on Chrome.
      * To address the problem, if there is at least a root text node,

package/toast/toast.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAYnE,OAAO,iCAAiC,CAAC;AAEzC,KAAK,wBAAwB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,GAAG,wBAAwB,IAAI,0BAA0B,EAAE,CAAC;;AAK3F;;;;;;;;;;;;;GAaG;AACH,qBAMM,eAAgB,SAAQ,oBAA4D;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAEgB,OAAO,EAAE,MAAM,CAAQ;IAEvC,6CAA6C;IAC7C,SAA6C,QAAQ,EAAE,gBAAgB,CAAmB;IAE1F,4CAA4C;IAC5C,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C;;;OAGG;IACH,SAA4B,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAY;IAElF,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,KAAK,KAAK,GAUhB;;IAOD;;;OAGG;IACI,IAAI,IAAI,IAAI;IAoBnB,OAAO,CAAC,wBAAwB;IAIhC;;OAEG;IACI,KAAK,IAAI,IAAI;IAkBpB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,QAAQ;IAQA,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAQ5C;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,oBAAoB;IAS5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;cAQN,MAAM,IAAI,cAAc;CAiC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAYnE,OAAO,iCAAiC,CAAC;AAEzC,KAAK,wBAAwB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,GAAG,wBAAwB,IAAI,0BAA0B,EAAE,CAAC;;AAK3F;;;;;;;;;;;;;GAaG;AACH,qBAMM,eAAgB,SAAQ,oBAA4D;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAEgB,OAAO,EAAE,MAAM,CAAQ;IAEvC,6CAA6C;IAC7C,SAA6C,QAAQ,EAAE,gBAAgB,CAAmB;IAE1F,4CAA4C;IAC5C,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C;;;OAGG;IACH,SAA4B,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAY;IAElF,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;;IAOpC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;cAQzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E;;;OAGG;IACI,IAAI,IAAI,IAAI;IAoBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAkBpB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,wBAAwB;IAIhC;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,oBAAoB;IAS5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;cAQN,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/toast/toast.component.js

@@ -1,26 +1,26 @@
-var w = (i) => {
+var I = (i) => {
   throw TypeError(i);
 };
-var $ = (i, o, e) => o.has(i) || w("Cannot " + e);
-var u = (i, o, e) => ($(i, o, "read from private field"), e ? e.call(i) : o.get(i)), f = (i, o, e) => o.has(i) ? w("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, e), b = (i, o, e, r) => ($(i, o, "write to private field"), r ? r.call(i, e) : o.set(i, e), e);
+var D = (i, o, e) => o.has(i) || I("Cannot " + e);
+var u = (i, o, e) => (D(i, o, "read from private field"), e ? e.call(i) : o.get(i)), f = (i, o, e) => o.has(i) ? I("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, e), b = (i, o, e, r) => (D(i, o, "write to private field"), r ? r.call(i, e) : o.set(i, e), e);
 import { __esDecorate as g, __runInitializers as c } from "tslib";
-import { css as R, nothing as D, html as L } from "lit";
-import { customElement as K, property as _ } from "lit/decorators.js";
-import { SbbOpenCloseBaseElement as Y } from "../core/base-elements.js";
-import { SbbLanguageController as Z } from "../core/controllers.js";
-import { hostAttributes as j, slotState as U, forceType as P } from "../core/decorators.js";
-import { isFirefox as H, isZeroAnimationDuration as M, isLean as F } from "../core/dom.js";
+import { css as P, nothing as R, html as L } from "lit";
+import { customElement as U, property as _ } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement as K } from "../core/base-elements.js";
+import { SbbLanguageController as Y } from "../core/controllers.js";
+import { hostAttributes as Z, slotState as j, forceType as $ } from "../core/decorators.js";
+import { isZeroAnimationDuration as H, isLean as M } from "../core/dom.js";
 import { composedPathHasAttribute as X } from "../core/eventing.js";
 import { i18nCloseAlert as q } from "../core/i18n.js";
-import { SbbHydrationMixin as G } from "../core/mixins.js";
-import { SbbIconNameMixin as J } from "../icon.js";
+import { SbbHydrationMixin as F } from "../core/mixins.js";
+import { SbbIconNameMixin as G } from "../icon.js";
 import "../button/transparent-button.js";
-const Q = R`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-color: var(--sbb-color-white);--sbb-toast-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;display:none}:host([data-state]:not([data-state=closed])){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;top:0;right:0;bottom:0;left:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast__icon{margin-inline-end:var(--sbb-spacing-fixed-2x);line-height:initial}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-toast__icon{display:none}.sbb-toast__content{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);color:var(--sbb-toast-text-color);flex:1 1 0}.sbb-toast__action{position:relative;min-width:2.5rem}:host(:not([data-slot-names~=action],[dismissible])) .sbb-toast__action{display:none}::slotted([data-sbb-button]),.sbb-toast__action-button{margin-inline:var(--sbb-spacing-fixed-2x);position:absolute;top:-.625rem}::slotted(:is(sbb-link,sbb-link-button,sbb-link-static)){margin-inline-start:var(--sbb-spacing-fixed-4x)}@keyframes open{0%{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}to{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes close{0%{visibility:visible;opacity:1;transform:translateY(0)}to{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}}`, v = /* @__PURE__ */ new Set();
-let pt = (() => {
+const J = P`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-color: var(--sbb-color-white);--sbb-toast-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;display:none}:host([data-state]:not([data-state=closed])){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;top:0;right:0;bottom:0;left:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-color);background-color:var(--sbb-toast-background-color)}:host([data-state=opening]) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host([data-state=closing]) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast__icon{margin-inline-end:var(--sbb-spacing-fixed-2x);line-height:initial}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-toast__icon{display:none}.sbb-toast__content{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);color:var(--sbb-toast-text-color);flex:1 1 0}.sbb-toast__action{position:relative;min-width:2.5rem}:host(:not([data-slot-names~=action],[dismissible])) .sbb-toast__action{display:none}::slotted([data-sbb-button]),.sbb-toast__action-button{margin-inline:var(--sbb-spacing-fixed-2x);position:absolute;top:-.625rem}::slotted(:is(sbb-link,sbb-link-button,sbb-link-static)){margin-inline-start:var(--sbb-spacing-fixed-4x)}@keyframes open{0%{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}to{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes close{0%{visibility:visible;opacity:1;transform:translateY(0)}to{visibility:hidden;opacity:0;transform:translateY(var(--sbb-spacing-fixed-2x))}}`, v = /* @__PURE__ */ new Set();
+let mt = (() => {
   var d, m, p, h, n;
-  let i = [K("sbb-toast"), j({
+  let i = [U("sbb-toast"), Z({
     popover: "manual"
-  }), U()], o, e = [], r, x = J(G(Y)), y, k = [], T = [], z, S = [], N = [], C, A = [], E = [], B, O = [], I = [];
+  }), j()], o, e = [], r, x = G(F(K)), y, k = [], T = [], z, S = [], N = [], C, A = [], E = [], B, w = [], O = [];
   return n = class extends x {
     constructor() {
       var t;
@@ -29,7 +29,7 @@ let pt = (() => {
       f(this, m);
       f(this, p);
       f(this, h);
-      b(this, d, c(this, k, 6e3)), b(this, m, (c(this, T), c(this, S, "bottom-center"))), b(this, p, (c(this, N), c(this, A, !1))), b(this, h, (c(this, E), c(this, O, "polite"))), this._closeTimeout = c(this, I), this._language = new Z(this), (t = this.addEventListener) == null || t.call(this, "click", (s) => this._onClick(s));
+      b(this, d, c(this, k, 6e3)), b(this, m, (c(this, T), c(this, S, "bottom-center"))), b(this, p, (c(this, N), c(this, A, !1))), b(this, h, (c(this, E), c(this, w, "polite"))), this._closeTimeout = c(this, O), this._language = new Y(this), (t = this.addEventListener) == null || t.call(this, "click", (s) => this._onClick(s));
     }
     /**
      * The length of time in milliseconds to wait before automatically dismissing the toast.
@@ -65,17 +65,14 @@ let pt = (() => {
     set politeness(t) {
       b(this, h, t);
     }
-    /**
-     * Role of the live region. This is only for Firefox as there is a known issue where Firefox +
-     * JAWS does not read out aria-live message.
-     */
-    get _role() {
-      if (H) {
-        if (this.politeness === "polite")
-          return "status";
-        if (this.politeness === "assertive")
-          return "alert";
-      }
+    connectedCallback() {
+      super.connectedCallback(), v.add(this);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), clearTimeout(this._closeTimeout), v.delete(this);
+    }
+    willUpdate(t) {
+      super.willUpdate(t), t.has("politeness") && this.setAttribute("aria-live", this.politeness);
     }
     /**
      * Open the toast.
@@ -85,9 +82,6 @@ let pt = (() => {
       var t;
       this.state === "closed" && this.willOpen.emit() && ((t = this.showPopover) == null || t.call(this), this.state = "opening", this._closeOtherToasts(), this._isZeroAnimationDuration() && this._handleOpening());
     }
-    _isZeroAnimationDuration() {
-      return M(this, "--sbb-toast-animation-duration");
-    }
     /**
      * Close the toast.
      */
@@ -106,11 +100,8 @@ let pt = (() => {
       const s = X(t, "sbb-toast-close", this);
       s && !s.hasAttribute("disabled") && this.close();
     }
-    connectedCallback() {
-      super.connectedCallback(), v.add(this);
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback(), clearTimeout(this._closeTimeout), v.delete(this);
+    _isZeroAnimationDuration() {
+      return H(this, "--sbb-toast-animation-duration");
     }
     /**
      * Slotted text nodes are not read correctly by screen readers on Chrome.
@@ -121,13 +112,13 @@ let pt = (() => {
       const s = t.target.assignedNodes();
       if (s.some((a) => a.nodeType === Node.TEXT_NODE)) {
         const a = document.createElement("span");
-        this.appendChild(a), a.append(...s);
+        this.prepend(a), a.append(...s);
       }
     }
     _onActionSlotChange(t) {
       const s = t.target.assignedNodes();
       s.filter((l) => l.nodeName === "SBB-TRANSPARENT-BUTTON" || l.nodeName === "SBB-TRANSPARENT-BUTTON-LINK").forEach((l) => {
-        l.negative = !0, l.size = F() ? "s" : "m";
+        l.negative = !0, l.size = M() ? "s" : "m";
       }), s.filter((l) => ["SBB-LINK", "SBB-LINK-BUTTON", "SBB-LINK-STATIC"].includes(l.nodeName)).forEach((l) => {
         l.negative = !0;
       });
@@ -148,16 +139,10 @@ let pt = (() => {
     render() {
       return L`
       <div class="sbb-toast__overlay-container">
-        ${/* Firefox needs 'role' to enable screen readers */
-      ""}
-        <div
-          class="sbb-toast"
-          role=${this._role ?? D}
-          @animationend=${this._onToastAnimationEnd}
-        >
+        <div class="sbb-toast" @animationend=${this._onToastAnimationEnd}>
           <div class="sbb-toast__icon">${this.renderIconSlot()}</div>
 
-          <div class="sbb-toast__content" aria-live=${this.politeness}>
+          <div class="sbb-toast__content">
             <slot @slotchange=${this._onContentSlotChange}></slot>
           </div>
 
@@ -170,7 +155,7 @@ let pt = (() => {
                     size="m"
                     aria-label=${q[this._language.current]}
                     sbb-toast-close
-                  ></sbb-transparent-button>` : D}
+                  ></sbb-transparent-button>` : R}
             </slot>
           </div>
         </div>
@@ -179,7 +164,7 @@ let pt = (() => {
     }
   }, d = new WeakMap(), m = new WeakMap(), p = new WeakMap(), h = new WeakMap(), r = n, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    y = [P(), _({ type: Number })], z = [_({ reflect: !0 })], C = [P(), _({ type: Boolean, reflect: !0 })], B = [_()], g(n, null, y, { kind: "accessor", name: "timeout", static: !1, private: !1, access: { has: (s) => "timeout" in s, get: (s) => s.timeout, set: (s, a) => {
+    y = [$(), _({ type: Number })], z = [_({ reflect: !0 })], C = [$(), _({ type: Boolean, reflect: !0 })], B = [_()], g(n, null, y, { kind: "accessor", name: "timeout", static: !1, private: !1, access: { has: (s) => "timeout" in s, get: (s) => s.timeout, set: (s, a) => {
       s.timeout = a;
     } }, metadata: t }, k, T), g(n, null, z, { kind: "accessor", name: "position", static: !1, private: !1, access: { has: (s) => "position" in s, get: (s) => s.position, set: (s, a) => {
       s.position = a;
@@ -187,9 +172,9 @@ let pt = (() => {
       s.dismissible = a;
     } }, metadata: t }, A, E), g(n, null, B, { kind: "accessor", name: "politeness", static: !1, private: !1, access: { has: (s) => "politeness" in s, get: (s) => s.politeness, set: (s, a) => {
       s.politeness = a;
-    } }, metadata: t }, O, I), g(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: t }, null, e), r = o.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = Q, c(r, e), r;
+    } }, metadata: t }, w, O), g(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: t }, null, e), r = o.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.styles = J, c(r, e), r;
 })();
 export {
-  pt as SbbToastElement
+  mt as SbbToastElement
 };

package/toggle/toggle/toggle.component.d.ts

@@ -32,7 +32,6 @@ export declare class SbbToggleElement extends SbbToggleElement_base {
     private _value;
     /** The child instances of sbb-toggle-option as an array. */
     get options(): SbbToggleOptionElement[];
-    private _loaded;
     /** Emits whenever the toggle value changes. */
     private _change;
     constructor();
@@ -49,10 +48,7 @@ export declare class SbbToggleElement extends SbbToggleElement_base {
      */
     formResetCallback(): void;
     formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
-    /**
-     * @deprecated Will be made 'private' in the next major version
-     * @internal
-     */
+    /** @internal */
     updatePillPosition(resizing?: boolean): void;
     protected updateFormValue(): void;
     private _updateToggle;

package/toggle/toggle/toggle.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle/toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;;AAIlE;;;;;GAKG;AACH,qBAEM,gBAAiB,SAAQ,qBAAoD;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAIlC;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IAEjC,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;;IAWa,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;cAO7C,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F;;;OAGG;IACI,aAAa,IAAI,IAAI;IAK5B;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAIP;;;OAGG;IACI,kBAAkB,CAAC,QAAQ,UAAQ,GAAG,IAAI;IAmCjD,SAAS,CAAC,eAAe,IAAI,IAAI;IAIjC,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle/toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;;AAIlE;;;;;GAKG;AACH,qBAEM,gBAAiB,SAAQ,qBAAoD;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAIlC;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;;IAWa,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;cAO7C,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAU7F;;;OAGG;IACI,aAAa,IAAI,IAAI;IAK5B;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAIP,gBAAgB;IACT,kBAAkB,CAAC,QAAQ,UAAQ,GAAG,IAAI;IAqCjD,SAAS,CAAC,eAAe,IAAI,IAAI;IAIjC,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}