@sbb-esta/lyne-elements 0.52.1 → 0.52.2

package/core/controllers.js

@@ -1,30 +1,30 @@
-import { isServer as l } from "lit";
+import { isServer as d } from "lit";
 import { readConfig as u } from "./config.js";
-import { AgnosticMutationObserver as m } from "./observers.js";
-class A {
+import { AgnosticMutationObserver as _ } from "./observers.js";
+class b {
   constructor(t) {
-    this.b = t, this.a = new AbortController(), this.b.addController(this);
+    this._host = t, this._abortController = new AbortController(), this._host.addController(this);
   }
   get signal() {
     var t;
-    return (t = this.a) == null ? void 0 : t.signal;
+    return (t = this._abortController) == null ? void 0 : t.signal;
   }
   hostConnected() {
-    this.a || (this.a = new AbortController());
+    this._abortController || (this._abortController = new AbortController());
   }
   hostDisconnected() {
     var t;
-    (t = this.a) == null || t.abort(), this.a = void 0;
+    (t = this._abortController) == null || t.abort(), this._abortController = void 0;
   }
 }
 const e = class e {
   constructor(t) {
-    this.g = t, this.f = [], this.g.addController(this);
+    this._host = t, this._handlers = [], this._host.addController(this);
   }
   /** Get the current language. */
   static get current() {
-    const s = ((u().language ?? (l ? e.b : document.documentElement.getAttribute("lang"))) || e.b).split("-")[0];
-    return e.h.includes(s) ? s : e.b;
+    const s = ((u().language ?? (d ? e._defaultLanguage : document.documentElement.getAttribute("lang"))) || e._defaultLanguage).split("-")[0];
+    return e._supportedLocales.includes(s) ? s : e._defaultLanguage;
   }
   /** Get the current language. */
   get current() {
@@ -32,57 +32,57 @@ const e = class e {
   }
   /** Add a language change handler. */
   withHandler(t) {
-    return this.f.unshift(t), this;
+    return this._handlers.unshift(t), this;
   }
   hostConnected() {
-    e.a.size || e.d.observe(
+    e._listeners.size || e._observer.observe(
       document.documentElement,
-      e.i
-    ), e.a.add(this), this.c !== this.current && this.e(this.c !== void 0);
+      e._observerConfig
+    ), e._listeners.add(this), this._previousLanguage !== this.current && this._callHandlers(this._previousLanguage !== void 0);
   }
   hostDisconnected() {
-    this.c = this.current, e.a.delete(this), e.a.size || e.d.disconnect();
+    this._previousLanguage = this.current, e._listeners.delete(this), e._listeners.size || e._observer.disconnect();
   }
-  e(t = !0) {
-    this.f.forEach((s) => s()), t && this.g.requestUpdate();
+  _callHandlers(t = !0) {
+    this._handlers.forEach((s) => s()), t && this._host.requestUpdate();
   }
 };
-e.b = "en", e.h = ["en", "de", "fr", "it"], e.a = /* @__PURE__ */ new Set(), e.d = new m((t) => {
-  t[0].oldValue !== document.documentElement.getAttribute("lang") && e.a.forEach((s) => s.e());
-}), e.i = {
+e._defaultLanguage = "en", e._supportedLocales = ["en", "de", "fr", "it"], e._listeners = /* @__PURE__ */ new Set(), e._observer = new _((t) => {
+  t[0].oldValue !== document.documentElement.getAttribute("lang") && e._listeners.forEach((s) => s._callHandlers());
+}), e._observerConfig = {
   attributeFilter: ["lang"],
   attributeOldValue: !0
 };
-let c = e;
-class v {
+let h = e;
+class C {
   constructor(t, s = null) {
-    this.a = t, this.d = s, this.slots = /* @__PURE__ */ new Set(), this.b = (i) => {
-      this.c(i.target);
-    }, this.a.addController(this);
+    this._host = t, this._onChangeCallback = s, this.slots = /* @__PURE__ */ new Set(), this._slotchangeHandler = (o) => {
+      this._syncSlots(o.target);
+    }, this._host.addController(this);
   }
   hostConnected() {
     var t;
-    this.c(...this.a.querySelectorAll("slot")), (t = this.a.shadowRoot) == null || t.addEventListener("slotchange", this.b);
+    this._syncSlots(...this._host.querySelectorAll("slot")), (t = this._host.shadowRoot) == null || t.addEventListener("slotchange", this._slotchangeHandler);
   }
   hostDisconnected() {
     var t;
-    (t = this.a.shadowRoot) == null || t.removeEventListener("slotchange", this.b);
+    (t = this._host.shadowRoot) == null || t.removeEventListener("slotchange", this._slotchangeHandler);
   }
-  c(...t) {
-    var o;
-    for (const n of t) {
-      const a = n.name || "unnamed";
-      n.assignedNodes().some((r) => {
-        var h;
-        return "tagName" in r || ((h = r.textContent) == null ? void 0 : h.trim());
-      }) ? this.slots.add(a) : this.slots.delete(a);
+  _syncSlots(...t) {
+    var n;
+    for (const r of t) {
+      const i = r.name || "unnamed";
+      r.assignedNodes().some((l) => {
+        var a;
+        return "tagName" in l || ((a = l.textContent) == null ? void 0 : a.trim());
+      }) ? this.slots.add(i) : this.slots.delete(i);
     }
-    const s = this.a.getAttribute("data-slot-names"), i = [...this.slots].sort().join(" ");
-    i ? this.a.getAttribute("data-slot-names") !== i && this.a.setAttribute("data-slot-names", i) : this.a.removeAttribute("data-slot-names"), i !== s && ((o = this.d) == null || o.call(this));
+    const s = this._host.getAttribute("data-slot-names"), o = [...this.slots].sort().join(" ");
+    o ? this._host.getAttribute("data-slot-names") !== o && this._host.setAttribute("data-slot-names", o) : this._host.removeAttribute("data-slot-names"), o !== s && ((n = this._onChangeCallback) == null || n.call(this));
   }
 }
 export {
-  A as SbbConnectedAbortController,
-  c as SbbLanguageController,
-  v as SbbSlotStateController
+  b as SbbConnectedAbortController,
+  h as SbbLanguageController,
+  C as SbbSlotStateController
 };

package/core/datetime.js

@@ -1,5 +1,5 @@
 import { SbbLanguageController as i } from "./controllers.js";
-const o = 7, m = 4, d = 4, f = 24, u = /(^0?[1-9]?|[12]?[0-9]?|3?[01]?)[.,\\/\-\s](0?[1-9]?|1?[0-2]?)?[.,\\/\-\s](\d{1,4}$)?/;
+const o = 7, f = 4, m = 4, d = 24, u = /(^0?[1-9]?|[12]?[0-9]?|3?[01]?)[.,\\/\-\s](0?[1-9]?|1?[0-2]?)?[.,\\/\-\s](\d{1,4}$)?/;
 class l {
   /**
    * Attempts to deserialize a value to a valid date object. This is different from parsing in that
@@ -16,7 +16,7 @@ class l {
    * @param date The date to convert to ISO String.
    */
   toIso8601(t) {
-    const e = (r, n = 2) => `${r}`.padStart(n, "0");
+    const e = (r, a = 2) => `${r}`.padStart(a, "0");
     return `${e(this.getYear(t), 4)}-${e(this.getMonth(t))}-${e(this.getDate(t))}`;
   }
   /**
@@ -54,8 +54,8 @@ class l {
    */
   sameDate(t, e) {
     if (t && e) {
-      const r = this.isValid(t), n = this.isValid(e);
-      return r && n ? !this.compareDate(t, e) : r == n;
+      const r = this.isValid(t), a = this.isValid(e);
+      return r && a ? !this.compareDate(t, e) : r == a;
     }
     return t == e;
   }
@@ -74,7 +74,7 @@ class l {
 const D = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
 class c extends l {
   constructor(t = 15) {
-    super(), this.b = t;
+    super(), this._cutoffYearOffset = t;
   }
   /** Gets the year of the input date. */
   getYear(t) {
@@ -108,12 +108,12 @@ class c extends l {
    */
   getMonthNames(t) {
     const e = new Intl.DateTimeFormat(i.current, { month: t });
-    return this.a(12, (r) => e.format(new Date(2017, r, 1)));
+    return this._range(12, (r) => e.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 t = new Intl.DateTimeFormat(i.current, { day: "numeric" });
-    return this.a(31, (e) => t.format(new Date(2017, 0, e + 1)));
+    return this._range(31, (e) => t.format(new Date(2017, 0, e + 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.
@@ -122,7 +122,7 @@ class c extends l {
    */
   getDayOfWeekNames(t) {
     const e = new Intl.DateTimeFormat(i.current, { weekday: t });
-    return this.a(7, (r) => e.format(new Date(2017, 0, r + 1)));
+    return this._range(7, (r) => e.format(new Date(2017, 0, r + 1)));
   }
   /* Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
   getFirstDayOfWeek() {
@@ -130,7 +130,7 @@ class c extends l {
   }
   /** Calculates the number of days in a month given the year and the month. */
   getNumDaysInMonth(t) {
-    return this.getDate(this.c(this.getYear(t), this.getMonth(t), 0));
+    return this.getDate(this._createDateWithOverflow(this.getYear(t), this.getMonth(t), 0));
   }
   /** Creates today's date. */
   today() {
@@ -142,10 +142,10 @@ class c extends l {
       throw Error(`Invalid month index "${e}". Month index has to be between 1 and 12.`);
     if (r < 1)
       throw Error(`Invalid date "${r}". Date has to be greater than 0.`);
-    const n = this.c(t, e - 1, r);
-    if (n.getMonth() + 1 !== e)
+    const a = this._createDateWithOverflow(t, e - 1, r);
+    if (a.getMonth() + 1 !== e)
       throw Error(`Invalid date "${r}" for month with index "${e}".`);
-    return n;
+    return a;
   }
   /** Checks whether the given `obj` is a Date. */
   isDateInstance(t) {
@@ -173,8 +173,8 @@ class c extends l {
    * E.g., with `date` = new Date(2022, 0, 31) and `months` = 1, it returns new Date(2022, 1, 28).
    */
   addCalendarMonths(t, e) {
-    const r = t.getMonth() + e, n = new Date(t.getFullYear(), r, 1, 0, 0, 0, 0), a = this.getNumDaysInMonth(n);
-    return new Date(this.clone(t).setMonth(r, Math.min(a, t.getDate())));
+    const r = t.getMonth() + e, a = new Date(t.getFullYear(), r, 1, 0, 0, 0, 0), n = this.getNumDaysInMonth(a);
+    return new Date(this.clone(t).setMonth(r, Math.min(n, t.getDate())));
   }
   /** Creates a new date by adding the number of provided `days` to the provided `date`. */
   addCalendarDays(t, e) {
@@ -198,15 +198,15 @@ class c extends l {
   parse(t, e) {
     if (!t)
       return;
-    const r = t.replace(/\D/g, " ").trim(), n = r == null ? void 0 : r.match(u);
-    if (!n || n.index !== 0 || n.length <= 2 || n.some((s) => s === void 0) || !this.isValid(this.createDate(+n[3], +n[2], +n[1])))
+    const r = t.replace(/\D/g, " ").trim(), a = r == null ? void 0 : r.match(u);
+    if (!a || a.index !== 0 || a.length <= 2 || a.some((s) => s === void 0) || !this.isValid(this.createDate(+a[3], +a[2], +a[1])))
       return;
-    let a = +n[3];
-    if (typeof a == "number" && a < 100 && a >= 0) {
-      const s = e.getFullYear() - 2e3 + this.b;
-      a = a <= s ? 2e3 + a : 1900 + a;
+    let n = +a[3];
+    if (typeof n == "number" && n < 100 && n >= 0) {
+      const s = e.getFullYear() - 2e3 + this._cutoffYearOffset;
+      n = n <= s ? 2e3 + n : 1900 + n;
     }
-    return new Date(a, +n[2] - 1, +n[1]);
+    return new Date(n, +a[2] - 1, +a[1]);
   }
   format(t) {
     if (!t)
@@ -216,10 +216,10 @@ class c extends l {
       month: "2-digit",
       year: "numeric"
     });
-    let a = new Intl.DateTimeFormat(e, {
+    let n = new Intl.DateTimeFormat(e, {
       weekday: "short"
     }).format(t);
-    return a = a.charAt(0).toUpperCase() + a.charAt(1), `${a}, ${r.format(t)}`;
+    return n = n.charAt(0).toUpperCase() + n.charAt(1), `${n}, ${r.format(t)}`;
   }
   invalid() {
     return /* @__PURE__ */ new Date(NaN);
@@ -229,16 +229,16 @@ class c extends l {
    * @param length The length of the array to be created.
    * @param valueFunction The function of array's index used to fill the array.
    */
-  a(t, e) {
+  _range(t, e) {
     const r = Array(t);
-    for (let n = 0; n < t; n++)
-      r[n] = e(n);
+    for (let a = 0; a < t; a++)
+      r[a] = e(a);
     return r;
   }
   /** Creates a date but allows the month and date to overflow. */
-  c(t, e, r) {
-    const n = new Date(t, e, r);
-    return t >= 0 && t < 100 && n.setFullYear(this.getYear(n) - 1900), n;
+  _createDateWithOverflow(t, e, r) {
+    const a = new Date(t, e, r);
+    return t >= 0 && t < 100 && a.setFullYear(this.getYear(a) - 1900), a;
   }
 }
 const w = new c();
@@ -246,9 +246,9 @@ export {
   o as DAYS_PER_ROW,
   l as DateAdapter,
   u as FORMAT_DATE,
-  m as MONTHS_PER_ROW,
+  f as MONTHS_PER_ROW,
   c as NativeDateAdapter,
-  f as YEARS_PER_PAGE,
-  d as YEARS_PER_ROW,
+  d as YEARS_PER_PAGE,
+  m as YEARS_PER_ROW,
   w as defaultDateAdapter
 };

package/core/dom.js

@@ -7,14 +7,14 @@ function S(t, n, o) {
     i.getPropertyValue(
       `--sbb-breakpoint-${n}-${o != null && o.includeMaxBreakpoint ? "max" : "min"}`
     )
-  ) - (o != null && o.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", f = r && `(min-width: ${r})`, y = s && `(max-width: ${s})`, g = r && s && " and ";
-  return window.matchMedia(`${f}${g}${y}`).matches;
+  ) - (o != null && o.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", f = r && `(min-width: ${r})`, g = s && `(max-width: ${s})`, y = r && s && " and ";
+  return window.matchMedia(`${f}${y}${g}`).matches;
 }
 function h(t) {
   return e ? null : typeof t == "string" ? document.getElementById(t) : t instanceof window.Element ? t : null;
 }
-const x = () => !e && document.documentElement.getAttribute("dir") || "ltr";
-function k(t, n) {
+const p = () => !e && document.documentElement.getAttribute("dir") || "ltr";
+function x(t, n) {
   if (e)
     return null;
   for (n = n.parentElement ?? n.getRootNode().host; n && n !== document && n !== window; ) {
@@ -25,8 +25,8 @@ function k(t, n) {
   }
   return null;
 }
-const p = "a,button,sbb-teaser-hero,sbb-teaser";
-function $(t, n) {
+const k = "a,button,sbb-teaser-hero,sbb-teaser";
+function I(t, n) {
   var o;
   if (!n) {
     const i = (o = t.closest) == null ? void 0 : o.call(t, "sbb-form-field");
@@ -34,7 +34,7 @@ function $(t, n) {
   }
   return h(n);
 }
-function I(t, n, o) {
+function $(t, n, o) {
   o ? t.setAttribute(n, o) : t.removeAttribute(n);
 }
 let a;
@@ -43,31 +43,31 @@ try {
 } catch {
   a = !1;
 }
-const m = !e && /(edge)/i.test(navigator.userAgent), c = !e && /(msie|trident)/i.test(navigator.userAgent), w = !e && !!(window.chrome || a) && typeof CSS < "u" && !m && !c, v = !e && /AppleWebKit/i.test(navigator.userAgent) && !w && !m && !c, M = !e && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), W = !e && /(firefox|minefield)/i.test(navigator.userAgent), B = !e && /android/i.test(navigator.userAgent) && !c, C = !e && /safari/i.test(navigator.userAgent) && v;
+const m = !e && /(edge)/i.test(navigator.userAgent), c = !e && /(msie|trident)/i.test(navigator.userAgent), w = !e && !!(window.chrome || a) && typeof CSS < "u" && !m && !c, v = !e && /AppleWebKit/i.test(navigator.userAgent) && !w && !m && !c, M = !e && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window), _ = !e && /(firefox|minefield)/i.test(navigator.userAgent), W = !e && /android/i.test(navigator.userAgent) && !c, B = !e && /safari/i.test(navigator.userAgent) && v;
 var l, b;
-const N = !e && ((b = (l = navigator.userAgentData) == null ? void 0 : l.brands) == null ? void 0 : b.some((t) => t.brand == "Chromium")), P = () => !!globalThis.next;
+const C = !e && ((b = (l = navigator.userAgentData) == null ? void 0 : l.brands) == null ? void 0 : b.some((t) => t.brand == "Chromium")), N = () => !!globalThis.next;
 function u() {
   return document.body.hasAttribute("data-sbb-scroll-disabled");
 }
-class R {
+class P {
   disableScroll() {
     if (u())
       return;
-    this.a = document.body.style.position, this.b = document.body.style.overflow, this.c = document.body.style.marginInlineEnd;
+    this._position = document.body.style.position, this._overflow = document.body.style.overflow, this._marginInlineEnd = document.body.style.marginInlineEnd;
     const n = window.innerWidth - document.documentElement.clientWidth;
     document.body.style.overflow = "hidden", document.body.style.position = "relative", document.body.style.marginInlineEnd = `${n}px`, document.body.style.setProperty("--sbb-scrollbar-width", `${n}px`), document.body.toggleAttribute("data-sbb-scroll-disabled", !0);
   }
   enableScroll() {
-    u() && (document.body.style.position = this.a || "", document.body.style.overflow = this.b || "", document.body.style.marginInlineEnd = this.c || "", document.body.style.setProperty("--sbb-scrollbar-width", "0"), document.body.removeAttribute("data-sbb-scroll-disabled"));
+    u() && (document.body.style.position = this._position || "", document.body.style.overflow = this._overflow || "", document.body.style.marginInlineEnd = this._marginInlineEnd || "", document.body.style.setProperty("--sbb-scrollbar-width", "0"), document.body.removeAttribute("data-sbb-scroll-disabled"));
   }
 }
 const d = /* @__PURE__ */ new Map();
-function T(t) {
+function R(t) {
   if (d.has(t.constructor))
     return d.get(t.constructor);
   const n = (
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    customElements.a
+    customElements.__definitions
   );
   for (const [o, i] of n)
     if (i.ctor === t.constructor)
@@ -75,25 +75,25 @@ function T(t) {
   throw new Error(`Given element ${t.constructor.name} has not been registered yet.`);
 }
 export {
-  p as ACTION_ELEMENTS,
-  R as SbbScrollHandler,
+  k as ACTION_ELEMENTS,
+  P as SbbScrollHandler,
   E as breakpoints,
-  $ as findInput,
+  I as findInput,
   h as findReferencedElement,
-  x as getDocumentWritingMode,
-  T as getLocalName,
-  k as hostContext,
-  B as isAndroid,
+  p as getDocumentWritingMode,
+  R as getLocalName,
+  x as hostContext,
+  W as isAndroid,
   w as isBlink,
   S as isBreakpoint,
-  N as isChromium,
+  C as isChromium,
   m as isEdge,
-  W as isFirefox,
+  _ as isFirefox,
   M as isIOS,
-  P as isNextjs,
-  C as isSafari,
+  N as isNextjs,
+  B as isSafari,
   c as isTrident,
   v as isWebkit,
   u as pageScrollDisabled,
-  I as setOrRemoveAttribute
+  $ as setOrRemoveAttribute
 };

package/core/eventing.js

@@ -1,16 +1,16 @@
-function a(t, e, n = null) {
-  const o = t.composedPath();
-  let s = o.findIndex((r) => r === n);
-  return s === -1 && (s = void 0), o.slice(0, s).find((r) => r instanceof window.HTMLElement && r.hasAttribute(e));
+function a(t, e, o = null) {
+  const n = t.composedPath();
+  let s = n.findIndex((r) => r === o);
+  return s === -1 && (s = void 0), n.slice(0, s).find((r) => r instanceof window.HTMLElement && r.hasAttribute(e));
 }
 const c = {
   bubbles: !0,
   cancelable: !0,
   composed: !0
 };
-class u {
-  constructor(e, n, o = c) {
-    this.a = e, this.b = n, this.c = o;
+class l {
+  constructor(e, o, n = c) {
+    this._element = e, this._eventName = o, this._options = n;
   }
   /**
    * Dispatches an event.
@@ -19,61 +19,61 @@ class u {
    *  if preventDefault() was called. Always returns true in SSR.
    */
   emit(e) {
-    var n, o;
-    return ((o = (n = this.a).dispatchEvent) == null ? void 0 : o.call(
-      n,
-      new CustomEvent(this.b, { ...this.c, detail: e })
+    var o, n;
+    return ((n = (o = this._element).dispatchEvent) == null ? void 0 : n.call(
+      o,
+      new CustomEvent(this._eventName, { ...this._options, detail: e })
     )) ?? !0;
   }
 }
-function d(t) {
+function u(t) {
   return t.composedPath ? t.composedPath()[0] : t.target;
 }
 function i(t) {
   t.key === " " && t.preventDefault();
 }
-const l = ({ host: t, signal: e }) => {
+const d = ({ host: t, signal: e }) => {
   t.addEventListener("keydown", i, { signal: e });
 };
 function h(t, e) {
-  const n = Object.getPrototypeOf(t).constructor, o = new n(t.type, t);
-  e.dispatchEvent(o);
+  const o = Object.getPrototypeOf(t).constructor, n = new o(t.type, t);
+  e.dispatchEvent(n);
 }
-class f {
-  constructor(e, ...n) {
-    this.c = e, this.b = n;
+class p {
+  constructor(e, ...o) {
+    this._host = e, this._aspects = o;
   }
   connect() {
-    var n;
-    (n = this.a) == null || n.abort(), this.a = new AbortController();
-    const e = { host: this.c, signal: this.a.signal };
-    for (const o of this.b)
-      o(e);
+    var o;
+    (o = this._controller) == null || o.abort(), this._controller = new AbortController();
+    const e = { host: this._host, signal: this._controller.signal };
+    for (const n of this._aspects)
+      n(e);
   }
   disconnect() {
     var e;
-    (e = this.a) == null || e.abort();
+    (e = this._controller) == null || e.abort();
   }
 }
-async function p(t) {
+async function f(t) {
   return await new Promise((e) => setTimeout(e)), t.defaultPrevented;
 }
 const m = (t, e) => {
-  let n = !1;
+  let o = !1;
   return (...s) => {
-    n || (t(...s), n = !0, setTimeout(() => {
-      n = !1;
+    o || (t(...s), o = !0, setTimeout(() => {
+      o = !1;
     }, e));
   };
 };
 export {
-  u as EventEmitter,
-  f as HandlerRepository,
+  l as EventEmitter,
+  p as HandlerRepository,
   a as composedPathHasAttribute,
-  l as formElementHandlerAspect,
+  d as formElementHandlerAspect,
   h as forwardEventToHost,
-  d as getEventTarget,
-  p as isEventPrevented,
+  u as getEventTarget,
+  f as isEventPrevented,
   i as preventScrollOnSpacebarPress,
   m as throttle
 };