@sbb-esta/lyne-elements 3.12.1 → 3.13.1

package/card/common/card-action-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKhE,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,mCAAmC;IACtD,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAmF7D,CAAC"}
+{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKhE,MAAM,CAAC,OAAO,OAAO,mCAAmC;IACtD,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAgF7D,CAAC"}

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

@@ -4,8 +4,7 @@ import { property as d } from "lit/decorators.js";
 import { html as u } from "lit/static-html.js";
 import { IS_FOCUSABLE_QUERY as h } from "../../core/a11y.js";
 import { css as f } from "lit";
-import "../../screen-reader-only.js";
-const m = f`*,:before,:after{box-sizing:border-box}: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: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)}`, C = (o) => (() => {
+const m = f`*,:before,:after{box-sizing:border-box}: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}`, S = (o) => (() => {
   var a;
   let r = o, i = [], s;
   return a = class extends r {
@@ -37,11 +36,7 @@ const m = f`*,:before,:after{box-sizing:border-box}:host{display:block;outline:n
       super.disconnectedCallback(), this._card && (["data-has-action", "data-has-active-action", "data-action-role"].forEach((t) => this._card.removeAttribute(t)), this._card.querySelectorAll("[data-card-focusable]").forEach((t) => t.removeAttribute("data-card-focusable")), this._card = null);
     }
     renderTemplate() {
-      return u`
-        <sbb-screen-reader-only>
-          <slot></slot>
-        </sbb-screen-reader-only>
-      `;
+      return u`<span class="sbb-screen-reader-only"><slot></slot></span>`;
     }
   }, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
@@ -51,5 +46,5 @@ const m = f`*,:before,:after{box-sizing:border-box}:host{display:block;outline:n
   })(), a.styles = m, a;
 })();
 export {
-  C as SbbCardActionCommonElementMixin
+  S as SbbCardActionCommonElementMixin
 };

package/carousel/carousel/carousel.component.d.ts

@@ -21,7 +21,8 @@ export declare class SbbCarouselElement extends SbbCarouselElement_base {
     firstUpdated(_changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
     private _handleSlotchange;
-    private _scrollAtPageChange;
+    private _setupPaginator;
+    private _scrollAtPaginatorChange;
     protected render(): TemplateResult;
 }
 declare global {

package/carousel/carousel/carousel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel/carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAmBvC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAAoC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,8BAA8B,CAAM;;IAwB5B,iBAAiB,IAAI,IAAI;IAOzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQtD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,mBAAmB;cAoBR,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
+{"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel/carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAmBvC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAAoC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,8BAA8B,CAAM;;IAwB5B,iBAAiB,IAAI,IAAI;IASzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQtD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IAyBzB,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,wBAAwB;cAwBb,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

package/carousel/carousel/carousel.component.js

@@ -1,24 +1,24 @@
-var v = (a) => {
+var p = (a) => {
   throw TypeError(a);
 };
-var m = (a, s, r) => s.has(a) || v("Cannot " + r);
-var p = (a, s, r) => (m(a, s, "read from private field"), r ? r.call(a) : s.get(a)), _ = (a, s, r) => s.has(a) ? v("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), b = (a, s, r, o) => (m(a, s, "write to private field"), o ? o.call(a, r) : s.set(a, r), r);
+var _ = (a, t, s) => t.has(a) || p("Cannot " + s);
+var v = (a, t, s) => (_(a, t, "read from private field"), s ? s.call(a) : t.get(a)), m = (a, t, s) => t.has(a) ? p("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, s), b = (a, t, s, r) => (_(a, t, "write to private field"), r ? r.call(a, s) : t.set(a, s), s);
 import { __esDecorate as w, __runInitializers as c } from "tslib";
 import { css as y, LitElement as x, 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 { forceType as k } from "../../core/decorators.js";
+import { i18nNextSlide as L, i18nPreviousSlide as q, i18nSlide as A, i18nCarouselArrowsNavigationHint as E } from "../../core/i18n/i18n.js";
 import { SbbElementInternalsMixin as B } from "../../core/mixins.js";
 import "../../screen-reader-only.js";
 const z = y`*,:before,:after{box-sizing:border-box}:host{--sbb-carousel-border-radius: var(--sbb-border-radius-4x);--sbb-carousel-background-color: var(--sbb-background-color-1);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-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-hard-2),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-hard-1);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-spacing-responsive-xs)}`;
 let W = (() => {
-  var n, l;
-  let a = [S("sbb-carousel")], s, r = [], o, h = B(x), u, g = [], f = [];
-  return l = class extends h {
+  var n, i;
+  let a = [S("sbb-carousel")], t, s = [], r, h = B(x), u, g = [], f = [];
+  return i = class extends h {
     constructor() {
       super();
-      _(this, n);
+      m(this, n);
       b(this, n, c(this, g, !1)), this._paginator = (c(this, f), null), this._abortController = null, this._language = new I(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);
       });
@@ -27,13 +27,13 @@ let W = (() => {
      * Used to display a box-shadow around the component.
      */
     get shadow() {
-      return p(this, n);
+      return v(this, n);
     }
     set shadow(e) {
       b(this, n, e);
     }
     connectedCallback() {
-      super.connectedCallback(), this.internals.role = "region", this.internals.ariaLabel = "carousel";
+      super.connectedCallback(), this.internals.role = "region", this.internals.ariaLabel = "carousel", this._setupPaginator();
     }
     firstUpdated(e) {
       super.firstUpdated(e), this.internals.ariaDescribedByElements = [
@@ -44,20 +44,25 @@ let W = (() => {
       super.disconnectedCallback(), this._abortController?.abort();
     }
     _handleSlotchange() {
-      const e = Array.from(this.children).find((i) => i.localName === "sbb-compact-paginator"), t = Array.from(this.children).find((i) => i.localName === "sbb-carousel-list");
-      if (!e || !t)
+      const e = Array.from(this.children).find((d) => d.localName === "sbb-compact-paginator"), o = Array.from(this.children).find((d) => d.localName === "sbb-carousel-list");
+      if (!e || !o)
         return;
-      const d = t.querySelectorAll("sbb-carousel-item");
-      d && d.length > 0 && (e.length = d.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._abortController = new AbortController(), e.addEventListener("page", (i) => this._scrollAtPageChange(i), {
+      const l = o.querySelectorAll("sbb-carousel-item");
+      l && l.length > 0 && (e.length = l.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= L[this._language.current], e.accessibilityPreviousPageLabel ||= q[this._language.current], e.accessibilityPageLabel ||= A[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
-      }), this._paginator = e);
+      }));
     }
-    _scrollAtPageChange(e) {
-      this._requestedPageIndexByPaginator = e.detail.pageIndex;
-      const t = this.querySelector("sbb-carousel-list");
-      if (t) {
-        const i = t.querySelectorAll("sbb-carousel-item")[e.detail.pageIndex].offsetLeft - this.offsetLeft;
-        (t.clientWidth <= 100 || Math.abs(t.scrollLeft - i) > 50) && t.scrollTo({ left: i });
+    _scrollAtPaginatorChange() {
+      if (!this._paginator)
+        return;
+      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 });
       }
     }
     render() {
@@ -70,12 +75,12 @@ let W = (() => {
       </div>
     `;
     }
-  }, n = new WeakMap(), o = l, (() => {
+  }, n = new WeakMap(), r = i, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    u = [L(), C({ reflect: !0, type: Boolean })], w(l, null, u, { kind: "accessor", name: "shadow", static: !1, private: !1, access: { has: (t) => "shadow" in t, get: (t) => t.shadow, set: (t, d) => {
-      t.shadow = d;
-    } }, metadata: e }, g, f), w(null, s = { value: o }, a, { kind: "class", name: o.name, metadata: e }, null, r), o = s.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), l.styles = z, c(o, r), o;
+    u = [k(), C({ reflect: !0, type: Boolean })], w(i, null, u, { kind: "accessor", name: "shadow", static: !1, private: !1, access: { has: (o) => "shadow" in o, get: (o) => o.shadow, set: (o, l) => {
+      o.shadow = l;
+    } }, metadata: e }, g, f), w(null, t = { value: r }, a, { kind: "class", name: r.name, metadata: e }, null, s), r = t.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), i.styles = z, c(r, s), r;
 })();
 export {
   W as SbbCarouselElement

package/carousel/carousel-list/carousel-list.component.d.ts

@@ -12,7 +12,7 @@ export declare class SbbCarouselListElement extends SbbCarouselListElement_base
     private _observedCarouselItems;
     private _beforeShowObserver;
     private _showObserver;
-    private _firstVisibleIntersectionController;
+    private _resizeObserverController;
     constructor();
     /** Gets the slotted items. */
     private _carouselItems;

package/carousel/carousel-list/carousel-list.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-list.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel-list/carousel-list.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAc3F;;;;GAIG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAAgC;IAE9D,OAAO,CAAC,mBAAmB,CAgBxB;IAEH,OAAO,CAAC,aAAa,CAwBlB;IAGH,OAAO,CAAC,mCAAmC,CAYxC;;IAQH,8BAA8B;IAC9B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAoBzB;;;OAGG;IACH,OAAO,CAAC,eAAe;IAwBvB,OAAO,CAAC,UAAU;IAwBF,iBAAiB,IAAI,IAAI;cAOtB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"carousel-list.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel-list/carousel-list.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAcjF;;;;GAIG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,sBAAsB,CAAgC;IAE9D,OAAO,CAAC,mBAAmB,CAgBxB;IAEH,OAAO,CAAC,aAAa,CAwBlB;IAEH,OAAO,CAAC,yBAAyB,CAG9B;;IAQH,8BAA8B;IAC9B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAoBzB;;;OAGG;IACH,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,UAAU;IAwBF,iBAAiB,IAAI,IAAI;cAOtB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/carousel/carousel-list/carousel-list.component.js

@@ -1,38 +1,39 @@
 import { __esDecorate as b, __runInitializers as d } from "tslib";
-import { IntersectionController as n } from "@lit-labs/observers/intersection-controller.js";
-import { css as f, LitElement as m, isServer as _, html as v } from "lit";
+import { IntersectionController as c } from "@lit-labs/observers/intersection-controller.js";
+import { ResizeController as f } from "@lit-labs/observers/resize-controller.js";
+import { css as m, LitElement as _, html as v } from "lit";
 import { customElement as g } from "lit/decorators.js";
 import { isArrowKeyPressed as I } from "../../core/a11y.js";
-import { SbbLanguageController as w } from "../../core/controllers.js";
-import { i18nCarouselItemAriaLabel as p } from "../../core/i18n.js";
+import { SbbLanguageController as p } from "../../core/controllers.js";
+import { i18nCarouselItemAriaLabel as w } from "../../core/i18n.js";
 import { SbbElementInternalsMixin as x } from "../../core/mixins.js";
-const y = f`*,:before,:after{box-sizing:border-box}:host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);display:flex;height:var(--sbb-carousel-list-height);width:var(--sbb-carousel-list-width, 0);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none;border-radius:var(--sbb-carousel-inherit-border-radius)}:host(:focus-visible):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);content:"";position:absolute;height:inherit;width:inherit;border-start-start-radius:var(--sbb-carousel-list-border-radius);border-start-end-radius:var(--sbb-carousel-list-border-radius);border-end-start-radius:var(--sbb-carousel-inherit-border-radius);border-end-end-radius:var(--sbb-carousel-inherit-border-radius)}`;
+const y = m`*,:before,:after{box-sizing:border-box}:host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);display:flex;height:var(--sbb-carousel-list-height);width:var(--sbb-carousel-list-width, 0);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none;border-radius:var(--sbb-carousel-inherit-border-radius)}:host(:focus-visible):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);content:"";position:absolute;height:inherit;width:inherit;border-start-start-radius:var(--sbb-carousel-list-border-radius);border-start-end-radius:var(--sbb-carousel-list-border-radius);border-end-start-radius:var(--sbb-carousel-inherit-border-radius);border-end-end-radius:var(--sbb-carousel-inherit-border-radius)}`;
 let H = (() => {
-  var i;
-  let u = [g("sbb-carousel-list")], a, l = [], s, c = x(m);
-  return i = class extends c {
+  var o;
+  let u = [g("sbb-carousel-list")], n, a = [], s, l = x(_);
+  return o = class extends l {
     constructor() {
-      super(), this._currentIndex = 0, this._language = new w(this), this._observedCarouselItems = [], this._beforeShowObserver = new n(this, {
+      super(), this._currentIndex = 0, this._language = new p(this), this._observedCarouselItems = [], this._beforeShowObserver = new c(this, {
         target: null,
         callback: (e) => {
           e.filter((r) => r.isIntersecting && r.target !== this).forEach((r) => {
-            const o = r.target;
-            o.dispatchEvent(new CustomEvent("beforeshow", {
-              detail: { index: this._carouselItems().findIndex((h) => h === o) },
+            const i = r.target;
+            i.dispatchEvent(new CustomEvent("beforeshow", {
+              detail: { index: this._carouselItems().findIndex((h) => h === i) },
               bubbles: !0,
               composed: !0
             }));
           });
         },
         config: { threshold: 0.01, root: this, rootMargin: "100% 0% 100% 0%" }
-      }), this._showObserver = new n(this, {
+      }), this._showObserver = new c(this, {
         target: null,
         callback: (e) => {
           for (const t of e) {
             if (t.target === this)
               continue;
             const r = t.target;
-            t.isIntersecting ? (r.ariaHidden = null, this._currentIndex = this._carouselItems().findIndex((o) => o === r), r.dispatchEvent(new CustomEvent("show", {
+            t.isIntersecting ? (r.ariaHidden = null, this._currentIndex = this._carouselItems().findIndex((i) => i === r), r.dispatchEvent(new CustomEvent("show", {
               detail: { index: this._currentIndex },
               bubbles: !0,
               composed: !0
@@ -40,15 +41,9 @@ let H = (() => {
           }
         },
         config: { threshold: 0.99, root: this, rootMargin: "100% 0% 100% 0%" }
-      }), this._firstVisibleIntersectionController = new n(this, {
-        callback: (e) => {
-          e.forEach((t) => {
-            t.intersectionRatio > 0 && (this._readDimensions(), this._firstVisibleIntersectionController.unobserve(this));
-          });
-        },
-        config: {
-          root: _ ? null : document?.documentElement
-        }
+      }), this._resizeObserverController = new f(this, {
+        skipInitial: !0,
+        callback: () => this._readDimensions()
       }), this.addEventListener?.("keydown", (e) => this._onKeyDown(e));
     }
     /** Gets the slotted items. */
@@ -61,7 +56,7 @@ let H = (() => {
       });
       const e = this._carouselItems();
       e.forEach((t, r) => {
-        t.ariaLabel ||= p(r + 1, e.length)[this._language.current], t.ariaHidden = r === this._currentIndex ? null : "true";
+        t.ariaLabel ||= w(r + 1, e.length)[this._language.current], t.ariaHidden = r === this._currentIndex ? null : "true";
       }), this._readDimensions();
     }
     /**
@@ -75,15 +70,15 @@ let H = (() => {
       const t = e[0];
       t.clientHeight > 0 && this.style.setProperty("--sbb-carousel-list-height", `${t.clientHeight}px`), t.clientWidth > 0 && (this.style.setProperty("--sbb-carousel-list-width", `${t.clientWidth}px`), e.forEach((r) => {
         this._beforeShowObserver.observe(r), this._showObserver.observe(r);
-      }), this._observedCarouselItems = e);
+      }), this._observedCarouselItems = e, this._resizeObserverController.unobserve(this));
     }
     _onKeyDown(e) {
       if (!I(e))
         return;
       e.preventDefault();
       let t = this._currentIndex;
-      const r = e.key === "ArrowUp" || e.key === "ArrowLeft", o = e.key === "ArrowDown" || e.key === "ArrowRight";
-      r ? t = Math.max(0, this._currentIndex - 1) : o && (t = Math.min(this._carouselItems().length - 1, this._currentIndex + 1)), t !== this._currentIndex && (this._currentIndex = t, this.scrollTo({
+      const r = e.key === "ArrowUp" || e.key === "ArrowLeft", i = e.key === "ArrowDown" || e.key === "ArrowRight";
+      r ? t = Math.max(0, this._currentIndex - 1) : i && (t = Math.min(this._carouselItems().length - 1, this._currentIndex + 1)), t !== this._currentIndex && (this._currentIndex = t, this.scrollTo({
         left: this._carouselItems()[this._currentIndex].offsetLeft - this.offsetLeft
       }));
     }
@@ -93,10 +88,10 @@ let H = (() => {
     render() {
       return v`<slot @slotchange=${this._handleSlotchange}></slot>`;
     }
-  }, s = i, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    b(null, a = { value: s }, u, { kind: "class", name: s.name, metadata: e }, null, l), s = a.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), i.styles = y, d(s, l), s;
+  }, s = o, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    b(null, n = { value: s }, u, { kind: "class", name: s.name, metadata: e }, null, a), s = n.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = y, d(s, a), s;
 })();
 export {
   H as SbbCarouselListElement

package/checkbox/common.js

@@ -1,5 +1,5 @@
 import { SbbCheckboxCommonElementMixin as m } from "./common/checkbox-common.js";
-import { c as b } from "../checkbox-common-gjHkSAmN.js";
+import { c as b } from "../checkbox-common-C5r-MPLc.js";
 export {
   m as SbbCheckboxCommonElementMixin,
   b as checkboxCommonStyle

package/checkbox-common-C5r-MPLc.js

@@ -0,0 +1,5 @@
+import { css as e } from "lit";
+const t = e`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-checkbox-label-color: var(--sbb-color-color-3);--sbb-checkbox-label-icon-color: var(--sbb-checkbox-label-color);--sbb-checkbox-cursor: var(--sbb-cursor-pointer)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host([size=s]) .sbb-checkbox{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=xs]) .sbb-checkbox{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-body-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-body-text))}`;
+export {
+  t as c
+};

package/checkbox.js

@@ -2,7 +2,7 @@ import { SbbCheckboxElement as b } from "./checkbox/checkbox/checkbox.component.
 import { SbbCheckboxGroupElement as r } from "./checkbox/checkbox-group/checkbox-group.component.js";
 import { SbbCheckboxPanelElement as t } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
 import { SbbCheckboxCommonElementMixin as c } from "./checkbox/common/checkbox-common.js";
-import { c as p } from "./checkbox-common-gjHkSAmN.js";
+import { c as p } from "./checkbox-common-C5r-MPLc.js";
 export {
   c as SbbCheckboxCommonElementMixin,
   b as SbbCheckboxElement,

package/core/a11y/interactivity-checker.js

@@ -1,12 +1,5 @@
 import { isServer as s } from "lit";
 import { isWebkit as a, isIOS as o, isFirefox as u } from "../dom/platform.js";
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
 class A {
   constructor() {
     this.ignoreVisibility = !1;

package/core/a11y/live-announcer.js

@@ -1,11 +1,4 @@
 import { isServer as o } from "lit";
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
 let l = 0;
 class u {
   constructor() {

package/core/config/config.d.ts

@@ -12,12 +12,17 @@ export interface SbbDatetimeConfig {
     dateAdapter?: DateAdapter;
 }
 export interface SbbPopoverConfig {
+    /** Delay in milliseconds before the popover opens. */
     openDelay?: number;
+    /** Delay in milliseconds before the popover closes. */
     closeDelay?: number;
 }
 export interface SbbTooltipConfig {
+    /** Delay in milliseconds before the tooltip opens. */
     openDelay?: number;
+    /** Delay in milliseconds before the tooltip closes. */
     closeDelay?: number;
+    /** Delay in milliseconds before the tooltip is automatically closed when is opened by a long press (touch devices). */
     longPressCloseDelay?: number;
 }
 export interface SbbConfig {

package/core/config/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/config/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAChC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAE/B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAE/B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,wBAAgB,UAAU,IAAI,SAAS,CAKtC;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAG5D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,SAAS,EAAE,SAAS,CAAC;CAC1B"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/config/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAChC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uHAAuH;IACvH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,wBAAgB,UAAU,IAAI,SAAS,CAKtC;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAG5D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,SAAS,EAAE,SAAS,CAAC;CAC1B"}

package/core/datetime/native-date-adapter.d.ts

@@ -26,6 +26,7 @@ export declare class NativeDateAdapter extends DateAdapter<Date> {
      * E.g., with Monday in en-gb: `long` returns "Monday", `short` returns "Mon", `narrow` returns "M".
      */
     getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[];
+    /** Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
     getFirstDayOfWeek(): number;
     /** Calculates the number of days in a month given the year and the month. */
     getNumDaysInMonth(date: Date): number;

package/core/datetime/native-date-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAoC,MAAM,mBAAmB,CAAC;AAUlF,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAM/D,iBAAiB,IAAI,MAAM;IAIlC,6EAA6E;IACtE,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI5C,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAIpB,+FAA+F;IACxF,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBlE,gDAAgD;IACzC,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIxC,uDAAuD;IAChD,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,IAAI;IAI3D,mDAAmD;IAC5C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxD;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1D,yFAAyF;IAClF,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKtD,8DAA8D;IAC9C,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAahF,+DAA+D;IACxD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAuC3C,OAAO,IAAI,IAAI;IAI/B;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAId,gEAAgE;IAChE,OAAO,CAAC,uBAAuB;CAShC;AAED,eAAO,MAAM,kBAAkB,mBAA0B,CAAC"}
+{"version":3,"file":"native-date-adapter.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/datetime/native-date-adapter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAoC,MAAM,mBAAmB,CAAC;AAUlF,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACtD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;gBAExB,gBAAgB,GAAE,MAAW;IAKhD,uCAAuC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,wCAAwC;IACjC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAInC,sCAAsC;IAC/B,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIlC,kDAAkD;IAC3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvC,yCAAyC;IAClC,0BAA0B,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAS9D;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKlE,iGAAiG;IAC1F,YAAY,IAAI,MAAM,EAAE;IAK/B;;;;OAIG;IACI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;IAKtE,+EAA+E;IACxE,iBAAiB,IAAI,MAAM;IAIlC,6EAA6E;IACtE,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI5C,4BAA4B;IACrB,KAAK,IAAI,IAAI;IAIpB,+FAA+F;IACxF,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBlE,gDAAgD;IACzC,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIxC,uDAAuD;IAChD,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,IAAI;IAI3D,mDAAmD;IAC5C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9B;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxD;;;;OAIG;IACI,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1D,yFAAyF;IAClF,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKtD,8DAA8D;IAC9C,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAahF,+DAA+D;IACxD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI;IAuC3C,OAAO,IAAI,IAAI;IAI/B;;;;OAIG;IACH,OAAO,CAAC,MAAM;IAId,gEAAgE;IAChE,OAAO,CAAC,uBAAuB;CAShC;AAED,eAAO,MAAM,kBAAkB,mBAA0B,CAAC"}

package/core/datetime/native-date-adapter.js

@@ -53,7 +53,7 @@ class D extends u {
     const e = new Intl.DateTimeFormat(i.current, { weekday: t });
     return this._range(7, (r) => e.format(new Date(2017, 0, r + 1)));
   }
-  /* Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
+  /** Defines which is the first day of the week (0: sunday; 1: monday; etc.). */
   getFirstDayOfWeek() {
     return 1;
   }

package/core/mixins/form-associated-input-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,UAAU,EAGhB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,qBAAqB,EAA8B,MAAM,mBAAmB,CAAC;AAItF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,4BAA4B,CAAC;;AAIpC,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,+BAAgC,SAAQ,oCAErE;IACC,gBAAuB,mBAAmB,QAAQ;IAElD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE;IAChC,IAAW,KAAK,IAAI,MAAM,CAAC;IAE3B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;IACtC,IAAW,WAAW,IAAI,MAAM,CAAC;IAEjC;;;;OAIG;IACI,MAAM,IAAI,IAAI;IAEd,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IACjD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;CAC3C;AAgBD;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACnF,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAmazD,CAAC"}
+{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,UAAU,EAGhB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,qBAAqB,EAA8B,MAAM,mBAAmB,CAAC;AAItF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,4BAA4B,CAAC;;AAIpC,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,+BAAgC,SAAQ,oCAErE;IACC,gBAAuB,mBAAmB,QAAQ;IAElD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE;IAChC,IAAW,KAAK,IAAI,MAAM,CAAC;IAE3B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;IACtC,IAAW,WAAW,IAAI,MAAM,CAAC;IAEjC;;;;OAIG;IACI,MAAM,IAAI,IAAI;IAEd,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IACjD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;CAC3C;AAgBD;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACnF,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAqazD,CAAC"}

package/core/mixins.js

@@ -14,7 +14,7 @@ import { SbbReadonlyMixin as P } from "./mixins/readonly-mixin.js";
 import { SbbSelectionPanelMixin as q } from "./mixins/selection-panel-mixin.js";
 import { SbbUpdateSchedulerMixin as H } from "./mixins/update-scheduler-mixin.js";
 import { css as e } from "lit";
-const n = e`:host{--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-background-color-1) );--sbb-selection-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-selection-panel-border-radius: var( --sbb-selection-expansion-panel-border-radius, var(--sbb-border-radius-4x) );--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-border-width-1x) );--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-panel-cursor: pointer;--sbb-selection-panel-suffix-color: var(--sbb-color-3);--sbb-selection-panel-subtext-color: var(--sbb-color-granite);--sbb-selection-panel-subtext-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));display:block;outline:none!important}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-background-color-3) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-border-color-3);--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-border-width-2x) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: default}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){.sbb-selection-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{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-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not([data-slot-names~=subtext])) slot[name=subtext]{display:none}`;
+const r = e`:host{--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-background-color-1) );--sbb-selection-panel-border-color: var(--sbb-border-color-4-inverted);--sbb-selection-panel-border-radius: var( --sbb-selection-expansion-panel-border-radius, var(--sbb-border-radius-4x) );--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-border-width-1x) );--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xs) var(--sbb-spacing-responsive-xxs);--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-selection-panel-cursor: var(--sbb-cursor-pointer);--sbb-selection-panel-suffix-color: var(--sbb-color-3);--sbb-selection-panel-subtext-color: var(--sbb-color-granite);--sbb-selection-panel-subtext-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));display:block;outline:none!important}:host([size=s]){--sbb-selection-panel-input-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-background-color-3) )}:host([borderless]:not([data-checked])){--sbb-selection-panel-border-color: transparent}:host(:is([data-checked]):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-border-color-3);--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-border-width-2x) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: var(--sbb-cursor-default)}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){.sbb-selection-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{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-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:var(--sbb-spacing-fixed-8x)}:host(:not([data-slot-names~=subtext])) slot[name=subtext]{display:none}`;
 export {
   b as SbbAnimationCompleteMixin,
   a as SbbDisabledInteractiveMixin,
@@ -34,7 +34,7 @@ export {
   q as SbbSelectionPanelMixin,
   H as SbbUpdateSchedulerMixin,
   p as appendAriaElements,
-  n as panelCommonStyle,
+  r as panelCommonStyle,
   M as radioButtonRegistry,
   u as removeAriaElements
 };

package/core/styles/core.scss

@@ -37,6 +37,10 @@ $theme: 'standard' !default;
     // Overlay
     --sbb-overlay-default-z-index: 1000;
 
+    // Cursor
+    --sbb-cursor-default: default;
+    --sbb-cursor-pointer: pointer;
+
     // Title
     --sbb-title-font-size-level-1: var(--sbb-font-size-title-1);
     --sbb-title-font-size-level-2: var(--sbb-font-size-title-2);

package/core.css

@@ -1332,6 +1332,8 @@
   --sbb-header-height: var(--sbb-spacing-fixed-14x);
   --sbb-time-input-max-width: 3.625rem;
   --sbb-overlay-default-z-index: 1000;
+  --sbb-cursor-default: default;
+  --sbb-cursor-pointer: pointer;
   --sbb-title-font-size-level-1: var(--sbb-font-size-title-1);
   --sbb-title-font-size-level-2: var(--sbb-font-size-title-2);
   --sbb-title-font-size-level-3: var(--sbb-font-size-title-3);