@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771849268

package/date-input/date-input.component.js

@@ -0,0 +1,165 @@
+var I = (a) => {
+  throw TypeError(a);
+};
+var z = (a, s, i) => s.has(a) || I("Cannot " + i);
+var _ = (a, s, i) => (z(a, s, "read from private field"), i ? i.call(a) : s.get(a)), f = (a, s, i) => s.has(a) ? I("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, i), o = (a, s, i, n) => (z(a, s, "write to private field"), n ? n.call(a, i) : s.set(a, i), i);
+import { __esDecorate as m, __runInitializers as d } from "tslib";
+import { css as U, LitElement as q, isServer as j } from "lit";
+import { customElement as T, property as p } from "lit/decorators.js";
+import { readConfig as L } from "../core/config.js";
+import { defaultDateAdapter as G } from "../core/datetime.js";
+import { plainDate as C, plainDateConverter as M } from "../core/decorators.js";
+import { i18nDatePickerPlaceholder as O, i18nDateInvalid as P, i18nDateMin as N, i18nDateMax as Y } from "../core/i18n.js";
+import { SbbFormAssociatedInputMixin as B } from "../core/mixins.js";
+const H = U`:host{display:inline-flex;min-width:9.375rem;max-width:100%;cursor:text;align-items:center}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`;
+Object.assign(ValidityState.prototype, {
+  get sbbDateFilter() {
+    return !1;
+  }
+});
+let at = (() => {
+  var h, u, c, r;
+  let a = [T("sbb-date-input")], s, i = [], n, y = B(q), v = [], D, A, b = [], g = [], x, k = [], F = [], w, S, V = [], E = [];
+  return r = class extends y {
+    constructor() {
+      super();
+      f(this, h);
+      f(this, u);
+      f(this, c);
+      this._valueAsDate = d(this, v), o(this, h, d(this, b, null)), o(this, u, (d(this, g), d(this, k, null))), o(this, c, (d(this, F), d(this, V, "short"))), this._valueCache = d(this, E), this._dateAdapter = L().datetime?.dateAdapter ?? G, this._placeholderMutable = !1, this._dateFilter = () => !0, this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 });
+    }
+    /**
+     * The value of the date input. Reflects the current text value
+     * of this input.
+     * The attribute `value` Accepts ISO8601 formatted values, which will be
+     * formatted according to the current locale.
+     */
+    set value(t) {
+      this._tryParseValue(t), !j && !this.matches(":focus") && this.valueAsDate !== null && (t = this._formatDate()), super.value = t;
+    }
+    get value() {
+      return super.value ?? "";
+    }
+    /** Formats the current input's value as date. */
+    set valueAsDate(t) {
+      if (t = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(t)), !t)
+        this._valueAsDate = null, this._valueCache = ["", null], this.value = "";
+      else if (!this._dateAdapter.isDateInstance(this._valueAsDate) || this._dateAdapter.compareDate(this._valueAsDate, t) !== 0) {
+        this._valueAsDate = this._dateAdapter.createDate(this._dateAdapter.getYear(t), this._dateAdapter.getMonth(t), this._dateAdapter.getDate(t));
+        const e = this._formatDate();
+        this._valueCache = [e, this._valueAsDate], this.value = e;
+      }
+    }
+    get valueAsDate() {
+      return this._valueAsDate ? this._dateAdapter.clone(this._valueAsDate) : null;
+    }
+    /**
+     * The minimum valid date. Accepts a date object or null.
+     * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
+     */
+    get min() {
+      return _(this, h);
+    }
+    set min(t) {
+      o(this, h, t);
+    }
+    /**
+     * The maximum valid date. Accepts a date object or null.
+     * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
+     */
+    get max() {
+      return _(this, u);
+    }
+    set max(t) {
+      o(this, u, t);
+    }
+    /**
+     * A function used to filter out dates.
+     * It is strongly recommended to use min and max dates alongside
+     * this filter.
+     */
+    set dateFilter(t) {
+      this._dateFilter = t;
+    }
+    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 _(this, c);
+    }
+    set weekdayStyle(t) {
+      o(this, c, t);
+    }
+    /**
+     * 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");
+    }
+    /**
+     * Attempts to resolve the associated date input with the given element.
+     */
+    static resolveAssociation(t) {
+      if (t.hasAttribute("input") || t.input)
+        return;
+      const e = t.closest("sbb-form-field")?.querySelector("sbb-date-input");
+      e && (t.input = e);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.placeholder || (this._placeholderMutable = !0, this.placeholder = O[this.language.current]);
+      for (const t of Array.from(this.closest("sbb-form-field")?.children ?? []))
+        customElements.upgrade?.(t), t.constructor.sbbDateInputAssociated && !t.hasAttribute("input") && !t.input && (t.input = this);
+    }
+    requestUpdate(t, e, l) {
+      super.requestUpdate(t, e, l), this.hasUpdated && !t ? (this._updateValueDateFormat(), this._placeholderMutable && (this.placeholder = O[this.language.current])) : t === "weekdayStyle" && this._updateValueDateFormat(), this.isConnected && this.dispatchEvent(new Event("ɵchange"));
+    }
+    updateFormValue() {
+      this._tryParseValue();
+      const t = this.valueAsDate !== null ? this._dateAdapter.toIso8601(this.valueAsDate) : null;
+      this.internals.setFormValue(t, this.value);
+    }
+    _tryParseValue(t = this.value) {
+      this._valueCache?.[0] !== t && (this._valueAsDate = this._dateAdapter.parse(t), this._valueCache = [t, this._valueAsDate]);
+    }
+    _updateValueDateFormat() {
+      if (this.valueAsDate) {
+        const t = this._formatDate();
+        this.value !== t && (super.value = t);
+      }
+    }
+    _formatDate() {
+      return this._dateAdapter.format(this.valueAsDate, { weekdayStyle: this.weekdayStyle });
+    }
+    shouldValidate(t) {
+      return super.shouldValidate(t) || ["valueAsDate", "min", "max", "dateFilter"].includes(t);
+    }
+    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", N(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", Y(this._dateAdapter.format(this.max, { weekdayStyle: "none" }))[this.language.current]) : this.dateFilter && !this.dateFilter(this.valueAsDate) ? this.setValidityFlag("sbbDateFilter", P[this.language.current]) : this._removeValidityErrors() : this.setValidityFlag("badInput", P[this.language.current]) : this._removeValidityErrors();
+    }
+    _removeValidityErrors() {
+      ["badInput", "rangeUnderflow", "rangeOverflow", "sbbDateFilter"].forEach((t) => this.removeValidityFlag(t));
+    }
+  }, h = new WeakMap(), u = new WeakMap(), c = new WeakMap(), n = r, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+    D = [p({ attribute: !1 })], A = [C(), p({ converter: M, reflect: !0 })], x = [C(), p({ converter: M, reflect: !0 })], w = [p({ attribute: !1 })], S = [p({ attribute: "weekday-style" })], m(r, null, D, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (e) => "valueAsDate" in e, set: (e, l) => {
+      e.valueAsDate = l;
+    } }, metadata: t }, null, v), m(r, null, A, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (e) => "min" in e, get: (e) => e.min, set: (e, l) => {
+      e.min = l;
+    } }, metadata: t }, b, g), m(r, null, x, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (e) => "max" in e, get: (e) => e.max, set: (e, l) => {
+      e.max = l;
+    } }, metadata: t }, k, F), m(r, null, w, { kind: "setter", name: "dateFilter", static: !1, private: !1, access: { has: (e) => "dateFilter" in e, set: (e, l) => {
+      e.dateFilter = l;
+    } }, metadata: t }, null, v), m(r, null, S, { kind: "accessor", name: "weekdayStyle", static: !1, private: !1, access: { has: (e) => "weekdayStyle" in e, get: (e) => e.weekdayStyle, set: (e, l) => {
+      e.weekdayStyle = l;
+    } }, metadata: t }, V, E), m(null, s = { value: n }, a, { kind: "class", name: n.name, metadata: t }, null, i), n = s.value, t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.styles = H, d(n, i), n;
+})();
+export {
+  at as SbbDateInputElement
+};

