@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/timetable-form-swap-button.component-ByQDf7oy.js

@@ -0,0 +1,37 @@
+import { css as e } from "lit";
+import { SbbLanguageController as t } from "./core/controllers.js";
+import { i18nTimetableFormSwapButtonLabel as n } from "./core/i18n.js";
+import { SbbSecondaryButtonElement as r } from "./button/secondary-button.js";
+//#region src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.scss?lit&inline
+var i = e`:host(:is(:state(timetable-form-context),[state--timetable-form-context])){--sbb-timetable-form-swap-button-margin-inline-end:var(--sbb-spacing-fixed-6x);--sbb-timetable-form-swap-button-translate:0 -50%;--sbb-timetable-form-swap-button-z-index:1;--sbb-timetable-form-swap-button-position:absolute;position:relative}.sbb-timetable-form-swap-button{position:var(--sbb-timetable-form-swap-button-position,relative);translate:var(--sbb-timetable-form-swap-button-translate);z-index:var(--sbb-timetable-form-swap-button-z-index);margin-inline-end:var(--sbb-timetable-form-swap-button-margin-inline-end);inset-inline-end:0}`, a = class extends r {
+	static {
+		this.elementName = "sbb-timetable-form-swap-button";
+	}
+	static {
+		this.styles = [r.styles, i];
+	}
+	constructor() {
+		super(), this._languageController = new t(this), this.addEventListener("click", () => this._invertFieldValues());
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.internals.ariaLabel = n[this._languageController.current];
+	}
+	_invertFieldValues() {
+		let e = this.closest("sbb-timetable-form"), t = Array.from(e?.querySelectorAll("sbb-timetable-form-field") || []), n = t.map((e) => e.inputElement?.value);
+		!e || n.length === 0 || n.every((e) => !e) || n.reverse().forEach((e, n) => {
+			let r = t[n].inputElement;
+			r instanceof HTMLInputElement && (r.value = e, r.dispatchEvent(new InputEvent("input", {
+				bubbles: !0,
+				composed: !0
+			})), r.dispatchEvent(new Event("change", { bubbles: !0 })));
+		});
+	}
+	renderIconName() {
+		return super.renderIconName() || "arrow-change-small";
+	}
+};
+//#endregion
+export { a as t };

package/timetable-form.component-BqokC_4S.js

@@ -0,0 +1,16 @@
+import { css as e, html as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+//#region src/elements/timetable-form/timetable-form/timetable-form.scss?lit&inline
+var r = e`:host{--sbb-timetable-form-background-color:var(--sbb-background-color-1);--sbb-timetable-form-border-radius:var(--sbb-border-radius-4x);border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);flex-direction:column;display:flex}`, i = class extends n {
+	static {
+		this.elementName = "sbb-timetable-form";
+	}
+	static {
+		this.styles = r;
+	}
+	render() {
+		return t`<slot></slot>`;
+	}
+};
+//#endregion
+export { i as t };

package/timetable-form.js

@@ -1,14 +1,8 @@
-import { SbbTimetableFormDetailsElement as e } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
-import { SbbTimetableFormFieldElement as m } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
-import { SbbTimetableFormSwapButtonElement as t } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
-import { SbbTimetableFormElement as i } from "./timetable-form/timetable-form/timetable-form.component.js";
-i.define();
-e.define();
-m.define();
-t.define();
-export {
-  e as SbbTimetableFormDetailsElement,
-  i as SbbTimetableFormElement,
-  m as SbbTimetableFormFieldElement,
-  t as SbbTimetableFormSwapButtonElement
-};
+import { t as e } from "./timetable-form-details.component-Du6WPn3y.js";
+import { t } from "./timetable-form-field.component-Cb3FYKL7.js";
+import { t as n } from "./timetable-form-swap-button.component-ByQDf7oy.js";
+import { t as r } from "./timetable-form.component-BqokC_4S.js";
+import "./timetable-form.pure.js";
+r.define(), e.define(), t.define(), n.define();
+//#endregion
+export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };

package/timetable-form.pure.js

