@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/button/button.js

@@ -1,6 +1,6 @@
+import { SbbButtonElement as e } from "./button/button.component.js";
 import { SbbButtonElement as t } from "../button.pure.js";
-import { SbbButtonElement as n } from "./button/button.component.js";
+//#region src/elements/button/button.ts
 t.define();
-export {
-  n as SbbButtonElement
-};
+//#endregion
+export { e as SbbButtonElement };

package/button/common/button-common.js

@@ -1,73 +1,87 @@
-var y = (t) => {
-  throw TypeError(t);
-};
-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 m(this, o);
-    }
-    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 m(this, n);
-    }
-    set loading(s) {
-      u(this, n, s);
-    }
-    willUpdate(s) {
-      if (super.willUpdate(s), s.has("loading"))
-        if (this.loading) {
-          this.internals.ariaBusy = "true", this.internals.ariaDisabled = "true";
-          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 x`
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { nothing as n } from "lit";
+import { property as r } from "lit/decorators.js";
+import { forceType as i } from "../../core/decorators.js";
+import { isLean as a } from "../../core/dom.js";
+import { SbbNegativeMixin as o } from "../../core/mixins.js";
+import { html as s } from "lit/static-html.js";
+import { SbbIconNameMixin as c } from "../../icon.js";
+//#region src/elements/button/common/button-common.ts
+var l = (l) => (() => {
+	let u = o(c(l)), d, f = [], p = [], m, h = [], g = [];
+	return class extends u {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+			d = [r({ reflect: !0 })], m = [i(), r({
+				reflect: !0,
+				type: Boolean
+			})], e(this, null, d, {
+				kind: "accessor",
+				name: "size",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "size" in e,
+					get: (e) => e.size,
+					set: (e, t) => {
+						e.size = t;
+					}
+				},
+				metadata: t
+			}, f, p), e(this, null, m, {
+				kind: "accessor",
+				name: "loading",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "loading" in e,
+					get: (e) => e.loading,
+					set: (e, t) => {
+						e.loading = t;
+					}
+				},
+				metadata: t
+			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		#e = t(this, f, a() ? "s" : "l");
+		get size() {
+			return this.#e;
+		}
+		set size(e) {
+			this.#e = e;
+		}
+		#t = (t(this, p), t(this, h, !1));
+		get loading() {
+			return this.#t;
+		}
+		set loading(e) {
+			this.#t = e;
+		}
+		constructor(...e) {
+			super(...e), t(this, g), this.internals.states.add("sbb-button");
+		}
+		willUpdate(e) {
+			if (super.willUpdate(e), e.has("loading")) if (this.loading) {
+				this.internals.ariaBusy = "true", this.internals.ariaDisabled = "true";
+				let e = this.offsetWidth;
+				this.style?.setProperty("--sbb-button-width", `${e || 136}px`);
+			} else this.internals.ariaBusy = null, this.style?.removeProperty("--sbb-button-width"), this.maybeDisabledInteractive || (this.internals.ariaDisabled = null);
+		}
+		renderTemplate() {
+			return s`
         ${super.renderIconSlot()}
         <span class="sbb-button__label">
           <slot></slot>
         </span>
-        ${this.loading && !this.maybeDisabled ? x`<div class="sbb-button-loading-border"></div>` : I}
+        ${this.loading && !this.maybeDisabled ? s`<div class="sbb-button-loading-border"></div>` : n}
       `;
-    }
-  }, 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 {
-  E as SbbButtonCommonElementMixin
-};
+//#endregion
+export { l as SbbButtonCommonElementMixin };

package/button/common.js

@@ -1,12 +1,3 @@
-import { SbbButtonCommonElementMixin as o } from "./common/button-common.js";
-import { a, b as m, p as b, s as l, t as r, m as s, c as y } from "../mini-button-label-common-Dx9JhmQ6.js";
-export {
-  o as SbbButtonCommonElementMixin,
-  a as buttonAccentStyle,
-  m as buttonCommonStyle,
-  b as buttonPrimaryStyle,
-  l as buttonSecondaryStyle,
-  r as buttonTransparentStyle,
-  s as miniButtonLabelStyle,
-  y as miniButtonStyle
-};
+import { SbbButtonCommonElementMixin as e } from "./common/button-common.js";
+import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../common-CI_BB6sF.js";
+export { e as SbbButtonCommonElementMixin, n as buttonAccentStyle, o as buttonCommonStyle, i as buttonPrimaryStyle, t as buttonSecondaryStyle, a as buttonTransparentStyle, s as miniButtonLabelStyle, r as miniButtonStyle };

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

@@ -1,25 +1,29 @@
+import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as t, SbbNegativeMixin as n } from "../../core/mixins.js";
+import { boxSizingStyles as r } from "../../core/styles.js";
 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`
+import { SbbIconNameMixin as a } from "../../icon.js";
+import { miniButtonLabelStyle as o, miniButtonStyle as s } from "../common.js";
+//#region src/elements/button/mini-button/mini-button.component.ts
+var c = class extends t(n(a(e))) {
+	static {
+		this.elementName = "sbb-mini-button";
+	}
+	static {
+		this.styles = [
+			r,
+			s,
+			o
+		];
+	}
+	renderTemplate() {
+		return i`
       ${super.renderIconSlot()}
       <span class="sbb-mini-button__label">
         <slot></slot>
       </span>
     `;
-  }
-};
-t.elementName = "sbb-mini-button", t.styles = [
-  m,
-  a,
-  l
-];
-let e = t;
-export {
-  e as SbbMiniButtonElement
+	}
 };
+//#endregion
+export { c as SbbMiniButtonElement };

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

@@ -1,68 +1,2 @@
-var v = (i) => {
-  throw TypeError(i);
-};
-var f = (i, t, e) => t.has(i) || v("Cannot " + e);
-var m = (i, t, e) => (f(i, t, "read from private field"), e ? e.call(i) : t.get(i)), u = (i, t, e) => t.has(i) ? v("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), l = (i, t, e, o) => (f(i, t, "write to private field"), o ? o.call(i, e) : t.set(i, e), e);
-import { __esDecorate as y, __runInitializers as c } from "tslib";
-import { css as x, html as _ } from "lit";
-import { property as z } from "lit/decorators.js";
-import { SbbElement as L } from "../../core/base-elements.js";
-import { forceType as k } from "../../core/decorators.js";
-import { isLean as w } from "../../core/dom.js";
-import { SbbNegativeMixin as S, SbbNamedSlotListMixin as N } from "../../core/mixins.js";
-import { boxSizingStyles as I } from "../../core/styles.js";
-const O = x`:host{display:block}:host([negative]){--sbb-mini-button-group-background: var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`;
-let H = (() => {
-  var a, n, r;
-  let i = S(N(L)), t, e = [], o = [], g, p = [], h = [];
-  return r = class extends i {
-    constructor() {
-      super(...arguments);
-      u(this, a);
-      u(this, n);
-      this.listChildLocalNames = [
-        "sbb-mini-button",
-        "sbb-mini-button-link",
-        "sbb-divider"
-      ], l(this, a, c(this, e, "")), l(this, n, (c(this, o), c(this, p, w() ? "s" : "m"))), c(this, h);
-    }
-    /** This will be forwarded as aria-label to the list that contains the buttons. */
-    get accessibilityLabel() {
-      return m(this, a);
-    }
-    set accessibilityLabel(s) {
-      l(this, a, s);
-    }
-    /**
-     * Size variant, either s, m, l or xl.
-     * @default 'm' / 's' (lean)
-     */
-    get size() {
-      return m(this, n);
-    }
-    set size(s) {
-      l(this, n, s);
-    }
-    willUpdate(s) {
-      super.willUpdate(s), s.has("negative") && this._proxyNegative();
-    }
-    _proxyNegative() {
-      this.querySelectorAll?.("sbb-divider, sbb-mini-button, sbb-mini-button-link").forEach((s) => s.negative = this.negative);
-    }
-    render() {
-      return _`
-      ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
-    `;
-    }
-  }, a = new WeakMap(), n = new WeakMap(), (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    t = [k(), z({ attribute: "accessibility-label" })], g = [z({ reflect: !0 })], y(r, null, t, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (b) => "accessibilityLabel" in b, get: (b) => b.accessibilityLabel, set: (b, d) => {
-      b.accessibilityLabel = d;
-    } }, metadata: s }, e, o), y(r, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (b) => "size" in b, get: (b) => b.size, set: (b, d) => {
-      b.size = d;
-    } }, metadata: s }, p, h), s && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), r.elementName = "sbb-mini-button-group", r.styles = [I, O], r;
-})();
-export {
-  H as SbbMiniButtonGroupElement
-};
+import { t as e } from "../../mini-button-group.component-D5Dph1Z7.js";
+export { e as SbbMiniButtonGroupElement };

