@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.4

package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js

@@ -1,68 +1,74 @@
-import { __esDecorate as u, __runInitializers as h } from "tslib";
-import { ResizeController as _ } from "@lit-labs/observers/resize-controller.js";
-import { css as v, LitElement as f, html as l, nothing as x } from "lit";
-import { customElement as y, state as C } from "lit/decorators.js";
-import { isArrowKeyPressed as w, sbbInputModalityDetector as k, getNextElementIndex as S } from "../../core/a11y.js";
-import { SbbLanguageController as z } from "../../core/controllers.js";
-import { setOrRemoveAttribute as E } from "../../core/dom.js";
-import { i18nBreadcrumbEllipsisButtonLabel as I } from "../../core/i18n.js";
-import { SbbNamedSlotListMixin as A, SbbElementInternalsMixin as B } from "../../core/mixins.js";
-import { boxSizingStyles as D } from "../../core/styles.js";
+var _ = (r) => {
+  throw TypeError(r);
+};
+var v = (r, s, t) => s.has(r) || _("Cannot " + t);
+var f = (r, s, t) => (v(r, s, "read from private field"), t ? t.call(r) : s.get(r)), x = (r, s, t) => s.has(r) ? _("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(r) : s.set(r, t), c = (r, s, t, l) => (v(r, s, "write to private field"), l ? l.call(r, t) : s.set(r, t), t);
+import { __esDecorate as y, __runInitializers as d } from "tslib";
+import { ResizeController as k } from "@lit-labs/observers/resize-controller.js";
+import { css as S, LitElement as z, html as n, nothing as E } from "lit";
+import { customElement as I, state as B } from "lit/decorators.js";
+import { isArrowKeyPressed as D, sbbInputModalityDetector as N, getNextElementIndex as F } from "../../core/a11y.js";
+import { SbbLanguageController as L } from "../../core/controllers.js";
+import { i18nBreadcrumbEllipsisButtonLabel as O } from "../../core/i18n.js";
+import { SbbElementInternalsMixin as $, SbbNamedSlotListMixin as A } from "../../core/mixins.js";
+import { boxSizingStyles as M } from "../../core/styles.js";
 import "../../icon.js";
-const N = v`:host{--sbb-breadcrumb-group-wrap: nowrap;--sbb-breadcrumb-group-visibility: hidden;--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);--sbb-breadcrumb-group-ellipsis-color: light-dark( var(--sbb-color-granite), var(--sbb-color-cloud) );--sbb-breadcrumb-group-ellipsis-background-color: transparent;--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);--sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);--sbb-breadcrumb-group-ellipsis-border-color: light-dark( var(--sbb-color-silver), var(--sbb-color-anthracite) );display:block}:host([data-loaded]){--sbb-breadcrumb-group-visibility: visible}:host([data-state]){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-xxs);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);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:var(--sbb-cursor-pointer);color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media(forced-colors:active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media(any-hover:hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis: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)}`, p = 3;
-let P = (() => {
-  var s;
-  let m = [y("sbb-breadcrumb-group")], a, o = [], t, b = A(B(f)), n = [], c;
-  return s = class extends b {
-    /** The state of the breadcrumb group. */
-    set _state(e) {
-      E(this, "data-state", e);
-    }
-    get _state() {
-      return this.getAttribute("data-state");
-    }
+const R = S`:host{--sbb-breadcrumb-group-wrap: nowrap;--sbb-breadcrumb-group-visibility: hidden;--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);--sbb-breadcrumb-group-ellipsis-color: light-dark( var(--sbb-color-granite), var(--sbb-color-cloud) );--sbb-breadcrumb-group-ellipsis-background-color: transparent;--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);--sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);--sbb-breadcrumb-group-ellipsis-border-color: light-dark( var(--sbb-color-silver), var(--sbb-color-anthracite) );display:block}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:state(state),[state--state])){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-xxs);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);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:var(--sbb-cursor-pointer);color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media(forced-colors:active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media(any-hover:hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis: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 = 3;
+let X = (() => {
+  var o, a;
+  let r = [I("sbb-breadcrumb-group")], s, t = [], l, u = $(A(z)), h, p = [], m = [];
+  return a = class extends u {
     constructor() {
-      super(), this.listChildLocalNames = (h(this, n), ["sbb-breadcrumb"]), this._resizeObserver = new _(this, {
+      super();
+      x(this, o);
+      this.listChildLocalNames = ["sbb-breadcrumb"], c(this, o, d(this, p, null)), this._resizeObserver = (d(this, m), new k(this, {
         target: null,
         skipInitial: !0,
         callback: () => this._evaluateCollapsedState()
-      }), this._language = new z(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+      })), this._language = new L(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+    }
+    /** The state of the breadcrumb group. */
+    get _state() {
+      return f(this, o);
+    }
+    set _state(e) {
+      c(this, o, e);
     }
     _handleKeyDown(e) {
       if (!(!this.listChildren.length || // don't trap nested handling
-      e.target !== this && e.target.parentElement !== this) && w(e)) {
+      e.target !== this && e.target.parentElement !== this) && D(e)) {
         if (this._state === "collapsed")
           return this._focusNextCollapsed(e);
         this._focusNext(e);
       }
     }
     firstUpdated(e) {
-      super.firstUpdated(e), this._resizeObserver.observe(this), this.toggleAttribute("data-loaded", !0);
+      super.firstUpdated(e), this._resizeObserver.observe(this), this.internals.states.add("loaded");
     }
     willUpdate(e) {
       super.willUpdate(e), e.has("listChildren") && this._syncBreadcrumbs();
     }
     updated(e) {
-      super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && k.mostRecentModality === "keyboard" && (this.listChildren[1]?.focus(), this._markForFocus = !1);
+      super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && N.mostRecentModality === "keyboard" && (this.listChildren[1]?.focus(), this._markForFocus = !1);
     }
     /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
     _syncBreadcrumbs() {
-      this.listChildren.slice(0, -1).filter((e) => e.hasAttribute("accessibility-current")).forEach((e) => e.removeAttribute("accessibility-current")), this.listChildren[this.listChildren.length - 1]?.setAttribute("accessibility-current", "page"), this.listChildren.length < p && (this._state = null);
+      this.listChildren.slice(0, -1).filter((e) => e.hasAttribute("accessibility-current")).forEach((e) => e.removeAttribute("accessibility-current")), this.listChildren[this.listChildren.length - 1]?.setAttribute("accessibility-current", "page"), this.listChildren.length < C && (this._state = null);
     }
     /**
      * Sets the focus on the correct element when the ellipsis breadcrumb is displayed and the user is navigating with keyboard's arrows.
      */
     _focusNextCollapsed(e) {
-      const r = [
+      const i = [
         this.listChildren[0],
         this.shadowRoot.querySelector("#sbb-breadcrumb-ellipsis"),
         this.listChildren[this.listChildren.length - 1]
       ];
-      this._focusNext(e, r);
+      this._focusNext(e, i);
     }
-    _focusNext(e, r = this.listChildren) {
-      const i = r.findIndex((d) => d === document.activeElement || d === this.shadowRoot.activeElement), g = S(e, i, r.length);
-      r[g]?.focus(), e.preventDefault();
+    _focusNext(e, i = this.listChildren) {
+      const b = i.findIndex((g) => g === document.activeElement || g === this.shadowRoot.activeElement), w = F(e, b, i.length);
+      i[w]?.focus(), e.preventDefault();
     }
     /**
      * Note: due to @State annotation on _state, this method triggers a new render; as a consequence, the focus is moved
@@ -73,10 +79,10 @@ let P = (() => {
     }
     /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
     _evaluateCollapsedState() {
-      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= p && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
+      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= C && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
     }
     _renderCollapsed() {
-      return l`
+      return n`
       <li class="sbb-breadcrumb-group__item">
         <slot name="li-0"></slot>
       </li>
@@ -88,7 +94,7 @@ let P = (() => {
         <button
           type="button"
           id="sbb-breadcrumb-ellipsis"
-          aria-label=${I[this._language.current]}
+          aria-label=${O[this._language.current]}
           aria-expanded="false"
           @click=${() => this._expandBreadcrumbs()}
         >
@@ -105,31 +111,31 @@ let P = (() => {
     `;
     }
     _renderExpanded() {
-      return this.listSlotEntries().map((e, r, i) => l`
+      return this.listSlotEntries().map((e, i, b) => n`
         <li class="sbb-breadcrumb-group__item">
           <slot name=${e.name}></slot>
-          ${r !== i.length - 1 ? l`<sbb-icon
+          ${i !== b.length - 1 ? n`<sbb-icon
                 name="chevron-small-right-small"
                 class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>` : x}
+              ></sbb-icon>` : E}
         </li>
       `);
     }
     render() {
-      return l`
+      return n`
       <ol class="sbb-breadcrumb-group">
         ${this._state === "collapsed" ? this._renderCollapsed() : this._renderExpanded()}
       </ol>
       ${this.renderHiddenSlot()}
     `;
     }
-  }, t = s, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    c = [C()], u(s, null, c, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (r) => "_state" in r, set: (r, i) => {
-      r._state = i;
-    } }, metadata: e }, null, n), u(null, a = { value: t }, m, { kind: "class", name: t.name, metadata: e }, null, o), t = a.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.role = "navigation", s.styles = [D, N], h(t, o), t;
+  }, o = new WeakMap(), l = a, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    h = [B()], y(a, null, h, { kind: "accessor", name: "_state", static: !1, private: !1, access: { has: (i) => "_state" in i, get: (i) => i._state, set: (i, b) => {
+      i._state = b;
+    } }, metadata: e }, p, m), y(null, s = { value: l }, r, { kind: "class", name: l.name, metadata: e }, null, t), l = s.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.role = "navigation", a.styles = [M, R], d(l, t), l;
 })();
 export {
-  P as SbbBreadcrumbGroupElement
+  X as SbbBreadcrumbGroupElement
 };

