@sbb-esta/lyne-elements 3.0.0-next.3 → 3.0.1

package/toggle/toggle/toggle.component.js

@@ -1,37 +1,33 @@
 var A = (i) => {
   throw TypeError(i);
 };
-var O = (i, o, a) => o.has(i) || A("Cannot " + a);
-var v = (i, o, a) => (O(i, o, "read from private field"), a ? a.call(i) : o.get(i)), f = (i, o, a) => o.has(i) ? A("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, a), c = (i, o, a, n) => (O(i, o, "write to private field"), n ? n.call(i, a) : o.set(i, a), a);
+var T = (i, o, a) => o.has(i) || A("Cannot " + a);
+var m = (i, o, a) => (T(i, o, "read from private field"), a ? a.call(i) : o.get(i)), v = (i, o, a) => o.has(i) ? A("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(i) : o.set(i, a), c = (i, o, a, n) => (T(i, o, "write to private field"), n ? n.call(i, a) : o.set(i, a), a);
 import { __esDecorate as u, __runInitializers as g } from "tslib";
-import { css as P, LitElement as V, isServer as F, html as L } from "lit";
-import { customElement as W, property as _ } from "lit/decorators.js";
-import { interactivityChecker as R, isArrowKeyPressed as U, getNextElementIndex as K } from "../../core/a11y.js";
-import { forceType as M } from "../../core/decorators.js";
-import { isLean as $ } from "../../core/dom.js";
-import { EventEmitter as j } from "../../core/eventing.js";
-import { SbbDisabledMixin as q, SbbFormAssociatedMixin as B, SbbElementInternalsMixin as N } from "../../core/mixins.js";
+import { css as F, LitElement as P, isServer as O, html as V } from "lit";
+import { customElement as L, property as f } from "lit/decorators.js";
+import { interactivityChecker as W, isArrowKeyPressed as R, getNextElementIndex as U } from "../../core/a11y.js";
+import { forceType as K } from "../../core/decorators.js";
+import { isLean as M } from "../../core/dom.js";
+import { SbbDisabledMixin as $, SbbFormAssociatedMixin as j, SbbElementInternalsMixin as q } from "../../core/mixins.js";
 import "../toggle-option.js";
-const G = P`*,:before,:after{box-sizing:border-box}:host{display:block;width:fit-content;border-radius:var(--sbb-toggle-border-radius);--sbb-toggle-width: fit-content;--sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small) );--sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: var(--sbb-color-smoke);--sbb-toggle-selected-option-background-color: var(--sbb-color-white);--sbb-toggle-background-inset: .125rem;--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toggle-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toggle-height: var(--sbb-size-element-m);--sbb-toggle-border-radius: var(--sbb-border-radius-infinity);--sbb-toggle-grid-template-columns: auto auto}@media (forced-colors: active){:host{--sbb-toggle-selected-option-border-color: Highlight;--sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x)}}:host([even]){width:100%;--sbb-toggle-width: 100%;--sbb-toggle-grid-template-columns: 50% 50%}:host(:disabled){--sbb-toggle-selected-option-border-color: var(--sbb-color-graphite);--sbb-toggle-selected-option-border-style: dashed}@media (forced-colors: active){:host(:disabled){--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: GrayText}}:host([size=s]){--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-toggle-height: var(--sbb-size-element-xxs)}:host(:is(:not([data-initialized]),[data-disable-animation-on-resizing])){--sbb-disable-animation-duration: 0s}.sbb-toggle{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:grid;grid-template-columns:var(--sbb-toggle-grid-template-columns);grid-template-areas:"start end";align-items:center;min-width:var(--sbb-toggle-min-width);width:var(--sbb-toggle-width);height:var(--sbb-toggle-height);max-width:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--sbb-toggle-border-radius)}.sbb-toggle:before{content:"";display:block;grid-area:start/start/end/end;margin-inline:var(--sbb-toggle-option-left, 0) var(--sbb-toggle-option-right, 0);background-color:var(--sbb-toggle-selected-option-background-color);border-radius:var(--sbb-toggle-border-radius);max-width:100%;height:100%;border:var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);transition-duration:var(--sbb-toggle-animation-duration);transition-timing-function:ease;transition-property:margin-inline-start,margin-inline-end}.sbb-toggle:after{content:"";grid-area:start/start/end/end;order:-1;background:var(--sbb-color-cloud);margin-inline:var(--sbb-toggle-background-inset);height:calc(100% - 2 * var(--sbb-toggle-background-inset));border-radius:var(--sbb-toggle-border-radius)}@media (forced-colors: active){.sbb-toggle:after{border:var(--sbb-border-width-1x) solid CanvasText}}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}`;
-let ae = (() => {
+const B = F`*,:before,:after{box-sizing:border-box}:host{display:block;width:fit-content;border-radius:var(--sbb-toggle-border-radius);--sbb-toggle-width: fit-content;--sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small) );--sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: var(--sbb-color-smoke);--sbb-toggle-selected-option-background-color: var(--sbb-color-white);--sbb-toggle-background-inset: .125rem;--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toggle-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toggle-height: var(--sbb-size-element-m);--sbb-toggle-border-radius: var(--sbb-border-radius-infinity);--sbb-toggle-grid-template-columns: auto auto}@media (forced-colors: active){:host{--sbb-toggle-selected-option-border-color: Highlight;--sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x)}}:host([even]){width:100%;--sbb-toggle-width: 100%;--sbb-toggle-grid-template-columns: 50% 50%}:host(:disabled){--sbb-toggle-selected-option-border-color: var(--sbb-color-graphite);--sbb-toggle-selected-option-border-style: dashed}@media (forced-colors: active){:host(:disabled){--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: GrayText}}:host([size=s]){--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-toggle-height: var(--sbb-size-element-xxs)}:host(:is(:not([data-initialized]),[data-disable-animation-on-resizing])){--sbb-disable-animation-duration: 0s}.sbb-toggle{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:grid;grid-template-columns:var(--sbb-toggle-grid-template-columns);grid-template-areas:"start end";align-items:center;min-width:var(--sbb-toggle-min-width);width:var(--sbb-toggle-width);height:var(--sbb-toggle-height);max-width:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--sbb-toggle-border-radius)}.sbb-toggle:before{content:"";display:block;grid-area:start/start/end/end;margin-inline:var(--sbb-toggle-option-left, 0) var(--sbb-toggle-option-right, 0);background-color:var(--sbb-toggle-selected-option-background-color);border-radius:var(--sbb-toggle-border-radius);max-width:100%;height:100%;border:var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);transition-duration:var(--sbb-toggle-animation-duration);transition-timing-function:ease;transition-property:margin-inline-start,margin-inline-end}.sbb-toggle:after{content:"";grid-area:start/start/end/end;order:-1;background:var(--sbb-color-cloud);margin-inline:var(--sbb-toggle-background-inset);height:calc(100% - 2 * var(--sbb-toggle-background-inset));border-radius:var(--sbb-toggle-border-radius)}@media (forced-colors: active){.sbb-toggle:after{border:var(--sbb-border-width-1x) solid CanvasText}}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}`;
+let se = (() => {
   var b, d, r;
-  let i = [W("sbb-toggle")], o, a = [], n, y = q(B(N(V))), x = [], k, w = [], z = [], E, D = [], S = [], C;
-  var p = (r = class extends y {
+  let i = [L("sbb-toggle")], o, a = [], n, _ = $(j(q(P))), y = [], x, k = [], w = [], z, D = [], E = [], S;
+  return r = class extends _ {
     constructor() {
       super();
-      f(this, b);
-      f(this, d);
-      c(this, b, (g(this, x), g(this, w, !1))), c(this, d, (g(this, z), g(this, D, $() ? "s" : "m"))), this._fallbackValue = (g(this, S), null), this._change = new j(this, p.events.change, {
-        bubbles: !0,
-        composed: !0
-      }), this.addEventListener?.("input", () => this._handleInput(), { passive: !0 }), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+      v(this, b);
+      v(this, d);
+      c(this, b, (g(this, y), g(this, k, !1))), c(this, d, (g(this, w), g(this, D, M() ? "s" : "m"))), this._fallbackValue = (g(this, E), null), this.addEventListener?.("input", () => this._handleInput(), { passive: !0 }), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
     }
     /**
      * If true, set the width of the component fixed; if false,
      * the width is dynamic based on the label of the sbb-toggle-option.
      */
     get even() {
-      return v(this, b);
+      return m(this, b);
     }
     set even(e) {
       c(this, b, e);
@@ -41,7 +37,7 @@ let ae = (() => {
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return v(this, d);
+      return m(this, d);
     }
     set size(e) {
       c(this, d, e);
@@ -51,10 +47,10 @@ let ae = (() => {
      * a new option is selected (see the `onToggleOptionSelect()` method).
      */
     set value(e) {
-      F || !this.hasUpdated ? this._fallbackValue = e : this._valueChanged(e);
+      O || !this.hasUpdated ? this._fallbackValue = e : this._valueChanged(e);
     }
     get value() {
-      return F ? this._fallbackValue ?? null : this.options.find((e) => e.checked)?.value ?? this.options[0]?.value ?? null;
+      return O ? this._fallbackValue ?? null : this.options.find((e) => e.checked)?.value ?? this.options[0]?.value ?? null;
     }
     /** The child instances of sbb-toggle-option as an array. */
     get options() {
@@ -92,11 +88,11 @@ let ae = (() => {
     /** @internal */
     updatePillPosition(e = !1) {
       const t = this.options, s = this.shadowRoot?.querySelector(".sbb-toggle");
-      if (t.length < 2 || !s || t.every((m) => !m.checked) || t.every((m) => !m.clientWidth))
+      if (t.length < 2 || !s || t.every((p) => !p.checked) || t.every((p) => !p.clientWidth))
         return;
       this.toggleAttribute("data-disable-animation-on-resizing", e);
-      const l = t[0], h = l.checked, I = h ? "0px" : `${l.clientWidth}px`, T = h ? `${s.clientWidth - l.clientWidth}px` : "0px";
-      T === "0px" && I === "0px" || (this.style?.setProperty("--sbb-toggle-option-left", I), this.style?.setProperty("--sbb-toggle-option-right", T), this.offsetWidth, this.toggleAttribute("data-initialized", !0));
+      const l = t[0], h = l.checked, C = h ? "0px" : `${l.clientWidth}px`, I = h ? `${s.clientWidth - l.clientWidth}px` : "0px";
+      I === "0px" && C === "0px" || (this.style?.setProperty("--sbb-toggle-option-left", C), this.style?.setProperty("--sbb-toggle-option-right", I), this.offsetWidth, this.toggleAttribute("data-initialized", !0));
     }
     _updateToggle() {
       this._valueChanged(this.value), this._updateDisabled();
@@ -113,37 +109,36 @@ let ae = (() => {
      * Called on user interaction (click or keyboard)
      */
     _handleInput() {
-      this.statusChanged(), this._change.emit();
+      this.statusChanged(), this.dispatchEvent(new Event("change", { bubbles: !0 }));
     }
     _handleKeyDown(e) {
-      const t = this.options.filter((s) => !s.disabled && R.isVisible(s));
+      const t = this.options.filter((s) => !s.disabled && W.isVisible(s));
       if (!(!t || // don't trap nested handling
-      e.target !== this && e.target.parentElement !== this) && U(e)) {
-        const s = t.findIndex((h) => h.checked), l = K(e, s, t.length);
+      e.target !== this && e.target.parentElement !== this) && R(e)) {
+        const s = t.findIndex((h) => h.checked), l = U(e, s, t.length);
         t[l].checked || (t[l].checked = !0, t[l].focus(), t[l].dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 }))), e.preventDefault();
       }
     }
     render() {
-      return L`
+      return V`
       <div class="sbb-toggle">
         <slot @slotchange=${this._updateToggle}></slot>
       </div>
     `;
     }
   }, b = new WeakMap(), d = new WeakMap(), n = r, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    k = [M(), _({ reflect: !0, type: Boolean })], E = [_({ reflect: !0 })], C = [_()], u(r, null, k, { kind: "accessor", name: "even", static: !1, private: !1, access: { has: (t) => "even" in t, get: (t) => t.even, set: (t, s) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+    x = [K(), f({ reflect: !0, type: Boolean })], z = [f({ reflect: !0 })], S = [f()], u(r, null, x, { kind: "accessor", name: "even", static: !1, private: !1, access: { has: (t) => "even" in t, get: (t) => t.even, set: (t, s) => {
       t.even = s;
-    } }, metadata: e }, w, z), u(r, null, E, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, s) => {
+    } }, metadata: e }, k, w), u(r, null, z, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, s) => {
       t.size = s;
-    } }, metadata: e }, D, S), u(r, null, C, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, s) => {
+    } }, metadata: e }, D, E), u(r, null, S, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, s) => {
       t.value = s;
-    } }, metadata: e }, null, x), u(null, o = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, a), p = n = o.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), r.role = "radiogroup", r.styles = G, r.events = {
+    } }, metadata: e }, null, y), u(null, o = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, a), n = o.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.role = "radiogroup", r.styles = B, r.events = {
     change: "change"
-  }, g(n, a), r);
-  return p = n;
+  }, g(n, a), n;
 })();
 export {
-  ae as SbbToggleElement
+  se as SbbToggleElement
 };

package/toggle-check/toggle-check.component.d.ts

@@ -5,8 +5,8 @@ declare const SbbToggleCheckElement_base: import('../core/mixins.js').AbstractCo
  *
  * @slot - Use the unnamed slot to add content to the toggle label.
  * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
- * @event {Event} change - Event fired on change.
- * @event {InputEvent} input - Event fired on input.
+ * @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
+ * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
  * @overrideType value - (T = string) | null
  */
 export declare class SbbToggleCheckElement<T = string> extends SbbToggleCheckElement_base {

package/train/train/train.component.d.ts

@@ -12,7 +12,7 @@ declare const SbbTrainElement_base: import('../../core/mixins.js').AbstractConst
 export declare class SbbTrainElement extends SbbTrainElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
-        readonly trainSlotChange: "trainSlotChange";
+        readonly trainslotchange: "trainslotchange";
     };
     protected readonly listChildLocalNames: string[];
     /** General label for "driving direction". */
@@ -26,11 +26,6 @@ export declare class SbbTrainElement extends SbbTrainElement_base {
     /** Controls the direction indicator to show the arrow left or right. Default is left.  */
     accessor direction: 'left' | 'right';
     private _language;
-    /**
-     * @internal
-     * Emits whenever the train slot changes.
-     */
-    private _trainSlotChange;
     /**
      * Create the aria-label text out of the direction label, station and the accessibility label.
      */

package/train/train/train.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"train.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train/train.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI9D,OAAO,eAAe,CAAC;;AAEvB;;;;GAIG;AACH,qBAEM,eAAgB,SAAQ,oBAGjB;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IACX,mBAA4B,mBAAmB,WAG7C;IAEF,6CAA6C;IAC7C,SAEgB,cAAc,EAAE,MAAM,CAAM;IAE5C,qEAAqE;IACrE,SACgB,mBAAmB,EAAE,aAAa,CAAO;IAEzD,sDAAsD;IACtD,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,mGAAmG;IACnG,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0FAA0F;IAC1F,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,CAAU;IAElF,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAOtB;IAEF;;OAEG;IACH,OAAO,CAAC,sBAAsB;cAcX,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"train.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train/train.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI9D,OAAO,eAAe,CAAC;;AAEvB;;;;GAIG;AACH,qBAEM,eAAgB,SAAQ,oBAGjB;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IACX,mBAA4B,mBAAmB,WAG7C;IAEF,6CAA6C;IAC7C,SAEgB,cAAc,EAAE,MAAM,CAAM;IAE5C,qEAAqE;IACrE,SACgB,mBAAmB,EAAE,aAAa,CAAO;IAEzD,sDAAsD;IACtD,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,mGAAmG;IACnG,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0FAA0F;IAC1F,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,CAAU;IAElF,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACH,OAAO,CAAC,sBAAsB;cAcX,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAS3E,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/train/train/train.component.js

@@ -1,23 +1,22 @@
-var G = (e) => {
+var U = (e) => {
   throw TypeError(e);
 };
-var P = (e, a, s) => a.has(e) || G("Cannot " + s);
-var m = (e, a, s) => (P(e, a, "read from private field"), s ? s.call(e) : a.get(e)), g = (e, a, s) => a.has(e) ? G("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, s), n = (e, a, s, o) => (P(e, a, "write to private field"), o ? o.call(e, s) : a.set(e, s), s);
+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 f } from "tslib";
-import { css as q, LitElement as B, nothing as y } from "lit";
-import { customElement as F, property as L } from "lit/decorators.js";
-import { unsafeStatic as W, html as u } from "lit/static-html.js";
-import { SbbLanguageController as H } from "../../core/controllers.js";
-import { forceType as x, omitEmptyConverter as J } from "../../core/decorators.js";
-import { EventEmitter as K } from "../../core/eventing.js";
-import { i18nTrain as Q, i18nWagonsLabel as R } from "../../core/i18n.js";
-import { SbbNamedSlotListMixin as V } from "../../core/mixins.js";
+import { css as W, LitElement as q, nothing as v } from "lit";
+import { customElement as B, property as L } 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 "../../icon.js";
-const X = q`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;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-body-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:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
-let bt = (() => {
+const R = W`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;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-body-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:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+let lt = (() => {
   var b, d, h, _, p, r;
-  let e = [F("sbb-train")], a, s = [], o, w = V(B), z, S = [], $ = [], k, E = [], C = [], I, T = [], D = [], A, j = [], N = [], M, O = [], U = [];
-  var v = (r = class extends w {
+  let e = [B("sbb-train")], a, s = [], o, x = Q(q), w, z = [], $ = [], k, S = [], E = [], I, T = [], D = [], A, C = [], j = [], N, M = [], O = [];
+  return r = class extends x {
     constructor() {
       super(...arguments);
       g(this, b);
@@ -28,10 +27,7 @@ let bt = (() => {
       this.listChildLocalNames = [
         "sbb-train-wagon",
         "sbb-train-blocked-passage"
-      ], n(this, b, l(this, S, "")), n(this, d, (l(this, $), l(this, E, "6"))), n(this, h, (l(this, C), l(this, T, ""))), n(this, _, (l(this, D), l(this, j, ""))), n(this, p, (l(this, N), l(this, O, "left"))), this._language = (l(this, U), new H(this)), this._trainSlotChange = new K(this, v.events.trainSlotChange, {
-        bubbles: !0,
-        cancelable: !0
-      });
+      ], n(this, b, l(this, z, "")), n(this, d, (l(this, $), l(this, S, "6"))), n(this, h, (l(this, E), l(this, T, ""))), n(this, _, (l(this, D), l(this, C, ""))), n(this, p, (l(this, j), l(this, M, "left"))), this._language = (l(this, O), new F(this));
     }
     /** General label for "driving direction". */
     get directionLabel() {
@@ -72,55 +68,54 @@ let bt = (() => {
      * Create the aria-label text out of the direction label, station and the accessibility label.
      */
     _getDirectionAriaLabel() {
-      const i = [Q[this._language.current]];
+      const i = [J[this._language.current]];
       return this.directionLabel && this.station && i.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && i.push(this.accessibilityLabel), `${i.join(", ")}.`;
     }
     willUpdate(i) {
-      super.willUpdate(i), i.has("listChildren") && this._trainSlotChange.emit();
+      super.willUpdate(i), i.has("listChildren") && this.dispatchEvent(new Event("trainslotchange", { bubbles: !0 }));
     }
     render() {
       const i = `h${this.directionLabelLevel}`;
       return u`
       <div class="sbb-train">
-        <${W(i)} class="sbb-train__direction-label-sr">
+        <${P(i)} class="sbb-train__direction-label-sr">
           ${this._getDirectionAriaLabel()}
-        </${W(i)}>
+        </${P(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>` : y}
+                  ${this.direction === "left" ? u`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : v}
 
                   <span class="sbb-train__direction-label">
                     ${this.directionLabel} ${this.station}
                   </span>
 
-                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : y}
+                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : v}
                 </span>
-              </div>` : y}
+              </div>` : v}
         ${this.renderList({
         class: "sbb-train__wagons",
-        ariaLabel: R[this._language.current]
+        ariaLabel: K[this._language.current]
       })}
       </div>
     `;
     }
   }, b = new WeakMap(), d = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), p = new WeakMap(), o = r, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
-    z = [x(), L({ attribute: "direction-label", reflect: !0, converter: J })], k = [L({ attribute: "direction-label-level" })], I = [x(), L()], A = [x(), L({ attribute: "accessibility-label" })], M = [L({ reflect: !0 })], f(r, null, z, { kind: "accessor", name: "directionLabel", static: !1, private: !1, access: { has: (t) => "directionLabel" in t, get: (t) => t.directionLabel, set: (t, c) => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    w = [y(), L({ attribute: "direction-label", reflect: !0, converter: H })], k = [L({ attribute: "direction-label-level" })], I = [y(), L()], A = [y(), L({ attribute: "accessibility-label" })], N = [L({ reflect: !0 })], f(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 }, S, $), f(r, null, k, { kind: "accessor", name: "directionLabelLevel", static: !1, private: !1, access: { has: (t) => "directionLabelLevel" in t, get: (t) => t.directionLabelLevel, set: (t, c) => {
+    } }, metadata: i }, z, $), f(r, null, k, { 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 }, E, C), f(r, null, I, { kind: "accessor", name: "station", static: !1, private: !1, access: { has: (t) => "station" in t, get: (t) => t.station, set: (t, c) => {
+    } }, metadata: i }, S, E), f(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), f(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 }, j, N), f(r, null, M, { kind: "accessor", name: "direction", static: !1, private: !1, access: { has: (t) => "direction" in t, get: (t) => t.direction, set: (t, c) => {
+    } }, metadata: i }, C, j), f(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 }, O, U), f(null, a = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, s), v = o = a.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), r.styles = X, r.events = {
-    trainSlotChange: "trainSlotChange"
-  }, l(o, s), r);
-  return v = o;
+    } }, metadata: i }, M, O), f(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, r.events = {
+    trainslotchange: "trainslotchange"
+  }, l(o, s), o;
 })();
 export {
-  bt as SbbTrainElement
+  lt as SbbTrainElement
 };

package/train/train-formation/train-formation.component.js

@@ -18,7 +18,7 @@ let Q = (() => {
       super();
       u(this, b);
       u(this, l);
-      this.listChildLocalNames = ["sbb-train"], f(this, b, m(this, g, "side")), f(this, l, (m(this, k), m(this, y, []))), this._language = (m(this, C), new N(this)), this.addEventListener?.("trainSlotChange", (r) => this._readSectors(r)), this.addEventListener?.("sectorChange", (r) => this._readSectors(r));
+      this.listChildLocalNames = ["sbb-train"], f(this, b, m(this, g, "side")), f(this, l, (m(this, k), m(this, y, []))), this._language = (m(this, C), new N(this)), this.addEventListener?.("trainslotchange", (r) => this._readSectors(r)), this.addEventListener?.("sectorchange", (r) => this._readSectors(r));
     }
     /** Whether the view of the wagons is from side or top perspective. */
     get view() {

package/train/train-wagon/train-wagon.component.d.ts

@@ -10,7 +10,7 @@ declare const SbbTrainWagonElement_base: import('../../core/mixins.js').Abstract
 export declare class SbbTrainWagonElement extends SbbTrainWagonElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
-        readonly sectorChange: "sectorChange";
+        readonly sectorchange: "sectorchange";
     };
     /**
      * Wagon type.
@@ -31,11 +31,6 @@ export declare class SbbTrainWagonElement extends SbbTrainWagonElement_base {
     /** Additional accessibility text which will be appended to the end. */
     accessor additionalAccessibilityText: string;
     private _language;
-    /**
-     * @internal
-     * Emits whenever the sector value changes.
-     */
-    private _sectorChange;
     private _sectorChanged;
     private _typeLabel;
     protected render(): TemplateResult;

package/train/train-wagon/train-wagon.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"train-wagon.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-wagon/train-wagon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAqBpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,eAAe,CAAC;AACvB,OAAO,mCAAmC,CAAC;;AAQ3C;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAA6C,IAAI,EAC7C,OAAO,GACP,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,QAAQ,CAAW;IAEvB,mBAA4B,mBAAmB,WAAgB;IAE/D,4BAA4B;IAC5B,SAA4B,SAAS,EAAE,YAAY,GAAG,IAAI,CAAQ;IAElE,uCAAuC;IACvC,SAGgB,MAAM,EAAE,MAAM,CAAM;IAEpC,4DAA4D;IAC5D,SACgB,cAAc,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAE/E,kBAAkB;IAClB,SAAwD,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAQ;IAE5F,mBAAmB;IACnB,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,uEAAuE;IACvE,SAEgB,2BAA2B,EAAE,MAAM,CAAM;IAEzD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,UAAU;cAeC,MAAM,IAAI,cAAc;CA2G5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"train-wagon.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-wagon/train-wagon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAoBpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,eAAe,CAAC;AACvB,OAAO,mCAAmC,CAAC;;AAQ3C;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAA6C,IAAI,EAC7C,OAAO,GACP,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,QAAQ,CAAW;IAEvB,mBAA4B,mBAAmB,WAAgB;IAE/D,4BAA4B;IAC5B,SAA4B,SAAS,EAAE,YAAY,GAAG,IAAI,CAAQ;IAElE,uCAAuC;IACvC,SAGgB,MAAM,EAAE,MAAM,CAAM;IAEpC,4DAA4D;IAC5D,SACgB,cAAc,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAE/E,kBAAkB;IAClB,SAAwD,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAQ;IAE5F,mBAAmB;IACnB,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,uEAAuE;IACvE,SAEgB,2BAA2B,EAAE,MAAM,CAAM;IAEzD,OAAO,CAAC,SAAS,CAAmC;IAEpD,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,UAAU;cAeC,MAAM,IAAI,cAAc;CA2G5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

@@ -1,29 +1,28 @@
-var X = (e) => {
+var V = (e) => {
   throw TypeError(e);
 };
-var Y = (e, s, l) => s.has(e) || X("Cannot " + l);
-var h = (e, s, l) => (Y(e, s, "read from private field"), l ? l.call(e) : s.get(e)), p = (e, s, l) => s.has(e) ? X("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), o = (e, s, l, b) => (Y(e, s, "write to private field"), b ? b.call(e, l) : s.set(e, l), l);
+var X = (e, s, l) => s.has(e) || V("Cannot " + l);
+var h = (e, s, l) => (X(e, s, "read from private field"), l ? l.call(e) : s.get(e)), p = (e, s, l) => s.has(e) ? V("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), o = (e, s, l, b) => (X(e, s, "write to private field"), b ? b.call(e, l) : s.set(e, l), l);
 import { __runInitializers as r, __esDecorate as d } from "tslib";
-import { css as st, LitElement as it, nothing as g } from "lit";
-import { customElement as nt, property as u } from "lit/decorators.js";
-import { when as ot } from "lit/directives/when.js";
+import { css as et, LitElement as st, nothing as g } from "lit";
+import { customElement as it, property as u } from "lit/decorators.js";
+import { when as nt } from "lit/directives/when.js";
 import { html as c } from "lit/static-html.js";
-import { SbbLanguageController as rt } from "../../core/controllers.js";
-import { forceType as $, handleDistinctChange as ct, omitEmptyConverter as Z } from "../../core/decorators.js";
-import { EventEmitter as lt } from "../../core/eventing.js";
-import { i18nClosedCompartmentLabel as bt, i18nLocomotiveLabel as gt, i18nCouchetteWagonLabel as ht, i18nSleepingWagonLabel as pt, i18nRestaurantWagonLabel as dt, i18nWagonLabel as ut, i18nSector as yt, i18nWagonLabelNumber as mt, i18nClass as tt, i18nBlockedPassage as at, i18nAdditionalWagonInformationHeading as _t } from "../../core/i18n.js";
-import { SbbNamedSlotListMixin as wt } from "../../core/mixins.js";
+import { SbbLanguageController as ot } from "../../core/controllers.js";
+import { forceType as k, handleDistinctChange as rt, omitEmptyConverter as Y } from "../../core/decorators.js";
+import { i18nClosedCompartmentLabel as ct, i18nLocomotiveLabel as lt, i18nCouchetteWagonLabel as bt, i18nSleepingWagonLabel as gt, i18nRestaurantWagonLabel as ht, i18nWagonLabel as pt, i18nSector as dt, i18nWagonLabelNumber as ut, i18nClass as Z, i18nBlockedPassage as tt, i18nAdditionalWagonInformationHeading as yt } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin as mt } from "../../core/mixins.js";
 import "../../icon.js";
 import "../../timetable-occupancy-icon.js";
-const ft = st`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-charcoal);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-granite);--sbb-train-wagon-occupancy-height: .75rem}@media (forced-colors: active){:host{--sbb-train-wagon-shape-color: CanvasText}}:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: var(--sbb-color-metal)}@media (forced-colors: active){:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: CanvasText}}@media (forced-colors: active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, et = {
+const _t = et`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-charcoal);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-granite);--sbb-train-wagon-occupancy-height: .75rem}@media (forced-colors: active){:host{--sbb-train-wagon-shape-color: CanvasText}}:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: var(--sbb-color-metal)}@media (forced-colors: active){:host(:is([type=closed],[type=locomotive])){--sbb-train-wagon-shape-color: CanvasText}}@media (forced-colors: active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, at = {
   couchette: "sa-cc",
   sleeping: "sa-wl",
   restaurant: "sa-wr"
 };
-let jt = (() => {
+let St = (() => {
   var y, m, _, w, f, v, x, i;
-  let e = [nt("sbb-train-wagon")], s, l = [], b, C = wt(it), z, T = [], L = [], P, A = [], S = [], I, E = [], W = [], j, D = [], N = [], B, M = [], O = [], G, H = [], R = [], q, F = [], J = [];
-  var k = (i = class extends C {
+  let e = [it("sbb-train-wagon")], s, l = [], b, $ = mt(st), C, z = [], T = [], L, P = [], A = [], I, S = [], E = [], W, j = [], D = [], N, B = [], M = [], O, G = [], H = [], R, q = [], F = [];
+  return i = class extends $ {
     constructor() {
       super(...arguments);
       p(this, y);
@@ -33,10 +32,7 @@ let jt = (() => {
       p(this, f);
       p(this, v);
       p(this, x);
-      o(this, y, r(this, T, "wagon")), this.listChildLocalNames = (r(this, L), ["sbb-icon"]), o(this, m, r(this, A, null)), o(this, _, (r(this, S), r(this, E, ""))), o(this, w, (r(this, W), r(this, D, "none"))), o(this, f, (r(this, N), r(this, M, null))), o(this, v, (r(this, O), r(this, H, ""))), o(this, x, (r(this, R), r(this, F, ""))), this._language = (r(this, J), new rt(this)), this._sectorChange = new lt(this, k.events.sectorChange, {
-        bubbles: !0,
-        cancelable: !0
-      });
+      o(this, y, r(this, z, "wagon")), this.listChildLocalNames = (r(this, T), ["sbb-icon"]), o(this, m, r(this, P, null)), o(this, _, (r(this, A), r(this, S, ""))), o(this, w, (r(this, E), r(this, j, "none"))), o(this, f, (r(this, D), r(this, B, null))), o(this, v, (r(this, M), r(this, G, ""))), o(this, x, (r(this, H), r(this, q, ""))), this._language = (r(this, F), new ot(this));
     }
     /**
      * Wagon type.
@@ -91,87 +87,86 @@ let jt = (() => {
       o(this, x, a);
     }
     _sectorChanged() {
-      this._sectorChange.emit();
+      this.dispatchEvent(new Event("sectorchange", { bubbles: !0, composed: !0 }));
     }
     _typeLabel() {
-      return this.type === "closed" ? bt[this._language.current] : this.type === "locomotive" ? gt[this._language.current] : this.type === "couchette" ? ht[this._language.current] : this.type === "sleeping" ? pt[this._language.current] : this.type === "restaurant" ? dt[this._language.current] : ut[this._language.current];
+      return this.type === "closed" ? ct[this._language.current] : this.type === "locomotive" ? lt[this._language.current] : this.type === "couchette" ? bt[this._language.current] : this.type === "sleeping" ? gt[this._language.current] : this.type === "restaurant" ? ht[this._language.current] : pt[this._language.current];
     }
     render() {
-      const a = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = a !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, K = `${yt[this._language.current]}, ${this.sector}`, Q = this.label ? c`<span class="sbb-screen-reader-only">
-            ${`${mt[this._language.current]}, ${this.label}`}
+      const a = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = a !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, J = `${dt[this._language.current]}, ${this.sector}`, K = this.label ? c`<span class="sbb-screen-reader-only">
+            ${`${ut[this._language.current]}, ${this.label}`}
           </span>
-          <span aria-hidden="true">${this.label}</span>` : g, U = c`<span class="sbb-screen-reader-only">
-        ${this.wagonClass === "1" ? tt.first[this._language.current] : tt.second[this._language.current]}
+          <span aria-hidden="true">${this.label}</span>` : g, Q = c`<span class="sbb-screen-reader-only">
+        ${this.wagonClass === "1" ? Z.first[this._language.current] : Z.second[this._language.current]}
       </span>
-      <span aria-hidden="true">${this.wagonClass}</span>`, V = et[this.type] ? c`<sbb-icon
-          name=${et[this.type]}
+      <span aria-hidden="true">${this.wagonClass}</span>`, U = at[this.type] ? c`<sbb-icon
+          name=${at[this.type]}
           class="sbb-train-wagon__main-icon"
         ></sbb-icon>` : g;
       return c`
       <div class="sbb-train-wagon">
-        ${ot(n > 1, () => c`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
-              ${this.sector ? c`<li class="sbb-screen-reader-only">${K}</li>` : g}
+        ${nt(n > 1, () => c`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
+              ${this.sector ? c`<li class="sbb-screen-reader-only">${J}</li>` : g}
               <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${Q}
+                ${K}
               </li>
-              ${this.wagonClass && this.type !== "closed" ? c`<li class="sbb-train-wagon__class">${U}</li>` : g}
+              ${this.wagonClass && this.type !== "closed" ? c`<li class="sbb-train-wagon__class">${Q}</li>` : g}
               ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
                     class="sbb-train-wagon__occupancy"
                     role="listitem"
                     occupancy=${this.occupancy}
                   ></sbb-timetable-occupancy-icon>` : g}
               ${t ? c`<li class="sbb-screen-reader-only">
-                    ${at[a][this._language.current]}
+                    ${tt[a][this._language.current]}
                   </li>` : g}
-              ${V}
+              ${U}
             </ul>`, () => c`<div class="sbb-train-wagon__compartment">
               <span class="sbb-screen-reader-only">
-                ${`${this._typeLabel()}${this.sector ? `, ${K}` : ""}`}
+                ${`${this._typeLabel()}${this.sector ? `, ${J}` : ""}`}
               </span>
               <span class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${Q}
+                ${K}
               </span>
 
-              ${this.wagonClass && this.type !== "closed" ? c`<span class="sbb-train-wagon__class">${U}</span>` : g}
+              ${this.wagonClass && this.type !== "closed" ? c`<span class="sbb-train-wagon__class">${Q}</span>` : g}
               ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
                     class="sbb-train-wagon__occupancy"
                     occupancy=${this.occupancy}
                   ></sbb-timetable-occupancy-icon>` : g}
               ${t ? c`<span class="sbb-screen-reader-only">
-                    ${at[a][this._language.current]}
+                    ${tt[a][this._language.current]}
                   </span>` : g}
-              ${V}
+              ${U}
             </div> `)}
         ${this.additionalAccessibilityText ? c`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : g}
         ${this.renderList({
         class: "sbb-train-wagon__attribute-icon-list",
-        ariaLabel: _t[this._language.current]
+        ariaLabel: yt[this._language.current]
       })}
       </div>
     `;
     }
   }, y = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), w = new WeakMap(), f = new WeakMap(), v = new WeakMap(), x = new WeakMap(), b = i, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
-    z = [u({ reflect: !0 })], P = [u()], I = [$(), ct((t) => t._sectorChanged()), u({ reflect: !0, converter: Z })], j = [u({ attribute: "blocked-passage" })], B = [u({ attribute: "wagon-class" })], G = [$(), u({ reflect: !0, converter: Z })], q = [$(), u({ attribute: "additional-accessibility-text" })], d(i, null, z, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, n) => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create($[Symbol.metadata] ?? null) : void 0;
+    C = [u({ reflect: !0 })], L = [u()], I = [k(), rt((t) => t._sectorChanged()), u({ reflect: !0, converter: Y })], W = [u({ attribute: "blocked-passage" })], N = [u({ attribute: "wagon-class" })], O = [k(), u({ reflect: !0, converter: Y })], R = [k(), u({ attribute: "additional-accessibility-text" })], d(i, null, C, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, n) => {
       t.type = n;
-    } }, metadata: a }, T, L), d(i, null, P, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (t) => "occupancy" in t, get: (t) => t.occupancy, set: (t, n) => {
+    } }, metadata: a }, z, T), d(i, null, L, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (t) => "occupancy" in t, get: (t) => t.occupancy, set: (t, n) => {
       t.occupancy = n;
-    } }, metadata: a }, A, S), d(i, null, I, { kind: "accessor", name: "sector", static: !1, private: !1, access: { has: (t) => "sector" in t, get: (t) => t.sector, set: (t, n) => {
+    } }, metadata: a }, P, A), d(i, null, I, { kind: "accessor", name: "sector", static: !1, private: !1, access: { has: (t) => "sector" in t, get: (t) => t.sector, set: (t, n) => {
       t.sector = n;
-    } }, metadata: a }, E, W), d(i, null, j, { kind: "accessor", name: "blockedPassage", static: !1, private: !1, access: { has: (t) => "blockedPassage" in t, get: (t) => t.blockedPassage, set: (t, n) => {
+    } }, metadata: a }, S, E), d(i, null, W, { kind: "accessor", name: "blockedPassage", static: !1, private: !1, access: { has: (t) => "blockedPassage" in t, get: (t) => t.blockedPassage, set: (t, n) => {
       t.blockedPassage = n;
-    } }, metadata: a }, D, N), d(i, null, B, { kind: "accessor", name: "wagonClass", static: !1, private: !1, access: { has: (t) => "wagonClass" in t, get: (t) => t.wagonClass, set: (t, n) => {
+    } }, metadata: a }, j, D), d(i, null, N, { kind: "accessor", name: "wagonClass", static: !1, private: !1, access: { has: (t) => "wagonClass" in t, get: (t) => t.wagonClass, set: (t, n) => {
       t.wagonClass = n;
-    } }, metadata: a }, M, O), d(i, null, G, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (t) => "label" in t, get: (t) => t.label, set: (t, n) => {
+    } }, metadata: a }, B, M), d(i, null, O, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (t) => "label" in t, get: (t) => t.label, set: (t, n) => {
       t.label = n;
-    } }, metadata: a }, H, R), d(i, null, q, { kind: "accessor", name: "additionalAccessibilityText", static: !1, private: !1, access: { has: (t) => "additionalAccessibilityText" in t, get: (t) => t.additionalAccessibilityText, set: (t, n) => {
+    } }, metadata: a }, G, H), d(i, null, R, { kind: "accessor", name: "additionalAccessibilityText", static: !1, private: !1, access: { has: (t) => "additionalAccessibilityText" in t, get: (t) => t.additionalAccessibilityText, set: (t, n) => {
       t.additionalAccessibilityText = n;
-    } }, metadata: a }, F, J), d(null, s = { value: b }, e, { kind: "class", name: b.name, metadata: a }, null, l), k = b = s.value, a && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), i.styles = ft, i.events = {
-    sectorChange: "sectorChange"
-  }, r(b, l), i);
-  return k = b;
+    } }, metadata: a }, q, F), d(null, s = { value: b }, e, { kind: "class", name: b.name, metadata: a }, null, l), b = s.value, a && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), i.styles = _t, i.events = {
+    sectorchange: "sectorchange"
+  }, r(b, l), b;
 })();
 export {
-  jt as SbbTrainWagonElement
+  St as SbbTrainWagonElement
 };

package/core/eventing/event-emitter.d.ts

@@ -1,23 +0,0 @@
-/**
- * Creates an event emitter, that can dispatch CustomEvent instances for the given
- * element with the specified event name.
- * Event options default to bubbles, cancelable and composed set to true.
- */
-export declare class EventEmitter<T = any> {
-    private _element;
-    private _eventName;
-    private _options;
-    constructor(_element: HTMLElement, _eventName: string, _options?: {
-        bubbles?: boolean;
-        cancelable?: boolean;
-        composed?: boolean;
-    });
-    /**
-     * Dispatches an event.
-     * @param detail The detail to dispatch with the event.
-     * @returns true when the event was successfully emitted or false,
-     *  if preventDefault() was called. Always returns true in SSR.
-     */
-    emit(detail?: T): boolean;
-}
-//# sourceMappingURL=event-emitter.d.ts.map