@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

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

@@ -1,149 +1,145 @@
-import { SbbLanguageController as s } from "../controllers.js";
-import { DateAdapter as u, ISO8601_FORMAT_DATE as h, FORMAT_DATE as D } from "./date-adapter.js";
-const c = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
-class f extends u {
-  constructor(e = 15) {
-    super(), this._cutoffYearOffset = e;
+import { SbbLanguageController as i } from "../controllers.js";
+import { DateAdapter as l, ISO8601_FORMAT_DATE as h, FORMAT_DATE as c } from "./date-adapter.js";
+const D = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
+class f extends l {
+  constructor(t = 15) {
+    super(), this._cutoffYearOffset = t;
   }
   /** Gets the year of the input date. */
-  getYear(e) {
-    return e.getFullYear();
+  getYear(t) {
+    return t.getFullYear();
   }
   /** Gets the month of the input date. */
-  getMonth(e) {
-    return e.getMonth() + 1;
+  getMonth(t) {
+    return t.getMonth() + 1;
   }
   /** Gets the day of the input date. */
-  getDate(e) {
-    return e.getDate();
+  getDate(t) {
+    return t.getDate();
   }
   /** Gets the day of the week of the input date. */
-  getDayOfWeek(e) {
-    return e.getDay();
+  getDayOfWeek(t) {
+    return t.getDay();
   }
   /** Gets the date in the local format. */
-  getAccessibilityFormatDate(e) {
-    const t = {
+  getAccessibilityFormatDate(t) {
+    const e = {
       year: "numeric",
       month: "long",
       day: "numeric"
     };
-    return new Intl.DateTimeFormat(s.current, t).format(new Date(e));
+    return new Intl.DateTimeFormat(i.current, e).format(new Date(t));
   }
   /**
    * 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(s.current, { month: e });
-    return this._range(12, (r) => t.format(new Date(2017, r, 1)));
+  getMonthNames(t) {
+    const e = new Intl.DateTimeFormat(i.current, { month: t });
+    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 e = new Intl.DateTimeFormat(s.current, { day: "numeric" });
-    return this._range(31, (t) => e.format(new Date(2017, 0, t + 1)));
+    const t = new Intl.DateTimeFormat(i.current, { day: "numeric" });
+    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.
    * @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(s.current, { weekday: e });
-    return this._range(7, (r) => t.format(new Date(2017, 0, r + 1)));
+  getDayOfWeekNames(t) {
+    const e = new Intl.DateTimeFormat(i.current, { weekday: t });
+    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() {
     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));
+  getNumDaysInMonth(t) {
+    return this.getDate(this._createDateWithOverflow(this.getYear(t), this.getMonth(t), 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 index "${t}". Month index has to be between 1 and 12.`);
+  createDate(t, e, r) {
+    if (e < 1 || e > 12)
+      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._createDateWithOverflow(e, t - 1, r);
-    if (n.getMonth() + 1 !== t)
-      throw Error(`Invalid date "${r}" for month with index "${t}".`);
+    const n = this._createDateWithOverflow(t, e - 1, r);
+    if (n.getMonth() + 1 !== e)
+      throw Error(`Invalid date "${r}" for month with index "${e}".`);
     return n;
   }
   /** Checks whether the given `obj` is a Date. */
-  isDateInstance(e) {
-    return e instanceof Date;
+  isDateInstance(t) {
+    return t instanceof Date;
   }
   /** Checks whether the given `date` is a valid Date. */
-  isValid(e) {
-    return !!e && !isNaN(e.valueOf());
+  isValid(t) {
+    return !!t && !isNaN(t.valueOf());
   }
   /** Creates a new date by cloning the given one. */
-  clone(e) {
-    return new Date(e.valueOf());
+  clone(t) {
+    return new Date(t.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);
+  addCalendarYears(t, e) {
+    return this.addCalendarMonths(t, e * 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), l = this.getNumDaysInMonth(n);
-    return new Date(this.clone(e).setMonth(r, Math.min(l, e.getDate())));
+  addCalendarMonths(t, e) {
+    const r = t.getMonth() + e, n = new Date(t.getFullYear(), r, 1, 0, 0, 0, 0), s = this.getNumDaysInMonth(n);
+    return new Date(this.clone(t).setMonth(r, Math.min(s, t.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, string or number in seconds). */
-  deserialize(e) {
-    if (typeof e == "string")
-      if (e)
-        if (Number.isNaN(+e)) {
-          if (c.test(e))
-            return this.getValidDateOrNull(new Date(e.includes("T") ? e : e + "T00:00:00"));
-        } else return this.getValidDateOrNull(new Date(+e * 1e3));
-      else return null;
-    else if (typeof e == "number")
-      return this.getValidDateOrNull(new Date(e * 1e3));
-    return super.deserialize(e);
+  addCalendarDays(t, e) {
+    const r = t.getDate() + e;
+    return new Date(t.getFullYear(), t.getMonth(), r, 0, 0, 0, 0);
+  }
+  /** Creates a Date from a valid input (Date or ISO string). */
+  deserialize(t) {
+    if (typeof t == "string")
+      if (t) {
+        if (D.test(t))
+          return this.getValidDateOrNull(new Date(t.includes("T") ? t : t + "T00:00:00"));
+      } else return null;
+    return super.deserialize(t);
   }
   /** Returns the right format for the `valueAsDate` property. */
-  parse(e, t = this.today()) {
-    if (!e)
+  parse(t, e = this.today()) {
+    if (!t)
       return null;
     let r = null;
-    const n = e.match(h);
+    const n = t.match(h);
     try {
       r = n ? this.createDate(+n[1], +n[2], +n[3]) : null;
     } catch {
     }
     if (this.isValid(r))
       return r;
-    const a = e.replace(/\D/g, " ").trim()?.match(D);
-    if (!a || a.index !== 0 || a.length <= 2 || a.some((o) => o === void 0) || !this.isValid(this.createDate(+a[3], +a[2], +a[1])))
+    const s = t.replace(/\D/g, " ").trim(), a = s == null ? void 0 : s.match(c);
+    if (!a || a.index !== 0 || a.length <= 2 || a.some((u) => u === void 0) || !this.isValid(this.createDate(+a[3], +a[2], +a[1])))
       return null;
-    let i = +a[3];
-    if (typeof i == "number" && i < 100 && i >= 0) {
-      const o = t.getFullYear() - 2e3 + this._cutoffYearOffset;
-      i = i <= o ? 2e3 + i : 1900 + i;
+    let o = +a[3];
+    if (typeof o == "number" && o < 100 && o >= 0) {
+      const u = e.getFullYear() - 2e3 + this._cutoffYearOffset;
+      o = o <= u ? 2e3 + o : 1900 + o;
     }
-    return new Date(i, +a[2] - 1, +a[1]);
+    return new Date(o, +a[2] - 1, +a[1]);
   }
   invalid() {
     return /* @__PURE__ */ new Date(NaN);
@@ -153,13 +149,13 @@ class f extends u {
    * @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));
+  _range(t, e) {
+    return Array.from({ length: t }).map((r, n) => e(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;
+  _createDateWithOverflow(t, e, r) {
+    const n = new Date(t, e, r);
+    return t >= 0 && t < 100 && n.setFullYear(this.getYear(n) - 1900), n;
   }
 }
 const w = new f();

package/core/decorators/force-type.js

@@ -1,6 +1,7 @@
-const o = (e) => (i, l) => {
-  const { kind: r, metadata: s, name: a } = l, n = globalThis.litPropertyMetadata.get(s)?.get(a)?.type ?? String;
-  if (e ??= n, e === String ? e = (t) => t == null ? "" : String(t) : e === Number && (e = (t) => t == null ? NaN : Number(t)), r === "accessor")
+const p = (e) => (i, a) => {
+  var l, s;
+  const { kind: r, metadata: n, name: o } = a, u = ((s = (l = globalThis.litPropertyMetadata.get(n)) == null ? void 0 : l.get(o)) == null ? void 0 : s.type) ?? String;
+  if (e ?? (e = u), e === String ? e = (t) => t == null ? "" : String(t) : e === Number && (e = (t) => t == null ? NaN : Number(t)), r === "accessor")
     return {
       set(t) {
         i.set.call(this, e(t));
@@ -13,5 +14,5 @@ const o = (e) => (i, l) => {
   throw new Error(`Unsupported decorator location: ${r}`);
 };
 export {
-  o as forceType
+  p as forceType
 };

package/core/decorators/id-reference.d.ts

@@ -0,0 +1,11 @@
+import { ReactiveElement } from 'lit';
+import { Interface } from './base.js';
+/**
+ * Accessor decorator that resolves id references dynamically.
+ * If a string is passed (e.g. from an attribute), it will be resolved to the element with that id.
+ * This decorator observes the connected document fragment for changes to the id attribute
+ * and child elements and if any id reference is established or removed, it will
+ * update the associated property.
+ */
+export declare const idReference: <C extends Interface<ReactiveElement>, V>() => (target: ClassAccessorDecoratorTarget<C, V>, context: ClassAccessorDecoratorContext<C, V>) => any;
+//# sourceMappingURL=id-reference.d.ts.map

package/core/decorators/id-reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-reference.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/decorators/id-reference.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,eAAe,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAgC3C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC,QAE/D,QAAQ,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1C,SAAS,6BAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,KAC3C,GAkJJ,CAAC"}

package/core/decorators/id-reference.js

@@ -0,0 +1,79 @@
+import { isServer as m } from "lit";
+const h = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), A = () => (p, d) => {
+  var u, b;
+  const { kind: a, metadata: y, name: f } = d;
+  if (a === "accessor") {
+    if (m)
+      return {};
+    const g = (b = (u = globalThis.litPropertyMetadata.get(y)) == null ? void 0 : u.get(f)) == null ? void 0 : b.attribute, n = typeof g == "string" ? g : f;
+    return d.addInitializer(function() {
+      this.addController({
+        host: this,
+        rootNode: null,
+        checkIdReference(t) {
+          var e, r;
+          const s = this.host.getAttribute(n) ?? l.get(this.host);
+          if (s && typeof s == "string" && (!t || t.has(s))) {
+            const o = ((r = (e = this.rootNode) == null ? void 0 : e.getElementById) == null ? void 0 : r.call(e, s)) ?? null;
+            d.access.get(this.host) !== o && d.access.set(this.host, o);
+          }
+        },
+        hostConnected() {
+          this.rootNode = this.host.getRootNode(), this.checkIdReference();
+          const t = h.get(this.rootNode);
+          if (t)
+            t.controllers.add(this);
+          else {
+            const s = /* @__PURE__ */ new Set([this]), e = new MutationObserver((r) => {
+              const o = /* @__PURE__ */ new Set();
+              for (const i of r)
+                if (i.type === "attributes")
+                  i.oldValue && o.add(i.oldValue), i.target.id && o.add(i.target.id);
+                else if (i.type === "childList")
+                  for (const c of [...i.addedNodes, ...i.removedNodes])
+                    c instanceof HTMLElement && (c.id && o.add(c.id), c.querySelectorAll("[id]").forEach((N) => {
+                      N.id && o.add(N.id);
+                    }));
+              s.forEach((i) => i.checkIdReference(o));
+            });
+            e.observe(this.rootNode, {
+              attributeFilter: ["id"],
+              attributeOldValue: !0,
+              childList: !0,
+              subtree: !0
+            }), h.set(this.rootNode, { observer: e, controllers: s });
+          }
+        },
+        hostDisconnected() {
+          if (m || !this.rootNode)
+            return;
+          const t = h.get(this.rootNode);
+          if (!t) {
+            this.rootNode = null;
+            return;
+          }
+          t.controllers.delete(this), t.controllers.size === 0 && (t.observer.disconnect(), h.delete(this.rootNode)), this.rootNode = null;
+        }
+      });
+    }), {
+      set(t) {
+        var s, e, r;
+        if (typeof t != "string")
+          l.delete(this), t instanceof HTMLElement && this.hasAttribute(n) && t.id !== this.getAttribute(n) && this.removeAttribute(n);
+        else {
+          if (this.hasAttribute(n) && this.getAttribute(n) !== t)
+            return;
+          {
+            const o = t ? (r = (e = (s = this.getRootNode) == null ? void 0 : s.call(this)) == null ? void 0 : e.getElementById) == null ? void 0 : r.call(e, t) : null;
+            o ? t = o : t && (l.set(this, t), t = null);
+          }
+        }
+        p.set.call(this, t);
+      }
+    };
+  }
+  throw new Error(`Unsupported decorator location: ${a}`);
+};
+export {
+  A as idReference
+};

package/core/decorators/plain-date.d.ts

@@ -0,0 +1,23 @@
+import { ComplexAttributeConverter, ReactiveElement } from 'lit';
+import { DateAdapter } from '../datetime.js';
+import { Interface } from './base.js';
+/**
+ * Will convert date object values to ISO8601 formatted strings as attributes.
+ * Should be used together with the `plainDate` decorator.
+ */
+export declare const plainDateConverter: ComplexAttributeConverter;
+export interface SbbPlainDateConfiguration {
+    /**
+     * Provide a function that will be called if the internal value is null.
+     * @param dataAdapter The current date adapter.
+     * @returns A date object.
+     */
+    fallback?: <T>(dataAdapter: DateAdapter<T>) => T;
+}
+/**
+ * Decorator that tries to deserialize the given value to a date object
+ * and adapts the getter to only return a copy of the internal value,
+ * in order to avoid outside manipulation of date objects.
+ */
+export declare const plainDate: <C extends Interface<ReactiveElement>, V>(config?: SbbPlainDateConfiguration) => (target: ClassAccessorDecoratorTarget<C, V>, context: ClassAccessorDecoratorContext<C, V>) => any;
+//# sourceMappingURL=plain-date.d.ts.map

package/core/decorators/plain-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plain-date.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/decorators/plain-date.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,gBAAgB,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,yBAKhC,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CAClD;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC,EAC/D,SAAS,yBAAyB,MAGhC,QAAQ,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1C,SAAS,6BAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,KAC3C,GA8BJ,CAAC"}

package/core/decorators/plain-date.js

@@ -0,0 +1,29 @@
+import { readConfig as n } from "../config.js";
+import { defaultDateAdapter as p } from "../datetime.js";
+const A = {
+  toAttribute(r, s) {
+    var a;
+    const o = ((a = n().datetime) == null ? void 0 : a.dateAdapter) ?? p;
+    return o.isValid(r) ? o.toIso8601(r) : null;
+  }
+}, m = (r) => (s, o) => {
+  const { kind: a } = o;
+  if (a === "accessor")
+    return {
+      set(t) {
+        var d;
+        const e = ((d = n().datetime) == null ? void 0 : d.dateAdapter) ?? p;
+        t = e.getValidDateOrNull(e.deserialize(t)), t = t ? e.createDate(e.getYear(t), e.getMonth(t), e.getDate(t)) : null, s.set.call(this, t);
+      },
+      get() {
+        var d, l;
+        const t = ((d = n().datetime) == null ? void 0 : d.dateAdapter) ?? p, e = s.get.call(this);
+        return t.isValid(e) ? t.clone(e) : (l = r == null ? void 0 : r.fallback) == null ? void 0 : l.call(r, t);
+      }
+    };
+  throw new Error(`Unsupported decorator location: ${a}`);
+};
+export {
+  m as plainDate,
+  A as plainDateConverter
+};

package/core/decorators.d.ts

@@ -1,12 +1,12 @@
 /**
  * @entrypoint
  */
-export * from './decorators/date-converter.js';
-export * from './decorators/date-only-type.js';
 export * from './decorators/force-type.js';
 export * from './decorators/get-override.js';
 export * from './decorators/handle-distinct-change.js';
 export * from './decorators/host-attributes.js';
+export * from './decorators/id-reference.js';
 export * from './decorators/omit-empty-converter.js';
+export * from './decorators/plain-date.js';
 export * from './decorators/slot-state.js';
 //# sourceMappingURL=decorators.d.ts.map

package/core/decorators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/elements/core/decorators.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/elements/core/decorators.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sCAAsC,CAAC;AACrD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}

package/core/decorators.js

@@ -1,18 +1,19 @@
-import { dateConverter as t } from "./decorators/date-converter.js";
-import { DateOnlyType as p } from "./decorators/date-only-type.js";
-import { forceType as f } from "./decorators/force-type.js";
-import { getOverride as n } from "./decorators/get-override.js";
-import { handleDistinctChange as i } from "./decorators/handle-distinct-change.js";
-import { hostAttributes as y } from "./decorators/host-attributes.js";
-import { omitEmptyConverter as h } from "./decorators/omit-empty-converter.js";
-import { slotState as v } from "./decorators/slot-state.js";
+import { forceType as t } from "./decorators/force-type.js";
+import { getOverride as p } from "./decorators/get-override.js";
+import { handleDistinctChange as m } from "./decorators/handle-distinct-change.js";
+import { hostAttributes as n } from "./decorators/host-attributes.js";
+import { idReference as a } from "./decorators/id-reference.js";
+import { omitEmptyConverter as s } from "./decorators/omit-empty-converter.js";
+import { plainDate as d, plainDateConverter as h } from "./decorators/plain-date.js";
+import { slotState as C } from "./decorators/slot-state.js";
 export {
-  p as DateOnlyType,
-  t as dateConverter,
-  f as forceType,
-  n as getOverride,
-  i as handleDistinctChange,
-  y as hostAttributes,
-  h as omitEmptyConverter,
-  v as slotState
+  t as forceType,
+  p as getOverride,
+  m as handleDistinctChange,
+  n as hostAttributes,
+  a as idReference,
+  s as omitEmptyConverter,
+  d as plainDate,
+  h as plainDateConverter,
+  C as slotState
 };

package/core/dom/breakpoint.js

@@ -1,12 +1,12 @@
-import { isServer as d } from "lit";
-const s = ["zero", "micro", "small", "medium", "large", "wide", "ultra"];
-function u(n, i, a) {
-  if (d)
+import { isServer as l } from "lit";
+const b = ["zero", "micro", "small", "medium", "large", "wide", "ultra"];
+function $(e, i, n) {
+  if (l)
     return null;
-  const o = getComputedStyle(document.documentElement), t = n ? o.getPropertyValue(`--sbb-breakpoint-${n}-min`) : "", e = i ? `${parseFloat(o.getPropertyValue(`--sbb-breakpoint-${i}-${a?.includeMaxBreakpoint ? "max" : "min"}`)) - (a?.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", r = t && `(min-width: ${t})`, m = e && `(max-width: ${e})`, c = t && e && " and ";
-  return window.matchMedia(`${r}${c}${m}`).matches;
+  const m = getComputedStyle(document.documentElement), t = e ? m.getPropertyValue(`--sbb-breakpoint-${e}-min`) : "", a = i ? `${parseFloat(m.getPropertyValue(`--sbb-breakpoint-${i}-${n != null && n.includeMaxBreakpoint ? "max" : "min"}`)) - (n != null && n.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", o = t && `(min-width: ${t})`, c = a && `(max-width: ${a})`, d = t && a && " and ";
+  return window.matchMedia(`${o}${d}${c}`).matches;
 }
 export {
-  s as breakpoints,
-  u as isBreakpoint
+  b as breakpoints,
+  $ as isBreakpoint
 };

package/core/dom.d.ts

@@ -3,9 +3,7 @@
  */
 export * from './dom/animation.js';
 export * from './dom/breakpoint.js';
-export * from './dom/find-referenced-element.js';
 export * from './dom/host-context.js';
-export * from './dom/input-element.js';
 export * from './dom/lean-context.js';
 export * from './dom/set-or-remove-attribute.js';
 export * from './dom/platform.js';

package/core/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/elements/core/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/elements/core/dom.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/core/dom.js

@@ -1,33 +1,29 @@
 import { isZeroAnimationDuration as o } from "./dom/animation.js";
 import { breakpoints as t, isBreakpoint as s } from "./dom/breakpoint.js";
-import { findReferencedElement as f } from "./dom/find-referenced-element.js";
-import { ACTION_ELEMENTS as p, hostContext as x } from "./dom/host-context.js";
-import { findInput as d } from "./dom/input-element.js";
-import { isLean as S } from "./dom/lean-context.js";
-import { setOrRemoveAttribute as E } from "./dom/set-or-remove-attribute.js";
-import { isAndroid as k, isBlink as u, isChromium as A, isEdge as O, isFirefox as C, isIOS as I, isMacOS as N, isNextjs as T, isSafari as g, isTrident as h, isWebkit as B } from "./dom/platform.js";
-import { SbbScrollHandler as L, pageScrollDisabled as M } from "./dom/scroll.js";
+import { ACTION_ELEMENTS as m, hostContext as n } from "./dom/host-context.js";
+import { isLean as x } from "./dom/lean-context.js";
+import { setOrRemoveAttribute as l } from "./dom/set-or-remove-attribute.js";
+import { isAndroid as b, isBlink as d, isChromium as k, isEdge as A, isFirefox as E, isIOS as O, isMacOS as c, isNextjs as u, isSafari as C, isTrident as N, isWebkit as T } from "./dom/platform.js";
+import { SbbScrollHandler as h, pageScrollDisabled as B } from "./dom/scroll.js";
 export {
-  p as ACTION_ELEMENTS,
-  L as SbbScrollHandler,
+  m as ACTION_ELEMENTS,
+  h as SbbScrollHandler,
   t as breakpoints,
-  d as findInput,
-  f as findReferencedElement,
-  x as hostContext,
-  k as isAndroid,
-  u as isBlink,
+  n as hostContext,
+  b as isAndroid,
+  d as isBlink,
   s as isBreakpoint,
-  A as isChromium,
-  O as isEdge,
-  C as isFirefox,
-  I as isIOS,
-  S as isLean,
-  N as isMacOS,
-  T as isNextjs,
-  g as isSafari,
-  h as isTrident,
-  B as isWebkit,
+  k as isChromium,
+  A as isEdge,
+  E as isFirefox,
+  O as isIOS,
+  x as isLean,
+  c as isMacOS,
+  u as isNextjs,
+  C as isSafari,
+  N as isTrident,
+  T as isWebkit,
   o as isZeroAnimationDuration,
-  M as pageScrollDisabled,
-  E as setOrRemoveAttribute
+  B as pageScrollDisabled,
+  l as setOrRemoveAttribute
 };

package/core/eventing/event-emitter.js

@@ -4,8 +4,8 @@ const n = {
   composed: !0
 };
 class o {
-  constructor(t, e, s = n) {
-    this._element = t, this._eventName = e, this._options = s;
+  constructor(s, t, e = n) {
+    this._element = s, this._eventName = t, this._options = e;
   }
   /**
    * Dispatches an event.
@@ -13,8 +13,9 @@ class o {
    * @returns true when the event was successfully emitted or false,
    *  if preventDefault() was called. Always returns true in SSR.
    */
-  emit(t) {
-    return this._element.dispatchEvent?.(new CustomEvent(this._eventName, { ...this._options, detail: t })) ?? !0;
+  emit(s) {
+    var t, e;
+    return ((e = (t = this._element).dispatchEvent) == null ? void 0 : e.call(t, new CustomEvent(this._eventName, { ...this._options, detail: s }))) ?? !0;
   }
 }
 export {

package/core/eventing/forward-event.d.ts

@@ -3,10 +3,4 @@
  * This way, an event triggered in the Shadow DOM can cross its boundary and can be listened on e.g. the host component.
  */
 export declare function forwardEvent(event: Event, element: HTMLElement | Document): void;
-/**
- * Forwards an event to the host element provided.
- * This way, an event triggered in the ShadowDOM can cross its boundary and can be listened on the host component.
- * @deprecated will be removed with next major version, use forwardEvent as alternative
- */
-export declare const forwardEventToHost: typeof forwardEvent;
 //# sourceMappingURL=forward-event.d.ts.map

package/core/eventing/forward-event.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forward-event.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/eventing/forward-event.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,CAIhF;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,qBAAe,CAAC"}
+{"version":3,"file":"forward-event.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/eventing/forward-event.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,CAIhF"}

package/core/eventing/forward-event.js

@@ -1,9 +1,7 @@
-function r(t, o) {
-  const n = Object.getPrototypeOf(t).constructor, c = new n(t.type, t);
-  o.dispatchEvent(c);
+function e(t, o) {
+  const c = Object.getPrototypeOf(t).constructor, n = new c(t.type, t);
+  o.dispatchEvent(n);
 }
-const e = r;
 export {
-  r as forwardEvent,
-  e as forwardEventToHost
+  e as forwardEvent
 };