@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/teaser-product.component-DHu47PGd.js

@@ -1,23 +0,0 @@
-import { unsafeCSS as e } from "lit";
-import { SbbLinkBaseElement as t, screenReaderOnlyStyles as n } from "./core.js";
-import { html as r } from "lit/static-html.js";
-import { SbbTeaserProductCommonElementMixin as i } from "./teaser-product/common/teaser-product-common.js";
-//#region src/elements/teaser-product/teaser-product/teaser-product.scss?inline
-var a = "@media(forced-colors:active){:host{--sbb-title-color: LinkText !important;--sbb-teaser-product-content-color: LinkText !important;--sbb-teaser-product-footer-color: LinkText !important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media(forced-colors:active){:host(:hover) .sbb-teaser-product__root:after{border-color:Highlight}}.sbb-teaser-product{position:absolute;inset:0}.sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}", o = class extends i(t) {
-	static {
-		this.elementName = "sbb-teaser-product";
-	}
-	static {
-		this.styles = [n, e(a)];
-	}
-	render() {
-		return r`
-      <div class="sbb-teaser-product__wrapper">
-        ${this.renderLink(r`<span class="sbb-screen-reader-only">${this.accessibilityLabel}</span>`)}
-        ${this.renderTemplate()}
-      </div>
-    `;
-	}
-};
-//#endregion
-export { o as t };

package/teaser.component-CkIii0_d.js

