@sbb-esta/lyne-elements 2.11.1 → 2.11.2

package/core/styles/mixins/table.scss

@@ -2,7 +2,7 @@
 
 // SBB table mixin
 // Notes:
-// We cannot use `border-collapse` because it is not compatible with the `border-radius` property.
+// We cannot use `border-collapse` because in sticky variants it gets visually broken.
 // Therefore, we have to build the grid avoiding double borders.
 @mixin table {
   @include table--m;
@@ -11,7 +11,6 @@
   & {
     --sbb-table-border: var(--sbb-border-width-1x) solid var(--sbb-table-border-color);
     --sbb-table-border-color: var(--sbb-color-cloud);
-    --sbb-table-border-radius: var(--sbb-border-radius-4x);
     --sbb-table-background-color: var(--sbb-color-white);
     --sbb-table-row-striped-color: var(--sbb-color-milk);
     --sbb-table-color: inherit;
@@ -35,16 +34,6 @@
         & > th {
           border-block-start: var(--sbb-table-border);
         }
-
-        // Border radius on top-left corner
-        & > th:first-of-type {
-          border-start-start-radius: var(--sbb-table-border-radius);
-        }
-
-        // Border radius on top-right corner
-        & > th:last-of-type {
-          border-start-end-radius: var(--sbb-table-border-radius);
-        }
       }
 
       & > th {
@@ -68,18 +57,6 @@
           border-inline-start: var(--sbb-table-border);
         }
       }
-
-      &:last-of-type {
-        // Border radius on bottom-left corner
-        & > td:first-of-type {
-          border-end-start-radius: var(--sbb-table-border-radius);
-        }
-
-        // Border radius on bottom-right corner
-        & > td:last-of-type {
-          border-end-end-radius: var(--sbb-table-border-radius);
-        }
-      }
     }
   }
 

package/core/testing/event-spy.js