package/button/mini-button-group.js

@@ -1,6 +1,6 @@
-import { SbbMiniButtonGroupElement as o } from "../button.pure.js";
-import { SbbMiniButtonGroupElement as i } from "./mini-button-group/mini-button-group.component.js";
-o.define();
-export {
-  i as SbbMiniButtonGroupElement
-};
+import { t as e } from "../mini-button-group.component-D5Dph1Z7.js";
+import { SbbMiniButtonGroupElement as t } from "../button.pure.js";
+//#region src/elements/button/mini-button-group.ts
+t.define();
+//#endregion
+export { e as SbbMiniButtonGroupElement };

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

@@ -1,27 +1,2 @@
-import { html as o } from "lit/static-html.js";
-import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
-import { SbbNegativeMixin as s, SbbDisabledInteractiveMixin as r, SbbDisabledMixin as m } from "../../core/mixins.js";
-import { boxSizingStyles as a } from "../../core/styles.js";
-import { SbbIconNameMixin as l } from "../../icon.js";
-import { miniButtonStyle as n, miniButtonLabelStyle as b } from "../common.js";
-import { css as c } from "lit";
-const p = c`@media(forced-colors:active){:host{--sbb-mini-button-color: LinkText !important}}`, t = class t extends s(l(r(m(e)))) {
-  renderTemplate() {
-    return o`
-      ${super.renderIconSlot()}
-      <span class="sbb-mini-button__label">
-        <slot></slot>
-      </span>
-    `;
-  }
-};
-t.elementName = "sbb-mini-button-link", t.styles = [
-  a,
-  n,
-  b,
-  p
-];
-let i = t;
-export {
-  i as SbbMiniButtonLinkElement
-};
+import { t as e } from "../../mini-button-link.component-BYK_EUud.js";
+export { e as SbbMiniButtonLinkElement };

