@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

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

@@ -1,2 +1,98 @@
-import { t as e } from "../../calendar-day.component-DqAXvoP3.js";
-export { e as SbbCalendarDayElement };
+import { __esDecorate as n, __runInitializers as b } from "tslib";
+import { css as c, html as u } from "lit";
+import { property as h, state as v } from "lit/decorators.js";
+import { SbbButtonLikeBaseElement as y } from "../../core/base-elements.js";
+import { readConfig as f } from "../../core/config/config.js";
+import { SbbPropertyWatcherController as g } from "../../core/controllers.js";
+import { defaultDateAdapter as p } from "../../core/datetime/native-date-adapter.js";
+import { SbbDisabledMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as _ } from "../../core/styles.js";
+const x = c`:host{display:block;--sbb-calendar-day-width: 2.75rem;--sbb-calendar-day-height: 3rem;--sbb-calendar-day-cell-background-color: var(--sbb-calendar-cell-background-color);--sbb-calendar-day-selected-border: none;--sbb-calendar-day-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-calendar-day-transition-easing-function: var(--sbb-animation-easing);--sbb-calendar-day-cursor: var(--sbb-cursor-pointer);--sbb-calendar-day-border-radius: var(--sbb-border-radius-4x);--sbb-calendar-day-flex-direction: column;--sbb-calendar-day-justify-content: initial;--sbb-calendar-day-align-items: initial;--sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x);--sbb-calendar-day-extra-display: block;--sbb-calendar-day-extra-height: var(--sbb-spacing-fixed-4x);--sbb-calendar-day-crossed-out-top: 33%;--sbb-calendar-day-crossed-out-translate: translate(-50%, -33%) rotate(-45deg)}:host(:is(:state(selected),[state--selected])){--sbb-calendar-day-selected-border: var(--sbb-border-width-2x) solid var(--sbb-border-color-2)}:host(:disabled){--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);--sbb-calendar-day-cursor: unset}:host(:focus-visible){outline:0}:host(:not(:disabled):active){--sbb-calendar-day-cell-background-color: var(--sbb-calendar-cell-background-color-active)}.sbb-calendar-day{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:var(--sbb-calendar-day-flex-direction);justify-content:var(--sbb-calendar-day-justify-content);align-items:var(--sbb-calendar-day-align-items);height:var(--sbb-calendar-day-height);width:var(--sbb-calendar-day-width);padding:var(--sbb-calendar-cell-padding);padding-block-end:var(--sbb-calendar-day-cell-padding-hover, var(--sbb-calendar-cell-padding));margin:auto;color:var(--sbb-calendar-cell-color);cursor:var(--sbb-calendar-day-cursor);position:relative;z-index:0}.sbb-calendar-day:before{content:"";position:absolute;inset:0;background-color:var(--sbb-calendar-day-cell-background-color);border:var(--sbb-calendar-day-selected-border);border-radius:var(--sbb-calendar-day-border-radius);z-index:-1;transition-duration:var(--sbb-calendar-day-transition-duration);transition-timing-function:var(--sbb-calendar-day-transition-easing-function);transition-property:background-color}:host(:focus-visible) .sbb-calendar-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)}@media(forced-colors:active){:host(:not(:disabled):active) .sbb-calendar-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);--sbb-focus-outline-style: initial}}@media(any-hover:hover){:host(:not(:active,:disabled):hover) .sbb-calendar-day{--sbb-calendar-day-cell-background-color: var(--sbb-calendar-cell-background-color-hover);--sbb-calendar-day-cell-padding-hover: calc( .0625rem + var(--sbb-calendar-cell-padding) )}}@media(any-hover:hover)and (forced-colors:active){:host(:not(:active,:disabled):hover) .sbb-calendar-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);--sbb-focus-outline-style: initial}}.sbb-calendar-day__value{height:var(--sbb-calendar-day-value-height)}:host(:is(:state(current),[state--current])) .sbb-calendar-day__value{font-weight:700}:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-day__value:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);inset-block-start:var(--sbb-calendar-day-crossed-out-top);inset-inline-start:50%;transform:var(--sbb-calendar-day-crossed-out-translate)}.sbb-calendar-day__extra{display:var(--sbb-calendar-day-extra-display);height:var(--sbb-calendar-day-extra-height);padding:var(--sbb-calendar-cell-padding)}::slotted(*){height:1rem}`;
+let R = (() => {
+  var s;
+  let i = m(y), r = [], d, o;
+  return s = class extends i {
+    set slot(e) {
+      super.slot = e, this.value = this.dateAdapter.deserialize(e);
+    }
+    get slot() {
+      return super.slot;
+    }
+    /** Value of the calendar-day element. */
+    set value(e) {
+      const a = this.dateAdapter.getValidDateOrNull(this.dateAdapter.deserialize(e));
+      if (a) {
+        this._value = a;
+        const t = this.dateAdapter.sameDate(a, this.dateAdapter.today());
+        this.toggleState("current", t), this.internals.ariaCurrent = t ? "date" : null, this.internals.ariaLabel = this.dateAdapter.getAccessibilityFormatDate(a);
+        const l = this._getParent();
+        l && (this._setDisabledFilteredState(l), this._setSelectedState(l));
+      }
+    }
+    get value() {
+      return this._value;
+    }
+    constructor() {
+      super(), this.dateAdapter = (b(this, r), f().datetime?.dateAdapter ?? p), this._value = null, this.addController(new g(this, () => this._getParent(), {
+        dateFilter: (e) => this._setDisabledFilteredState(e),
+        min: (e) => this._setDisabledFilteredState(e),
+        max: (e) => this._setDisabledFilteredState(e),
+        selected: (e) => this._setSelectedState(e)
+      }));
+    }
+    /**
+     * Intentionally empty, as buttons are not targeted by form reset.
+     * @internal
+     */
+    formResetCallback() {
+    }
+    /**
+     * Intentionally empty, as buttons are not targeted by form restore.
+     * @internal
+     */
+    formStateRestoreCallback(e, a) {
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.tabIndex = -1;
+    }
+    /**
+     * The component is used as the default day cell within the `sbb-calendar`,
+     * or, if extra content is needed, it can be slotted.
+     */
+    _getParent() {
+      return this.closest?.("sbb-calendar") ?? this.getRootNode?.()?.host?.closest("sbb-calendar");
+    }
+    _setSelectedState(e) {
+      const a = e.multiple ? e.selected.some((t) => this.dateAdapter.sameDate(this.value, t)) : !!e.selected && this.dateAdapter.compareDate(this.value, e.selected) === 0;
+      this.toggleState("selected", a), this.internals.ariaPressed = String(a);
+    }
+    _setDisabledFilteredState(e) {
+      const a = !this._isActiveDate(e.dateFilter), t = !this._isDayInRange(e.min, e.max);
+      this.disabled = a || t, this.internals.ariaDisabled = String(this.disabled), this.toggleState("crossed-out", a && !t);
+    }
+    _isActiveDate(e) {
+      return e?.(this.value) ?? !0;
+    }
+    _isDayInRange(e, a) {
+      return !e && !a ? !0 : this.dateAdapter.sameDate(this.value, this.dateAdapter.clampDate(this.value, e, a));
+    }
+    renderTemplate() {
+      return u` <span class="sbb-calendar-day__value" aria-hidden="true">
+        ${this.dateAdapter.getDate(this.value)}
+      </span>
+      <span class="sbb-calendar-day__extra">
+        <slot></slot>
+      </span>`;
+    }
+  }, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    d = [h()], o = [v()], n(s, null, d, { kind: "setter", name: "slot", static: !1, private: !1, access: { has: (a) => "slot" in a, set: (a, t) => {
+      a.slot = t;
+    } }, metadata: e }, null, r), n(s, null, o, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, set: (a, t) => {
+      a.value = t;
+    } }, metadata: e }, null, r), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), s.elementName = "sbb-calendar-day", s.styles = [_, x], s;
+})();
+export {
+  R as SbbCalendarDayElement
+};

