@sbb-esta/lyne-elements 1.12.1 → 1.14.0

package/time-input.js

@@ -1,176 +1,170 @@
-import { css as p, LitElement as m, html as _ } from "lit";
-import { property as d, state as c, customElement as E } from "lit/decorators.js";
-import { ref as g } from "lit/directives/ref.js";
-import { SbbLanguageController as b } from "./core/controllers.js";
-import { findInput as f } from "./core/dom.js";
-import { EventEmitter as o, forwardEventToHost as h } from "./core/eventing.js";
-import { i18nTimeInputChange as C } from "./core/i18n.js";
-const w = p`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:block}`;
-var v = Object.defineProperty, A = Object.getOwnPropertyDescriptor, u = (t, e, i, n) => {
-  for (var s = n > 1 ? void 0 : n ? A(e, i) : e, a = t.length - 1, l; a >= 0; a--)
-    (l = t[a]) && (s = (n ? l(e, i, s) : l(s)) || s);
-  return n && s && v(e, i, s), s;
+var C = (i) => {
+  throw TypeError(i);
 };
-const V = /[0-9.:,\-;_hH]/, y = /^([0-9]{1,2})([0-9]{2})$/, I = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
-let r = class extends m {
-  constructor() {
-    super(...arguments), this._input = null, this._inputElement = null, this._didChange = new o(this, r.events.didChange, {
-      bubbles: !0,
-      cancelable: !0
-    }), this._validationChange = new o(
-      this,
-      r.events.validationChange,
-      {
+var v = (i, n, s) => n.has(i) || C("Cannot " + s);
+var w = (i, n, s) => (v(i, n, "read from private field"), s ? s.call(i) : n.get(i)), A = (i, n, s) => n.has(i) ? C("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(i) : n.set(i, s), p = (i, n, s, r) => (v(i, n, "write to private field"), r ? r.call(i, s) : n.set(i, s), s);
+import { __runInitializers as m, __esDecorate as _ } from "tslib";
+import { css as D, html as T, LitElement as S } from "lit";
+import { customElement as k, property as x, state as O } from "lit/decorators.js";
+import { ref as H } from "lit/directives/ref.js";
+import { SbbLanguageController as L } from "./core/controllers.js";
+import { findInput as R } from "./core/dom.js";
+import { EventEmitter as y, forwardEventToHost as I } from "./core/eventing.js";
+import { i18nTimeInputChange as $ } from "./core/i18n.js";
+const M = D`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;display:block}`, z = /[0-9.:,\-;_hH]/, G = /^([0-9]{1,2})([0-9]{2})$/, P = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
+let Q = (() => {
+  var o, l;
+  let i = [k("sbb-time-input")], n, s = [], r, c = S, d = [], E, b, g = [], f = [];
+  var h = (l = class extends c {
+    constructor() {
+      super(...arguments);
+      A(this, o);
+      this._input = (m(this, d), null), p(this, o, m(this, g, null)), this._didChange = (m(this, f), new y(this, h.events.didChange, {
+        bubbles: !0,
+        cancelable: !0
+      })), this._validationChange = new y(this, h.events.validationChange, {
         bubbles: !0,
         composed: !1
-      }
-    ), this._abortController = new AbortController(), this._language = new b(this);
-  }
-  set input(t) {
-    this._input = t, this._findInputElement();
-  }
-  get input() {
-    return this._input;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._findInputElement(), this._inputElement && this._updateValue(this._inputElement.value);
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._abortController) == null || t.abort();
-  }
-  /** Gets the input value with the correct date format. */
-  // TODO: refactor this to be a get/set
-  getValueAsDate() {
-    var t;
-    return this._formatValueAsDate(this._parseInput((t = this._inputElement) == null ? void 0 : t.value));
-  }
-  /** Set the input value to the correctly formatted value. */
-  setValueAsDate(t) {
-    if (!t || !this._inputElement)
-      return;
-    const e = t instanceof Date ? t : new Date(t);
-    this._inputElement.value = this._formatValue({
-      hours: e.getHours(),
-      minutes: e.getMinutes()
-    }), this._inputElement.dispatchEvent(new FocusEvent("blur", { composed: !0 }));
-  }
-  _findInputElement() {
-    const t = this._inputElement;
-    this._inputElement = f(this, this.input), t !== this._inputElement && this._registerInputElement();
-  }
-  _registerInputElement() {
-    var t;
-    (t = this._abortController) == null || t.abort(), this._inputElement && (this._abortController = new AbortController(), this._inputElement.toggleAttribute("data-sbb-time-input", !0), this._inputElement.type = "text", this._inputElement.inputMode = "numeric", this._inputElement.maxLength = 5, this._inputElement.placeholder || (this._inputElement.placeholder = "HH:MM"), this._inputElement.addEventListener(
-      "input",
-      (e) => h(e, this),
-      { signal: this._abortController.signal }
-    ), this._inputElement.addEventListener(
-      "keydown",
-      (e) => this._preventCharInsert(e),
-      { signal: this._abortController.signal }
-    ), this._inputElement.addEventListener(
-      "change",
-      (e) => this._updateValueAndEmitChange(e),
-      {
+      }), this._abortController = new AbortController(), this._language = new L(this);
+    }
+    /** Reference of the native input connected to the datepicker. */
+    set input(t) {
+      this._input = t, this._findInputElement();
+    }
+    get input() {
+      return this._input;
+    }
+    get _inputElement() {
+      return w(this, o);
+    }
+    set _inputElement(t) {
+      p(this, o, t);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this._findInputElement(), this._inputElement && this._updateValue(this._inputElement.value);
+    }
+    disconnectedCallback() {
+      var t;
+      super.disconnectedCallback(), (t = this._abortController) == null || t.abort();
+    }
+    /** Gets the input value with the correct date format. */
+    // TODO: refactor this to be a get/set
+    getValueAsDate() {
+      var t;
+      return this._formatValueAsDate(this._parseInput((t = this._inputElement) == null ? void 0 : t.value));
+    }
+    /** Set the input value to the correctly formatted value. */
+    setValueAsDate(t) {
+      if (!t || !this._inputElement)
+        return;
+      const e = t instanceof Date ? t : new Date(t);
+      this._inputElement.value = this._formatValue({
+        hours: e.getHours(),
+        minutes: e.getMinutes()
+      }), this._inputElement.dispatchEvent(new FocusEvent("blur", { composed: !0 }));
+    }
+    _findInputElement() {
+      const t = this._inputElement;
+      this._inputElement = R(this, this.input), t !== this._inputElement && this._registerInputElement();
+    }
+    _registerInputElement() {
+      var t;
+      (t = this._abortController) == null || t.abort(), this._inputElement && (this._abortController = new AbortController(), this._inputElement.toggleAttribute("data-sbb-time-input", !0), this._inputElement.type = "text", this._inputElement.inputMode = "numeric", this._inputElement.maxLength = 5, this._inputElement.placeholder || (this._inputElement.placeholder = "HH:MM"), this._inputElement.addEventListener("input", (e) => I(e, this), { signal: this._abortController.signal }), this._inputElement.addEventListener("keydown", (e) => this._preventCharInsert(e), { signal: this._abortController.signal }), this._inputElement.addEventListener("change", (e) => this._updateValueAndEmitChange(e), {
         signal: this._abortController.signal
-      }
-    ));
-  }
-  /** Applies the correct format to values and triggers event dispatch. */
-  _updateValueAndEmitChange(t) {
-    this._updateValue(t.target.value), this._emitChange(t), this._updateAccessibilityMessage();
-  }
-  /**
-   * Updates `value` and `valueAsDate`. The direct update on the `_inputElement` is required
-   * to force the input change when the typed value is the same of the current one.
-   */
-  _updateValue(t) {
-    if (this._statusContainer && (this._statusContainer.innerText = ""), !this._inputElement)
-      return;
-    const e = this._parseInput(t), i = !!e && this._isTimeValid(e), n = !t || t.trim() === "" || i;
-    n && e && (this._inputElement.value = this._formatValue(e));
-    const s = !this._inputElement.hasAttribute("data-sbb-invalid");
-    this._inputElement.toggleAttribute("data-sbb-invalid", !n), s !== n && this._validationChange.emit({ valid: n });
-  }
-  /** Emits the change event. */
-  _emitChange(t) {
-    h(t, this), this._didChange.emit();
-  }
-  /** Returns the right format for the `value` property. */
-  _formatValue(t) {
-    const e = String(t.hours).padStart(2, "0"), i = String(t.minutes).padStart(2, "0");
-    return `${e}:${i}`;
-  }
-  /**
-   * Returns the right format for the `valueAsDate` property:
-   * sets the start date at 01.01.1970, then adds the typed hours/minutes.
-   */
-  _formatValueAsDate(t) {
-    return !t || !this._isTimeValid(t) ? null : new Date((/* @__PURE__ */ new Date(0)).setHours(t.hours, t.minutes, 0, 0));
-  }
-  /** Checks if values of hours and minutes are possible, to avoid non-existent times. */
-  _isTimeValid(t) {
-    return t.hours < 24 && t.minutes < 60;
-  }
-  /** Validate input against the defined RegExps. */
-  _parseInput(t) {
-    const e = t == null ? void 0 : t.trim();
-    if (!e)
-      return null;
-    const i = e.match(y);
-    if (i)
-      return { hours: +i[1] || 0, minutes: +i[2] || 0 };
-    const n = e.match(I);
-    return n ? { hours: +n[1] || 0, minutes: +n[2] || 0 } : null;
-  }
-  /**  Only allow typing numbers and separator keys. */
-  _preventCharInsert(t) {
-    const e = [
-      "Backspace",
-      "Tab",
-      "Enter",
-      "ArrowUp",
-      "ArrowDown",
-      "ArrowLeft",
-      "ArrowRight",
-      "Home",
-      "End",
-      "PageUp",
-      "PageDown",
-      "Delete"
-    ];
-    !t.ctrlKey && !t.altKey && !t.metaKey && !e.includes(t.key) && !V.test(t.key) && t.preventDefault();
-  }
-  // We use a programmatic approach to avoid initial setting the message
-  // and to not immediately change output if language should change (no reason to read out message).
-  _updateAccessibilityMessage() {
-    var e;
-    this._inputElement.hasAttribute("data-sbb-invalid") || (this._statusContainer.innerText = `${C[this._language.current]} ${(e = this._inputElement) == null ? void 0 : e.value}.`);
-  }
-  render() {
-    return _`
+      }));
+    }
+    /** Applies the correct format to values and triggers event dispatch. */
+    _updateValueAndEmitChange(t) {
+      this._updateValue(t.target.value), this._emitChange(t), this._updateAccessibilityMessage();
+    }
+    /**
+     * Updates `value` and `valueAsDate`. The direct update on the `_inputElement` is required
+     * to force the input change when the typed value is the same of the current one.
+     */
+    _updateValue(t) {
+      if (this._statusContainer && (this._statusContainer.innerText = ""), !this._inputElement)
+        return;
+      const e = this._parseInput(t), a = !!e && this._isTimeValid(e), u = !t || t.trim() === "" || a;
+      u && e && (this._inputElement.value = this._formatValue(e));
+      const V = !this._inputElement.hasAttribute("data-sbb-invalid");
+      this._inputElement.toggleAttribute("data-sbb-invalid", !u), V !== u && this._validationChange.emit({ valid: u });
+    }
+    /** Emits the change event. */
+    _emitChange(t) {
+      I(t, this), this._didChange.emit();
+    }
+    /** Returns the right format for the `value` property. */
+    _formatValue(t) {
+      const e = String(t.hours).padStart(2, "0"), a = String(t.minutes).padStart(2, "0");
+      return `${e}:${a}`;
+    }
+    /**
+     * Returns the right format for the `valueAsDate` property:
+     * sets the start date at 01.01.1970, then adds the typed hours/minutes.
+     */
+    _formatValueAsDate(t) {
+      return !t || !this._isTimeValid(t) ? null : new Date((/* @__PURE__ */ new Date(0)).setHours(t.hours, t.minutes, 0, 0));
+    }
+    /** Checks if values of hours and minutes are possible, to avoid non-existent times. */
+    _isTimeValid(t) {
+      return t.hours < 24 && t.minutes < 60;
+    }
+    /** Validate input against the defined RegExps. */
+    _parseInput(t) {
+      const e = t == null ? void 0 : t.trim();
+      if (!e)
+        return null;
+      const a = e.match(G);
+      if (a)
+        return { hours: +a[1] || 0, minutes: +a[2] || 0 };
+      const u = e.match(P);
+      return u ? { hours: +u[1] || 0, minutes: +u[2] || 0 } : null;
+    }
+    /**  Only allow typing numbers and separator keys. */
+    _preventCharInsert(t) {
+      const e = [
+        "Backspace",
+        "Tab",
+        "Enter",
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        "Home",
+        "End",
+        "PageUp",
+        "PageDown",
+        "Delete"
+      ];
+      !t.ctrlKey && !t.altKey && !t.metaKey && !e.includes(t.key) && !z.test(t.key) && t.preventDefault();
+    }
+    // We use a programmatic approach to avoid initial setting the message
+    // and to not immediately change output if language should change (no reason to read out message).
+    _updateAccessibilityMessage() {
+      var e;
+      this._inputElement.hasAttribute("data-sbb-invalid") || (this._statusContainer.innerText = `${$[this._language.current]} ${(e = this._inputElement) == null ? void 0 : e.value}.`);
+    }
+    render() {
+      return T`
       <p
         role="status"
-        ${g((t) => this._statusContainer = t)}
+        ${H((t) => this._statusContainer = t)}
       ></p>
     `;
-  }
-};
-r.styles = w;
-r.events = {
-  didChange: "didChange",
-  validationChange: "validationChange"
-};
-u([
-  d()
-], r.prototype, "input", 1);
-u([
-  c()
-], r.prototype, "_inputElement", 2);
-r = u([
-  E("sbb-time-input")
-], r);
+    }
+  }, o = new WeakMap(), r = l, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+    E = [x()], b = [O()], _(l, null, E, { kind: "setter", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, set: (e, a) => {
+      e.input = a;
+    } }, metadata: t }, null, d), _(l, null, b, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, a) => {
+      e._inputElement = a;
+    } }, metadata: t }, g, f), _(null, n = { value: r }, i, { kind: "class", name: r.name, metadata: t }, null, s), h = r = n.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l.styles = M, l.events = {
+    didChange: "didChange",
+    validationChange: "validationChange"
+  }, m(r, s), l);
+  return h = r;
+})();
 export {
-  r as SbbTimeInputElement
+  Q as SbbTimeInputElement
 };

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

@@ -7,9 +7,9 @@ declare const SbbTimetableOccupancyElement_base: import('../core/mixins.js').Abs
 export declare class SbbTimetableOccupancyElement extends SbbTimetableOccupancyElement_base {
     static styles: CSSResultGroup;
     /** Occupancy for first class wagons. */
-    firstClassOccupancy?: SbbOccupancy;
+    accessor firstClassOccupancy: SbbOccupancy | null;
     /** Occupancy for second class wagons. */
-    secondClassOccupancy?: SbbOccupancy;
+    accessor secondClassOccupancy: SbbOccupancy | null;
     private _language;
     protected render(): TemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"timetable-occupancy.d.ts","sourceRoot":"","sources":["../../../src/elements/timetable-occupancy/timetable-occupancy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,OAAO,0BAA0B,CAAC;AAClC,OAAO,gCAAgC,CAAC;;AAExC;;GAEG;AACH,qBACa,4BAA6B,SAAQ,iCAA4B;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wCAAwC;IACiB,mBAAmB,CAAC,EAAE,YAAY,CAAC;IAE5F,yCAAyC;IACiB,oBAAoB,CAAC,EAAE,YAAY,CAAC;IAE9F,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,4BAA4B,CAAC;KACzD;CACF"}
+{"version":3,"file":"timetable-occupancy.d.ts","sourceRoot":"","sources":["../../../src/elements/timetable-occupancy/timetable-occupancy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,OAAO,0BAA0B,CAAC;AAClC,OAAO,gCAAgC,CAAC;;AAExC;;GAEG;AACH,qBAEM,4BAA6B,SAAQ,iCAA4B;IACrE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wCAAwC;IACxC,SACgB,mBAAmB,EAAE,YAAY,GAAG,IAAI,CAAQ;IAEhE,yCAAyC;IACzC,SACgB,oBAAoB,EAAE,YAAY,GAAG,IAAI,CAAQ;IAEjE,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,4BAA4B,CAAC;KACzD;CACF"}

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

@@ -8,7 +8,7 @@ declare const SbbTimetableOccupancyIconElement_base: import('../core/mixins.js')
 export declare class SbbTimetableOccupancyIconElement extends SbbTimetableOccupancyIconElement_base {
     static styles: CSSResultGroup;
     /** Wagon occupancy. */
-    occupancy: SbbOccupancy;
+    accessor occupancy: SbbOccupancy;
     private _abort;
     private _language;
     private _setNameAndAriaLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../../src/elements/timetable-occupancy-icon/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;AAIzC;;GAEG;AACH,qBACa,gCAAiC,SAAQ,qCAA6B;IACjF,OAAuB,MAAM,EAAE,cAAc,CAA+B;IAE5E,uBAAuB;IACJ,SAAS,EAAG,YAAY,CAAC;IAE5C,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAA2E;YAE9E,oBAAoB;cAeT,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAKvF,OAAO,CAAC,aAAa;IAOL,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAO7E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
+{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../../src/elements/timetable-occupancy-icon/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;AAIzC;;GAEG;AACH,qBAEM,gCAAiC,SAAQ,qCAA6B;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA+B;IAE5E,uBAAuB;IACvB,SAA4B,SAAS,EAAE,YAAY,CAAU;IAE7D,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAA2E;YAE9E,oBAAoB;cAeT,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAKvF,OAAO,CAAC,aAAa;IAOL,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAO7E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

package/timetable-occupancy-icon.js

@@ -1,51 +1,63 @@
-import { property as b, customElement as h } from "lit/decorators.js";
-import { SbbConnectedAbortController as m, SbbLanguageController as p } from "./core/controllers.js";
-import { setOrRemoveAttribute as u } from "./core/dom.js";
-import { i18nOccupancy as f } from "./core/i18n.js";
-import { SbbNegativeMixin as v } from "./core/mixins.js";
-import { SbbIconBase as n } from "./icon.js";
-import { css as d } from "lit";
-const g = d`@media (forced-colors: active) and (prefers-color-scheme: light){:host svg{filter:invert(1)}}`;
-var _ = Object.defineProperty, y = Object.getOwnPropertyDescriptor, l = (e, t, c, i) => {
-  for (var a = i > 1 ? void 0 : i ? y(t, c) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (i ? o(t, c, a) : o(a)) || a);
-  return i && a && _(t, c, a), a;
+var p = (e) => {
+  throw TypeError(e);
 };
-let r = class extends v(n) {
-  constructor() {
-    super(...arguments), this._abort = new m(this), this._language = new p(this).withHandler(() => this._setAriaLabel());
-  }
-  async _setNameAndAriaLabel() {
-    var t;
-    if (!this.occupancy)
-      return;
-    let e = `utilization-${this.occupancy}`;
-    (t = globalThis.window) != null && t.matchMedia("(forced-colors: active)").matches ? e += "-high-contrast" : this.negative && (e += "-negative"), await this.loadSvgIcon(e);
-  }
-  async fetchSvgIcon(e, t) {
-    return this._setAriaLabel(), super.fetchSvgIcon(e, t);
-  }
-  _setAriaLabel() {
-    var t;
-    const e = (t = f[this.occupancy]) == null ? void 0 : t[this._language.current];
-    u(this, "aria-label", e);
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.matchMedia("(forced-colors: active)").addEventListener("change", () => this._setNameAndAriaLabel(), {
-      signal: this._abort.signal
-    }), this._setNameAndAriaLabel();
-  }
-  willUpdate(e) {
-    super.willUpdate(e), (e.has("occupancy") || e.has("negative")) && this._setNameAndAriaLabel();
-  }
-};
-r.styles = [n.styles, g];
-l([
-  b()
-], r.prototype, "occupancy", 2);
-r = l([
-  h("sbb-timetable-occupancy-icon")
-], r);
+var d = (e, a, c) => a.has(e) || p("Cannot " + c);
+var y = (e, a, c) => (d(e, a, "read from private field"), c ? c.call(e) : a.get(e)), _ = (e, a, c) => a.has(e) ? p("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, c), r = (e, a, c, i) => (d(e, a, "write to private field"), i ? i.call(e, c) : a.set(e, c), c);
+import { __runInitializers as l, __esDecorate as f } from "tslib";
+import { customElement as A, property as S } from "lit/decorators.js";
+import { SbbConnectedAbortController as w, SbbLanguageController as L } from "./core/controllers.js";
+import { setOrRemoveAttribute as I } from "./core/dom.js";
+import { i18nOccupancy as x } from "./core/i18n.js";
+import { SbbNegativeMixin as z } from "./core/mixins.js";
+import { SbbIconBase as g } from "./icon.js";
+import { css as C } from "lit";
+const N = C`@media (forced-colors: active) and (prefers-color-scheme: light){:host svg{filter:invert(1)}}`;
+let R = (() => {
+  var o, n;
+  let e = [A("sbb-timetable-occupancy-icon")], a, c = [], i, u = z(g), m, h = [], b = [];
+  return n = class extends u {
+    constructor() {
+      super(...arguments);
+      _(this, o);
+      r(this, o, l(this, h, "none")), this._abort = (l(this, b), new w(this)), this._language = new L(this).withHandler(() => this._setAriaLabel());
+    }
+    /** Wagon occupancy. */
+    get occupancy() {
+      return y(this, o);
+    }
+    set occupancy(t) {
+      r(this, o, t);
+    }
+    async _setNameAndAriaLabel() {
+      var s;
+      if (!this.occupancy)
+        return;
+      let t = `utilization-${this.occupancy}`;
+      (s = globalThis.window) != null && s.matchMedia("(forced-colors: active)").matches ? t += "-high-contrast" : this.negative && (t += "-negative"), await this.loadSvgIcon(t);
+    }
+    async fetchSvgIcon(t, s) {
+      return this._setAriaLabel(), super.fetchSvgIcon(t, s);
+    }
+    _setAriaLabel() {
+      var s;
+      const t = (s = x[this.occupancy]) == null ? void 0 : s[this._language.current];
+      I(this, "aria-label", t);
+    }
+    connectedCallback() {
+      super.connectedCallback(), window.matchMedia("(forced-colors: active)").addEventListener("change", () => this._setNameAndAriaLabel(), {
+        signal: this._abort.signal
+      }), this._setNameAndAriaLabel();
+    }
+    willUpdate(t) {
+      super.willUpdate(t), (t.has("occupancy") || t.has("negative")) && this._setNameAndAriaLabel();
+    }
+  }, o = new WeakMap(), i = n, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    m = [S()], f(n, null, m, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (s) => "occupancy" in s, get: (s) => s.occupancy, set: (s, v) => {
+      s.occupancy = v;
+    } }, metadata: t }, h, b), f(null, a = { value: i }, e, { kind: "class", name: i.name, metadata: t }, null, c), i = a.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.styles = [g.styles, N], l(i, c), i;
+})();
 export {
-  r as SbbTimetableOccupancyIconElement
+  R as SbbTimetableOccupancyIconElement
 };

package/timetable-occupancy.js

@@ -1,58 +1,75 @@
-import { css as p, LitElement as m, html as r, nothing as y } from "lit";
-import { property as b, customElement as u } from "lit/decorators.js";
-import { SbbLanguageController as f } from "./core/controllers.js";
-import { i18nClass as h } from "./core/i18n.js";
-import { SbbNegativeMixin as g } from "./core/mixins.js";
+var x = (s) => {
+  throw TypeError(s);
+};
+var z = (s, t, a) => t.has(s) || x("Cannot " + a);
+var u = (s, t, a) => (z(s, t, "read from private field"), a ? a.call(s) : t.get(s)), m = (s, t, a) => t.has(s) ? x("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, a), o = (s, t, a, i) => (z(s, t, "write to private field"), i ? i.call(s, a) : t.set(s, a), a);
+import { __runInitializers as b, __esDecorate as y } from "tslib";
+import { css as S, LitElement as $, html as h, nothing as k } from "lit";
+import { customElement as E, property as w } from "lit/decorators.js";
+import { SbbLanguageController as I } from "./core/controllers.js";
+import { i18nClass as D } from "./core/i18n.js";
+import { SbbNegativeMixin as j } from "./core/mixins.js";
 import "./screen-reader-only.js";
 import "./timetable-occupancy-icon.js";
-const v = p`*,:before,:after{box-sizing:border-box}:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-charcoal);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media (min-width: 52.5rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-white)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}`;
-var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, l = (e, t, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? _(t, a) : t, n = e.length - 1, o; n >= 0; n--)
-    (o = e[n]) && (s = (i ? o(t, a, s) : o(s)) || s);
-  return i && s && d(t, a, s), s;
-};
-let c = class extends g(m) {
-  constructor() {
-    super(...arguments), this._language = new f(this);
-  }
-  render() {
-    return r` ${(this.firstClassOccupancy || this.secondClassOccupancy) && r`
+const L = S`*,:before,:after{box-sizing:border-box}:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-charcoal);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media (min-width: 52.5rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-white)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}`;
+let J = (() => {
+  var l, r, n;
+  let s = [E("sbb-timetable-occupancy")], t, a = [], i, f = j($), d, _ = [], g = [], O, C = [], v = [];
+  return n = class extends f {
+    constructor() {
+      super(...arguments);
+      m(this, l);
+      m(this, r);
+      o(this, l, b(this, _, null)), o(this, r, (b(this, g), b(this, C, null))), this._language = (b(this, v), new I(this));
+    }
+    /** Occupancy for first class wagons. */
+    get firstClassOccupancy() {
+      return u(this, l);
+    }
+    set firstClassOccupancy(c) {
+      o(this, l, c);
+    }
+    /** Occupancy for second class wagons. */
+    get secondClassOccupancy() {
+      return u(this, r);
+    }
+    set secondClassOccupancy(c) {
+      o(this, r, c);
+    }
+    render() {
+      return h` ${(this.firstClassOccupancy || this.secondClassOccupancy) && h`
       <ul
         class="sbb-timetable-occupancy__list"
-        role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : y}
+        role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : k}
       >
-        ${[this.firstClassOccupancy, this.secondClassOccupancy].map(
-      (e, t) => e && r`
+        ${[this.firstClassOccupancy, this.secondClassOccupancy].map((c, e) => c && h`
               <li class="sbb-timetable-occupancy__list-item">
                 <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
-                  ${this.firstClassOccupancy && t === 0 ? "1" : "2"}.
+                  ${this.firstClassOccupancy && e === 0 ? "1" : "2"}.
                 </span>
                 <sbb-screen-reader-only>
-                  ${`${h[this.firstClassOccupancy && t === 0 ? "first" : "second"][this._language.current]}.`}
+                  ${`${D[this.firstClassOccupancy && e === 0 ? "first" : "second"][this._language.current]}.`}
                 </sbb-screen-reader-only>
                 <sbb-timetable-occupancy-icon
                   class="sbb-timetable-occupancy__list-item-icon"
                   ?negative=${this.negative}
-                  .occupancy=${e}
+                  .occupancy=${c}
                 >
                 </sbb-timetable-occupancy-icon>
               </li>
-            `
-    )}
+            `)}
       </ul>
     `}`;
-  }
-};
-c.styles = v;
-l([
-  b({ attribute: "first-class-occupancy" })
-], c.prototype, "firstClassOccupancy", 2);
-l([
-  b({ attribute: "second-class-occupancy" })
-], c.prototype, "secondClassOccupancy", 2);
-c = l([
-  u("sbb-timetable-occupancy")
-], c);
+    }
+  }, l = new WeakMap(), r = new WeakMap(), i = n, (() => {
+    const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    d = [w({ attribute: "first-class-occupancy" })], O = [w({ attribute: "second-class-occupancy" })], y(n, null, d, { kind: "accessor", name: "firstClassOccupancy", static: !1, private: !1, access: { has: (e) => "firstClassOccupancy" in e, get: (e) => e.firstClassOccupancy, set: (e, p) => {
+      e.firstClassOccupancy = p;
+    } }, metadata: c }, _, g), y(n, null, O, { kind: "accessor", name: "secondClassOccupancy", static: !1, private: !1, access: { has: (e) => "secondClassOccupancy" in e, get: (e) => e.secondClassOccupancy, set: (e, p) => {
+      e.secondClassOccupancy = p;
+    } }, metadata: c }, C, v), y(null, t = { value: i }, s, { kind: "class", name: i.name, metadata: c }, null, a), i = t.value, c && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
+  })(), n.styles = L, b(i, a), i;
+})();
 export {
-  c as SbbTimetableOccupancyElement
+  J as SbbTimetableOccupancyElement
 };