@sbb-esta/lyne-elements 3.10.0 → 3.11.0

package/mini-calendar/mini-calendar/mini-calendar.component.d.ts

@@ -0,0 +1,35 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbOrientation } from '../../core/interfaces.js';
+/**
+ * It displays a minimal calendar, together with the `sbb-mini-calendar-month` and `sbb-mini-calendar-day`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-mini-calendar-month` elements.
+ */
+export declare class SbbMiniCalendarElement<T = Date> extends LitElement {
+    static styles: CSSResultGroup;
+    /** The orientation of days in the calendar. */
+    accessor orientation: SbbOrientation;
+    private _keydownAbortController;
+    private _dateAdapter;
+    constructor();
+    private _getMiniCalendarMonths;
+    private _getMiniCalendarDays;
+    private _setMonthsShowYear;
+    private _handleKeydownCalendarDay;
+    private _navigateByKeyboardDayView;
+    private _findDayArrowKeys;
+    private _findDaySpecialKeys;
+    private _handleSlotchange;
+    private _setupKeydownListener;
+    /** @internal */
+    focus(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-mini-calendar': SbbMiniCalendarElement;
+    }
+}
+//# sourceMappingURL=mini-calendar.component.d.ts.map

package/mini-calendar/mini-calendar/mini-calendar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-calendar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/mini-calendar/mini-calendar/mini-calendar.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM/D;;;;GAIG;AACH,qBAEM,sBAAsB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,UAAU;IACvD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+CAA+C;IAC/C,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,OAAO,CAAC,uBAAuB,CAAgC;IAC/D,OAAO,CAAC,YAAY,CAA4E;;IAahG,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,yBAAyB;IAgBjC,OAAO,CAAC,0BAA0B;IAwDlC,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAa7B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAMb,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;cAKzB,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/mini-calendar/mini-calendar/mini-calendar.component.js

