@sbb-esta/lyne-elements 3.3.2 → 3.5.0

package/sidebar/sidebar-title/sidebar-title.component.js

@@ -1,25 +1,25 @@
 var _ = (e) => {
   throw TypeError(e);
 };
-var v = (e, t, l) => t.has(e) || _("Cannot " + l);
-var d = (e, t, l) => (v(e, t, "read from private field"), l ? l.call(e) : t.get(e)), h = (e, t, l) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), p = (e, t, l, s) => (v(e, t, "write to private field"), s ? s.call(e, l) : t.set(e, l), l);
-import { __esDecorate as f, __runInitializers as o } from "tslib";
-import { customElement as g, property as z } from "lit/decorators.js";
-import { SbbTitleBase as y } from "../../title.js";
-import { css as k } from "lit";
-const x = k`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - var(--sbb-title-font-size) * var(--sbb-title-line-height)));min-height:var(--sbb-sidebar__close-button-size)}`;
+var d = (e, t, l) => t.has(e) || _("Cannot " + l);
+var h = (e, t, l) => (d(e, t, "read from private field"), l ? l.call(e) : t.get(e)), v = (e, t, l) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), p = (e, t, l, s) => (d(e, t, "write to private field"), s ? s.call(e, l) : t.set(e, l), l);
+import { __esDecorate as y, __runInitializers as o } from "tslib";
+import { customElement as g, property as k } from "lit/decorators.js";
+import { SbbTitleBase as f } from "../../title.js";
+import { css as z } from "lit";
+const x = z`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - 1em * var(--sbb-typo-line-height-titles)));min-height:var(--sbb-sidebar__close-button-size)}`;
 let C = (() => {
   var r, a;
-  let e = [g("sbb-sidebar-title")], t, l = [], s, n = y, b, u = [], m = [];
+  let e = [g("sbb-sidebar-title")], t, l = [], s, n = f, b, m = [], u = [];
   return a = class extends n {
     constructor() {
       super();
-      h(this, r, o(this, u, "2"));
-      o(this, m), this.visualLevel ??= "5";
+      v(this, r, o(this, m, "2"));
+      o(this, u), this.visualLevel ??= "5";
     }
     /** Title level */
     get level() {
-      return d(this, r);
+      return h(this, r);
     }
     set level(i) {
       p(this, r, i);
@@ -29,10 +29,10 @@ let C = (() => {
     }
   }, r = new WeakMap(), s = a, (() => {
     const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    b = [z({ reflect: !0 })], f(a, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (c) => "level" in c, get: (c) => c.level, set: (c, S) => {
+    b = [k({ reflect: !0 })], y(a, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (c) => "level" in c, get: (c) => c.level, set: (c, S) => {
       c.level = S;
-    } }, metadata: i }, u, m), f(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: i }, null, l), s = t.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), a.styles = [y.styles, x], o(s, l), s;
+    } }, metadata: i }, m, u), y(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: i }, null, l), s = t.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), a.styles = [f.styles, x], o(s, l), s;
 })();
 export {
   C as SbbSidebarTitleElement

package/standard-theme.css

@@ -1228,8 +1228,38 @@ summary {
   --sbb-header-height: var(--sbb-spacing-fixed-14x);
   --sbb-time-input-max-width: 3.625rem;
   --sbb-overlay-default-z-index: 1000;
+  --sbb-title-font-size-level-1: var(--sbb-font-size-title-1);
+  --sbb-title-font-size-level-2: var(--sbb-font-size-title-2);
+  --sbb-title-font-size-level-3: var(--sbb-font-size-title-3);
+  --sbb-title-font-size-level-4: var(--sbb-font-size-title-4);
+  --sbb-title-font-size-level-5: var(--sbb-font-size-title-5);
+  --sbb-title-font-size-level-6: var(--sbb-font-size-title-6);
+  --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-m);
+  --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-l);
+  --sbb-title-margin-block-end-level-1: var(--sbb-spacing-responsive-s);
+  --sbb-title-margin-block-end-level-2: var(--sbb-spacing-responsive-xxxs);
+  --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
+  --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-3x);
+  --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-2x);
+  --sbb-title-margin-block-end-level-6: var(--sbb-spacing-fixed-1x);
   --sbb-border-radius-infinity: 100000em;
 }