package/calendar/calendar-day.js

@@ -1,4 +1,7 @@
-import { t as e } from "../calendar-day.component-DqAXvoP3.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/calendar/calendar-day.js' has been deprecated.\nUse either '@sbb-esta/elements/calendar.js' or '@sbb-esta/elements/calendar.pure.js' instead.");
-//#endregion
-export { e as SbbCalendarDayElement };
+import { SbbCalendarDayElement as e } from "./calendar-day/calendar-day.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/calendar/calendar-day.js' has been deprecated.
+Use either '@sbb-esta/elements/calendar.js' or '@sbb-esta/elements/calendar.pure.js' instead.`);
+export {
+  e as SbbCalendarDayElement
+};

package/calendar/calendar.js

@@ -1,4 +1,9 @@
-import { n as e, t } from "../calendar.component-BgZDy-rX.js";
-t.define(), console.warn("The entrypoint '@sbb-esta/elements/calendar/calendar.js' has been deprecated.\nUse either '@sbb-esta/elements/calendar.js' or '@sbb-esta/elements/calendar.pure.js' instead.");
-//#endregion
-export { t as SbbCalendarElement, e as SbbMonthChangeEvent };
+import { SbbCalendarElement as e } from "./calendar/calendar.component.js";
+import { SbbMonthChangeEvent as r } from "./calendar/calendar.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/calendar/calendar.js' has been deprecated.
+Use either '@sbb-esta/elements/calendar.js' or '@sbb-esta/elements/calendar.pure.js' instead.`);
+export {
+  e as SbbCalendarElement,
+  r as SbbMonthChangeEvent
+};

