@sbb-esta/lyne-elements 2.11.1 → 2.11.3

package/datepicker/datepicker/datepicker.component.js

@@ -1,59 +1,56 @@
-var q = (a) => {
+var V = (a) => {
   throw TypeError(a);
 };
-var H = (a, n, l) => n.has(a) || q("Cannot " + l);
-var D = (a, n, l) => (H(a, n, "read from private field"), l ? l.call(a) : n.get(a)), w = (a, n, l) => n.has(a) ? q("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, l), h = (a, n, l, u) => (H(a, n, "write to private field"), u ? u.call(a, l) : n.set(a, l), l);
-import { __runInitializers as d, __esDecorate as c } from "tslib";
-import { css as B, isServer as j, LitElement as G, html as J } from "lit";
-import { customElement as K, property as v, state as Q } from "lit/decorators.js";
-import { readConfig as W } from "../../core/config.js";
-import { SbbIdReferenceController as X, SbbLanguageController as Y } from "../../core/controllers.js";
-import { defaultDateAdapter as Z } from "../../core/datetime.js";
-import { forceType as tt } from "../../core/decorators.js";
-import { findReferencedElement as et } from "../../core/dom.js";
-import { EventEmitter as C, forwardEvent as it } from "../../core/eventing.js";
-import { i18nDatePickerPlaceholder as $, i18nDateChangedTo as at } from "../../core/i18n.js";
-import { SbbDatepickerAssociationHostController as st } from "../common.js";
-const nt = B`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
-function At(a, n) {
-  var l, u;
-  return n ? et(n) : (u = (l = a.closest) == null ? void 0 : l.call(a, "sbb-form-field")) == null ? void 0 : u.querySelector("sbb-datepicker");
+var L = (a, s, l) => s.has(a) || V("Cannot " + l);
+var E = (a, s, l) => (L(a, s, "read from private field"), l ? l.call(a) : s.get(a)), A = (a, s, l) => s.has(a) ? V("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, l), o = (a, s, l, r) => (L(a, s, "write to private field"), r ? r.call(a, l) : s.set(a, l), l);
+import { __runInitializers as u, __esDecorate as p } from "tslib";
+import { css as q, isServer as T, LitElement as H, html as j } from "lit";
+import { customElement as $, property as b, state as B } from "lit/decorators.js";
+import { readConfig as G } from "../../core/config.js";
+import { SbbIdReferenceController as J, SbbLanguageController as K } from "../../core/controllers.js";
+import { defaultDateAdapter as Q } from "../../core/datetime.js";
+import { forceType as W } from "../../core/decorators.js";
+import { findReferencedElement as X } from "../../core/dom.js";
+import { EventEmitter as g, forwardEvent as Y } from "../../core/eventing.js";
+import { i18nDatePickerPlaceholder as P, i18nDateChangedTo as Z } from "../../core/i18n.js";
+import { SbbDatepickerAssociationHostController as tt } from "../common.js";
+const et = q`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+function ft(a, s) {
+  return s ? X(s) : a.closest?.("sbb-form-field")?.querySelector("sbb-datepicker");
 }
-const gt = () => new CustomEvent("datepickerControlRegistered", {
+const bt = () => new CustomEvent("datepickerControlRegistered", {
   bubbles: !1,
   composed: !0
 });
-let lt = 0;
-const o = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
-let Dt = (() => {
-  var m, f, b, r;
-  let a = [K("sbb-datepicker")], n, l = [], u, y = G, E = [], I, k = [], x = [], U, F, z = [], M = [], O, S, V, T = [], P = [];
-  var _ = (r = class extends y {
+let it = 0;
+const d = (a) => a?.localName === "sbb-date-input";
+let vt = (() => {
+  var c, m, _, n;
+  let a = [$("sbb-datepicker")], s, l = [], r, D = H, v = [], w, C = [], y = [], I, k, x = [], U = [], F, z, M, O = [], S = [];
+  var h = (n = class extends D {
     constructor() {
-      var t;
       super(...arguments);
-      w(this, m);
-      w(this, f);
-      w(this, b);
-      h(this, m, (d(this, E), d(this, k, !1))), this._dateFilter = d(this, x), h(this, f, d(this, z, null)), this._now = d(this, M), h(this, b, d(this, T, null)), this._change = (d(this, P), new C(this, _.events.change, {
+      A(this, c);
+      A(this, m);
+      A(this, _);
+      o(this, c, (u(this, v), u(this, C, !1))), this._dateFilter = u(this, y), o(this, m, u(this, x, null)), this._now = u(this, U), o(this, _, u(this, O, null)), this._change = (u(this, S), new g(this, h.events.change, {
         bubbles: !0
-      })), this._inputUpdated = new C(this, _.events.inputUpdated, { bubbles: !0, cancelable: !0 }), this._datePickerUpdated = new C(this, _.events.datePickerUpdated, {
+      })), this._inputUpdated = new g(this, h.events.inputUpdated, { bubbles: !0, cancelable: !0 }), this._datePickerUpdated = new g(this, h.events.datePickerUpdated, {
         bubbles: !0,
         cancelable: !0
-      }), this._validationChange = new C(this, _.events.validationChange), this._inputElementPlaceholderMutable = !1, this._inputIdReferenceController = new X(this, "input"), this._inputObserver = j ? null : new MutationObserver((e) => {
-        var i;
-        if (this._emitInputUpdated(), (i = this._associationController) == null || i.updateControls(), this.inputElement && !o(this.inputElement) && (e != null && e.some((s) => s.attributeName === "value"))) {
-          const s = this.inputElement.getAttribute("value");
-          this.valueAsDate = this._dateAdapter.parse(s, this.now) ?? s;
+      }), this._validationChange = new g(this, h.events.validationChange), this._inputElementPlaceholderMutable = !1, this._inputIdReferenceController = new J(this, "input"), this._inputObserver = T ? null : new MutationObserver((t) => {
+        if (this._emitInputUpdated(), this._associationController?.updateControls(), this.inputElement && !d(this.inputElement) && t?.some((e) => e.attributeName === "value")) {
+          const e = this.inputElement.getAttribute("value");
+          this.valueAsDate = this._dateAdapter.parse(e, this.now) ?? e;
         }
-      }), this._dateAdapter = ((t = W().datetime) == null ? void 0 : t.dateAdapter) ?? Z, this._language = new Y(this), this._associationController = new st(this);
+      }), this._dateAdapter = G().datetime?.dateAdapter ?? Q, this._language = new K(this), this._associationController = new tt(this);
     }
     /** If set to true, two months are displayed. */
     get wide() {
-      return D(this, m);
+      return E(this, c);
     }
     set wide(t) {
-      h(this, m, t);
+      o(this, c, t);
     }
     /**
      * A function used to filter out dates.
@@ -63,7 +60,7 @@ let Dt = (() => {
       this._dateFilter = t;
     }
     get dateFilter() {
-      return this._dateFilter ?? (o(this.inputElement) ? this.inputElement.dateFilter : null) ?? (() => !0);
+      return this._dateFilter ?? (d(this.inputElement) ? this.inputElement.dateFilter : null) ?? (() => !0);
     }
     // TODO: Replace HTMLElement by HTMLInputElement | SbbDateInputElement
     /**
@@ -73,10 +70,10 @@ let Dt = (() => {
      * If given a HTMLElement instance, it will be used as is.
      */
     get input() {
-      return D(this, f);
+      return E(this, m);
     }
     set input(t) {
-      h(this, f, t);
+      o(this, m, t);
     }
     /**
      * A configured date which acts as the current date instead of the real current date.
@@ -93,37 +90,36 @@ let Dt = (() => {
      * @deprecated Use valueAsDate from SbbDateInputElement.
      */
     set valueAsDate(t) {
-      if (o(this.inputElement)) {
+      if (d(this.inputElement)) {
         this.inputElement.valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t));
         return;
       }
       this._valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t)), this._tryApplyFormatToInput() && this.inputElement.dispatchEvent(new Event("blur", { composed: !0 }));
     }
     get valueAsDate() {
-      return o(this.inputElement) ? this.inputElement.valueAsDate : this._valueAsDate ?? null;
+      return d(this.inputElement) ? this.inputElement.valueAsDate : this._valueAsDate ?? null;
     }
     /** The resolved associated input element, as defined by `input`. */
     get inputElement() {
       return this._inputElement;
     }
     get _inputElement() {
-      return D(this, b);
+      return E(this, _);
     }
     set _inputElement(t) {
-      h(this, b, t);
+      o(this, _, t);
     }
     connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = `sbb-datepicker-${++lt}`), this._configureInputElement();
+      super.connectedCallback(), this.id ||= `sbb-datepicker-${++it}`, this._configureInputElement();
     }
     requestUpdate(t, e, i) {
-      super.requestUpdate(t, e, i), this.hasUpdated && !t && this.inputElement && (this._inputElementPlaceholderMutable && (this.inputElement.placeholder = $[this._language.current]), this.valueAsDate && (this.inputElement.value = this._dateAdapter.format(this.valueAsDate))), !j && (!t || t === "input") && this.hasUpdated && this._configureInputElement();
+      super.requestUpdate(t, e, i), this.hasUpdated && !t && this.inputElement && (this._inputElementPlaceholderMutable && (this.inputElement.placeholder = P[this._language.current]), this.valueAsDate && (this.inputElement.value = this._dateAdapter.format(this.valueAsDate))), !T && (!t || t === "input") && this.hasUpdated && this._configureInputElement();
     }
     willUpdate(t) {
       super.willUpdate(t), (t.has("wide") || t.has("dateFilter") || t.has("now")) && (this._associationController.updateControls(), this._datePickerUpdated.emit()), t.has("valueAsDate") && this._setAriaLiveMessage();
     }
     disconnectedCallback() {
-      var t, e;
-      super.disconnectedCallback(), (t = this._inputObserver) == null || t.disconnect(), (e = this._inputAbortController) == null || e.abort(), this._inputElement = null;
+      super.disconnectedCallback(), this._inputObserver?.disconnect(), this._inputAbortController?.abort(), this._inputElement = null;
     }
     firstUpdated(t) {
       super.firstUpdated(t), this._setAriaLiveMessage();
@@ -136,32 +132,27 @@ let Dt = (() => {
       return !!this._now;
     }
     _configureInputElement() {
-      var s, p, A, N, L, R;
-      const t = this.input instanceof HTMLInputElement || this.input instanceof HTMLElement && o(this.input) ? this.input : this._inputIdReferenceController.find() ?? ((p = (s = this.closest) == null ? void 0 : s.call(this, "sbb-form-field")) == null ? void 0 : p.querySelector("input,sbb-date-input")) ?? null;
-      if (t === this.inputElement || ((A = this._inputAbortController) == null || A.abort(), (N = this._inputObserver) == null || N.disconnect(), this._inputElement = t, !this.inputElement))
+      const t = this.input instanceof HTMLInputElement || this.input instanceof HTMLElement && d(this.input) ? this.input : this._inputIdReferenceController.find() ?? this.closest?.("sbb-form-field")?.querySelector("input,sbb-date-input") ?? null;
+      if (t === this.inputElement || (this._inputAbortController?.abort(), this._inputObserver?.disconnect(), this._inputElement = t, !this.inputElement))
         return;
-      const e = !o(this.inputElement);
-      this._inputAbortController = new AbortController(), (L = this._inputObserver) == null || L.observe(this.inputElement, {
+      const e = !d(this.inputElement);
+      this._inputAbortController = new AbortController(), this._inputObserver?.observe(this.inputElement, {
         attributeFilter: ["disabled", "readonly", "min", "max", "value"]
-      }), e && (this._inputElementPlaceholderMutable = !this.inputElement.placeholder, this.inputElement.type = "text", this._inputElementPlaceholderMutable && (this.inputElement.placeholder = $[this._language.current]));
+      }), e && (this._inputElementPlaceholderMutable = !this.inputElement.placeholder, this.inputElement.type = "text", this._inputElementPlaceholderMutable && (this.inputElement.placeholder = P[this._language.current]));
       const i = { signal: this._inputAbortController.signal };
-      this.inputElement.addEventListener("input", (g) => {
-        it(g, this), this._parseInput();
-      }, i), this.inputElement.addEventListener("change", () => this._handleInputChange(), i), this.inputElement.addEventListener("ɵchange", () => {
-        var g;
-        return (g = this._associationController) == null ? void 0 : g.updateControls();
-      }, i), this._parseInput(!0), this._tryApplyFormatToInput(), this._validateDate(), this._emitInputUpdated(), (R = this._associationController) == null || R.updateControls();
+      this.inputElement.addEventListener("input", (f) => {
+        Y(f, this), this._parseInput();
+      }, i), this.inputElement.addEventListener("change", () => this._handleInputChange(), i), this.inputElement.addEventListener("ɵchange", () => this._associationController?.updateControls(), i), this._parseInput(!0), this._tryApplyFormatToInput(), this._validateDate(), this._emitInputUpdated(), this._associationController?.updateControls();
     }
     _emitInputUpdated() {
-      const { disabled: t, readOnly: e, min: i, max: s } = this.inputElement ?? {}, p = i && typeof i != "string" ? this._dateAdapter.toIso8601(i) : i, A = s && typeof s != "string" ? this._dateAdapter.toIso8601(s) : s;
-      this._inputUpdated.emit({ disabled: t, readonly: e, min: p, max: A });
+      const { disabled: t, readOnly: e, min: i, max: f } = this.inputElement ?? {}, N = i && typeof i != "string" ? this._dateAdapter.toIso8601(i) : i, R = f && typeof f != "string" ? this._dateAdapter.toIso8601(f) : f;
+      this._inputUpdated.emit({ disabled: t, readonly: e, min: N, max: R });
     }
     _handleInputChange() {
-      var t;
-      this._tryApplyFormatToInput() || (this._validateDate(), this._setAriaLiveMessage(), this._change.emit(), (t = this._associationController) == null || t.updateControls());
+      this._tryApplyFormatToInput() || (this._validateDate(), this._setAriaLiveMessage(), this._change.emit(), this._associationController?.updateControls());
     }
     _tryApplyFormatToInput() {
-      if (!this.inputElement || o(this.inputElement))
+      if (!this.inputElement || d(this.inputElement))
         return !1;
       const t = this.valueAsDate ? this._dateAdapter.format(this.valueAsDate) : "";
       return t && this.inputElement.value !== t ? (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this.inputElement, t), this.inputElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.inputElement.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), !0) : !1;
@@ -173,25 +164,24 @@ let Dt = (() => {
       this.inputElement.toggleAttribute("data-sbb-invalid", !t), e !== t && this._validationChange.emit({ valid: t });
     }
     _parseInput(t = !1) {
-      if (o(this.inputElement))
+      if (d(this.inputElement))
         return;
       const e = this.inputElement.value;
       this._valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.parse(e, this.now)), t && !this._valueAsDate && (this._valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e)));
     }
     _setAriaLiveMessage() {
-      var e, i;
-      const t = (i = (e = this.shadowRoot) == null ? void 0 : e.querySelector) == null ? void 0 : i.call(e, "#status-container");
+      const t = this.shadowRoot?.querySelector?.("#status-container");
       if (t)
         if (!this.valueAsDate)
           t.innerText = "";
         else {
-          const s = this._dateAdapter.format(this.valueAsDate, { weekdayStyle: "long" });
-          t.innerText = `${at[this._language.current]} ${s}`;
+          const e = this._dateAdapter.format(this.valueAsDate, { weekdayStyle: "long" });
+          t.innerText = `${Z[this._language.current]} ${e}`;
         }
       else return;
     }
     render() {
-      return J`<p id="status-container" role="status"></p>`;
+      return j`<p id="status-container" role="status"></p>`;
     }
     /**
      * Calculates the first available date before the given one,
@@ -199,8 +189,7 @@ let Dt = (() => {
      * @param date The starting date for calculations.
      */
     findPreviousAvailableDate(t) {
-      var s;
-      const e = this._findAvailableDate(t, -1), i = this._dateAdapter.deserialize((s = this.inputElement) == null ? void 0 : s.min);
+      const e = this._findAvailableDate(t, -1), i = this._dateAdapter.deserialize(this.inputElement?.min);
       return !i || this._dateAdapter.isValid(i) && this._dateAdapter.compareDate(e, i) >= 0 ? e : t;
     }
     /**
@@ -209,8 +198,7 @@ let Dt = (() => {
      * @param date The starting date for calculations.
      */
     findNextAvailableDate(t) {
-      var s;
-      const e = this._findAvailableDate(t, 1), i = this._dateAdapter.deserialize((s = this.inputElement) == null ? void 0 : s.max);
+      const e = this._findAvailableDate(t, 1), i = this._dateAdapter.deserialize(this.inputElement?.max);
       return !i || this._dateAdapter.isValid(i) && this._dateAdapter.compareDate(e, i) <= 0 ? e : t;
     }
     /**
@@ -230,37 +218,36 @@ let Dt = (() => {
      * and `min` and `max` parameters (e.g. from the self-named input's attributes).
      */
     _isDateAvailable() {
-      var i, s, p;
       if (!this.valueAsDate)
         return !1;
-      const t = this._dateAdapter.deserialize((i = this.inputElement) == null ? void 0 : i.min), e = this._dateAdapter.deserialize((s = this.inputElement) == null ? void 0 : s.max);
-      return this._dateAdapter.isValid(t) && this._dateAdapter.compareDate(this.valueAsDate, t) < 0 || this._dateAdapter.isValid(e) && this._dateAdapter.compareDate(this.valueAsDate, e) > 0 ? !1 : ((p = this.dateFilter) == null ? void 0 : p.call(this, this.valueAsDate)) ?? !0;
+      const t = this._dateAdapter.deserialize(this.inputElement?.min), e = this._dateAdapter.deserialize(this.inputElement?.max);
+      return this._dateAdapter.isValid(t) && this._dateAdapter.compareDate(this.valueAsDate, t) < 0 || this._dateAdapter.isValid(e) && this._dateAdapter.compareDate(this.valueAsDate, e) > 0 ? !1 : this.dateFilter?.(this.valueAsDate) ?? !0;
     }
-  }, m = new WeakMap(), f = new WeakMap(), b = new WeakMap(), u = r, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    I = [tt(), v({ type: Boolean })], U = [v({ attribute: !1 })], F = [v()], O = [v()], S = [v({ attribute: !1 })], V = [Q()], c(r, null, I, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (e) => "wide" in e, get: (e) => e.wide, set: (e, i) => {
+  }, c = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), r = n, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(D[Symbol.metadata] ?? null) : void 0;
+    w = [W(), b({ type: Boolean })], I = [b({ attribute: !1 })], k = [b()], F = [b()], z = [b({ attribute: !1 })], M = [B()], p(n, null, w, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (e) => "wide" in e, get: (e) => e.wide, set: (e, i) => {
       e.wide = i;
-    } }, metadata: t }, k, x), c(r, null, U, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (e) => "dateFilter" in e, set: (e, i) => {
+    } }, metadata: t }, C, y), p(n, null, I, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (e) => "dateFilter" in e, set: (e, i) => {
       e.dateFilter = i;
-    } }, metadata: t }, null, E), c(r, null, F, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, get: (e) => e.input, set: (e, i) => {
+    } }, metadata: t }, null, v), p(n, null, k, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, get: (e) => e.input, set: (e, i) => {
       e.input = i;
-    } }, metadata: t }, z, M), c(r, null, O, { kind: "setter", name: "now", static: !1, private: !1, access: { has: (e) => "now" in e, set: (e, i) => {
+    } }, metadata: t }, x, U), p(n, null, F, { kind: "setter", name: "now", static: !1, private: !1, access: { has: (e) => "now" in e, set: (e, i) => {
       e.now = i;
-    } }, metadata: t }, null, E), c(r, null, S, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, i) => {
+    } }, metadata: t }, null, v), p(n, null, z, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, i) => {
       e.valueAsDate = i;
-    } }, metadata: t }, null, E), c(r, null, V, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, i) => {
+    } }, metadata: t }, null, v), p(n, null, M, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, i) => {
       e._inputElement = i;
-    } }, metadata: t }, T, P), c(null, n = { value: u }, a, { kind: "class", name: u.name, metadata: t }, null, l), _ = u = n.value, t && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = nt, r.events = {
+    } }, metadata: t }, O, S), p(null, s = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, l), h = r = s.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.styles = et, n.events = {
     change: "change",
     inputUpdated: "inputUpdated",
     datePickerUpdated: "datePickerUpdated",
     validationChange: "validationChange"
-  }, d(u, l), r);
-  return _ = u;
+  }, u(r, l), n);
+  return h = r;
 })();
 export {
-  Dt as SbbDatepickerElement,
-  gt as datepickerControlRegisteredEventFactory,
-  At as getDatePicker
+  vt as SbbDatepickerElement,
+  bt as datepickerControlRegisteredEventFactory,
+  ft as getDatePicker
 };

