@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/calendar/calendar-month/calendar-month.component.js

@@ -1,80 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n } from "lit";
-import { state as r } from "lit/decorators.js";
-import { SbbCalendarCellBaseElement as i } from "../common/calendar-cell-base-element.js";
-//#region src/elements/calendar/calendar-month/calendar-month.component.ts
-var a = (() => {
-	let a = i, o = [], s;
-	return class i extends a {
-		constructor() {
-			super(...arguments), this._monthShortNames = (t(this, o), this.dateAdapter.getMonthNames("short")), this._monthLongNames = this.dateAdapter.getMonthNames("long"), this._monthValue = null, this._yearValue = null, this._value = null;
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-			s = [r()], e(this, null, s, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, o), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-calendar-month";
-		}
-		static {
-			this._monthFormatRegex = /^\d{4}-(0[1-9]|1[0-2])$/;
-		}
-		set value(e) {
-			if (!e || !i._monthFormatRegex.test(e)) return;
-			this._value = e;
-			let t = e.split("-");
-			this._yearValue = Number(t[0]), this._monthValue = Number(t[1]);
-			let n = this._yearValue === this.dateAdapter.getYear(this.dateAdapter.today()) && this._monthValue === this.dateAdapter.getMonth(this.dateAdapter.today());
-			this.toggleState("current", n), this.internals.ariaLabel = `${this._monthLongNames[this._monthValue - 1]} ${this._yearValue}`;
-			let r = this.getParent();
-			r && (this.setDisabledFilteredState(r), this.setSelectedState(r));
-		}
-		get value() {
-			return this._value;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.tabIndex = -1;
-		}
-		setSelectedState(e) {
-			let t = e.multiple ? e.value?.some((e) => this._yearValue === this.dateAdapter.getYear(e) && this._monthValue === this.dateAdapter.getMonth(e)) ?? !1 : !!e.value && this.dateAdapter.getYear(e.value) === this._yearValue && this.dateAdapter.getMonth(e.value) === this._monthValue;
-			this.toggleState("selected", t), this.internals.ariaPressed = String(t);
-		}
-		setDisabledFilteredState(e) {
-			let t = !this._isActiveMonth(e), n = !this._isMonthInRange(e.min, e.max);
-			this.disabled = t || n, this.internals.ariaDisabled = String(this.disabled), this.toggleState("crossed-out", t && !n);
-		}
-		_isActiveMonth(e) {
-			if (!e.dateFilter || !this._yearValue || !this._monthValue) return !0;
-			let t = this.dateAdapter.createDate(this._yearValue, this._monthValue, 1);
-			for (let n = t; this.dateAdapter.getMonth(n) == this._monthValue; n = this.dateAdapter.addCalendarDays(n, 1)) if (e.dateFilter(n)) return !0;
-			return !1;
-		}
-		_isMonthInRange(e, t) {
-			if (!e && !t || !this._yearValue || !this._monthValue) return !0;
-			let n = this.dateAdapter.isValid(e) && (this._yearValue < this.dateAdapter.getYear(e) || this._yearValue === this.dateAdapter.getYear(e) && this._monthValue < this.dateAdapter.getMonth(e)), r = this.dateAdapter.isValid(t) && (this._yearValue > this.dateAdapter.getYear(t) || this._yearValue === this.dateAdapter.getYear(t) && this._monthValue > this.dateAdapter.getMonth(t));
-			return !(n || r);
-		}
-		renderTemplate() {
-			return n`${this._monthShortNames[this._monthValue - 1]}`;
-		}
-	};
-})();
-//#endregion
-export { a as SbbCalendarMonthElement };

package/calendar/calendar-weekday/calendar-weekday.component.js

@@ -1,50 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n } from "lit";
-import { state as r } from "lit/decorators.js";
-import { SbbCalendarCellBaseElement as i } from "../common/calendar-cell-base-element.js";
-//#region src/elements/calendar/calendar-weekday/calendar-weekday.component.ts
-var a = (() => {
-	let a = i, o = [], s;
-	return class extends a {
-		constructor() {
-			super(...arguments), this._value = (t(this, o), null);
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-			s = [r()], e(this, null, s, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, o), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-calendar-weekday";
-		}
-		set value(e) {
-			e && (this._value = e, this.internals.ariaLabel = e.long);
-		}
-		get value() {
-			return this._value;
-		}
-		setSelectedState() {}
-		setDisabledFilteredState() {}
-		renderTemplate() {
-			return n`${this.value?.narrow}`;
-		}
-	};
-})();
-//#endregion
-export { a as SbbCalendarWeekdayElement };

package/calendar/calendar-weeknumber/calendar-weeknumber.component.js

