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

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

@@ -1,135 +1,2 @@
-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 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 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}`);
-    }
-    get _state() {
-      return this._stateInternal;
-    }
-    constructor() {
-      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 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) && f(e)) {
-        if (this._state === "collapsed")
-          return this._focusNextCollapsed(e);
-        this._focusNext(e);
-      }
-    }
-    firstUpdated(e) {
-      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 && _.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 < 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.
-     */
-    _focusNextCollapsed(e) {
-      const t = [
-        this.listChildren[0],
-        this.shadowRoot.querySelector("#sbb-breadcrumb-ellipsis"),
-        this.listChildren[this.listChildren.length - 1]
-      ];
-      this._focusNext(e, t);
-    }
-    _focusNext(e, t = this.listChildren) {
-      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
-     * to the `body`, so if the ellipsis element has focus, it's asynchronously forced to the first element.
-     */
-    _expandBreadcrumbs() {
-      this._state = "manually-expanded", this._markForFocus = !0;
-    }
-    /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
-    _evaluateCollapsedState() {
-      !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= n && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
-    }
-    _renderCollapsed() {
-      return i`
-      <li class="sbb-breadcrumb-group__item">
-        <slot name="li-0"></slot>
-      </li>
-      <li class="sbb-breadcrumb-group__item" id="sbb-breadcrumb-group-ellipsis">
-        <sbb-icon
-          name="chevron-small-right-small"
-          class="sbb-breadcrumb-group__divider-icon"
-        ></sbb-icon>
-        <button
-          type="button"
-          id="sbb-breadcrumb-ellipsis"
-          aria-label=${C[this._language.current]}
-          aria-expanded="false"
-          @click=${() => this._expandBreadcrumbs()}
-        >
-          ...
-        </button>
-      </li>
-      <li class="sbb-breadcrumb-group__item">
-        <sbb-icon
-          name="chevron-small-right-small"
-          class="sbb-breadcrumb-group__divider-icon"
-        ></sbb-icon>
-        <slot name=${`li-${this.listChildren.length - 1}`}></slot>
-      </li>
-    `;
-    }
-    _renderExpanded() {
-      return this.listSlotEntries().map((e, t, r) => i`
-        <li class="sbb-breadcrumb-group__item">
-          <slot name=${e.name}></slot>
-          ${t !== r.length - 1 ? i`<sbb-icon
-                name="chevron-small-right-small"
-                class="sbb-breadcrumb-group__divider-icon"
-              ></sbb-icon>` : m}
-        </li>
-      `);
-    }
-    render() {
-      return i`
-      <ol class="sbb-breadcrumb-group">
-        ${this._state === "collapsed" ? this._renderCollapsed() : this._renderExpanded()}
-      </ol>
-      ${this.renderHiddenSlot()}
-    `;
-    }
-  }, (() => {
-    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 {
-  B as SbbBreadcrumbGroupElement
-};
+import { t as e } from "../../breadcrumb-group.component-BA8KK3Om.js";
+export { e as SbbBreadcrumbGroupElement };

package/breadcrumb/breadcrumb-group.js

@@ -1,7 +1,4 @@
-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 {
-  e as SbbBreadcrumbGroupElement
-};
+import { t as e } from "../breadcrumb-group.component-BA8KK3Om.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/breadcrumb/breadcrumb-group.js' has been deprecated.\nUse either '@sbb-esta/elements/breadcrumb.js' or '@sbb-esta/elements/breadcrumb.pure.js' instead.");
+//#endregion
+export { e as SbbBreadcrumbGroupElement };

package/breadcrumb/breadcrumb.js

@@ -1,7 +1,4 @@
-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 {
-  e as SbbBreadcrumbElement
-};
+import { t as e } from "../breadcrumb.component-DjkZzGJD.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/breadcrumb/breadcrumb.js' has been deprecated.\nUse either '@sbb-esta/elements/breadcrumb.js' or '@sbb-esta/elements/breadcrumb.pure.js' instead.");
+//#endregion
+export { e as SbbBreadcrumbElement };

package/breadcrumb-group.component-BA8KK3Om.js

@@ -0,0 +1,145 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, html as r, nothing as i } from "lit";
+import { state as a } from "lit/decorators.js";
+import { SbbElement as o } from "./core/base-elements.js";
+import { SbbNamedSlotListMixin as s } from "./core/mixins.js";
+import { boxSizingStyles as c } from "./core/styles.js";
+import { SbbLanguageController as l } from "./core/controllers.js";
+import { i18nBreadcrumbEllipsisButtonLabel as u } from "./core/i18n.js";
+import "./icon.js";
+import { ResizeController as d } from "@lit-labs/observers/resize-controller.js";
+import { getNextElementIndex as f, isArrowKeyPressed as p, sbbInputModalityDetector as m } from "./core/a11y.js";
+//#region src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.scss?lit&inline
+var h = n`: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{font-size:inherit;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility);margin:0;padding:0;list-style:none;display:flex}.sbb-breadcrumb-group__item{column-gap:var(--sbb-spacing-fixed-1x);flex:none;display:flex}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-breadcrumb-group-ellipsis-color);--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);letter-spacing:.01em;line-height:0;font-size:var(--sbb-text-font-size-xxs);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:none;border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);padding:0;cursor:var(--sbb-cursor-pointer);background:0 0;background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);border-radius:50%;outline:none;margin:0;padding-block-end:.5em;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)}`, g = 3, _ = (() => {
+	let n = s(o), _ = [], v;
+	return class extends n {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			v = [a()], e(this, null, v, {
+				kind: "setter",
+				name: "_state",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_state" in e,
+					set: (e, t) => {
+						e._state = t;
+					}
+				},
+				metadata: t
+			}, null, _), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-breadcrumb-group";
+		}
+		static {
+			this.role = "navigation";
+		}
+		static {
+			this.styles = [c, h];
+		}
+		set _state(e) {
+			this._stateInternal && this.internals.states.delete(`state-${this._stateInternal}`), this._stateInternal = e, this._stateInternal && this.internals.states.add(`state-${this._stateInternal}`);
+		}
+		get _state() {
+			return this._stateInternal;
+		}
+		constructor() {
+			super(), this.listChildLocalNames = (t(this, _), ["sbb-breadcrumb"]), this._stateInternal = null, this._resizeObserver = new d(this, {
+				target: null,
+				skipInitial: !0,
+				callback: () => this._evaluateCollapsedState()
+			}), this._language = new l(this), this._markForFocus = !1, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+		}
+		_handleKeyDown(e) {
+			if (!(!this.listChildren.length || e.target !== this && e.target.parentElement !== this) && p(e)) {
+				if (this._state === "collapsed") return this._focusNextCollapsed(e);
+				this._focusNext(e);
+			}
+		}
+		firstUpdated(e) {
+			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 && m.mostRecentModality === "keyboard" && (this.listChildren[1]?.focus(), this._markForFocus = !1);
+		}
+		_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 < g && (this._state = null);
+		}
+		_focusNextCollapsed(e) {
+			let t = [
+				this.listChildren[0],
+				this.shadowRoot.querySelector("#sbb-breadcrumb-ellipsis"),
+				this.listChildren[this.listChildren.length - 1]
+			];
+			this._focusNext(e, t);
+		}
+		_focusNext(e, t = this.listChildren) {
+			t[f(e, t.findIndex((e) => e === document.activeElement || e === this.shadowRoot.activeElement), t.length)]?.focus(), e.preventDefault();
+		}
+		_expandBreadcrumbs() {
+			this._state = "manually-expanded", this._markForFocus = !0;
+		}
+		_evaluateCollapsedState() {
+			!this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= g && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
+		}
+		_renderCollapsed() {
+			return r`
+      <li class="sbb-breadcrumb-group__item">
+        <slot name="li-0"></slot>
+      </li>
+      <li class="sbb-breadcrumb-group__item" id="sbb-breadcrumb-group-ellipsis">
+        <sbb-icon
+          name="chevron-small-right-small"
+          class="sbb-breadcrumb-group__divider-icon"
+        ></sbb-icon>
+        <button
+          type="button"
+          id="sbb-breadcrumb-ellipsis"
+          aria-label=${u[this._language.current]}
+          aria-expanded="false"
+          @click=${() => this._expandBreadcrumbs()}
+        >
+          ...
+        </button>
+      </li>
+      <li class="sbb-breadcrumb-group__item">
+        <sbb-icon
+          name="chevron-small-right-small"
+          class="sbb-breadcrumb-group__divider-icon"
+        ></sbb-icon>
+        <slot name=${`li-${this.listChildren.length - 1}`}></slot>
+      </li>
+    `;
+		}
+		_renderExpanded() {
+			return this.listSlotEntries().map((e, t, n) => r`
+        <li class="sbb-breadcrumb-group__item">
+          <slot name=${e.name}></slot>
+          ${t === n.length - 1 ? i : r`<sbb-icon
+                name="chevron-small-right-small"
+                class="sbb-breadcrumb-group__divider-icon"
+              ></sbb-icon>`}
+        </li>
+      `);
+		}
+		render() {
+			return r`
+      <ol class="sbb-breadcrumb-group">
+        ${this._state === "collapsed" ? this._renderCollapsed() : this._renderExpanded()}
+      </ol>
+      ${this.renderHiddenSlot()}
+    `;
+		}
+	};
+})();
+//#endregion
+export { _ as t };

package/breadcrumb.component-DjkZzGJD.js

@@ -0,0 +1,24 @@
+import { css as e } from "lit";
+import { SbbLinkBaseElement as t } from "./core/base-elements.js";
+import { boxSizingStyles as n } from "./core/styles.js";
+import { html as r } from "lit/static-html.js";
+import { SbbIconNameMixin as i } from "./icon.js";
+//#region src/elements/breadcrumb/breadcrumb/breadcrumb.scss?lit&inline
+var a = e`:host{display:flex}@media (any-hover:hover){:host(:hover){--sbb-breadcrumb-color:var(--sbb-breadcrumb-color-hover)}}:host(:is(:active,:is(:state(active),[state--active]))){--sbb-breadcrumb-color:var(--sbb-breadcrumb-color-active)}.sbb-breadcrumb{--sbb-link-text-decoration-line:none;color:var(--sbb-link-color-normal);-webkit-text-decoration-line:var(--sbb-link-text-decoration-line,underline);text-decoration-line:var(--sbb-link-text-decoration-line,underline);text-underline-offset:.3125em;text-decoration-thickness:.0625rem}@media (forced-colors:active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{cursor:var(--sbb-cursor-pointer);gap:var(--sbb-breadcrumb-gap);color:var(--sbb-breadcrumb-color);font-size:var(--sbb-breadcrumb-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);outline:none;align-items:center;display:flex;overflow:hidden}.sbb-breadcrumb: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);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-breadcrumb__label{display:none}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`, o = class extends i(t) {
+	static {
+		this.elementName = "sbb-breadcrumb";
+	}
+	static {
+		this.styles = [n, a];
+	}
+	renderTemplate() {
+		return r`
+      ${this.renderIconSlot("sbb-breadcrumb__icon")}
+      <span class="sbb-breadcrumb__label">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { o as t };

