@sbb-esta/lyne-elements-dev 4.7.0-dev.1773149675 → 4.7.0-dev.1773159918

package/toggle-check/toggle-check.component.js

@@ -1,26 +1,27 @@
-var I = (t) => {
+var z = (t) => {
   throw TypeError(t);
 };
-var T = (t, o, s) => o.has(t) || I("Cannot " + s);
-var h = (t, o, s) => (T(t, o, "read from private field"), s ? s.call(t) : o.get(t)), d = (t, o, s) => o.has(t) ? I("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, s), k = (t, o, s, r) => (T(t, o, "write to private field"), r ? r.call(t, s) : o.set(t, s), s);
-import { __esDecorate as u, __runInitializers as i } from "tslib";
-import { css as C, LitElement as E, html as D } from "lit";
-import { customElement as N, property as v } from "lit/decorators.js";
-import { isLean as U } from "../core/dom.js";
-import { SbbFormAssociatedCheckboxMixin as j } from "../core/mixins.js";
-import { boxSizingStyles as q } from "../core/styles.js";
-import { SbbIconNameMixin as F } from "../icon.js";
-const G = C`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-toggle-check-color: var(--sbb-color-2);--sbb-toggle-check-checked-color: var(--sbb-color-primary);--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-icon-opacity: 0;--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: solid;--sbb-toggle-check-circle-diameter: 1.75rem;--sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--sbb-toggle-check-circle-transform: translate(0, -50%);--sbb-toggle-check-height: 1.5rem;--sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));--sbb-toggle-check-cursor: var(--sbb-cursor-pointer);--sbb-toggle-check-flex-direction: row-reverse;--sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) )}@media(forced-colors:active){:host{--sbb-toggle-check-background-color: CanvasText;--sbb-toggle-check-circle-background-color: Canvas}}:host([size=m]){--sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text))}:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);--sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);--sbb-toggle-check-icon-opacity: 1;--sbb-toggle-check-circle-transform: translate( calc(100% - 2 * (100% - .5 * var(--sbb-toggle-check-width))), -50% )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-icon-color: Highlight;--sbb-toggle-check-background-color: Highlight}}:host(:disabled){--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: dashed;--sbb-toggle-check-icon-color: var(--sbb-color-granite);--sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-toggle-check-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-toggle-check-icon-color: GrayText;--sbb-toggle-check-background-color: GrayText;--sbb-toggle-check-circle-border-style: solid}}:host([label-position=before]){--sbb-toggle-check-flex-direction: row}.sbb-toggle-check{position:relative;display:flex;color:var(--sbb-toggle-check-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor)}.sbb-toggle-check:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible) .sbb-toggle-check{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:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-toggle-check__container{--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);display:flex;flex-direction:var(--sbb-toggle-check-flex-direction);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%}:host([size=m]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-text-font-size-m);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([size=xs]) .sbb-toggle-check__container{--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)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2)}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{display:inline-block;position:relative;min-width:var(--sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2)}.sbb-toggle-check__circle{box-shadow:var(--sbb-box-shadow-level-5-hard);position:absolute;top:50%;transform:translateY(-50%);width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);border-radius:50%;background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:transform;transform:var(--sbb-toggle-check-circle-transform);transition:transform ease var(--sbb-toggle-check-animation-duration)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--sbb-toggle-check-icon-opacity);transition:opacity ease var(--sbb-toggle-check-animation-duration)}`;
-let K = (() => {
-  var b, g, n, l;
-  let t = [N("sbb-toggle-check")], o, s = [], r, f = F(j(E)), m, p = [], _ = [], x, y = [], z = [], w, S = [], P = [];
-  return l = class extends f {
+var w = (t, o, s) => o.has(t) || z("Cannot " + s);
+var h = (t, o, s) => (w(t, o, "read from private field"), s ? s.call(t) : o.get(t)), d = (t, o, s) => o.has(t) ? z("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, s), k = (t, o, s, i) => (w(t, o, "write to private field"), i ? i.call(t, s) : o.set(t, s), s);
+import { __esDecorate as v, __runInitializers as l } from "tslib";
+import { css as P, html as I } from "lit";
+import { property as u } from "lit/decorators.js";
+import { SbbElement as S } from "../core/base-elements.js";
+import { isLean as N } from "../core/dom.js";
+import { SbbFormAssociatedCheckboxMixin as U } from "../core/mixins.js";
+import { boxSizingStyles as j } from "../core/styles.js";
+import { SbbIconNameMixin as q } from "../icon.js";
+const F = P`@charset "UTF-8";:host{display:inline-block;outline:none!important;--sbb-toggle-check-color: var(--sbb-color-2);--sbb-toggle-check-checked-color: var(--sbb-color-primary);--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-icon-opacity: 0;--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: solid;--sbb-toggle-check-circle-diameter: 1.75rem;--sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--sbb-toggle-check-circle-transform: translate(0, -50%);--sbb-toggle-check-height: 1.5rem;--sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));--sbb-toggle-check-cursor: var(--sbb-cursor-pointer);--sbb-toggle-check-flex-direction: row-reverse;--sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) )}@media(forced-colors:active){:host{--sbb-toggle-check-background-color: CanvasText;--sbb-toggle-check-circle-background-color: Canvas}}:host([size=m]){--sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text))}:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);--sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);--sbb-toggle-check-icon-opacity: 1;--sbb-toggle-check-circle-transform: translate( calc(100% - 2 * (100% - .5 * var(--sbb-toggle-check-width))), -50% )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-icon-color: Highlight;--sbb-toggle-check-background-color: Highlight}}:host(:disabled){--sbb-toggle-check-background-color: var(--sbb-background-color-4);--sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);--sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style: dashed;--sbb-toggle-check-icon-color: var(--sbb-color-granite);--sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));--sbb-toggle-check-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-toggle-check-icon-color: GrayText;--sbb-toggle-check-background-color: GrayText;--sbb-toggle-check-circle-border-style: solid}}:host([label-position=before]){--sbb-toggle-check-flex-direction: row}.sbb-toggle-check{position:relative;display:flex;color:var(--sbb-toggle-check-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor)}.sbb-toggle-check:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible) .sbb-toggle-check{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:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-toggle-check__container{--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);display:flex;flex-direction:var(--sbb-toggle-check-flex-direction);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%}:host([size=m]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-text-font-size-m);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([size=xs]) .sbb-toggle-check__container{--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)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2)}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{display:inline-block;position:relative;min-width:var(--sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2)}.sbb-toggle-check__circle{box-shadow:var(--sbb-box-shadow-level-5-hard);position:absolute;top:50%;transform:translateY(-50%);width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);border-radius:50%;background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:transform;transform:var(--sbb-toggle-check-circle-transform);transition:transform ease var(--sbb-toggle-check-animation-duration)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--sbb-toggle-check-icon-opacity);transition:opacity ease var(--sbb-toggle-check-animation-duration)}`;
+let C = (() => {
+  var b, g, n, r;
+  let t = q(U(S)), o, s = [], i = [], f, p = [], m = [], _, x = [], y = [];
+  return r = class extends t {
     constructor() {
       super(...arguments);
-      d(this, b, i(this, p, null));
-      d(this, g, (i(this, _), i(this, y, U() ? "xs" : "s")));
-      d(this, n, (i(this, z), i(this, S, "after")));
-      i(this, P);
+      d(this, b, l(this, s, null));
+      d(this, g, (l(this, i), l(this, p, N() ? "xs" : "s")));
+      d(this, n, (l(this, m), l(this, x, "after")));
+      l(this, y);
     }
     /** Value of the form element. */
     get value() {
@@ -53,7 +54,7 @@ let K = (() => {
       return super.renderIconName() || "tick-small";
     }
     render() {
-      return D`
+      return I`
       <span class="sbb-toggle-check">
         <span class="sbb-toggle-check__container">
           <span class="sbb-toggle-check__label">
@@ -68,17 +69,17 @@ let K = (() => {
       </span>
     `;
     }
-  }, b = new WeakMap(), g = new WeakMap(), n = new WeakMap(), r = l, (() => {
-    const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    m = [v()], x = [v({ reflect: !0 })], w = [v({ attribute: "label-position", reflect: !0 })], u(l, null, m, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, get: (e) => e.value, set: (e, a) => {
+  }, b = new WeakMap(), g = new WeakMap(), n = new WeakMap(), (() => {
+    const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    o = [u()], f = [u({ reflect: !0 })], _ = [u({ attribute: "label-position", reflect: !0 })], v(r, null, o, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, get: (e) => e.value, set: (e, a) => {
       e.value = a;
-    } }, metadata: c }, p, _), u(l, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, a) => {
+    } }, metadata: c }, s, i), v(r, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, a) => {
       e.size = a;
-    } }, metadata: c }, y, z), u(l, null, w, { kind: "accessor", name: "labelPosition", static: !1, private: !1, access: { has: (e) => "labelPosition" in e, get: (e) => e.labelPosition, set: (e, a) => {
+    } }, metadata: c }, p, m), v(r, null, _, { kind: "accessor", name: "labelPosition", static: !1, private: !1, access: { has: (e) => "labelPosition" in e, get: (e) => e.labelPosition, set: (e, a) => {
       e.labelPosition = a;
-    } }, metadata: c }, S, P), u(null, o = { value: r }, t, { kind: "class", name: r.name, metadata: c }, null, s), r = o.value, c && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
-  })(), l.styles = [q, G], i(r, s), r;
+    } }, metadata: c }, x, y), c && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
+  })(), r.elementName = "sbb-toggle-check", r.styles = [j, F], r;
 })();
 export {
-  K as SbbToggleCheckElement
+  C as SbbToggleCheckElement
 };

package/toggle-check.js

@@ -1,4 +1,5 @@
-import { SbbToggleCheckElement as b } from "./toggle-check/toggle-check.component.js";
+import { SbbToggleCheckElement as e } from "./toggle-check/toggle-check.component.js";
+e.define();
 export {
-  b as SbbToggleCheckElement
+  e as SbbToggleCheckElement
 };

package/toggle-check.pure.js

@@ -0,0 +1,4 @@
+import { SbbToggleCheckElement as b } from "./toggle-check/toggle-check.component.js";
+export {
+  b as SbbToggleCheckElement
+};

package/toggle.js

@@ -1,6 +1,8 @@
-import { SbbToggleElement as t } from "./toggle/toggle/toggle.component.js";
-import { SbbToggleOptionElement as g } from "./toggle/toggle-option/toggle-option.component.js";
+import { SbbToggleOptionElement as e } from "./toggle/toggle-option/toggle-option.component.js";
+import { SbbToggleElement as o } from "./toggle/toggle/toggle.component.js";
+o.define();
+e.define();
 export {
-  t as SbbToggleElement,
-  g as SbbToggleOptionElement
+  o as SbbToggleElement,
+  e as SbbToggleOptionElement
 };

package/toggle.pure.js

@@ -0,0 +1,6 @@
+import { SbbToggleOptionElement as t } from "./toggle/toggle-option/toggle-option.component.js";
+import { SbbToggleElement as g } from "./toggle/toggle/toggle.component.js";
+export {
+  g as SbbToggleElement,
+  t as SbbToggleOptionElement
+};

package/tooltip/tooltip.component.js

@@ -1,28 +1,28 @@
-var E = (s) => {
+var f = (s) => {
   throw TypeError(s);
 };
-var O = (s, o, a) => o.has(s) || E("Cannot " + a);
-var x = (s, o, a) => (O(s, o, "read from private field"), a ? a.call(s) : o.get(s)), k = (s, o, a) => o.has(s) ? E("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, a), g = (s, o, a, l) => (O(s, o, "write to private field"), l ? l.call(s, a) : o.set(s, a), a);
-import { __esDecorate as p, __runInitializers as c } from "tslib";
-import { css as S, isServer as P, html as L } from "lit";
-import { customElement as z, property as h } from "lit/decorators.js";
-import { SbbOpenCloseBaseElement as N } from "../core/base-elements.js";
-import { readConfig as u } from "../core/config.js";
-import { SbbEscapableOverlayController as B, SbbOverlayPositionController as I } from "../core/controllers.js";
-import { idReference as M } from "../core/decorators.js";
-import { queueDomContentLoaded as U, isZeroAnimationDuration as H, isAndroid as q, isIOS as Z } from "../core/dom.js";
-import { SbbDisabledMixin as j, appendAriaElements as $, removeAriaElements as R } from "../core/mixins.js";
-import { sbbOverlayOutsidePointerEventListener as A } from "../core/overlay.js";
-import { boxSizingStyles as F } from "../core/styles.js";
-const G = S`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block;--sbb-tooltip-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=" start"],[data-position$=" end"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--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);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, W = 500, Y = q || Z, m = /* @__PURE__ */ new WeakMap();
-let J = 0, dt = (() => {
-  var d, n;
-  let s = [z("sbb-tooltip")], o, a = [], l, _ = j(N), b = [], y, v = [], f = [], T, C, D;
-  return n = class extends _ {
+var C = (s, o, r) => o.has(s) || f("Cannot " + r);
+var T = (s, o, r) => (C(s, o, "read from private field"), r ? r.call(s) : o.get(s)), D = (s, o, r) => o.has(s) ? f("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, r), c = (s, o, r, d) => (C(s, o, "write to private field"), d ? d.call(s, r) : o.set(s, r), r);
+import { __esDecorate as p, __runInitializers as h } from "tslib";
+import { css as E, isServer as O, html as P } from "lit";
+import { property as b } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement as A } from "../core/base-elements.js";
+import { readConfig as g } from "../core/config.js";
+import { SbbEscapableOverlayController as w, SbbOverlayPositionController as L } from "../core/controllers.js";
+import { idReference as z } from "../core/decorators.js";
+import { queueDomContentLoaded as N, isZeroAnimationDuration as S, isAndroid as B, isIOS as M } from "../core/dom.js";
+import { SbbDisabledMixin as U, appendAriaElements as H, removeAriaElements as I } from "../core/mixins.js";
+import { sbbOverlayOutsidePointerEventListener as x } from "../core/overlay.js";
+import { boxSizingStyles as q } from "../core/styles.js";
+const Z = E`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block;--sbb-tooltip-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=" start"],[data-position$=" end"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--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);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, j = 500, $ = B || M, u = /* @__PURE__ */ new WeakMap();
+let R = 0, ot = (() => {
+  var l, a;
+  let s = U(A), o = [], r, d = [], m = [], y, v, _;
+  return a = class extends s {
     constructor() {
       super();
-      k(this, d);
-      g(this, d, (c(this, b), c(this, v, null))), this._openDelay = (c(this, f), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new B(this), this._overlayController = new I(this), this.addEventListener("mouseleave", (t) => {
+      D(this, l);
+      c(this, l, (h(this, o), h(this, d, null))), this._openDelay = (h(this, m), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new w(this), this._overlayController = new L(this), this.addEventListener("mouseleave", (t) => {
         (this.state === "opened" || this.state === "opening") && (!t.relatedTarget || !this._triggerElement?.contains(t.relatedTarget)) && this._delayedClose();
       }, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (t) => this._onTooltipAnimationEnd(t), { passive: !0 });
     }
@@ -32,10 +32,10 @@ let J = 0, dt = (() => {
      * For attribute usage, provide an id reference.
      */
     get trigger() {
-      return x(this, d);
+      return T(this, l);
     }
     set trigger(t) {
-      g(this, d, t);
+      c(this, l, t);
     }
     /**
      * Open the tooltip after a given delay in milliseconds.
@@ -47,7 +47,7 @@ let J = 0, dt = (() => {
       this._openDelay = t;
     }
     get openDelay() {
-      return this._openDelay ?? u().tooltip?.openDelay ?? 0;
+      return this._openDelay ?? g().tooltip?.openDelay ?? 0;
     }
     /**
      * Close the tooltip after a given delay in milliseconds.
@@ -59,7 +59,7 @@ let J = 0, dt = (() => {
       this._closeDelay = t;
     }
     get closeDelay() {
-      return this._closeDelay ?? u().tooltip?.closeDelay ?? 0;
+      return this._closeDelay ?? g().tooltip?.closeDelay ?? 0;
     }
     /**
      * Automatically close the tooltip after it has been open by long press.
@@ -71,7 +71,7 @@ let J = 0, dt = (() => {
       this._longPressCloseDelay = +t;
     }
     get longPressCloseDelay() {
-      return this._longPressCloseDelay ?? u().tooltip?.longPressCloseDelay ?? 1500;
+      return this._longPressCloseDelay ?? g().tooltip?.longPressCloseDelay ?? 1500;
     }
     static _initializeTooltipOutlet() {
       this._tooltipOutlet = document.createElement("div"), this._tooltipOutlet.classList.add("sbb-overlay-outlet"), document.body.appendChild(this._tooltipOutlet), new MutationObserver((t) => {
@@ -79,7 +79,7 @@ let J = 0, dt = (() => {
           if (e.type === "attributes")
             this._handleTooltipTrigger(e.target);
           else if (e.type === "childList")
-            for (const i of [...e.addedNodes, ...e.removedNodes].filter((r) => r.nodeType === r.ELEMENT_NODE))
+            for (const i of [...e.addedNodes, ...e.removedNodes].filter((n) => n.nodeType === n.ELEMENT_NODE))
               this._handleTooltipTrigger(i), this._findAndHandleTooltipTriggers(i);
       }).observe(document.documentElement, {
         attributeFilter: [
@@ -97,21 +97,21 @@ let J = 0, dt = (() => {
     }
     static _handleTooltipTrigger(t) {
       const e = t.getAttribute("sbb-tooltip");
-      let i = m.get(t);
+      let i = u.get(t);
       if (e && t.isConnected) {
-        i || (i = document.createElement("sbb-tooltip"), m.set(t, i), this._tooltipOutlet.appendChild(i), i.trigger = t), i.textContent = e, i.openDelay = t.hasAttribute("sbb-tooltip-open-delay") ? +t.getAttribute("sbb-tooltip-open-delay") : null, i.closeDelay = t.hasAttribute("sbb-tooltip-close-delay") ? +t.getAttribute("sbb-tooltip-close-delay") : null;
-        const r = t.hasAttribute("sbb-tooltip-position") ? t.getAttribute("sbb-tooltip-position").split(",").map((w) => w.trim()) : t.tooltipPositions;
-        r && r.length > 0 ? (i.style.setProperty("--sbb-overlay-position-area", r[0]), i.style.setProperty("--sbb-overlay-position-try-fallbacks", r.slice(1).join(", "))) : (i.style.removeProperty("--sbb-overlay-position-area"), i.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
-      } else i && (m.delete(t), i._destroy());
+        i || (i = document.createElement("sbb-tooltip"), u.set(t, i), this._tooltipOutlet.appendChild(i), i.trigger = t), i.textContent = e, i.openDelay = t.hasAttribute("sbb-tooltip-open-delay") ? +t.getAttribute("sbb-tooltip-open-delay") : null, i.closeDelay = t.hasAttribute("sbb-tooltip-close-delay") ? +t.getAttribute("sbb-tooltip-close-delay") : null;
+        const n = t.hasAttribute("sbb-tooltip-position") ? t.getAttribute("sbb-tooltip-position").split(",").map((k) => k.trim()) : t.tooltipPositions;
+        n && n.length > 0 ? (i.style.setProperty("--sbb-overlay-position-area", n[0]), i.style.setProperty("--sbb-overlay-position-try-fallbacks", n.slice(1).join(", "))) : (i.style.removeProperty("--sbb-overlay-position-area"), i.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
+      } else i && (u.delete(t), i._destroy());
     }
     connectedCallback() {
-      super.connectedCallback(), this.popover = "manual", this.id ||= `sbb-tooltip-${++J}`, this.state = "closed", A.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
+      super.connectedCallback(), this.popover = "manual", this.id ||= `sbb-tooltip-${++R}`, this.state = "closed", x.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), A.disconnect(this), this._detach();
+      super.disconnectedCallback(), x.disconnect(this), this._detach();
     }
     requestUpdate(t, e, i) {
-      super.requestUpdate(t, e, i), !P && (!t || t === "trigger") && this.hasUpdated && this._attach(this.trigger);
+      super.requestUpdate(t, e, i), !O && (!t || t === "trigger") && this.hasUpdated && this._attach(this.trigger);
     }
     firstUpdated(t) {
       super.firstUpdated(t), this._attach(this.trigger);
@@ -138,10 +138,10 @@ let J = 0, dt = (() => {
       t.animationName === "open" && this.state === "opening" ? this._handleOpening() : t.animationName === "close" && this.state === "closing" && this._handleClosing();
     }
     _attach(t) {
-      this._triggerElement && this._detach(), this._triggerElement = t, this._triggerElement && (this._triggerElement.ariaDescribedByElements = $(this._triggerElement.ariaDescribedByElements, this), this._addTriggerEventHandlers());
+      this._triggerElement && this._detach(), this._triggerElement = t, this._triggerElement && (this._triggerElement.ariaDescribedByElements = H(this._triggerElement.ariaDescribedByElements, this), this._addTriggerEventHandlers());
     }
     _detach() {
-      this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement && (this._triggerElement.ariaDescribedByElements = R(this._triggerElement.ariaDescribedByElements, this), this._triggerElement = null);
+      this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement && (this._triggerElement.ariaDescribedByElements = I(this._triggerElement.ariaDescribedByElements, this), this._triggerElement = null);
     }
     _destroy() {
       this._detach(), this.remove();
@@ -155,11 +155,11 @@ let J = 0, dt = (() => {
         signal: this._triggerAbortController.signal,
         passive: !0
       };
-      Y || (t.addEventListener("mouseenter", () => this._delayedOpen(), e), t.addEventListener("mouseleave", (i) => {
-        const r = i.relatedTarget;
-        (!r || r !== this) && this._delayedClose();
+      $ || (t.addEventListener("mouseenter", () => this._delayedOpen(), e), t.addEventListener("mouseleave", (i) => {
+        const n = i.relatedTarget;
+        (!n || n !== this) && this._delayedClose();
       }, e), t.addEventListener("blur", () => this.close(), e), t.addEventListener("focus", () => this._delayedOpen(), e)), t.addEventListener("touchstart", () => {
-        clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), W);
+        clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), j);
       }, e), t.addEventListener("touchend", () => {
         clearTimeout(this._longPressOpenTimeout), this._longPressCloseTimeout = setTimeout(() => this.close(), this.longPressCloseDelay);
       }, e), t.addEventListener("touchcancel", () => {
@@ -167,31 +167,31 @@ let J = 0, dt = (() => {
       }, e);
     }
     _isZeroAnimationDuration() {
-      return H(this, "--sbb-tooltip-animation-duration");
+      return S(this, "--sbb-tooltip-animation-duration");
     }
     _resetOpenCloseTimeout() {
       clearTimeout(this._openTimeout), clearTimeout(this._closeTimeout);
     }
     render() {
-      return L`
+      return P`
       <div class="sbb-tooltip">
         <slot></slot>
       </div>
     `;
     }
-  }, d = new WeakMap(), l = n, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    y = [M(), h()], T = [h({ attribute: "open-delay", type: Number })], C = [h({ attribute: "close-delay", type: Number })], D = [h({ attribute: "long-press-close-delay", type: Number })], p(n, null, y, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, i) => {
+  }, l = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    r = [z(), b()], y = [b({ attribute: "open-delay", type: Number })], v = [b({ attribute: "close-delay", type: Number })], _ = [b({ attribute: "long-press-close-delay", type: Number })], p(a, null, r, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, i) => {
       e.trigger = i;
-    } }, metadata: t }, v, f), p(n, null, T, { kind: "setter", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, set: (e, i) => {
+    } }, metadata: t }, d, m), p(a, null, y, { kind: "setter", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, set: (e, i) => {
       e.openDelay = i;
-    } }, metadata: t }, null, b), p(n, null, C, { kind: "setter", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, set: (e, i) => {
+    } }, metadata: t }, null, o), p(a, null, v, { kind: "setter", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, set: (e, i) => {
       e.closeDelay = i;
-    } }, metadata: t }, null, b), p(n, null, D, { kind: "setter", name: "longPressCloseDelay", static: !1, private: !1, access: { has: (e) => "longPressCloseDelay" in e, set: (e, i) => {
+    } }, metadata: t }, null, o), p(a, null, _, { kind: "setter", name: "longPressCloseDelay", static: !1, private: !1, access: { has: (e) => "longPressCloseDelay" in e, set: (e, i) => {
       e.longPressCloseDelay = i;
-    } }, metadata: t }, null, b), p(null, o = { value: l }, s, { kind: "class", name: l.name, metadata: t }, null, a), l = o.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.role = "tooltip", n.styles = [F, G], P || U(() => l._initializeTooltipOutlet()), c(l, a), l;
+    } }, metadata: t }, null, o), t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), a.elementName = "sbb-tooltip", a.role = "tooltip", a.styles = [q, Z], O || N(() => a._initializeTooltipOutlet()), a;
 })();
 export {
-  dt as SbbTooltipElement
+  ot as SbbTooltipElement
 };

