@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/date-input/date-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/elements/date-input/date-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAY1F,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAY7D;;GAEG;AACH,qBAEM,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,wBAAuC;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAQtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,IAEW,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,EAmBrC;IACD,IAAW,WAAW,IAAI,CAAC,GAAG,IAAI,CAEjC;IACD,OAAO,CAAC,YAAY,CAAC,CAAW;IAEhC,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,2CAA2C;IAC3C,IACW,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,EAKvD;IACD,IAAW,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAEnD;IAED;;;;OAIG;IACH,SACgB,YAAY,EAAE,OAAO,GAAG,MAAM,CAAW;IAEzD;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAqB;IACzC,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,mBAAmB,CAAS;IAEpC;;;OAGG;IACH,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;;IAOD,OAAO,CAAC,WAAW,CAA2C;IAE9C,iBAAiB,IAAI,IAAI;IAQzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAYP;;;;;;;;OAQG;IACa,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAMY,eAAe,IAAI,IAAI;IAO1C,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAIA,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IAiCnC,OAAO,CAAC,qBAAqB;CAK9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;IAED,UAAU,mBAAmB;QAC3B,aAAa,EAAE,OAAO,CAAC;KACxB;CACF"}
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/elements/date-input/date-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAY1F,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAY7D;;GAEG;AACH,qBAEM,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,wBAAuC;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;IACH,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAQtC;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,IAEW,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,EAmBrC;IACD,IAAW,WAAW,IAAI,CAAC,GAAG,IAAI,CAEjC;IACD,OAAO,CAAC,YAAY,CAAC,CAAW;IAEhC,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,SAEgB,GAAG,EAAE,CAAC,GAAG,IAAI,CAAQ;IAErC,2CAA2C;IAC3C,IACW,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,EAKvD;IACD,IAAW,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAEnD;IAED;;;;OAIG;IACH,SACgB,YAAY,EAAE,OAAO,GAAG,MAAM,CAAW;IAEzD;;;OAGG;IACH,OAAO,CAAC,WAAW,CAAC,CAAqB;IACzC,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,mBAAmB,CAAS;IAEpC;;;OAGG;IACH,IAAW,UAAU,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtD;;IAOD,OAAO,CAAC,WAAW,CAA2C;IAE9C,iBAAiB,IAAI,IAAI;IAQzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAiBP;;;;;;;;OAQG;IACa,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAMY,eAAe,IAAI,IAAI;IAO1C,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,WAAW;cAIA,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IAiCnC,OAAO,CAAC,qBAAqB;CAK9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;IAED,UAAU,mBAAmB;QAC3B,aAAa,EAAE,OAAO,CAAC;KACxB;CACF"}

package/date-input/date-input.js