package/date-input.js

@@ -0,0 +1,4 @@
+import { SbbDateInputElement as b } from "./date-input/date-input.component.js";
+export {
+  b as SbbDateInputElement
+};

package/datepicker/common/datepicker-button.js

@@ -0,0 +1,96 @@
+var l = (e) => {
+  throw TypeError(e);
+};
+var p = (e, t, i) => t.has(e) || l("Cannot " + i);
+var h = (e, t, i) => (p(e, t, "read from private field"), i ? i.call(e) : t.get(e)), c = (e, t, i) => t.has(e) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), o = (e, t, i, u) => (p(e, t, "write to private field"), u ? u.call(e, i) : t.set(e, i), i);
+import { __runInitializers as b, __esDecorate as m } from "tslib";
+import { html as f } from "lit";
+import { property as g } from "lit/decorators.js";
+import { SbbButtonBaseElement as A } from "../../core/base-elements.js";
+import { readConfig as D } from "../../core/config.js";
+import { SbbLanguageController as _ } from "../../core/controllers.js";
+import { defaultDateAdapter as v } from "../../core/datetime.js";
+import { idReference as y } from "../../core/decorators.js";
+import { i18nToday as S } from "../../core/i18n.js";
+import { SbbNegativeMixin as E } from "../../core/mixins.js";
+import { SbbDateInputElement as I } from "../../date-input.js";
+import "../../icon.js";
+let C = (() => {
+  var r, a;
+  let e = E(A), t, i = [], u = [];
+  return a = class extends e {
+    constructor() {
+      super(...arguments);
+      c(this, r);
+      o(this, r, b(this, i, null)), this._inputDisabled = (b(this, u), !0), this.dateAdapter = D().datetime?.dateAdapter ?? v, this.language = new _(this);
+    }
+    /**
+     * The associated date input element.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    get input() {
+      return h(this, r);
+    }
+    set input(s) {
+      o(this, r, s);
+    }
+    /** Whether this button is disabled. */
+    get disabled() {
+      return !!this._inputDisabled;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.toggleAttribute("disabled", this.disabled);
+      const s = this.closest?.("sbb-form-field");
+      s && (customElements.upgrade?.(s), this.negative = s.negative, I.resolveAssociation(this), this.slot ||= this._findSlotPosition());
+    }
+    requestUpdate(s, n, d) {
+      super.requestUpdate(s, n, d), s === "input" && this.input !== n ? (this._inputAbortController?.abort(), this._inputDisabled = !0, this.input && (this._inputAbortController = new AbortController(), this.slot = this._findSlotPosition(), customElements.upgrade?.(this.input), this._sync(), this.input.addEventListener("ɵchange", () => this._sync())), this.hasUpdated && this.toggleAttribute("disabled", this.disabled)) : !s && this.hasUpdated && this.input && this._sync();
+    }
+    _findSlotPosition() {
+      return !this.input || this.compareDocumentPosition(this.input) & Node.DOCUMENT_POSITION_FOLLOWING ? "prefix" : "suffix";
+    }
+    _sync() {
+      this.syncDateInputState(), this.toggleAttribute("disabled", this.disabled), this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "0");
+    }
+    syncDateInputState() {
+      this._inputDisabled = this.input.disabled || this.input.readOnly;
+    }
+    renderTemplate() {
+      return f`<sbb-icon name=${this.iconName}></sbb-icon>`;
+    }
+  }, r = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    t = [y(), g()], m(a, null, t, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (n) => "input" in n, get: (n) => n.input, set: (n, d) => {
+      n.input = d;
+    } }, metadata: s }, i, u), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), a.sbbDateInputAssociated = !0, a;
+})();
+class M extends C {
+  get disabled() {
+    return this._disabled || super.disabled;
+  }
+  constructor() {
+    super(), this._disabled = !0, this.addEventListener?.("click", () => this._handleClick());
+  }
+  _handleClick() {
+    if (!this.input || this.disabled)
+      return;
+    const t = this.input.valueAsDate ?? this.dateAdapter.today(), i = this.findAvailableDate(t);
+    this.dateAdapter.isValid(i) && this.dateAdapter.compareDate(i, t) !== 0 && (this.input.valueAsDate = i, this.input.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.input.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.input.dispatchEvent(new Event("blur", { composed: !0 })));
+  }
+  syncDateInputState() {
+    if (super.syncDateInputState(), !this.dateAdapter.isValid(this.input.valueAsDate)) {
+      this._disabled = !0, this.internals.ariaLabel = this.i18nOffBoundaryDay[this.language.current];
+      return;
+    }
+    const t = this.findAvailableDate(this.input.valueAsDate);
+    this._disabled = !this.dateAdapter.isValid(t) || this.dateAdapter.compareDate(t, this.input.valueAsDate) === 0;
+    const i = this.dateAdapter.compareDate(this.dateAdapter.today(), this.input.valueAsDate) === 0 ? S[this.language.current].toLowerCase() : this.dateAdapter.getAccessibilityFormatDate(this.input.valueAsDate);
+    this.internals.ariaLabel = this.i18nSelectOffBoundaryDay(i)[this.language.current];
+  }
+}
+export {
+  M as SbbDatepickerButton,
+  C as SbbDatepickerButtonBase
+};

