@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

package/core/controllers.js

@@ -1,9 +1,30 @@
-import { SbbPropertyWatcherController as e } from "./controllers/property-watcher-controller.js";
+import { SbbPropertyWatcherController as o } from "./controllers/property-watcher-controller.js";
 import { SbbEscapableOverlayController as t } from "./controllers/escapable-overlay-controller.js";
-import { SbbIdReferenceController as n } from "./controllers/id-reference-controller.js";
-import { SbbInertController as r } from "./controllers/inert-controller.js";
+import { SbbIdReferenceController as l } from "./controllers/id-reference-controller.js";
+import { SbbInertController as S } from "./controllers/inert-controller.js";
 import { SbbLanguageController as i } from "./controllers/language-controller.js";
-import { SbbDarkModeController as a, SbbMediaMatcherController as o, SbbMediaQueryBreakpointLargeAndAbove as s, SbbMediaQueryBreakpointLargeAndBelow as c, SbbMediaQueryBreakpointSmallAndAbove as l, SbbMediaQueryBreakpointSmallAndBelow as u, SbbMediaQueryBreakpointUltraAndAbove as d, SbbMediaQueryBreakpointZeroAndAbove as f, SbbMediaQueryDarkMode as p, SbbMediaQueryForcedColors as m, SbbMediaQueryHover as h, SbbMediaQueryPointerCoarse as g } from "./controllers/media-matchers-controller.js";
-import { SbbSlotStateController as _, SbbSlottedChangeEvent as v } from "./controllers/slot-state-controller.js";
-import { SbbOverlayPositionController as y } from "./controllers/overlay-position-controller.js";
-export { a as SbbDarkModeController, t as SbbEscapableOverlayController, n as SbbIdReferenceController, r as SbbInertController, i as SbbLanguageController, o as SbbMediaMatcherController, s as SbbMediaQueryBreakpointLargeAndAbove, c as SbbMediaQueryBreakpointLargeAndBelow, l as SbbMediaQueryBreakpointSmallAndAbove, u as SbbMediaQueryBreakpointSmallAndBelow, d as SbbMediaQueryBreakpointUltraAndAbove, f as SbbMediaQueryBreakpointZeroAndAbove, p as SbbMediaQueryDarkMode, m as SbbMediaQueryForcedColors, h as SbbMediaQueryHover, g as SbbMediaQueryPointerCoarse, y as SbbOverlayPositionController, e as SbbPropertyWatcherController, _ as SbbSlotStateController, v as SbbSlottedChangeEvent };
+import { SbbDarkModeController as M, SbbMediaMatcherController as y, SbbMediaQueryBreakpointLargeAndAbove as C, SbbMediaQueryBreakpointLargeAndBelow as u, SbbMediaQueryBreakpointSmallAndAbove as m, SbbMediaQueryBreakpointSmallAndBelow as A, SbbMediaQueryBreakpointUltraAndAbove as Q, SbbMediaQueryBreakpointZeroAndAbove as f, SbbMediaQueryDarkMode as k, SbbMediaQueryForcedColors as v, SbbMediaQueryHover as x, SbbMediaQueryPointerCoarse as B } from "./controllers/media-matchers-controller.js";
+import { SbbSlotStateController as g, SbbSlottedChangeEvent as s } from "./controllers/slot-state-controller.js";
+import { SbbOverlayPositionController as L } from "./controllers/overlay-position-controller.js";
+export {
+  M as SbbDarkModeController,
+  t as SbbEscapableOverlayController,
+  l as SbbIdReferenceController,
+  S as SbbInertController,
+  i as SbbLanguageController,
+  y as SbbMediaMatcherController,
+  C as SbbMediaQueryBreakpointLargeAndAbove,
+  u as SbbMediaQueryBreakpointLargeAndBelow,
+  m as SbbMediaQueryBreakpointSmallAndAbove,
+  A as SbbMediaQueryBreakpointSmallAndBelow,
+  Q as SbbMediaQueryBreakpointUltraAndAbove,
+  f as SbbMediaQueryBreakpointZeroAndAbove,
+  k as SbbMediaQueryDarkMode,
+  v as SbbMediaQueryForcedColors,
+  x as SbbMediaQueryHover,
+  B as SbbMediaQueryPointerCoarse,
+  L as SbbOverlayPositionController,
+  o as SbbPropertyWatcherController,
+  g as SbbSlotStateController,
+  s as SbbSlottedChangeEvent
+};

package/core/datetime/date-adapter.js