@@ -1,89 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbLinkBaseElement as i, screenReaderOnlyStyles as a } from "./core.js";
-import { html as o } from "lit/static-html.js";
-//#region src/elements/teaser/teaser.scss?inline
-var s = "@charset \"UTF-8\";:host{--_sbb-teaser-forced-colors-inset: calc(-1 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-outline-offset: calc(2 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-border-radius: calc( var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset) );display:inline-block;outline:none!important}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-color: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x)}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser:focus-visible{outline-offset:var(--_sbb-teaser-forced-colors-outline-offset)}}@media(forced-colors:active){.sbb-teaser:before{content:\"\";position:absolute;inset:var(--_sbb-teaser-forced-colors-inset);pointer-events:none;border-radius:var(--_sbb-teaser-forced-colors-border-radius);border:var(--sbb-border-width-1x) solid CanvasText}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{color:var(--sbb-teaser-description-color);font-size:var(--sbb-teaser-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);overflow:hidden;max-width:100%}::slotted([slot=image]){display:block;width:var(--sbb-teaser-image-width)}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper{display:none}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:flex;width:fit-content;max-width:100%;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}", c = (() => {
-	let c = i, l, u = [], d = [];
-	return class extends c {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [r({ reflect: !0 })], e(this, null, l, {
-				kind: "accessor",
-				name: "alignment",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "alignment" in e,
-					get: (e) => e.alignment,
-					set: (e, t) => {
-						e.alignment = t;
-					}
-				},
-				metadata: t
-			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-teaser";
-		}
-		static {
-			this.styles = [a, n(s)];
-		}
-		#e = t(this, u, "after-centered");
-		get alignment() {
-			return this.#e;
-		}
-		set alignment(e) {
-			this.#e = e;
-		}
-		_handleSlotchange() {
-			let e = Array.from(this.children).find((e) => e.localName === "sbb-chip-label");
-			e && (e.slot = "chip");
-			let t = Array.from(this.children).find((e) => e.localName === "sbb-title");
-			t && (t.slot = "title");
-		}
-		_configureChip(e) {
-			let t = e.target.assignedElements().find((e) => e.localName === "sbb-chip-label");
-			t && (customElements.upgrade(t), t.color = "charcoal", t.size = "xxs");
-		}
-		_configureTitle(e) {
-			let t = e.target.assignedElements().find((e) => e.localName === "sbb-title");
-			t && (customElements.upgrade(t), t.visualLevel = "5");
-		}
-		render() {
-			return o`
-      <div class="sbb-teaser__wrapper">
-        ${this.renderLink(o`<span class="sbb-screen-reader-only">${this.accessibilityLabel}</span>`)}
-        ${this.renderContent()}
-      </div>
-    `;
-		}
-		renderContent() {
-			return o`
-      <span class="sbb-teaser__container">
-        <span class="sbb-teaser__image-wrapper">
-          <slot name="image"></slot>
-        </span>
-        <span class="sbb-teaser__text">
-          <slot name="chip" @slotchange=${this._configureChip}></slot>
-          <slot name="title" @slotchange=${this._configureTitle}></slot>
-          <p class="sbb-teaser__description">
-            <slot @slotchange=${this._handleSlotchange}></slot>
-          </p>
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, d);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/time-input/time-input.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../time-input.component-j2vUlNKx.js";
-export { e as SbbTimeInputElement };

package/time-input.component-j2vUlNKx.js

@@ -1,144 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { isServer as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, SbbFormAssociatedInputMixin as o, SbbLanguageController as s, i18nTimeInputChange as c, i18nTimeInvalid as l, i18nTimeMax as u, i18nTimeMaxLength as d, sbbLiveAnnouncer as f } from "./core.js";
-//#region src/elements/time-input/time-input.scss?inline
-var p = ":host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center;font-weight:400}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}", m = /[0-9.:,\-;_hH]/, h = /[^0-9.:,\-;_hH]/g, g = /^([0-9]{1,2})([0-9]{2})$/, _ = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/, v = (() => {
-	let v = o(a), y = [], b;
-	return class extends v {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-			b = [i({ attribute: !1 })], e(this, null, b, {
-				kind: "setter",
-				name: "valueAsDate",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "valueAsDate" in e,
-					set: (e, t) => {
-						e.valueAsDate = t;
-					}
-				},
-				metadata: t
-			}, null, y), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-time-input";
-		}
-		static {
-			this.styles = [r(p)];
-		}
-		set value(e) {
-			e = typeof e == "string" ? e.replace(h, "").substring(0, 5) : "", this._tryParseValue(e), !n && !this.isSelected() && this.valueAsDate !== null && (e = this._formatTime()), super.value = e;
-		}
-		get value() {
-			return super.value ?? "";
-		}
-		set valueAsDate(e) {
-			let t = this._toTime(e);
-			if (!(this.isSelected() && (t === null || this._isSameTime(t, this._parseValue(this.value))))) if (t) {
-				this._valueAsTime = t;
-				let e = this._formatTime();
-				this.value !== e && (this.value = e);
-			} else this._valueAsTime = null, this.value = "";
-		}
-		get valueAsDate() {
-			if (this._valueAsTime && this._isTimeValid(this._valueAsTime)) {
-				let e = /* @__PURE__ */ new Date(0);
-				return e.setHours(this._valueAsTime.hours), e.setMinutes(this._valueAsTime.minutes), e;
-			} else return null;
-		}
-		constructor() {
-			super(), this._valueAsTime = t(this, y), this._language = new s(this), this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 }), this.addEventListener?.("change", () => f.announce(c(this.value)[this._language.current])), this.addEventListener?.("keydown", (e) => this._preventCharInsert(e));
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.inputMode ||= "numeric", this.placeholder ||= "HH:MM";
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback();
-		}
-		updateFormValue() {
-			this._tryParseValue();
-			let e = this.valueAsDate === null ? null : this._formatTime();
-			this.internals.setFormValue(e, this.value);
-		}
-		_tryParseValue(e = this.value) {
-			this._valueCache?.[0] !== e && (this._valueAsTime = this._parseValue(e), this._valueCache = [e, this._valueAsTime ?? null]);
-		}
-		_parseValue(e) {
-			let t = e?.trim();
-			if (!t) return null;
-			let n = t.match(g) ?? t.match(_);
-			return n ? {
-				hours: +n[1] || 0,
-				minutes: +n[2] || 0
-			} : null;
-		}
-		_toTime(e) {
-			return e instanceof Date && !isNaN(e.valueOf()) ? {
-				hours: e.getHours(),
-				minutes: e.getMinutes()
-			} : null;
-		}
-		_isSameTime(e, t) {
-			return !!(e == t || e && t && e.hours === t.hours && e.minutes === t.minutes);
-		}
-		_updateValueDateFormat() {
-			if (this.valueAsDate) {
-				let e = this._formatTime();
-				this.value !== e && (super.value = e);
-			}
-		}
-		_formatTime() {
-			let e = this.valueAsDate;
-			return e ? `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}` : "";
-		}
-		preparePastedText(e) {
-			return e.replace(h, "").substring(0, 5 - (this.textContent?.length ?? 0));
-		}
-		shouldValidate(e) {
-			return super.shouldValidate(e) || [
-				"valueAsDate",
-				"min",
-				"max",
-				"dateFilter"
-			].includes(e);
-		}
-		validate() {
-			super.validate(), this.value ? this._valueAsTime ? this._isTimeValid(this._valueAsTime) ? this._removeValidityErrors() : this.setValidityFlag("rangeOverflow", u[this.language.current]) : this.setValidityFlag("badInput", l[this.language.current]) : this._removeValidityErrors();
-		}
-		_removeValidityErrors() {
-			["badInput", "rangeOverflow"].forEach((e) => this.removeValidityFlag(e));
-		}
-		_isTimeValid(e) {
-			return e.hours < 24 && e.minutes < 60;
-		}
-		_preventCharInsert(e) {
-			e.ctrlKey || e.altKey || e.metaKey || [
-				"Backspace",
-				"Tab",
-				"Enter",
-				"ArrowUp",
-				"ArrowDown",
-				"ArrowLeft",
-				"ArrowRight",
-				"Home",
-				"End",
-				"PageUp",
-				"PageDown",
-				"Delete"
-			].includes(e.key) || m.test(e.key) && (this.value.length < 5 || this._hasSelection()) || (e.preventDefault(), this.value.length >= 5 && f.announce(d[this._language.current]));
-		}
-		_hasSelection() {
-			let e = window.getSelection()?.getRangeAt(0);
-			return !!e && e.startOffset !== e.endOffset;
-		}
-	};
-})();
-//#endregion
-export { v as t };

package/timetable-form/timetable-form/timetable-form.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../timetable-form.component-Crq-rb5Z.js";
-export { e as SbbTimetableFormElement };

package/timetable-form/timetable-form-details/timetable-form-details.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../timetable-form-details.component-BTRh4w9g.js";
-export { e as SbbTimetableFormDetailsElement };

package/timetable-form/timetable-form-field/timetable-form-field.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../timetable-form-field.component-BPKgSLQb.js";
-export { e as SbbTimetableFormFieldElement };

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

@@ -1,2 +0,0 @@
-import { t as e } from "../../timetable-form-swap-button.component-DgUiFKbA.js";
-export { e as SbbTimetableFormSwapButtonElement };

package/timetable-form-details.component-BTRh4w9g.js

@@ -1,16 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n } from "./core.js";
-//#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
-var r = ":host{--_sbb-timetable-form-details-padding-inline-start: calc( var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs) );display:flex;flex-wrap:wrap;align-items:center;gap:var(--sbb-timetable-form-details-gap);border-block-start:var(--sbb-timetable-form-details-border-block-start);padding-block:var(--sbb-timetable-form-details-padding-block);padding-inline-start:var(--_sbb-timetable-form-details-padding-inline-start)}::slotted(sbb-form-field){--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}", i = class extends n {
-	static {
-		this.elementName = "sbb-timetable-form-details";
-	}
-	static {
-		this.styles = [t(r)];
-	}
-	render() {
-		return e`<slot></slot>`;
-	}
-};
-//#endregion
-export { i as t };

package/timetable-form-field.component-BPKgSLQb.js

@@ -1,28 +0,0 @@
-import { html as e, isServer as t, unsafeCSS as n } from "lit";
-import { SbbFormFieldElement as r } from "./form-field.pure.js";
-//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
-var i = ":host{--_sbb-timetable-form-field-start-icon-connecting-line-offset: .1875rem;--_sbb-timetable-form-field-start-icon-connecting-line-width: calc( (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) );--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem;display:flex}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate: 90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate: -90deg;--sbb-timetable-form-field-route-icon-translate: -.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0}.sbb-timetable-form-field__start-route-icon{align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline);rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate)}.sbb-timetable-form-field__start-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--_sbb-timetable-form-field-start-icon-connecting-line-width);margin-left:calc(var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) * -1)}.sbb-timetable-form-field__via-route-icon{align-self:stretch;position:relative;width:var(--sbb-timetable-form-field-route-via-icon-width);margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__via-route-icon:before{content:\"\";position:absolute;inset-inline-start:50%;height:100%;margin-inline-start:-.0625rem;border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color)}.sbb-timetable-form-field__via-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:var(--sbb-timetable-form-field-route-via-after-dimension);height:var(--sbb-timetable-form-field-route-via-after-dimension);border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);margin-inline-start:-.03125rem}.sbb-form-field__space-wrapper{flex-grow:1}", a = class extends r {
-	static {
-		this.elementName = "sbb-timetable-form-field";
-	}
-	static {
-		this.styles = [n(i)];
-	}
-	constructor() {
-		super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";
-	}
-	connectedCallback() {
-		super.connectedCallback(), !t && this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
-	}
-	render() {
-		return e`
-      ${this._routeIcon ? e` <sbb-icon
-            name="route-circle-start-small"
-            class="sbb-timetable-form-field__start-route-icon"
-          ></sbb-icon>` : e` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
-      ${super.render()}
-    `;
-	}
-};
-//#endregion
-export { a as t };

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

@@ -1,36 +0,0 @@
-import { unsafeCSS as e } from "lit";
-import { SbbLanguageController as t, i18nTimetableFormSwapButtonLabel as n } from "./core.js";
-import { SbbSecondaryButtonElement as r } from "./button.pure.js";
-//#region src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.scss?inline
-var i = ":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);margin-inline-end:var(--sbb-timetable-form-swap-button-margin-inline-end);translate:var(--sbb-timetable-form-swap-button-translate);z-index:var(--sbb-timetable-form-swap-button-z-index);inset-inline-end:0}", a = class extends r {
-	static {
-		this.elementName = "sbb-timetable-form-swap-button";
-	}
-	static {
-		this.styles = [e(i)];
-	}
-	constructor() {
-		super(), this._languageController = new t(this), this.size = "l", 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-Crq-rb5Z.js

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

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

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

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

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

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

@@ -1,70 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbDarkModeController as i, SbbLanguageController as a, SbbMediaMatcherController as o, SbbMediaQueryForcedColors as s, SbbNegativeMixin as c, i18nOccupancy as l } from "./core.js";
-import { SbbIconBase as u } from "./icon.pure.js";
-//#region src/elements/timetable-occupancy-icon/timetable-occupancy-icon.scss?inline
-var d = "@media(forced-colors:active)and (prefers-color-scheme:light){:host svg{filter:invert(1)}}", f = (() => {
-	let f = c(u), p, m = [], h = [];
-	return class extends f {
-		constructor() {
-			super(...arguments), this.#e = t(this, m, "none"), this._language = (t(this, h), new a(this).withHandler(() => this._setAriaLabel())), this._mediaMatcher = new o(this, { [s]: (e) => {
-				this._forcedColors = e, this._setNameAndAriaLabel();
-			} }), this._darkModeController = new i(this, () => this._setNameAndAriaLabel()), this._forcedColors = this._mediaMatcher.matches(s) ?? !1;
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [r()], e(this, null, p, {
-				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
-			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-timetable-occupancy-icon";
-		}
-		static {
-			this.styles = [n(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.component-B040dznI.js

@@ -1,103 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, nothing as r, unsafeCSS as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, i18nClass as l, listResetStyles as u, screenReaderOnlyStyles as d } from "./core.js";
-import { SbbTimetableOccupancyIconElement as f } from "./timetable-occupancy-icon.pure.js";
-//#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
-var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;display:inline-block}@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{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-list-gap)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-item-gap)}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);font-size:var(--sbb-timetable-occupancy-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}", m = (() => {
-	let m = c(o), h, g = [], _ = [], v, y = [], b = [];
-	return class extends m {
-		constructor() {
-			super(...arguments), this.#e = t(this, g, null), this.#t = (t(this, _), t(this, y, null)), this._language = (t(this, b), new s(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [a({ attribute: "first-class-occupancy" })], v = [a({ attribute: "second-class-occupancy" })], e(this, null, h, {
-				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
-			}, g, _), e(this, null, v, {
-				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
-			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-timetable-occupancy";
-		}
-		static {
-			this.elementDependencies = [f];
-		}
-		static {
-			this.styles = [
-				u,
-				d,
-				i(p)
-			];
-		}
-		#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 n` ${(this.firstClassOccupancy || this.secondClassOccupancy) && n`
-      <ul
-        class="sbb-timetable-occupancy__list"
-        role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : r}
-      >
-        ${[this.firstClassOccupancy, this.secondClassOccupancy].map((e, t) => e && n`
-              <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>
-                <span class="sbb-screen-reader-only">
-                  ${`${l[this.firstClassOccupancy && t === 0 ? "first" : "second"][this._language.current]}.`}
-                </span>
-                <sbb-timetable-occupancy-icon
-                  class="sbb-timetable-occupancy__list-item-icon"
-                  ?negative=${this.negative}
-                  .occupancy=${e}
-                >
-                </sbb-timetable-occupancy-icon>
-              </li>
-            `)}
-      </ul>
-    `}`;
-		}
-	};
-})();
-//#endregion
-export { m as t };

