@sbb-esta/lyne-elements 1.16.0 → 2.0.0

package/datepicker/common/datepicker-button.d.ts

@@ -1,7 +1,6 @@
 import { PropertyValues, TemplateResult } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-import { DateAdapter } from '../../core/datetime.js';
-import { SbbDatepickerElement, SbbInputUpdateEvent } from '../datepicker.js';
+import { SbbDatepickerElement } from '../datepicker.js';
 declare const SbbDatepickerButton_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
 export declare abstract class SbbDatepickerButton<T = Date> extends SbbDatepickerButton_base {
     /** Datepicker reference. */
@@ -20,12 +19,11 @@ export declare abstract class SbbDatepickerButton<T = Date> extends SbbDatepicke
     protected abstract iconName: string;
     protected abstract i18nOffBoundaryDay: Record<string, string>;
     protected abstract i18nSelectOffBoundaryDay: (_currentDate: string) => Record<string, string>;
-    protected abstract findAvailableDate: (_date: T, _dateFilter: ((date: T) => boolean) | null, _dateAdapter: DateAdapter<T>, _boundary: string | number | null) => T;
-    protected abstract onInputUpdated(event: CustomEvent<SbbInputUpdateEvent>): void;
+    protected abstract findAvailableDate(_date: T): T;
     connectedCallback(): void;
     willUpdate(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
-    protected setDisabledState(datepicker: SbbDatepickerElement<T> | null | undefined): void;
+    private _setDisabledState;
     private _handleClick;
     private _syncUpstreamProperties;
     private _init;

package/datepicker/common/datepicker-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/common/datepicker-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,wBAAwB,CAAC;AAG9E,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,eAAe,CAAC;;AAEvB,8BAAsB,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,wBAAsC;IAChG,4BAA4B;IAC5B,SAAwD,UAAU,EAC9D,MAAM,GACN,oBAAoB,CAAC,CAAC,CAAC,GACvB,IAAI,CAAQ;IAEhB,qEAAqE;IAC5D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAEpE,0EAA0E;IAC1E,OAAO,CAAC,SAAS,CAAS;IAE1B,0EAA0E;IAC1E,OAAO,CAAC,cAAc,CAAS;IAE/B,SAAS,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IACpE,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAA2E;IAE5F,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9D,SAAS,CAAC,QAAQ,CAAC,wBAAwB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CACpC,KAAK,EAAE,CAAC,EACR,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,EAC1C,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,EAC5B,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAC9B,CAAC,CAAC;IACP,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAEhE,iBAAiB,IAAI,IAAI;IASzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,SAAS,CAAC,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;IAmBxF,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,KAAK;IA+Cb,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,4BAA4B;cAajB,cAAc,IAAI,cAAc;CAGpD"}
+{"version":3,"file":"datepicker-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/common/datepicker-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAMnE,OAAO,EAGL,KAAK,oBAAoB,EAE1B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,eAAe,CAAC;;AAEvB,8BAAsB,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,wBAAsC;IAChG,4BAA4B;IAC5B,SAAwD,UAAU,EAC9D,MAAM,GACN,oBAAoB,CAAC,CAAC,CAAC,GACvB,IAAI,CAAQ;IAEhB,qEAAqE;IAC5D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAQ;IAEpE,0EAA0E;IAC1E,OAAO,CAAC,SAAS,CAAS;IAE1B,0EAA0E;IAC1E,OAAO,CAAC,cAAc,CAAS;IAE/B,SAAS,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IACpE,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAA2E;IAE5F,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IACpC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9D,SAAS,CAAC,QAAQ,CAAC,wBAAwB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;IAEjC,iBAAiB,IAAI,IAAI;IASzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,uBAAuB;IAe/B,OAAO,CAAC,KAAK;IA+Cb,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,4BAA4B;cAajB,cAAc,IAAI,cAAc;CAGpD"}

package/datepicker/common.js

@@ -1,43 +1,43 @@
-var g = (i) => {
+var f = (i) => {
   throw TypeError(i);
 };
-var A = (i, a, r) => a.has(i) || g("Cannot " + r);
-var u = (i, a, r) => (A(i, a, "read from private field"), r ? r.call(i) : a.get(i)), m = (i, a, r) => a.has(i) ? g("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, r), c = (i, a, r, h) => (A(i, a, "write to private field"), h ? h.call(i, r) : a.set(i, r), r);
-import { __runInitializers as b, __esDecorate as k } from "tslib";
+var g = (i, a, r) => a.has(i) || f("Cannot " + r);
+var u = (i, a, r) => (g(i, a, "read from private field"), r ? r.call(i) : a.get(i)), _ = (i, a, r) => a.has(i) ? f("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, r), h = (i, a, r, c) => (g(i, a, "write to private field"), c ? c.call(i, r) : a.set(i, r), r);
+import { __runInitializers as b, __esDecorate as A } from "tslib";
 import { html as P } from "lit";
-import { property as y, state as D } from "lit/decorators.js";
+import { property as D, state as y } from "lit/decorators.js";
 import { SbbButtonBaseElement as E } from "../core/base-elements.js";
 import { readConfig as v } from "../core/config.js";
 import { SbbConnectedAbortController as C, SbbLanguageController as S } from "../core/controllers.js";
 import { defaultDateAdapter as L } from "../core/datetime.js";
 import { i18nToday as w } from "../core/i18n.js";
-import { SbbNegativeMixin as U } from "../core/mixins.js";
-import { getDatePicker as x, datepickerControlRegisteredEventFactory as R } from "./datepicker.js";
+import { SbbNegativeMixin as x } from "../core/mixins.js";
+import { getDatePicker as U, datepickerControlRegisteredEventFactory as R } from "./datepicker.js";
 import "../icon.js";
 let G = (() => {
   var d, o, l;
-  let i = U(E), a, r = [], h = [], _, p = [], f = [];
+  let i = x(E), a, r = [], c = [], m, p = [], k = [];
   return l = class extends i {
     constructor() {
       var t;
       super(...arguments);
-      m(this, d);
-      m(this, o);
-      c(this, d, b(this, r, null)), c(this, o, (b(this, h), b(this, p, null))), this._disabled = (b(this, f), !1), this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = ((t = v().datetime) == null ? void 0 : t.dateAdapter) ?? L, this._abort = new C(this), this._language = new S(this).withHandler(() => this._setAriaLabel());
+      _(this, d);
+      _(this, o);
+      h(this, d, b(this, r, null)), h(this, o, (b(this, c), b(this, p, null))), this._disabled = (b(this, k), !1), this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = ((t = v().datetime) == null ? void 0 : t.dateAdapter) ?? L, this._abort = new C(this), this._language = new S(this).withHandler(() => this._setAriaLabel());
     }
     /** Datepicker reference. */
     get datePicker() {
       return u(this, d);
     }
     set datePicker(t) {
-      c(this, d, t);
+      h(this, d, t);
     }
     /** The boundary date (min/max) as set in the date-picker's input. */
     get boundary() {
       return u(this, o);
     }
     set boundary(t) {
-      c(this, o, t);
+      h(this, o, t);
     }
     connectedCallback() {
       super.connectedCallback(), this.addEventListener("click", () => this._handleClick(), { signal: this._abort.signal }), this._syncUpstreamProperties(), this.datePicker || this._init();
@@ -49,19 +49,20 @@ let G = (() => {
       var t;
       super.disconnectedCallback(), (t = this._datePickerController) == null || t.abort();
     }
-    setDisabledState(t) {
-      const e = t == null ? void 0 : t.valueAsDate;
-      if (!e) {
+    _setDisabledState() {
+      var s;
+      const t = (s = this.datePickerElement) == null ? void 0 : s.valueAsDate;
+      if (!t) {
         this._disabled = !0, this._setDisabledRenderAttributes(!0);
         return;
       }
-      const s = this.findAvailableDate(e, (t == null ? void 0 : t.dateFilter) || null, this._dateAdapter, this.boundary);
-      this._disabled = this._dateAdapter.compareDate(s, e) === 0, this._setDisabledRenderAttributes();
+      const e = this.findAvailableDate(t);
+      this._disabled = this._dateAdapter.compareDate(e, t) === 0, this._setDisabledRenderAttributes();
     }
     _handleClick() {
       if (!this.datePickerElement || this.hasAttribute("data-disabled"))
         return;
-      const t = this.datePickerElement.valueAsDate ?? this.datePickerElement.now, e = this.findAvailableDate(t, this.datePickerElement.dateFilter, this._dateAdapter, this.boundary);
+      const t = this.datePickerElement.valueAsDate ?? this.datePickerElement.now, e = this.findAvailableDate(t);
       this._dateAdapter.compareDate(e, t) !== 0 && (this.datePickerElement.valueAsDate = e);
     }
     _syncUpstreamProperties() {
@@ -75,16 +76,16 @@ let G = (() => {
     }
     _init(t) {
       var e, s;
-      if ((e = this._datePickerController) == null || e.abort(), this._datePickerController = new AbortController(), this.datePickerElement = x(this, t), this.setDisabledState(this.datePickerElement), !this.datePickerElement) {
+      if ((e = this._datePickerController) == null || e.abort(), this._datePickerController = new AbortController(), this.datePickerElement = U(this, t), this._setDisabledState(), !this.datePickerElement) {
         (s = this.parentElement) == null || s.addEventListener("inputUpdated", (n) => this._init(n.target), { once: !0, signal: this._datePickerController.signal });
         return;
       }
-      this._setAriaLabel(), this.datePickerElement.addEventListener("change", (n) => {
-        this.setDisabledState(n.target), this._setAriaLabel();
-      }, { signal: this._datePickerController.signal }), this.datePickerElement.addEventListener("datePickerUpdated", (n) => {
-        this.setDisabledState(n.target), this._setAriaLabel();
+      this._setAriaLabel(), this.datePickerElement.addEventListener("change", () => {
+        this._setDisabledState(), this._setAriaLabel();
+      }, { signal: this._datePickerController.signal }), this.datePickerElement.addEventListener("datePickerUpdated", () => {
+        this._setDisabledState(), this._setAriaLabel();
       }, { signal: this._datePickerController.signal }), this.datePickerElement.addEventListener("inputUpdated", (n) => {
-        this._inputDisabled = !!(n.detail.disabled || n.detail.readonly), this._setDisabledRenderAttributes(), this._setAriaLabel(), this.onInputUpdated(n);
+        this._inputDisabled = !!(n.detail.disabled || n.detail.readonly), this._setDisabledRenderAttributes(), this._setAriaLabel(), this._setDisabledState();
       }, { signal: this._datePickerController.signal }), this.datePickerElement.dispatchEvent(R());
     }
     _setAriaLabel() {
@@ -101,15 +102,15 @@ let G = (() => {
       this.toggleAttribute("data-disabled", t), t ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0"));
     }
     renderTemplate() {
-      return P` <sbb-icon name=${this.iconName}></sbb-icon> `;
+      return P`<sbb-icon name=${this.iconName}></sbb-icon>`;
     }
   }, d = new WeakMap(), o = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    a = [y({ attribute: "date-picker" })], _ = [D()], k(l, null, a, { kind: "accessor", name: "datePicker", static: !1, private: !1, access: { has: (e) => "datePicker" in e, get: (e) => e.datePicker, set: (e, s) => {
+    a = [D({ attribute: "date-picker" })], m = [y()], A(l, null, a, { kind: "accessor", name: "datePicker", static: !1, private: !1, access: { has: (e) => "datePicker" in e, get: (e) => e.datePicker, set: (e, s) => {
       e.datePicker = s;
-    } }, metadata: t }, r, h), k(l, null, _, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (e) => "boundary" in e, get: (e) => e.boundary, set: (e, s) => {
+    } }, metadata: t }, r, c), A(l, null, m, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (e) => "boundary" in e, get: (e) => e.boundary, set: (e, s) => {
       e.boundary = s;
-    } }, metadata: t }, p, f), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    } }, metadata: t }, p, k), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), l;
 })();
 export {

package/datepicker/datepicker/datepicker.d.ts

@@ -1,5 +1,4 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { DateAdapter } from '../../core/datetime.js';
 import { SbbDateLike } from '../../core/interfaces.js';
 import { SbbDatepickerButton } from '../common.js';
 import { SbbDatepickerToggleElement } from '../datepicker-toggle.js';
@@ -16,55 +15,12 @@ export interface SbbInputUpdateEvent {
  * @param trigger The id or the reference of the SbbDatePicker.
  */
 export declare function getDatePicker<T = Date>(element: SbbDatepickerButton<T> | SbbDatepickerToggleElement<T>, trigger?: string | HTMLElement): SbbDatepickerElement<T> | null | undefined;
-/**
- * Returns the first available date before or after a given one, considering the SbbDatepickerElement `dateFilter` property.
- * @param date The starting date for calculations.
- * @param delta The number of days to add/subtract from the starting one.
- * @param dateFilter The dateFilter function from the SbbDatepickerElement.
- * @param dateAdapter The adapter class.
- *
- * @deprecated Not intended as public API.
- */
-export declare function getAvailableDate<T = Date>(date: T, delta: number, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>): T;
-/**
- * Calculates the first available date before the given one,
- * considering the SbbDatepickerElement `dateFilter` property and `min` parameter (e.g. from the self-named input's attribute).
- * @param date The starting date for calculations.
- * @param dateFilter The dateFilter function from the SbbDatepickerElement.
- * @param dateAdapter The adapter class.
- * @param min The minimum value to consider in calculations.
- *
- * @deprecated Not intended as public API.
- */
-export declare function findPreviousAvailableDate<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>, min: string | number | null): T;
-/**
- * Calculates the first available date after the given one,
- * considering the SbbDatepickerElement `dateFilter` property and `max` parameter (e.g. from the self-named input's attribute).
- * @param date The starting date for calculations.
- * @param dateFilter The dateFilter function from the SbbDatepickerElement.
- * @param dateAdapter The adapter class.
- * @param max The maximum value to consider in calculations.
- *
- * @deprecated Not intended as public API.
- */
-export declare function findNextAvailableDate<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, dateAdapter: DateAdapter<T>, max: string | number | null): T;
-/**
- * Checks if the provided date is a valid one, considering the SbbDatepickerElement `dateFilter` property
- * and `min` and `max` parameters (e.g. from the self-named input's attributes).
- * @param date The starting date for calculations.
- * @param dateFilter The dateFilter function from the SbbDatepickerElement.
- * @param min The minimum value to consider in calculations.
- * @param max The maximum value to consider in calculations.
- *
- * @deprecated Not intended as public API.
- */
-export declare function isDateAvailable<T = Date>(date: T, dateFilter: ((date: T) => boolean) | null, min: string | number | null | undefined, max: string | number | null | undefined): boolean;
 export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
 /**
  * Combined with a native input, it displays the input's value as a formatted date.
  *
- * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
  * @event {CustomEvent<void>} change - Notifies that the connected input has changes.
+ * @event {CustomEvent<void>} input - Notifies that the connected input fired the input event.
  * @event {CustomEvent<SbbInputUpdateEvent>} inputUpdated - Notifies that the attributes of the input connected to the datepicker have changes.
  * @event {CustomEvent<void>} datePickerUpdated - Notifies that the attributes of the datepicker have changes.
  * @event {CustomEvent<SbbValidationChangeEvent>} validationChange - Emits whenever the internal validation state changes.
@@ -72,7 +28,6 @@ export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
 export declare class SbbDatepickerElement<T = Date> extends LitElement {
     static styles: CSSResultGroup;
     static readonly events: {
-        readonly didChange: "didChange";
         readonly change: "change";
         readonly inputUpdated: "inputUpdated";
         readonly datePickerUpdated: "datePickerUpdated";
@@ -82,30 +37,16 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     accessor wide: boolean;
     /** A function used to filter out dates. */
     accessor dateFilter: (date: T | null) => boolean;
-    /**
-     * A function used to parse string value into dates.
-     * @deprecated No longer required.
-     */
-    accessor dateParser: ((value: string) => T) | null;
-    /**
-     * A function used to format dates into the preferred string format.
-     * @deprecated No longer required.
-     */
-    accessor format: ((date: T) => string) | null;
     /** Reference of the native input connected to the datepicker. */
     accessor input: string | HTMLElement | null;
     /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
-    set now(value: SbbDateLike<T> | undefined);
+    set now(value: SbbDateLike<T> | null);
     get now(): T;
     private _now?;
     /** The currently selected date as a Date or custom date provider instance. */
     set valueAsDate(value: SbbDateLike<T> | null);
     get valueAsDate(): T | null;
     private _valueAsDate?;
-    /**
-     * @deprecated only used for React. Will probably be removed once React 19 is available.
-     */
-    private _didChange;
     /** Notifies that the connected input has changes. */
     private _change;
     /** Notifies that the attributes of the input connected to the datepicker have changes. */
@@ -125,16 +66,6 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     willUpdate(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    /**
-     * Gets the input value with the correct date format.
-     * @deprecated Use property valueAsDate instead.
-     */
-    getValueAsDate(): T | undefined;
-    /**
-     * Set the input value to the correctly formatted value.
-     * @deprecated Use property valueAsDate instead.
-     */
-    setValueAsDate(date: SbbDateLike<T>): void;
     /**
      * @internal
      * Whether a custom now is configured.
@@ -146,9 +77,31 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     private _tryApplyFormatToInput;
     private _validateDate;
     private _parseInput;
-    private _format;
     private _setAriaLiveMessage;
     protected render(): TemplateResult;
+    /**
+     * Calculates the first available date before the given one,
+     * considering the SbbDatepickerElement `dateFilter` property and `min` parameter (e.g. from the self-named input's attribute).
+     * @param date The starting date for calculations.
+     */
+    findPreviousAvailableDate(date: T): T;
+    /**
+     * Calculates the first available date after the given one,
+     * considering the SbbDatepickerElement `dateFilter` property and `max` parameter (e.g. from the self-named input's attribute).
+     * @param date The starting date for calculations.
+     */
+    findNextAvailableDate(date: T): T;
+    /**
+     * Returns the first available date before or after a given one, considering the `dateFilter` property.
+     * @param date The starting date for calculations.
+     * @param delta The number of days to add/subtract from the starting one.
+     */
+    private _findAvailableDate;
+    /**
+     * Checks if valueAsDate is valid, considering the SbbDatepickerElement `dateFilter` property
+     * and `min` and `max` parameters (e.g. from the self-named input's attributes).
+     */
+    private _isDateAvailable;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/datepicker/datepicker/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker/datepicker.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker/datepicker.ts"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from 'lit';
 import { SbbDatepickerButton } from '../common.js';
-import { findNextAvailableDate, SbbInputUpdateEvent } from '../datepicker.js';
 /**
  * Combined with a `sbb-datepicker`, it can be used to move the date ahead.
  */
@@ -9,8 +8,7 @@ export declare class SbbDatepickerNextDayElement<T = Date> extends SbbDatepicker
     protected iconName: string;
     protected i18nOffBoundaryDay: Record<string, string>;
     protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
-    protected findAvailableDate: typeof findNextAvailableDate;
-    protected onInputUpdated(event: CustomEvent<SbbInputUpdateEvent>): void;
+    protected findAvailableDate(date: T): T;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,OAAO,eAAe,CAAC;AAGvB;;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;IACvD,SAAS,CAAC,iBAAiB,+BAAyB;IAEpD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
+{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.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"}

package/datepicker/datepicker-next-day.js

@@ -3,27 +3,25 @@ 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 { findNextAvailableDate as m } from "./datepicker.js";
-import "../icon.js";
-import { css as h } from "lit";
-const f = h`*,: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-zero-time, 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],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[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:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-datepicker-next-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[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],[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 w = (() => {
+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:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-datepicker-next-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@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({
     slot: "suffix"
-  })], r, b = [], t, e = v;
+  })], b, r = [], t, e = v;
   return o = class extends e {
     constructor() {
-      super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u, this.findAvailableDate = m;
+      super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
     }
-    onInputUpdated(a) {
-      this.boundary !== a.detail.max && (this.boundary = a.detail.max, this.setDisabledState(this.datePickerElement));
+    findAvailableDate(a) {
+      return this.datePickerElement.findNextAvailableDate(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 = f, n(t, b), t;
+    s(null, b = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, r), t = b.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), o.styles = h, n(t, r), t;
 })();
 export {
-  w as SbbDatepickerNextDayElement
+  D as SbbDatepickerNextDayElement
 };

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

@@ -1,6 +1,5 @@
 import { CSSResultGroup } from 'lit';
 import { SbbDatepickerButton } from '../common.js';
-import { findPreviousAvailableDate, SbbInputUpdateEvent } from '../datepicker.js';
 /**
  * Combined with a `sbb-datepicker`, it can be used to move the date back.
  */
@@ -9,8 +8,7 @@ export declare class SbbDatepickerPreviousDayElement<T = Date> extends SbbDatepi
     protected iconName: string;
     protected i18nOffBoundaryDay: Record<string, string>;
     protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
-    protected findAvailableDate: typeof findPreviousAvailableDate;
-    protected onInputUpdated(event: CustomEvent<SbbInputUpdateEvent>): void;
+    protected findAvailableDate(date: T): T;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,eAAe,CAAC;AAIvB;;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;IAC3D,SAAS,CAAC,iBAAiB,mCAA6B;IAExD,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,IAAI;CAMxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
+{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.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"}

package/datepicker/datepicker-previous-day.js

@@ -3,27 +3,25 @@ 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 { findPreviousAvailableDate as p } from "./datepicker.js";
-import "../icon.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-zero-time, 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],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[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:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-datepicker-previous-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[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],[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 w = (() => {
+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:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-datepicker-previous-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@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({
     slot: "prefix"
-  })], a, b = [], t, e = v;
+  })], r, b = [], t, e = v;
   return o = class extends e {
     constructor() {
-      super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u, this.findAvailableDate = p;
+      super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
     }
-    onInputUpdated(r) {
-      this.boundary !== r.detail.min && (this.boundary = r.detail.min, this.setDisabledState(this.datePickerElement));
+    findAvailableDate(a) {
+      return this.datePickerElement.findPreviousAvailableDate(a);
     }
   }, t = o, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    s(null, a = { value: t }, i, { kind: "class", name: t.name, metadata: r }, null, b), t = a.value, r && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), o.styles = h, n(t, b), t;
+    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;
 })();
 export {
-  w as SbbDatepickerPreviousDayElement
+  D as SbbDatepickerPreviousDayElement
 };