package/calendar.js

@@ -1,6 +1,10 @@
-import { t as e } from "./calendar-day.component-DqAXvoP3.js";
-import { n as t, t as n } from "./calendar.component-BgZDy-rX.js";
-import "./calendar.pure.js";
-n.define(), e.define();
-//#endregion
-export { e as SbbCalendarDayElement, n as SbbCalendarElement, t as SbbMonthChangeEvent };
+import { SbbCalendarDayElement as e } from "./calendar/calendar-day/calendar-day.component.js";
+import { SbbCalendarElement as n } from "./calendar/calendar/calendar.component.js";
+import { SbbMonthChangeEvent as a } from "./calendar/calendar/calendar.component.js";
+n.define();
+e.define();
+export {
+  e as SbbCalendarDayElement,
+  n as SbbCalendarElement,
+  a as SbbMonthChangeEvent
+};

package/calendar.pure.js

@@ -1,3 +1,7 @@
-import { t as e } from "./calendar-day.component-DqAXvoP3.js";
-import { n as t, t as n } from "./calendar.component-BgZDy-rX.js";
-export { e as SbbCalendarDayElement, n as SbbCalendarElement, t as SbbMonthChangeEvent };
+import { SbbCalendarDayElement as a } from "./calendar/calendar-day/calendar-day.component.js";
+import { SbbCalendarElement as r, SbbMonthChangeEvent as t } from "./calendar/calendar/calendar.component.js";
+export {
+  a as SbbCalendarDayElement,
+  r as SbbCalendarElement,
+  t as SbbMonthChangeEvent
+};

package/card/card/card.component.js