@@ -0,0 +1,155 @@
+var z = (a) => {
+  throw TypeError(a);
+};
+var M = (a, s, i) => s.has(a) || z("Cannot " + i);
+var p = (a, s, i) => (M(a, s, "read from private field"), i ? i.call(a) : s.get(a)), f = (a, s, i) => s.has(a) ? z("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, i), d = (a, s, i, n) => (M(a, s, "write to private field"), n ? n.call(a, i) : s.set(a, i), i);
+import { __esDecorate as m, __runInitializers as o } from "tslib";
+import { css as T, LitElement as j, isServer as q } from "lit";
+import { customElement as L, property as _ } from "lit/decorators.js";
+import { readConfig as G } from "../core/config.js";
+import { defaultDateAdapter as R } from "../core/datetime.js";
+import { forceType as v, DateOnlyType as D, dateConverter as O } from "../core/decorators.js";
+import { i18nDatePickerPlaceholder as P, i18nDateInvalid as U, i18nDateMin as B, i18nDateMax as H } from "../core/i18n.js";
+import { SbbFormAssociatedInputMixin as J } from "../core/mixins.js";
+const K = T`:host{display:inline-block;min-width:9.375rem;max-width:100%;cursor:text}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`;
+Object.assign(ValidityState.prototype, {
+  get sbbDateFilter() {
+    return !1;
+  }
+});
+let se = (() => {
+  var h, u, c, l;
+  let a = [L("sbb-date-input")], s, i = [], n, b = J(j), y = [], g, A, k = [], x = [], F, w = [], S = [], V, E, I = [], C = [];
+  return l = class extends b {
+    constructor() {
+      var e, t;
+      super();
+      f(this, h);
+      f(this, u);
+      f(this, c);
+      this._valueAsDate = o(this, y), d(this, h, o(this, k, null)), d(this, u, (o(this, x), o(this, w, null))), d(this, c, (o(this, S), o(this, I, "short"))), this._valueCache = o(this, C), this._dateAdapter = ((e = G().datetime) == null ? void 0 : e.dateAdapter) ?? R, this._placeholderMutable = !1, this._dateFilter = () => !0, (t = this.addEventListener) == null || t.call(this, "change", () => this._updateValueDateFormat(), { capture: !0 });
+    }
+    /**
+     * The value of the date input. Reflects the current text value
+     * of this input.
+     * @attr Accepts ISO8601 formatted values, which will be
+     * formatted according to the current locale.
+     */
+    set value(e) {
+      this._tryParseValue(e), !q && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatDate()), super.value = e;
+    }
+    get value() {
+      return super.value ?? "";
+    }
+    set valueAsDate(e) {
+      if (!e)
+        this._valueAsDate = null, this._valueCache = ["", null], this.value = "";
+      else if (!this._dateAdapter.isDateInstance(this._valueAsDate) || this._dateAdapter.compareDate(this._valueAsDate, e) !== 0) {
+        this._valueAsDate = e;
+        const t = this._formatDate();
+        this._valueCache = [t, this._valueAsDate], this.value = t;
+      }
+    }
+    get valueAsDate() {
+      return this._valueAsDate ?? null;
+    }
+    get min() {
+      return p(this, h);
+    }
+    set min(e) {
+      d(this, h, e);
+    }
+    get max() {
+      return p(this, u);
+    }
+    set max(e) {
+      d(this, u, e);
+    }
+    /** A function used to filter out dates. */
+    set dateFilter(e) {
+      this._dateFilter = e, this.datepicker && (this.datepicker.dateFilter = e);
+    }
+    get dateFilter() {
+      return this._dateFilter;
+    }
+    /**
+     * How to format the displayed date.
+     * `short`: Two letter abbreviation of the week day (e.g. Fr).
+     * `none`: The weekday is not displayed.
+     */
+    get weekdayStyle() {
+      return p(this, c);
+    }
+    set weekdayStyle(e) {
+      d(this, c, e);
+    }
+    /**
+     * Gets the associated datepicker, if any.
+     * The sbb-date-input and the sbb-datepicker are assumed to be in the same parent container.
+     */
+    get datepicker() {
+      return this.parentElement.querySelector("sbb-datepicker");
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.placeholder || (this._placeholderMutable = !0, this.placeholder = P[this.language.current]);
+    }
+    requestUpdate(e, t, r) {
+      super.requestUpdate(e, t, r), this.hasUpdated && !e ? (this._updateValueDateFormat(), this._placeholderMutable && (this.placeholder = P[this.language.current])) : e === "weekdayStyle" && this._updateValueDateFormat(), this.hasUpdated && this.dispatchEvent(new Event("ɵchange"));
+    }
+    /**
+     *  Called when the browser is trying to restore element’s state to state in which case
+     *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
+     *  user in which case reason is "autocomplete".
+     *  In the case of "restore", state is a string, File, or FormData object
+     *  previously set as the second argument to setFormValue.
+     *
+     * @internal
+     */
+    formStateRestoreCallback(e, t) {
+      e && typeof e == "string" && (this.value = e);
+    }
+    updateFormValue() {
+      this._tryParseValue();
+      const e = this.valueAsDate !== null ? this._dateAdapter.toIso8601(this.valueAsDate) : null;
+      this.internals.setFormValue(e, this.value);
+    }
+    _tryParseValue(e = this.value) {
+      var t;
+      ((t = this._valueCache) == null ? void 0 : t[0]) !== e && (this._valueAsDate = this._dateAdapter.parse(e), this._valueCache = [e, this._valueAsDate]);
+    }
+    _updateValueDateFormat() {
+      if (this.valueAsDate) {
+        const e = this._formatDate();
+        this.value !== e && (super.value = e);
+      }
+    }
+    _formatDate() {
+      return this._dateAdapter.format(this.valueAsDate, { weekdayStyle: this.weekdayStyle });
+    }
+    shouldValidate(e) {
+      return super.shouldValidate(e) || ["valueAsDate", "min", "max"].includes(e);
+    }
+    validate() {
+      super.validate(), this.value ? this._dateAdapter.isValid(this.valueAsDate) ? this._dateAdapter.isValid(this.min) && this._dateAdapter.compareDate(this.min, this.valueAsDate) > 0 ? this.setValidityFlag("rangeUnderflow", B(this._dateAdapter.format(this.min, { weekdayStyle: "none" }))[this.language.current]) : this._dateAdapter.isValid(this.max) && this._dateAdapter.compareDate(this.valueAsDate, this.max) > 0 ? this.setValidityFlag("rangeOverflow", H(this._dateAdapter.format(this.max, { weekdayStyle: "none" }))[this.language.current]) : this.dateFilter && !this.dateFilter(this.valueAsDate) ? this.setValidityFlag("sbbDateFilter", U[this.language.current]) : this._removeValidityErrors() : this.setValidityFlag("badInput", U[this.language.current]) : this._removeValidityErrors();
+    }
+    _removeValidityErrors() {
+      ["badInput", "rangeUnderflow", "rangeOverflow", "sbbDateFilter"].forEach((e) => this.removeValidityFlag(e));
+    }
+  }, h = new WeakMap(), u = new WeakMap(), c = new WeakMap(), n = l, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    g = [v(), _({ attribute: !1, type: D })], A = [v(), _({ converter: O, reflect: !0, type: D })], F = [v(), _({ converter: O, reflect: !0, type: D })], V = [_({ attribute: !1 })], E = [_({ attribute: "weekday-style" })], m(l, null, g, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, r) => {
+      t.valueAsDate = r;
+    } }, metadata: e }, null, y), m(l, null, A, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, r) => {
+      t.min = r;
+    } }, metadata: e }, k, x), m(l, null, F, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, r) => {
+      t.max = r;
+    } }, metadata: e }, w, S), m(l, null, V, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, set: (t, r) => {
+      t.dateFilter = r;
+    } }, metadata: e }, null, y), m(l, null, E, { kind: "accessor", name: "weekdayStyle", static: !1, private: !1, access: { has: (t) => "weekdayStyle" in t, get: (t) => t.weekdayStyle, set: (t, r) => {
+      t.weekdayStyle = r;
+    } }, metadata: e }, I, C), m(null, s = { value: n }, a, { kind: "class", name: n.name, metadata: e }, null, i), n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), l.styles = K, o(n, i), n;
+})();
+export {
+  se as SbbDateInputElement
+};