@@ -1,62 +1,136 @@
-//#region src/elements/core/datetime/date-adapter.ts
-var e = 7, t = 4, n = 4, r = 12, i = 24, a = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1,4}$)?/, o = /^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/, s = class {
-	constructor(e = 15) {
-		this._cutoffYearOffset = e;
-	}
-	deserialize(e) {
-		return e == null || this.isDateInstance(e) && this.isValid(e) ? e : this.invalid();
-	}
-	parse(e) {
-		if (!e) return null;
-		let t = null, n = e.match(o);
-		try {
-			t = n ? this.createDate(+n[1], +n[2], +n[3]) : null;
-		} catch {}
-		if (this.isValid(t)) return t;
-		let r = e.replace(/\D/g, " ").trim()?.match(a);
-		if (!r || r.index !== 0 || r.length <= 2 || r.some((e) => e === void 0) || !this.isValid(this.createDate(+r[3], +r[2], +r[1]))) return null;
-		let i = +r[3];
-		if (typeof i == "number" && i < 100 && i >= 0) {
-			let e = this.getYear(this.today()) - 2e3 + this._cutoffYearOffset;
-			i = i <= e ? 2e3 + i : 1900 + i;
-		}
-		return this.createDate(i, +r[2], +r[1]);
-	}
-	format(e, t) {
-		if (!this.isValid(e)) return "";
-		let n = /* @__PURE__ */ new Date(this.toIso8601(e) + "T00:00:00"), r = new Intl.DateTimeFormat("de-CH", {
-			day: "2-digit",
-			month: "2-digit",
-			year: "numeric"
-		});
-		if (t?.weekdayStyle === "none") return r.format(n);
-		let i = t?.weekdayStyle ?? "short", a = this.getDayOfWeekNames(i)[this.getDayOfWeek(e)];
-		return a = a.charAt(0).toUpperCase() + a.substring(1), i === "short" && (a = a.substring(0, 2)), `${a}, ${r.format(n)}`;
-	}
-	toIso8601(e) {
-		let t = (e, t = 2) => `${e}`.padStart(t, "0");
-		return `${t(this.getYear(e), 4)}-${t(this.getMonth(e))}-${t(this.getDate(e))}`;
-	}
-	getValidDateOrNull(e) {
-		return this.isDateInstance(e) && this.isValid(e) ? e : null;
-	}
-	getFirstWeekOffset(e) {
-		let t = this.createDate(this.getYear(e), this.getMonth(e), 1);
-		return (7 + this.getDayOfWeek(t) - this.getFirstDayOfWeek()) % 7;
-	}
-	compareDate(e, t) {
-		return this.getYear(e) - this.getYear(t) || this.getMonth(e) - this.getMonth(t) || this.getDate(e) - this.getDate(t);
-	}
-	sameDate(e, t) {
-		if (e && t) {
-			let n = this.isValid(e), r = this.isValid(t);
-			return n && r ? !this.compareDate(e, t) : n == r;
-		}
-		return e == t;
-	}
-	clampDate(e, t, n) {
-		return t && this.compareDate(e, t) < 0 ? t : n && this.compareDate(e, n) > 0 ? n : e;
-	}
+const l = 7, f = 4, u = 4, D = 12, g = 24, h = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1,4}$)?/, o = /^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/;
+class d {
+  /**
+   * @param cutoffYearOffset The threshold on whether a two-digit year
+   * should be treated as belonging to 2000 or 1900. e.g. with 15 (default)
+   * the current year plus 15 will be treated as belonging to 2000, and the rest to 1900.
+   * So e.g. with the current year 2025, 40 will be treated as 2040, while 41 will be treated as 1941.
+   */
+  constructor(t = 15) {
+    this._cutoffYearOffset = t;
+  }
+  /**
+   * Attempts to deserialize a value to a valid date object. This is different from parsing in that
+   * deserialize should only accept non-ambiguous, locale-independent formats (e.g. a ISO 8601
+   * string). The default implementation does not allow any deserialization, it simply checks that
+   * the given value is already a valid date object or null.
+   * @param value Either a date object, ISO string or an empty value.
+   * @returns The date if the input is valid, `null` otherwise.
+   */
+  deserialize(t) {
+    return t == null || this.isDateInstance(t) && this.isValid(t) ? t : this.invalid();
+  }
+  /**
+   * Get the given string as Date.
+   * @param value The date in the format DD.MM.YYYY.
+   */
+  parse(t) {
+    if (!t)
+      return null;
+    let e = null;
+    const s = t.match(o);
+    try {
+      e = s ? this.createDate(+s[1], +s[2], +s[3]) : null;
+    } catch {
+    }
+    if (this.isValid(e))
+      return e;
+    const r = t.replace(/\D/g, " ").trim()?.match(h);
+    if (!r || r.index !== 0 || r.length <= 2 || r.some((n) => n === void 0) || !this.isValid(this.createDate(+r[3], +r[2], +r[1])))
+      return null;
+    let i = +r[3];
+    if (typeof i == "number" && i < 100 && i >= 0) {
+      const n = this.getYear(this.today()) - 2e3 + this._cutoffYearOffset;
+      i = i <= n ? 2e3 + i : 1900 + i;
+    }
+    return this.createDate(i, +r[2], +r[1]);
+  }
+  /**
+   * Format the given date as string.
+   * @param date The date to format.
+   * @param options options object with weekdayStyle as property
+   */
+  format(t, e) {
+    if (!this.isValid(t))
+      return "";
+    const s = /* @__PURE__ */ new Date(this.toIso8601(t) + "T00:00:00"), a = new Intl.DateTimeFormat("de-CH", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric"
+    });
+    if (e?.weekdayStyle === "none")
+      return a.format(s);
+    const r = e?.weekdayStyle ?? "short";
+    let i = this.getDayOfWeekNames(r)[this.getDayOfWeek(t)];
+    return i = i.charAt(0).toUpperCase() + i.substring(1), r === "short" && (i = i.substring(0, 2)), `${i}, ${a.format(s)}`;
+  }
+  /**
+   * Get the given date as ISO String.
+   * @param date The date to convert to ISO String.
+   */
+  toIso8601(t) {
+    const e = (s, a = 2) => `${s}`.padStart(a, "0");
+    return `${e(this.getYear(t), 4)}-${e(this.getMonth(t))}-${e(this.getDate(t))}`;
+  }
+  /**
+   * Given a potential date object, returns that same date object if it is
+   * a valid date, or `null` if it's not a valid date.
+   * @param value The object to check.
+   * @returns A date or `null`.
+   */
+  getValidDateOrNull(t) {
+    return this.isDateInstance(t) && this.isValid(t) ? t : null;
+  }
+  /**
+   * Calculates the day of the week of the first day of the month, and then its offset from the first day of the week.
+   */
+  getFirstWeekOffset(t) {
+    const e = this.createDate(this.getYear(t), this.getMonth(t), 1);
+    return (7 + this.getDayOfWeek(e) - this.getFirstDayOfWeek()) % 7;
+  }
+  /**
+   * Compares two dates.
+   * @param first The first date to compare.
+   * @param second The second date to compare.
+   * @returns 0 if the dates are equal, a number less than 0 if the first date is earlier,
+   *     a number greater than 0 if the first date is later.
+   */
+  compareDate(t, e) {
+    return this.getYear(t) - this.getYear(e) || this.getMonth(t) - this.getMonth(e) || this.getDate(t) - this.getDate(e);
+  }
+  /**
+   * Checks if two dates are equal.
+   * @param first The first date to check.
+   * @param second The second date to check.
+   * @returns Whether the two dates are equal.
+   *     Null dates are considered equal to other null dates.
+   */
+  sameDate(t, e) {
+    if (t && e) {
+      const s = this.isValid(t), a = this.isValid(e);
+      return s && a ? !this.compareDate(t, e) : s == a;
+    }
+    return t == e;
+  }
+  /**
+   * Clamp the given date between min and max dates.
+   * @param date The date to clamp.
+   * @param min The minimum value to allow. If null or omitted no min is enforced.
+   * @param max The maximum value to allow. If null or omitted no max is enforced.
+   * @returns `min` if `date` is less than `min`, `max` if date is greater than `max`,
+   *     otherwise `date`.
+   */
+  clampDate(t, e, s) {
+    return e && this.compareDate(t, e) < 0 ? e : s && this.compareDate(t, s) > 0 ? s : t;
+  }
+}
+export {
+  l as DAYS_PER_ROW,
+  d as DateAdapter,
+  h as FORMAT_DATE,
+  o as ISO8601_FORMAT_DATE,
+  D as MONTHS_PER_PAGE,
+  f as MONTHS_PER_ROW,
+  g as YEARS_PER_PAGE,
+  u as YEARS_PER_ROW
 };