package/button/mini-button-link.js

@@ -1,6 +1,6 @@
-import { SbbMiniButtonLinkElement as n } from "../button.pure.js";
-import { SbbMiniButtonLinkElement as o } from "./mini-button-link/mini-button-link.component.js";
-n.define();
-export {
-  o as SbbMiniButtonLinkElement
-};
+import { t as e } from "../mini-button-link.component-BYK_EUud.js";
+import { SbbMiniButtonLinkElement as t } from "../button.pure.js";
+//#region src/elements/button/mini-button-link.ts
+t.define();
+//#endregion
+export { e as SbbMiniButtonLinkElement };

package/button/mini-button.js

@@ -1,6 +1,6 @@
+import { SbbMiniButtonElement as e } from "./mini-button/mini-button.component.js";
 import { SbbMiniButtonElement as t } from "../button.pure.js";
-import { SbbMiniButtonElement as o } from "./mini-button/mini-button.component.js";
+//#region src/elements/button/mini-button.ts
 t.define();
-export {
-  o as SbbMiniButtonElement
-};
+//#endregion
+export { e as SbbMiniButtonElement };

package/button/secondary-button/secondary-button.component.js

@@ -1,15 +1,19 @@
-import { SbbButtonBaseElement as o } from "../../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as s } from "../../core/mixins.js";
-import { boxSizingStyles as m } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as e, buttonCommonStyle as n, buttonSecondaryStyle as b } from "../common.js";
-const t = class t extends e(s(o)) {
-};
-t.elementName = "sbb-secondary-button", t.styles = [
-  m,
-  n,
-  b
-];
-let i = t;
-export {
-  i as SbbSecondaryButtonElement
+import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as t } from "../../core/mixins.js";
+import { boxSizingStyles as n } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common.js";
+//#region src/elements/button/secondary-button/secondary-button.component.ts
+var o = class extends r(t(e)) {
+	static {
+		this.elementName = "sbb-secondary-button";
+	}
+	static {
+		this.styles = [
+			n,
+			i,
+			a
+		];
+	}
 };