@@ -1,51 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n } from "lit";
-import { state as r } from "lit/decorators.js";
-import { SbbLanguageController as i, i18nCalendarWeekNumber as a } from "../../core.js";
-import { SbbCalendarCellBaseElement as o } from "../common/calendar-cell-base-element.js";
-//#region src/elements/calendar/calendar-weeknumber/calendar-weeknumber.component.ts
-var s = (() => {
-	let s = o, c = [], l;
-	return class extends s {
-		constructor() {
-			super(...arguments), this._language = (t(this, c), new i(this)), this._value = null;
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-			l = [r()], e(this, null, l, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, c), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-calendar-weeknumber";
-		}
-		set value(e) {
-			e && (this._value = String(e), this.internals.ariaLabel = `${a[this._language.current]} ${e}`);
-		}
-		get value() {
-			return this._value;
-		}
-		setSelectedState() {}
-		setDisabledFilteredState() {}
-		renderTemplate() {
-			return n`${this.value}`;
-		}
-	};
-})();
-//#endregion
-export { s as SbbCalendarWeeknumberElement };

package/calendar/calendar-year/calendar-year.component.js

@@ -1,76 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n } from "lit";
-import { state as r } from "lit/decorators.js";
-import { SbbCalendarCellBaseElement as i } from "../common/calendar-cell-base-element.js";
-//#region src/elements/calendar/calendar-year/calendar-year.component.ts
-var a = (() => {
-	let a = i, o = [], s;
-	return class extends a {
-		constructor() {
-			super(...arguments), this._value = (t(this, o), null);
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-			s = [r()], e(this, null, s, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, o), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-calendar-year";
-		}
-		set value(e) {
-			let t = Number(e);
-			if (isNaN(t)) return;
-			this._value = e;
-			let n = this.dateAdapter.getYear(this.dateAdapter.today()) === t;
-			this.toggleState("current", n), this.internals.ariaLabel = String(t);
-			let r = this.getParent();
-			r && (this.setDisabledFilteredState(r), this.setSelectedState(r));
-		}
-		get value() {
-			return this._value;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.tabIndex = -1;
-		}
-		setSelectedState(e) {
-			let t = e.multiple ? e.value?.some((e) => Number(this.value) === this.dateAdapter.getYear(e)) ?? !1 : !!e.value && this.dateAdapter.getYear(e.value) === Number(this.value);
-			this.toggleState("selected", t), this.internals.ariaPressed = String(t);
-		}
-		setDisabledFilteredState(e) {
-			let t = !this._isActiveYear(e), n = !this._isYearInRange(e.min, e.max);
-			this.disabled = t || n, this.internals.ariaDisabled = String(this.disabled), this.toggleState("crossed-out", t && !n);
-		}
-		_isActiveYear(e) {
-			if (!e.dateFilter || !this.value) return !0;
-			let t = this.dateAdapter.createDate(Number(this.value), 1, 1);
-			for (let n = t; this.dateAdapter.getYear(n) == Number(this.value); n = this.dateAdapter.addCalendarDays(n, 1)) if (e.dateFilter(n)) return !0;
-			return !1;
-		}
-		_isYearInRange(e, t) {
-			if (!e && !t || !this.value) return !0;
-			let n = this.dateAdapter.isValid(e) && this.dateAdapter.getYear(e) > Number(this.value), r = this.dateAdapter.isValid(t) && this.dateAdapter.getYear(t) < Number(this.value);
-			return !(n || r);
-		}
-		renderTemplate() {
-			return n`${this.value}`;
-		}
-	};
-})();
-//#endregion
-export { a as SbbCalendarYearElement };

package/calendar/common/calendar-cell-base-element.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../calendar-cell-base-element-DHCKK3bU.js";
-export { e as SbbCalendarCellBaseElement };

package/calendar-cell-base-element-DHCKK3bU.js

@@ -1,23 +0,0 @@
-import { unsafeCSS as e } from "lit";
-import { SbbButtonLikeBaseElement as t, SbbDisabledMixin as n, SbbPropertyWatcherController as r, defaultDateAdapter as i, readConfig as a } from "./core.js";
-//#region src/elements/calendar/common/calendar-cell-base-element.scss?inline
-var o = ":host{--sbb-focus-outline-offset: .125rem;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;font-size:var(--sbb-calendar-cell-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);cursor:var(--sbb-calendar-cell-cursor);color:var(--sbb-calendar-cell-color);border-radius:calc(var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width));margin:var(--sbb-calendar-cell-margin);padding:var(--sbb-calendar-cell-border-width);background-clip:content-box;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color}:host(:is(sbb-calendar-weekday,sbb-calendar-weeknumber)){--sbb-calendar-cell-font-size: var(--sbb-text-font-size-xs);--sbb-calendar-day-height: var(--sbb-calendar-day-size);color:var(--sbb-calendar-header-color)}:host(:is(sbb-calendar-day,sbb-calendar-weekday,sbb-calendar-weeknumber)){height:var(--sbb-calendar-day-height);width:var(--sbb-calendar-day-width)}:host(:is(:state(current),[state--current])){font-weight:700}:host(:is(:state(selected),[state--selected])){border:var(--sbb-calendar-cell-border-width) solid var(--sbb-calendar-cell-border-color-selected);padding:0}:host(:disabled){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);--sbb-calendar-cell-cursor: unset}:host(: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)}@media(any-hover:hover){:host(:not(:disabled,:where(:is(:state(active),[state--active]),:active)):hover){background-color:var(--sbb-calendar-cell-background-color-hover)}}@media(any-hover:hover)and (forced-colors:active){:host(:not(:disabled):hover){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial}}:host(:not(:disabled):where(:is(:state(active),[state--active]),:active)){background-color:var(--sbb-calendar-cell-background-color-active)}.sbb-action-base{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}.sbb-calendar-year,.sbb-calendar-month{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width)}:host(:is(:state(crossed-out),[state--crossed-out])) :is(.sbb-calendar-year,.sbb-calendar-month,.sbb-calendar-day__value):after{position:absolute;top:50%;left:50%;translate:-50% -50%;content:\"\";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);background-color:var(--sbb-calendar-cell-disabled-color);rotate:-45deg}", s = class extends n(t) {
-	static {
-		this.styles = [e(o)];
-	}
-	constructor() {
-		super(), this.dateAdapter = a().datetime?.dateAdapter ?? i, this.addController(new r(this, () => this.getParent(), {
-			dateFilter: (e) => this.setDisabledFilteredState(e),
-			min: (e) => this.setDisabledFilteredState(e),
-			max: (e) => this.setDisabledFilteredState(e),
-			value: (e) => this.setSelectedState(e)
-		}));
-	}
-	getParent() {
-		return this.getRootNode?.()?.host?.closest("sbb-calendar");
-	}
-	formResetCallback() {}
-	formStateRestoreCallback(e, t) {}
-};
-//#endregion
-export { s as t };