@@ -0,0 +1,133 @@
+var A = (a) => {
+  throw TypeError(a);
+};
+var C = (a, i, o) => i.has(a) || A("Cannot " + o);
+var k = (a, i, o) => (C(a, i, "read from private field"), o ? o.call(a) : i.get(a)), S = (a, i, o) => i.has(a) ? A("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, o), y = (a, i, o, d) => (C(a, i, "write to private field"), d ? d.call(a, o) : i.set(a, o), o);
+import { __esDecorate as K, __runInitializers as w } from "tslib";
+import { MutationController as M } from "@lit-labs/observers/mutation-controller.js";
+import { css as x, LitElement as z, html as I } from "lit";
+import { customElement as v, property as E } from "lit/decorators.js";
+import { isArrowKeyOrPageKeysPressed as O } from "../../core/a11y.js";
+import { readConfig as L } from "../../core/config/config.js";
+import { defaultDateAdapter as N } from "../../core/datetime/native-date-adapter.js";
+const P = x`*,:before,:after{box-sizing:border-box}:host{display:block}`;
+let H = (() => {
+  var u, f;
+  let a = [v("sbb-mini-calendar")], i, o = [], d, D = z, b, m = [], g = [];
+  return f = class extends D {
+    constructor() {
+      super();
+      S(this, u);
+      y(this, u, w(this, m, "horizontal")), this._keydownAbortController = (w(this, g), null), this._dateAdapter = L().datetime?.dateAdapter ?? N, this.addController(new M(this, {
+        config: { childList: !0, subtree: !0 },
+        callback: () => this._setMonthsShowYear()
+      }));
+    }
+    /** The orientation of days in the calendar. */
+    get orientation() {
+      return k(this, u);
+    }
+    set orientation(t) {
+      y(this, u, t);
+    }
+    _getMiniCalendarMonths() {
+      return Array.from(this.querySelectorAll?.("sbb-mini-calendar-month") ?? []);
+    }
+    _getMiniCalendarDays() {
+      return Array.from(this._getMiniCalendarMonths().flatMap((t) => Array.from(t.querySelectorAll?.("sbb-mini-calendar-day") ?? [])));
+    }
+    _setMonthsShowYear() {
+      this._getMiniCalendarMonths().forEach((t, e) => {
+        const s = t.date.split("-");
+        s.length > 0 && (e === 0 || +s[1] == 1 ? t.toggleState("show-year", !0) : t.toggleState("show-year", !1));
+      });
+    }
+    _handleKeydownCalendarDay(t) {
+      O(t) && t.preventDefault();
+      const e = this._getMiniCalendarDays(), s = e.find((n) => n === t.target), r = this._navigateByKeyboardDayView(e, s, t), c = document.activeElement;
+      r !== c && (r.tabIndex = 0, r?.focus(), c.tabIndex = -1);
+    }
+    _navigateByKeyboardDayView(t, e, s) {
+      const r = this.orientation === "horizontal" ? { leftRight: 1, upDown: 7 } : { leftRight: 7, upDown: 1 }, c = this._dateAdapter.parse(e.date), n = this._dateAdapter.getDate(c), h = this._dateAdapter.getFirstWeekOffset(c);
+      switch (s.key) {
+        case "ArrowUp":
+          return this._findDayArrowKeys(t, e, -r.upDown);
+        case "ArrowDown":
+          return this._findDayArrowKeys(t, e, r.upDown);
+        case "ArrowLeft":
+          return this._findDayArrowKeys(t, e, -r.leftRight);
+        case "ArrowRight":
+          return this._findDayArrowKeys(t, e, r.leftRight);
+        case "PageUp":
+          if (this.orientation === "horizontal") {
+            const l = n - (n % 7 || 7);
+            return this._findDaySpecialKeys(t, e, -l, r.upDown);
+          } else {
+            const p = (Math.ceil((n + h) / 7) - 1) * 7 - h + 1 - n;
+            return this._findDaySpecialKeys(t, e, p, r.upDown);
+          }
+        case "PageDown":
+          if (this.orientation === "horizontal") {
+            const l = this._dateAdapter.getNumDaysInMonth(c), _ = l - n - (l - n) % 7;
+            return this._findDaySpecialKeys(t, e, _, -r.upDown);
+          } else {
+            const p = Math.ceil((n + h) / 7) * 7 - h - n;
+            return this._findDaySpecialKeys(t, e, p, -r.upDown);
+          }
+        case "Home": {
+          const l = n - 1;
+          return this._findDaySpecialKeys(t, e, -l, 1);
+        }
+        case "End": {
+          const l = this._dateAdapter.getNumDaysInMonth(c);
+          return this._findDaySpecialKeys(t, e, l - n, -1);
+        }
+        default:
+          return e;
+      }
+    }
+    _findDayArrowKeys(t, e, s) {
+      const r = this._dateAdapter.addCalendarDays(this._dateAdapter.deserialize(e.date), s), c = this._dateAdapter.toIso8601(r), n = t.find((h) => h.date === c);
+      return n || e;
+    }
+    _findDaySpecialKeys(t, e, s, r) {
+      const c = this._dateAdapter.addCalendarDays(this._dateAdapter.deserialize(e.date), s), n = this._dateAdapter.toIso8601(c), h = t.find((l) => l.date === n);
+      return h || this._findDaySpecialKeys(t, e, s + r, r);
+    }
+    _handleSlotchange() {
+      this._setupKeydownListener();
+    }
+    _setupKeydownListener() {
+      this._keydownAbortController?.abort(), this._keydownAbortController = new AbortController(), this._getMiniCalendarDays().forEach((t, e) => {
+        t.addEventListener("keydown", (s) => this._handleKeydownCalendarDay(s), {
+          signal: this._keydownAbortController.signal
+        }), e !== 0 && (t.tabIndex = -1);
+      });
+    }
+    /** @internal */
+    focus() {
+      this._getMiniCalendarDays()?.find((t) => t.tabIndex === 0)?.focus();
+    }
+    connectedCallback() {
+      super.connectedCallback(), this._setupKeydownListener();
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this._keydownAbortController?.abort();
+    }
+    render() {
+      return I`
+      <div class="sbb-mini-calendar">
+        <slot @slotchange=${this._handleSlotchange}></slot>
+      </div>
+    `;
+    }
+  }, u = new WeakMap(), d = f, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(D[Symbol.metadata] ?? null) : void 0;
+    b = [E({ reflect: !0 })], K(f, null, b, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (e) => "orientation" in e, get: (e) => e.orientation, set: (e, s) => {
+      e.orientation = s;
+    } }, metadata: t }, m, g), K(null, i = { value: d }, a, { kind: "class", name: d.name, metadata: t }, null, o), d = i.value, t && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), f.styles = P, w(d, o), d;
+})();
+export {
+  H as SbbMiniCalendarElement
+};