package/tooltip.js

@@ -1,4 +1,5 @@
-import { SbbTooltipElement as t } from "./tooltip/tooltip.component.js";
+import { SbbTooltipElement as e } from "./tooltip/tooltip.component.js";
+e.define();
 export {
-  t as SbbTooltipElement
+  e as SbbTooltipElement
 };

package/tooltip.pure.js

@@ -0,0 +1,4 @@
+import { SbbTooltipElement as t } from "./tooltip/tooltip.component.js";
+export {
+  t as SbbTooltipElement
+};

package/train/train/train.component.js

@@ -1,75 +1,76 @@
-var U = (e) => {
+var M = (e) => {
   throw TypeError(e);
 };
-var G = (e, a, s) => a.has(e) || U("Cannot " + s);
-var m = (e, a, s) => (G(e, a, "read from private field"), s ? s.call(e) : a.get(e)), g = (e, a, s) => a.has(e) ? U("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, s), n = (e, a, s, o) => (G(e, a, "write to private field"), o ? o.call(e, s) : a.set(e, s), s);
-import { __runInitializers as l, __esDecorate as L } from "tslib";
-import { css as W, LitElement as q, nothing as v } from "lit";
-import { customElement as B, property as f } from "lit/decorators.js";
-import { unsafeStatic as P, html as u } from "lit/static-html.js";
-import { SbbLanguageController as F } from "../../core/controllers.js";
-import { forceType as y, omitEmptyConverter as H } from "../../core/decorators.js";
-import { i18nTrain as J, i18nWagonsLabel as K } from "../../core/i18n.js";
-import { SbbNamedSlotListMixin as Q } from "../../core/mixins.js";
-import { boxSizingStyles as R } from "../../core/styles.js";
+var O = (e, a, r) => a.has(e) || M("Cannot " + r);
+var _ = (e, a, r) => (O(e, a, "read from private field"), r ? r.call(e) : a.get(e)), g = (e, a, r) => a.has(e) ? M("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, r), n = (e, a, r, m) => (O(e, a, "write to private field"), m ? m.call(e, r) : a.set(e, r), r);
+import { __runInitializers as l, __esDecorate as f } from "tslib";
+import { css as G, nothing as v } from "lit";
+import { property as L } from "lit/decorators.js";
+import { unsafeStatic as U, html as u } from "lit/static-html.js";
+import { SbbElement as P } from "../../core/base-elements.js";
+import { SbbLanguageController as W } from "../../core/controllers.js";
+import { forceType as y, omitEmptyConverter as q } from "../../core/decorators.js";
+import { i18nTrain as B, i18nWagonsLabel as F } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin as H } from "../../core/mixins.js";
+import { boxSizingStyles as J } from "../../core/styles.js";
 import "../../icon.js";
-const V = W`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--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);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:"";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
-let ct = (() => {
-  var b, d, h, p, _, r;
-  let e = [B("sbb-train")], a, s = [], o, x = Q(q), w, z = [], $ = [], S, k = [], E = [], I, T = [], D = [], A, C = [], j = [], N, M = [], O = [];
-  return r = class extends x {
+const K = G`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--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);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:"";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+let rt = (() => {
+  var c, b, d, h, p, s;
+  let e = H(P), a, r = [], m = [], x, w = [], z = [], $, k = [], I = [], S, A = [], C = [], N, j = [], D = [];
+  return s = class extends e {
     constructor() {
       super(...arguments);
+      g(this, c);
       g(this, b);
       g(this, d);
       g(this, h);
       g(this, p);
-      g(this, _);
       this.listChildLocalNames = [
         "sbb-train-wagon",
         "sbb-train-blocked-passage"
-      ], n(this, b, l(this, z, "")), n(this, d, (l(this, $), l(this, k, "6"))), n(this, h, (l(this, E), l(this, T, ""))), n(this, p, (l(this, D), l(this, C, ""))), n(this, _, (l(this, j), l(this, M, "left"))), this._language = (l(this, O), new F(this));
+      ], n(this, c, l(this, r, "")), n(this, b, (l(this, m), l(this, w, "6"))), n(this, d, (l(this, z), l(this, k, ""))), n(this, h, (l(this, I), l(this, A, ""))), n(this, p, (l(this, C), l(this, j, "left"))), this._language = (l(this, D), new W(this));
     }
     /** General label for "driving direction". */
     get directionLabel() {
-      return m(this, b);
+      return _(this, c);
     }
     set directionLabel(i) {
-      n(this, b, i);
+      n(this, c, i);
     }
     /** Heading level of the direction label, used for screen readers. */
     get directionLabelLevel() {
-      return m(this, d);
+      return _(this, b);
     }
     set directionLabelLevel(i) {
-      n(this, d, i);
+      n(this, b, i);
     }
     /** Label for the destination station of the train. */
     get station() {
-      return m(this, h);
+      return _(this, d);
     }
     set station(i) {
-      n(this, h, i);
+      n(this, d, i);
     }
     /** Accessibility label for additional information regarding the leaving direction of the train. */
     get accessibilityLabel() {
-      return m(this, p);
+      return _(this, h);
     }
     set accessibilityLabel(i) {
-      n(this, p, i);
+      n(this, h, i);
     }
     /** Controls the direction indicator to show the arrow left or right. Default is left.  */
     get direction() {
-      return m(this, _);
+      return _(this, p);
     }
     set direction(i) {
-      n(this, _, i);
+      n(this, p, i);
     }
     /**
      * Create the aria-label text out of the direction label, station and the accessibility label.
      */
     _getDirectionAriaLabel() {
-      const i = [J[this._language.current]];
+      const i = [B[this._language.current]];
       return this.directionLabel && this.station && i.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && i.push(this.accessibilityLabel), `${i.join(", ")}.`;
     }
     willUpdate(i) {
@@ -79,9 +80,9 @@ let ct = (() => {
       const i = `h${this.directionLabelLevel}`;
       return u`
       <div class="sbb-train">
-        <${P(i)} class="sbb-train__direction-label-sr">
+        <${U(i)} class="sbb-train__direction-label-sr">
           ${this._getDirectionAriaLabel()}
-        </${P(i)}>
+        </${U(i)}>
         ${this.directionLabel ? u`<div class="sbb-train__direction-heading" aria-hidden="true">
                 <span class="sbb-train__direction-sticky-wrapper">
                   ${this.direction === "left" ? u`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : v}
@@ -95,28 +96,28 @@ let ct = (() => {
               </div>` : v}
         ${this.renderList({
         class: "sbb-train__wagons",
-        ariaLabel: K[this._language.current]
+        ariaLabel: F[this._language.current]
       })}
       </div>
     `;
     }
-  }, b = new WeakMap(), d = new WeakMap(), h = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), o = r, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    w = [y(), f({ attribute: "direction-label", reflect: !0, converter: H })], S = [f({ attribute: "direction-label-level" })], I = [y(), f()], A = [y(), f({ attribute: "accessibility-label" })], N = [f({ reflect: !0 })], L(r, null, w, { kind: "accessor", name: "directionLabel", static: !1, private: !1, access: { has: (t) => "directionLabel" in t, get: (t) => t.directionLabel, set: (t, c) => {
-      t.directionLabel = c;
-    } }, metadata: i }, z, $), L(r, null, S, { kind: "accessor", name: "directionLabelLevel", static: !1, private: !1, access: { has: (t) => "directionLabelLevel" in t, get: (t) => t.directionLabelLevel, set: (t, c) => {
-      t.directionLabelLevel = c;
-    } }, metadata: i }, k, E), L(r, null, I, { kind: "accessor", name: "station", static: !1, private: !1, access: { has: (t) => "station" in t, get: (t) => t.station, set: (t, c) => {
-      t.station = c;
-    } }, metadata: i }, T, D), L(r, null, A, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, c) => {
-      t.accessibilityLabel = c;
-    } }, metadata: i }, C, j), L(r, null, N, { kind: "accessor", name: "direction", static: !1, private: !1, access: { has: (t) => "direction" in t, get: (t) => t.direction, set: (t, c) => {
-      t.direction = c;
-    } }, metadata: i }, M, O), L(null, a = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, s), o = a.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), r.styles = [R, V], r.events = {
+  }, c = new WeakMap(), b = new WeakMap(), d = new WeakMap(), h = new WeakMap(), p = new WeakMap(), (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    a = [y(), L({ attribute: "direction-label", reflect: !0, converter: q })], x = [L({ attribute: "direction-label-level" })], $ = [y(), L()], S = [y(), L({ attribute: "accessibility-label" })], N = [L({ reflect: !0 })], f(s, null, a, { kind: "accessor", name: "directionLabel", static: !1, private: !1, access: { has: (t) => "directionLabel" in t, get: (t) => t.directionLabel, set: (t, o) => {
+      t.directionLabel = o;
+    } }, metadata: i }, r, m), f(s, null, x, { kind: "accessor", name: "directionLabelLevel", static: !1, private: !1, access: { has: (t) => "directionLabelLevel" in t, get: (t) => t.directionLabelLevel, set: (t, o) => {
+      t.directionLabelLevel = o;
+    } }, metadata: i }, w, z), f(s, null, $, { kind: "accessor", name: "station", static: !1, private: !1, access: { has: (t) => "station" in t, get: (t) => t.station, set: (t, o) => {
+      t.station = o;
+    } }, metadata: i }, k, I), f(s, null, S, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, o) => {
+      t.accessibilityLabel = o;
+    } }, metadata: i }, A, C), f(s, null, N, { kind: "accessor", name: "direction", static: !1, private: !1, access: { has: (t) => "direction" in t, get: (t) => t.direction, set: (t, o) => {
+      t.direction = o;
+    } }, metadata: i }, j, D), i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), s.elementName = "sbb-train", s.styles = [J, K], s.events = {
     trainslotchange: "trainslotchange"
-  }, l(o, s), o;
+  }, s;
 })();
 export {
-  ct as SbbTrainElement
+  rt as SbbTrainElement
 };

package/train/train-blocked-passage/train-blocked-passage.component.js

@@ -1,26 +1,19 @@
-import { __esDecorate as i, __runInitializers as n } from "tslib";
-import { css as l, LitElement as c, html as d } from "lit";
-import { customElement as p } from "lit/decorators.js";
-import { boxSizingStyles as g } from "../../core/styles.js";
-const m = l`:host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-error);--sbb-train-blocked-passage-bar-color: var(--sbb-color-white);--sbb-train-blocked-passage-icon-dimension: 1rem;--sbb-train-blocked-passage-icon-bar-width: .625rem;--sbb-train-blocked-passage-icon-bar-height: .25rem;--sbb-train-blocked-passage-icon-bar-border-radius: .0625rem}@media(forced-colors:active){:host{--sbb-train-blocked-passage-background-color: CanvasText;--sbb-train-blocked-passage-bar-color: Canvas}}.sbb-train-blocked-passage:before{content:"";display:var(--sbb-train-formation-wagon-label-display, block);height:calc(var(--sbb-text-font-size-xxs) * var(--sbb-typo-line-height-text))}.sbb-train-blocked-passage__wrapper{width:var(--sbb-train-blocked-passage-icon-dimension);display:flex;justify-content:center;flex-direction:column;height:var(--sbb-train-blocked-passage-height)}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color);position:relative;flex-direction:column;display:flex;align-items:center}.sbb-train-blocked-passage__icon:before{content:"";width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color);margin:auto 0}`;
-let f = (() => {
-  var e;
-  let b = [p("sbb-train-blocked-passage")], r, t = [], a, o = c;
-  return e = class extends o {
-    render() {
-      return d`
+import { css as r, html as b } from "lit";
+import { SbbElement as e } from "../../core/base-elements.js";
+import { boxSizingStyles as o } from "../../core/styles.js";
+const i = r`:host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-error);--sbb-train-blocked-passage-bar-color: var(--sbb-color-white);--sbb-train-blocked-passage-icon-dimension: 1rem;--sbb-train-blocked-passage-icon-bar-width: .625rem;--sbb-train-blocked-passage-icon-bar-height: .25rem;--sbb-train-blocked-passage-icon-bar-border-radius: .0625rem}@media(forced-colors:active){:host{--sbb-train-blocked-passage-background-color: CanvasText;--sbb-train-blocked-passage-bar-color: Canvas}}.sbb-train-blocked-passage:before{content:"";display:var(--sbb-train-formation-wagon-label-display, block);height:calc(var(--sbb-text-font-size-xxs) * var(--sbb-typo-line-height-text))}.sbb-train-blocked-passage__wrapper{width:var(--sbb-train-blocked-passage-icon-dimension);display:flex;justify-content:center;flex-direction:column;height:var(--sbb-train-blocked-passage-height)}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color);position:relative;flex-direction:column;display:flex;align-items:center}.sbb-train-blocked-passage__icon:before{content:"";width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color);margin:auto 0}`, a = class a extends e {
+  render() {
+    return b`
       <span class="sbb-train-blocked-passage">
         <span class="sbb-train-blocked-passage__wrapper">
           <span class="sbb-train-blocked-passage__icon"></span>
         </span>
       </span>
     `;
-    }
-  }, a = e, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    i(null, r = { value: a }, b, { kind: "class", name: a.name, metadata: s }, null, t), a = r.value, s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), e.styles = [g, m], n(a, t), a;
-})();
+  }
+};
+a.elementName = "sbb-train-blocked-passage", a.styles = [o, i];
+let s = a;
 export {
-  f as SbbTrainBlockedPassageElement
+  s as SbbTrainBlockedPassageElement
 };