package/datepicker/common.js

@@ -0,0 +1,7 @@
+import { SbbDatepickerButton as o, SbbDatepickerButtonBase as r } from "./common/datepicker-button.js";
+import { d as p } from "../datepicker-button-Debzp_As.js";
+export {
+  o as SbbDatepickerButton,
+  r as SbbDatepickerButtonBase,
+  p as datepickerButtonStyle
+};

package/datepicker/datepicker/datepicker.component.js

@@ -0,0 +1,120 @@
+var D = (i) => {
+  throw TypeError(i);
+};
+var $ = (i, s, a) => s.has(i) || D("Cannot " + a);
+var h = (i, s, a) => ($(i, s, "read from private field"), a ? a.call(i) : s.get(i)), m = (i, s, a) => s.has(i) ? D("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), l = (i, s, a, n) => ($(i, s, "write to private field"), n ? n.call(i, a) : s.set(i, a), a);
+import { __esDecorate as b, __runInitializers as d } from "tslib";
+import { css as z, isServer as I, html as U, nothing as R } from "lit";
+import { customElement as T, property as _ } from "lit/decorators.js";
+import { readConfig as B } from "../../core/config.js";
+import { SbbLanguageController as F } from "../../core/controllers.js";
+import { defaultDateAdapter as L } from "../../core/datetime.js";
+import { forceType as P, idReference as j } from "../../core/decorators.js";
+import { i18nDateChangedTo as O } from "../../core/i18n.js";
+import { SbbUpdateSchedulerMixin as M } from "../../core/mixins.js";
+import { SbbDateInputElement as G } from "../../date-input.js";
+import { SbbPopoverBaseElement as f } from "../../popover.js";
+import "../../calendar.js";
+const H = z`#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+let J = 0, nt = (() => {
+  var u, p, c, r;
+  let i = [T("sbb-datepicker")], s, a = [], n, w = M(f), v, g = [], y = [], S, x = [], A = [], E, k = [], C = [];
+  return r = class extends w {
+    constructor() {
+      super();
+      m(this, u);
+      m(this, p);
+      m(this, c);
+      l(this, u, d(this, g, !1)), l(this, p, (d(this, y), d(this, x, null))), l(this, c, (d(this, A), d(this, k, "day"))), this._inputAbortController = d(this, C), this._dateAdapter = B().datetime?.dateAdapter ?? L, this._language = new F(this), this._ready = !1, this.startUpdate(), this.addEventListener(f.events.beforeopen, () => {
+        this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
+      }), !I && this.hydrationRequired && this.hydrationComplete.then(() => this.requestUpdate());
+    }
+    /** If set to true, two months are displayed. */
+    get wide() {
+      return h(this, u);
+    }
+    set wide(e) {
+      l(this, u, e);
+    }
+    /**
+     * Reference to the sbb-date-input instance or the native input connected to the datepicker.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    get input() {
+      return h(this, p);
+    }
+    set input(e) {
+      l(this, p, e);
+    }
+    /** The initial view of calendar which should be displayed on opening. */
+    get view() {
+      return h(this, c);
+    }
+    set view(e) {
+      l(this, c, e);
+    }
+    connectedCallback() {
+      this.id ||= `sbb-datepicker-${++J}`, super.connectedCallback();
+      const e = this.closest?.("sbb-form-field");
+      if (e) {
+        G.resolveAssociation(this);
+        const t = e.querySelector("sbb-datepicker-toggle");
+        t && !t.hasAttribute("datepicker") && (t.datepicker ??= this);
+      }
+    }
+    requestUpdate(e, t, o) {
+      if (super.requestUpdate(e, t, o), e === "input" && this.input !== t && (this._inputAbortController?.abort(), this.input)) {
+        const { signal: q } = this._inputAbortController = new AbortController();
+        this.input?.addEventListener("ɵchange", () => {
+          super.requestUpdate(), this._updateStatus();
+        }, { signal: q });
+      }
+    }
+    firstUpdated(e) {
+      super.firstUpdated(e), setTimeout(() => {
+        this._ready = !0, this.requestUpdate(), this.completeUpdate();
+      });
+    }
+    _updateStatus() {
+      const e = this.shadowRoot?.getElementById("status-container");
+      if (!e)
+        return;
+      const t = this._dateAdapter.isValid(this.input?.valueAsDate) ? `${O[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate, {
+        weekdayStyle: "long"
+      })}` : "";
+      e.textContent !== t && (e.textContent = t);
+    }
+    renderContent() {
+      return U`
+      <p id="status-container" role="status"></p>
+      <sbb-calendar
+        .view=${this.view}
+        .min=${this.input?.min ?? null}
+        .max=${this.input?.max ?? null}
+        .dateFilter=${this.input?.dateFilter ?? null}
+        .selected=${this.input?.valueAsDate ?? null}
+        ?wide=${this.wide}
+        @dateselected=${(e) => {
+        this.input && (this.input.valueAsDate = e.detail, this.input.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.input.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.input.dispatchEvent(new Event("blur", { composed: !0 })));
+      }}
+      ></sbb-calendar>
+    `;
+    }
+    render() {
+      return I || this.hydrationRequired || !this._ready ? U`${R}` : super.render();
+    }
+  }, u = new WeakMap(), p = new WeakMap(), c = new WeakMap(), n = r, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
+    v = [P(), _({ type: Boolean })], S = [j(), _()], E = [_()], b(r, null, v, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (t) => "wide" in t, get: (t) => t.wide, set: (t, o) => {
+      t.wide = o;
+    } }, metadata: e }, g, y), b(r, null, S, { kind: "accessor", name: "input", static: !1, private: !1, access: { has: (t) => "input" in t, get: (t) => t.input, set: (t, o) => {
+      t.input = o;
+    } }, metadata: e }, x, A), b(r, null, E, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (t) => "view" in t, get: (t) => t.view, set: (t, o) => {
+      t.view = o;
+    } }, metadata: e }, k, C), b(null, s = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, a), n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.styles = [f.styles, H], r.sbbDateInputAssociated = !0, d(n, a), n;
+})();
+export {
+  nt as SbbDatepickerElement
+};

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

@@ -0,0 +1,40 @@
+import { __esDecorate as m, __runInitializers as c } from "tslib";
+import { customElement as u } from "lit/decorators.js";
+import { miniButtonStyle as d } from "../../button/common.js";
+import { i18nNextDay as p, i18nSelectNextDay as f } from "../../core/i18n.js";
+import { boxSizingStyles as y } from "../../core/styles.js";
+import { SbbDatepickerButton as b, datepickerButtonStyle as D } from "../common.js";
+let k = (() => {
+  var e;
+  let o = [u("sbb-datepicker-next-day")], r, l = [], t, s = b;
+  return e = class extends s {
+    constructor() {
+      super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = p, this.i18nSelectOffBoundaryDay = f;
+    }
+    findAvailableDate(a) {
+      let i = this.dateAdapter.addCalendarDays(a, 1);
+      if (this._isAfterMaxDate(i))
+        return null;
+      const n = this.input.dateFilter;
+      if (n) {
+        for (; !n(i); )
+          if (i = this.dateAdapter.addCalendarDays(i, 1), this._isAfterMaxDate(i))
+            return null;
+      }
+      return i;
+    }
+    _isAfterMaxDate(a) {
+      return !!this.input.max && this.dateAdapter.compareDate(a, this.input.max) > 0;
+    }
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    m(null, r = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [
+    y,
+    d,
+    D
+  ], c(t, l), t;
+})();
+export {
+  k as SbbDatepickerNextDayElement
+};

package/datepicker/datepicker-next-day.js

@@ -0,0 +1,4 @@
+import { SbbDatepickerNextDayElement as r } from "./datepicker-next-day/datepicker-next-day.component.js";
+export {
+  r as SbbDatepickerNextDayElement
+};

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

@@ -0,0 +1,40 @@
+import { __esDecorate as u, __runInitializers as m } from "tslib";
+import { customElement as c } from "lit/decorators.js";
+import { miniButtonStyle as d } from "../../button/common.js";
+import { i18nPreviousDay as p, i18nSelectPreviousDay as f } from "../../core/i18n.js";
+import { boxSizingStyles as y } from "../../core/styles.js";
+import { SbbDatepickerButton as b, datepickerButtonStyle as D } from "../common.js";
+let x = (() => {
+  var e;
+  let o = [c("sbb-datepicker-previous-day")], r, s = [], t, l = b;
+  return e = class extends l {
+    constructor() {
+      super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = p, this.i18nSelectOffBoundaryDay = f;
+    }
+    findAvailableDate(a) {
+      let i = this.dateAdapter.addCalendarDays(a, -1);
+      if (this._isBeforeMinDate(i))
+        return null;
+      const n = this.input.dateFilter;
+      if (n) {
+        for (; !n(i); )
+          if (i = this.dateAdapter.addCalendarDays(i, -1), this._isBeforeMinDate(i))
+            return null;
+      }
+      return i;
+    }
+    _isBeforeMinDate(a) {
+      return !!this.input.min && this.dateAdapter.compareDate(a, this.input.min) < 0;
+    }
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    u(null, r = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, s), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [
+    y,
+    d,
+    D
+  ], m(t, s), t;
+})();
+export {
+  x as SbbDatepickerPreviousDayElement
+};

package/datepicker/datepicker-previous-day.js

@@ -0,0 +1,4 @@
+import { SbbDatepickerPreviousDayElement as o } from "./datepicker-previous-day/datepicker-previous-day.component.js";
+export {
+  o as SbbDatepickerPreviousDayElement
+};

package/datepicker/datepicker-toggle/datepicker-toggle.component.js

@@ -0,0 +1,52 @@
+var k = (e) => {
+  throw TypeError(e);
+};
+var b = (e, t, i) => t.has(e) || k("Cannot " + i);
+var f = (e, t, i) => (b(e, t, "read from private field"), i ? i.call(e) : t.get(e)), _ = (e, t, i) => t.has(e) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), n = (e, t, i, r) => (b(e, t, "write to private field"), r ? r.call(e, i) : t.set(e, i), i);
+import { __esDecorate as g, __runInitializers as d } from "tslib";
+import { customElement as y, property as v } from "lit/decorators.js";
+import { miniButtonStyle as x } from "../../button/common.js";
+import { idReference as z } from "../../core/decorators.js";
+import { i18nShowCalendar as S } from "../../core/i18n.js";
+import { boxSizingStyles as D } from "../../core/styles.js";
+import { SbbDatepickerButtonBase as B, datepickerButtonStyle as E } from "../common.js";
+let A = (() => {
+  var l, s;
+  let e = [y("sbb-datepicker-toggle")], t, i = [], r, p = B, m, u = [], h = [];
+  return s = class extends p {
+    constructor() {
+      super();
+      _(this, l);
+      this.iconName = "calendar-small", n(this, l, d(this, u, null)), d(this, h), this.addEventListener?.("click", () => {
+        this.datepicker?.isOpen || this.datepicker?.open();
+      });
+    }
+    /** Datepicker reference. */
+    get datepicker() {
+      return f(this, l);
+    }
+    set datepicker(a) {
+      n(this, l, a);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.internals.ariaLabel = S[this.language.current];
+      const a = this.closest?.("sbb-form-field");
+      a && !this.hasAttribute("datepicker") && (this.datepicker ??= a.querySelector("sbb-datepicker"));
+    }
+    requestUpdate(a, c, o) {
+      super.requestUpdate(a, c, o), a === "datepicker" && this.datepicker && this.datepicker.trigger !== this ? this.datepicker.trigger = this : !a && this.hasUpdated && (this.internals.ariaLabel = S[this.language.current]);
+    }
+  }, l = new WeakMap(), r = s, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    m = [z(), v()], g(s, null, m, { kind: "accessor", name: "datepicker", static: !1, private: !1, access: { has: (c) => "datepicker" in c, get: (c) => c.datepicker, set: (c, o) => {
+      c.datepicker = o;
+    } }, metadata: a }, u, h), g(null, t = { value: r }, e, { kind: "class", name: r.name, metadata: a }, null, i), r = t.value, a && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), s.styles = [
+    D,
+    x,
+    E
+  ], d(r, i), r;
+})();
+export {
+  A as SbbDatepickerToggleElement
+};

package/datepicker/datepicker-toggle.js

@@ -0,0 +1,4 @@
+import { SbbDatepickerToggleElement as r } from "./datepicker-toggle/datepicker-toggle.component.js";
+export {
+  r as SbbDatepickerToggleElement
+};

package/datepicker/datepicker.js

@@ -0,0 +1,4 @@
+import { SbbDatepickerElement as t } from "./datepicker/datepicker.component.js";
+export {
+  t as SbbDatepickerElement
+};

package/datepicker-button-Debzp_As.js

@@ -0,0 +1,5 @@
+import { css as t } from "lit";
+const o = t`.sbb-action-base{margin:auto;-webkit-tap-highlight-color:transparent}`;
+export {
+  o as d
+};

package/datepicker.js

@@ -0,0 +1,15 @@
+import { SbbDatepickerElement as r } from "./datepicker/datepicker/datepicker.component.js";
+import { SbbDatepickerNextDayElement as p } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
+import { SbbDatepickerPreviousDayElement as a } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
+import { SbbDatepickerToggleElement as i } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
+import { SbbDatepickerButton as c, SbbDatepickerButtonBase as k } from "./datepicker/common/datepicker-button.js";
+import { d as x } from "./datepicker-button-Debzp_As.js";
+export {
+  c as SbbDatepickerButton,
+  k as SbbDatepickerButtonBase,
+  r as SbbDatepickerElement,
+  p as SbbDatepickerNextDayElement,
+  a as SbbDatepickerPreviousDayElement,
+  i as SbbDatepickerToggleElement,
+  x as datepickerButtonStyle
+};

package/development/accordion/accordion.component.d.ts

@@ -0,0 +1,38 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbTitleLevel } from '../title.ts';
+declare const SbbAccordionElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
+/**
+ * It can be used as a container for one or more `sbb-expansion-panel` component.
+ *
+ * @slot - Use the unnamed slot to add `sbb-expansion-panel` elements.
+ */
+export declare class SbbAccordionElement extends SbbAccordionElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * Size variant, either l or s; overrides the size on any projected `sbb-expansion-panel`.
+     * @default 'l' / 's' (lean)
+     */
+    accessor size: 's' | 'l';
+    /**
+     * The heading level for the sbb-expansion-panel-headers within the component.
+     * @controls SbbExpansionPanelElement.titleLevel
+     */
+    accessor titleLevel: SbbTitleLevel | null;
+    /** Whether more than one sbb-expansion-panel can be open at the same time. */
+    accessor multi: boolean;
+    constructor();
+    private _expansionPanels;
+    private _closePanels;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _resetExpansionPanels;
+    private _setTitleLevelOnChildren;
+    private _handleSlotchange;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-accordion': SbbAccordionElement;
+    }
+}
+export {};
+//# sourceMappingURL=accordion.component.d.ts.map

package/development/accordion/accordion.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/accordion/accordion.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AASvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAEM,mBAAoB,SAAQ,wBAA6B;IAC7D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE;;;OAGG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEvD;;;OAGG;IACH,SAEgB,UAAU,EAAE,aAAa,GAAG,IAAI,CAAQ;IAExD,8EAA8E;IAC9E,SAMgB,KAAK,EAAE,OAAO,CAAS;;IAkBvC,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,YAAY;cAUD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU5E,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,iBAAiB;cAYN,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,mBAAmB,CAAC;KACtC;CACF"}