@sbb-esta/lyne-elements 2.0.2 → 2.1.0

package/datepicker/common/datepicker-association-controllers.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, ReactiveController } from 'lit';
+import { SbbDatepickerElement } from '../datepicker/datepicker.js';
+export interface SbbDatepickerControl<T> extends LitElement {
+    datepicker: SbbDatepickerElement<T> | null;
+}
+export declare class SbbDatepickerAssociationHostController<T> implements ReactiveController {
+    private _host;
+    private _context?;
+    constructor(_host: SbbDatepickerElement<T>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    updateControls(): void;
+}
+export declare class SbbDatepickerAssociationControlController<T> implements ReactiveController {
+    private _host;
+    private _context?;
+    constructor(_host: SbbDatepickerControl<T>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+//# sourceMappingURL=datepicker-association-controllers.d.ts.map

package/datepicker/common/datepicker-association-controllers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-association-controllers.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/common/datepicker-association-controllers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,UAAU;IACzD,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CAC5C;AAiCD,qBAAa,sCAAsC,CAAC,CAAC,CAAE,YAAW,kBAAkB;IAG/D,OAAO,CAAC,KAAK;IAFhC,OAAO,CAAC,QAAQ,CAAC,CAAqC;gBAE3B,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAIlD,aAAa,IAAI,IAAI;IAkBrB,gBAAgB,IAAI,IAAI;IAKxB,cAAc,IAAI,IAAI;CAG9B;AAED,qBAAa,yCAAyC,CAAC,CAAC,CAAE,YAAW,kBAAkB;IAGlE,OAAO,CAAC,KAAK;IAFhC,OAAO,CAAC,QAAQ,CAAC,CAAqC;gBAE3B,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAIlD,aAAa,IAAI,IAAI;IAqBrB,gBAAgB,IAAI,IAAI;CAIhC"}

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

@@ -1,19 +1,32 @@
 import { PropertyValues, TemplateResult } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
 import { SbbDatepickerElement } from '../datepicker.js';
+import { SbbDatepickerControl } from './datepicker-association-controllers.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 {
+export declare abstract class SbbDatepickerButton<T = Date> extends SbbDatepickerButton_base implements SbbDatepickerControl<T> {
+    /**
+     * 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. */
-    accessor datePicker: string | SbbDatepickerElement<T> | null;
+    set datepicker(value: SbbDatepickerElement<T> | null);
+    get datepicker(): SbbDatepickerElement<T> | null;
+    private _datepicker?;
     /** The boundary date (min/max) as set in the date-picker's input. */
     protected accessor boundary: string | number | null;
     /** Whether the component is disabled due date equals to boundary date. */
     private _disabled;
     /** Whether the component is disabled due date-picker's input disabled. */
     private _inputDisabled;
+    /**
+     * @deprecated Use datepicker instead.
+     */
     protected datePickerElement?: SbbDatepickerElement<T> | null;
     private _dateAdapter;
-    private _datePickerController;
     private _language;
     protected abstract iconName: string;
     protected abstract i18nOffBoundaryDay: Record<string, string>;
@@ -21,13 +34,8 @@ export declare abstract class SbbDatepickerButton<T = Date> extends SbbDatepicke
     constructor();
     protected abstract findAvailableDate(_date: T): T;
     connectedCallback(): void;
-    willUpdate(changedProperties: PropertyValues<this>): void;
-    disconnectedCallback(): void;
-    private _setDisabledState;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     private _handleClick;
-    private _syncUpstreamProperties;
-    private _init;
-    private _setAriaLabel;
     private _setDisabledRenderAttributes;
     protected renderTemplate(): TemplateResult;
 }

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;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,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;;IAO9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;IAEjC,iBAAiB,IAAI,IAAI;IAQzB,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"}
+{"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,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,yCAAyC,CAAC;AAEjD,OAAO,eAAe,CAAC;;AAEvB,8BAAsB,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAChD,SAAQ,wBACR,YAAW,oBAAoB,CAAC,CAAC,CAAC;IAElC;;;;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,EAQ1D;IACD,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;IACD,OAAO,CAAC,WAAW,CAAC,CAAiC;IAErD,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;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;IACpE,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,SAAS,CAAmC;IAEpD,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;;IAQ9F,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;IAEjC,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2B5E,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,4BAA4B;cAYjB,cAAc,IAAI,cAAc;CAGpD"}

package/datepicker/common.d.ts

@@ -1,2 +1,3 @@
 export * from './common/datepicker-button.js';
+export * from './common/datepicker-association-controllers.js';
 //# sourceMappingURL=common.d.ts.map

package/datepicker/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/common.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/common.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gDAAgD,CAAC"}

package/datepicker/common.js

@@ -1,118 +1,156 @@
-var f = (i) => {
-  throw TypeError(i);
+var g = (a) => {
+  throw TypeError(a);
 };
-var A = (i, a, r) => a.has(i) || f("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) ? 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) => (A(i, a, "write to private field"), c ? c.call(i, r) : a.set(i, r), r);
-import { __esDecorate as P, __runInitializers as b } from "tslib";
-import { html as g } from "lit";
-import { property as D, state as y } from "lit/decorators.js";
-import { SbbButtonBaseElement as E } from "../core/base-elements.js";
-import { readConfig as v } from "../core/config.js";
-import { SbbLanguageController as C } from "../core/controllers.js";
-import { defaultDateAdapter as S } from "../core/datetime.js";
-import { i18nToday as L } from "../core/i18n.js";
-import { SbbNegativeMixin as w } from "../core/mixins.js";
-import { getDatePicker as x, datepickerControlRegisteredEventFactory as U } from "./datepicker.js";
+var A = (a, t, e) => t.has(a) || g("Cannot " + e);
+var y = (a, t, e) => (A(a, t, "read from private field"), e ? e.call(a) : t.get(a)), D = (a, t, e) => t.has(a) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, e), p = (a, t, e, o) => (A(a, t, "write to private field"), o ? o.call(a, e) : t.set(a, e), e);
+import { __esDecorate as b, __runInitializers as _ } from "tslib";
+import { html as x } from "lit";
+import { property as v, state as C } from "lit/decorators.js";
+import { SbbButtonBaseElement as w } from "../core/base-elements.js";
+import { readConfig as E } from "../core/config.js";
+import { SbbLanguageController as S } from "../core/controllers.js";
+import { defaultDateAdapter as P } from "../core/datetime.js";
+import { i18nToday as I } from "../core/i18n.js";
+import { SbbNegativeMixin as z } from "../core/mixins.js";
 import "../icon.js";
-let $ = (() => {
-  var d, o, l;
-  let i = w(E), a, r = [], c = [], _, p = [], k = [];
-  return l = class extends i {
+const u = class u {
+  constructor(t) {
+    this._host = t, this.hosts = /* @__PURE__ */ new Set(), this.controls = /* @__PURE__ */ new Set();
+  }
+  static connect(t) {
+    let e = this._registry.get(t);
+    return e || (e = new u(t), this._registry.set(t, e)), e;
+  }
+  updateControls(t) {
+    Array.from(this.controls).filter((e) => e.datepicker === t).forEach((e) => e.requestUpdate());
+  }
+  deleteIfEmpty() {
+    !this.controls.size && !this.hosts.size && this.constructor._registry.delete(this._host);
+  }
+};
+u._registry = /* @__PURE__ */ new WeakMap();
+let h = u;
+class V {
+  constructor(t) {
+    this._host = t, this._host.addController(this);
+  }
+  hostConnected() {
+    this._context = h.connect(this._host.getRootNode()), this._context.hosts.add(this._host);
+    const t = this._host.closest("sbb-form-field");
+    for (const e of this._context.controls) {
+      const o = e.getAttribute("datepicker") ?? e.getAttribute("date-picker");
+      (o ? o === this._host.id : e.closest("sbb-form-field") === t) && (e.datepicker = this._host);
+    }
+  }
+  hostDisconnected() {
+    var t, e;
+    (t = this._context) == null || t.hosts.delete(this._host), (e = this._context) == null || e.deleteIfEmpty();
+  }
+  updateControls() {
+    var t;
+    (t = this._context) == null || t.updateControls(this._host);
+  }
+}
+class R {
+  constructor(t) {
+    this._host = t, this._host.addController(this);
+  }
+  hostConnected() {
+    this._context = h.connect(this._host.getRootNode()), this._context.controls.add(this._host);
+    const t = this._host.closest("sbb-form-field");
+    let e = null;
+    const o = this._host.getAttribute("datepicker") ?? this._host.getAttribute("date-picker");
+    o ? e = Array.from(this._context.hosts).find((n) => n.id === o) ?? null : e = Array.from(this._context.hosts).find((n) => n.closest("sbb-form-field") === t) ?? null, e && (this._host.datepicker = e);
+  }
+  hostDisconnected() {
+    var t, e;
+    (t = this._context) == null || t.controls.delete(this._host), (e = this._context) == null || e.deleteIfEmpty();
+  }
+}
+let W = (() => {
+  var l, d;
+  let a = z(w), t = [], e, o, n, f = [], m = [];
+  return d = class extends a {
     constructor() {
-      var t, e;
+      var s, i;
       super();
-      m(this, d);
-      m(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) ?? S, this._language = new C(this).withHandler(() => this._setAriaLabel()), (e = this.addEventListener) == null || e.call(this, "click", () => this._handleClick());
+      D(this, l);
+      this._datepicker = _(this, t), p(this, l, _(this, f, null)), this._disabled = (_(this, m), !1), this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = ((s = E().datetime) == null ? void 0 : s.dateAdapter) ?? P, this._language = new S(this), this.addController(new R(this)), (i = this.addEventListener) == null || i.call(this, "click", () => this._handleClick());
     }
-    /** Datepicker reference. */
+    /**
+     * Datepicker reference.
+     * @internal
+     * @deprecated Use property/attribute `datepicker` instead.
+     */
+    set datePicker(s) {
+      this.datepicker = s;
+    }
+    /** @internal */
     get datePicker() {
-      return u(this, d);
+      return this.datepicker;
     }
-    set datePicker(t) {
-      h(this, d, t);
+    /** Datepicker reference. */
+    set datepicker(s) {
+      var i, r, c;
+      this._datepicker = typeof s == "string" ? (
+        // In case the value is a string, it should be treated as an id reference
+        // and attempt to be resolved.
+        ((c = (r = (i = this.getRootNode) == null ? void 0 : i.call(this)) == null ? void 0 : r.querySelector) == null ? void 0 : c.call(r, `#${s}`)) ?? null
+      ) : s, this.datePickerElement = this._datepicker;
+    }
+    get datepicker() {
+      return this._datepicker ?? null;
     }
     /** The boundary date (min/max) as set in the date-picker's input. */
     get boundary() {
-      return u(this, o);
+      return y(this, l);
     }
-    set boundary(t) {
-      h(this, o, t);
+    set boundary(s) {
+      p(this, l, s);
     }
     connectedCallback() {
-      super.connectedCallback(), this._syncUpstreamProperties(), this.datePicker || this._init();
-    }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("datePicker") && this._init(this.datePicker);
-    }
-    disconnectedCallback() {
-      var t;
-      super.disconnectedCallback(), (t = this._datePickerController) == null || t.abort();
+      var i, r;
+      super.connectedCallback();
+      const s = ((i = this.closest) == null ? void 0 : i.call(this, "sbb-form-field")) ?? ((r = this.closest) == null ? void 0 : r.call(this, "[data-form-field]"));
+      s && (this.negative = s.hasAttribute("negative"));
     }
-    _setDisabledState() {
-      var s;
-      const t = (s = this.datePickerElement) == null ? void 0 : s.valueAsDate;
-      if (!t) {
-        this._disabled = !0, this._setDisabledRenderAttributes(!0);
+    willUpdate(s) {
+      var c, k;
+      if (super.willUpdate(s), !this.datepicker || !this._dateAdapter.isValid(this.datepicker.valueAsDate)) {
+        this._disabled = !0, this.setAttribute("aria-label", this.i18nOffBoundaryDay[this._language.current]), this._setDisabledRenderAttributes();
         return;
       }
-      const e = this.findAvailableDate(t);
-      this._disabled = this._dateAdapter.compareDate(e, t) === 0, this._setDisabledRenderAttributes();
+      const i = this.findAvailableDate(this.datepicker.valueAsDate);
+      this._disabled = this._dateAdapter.compareDate(i, this.datepicker.valueAsDate) === 0, this._inputDisabled = (((c = this.datepicker.inputElement) == null ? void 0 : c.disabled) || ((k = this.datepicker.inputElement) == null ? void 0 : k.readOnly)) ?? !0, this._setDisabledRenderAttributes();
+      const r = this._dateAdapter.compareDate(this.datepicker.now, this.datepicker.valueAsDate) === 0 ? I[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(this.datepicker.valueAsDate);
+      this.setAttribute("aria-label", this.i18nSelectOffBoundaryDay(r)[this._language.current]);
     }
     _handleClick() {
-      if (!this.datePickerElement || this.hasAttribute("data-disabled"))
+      if (!this.datepicker || this.hasAttribute("data-disabled"))
         return;
-      const t = this.datePickerElement.valueAsDate ?? this.datePickerElement.now, e = this.findAvailableDate(t);
-      this._dateAdapter.compareDate(e, t) !== 0 && (this.datePickerElement.valueAsDate = e);
-    }
-    _syncUpstreamProperties() {
-      var e, s;
-      const t = ((e = this.closest) == null ? void 0 : e.call(this, "sbb-form-field")) ?? ((s = this.closest) == null ? void 0 : s.call(this, "[data-form-field]"));
-      if (t) {
-        this.negative = t.hasAttribute("negative");
-        const n = t.querySelector("input");
-        n && (this._inputDisabled = n.hasAttribute("disabled") || n.hasAttribute("readonly"), this._setDisabledRenderAttributes());
-      }
-    }
-    _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) {
-        (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", () => {
-        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._setDisabledState();
-      }, { signal: this._datePickerController.signal }), this.datePickerElement.dispatchEvent(U());
-    }
-    _setAriaLabel() {
-      var s;
-      const t = (s = this.datePickerElement) == null ? void 0 : s.valueAsDate;
-      if (!t || !this._dateAdapter.isValid(t)) {
-        this.setAttribute("aria-label", this.i18nOffBoundaryDay[this._language.current]);
-        return;
-      }
-      const e = this.datePickerElement && this._dateAdapter.compareDate(this.datePickerElement.now, t) === 0 ? L[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(t);
-      this.setAttribute("aria-label", this.i18nSelectOffBoundaryDay(e)[this._language.current]);
+      const s = this.datepicker.valueAsDate ?? this.datepicker.now, i = this.findAvailableDate(s);
+      this._dateAdapter.compareDate(i, s) !== 0 && (this.datepicker.valueAsDate = i);
     }
-    _setDisabledRenderAttributes(t = this._disabled || this._inputDisabled) {
-      this.toggleAttribute("data-disabled", t), t ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0"));
+    _setDisabledRenderAttributes() {
+      const s = this._disabled || this._inputDisabled;
+      this.toggleAttribute("data-disabled", s), s ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0"));
     }
     renderTemplate() {
-      return g`<sbb-icon name=${this.iconName}></sbb-icon>`;
+      return x`<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 = [D({ attribute: "date-picker" })], _ = [y()], P(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, c), P(l, null, _, { 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, k), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l;
+  }, l = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    e = [v({ attribute: "date-picker" })], o = [v({ attribute: "datepicker" })], n = [C()], b(d, null, e, { kind: "setter", name: "datePicker", static: !1, private: !1, access: { has: (i) => "datePicker" in i, set: (i, r) => {
+      i.datePicker = r;
+    } }, metadata: s }, null, t), b(d, null, o, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (i) => "datepicker" in i, set: (i, r) => {
+      i.datepicker = r;
+    } }, metadata: s }, null, t), b(d, null, n, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (i) => "boundary" in i, get: (i) => i.boundary, set: (i, r) => {
+      i.boundary = r;
+    } }, metadata: s }, f, m), s && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), d;
 })();
 export {
-  $ as SbbDatepickerButton
+  R as SbbDatepickerAssociationControlController,
+  V as SbbDatepickerAssociationHostController,
+  W as SbbDatepickerButton
 };

package/datepicker/datepicker/datepicker.d.ts

@@ -13,8 +13,12 @@ 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.
  */
 export declare function getDatePicker<T = Date>(element: SbbDatepickerButton<T> | SbbDatepickerToggleElement<T>, trigger?: string | HTMLElement): SbbDatepickerElement<T> | null | undefined;
+/**
+ * @deprecated No longer in use.
+ */
 export declare const datepickerControlRegisteredEventFactory: () => CustomEvent;
 /**
  * Combined with a native input, it displays the input's value as a formatted date.
@@ -37,9 +41,17 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     accessor wide: boolean;
     /** A function used to filter out dates. */
     accessor dateFilter: (date: T | null) => boolean;
-    /** Reference of the native input connected to the datepicker. */
+    /**
+     * Reference of the native input connected to the datepicker.
+     * If given a string, it will be treated as an id reference and an attempt is
+     * made to be resolved for the containing document fragment.
+     * If given a HTMLElement instance, it will be used as is.
+     */
     accessor input: string | HTMLElement | null;
-    /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
+    /**
+     * A configured date which acts as the current date instead of the real current date.
+     * Recommended for testing purposes.
+     */
     set now(value: SbbDateLike<T> | null);
     get now(): T;
     private _now?;
@@ -47,6 +59,9 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     set valueAsDate(value: SbbDateLike<T> | null);
     get valueAsDate(): T | null;
     private _valueAsDate?;
+    /** The resolved associated input element, as defined by `input`. */
+    get inputElement(): HTMLInputElement | null;
+    private accessor _inputElement;
     /** Notifies that the connected input has changes. */
     private _change;
     /** Notifies that the attributes of the input connected to the datepicker have changes. */
@@ -55,15 +70,15 @@ export declare class SbbDatepickerElement<T = Date> extends LitElement {
     private _datePickerUpdated;
     /** Emits whenever the internal validation state changes. */
     private _validationChange;
-    private accessor _inputElement;
     private _inputElementPlaceholderMutable;
     private _datePickerController;
     private _inputObserver;
     private _dateAdapter;
     private _language;
+    private _associationController;
     constructor();
     connectedCallback(): void;
-    willUpdate(changedProperties: PropertyValues<this>): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
     /**

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-toggle/datepicker-toggle.d.ts

@@ -1,25 +1,34 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 import { CalendarView } from '../../calendar.js';
+import { SbbDatepickerControl } from '../common.js';
 import { SbbDatepickerElement } from '../datepicker.js';
 declare const SbbDatepickerToggleElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
 /**
  * Combined with a `sbb-datepicker`, it can be used to select a date from a `sbb-calendar`.
  */
-export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerToggleElement_base {
+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. */
-    accessor datePicker: string | SbbDatepickerElement | null;
+    set datepicker(value: SbbDatepickerElement<T> | null);
+    get datepicker(): SbbDatepickerElement<T> | null;
+    private _datepicker?;
     /** The initial view of calendar which should be displayed on opening. */
     accessor view: CalendarView;
     private accessor _disabled;
     private accessor _min;
     private accessor _max;
     private accessor _renderCalendar;
-    private _datePickerElement;
     private _calendarElement;
     private _triggerElement;
     private _popoverElement;
-    private _datePickerController;
     private _language;
     constructor();
     /**
@@ -27,11 +36,8 @@ export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerT
      */
     open(): void;
     connectedCallback(): void;
-    willUpdate(changedProperties: PropertyValues<this>): void;
-    disconnectedCallback(): void;
-    private _init;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     private _configureCalendar;
-    private _datePickerChanged;
     private _assignCalendar;
     protected updated(changedProperties: PropertyValues<this>): void;
     private _nowOrNull;

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,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAKlF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;;AAErC;;GAEG;AACH,qBAKM,0BAA0B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,+BAA+C;IAChG,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4BAA4B;IAC5B,SAAwD,UAAU,EAC9D,MAAM,GACN,oBAAoB,GACpB,IAAI,CAAQ;IAEhB,yEAAyE;IACzE,SAA4B,IAAI,EAAE,YAAY,CAAS;IAE9C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA4C;IAEjE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA4C;IAEjE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IAElD,OAAO,CAAC,kBAAkB,CAA6C;IACvE,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,SAAS,CAAmC;;IAcpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAOH,iBAAiB,IAAI,IAAI;IAYzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQzD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,KAAK;IAyCb,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,eAAe;cAgBJ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMzE,OAAO,CAAC,UAAU;cAIC,MAAM,IAAI,cAAc;CA2C5C;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;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;;AAErC;;GAEG;AACH,qBAKM,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,CAA4C;IAEjE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA4C;IAEjE,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;cAQtB,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;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}