@sbb-esta/lyne-elements 2.5.1 → 2.7.0

package/time-input/time-input.js

@@ -0,0 +1,174 @@
+var T = (n) => {
+  throw TypeError(n);
+};
+var V = (n, s, a) => s.has(n) || T("Cannot " + a);
+var E = (n, s, a) => (V(n, s, "read from private field"), a ? a.call(n) : s.get(n)), g = (n, s, a) => s.has(n) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(n) : s.set(n, a), c = (n, s, a, u) => (V(n, s, "write to private field"), u ? u.call(n, a) : s.set(n, a), a);
+import { __runInitializers as m, __esDecorate as b } from "tslib";
+import { css as x, LitElement as H, isServer as R, html as M } from "lit";
+import { customElement as U, property as L, state as z } from "lit/decorators.js";
+import { ref as $ } from "lit/directives/ref.js";
+import { SbbIdReferenceController as P, SbbLanguageController as G } from "../core/controllers.js";
+import { EventEmitter as O, forwardEvent as k } from "../core/eventing.js";
+import { i18nTimeInputChange as j } from "../core/i18n.js";
+const q = x`: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}`, K = /[0-9.:,\-;_hH]/, W = /^([0-9]{1,2})([0-9]{2})$/, X = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
+let it = (() => {
+  var p, h, r;
+  let n = [U("sbb-time-input")], s, a = [], u, f = H, C = [], v, A = [], w = [], y, I = [], D = [], S;
+  var _ = (r = class extends f {
+    constructor() {
+      super(...arguments);
+      g(this, p);
+      g(this, h);
+      c(this, p, (m(this, C), m(this, A, null))), c(this, h, (m(this, w), m(this, I, null))), this._didChange = (m(this, D), new O(this, _.events.didChange, {
+        bubbles: !0,
+        cancelable: !0
+      })), this._validationChange = new O(this, _.events.validationChange, {
+        bubbles: !0,
+        composed: !1
+      }), this._inputAbortController = new AbortController(), this._inputIdReferenceController = new P(this, "input"), this._language = new G(this);
+    }
+    // TODO: Replace HTMLElement by HTMLInputElement
+    /** Reference of the native input connected to the datepicker. */
+    get input() {
+      return E(this, p);
+    }
+    set input(t) {
+      c(this, p, t);
+    }
+    get _inputElement() {
+      return E(this, h);
+    }
+    set _inputElement(t) {
+      c(this, h, t);
+    }
+    /** Formats the current input's value as date. */
+    set valueAsDate(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 }));
+    }
+    get valueAsDate() {
+      var t;
+      return this._formatValueAsDate(this._parseInput((t = this._inputElement) == null ? void 0 : t.value)) ?? null;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this._configureInputElement();
+    }
+    disconnectedCallback() {
+      var t;
+      super.disconnectedCallback(), (t = this._inputAbortController) == null || t.abort(), this._inputElement = null;
+    }
+    requestUpdate(t, e, i) {
+      super.requestUpdate(t, e, i), !R && (!t || t === "input") && this.hasUpdated && this._configureInputElement();
+    }
+    _configureInputElement() {
+      var e, i, l, d;
+      const t = this.input instanceof HTMLInputElement ? this.input : this._inputIdReferenceController.find() ?? ((i = (e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) == null ? void 0 : i.querySelector("input")) ?? null;
+      t !== this._inputElement && ((l = this._inputAbortController) == null || l.abort(), (d = this._inputElement) == null || d.removeAttribute("data-sbb-time-input"), this._inputElement = t, this._inputElement && (this._updateValue(this._inputElement.value), this._inputAbortController = 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", (o) => k(o, this), {
+        signal: this._inputAbortController.signal
+      }), this._inputElement.addEventListener("keydown", (o) => this._preventCharInsert(o), { signal: this._inputAbortController.signal }), this._inputElement.addEventListener("change", (o) => this._updateValue(o.target.value), {
+        signal: this._inputAbortController.signal,
+        capture: !0
+      }), this._inputElement.addEventListener("change", (o) => {
+        this._emitChange(o), this._updateAccessibilityMessage();
+      }, {
+        signal: this._inputAbortController.signal
+      })));
+    }
+    /**
+     * 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), l = !t || t.trim() === "" || i;
+      l && e && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this._inputElement, this._formatValue(e)), this._inputElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })));
+      const d = !this._inputElement.hasAttribute("data-sbb-invalid");
+      this._inputElement.toggleAttribute("data-sbb-invalid", !l), d !== l && this._validationChange.emit({ valid: l });
+    }
+    /** Emits the change event. */
+    _emitChange(t) {
+      k(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(W);
+      if (i)
+        return { hours: +i[1] || 0, minutes: +i[2] || 0 };
+      const l = e.match(X);
+      return l ? { hours: +l[1] || 0, minutes: +l[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) && !K.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 = `${j[this._language.current]} ${(e = this._inputElement) == null ? void 0 : e.value}.`);
+    }
+    render() {
+      return M`
+      <p
+        role="status"
+        ${$((t) => this._statusContainer = t)}
+      ></p>
+    `;
+    }
+  }, p = new WeakMap(), h = new WeakMap(), u = r, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    v = [L()], y = [z()], S = [L({ attribute: !1 })], b(r, null, v, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, get: (e) => e.input, set: (e, i) => {
+      e.input = i;
+    } }, metadata: t }, A, w), b(r, null, y, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, i) => {
+      e._inputElement = i;
+    } }, metadata: t }, I, D), b(r, null, S, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, i) => {
+      e.valueAsDate = i;
+    } }, metadata: t }, null, C), b(null, s = { value: u }, n, { kind: "class", name: u.name, metadata: t }, null, a), _ = u = s.value, t && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.styles = q, r.events = {
+    didChange: "didChange",
+    validationChange: "validationChange"
+  }, m(u, a), r);
+  return _ = u;
+})();
+export {
+  it as SbbTimeInputElement
+};