package/title/title-base.js

@@ -1,2 +0,0 @@
-import { t as e } from "../title-base-DWrwrsx4.js";
-export { e as SbbTitleBase };

package/title/title.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../title.component-BZ0nVpam.js";
-export { e as SbbTitleElement };

package/title-base-DWrwrsx4.js

@@ -1,80 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbElement as i } from "./core.js";
-import { html as a } from "lit/static-html.js";
-//#region src/elements/title/title-common.scss?inline
-var o = ":host{display:block;font-weight:700;letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-typo-line-height-heading);color:var(--sbb-title-color);font-size:var(--sbb-heading-font-size-1)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){font-size:var(--sbb-heading-font-size-2)}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){font-size:var(--sbb-heading-font-size-3)}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){font-size:var(--sbb-heading-font-size-4)}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){font-size:var(--sbb-heading-font-size-5)}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){font-size:var(--sbb-heading-font-size-6);line-height:var(--sbb-typo-line-height-text)}", s = (() => {
-	let s = i, c, l = [], u = [], d, f = [], p = [];
-	return class extends s {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-			c = [r({ reflect: !0 })], d = [r({
-				attribute: "visual-level",
-				reflect: !0
-			})], e(this, null, c, {
-				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
-			}, l, u), e(this, null, d, {
-				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
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.role = "heading";
-		}
-		static {
-			this.styles = [n(o)];
-		}
-		#e = t(this, l, "1");
-		get level() {
-			return this.#e;
-		}
-		set level(e) {
-			this.#e = e;
-		}
-		#t = (t(this, u), t(this, f, 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, p);
-		}
-	};
-})();
-//#endregion
-export { s as t };