-//#endregion
-export { e as DAYS_PER_ROW, s as DateAdapter, a as FORMAT_DATE, o as ISO8601_FORMAT_DATE, r as MONTHS_PER_PAGE, t as MONTHS_PER_ROW, i as YEARS_PER_PAGE, n as YEARS_PER_ROW };

package/core/datetime/native-date-adapter.js

@@ -1,91 +1,140 @@
-import { DateAdapter as e } from "./date-adapter.js";
-import { SbbLanguageController as t } from "../controllers.js";
-//#region src/elements/core/datetime/native-date-adapter.ts
-var n = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/, r = class extends e {
-	getYear(e) {
-		return e.getFullYear();
-	}
-	getMonth(e) {
-		return e.getMonth() + 1;
-	}
-	getDate(e) {
-		return e.getDate();
-	}
-	getDayOfWeek(e) {
-		return e.getDay();
-	}
-	getAccessibilityFormatDate(e) {
-		return new Intl.DateTimeFormat(t.current, {
-			year: "numeric",
-			month: "long",
-			day: "numeric"
-		}).format(new Date(e));
-	}
-	getMonthNames(e) {
-		let n = new Intl.DateTimeFormat(t.current, { month: e });
-		return this._range(12, (e) => n.format(new Date(2017, e, 1)));
-	}
-	getDateNames() {
-		let e = new Intl.DateTimeFormat(t.current, { day: "numeric" });
-		return this._range(31, (t) => e.format(new Date(2017, 0, t + 1)));
-	}
-	getDayOfWeekNames(e) {
-		let n = new Intl.DateTimeFormat(t.current, { weekday: e });
-		return this._range(7, (e) => n.format(new Date(2017, 0, e + 1)));
-	}
-	getFirstDayOfWeek() {
-		return 1;
-	}
-	getNumDaysInMonth(e) {
-		return this.getDate(this._createDateWithOverflow(this.getYear(e), this.getMonth(e), 0));
-	}
-	today() {
-		return new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
-	}
-	createDate(e, t, n) {
-		if (t < 1 || t > 12) throw Error(`Invalid month "${t}". Month has to be between 1 and 12.`);
-		if (n < 1) throw Error(`Invalid day "${n}". Day has to be greater than 0.`);
-		let r = this._createDateWithOverflow(e, t - 1, n);
-		if (r.getMonth() + 1 !== t) throw Error(`Invalid day "${n}" for month "${t}".`);
-		return r;
-	}
-	isDateInstance(e) {
-		return e instanceof Date;
-	}
-	isValid(e) {
-		return !!e && !isNaN(e.valueOf());
-	}
-	clone(e) {
-		return new Date(e.valueOf());
-	}
-	addCalendarYears(e, t) {
-		return this.addCalendarMonths(e, t * 12);
-	}
-	addCalendarMonths(e, t) {
-		let n = e.getMonth() + t, r = new Date(e.getFullYear(), n, 1, 0, 0, 0, 0), i = this.getNumDaysInMonth(r);
-		return new Date(this.clone(e).setMonth(n, Math.min(i, e.getDate())));
-	}
-	addCalendarDays(e, t) {
-		let n = e.getDate() + t;
-		return new Date(e.getFullYear(), e.getMonth(), n, 0, 0, 0, 0);
-	}
-	deserialize(e) {
-		if (typeof e == "string") {
-			if (!e) return null;
-			if (n.test(e)) return this.getValidDateOrNull(new Date(e.includes("T") ? e : e + "T00:00:00"));
-		}
-		return super.deserialize(e);
-	}
-	invalid() {
-		return /* @__PURE__ */ new Date(NaN);
-	}
-	_range(e, t) {
-		return Array.from({ length: e }).map((e, n) => t(n));
-	}
-	_createDateWithOverflow(e, t, n) {
-		let r = new Date(e, t, n);
-		return e >= 0 && e < 100 && r.setFullYear(this.getYear(r) - 1900), r;
-	}
-}, i = new r();
-//#endregion
-export { r as NativeDateAdapter, i as defaultDateAdapter };
+import { SbbLanguageController as a } from "../controllers.js";
+import { DateAdapter as s } from "./date-adapter.js";
+const i = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
+class u extends s {
+  /** Gets the year of the input date. */
+  getYear(e) {
+    return e.getFullYear();
+  }
+  /** Gets the month of the input date. */
+  getMonth(e) {
+    return e.getMonth() + 1;
+  }
+  /** Gets the day of the input date. */
+  getDate(e) {
+    return e.getDate();
+  }
+  /** Gets the day of the week of the input date. */
+  getDayOfWeek(e) {
+    return e.getDay();
+  }
+  /** Gets the date in the local format. */
+  getAccessibilityFormatDate(e) {
+    const t = {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    };
+    return new Intl.DateTimeFormat(a.current, t).format(new Date(e));
+  }
+  /**
+   * Creates an array of strings with length = 12, filled with the name of the months starting from January, in the document language.
+   * @param style See `month` in `DateTimeFormatOptions`: `long` for full name, `short` for short name, `narrow` for single letter,
+   * E.g., with January in en-gb: `long` returns "January", `short` returns "Jan", `narrow` returns "J".
+   */
+  getMonthNames(e) {
+    const t = new Intl.DateTimeFormat(a.current, { month: e });
+    return this._range(12, (r) => t.format(new Date(2017, r, 1)));
+  }
+  /** Creates a string array with length = 31, filled with the days in a month, starting from 1. */
+  getDateNames() {
+    const e = new Intl.DateTimeFormat(a.current, { day: "numeric" });
+    return this._range(31, (t) => e.format(new Date(2017, 0, t + 1)));
+  }
+  /**
+   * Creates a string array with length = 7, filled with the name of the days in a week starting from Sunday, in the document language.
+   * @param style See `weekday` in `DateTimeFormatOptions` - 'long' for full name, 'short' for short name, 'narrow' for single letter;
+   * E.g., with Monday in en-gb: `long` returns "Monday", `short` returns "Mon", `narrow` returns "M".
+   */
+  getDayOfWeekNames(e) {
+    const t = new Intl.DateTimeFormat(a.current, { weekday: e });
+    return this._range(7, (r) => t.format(new Date(2017, 0, r + 1)));
+  }
+  /** Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
+  getFirstDayOfWeek() {
+    return 1;
+  }
+  /** Calculates the number of days in a month given the year and the month. */
+  getNumDaysInMonth(e) {
+    return this.getDate(this._createDateWithOverflow(this.getYear(e), this.getMonth(e), 0));
+  }
+  /** Creates today's date. */
+  today() {
+    return new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
+  }
+  /** Creates a new date, given day, month and year; the method doesn't allow date's overflow. */
+  createDate(e, t, r) {
+    if (t < 1 || t > 12)
+      throw Error(`Invalid month "${t}". Month has to be between 1 and 12.`);
+    if (r < 1)
+      throw Error(`Invalid day "${r}". Day has to be greater than 0.`);
+    const n = this._createDateWithOverflow(e, t - 1, r);
+    if (n.getMonth() + 1 !== t)
+      throw Error(`Invalid day "${r}" for month "${t}".`);
+    return n;
+  }
+  /** Checks whether the given `obj` is a Date. */
+  isDateInstance(e) {
+    return e instanceof Date;
+  }
+  /** Checks whether the given `date` is a valid Date. */
+  isValid(e) {
+    return !!e && !isNaN(e.valueOf());
+  }
+  /** Creates a new date by cloning the given one. */
+  clone(e) {
+    return new Date(e.valueOf());
+  }
+  /**
+   * Creates a new date adding the number of provided `years` to the provided `date`.
+   * @param date The starting date.
+   * @param years The number of years to add.
+   */
+  addCalendarYears(e, t) {
+    return this.addCalendarMonths(e, t * 12);
+  }
+  /**
+   * Creates a new date adding the number of provided `months` to the provided `date`.
+   * If the calculated month has fewer days than the original one, the date is set to the last day of the month.
+   * E.g., with `date` = new Date(2022, 0, 31) and `months` = 1, it returns new Date(2022, 1, 28).
+   */
+  addCalendarMonths(e, t) {
+    const r = e.getMonth() + t, n = new Date(e.getFullYear(), r, 1, 0, 0, 0, 0), o = this.getNumDaysInMonth(n);
+    return new Date(this.clone(e).setMonth(r, Math.min(o, e.getDate())));
+  }
+  /** Creates a new date by adding the number of provided `days` to the provided `date`. */
+  addCalendarDays(e, t) {
+    const r = e.getDate() + t;
+    return new Date(e.getFullYear(), e.getMonth(), r, 0, 0, 0, 0);
+  }
+  /** Creates a Date from a valid input (Date or ISO string). */
+  deserialize(e) {
+    if (typeof e == "string")
+      if (e) {
+        if (i.test(e))
+          return this.getValidDateOrNull(new Date(e.includes("T") ? e : e + "T00:00:00"));
+      } else return null;
+    return super.deserialize(e);
+  }
+  invalid() {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+  /**
+   * Creates an array with the given length and fills it by mapping with the provided function.
+   * @param length The length of the array to be created.
+   * @param valueFunction The function of array's index used to fill the array.
+   */
+  _range(e, t) {
+    return Array.from({ length: e }).map((r, n) => t(n));
+  }
+  /** Creates a date but allows the month and date to overflow. */
+  _createDateWithOverflow(e, t, r) {
+    const n = new Date(e, t, r);
+    return e >= 0 && e < 100 && n.setFullYear(this.getYear(n) - 1900), n;
+  }
+}
+const g = new u();
+export {
+  u as NativeDateAdapter,
+  g as defaultDateAdapter
+};