package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts

@@ -0,0 +1,23 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+/**
+ * It displays a day in the `sbb-mini-calendar-month`.
+ */
+export declare class SbbMiniCalendarDayElement<T = Date> extends SbbButtonBaseElement {
+    static styles: CSSResultGroup;
+    private _dateAdapter;
+    /** Date as ISO string (YYYY-MM-DD) */
+    accessor date: string;
+    /** The type of the marker. */
+    accessor marker: 'target' | 'circle' | 'slash' | 'cross' | string;
+    /** The color of the marker. */
+    accessor color: 'charcoal' | 'cloud' | 'orange' | 'red' | 'sky' | string;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-mini-calendar-day': SbbMiniCalendarDayElement;
+    }
+}
+//# sourceMappingURL=mini-calendar-day.component.d.ts.map

package/mini-calendar/mini-calendar-day/mini-calendar-day.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-calendar-day.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/mini-calendar/mini-calendar-day/mini-calendar-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAQnE;;GAEG;AACH,qBAEM,yBAAyB,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,oBAAoB;IACpE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,YAAY,CAA4E;IAEhG,sCAAsC;IACtC,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,8BAA8B;IAC9B,SAEgB,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAM;IAE9E,+BAA+B;IAC/B,SAEgB,KAAK,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAM;cAElE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js

@@ -0,0 +1,66 @@
+var E = (r) => {
+  throw TypeError(r);
+};
+var I = (r, t, o) => t.has(r) || E("Cannot " + o);
+var u = (r, t, o) => (I(r, t, "read from private field"), o ? o.call(r) : t.get(r)), h = (r, t, o) => t.has(r) ? E("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, o), l = (r, t, o, s) => (I(r, t, "write to private field"), s ? s.call(r, o) : t.set(r, o), o);
+import { __esDecorate as v, __runInitializers as n } from "tslib";
+import { css as T, html as j } from "lit";
+import { customElement as B, property as f } from "lit/decorators.js";
+import { SbbButtonBaseElement as O } from "../../core/base-elements.js";
+import { readConfig as U } from "../../core/config/config.js";
+import "../../core/datetime/date-adapter.js";
+import { defaultDateAdapter as F } from "../../core/datetime/native-date-adapter.js";
+import { forceType as g, omitEmptyConverter as C } from "../../core/decorators.js";
+const L = T`*,:before,:after{box-sizing:border-box}:host{--sbb-mini-calendar-day-scale: 1.333;--sbb-mini-calendar-day-animation-easing: var(--sbb-animation-easing);--sbb-mini-calendar-day-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;height:.375rem;width:.375rem;margin:.0625rem;border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-color-storm);color:light-dark(var(--sbb-color-storm),var(--sbb-color-smoke));background-color:currentcolor}@media (any-hover: hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid currentcolor}:host([marker=target]){background:radial-gradient(circle,currentcolor 0%,currentcolor 25%,var(--sbb-color-1-inverted) 25%,var(--sbb-color-1-inverted) 50%,currentcolor 50%,currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%),linear-gradient(45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}`;
+let V = (() => {
+  var c, d, b, i;
+  let r = [B("sbb-mini-calendar-day")], t, o = [], s, p = O, _, k = [], y = [], x, z = [], S = [], D, w = [], A = [];
+  return i = class extends p {
+    constructor() {
+      super(...arguments);
+      h(this, c);
+      h(this, d);
+      h(this, b);
+      this._dateAdapter = U().datetime?.dateAdapter ?? F, l(this, c, n(this, k, "")), l(this, d, (n(this, y), n(this, z, ""))), l(this, b, (n(this, S), n(this, w, ""))), n(this, A);
+    }
+    /** Date as ISO string (YYYY-MM-DD) */
+    get date() {
+      return u(this, c);
+    }
+    set date(a) {
+      l(this, c, a);
+    }
+    /** The type of the marker. */
+    get marker() {
+      return u(this, d);
+    }
+    set marker(a) {
+      l(this, d, a);
+    }
+    /** The color of the marker. */
+    get color() {
+      return u(this, b);
+    }
+    set color(a) {
+      l(this, b, a);
+    }
+    willUpdate(a) {
+      super.willUpdate(a), a.has("date") && this.date && (this.internals.ariaLabel = this._dateAdapter.getAccessibilityFormatDate(this.date));
+    }
+    renderTemplate() {
+      return j``;
+    }
+  }, c = new WeakMap(), d = new WeakMap(), b = new WeakMap(), s = i, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    _ = [g(), f()], x = [g(), f({ reflect: !0, converter: C })], D = [g(), f({ reflect: !0, converter: C })], v(i, null, _, { kind: "accessor", name: "date", static: !1, private: !1, access: { has: (e) => "date" in e, get: (e) => e.date, set: (e, m) => {
+      e.date = m;
+    } }, metadata: a }, k, y), v(i, null, x, { kind: "accessor", name: "marker", static: !1, private: !1, access: { has: (e) => "marker" in e, get: (e) => e.marker, set: (e, m) => {
+      e.marker = m;
+    } }, metadata: a }, z, S), v(i, null, D, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, m) => {
+      e.color = m;
+    } }, metadata: a }, w, A), v(null, t = { value: s }, r, { kind: "class", name: s.name, metadata: a }, null, o), s = t.value, a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), i.styles = L, n(s, o), s;
+})();
+export {
+  V as SbbMiniCalendarDayElement
+};

