@sbb-esta/lyne-elements 1.13.0 → 1.14.0

package/title/title-base.d.ts

@@ -9,15 +9,15 @@ declare const SbbTitleBase_base: import('../core/mixins.js').AbstractConstructor
 export declare abstract class SbbTitleBase extends SbbTitleBase_base {
     static styles: CSSResultGroup;
     /** Title level */
-    level: SbbTitleLevel;
+    accessor level: SbbTitleLevel;
     /** Visual level for the title. Optional, if not set, the value of level will be used. */
-    visualLevel?: SbbTitleLevel;
+    accessor visualLevel: SbbTitleLevel | null;
     /**
      * Sometimes we need a title in the markup to present a proper hierarchy
      * to the screen readers while we do not want to let that title appear
      * visually. In this case we set visuallyHidden to true.
      */
-    visuallyHidden?: boolean;
+    accessor visuallyHidden: boolean;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }

package/title/title-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title-base.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE9D;;;;GAIG;AACH,8BAGsB,YAAa,SAAQ,iBAA4B;IACrE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,kBAAkB;IACkB,KAAK,EAAE,aAAa,CAAO;IAE/D,yFAAyF;IAElF,WAAW,CAAC,EAAE,aAAa,CAAC;IAEnC;;;;OAIG;IAEI,cAAc,CAAC,EAAE,OAAO,CAAC;cAEb,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAW5C"}
+{"version":3,"file":"title-base.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE9D;;;;GAIG;AACH,8BAIe,YAAa,SAAQ,iBAA4B;IAC9D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,kBAAkB;IAClB,SAA6C,KAAK,EAAE,aAAa,CAAO;IAExE,yFAAyF;IACzF,SACgB,WAAW,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEzD;;;;OAIG;IACH,SAEgB,cAAc,EAAE,OAAO,CAAS;cAE7B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAW5C"}

package/title/title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C;;;GAGG;AACH,qBACa,eAAgB,SAAQ,YAAY;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAgC;CAC9E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C;;;GAGG;AACH,qBAEM,eAAgB,SAAQ,YAAY;IACxC,OAAuB,MAAM,EAAE,cAAc,CAAgC;CAC9E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/title.js