package/calendar-day.component-3tlW6Ba5.js

@@ -1,104 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i, state as a } from "lit/decorators.js";
-import { SbbCalendarCellBaseElement as o } from "./calendar/common/calendar-cell-base-element.js";
-//#region src/elements/calendar/calendar-day/calendar-day.scss?inline
-var s = ".sbb-calendar-day{justify-content:var(--sbb-calendar-day-justify-content)}.sbb-calendar-day__value{display:flex;height:var(--sbb-calendar-day-value-height);align-items:center;justify-content:center;position:relative}.sbb-calendar-day__extra{display:var(--sbb-calendar-day-extra-display);height:var(--sbb-calendar-day-extra-height)}::slotted(*){height:var(--sbb-calendar-day-extra-height)}", c = (() => {
-	let c = o, l = [], u, d;
-	return class extends c {
-		constructor() {
-			super(...arguments), this._value = (t(this, l), null);
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			u = [i()], d = [a()], e(this, null, u, {
-				kind: "setter",
-				name: "slot",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "slot" in e,
-					set: (e, t) => {
-						e.slot = t;
-					}
-				},
-				metadata: t
-			}, null, l), e(this, null, d, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, l), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-calendar-day";
-		}
-		static {
-			this.styles = [r(s)];
-		}
-		set slot(e) {
-			super.slot = e, this.value = this.dateAdapter.deserialize(e);
-		}
-		get slot() {
-			return super.slot;
-		}
-		set value(e) {
-			let t = this.dateAdapter.getValidDateOrNull(this.dateAdapter.deserialize(e));
-			if (t) {
-				this._value = t;
-				let e = this.dateAdapter.sameDate(t, this.dateAdapter.today());
-				this.toggleState("current", e), this.internals.ariaCurrent = e ? "date" : null, this.internals.ariaLabel = this.dateAdapter.getAccessibilityFormatDate(t);
-				let n = this.getParent();
-				n && (this.setDisabledFilteredState(n), this.setSelectedState(n));
-			}
-		}
-		get value() {
-			return this._value;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.tabIndex = -1;
-		}
-		getParent() {
-			return this.closest?.("sbb-calendar") ?? this.getRootNode?.()?.host?.closest("sbb-calendar");
-		}
-		setSelectedState(e) {
-			let t = e.multiple ? e.value.some((e) => this.dateAdapter.sameDate(this.value, e)) : !!e.value && this.dateAdapter.compareDate(this.value, e.value) === 0;
-			this.toggleState("selected", t), this.internals.ariaPressed = String(t);
-		}
-		setDisabledFilteredState(e) {
-			let t = !this._isActiveDate(e.dateFilter), n = !this._isDayInRange(e.min, e.max);
-			this.disabled = t || n, this.internals.ariaDisabled = String(this.disabled), this.toggleState("crossed-out", t && !n);
-		}
-		_isActiveDate(e) {
-			return e && this.value ? e(this.value) : !0;
-		}
-		_isDayInRange(e, t) {
-			return !e && !t ? !0 : this.dateAdapter.sameDate(this.value, this.dateAdapter.clampDate(this.value, e, t));
-		}
-		_handleSlotchange(e) {
-			this.internals.ariaDescribedByElements = e.target.assignedElements();
-		}
-		renderTemplate() {
-			return n` <span class="sbb-calendar-day__value" aria-hidden="true">
-        ${this.dateAdapter.getDate(this.value)}
-      </span>
-      <span class="sbb-calendar-day__extra">
-        <slot @slotchange=${(e) => this._handleSlotchange(e)}></slot>
-      </span>`;
-		}
-	};
-})();
-//#endregion
-export { c as t };