+//#endregion
+export { o as SbbSecondaryButtonElement };

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

@@ -1,15 +1,19 @@
-import { SbbLinkBaseElement as s } from "../../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as o, SbbDisabledMixin as e } from "../../core/mixins.js";
-import { boxSizingStyles as m } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as b, buttonCommonStyle as r, buttonSecondaryStyle as l } from "../common.js";
-const t = class t extends b(o(e(s))) {
-};
-t.elementName = "sbb-secondary-button-link", t.styles = [
-  m,
-  r,
-  l
-];
-let i = t;
-export {
-  i as SbbSecondaryButtonLinkElement
+import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as n } from "../../core/mixins.js";
+import { boxSizingStyles as r } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonSecondaryStyle as o } from "../common.js";
+//#region src/elements/button/secondary-button-link/secondary-button-link.component.ts
+var s = class extends i(t(n(e))) {
+	static {
+		this.elementName = "sbb-secondary-button-link";
+	}
+	static {
+		this.styles = [
+			r,
+			a,
+			o
+		];
+	}
 };
+//#endregion
+export { s as SbbSecondaryButtonLinkElement };

package/button/secondary-button-link.js

@@ -1,6 +1,6 @@
-import { SbbSecondaryButtonLinkElement as e } from "../button.pure.js";
-import { SbbSecondaryButtonLinkElement as r } from "./secondary-button-link/secondary-button-link.component.js";
-e.define();
-export {
-  r as SbbSecondaryButtonLinkElement
-};
+import { SbbSecondaryButtonLinkElement as e } from "./secondary-button-link/secondary-button-link.component.js";
+import { SbbSecondaryButtonLinkElement as t } from "../button.pure.js";
+//#region src/elements/button/secondary-button-link.ts
+t.define();
+//#endregion
+export { e as SbbSecondaryButtonLinkElement };

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

@@ -1,15 +1,19 @@
-import { SbbActionBaseElement as t } from "../../core/base-elements.js";
-import { SbbDisabledMixin as i } from "../../core/mixins.js";
-import { boxSizingStyles as m } from "../../core/styles.js";
-import { SbbButtonCommonElementMixin as e, buttonCommonStyle as r, buttonSecondaryStyle as b } from "../common.js";
-const o = class o extends e(i(t)) {
-};
-o.elementName = "sbb-secondary-button-static", o.styles = [
-  m,
-  r,
-  b
-];
-let s = o;
-export {
-  s as SbbSecondaryButtonStaticElement
+import { SbbActionBaseElement as e } from "../../core/base-elements.js";
+import { SbbDisabledMixin as t } from "../../core/mixins.js";
+import { boxSizingStyles as n } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonSecondaryStyle as a } from "../common.js";
+//#region src/elements/button/secondary-button-static/secondary-button-static.component.ts
+var o = class extends r(t(e)) {
+	static {
+		this.elementName = "sbb-secondary-button-static";
+	}
+	static {
+		this.styles = [
+			n,
+			i,
+			a
+		];
+	}
 };