@@ -1,58 +1,86 @@
-import { property as v, customElement as c } from "lit/decorators.js";
-import { css as g, LitElement as m } from "lit";
-import { html as p, unsafeStatic as h } from "lit/static-html.js";
-import { hostAttributes as f } from "./core/decorators.js";
-import { SbbNegativeMixin as d } from "./core/mixins.js";
-const u = g`*,:before,:after{box-sizing:border-box}:host{--sbb-title-text-color-normal: var( --sbb-title-text-color-normal-override, var(--sbb-color-charcoal) );display:block}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}.sbb-title{color:var(--sbb-title-text-color-normal)}:host([visually-hidden]) .sbb-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host(:is([level="1"]:not([visual-level]),[visual-level="1"])) .sbb-title{--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-1)}:host(:is([level="2"]:not([visual-level]),[visual-level="2"])) .sbb-title{--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-2)}:host(:is([level="3"]:not([visual-level]),[visual-level="3"])) .sbb-title{--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-3)}:host(:is([level="4"]:not([visual-level]),[visual-level="4"])) .sbb-title{--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-4)}:host(:is([level="5"]:not([visual-level]),[visual-level="5"])) .sbb-title{--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-5);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}:host(:is([level="6"]:not([visual-level]),[visual-level="6"])) .sbb-title{--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)}`;
-var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, n = (e, l, b, i) => {
-  for (var t = i > 1 ? void 0 : i ? k(l, b) : l, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (t = (i ? a(l, b, t) : a(t)) || t);
-  return i && t && y(l, b, t), t;
+var H = (e) => {
+  throw TypeError(e);
 };
-let s = class extends d(m) {
-  constructor() {
-    super(...arguments), this.level = "1";
-  }
-  willUpdate(e) {
-    super.willUpdate(e), e.has("level") && this.setAttribute("aria-level", this.level);
-  }
-  render() {
-    const e = `h${this.level}`;
-    return p`
-      <${h(e)} class="sbb-title" role="presentation">
+var E = (e, t, a) => t.has(e) || H("Cannot " + a);
+var d = (e, t, a) => (E(e, t, "read from private field"), a ? a.call(e) : t.get(e)), f = (e, t, a) => t.has(e) ? H("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), p = (e, t, a, l) => (E(e, t, "write to private field"), l ? l.call(e, a) : t.set(e, a), a);
+import { __esDecorate as u, __runInitializers as n } from "tslib";
+import { property as y, customElement as j } from "lit/decorators.js";
+import { css as D, LitElement as A } from "lit";
+import { html as O, unsafeStatic as I } from "lit/static-html.js";
+import { hostAttributes as $, forceType as B } from "./core/decorators.js";
+import { SbbNegativeMixin as M } from "./core/mixins.js";
+const N = D`*,:before,:after{box-sizing:border-box}:host{--sbb-title-text-color-normal: var( --sbb-title-text-color-normal-override, var(--sbb-color-charcoal) );display:block}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}.sbb-title{color:var(--sbb-title-text-color-normal)}:host([visually-hidden]) .sbb-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host(:is([level="1"]:not([visual-level]),[visual-level="1"])) .sbb-title{--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-1)}:host(:is([level="2"]:not([visual-level]),[visual-level="2"])) .sbb-title{--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-2)}:host(:is([level="3"]:not([visual-level]),[visual-level="3"])) .sbb-title{--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-3)}:host(:is([level="4"]:not([visual-level]),[visual-level="4"])) .sbb-title{--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-4)}:host(:is([level="5"]:not([visual-level]),[visual-level="5"])) .sbb-title{--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-5);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}:host(:is([level="6"]:not([visual-level]),[visual-level="6"])) .sbb-title{--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)}`;
+let T = (() => {
+  var c, h, g, r;
+  let e = [$({
+    role: "heading"
+  })], t, a = [], l, v = M(A), b, k = [], o = [], _, z = [], x = [], w, S = [], L = [];
+  return r = class extends v {
+    constructor() {
+      super(...arguments);
+      f(this, c, n(this, k, "1"));
+      f(this, h, (n(this, o), n(this, z, null)));
+      f(this, g, (n(this, x), n(this, S, !1)));
+      n(this, L);
+    }
+    /** Title level */
+    get level() {
+      return d(this, c);
+    }
+    set level(i) {
+      p(this, c, i);
+    }
+    /** Visual level for the title. Optional, if not set, the value of level will be used. */
+    get visualLevel() {
+      return d(this, h);
+    }
+    set visualLevel(i) {
+      p(this, h, i);
+    }
+    /**
+     * Sometimes we need a title in the markup to present a proper hierarchy
+     * to the screen readers while we do not want to let that title appear
+     * visually. In this case we set visuallyHidden to true.
+     */
+    get visuallyHidden() {
+      return d(this, g);
+    }
+    set visuallyHidden(i) {
+      p(this, g, i);
+    }
+    willUpdate(i) {
+      super.willUpdate(i), i.has("level") && this.setAttribute("aria-level", this.level);
+    }
+    render() {
+      const i = `h${this.level}`;
+      return O`
+      <${I(i)} class="sbb-title" role="presentation">
         <slot></slot>