@@ -1,10 +1,5 @@
-import { SbbTimetableFormDetailsElement as t } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
-import { SbbTimetableFormFieldElement as b } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
-import { SbbTimetableFormSwapButtonElement as l } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
-import { SbbTimetableFormElement as i } from "./timetable-form/timetable-form/timetable-form.component.js";
-export {
-  t as SbbTimetableFormDetailsElement,
-  i as SbbTimetableFormElement,
-  b as SbbTimetableFormFieldElement,
-  l as SbbTimetableFormSwapButtonElement
-};
+import { t as e } from "./timetable-form-details.component-Du6WPn3y.js";
+import { t } from "./timetable-form-field.component-Cb3FYKL7.js";
+import { t as n } from "./timetable-form-swap-button.component-ByQDf7oy.js";
+import { t as r } from "./timetable-form.component-BqokC_4S.js";
+export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };

package/timetable-occupancy/timetable-occupancy.component.js

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

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

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

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

@@ -0,0 +1,72 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n } from "lit";
+import { property as r } from "lit/decorators.js";
+import { SbbNegativeMixin as i } from "./core/mixins.js";
+import { SbbDarkModeController as a, SbbLanguageController as o, SbbMediaMatcherController as s, SbbMediaQueryForcedColors as c } from "./core/controllers.js";
+import { i18nOccupancy as l } from "./core/i18n.js";
+import { SbbIconBase as u } from "./icon.js";
+//#region src/elements/timetable-occupancy-icon/timetable-occupancy-icon.scss?lit&inline
+var d = n`@media (forced-colors:active) and (prefers-color-scheme:light){:host svg{filter:invert()}}`, f = (() => {
+	let n = i(u), f, p = [], m = [];
+	return class extends n {
+		constructor() {
+			super(...arguments), this.#e = t(this, p, "none"), this._language = (t(this, m), new o(this).withHandler(() => this._setAriaLabel())), this._mediaMatcher = new s(this, { [c]: (e) => {
+				this._forcedColors = e, this._setNameAndAriaLabel();
+			} }), this._darkModeController = new a(this, () => this._setNameAndAriaLabel()), this._forcedColors = this._mediaMatcher.matches(c) ?? !1;
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			f = [r()], e(this, null, f, {
+				kind: "accessor",
+				name: "occupancy",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "occupancy" in e,
+					get: (e) => e.occupancy,
+					set: (e, t) => {
+						e.occupancy = t;
+					}
+				},
+				metadata: t
+			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-timetable-occupancy-icon";
+		}
+		static {
+			this.styles = [u.styles, d];
+		}
+		#e;
+		get occupancy() {
+			return this.#e;
+		}
+		set occupancy(e) {
+			this.#e = e;
+		}
+		async _setNameAndAriaLabel() {
+			if (!this.occupancy) return;
+			let e = `utilization-${this.occupancy}`;
+			this._forcedColors ? e += "-high-contrast" : (this.negative || this._darkModeController.matches()) && (e += "-negative"), await this.loadSvgIcon(e);
+		}
+		async fetchSvgIcon(e, t) {
+			return this._setAriaLabel(), super.fetchSvgIcon(e, t);
+		}
+		_setAriaLabel() {
+			this.internals.ariaLabel = l[this.occupancy]?.[this._language.current];
+		}
+		connectedCallback() {
+			super.connectedCallback(), this._setNameAndAriaLabel();
+		}
+		willUpdate(e) {
+			super.willUpdate(e), (e.has("occupancy") || e.has("negative")) && this._setNameAndAriaLabel();
+		}
+	};
+})();
+//#endregion
+export { f as t };

package/timetable-occupancy-icon.js

@@ -1,5 +1,6 @@
-import { SbbTimetableOccupancyIconElement as e } from "./timetable-occupancy-icon/timetable-occupancy-icon.component.js";
+import { t as e } from "./timetable-occupancy-icon.component-BhXQSFZR.js";
+import "./timetable-occupancy-icon.pure.js";
+//#region src/elements/timetable-occupancy-icon.ts
 e.define();
-export {
-  e as SbbTimetableOccupancyIconElement
-};
+//#endregion
+export { e as SbbTimetableOccupancyIconElement };

package/timetable-occupancy-icon.pure.js