package/time-input.d.ts

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

package/time-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../src/elements/time-input.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../src/elements/time-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}

package/time-input.js

@@ -1,181 +1,4 @@
-var v = (n) => {
-  throw TypeError(n);
-};
-var w = (n, s, a) => s.has(n) || v("Cannot " + a);
-var I = (n, s, a) => (w(n, s, "read from private field"), a ? a.call(n) : s.get(n)), A = (n, s, a) => s.has(n) ? v("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(n) : s.set(n, a), c = (n, s, a, l) => (w(n, s, "write to private field"), l ? l.call(n, a) : s.set(n, a), a);
-import { __runInitializers as h, __esDecorate as m } from "tslib";
-import { css as S, LitElement as O, html as k } from "lit";
-import { customElement as L, property as y, state as x } from "lit/decorators.js";
-import { ref as H } from "lit/directives/ref.js";
-import { SbbLanguageController as R } from "./core/controllers.js";
-import { findInput as M } from "./core/dom.js";
-import { EventEmitter as D, forwardEvent as V } from "./core/eventing.js";
-import { i18nTimeInputChange as U } from "./core/i18n.js";
-const $ = S`: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}`, P = /[0-9.:,\-;_hH]/, z = /^([0-9]{1,2})([0-9]{2})$/, G = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;
-let Z = (() => {
-  var o, r;
-  let n = [L("sbb-time-input")], s, a = [], l, d = O, _ = [], E, b, g = [], f = [], C;
-  var p = (r = class extends d {
-    constructor() {
-      super(...arguments);
-      A(this, o);
-      this._input = (h(this, _), null), c(this, o, h(this, g, null)), this._didChange = (h(this, f), new D(this, p.events.didChange, {
-        bubbles: !0,
-        cancelable: !0
-      })), this._validationChange = new D(this, p.events.validationChange, {
-        bubbles: !0,
-        composed: !1
-      }), this._abortController = new AbortController(), this._language = new R(this);
-    }
-    /** Reference of the native input connected to the datepicker. */
-    set input(t) {
-      this._input = t, this._setupInputElement();
-    }
-    get input() {
-      return this._input;
-    }
-    get _inputElement() {
-      return I(this, o);
-    }
-    set _inputElement(t) {
-      c(this, o, t);
-    }
-    /** Formats the current input's value as date. */
-    set valueAsDate(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 }));
-    }
-    get valueAsDate() {
-      var t;
-      return this._formatValueAsDate(this._parseInput((t = this._inputElement) == null ? void 0 : t.value)) ?? null;
-    }
-    connectedCallback() {
-      super.connectedCallback(), this._setupInputElement();
-    }
-    disconnectedCallback() {
-      var t;
-      super.disconnectedCallback(), (t = this._abortController) == null || t.abort();
-    }
-    firstUpdated(t) {
-      super.firstUpdated(t), this._setupInputElement();
-    }
-    _setupInputElement() {
-      var i;
-      const t = M(this, this.input);
-      if (!t) {
-        (i = this._abortController) == null || i.abort();
-        return;
-      }
-      this._inputElement !== t && (this._inputElement = t, this._registerInputElement(), this._updateValue(this._inputElement.value));
-    }
-    _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) => V(e, this), {
-        signal: this._abortController.signal
-      }), this._inputElement.addEventListener("keydown", (e) => this._preventCharInsert(e), { signal: this._abortController.signal }), this._inputElement.addEventListener("change", (e) => this._updateValue(e.target.value), {
-        signal: this._abortController.signal,
-        capture: !0
-      }), this._inputElement.addEventListener("change", (e) => {
-        this._emitChange(e), this._updateAccessibilityMessage();
-      }, {
-        signal: this._abortController.signal
-      }));
-    }
-    /**
-     * 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), u = !t || t.trim() === "" || i;
-      u && e && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this._inputElement, this._formatValue(e)), this._inputElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })));
-      const T = !this._inputElement.hasAttribute("data-sbb-invalid");
-      this._inputElement.toggleAttribute("data-sbb-invalid", !u), T !== u && this._validationChange.emit({ valid: u });
-    }
-    /** Emits the change event. */
-    _emitChange(t) {
-      V(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(z);
-      if (i)
-        return { hours: +i[1] || 0, minutes: +i[2] || 0 };
-      const u = e.match(G);
-      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) && !P.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 = `${U[this._language.current]} ${(e = this._inputElement) == null ? void 0 : e.value}.`);
-    }
-    render() {
-      return k`
-      <p
-        role="status"
-        ${H((t) => this._statusContainer = t)}
-      ></p>
-    `;
-    }
-  }, o = new WeakMap(), l = r, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    E = [y()], b = [x()], C = [y({ attribute: !1 })], m(r, null, E, { kind: "setter", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, set: (e, i) => {
-      e.input = i;
-    } }, metadata: t }, null, _), m(r, null, b, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, i) => {
-      e._inputElement = i;
-    } }, metadata: t }, g, f), m(r, null, C, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, i) => {
-      e.valueAsDate = i;
-    } }, metadata: t }, null, _), m(null, s = { value: l }, n, { kind: "class", name: l.name, metadata: t }, null, a), p = l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = $, r.events = {
-    didChange: "didChange",
-    validationChange: "validationChange"
-  }, h(l, a), r);
-  return p = l;
-})();
+import { SbbTimeInputElement as t } from "./time-input/time-input.js";
 export {
-  Z as SbbTimeInputElement
+  t as SbbTimeInputElement
 };

package/timetable-occupancy/timetable-occupancy.js

@@ -0,0 +1,75 @@
+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 $, nothing as k, html as h } 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 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" : k}
+      >
+        ${[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 && e === 0 ? "1" : "2"}.
+                </span>
+                <sbb-screen-reader-only>
+                  ${`${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=${c}
+                >
+                </sbb-timetable-occupancy-icon>
+              </li>
+            `)}
+      </ul>
+    `}`;
+    }
+  }, 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 {
+  J as SbbTimetableOccupancyElement
+};

package/timetable-occupancy-icon/timetable-occupancy-icon.js

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

package/timetable-occupancy-icon.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA,cAAc,wDAAwD,CAAC"}
+{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}

package/timetable-occupancy-icon.js

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

package/timetable-occupancy.d.ts

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

package/timetable-occupancy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timetable-occupancy.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"timetable-occupancy.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}