package/mini-calendar/mini-calendar-day.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './mini-calendar-day/mini-calendar-day.component.js';
+//# sourceMappingURL=mini-calendar-day.d.ts.map

package/mini-calendar/mini-calendar-day.d.ts.map

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

package/mini-calendar/mini-calendar-day.js

@@ -0,0 +1,4 @@
+import { SbbMiniCalendarDayElement as n } from "./mini-calendar-day/mini-calendar-day.component.js";
+export {
+  n as SbbMiniCalendarDayElement
+};

package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+declare const SbbMiniCalendarMonthElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+/**
+ * It displays a month in the `sbb-mini-calendar`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-mini-calendar-day` elements.
+ */
+export declare class SbbMiniCalendarMonthElement<T = Date> extends SbbMiniCalendarMonthElement_base {
+    static styles: CSSResultGroup;
+    /** Date as ISO string (YYYY-MM-DD) */
+    accessor date: string;
+    private _dateAdapter;
+    private _monthNames;
+    private _monthLabel;
+    private _yearLabel;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-mini-calendar-month': SbbMiniCalendarMonthElement;
+    }
+}
+export {};
+//# sourceMappingURL=mini-calendar-month.component.d.ts.map

package/mini-calendar/mini-calendar-month/mini-calendar-month.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-calendar-month.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/mini-calendar/mini-calendar-month/mini-calendar-month.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpF,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAWvC;;;;GAIG;AACH,qBAEM,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,gCAAoC;IACtF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,sCAAsC;IACtC,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,OAAO,CAAC,YAAY,CAA4E;IAChG,OAAO,CAAC,WAAW,CAA4C;IAC/D,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,UAAU,CAAuB;cAEtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBzD,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js