-      </${h(e)}>
+      </${I(i)}>
     `;
-  }
-};
-s.styles = u;
-n([
-  v({ reflect: !0 })
-], s.prototype, "level", 2);
-n([
-  v({ attribute: "visual-level", reflect: !0 })
-], s.prototype, "visualLevel", 2);
-n([
-  v({ attribute: "visually-hidden", reflect: !0, type: Boolean })
-], s.prototype, "visuallyHidden", 2);
-s = n([
-  f({
-    role: "heading"
-  })
-], s);
-const w = g`:host{--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end)}:host(:where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-m);--sbb-title-margin-block-end: var(--sbb-spacing-responsive-s)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"]):where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-l)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"]):where(:not([visually-hidden]))),:host(:where([level="3"]:not([visual-level]),[visual-level="3"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-responsive-xxxs)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-3x)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-2x)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-1x)}`;
-var x = Object.defineProperty, z = Object.getOwnPropertyDescriptor, _ = (e, l, b, i) => {
-  for (var t = i > 1 ? void 0 : i ? z(l, b) : l, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (t = (i ? a(l, b, t) : a(t)) || t);
-  return i && t && x(l, b, t), t;
-};
-let o = class extends s {
-};
-o.styles = [s.styles, w];
-o = _([
-  c("sbb-title")
-], o);
+    }
+  }, c = new WeakMap(), h = new WeakMap(), g = new WeakMap(), l = r, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    b = [y({ reflect: !0 })], _ = [y({ attribute: "visual-level", reflect: !0 })], w = [B(), y({ attribute: "visually-hidden", reflect: !0, type: Boolean })], u(r, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (s) => "level" in s, get: (s) => s.level, set: (s, m) => {
+      s.level = m;
+    } }, metadata: i }, k, o), u(r, null, _, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (s) => "visualLevel" in s, get: (s) => s.visualLevel, set: (s, m) => {
+      s.visualLevel = m;
+    } }, metadata: i }, z, x), u(r, null, w, { kind: "accessor", name: "visuallyHidden", static: !1, private: !1, access: { has: (s) => "visuallyHidden" in s, get: (s) => s.visuallyHidden, set: (s, m) => {
+      s.visuallyHidden = m;
+    } }, metadata: i }, S, L), u(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: i }, null, a), l = t.value, i && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), r.styles = N, n(l, a), l;
+})();
+const U = D`:host{--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end)}:host(:where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-m);--sbb-title-margin-block-end: var(--sbb-spacing-responsive-s)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"]):where(:not([visually-hidden]))){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-l)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"]):where(:not([visually-hidden]))),:host(:where([level="3"]:not([visual-level]),[visual-level="3"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-responsive-xxxs)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-3x)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-2x)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"]):where(:not([visually-hidden]))){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-1x)}`;
+let R = (() => {
+  var b;
+  let e = [j("sbb-title")], t, a = [], l, v = T;
+  return b = class extends v {
+  }, l = b, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    u(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: o }, null, a), l = t.value, o && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), b.styles = [T.styles, U], n(l, a), l;
+})();
 export {
-  s as SbbTitleBase,
-  o as SbbTitleElement
+  T as SbbTitleBase,
+  R as SbbTitleElement
 };

package/toast/toast.d.ts

