@sbb-esta/lyne-elements-dev 4.7.0-dev.1773149675 → 4.7.0-dev.1773157346

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

@@ -1,17 +1,17 @@
-import { __esDecorate as d, __runInitializers as h } from "tslib";
-import { css as y, html as f } from "lit";
-import { customElement as g, property as p, state as m } from "lit/decorators.js";
-import { SbbButtonLikeBaseElement as _ } from "../../core/base-elements.js";
-import { readConfig as x } from "../../core/config/config.js";
-import { SbbPropertyWatcherController as S } from "../../core/controllers.js";
-import { defaultDateAdapter as D } from "../../core/datetime/native-date-adapter.js";
-import { SbbDisabledMixin as k } from "../../core/mixins.js";
-import { boxSizingStyles as A } from "../../core/styles.js";
-const w = y`: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 T = (() => {
+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 v = [g("sbb-calendar-day")], o, n = [], r, b = k(_), l = [], c, u;
-  return s = class extends b {
+  let i = m(y), r = [], d, o;
+  return s = class extends i {
     set slot(e) {
       super.slot = e, this.value = this.dateAdapter.deserialize(e);
     }
@@ -25,15 +25,15 @@ let T = (() => {
         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 i = this._getParent();
-        i && (this._setDisabledFilteredState(i), this._setSelectedState(i));
+        const l = this._getParent();
+        l && (this._setDisabledFilteredState(l), this._setSelectedState(l));
       }
     }
     get value() {
       return this._value;
     }
     constructor() {
-      super(), this.dateAdapter = (h(this, l), x().datetime?.dateAdapter ?? D), this._value = null, this.addController(new S(this, () => this._getParent(), {
+      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),
@@ -77,22 +77,22 @@ let T = (() => {
       return !e && !a ? !0 : this.dateAdapter.sameDate(this.value, this.dateAdapter.clampDate(this.value, e, a));
     }
     renderTemplate() {
-      return f` <span class="sbb-calendar-day__value" aria-hidden="true">
+      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>`;
     }
-  }, r = s, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    c = [p()], u = [m()], d(s, null, c, { kind: "setter", name: "slot", static: !1, private: !1, access: { has: (a) => "slot" in a, set: (a, t) => {
+  }, (() => {
+    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, l), d(s, null, u, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, set: (a, 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, l), d(null, o = { value: r }, v, { kind: "class", name: r.name, metadata: e }, null, n), r = o.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.styles = [A, w], h(r, n), r;
+    } }, 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 {
-  T as SbbCalendarDayElement
+  R as SbbCalendarDayElement
 };

package/calendar/calendar-day.js

@@ -1,4 +1,7 @@
-import { SbbCalendarDayElement as r } from "./calendar-day/calendar-day.component.js";
+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 {
-  r as SbbCalendarDayElement
+  e as SbbCalendarDayElement
 };

package/calendar/calendar.js

@@ -1,5 +1,9 @@
-import { SbbCalendarElement as b, SbbMonthChangeEvent as t } from "./calendar/calendar.component.js";
+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 {
-  b as SbbCalendarElement,
-  t as SbbMonthChangeEvent
+  e as SbbCalendarElement,
+  r as SbbMonthChangeEvent
 };

package/calendar.js

@@ -1,7 +1,10 @@
-import { SbbCalendarElement as a, SbbMonthChangeEvent as b } from "./calendar/calendar/calendar.component.js";
-import { SbbCalendarDayElement as t } from "./calendar/calendar-day/calendar-day.component.js";
+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 {
-  t as SbbCalendarDayElement,
-  a as SbbCalendarElement,
-  b as SbbMonthChangeEvent
+  e as SbbCalendarDayElement,
+  n as SbbCalendarElement,
+  a as SbbMonthChangeEvent
 };

package/calendar.pure.js

@@ -0,0 +1,7 @@
+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,32 +1,32 @@
-var v = (a) => {
+var d = (a) => {
   throw TypeError(a);
 };
-var g = (a, r, s) => r.has(a) || v("Cannot " + s);
-var h = (a, r, s) => (g(a, r, "read from private field"), s ? s.call(a) : r.get(a)), x = (a, r, s) => r.has(a) ? v("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, s), u = (a, r, s, b) => (g(a, r, "write to private field"), b ? b.call(a, s) : r.set(a, s), s);
-import { __esDecorate as m, __runInitializers as d } from "tslib";
-import { css as f, LitElement as w, html as _ } from "lit";
-import { customElement as y, property as S } from "lit/decorators.js";
-import { SbbElementInternalsMixin as z } from "../../core/mixins.js";
-import { boxSizingStyles as E } from "../../core/styles.js";
-const I = f`: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 B = (() => {
-  var t, o;
-  let a = [y("sbb-card")], r, s = [], b, c = z(w), n, l = [], p = [];
-  return o = class extends c {
+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);
-      x(this, t, d(this, l, "white"));
-      d(this, p);
+      l(this, e, v(this, s, "white"));
+      v(this, o);
     }
     /** Option to set the component's background color. */
     get color() {
-      return h(this, t);
+      return n(this, e);
     }
-    set color(e) {
-      u(this, t, e);
+    set color(t) {
+      p(this, e, t);
     }
     render() {
-      return _`
+      return u`
       <slot name="action"></slot>
       <span class="sbb-card__wrapper">
         <slot></slot>
@@ -36,13 +36,13 @@ let B = (() => {
       </span>
     `;
     }
-  }, t = new WeakMap(), b = o, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    n = [S({ reflect: !0 })], m(o, null, n, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, k) => {
-      i.color = k;
-    } }, metadata: e }, l, p), m(null, r = { value: b }, a, { kind: "class", name: b.name, metadata: e }, null, s), b = r.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = [E, I], d(b, s), b;
+  }, 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 {
-  B as SbbCardElement
+  I as SbbCardElement
 };

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

@@ -1,48 +1,48 @@
-var u = (r) => {
+var d = (r) => {
   throw TypeError(r);
 };
-var m = (r, a, e) => a.has(r) || u("Cannot " + e);
-var p = (r, a, e) => (m(r, a, "read from private field"), e ? e.call(r) : a.get(r)), v = (r, a, e) => a.has(r) ? u("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(r) : a.set(r, e), h = (r, a, e, t) => (m(r, a, "write to private field"), t ? t.call(r, e) : a.set(r, e), e);
-import { __esDecorate as f, __runInitializers as d } from "tslib";
-import { css as y, LitElement as _, html as x } from "lit";
-import { customElement as w, property as S } from "lit/decorators.js";
-import { SbbElementInternalsMixin as z } from "../../core/mixins.js";
-import { boxSizingStyles as E } from "../../core/styles.js";
-const C = y`: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 M = (() => {
-  var b, s;
-  let r = [w("sbb-card-badge")], a, e = [], t, l = z(_), c, n = [], g = [];
-  return s = class extends l {
+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);
-      v(this, b, d(this, n, "charcoal"));
-      d(this, g);
+      n(this, s, u(this, e, "charcoal"));
+      u(this, o);
     }
     /** Color of the card badge. */
     get color() {
-      return p(this, b);
+      return l(this, s);
     }
-    set color(o) {
-      h(this, b, o);
+    set color(b) {
+      g(this, s, b);
     }
     connectedCallback() {
       super.connectedCallback(), this.slot ||= "badge";
     }
     render() {
-      return x`
+      return v`
       <span class="sbb-card-badge-background" aria-hidden="true"></span>
       <span class="sbb-card-badge-content">
         <slot></slot>
       </span>
     `;
     }
-  }, b = new WeakMap(), t = s, (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    c = [S({ reflect: !0 })], f(s, null, c, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, k) => {
-      i.color = k;
-    } }, metadata: o }, n, g), f(null, a = { value: t }, r, { kind: "class", name: t.name, metadata: o }, null, e), t = a.value, o && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), s.role = "text", s.styles = [E, C], d(t, e), t;
+  }, 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 {
-  M as SbbCardBadgeElement
+  D as SbbCardBadgeElement
 };

package/card/card-badge.js

@@ -1,4 +1,7 @@
-import { SbbCardBadgeElement as a } from "./card-badge/card-badge.component.js";
+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 {
-  a as SbbCardBadgeElement
+  e as SbbCardBadgeElement
 };

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

@@ -1,19 +1,12 @@
-import { __esDecorate as n, __runInitializers as m } from "tslib";
-import { customElement as i } from "lit/decorators.js";
-import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
-import { SbbCardActionCommonElementMixin as u } from "../common.js";
-let f = (() => {
-  var e;
-  let s = [i("sbb-card-button")], r, l = [], t, o = u(c);
-  return e = class extends o {
-    constructor() {
-      super(...arguments), this.actionRole = "button";
-    }
-  }, 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 }), m(t, l);
-  })(), t;
-})();
+import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
+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 {
-  f as SbbCardButtonElement
+  o as SbbCardButtonElement
 };

package/card/card-button.js

@@ -1,4 +1,7 @@
-import { SbbCardButtonElement as o } from "./card-button/card-button.component.js";
+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.
+Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
 export {
-  o as SbbCardButtonElement
+  e as SbbCardButtonElement
 };

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

@@ -1,19 +1,12 @@
-import { __esDecorate as n, __runInitializers as o } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
-import { SbbCardActionCommonElementMixin as u } from "../common.js";
-let f = (() => {
-  var t;
-  let i = [m("sbb-card-link")], l, r = [], e, s = u(c);
-  return t = class extends s {
-    constructor() {
-      super(...arguments), this.actionRole = "link";
-    }
-  }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    n(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
-  })(), e;
-})();
+import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
+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 {
-  f as SbbCardLinkElement
+  o as SbbCardLinkElement
 };

package/card/card-link.js

@@ -1,4 +1,7 @@
-import { SbbCardLinkElement as b } from "./card-link/card-link.component.js";
+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.
+Use either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.`);
 export {
-  b as SbbCardLinkElement
+  e as SbbCardLinkElement
 };

package/card/card.js

@@ -1,4 +1,7 @@
-import { SbbCardElement as b } from "./card/card.component.js";
+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 {
-  b as SbbCardElement
+  e as SbbCardElement
 };

package/card/common.js

@@ -1,4 +1,6 @@
 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,12 +1,16 @@
+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 { SbbCardBadgeElement as m } from "./card/card-badge/card-badge.component.js";
-import { SbbCardButtonElement as n } from "./card/card-button/card-button.component.js";
-import { SbbCardLinkElement as d } from "./card/card-link/card-link.component.js";
-import { SbbCardActionCommonElementMixin as C } from "./card/common/card-action-common.js";
+import { SbbCardActionCommonElementMixin as a } from "./card/common/card-action-common.js";
+o.define();
+e.define();
+m.define();
+r.define();
 export {
-  C as SbbCardActionCommonElementMixin,
-  m as SbbCardBadgeElement,
-  n as SbbCardButtonElement,
+  a as SbbCardActionCommonElementMixin,
+  e as SbbCardBadgeElement,
+  m as SbbCardButtonElement,
   o as SbbCardElement,
-  d as SbbCardLinkElement
+  r as SbbCardLinkElement
 };

package/card.pure.js

@@ -0,0 +1,12 @@
+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 { 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,26 +1,26 @@
-var m = (t) => {
+var h = (t) => {
   throw TypeError(t);
 };
-var _ = (t, a, s) => a.has(t) || m("Cannot " + s);
-var f = (t, a, s) => (_(t, a, "read from private field"), s ? s.call(t) : a.get(t)), y = (t, a, s) => a.has(t) ? m("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s), d = (t, a, s, r) => (_(t, a, "write to private field"), r ? r.call(t, s) : a.set(t, s), s);
-import { __esDecorate as x, __runInitializers as b } from "tslib";
-import { css as w, LitElement as v, html as P } from "lit";
-import { customElement as S, property as C } from "lit/decorators.js";
-import { SbbLanguageController as I } from "../../core/controllers/language-controller.js";
-import { forceType as L } from "../../core/decorators.js";
-import { i18nNextSlide as k, i18nPreviousSlide as q, i18nSlide as A, i18nCarouselArrowsNavigationHint as E } from "../../core/i18n/i18n.js";
-import { SbbElementInternalsMixin as B } from "../../core/mixins.js";
-import { boxSizingStyles as z } from "../../core/styles.js";
+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 N = w`: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 G = (() => {
-  var n, o;
-  let t = [S("sbb-carousel")], a, s = [], r, h = B(v), u, g = [], p = [];
-  return o = class extends h {
+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();
-      y(this, n);
-      d(this, n, b(this, g, !1)), this._paginator = (b(this, p), null), this._abortController = null, this._language = new I(this), this._requestedPageIndexByPaginator = -1, this.addEventListener?.("show", (e) => {
+      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);
       });
     }
@@ -28,7 +28,7 @@ let G = (() => {
      * Used to display a box-shadow around the component.
      */
     get shadow() {
-      return f(this, n);
+      return u(this, n);
     }
     set shadow(e) {
       d(this, n, e);
@@ -48,8 +48,8 @@ let G = (() => {
       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 l = i.querySelectorAll("sbb-carousel-item");
-      l && l.length > 0 && (e.length = l.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= k[this._language.current], e.accessibilityPreviousPageLabel ||= q[this._language.current], e.accessibilityPageLabel ||= A[this._language.current], e !== this._paginator && (this._paginator = e, this._setupPaginator());
+      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(), {
@@ -62,27 +62,27 @@ let G = (() => {
       this._requestedPageIndexByPaginator = this._paginator.pageIndex;
       const e = this.querySelector("sbb-carousel-list");
       if (e) {
-        const l = e.querySelectorAll("sbb-carousel-item")[this._paginator.pageIndex].offsetLeft - this.offsetLeft;
-        (e.clientWidth <= 100 || Math.abs(e.scrollLeft - l) > 50) && e.scrollTo({ left: l });
+        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 P`
+      return _`
       <div class="sbb-carousel">
         <sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
-          >${E[this._language.current]}</sbb-screen-reader-only
+          >${I[this._language.current]}</sbb-screen-reader-only
         >
         <slot @slotchange=${this._handleSlotchange}></slot>
       </div>
     `;
     }
-  }, n = new WeakMap(), r = o, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    u = [L(), C({ reflect: !0, type: Boolean })], x(o, null, u, { kind: "accessor", name: "shadow", static: !1, private: !1, access: { has: (i) => "shadow" in i, get: (i) => i.shadow, set: (i, l) => {
-      i.shadow = l;
-    } }, metadata: e }, g, p), x(null, a = { value: r }, t, { kind: "class", name: r.name, metadata: e }, null, s), r = a.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = [z, N], b(r, s), r;
+  }, 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 {
-  G as SbbCarouselElement
+  $ as SbbCarouselElement
 };