package/breadcrumb.js

@@ -1,8 +1,6 @@
-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 {
-  r as SbbBreadcrumbElement,
-  e as SbbBreadcrumbGroupElement
-};
+import { t as e } from "./breadcrumb-group.component-BA8KK3Om.js";
+import { t } from "./breadcrumb.component-DjkZzGJD.js";
+import "./breadcrumb.pure.js";
+t.define(), e.define();
+//#endregion
+export { t as SbbBreadcrumbElement, e as SbbBreadcrumbGroupElement };

package/breadcrumb.pure.js

@@ -1,6 +1,3 @@
-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
-};
+import { t as e } from "./breadcrumb-group.component-BA8KK3Om.js";
+import { t } from "./breadcrumb.component-DjkZzGJD.js";
+export { t as SbbBreadcrumbElement, e as SbbBreadcrumbGroupElement };

package/button/accent-button/accent-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 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 {
-  o as SbbAccentButtonElement
+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, buttonAccentStyle as i, buttonCommonStyle as a } from "../common.js";
+//#region src/elements/button/accent-button/accent-button.component.ts
+var o = class extends r(t(e)) {
+	static {
+		this.elementName = "sbb-accent-button";
+	}
+	static {
+		this.styles = [
+			n,
+			a,
+			i
+		];
+	}
 };