@@ -24,16 +24,16 @@ export declare class SbbToastElement extends SbbToastElement_base {
      * The length of time in milliseconds to wait before automatically dismissing the toast.
      * If 0, it stays open indefinitely.
      */
-    timeout: number;
+    accessor timeout: number;
     /** The position where to place the toast. */
-    position: SbbToastPosition;
+    accessor position: SbbToastPosition;
     /** Whether the toast has a close button. */
-    dismissible: boolean;
+    accessor dismissible: boolean;
     /**
      * The ARIA politeness level.
      * Check https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info
      */
-    politeness: 'polite' | 'assertive' | 'off';
+    accessor politeness: 'polite' | 'assertive' | 'off';
     private _closeTimeout?;
     private _abort;
     private _language;

package/toast/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.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,qBAEa,eAAgB,SAAQ,oBAA4D;IAC/F,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgC,OAAO,SAAQ;IAElD,6CAA6C;IACT,QAAQ,EAAE,gBAAgB,CAAmB;IAEjF,4CAA4C;IACO,WAAW,UAAS;IAEvE;;;OAGG;IACgB,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAY;IAEzE,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,KAAK,KAAK,GAUhB;IAED;;;OAGG;IACI,IAAI,IAAI,IAAI;IAYnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAapB,OAAO,CAAC,QAAQ;IAQA,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAQ5C;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,oBAAoB;IAmB5B;;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.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.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,qBAGM,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,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,KAAK,KAAK,GAUhB;IAED;;;OAGG;IACI,IAAI,IAAI,IAAI;IAYnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAapB,OAAO,CAAC,QAAQ;IAQA,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAQ5C;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,oBAAoB;IAmB5B;;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"}

package/toast.js

@@ -1,108 +1,146 @@
-import { css as m, html as d, nothing as p } from "lit";
-import { property as b, customElement as h } from "lit/decorators.js";
-import { SbbOpenCloseBaseElement as f } from "./core/base-elements.js";
-import { SbbConnectedAbortController as v, SbbLanguageController as g } from "./core/controllers.js";
-import { slotState as u } from "./core/decorators.js";
-import { isFirefox as _ } from "./core/dom.js";
-import { composedPathHasAttribute as x } from "./core/eventing.js";
-import { i18nCloseAlert as y } from "./core/i18n.js";
-import { SbbHydrationMixin as T } from "./core/mixins.js";
-import { SbbIconNameMixin as N } from "./icon.js";
-import "./button/transparent-button.js";
-const k = m`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-zero-time, 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: flex;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;display:block}:host(:not([data-state])),:host([data-state=closed]){--sbb-toast-container-display: none}: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))}}`;
-var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (o, s, i, a) => {
-  for (var t = a > 1 ? void 0 : a ? S(s, i) : s, r = o.length - 1, l; r >= 0; r--)
-    (l = o[r]) && (t = (a ? l(s, i, t) : l(t)) || t);
-  return a && t && C(s, i, t), t;
+var O = (i) => {
+  throw TypeError(i);
 };
-const c = /* @__PURE__ */ new Set();
-let e = class extends N(T(f)) {
-  constructor() {
-    super(...arguments), this.timeout = 6e3, this.position = "bottom-center", this.dismissible = !1, this.politeness = "polite", this._abort = new v(this), this._language = new g(this);
-  }
-  /**
-   * 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 (_) {
-      if (this.politeness === "polite")
-        return "status";
-      if (this.politeness === "assertive")
-        return "alert";
-    }
-  }
-  /**
-   * Open the toast.
-   * If there are other opened toasts in the page, close them first.
-   */
-  open() {
-    this.state === "closed" && this.willOpen.emit() && (this.state = "opening", this._closeOtherToasts());
-  }
-  /**
-   * Close the toast.
-   */
-  close() {
-    this.state === "opened" && this.willClose.emit() && (clearTimeout(this._closeTimeout), this.state = "closing");
-  }
-  // Close the toast on click of any element that has the 'sbb-toast-close' attribute.
-  _onClick(o) {
-    const s = x(o, "sbb-toast-close", this);
-    s && !s.hasAttribute("disabled") && this.close();
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const o = this._abort.signal;
-    this.addEventListener("click", (s) => this._onClick(s), { signal: o }), c.add(this);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this._closeTimeout), c.delete(this);
-  }
-  /**
-   * 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,
-   * we wrap the whole content in a <span> tag
-   */
-  _onContentSlotChange(o) {
-    const s = o.target.assignedNodes();
-    if (s.some((i) => i.nodeType === Node.TEXT_NODE)) {
-      const i = document.createElement("span");
-      this.appendChild(i), i.append(...s);
-    }
-  }
-  _onActionSlotChange(o) {
-    const s = o.target.assignedNodes();
-    s.filter(
-      (t) => t.nodeName === "SBB-TRANSPARENT-BUTTON" || t.nodeName === "SBB-TRANSPARENT-BUTTON-LINK"
-    ).forEach((t) => {
-      t.negative = !0, t.size = "m";
-    }), s.filter(
-      (t) => ["SBB-LINK", "SBB-LINK-BUTTON", "SBB-LINK-STATIC"].includes(t.nodeName)
-    ).forEach((t) => {
-      t.negative = !0;
-    });
-  }
-  // In rare cases it can be that the animationEnd event is triggered twice.
-  // To avoid entering a corrupt state, exit when state is not expected.
-  _onToastAnimationEnd(o) {
-    o.animationName === "open" && this.state === "opening" && (this.state = "opened", this.didOpen.emit(), this.timeout && (this._closeTimeout = setTimeout(() => this.close(), this.timeout))), o.animationName === "close" && this.state === "closing" && (this.state = "closed", this.didClose.emit());
-  }
-  /**
-   * Since we do not stack toasts, we force the closing on other existing opened ones
-   */
-  _closeOtherToasts() {
-    c.forEach((o) => {
-      o.getAttribute("data-state") === "opened" && o.close();
-    });
-  }
-  render() {
-    return d`
+var $ = (i, o, e) => o.has(i) || O("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) ? O("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);
+import { __runInitializers as c, __esDecorate as g } from "tslib";
+import { css as K, html as L, nothing as R } from "lit";
+import { customElement as P, property as v } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement as Y } from "./core/base-elements.js";
+import { SbbConnectedAbortController as j, SbbLanguageController as U } from "./core/controllers.js";
+import { slotState as H, forceType as D } from "./core/decorators.js";
+import { isFirefox as M } from "./core/dom.js";
+import { composedPathHasAttribute as F } from "./core/eventing.js";
+import { i18nCloseAlert as X } from "./core/i18n.js";
+import { SbbHydrationMixin as q } from "./core/mixins.js";
+import { SbbIconNameMixin as G } from "./icon.js";
+import "./button/transparent-button.js";
+const J = K`*,:before,:after{box-sizing:border-box}:host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-zero-time, 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: flex;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;display:block}:host(:not([data-state])),:host([data-state=closed]){--sbb-toast-container-display: none}: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))}}`, _ = /* @__PURE__ */ new Set();
+let dt = (() => {
+  var d, m, p, h, n;
+  let i = [P("sbb-toast"), H()], o, e = [], r, x = G(q(Y)), y, k = [], z = [], T, S = [], N = [], C, E = [], B = [], A, I = [], w = [];
+  return n = class extends x {
+    constructor() {
+      super(...arguments);
+      f(this, d);
+      f(this, m);
+      f(this, p);
+      f(this, h);
+      b(this, d, c(this, k, 6e3)), b(this, m, (c(this, z), c(this, S, "bottom-center"))), b(this, p, (c(this, N), c(this, E, !1))), b(this, h, (c(this, B), c(this, I, "polite"))), this._closeTimeout = c(this, w), this._abort = new j(this), this._language = new U(this);
+    }
+    /**
+     * The length of time in milliseconds to wait before automatically dismissing the toast.
+     * If 0, it stays open indefinitely.
+     */
+    get timeout() {
+      return u(this, d);
+    }
+    set timeout(s) {
+      b(this, d, s);
+    }
+    /** The position where to place the toast. */
+    get position() {
+      return u(this, m);
+    }
+    set position(s) {
+      b(this, m, s);
+    }
+    /** Whether the toast has a close button. */
+    get dismissible() {
+      return u(this, p);
+    }
+    set dismissible(s) {
+      b(this, p, s);
+    }
+    /**
+     * The ARIA politeness level.
+     * Check https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info
+     */
+    get politeness() {
+      return u(this, h);
+    }
+    set politeness(s) {
+      b(this, h, s);
+    }
+    /**
+     * 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 (M) {
+        if (this.politeness === "polite")
+          return "status";
+        if (this.politeness === "assertive")
+          return "alert";
+      }
+    }
+    /**
+     * Open the toast.
+     * If there are other opened toasts in the page, close them first.
+     */
+    open() {
+      this.state === "closed" && this.willOpen.emit() && (this.state = "opening", this._closeOtherToasts());
+    }
+    /**
+     * Close the toast.
+     */
+    close() {
+      this.state === "opened" && this.willClose.emit() && (clearTimeout(this._closeTimeout), this.state = "closing");
+    }
+    // Close the toast on click of any element that has the 'sbb-toast-close' attribute.
+    _onClick(s) {
+      const t = F(s, "sbb-toast-close", this);
+      t && !t.hasAttribute("disabled") && this.close();
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      const s = this._abort.signal;
+      this.addEventListener("click", (t) => this._onClick(t), { signal: s }), _.add(this);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), clearTimeout(this._closeTimeout), _.delete(this);
+    }
+    /**
+     * 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,
+     * we wrap the whole content in a <span> tag
+     */
+    _onContentSlotChange(s) {
+      const t = s.target.assignedNodes();
+      if (t.some((a) => a.nodeType === Node.TEXT_NODE)) {
+        const a = document.createElement("span");
+        this.appendChild(a), a.append(...t);
+      }
+    }
+    _onActionSlotChange(s) {
+      const t = s.target.assignedNodes();
+      t.filter((l) => l.nodeName === "SBB-TRANSPARENT-BUTTON" || l.nodeName === "SBB-TRANSPARENT-BUTTON-LINK").forEach((l) => {
+        l.negative = !0, l.size = "m";
+      }), t.filter((l) => ["SBB-LINK", "SBB-LINK-BUTTON", "SBB-LINK-STATIC"].includes(l.nodeName)).forEach((l) => {
+        l.negative = !0;
+      });
+    }
+    // In rare cases it can be that the animationEnd event is triggered twice.
+    // To avoid entering a corrupt state, exit when state is not expected.
+    _onToastAnimationEnd(s) {
+      s.animationName === "open" && this.state === "opening" && (this.state = "opened", this.didOpen.emit(), this.timeout && (this._closeTimeout = setTimeout(() => this.close(), this.timeout))), s.animationName === "close" && this.state === "closing" && (this.state = "closed", this.didClose.emit());
+    }
+    /**
+     * Since we do not stack toasts, we force the closing on other existing opened ones
+     */
+    _closeOtherToasts() {
+      _.forEach((s) => {
+        s.getAttribute("data-state") === "opened" && s.close();
+      });
+    }
+    render() {
+      return L`
       <div class="sbb-toast__overlay-container">
         ${/* Firefox needs 'role' to enable screen readers */
-    ""}
+      ""}
         <div
           class="sbb-toast"