@@ -0,0 +1,59 @@
+var f = (t) => {
+  throw TypeError(t);
+};
+var y = (t, e, a) => e.has(t) || f("Cannot " + a);
+var u = (t, e, a) => (y(t, e, "read from private field"), a ? a.call(t) : e.get(t)), _ = (t, e, a) => e.has(t) ? f("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), d = (t, e, a, i) => (y(t, e, "write to private field"), i ? i.call(t, a) : e.set(t, a), a);
+import { __runInitializers as m, __esDecorate as g } from "tslib";
+import { css as x, LitElement as w, html as z } from "lit";
+import { customElement as S, property as A } from "lit/decorators.js";
+import { readConfig as L } from "../../core/config/config.js";
+import "../../core/datetime/date-adapter.js";
+import { defaultDateAdapter as k } from "../../core/datetime/native-date-adapter.js";
+import { forceType as D } from "../../core/decorators.js";
+import { SbbElementInternalsMixin as E } from "../../core/mixins.js";
+const $ = x`*,:before,:after{box-sizing:border-box}:host{--sbb-mini-calendar-month-offset: 0;--sbb-mini-calendar-month-display-year: none;display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-display-year: block}.sbb-mini-calendar-month-wrapper{display:grid;height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows)}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-silver))}.sbb-mini-calendar-month-label-year{display:var(--sbb-mini-calendar-month-display-year)}`;
+let W = (() => {
+  var n, l;
+  let t = [S("sbb-mini-calendar-month")], e, a = [], i, b = E(w), c, h = [], p = [];
+  return l = class extends b {
+    constructor() {
+      super(...arguments);
+      _(this, n);
+      d(this, n, m(this, h, "")), this._dateAdapter = (m(this, p), L().datetime?.dateAdapter ?? k), this._monthNames = this._dateAdapter.getMonthNames("short"), this._monthLabel = null, this._yearLabel = null;
+    }
+    /** Date as ISO string (YYYY-MM-DD) */
+    get date() {
+      return u(this, n);
+    }
+    set date(s) {
+      d(this, n, s);
+    }
+    willUpdate(s) {
+      if (super.willUpdate(s), s.has("date") && this.date) {
+        if (!this.date.match(/^\d{4}-(0[1-9]|1[0-2])$/))
+          return;
+        const r = this.date.split("-"), o = this._dateAdapter.createDate(+r[0], +r[1], 1), v = this._dateAdapter.getFirstWeekOffset(o);
+        this.style?.setProperty("--sbb-mini-calendar-month-offset", `${v + 1}`), this._monthLabel = `${this._monthNames[+r[1] - 1]}.`, this._yearLabel = String(this._dateAdapter.getYear(o));
+      }
+    }
+    render() {
+      return z`
+      <div class="sbb-mini-calendar-month">
+        <div class="sbb-mini-calendar-month-label-year">${this._yearLabel}</div>
+        <div class="sbb-mini-calendar-month-wrapper">
+          <slot></slot>
+        </div>
+        <div class="sbb-mini-calendar-month-label-month">${this._monthLabel}</div>
+      </div>
+    `;
+    }
+  }, n = new WeakMap(), i = l, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    c = [D(), A()], g(l, null, c, { kind: "accessor", name: "date", static: !1, private: !1, access: { has: (r) => "date" in r, get: (r) => r.date, set: (r, o) => {
+      r.date = o;
+    } }, metadata: s }, h, p), g(null, e = { value: i }, t, { kind: "class", name: i.name, metadata: s }, null, a), i = e.value, s && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), l.styles = $, m(i, a), i;
+})();
+export {
+  W as SbbMiniCalendarMonthElement
+};

package/mini-calendar/mini-calendar-month.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './mini-calendar-month/mini-calendar-month.component.js';
+//# sourceMappingURL=mini-calendar-month.d.ts.map

package/mini-calendar/mini-calendar-month.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-calendar-month.d.ts","sourceRoot":"","sources":["../../../src/elements/mini-calendar/mini-calendar-month.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}

package/mini-calendar/mini-calendar-month.js

@@ -0,0 +1,4 @@
+import { SbbMiniCalendarMonthElement as o } from "./mini-calendar-month/mini-calendar-month.component.js";
+export {
+  o as SbbMiniCalendarMonthElement
+};

package/mini-calendar/mini-calendar.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './mini-calendar/mini-calendar.component.js';
+//# sourceMappingURL=mini-calendar.d.ts.map

package/mini-calendar/mini-calendar.d.ts.map

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

package/mini-calendar/mini-calendar.js