@@ -1,2 +1,48 @@
-import { t as e } from "../../card.component-Dt2YFmd3.js";
-export { e as SbbCardElement };
+var d = (a) => {
+  throw TypeError(a);
+};
+var c = (a, r, s) => r.has(a) || d("Cannot " + s);
+var n = (a, r, s) => (c(a, r, "read from private field"), s ? s.call(a) : r.get(a)), l = (a, r, s) => r.has(a) ? d("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, s), p = (a, r, s, o) => (c(a, r, "write to private field"), o ? o.call(a, s) : r.set(a, s), s);
+import { __esDecorate as h, __runInitializers as v } from "tslib";
+import { css as x, html as u } from "lit";
+import { property as k } from "lit/decorators.js";
+import { SbbElement as m } from "../../core/base-elements.js";
+import { boxSizingStyles as f } from "../../core/styles.js";
+const w = x`:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-title-text-color-normal-override: var(--sbb-card-color);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}:host:after{content:"";position:absolute;inset:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}:host{--sbb-card-padding-block: var(--sbb-card-padding-block-default);--sbb-card-with-badge-padding-block: var(--sbb-card-with-badge-padding-block-default);--sbb-card-padding-inline: var(--sbb-card-padding-inline-default)}:host(:where([color=white])){--sbb-card-background-color: var(--sbb-background-color-1);--sbb-card-border-color: transparent}:host(:where([color=milk])){--sbb-card-background-color: var(--sbb-background-color-3);--sbb-card-border-color: transparent}:host(:where([color=transparent-bordered])){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-border-color-4-inverted);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host(:where([color=transparent-bordered-dashed])){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-granite));--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host(:where(:not([color]))){--sbb-card-background-color: var(--sbb-background-color-1);--sbb-card-border-color: transparent}:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color: var(--sbb-border-color-3);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media(forced-colors:active){:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color: Highlight}}:host(:is(:state(has-action),[state--has-action])){--sbb-card-pointer-events: none}@media(any-hover:hover){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-hover-shift: -.125rem;box-shadow:var(--sbb-box-shadow-level-9-hard)}}@media(any-hover:hover)and (forced-colors:active){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-border-color: Highlight}}@media(forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-button),[state--action-role-button]))){--sbb-card-color: ButtonText}}@media(forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-link),[state--action-role-link]))){--sbb-card-color: LinkText;--sbb-card-border-color: CanvasText}}:host(.sbb-card-spacing-3x-xxs){--sbb-card-padding-block: var(--sbb-spacing-fixed-3x);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-xxs){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-s){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-4x-xxs){--sbb-card-padding-block: var(--sbb-spacing-fixed-4x);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-4x);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxs){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-s){--sbb-card-padding-block: var(--sbb-spacing-responsive-s);--sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-s);--sbb-card-padding-inline: var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-l){--sbb-card-padding-block: var(--sbb-spacing-responsive-l);--sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-l);--sbb-card-padding-inline: var(--sbb-spacing-responsive-l)}:host(:is(:state(slotted-badge),[state--slotted-badge])){--sbb-card-padding-block: var(--sbb-card-with-badge-padding-block);--sbb-card-badge-display: block}.sbb-card__wrapper{display:block;height:100%;pointer-events:var(--sbb-card-pointer-events, auto);translate:0 var(--sbb-card-hover-shift, 0);transition:translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{display:var(--sbb-card-badge-display, none);overflow:hidden;position:absolute;inset:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius);pointer-events:var(--sbb-card-pointer-events, auto)}::slotted(sbb-title){margin-block-start:0}`;
+let I = (() => {
+  var e, b;
+  let a = m, r, s = [], o = [];
+  return b = class extends a {
+    constructor() {
+      super(...arguments);
+      l(this, e, v(this, s, "white"));
+      v(this, o);
+    }
+    /** Option to set the component's background color. */
+    get color() {
+      return n(this, e);
+    }
+    set color(t) {
+      p(this, e, t);
+    }
+    render() {
+      return u`
+      <slot name="action"></slot>
+      <span class="sbb-card__wrapper">
+        <slot></slot>
+      </span>
+      <span class="sbb-card__badge-wrapper">
+        <slot name="badge"></slot>
+      </span>
+    `;
+    }
+  }, e = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    r = [k({ reflect: !0 })], h(b, null, r, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, g) => {
+      i.color = g;
+    } }, metadata: t }, s, o), t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), b.elementName = "sbb-card", b.styles = [f, w], b;
+})();
+export {
+  I as SbbCardElement
+};

package/card/card-badge/card-badge.component.js

@@ -1,2 +1,48 @@
-import { t as e } from "../../card-badge.component-D_PI9Ega.js";
-export { e as SbbCardBadgeElement };
+var d = (r) => {
+  throw TypeError(r);
+};
+var c = (r, a, e) => a.has(r) || d("Cannot " + e);
+var l = (r, a, e) => (c(r, a, "read from private field"), e ? e.call(r) : a.get(r)), n = (r, a, e) => a.has(r) ? d("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(r) : a.set(r, e), g = (r, a, e, o) => (c(r, a, "write to private field"), o ? o.call(r, e) : a.set(r, e), e);
+import { __esDecorate as m, __runInitializers as u } from "tslib";
+import { css as h, html as v } from "lit";
+import { property as f } from "lit/decorators.js";
+import { SbbElement as k } from "../../core/base-elements.js";
+import { boxSizingStyles as y } from "../../core/styles.js";
+const x = h`:host{display:flex;position:relative;height:fit-content;width:fit-content;margin-inline-start:auto}:host:after{content:"";display:var(--sbb-card-badge-border-display, none);position:absolute;inset:0;border:var(--sbb-border-width-1x) solid CanvasText}:host{inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-card-badge-padding-inline)}:host([color=white]){--sbb-card-badge-color: var(--sbb-color-3);--sbb-card-badge-background-color: var(--sbb-background-color-1);--sbb-card-badge-border-color: var(--sbb-color-aluminium);--sbb-card-badge-border-color: light-dark( var(--sbb-color-aluminium), var(--sbb-color-anthracite) )}:host(:dir(rtl)){--sbb-card-badge-skew: skew(-16deg, 0deg)}.sbb-card-badge-content{font-weight:700;font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{display:block;position:absolute;inset:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-card-badge-border-radius);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:var(--sbb-card-badge-skew)}.sbb-card-badge-background:before{content:"";display:var(--sbb-card-badge-inline-border-display, block);position:absolute;inset:0;border-block-end:var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-card-badge-border-radius)}`;
+let D = (() => {
+  var s, t;
+  let r = k, a, e = [], o = [];
+  return t = class extends r {
+    constructor() {
+      super(...arguments);
+      n(this, s, u(this, e, "charcoal"));
+      u(this, o);
+    }
+    /** Color of the card badge. */
+    get color() {
+      return l(this, s);
+    }
+    set color(b) {
+      g(this, s, b);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.slot ||= "badge";
+    }
+    render() {
+      return v`
+      <span class="sbb-card-badge-background" aria-hidden="true"></span>
+      <span class="sbb-card-badge-content">
+        <slot></slot>
+      </span>
+    `;
+    }
+  }, s = new WeakMap(), (() => {
+    const b = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    a = [f({ reflect: !0 })], m(t, null, a, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, p) => {
+      i.color = p;
+    } }, metadata: b }, e, o), b && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: b });
+  })(), t.elementName = "sbb-card-badge", t.role = "text", t.styles = [y, x], t;
+})();
+export {
+  D as SbbCardBadgeElement
+};