@@ -1,4 +1,2 @@
-import { SbbTimetableOccupancyIconElement as b } from "./timetable-occupancy-icon/timetable-occupancy-icon.component.js";
-export {
-  b as SbbTimetableOccupancyIconElement
-};
+import { t as e } from "./timetable-occupancy-icon.component-BhXQSFZR.js";
+export { e as SbbTimetableOccupancyIconElement };

package/timetable-occupancy.component-DnaQ0TIW.js

@@ -0,0 +1,101 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, html as r, nothing as i } from "lit";
+import { property as a } from "lit/decorators.js";
+import { SbbElement as o } from "./core/base-elements.js";
+import { SbbNegativeMixin as s } from "./core/mixins.js";
+import { boxSizingStyles as c } from "./core/styles.js";
+import { SbbLanguageController as l } from "./core/controllers.js";
+import { i18nClass as u } from "./core/i18n.js";
+import "./screen-reader-only.js";
+import "./timetable-occupancy-icon.js";
+//#region src/elements/timetable-occupancy/timetable-occupancy.scss?lit&inline
+var d = n`:host{--sbb-timetable-occupancy-color:var(--sbb-color-2);--sbb-icon-svg-width:.890625rem;--sbb-icon-svg-height:v0.75rem;display:inline-block}@media (width>=64rem){:host{--sbb-icon-svg-width:1.1875rem;--sbb-icon-svg-height:v1rem}}:host([negative]){--sbb-timetable-occupancy-color:var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{font-size:inherit;align-items:center;gap:var(--sbb-spacing-fixed-2x);flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex}.sbb-timetable-occupancy__list-item{align-items:center;gap:var(--sbb-spacing-fixed-1x);flex-wrap:nowrap;display:flex}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-timetable-occupancy-color);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}`, f = (() => {
+	let n = s(o), f, p = [], m = [], h, g = [], _ = [];
+	return class extends n {
+		constructor() {
+			super(...arguments), this.#e = t(this, p, null), this.#t = (t(this, m), t(this, g, null)), this._language = (t(this, _), new l(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			f = [a({ attribute: "first-class-occupancy" })], h = [a({ attribute: "second-class-occupancy" })], e(this, null, f, {
+				kind: "accessor",
+				name: "firstClassOccupancy",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "firstClassOccupancy" in e,
+					get: (e) => e.firstClassOccupancy,
+					set: (e, t) => {
+						e.firstClassOccupancy = t;
+					}
+				},
+				metadata: t
+			}, p, m), e(this, null, h, {
+				kind: "accessor",
+				name: "secondClassOccupancy",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "secondClassOccupancy" in e,
+					get: (e) => e.secondClassOccupancy,
+					set: (e, t) => {
+						e.secondClassOccupancy = t;
+					}
+				},
+				metadata: t
+			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-timetable-occupancy";
+		}
+		static {
+			this.styles = [c, d];
+		}
+		#e;
+		get firstClassOccupancy() {
+			return this.#e;
+		}
+		set firstClassOccupancy(e) {
+			this.#e = e;
+		}
+		#t;
+		get secondClassOccupancy() {
+			return this.#t;
+		}
+		set secondClassOccupancy(e) {
+			this.#t = e;
+		}
+		render() {
+			return r` ${(this.firstClassOccupancy || this.secondClassOccupancy) && r`
+      <ul
+        class="sbb-timetable-occupancy__list"
+        role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : i}
+      >
+        ${[this.firstClassOccupancy, this.secondClassOccupancy].map((e, t) => e && r`
+              <li class="sbb-timetable-occupancy__list-item">
+                <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
+                  ${this.firstClassOccupancy && t === 0 ? "1" : "2"}.
+                </span>
+                <sbb-screen-reader-only>
+                  ${`${u[this.firstClassOccupancy && t === 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}
+                >
+                </sbb-timetable-occupancy-icon>
+              </li>
+            `)}
+      </ul>
+    `}`;
+		}
+	};
+})();
+//#endregion
+export { f as t };

package/timetable-occupancy.js

@@ -1,5 +1,6 @@
-import { SbbTimetableOccupancyElement as e } from "./timetable-occupancy/timetable-occupancy.component.js";
+import { t as e } from "./timetable-occupancy.component-DnaQ0TIW.js";
+import "./timetable-occupancy.pure.js";
+//#region src/elements/timetable-occupancy.ts
 e.define();
-export {
-  e as SbbTimetableOccupancyElement
-};
+//#endregion
+export { e as SbbTimetableOccupancyElement };

package/timetable-occupancy.pure.js

@@ -1,4 +1,2 @@
-import { SbbTimetableOccupancyElement as c } from "./timetable-occupancy/timetable-occupancy.component.js";
-export {
-  c as SbbTimetableOccupancyElement
-};
+import { t as e } from "./timetable-occupancy.component-DnaQ0TIW.js";
+export { e as SbbTimetableOccupancyElement };

package/title/title-base.js

@@ -1,53 +1,2 @@
-var d = (e) => {
-  throw TypeError(e);
-};
-var z = (e, t, l) => t.has(e) || d("Cannot " + l);
-var h = (e, t, l) => (z(e, t, "read from private field"), l ? l.call(e) : t.get(e)), u = (e, t, l) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), c = (e, t, l, r) => (z(e, t, "write to private field"), r ? r.call(e, l) : t.set(e, l), l);
-import { __esDecorate as p, __runInitializers as n } from "tslib";
-import { property as _ } from "lit/decorators.js";
-import { html as y } from "lit/static-html.js";
-import { SbbElement as L } from "../core/base-elements.js";
-import { css as w } from "lit";
-const x = w`:host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal: var(--sbb-title-text-color-normal-override, var(--sbb-color-3));display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1-lean, var(--sbb-heading-font-size-1))}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3-lean, var(--sbb-heading-font-size-3))}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5-lean, var(--sbb-heading-font-size-5))}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text)}`;
-let E = (() => {
-  var v, o, a;
-  let e = L, t, l = [], r = [], f, m = [], g = [];
-  return a = class extends e {
-    constructor() {
-      super(...arguments);
-      u(this, v, n(this, l, "1"));
-      u(this, o, (n(this, r), n(this, m, null)));
-      n(this, g);
-    }
-    /** Title level */
-    get level() {
-      return h(this, v);
-    }
-    set level(s) {
-      c(this, v, s);
-    }
-    /** Visual level for the title. */
-    get visualLevel() {
-      return h(this, o);
-    }
-    set visualLevel(s) {
-      c(this, o, s);
-    }
-    willUpdate(s) {
-      super.willUpdate(s), s.has("level") && (this.internals.ariaLevel = this.level);
-    }
-    render() {
-      return y`<slot></slot>`;
-    }
-  }, v = new WeakMap(), o = new WeakMap(), (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    t = [_({ reflect: !0 })], f = [_({ attribute: "visual-level", reflect: !0 })], p(a, null, t, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (i) => "level" in i, get: (i) => i.level, set: (i, b) => {
-      i.level = b;
-    } }, metadata: s }, l, r), p(a, null, f, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (i) => "visualLevel" in i, get: (i) => i.visualLevel, set: (i, b) => {
-      i.visualLevel = b;
-    } }, metadata: s }, m, g), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), a.role = "heading", a.styles = x, a;
-})();
-export {
-  E as SbbTitleBase
-};
+import { t as e } from "../title-base-D4nE41tH.js";
+export { e as SbbTitleBase };

package/title/title.component.js

@@ -1,37 +1,3 @@
-var b = (e) => {
-  throw TypeError(e);
-};
-var n = (e, l, a) => l.has(e) || b("Cannot " + a);
-var o = (e, l, a) => (n(e, l, "read from private field"), a ? a.call(e) : l.get(e)), c = (e, l, a) => l.has(e) ? b("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(e) : l.set(e, a), u = (e, l, a, i) => (n(e, l, "write to private field"), i ? i.call(e, a) : l.set(e, a), a);
-import { __esDecorate as d, __runInitializers as m } from "tslib";
-import { property as k } from "lit/decorators.js";
-import { SbbNegativeMixin as f } from "../core/mixins.js";
-import { SbbTitleBase as g } from "./title-base.js";
-import { css as p } from "lit";
-const y = p`:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-1-lean, var(--sbb-heading-margin-block-1) )}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-2-lean, var(--sbb-heading-margin-block-2) )}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-3-lean, var(--sbb-heading-margin-block-3) )}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-4-lean, var(--sbb-heading-margin-block-4) )}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-5-lean, var(--sbb-heading-margin-block-5) )}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-6-lean, var(--sbb-heading-margin-block-6) )}`;
-let I = (() => {
-  var s, t;
-  let e = f(g), l, a = [], i = [];
-  return t = class extends e {
-    constructor() {
-      super(...arguments);
-      c(this, s, m(this, a, null));
-      m(this, i);
-    }
-    /** Visual level for the title. Optional, if not set, the value of level will be used. */
-    get visualLevel() {
-      return o(this, s);
-    }
-    set visualLevel(r) {
-      u(this, s, r);
-    }
-  }, s = new WeakMap(), (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    l = [k({ attribute: "visual-level", reflect: !0 })], d(t, null, l, { kind: "accessor", name: "visualLevel", static: !1, private: !1, access: { has: (v) => "visualLevel" in v, get: (v) => v.visualLevel, set: (v, h) => {
-      v.visualLevel = h;
-    } }, metadata: r }, a, i), r && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), t.elementName = "sbb-title", t.styles = [g.styles, y], t;
-})();
-export {
-  I as SbbTitleElement
-};
+import "../title-base-D4nE41tH.js";
+import { t as e } from "../title.component-DNBy2mIm.js";
+export { e as SbbTitleElement };

package/title-base-D4nE41tH.js

@@ -0,0 +1,80 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n } from "lit";
+import { property as r } from "lit/decorators.js";
+import { SbbElement as i } from "./core/base-elements.js";
+import { html as a } from "lit/static-html.js";
+//#region src/elements/title/title-common.scss?lit&inline
+var o = n`:host{margin-block:var(--sbb-title-margin-block,0);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal:var(--sbb-title-text-color-normal-override,var(--sbb-color-3));color:var(--sbb-title-text-color-normal);margin-inline:0;display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="1"]:not([visual-level]),[visual-level="1"])){--sbb-title-font-size:var(--sbb-title-font-size-level-1-lean,var(--sbb-heading-font-size-1))}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){--sbb-title-font-size:var(--sbb-title-font-size-level-2-lean,var(--sbb-heading-font-size-2))}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){--sbb-title-font-size:var(--sbb-title-font-size-level-3-lean,var(--sbb-heading-font-size-3))}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){--sbb-title-font-size:var(--sbb-title-font-size-level-4-lean,var(--sbb-heading-font-size-4))}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){--sbb-title-font-size:var(--sbb-title-font-size-level-5-lean,var(--sbb-heading-font-size-5))}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){--sbb-title-font-size:var(--sbb-title-font-size-level-6-lean,var(--sbb-heading-font-size-6));--sbb-title-line-height:var(--sbb-typo-line-height-text)}`, s = (() => {
+	let n = i, s, c = [], l = [], u, d = [], f = [];
+	return class extends n {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			s = [r({ reflect: !0 })], u = [r({
+				attribute: "visual-level",
+				reflect: !0
+			})], e(this, null, s, {
+				kind: "accessor",
+				name: "level",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "level" in e,
+					get: (e) => e.level,
+					set: (e, t) => {
+						e.level = t;
+					}
+				},
+				metadata: t
+			}, c, l), e(this, null, u, {
+				kind: "accessor",
+				name: "visualLevel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "visualLevel" in e,
+					get: (e) => e.visualLevel,
+					set: (e, t) => {
+						e.visualLevel = t;
+					}
+				},
+				metadata: t
+			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.role = "heading";
+		}
+		static {
+			this.styles = o;
+		}
+		#e = t(this, c, "1");
+		get level() {
+			return this.#e;
+		}
+		set level(e) {
+			this.#e = e;
+		}
+		#t = (t(this, l), t(this, d, null));
+		get visualLevel() {
+			return this.#t;
+		}
+		set visualLevel(e) {
+			this.#t = e;
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("level") && (this.internals.ariaLevel = this.level);
+		}
+		render() {
+			return a`<slot></slot>`;
+		}
+		constructor() {
+			super(...arguments), t(this, f);
+		}
+	};
+})();
+//#endregion
+export { s as t };