-          role=${this._role ?? p}
+          role=${this._role ?? R}
           @animationend=${this._onToastAnimationEnd}
         >
           <div class="sbb-toast__icon">${this.renderIconSlot()}</div>
@@ -113,38 +151,33 @@ let e = class extends N(T(f)) {
 
           <div class="sbb-toast__action">
             <slot name="action" @slotchange=${this._onActionSlotChange}>
-              ${this.dismissible ? d` <sbb-transparent-button
+              ${this.dismissible ? L` <sbb-transparent-button
                     class="sbb-toast__action-button"
                     icon-name="cross-small"
                     negative
                     size="m"
-                    aria-label=${y[this._language.current]}
+                    aria-label=${X[this._language.current]}
                     sbb-toast-close
-                  ></sbb-transparent-button>` : p}
+                  ></sbb-transparent-button>` : R}
             </slot>
           </div>
         </div>
       </div>
     `;
-  }
-};
-e.styles = k;
-n([
-  b({ type: Number })
-], e.prototype, "timeout", 2);
-n([
-  b({ reflect: !0 })
-], e.prototype, "position", 2);
-n([
-  b({ type: Boolean, reflect: !0 })
-], e.prototype, "dismissible", 2);
-n([
-  b()
-], e.prototype, "politeness", 2);
-e = n([
-  h("sbb-toast"),
-  u()
-], e);
+    }
+  }, d = new WeakMap(), m = new WeakMap(), p = new WeakMap(), h = new WeakMap(), r = n, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    y = [D(), v({ type: Number })], T = [v({ reflect: !0 })], C = [D(), v({ type: Boolean, reflect: !0 })], A = [v()], g(n, null, y, { kind: "accessor", name: "timeout", static: !1, private: !1, access: { has: (t) => "timeout" in t, get: (t) => t.timeout, set: (t, a) => {
+      t.timeout = a;
+    } }, metadata: s }, k, z), g(n, null, T, { kind: "accessor", name: "position", static: !1, private: !1, access: { has: (t) => "position" in t, get: (t) => t.position, set: (t, a) => {
+      t.position = a;
+    } }, metadata: s }, S, N), g(n, null, C, { kind: "accessor", name: "dismissible", static: !1, private: !1, access: { has: (t) => "dismissible" in t, get: (t) => t.dismissible, set: (t, a) => {
+      t.dismissible = a;
+    } }, metadata: s }, E, B), g(n, null, A, { kind: "accessor", name: "politeness", static: !1, private: !1, access: { has: (t) => "politeness" in t, get: (t) => t.politeness, set: (t, a) => {
+      t.politeness = a;
+    } }, metadata: s }, I, w), g(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: s }, null, e), r = o.value, s && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), n.styles = J, c(r, e), r;
+})();
 export {
-  e as SbbToastElement
+  dt as SbbToastElement
 };

package/toggle/toggle/toggle.d.ts

@@ -14,16 +14,14 @@ export declare class SbbToggleElement extends LitElement {
         readonly change: "change";
     };
     /** Whether the toggle is disabled. */
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    private _disabled;
+    accessor disabled: boolean;
     /**
      * If true, set the width of the component fixed; if false,
      * the width is dynamic based on the label of the sbb-toggle-option.
      */
-    even: boolean;
+    accessor even: boolean;
     /** Size variant, either m or s. */
-    size?: 's' | 'm';
+    accessor size: 's' | 'm';
     /**
      * The value of the toggle. It needs to be mutable since it is updated whenever
      * a new option is selected (see the `onToggleOptionSelect()` method).

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle/toggle.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAIlE;;;;;;GAMG;AACH,qBAIa,gBAAiB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sCAAsC;IACtC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAkB;IAEnC;;;OAGG;IACgD,IAAI,EAAE,OAAO,CAAS;IAEzE,mCAAmC;IACC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAO;IAE3D;;;OAGG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAM7B;IACD,IAAW,KAAK,IAAI,MAAM,CAIzB;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,qBAAqB,CAI1B;IAEH;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;IAEH,OAAO,CAAC,MAAM,CAAyC;IAEvD,gBAAgB;IACT,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IA6BlC,iBAAiB,IAAI,IAAI;cAShB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,YAAY;IAMpB,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.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle/toggle.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAIlE;;;;;;GAMG;AACH,qBAKM,gBAAiB,SAAQ,UAAU;IACvC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sCAAsC;IACtC,SAGgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE;;;OAGG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAM7B;IACD,IAAW,KAAK,IAAI,MAAM,CAIzB;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,qBAAqB,CAI1B;IAEH;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;IAEH,OAAO,CAAC,MAAM,CAAyC;IAEvD,gBAAgB;IACT,kBAAkB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IA6BlC,iBAAiB,IAAI,IAAI;cAShB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/toggle/toggle-option/toggle-option.d.ts

@@ -9,9 +9,9 @@ declare const SbbToggleOptionElement_base: import('../../core/mixins.js').Abstra
 export declare class SbbToggleOptionElement extends SbbToggleOptionElement_base {
     static styles: CSSResultGroup;
     /** Whether the toggle-option is checked. */
-    checked: boolean;
+    accessor checked: boolean;
     /** Whether the toggle option is disabled. */
-    disabled: boolean;
+    accessor disabled: boolean;
     /** Value of toggle-option. */
     set value(value: string);
     get value(): string;

package/toggle/toggle-option/toggle-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle-option/toggle-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;;AAWhD;;;;;GAKG;AACH,qBAKa,sBAAuB,SAAQ,2BAA4B;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAErC,OAAO,UAAS;IAEvB,6CAA6C;IAEtC,QAAQ,EAAE,OAAO,CAAS;IAEjC,8BAA8B;IAC9B,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnC,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;cAetB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle-option/toggle-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;;AAWhD;;;;;GAKG;AACH,qBAMM,sBAAuB,SAAQ,2BAA4B;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAC5C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6CAA6C;IAC7C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,8BAA8B;IAC9B,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnC,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;cAetB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}