package/card/card-badge.js

@@ -1,4 +1,7 @@
-import { t as e } from "../card-badge.component-D_PI9Ega.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/card/card-badge.js' has been deprecated.\nUse either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.");
-//#endregion
-export { e as SbbCardBadgeElement };
+import { SbbCardBadgeElement as e } from "./card-badge/card-badge.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/card/card-badge.js' has been deprecated.
+Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
+export {
+  e as SbbCardBadgeElement
+};

package/card/card-button/card-button.component.js

@@ -1,13 +1,12 @@
 import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
-import { SbbCardActionCommonElementMixin as t } from "../common/card-action-common.js";
-//#region src/elements/card/card-button/card-button.component.ts
-var n = class extends t(e) {
-	constructor() {
-		super(...arguments), this.actionRole = "button";
-	}
-	static {
-		this.elementName = "sbb-card-button";
-	}
+import { SbbCardActionCommonElementMixin as s } from "../common/card-action-common.js";
+const t = class t extends s(e) {
+  constructor() {
+    super(...arguments), this.actionRole = "button";
+  }
+};
+t.elementName = "sbb-card-button";
+let o = t;
+export {
+  o as SbbCardButtonElement
 };
-//#endregion
-export { n as SbbCardButtonElement };

package/card/card-button.js

@@ -1,4 +1,7 @@
 import { SbbCardButtonElement as e } from "./card-button/card-button.component.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/card/card-button.js' has been deprecated.\nUse either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.");
-//#endregion
-export { e as SbbCardButtonElement };
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/card/card-button.js' has been deprecated.
+Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
+export {
+  e as SbbCardButtonElement
+};

package/card/card-link/card-link.component.js

@@ -1,13 +1,12 @@
 import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
-import { SbbCardActionCommonElementMixin as t } from "../common/card-action-common.js";
-//#region src/elements/card/card-link/card-link.component.ts
-var n = class extends t(e) {
-	constructor() {
-		super(...arguments), this.actionRole = "link";
-	}
-	static {
-		this.elementName = "sbb-card-link";
-	}
+import { SbbCardActionCommonElementMixin as s } from "../common/card-action-common.js";
+const t = class t extends s(e) {
+  constructor() {
+    super(...arguments), this.actionRole = "link";
+  }
+};
+t.elementName = "sbb-card-link";
+let o = t;
+export {
+  o as SbbCardLinkElement
 };
-//#endregion
-export { n as SbbCardLinkElement };

package/card/card-link.js

@@ -1,4 +1,7 @@
 import { SbbCardLinkElement as e } from "./card-link/card-link.component.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/card/card-link.js' has been deprecated.\nUse either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.");
-//#endregion
-export { e as SbbCardLinkElement };
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/card/card-link.js' has been deprecated.
+Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
+export {
+  e as SbbCardLinkElement
+};

package/card/card.js

