@sbb-esta/lyne-elements-dev 4.14.1-dev.1784022341 → 4.14.2-dev.1785765449

package/calendar/calendar/calendar.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../calendar.component-Ba0Fwb29.js";
+import { n as e, t } from "../../calendar.component-DWTak4w2.js";
 export { t as SbbCalendarElement, e as SbbMonthChangeEvent };

package/calendar/calendar.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "../calendar.component-Ba0Fwb29.js";
+import { n as e, t } from "../calendar.component-DWTak4w2.js";
 t.define(), console.warn("The entrypoint '@sbb-esta/elements/calendar/calendar.js' has been deprecated.\nUse either '@sbb-esta/elements/calendar.js' or '@sbb-esta/elements/calendar.pure.js' instead.");
 //#endregion
 export { t as SbbCalendarElement, e as SbbMonthChangeEvent };

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

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../calendar-cell-base-element-BmCNJgsW.js";
+import { n as e, t } from "../../calendar-cell-base-element-82Z5AeBH.js";
 export { t as SbbCalendarCellBaseElement, e as calendarCellBaseStyle };

package/calendar/common.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../calendar-cell-base-element-BmCNJgsW.js";
+import { n as e, t } from "../calendar-cell-base-element-82Z5AeBH.js";
 export { t as SbbCalendarCellBaseElement, e as calendarCellBaseStyle };

package/calendar-cell-base-element-82Z5AeBH.js

@@ -0,0 +1,25 @@
+import { unsafeCSS as e } from "lit";
+import { readConfig as t } from "./core/config/config.js";
+import { defaultDateAdapter as n } from "./core/datetime/native-date-adapter.js";
+import { SbbButtonLikeBaseElement as r } from "./core/base-elements/button-base-element.js";
+import { SbbPropertyWatcherController as i } from "./core/controllers/property-watcher-controller.js";
+import { SbbDisabledMixin as a } from "./core/mixins/disabled-mixin.js";
+//#endregion
+//#region src/elements/calendar/common/calendar-cell-base-element.ts
+var o = e(":host{display:block;--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) )}@media(forced-colors:active){:host{--sbb-calendar-cell-border: transparent}}:host(:is(:state(current),[state--current])){--sbb-calendar-cell-font-weight: bold}:host(:is(:state(selected),[state--selected])){--sbb-calendar-cell-border: var(--sbb-calendar-cell-border-width) solid var(--sbb-border-color-2)}:host(:disabled){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);--sbb-calendar-cell-cursor: default}:host(:disabled:is(:state(crossed-out),[state--crossed-out])){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-crossed-out-color)}:host(:focus-visible){outline:0}:host(:not(:disabled):active){--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-active)}.sbb-action-base{display:inline-flex;justify-content:center;align-items:center;position:relative;font-size:var(--sbb-calendar-cell-font-size);font-weight:var(--sbb-calendar-cell-font-weight);letter-spacing:var(--sbb-typo-letter-spacing-text);cursor:var(--sbb-calendar-cell-cursor);color:var(--sbb-calendar-cell-color);border-radius:var(--sbb-calendar-cell-border-radius)}:host(:focus-visible) .sbb-action-base{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-offset: .0625rem}.sbb-action-base:before{content:\"\";position:absolute;background-color:var(--sbb-calendar-cell-background-color);inset:var(--sbb-calendar-cell-inset);border:var(--sbb-calendar-cell-border);border-radius:var(--sbb-calendar-cell-border-radius);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color;z-index:-1}@media(forced-colors:active){:host(:not(:disabled):active) .sbb-action-base:before{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}}@media(any-hover:hover){:host(:not(:active,:disabled):hover) .sbb-action-base{--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-background-color-hover)}}@media(any-hover:hover)and (forced-colors:active){:host(:not(:active,:disabled):hover) .sbb-action-base:before{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-offset: .0625rem;--sbb-focus-outline-style: initial}}.sbb-calendar-year,.sbb-calendar-month{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width);padding-block-end:var(--sbb-calendar-cell-padding)}:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-year:after,:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-month:after{content:\"\";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-crossed-out-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar-weekday,.sbb-calendar-weeknumber{--sbb-calendar-cell-font-size: var(--sbb-text-font-size-xs);--sbb-calendar-cell-font-weight: normal;height:var(--sbb-calendar-day-width);width:var(--sbb-calendar-day-width);color:var(--sbb-calendar-header-color)}"), s = class extends a(r) {
+	constructor() {
+		super(), this.dateAdapter = t().datetime?.dateAdapter ?? n, this.addController(new i(this, () => this.getParent(), {
+			dateFilter: (e) => this.setDisabledFilteredState(e),
+			min: (e) => this.setDisabledFilteredState(e),
+			max: (e) => this.setDisabledFilteredState(e),
+			selected: (e) => this.setSelectedState(e)
+		}));
+	}
+	getParent() {
+		return this.getRootNode?.()?.host?.closest("sbb-calendar");
+	}
+	formResetCallback() {}
+	formStateRestoreCallback(e, t) {}
+};
+//#endregion
+export { o as n, s as t };

