@sbb-esta/lyne-elements 2.11.0 → 2.11.2

package/tag/tag-group/tag-group.component.js

@@ -1,8 +1,8 @@
-var D = (i) => {
-  throw TypeError(i);
+var D = (s) => {
+  throw TypeError(s);
 };
-var O = (i, l, a) => l.has(i) || D("Cannot " + a);
-var d = (i, l, a) => (O(i, l, "read from private field"), a ? a.call(i) : l.get(i)), f = (i, l, a) => l.has(i) ? D("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(i) : l.set(i, a), n = (i, l, a, c) => (O(i, l, "write to private field"), c ? c.call(i, a) : l.set(i, a), a);
+var O = (s, i, a) => i.has(s) || D("Cannot " + a);
+var d = (s, i, a) => (O(s, i, "read from private field"), a ? a.call(s) : i.get(s)), f = (s, i, a) => i.has(s) ? D("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, a), n = (s, i, a, c) => (O(s, i, "write to private field"), c ? c.call(s, a) : i.set(s, a), a);
 import { __runInitializers as o, __esDecorate as p } from "tslib";
 import { css as N, LitElement as T, isServer as U, html as j } from "lit";
 import { customElement as C, property as _ } from "lit/decorators.js";
@@ -12,7 +12,7 @@ import { SbbDisabledMixin as G, SbbNamedSlotListMixin as J } from "../../core/mi
 const R = N`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-tag-group__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-3x)}.sbb-tag-group__list>:is(li,span){display:flex;max-width:100%}`;
 let Y = (() => {
   var b, u, h, r;
-  let i = [C("sbb-tag-group")], l, a = [], c, y = G(J(T)), g = [], A, z = [], v = [], L, x = [], k = [], S, E = [], w = [], I;
+  let s = [C("sbb-tag-group")], i, a = [], c, y = G(J(T)), g = [], A, z = [], v = [], L, x = [], k = [], S, E = [], w = [], I;
   return r = class extends y {
     constructor() {
       super(...arguments);
@@ -62,35 +62,27 @@ let Y = (() => {
       if (U)
         this._value = t;
       else if (t === null)
-        e.forEach((s) => s.checked = !1);
+        e.forEach((l) => l.checked = !1);
       else if (this.multiple) {
         if (!Array.isArray(t) && e.every((m) => m.value !== t))
           try {
             t = JSON.parse(t);
           } catch {
           }
-        const s = Array.isArray(t) ? t : [t];
-        e.forEach((m) => m.checked = s.includes(m.value ?? m.getAttribute("value")));
+        const l = Array.isArray(t) ? t : [t];
+        e.forEach((m) => m.checked = l.includes(m.value ?? m.getAttribute("value")));
       } else
-        Array.isArray(t) || e.forEach((s) => s.checked = (s.value ?? s.getAttribute("value")) === t);
+        Array.isArray(t) || e.forEach((l) => l.checked = (l.value ?? l.getAttribute("value")) === t);
     }
     get value() {
-      var t;
-      return U ? this._value : this.multiple ? this.tags.filter((e) => e.checked).map((e) => e.value) : ((t = this.tags.find((e) => e.checked)) == null ? void 0 : t.value) ?? null;
+      return U ? this._value : this.multiple ? this.tags.filter((t) => t.checked).map((t) => t.value) : this.tags.find((t) => t.checked)?.value ?? null;
     }
     /** The child instances of sbb-tag as an array. */
     get tags() {
-      var t;
-      return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-tag")) ?? []);
+      return Array.from(this.querySelectorAll?.("sbb-tag") ?? []);
     }
     willUpdate(t) {
-      super.willUpdate(t), t.has("size") && this.tags.forEach((e) => {
-        var s;
-        return (s = e.requestUpdate) == null ? void 0 : s.call(e, "size");
-      }), t.has("disabled") && this.tags.forEach((e) => {
-        var s;
-        return (s = e.requestUpdate) == null ? void 0 : s.call(e, "disabled");
-      }), (t.has("listChildren") || t.has("multiple")) && !this.multiple && this.tags.filter((e) => e.checked).slice(1).forEach((e) => e.checked = !1), B(this, "role", t.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
+      super.willUpdate(t), t.has("size") && this.tags.forEach((e) => e.requestUpdate?.("size")), t.has("disabled") && this.tags.forEach((e) => e.requestUpdate?.("disabled")), (t.has("listChildren") || t.has("multiple")) && !this.multiple && this.tags.filter((e) => e.checked).slice(1).forEach((e) => e.checked = !1), B(this, "role", t.has("listAccessibilityLabel") && this.listAccessibilityLabel ? null : "group");
     }
     render() {
       return j`
@@ -104,15 +96,15 @@ let Y = (() => {
     }
   }, b = new WeakMap(), u = new WeakMap(), h = new WeakMap(), c = r, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    A = [q(), _({ attribute: "list-accessibility-label" })], L = [q(), _({ type: Boolean })], S = [_({ reflect: !0 })], I = [_()], p(r, null, A, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (e) => "listAccessibilityLabel" in e, get: (e) => e.listAccessibilityLabel, set: (e, s) => {
-      e.listAccessibilityLabel = s;
-    } }, metadata: t }, z, v), p(r, null, L, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, s) => {
-      e.multiple = s;
-    } }, metadata: t }, x, k), p(r, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, s) => {
-      e.size = s;
-    } }, metadata: t }, E, w), p(r, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, s) => {
-      e.value = s;
-    } }, metadata: t }, null, g), p(null, l = { value: c }, i, { kind: "class", name: c.name, metadata: t }, null, a), c = l.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    A = [q(), _({ attribute: "list-accessibility-label" })], L = [q(), _({ type: Boolean })], S = [_({ reflect: !0 })], I = [_()], p(r, null, A, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (e) => "listAccessibilityLabel" in e, get: (e) => e.listAccessibilityLabel, set: (e, l) => {
+      e.listAccessibilityLabel = l;
+    } }, metadata: t }, z, v), p(r, null, L, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, l) => {
+      e.multiple = l;
+    } }, metadata: t }, x, k), p(r, null, S, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, l) => {
+      e.size = l;
+    } }, metadata: t }, E, w), p(r, null, I, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, l) => {
+      e.value = l;
+    } }, metadata: t }, null, g), p(null, i = { value: c }, s, { kind: "class", name: c.name, metadata: t }, null, a), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), r.styles = R, o(c, a), c;
 })();
 export {

package/teaser/teaser.component.js

@@ -12,7 +12,7 @@ import { css as U } from "lit";
 import "../chip-label.js";
 import "../screen-reader-only.js";
 import "../title.js";
-const q = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media (forced-colors: active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media (any-hover: hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:pointer}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;top:0;right:0;bottom:0;left:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip-label{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip-label{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
+const q = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media (forced-colors: active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media (any-hover: hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:pointer}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip-label{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip-label{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
 let Y = (() => {
   var b, c, d, h, r;
   let t = [B("sbb-teaser"), H()], s, i = [], o, g = F, w, x = [], y = [], C, k = [], z = [], L, S = [], T = [], I, $ = [], E = [];

package/teaser-product/common.js

@@ -1,5 +1,5 @@
 import { SbbTeaserProductCommonElementMixin as r } from "./common/teaser-product-common.js";
-import { t as m } from "../teaser-product-common-CpMAlYEp.js";
+import { t as m } from "../teaser-product-common-C8oSkIxy.js";
 export {
   r as SbbTeaserProductCommonElementMixin,
   m as teaserProductCommonStyle

package/teaser-product/teaser-product/teaser-product.component.js

@@ -5,7 +5,7 @@ import { SbbLinkBaseElement as u } from "../../core/base-elements.js";
 import { SbbTeaserProductCommonElementMixin as d, teaserProductCommonStyle as m } from "../common.js";
 import { css as p } from "lit";
 import "../../screen-reader-only.js";
-const f = p`:host{--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media (forced-colors: active){:host{--sbb-title-text-color-normal-override: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media (forced-colors: active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;top:0;right:0;bottom:0;left:0}.sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}`;
+const f = p`:host{--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x)}@media (forced-colors: active){:host{--sbb-title-text-color-normal-override: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media (forced-colors: active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;inset:0}.sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}`;
 let k = (() => {
   var t;
   let l = [n("sbb-teaser-product")], o, s = [], e, a = d(u);

package/teaser-product-common-C8oSkIxy.js

@@ -0,0 +1,5 @@
+import { css as r } from "lit";
+const e = r`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-gradient-direction: to right;--sbb-teaser-product-background: var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-product-content-color: var(--sbb-color-iron);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height: 37.5rem;--sbb-teaser-product-background-gradient-start: 25%;--sbb-teaser-product-background-gradient-end: 75%}@media (min-width: 64rem){:host{--sbb-teaser-product-background: linear-gradient( var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end) )}}:host([negative]){--sbb-teaser-product-background-color: var(--sbb-color-midnight);--sbb-teaser-product-content-color: var(--sbb-color-cloud);--sbb-teaser-product-footer-color: var(--sbb-color-cloud);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-milk)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction: to left}.sbb-teaser-product__image-container{overflow:hidden;border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0}@media (min-width: 64rem){.sbb-teaser-product__image-container{position:absolute;inset:0;border-radius:var(--sbb-teaser-product-border-radius)}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){--sbb-title-margin-block-start: 0}::slotted(:is(sbb-action-group,[data-action]).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){display:flex;width:100%;height:100%}@media (forced-colors: active){.sbb-teaser-product__root:after{content:"";position:absolute;display:block;inset:0;pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius)}}.sbb-action-base{display:block;position:relative;text-decoration:none}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media (min-width: 64rem){.sbb-teaser-product__container{display:grid;grid:"content ." 1fr "footnote ." auto/1fr 1fr;column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:". content" ". footnote"}}.sbb-teaser-product__content{grid-area:content;align-self:center;margin:0;color:var(--sbb-teaser-product-content-color)}@media (min-width: 64rem){.sbb-teaser-product__content{align-content:center;min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block))}}.sbb-teaser-product__footnote{grid-area:footnote;padding-block-start:var(--sbb-spacing-responsive-s);color:var(--sbb-teaser-product-footer-color);--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host(:not([data-slot-names~=footnote])) .sbb-teaser-product__footnote{padding-block-start:0}@media (min-width: 64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`;
+export {
+  e as t
+};

package/teaser-product.js

@@ -1,7 +1,7 @@
 import { SbbTeaserProductElement as r } from "./teaser-product/teaser-product/teaser-product.component.js";
 import { SbbTeaserProductStaticElement as m } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
 import { SbbTeaserProductCommonElementMixin as b } from "./teaser-product/common/teaser-product-common.js";
-import { t as c } from "./teaser-product-common-CpMAlYEp.js";
+import { t as c } from "./teaser-product-common-C8oSkIxy.js";
 export {
   b as SbbTeaserProductCommonElementMixin,
   r as SbbTeaserProductElement,

package/time-input/time-input.component.js

@@ -1,45 +1,45 @@
-var T = (n) => {
-  throw TypeError(n);
+var D = (i) => {
+  throw TypeError(i);
 };
-var V = (n, s, a) => s.has(n) || T("Cannot " + a);
-var E = (n, s, a) => (V(n, s, "read from private field"), a ? a.call(n) : s.get(n)), g = (n, s, a) => s.has(n) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(n) : s.set(n, a), c = (n, s, a, u) => (V(n, s, "write to private field"), u ? u.call(n, a) : s.set(n, a), a);
-import { __runInitializers as m, __esDecorate as b } from "tslib";
-import { css as x, LitElement as H, isServer as R, html as M } from "lit";
-import { customElement as U, property as L, state as z } from "lit/decorators.js";
-import { ref as $ } from "lit/directives/ref.js";
-import { SbbIdReferenceController as P, SbbLanguageController as G } from "../core/controllers.js";
-import { EventEmitter as O, forwardEvent as k } from "../core/eventing.js";
-import { i18nTimeInputChange as j } from "../core/i18n.js";
-const q = x`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:block}`, K = /[0-9.:,\-;_hH]/, W = /^([0-9]{1,2})([0-9]{2})$/, X = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
+var S = (i, n, a) => n.has(i) || D("Cannot " + a);
+var d = (i, n, a) => (S(i, n, "read from private field"), a ? a.call(i) : n.get(i)), b = (i, n, a) => n.has(i) ? D("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(i) : n.set(i, a), m = (i, n, a, l) => (S(i, n, "write to private field"), l ? l.call(i, a) : n.set(i, a), a);
+import { __runInitializers as h, __esDecorate as _ } from "tslib";
+import { css as k, LitElement as x, isServer as H, html as R } from "lit";
+import { customElement as M, property as T, state as U } from "lit/decorators.js";
+import { ref as z } from "lit/directives/ref.js";
+import { SbbIdReferenceController as $, SbbLanguageController as P } from "../core/controllers.js";
+import { EventEmitter as V, forwardEvent as L } from "../core/eventing.js";
+import { i18nTimeInputChange as G } from "../core/i18n.js";
+const j = k`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:block}`, q = /[0-9.:,\-;_hH]/, K = /^([0-9]{1,2})([0-9]{2})$/, W = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
 let it = (() => {
-  var p, h, r;
-  let n = [U("sbb-time-input")], s, a = [], u, f = H, C = [], v, A = [], w = [], y, I = [], D = [], S;
-  var _ = (r = class extends f {
+  var o, p, r;
+  let i = [M("sbb-time-input")], n, a = [], l, E = x, g = [], f, v = [], C = [], A, w = [], y = [], I;
+  var c = (r = class extends E {
     constructor() {
       super(...arguments);
-      g(this, p);
-      g(this, h);
-      c(this, p, (m(this, C), m(this, A, null))), c(this, h, (m(this, w), m(this, I, null))), this._didChange = (m(this, D), new O(this, _.events.didChange, {
+      b(this, o);
+      b(this, p);
+      m(this, o, (h(this, g), h(this, v, null))), m(this, p, (h(this, C), h(this, w, null))), this._didChange = (h(this, y), new V(this, c.events.didChange, {
         bubbles: !0,
         cancelable: !0
-      })), this._validationChange = new O(this, _.events.validationChange, {
+      })), this._validationChange = new V(this, c.events.validationChange, {
         bubbles: !0,
         composed: !1
-      }), this._inputAbortController = new AbortController(), this._inputIdReferenceController = new P(this, "input"), this._language = new G(this);
+      }), this._inputAbortController = new AbortController(), this._inputIdReferenceController = new $(this, "input"), this._language = new P(this);
     }
     // TODO: Replace HTMLElement by HTMLInputElement
     /** Reference of the native input connected to the datepicker. */
     get input() {
-      return E(this, p);
+      return d(this, o);
     }
     set input(t) {
-      c(this, p, t);
+      m(this, o, t);
     }
     get _inputElement() {
-      return E(this, h);
+      return d(this, p);
     }
     set _inputElement(t) {
-      c(this, h, t);
+      m(this, p, t);
     }
     /** Formats the current input's value as date. */
     set valueAsDate(t) {
@@ -52,29 +52,26 @@ let it = (() => {
       }), this._inputElement.dispatchEvent(new FocusEvent("blur", { composed: !0 }));
     }
     get valueAsDate() {
-      var t;
-      return this._formatValueAsDate(this._parseInput((t = this._inputElement) == null ? void 0 : t.value)) ?? null;
+      return this._formatValueAsDate(this._parseInput(this._inputElement?.value)) ?? null;
     }
     connectedCallback() {
       super.connectedCallback(), this._configureInputElement();
     }
     disconnectedCallback() {
-      var t;
-      super.disconnectedCallback(), (t = this._inputAbortController) == null || t.abort(), this._inputElement = null;
+      super.disconnectedCallback(), this._inputAbortController?.abort(), this._inputElement = null;
     }
-    requestUpdate(t, e, i) {
-      super.requestUpdate(t, e, i), !R && (!t || t === "input") && this.hasUpdated && this._configureInputElement();
+    requestUpdate(t, e, s) {
+      super.requestUpdate(t, e, s), !H && (!t || t === "input") && this.hasUpdated && this._configureInputElement();
     }
     _configureInputElement() {
-      var e, i, l, d;
-      const t = this.input instanceof HTMLInputElement ? this.input : this._inputIdReferenceController.find() ?? ((i = (e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) == null ? void 0 : i.querySelector("input")) ?? null;
-      t !== this._inputElement && ((l = this._inputAbortController) == null || l.abort(), (d = this._inputElement) == null || d.removeAttribute("data-sbb-time-input"), this._inputElement = t, this._inputElement && (this._updateValue(this._inputElement.value), this._inputAbortController = new AbortController(), this._inputElement.toggleAttribute("data-sbb-time-input", !0), this._inputElement.type = "text", this._inputElement.inputMode = "numeric", this._inputElement.maxLength = 5, this._inputElement.placeholder || (this._inputElement.placeholder = "HH:MM"), this._inputElement.addEventListener("input", (o) => k(o, this), {
+      const t = this.input instanceof HTMLInputElement ? this.input : this._inputIdReferenceController.find() ?? this.closest?.("sbb-form-field")?.querySelector("input") ?? null;
+      t !== this._inputElement && (this._inputAbortController?.abort(), this._inputElement?.removeAttribute("data-sbb-time-input"), this._inputElement = t, this._inputElement && (this._updateValue(this._inputElement.value), this._inputAbortController = new AbortController(), this._inputElement.toggleAttribute("data-sbb-time-input", !0), this._inputElement.type = "text", this._inputElement.inputMode = "numeric", this._inputElement.maxLength = 5, this._inputElement.placeholder || (this._inputElement.placeholder = "HH:MM"), this._inputElement.addEventListener("input", (e) => L(e, this), {
         signal: this._inputAbortController.signal
-      }), this._inputElement.addEventListener("keydown", (o) => this._preventCharInsert(o), { signal: this._inputAbortController.signal }), this._inputElement.addEventListener("change", (o) => this._updateValue(o.target.value), {
+      }), this._inputElement.addEventListener("keydown", (e) => this._preventCharInsert(e), { signal: this._inputAbortController.signal }), this._inputElement.addEventListener("change", (e) => this._updateValue(e.target.value), {
         signal: this._inputAbortController.signal,
         capture: !0
-      }), this._inputElement.addEventListener("change", (o) => {
-        this._emitChange(o), this._updateAccessibilityMessage();
+      }), this._inputElement.addEventListener("change", (e) => {
+        this._emitChange(e), this._updateAccessibilityMessage();
       }, {
         signal: this._inputAbortController.signal
       })));
@@ -86,19 +83,19 @@ let it = (() => {
     _updateValue(t) {
       if (this._statusContainer && (this._statusContainer.innerText = ""), !this._inputElement)
         return;
-      const e = this._parseInput(t), i = !!e && this._isTimeValid(e), l = !t || t.trim() === "" || i;
-      l && e && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this._inputElement, this._formatValue(e)), this._inputElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })));
-      const d = !this._inputElement.hasAttribute("data-sbb-invalid");
-      this._inputElement.toggleAttribute("data-sbb-invalid", !l), d !== l && this._validationChange.emit({ valid: l });
+      const e = this._parseInput(t), s = !!e && this._isTimeValid(e), u = !t || t.trim() === "" || s;
+      u && e && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this._inputElement, this._formatValue(e)), this._inputElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })));
+      const O = !this._inputElement.hasAttribute("data-sbb-invalid");
+      this._inputElement.toggleAttribute("data-sbb-invalid", !u), O !== u && this._validationChange.emit({ valid: u });
     }
     /** Emits the change event. */
     _emitChange(t) {
-      k(t, this), this._didChange.emit();
+      L(t, this), this._didChange.emit();
     }
     /** Returns the right format for the `value` property. */
     _formatValue(t) {
-      const e = String(t.hours).padStart(2, "0"), i = String(t.minutes).padStart(2, "0");
-      return `${e}:${i}`;
+      const e = String(t.hours).padStart(2, "0"), s = String(t.minutes).padStart(2, "0");
+      return `${e}:${s}`;
     }
     /**
      * Returns the right format for the `valueAsDate` property:
@@ -113,14 +110,14 @@ let it = (() => {
     }
     /** Validate input against the defined RegExps. */
     _parseInput(t) {
-      const e = t == null ? void 0 : t.trim();
+      const e = t?.trim();
       if (!e)
         return null;
-      const i = e.match(W);
-      if (i)
-        return { hours: +i[1] || 0, minutes: +i[2] || 0 };
-      const l = e.match(X);
-      return l ? { hours: +l[1] || 0, minutes: +l[2] || 0 } : null;
+      const s = e.match(K);
+      if (s)
+        return { hours: +s[1] || 0, minutes: +s[2] || 0 };
+      const u = e.match(W);
+      return u ? { hours: +u[1] || 0, minutes: +u[2] || 0 } : null;
     }
     /**  Only allow typing numbers and separator keys. */
     _preventCharInsert(t) {
@@ -138,36 +135,35 @@ let it = (() => {
         "PageDown",
         "Delete"
       ];
-      !t.ctrlKey && !t.altKey && !t.metaKey && !e.includes(t.key) && !K.test(t.key) && t.preventDefault();
+      !t.ctrlKey && !t.altKey && !t.metaKey && !e.includes(t.key) && !q.test(t.key) && t.preventDefault();
     }
     // We use a programmatic approach to avoid initial setting the message
     // and to not immediately change output if language should change (no reason to read out message).
     _updateAccessibilityMessage() {
-      var e;
-      this._inputElement.hasAttribute("data-sbb-invalid") || (this._statusContainer.innerText = `${j[this._language.current]} ${(e = this._inputElement) == null ? void 0 : e.value}.`);
+      this._inputElement.hasAttribute("data-sbb-invalid") || (this._statusContainer.innerText = `${G[this._language.current]} ${this._inputElement?.value}.`);
     }
     render() {
-      return M`
+      return R`
       <p
         role="status"
-        ${$((t) => this._statusContainer = t)}
+        ${z((t) => this._statusContainer = t)}
       ></p>
     `;
     }
-  }, p = new WeakMap(), h = new WeakMap(), u = r, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    v = [L()], y = [z()], S = [L({ attribute: !1 })], b(r, null, v, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, get: (e) => e.input, set: (e, i) => {
-      e.input = i;
-    } }, metadata: t }, A, w), b(r, null, y, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, i) => {
-      e._inputElement = i;
-    } }, metadata: t }, I, D), b(r, null, S, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, i) => {
-      e.valueAsDate = i;
-    } }, metadata: t }, null, C), b(null, s = { value: u }, n, { kind: "class", name: u.name, metadata: t }, null, a), _ = u = s.value, t && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = q, r.events = {
+  }, o = new WeakMap(), p = new WeakMap(), l = r, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
+    f = [T()], A = [U()], I = [T({ attribute: !1 })], _(r, null, f, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, get: (e) => e.input, set: (e, s) => {
+      e.input = s;
+    } }, metadata: t }, v, C), _(r, null, A, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, s) => {
+      e._inputElement = s;
+    } }, metadata: t }, w, y), _(r, null, I, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, s) => {
+      e.valueAsDate = s;
+    } }, metadata: t }, null, g), _(null, n = { value: l }, i, { kind: "class", name: l.name, metadata: t }, null, a), c = l = n.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.styles = j, r.events = {
     didChange: "didChange",
     validationChange: "validationChange"
-  }, m(u, a), r);
-  return _ = u;
+  }, h(l, a), r);
+  return c = l;
 })();
 export {
   it as SbbTimeInputElement

package/timetable-occupancy-icon/timetable-occupancy-icon.component.js

@@ -13,9 +13,9 @@ import { SbbIconBase as v } from "../icon.js";
 import { css as z } from "lit";
 const N = z`@media (forced-colors: active) and (prefers-color-scheme: light){:host svg{filter:invert(1)}}`;
 let Q = (() => {
-  var o, r;
+  var o, i;
   let t = [A("sbb-timetable-occupancy-icon")], a, c = [], s, u = x(v), m, h = [], p = [];
-  return r = class extends u {
+  return i = class extends u {
     constructor() {
       super(...arguments);
       y(this, o);
@@ -38,12 +38,11 @@ let Q = (() => {
       let e = `utilization-${this.occupancy}`;
       this._forcedColors ? e += "-high-contrast" : this.negative && (e += "-negative"), await this.loadSvgIcon(e);
     }
-    async fetchSvgIcon(e, i) {
-      return this._setAriaLabel(), super.fetchSvgIcon(e, i);
+    async fetchSvgIcon(e, r) {
+      return this._setAriaLabel(), super.fetchSvgIcon(e, r);
     }
     _setAriaLabel() {
-      var i;
-      const e = (i = M[this.occupancy]) == null ? void 0 : i[this._language.current];
+      const e = M[this.occupancy]?.[this._language.current];
       w(this, "aria-label", e);
     }
     connectedCallback() {
@@ -52,12 +51,12 @@ let Q = (() => {
     willUpdate(e) {
       super.willUpdate(e), (e.has("occupancy") || e.has("negative")) && this._setNameAndAriaLabel();
     }
-  }, o = new WeakMap(), s = r, (() => {
+  }, o = new WeakMap(), s = i, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    m = [C()], f(r, null, m, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (i) => "occupancy" in i, get: (i) => i.occupancy, set: (i, S) => {
-      i.occupancy = S;
+    m = [C()], f(i, null, m, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (r) => "occupancy" in r, get: (r) => r.occupancy, set: (r, S) => {
+      r.occupancy = S;
     } }, metadata: e }, h, p), f(null, a = { value: s }, t, { kind: "class", name: s.name, metadata: e }, null, c), s = a.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), r.styles = [v.styles, N], n(s, c), s;
+  })(), i.styles = [v.styles, N], n(s, c), s;
 })();
 export {
   Q as SbbTimetableOccupancyIconElement

package/title/title-base.js

@@ -8,7 +8,7 @@ import { css as D, LitElement as T } from "lit";
 import { property as d } from "lit/decorators.js";
 import { html as j } from "lit/static-html.js";
 import { hostAttributes as A, forceType as B } from "../core/decorators.js";
-const E = 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([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)}`;
+const E = 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([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)}: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 K = (() => {
   var n, o, v, b;
   let t = [A({

package/toast/toast.component.js

@@ -15,7 +15,7 @@ import { i18nCloseAlert as q } from "../core/i18n.js";
 import { SbbHydrationMixin as F } from "../core/mixins.js";
 import { SbbIconNameMixin as G } from "../icon.js";
 import "../button/transparent-button.js";
-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();
+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;inset: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 = [U("sbb-toast"), Z({
@@ -23,13 +23,12 @@ let mt = (() => {
   }), 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;
       super();
       f(this, d);
       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, w, "polite"))), this._closeTimeout = c(this, O), this._language = new Y(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), this.addEventListener?.("click", (t) => this._onClick(t));
     }
     /**
      * The length of time in milliseconds to wait before automatically dismissing the toast.
@@ -79,8 +78,7 @@ let mt = (() => {
      * If there are other opened toasts in the page, close them first.
      */
     open() {
-      var t;
-      this.state === "closed" && this.willOpen.emit() && ((t = this.showPopover) == null || t.call(this), this.state = "opening", this._closeOtherToasts(), this._isZeroAnimationDuration() && this._handleOpening());
+      this.state === "closed" && this.willOpen.emit() && (this.showPopover?.(), this.state = "opening", this._closeOtherToasts(), this._isZeroAnimationDuration() && this._handleOpening());
     }
     /**
      * Close the toast.
@@ -89,8 +87,7 @@ let mt = (() => {
       this.state === "opened" && this.willClose.emit() && (clearTimeout(this._closeTimeout), this.state = "closing", this._isZeroAnimationDuration() && this._handleClosing());
     }
     _handleClosing() {
-      var t;
-      this.state = "closed", (t = this.hidePopover) == null || t.call(this), this.didClose.emit();
+      this.state = "closed", this.hidePopover?.(), this.didClose.emit();
     }
     _handleOpening() {
       this.state = "opened", this.didOpen.emit(), this.timeout && (this._closeTimeout = setTimeout(() => this.close(), this.timeout));