@@ -1,4 +1,7 @@
-import { t as e } from "../card.component-Dt2YFmd3.js";
-e.define(), console.warn("The entrypoint '@sbb-esta/elements/card/card.js' has been deprecated.\nUse either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.");
-//#endregion
-export { e as SbbCardElement };
+import { SbbCardElement as e } from "./card/card.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/card/card.js' has been deprecated.
+Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
+export {
+  e as SbbCardElement
+};

package/card/common/card-action-common.js

@@ -1,2 +1,63 @@
-import { t as e } from "../../card-action-common-GpkaNYtV.js";
-export { e as SbbCardActionCommonElementMixin };
+import { __runInitializers as n, __esDecorate as b } from "tslib";
+import { MutationController as d } from "@lit-labs/observers/mutation-controller.js";
+import { property as u } from "lit/decorators.js";
+import { html as h } from "lit/static-html.js";
+import { IS_FOCUSABLE_QUERY as m } from "../../core/a11y.js";
+import { ɵstateController as o } from "../../core/mixins.js";
+import { boxSizingStyles as f } from "../../core/styles.js";
+import { css as p } from "lit";
+const v = p`:host{display:block;outline:none!important;position:absolute;inset:0}:is(.sbb-card-button,.sbb-card-link){display:block;position:absolute;inset:0;border-radius:var(--sbb-card-border-radius);cursor:var(--sbb-cursor-pointer);outline:none}:host(:focus-visible) :is(.sbb-card-button,.sbb-card-link),:is(.sbb-card-button,.sbb-card-link):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)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, E = (c) => (() => {
+  var e;
+  let s = c, a = [], r;
+  return e = class extends s {
+    constructor() {
+      super(...arguments), this._active = (n(this, a), !1), this._card = null, this._cardMutationObserver = new d(this, {
+        target: null,
+        config: {
+          childList: !0,
+          subtree: !0,
+          attributes: !0,
+          attributeFilter: ["href", "tabindex", "disabled", "inert"]
+        },
+        callback: () => this._checkForSlottedActions()
+      });
+    }
+    /** Whether the card is active. */
+    set active(t) {
+      this._active = t, this._onActiveChange();
+    }
+    get active() {
+      return this._active;
+    }
+    _onActiveChange() {
+      this._card && o(this._card).toggle("has-active-action", this.active);
+    }
+    _checkForSlottedActions() {
+      Array.from(this._card?.querySelectorAll?.(m) ?? []).filter((t) => t.localName !== "sbb-card-link" && t.localName !== "sbb-card-button" && !t.classList.contains("sbb-action")).forEach((t) => t.classList.toggle("sbb-action", !0));
+    }
+    connectedCallback() {
+      if (super.connectedCallback(), this._card = this.closest?.("sbb-card"), this._card) {
+        this.slot ||= "action";
+        const t = o(this._card);
+        t.add("has-action"), t.toggle("has-active-action", this.active), t.add(`action-role-${this.actionRole}`), t.delete(`action-role-${this.actionRole === "button" ? "link" : "button"}`), this._checkForSlottedActions(), this._cardMutationObserver.observe(this._card);
+      }
+    }
+    disconnectedCallback() {
+      if (super.disconnectedCallback(), this._card) {
+        const t = o(this._card);
+        t.delete("has-action"), t.delete("has-active-action"), t.delete("action-role-button"), t.delete("action-role-link"), this._card.querySelectorAll(".sbb-action").forEach((i) => i.classList.remove("sbb-action")), this._card = null;
+      }
+    }
+    renderTemplate() {
+      return h`<span class="sbb-screen-reader-only"><slot></slot></span>`;
+    }
+  }, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    r = [u({ reflect: !0, type: Boolean })], b(e, null, r, { kind: "setter", name: "active", static: !1, private: !1, access: { has: (i) => "active" in i, set: (i, l) => {
+      i.active = l;
+    } }, metadata: t }, null, a), t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), e.styles = [f, v], e;
+})();
+export {
+  E as SbbCardActionCommonElementMixin
+};

package/card/common.js

@@ -1,5 +1,6 @@
-import { t as e } from "../card-action-common-GpkaNYtV.js";
-//#region src/elements/card/common.ts
-console.warn("The entrypoint '@sbb-esta/elements/card/common.js' has been deprecated.\nUse either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.");
-//#endregion
-export { e as SbbCardActionCommonElementMixin };
+import { SbbCardActionCommonElementMixin as n } from "./common/card-action-common.js";
+console.warn(`The entrypoint '@sbb-esta/elements/card/common.js' has been deprecated.
+Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
+export {
+  n as SbbCardActionCommonElementMixin
+};

