@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/datepicker/common.js

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

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/datepicker.js

@@ -0,0 +1,266 @@
+var q = (a) => {
+  throw TypeError(a);
+};
+var H = (a, n, l) => n.has(a) || q("Cannot " + l);
+var D = (a, n, l) => (H(a, n, "read from private field"), l ? l.call(a) : n.get(a)), w = (a, n, l) => n.has(a) ? q("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, l), h = (a, n, l, u) => (H(a, n, "write to private field"), u ? u.call(a, l) : n.set(a, l), l);
+import { __runInitializers as d, __esDecorate as c } from "tslib";
+import { css as B, isServer as j, LitElement as G, html as J } from "lit";
+import { customElement as K, property as v, state as Q } from "lit/decorators.js";
+import { readConfig as W } from "../../core/config.js";
+import { SbbIdReferenceController as X, SbbLanguageController as Y } from "../../core/controllers.js";
+import { defaultDateAdapter as Z } from "../../core/datetime.js";
+import { forceType as tt } from "../../core/decorators.js";
+import { findReferencedElement as et } from "../../core/dom.js";
+import { EventEmitter as C, forwardEvent as it } from "../../core/eventing.js";
+import { i18nDatePickerPlaceholder as $, i18nDateChangedTo as at } from "../../core/i18n.js";
+import { SbbDatepickerAssociationHostController as st } from "../common.js";
+const nt = B`:host{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+function At(a, n) {
+  var l, u;
+  return n ? et(n) : (u = (l = a.closest) == null ? void 0 : l.call(a, "sbb-form-field")) == null ? void 0 : u.querySelector("sbb-datepicker");
+}
+const gt = () => new CustomEvent("datepickerControlRegistered", {
+  bubbles: !1,
+  composed: !0
+});
+let lt = 0;
+const o = (a) => (a == null ? void 0 : a.localName) === "sbb-date-input";
+let Dt = (() => {
+  var m, f, b, r;
+  let a = [K("sbb-datepicker")], n, l = [], u, y = G, E = [], I, k = [], x = [], U, F, z = [], M = [], O, S, V, T = [], P = [];
+  var _ = (r = class extends y {
+    constructor() {
+      var t;
+      super(...arguments);
+      w(this, m);
+      w(this, f);
+      w(this, b);
+      h(this, m, (d(this, E), d(this, k, !1))), this._dateFilter = d(this, x), h(this, f, d(this, z, null)), this._now = d(this, M), h(this, b, d(this, T, null)), this._change = (d(this, P), new C(this, _.events.change, {
+        bubbles: !0
+      })), this._inputUpdated = new C(this, _.events.inputUpdated, { bubbles: !0, cancelable: !0 }), this._datePickerUpdated = new C(this, _.events.datePickerUpdated, {
+        bubbles: !0,
+        cancelable: !0
+      }), this._validationChange = new C(this, _.events.validationChange), this._inputElementPlaceholderMutable = !1, this._inputIdReferenceController = new X(this, "input"), this._inputObserver = j ? null : new MutationObserver((e) => {
+        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 = 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);
+    }
+    set wide(t) {
+      h(this, m, t);
+    }
+    /**
+     * A function used to filter out dates.
+     * @deprecated Use dateFilter from SbbDateInputElement.
+     */
+    set dateFilter(t) {
+      this._dateFilter = t;
+    }
+    get dateFilter() {
+      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
+     * made to be resolved for the containing document fragment.
+     * If given a HTMLElement instance, it will be used as is.
+     */
+    get input() {
+      return D(this, f);
+    }
+    set input(t) {
+      h(this, f, t);
+    }
+    /**
+     * A configured date which acts as the current date instead of the real current date.
+     * Recommended for testing purposes.
+     */
+    set now(t) {
+      this._now = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t));
+    }
+    get now() {
+      return this._now ?? this._dateAdapter.today();
+    }
+    /**
+     * The currently selected date as a Date or custom date provider instance.
+     * @deprecated Use valueAsDate from SbbDateInputElement.
+     */
+    set valueAsDate(t) {
+      if (o(this.inputElement)) {
+        this.inputElement.valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t));
+        return;
+      }
+      this._valueAsDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t)), this._tryApplyFormatToInput() && this.inputElement.dispatchEvent(new Event("blur", { composed: !0 }));
+    }
+    get valueAsDate() {
+      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, b);
+    }
+    set _inputElement(t) {
+      h(this, b, t);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.id || (this.id = `sbb-datepicker-${++lt}`), this._configureInputElement();
+    }
+    requestUpdate(t, e, i) {
+      super.requestUpdate(t, e, i), this.hasUpdated && !t && this.inputElement && (this._inputElementPlaceholderMutable && (this.inputElement.placeholder = $[this._language.current]), this.valueAsDate && (this.inputElement.value = this._dateAdapter.format(this.valueAsDate))), !j && (!t || t === "input") && this.hasUpdated && this._configureInputElement();
+    }
+    willUpdate(t) {
+      super.willUpdate(t), (t.has("wide") || t.has("dateFilter") || t.has("now")) && (this._associationController.updateControls(), this._datePickerUpdated.emit()), t.has("valueAsDate") && this._setAriaLiveMessage();
+    }
+    disconnectedCallback() {
+      var t, e;
+      super.disconnectedCallback(), (t = this._inputObserver) == null || t.disconnect(), (e = this._inputAbortController) == null || e.abort(), this._inputElement = null;
+    }
+    firstUpdated(t) {
+      super.firstUpdated(t), this._setAriaLiveMessage();
+    }
+    /**
+     * @internal
+     * Whether a custom now is configured.
+     */
+    hasCustomNow() {
+      return !!this._now;
+    }
+    _configureInputElement() {
+      var s, p, A, N, L, R;
+      const t = this.input instanceof HTMLInputElement || this.input instanceof HTMLElement && o(this.input) ? this.input : this._inputIdReferenceController.find() ?? ((p = (s = this.closest) == null ? void 0 : s.call(this, "sbb-form-field")) == null ? void 0 : p.querySelector("input,sbb-date-input")) ?? null;
+      if (t === this.inputElement || ((A = this._inputAbortController) == null || A.abort(), (N = this._inputObserver) == null || N.disconnect(), this._inputElement = t, !this.inputElement))
+        return;
+      const e = !o(this.inputElement);
+      this._inputAbortController = new AbortController(), (L = this._inputObserver) == null || L.observe(this.inputElement, {
+        attributeFilter: ["disabled", "readonly", "min", "max", "value"]
+      }), e && (this._inputElementPlaceholderMutable = !this.inputElement.placeholder, this.inputElement.type = "text", this._inputElementPlaceholderMutable && (this.inputElement.placeholder = $[this._language.current]));
+      const i = { signal: this._inputAbortController.signal };
+      this.inputElement.addEventListener("input", (g) => {
+        it(g, this), this._parseInput();
+      }, i), this.inputElement.addEventListener("change", () => this._handleInputChange(), i), this.inputElement.addEventListener("ɵchange", () => {
+        var g;
+        return (g = this._associationController) == null ? void 0 : g.updateControls();
+      }, i), this._parseInput(!0), this._tryApplyFormatToInput(), this._validateDate(), this._emitInputUpdated(), (R = this._associationController) == null || R.updateControls();
+    }
+    _emitInputUpdated() {
+      const { disabled: t, readOnly: e, min: i, max: s } = this.inputElement ?? {}, p = i && typeof i != "string" ? this._dateAdapter.toIso8601(i) : i, A = s && typeof s != "string" ? this._dateAdapter.toIso8601(s) : s;
+      this._inputUpdated.emit({ disabled: t, readonly: e, min: p, max: A });
+    }
+    _handleInputChange() {
+      var t;
+      this._tryApplyFormatToInput() || (this._validateDate(), this._setAriaLiveMessage(), this._change.emit(), (t = this._associationController) == null || t.updateControls());
+    }
+    _tryApplyFormatToInput() {
+      if (!this.inputElement || o(this.inputElement))
+        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;
+    }
+    _validateDate() {
+      if (!this.inputElement)
+        return;
+      const t = !this.inputElement.value || this._isDateAvailable(), e = !this.inputElement.hasAttribute("data-sbb-invalid");
+      this.inputElement.toggleAttribute("data-sbb-invalid", !t), e !== t && this._validationChange.emit({ valid: t });
+    }
+    _parseInput(t = !1) {
+      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, 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 = `${at[this._language.current]} ${s}`;
+        }
+      else return;
+    }
+    render() {
+      return J`<p id="status-container" role="status"></p>`;
+    }
+    /**
+     * Calculates the first available date before the given one,
+     * considering the SbbDatepickerElement `dateFilter` property and `min` parameter (e.g. from the self-named input's attribute).
+     * @param date The starting date for calculations.
+     */
+    findPreviousAvailableDate(t) {
+      var s;
+      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,
+     * considering the SbbDatepickerElement `dateFilter` property and `max` parameter (e.g. from the self-named input's attribute).
+     * @param date The starting date for calculations.
+     */
+    findNextAvailableDate(t) {
+      var s;
+      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.
+     * @param date The starting date for calculations.
+     * @param delta The number of days to add/subtract from the starting one.
+     */
+    _findAvailableDate(t, e) {
+      let i = this._dateAdapter.addCalendarDays(t, e);
+      if (this.dateFilter)
+        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 i, s, p;
+      if (!this.valueAsDate)
+        return !1;
+      const t = this._dateAdapter.deserialize((i = this.inputElement) == null ? void 0 : i.min), e = this._dateAdapter.deserialize((s = this.inputElement) == null ? void 0 : s.max);
+      return this._dateAdapter.isValid(t) && this._dateAdapter.compareDate(this.valueAsDate, t) < 0 || this._dateAdapter.isValid(e) && this._dateAdapter.compareDate(this.valueAsDate, e) > 0 ? !1 : ((p = this.dateFilter) == null ? void 0 : p.call(this, this.valueAsDate)) ?? !0;
+    }
+  }, m = new WeakMap(), f = new WeakMap(), b = new WeakMap(), u = r, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+    I = [tt(), v({ type: Boolean })], U = [v({ attribute: !1 })], F = [v()], O = [v()], S = [v({ attribute: !1 })], V = [Q()], c(r, null, I, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (e) => "wide" in e, get: (e) => e.wide, set: (e, i) => {
+      e.wide = i;
+    } }, metadata: t }, k, x), c(r, null, U, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (e) => "dateFilter" in e, set: (e, i) => {
+      e.dateFilter = i;
+    } }, metadata: t }, null, E), c(r, null, F, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (e) => "input" in e, get: (e) => e.input, set: (e, i) => {
+      e.input = i;
+    } }, metadata: t }, z, M), c(r, null, O, { kind: "setter", name: "now", static: !1, private: !1, access: { has: (e) => "now" in e, set: (e, i) => {
+      e.now = i;
+    } }, metadata: t }, null, E), c(r, null, S, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, i) => {
+      e.valueAsDate = i;
+    } }, metadata: t }, null, E), c(r, null, V, { kind: "accessor", name: "_inputElement", static: !1, private: !1, access: { has: (e) => "_inputElement" in e, get: (e) => e._inputElement, set: (e, i) => {
+      e._inputElement = i;
+    } }, metadata: t }, T, P), c(null, n = { value: u }, a, { kind: "class", name: u.name, metadata: t }, null, l), _ = u = n.value, t && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.styles = nt, r.events = {
+    change: "change",
+    inputUpdated: "inputUpdated",
+    datePickerUpdated: "datePickerUpdated",
+    validationChange: "validationChange"
+  }, d(u, l), r);
+  return _ = u;
+})();
+export {
+  Dt as SbbDatepickerElement,
+  gt as datepickerControlRegisteredEventFactory,
+  At as getDatePicker
+};

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

@@ -0,0 +1,27 @@
+import { __esDecorate as s, __runInitializers as n } from "tslib";
+import { customElement as d } from "lit/decorators.js";
+import { hostAttributes as l } from "../../core/decorators.js";
+import { i18nNextDay as c, i18nSelectNextDay as u } from "../../core/i18n.js";
+import { SbbDatepickerButton as v } from "../common.js";
+import { css as m } from "lit";
+const h = m`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-next-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-next-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-datepicker-next-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-next-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
+let D = (() => {
+  var o;
+  let i = [d("sbb-datepicker-next-day"), l({
+    slot: "suffix"
+  })], b, r = [], t, e = v;
+  return o = class extends e {
+    constructor() {
+      super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
+    }
+    findAvailableDate(a) {
+      return this.datePickerElement.findNextAvailableDate(a);
+    }
+  }, t = o, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    s(null, b = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, r), t = b.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), o.styles = h, n(t, r), t;
+})();
+export {
+  D as SbbDatepickerNextDayElement
+};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-next-day.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-next-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}