+:root.sbb-lean {
+  --sbb-title-font-size-level-1: var(--sbb-font-size-title-2);
+  --sbb-title-font-size-level-2: var(--sbb-font-size-title-3);
+  --sbb-title-font-size-level-3: var(--sbb-font-size-title-4);
+  --sbb-title-font-size-level-4: var(--sbb-font-size-title-5);
+  --sbb-title-font-size-level-5: var(--sbb-font-size-title-6);
+  --sbb-title-font-size-level-6: var(--sbb-font-size-title-7);
+  --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-s);
+  --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-s);
+  --sbb-title-margin-block-end-level-1: var(--sbb-spacing-fixed-3x);
+  --sbb-title-margin-block-end-level-2: var(--sbb-spacing-fixed-3x);
+  --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
+  --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-2x);
+  --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-1x);
+  --sbb-title-margin-block-end-level-6: 0;
+}
 :root:has(sbb-header[size=s]) {
   --sbb-header-height: 3.25rem;
 }

package/tabs/tab-group/tab-group.component.js

@@ -2,8 +2,8 @@ var g = (s) => {
   throw TypeError(s);
 };
 var x = (s, a, n) => a.has(s) || g("Cannot " + n);
-var A = (s, a, n) => (x(s, a, "read from private field"), n ? n.call(s) : a.get(s)), T = (s, a, n) => a.has(s) ? g("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, n), b = (s, a, n, r) => (x(s, a, "write to private field"), r ? r.call(s, n) : a.set(s, n), n);
-import { __esDecorate as u, __runInitializers as d } from "tslib";
+var A = (s, a, n) => (x(s, a, "read from private field"), n ? n.call(s) : a.get(s)), T = (s, a, n) => a.has(s) ? g("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, n), d = (s, a, n, r) => (x(s, a, "write to private field"), r ? r.call(s, n) : a.set(s, n), n);
+import { __esDecorate as u, __runInitializers as b } from "tslib";
 import { MutationController as z } from "@lit-labs/observers/mutation-controller.js";
 import { ResizeController as y } from "@lit-labs/observers/resize-controller.js";
 import { css as E, LitElement as G, html as C } from "lit";
@@ -15,7 +15,7 @@ import { isLean as D } from "../../core/dom.js";
 import { throttle as N } from "../../core/eventing.js";
 import { SbbHydrationMixin as K } from "../../core/mixins.js";
 import { SbbTabElement as M } from "../tab.js";
-const P = E`*,:before,:after{box-sizing:border-box}:host{--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:block}.tab-group{display:flex;flex-wrap:wrap}.tab-content{margin-block-start:var(--sbb-spacing-responsive-m);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}.tab-content ::slotted(*){visibility:hidden;opacity:0;height:0;overflow:hidden;position:relative}.tab-content ::slotted(*[active]){visibility:visible;opacity:1;height:fit-content;overflow:unset;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,visibility}.tab-content ::slotted(sbb-tab: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)}`, j = {
+const P = E`*,:before,:after{box-sizing:border-box}:host{--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:block}.tab-group{display:flex;flex-wrap:wrap}.tab-content{margin-block-start:var(--sbb-spacing-responsive-m);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}.tab-content ::slotted(sbb-tab){visibility:hidden;opacity:0;height:0;overflow:hidden}.tab-content ::slotted(sbb-tab[active]){visibility:visible;opacity:1;height:fit-content;overflow:unset;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,visibility}.tab-content ::slotted(sbb-tab: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)}`, j = {
   attributeFilter: ["active", "disabled"]
 };
 let H = 0, it = (() => {
@@ -25,7 +25,7 @@ let H = 0, it = (() => {
     constructor() {
       super();
       T(this, c);
-      this._tabs = (d(this, f), []), this._tabAttributeObserver = new z(this, {
+      this._tabs = (b(this, f), []), this._tabAttributeObserver = new z(this, {
         target: null,
         config: j,
         callback: (t) => this._onTabAttributesChange(t)
@@ -37,7 +37,7 @@ let H = 0, it = (() => {
         target: null,
         skipInitial: !0,
         callback: (t) => this._onTabContentElementResize(t)
-      }), this._size = D() ? "s" : "l", b(this, c, d(this, v, 0)), this._onContentSlotChange = (d(this, p), () => {
+      }), this._size = D() ? "s" : "l", d(this, c, b(this, v, 0)), this._onContentSlotChange = (b(this, p), () => {
         this._tabContentElement = this.shadowRoot.querySelector("div.tab-content");
         const t = this._getTabs().filter((e) => !this._tabs.includes(e));
         t.length && (t.forEach((e) => this._configure(e)), this._tabs = this._tabs.concat(t), t.find((e) => e.active)?.tabGroupActions?.select());
@@ -66,7 +66,7 @@ let H = 0, it = (() => {
       return A(this, c);
     }
     set initialSelectedIndex(t) {
-      b(this, c, t);
+      d(this, c, t);
     }
     firstUpdated(t) {
       super.firstUpdated(t), this._tabs = this._getTabs(), this._tabs.forEach((e) => this._configure(e)), this._initSelection(), this._tabGroupResizeObserver.observe(this._tabGroupElement);
@@ -199,7 +199,7 @@ let H = 0, it = (() => {
     } }, metadata: t }, v, p), u(null, a = { value: r }, s, { kind: "class", name: r.name, metadata: t }, null, n), r = a.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), o.styles = P, o.events = {
     tabchange: "tabchange"
-  }, d(r, n), r;
+  }, b(r, n), r;
 })();
 export {
   it as SbbTabGroupElement

package/time-input/time-input.component.d.ts

@@ -1,10 +1,9 @@
 import { CSSResultGroup, LitElement } from 'lit';
-import { SbbFormFieldElementControl } from '../form-field.js';
 declare const SbbTimeInputElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedInputMixinType> & typeof LitElement;
 /**
  * Custom input for a time.
  */
-export declare class SbbTimeInputElement extends SbbTimeInputElement_base implements SbbFormFieldElementControl {
+export declare class SbbTimeInputElement extends SbbTimeInputElement_base {
     static styles: CSSResultGroup;
     /**
      * The value of the time input. Reflects the current text value
@@ -16,7 +15,10 @@ export declare class SbbTimeInputElement extends SbbTimeInputElement_base implem
     set valueAsDate(date: Date | null);
     get valueAsDate(): Date | null;
     private _valueAsTime?;
-    /** Whether the input is empty. */
+    /**
+     * Whether the input is empty.
+     * @deprecated
+     */
     get empty(): boolean;
     /**
      * Stores the last string and parsed date object value to prevent repeated
@@ -42,7 +44,6 @@ export declare class SbbTimeInputElement extends SbbTimeInputElement_base implem
     /**  Only allow typing numbers and separator keys. */
     private _preventCharInsert;
     private _hasSelection;
-    private _dispatchFormFieldChange;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/time-input/time-input.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-input.component.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAY,UAAU,EAAE,MAAM,KAAK,CAAC;AAYhE,OAAO,EAA4B,KAAK,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;;AAc7F;;GAEG;AACH,qBAEM,mBACJ,SAAQ,wBACR,YAAW,0BAA0B;IAErC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAatC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAcvC;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CASpC;IACD,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC,kCAAkC;IAClC,IAAW,KAAK,IAAI,OAAO,CAE1B;IAED;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAwB;IAE5C,OAAO,CAAC,SAAS,CAAmC;;IAWpC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;cAIzB,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,cAAc;IAOtB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAUA,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;cAMvC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAOtD,QAAQ,IAAI,IAAI;IAanC,OAAO,CAAC,qBAAqB;IAI7B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,wBAAwB;CAIjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"time-input.component.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAY,UAAU,EAAE,MAAM,KAAK,CAAC;;AAyBhE;;GAEG;AACH,qBAEM,mBAAoB,SAAQ,wBAAuC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAcvC;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CASpC;IACD,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;;OAGG;IACH,IAAW,KAAK,IAAI,OAAO,CAE1B;IAED;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAwB;IAE5C,OAAO,CAAC,SAAS,CAAmC;;IAWpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;cAIzB,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,cAAc;IAOtB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAUA,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;cAMvC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAOtD,QAAQ,IAAI,IAAI;IAanC,OAAO,CAAC,qBAAqB;IAI7B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,aAAa;CAItB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

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

@@ -1,22 +1,21 @@
-import { __esDecorate as h, __runInitializers as c } from "tslib";
-import { css as f, LitElement as p, isServer as v } from "lit";
+import { __esDecorate as c, __runInitializers as h } from "tslib";
+import { css as f, LitElement as v, isServer as p } from "lit";
 import { customElement as g, property as b } from "lit/decorators.js";
 import { sbbLiveAnnouncer as m } from "../core/a11y.js";
 import { SbbLanguageController as A } from "../core/controllers.js";
-import { i18nTimeInputChange as T, i18nTimeInvalid as y, i18nTimeMax as E, i18nTimeMaxLength as D } from "../core/i18n.js";
-import { SbbFormAssociatedInputMixin as w } from "../core/mixins.js";
-import { SbbFormFieldControlEvent as V } from "../form-field.js";
-const S = f`*,:before,:after{box-sizing:border-box}:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`, x = /[0-9.:,\-;_hH]/, d = /[^0-9.:,\-;_hH]/g, C = /^([0-9]{1,2})([0-9]{2})$/, F = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
-let G = (() => {
+import { i18nTimeInputChange as T, i18nTimeInvalid as y, i18nTimeMax as D, i18nTimeMaxLength as E } from "../core/i18n.js";
+import { SbbFormAssociatedInputMixin as V } from "../core/mixins.js";
+const w = f`*,:before,:after{box-sizing:border-box}:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`, x = /[0-9.:,\-;_hH]/, d = /[^0-9.:,\-;_hH]/g, S = /^([0-9]{1,2})([0-9]{2})$/, C = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
+let M = (() => {
   var a;
-  let _ = [g("sbb-time-input")], r, l = [], s, n = w(p), o = [], u;
+  let _ = [g("sbb-time-input")], r, l = [], s, n = V(v), u = [], o;
   return a = class extends n {
     /**
      * The value of the time input. Reflects the current text value
      * of this input.
      */
     set value(e) {
-      e = typeof e == "string" ? e.replace(d, "").substring(0, 5) : "", this._tryParseValue(e), !v && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatTime()), super.value = e, this._dispatchFormFieldChange();
+      e = typeof e == "string" ? e.replace(d, "").substring(0, 5) : "", this._tryParseValue(e), !p && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatTime()), super.value = e;
     }
     get value() {
       return super.value ?? "";
@@ -40,15 +39,18 @@ let G = (() => {
       } else
         return null;
     }
-    /** Whether the input is empty. */
+    /**
+     * Whether the input is empty.
+     * @deprecated
+     */
     get empty() {
       return !this.value || this.value.trim() === "";
     }
     constructor() {
-      super(), this._valueAsTime = c(this, o), this._language = new A(this), this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 }), this.addEventListener?.("change", () => m.announce(T(this.value)[this._language.current])), this.addEventListener?.("keydown", (e) => this._preventCharInsert(e));
+      super(), this._valueAsTime = h(this, u), this._language = new A(this), this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 }), this.addEventListener?.("change", () => m.announce(T(this.value)[this._language.current])), this.addEventListener?.("keydown", (e) => this._preventCharInsert(e));
     }
     connectedCallback() {
-      super.connectedCallback(), this.inputMode ||= "numeric", this.placeholder ||= "HH:MM", this._dispatchFormFieldChange();
+      super.connectedCallback(), this.inputMode ||= "numeric", this.placeholder ||= "HH:MM";
     }
     disconnectedCallback() {
       super.disconnectedCallback();
@@ -66,7 +68,7 @@ let G = (() => {
       const t = e?.trim();
       if (!t)
         return null;
-      const i = t.match(C) ?? t.match(F);
+      const i = t.match(S) ?? t.match(C);
       return i ? { hours: +i[1] || 0, minutes: +i[2] || 0 } : null;
     }
     _updateValueDateFormat() {
@@ -89,7 +91,7 @@ let G = (() => {
       return super.shouldValidate(e) || ["valueAsDate", "min", "max", "dateFilter"].includes(e);
     }
     validate() {
-      super.validate(), this.value ? this._valueAsTime ? this._isTimeValid(this._valueAsTime) ? this._removeValidityErrors() : this.setValidityFlag("rangeOverflow", E[this.language.current]) : this.setValidityFlag("badInput", y[this.language.current]) : this._removeValidityErrors();
+      super.validate(), this.value ? this._valueAsTime ? this._isTimeValid(this._valueAsTime) ? this._removeValidityErrors() : this.setValidityFlag("rangeOverflow", D[this.language.current]) : this.setValidityFlag("badInput", y[this.language.current]) : this._removeValidityErrors();
     }
     _removeValidityErrors() {
       ["badInput", "rangeOverflow"].forEach((e) => this.removeValidityFlag(e));
@@ -114,22 +116,19 @@ let G = (() => {
         "PageDown",
         "Delete"
       ];
-      e.ctrlKey || e.altKey || e.metaKey || t.includes(e.key) || x.test(e.key) && (this.value.length < 5 || this._hasSelection()) || (e.preventDefault(), this.value.length >= 5 && m.announce(D[this._language.current]));
+      e.ctrlKey || e.altKey || e.metaKey || t.includes(e.key) || x.test(e.key) && (this.value.length < 5 || this._hasSelection()) || (e.preventDefault(), this.value.length >= 5 && m.announce(E[this._language.current]));
     }
     _hasSelection() {
       const e = window.getSelection()?.getRangeAt(0);
       return !!e && e.startOffset !== e.endOffset;
     }
-    _dispatchFormFieldChange() {
-      this.closest?.("sbb-form-field")?.dispatchEvent(new V(this));
-    }
   }, s = a, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    u = [b({ attribute: !1 })], h(a, null, u, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, i) => {
+    o = [b({ attribute: !1 })], c(a, null, o, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, i) => {
       t.valueAsDate = i;
-    } }, metadata: e }, null, o), h(null, r = { value: s }, _, { kind: "class", name: s.name, metadata: e }, null, l), s = r.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = S, c(s, l), s;
+    } }, metadata: e }, null, u), c(null, r = { value: s }, _, { kind: "class", name: s.name, metadata: e }, null, l), s = r.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.styles = w, h(s, l), s;
 })();
 export {
-  G as SbbTimeInputElement
+  M as SbbTimeInputElement
 };

package/title/title-base.js

@@ -1,52 +1,52 @@
-var u = (t) => {
-  throw TypeError(t);
+var d = (e) => {
+  throw TypeError(e);
 };
-var y = (t, e, l) => e.has(t) || u("Cannot " + l);
-var h = (t, e, l) => (y(t, e, "read from private field"), l ? l.call(t) : e.get(t)), g = (t, e, l) => e.has(t) ? u("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, l), c = (t, e, l, r) => (y(t, e, "write to private field"), r ? r.call(t, l) : e.set(t, l), l);
-import { __esDecorate as d, __runInitializers as o } from "tslib";
-import { css as z, LitElement as _ } from "lit";
-import { property as k } from "lit/decorators.js";
-import { html as w } from "lit/static-html.js";
-import { SbbElementInternalsMixin as x } from "../core/mixins.js";
-const L = z`*,: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;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--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(:where([level="2"]:not([visual-level]),[visual-level="2"])){--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(:where([level="3"]:not([visual-level]),[visual-level="3"])){--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(:where([level="4"]:not([visual-level]),[visual-level="4"])){--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(:where([level="5"]:not([visual-level]),[visual-level="5"])){--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(:where([level="6"]:not([visual-level]),[visual-level="6"])){--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 g = (e, t, l) => t.has(e) || d("Cannot " + l);
+var c = (e, t, l) => (g(e, t, "read from private field"), l ? l.call(e) : t.get(e)), u = (e, t, l) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), h = (e, t, l, r) => (g(e, t, "write to private field"), r ? r.call(e, l) : t.set(e, l), l);
+import { __esDecorate as z, __runInitializers as n } from "tslib";
+import { css as _, LitElement as x } from "lit";
+import { property as y } from "lit/decorators.js";
+import { html as L } from "lit/static-html.js";
+import { SbbElementInternalsMixin as w } from "../core/mixins.js";
+const k = _`*,:before,:after{box-sizing:border-box}:host{margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal: var( --sbb-title-text-color-normal-override, var(--sbb-color-charcoal) );display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text)}`;
 let M = (() => {
-  var b, n, a;
-  let t = x(_), e, l = [], r = [], m, f = [], p = [];
-  return a = class extends t {
+  var o, v, a;
+  let e = w(x), t, l = [], r = [], f, m = [], p = [];
+  return a = class extends e {
     constructor() {
       super(...arguments);
-      g(this, b, o(this, l, "1"));
-      g(this, n, (o(this, r), o(this, f, null)));
-      o(this, p);
+      u(this, o, n(this, l, "1"));
+      u(this, v, (n(this, r), n(this, m, null)));
+      n(this, p);
     }
     /** Title level */
     get level() {
-      return h(this, b);
+      return c(this, o);
     }
-    set level(i) {
-      c(this, b, i);
+    set level(s) {
+      h(this, o, s);
     }
     /** Visual level for the title. Optional, if not set, the value of level will be used. */
     get visualLevel() {
-      return h(this, n);
+      return c(this, v);
     }
-    set visualLevel(i) {
-      c(this, n, i);
+    set visualLevel(s) {
+      h(this, v, s);
     }
-    willUpdate(i) {
-      super.willUpdate(i), i.has("level") && (this.internals.ariaLevel = this.level);
+    willUpdate(s) {
+      super.willUpdate(s), s.has("level") && (this.internals.ariaLevel = this.level);
     }
     render() {
-      return w`<slot></slot>`;
+      return L`<slot></slot>`;
     }
-  }, b = new WeakMap(), n = new WeakMap(), (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    e = [k({ reflect: !0 })], m = [k({ attribute: "visual-level", reflect: !0 })], d(a, null, e, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (s) => "level" in s, get: (s) => s.level, set: (s, v) => {
-      s.level = v;
-    } }, metadata: i }, l, r), d(a, null, m, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (s) => "visualLevel" in s, get: (s) => s.visualLevel, set: (s, v) => {
-      s.visualLevel = v;
-    } }, metadata: i }, f, p), i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), a.role = "heading", a.styles = L, a;
+  }, o = new WeakMap(), v = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    t = [y({ reflect: !0 })], f = [y({ attribute: "visual-level", reflect: !0 })], z(a, null, t, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (i) => "level" in i, get: (i) => i.level, set: (i, b) => {
+      i.level = b;
+    } }, metadata: s }, l, r), z(a, null, f, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (i) => "visualLevel" in i, get: (i) => i.visualLevel, set: (i, b) => {
+      i.visualLevel = b;
+    } }, metadata: s }, m, p), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), a.role = "heading", a.styles = k, a;
 })();
 export {
   M as SbbTitleBase

package/title/title.component.js

@@ -1,18 +1,18 @@
 import { __esDecorate as o, __runInitializers as n } from "tslib";
 import { customElement as v } from "lit/decorators.js";
-import { SbbNegativeMixin as c } from "../core/mixins.js";
-import { SbbTitleBase as r } from "./title-base.js";
-import { css as m } from "lit";
-const u = m`:host{--sbb-title-margin-block-start: var(--sbb-spacing-responsive-m);--sbb-title-margin-block-end: var(--sbb-spacing-responsive-s);margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block-start: var(--sbb-spacing-responsive-l)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])),:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block-end: var(--sbb-spacing-responsive-xxxs)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-3x)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-2x)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block-end: var(--sbb-spacing-fixed-1x)}`;
-let f = (() => {
+import { SbbNegativeMixin as m } from "../core/mixins.js";
+import { SbbTitleBase as b } from "./title-base.js";
+import { css as c } from "lit";
+const u = c`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-milk)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block-start: var(--sbb-title-margin-block-start-level-1);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-1)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block-start: var(--sbb-title-default-margin-block-start);--sbb-title-margin-block-end: var(--sbb-title-margin-block-end-level-6)}`;
+let p = (() => {
   var l;
-  let b = [v("sbb-title")], s, a = [], e, i = c(r);
+  let r = [v("sbb-title")], a, s = [], e, i = m(b);
   return l = class extends i {
   }, e = l, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    o(null, s = { value: e }, b, { kind: "class", name: e.name, metadata: t }, null, a), e = s.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.styles = [r.styles, u], n(e, a), e;
+    o(null, a = { value: e }, r, { kind: "class", name: e.name, metadata: t }, null, s), e = a.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l.styles = [b.styles, u], n(e, s), e;
 })();
 export {
-  f as SbbTitleElement
+  p as SbbTitleElement
 };

package/toast/toast.component.js

@@ -16,7 +16,7 @@ import { SbbHydrationMixin as j, SbbReadonlyMixin as M } from "../core/mixins.js
 import { SbbIconNameMixin as H } from "../icon.js";
 import "../button/transparent-button.js";
 import "../divider.js";
-const X = w`*,: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-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--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;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);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);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-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-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}.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);flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}`, f = /* @__PURE__ */ new Set();
+const X = w`*,: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-text-color: var(--sbb-color-milk);--sbb-toast-background-color: var(--sbb-color-midnight);--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;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);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);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-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-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}`, f = /* @__PURE__ */ new Set();
 let lt = (() => {
   var d, p, m, r;
   let i = [D("sbb-toast")], o, e = [], n, _ = H(j(M(L))), x, y = [], k = [], T, z = [], S = [], N, C = [], E = [];

package/train/train-wagon/train-wagon.component.js

@@ -9,20 +9,20 @@ import { customElement as it, property as u } from "lit/decorators.js";
 import { when as nt } from "lit/directives/when.js";
 import { html as c } from "lit/static-html.js";
 import { SbbLanguageController as ot } from "../../core/controllers.js";
-import { forceType as k, handleDistinctChange as rt, omitEmptyConverter as Y } from "../../core/decorators.js";
+import { forceType as $, handleDistinctChange as rt, omitEmptyConverter as Y } from "../../core/decorators.js";
 import { i18nClosedCompartmentLabel as ct, i18nLocomotiveLabel as lt, i18nCouchetteWagonLabel as bt, i18nSleepingWagonLabel as gt, i18nRestaurantWagonLabel as ht, i18nWagonLabel as pt, i18nSector as dt, i18nWagonLabelNumber as ut, i18nClass as Z, i18nBlockedPassage as tt, i18nAdditionalWagonInformationHeading as yt } from "../../core/i18n.js";
 import { SbbNamedSlotListMixin as mt } from "../../core/mixins.js";
 import "../../icon.js";
 import "../../timetable-occupancy-icon.js";
-const _t = et`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-charcoal);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-granite);--sbb-train-wagon-occupancy-height: .75rem}@media (forced-colors: active){:host{--sbb-train-wagon-shape-color: CanvasText}}:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: var(--sbb-color-metal)}@media (forced-colors: active){:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: CanvasText}}@media (forced-colors: active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--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);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--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);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, at = {
+const _t = et`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-charcoal);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-granite);--sbb-train-wagon-occupancy-height: .75rem}@media (forced-colors: active){:host{--sbb-train-wagon-shape-color: CanvasText}}:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: var(--sbb-color-metal)}@media (forced-colors: active){:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: CanvasText}}@media (forced-colors: active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--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);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, at = {
   couchette: "sa-cc",
   sleeping: "sa-wl",
   restaurant: "sa-wr"
 };
 let St = (() => {
   var y, m, _, w, f, v, x, i;
-  let e = [it("sbb-train-wagon")], s, l = [], b, $ = mt(st), C, z = [], T = [], L, P = [], A = [], I, S = [], E = [], W, j = [], D = [], N, B = [], M = [], O, G = [], H = [], R, q = [], F = [];
-  return i = class extends $ {
+  let e = [it("sbb-train-wagon")], s, l = [], b, k = mt(st), C, z = [], T = [], L, P = [], A = [], I, S = [], E = [], W, j = [], D = [], N, B = [], M = [], O, G = [], H = [], R, q = [], F = [];
+  return i = class extends k {
     constructor() {
       super(...arguments);
       p(this, y);
@@ -147,8 +147,8 @@ let St = (() => {
     `;
     }
   }, y = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), w = new WeakMap(), f = new WeakMap(), v = new WeakMap(), x = new WeakMap(), b = i, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create($[Symbol.metadata] ?? null) : void 0;