package/card.js

@@ -1,9 +1,16 @@
-import { t as e } from "./card-badge.component-D_PI9Ega.js";
-import { SbbCardButtonElement as t } from "./card/card-button/card-button.component.js";
-import { SbbCardLinkElement as n } from "./card/card-link/card-link.component.js";
-import { t as r } from "./card.component-Dt2YFmd3.js";
-import { t as i } from "./card-action-common-GpkaNYtV.js";
-import "./card.pure.js";
-r.define(), e.define(), t.define(), n.define();
-//#endregion
-export { i as SbbCardActionCommonElementMixin, e as SbbCardBadgeElement, t as SbbCardButtonElement, r as SbbCardElement, n as SbbCardLinkElement };
+import { SbbCardBadgeElement as e } from "./card/card-badge/card-badge.component.js";
+import { SbbCardButtonElement as m } from "./card/card-button/card-button.component.js";
+import { SbbCardLinkElement as r } from "./card/card-link/card-link.component.js";
+import { SbbCardElement as o } from "./card/card/card.component.js";
+import { SbbCardActionCommonElementMixin as a } from "./card/common/card-action-common.js";
+o.define();
+e.define();
+m.define();
+r.define();
+export {
+  a as SbbCardActionCommonElementMixin,
+  e as SbbCardBadgeElement,
+  m as SbbCardButtonElement,
+  o as SbbCardElement,
+  r as SbbCardLinkElement
+};

package/card.pure.js

@@ -1,6 +1,12 @@
-import { t as e } from "./card-badge.component-D_PI9Ega.js";
-import { SbbCardButtonElement as t } from "./card/card-button/card-button.component.js";
+import { SbbCardBadgeElement as o } from "./card/card-badge/card-badge.component.js";
+import { SbbCardButtonElement as m } from "./card/card-button/card-button.component.js";
 import { SbbCardLinkElement as n } from "./card/card-link/card-link.component.js";
-import { t as r } from "./card.component-Dt2YFmd3.js";
-import { t as i } from "./card-action-common-GpkaNYtV.js";
-export { i as SbbCardActionCommonElementMixin, e as SbbCardBadgeElement, t as SbbCardButtonElement, r as SbbCardElement, n as SbbCardLinkElement };
+import { SbbCardElement as d } from "./card/card/card.component.js";
+import { SbbCardActionCommonElementMixin as C } from "./card/common/card-action-common.js";
+export {
+  C as SbbCardActionCommonElementMixin,
+  o as SbbCardBadgeElement,
+  m as SbbCardButtonElement,
+  d as SbbCardElement,
+  n as SbbCardLinkElement
+};

package/carousel/carousel/carousel.component.js