package/date-input.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './date-input/date-input.js';
 //# sourceMappingURL=date-input.d.ts.map

package/date-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../src/elements/date-input.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../src/elements/date-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}

package/date-input.js

@@ -1,155 +1,4 @@
-var z = (a) => {
-  throw TypeError(a);
-};
-var M = (a, s, i) => s.has(a) || z("Cannot " + i);
-var p = (a, s, i) => (M(a, s, "read from private field"), i ? i.call(a) : s.get(a)), f = (a, s, i) => s.has(a) ? z("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, i), d = (a, s, i, o) => (M(a, s, "write to private field"), o ? o.call(a, i) : s.set(a, i), i);
-import { __esDecorate as m, __runInitializers as n } from "tslib";
-import { css as U, LitElement as j, isServer as q } from "lit";
-import { customElement as L, property as _ } from "lit/decorators.js";
-import { readConfig as G } from "./core/config.js";
-import { defaultDateAdapter as R } from "./core/datetime.js";
-import { forceType as v, DateOnlyType as D, dateConverter as O } from "./core/decorators.js";
-import { i18nDatePickerPlaceholder as P, i18nDateInvalid as T, i18nDateMin as B, i18nDateMax as H } from "./core/i18n.js";
-import { SbbFormAssociatedInputMixin as J } from "./core/mixins.js";
-const K = U`:host{display:inline-block;min-width:9.375rem;max-width:100%;cursor:text}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`;
-Object.assign(ValidityState.prototype, {
-  get sbbDateFilter() {
-    return !1;
-  }
-});
-let se = (() => {
-  var h, u, c, l;
-  let a = [L("sbb-date-input")], s, i = [], o, b = J(j), y = [], g, A, k = [], x = [], F, S = [], w = [], V, I, E = [], C = [];
-  return l = class extends b {
-    constructor() {
-      var e, t;
-      super();
-      f(this, h);
-      f(this, u);
-      f(this, c);
-      this._valueAsDate = n(this, y), d(this, h, n(this, k, null)), d(this, u, (n(this, x), n(this, S, null))), d(this, c, (n(this, w), n(this, E, "short"))), this._valueCache = n(this, C), this._dateAdapter = ((e = G().datetime) == null ? void 0 : e.dateAdapter) ?? R, this._placeholderMutable = !1, this._dateFilter = () => !0, (t = this.addEventListener) == null || t.call(this, "change", () => this._updateValueDateFormat(), { capture: !0 });
-    }
-    /**
-     * The value of the date input. Reflects the current text value
-     * of this input.
-     * @attr Accepts ISO8601 formatted values, which will be
-     * formatted according to the current locale.
-     */
-    set value(e) {
-      this._tryParseValue(e), !q && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatDate()), super.value = e;
-    }
-    get value() {
-      return super.value ?? "";
-    }
-    set valueAsDate(e) {
-      if (!e)
-        this._valueAsDate = null, this._valueCache = ["", null], this.value = "";
-      else if (!this._dateAdapter.isDateInstance(this._valueAsDate) || this._dateAdapter.compareDate(this._valueAsDate, e) !== 0) {
-        this._valueAsDate = e;
-        const t = this._formatDate();
-        this._valueCache = [t, this._valueAsDate], this.value = t;
-      }
-    }
-    get valueAsDate() {
-      return this._valueAsDate ?? null;
-    }
-    get min() {
-      return p(this, h);
-    }
-    set min(e) {
-      d(this, h, e);
-    }
-    get max() {
-      return p(this, u);
-    }
-    set max(e) {
-      d(this, u, e);
-    }
-    /** A function used to filter out dates. */
-    set dateFilter(e) {
-      this._dateFilter = e, this.datepicker && (this.datepicker.dateFilter = e);
-    }
-    get dateFilter() {
-      return this._dateFilter;
-    }
-    /**
-     * How to format the displayed date.
-     * `short`: Two letter abbreviation of the week day (e.g. Fr).
-     * `none`: The weekday is not displayed.
-     */
-    get weekdayStyle() {
-      return p(this, c);
-    }
-    set weekdayStyle(e) {
-      d(this, c, e);
-    }
-    /**
-     * Gets the associated datepicker, if any.
-     * The sbb-date-input and the sbb-datepicker are assumed to be in the same parent container.
-     */
-    get datepicker() {
-      return this.parentElement.querySelector("sbb-datepicker");
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.placeholder || (this._placeholderMutable = !0, this.placeholder = P[this.language.current]);
-    }
-    requestUpdate(e, t, r) {
-      super.requestUpdate(e, t, r), this.hasUpdated && !e ? (this._updateValueDateFormat(), this._placeholderMutable && (this.placeholder = P[this.language.current])) : e === "weekdayStyle" && this._updateValueDateFormat();
-    }
-    /**
-     *  Called when the browser is trying to restore element’s state to state in which case
-     *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
-     *  user in which case reason is "autocomplete".
-     *  In the case of "restore", state is a string, File, or FormData object
-     *  previously set as the second argument to setFormValue.
-     *
-     * @internal
-     */
-    formStateRestoreCallback(e, t) {
-      e && typeof e == "string" && (this.value = e);
-    }
-    updateFormValue() {
-      this._tryParseValue();
-      const e = this.valueAsDate !== null ? this._dateAdapter.toIso8601(this.valueAsDate) : null;
-      this.internals.setFormValue(e, this.value);
-    }
-    _tryParseValue(e = this.value) {
-      var t;
-      ((t = this._valueCache) == null ? void 0 : t[0]) !== e && (this._valueAsDate = this._dateAdapter.parse(e), this._valueCache = [e, this._valueAsDate]);
-    }
-    _updateValueDateFormat() {
-      if (this.valueAsDate) {
-        const e = this._formatDate();
-        this.value !== e && (super.value = e);
-      }
-    }
-    _formatDate() {
-      return this._dateAdapter.format(this.valueAsDate, { weekdayStyle: this.weekdayStyle });
-    }
-    shouldValidate(e) {
-      return super.shouldValidate(e) || ["valueAsDate", "min", "max"].includes(e);
-    }
-    validate() {
-      super.validate(), this.value ? this._dateAdapter.isValid(this.valueAsDate) ? this._dateAdapter.isValid(this.min) && this._dateAdapter.compareDate(this.min, this.valueAsDate) > 0 ? this.setValidityFlag("rangeUnderflow", B(this._dateAdapter.format(this.min, { weekdayStyle: "none" }))[this.language.current]) : this._dateAdapter.isValid(this.max) && this._dateAdapter.compareDate(this.valueAsDate, this.max) > 0 ? this.setValidityFlag("rangeOverflow", H(this._dateAdapter.format(this.max, { weekdayStyle: "none" }))[this.language.current]) : this.dateFilter && !this.dateFilter(this.valueAsDate) ? this.setValidityFlag("sbbDateFilter", T[this.language.current]) : this._removeValidityErrors() : this.setValidityFlag("badInput", T[this.language.current]) : this._removeValidityErrors();
-    }
-    _removeValidityErrors() {
-      ["badInput", "rangeUnderflow", "rangeOverflow", "sbbDateFilter"].forEach((e) => this.removeValidityFlag(e));
-    }
-  }, h = new WeakMap(), u = new WeakMap(), c = new WeakMap(), o = l, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    g = [v(), _({ attribute: !1, type: D })], A = [v(), _({ converter: O, reflect: !0, type: D })], F = [v(), _({ converter: O, reflect: !0, type: D })], V = [_({ attribute: !1 })], I = [_({ attribute: "weekday-style" })], m(l, null, g, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, r) => {
-      t.valueAsDate = r;
-    } }, metadata: e }, null, y), m(l, null, A, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, r) => {
-      t.min = r;
-    } }, metadata: e }, k, x), m(l, null, F, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, r) => {
-      t.max = r;
-    } }, metadata: e }, S, w), m(l, null, V, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, set: (t, r) => {
-      t.dateFilter = r;
-    } }, metadata: e }, null, y), m(l, null, I, { kind: "accessor", name: "weekdayStyle", static: !1, private: !1, access: { has: (t) => "weekdayStyle" in t, get: (t) => t.weekdayStyle, set: (t, r) => {
-      t.weekdayStyle = r;
-    } }, metadata: e }, E, C), m(null, s = { value: o }, a, { kind: "class", name: o.name, metadata: e }, null, i), o = s.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), l.styles = K, n(o, i), o;
-})();
+import { SbbDateInputElement as b } from "./date-input/date-input.js";
 export {
-  se as SbbDateInputElement
+  b as SbbDateInputElement
 };