@@ -41,10 +41,8 @@ class a {
     return e.promise.then(() => clearTimeout(i)), e.promise;
   }
   _listenForEvent() {
-    var e;
-    (e = this._target) == null || e.addEventListener(this._event, (s) => {
-      var t;
-      this._events.push(s), this._count++, (t = this._promiseEventMap.get(this.count)) == null || t.resolve(s);
+    this._target?.addEventListener(this._event, (e) => {
+      this._events.push(e), this._count++, this._promiseEventMap.get(this.count)?.resolve(e);
     }, this._options ?? void 0);
   }
 }

package/core/testing/wait-for-image-ready.js

@@ -1,18 +1,17 @@
-import { isSafari as m } from "../dom.js";
-async function s(o, n = 2 * 1e3) {
-  var i;
-  const e = o.localName === "sbb-image" ? ((i = o.shadowRoot) == null ? void 0 : i.querySelector(".sbb-image__img")) ?? null : o;
+import { isSafari as r } from "../dom.js";
+async function d(o, m = 2 * 1e3) {
+  const e = o.localName === "sbb-image" ? o.shadowRoot?.querySelector(".sbb-image__img") ?? null : o;
   if (!e)
     throw new Error("img tag not found");
-  e.complete ? m && await e.decode() : await new Promise((t, a) => {
-    const r = setTimeout(() => a("image loading timeout"), n);
+  e.complete ? r && await e.decode() : await new Promise((i, t) => {
+    const a = setTimeout(() => t("image loading timeout"), m);
     e.addEventListener("load", () => {
-      clearTimeout(r), !e.complete || m ? e.decode().then(() => t()) : t();
+      clearTimeout(a), !e.complete || r ? e.decode().then(() => i()) : i();
     }), e.addEventListener("error", () => {
-      clearTimeout(r), a("image error");
+      clearTimeout(a), t("image error");
     });
   });
 }
 export {
-  s as waitForImageReady
+  d as waitForImageReady
 };

package/core/testing/wait-for-render.js

@@ -1,15 +1,14 @@
-const n = (o) => !!o.updateComplete, i = Promise.resolve(), m = async (o) => {
-  var r, l;
+const l = (o) => !!o.updateComplete, a = Promise.resolve(), n = async (o) => {
   const e = await o;
-  (l = (r = e.parentElement ?? e).querySelectorAll) == null || l.call(r, "[defer-hydration]").forEach((t) => t.removeAttribute("defer-hydration"));
-  const a = [e, ...e.querySelectorAll("*")].filter(n).map((t) => [
+  (e.parentElement ?? e).querySelectorAll?.("[defer-hydration]").forEach((t) => t.removeAttribute("defer-hydration"));
+  const r = [e, ...e.querySelectorAll("*")].filter(l).map((t) => [
     t.updateComplete,
-    t.hydrationComplete ?? i,
-    m(t.renderRoot)
+    t.hydrationComplete ?? a,
+    n(t.renderRoot)
   ]).flat(1 / 0);
-  return await Promise.all(a), e;
+  return await Promise.all(r), e;
 };
 export {
-  n as isReactiveElement,
-  m as waitForLitRender
+  l as isReactiveElement,
+  n as waitForLitRender
 };

package/custom-elements.json

@@ -40114,12 +40114,12 @@
         {
           "kind": "variable",
           "name": "FORMAT_DATE",
-          "default": "/(^0?[1-9]?|[12]?[0-9]?|3?[01]?)[.,\\\\/\\-\\s](0?[1-9]?|1?[0-2]?)?[.,\\\\/\\-\\s](\\d{1,4}$)?/"
+          "default": "/(0?[1-9]|[12][0-9]|3[01])[.,\\\\/\\-\\s](0?[1-9]|1[0-2])[.,\\\\/\\-\\s]([0-9]{1,4}$)?/"
         },
         {
           "kind": "variable",
           "name": "ISO8601_FORMAT_DATE",
-          "default": "/^(\\d{4})-(\\d{2})-(\\d{2})$/"
+          "default": "/^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/"
         },
         {
           "kind": "class",

package/date-input/date-input.component.js

@@ -22,12 +22,11 @@ let se = (() => {
   let a = [L("sbb-date-input")], s, i = [], n, g = J(j), y = [], b, A, k = [], x = [], F, w = [], S = [], V, E, I = [], C = [];
   return l = class extends g {
     constructor() {
-      var e, t;
       super();
       f(this, h);
       f(this, u);
       f(this, c);
-      this._valueAsDate = d(this, y), o(this, h, d(this, k, null)), o(this, u, (d(this, x), d(this, w, null))), o(this, c, (d(this, S), d(this, I, "short"))), this._valueCache = d(this, C), this._dateAdapter = ((e = G().datetime) == null ? void 0 : e.dateAdapter) ?? R, this._placeholderMutable = !1, this._dateFilter = () => !0, (t = this.addEventListener) == null || t.call(this, "change", () => this._updateValueDateFormat(), { capture: !0 });
+      this._valueAsDate = d(this, y), o(this, h, d(this, k, null)), o(this, u, (d(this, x), d(this, w, null))), o(this, c, (d(this, S), d(this, I, "short"))), this._valueCache = d(this, C), this._dateAdapter = G().datetime?.dateAdapter ?? R, this._placeholderMutable = !1, this._dateFilter = () => !0, this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 });
     }
     /**
      * The value of the date input. Reflects the current text value
@@ -114,8 +113,7 @@ let se = (() => {
       this.internals.setFormValue(e, this.value);
     }
     _tryParseValue(e = this.value) {
-      var t;
-      ((t = this._valueCache) == null ? void 0 : t[0]) !== e && (this._valueAsDate = this._dateAdapter.parse(e), this._valueCache = [e, this._valueAsDate]);
+      this._valueCache?.[0] !== e && (this._valueAsDate = this._dateAdapter.parse(e), this._valueCache = [e, this._valueAsDate]);
     }
     _updateValueDateFormat() {
       if (this.valueAsDate) {

package/datepicker/common/datepicker-association-controllers.js

@@ -1,13 +1,13 @@
 const i = class i {
-  constructor(t) {
-    this._host = t, this.hosts = /* @__PURE__ */ new Set(), this.controls = /* @__PURE__ */ new Set();
+  constructor(s) {
+    this._host = s, this.hosts = /* @__PURE__ */ new Set(), this.controls = /* @__PURE__ */ new Set();
   }
-  static connect(t) {
-    let s = this._registry.get(t);
-    return s || (s = new i(t), this._registry.set(t, s)), s;
+  static connect(s) {
+    let t = this._registry.get(s);
+    return t || (t = new i(s), this._registry.set(s, t)), t;
   }
-  updateControls(t) {
-    Array.from(this.controls).filter((s) => s.datepicker === t).forEach((s) => s.requestUpdate());
+  updateControls(s) {
+    Array.from(this.controls).filter((t) => t.datepicker === s).forEach((t) => t.requestUpdate());
   }
   deleteIfEmpty() {
     !this.controls.size && !this.hosts.size && this.constructor._registry.delete(this._host);
@@ -16,40 +16,37 @@ const i = class i {
 i._registry = /* @__PURE__ */ new WeakMap();
 let o = i;
 class c {
-  constructor(t) {
-    this._host = t, this._host.addController(this);
+  constructor(s) {
+    this._host = s, this._host.addController(this);
   }
   hostConnected() {
     this._context = o.connect(this._host.getRootNode()), this._context.hosts.add(this._host);
-    const t = this._host.closest("sbb-form-field");
-    for (const s of this._context.controls) {
-      const e = s.getAttribute("datepicker") ?? s.getAttribute("date-picker");
-      (e ? e === this._host.id : s.closest("sbb-form-field") === t) && (s.datepicker = this._host);
+    const s = this._host.closest("sbb-form-field");
+    for (const t of this._context.controls) {
+      const e = t.getAttribute("datepicker") ?? t.getAttribute("date-picker");
+      (e ? e === this._host.id : t.closest("sbb-form-field") === s) && (t.datepicker = this._host);
     }
   }
   hostDisconnected() {
-    var t, s;
-    (t = this._context) == null || t.hosts.delete(this._host), (s = this._context) == null || s.deleteIfEmpty();
+    this._context?.hosts.delete(this._host), this._context?.deleteIfEmpty();
   }
   updateControls() {
-    var t;
-    (t = this._context) == null || t.updateControls(this._host);
+    this._context?.updateControls(this._host);
   }
 }
 class n {
-  constructor(t) {
-    this._host = t, this._host.addController(this);
+  constructor(s) {
+    this._host = s, this._host.addController(this);
   }
   hostConnected() {
     this._context = o.connect(this._host.getRootNode()), this._context.controls.add(this._host);
-    const t = this._host.closest("sbb-form-field");
-    let s = null;
+    const s = this._host.closest("sbb-form-field");
+    let t = null;
     const e = this._host.getAttribute("datepicker") ?? this._host.getAttribute("date-picker");
-    e ? s = Array.from(this._context.hosts).find((h) => h.id === e) ?? null : s = Array.from(this._context.hosts).find((h) => h.closest("sbb-form-field") === t) ?? null, s && (this._host.datepicker = s);
+    e ? t = Array.from(this._context.hosts).find((h) => h.id === e) ?? null : t = Array.from(this._context.hosts).find((h) => h.closest("sbb-form-field") === s) ?? null, t && (this._host.datepicker = t);
   }
   hostDisconnected() {
-    var t, s;
-    (t = this._context) == null || t.controls.delete(this._host), (s = this._context) == null || s.deleteIfEmpty();
+    this._context?.controls.delete(this._host), this._context?.deleteIfEmpty();
   }
 }
 export {

package/datepicker/common/datepicker-button.js

@@ -1,105 +1,101 @@
-var k = (a) => {
-  throw TypeError(a);
+var m = (e) => {
+  throw TypeError(e);
 };
-var _ = (a, s, r) => s.has(a) || k("Cannot " + r);
-var A = (a, s, r) => (_(a, s, "read from private field"), r ? r.call(a) : s.get(a)), g = (a, s, r) => s.has(a) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), c = (a, s, r, l) => (_(a, s, "write to private field"), l ? l.call(a, r) : s.set(a, r), r);
-import { __esDecorate as u, __runInitializers as h } from "tslib";
-import { html as v } from "lit";
-import { property as D, state as y } from "lit/decorators.js";
-import { SbbButtonBaseElement as E } from "../../core/base-elements.js";
-import { readConfig as w } from "../../core/config.js";
-import { SbbLanguageController as C } from "../../core/controllers.js";
-import { defaultDateAdapter as S } from "../../core/datetime.js";
-import { i18nToday as P } from "../../core/i18n.js";
-import { SbbNegativeMixin as x } from "../../core/mixins.js";
-import { SbbDatepickerAssociationControlController as I } from "./datepicker-association-controllers.js";
+var f = (e, i, s) => i.has(e) || m("Cannot " + s);
+var k = (e, i, s) => (f(e, i, "read from private field"), s ? s.call(e) : i.get(e)), _ = (e, i, s) => i.has(e) ? m("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, s), o = (e, i, s, l) => (f(e, i, "write to private field"), l ? l.call(e, s) : i.set(e, s), s);
+import { __esDecorate as c, __runInitializers as u } from "tslib";
+import { html as g } from "lit";
+import { property as A, state as D } from "lit/decorators.js";
+import { SbbButtonBaseElement as v } from "../../core/base-elements.js";
+import { readConfig as y } from "../../core/config.js";
+import { SbbLanguageController as E } from "../../core/controllers.js";
+import { defaultDateAdapter as w } from "../../core/datetime.js";
+import { i18nToday as C } from "../../core/i18n.js";
+import { SbbNegativeMixin as S } from "../../core/mixins.js";
+import { SbbDatepickerAssociationControlController as P } from "./datepicker-association-controllers.js";
 import "../../icon.js";
-const O = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
-let G = (() => {
+const x = (e) => e?.localName === "sbb-date-input";
+let M = (() => {
   var n, d;
-  let a = x(E), s = [], r, l, p, b = [], m = [];
-  return d = class extends a {
+  let e = S(v), i = [], s, l, h, p = [], b = [];
+  return d = class extends e {
     constructor() {
-      var e, t;
       super();
-      g(this, n);
-      this._datepicker = h(this, s), c(this, n, h(this, b, null)), this._disabled = (h(this, m), !1), this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = ((e = w().datetime) == null ? void 0 : e.dateAdapter) ?? S, this._language = new C(this), this.addController(new I(this)), (t = this.addEventListener) == null || t.call(this, "click", () => this._handleClick());
+      _(this, n);
+      this._datepicker = u(this, i), o(this, n, u(this, p, null)), this._disabled = (u(this, b), !1), this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = y().datetime?.dateAdapter ?? w, this._language = new E(this), this.addController(new P(this)), this.addEventListener?.("click", () => this._handleClick());
     }
     /**
      * Datepicker reference.
      * @internal
      * @deprecated Use property/attribute `datepicker` instead.
      */
-    set datePicker(e) {
-      this.datepicker = e;
+    set datePicker(t) {
+      this.datepicker = t;
     }
     /** @internal */
     get datePicker() {
       return this.datepicker;
     }
     /** Datepicker reference. */
-    set datepicker(e) {
-      var t, i, o;
-      this._datepicker = typeof e == "string" ? (
+    set datepicker(t) {
+      this._datepicker = typeof t == "string" ? (
         // In case the value is a string, it should be treated as an id reference
         // and attempt to be resolved.
-        ((o = (i = (t = this.getRootNode) == null ? void 0 : t.call(this)) == null ? void 0 : i.querySelector) == null ? void 0 : o.call(i, `#${e}`)) ?? null
-      ) : e, this.datePickerElement = this._datepicker;
+        this.getRootNode?.()?.querySelector?.(`#${t}`) ?? null
+      ) : t, this.datePickerElement = this._datepicker;
     }
     get datepicker() {
       return this._datepicker ?? null;
     }
     /** The boundary date (min/max) as set in the date-picker's input. */
     get boundary() {
-      return A(this, n);
+      return k(this, n);
     }
-    set boundary(e) {
-      c(this, n, e);
+    set boundary(t) {
+      o(this, n, t);
     }
     connectedCallback() {
-      var t, i;
       super.connectedCallback();
-      const e = ((t = this.closest) == null ? void 0 : t.call(this, "sbb-form-field")) ?? ((i = this.closest) == null ? void 0 : i.call(this, "[data-form-field]"));
-      e && (this.negative = e.hasAttribute("negative"));
+      const t = this.closest?.("sbb-form-field") ?? this.closest?.("[data-form-field]");
+      t && (this.negative = t.hasAttribute("negative"));
     }
-    willUpdate(e) {
-      var o, f;
-      if (super.willUpdate(e), !this.datepicker || !this._dateAdapter.isValid(this.datepicker.valueAsDate)) {
+    willUpdate(t) {
+      if (super.willUpdate(t), !this.datepicker || !this._dateAdapter.isValid(this.datepicker.valueAsDate)) {
         this._disabled = !0, this.setAttribute("aria-label", this.i18nOffBoundaryDay[this._language.current]), this._setDisabledRenderAttributes();
         return;
       }
-      const t = this.findAvailableDate(this.datepicker.valueAsDate);
-      this._disabled = this._dateAdapter.compareDate(t, this.datepicker.valueAsDate) === 0, this._inputDisabled = (((o = this.datepicker.inputElement) == null ? void 0 : o.disabled) || ((f = this.datepicker.inputElement) == null ? void 0 : f.readOnly)) ?? !0, this._setDisabledRenderAttributes();
-      const i = this._dateAdapter.compareDate(this.datepicker.now, this.datepicker.valueAsDate) === 0 ? P[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(this.datepicker.valueAsDate);
-      this.setAttribute("aria-label", this.i18nSelectOffBoundaryDay(i)[this._language.current]);
+      const a = this.findAvailableDate(this.datepicker.valueAsDate);
+      this._disabled = this._dateAdapter.compareDate(a, this.datepicker.valueAsDate) === 0, this._inputDisabled = (this.datepicker.inputElement?.disabled || this.datepicker.inputElement?.readOnly) ?? !0, this._setDisabledRenderAttributes();
+      const r = this._dateAdapter.compareDate(this.datepicker.now, this.datepicker.valueAsDate) === 0 ? C[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(this.datepicker.valueAsDate);
+      this.setAttribute("aria-label", this.i18nSelectOffBoundaryDay(r)[this._language.current]);
     }
     _handleClick() {
       if (!this.datepicker || this.hasAttribute("data-disabled"))
         return;
-      const e = this.datepicker.valueAsDate ?? this.datepicker.now, t = this.findAvailableDate(e);
-      if (this._dateAdapter.compareDate(t, e) !== 0) {
-        const i = this.datepicker.inputElement;
-        O(i) ? (i.valueAsDate = t, i.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), i.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), i.dispatchEvent(new Event("blur", { composed: !0 }))) : this.datepicker.valueAsDate = t;
+      const t = this.datepicker.valueAsDate ?? this.datepicker.now, a = this.findAvailableDate(t);
+      if (this._dateAdapter.compareDate(a, t) !== 0) {
+        const r = this.datepicker.inputElement;
+        x(r) ? (r.valueAsDate = a, r.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), r.dispatchEvent(new Event("blur", { composed: !0 }))) : this.datepicker.valueAsDate = a;
       }
     }
     _setDisabledRenderAttributes() {
-      const e = this._disabled || this._inputDisabled;
-      this.toggleAttribute("data-disabled", e), e ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0"));
+      const t = this._disabled || this._inputDisabled;
+      this.toggleAttribute("data-disabled", t), t ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0"));
     }
     renderTemplate() {
-      return v`<sbb-icon name=${this.iconName}></sbb-icon>`;
+      return g`<sbb-icon name=${this.iconName}></sbb-icon>`;
     }
   }, n = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    r = [D({ attribute: "date-picker" })], l = [D({ attribute: "datepicker" })], p = [y()], u(d, null, r, { kind: "setter", name: "datePicker", static: !1, private: !1, access: { has: (t) => "datePicker" in t, set: (t, i) => {
-      t.datePicker = i;
-    } }, metadata: e }, null, s), u(d, null, l, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (t) => "datepicker" in t, set: (t, i) => {
-      t.datepicker = i;
-    } }, metadata: e }, null, s), u(d, null, p, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (t) => "boundary" in t, get: (t) => t.boundary, set: (t, i) => {
-      t.boundary = i;
-    } }, metadata: e }, b, m), e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    s = [A({ attribute: "date-picker" })], l = [A({ attribute: "datepicker" })], h = [D()], c(d, null, s, { kind: "setter", name: "datePicker", static: !1, private: !1, access: { has: (a) => "datePicker" in a, set: (a, r) => {
+      a.datePicker = r;
+    } }, metadata: t }, null, i), c(d, null, l, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (a) => "datepicker" in a, set: (a, r) => {
+      a.datepicker = r;
+    } }, metadata: t }, null, i), c(d, null, h, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (a) => "boundary" in a, get: (a) => a.boundary, set: (a, r) => {
+      a.boundary = r;
+    } }, metadata: t }, p, b), t && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), d;
 })();
 export {
-  G as SbbDatepickerButton
+  M as SbbDatepickerButton
 };