package/breadcrumb/breadcrumb-group.d.ts

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

package/breadcrumb/breadcrumb.d.ts

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

package/breadcrumb.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './breadcrumb/breadcrumb.js';
-export * from './breadcrumb/breadcrumb-group.js';
+export * from './breadcrumb/breadcrumb.ts';
+export * from './breadcrumb/breadcrumb-group.ts';
 //# sourceMappingURL=breadcrumb.d.ts.map

package/button/accent-button/accent-button.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbAccentButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbAccentButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'accent' variant.
  *

package/button/accent-button-link/accent-button-link.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbAccentButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbAccentButtonLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'accent' variant, which will behave as a link.
  *

package/button/accent-button-link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './accent-button-link/accent-button-link.component.js';
+export * from './accent-button-link/accent-button-link.component.ts';
 //# sourceMappingURL=accent-button-link.d.ts.map

package/button/accent-button-static/accent-button-static.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-declare const SbbAccentButtonStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+declare const SbbAccentButtonStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
 /**
  * It displays a static button enhanced with the SBB Design in the 'accent' variant.
  *

package/button/accent-button-static.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './accent-button-static/accent-button-static.component.js';
+export * from './accent-button-static/accent-button-static.component.ts';
 //# sourceMappingURL=accent-button-static.d.ts.map

package/button/accent-button.d.ts

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

package/button/button/button.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'primary' variant.
  *

package/button/button-link/button-link.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbButtonLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'primary' variant, which will behave as a link.
  *

package/button/button-link.d.ts

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

package/button/button-static/button-static.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-declare const SbbButtonStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+declare const SbbButtonStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
 /**
  * It displays a static button enhanced with the SBB Design in the 'primary' variant.
  *

package/button/button-static.d.ts

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

package/button/button.d.ts

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

package/button/common/button-common.d.ts

@@ -1,7 +1,7 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
 export type SbbButtonSize = 'l' | 'm' | 's';
-declare const SbbButtonCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
+declare const SbbButtonCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbActionBaseElement;
 export declare class SbbButtonCommonElementMixinType extends SbbButtonCommonElementMixinType_base {
     accessor size: SbbButtonSize;
     accessor loading: boolean;

package/button/common/button-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/common/button-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE5C,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,oCAE5D;IACC,SAAgB,IAAI,EAAE,aAAa,CAAC;IACpC,SAAgB,OAAO,EAAE,OAAO,CAAC;CAClC;AAGD,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAC7F,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAwDzD,CAAC"}
+{"version":3,"file":"button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/common/button-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE5C,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,oCAE5D;IACC,SAAgB,IAAI,EAAE,aAAa,CAAC;IACpC,SAAgB,OAAO,EAAE,OAAO,CAAC;CAClC;AAGD,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAC7F,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CA0DzD,CAAC"}

package/button/common/button-common.js

@@ -1,75 +1,73 @@
-var D = (t) => {
+var y = (t) => {
   throw TypeError(t);
 };
-var I = (t, e, i) => e.has(t) || D("Cannot " + i);
-var b = (t, e, i) => (I(t, e, "read from private field"), i ? i.call(t) : e.get(t)), u = (t, e, i) => e.has(t) ? D("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), h = (t, e, i, o) => (I(t, e, "write to private field"), o ? o.call(t, i) : e.set(t, i), i);
-import { __esDecorate as p, __runInitializers as c } from "tslib";
-import { nothing as C } from "lit";
-import { property as B } from "lit/decorators.js";
-import { html as w } from "lit/static-html.js";
-import { hostAttributes as E, forceType as k } from "../../core/decorators.js";
-import { isLean as M } from "../../core/dom.js";
-import { SbbNegativeMixin as T } from "../../core/mixins.js";
-import { SbbIconNameMixin as $ } from "../../icon.js";
-const G = (t) => (() => {
-  var n, m, l;
-  let i = [E({
-    "data-sbb-button": ""
-  })], o, f = [], r, _ = T($(t)), g, y = [], z = [], v, S = [], x = [];
-  return l = class extends _ {
-    constructor() {
-      super(...arguments);
-      u(this, n, c(this, y, M() ? "s" : "l"));
-      u(this, m, (c(this, z), c(this, S, !1)));
-      c(this, x);
+var z = (t, e, i) => e.has(t) || y("Cannot " + i);
+var m = (t, e, i) => (z(t, e, "read from private field"), i ? i.call(t) : e.get(t)), c = (t, e, i) => e.has(t) ? y("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), u = (t, e, i, l) => (z(t, e, "write to private field"), l ? l.call(t, i) : e.set(t, i), i);
+import { __esDecorate as v, __runInitializers as d } from "tslib";
+import { nothing as I } from "lit";
+import { property as S } from "lit/decorators.js";
+import { html as x } from "lit/static-html.js";
+import { forceType as w } from "../../core/decorators.js";
+import { isLean as D } from "../../core/dom.js";
+import { SbbNegativeMixin as B } from "../../core/mixins.js";
+import { SbbIconNameMixin as M } from "../../icon.js";
+const E = (t) => (() => {
+  var o, n, r;
+  let i = B(M(t)), l, h = [], f = [], p, g = [], _ = [];
+  return r = class extends i {
+    constructor(...s) {
+      super(...s);
+      c(this, o, d(this, h, D() ? "s" : "l"));
+      c(this, n, (d(this, f), d(this, g, !1)));
+      d(this, _), this.internals.states.add("sbb-button");
     }
     /**
      * Size variant, either l, m or s.
      * @default 'l' / 's' (lean)
      */
     get size() {
-      return b(this, n);
+      return m(this, o);
     }