package/datepicker/common/datepicker-association-controllers.js

@@ -0,0 +1,58 @@
+const i = class i {
+  constructor(t) {
+    this._host = t, this.hosts = /* @__PURE__ */ new Set(), this.controls = /* @__PURE__ */ new Set();
+  }
+  static connect(t) {
+    let s = this._registry.get(t);
+    return s || (s = new i(t), this._registry.set(t, s)), s;
+  }
+  updateControls(t) {
+    Array.from(this.controls).filter((s) => s.datepicker === t).forEach((s) => s.requestUpdate());
+  }
+  deleteIfEmpty() {
+    !this.controls.size && !this.hosts.size && this.constructor._registry.delete(this._host);
+  }
+};
+i._registry = /* @__PURE__ */ new WeakMap();
+let o = i;
+class c {
+  constructor(t) {
+    this._host = t, this._host.addController(this);
+  }
+  hostConnected() {
+    this._context = o.connect(this._host.getRootNode()), this._context.hosts.add(this._host);
+    const t = this._host.closest("sbb-form-field");
+    for (const s of this._context.controls) {
+      const e = s.getAttribute("datepicker") ?? s.getAttribute("date-picker");
+      (e ? e === this._host.id : s.closest("sbb-form-field") === t) && (s.datepicker = this._host);
+    }
+  }
+  hostDisconnected() {
+    var t, s;
+    (t = this._context) == null || t.hosts.delete(this._host), (s = this._context) == null || s.deleteIfEmpty();
+  }
+  updateControls() {
+    var t;
+    (t = this._context) == null || t.updateControls(this._host);
+  }
+}
+class n {
+  constructor(t) {
+    this._host = t, this._host.addController(this);
+  }
+  hostConnected() {
+    this._context = o.connect(this._host.getRootNode()), this._context.controls.add(this._host);
+    const t = this._host.closest("sbb-form-field");
+    let s = null;
+    const e = this._host.getAttribute("datepicker") ?? this._host.getAttribute("date-picker");
+    e ? s = Array.from(this._context.hosts).find((h) => h.id === e) ?? null : s = Array.from(this._context.hosts).find((h) => h.closest("sbb-form-field") === t) ?? null, s && (this._host.datepicker = s);
+  }
+  hostDisconnected() {
+    var t, s;
+    (t = this._context) == null || t.controls.delete(this._host), (s = this._context) == null || s.deleteIfEmpty();
+  }
+}
+export {
+  n as SbbDatepickerAssociationControlController,
+  c as SbbDatepickerAssociationHostController
+};