@@ -0,0 +1,4 @@
+import { SbbMiniCalendarElement as r } from "./mini-calendar/mini-calendar.component.js";
+export {
+  r as SbbMiniCalendarElement
+};

package/mini-calendar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @entrypoint
+ */
+export * from './mini-calendar/mini-calendar.js';
+export * from './mini-calendar/mini-calendar-day.js';
+export * from './mini-calendar/mini-calendar-month.js';
+//# sourceMappingURL=mini-calendar.d.ts.map

package/mini-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-calendar.d.ts","sourceRoot":"","sources":["../../src/elements/mini-calendar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC"}

package/mini-calendar.js

@@ -0,0 +1,8 @@
+import { SbbMiniCalendarElement as r } from "./mini-calendar/mini-calendar/mini-calendar.component.js";
+import { SbbMiniCalendarDayElement as o } from "./mini-calendar/mini-calendar-day/mini-calendar-day.component.js";
+import { SbbMiniCalendarMonthElement as b } from "./mini-calendar/mini-calendar-month/mini-calendar-month.component.js";
+export {
+  o as SbbMiniCalendarDayElement,
+  r as SbbMiniCalendarElement,
+  b as SbbMiniCalendarMonthElement
+};

package/off-brand-theme.css

@@ -1731,8 +1731,7 @@ sbb-menu,
 sbb-navigation,
 sbb-overlay,
 sbb-popover,
-sbb-toast,
-sbb-tooltip) {
+sbb-toast) {
   margin: 0;
   padding: 0;
   border: none;
@@ -2021,6 +2020,26 @@ sbb-status:has(sbb-title) {
   --sbb-option-white-space: nowrap;
 }
 
+sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month {
+  --sbb-mini-calendar-grid-auto-flow: row;
+  --sbb-mini-calendar-month-height: 3rem;
+  --sbb-mini-calendar-month-grid-template-rows: none;
+  --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
+}
+sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
+  grid-column-start: var(--sbb-mini-calendar-month-offset);
+}
+
+sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month {
+  --sbb-mini-calendar-grid-auto-flow: column;
+  --sbb-mini-calendar-month-height: auto;
+  --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
+  --sbb-mini-calendar-month-grid-template-columns: none;
+}
+sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
+  grid-row-start: var(--sbb-mini-calendar-month-offset);
+}
+
 sub {
   bottom: -0.36em;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "3.10.0",
+  "version": "3.11.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -764,6 +764,26 @@
       "development": "./development/message.js",
       "default": "./message.js"
     },
+    "./mini-calendar.js": {
+      "types": "./development/mini-calendar.d.ts",
+      "development": "./development/mini-calendar.js",
+      "default": "./mini-calendar.js"
+    },
+    "./mini-calendar/mini-calendar.js": {
+      "types": "./development/mini-calendar/mini-calendar.d.ts",
+      "development": "./development/mini-calendar/mini-calendar.js",
+      "default": "./mini-calendar/mini-calendar.js"
+    },
+    "./mini-calendar/mini-calendar-day.js": {
+      "types": "./development/mini-calendar/mini-calendar-day.d.ts",
+      "development": "./development/mini-calendar/mini-calendar-day.js",
+      "default": "./mini-calendar/mini-calendar-day.js"
+    },
+    "./mini-calendar/mini-calendar-month.js": {
+      "types": "./development/mini-calendar/mini-calendar-month.d.ts",
+      "development": "./development/mini-calendar/mini-calendar-month.js",
+      "default": "./mini-calendar/mini-calendar-month.js"
+    },
     "./navigation.js": {
       "types": "./development/navigation.d.ts",
       "development": "./development/navigation.js",

package/safety-theme.css

@@ -1731,8 +1731,7 @@ sbb-menu,
 sbb-navigation,
 sbb-overlay,
 sbb-popover,
-sbb-toast,
-sbb-tooltip) {
+sbb-toast) {
   margin: 0;
   padding: 0;
   border: none;
@@ -2021,6 +2020,26 @@ sbb-status:has(sbb-title) {
   --sbb-option-white-space: nowrap;
 }
 
+sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month {
+  --sbb-mini-calendar-grid-auto-flow: row;
+  --sbb-mini-calendar-month-height: 3rem;
+  --sbb-mini-calendar-month-grid-template-rows: none;
+  --sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr);
+}
+sbb-mini-calendar[orientation=horizontal] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
+  grid-column-start: var(--sbb-mini-calendar-month-offset);
+}
+
+sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month {
+  --sbb-mini-calendar-grid-auto-flow: column;
+  --sbb-mini-calendar-month-height: auto;
+  --sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);
+  --sbb-mini-calendar-month-grid-template-columns: none;
+}
+sbb-mini-calendar[orientation=vertical] sbb-mini-calendar-month sbb-mini-calendar-day:first-child {
+  grid-row-start: var(--sbb-mini-calendar-month-offset);
+}
+
 sub {
   bottom: -0.36em;
 }