package/{calendar.component-Ba0Fwb29.js → calendar.component-DWTak4w2.js}

@@ -531,7 +531,7 @@ var w = class extends Event {
 			this._init(this._dateAdapter.addCalendarMonths(this._activeDate, e)), this._emitMonthChange();
 		}
 		_goToDifferentYear(e) {
-			this._chosenYear += e, this._activeDate = this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate)), this._init();
+			this._chosenYear += e, this._activeDate = this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), 1), this._init();
 		}
 		_goToDifferentYearRange(e) {
 			this._init(this._dateAdapter.addCalendarYears(this._activeDate, e));
@@ -973,7 +973,7 @@ var w = class extends Event {
     `;
 		}
 		_onMonthSelection(e, t) {
-			this._chosenMonth = e, this._nextCalendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth, this._dateAdapter.getDate(this._activeDate))), this._startTableTransition(), this._emitMonthChange();
+			this._chosenMonth = e, this._nextCalendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth, 1)), this._startTableTransition(), this._emitMonthChange();
 		}
 		_renderYearView() {
 			return n`
@@ -1038,7 +1038,7 @@ var w = class extends Event {
     </table>`;
 		}
 		_onYearSelection(e, t) {
-			this._chosenYear = t ? e - 1 : e, this._nextCalendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate))), this._startTableTransition();
+			this._chosenYear = t ? e - 1 : e, this._nextCalendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(e, this._dateAdapter.getMonth(this._activeDate), 1)), this._startTableTransition();
 		}
 		_getView() {
 			if (r || this.hydrationRequired) return n`${i}`;

package/calendar.js

@@ -3,7 +3,7 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, t as o } from "./calendar.component-Ba0Fwb29.js";
+import { n as a, t as o } from "./calendar.component-DWTak4w2.js";
 import "./calendar.pure.js";
 o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion

package/calendar.pure.js

@@ -3,5 +3,5 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, t as o } from "./calendar.component-Ba0Fwb29.js";
+import { n as a, t as o } from "./calendar.component-DWTak4w2.js";
 export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };

package/core/datetime/date-adapter.js

@@ -14,7 +14,10 @@ var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1
 		} catch {}
 		if (this.isValid(r)) return r;
 		let a = n.replace(/\D/g, " ").trim()?.match(e);
-		if (!a || a.index !== 0 || a.length <= 2 || a.some((e) => e === void 0) || !this.isValid(this.createDate(+a[3], +a[2], +a[1]))) return null;
+		try {
+			r = a ? this.createDate(+a[3], +a[2], +a[1]) : null;
+		} catch {}
+		if (!a || a.index !== 0 || a.length <= 2 || a.some((e) => e === void 0) || !this.isValid(r)) return null;
 		let o = +a[3];
 		if (typeof o == "number" && o < 100 && o >= 0) {
 			let e = this.getYear(this.today()) - 2e3 + this._cutoffYearOffset;

package/core.css

@@ -1255,8 +1255,16 @@ slot[name=error]::slotted(*) {
   --sbb-calendar-cell-border-width: var(--sbb-border-width-2x);
   --sbb-calendar-cell-disabled-height: 0.09375rem;
   --sbb-calendar-cell-disabled-width: 1.59375rem;
-  --sbb-calendar-cell-disabled-color: var(--sbb-color-granite);
-  --sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+  --sbb-calendar-cell-disabled-color: var(--sbb-color-graphite);
+  --sbb-calendar-cell-disabled-color: light-dark(
+    var(--sbb-color-graphite),
+    var(--sbb-color-anthracite)
+  );
+  --sbb-calendar-cell-disabled-crossed-out-color: var(--sbb-color-granite);
+  --sbb-calendar-cell-disabled-crossed-out-color: light-dark(
+    var(--sbb-color-granite),
+    var(--sbb-color-smoke)
+  );
   --sbb-calendar-cell-transition-easing-function: var(--sbb-animation-easing);
   --sbb-calendar-control-gap: var(--sbb-spacing-fixed-2x);
   --sbb-calendar-control-margin-block-end: var(--sbb-spacing-fixed-4x);