package/datepicker/common/datepicker-button.js

@@ -0,0 +1,105 @@
+var k = (a) => {
+  throw TypeError(a);
+};
+var _ = (a, s, r) => s.has(a) || k("Cannot " + r);
+var A = (a, s, r) => (_(a, s, "read from private field"), r ? r.call(a) : s.get(a)), g = (a, s, r) => s.has(a) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), c = (a, s, r, l) => (_(a, s, "write to private field"), l ? l.call(a, r) : s.set(a, r), r);
+import { __esDecorate as u, __runInitializers as h } from "tslib";
+import { html as v } 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 w } from "../../core/config.js";
+import { SbbLanguageController as C } from "../../core/controllers.js";
+import { defaultDateAdapter as S } from "../../core/datetime.js";
+import { i18nToday as P } from "../../core/i18n.js";
+import { SbbNegativeMixin as x } from "../../core/mixins.js";
+import { SbbDatepickerAssociationControlController as I } from "./datepicker-association-controllers.js";
+import "../../icon.js";
+const O = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
+let G = (() => {
+  var n, d;
+  let a = x(E), s = [], r, l, p, b = [], m = [];
+  return d = class extends a {
+    constructor() {
+      var e, t;
+      super();
+      g(this, n);
+      this._datepicker = h(this, s), c(this, n, h(this, b, null)), this._disabled = (h(this, m), !1), this._inputDisabled = !1, this.datePickerElement = null, this._dateAdapter = ((e = w().datetime) == null ? void 0 : e.dateAdapter) ?? S, this._language = new C(this), this.addController(new I(this)), (t = this.addEventListener) == null || t.call(this, "click", () => this._handleClick());
+    }
+    /**
+     * Datepicker reference.
+     * @internal
+     * @deprecated Use property/attribute `datepicker` instead.
+     */
+    set datePicker(e) {
+      this.datepicker = e;
+    }
+    /** @internal */
+    get datePicker() {
+      return this.datepicker;
+    }
+    /** Datepicker reference. */
+    set datepicker(e) {
+      var t, i, o;
+      this._datepicker = typeof e == "string" ? (
+        // In case the value is a string, it should be treated as an id reference
+        // and attempt to be resolved.
+        ((o = (i = (t = this.getRootNode) == null ? void 0 : t.call(this)) == null ? void 0 : i.querySelector) == null ? void 0 : o.call(i, `#${e}`)) ?? null
+      ) : e, 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 A(this, n);
+    }
+    set boundary(e) {
+      c(this, n, e);
+    }
+    connectedCallback() {
+      var t, i;
+      super.connectedCallback();
+      const e = ((t = this.closest) == null ? void 0 : t.call(this, "sbb-form-field")) ?? ((i = this.closest) == null ? void 0 : i.call(this, "[data-form-field]"));
+      e && (this.negative = e.hasAttribute("negative"));
+    }
+    willUpdate(e) {
+      var o, f;
+      if (super.willUpdate(e), !this.datepicker || !this._dateAdapter.isValid(this.datepicker.valueAsDate)) {
+        this._disabled = !0, this.setAttribute("aria-label", this.i18nOffBoundaryDay[this._language.current]), this._setDisabledRenderAttributes();
+        return;
+      }
+      const t = this.findAvailableDate(this.datepicker.valueAsDate);
+      this._disabled = this._dateAdapter.compareDate(t, this.datepicker.valueAsDate) === 0, this._inputDisabled = (((o = this.datepicker.inputElement) == null ? void 0 : o.disabled) || ((f = this.datepicker.inputElement) == null ? void 0 : f.readOnly)) ?? !0, this._setDisabledRenderAttributes();
+      const i = this._dateAdapter.compareDate(this.datepicker.now, this.datepicker.valueAsDate) === 0 ? P[this._language.current].toLowerCase() : this._dateAdapter.getAccessibilityFormatDate(this.datepicker.valueAsDate);
+      this.setAttribute("aria-label", this.i18nSelectOffBoundaryDay(i)[this._language.current]);
+    }
+    _handleClick() {
+      if (!this.datepicker || this.hasAttribute("data-disabled"))
+        return;
+      const e = this.datepicker.valueAsDate ?? this.datepicker.now, t = this.findAvailableDate(e);
+      if (this._dateAdapter.compareDate(t, e) !== 0) {
+        const i = this.datepicker.inputElement;
+        O(i) ? (i.valueAsDate = t, i.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), i.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), i.dispatchEvent(new Event("blur", { composed: !0 }))) : this.datepicker.valueAsDate = t;
+      }
+    }
+    _setDisabledRenderAttributes() {
+      const e = this._disabled || this._inputDisabled;
+      this.toggleAttribute("data-disabled", e), e ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0"));
+    }
+    renderTemplate() {
+      return v`<sbb-icon name=${this.iconName}></sbb-icon>`;
+    }
+  }, n = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    r = [D({ attribute: "date-picker" })], l = [D({ attribute: "datepicker" })], p = [y()], u(d, null, r, { kind: "setter", name: "datePicker", static: !1, private: !1, access: { has: (t) => "datePicker" in t, set: (t, i) => {
+      t.datePicker = i;
+    } }, metadata: e }, null, s), u(d, null, l, { kind: "setter", name: "datepicker", static: !1, private: !1, access: { has: (t) => "datepicker" in t, set: (t, i) => {
+      t.datepicker = i;
+    } }, metadata: e }, null, s), u(d, null, p, { kind: "accessor", name: "boundary", static: !1, private: !1, access: { has: (t) => "boundary" in t, get: (t) => t.boundary, set: (t, i) => {
+      t.boundary = i;
+    } }, metadata: e }, b, m), e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), d;
+})();
+export {
+  G as SbbDatepickerButton
+};

package/datepicker/common.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 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;AAC9C,cAAc,gDAAgD,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gDAAgD,CAAC"}