-    C = [u({ reflect: !0 })], L = [u()], I = [k(), rt((t) => t._sectorChanged()), u({ reflect: !0, converter: Y })], W = [u({ attribute: "blocked-passage" })], N = [u({ attribute: "wagon-class" })], O = [k(), u({ reflect: !0, converter: Y })], R = [k(), u({ attribute: "additional-accessibility-text" })], d(i, null, C, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, n) => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
+    C = [u({ reflect: !0 })], L = [u()], I = [$(), rt((t) => t._sectorChanged()), u({ reflect: !0, converter: Y })], W = [u({ attribute: "blocked-passage" })], N = [u({ attribute: "wagon-class" })], O = [$(), u({ reflect: !0, converter: Y })], R = [$(), u({ attribute: "additional-accessibility-text" })], d(i, null, C, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, n) => {
       t.type = n;
     } }, metadata: a }, z, T), d(i, null, L, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (t) => "occupancy" in t, get: (t) => t.occupancy, set: (t, n) => {
       t.occupancy = n;

package/file-selector-common-Dw5d8vA4.js

@@ -1,5 +0,0 @@
-import { css as e } from "lit";
-const i = e`*,:before,:after{box-sizing:border-box}:host{--sbb-file-selector-color: var(--sbb-color-black);--sbb-file-selector-subtitle-color: var(--sbb-color-granite);--sbb-file-selector-background-color: var(--sbb-color-white);--sbb-file-selector-border-color: var(--sbb-color-cloud);--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);display:block;width:20rem}@media (forced-colors: active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host([data-active]){--sbb-file-selector-background-color: var(--sbb-color-milk);--sbb-file-selector-border-color: var(--sbb-color-storm)}@media (forced-colors: active){:host([data-active]){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--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:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal)}:host(:not([data-slot-names~=error])) .sbb-file-selector__error{display:none}`;
-export {
-  i as f
-};