+//#endregion
+export { o as SbbAccentButtonElement };

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

@@ -1,15 +1,19 @@
-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 {
-  i as SbbAccentButtonLinkElement
+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, buttonAccentStyle as a, buttonCommonStyle as o } from "../common.js";
+//#region src/elements/button/accent-button-link/accent-button-link.component.ts
+var s = class extends i(t(n(e))) {
+	static {
+		this.elementName = "sbb-accent-button-link";
+	}
+	static {
+		this.styles = [
+			r,
+			o,
+			a
+		];
+	}
 };
+//#endregion
+export { s as SbbAccentButtonLinkElement };

package/button/accent-button-link.js

@@ -1,6 +1,6 @@
+import { SbbAccentButtonLinkElement as e } 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";
+//#region src/elements/button/accent-button-link.ts
 t.define();
-export {
-  m as SbbAccentButtonLinkElement
-};
+//#endregion
+export { e as SbbAccentButtonLinkElement };

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

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

package/button/accent-button-static.js

@@ -1,6 +1,6 @@
+import { SbbAccentButtonStaticElement as e } 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";
+//#region src/elements/button/accent-button-static.ts
 t.define();
-export {
-  o as SbbAccentButtonStaticElement
-};
+//#endregion
+export { e as SbbAccentButtonStaticElement };