@@ -1,2 +1,88 @@
-import { t as e } from "../../carousel.component-Bd0iGUbf.js";
-export { e as SbbCarouselElement };
+var h = (t) => {
+  throw TypeError(t);
+};
+var b = (t, a, r) => a.has(t) || h("Cannot " + r);
+var u = (t, a, r) => (b(t, a, "read from private field"), r ? r.call(t) : a.get(t)), g = (t, a, r) => a.has(t) ? h("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), d = (t, a, r, l) => (b(t, a, "write to private field"), l ? l.call(t, r) : a.set(t, r), r);
+import { __esDecorate as f, __runInitializers as p } from "tslib";
+import { css as m, html as _ } from "lit";
+import { property as y } from "lit/decorators.js";
+import { SbbElement as w } from "../../core/base-elements.js";
+import { SbbLanguageController as x } from "../../core/controllers/language-controller.js";
+import { forceType as P } from "../../core/decorators.js";
+import { i18nNextSlide as v, i18nPreviousSlide as S, i18nSlide as C, i18nCarouselArrowsNavigationHint as I } from "../../core/i18n/i18n.js";
+import { boxSizingStyles as L } from "../../core/styles.js";
+import "../../screen-reader-only.js";
+const k = m`:host{display:inline-block;overflow:hidden;border-radius:var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0}:host([shadow]){box-shadow:var(--sbb-carousel-box-shadow);border-radius:var(--sbb-carousel-border-radius)}:host(:not([shadow])) ::slotted(sbb-carousel-list){--sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius)}.sbb-carousel{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--sbb-carousel-background-color)}::slotted(sbb-compact-paginator){padding:var(--sbb-carousel-paginator-padding)}`;
+let $ = (() => {
+  var n, s;
+  let t = w, a, r = [], l = [];
+  return s = class extends t {
+    constructor() {
+      super();
+      g(this, n);
+      d(this, n, p(this, r, !1)), this._paginator = (p(this, l), null), this._abortController = null, this._language = new x(this), this._requestedPageIndexByPaginator = -1, this.addEventListener?.("show", (e) => {
+        this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.detail.index || (this._paginator && e.detail.index !== this._paginator.pageIndex && (this._paginator.pageIndex = e.detail.index), this._requestedPageIndexByPaginator = -1);
+      });
+    }
+    /**
+     * Used to display a box-shadow around the component.
+     */
+    get shadow() {
+      return u(this, n);
+    }
+    set shadow(e) {
+      d(this, n, e);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.internals.role = "region", this.internals.ariaLabel = "carousel", this._setupPaginator();
+    }
+    firstUpdated(e) {
+      super.firstUpdated(e), this.internals.ariaDescribedByElements = [
+        this.shadowRoot.querySelector("#sbb-carousel-arrows-navigation-hint")
+      ];
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this._abortController?.abort();
+    }
+    _handleSlotchange() {
+      const e = Array.from(this.children).find((c) => c.localName === "sbb-compact-paginator"), i = Array.from(this.children).find((c) => c.localName === "sbb-carousel-list");
+      if (!e || !i)
+        return;
+      const o = i.querySelectorAll("sbb-carousel-item");
+      o && o.length > 0 && (e.length = o.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= v[this._language.current], e.accessibilityPreviousPageLabel ||= S[this._language.current], e.accessibilityPageLabel ||= C[this._language.current], e !== this._paginator && (this._paginator = e, this._setupPaginator());
+    }
+    _setupPaginator() {
+      this._abortController?.abort(), this._paginator && (this._abortController = new AbortController(), this._paginator.addEventListener("click", () => this._scrollAtPaginatorChange(), {
+        signal: this._abortController.signal
+      }));
+    }
+    _scrollAtPaginatorChange() {
+      if (!this._paginator)
+        return;
+      this._requestedPageIndexByPaginator = this._paginator.pageIndex;
+      const e = this.querySelector("sbb-carousel-list");
+      if (e) {
+        const o = e.querySelectorAll("sbb-carousel-item")[this._paginator.pageIndex].offsetLeft - this.offsetLeft;
+        (e.clientWidth <= 100 || Math.abs(e.scrollLeft - o) > 50) && e.scrollTo({ left: o });
+      }
+    }
+    render() {
+      return _`
+      <div class="sbb-carousel">
+        <sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
+          >${I[this._language.current]}</sbb-screen-reader-only
+        >
+        <slot @slotchange=${this._handleSlotchange}></slot>
+      </div>
+    `;
+    }
+  }, n = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    a = [P(), y({ reflect: !0, type: Boolean })], f(s, null, a, { kind: "accessor", name: "shadow", static: !1, private: !1, access: { has: (i) => "shadow" in i, get: (i) => i.shadow, set: (i, o) => {
+      i.shadow = o;
+    } }, metadata: e }, r, l), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), s.elementName = "sbb-carousel", s.styles = [L, k], s;
+})();
+export {
+  $ as SbbCarouselElement
+};

package/carousel/carousel-item/carousel-item.component.js

@@ -1,2 +1,18 @@
-import { t as e } from "../../carousel-item.component-kv3rY8B-.js";
-export { e as SbbCarouselItemElement };
+import { css as e, html as i } from "lit";
+import { SbbElement as o } from "../../core/base-elements.js";
+const r = e`:host{display:flex;scroll-snap-align:start;flex-shrink:0}::slotted(sbb-image){border-radius:unset}`, s = class s extends o {
+  connectedCallback() {
+    super.connectedCallback(), this.internals.role = "group", this.internals.ariaRoleDescription = "slide";
+  }
+  render() {
+    return i`<slot></slot>`;
+  }
+};
+s.elementName = "sbb-carousel-item", s.styles = r, s.events = {
+  beforeshow: "beforeshow",
+  show: "show"
+};
+let t = s;
+export {
+  t as SbbCarouselItemElement
+};