package/datepicker/datepicker-next-day.js

@@ -1,27 +1,4 @@
-import { __esDecorate as s, __runInitializers as n } from "tslib";
-import { customElement as d } from "lit/decorators.js";
-import { hostAttributes as l } from "../core/decorators.js";
-import { i18nNextDay as c, i18nSelectNextDay as u } from "../core/i18n.js";
-import { SbbDatepickerButton as v } from "./common.js";
-import { css as m } from "lit";
-const h = m`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-next-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-next-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-datepicker-next-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-next-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-next-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
-let D = (() => {
-  var o;
-  let i = [d("sbb-datepicker-next-day"), l({
-    slot: "suffix"
-  })], b, r = [], t, e = v;
-  return o = class extends e {
-    constructor() {
-      super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
-    }
-    findAvailableDate(a) {
-      return this.datePickerElement.findNextAvailableDate(a);
-    }
-  }, t = o, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    s(null, b = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, r), t = b.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), o.styles = h, n(t, r), t;
-})();
+import { SbbDatepickerNextDayElement as r } from "./datepicker-next-day/datepicker-next-day.js";
 export {
-  D as SbbDatepickerNextDayElement
+  r as SbbDatepickerNextDayElement
 };

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

@@ -0,0 +1,27 @@
+import { __esDecorate as s, __runInitializers as n } from "tslib";
+import { customElement as d } from "lit/decorators.js";
+import { hostAttributes as l } from "../../core/decorators.js";
+import { i18nPreviousDay as c, i18nSelectPreviousDay as u } from "../../core/i18n.js";
+import { SbbDatepickerButton as v } from "../common.js";
+import { css as p } from "lit";
+const m = p`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-previous-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-previous-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-datepicker-previous-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-previous-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
+let D = (() => {
+  var o;
+  let i = [d("sbb-datepicker-previous-day"), l({
+    slot: "prefix"
+  })], r, b = [], t, e = v;
+  return o = class extends e {
+    constructor() {
+      super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
+    }
+    findAvailableDate(a) {
+      return this.datePickerElement.findPreviousAvailableDate(a);
+    }
+  }, t = o, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    s(null, r = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, b), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), o.styles = m, n(t, b), t;
+})();
+export {
+  D as SbbDatepickerPreviousDayElement
+};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA,cAAc,sDAAsD,CAAC"}
+{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sDAAsD,CAAC"}

package/datepicker/datepicker-previous-day.js

@@ -1,27 +1,4 @@
-import { __esDecorate as s, __runInitializers as n } from "tslib";
-import { customElement as d } from "lit/decorators.js";
-import { hostAttributes as l } from "../core/decorators.js";
-import { i18nPreviousDay as c, i18nSelectPreviousDay as u } from "../core/i18n.js";
-import { SbbDatepickerButton as v } from "./common.js";
-import { css as p } from "lit";
-const m = p`*,:before,:after{box-sizing:border-box}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-datepicker-previous-day{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-datepicker-previous-day:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-datepicker-previous-day:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-datepicker-previous-day:before{background-color:var(--sbb-button-color-active-background)}.sbb-datepicker-previous-day{margin:auto;-webkit-tap-highlight-color:transparent}`;
-let D = (() => {
-  var o;
-  let i = [d("sbb-datepicker-previous-day"), l({
-    slot: "prefix"
-  })], r, b = [], t, e = v;
-  return o = class extends e {
-    constructor() {
-      super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = c, this.i18nSelectOffBoundaryDay = u;
-    }
-    findAvailableDate(a) {
-      return this.datePickerElement.findPreviousAvailableDate(a);
-    }
-  }, t = o, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    s(null, r = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, b), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), o.styles = m, n(t, b), t;
-})();
+import { SbbDatepickerPreviousDayElement as o } from "./datepicker-previous-day/datepicker-previous-day.js";
 export {
-  D as SbbDatepickerPreviousDayElement
+  o as SbbDatepickerPreviousDayElement
 };