package/button/accent-button.js

@@ -1,6 +1,6 @@
+import { SbbAccentButtonElement as e } 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";
+//#region src/elements/button/accent-button.ts
 t.define();
-export {
-  m as SbbAccentButtonElement
-};
+//#endregion
+export { e as SbbAccentButtonElement };

package/button/button/button.component.js

@@ -1,15 +1,19 @@
-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 {
-  i as SbbButtonElement
+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, buttonPrimaryStyle as a } from "../common.js";
+//#region src/elements/button/button/button.component.ts
+var o = class extends r(t(e)) {
+	static {
+		this.elementName = "sbb-button";
+	}
+	static {
+		this.styles = [
+			n,
+			i,
+			a
+		];
+	}
 };
+//#endregion
+export { o as SbbButtonElement };

package/button/button-link/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 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 {
-  i as SbbButtonLinkElement
+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, buttonPrimaryStyle as o } from "../common.js";
+//#region src/elements/button/button-link/button-link.component.ts
+var s = class extends i(t(n(e))) {
+	static {
+		this.elementName = "sbb-button-link";
+	}
+	static {
+		this.styles = [
+			r,
+			a,
+			o
+		];
+	}
 };
+//#endregion
+export { s as SbbButtonLinkElement };

package/button/button-link.js

@@ -1,6 +1,6 @@
+import { SbbButtonLinkElement as e } 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";
+//#region src/elements/button/button-link.ts
 t.define();
-export {
-  m as SbbButtonLinkElement
-};
+//#endregion
+export { e as SbbButtonLinkElement };

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

@@ -1,15 +1,19 @@
-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 {
-  i as SbbButtonStaticElement
+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, buttonPrimaryStyle as a } from "../common.js";
+//#region src/elements/button/button-static/button-static.component.ts
+var o = class extends r(t(e)) {
+	static {
+		this.elementName = "sbb-button-static";
+	}
+	static {
+		this.styles = [
+			n,
+			i,
+			a
+		];
+	}
 };
+//#endregion
+export { o as SbbButtonStaticElement };

package/button/button-static.js

@@ -1,6 +1,6 @@
+import { SbbButtonStaticElement as e } 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";
+//#region src/elements/button/button-static.ts
 t.define();
-export {
-  n as SbbButtonStaticElement
-};
+//#endregion
+export { e as SbbButtonStaticElement };