package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts

@@ -1,13 +1,16 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
+import { SbbTooltipDefaultPositions } from '../../tooltip.js';
 declare const SbbIconSidebarButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
 /**
  * Button to be placed inside `sbb-icon-sidebar`.
  *
  * @slot icon - Slot used to display the icon.
  */
-export declare class SbbIconSidebarButtonElement extends SbbIconSidebarButtonElement_base {
+export declare class SbbIconSidebarButtonElement extends SbbIconSidebarButtonElement_base implements SbbTooltipDefaultPositions {
     static styles: CSSResultGroup;
+    /** @internal */
+    readonly tooltipPositions: string[];
     protected renderTemplate(): TemplateResult;
 }
 declare global {

package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBAEM,2BAA4B,SAAQ,gCAAsC;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
+{"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;;AAGnE;;;;GAIG;AACH,qBAEM,2BACJ,SAAQ,gCACR,YAAW,0BAA0B;IAErC,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAC7E,gBAAgB;IAChB,SAAgB,gBAAgB,WAAkC;cAE/C,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/sidebar/icon-sidebar-button/icon-sidebar-button.component.js

@@ -1,19 +1,22 @@
-import { __esDecorate as n, __runInitializers as i } from "tslib";
+import { __esDecorate as i, __runInitializers as l } from "tslib";
 import { customElement as m } from "lit/decorators.js";
 import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
 import { SbbIconNameMixin as u } from "../../icon.js";
 import { iconSidebarButtonCommonStyle as b } from "../common.js";
 let y = (() => {
   var e;
-  let s = [m("sbb-icon-sidebar-button")], r, l = [], t, o = u(c);
-  return e = class extends o {
+  let s = [m("sbb-icon-sidebar-button")], r, o = [], t, n = u(c);
+  return e = class extends n {
+    constructor() {
+      super(...arguments), this.tooltipPositions = ["inline-end", "inline-start"];
+    }
     renderTemplate() {
       return super.renderIconSlot();
     }
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, r = { value: t }, s, { 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 = b, i(t, l), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    i(null, r = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = b, l(t, o), t;
 })();
 export {
   y as SbbIconSidebarButtonElement

package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts

@@ -1,13 +1,16 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbLinkBaseElement } from '../../core/base-elements.js';
+import { SbbTooltipDefaultPositions } from '../../tooltip.js';
 declare const SbbIconSidebarLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbLinkBaseElement;
 /**
  * Link to be placed inside `sbb-icon-sidebar`.
  *
  * @slot icon - Slot used to display the icon.
  */
-export declare class SbbIconSidebarLinkElement extends SbbIconSidebarLinkElement_base {
+export declare class SbbIconSidebarLinkElement extends SbbIconSidebarLinkElement_base implements SbbTooltipDefaultPositions {
     static styles: CSSResultGroup;
+    /** @internal */
+    readonly tooltipPositions: string[];
     protected renderTemplate(): TemplateResult;
 }
 declare global {

package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-sidebar-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-link/icon-sidebar-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAAoC;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"icon-sidebar-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-link/icon-sidebar-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;;AAGnE;;;;GAIG;AACH,qBAEM,yBACJ,SAAQ,8BACR,YAAW,0BAA0B;IAErC,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAC7E,gBAAgB;IAChB,SAAgB,gBAAgB,WAAkC;cAE/C,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}