package/datepicker/datepicker-next-day/datepicker-next-day.component.js

@@ -4,7 +4,7 @@ import { hostAttributes as l } from "../../core/decorators.js";
 import { i18nNextDay as c, i18nSelectNextDay as u } from "../../core/i18n.js";
 import { SbbDatepickerButton as v } from "../common.js";
 import { css as m } from "lit";
-const h = m`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-next-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-next-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-datepicker-next-day: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)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-next-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
+const h = m`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-next-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-next-day:before{position:absolute;content:"";inset:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-datepicker-next-day: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)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-next-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
 let D = (() => {
   var o;
   let i = [d("sbb-datepicker-next-day"), l({

package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js

@@ -4,7 +4,7 @@ import { hostAttributes as l } from "../../core/decorators.js";
 import { i18nPreviousDay as c, i18nSelectPreviousDay as u } from "../../core/i18n.js";
 import { SbbDatepickerButton as v } from "../common.js";
 import { css as p } from "lit";
-const m = p`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-previous-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-previous-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-datepicker-previous-day: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)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-previous-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
+const m = p`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-previous-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-previous-day:before{position:absolute;content:"";inset:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-datepicker-previous-day: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)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-previous-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
 let D = (() => {
   var o;
   let i = [d("sbb-datepicker-previous-day"), l({