+//#endregion
+export { o as SbbSecondaryButtonStaticElement };

package/button/secondary-button-static.js

@@ -1,6 +1,6 @@
+import { SbbSecondaryButtonStaticElement as e } from "./secondary-button-static/secondary-button-static.component.js";
 import { SbbSecondaryButtonStaticElement as t } from "../button.pure.js";
-import { SbbSecondaryButtonStaticElement as r } from "./secondary-button-static/secondary-button-static.component.js";
+//#region src/elements/button/secondary-button-static.ts
 t.define();
-export {
-  r as SbbSecondaryButtonStaticElement
-};
+//#endregion
+export { e as SbbSecondaryButtonStaticElement };

package/button/secondary-button.js

@@ -1,6 +1,6 @@
-import { SbbSecondaryButtonElement as e } from "../button.pure.js";
-import { SbbSecondaryButtonElement as r } from "./secondary-button/secondary-button.component.js";
-e.define();
-export {
-  r as SbbSecondaryButtonElement
-};
+import { SbbSecondaryButtonElement as e } from "./secondary-button/secondary-button.component.js";
+import { SbbSecondaryButtonElement as t } from "../button.pure.js";
+//#region src/elements/button/secondary-button.ts
+t.define();
+//#endregion
+export { e as SbbSecondaryButtonElement };

package/button/transparent-button/transparent-button.component.js

@@ -1,15 +1,19 @@
-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 b, buttonTransparentStyle as n } from "../common.js";
-const t = class t extends e(m(i)) {
-};
-t.elementName = "sbb-transparent-button", t.styles = [
-  s,
-  b,
-  n
-];
-let o = t;
-export {
-  o as SbbTransparentButtonElement
+import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as t } from "../../core/mixins.js";
+import { boxSizingStyles as n } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as r, buttonCommonStyle as i, buttonTransparentStyle as a } from "../common.js";
+//#region src/elements/button/transparent-button/transparent-button.component.ts
+var o = class extends r(t(e)) {
+	static {
+		this.elementName = "sbb-transparent-button";
+	}
+	static {
+		this.styles = [
+			n,
+			i,
+			a
+		];
+	}
 };
+//#endregion
+export { o as SbbTransparentButtonElement };

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

@@ -1,15 +1,19 @@
-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 b, buttonCommonStyle as l, buttonTransparentStyle as r } from "../common.js";
-const t = class t extends b(e(m(o))) {
-};
-t.elementName = "sbb-transparent-button-link", t.styles = [
-  s,
-  l,
-  r
-];
-let i = t;
-export {
-  i as SbbTransparentButtonLinkElement
+import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as t, SbbDisabledMixin as n } from "../../core/mixins.js";
+import { boxSizingStyles as r } from "../../core/styles.js";
+import { SbbButtonCommonElementMixin as i, buttonCommonStyle as a, buttonTransparentStyle as o } from "../common.js";
+//#region src/elements/button/transparent-button-link/transparent-button-link.component.ts
+var s = class extends i(t(n(e))) {
+	static {
+		this.elementName = "sbb-transparent-button-link";
+	}
+	static {
+		this.styles = [
+			r,
+			a,
+			o
+		];
+	}
 };
+//#endregion
+export { s as SbbTransparentButtonLinkElement };

package/button/transparent-button-link.js

@@ -1,6 +1,6 @@
-import { SbbTransparentButtonLinkElement as n } from "../button.pure.js";
-import { SbbTransparentButtonLinkElement as o } from "./transparent-button-link/transparent-button-link.component.js";
-n.define();
-export {
-  o as SbbTransparentButtonLinkElement
-};
+import { SbbTransparentButtonLinkElement as e } from "./transparent-button-link/transparent-button-link.component.js";
+import { SbbTransparentButtonLinkElement as t } from "../button.pure.js";
+//#region src/elements/button/transparent-button-link.ts
+t.define();
+//#endregion
+export { e as SbbTransparentButtonLinkElement };