@sbb-esta/lyne-elements 2.5.1 → 2.6.0

package/datepicker/datepicker/datepicker.d.ts

@@ -14,7 +14,7 @@ export interface SbbInputUpdateEvent {
  * it returns the related SbbDatepickerElement reference, if exists.
  * @param element The element potentially connected to the SbbDatepickerElement.
  * @param trigger The id or the reference of the SbbDatePicker.
- * @deprecated No longer in use.
+ * @deprecated No longer in use. Will be removed with next major version.
  */
 export declare function getDatePicker<T = Date>(element: SbbDatepickerButton<T> | SbbDatepickerToggleElement<T>, trigger?: string | HTMLElement): SbbDatepickerElement<T> | null | undefined;
 /**
@@ -80,12 +80,12 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     /** Emits whenever the internal validation state changes. */
     private _validationChange;
     private _inputElementPlaceholderMutable;
-    private _datePickerController;
+    private _inputAbortController;
+    private _inputIdReferenceController;
     private _inputObserver;
     private _dateAdapter;
     private _language;
     private _associationController;
-    constructor();
     connectedCallback(): void;
     requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
@@ -96,7 +96,7 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
      * Whether a custom now is configured.
      */
     hasCustomNow(): boolean;
-    private _attachInput;
+    private _configureInputElement;
     private _emitInputUpdated;
     private _handleInputChange;
     private _tryApplyFormatToInput;

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":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAUb,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,0BAA0B,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAA0C,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAChG,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAI1E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,IAAI,EACpC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,0BAA0B,CAAC,CAAC,CAAC,EAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,GAC7B,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAQ5C;AAED;;GAEG;AACH,eAAO,MAAM,uCAAuC,QAAO,WAIvD,CAAC;AAQL;;;;;;;;GAQG;AACH,qBAEM,oBAAoB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,gDAAgD;IAChD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,IACW,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,EAEvD;IACD,IAAW,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAMnD;IACD,OAAO,CAAC,WAAW,CAAC,CAA8B;IAElD;;;;;OAKG;IACH,SAA4B,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAEtE;;;OAGG;IACH,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAE1C;IACD,IAAW,GAAG,IAAI,CAAC,CAElB;IACD,OAAO,CAAC,IAAI,CAAC,CAAW;IAExB;;;OAGG;IACH,IACW,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAclD;IACD,IAAW,WAAW,IAAI,CAAC,GAAG,IAAI,CAMjC;IACD,OAAO,CAAC,YAAY,CAAC,CAAW;IAEhC,oEAAoE;IACpE,IAAW,YAAY,IAAI,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAE1E;IACQ,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0D;IAEjG,qDAAqD;IACrD,OAAO,CAAC,OAAO,CAEZ;IAEH,0FAA0F;IAC1F,OAAO,CAAC,aAAa,CAInB;IAEF,mEAAmE;IACnE,OAAO,CAAC,kBAAkB,CAOxB;IAEF,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,+BAA+B,CAAS;IAEhD,OAAO,CAAC,qBAAqB,CAAmB;IAEhD,OAAO,CAAC,cAAc,CAcb;IAET,OAAO,CAAC,YAAY,CAA4E;IAEhG,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAAoD;;IAMlE,iBAAiB,IAAI,IAAI;IAMzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAYY,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAmB5D,oBAAoB,IAAI,IAAI;cAMzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK9E;;;OAGG;IACI,YAAY,IAAI,OAAO;IAI9B,OAAO,CAAC,YAAY;IAiDpB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,sBAAsB;IAoB9B,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,mBAAmB;cAcR,MAAM,IAAI,cAAc;IAI3C;;;;OAIG;IACI,yBAAyB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;IAc5C;;;;OAIG;IACI,qBAAqB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC;IAaxC;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAY1B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;CAmBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;IAED,UAAU,2BAA2B;QACnC,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;KAChD;CACF"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker/datepicker.ts"],"names":[],"mappings":"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"}

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

@@ -27,8 +27,6 @@ export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerT
     private accessor _max;
     private accessor _renderCalendar;
     private _calendarElement;
-    private _triggerElement;
-    private _popoverElement;
     private _language;
     constructor();
     /**
@@ -39,7 +37,6 @@ export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerT
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     private _configureCalendar;
     private _assignCalendar;
-    protected updated(changedProperties: PropertyValues<this>): void;
     private _nowOrNull;
     protected render(): TemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAW,MAAM,KAAK,CAAC;AAK1D,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,mBAAmB,CAAC;AAO1E,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,eAAe,CAAwB;IAC/C,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,SAAS,CAAmC;;IAepD;;OAEG;IACI,IAAI,IAAI,IAAI;IAOH,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAmB5E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;cAaJ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMzE,OAAO,CAAC,UAAU;cAIC,MAAM,IAAI,cAAc;CAqD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.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"}

package/datepicker/datepicker-toggle.js

@@ -1,12 +1,12 @@
-var U = (a) => {
+var T = (a) => {
   throw TypeError(a);
 };
-var H = (a, s, l) => s.has(a) || U("Cannot " + l);
-var g = (a, s, l) => (H(a, s, "read from private field"), l ? l.call(a) : s.get(a)), k = (a, s, l) => s.has(a) ? U("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, l), c = (a, s, l, o) => (H(a, s, "write to private field"), o ? o.call(a, l) : s.set(a, l), l);
+var U = (a, s, l) => s.has(a) || T("Cannot " + l);
+var g = (a, s, l) => (U(a, s, "read from private field"), l ? l.call(a) : s.get(a)), k = (a, s, l) => s.has(a) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, l), c = (a, s, l, o) => (U(a, s, "write to private field"), o ? o.call(a, l) : s.set(a, l), l);
 import { __esDecorate as _, __runInitializers as n } from "tslib";
-import { css as J, LitElement as K, isServer as B, nothing as Q, html as G } from "lit";
-import { customElement as V, property as E, state as f } from "lit/decorators.js";
-import { ref as w } from "lit/directives/ref.js";
+import { css as G, LitElement as J, isServer as H, nothing as K, html as B } from "lit";
+import { customElement as Q, property as w, state as f } from "lit/decorators.js";
+import { ref as V } from "lit/directives/ref.js";
 import { sbbInputModalityDetector as W } from "../core/a11y.js";
 import { SbbLanguageController as X } from "../core/controllers.js";
 import { i18nShowCalendar as Y } from "../core/i18n.js";
@@ -15,11 +15,11 @@ import { SbbDatepickerAssociationControlController as te } from "./common.js";
 import "../calendar.js";
 import "../popover/popover.js";
 import "../button/mini-button.js";
-const ie = J`*,:before,:after{box-sizing:border-box}:host{--sbb-datepicker-control-radius: var(--sbb-border-radius-4x);--sbb-datepicker-control-color: var(--sbb-color-black);display:inline-flex}.sbb-datepicker-toggle__trigger{color:var(--sbb-datepicker-control-color);height:unset}sbb-icon{color:var(--sbb-color-graphite)}sbb-popover{margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent}`, ae = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
+const ie = G`*,:before,:after{box-sizing:border-box}:host{--sbb-datepicker-control-radius: var(--sbb-border-radius-4x);--sbb-datepicker-control-color: var(--sbb-color-black);display:inline-flex}.sbb-datepicker-toggle__trigger{color:var(--sbb-datepicker-control-color);height:unset}sbb-icon{color:var(--sbb-color-graphite)}sbb-popover{margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent}`, ae = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
 let ke = (() => {
   var h, m, p, u, b, r;
-  let a = [V("sbb-datepicker-toggle")], s, l = [], o, x = Z(ee(K)), v = [], C, y, $, S = [], z = [], D, I = [], P = [], O, A = [], N = [], F, M = [], L = [], R, j = [], q = [];
-  return r = class extends x {
+  let a = [Q("sbb-datepicker-toggle")], s, l = [], o, E = Z(ee(J)), v = [], x, C, y, S = [], $ = [], z, D = [], I = [], P, O = [], A = [], N, F = [], M = [], L, R = [], j = [];
+  return r = class extends E {
     constructor() {
       var t;
       super();
@@ -28,9 +28,9 @@ let ke = (() => {
       k(this, p);
       k(this, u);
       k(this, b);
-      this._datepicker = n(this, v), c(this, h, n(this, S, "day")), c(this, m, (n(this, z), n(this, I, !1))), c(this, p, (n(this, P), n(this, A, null))), c(this, u, (n(this, N), n(this, M, null))), c(this, b, (n(this, L), n(this, j, !1))), this._calendarElement = n(this, q), this._language = new X(this), this.addController(new te(this)), (t = this.addEventListener) == null || t.call(this, "click", (e) => {
+      this._datepicker = n(this, v), c(this, h, n(this, S, "day")), c(this, m, (n(this, $), n(this, D, !1))), c(this, p, (n(this, I), n(this, O, null))), c(this, u, (n(this, A), n(this, F, null))), c(this, b, (n(this, M), n(this, R, !1))), this._calendarElement = n(this, j), this._language = new X(this), this.addController(new te(this)), (t = this.addEventListener) == null || t.call(this, "click", (e) => {
         e.composedPath()[0] === this && this.open();
-      }), B || this.hydrationComplete.then(() => this._renderCalendar = !0);
+      }), H || this.hydrationComplete.then(() => this._renderCalendar = !0);
     }
     /**
      * Datepicker reference.
@@ -87,7 +87,7 @@ let ke = (() => {
      * Opens the calendar.
      */
     open() {
-      this._triggerElement || (this._triggerElement = this.shadowRoot.querySelector("sbb-mini-button")), this._triggerElement.click();
+      this.shadowRoot.querySelector("sbb-mini-button").click();
     }
     connectedCallback() {
       var e, i;
@@ -96,8 +96,8 @@ let ke = (() => {
       t && (this.negative = t.hasAttribute("negative"));
     }
     willUpdate(t) {
-      var e, i, d, T;
-      super.willUpdate(t), this.datepicker ? (this._disabled = (((e = this.datepicker.inputElement) == null ? void 0 : e.disabled) || ((i = this.datepicker.inputElement) == null ? void 0 : i.readOnly)) ?? !0, this._min = (d = this.datepicker.inputElement) == null ? void 0 : d.min, this._max = (T = this.datepicker.inputElement) == null ? void 0 : T.max, this._configureCalendar(), this._calendarElement && (this._calendarElement.selected = this.datepicker.valueAsDate ?? null)) : (this._disabled = !0, this._min = null, this._max = null);
+      var e, i, d, q;
+      super.willUpdate(t), this.datepicker ? (this._disabled = (((e = this.datepicker.inputElement) == null ? void 0 : e.disabled) || ((i = this.datepicker.inputElement) == null ? void 0 : i.readOnly)) ?? !0, this._min = (d = this.datepicker.inputElement) == null ? void 0 : d.min, this._max = (q = this.datepicker.inputElement) == null ? void 0 : q.max, this._configureCalendar(), this._calendarElement && (this._calendarElement.selected = this.datepicker.valueAsDate ?? null)) : (this._disabled = !0, this._min = null, this._max = null);
     }
     _configureCalendar() {
       !this._calendarElement || !this.datepicker || (this._calendarElement.wide = this.datepicker.wide, this._calendarElement.now = this._nowOrNull(), this._calendarElement.dateFilter = this.datepicker.dateFilter);
@@ -106,34 +106,30 @@ let ke = (() => {
       var e;
       this._calendarElement && this._calendarElement === t || (this._calendarElement = t, !(!("valueAsDate" in (this.datepicker ?? {})) || !((e = this._calendarElement) != null && e.resetPosition)) && (this._calendarElement.selected = this.datepicker.valueAsDate ?? null, this._configureCalendar(), this._calendarElement.resetPosition()));
     }
-    updated(t) {
-      super.updated(t), this._popoverElement.trigger = this._triggerElement;
-    }
     _nowOrNull() {
       var t;
       return (t = this.datepicker) != null && t.hasCustomNow() ? this.datepicker.now : null;
     }
     render() {
       var t, e;
-      return G`
+      return B`
       <sbb-mini-button
         class="sbb-datepicker-toggle__trigger"
         icon-name="calendar-small"
         aria-label=${Y[this._language.current]}
-        ?disabled=${!B && (!this.datepicker || this._disabled)}
+        ?disabled=${!H && (!this.datepicker || this._disabled)}
         ?negative=${this.negative}
-        ${w((i) => this._triggerElement = i)}
+        id="trigger"
       ></sbb-mini-button>
       <sbb-popover
         @willOpen=${() => this._calendarElement.resetPosition()}
         @didOpen=${() => {
         W.mostRecentModality === "keyboard" && this._calendarElement.focus();
       }}
-        .trigger=${this._triggerElement}
+        trigger="trigger"
         hide-close-button
-        ${w((i) => this._popoverElement = i)}
       >
-        ${this._renderCalendar ? G`<sbb-calendar
+        ${this._renderCalendar ? B`<sbb-calendar
               .view=${this.view}
               .min=${this._min}
               .max=${this._max}
@@ -146,28 +142,28 @@ let ke = (() => {
           ae(d) ? (d.valueAsDate = i.detail, d.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), d.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), d.dispatchEvent(new Event("blur", { composed: !0 }))) : this.datepicker.valueAsDate = i.detail;
         }
       }}
-              ${w((i) => this._assignCalendar(i))}
-            ></sbb-calendar>` : Q}
+              ${V((i) => this._assignCalendar(i))}
+            ></sbb-calendar>` : K}
       </sbb-popover>
     `;
     }
   }, h = new WeakMap(), m = new WeakMap(), p = new WeakMap(), u = new WeakMap(), b = new WeakMap(), o = r, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    C = [E({ attribute: "date-picker" })], y = [E({ attribute: "datepicker" })], $ = [E()], D = [f()], O = [f()], F = [f()], R = [f()], _(r, null, C, { kind: "setter", name: "datePicker", static: !1, private: !1, access: { has: (e) => "datePicker" in e, set: (e, i) => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
+    x = [w({ attribute: "date-picker" })], C = [w({ attribute: "datepicker" })], y = [w()], z = [f()], P = [f()], N = [f()], L = [f()], _(r, null, x, { kind: "setter", name: "datePicker", static: !1, private: !1, access: { has: (e) => "datePicker" in e, set: (e, i) => {
       e.datePicker = i;
-    } }, metadata: t }, null, v), _(r, null, y, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (e) => "datepicker" in e, set: (e, i) => {
+    } }, metadata: t }, null, v), _(r, null, C, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (e) => "datepicker" in e, set: (e, i) => {
       e.datepicker = i;
-    } }, metadata: t }, null, v), _(r, null, $, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (e) => "view" in e, get: (e) => e.view, set: (e, i) => {
+    } }, metadata: t }, null, v), _(r, null, y, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (e) => "view" in e, get: (e) => e.view, set: (e, i) => {
       e.view = i;
-    } }, metadata: t }, S, z), _(r, null, D, { kind: "accessor", name: "_disabled", static: !1, private: !1, access: { has: (e) => "_disabled" in e, get: (e) => e._disabled, set: (e, i) => {
+    } }, metadata: t }, S, $), _(r, null, z, { kind: "accessor", name: "_disabled", static: !1, private: !1, access: { has: (e) => "_disabled" in e, get: (e) => e._disabled, set: (e, i) => {
       e._disabled = i;
-    } }, metadata: t }, I, P), _(r, null, O, { kind: "accessor", name: "_min", static: !1, private: !1, access: { has: (e) => "_min" in e, get: (e) => e._min, set: (e, i) => {
+    } }, metadata: t }, D, I), _(r, null, P, { kind: "accessor", name: "_min", static: !1, private: !1, access: { has: (e) => "_min" in e, get: (e) => e._min, set: (e, i) => {
       e._min = i;
-    } }, metadata: t }, A, N), _(r, null, F, { kind: "accessor", name: "_max", static: !1, private: !1, access: { has: (e) => "_max" in e, get: (e) => e._max, set: (e, i) => {
+    } }, metadata: t }, O, A), _(r, null, N, { kind: "accessor", name: "_max", static: !1, private: !1, access: { has: (e) => "_max" in e, get: (e) => e._max, set: (e, i) => {
       e._max = i;
-    } }, metadata: t }, M, L), _(r, null, R, { kind: "accessor", name: "_renderCalendar", static: !1, private: !1, access: { has: (e) => "_renderCalendar" in e, get: (e) => e._renderCalendar, set: (e, i) => {
+    } }, metadata: t }, F, M), _(r, null, L, { kind: "accessor", name: "_renderCalendar", static: !1, private: !1, access: { has: (e) => "_renderCalendar" in e, get: (e) => e._renderCalendar, set: (e, i) => {
       e._renderCalendar = i;
-    } }, metadata: t }, j, q), _(null, s = { value: o }, a, { kind: "class", name: o.name, metadata: t }, null, l), o = s.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    } }, metadata: t }, R, j), _(null, s = { value: o }, a, { kind: "class", name: o.name, metadata: t }, null, l), o = s.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), r.styles = ie, n(o, l), o;
 })();
 export {

package/datepicker/datepicker.js

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