@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.4

package/tag/tag/tag.component.js

@@ -5,17 +5,17 @@ var G = (a, s, r) => s.has(a) || D("Cannot " + r);
 var u = (a, s, r) => (G(a, s, "read from private field"), r ? r.call(a) : s.get(a)), v = (a, s, r) => s.has(a) ? D("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), n = (a, s, r, b) => (G(a, s, "write to private field"), b ? b.call(a, r) : s.set(a, r), r);
 import { __esDecorate as m, __runInitializers as l } from "tslib";
 import { css as V, html as $ } from "lit";
-import { customElement as A, property as p } from "lit/decorators.js";
-import { SbbButtonLikeBaseElement as H } from "../../core/base-elements.js";
-import { forceType as F, omitEmptyConverter as L, getOverride as O } from "../../core/decorators.js";
-import { isLean as j } from "../../core/dom.js";
+import { customElement as H, property as p } from "lit/decorators.js";
+import { SbbButtonLikeBaseElement as L } from "../../core/base-elements.js";
+import { forceType as F, omitEmptyConverter as O, getOverride as j } from "../../core/decorators.js";
+import { isLean as A } from "../../core/dom.js";
 import { SbbDisabledTabIndexActionMixin as M } from "../../core/mixins.js";
 import { boxSizingStyles as R } from "../../core/styles.js";
 import { SbbIconNameMixin as U } from "../../icon.js";
-const Y = V`:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-background-color-1);--sbb-tag-border-color: var(--sbb-border-color-4-inverted);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-2);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: var(--sbb-cursor-pointer);--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host([data-checked]){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host([data-checked]){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host([data-checked]:is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,[data-active])){--sbb-tag-border-color: Highlight}}:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,[data-active]):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
+const Y = V`:host{display:inline-block;outline:none!important;max-width:100%;--sbb-tag-border-radius: var(--sbb-border-radius-infinity);--sbb-tag-background-color: var(--sbb-background-color-1);--sbb-tag-border-color: var(--sbb-border-color-4-inverted);--sbb-tag-border-style: solid;--sbb-tag-border-width: var(--sbb-border-width-1x);--sbb-tag-text-color: var(--sbb-color-2);--sbb-tag-amount-color: var(--sbb-color-metal);--sbb-tag-amount-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-inset: 0;--sbb-tag-cursor: var(--sbb-cursor-pointer);--sbb-tag-content-shift: translateY(0);--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tag-animation-easing: var(--sbb-animation-easing);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-tag-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-tag-background-color: Canvas !important;--sbb-tag-text-color: ButtonText;--sbb-tag-amount-color: ButtonText;--sbb-tag-border-color: CanvasText;--sbb-tag-border-width: var(--sbb-border-width-2x)}}:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host(:is(:state(checked),[state--checked]):is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-border-color: Highlight}}:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor);border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:"";position:absolute;inset:var(--sbb-tag-inset);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-tag__amount{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift);will-change:transform}`;
 let at = (() => {
   var c, d, h, g, i;
-  let a = [A("sbb-tag")], s, r = [], b, f = U(M(H)), x, _ = [], k = [], y, w = [], z = [], E, S = [], C = [], T, I = [], B = [];
+  let a = [H("sbb-tag")], s, r = [], b, f = U(M(L)), x, k = [], _ = [], y, w = [], z = [], S, E = [], C = [], T, I = [], B = [];
   return i = class extends f {
     constructor() {
       super();
@@ -23,7 +23,7 @@ let at = (() => {
       v(this, d);
       v(this, h);
       v(this, g);
-      n(this, c, l(this, _, null)), n(this, d, (l(this, k), l(this, w, ""))), n(this, h, (l(this, z), l(this, S, !1))), n(this, g, (l(this, C), l(this, I, j() ? "s" : "m"))), this._group = (l(this, B), null), this.addEventListener?.("click", () => this._handleClick());
+      n(this, c, l(this, k, null)), n(this, d, (l(this, _), l(this, w, ""))), n(this, h, (l(this, z), l(this, E, !1))), n(this, g, (l(this, C), l(this, I, A() ? "s" : "m"))), this._group = (l(this, B), null), this.addEventListener?.("click", () => this._handleClick());
     }
     /** Value of the form element. */
     get value() {
@@ -73,7 +73,7 @@ let at = (() => {
       })), this.dispatchEvent(new Event("change", { bubbles: !0 })), this.dispatchEvent(new Event("didChange", { bubbles: !0 })));
     }
     willUpdate(e) {
-      super.willUpdate(e), e.has("checked") && (this.internals.ariaPressed = `${this.checked}`, this.toggleAttribute("data-checked", this.checked), this.updateFormValue());
+      super.willUpdate(e), e.has("checked") && (this.internals.ariaPressed = `${this.checked}`, this.toggleState("checked", this.checked), this.updateFormValue());
       const t = this.closest?.("sbb-tag-group");
       t && !t.multiple && e.has("checked") && this.checked && t?.tags.filter((o) => o !== this).forEach((o) => o.checked = !1);
     }
@@ -108,13 +108,13 @@ let at = (() => {
     }
   }, c = new WeakMap(), d = new WeakMap(), h = new WeakMap(), g = new WeakMap(), b = i, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    x = [p()], y = [F(), p({ reflect: !0, converter: L })], E = [F(), p({ reflect: !1, type: Boolean })], T = [p({ reflect: !0 }), O((t, o) => t._group?.size ?? o)], m(i, null, x, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, o) => {
+    x = [p()], y = [F(), p({ reflect: !0, converter: O })], S = [F(), p({ reflect: !1, type: Boolean })], T = [p({ reflect: !0 }), j((t, o) => t._group?.size ?? o)], m(i, null, x, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, get: (t) => t.value, set: (t, o) => {
       t.value = o;
-    } }, metadata: e }, _, k), m(i, null, y, { kind: "accessor", name: "amount", static: !1, private: !1, access: { has: (t) => "amount" in t, get: (t) => t.amount, set: (t, o) => {
+    } }, metadata: e }, k, _), m(i, null, y, { kind: "accessor", name: "amount", static: !1, private: !1, access: { has: (t) => "amount" in t, get: (t) => t.amount, set: (t, o) => {
       t.amount = o;
-    } }, metadata: e }, w, z), m(i, null, E, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, get: (t) => t.checked, set: (t, o) => {
+    } }, metadata: e }, w, z), m(i, null, S, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, get: (t) => t.checked, set: (t, o) => {
       t.checked = o;
-    } }, metadata: e }, S, C), m(i, null, T, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, o) => {
+    } }, metadata: e }, E, C), m(i, null, T, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, o) => {
       t.size = o;
     } }, metadata: e }, I, B), m(null, s = { value: b }, a, { kind: "class", name: b.name, metadata: e }, null, r), b = s.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), i.styles = [R, Y], i.events = {

package/tag/tag-group/tag-group.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbTagElement, SbbTagSize } from '../tag.js';
-declare const SbbTagGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTagElement<string>>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbTagElement, SbbTagSize } from '../tag.ts';
+declare const SbbTagGroupElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbTagElement<string>>> & typeof LitElement;
 /**
  * It can be used as a container for one or more `sbb-tag`.
  *

package/tag/tag-group.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './tag-group/tag-group.component.js';
+export * from './tag-group/tag-group.component.ts';
 //# sourceMappingURL=tag-group.d.ts.map

package/tag/tag.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './tag/tag.component.js';
+export * from './tag/tag.component.ts';
 //# sourceMappingURL=tag.d.ts.map

package/tag.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './tag/tag.js';
-export * from './tag/tag-group.js';
+export * from './tag/tag.ts';
+export * from './tag/tag-group.ts';
 //# sourceMappingURL=tag.d.ts.map

package/teaser/teaser.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../core/base-elements.js';
+import { SbbLinkBaseElement } from '../core/base-elements.ts';
 /**
  * It displays an interactive image with caption.
  *

package/teaser/teaser.component.js

@@ -1,8 +1,8 @@
-var f = (e) => {
+var h = (e) => {
   throw TypeError(e);
 };
-var g = (e, s, a) => s.has(e) || f("Cannot " + a);
-var u = (e, s, a) => (g(e, s, "read from private field"), a ? a.call(e) : s.get(e)), v = (e, s, a) => s.has(e) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), _ = (e, s, a, i) => (g(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
+var u = (e, s, a) => s.has(e) || h("Cannot " + a);
+var g = (e, s, a) => (u(e, s, "read from private field"), a ? a.call(e) : s.get(e)), v = (e, s, a) => s.has(e) ? h("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), _ = (e, s, a, i) => (u(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
 import { __esDecorate as x, __runInitializers as b } from "tslib";
 import { customElement as y, property as w } from "lit/decorators.js";
 import { html as c } from "lit/static-html.js";
@@ -10,19 +10,19 @@ import { SbbLinkBaseElement as k } from "../core/base-elements.js";
 import { boxSizingStyles as S } from "../core/styles.js";
 import { css as z } from "lit";
 import "../screen-reader-only.js";
-const E = z`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--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:var(--sbb-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{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);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-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
+const E = z`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--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)}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-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:focus-visible{outline-offset:calc(2 * var(--sbb-focus-outline-offset))}}@media(forced-colors:active){.sbb-teaser:before{content:"";position:absolute;inset:calc(-1 * var(--sbb-focus-outline-offset));pointer-events:none;border-radius:calc(var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset));border:var(--sbb-border-width-1x) solid CanvasText}}.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{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);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-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
 let O = (() => {
   var l, n;
-  let e = [y("sbb-teaser")], s, a = [], i, d = k, m, h = [], p = [];
+  let e = [y("sbb-teaser")], s, a = [], i, d = k, m, p = [], f = [];
   return n = class extends d {
     constructor() {
       super(...arguments);
-      v(this, l, b(this, h, "after-centered"));
-      b(this, p);
+      v(this, l, b(this, p, "after-centered"));
+      b(this, f);
     }
     /** Teaser variant - define the position and the alignment of the text block. */
     get alignment() {
-      return u(this, l);
+      return g(this, l);
     }
     set alignment(r) {
       _(this, l, r);
@@ -45,7 +45,7 @@ let O = (() => {
       return c`
       <div class="sbb-teaser__wrapper">
         ${this.renderLink(
-        // For SEO we add the accessibility hidden as hidden content of the link
+        // For SEO, we add the accessibility hidden as hidden content of the link
         c`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
       )}
         ${this.renderContent()}
@@ -72,7 +72,7 @@ let O = (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
     m = [w({ reflect: !0 })], x(n, null, m, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (t) => "alignment" in t, get: (t) => t.alignment, set: (t, o) => {
       t.alignment = o;
-    } }, metadata: r }, h, p), x(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+    } }, metadata: r }, p, f), x(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
   })(), n.styles = [S, E], b(i, a), i;
 })();
 export {

package/teaser-hero/teaser-hero.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../core/base-elements.js';
+import { SbbLinkBaseElement } from '../core/base-elements.ts';
 /**
  * It displays an image and an action call within a panel.
  *

package/teaser-hero.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser-hero/teaser-hero.component.js';
+export * from './teaser-hero/teaser-hero.component.ts';
 //# sourceMappingURL=teaser-hero.d.ts.map

package/teaser-product/common/teaser-product-common.d.ts

@@ -1,6 +1,6 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-declare const SbbTeaserProductCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbTeaserProductCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbActionBaseElement;
 export declare class SbbTeaserProductCommonElementMixinType extends SbbTeaserProductCommonElementMixinType_base {
     accessor imageAlignment: 'after' | 'before';
 }

package/teaser-product/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/teaser-product-common.js';
+export * from './common/teaser-product-common.ts';
 //# sourceMappingURL=common.d.ts.map

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-a4NenpSA.js";
+import { t as m } from "../teaser-product-common-DwaWdQEh.js";
 export {
   r as SbbTeaserProductCommonElementMixin,
   m as teaserProductCommonStyle

package/teaser-product/teaser-product/teaser-product.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbTeaserProductElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbTeaserProductElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * Displays a text and a footnote, combined with an image, to tease a product
  *

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

@@ -15,7 +15,7 @@ let E = (() => {
       return i`
       <div class="sbb-teaser-product__wrapper">
         ${this.renderLink(
-        // For SEO we add the accessibility hidden as hidden content of the link
+        // For SEO, we add the accessibility hidden as hidden content of the link
         i`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
       )}
         ${this.renderTemplate()}

package/teaser-product/teaser-product-static/teaser-product-static.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+declare const SbbTeaserProductStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbTeaserProductCommonElementMixinType> & typeof SbbActionBaseElement;
 /**
  * Displays a text and a footnote, combined with an image, to tease a product.
  *

package/teaser-product/teaser-product-static.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser-product-static/teaser-product-static.component.js';
+export * from './teaser-product-static/teaser-product-static.component.ts';
 //# sourceMappingURL=teaser-product-static.d.ts.map

package/teaser-product/teaser-product.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser-product/teaser-product.component.js';
+export * from './teaser-product/teaser-product.component.ts';
 //# sourceMappingURL=teaser-product.d.ts.map

package/teaser-product-common-DwaWdQEh.js

@@ -0,0 +1,5 @@
+import { css as r } from "lit";
+const e = r`:host{display:block;--sbb-teaser-product-background-color: var(--sbb-color-cloud);--sbb-teaser-product-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--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-4);--sbb-teaser-product-footer-color: var(--sbb-color-anthracite);--sbb-teaser-product-footer-color: light-dark( var(--sbb-color-anthracite), var(--sbb-color-cloud) );--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-background-color-1-negative);--sbb-teaser-product-content-color: var(--sbb-color-4-negative);--sbb-teaser-product-footer-color: var(--sbb-color-4-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override: var(--sbb-color-3-negative)}: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){margin-block-start:0}::slotted(:is(sbb-action-group,:is(:state(action),[state--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-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host(:not(:is(:state(slotted-footnote),[state--slotted-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.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './teaser-product/teaser-product.js';
-export * from './teaser-product/teaser-product-static.js';
-export * from './teaser-product/common.js';
+export * from './teaser-product/teaser-product.ts';
+export * from './teaser-product/teaser-product-static.ts';
+export * from './teaser-product/common.ts';
 //# sourceMappingURL=teaser-product.d.ts.map

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-a4NenpSA.js";
+import { t as c } from "./teaser-product-common-DwaWdQEh.js";
 export {
   b as SbbTeaserProductCommonElementMixin,
   r as SbbTeaserProductElement,

package/teaser.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './teaser/teaser.component.js';
+export * from './teaser/teaser.component.ts';
 //# sourceMappingURL=teaser.d.ts.map

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement } from 'lit';
-declare const SbbTimeInputElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedInputMixinType> & typeof LitElement;
+declare const SbbTimeInputElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbFormAssociatedInputMixinType> & typeof LitElement;
 /**
  * Custom input for a time.
  */
@@ -15,11 +15,6 @@ export declare class SbbTimeInputElement extends SbbTimeInputElement_base {
     set valueAsDate(date: Date | null);
     get valueAsDate(): Date | null;
     private _valueAsTime?;
-    /**
-     * Whether the input is empty.
-     * @deprecated
-     */
-    get empty(): boolean;
     /**
      * Stores the last string and parsed date object value to prevent repeated
      * parsing of the string value.

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;;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"}
+{"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,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,14 +1,14 @@
 import { __esDecorate as c, __runInitializers as h } from "tslib";
-import { css as v, LitElement as f, isServer as p } from "lit";
+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 D, i18nTimeMaxLength as E } from "../core/i18n.js";
 import { SbbFormAssociatedInputMixin as V } from "../core/mixins.js";
-const w = v`: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:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`, S = /[0-9.:,\-;_hH]/, d = /[^0-9.:,\-;_hH]/g, x = /^([0-9]{1,2})([0-9]{2})$/, C = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
+const w = f`: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:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`, S = /[0-9.:,\-;_hH]/, d = /[^0-9.:,\-;_hH]/g, x = /^([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 = V(f), u = [], o;
+  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
@@ -39,13 +39,6 @@ let M = (() => {
       } else
         return null;
     }
-    /**
-     * Whether the input is empty.
-     * @deprecated
-     */
-    get empty() {
-      return !this.value || this.value.trim() === "";
-    }
     constructor() {
       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));
     }

package/time-input.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './time-input/time-input.component.js';
+export * from './time-input/time-input.component.ts';
 //# sourceMappingURL=time-input.d.ts.map

package/timetable-form/timetable-form-details.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form-details/timetable-form-details.component.js';
+export * from './timetable-form-details/timetable-form-details.component.ts';
 //# sourceMappingURL=timetable-form-details.d.ts.map

package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbFormFieldElement } from '../../form-field/form-field.js';
+import { SbbFormFieldElement } from '../../form-field/form-field.ts';
 /**
  * Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
  */

package/timetable-form/timetable-form-field.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form-field/timetable-form-field.component.js';
+export * from './timetable-form-field/timetable-form-field.component.ts';
 //# sourceMappingURL=timetable-form-field.d.ts.map

package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues } from 'lit';
-import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
+import { SbbSecondaryButtonElement } from '../../button/secondary-button.ts';
 /**
  * An extension of `sbb-secondary-button` to be used inside the `sbb-timetable-form`.
  * When placed between two `sbb-timetable-form-field`, the 'click' swaps the value of the sibling inputs.

package/timetable-form/timetable-form-swap-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form-swap-button/timetable-form-swap-button.component.js';
+export * from './timetable-form-swap-button/timetable-form-swap-button.component.ts';
 //# sourceMappingURL=timetable-form-swap-button.d.ts.map

package/timetable-form/timetable-form.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form/timetable-form.component.js';
+export * from './timetable-form/timetable-form.component.ts';
 //# sourceMappingURL=timetable-form.d.ts.map

package/timetable-form.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './timetable-form/timetable-form.js';
-export * from './timetable-form/timetable-form-details.js';
-export * from './timetable-form/timetable-form-field.js';
-export * from './timetable-form/timetable-form-swap-button.js';
+export * from './timetable-form/timetable-form.ts';
+export * from './timetable-form/timetable-form-details.ts';
+export * from './timetable-form/timetable-form-field.ts';
+export * from './timetable-form/timetable-form-swap-button.ts';
 //# sourceMappingURL=timetable-form.d.ts.map

package/timetable-occupancy/timetable-occupancy.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbOccupancy } from '../core/interfaces.js';
-declare const SbbTimetableOccupancyElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+import { SbbOccupancy } from '../core/interfaces.ts';
+declare const SbbTimetableOccupancyElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * Used in `sbb-timetable-row`, it displays information about wagon occupancy.
  */

package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyValues } from 'lit';
-import { SbbOccupancy } from '../core/interfaces.js';
-import { SbbIconBase } from '../icon.js';
-declare const SbbTimetableOccupancyIconElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbIconBase;
+import { SbbOccupancy } from '../core/interfaces.ts';
+import { SbbIconBase } from '../icon.ts';
+declare const SbbTimetableOccupancyIconElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof SbbIconBase;
 /**
  * It displays a wagon's occupancy icon.
  */

package/timetable-occupancy-icon.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-occupancy-icon/timetable-occupancy-icon.component.js';
+export * from './timetable-occupancy-icon/timetable-occupancy-icon.component.ts';
 //# sourceMappingURL=timetable-occupancy-icon.d.ts.map

package/timetable-occupancy.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-occupancy/timetable-occupancy.component.js';
+export * from './timetable-occupancy/timetable-occupancy.component.ts';
 //# sourceMappingURL=timetable-occupancy.d.ts.map

package/title/title-base.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 export type SbbTitleLevel = '1' | '2' | '3' | '4' | '5' | '6';
-declare const SbbTitleBase_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbTitleBase_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a title with a heading role.
  */

package/title/title.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbTitleBase, SbbTitleLevel } from './title-base.js';
-declare const SbbTitleElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbTitleBase;
+import { SbbTitleBase, SbbTitleLevel } from './title-base.ts';
+declare const SbbTitleElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof SbbTitleBase;
 /**
  * @slot - Use the unnamed slot for the content of the title.
  *

package/title.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './title/title.component.js';
-export * from './title/title-base.js';
+export * from './title/title.component.ts';
+export * from './title/title-base.ts';
 //# sourceMappingURL=title.d.ts.map

package/toast/toast.component.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
+import { SbbOpenCloseBaseElement } from '../core/base-elements.ts';
 type SbbToastPositionVertical = 'top' | 'bottom';
 type SbbToastPositionHorizontal = 'left' | 'start' | 'center' | 'right' | 'end';
 export type SbbToastPosition = `${SbbToastPositionVertical}-${SbbToastPositionHorizontal}`;
-declare const SbbToastElement_base: import('../core/mixins.js').AbstractConstructor<import('../icon.js').SbbIconNameMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbReadonlyMixinType> & typeof SbbOpenCloseBaseElement;
+declare const SbbToastElement_base: import('../core/mixins.ts').AbstractConstructor<import('../icon.ts').SbbIconNameMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbReadonlyMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays a toast notification.
  *