@sbb-esta/lyne-elements 2.11.0 → 3.0.0-next.0

package/datepicker/datepicker/datepicker.component.js

@@ -1,59 +1,51 @@
-var q = (a) => {
-  throw TypeError(a);
+var $ = (s) => {
+  throw TypeError(s);
 };
-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);
+var B = (s, n, r) => n.has(s) || $("Cannot " + r);
+var E = (s, n, r) => (B(s, n, "read from private field"), r ? r.call(s) : n.get(s)), A = (s, n, r) => n.has(s) ? $("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, r), o = (s, n, r, u) => (B(s, n, "write to private field"), u ? u.call(s, r) : n.set(s, r), r);
 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");
-}
-const gt = () => new CustomEvent("datepickerControlRegistered", {
-  bubbles: !1,
-  composed: !0
-});
-let lt = 0;
-const o = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
+import { css as K, isServer as G, LitElement as Q, html as W } from "lit";
+import { customElement as X, property as g, state as Y } from "lit/decorators.js";
+import { readConfig as Z } from "../../core/config.js";
+import { SbbIdReferenceController as tt, SbbLanguageController as et } from "../../core/controllers.js";
+import { defaultDateAdapter as it } from "../../core/datetime.js";
+import { forceType as at, plainDate as st } from "../../core/decorators.js";
+import { EventEmitter as C, forwardEvent as nt } from "../../core/eventing.js";
+import { i18nDatePickerPlaceholder as J, i18nDateChangedTo as lt } from "../../core/i18n.js";
+import { SbbDatepickerAssociationHostController as rt } from "../common.js";
+const ut = K`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+let dt = 0;
+const p = (s) => (s == null ? void 0 : s.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 {
+  var m, f, v, b, l;
+  let s = [X("sbb-datepicker")], n, r = [], u, I = Q, y = [], x, k = [], U = [], F, z, M = [], O = [], S, V = [], T = [], P, L, N = [], q = [];
+  var _ = (l = class extends I {
     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, m);
+      A(this, f);
+      A(this, v);
+      A(this, b);
+      o(this, m, (d(this, y), d(this, k, !1))), this._dateFilter = d(this, U), o(this, f, d(this, M, null)), o(this, v, (d(this, O), d(this, V, null))), this._valueAsDate = d(this, T), o(this, b, d(this, N, null)), this._change = (d(this, q), new C(this, _.events.change, {
         bubbles: !0
       })), this._inputUpdated = new C(this, _.events.inputUpdated, { bubbles: !0, cancelable: !0 }), this._datePickerUpdated = new C(this, _.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) => {
+      }), this._validationChange = new C(this, _.events.validationChange), this._inputElementPlaceholderMutable = !1, this._inputIdReferenceController = new tt(this, "input"), this._inputObserver = G ? 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;
+        if (this._emitInputUpdated(), (i = this._associationController) == null || i.updateControls(), this.inputElement && !p(this.inputElement) && (e != null && e.some((a) => a.attributeName === "value"))) {
+          const a = this.inputElement.getAttribute("value");
+          this.valueAsDate = this._dateAdapter.parse(a, this.now) ?? this._dateAdapter.deserialize(a);
         }
-      }), this._dateAdapter = ((t = W().datetime) == null ? void 0 : t.dateAdapter) ?? Z, this._language = new Y(this), this._associationController = new st(this);
+      }), this._dateAdapter = ((t = Z().datetime) == null ? void 0 : t.dateAdapter) ?? it, this._language = new et(this), this._associationController = new rt(this);
     }
     /** If set to true, two months are displayed. */
     get wide() {
-      return D(this, m);
+      return E(this, m);
     }
     set wide(t) {
-      h(this, m, t);
+      o(this, m, t);
     }
     /**
      * A function used to filter out dates.
@@ -63,7 +55,7 @@ let Dt = (() => {
       this._dateFilter = t;
     }
     get dateFilter() {
-      return this._dateFilter ?? (o(this.inputElement) ? this.inputElement.dateFilter : null) ?? (() => !0);
+      return this._dateFilter ?? (p(this.inputElement) ? this.inputElement.dateFilter : null) ?? (() => !0);
     }
     // TODO: Replace HTMLElement by HTMLInputElement | SbbDateInputElement
     /**
@@ -73,50 +65,50 @@ let Dt = (() => {
      * If given a HTMLElement instance, it will be used as is.
      */
     get input() {
-      return D(this, f);
+      return E(this, f);
     }
     set input(t) {
-      h(this, f, t);
+      o(this, f, t);
     }
     /**
      * A configured date which acts as the current date instead of the real current date.
-     * Recommended for testing purposes.
+     * Only recommended for testing purposes.
      */
-    set now(t) {
-      this._now = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t));
-    }
     get now() {
-      return this._now ?? this._dateAdapter.today();
+      return E(this, v);
+    }
+    set now(t) {
+      o(this, v, t);
     }
     /**
      * The currently selected date as a Date or custom date provider instance.
      * @deprecated Use valueAsDate from SbbDateInputElement.
      */
     set valueAsDate(t) {
-      if (o(this.inputElement)) {
-        this.inputElement.valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t));
+      if (t = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t)), p(this.inputElement)) {
+        this.inputElement.valueAsDate = t;
         return;
       }
-      this._valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t)), this._tryApplyFormatToInput() && this.inputElement.dispatchEvent(new Event("blur", { composed: !0 }));
+      this._valueAsDate = t, this._tryApplyFormatToInput() && this.inputElement.dispatchEvent(new Event("blur", { composed: !0 }));
     }
     get valueAsDate() {
-      return o(this.inputElement) ? this.inputElement.valueAsDate : this._valueAsDate ?? null;
+      return p(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, b);
     }
     set _inputElement(t) {
-      h(this, b, t);
+      o(this, b, t);
     }
     connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = `sbb-datepicker-${++lt}`), this._configureInputElement();
+      super.connectedCallback(), this.id || (this.id = `sbb-datepicker-${++dt}`), 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 = J[this._language.current]), this.valueAsDate && (this.inputElement.value = this._dateAdapter.format(this.valueAsDate))), !G && (!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();
@@ -133,35 +125,35 @@ let Dt = (() => {
      * Whether a custom now is configured.
      */
     hasCustomNow() {
-      return !!this._now;
+      return this._dateAdapter.compareDate(this.now, this._dateAdapter.today()) !== 0;
     }
     _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))
+      var a, h, D, H, R, j;
+      const t = this.input instanceof HTMLInputElement || this.input instanceof HTMLElement && p(this.input) ? this.input : this._inputIdReferenceController.find() ?? ((h = (a = this.closest) == null ? void 0 : a.call(this, "sbb-form-field")) == null ? void 0 : h.querySelector("input,sbb-date-input")) ?? null;
+      if (t === this.inputElement || ((D = this._inputAbortController) == null || D.abort(), (H = this._inputObserver) == null || H.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 = !p(this.inputElement);
+      this._inputAbortController = new AbortController(), (R = this._inputObserver) == null || R.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 = J[this._language.current]));
       const i = { signal: this._inputAbortController.signal };
-      this.inputElement.addEventListener("input", (g) => {
-        it(g, this), this._parseInput();
+      this.inputElement.addEventListener("input", (w) => {
+        nt(w, 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();
+        var w;
+        return (w = this._associationController) == null ? void 0 : w.updateControls();
+      }, i), this._parseInput(!0), this._tryApplyFormatToInput(), this._validateDate(), this._emitInputUpdated(), (j = this._associationController) == null || j.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: a } = this.inputElement ?? {}, h = i && typeof i != "string" ? this._dateAdapter.toIso8601(i) : i, D = a && typeof a != "string" ? this._dateAdapter.toIso8601(a) : a;
+      this._inputUpdated.emit({ disabled: t, readonly: e, min: h, max: D });
     }
     _handleInputChange() {
       var t;
       this._tryApplyFormatToInput() || (this._validateDate(), this._setAriaLiveMessage(), this._change.emit(), (t = this._associationController) == null || t.updateControls());
     }
     _tryApplyFormatToInput() {
-      if (!this.inputElement || o(this.inputElement))
+      if (!this.inputElement || p(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,7 +165,7 @@ let Dt = (() => {
       this.inputElement.toggleAttribute("data-sbb-invalid", !t), e !== t && this._validationChange.emit({ valid: t });
     }
     _parseInput(t = !1) {
-      if (o(this.inputElement))
+      if (p(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)));
@@ -185,13 +177,13 @@ let Dt = (() => {
         if (!this.valueAsDate)
           t.innerText = "";
         else {
-          const s = this._dateAdapter.format(this.valueAsDate, { weekdayStyle: "long" });
-          t.innerText = `${at[this._language.current]} ${s}`;
+          const a = this._dateAdapter.format(this.valueAsDate, { weekdayStyle: "long" });
+          t.innerText = `${lt[this._language.current]} ${a}`;
         }
       else return;
     }
     render() {
-      return J`<p id="status-container" role="status"></p>`;
+      return W`<p id="status-container" role="status"></p>`;
     }
     /**
      * Calculates the first available date before the given one,
@@ -199,8 +191,8 @@ 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);
+      var a;
+      const e = this._findAvailableDate(t, -1), i = this._dateAdapter.deserialize((a = this.inputElement) == null ? void 0 : a.min);
       return !i || this._dateAdapter.isValid(i) && this._dateAdapter.compareDate(e, i) >= 0 ? e : t;
     }
     /**
@@ -209,8 +201,8 @@ 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);
+      var a;
+      const e = this._findAvailableDate(t, 1), i = this._dateAdapter.deserialize((a = this.inputElement) == null ? void 0 : a.max);
       return !i || this._dateAdapter.isValid(i) && this._dateAdapter.compareDate(e, i) <= 0 ? e : t;
     }
     /**
@@ -230,37 +222,35 @@ let Dt = (() => {
      * and `min` and `max` parameters (e.g. from the self-named input's attributes).
      */
     _isDateAvailable() {
-      var i, s, p;
+      var i, a, h;
       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((i = this.inputElement) == null ? void 0 : i.min), e = this._dateAdapter.deserialize((a = this.inputElement) == null ? void 0 : a.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 : ((h = this.dateFilter) == null ? void 0 : h.call(this, 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) => {
+  }, m = new WeakMap(), f = new WeakMap(), v = new WeakMap(), b = new WeakMap(), u = l, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(I[Symbol.metadata] ?? null) : void 0;
+    x = [at(), g({ type: Boolean })], F = [g({ attribute: !1 })], z = [g()], S = [st({ fallback: (e) => e.today() }), g()], P = [g({ attribute: !1 })], L = [Y()], c(l, null, x, { 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 }, k, U), c(l, null, F, { 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, y), c(l, null, z, { 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 }, M, O), c(l, null, S, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (e) => "now" in e, get: (e) => e.now, 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 }, V, T), c(l, null, P, { 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, y), c(l, null, L, { 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 }, N, q), c(null, n = { value: u }, s, { kind: "class", name: u.name, metadata: t }, null, r), _ = u = n.value, t && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l.styles = ut, l.events = {
     change: "change",
     inputUpdated: "inputUpdated",
     datePickerUpdated: "datePickerUpdated",
     validationChange: "validationChange"
-  }, d(u, l), r);
+  }, d(u, r), l);
   return _ = u;
 })();
 export {
-  Dt as SbbDatepickerElement,
-  gt as datepickerControlRegisteredEventFactory,
-  At as getDatePicker
+  Dt as SbbDatepickerElement
 };

package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts

@@ -2,12 +2,14 @@ import { CSSResultGroup } from 'lit';
 import { SbbDatepickerButton } from '../common.js';
 /**
  * Combined with a `sbb-datepicker`, it can be used to move the date ahead.
+ * @overrideType value - string
  */
 export declare class SbbDatepickerNextDayElement<T = Date> extends SbbDatepickerButton<T> {
     static styles: CSSResultGroup;
     protected iconName: string;
     protected i18nOffBoundaryDay: Record<string, string>;
     protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
+    connectedCallback(): void;
     protected findAvailableDate(date: T): T;
 }
 declare global {

package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-next-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD;;GAEG;AACH,qBAKM,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA+B;IACzD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAe;IACnE,SAAS,CAAC,wBAAwB,kDAAqB;IAEvD,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
+{"version":3,"file":"datepicker-next-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD;;;GAGG;AACH,qBAEM,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA+B;IACzD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAe;IACnE,SAAS,CAAC,wBAAwB,kDAAqB;IAEvC,iBAAiB,IAAI,IAAI;IAKzC,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

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

@@ -1,21 +1,21 @@
 import { __esDecorate as s, __runInitializers as n } from "tslib";
 import { customElement as d } from "lit/decorators.js";
-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}`;
-let D = (() => {
+import { i18nNextDay as l, i18nSelectNextDay as c } from "../../core/i18n.js";
+import { SbbDatepickerButton as u } from "../common.js";
+import { css as v } from "lit";
+const h = v`*,: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}`;
+let y = (() => {
   var o;
-  let i = [d("sbb-datepicker-next-day"), l({
-    slot: "suffix"
-  })], b, r = [], t, e = v;
+  let i = [d("sbb-datepicker-next-day")], b, r = [], t, e = u;
   return o = class extends e {
     constructor() {
-      super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
+      super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = l, this.i18nSelectOffBoundaryDay = c;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.slot || (this.slot = "suffix");
     }
     findAvailableDate(a) {
-      return this.datePickerElement.findNextAvailableDate(a);
+      return this.datepicker.findNextAvailableDate(a);
     }
   }, t = o, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
@@ -23,5 +23,5 @@ let D = (() => {
   })(), o.styles = h, n(t, r), t;
 })();
 export {
-  D as SbbDatepickerNextDayElement
+  y as SbbDatepickerNextDayElement
 };

package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts

@@ -2,12 +2,14 @@ import { CSSResultGroup } from 'lit';
 import { SbbDatepickerButton } from '../common.js';
 /**
  * Combined with a `sbb-datepicker`, it can be used to move the date back.
+ * @overrideType value - string
  */
 export declare class SbbDatepickerPreviousDayElement<T = Date> extends SbbDatepickerButton<T> {
     static styles: CSSResultGroup;
     protected iconName: string;
     protected i18nOffBoundaryDay: Record<string, string>;
     protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
+    connectedCallback(): void;
     protected findAvailableDate(date: T): T;
 }
 declare global {

package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-previous-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD;;GAEG;AACH,qBAKM,+BAA+B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA8B;IACxD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAmB;IACvE,SAAS,CAAC,wBAAwB,kDAAyB;IAE3D,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
+{"version":3,"file":"datepicker-previous-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD;;;GAGG;AACH,qBAEM,+BAA+B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA8B;IACxD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAmB;IACvE,SAAS,CAAC,wBAAwB,kDAAyB;IAE3C,iBAAiB,IAAI,IAAI;IAKzC,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

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

@@ -1,27 +1,27 @@
 import { __esDecorate as s, __runInitializers as n } from "tslib";
 import { customElement as d } from "lit/decorators.js";
-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}`;
-let D = (() => {
+import { i18nPreviousDay as l, i18nSelectPreviousDay as c } from "../../core/i18n.js";
+import { SbbDatepickerButton as u } from "../common.js";
+import { css as v } from "lit";
+const p = v`*,: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}`;
+let y = (() => {
   var o;
-  let i = [d("sbb-datepicker-previous-day"), l({
-    slot: "prefix"
-  })], r, b = [], t, e = v;
+  let i = [d("sbb-datepicker-previous-day")], r, b = [], t, e = u;
   return o = class extends e {
     constructor() {
-      super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
+      super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = l, this.i18nSelectOffBoundaryDay = c;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.slot || (this.slot = "prefix");
     }
     findAvailableDate(a) {
-      return this.datePickerElement.findPreviousAvailableDate(a);
+      return this.datepicker.findPreviousAvailableDate(a);
     }
   }, t = o, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
     s(null, r = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, b), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), o.styles = m, n(t, b), t;
+  })(), o.styles = p, n(t, b), t;
 })();
 export {
-  D as SbbDatepickerPreviousDayElement
+  y as SbbDatepickerPreviousDayElement
 };

package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts

@@ -8,14 +8,6 @@ declare const SbbDatepickerToggleElement_base: import('../../core/mixins.js').Ab
  */
 export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerToggleElement_base implements SbbDatepickerControl<T> {
     static styles: CSSResultGroup;
-    /**
-     * Datepicker reference.
-     * @internal
-     * @deprecated Use property/attribute `datepicker` instead.
-     */
-    set datePicker(value: string | SbbDatepickerElement<T> | null);
-    /** @internal */
-    get datePicker(): string | SbbDatepickerElement<T> | null;
     /** Datepicker reference. */
     set datepicker(value: SbbDatepickerElement<T> | null);
     get datepicker(): SbbDatepickerElement<T> | null;

package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-toggle.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAI1D,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,mBAAmB,CAAC;AAM1E,OAAO,EAA6C,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;;AAMrC;;GAEG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,IAAI,CACvC,SAAQ,+BACR,YAAW,oBAAoB,CAAC,CAAC,CAAC;IAElC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;OAIG;IACH,IACW,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,EAOnE;IACD,gBAAgB;IAChB,IAAW,UAAU,IAAI,MAAM,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAE/D;IAED,4BAA4B;IAC5B,IACW,UAAU,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,EAK1D;IACD,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;IACD,OAAO,CAAC,WAAW,CAAC,CAAiC;IAErD,yEAAyE;IACzE,SAA4B,IAAI,EAAE,YAAY,CAAS;IAE9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgD;IAErE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgD;IAErE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IAElD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;;IAepD;;OAEG;IACI,IAAI,IAAI,IAAI;IAIH,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAmB5E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,UAAU;cAIC,MAAM,IAAI,cAAc;CAoD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"datepicker-toggle.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAI1D,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,mBAAmB,CAAC;AAM1E,OAAO,EAA6C,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;;AAMrC;;GAEG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,IAAI,CACvC,SAAQ,+BACR,YAAW,oBAAoB,CAAC,CAAC,CAAC;IAElC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4BAA4B;IAC5B,IACW,UAAU,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,EAK1D;IACD,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;IACD,OAAO,CAAC,WAAW,CAAC,CAAiC;IAErD,yEAAyE;IACzE,SAA4B,IAAI,EAAE,YAAY,CAAS;IAE9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgD;IAErE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAgD;IAErE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IAElD,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,SAAS,CAAmC;;IAepD;;OAEG;IACI,IAAI,IAAI,IAAI;IAIH,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAmB5E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,UAAU;cAIC,MAAM,IAAI,cAAc;CAoD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}