-    set size(a) {
-      h(this, n, a);
+    set size(s) {
+      u(this, o, s);
     }
     /**
      * Whether the button indicates a loading state.
      * The animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.
      */
     get loading() {
-      return b(this, m);
+      return m(this, n);
     }
-    set loading(a) {
-      h(this, m, a);
+    set loading(s) {
+      u(this, n, s);
     }
-    willUpdate(a) {
-      if (super.willUpdate(a), a.has("loading"))
+    willUpdate(s) {
+      if (super.willUpdate(s), s.has("loading"))
         if (this.loading) {
           this.internals.ariaBusy = "true", this.internals.ariaDisabled = "true";
-          const s = this.offsetWidth;
-          this.style?.setProperty("--sbb-button-width", `${s || 136}px`);
+          const a = this.offsetWidth;
+          this.style?.setProperty("--sbb-button-width", `${a || 136}px`);
         } else
           this.internals.ariaBusy = null, this.style?.removeProperty("--sbb-button-width"), this.maybeDisabledInteractive || (this.internals.ariaDisabled = null);
     }
     renderTemplate() {
-      return w`
+      return x`
         ${super.renderIconSlot()}
         <span class="sbb-button__label">
           <slot></slot>
         </span>
-        ${this.loading && !this.maybeDisabled ? w`<div class="sbb-button-loading-border"></div>` : C}
+        ${this.loading && !this.maybeDisabled ? x`<div class="sbb-button-loading-border"></div>` : I}
       `;
     }
-  }, n = new WeakMap(), m = new WeakMap(), r = l, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    g = [B({ reflect: !0 })], v = [k(), B({ reflect: !0, type: Boolean })], p(l, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
-      s.size = d;
-    } }, metadata: a }, y, z), p(l, null, v, { kind: "accessor", name: "loading", static: !1, private: !1, access: { has: (s) => "loading" in s, get: (s) => s.loading, set: (s, d) => {
-      s.loading = d;
-    } }, metadata: a }, S, x), p(null, o = { value: r }, i, { kind: "class", name: r.name, metadata: a }, null, f), r = o.value, a && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), c(r, f);
+  }, o = new WeakMap(), n = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    l = [S({ reflect: !0 })], p = [w(), S({ reflect: !0, type: Boolean })], v(r, null, l, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, b) => {
+      a.size = b;
+    } }, metadata: s }, h, f), v(r, null, p, { kind: "accessor", name: "loading", static: !1, private: !1, access: { has: (a) => "loading" in a, get: (a) => a.loading, set: (a, b) => {
+      a.loading = b;
+    } }, metadata: s }, g, _), s && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
   })(), r;
 })();
 export {
-  G as SbbButtonCommonElementMixin
+  E as SbbButtonCommonElementMixin
 };

package/button/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/button-common.js';
+export * from './common/button-common.ts';
 //# sourceMappingURL=common.d.ts.map

package/button/common.js

@@ -1,5 +1,5 @@
 import { SbbButtonCommonElementMixin as o } from "./common/button-common.js";
-import { a, b as m, p as r, s as b, t as s, m as y } from "../mini-button-common-DSGLaplg.js";
+import { a, b as m, p as r, s as b, t as s, m as y } from "../mini-button-common-Bb4ri3Rn.js";
 export {
   o as SbbButtonCommonElementMixin,
   a as buttonAccentStyle,

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

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbMiniButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbMiniButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays an icon-only button enhanced with the SBB Design;
  * it's meant to be used mainly within the sbb-form-field in prefix/suffix slot.

package/button/mini-button-group/mini-button-group.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { SbbMiniButtonElement } from '../mini-button/mini-button.component.js';
+import { SbbMiniButtonElement } from '../mini-button/mini-button.component.ts';
 export type SbbMiniButtonGroupSize = 's' | 'm' | 'l' | 'xl';
-declare const SbbMiniButtonGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbMiniButtonElement>> & typeof LitElement;
+declare const SbbMiniButtonGroupElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbMiniButtonElement>> & typeof LitElement;
 /**
  * Display a list of `sbb-mini-button` elements in a horizontal container,
  * possibly separated by a `sbb-divider` component.

package/button/mini-button-group.d.ts

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

package/button/mini-button.d.ts

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

package/button/secondary-button/secondary-button.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbSecondaryButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbSecondaryButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'secondary' variant.
  *

package/button/secondary-button-link/secondary-button-link.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbSecondaryButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbSecondaryButtonLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'primary' variant, which will behave as a link.
  *

package/button/secondary-button-link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './secondary-button-link/secondary-button-link.component.js';
+export * from './secondary-button-link/secondary-button-link.component.ts';
 //# sourceMappingURL=secondary-button-link.d.ts.map

package/button/secondary-button-static/secondary-button-static.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-declare const SbbSecondaryButtonStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+declare const SbbSecondaryButtonStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
 /**
  * It displays a static button enhanced with the SBB Design in the 'secondary' variant.
  *

package/button/secondary-button-static.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './secondary-button-static/secondary-button-static.component.js';
+export * from './secondary-button-static/secondary-button-static.component.ts';
 //# sourceMappingURL=secondary-button-static.d.ts.map

package/button/secondary-button.d.ts

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

package/button/transparent-button/transparent-button.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbTransparentButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbTransparentButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbButtonCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'transparent' variant.
  *