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

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

@@ -1,18 +1,19 @@
-import { __esDecorate as u, __runInitializers as h } from "tslib";
-import { ResizeController as g } from "@lit-labs/observers/resize-controller.js";
-import { css as f, LitElement as v, html as a, nothing as x } from "lit";
-import { customElement as y, state as C } from "lit/decorators.js";
-import { isArrowKeyPressed as w, sbbInputModalityDetector as S, getNextElementIndex as k } from "../../core/a11y.js";
-import { SbbLanguageController as z } from "../../core/controllers.js";
-import { i18nBreadcrumbEllipsisButtonLabel as E } from "../../core/i18n.js";
-import { SbbElementInternalsMixin as I, SbbNamedSlotListMixin as $ } from "../../core/mixins.js";
-import { boxSizingStyles as B } from "../../core/styles.js";
+import { __esDecorate as c, __runInitializers as u } from "tslib";
+import { ResizeController as h } from "@lit-labs/observers/resize-controller.js";
+import { css as p, html as i, nothing as m } from "lit";
+import { state as g } from "lit/decorators.js";
+import { isArrowKeyPressed as f, sbbInputModalityDetector as _, getNextElementIndex as v } from "../../core/a11y.js";
+import { SbbElement as x } from "../../core/base-elements.js";
+import { SbbLanguageController as y } from "../../core/controllers.js";
+import { i18nBreadcrumbEllipsisButtonLabel as C } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin as w } from "../../core/mixins.js";
+import { boxSizingStyles as k } from "../../core/styles.js";
 import "../../icon.js";
-const D = f`:host{display:block}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--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{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;font-size:var(--sbb-text-font-size-xxs);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)}`, m = 3;
-let j = (() => {
+const z = p`:host{display:block}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--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{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;font-size:var(--sbb-text-font-size-xxs);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)}`, n = 3;
+let B = (() => {
   var s;
-  let p = [y("sbb-breadcrumb-group")], l, o = [], r, b = I($(v)), n = [], d;
-  return s = class extends b {
+  let a = w(x), l = [], o;
+  return s = class extends a {
     /** The state of the breadcrumb group. */
     set _state(e) {
       this._stateInternal && this.internals.states.delete(`state-${this._stateInternal}`), this._stateInternal = e, this._stateInternal && this.internals.states.add(`state-${this._stateInternal}`);
@@ -21,15 +22,15 @@ let j = (() => {
       return this._stateInternal;
     }
     constructor() {
-      super(), this.listChildLocalNames = (h(this, n), ["sbb-breadcrumb"]), this._stateInternal = null, this._resizeObserver = new g(this, {
+      super(), this.listChildLocalNames = (u(this, l), ["sbb-breadcrumb"]), this._stateInternal = null, this._resizeObserver = new h(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 y(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(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) && f(e)) {
         if (this._state === "collapsed")
           return this._focusNextCollapsed(e);
         this._focusNext(e);
@@ -42,11 +43,11 @@ let j = (() => {
       super.willUpdate(e), e.has("listChildren") && this._syncBreadcrumbs();
     }
     updated(e) {
-      super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && S.mostRecentModality === "keyboard" && (this.listChildren[1]?.focus(), this._markForFocus = !1);
+      super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && _.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 < m && (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 < n && (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.
@@ -60,8 +61,8 @@ let j = (() => {
       this._focusNext(e, t);
     }
     _focusNext(e, t = this.listChildren) {
-      const i = t.findIndex((c) => c === document.activeElement || c === this.shadowRoot.activeElement), _ = k(e, i, t.length);
-      t[_]?.focus(), e.preventDefault();
+      const r = t.findIndex((b) => b === document.activeElement || b === this.shadowRoot.activeElement), d = v(e, r, t.length);
+      t[d]?.focus(), e.preventDefault();
     }
     /**
      * Note: due to @State annotation on _state, this method triggers a new render; as a consequence, the focus is moved
@@ -72,10 +73,10 @@ let j = (() => {
     }
     /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
     _evaluateCollapsedState() {
-      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= m && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
+      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= n && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
     }
     _renderCollapsed() {
-      return a`
+      return i`
       <li class="sbb-breadcrumb-group__item">
         <slot name="li-0"></slot>
       </li>
@@ -87,7 +88,7 @@ let j = (() => {
         <button
           type="button"
           id="sbb-breadcrumb-ellipsis"
-          aria-label=${E[this._language.current]}
+          aria-label=${C[this._language.current]}
           aria-expanded="false"
           @click=${() => this._expandBreadcrumbs()}
         >
@@ -104,31 +105,31 @@ let j = (() => {
     `;
     }
     _renderExpanded() {
-      return this.listSlotEntries().map((e, t, i) => a`
+      return this.listSlotEntries().map((e, t, r) => i`
         <li class="sbb-breadcrumb-group__item">
           <slot name=${e.name}></slot>
-          ${t !== i.length - 1 ? a`<sbb-icon
+          ${t !== r.length - 1 ? i`<sbb-icon
                 name="chevron-small-right-small"
                 class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>` : x}
+              ></sbb-icon>` : m}
         </li>
       `);
     }
     render() {
-      return a`
+      return i`
       <ol class="sbb-breadcrumb-group">
         ${this._state === "collapsed" ? this._renderCollapsed() : this._renderExpanded()}
       </ol>
       ${this.renderHiddenSlot()}
     `;
     }
-  }, r = s, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    d = [C()], u(s, null, d, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (t) => "_state" in t, set: (t, i) => {
-      t._state = i;
-    } }, metadata: e }, null, n), u(null, l = { value: r }, p, { kind: "class", name: r.name, metadata: e }, null, o), r = l.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.role = "navigation", s.styles = [B, D], h(r, o), r;
+  }, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    o = [g()], c(s, null, o, { kind: "setter", name: "_state", static: !1, private: !1, access: { has: (t) => "_state" in t, set: (t, r) => {
+      t._state = r;
+    } }, metadata: e }, null, l), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), s.elementName = "sbb-breadcrumb-group", s.role = "navigation", s.styles = [k, z], s;
 })();
 export {
-  j as SbbBreadcrumbGroupElement
+  B as SbbBreadcrumbGroupElement
 };

package/breadcrumb/breadcrumb-group.js

@@ -1,4 +1,7 @@
-import { SbbBreadcrumbGroupElement as b } from "./breadcrumb-group/breadcrumb-group.component.js";
+import { SbbBreadcrumbGroupElement as e } from "./breadcrumb-group/breadcrumb-group.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/breadcrumb/breadcrumb-group.js' has been deprecated.
+Use either '@sbb-esta/elements/breadcrumb.js' or '@sbb-esta/elements/breadcrumb.pure.js' instead.`);
 export {
-  b as SbbBreadcrumbGroupElement
+  e as SbbBreadcrumbGroupElement
 };

package/breadcrumb/breadcrumb.js

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

package/breadcrumb.js

@@ -1,6 +1,8 @@
-import { SbbBreadcrumbElement as b } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
-import { SbbBreadcrumbGroupElement as o } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
+import { SbbBreadcrumbGroupElement as e } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
+import { SbbBreadcrumbElement as r } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
+r.define();
+e.define();
 export {
-  b as SbbBreadcrumbElement,
-  o as SbbBreadcrumbGroupElement
+  r as SbbBreadcrumbElement,
+  e as SbbBreadcrumbGroupElement
 };

package/breadcrumb.pure.js

@@ -0,0 +1,6 @@
+import { SbbBreadcrumbGroupElement as b } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
+import { SbbBreadcrumbElement as o } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
+export {
+  o as SbbBreadcrumbElement,
+  b as SbbBreadcrumbGroupElement
+};

package/button/accent-button/accent-button.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as r } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as b } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonAccentStyle as f } from "../common.js";
-let B = (() => {
-  var e;
-  let i = [m("sbb-accent-button")], l, o = [], t, n = S(b(c));
-  return e = class extends n {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, i, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    d,
-    f
-  ], r(t, o), t;
-})();
+import { SbbButtonBaseElement as i } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as s } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as n, buttonAccentStyle as r } from "../common.js";
+const t = class t extends e(m(i)) {
+};
+t.elementName = "sbb-accent-button", t.styles = [
+  s,
+  n,
+  r
+];
+let o = t;
 export {
-  B as SbbAccentButtonElement
+  o as SbbAccentButtonElement
 };

package/button/accent-button-link/accent-button-link.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as r } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as b, SbbDisabledMixin as u } from "../../core/mixins.js";
-import { boxSizingStyles as S } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as d, buttonCommonStyle as f, buttonAccentStyle as p } from "../common.js";
-let k = (() => {
-  var e;
-  let o = [m("sbb-accent-button-link")], l, i = [], t, n = d(b(u(c)));
-  return e = class extends n {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    S,
-    f,
-    p
-  ], r(t, i), t;
-})();
+import { SbbLinkBaseElement as o } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as s, SbbDisabledMixin as e } from "../../core/mixins.js";
+import { boxSizingStyles as m } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as b, buttonCommonStyle as r, buttonAccentStyle as a } from "../common.js";
+const t = class t extends b(s(e(o))) {
+};
+t.elementName = "sbb-accent-button-link", t.styles = [
+  m,
+  r,
+  a
+];
+let i = t;
 export {
-  k as SbbAccentButtonLinkElement
+  i as SbbAccentButtonLinkElement
 };

package/button/accent-button-link.js

@@ -1,4 +1,6 @@
-import { SbbAccentButtonLinkElement as n } from "./accent-button-link/accent-button-link.component.js";
+import { SbbAccentButtonLinkElement as t } from "../button.pure.js";
+import { SbbAccentButtonLinkElement as m } from "./accent-button-link/accent-button-link.component.js";
+t.define();
 export {
-  n as SbbAccentButtonLinkElement
+  m as SbbAccentButtonLinkElement
 };

package/button/accent-button-static/accent-button-static.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as n, __runInitializers as r } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbActionBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledMixin as b } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as f, buttonAccentStyle as p } from "../common.js";
-let D = (() => {
-  var e;
-  let s = [m("sbb-accent-button-static")], l, o = [], t, i = S(b(c));
-  return e = class extends i {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    n(null, l = { value: t }, s, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    f,
-    p
-  ], r(t, o), t;
-})();
+import { SbbActionBaseElement as s } from "../../core/base-elements.js";
+import { SbbDisabledMixin as t } from "../../core/mixins.js";
+import { boxSizingStyles as m } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as r, buttonAccentStyle as b } from "../common.js";
+const o = class o extends e(t(s)) {
+};
+o.elementName = "sbb-accent-button-static", o.styles = [
+  m,
+  r,
+  b
+];
+let i = o;
 export {
-  D as SbbAccentButtonStaticElement
+  i as SbbAccentButtonStaticElement
 };

package/button/accent-button-static.js

@@ -1,4 +1,6 @@
-import { SbbAccentButtonStaticElement as c } from "./accent-button-static/accent-button-static.component.js";
+import { SbbAccentButtonStaticElement as t } from "../button.pure.js";
+import { SbbAccentButtonStaticElement as o } from "./accent-button-static/accent-button-static.component.js";
+t.define();
 export {
-  c as SbbAccentButtonStaticElement
+  o as SbbAccentButtonStaticElement
 };

package/button/accent-button.js

@@ -1,4 +1,6 @@
-import { SbbAccentButtonElement as n } from "./accent-button/accent-button.component.js";
+import { SbbAccentButtonElement as t } from "../button.pure.js";
+import { SbbAccentButtonElement as m } from "./accent-button/accent-button.component.js";
+t.define();
 export {
-  n as SbbAccentButtonElement
+  m as SbbAccentButtonElement
 };

package/button/button/button.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as m } from "tslib";
-import { customElement as n } from "lit/decorators.js";
-import { SbbButtonBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as c } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as d, buttonPrimaryStyle as f } from "../common.js";
-let B = (() => {
-  var e;
-  let r = [n("sbb-button")], l, o = [], t, i = S(c(b));
-  return e = class extends i {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    d,
-    f
-  ], m(t, o), t;
-})();
+import { SbbButtonBaseElement as o } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as s } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as r, buttonPrimaryStyle as n } from "../common.js";
+const t = class t extends e(m(o)) {
+};
+t.elementName = "sbb-button", t.styles = [
+  s,
+  r,
+  n
+];
+let i = t;
 export {
-  B as SbbButtonElement
+  i as SbbButtonElement
 };

package/button/button-link/button-link.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as n, __runInitializers as s } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { SbbLinkBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as c, SbbDisabledMixin as u } from "../../core/mixins.js";
-import { boxSizingStyles as S } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as d, buttonCommonStyle as f, buttonPrimaryStyle as p } from "../common.js";
-let k = (() => {
-  var e;
-  let r = [m("sbb-button-link")], i, l = [], t, o = d(c(u(b)));
-  return e = class extends o {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, i = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, l), t = i.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    S,
-    f,
-    p
-  ], s(t, l), t;
-})();
+import { SbbLinkBaseElement as o } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as e, SbbDisabledMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as s } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as b, buttonPrimaryStyle as a } from "../common.js";
+const t = class t extends r(e(m(o))) {
+};
+t.elementName = "sbb-button-link", t.styles = [
+  s,
+  b,
+  a
+];
+let i = t;
 export {
-  k as SbbButtonLinkElement
+  i as SbbButtonLinkElement
 };

package/button/button-link.js

@@ -1,4 +1,6 @@
-import { SbbButtonLinkElement as n } from "./button-link/button-link.component.js";
+import { SbbButtonLinkElement as t } from "../button.pure.js";
+import { SbbButtonLinkElement as m } from "./button-link/button-link.component.js";
+t.define();
 export {
-  n as SbbButtonLinkElement
+  m as SbbButtonLinkElement
 };

package/button/button-static/button-static.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as s, __runInitializers as m } from "tslib";
-import { customElement as n } from "lit/decorators.js";
-import { SbbActionBaseElement as b } from "../../core/base-elements.js";
-import { SbbDisabledMixin as c } from "../../core/mixins.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as S, buttonCommonStyle as f, buttonPrimaryStyle as p } from "../common.js";
-let D = (() => {
-  var e;
-  let r = [n("sbb-button-static")], l, o = [], t, i = S(c(b));
-  return e = class extends i {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    s(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, o), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    u,
-    f,
-    p
-  ], m(t, o), t;
-})();
+import { SbbActionBaseElement as t } from "../../core/base-elements.js";
+import { SbbDisabledMixin as m } from "../../core/mixins.js";
+import { boxSizingStyles as s } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as e, buttonCommonStyle as r, buttonPrimaryStyle as n } from "../common.js";
+const o = class o extends e(m(t)) {
+};
+o.elementName = "sbb-button-static", o.styles = [
+  s,
+  r,
+  n
+];
+let i = o;
 export {
-  D as SbbButtonStaticElement
+  i as SbbButtonStaticElement
 };

package/button/button-static.js

@@ -1,4 +1,6 @@
-import { SbbButtonStaticElement as o } from "./button-static/button-static.component.js";
+import { SbbButtonStaticElement as t } from "../button.pure.js";
+import { SbbButtonStaticElement as n } from "./button-static/button-static.component.js";
+t.define();
 export {
-  o as SbbButtonStaticElement
+  n as SbbButtonStaticElement
 };

package/button/button.js

@@ -1,4 +1,6 @@
-import { SbbButtonElement as o } from "./button/button.component.js";
+import { SbbButtonElement as t } from "../button.pure.js";
+import { SbbButtonElement as n } from "./button/button.component.js";
+t.define();
 export {
-  o as SbbButtonElement
+  n as SbbButtonElement
 };

package/button/mini-button/mini-button.component.js

@@ -1,32 +1,25 @@
-import { __esDecorate as n, __runInitializers as s } from "tslib";
-import { customElement as m } from "lit/decorators.js";
-import { html as b } from "lit/static-html.js";
-import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as u, SbbNegativeMixin as p } from "../../core/mixins.js";
-import { boxSizingStyles as S } from "../../core/styles.js";
-import { SbbIconNameMixin as d } from "../../icon.js";
-import { miniButtonStyle as f, miniButtonLabelStyle as _ } from "../common.js";
-let M = (() => {
-  var e;
-  let r = [m("sbb-mini-button")], i, l = [], t, o = u(p(d(c)));
-  return e = class extends o {
-    renderTemplate() {
-      return b`
+import { html as i } from "lit/static-html.js";
+import { SbbButtonBaseElement as o } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as s, SbbNegativeMixin as r } from "../../core/mixins.js";
+import { boxSizingStyles as m } from "../../core/styles.js";
+import { SbbIconNameMixin as n } from "../../icon.js";
+import { miniButtonStyle as a, miniButtonLabelStyle as l } from "../common.js";
+const t = class t extends s(r(n(o))) {
+  renderTemplate() {
+    return i`
       ${super.renderIconSlot()}
       <span class="sbb-mini-button__label">
         <slot></slot>
       </span>
     `;
-    }
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, i = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, l), t = i.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [
-    S,
-    f,
-    _
-  ], s(t, l), t;
-})();
+  }
+};
+t.elementName = "sbb-mini-button", t.styles = [
+  m,
+  a,
+  l
+];
+let e = t;
 export {
-  M as SbbMiniButtonElement
+  e as SbbMiniButtonElement
 };