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

package/tabs/common/styles.js

@@ -1,5 +1,2 @@
-import { t, a as m } from "../../tab-label-common-D6k40yRU.js";
-export {
-  t as tabGroupCommonStyles,
-  m as tabLabelCommonStyles
-};
+import { n as e, t } from "../../styles-DpIXFSVm.js";
+export { e as tabGroupCommonStyles, t as tabLabelCommonStyles };

package/tabs/common.js

@@ -1,7 +1,5 @@
-import { t, a } from "../tab-label-common-D6k40yRU.js";
-console.warn(`The entrypoint '@sbb-esta/elements/tabs/common.js' has been deprecated.
-Use either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.`);
-export {
-  t as tabGroupCommonStyles,
-  a as tabLabelCommonStyles
-};
+import { n as e, t } from "../styles-DpIXFSVm.js";
+//#region src/elements/tabs/common.ts
+console.warn("The entrypoint '@sbb-esta/elements/tabs/common.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
+//#endregion
+export { e as tabGroupCommonStyles, t as tabLabelCommonStyles };

package/tabs/tab/tab.component.js

@@ -1,46 +1,2 @@
-import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
-import { css as i, html as a } from "lit";
-import { SbbElement as o } from "../../core/base-elements.js";
-const n = i`@charset "UTF-8";:host:after,:host:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}:host(: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)}:host(:not(:is(:state(active),[state--active]))){display:none!important}:host(:is(:state(active),[state--active])){display:block;opacity:1;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,height;transition-behavior:allow-discrete}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}`;
-let r = 0;
-const t = class t extends o {
-  constructor() {
-    super(...arguments), this._tabContentResizeObserver = new s(this, {
-      target: null,
-      skipInitial: !0,
-      callback: () => this._onTabContentElementResize()
-    });
-  }
-  /** The `sbb-tab-label` associated with the tab. */
-  get label() {
-    return this.previousElementSibling?.localName === "sbb-tab-label" ? this.previousElementSibling : null;
-  }
-  /** Get the parent `sbb-tab-group`. */
-  get group() {
-    return this.closest("sbb-tab-group");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id ||= `sbb-tab-${r++}`, this.tabIndex = 0, this.classList.add("sbb-scrollbar");
-  }
-  /** @internal */
-  activate() {
-    this.internals.states.add("active"), this._tabContentResizeObserver.observe(this);
-  }
-  /** @internal */
-  deactivate() {
-    this._tabContentResizeObserver.unobserve(this), this.internals.states.delete("active");
-  }
-  _onTabContentElementResize() {
-    this.group?.setTabContentHeight(Math.floor(this.getBoundingClientRect().height));
-  }
-  render() {
-    return a`<slot></slot>`;
-  }
-};
-t.elementName = "sbb-tab", t.role = "tabpanel", t.styles = n, t.events = {
-  active: "active"
-};
-let e = t;
-export {
-  e as SbbTabElement
-};
+import { t as e } from "../../tab.component-D8Rz05Fo.js";
+export { e as SbbTabElement };

package/tabs/tab-group/tab-group.component.js

@@ -1,167 +1,2 @@
-var T = (i) => {
-  throw TypeError(i);
-};
-var C = (i, s, a) => s.has(i) || T("Cannot " + a);
-var f = (i, s, a) => (C(i, s, "read from private field"), a ? a.call(i) : s.get(i)), m = (i, s, a) => s.has(i) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), r = (i, s, a, c) => (C(i, s, "write to private field"), c ? c.call(i, a) : s.set(i, a), a);
-import { __esDecorate as g, __runInitializers as b } from "tslib";
-import { ResizeController as $ } from "@lit-labs/observers/resize-controller.js";
-import { css as w, html as u } from "lit";
-import { property as p } from "lit/decorators.js";
-import { ref as L } from "lit/directives/ref.js";
-import { isArrowKeyPressed as A, getNextElementIndex as N } from "../../core/a11y.js";
-import { SbbElement as P } from "../../core/base-elements.js";
-import { forceType as H } from "../../core/decorators.js";
-import { isLean as R } from "../../core/dom.js";
-import { throttle as E } from "../../core/eventing.js";
-import { ɵstateController as D } from "../../core/mixins.js";
-import { boxSizingStyles as O } from "../../core/styles.js";
-import { tabGroupCommonStyles as G } from "../common/styles.js";
-const K = w`:host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-content-gap)}:host(:is(:state(initialized),[state--initialized])){--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) )}.sbb-tab-group-content{height:var(--sbb-tab-content-height);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}:host([fixed-height]) ::slotted(sbb-tab){height:100%;overflow:auto}`;
-let it = (() => {
-  var o, h, d, l;
-  let i = P, s, a = [], c = [], _, x = [], v = [], z, S = [], y = [];
-  return l = class extends i {
-    constructor() {
-      super();
-      m(this, o);
-      m(this, h);
-      m(this, d);
-      this._tabGroupResizeObserver = new $(this, {
-        target: null,
-        skipInitial: !0,
-        callback: () => this._onTabGroupElementResize()
-      }), r(this, o, b(this, a, R() ? "s" : "l")), r(this, h, (b(this, c), b(this, x, 0))), r(this, d, (b(this, v), b(this, S, !1))), this._onContentSlotChange = (b(this, y), () => {
-        this.labels.forEach((t) => t.linkToTab()), this.labels.find((t) => t.active)?.activate();
-      }), this._onLabelSlotChange = () => {
-        this.labels.forEach((t) => t.linkToTab()), this._ensureActiveTab();
-      }, this.addEventListener?.("keydown", (t) => this._handleKeyDown(t));
-    }
-    /**
-     * Size variant, either s, l or xl.
-     * @default 'l' / 's' (lean)
-     */
-    get size() {
-      return f(this, o);
-    }
-    set size(t) {
-      r(this, o, t);
-    }
-    /**
-     * Sets the initial tab. If it matches a disabled tab or exceeds the length of
-     * the tab group, the first enabled tab will be selected.
-     */
-    get initialSelectedIndex() {
-      return f(this, h);
-    }
-    set initialSelectedIndex(t) {
-      r(this, h, t);
-    }
-    /**
-     * If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.
-     * It enables controlling the height on the `sbb-tab-group` element.
-     * The content becomes scrollable on overflow.
-     */
-    get fixedHeight() {
-      return f(this, d);
-    }
-    set fixedHeight(t) {
-      r(this, d, t);
-    }
-    /** Gets the slotted `sbb-tab-label`s. */
-    get labels() {
-      return Array.from(this.children ?? []).filter((t) => /^sbb-tab-label$/u.test(t.localName));
-    }
-    /** Gets the slotted `sbb-tab`s. */
-    get tabs() {
-      return Array.from(this.children ?? []).filter((t) => /^sbb-tab$/u.test(t.localName));
-    }
-    firstUpdated(t) {
-      super.firstUpdated(t), this.labels.forEach((e) => e.linkToTab()), this._initSelection(), Promise.resolve().then(() => this.internals.states.add("initialized")), this._tabGroupResizeObserver.observe(this._tabGroupElement);
-    }
-    /**
-     * Disables a tab by index.
-     * @param index The index of the tab you want to disable.
-     */
-    disableTab(t) {
-      this.labels[t] && (this.labels[t].disabled = !0);
-    }
-    /**
-     * Enables a tab by index.
-     * @param index The index of the tab you want to enable.
-     */
-    enableTab(t) {
-      this.labels[t] && (this.labels[t].disabled = !1);
-    }
-    /**
-     * Activates a tab by index.
-     * @param index The index of the tab you want to activate.
-     */
-    activateTab(t) {
-      this.labels[t]?.activate();
-    }
-    _enabledTabs() {
-      return this.labels.filter((t) => (customElements.upgrade(t), !t.disabled));
-    }
-    _ensureActiveTab() {
-      this.internals.states.has("initialized") && !this.labels.some((t) => t.active) && this._initSelection();
-    }
-    _initSelection() {
-      const t = this.labels[this.initialSelectedIndex];
-      if (t && (customElements.upgrade(t), this.initialSelectedIndex >= 0 && this.initialSelectedIndex < this.labels.length && !t.disabled)) {
-        t.activate();
-        return;
-      }
-      this._enabledTabs()[0]?.activate();
-    }
-    _onTabGroupElementResize() {
-      const t = this.labels;
-      t.forEach((e) => {
-        D(e)?.toggle("has-divider", e === t[0] || e.offsetLeft === t[0].offsetLeft);
-      }), this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
-    }
-    _handleKeyDown(t) {
-      const e = this._enabledTabs();
-      if (!(!e || // don't trap nested handling
-      t.target !== this && t.target.parentElement !== this) && A(t)) {
-        const n = e.findIndex((k) => k.active), I = N(t, n, e.length);
-        e[I]?.activate(), e[I]?.focus(), t.preventDefault();
-      }
-    }
-    /**
-     * @internal
-     */
-    setTabContentHeight(t) {
-      this.style.setProperty("--sbb-tab-content-height", `${t}px`);
-    }
-    render() {
-      return u`
-      <div
-        class="sbb-tab-group"
-        role="tablist"
-        ${L((t) => this._tabGroupElement = t)}
-      >
-        <slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
-      </div>
-      ${this.fixedHeight ? u`<slot @slotchange=${E(this._onContentSlotChange, 150)}></slot>` : u`
-            <div class="sbb-tab-group-content">
-              <slot @slotchange=${E(this._onContentSlotChange, 150)}></slot>
-            </div>
-          `}
-    `;
-    }
-  }, o = new WeakMap(), h = new WeakMap(), d = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    s = [p()], _ = [H(), p({ attribute: "initial-selected-index", type: Number })], z = [H(), p({ attribute: "fixed-height", type: Boolean, reflect: !0 })], g(l, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, n) => {
-      e.size = n;
-    } }, metadata: t }, a, c), g(l, null, _, { kind: "accessor", name: "initialSelectedIndex", static: !1, private: !1, access: { has: (e) => "initialSelectedIndex" in e, get: (e) => e.initialSelectedIndex, set: (e, n) => {
-      e.initialSelectedIndex = n;
-    } }, metadata: t }, x, v), g(l, null, z, { kind: "accessor", name: "fixedHeight", static: !1, private: !1, access: { has: (e) => "fixedHeight" in e, get: (e) => e.fixedHeight, set: (e, n) => {
-      e.fixedHeight = n;
-    } }, metadata: t }, S, y), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.elementName = "sbb-tab-group", l.styles = [O, G, K], l.events = {
-    tabchange: "tabchange"
-  }, l;
-})();
-export {
-  it as SbbTabGroupElement
-};
+import { t as e } from "../../tab-group.component-nprcnwFB.js";
+export { e as SbbTabGroupElement };

package/tabs/tab-group.js

@@ -1,7 +1,4 @@
-import { SbbTabGroupElement as e } from "./tab-group/tab-group.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/tabs/tab-group.js' has been deprecated.
-Use either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.`);
-export {
-  e as SbbTabGroupElement
-};
+import { t as e } from "../tab-group.component-nprcnwFB.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-group.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
+//#endregion
+export { e as SbbTabGroupElement };

package/tabs/tab-label/tab-label.component.js

@@ -1,128 +1,2 @@
-var k = (a) => {
-  throw TypeError(a);
-};
-var w = (a, s, b) => s.has(a) || k("Cannot " + b);
-var v = (a, s, b) => (w(a, s, "read from private field"), b ? b.call(a) : s.get(a)), u = (a, s, b) => s.has(a) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, b), o = (a, s, b, h) => (w(a, s, "write to private field"), h ? h.call(a, b) : s.set(a, b), b);
-import { __esDecorate as m, __runInitializers as d } from "tslib";
-import { property as p } from "lit/decorators.js";
-import { unsafeStatic as S, html as T } from "lit/static-html.js";
-import { SbbElement as C } from "../../core/base-elements.js";
-import { SbbPropertyWatcherController as $ } from "../../core/controllers.js";
-import { forceType as I, omitEmptyConverter as B } from "../../core/decorators.js";
-import { SbbDisabledMixin as E } from "../../core/mixins.js";
-import { boxSizingStyles as N } from "../../core/styles.js";
-import { SbbIconNameMixin as A } from "../../icon.pure.js";
-import { tabLabelCommonStyles as G } from "../common/styles.js";
-import { css as M } from "lit";
-const j = M`:host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:"";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{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-tab-label-outline-border-radius-internal)}:host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}`;
-let V = (() => {
-  var n, r, c, i;
-  let a = E(A(C)), s, b = [], h = [], f, g = [], x = [], _, z = [], y = [];
-  return i = class extends a {
-    constructor() {
-      super();
-      u(this, n);
-      u(this, r);
-      u(this, c);
-      this._selected = !1, this._previousSize = null, o(this, n, d(this, b, "1")), o(this, r, (d(this, h), d(this, g, !1))), o(this, c, (d(this, x), d(this, z, ""))), d(this, y), this.addEventListener("click", () => this.activate()), this.addController(new $(this, () => this.group, {
-        size: (t) => {
-          this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = t?.size || null, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-        }
-      }));
-    }
-    /**
-     * The level will correspond to the heading tag generated in the title.
-     * Use this property to generate the appropriate header tag, taking SEO into consideration.
-     */
-    get level() {
-      return v(this, n);
-    }
-    set level(t) {
-      o(this, n, t);
-    }
-    /** Active tab state. */
-    get active() {
-      return v(this, r);
-    }
-    set active(t) {
-      o(this, r, t);
-    }
-    /** Amount displayed inside the tab. */
-    get amount() {
-      return v(this, c);
-    }
-    set amount(t) {
-      o(this, c, t);
-    }
-    /** Get the `sbb-tab` related to the `sbb-tab-label`. */
-    get tab() {
-      return this.nextElementSibling?.localName === "sbb-tab" ? this.nextElementSibling : null;
-    }
-    /** Get the parent `sbb-tab-group`. */
-    get group() {
-      return this.closest("sbb-tab-group");
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.slot = "tab-bar", this.tabIndex = this.active ? 0 : -1;
-    }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("active") && (this.internals.ariaSelected = `${this.active}`, this.active && !this.disabled ? this.activate() : this.deactivate()), t.has("disabled") && this.disabled && (this.tabIndex = -1, this.active && (this.deactivate(), this.group?.activateTab(0)));
-    }
-    /** Deactivate the tab. */
-    deactivate() {
-      this.active = !1, this.tab?.deactivate(), this._selected = !1, this.tabIndex = -1;
-    }
-    /** Select the tab, deactivating the current selected one, and dispatch the tabchange event. */
-    activate() {
-      if (this.disabled)
-        return;
-      const t = this.group?.labels || [], e = t.find((l) => l._selected);
-      e !== this && (e?.deactivate(), this.active = !0, this.tab?.activate(), this._selected = !0, this.tabIndex = 0, this.tab?.dispatchEvent(new Event("active", { bubbles: !0, composed: !0 })), this.group?.dispatchEvent(new CustomEvent("tabchange", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          activeIndex: t.findIndex((l) => l === this),
-          activeTabLabel: this,
-          activeTab: this.tab,
-          previousIndex: t.findIndex((l) => l === e),
-          previousTabLabel: e,
-          previousTab: e?.tab
-        }
-      })));
-    }
-    /**
-     * @internal
-     */
-    linkToTab() {
-      this.tab && (this.internals.ariaControlsElements = [this.tab]);
-    }
-    render() {
-      const t = `h${Number(this.level) < 7 ? this.level : "1"}`;
-      return T`
-        <${S(t)} class="sbb-tab-label">
-          <span class="sbb-tab-label__icon">
-            ${this.renderIconSlot()}
-          </span>
-          <span class="sbb-tab-label__text">
-            <slot></slot>
-          </span>
-          <p class="sbb-tab-label__amount">
-            <slot name="amount">${this.amount}</slot>
-          </p>
-        </${S(t)}>
-    `;
-    }
-  }, n = new WeakMap(), r = new WeakMap(), c = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    s = [p()], f = [I(), p({ reflect: !0, type: Boolean })], _ = [I(), p({ reflect: !0, converter: B })], m(i, null, s, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (e) => "level" in e, get: (e) => e.level, set: (e, l) => {
-      e.level = l;
-    } }, metadata: t }, b, h), m(i, null, f, { kind: "accessor", name: "active", static: !1, private: !1, access: { has: (e) => "active" in e, get: (e) => e.active, set: (e, l) => {
-      e.active = l;
-    } }, metadata: t }, g, x), m(i, null, _, { kind: "accessor", name: "amount", static: !1, private: !1, access: { has: (e) => "amount" in e, get: (e) => e.amount, set: (e, l) => {
-      e.amount = l;
-    } }, metadata: t }, z, y), t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), i.elementName = "sbb-tab-label", i.role = "tab", i.styles = [N, G, j], i;
-})();
-export {
-  V as SbbTabLabelElement
-};
+import { t as e } from "../../tab-label.component-BeLuYRBg.js";
+export { e as SbbTabLabelElement };

package/tabs/tab-label.js

@@ -1,7 +1,4 @@
-import { SbbTabLabelElement as e } from "./tab-label/tab-label.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/tabs/tab-label.js' has been deprecated.
-Use either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.`);
-export {
-  e as SbbTabLabelElement
-};
+import { t as e } from "../tab-label.component-BeLuYRBg.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-label.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
+//#endregion
+export { e as SbbTabLabelElement };

package/tabs/tab-nav-bar/tab-nav-bar.component.js

@@ -1,67 +1,2 @@
-var h = (t) => {
-  throw TypeError(t);
-};
-var m = (t, s, i) => s.has(t) || h("Cannot " + i);
-var d = (t, s, i) => (m(t, s, "read from private field"), i ? i.call(t) : s.get(t)), c = (t, s, i) => s.has(t) ? h("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, i), n = (t, s, i, o) => (m(t, s, "write to private field"), o ? o.call(t, i) : s.set(t, i), i);
-import { __runInitializers as u, __esDecorate as p } from "tslib";
-import { ResizeController as f } from "@lit-labs/observers/resize-controller.js";
-import { property as _ } from "lit/decorators.js";
-import { SbbElement as z } from "../../core/base-elements.js";
-import { isLean as g } from "../../core/dom/lean-context.js";
-import { SbbNamedSlotListMixin as y } from "../../core/mixins.js";
-import { boxSizingStyles as v } from "../../core/styles.js";
-import { tabLabelCommonStyles as E, tabGroupCommonStyles as C } from "../common/styles.js";
-import { css as S } from "lit";
-const L = S`:host{margin-block-end:var(--sbb-tab-group-content-gap)}.sbb-tab-nav-bar{list-style:none;margin:0;padding:0;font-size:inherit}`;
-let $ = (() => {
-  var l, r;
-  let t = y(z), s, i = [], o = [];
-  return r = class extends t {
-    constructor() {
-      super(...arguments);
-      c(this, l);
-      this.listChildLocalNames = ["a"], n(this, l, u(this, i, g() ? "s" : "l")), this._resizeController = (u(this, o), new f(this, {
-        target: null,
-        callback: () => this._onTabGroupElementResize()
-      })), this._listElement = null;
-    }
-    /**
-     * Size variant, either s, l or xl.
-     * @default 'l' / 's' (lean)
-     */
-    get size() {
-      return d(this, l);
-    }
-    set size(e) {
-      n(this, l, e);
-    }
-    _onTabGroupElementResize() {
-      this.listChildren.forEach((e) => {
-        e.assignedSlot?.parentElement?.toggleAttribute("data-has-divider", e === this.listChildren[0] || e.offsetLeft === this.listChildren[0].offsetLeft);
-      }), this.style.setProperty("--sbb-tab-group-width", `${this._listElement?.clientWidth}px`);
-    }
-    firstUpdated(e) {
-      super.firstUpdated(e), this._updateWidthObserver(), this.shadowRoot?.addEventListener("slotchange", () => this._updateWidthObserver());
-    }
-    _updateWidthObserver() {
-      const e = this.shadowRoot?.querySelector(`.${this.localName}`);
-      e && this._listElement !== e ? (this._listElement && this._resizeController.unobserve(this._listElement), this._listElement = e, this._resizeController.observe(e)) : !e && this._listElement && (this._resizeController.unobserve(this._listElement), this._listElement = null);
-    }
-    render() {
-      return this.renderList();
-    }
-  }, l = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    s = [_({ reflect: !0 })], p(r, null, s, { 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: e }, i, o), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), r.elementName = "sbb-tab-nav-bar", r.styles = [
-    v,
-    E,
-    C,
-    L
-  ], r.role = "navigation", r;
-})();
-export {
-  $ as SbbTabNavBarElement
-};
+import { t as e } from "../../tab-nav-bar.component-Du1JyNtu.js";
+export { e as SbbTabNavBarElement };

package/tabs/tab-nav-bar.js

@@ -1,7 +1,4 @@
-import { SbbTabNavBarElement as e } from "./tab-nav-bar/tab-nav-bar.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/tabs/tab-nav-bar.js' has been deprecated.
-Use either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.`);
-export {
-  e as SbbTabNavBarElement
-};
+import { t as e } from "../tab-nav-bar.component-Du1JyNtu.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-nav-bar.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
+//#endregion
+export { e as SbbTabNavBarElement };

package/tabs/tab.js

@@ -1,7 +1,4 @@
-import { SbbTabElement as e } from "./tab/tab.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/tabs/tab.js' has been deprecated.
-Use either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.`);
-export {
-  e as SbbTabElement
-};
+import { t as e } from "../tab.component-D8Rz05Fo.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
+//#endregion
+export { e as SbbTabElement };

package/tabs.js

@@ -1,17 +1,9 @@
-import { SbbTabGroupElement as e } from "./tabs/tab-group/tab-group.component.js";
-import { SbbTabLabelElement as m } from "./tabs/tab-label/tab-label.component.js";
-import { SbbTabNavBarElement as o } from "./tabs/tab-nav-bar/tab-nav-bar.component.js";
-import { SbbTabElement as b } from "./tabs/tab/tab.component.js";
-import { t as l, a as p } from "./tab-label-common-D6k40yRU.js";
-b.define();
-e.define();
-m.define();
-o.define();
-export {
-  b as SbbTabElement,
-  e as SbbTabGroupElement,
-  m as SbbTabLabelElement,
-  o as SbbTabNavBarElement,
-  l as tabGroupCommonStyles,
-  p as tabLabelCommonStyles
-};
+import { t as e } from "./tab-group.component-nprcnwFB.js";
+import { t } from "./tab-label.component-BeLuYRBg.js";
+import { t as n } from "./tab-nav-bar.component-Du1JyNtu.js";
+import { t as r } from "./tab.component-D8Rz05Fo.js";
+import { n as i, t as a } from "./styles-DpIXFSVm.js";
+import "./tabs.pure.js";
+r.define(), e.define(), t.define(), n.define();
+//#endregion
+export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, i as tabGroupCommonStyles, a as tabLabelCommonStyles };

package/tabs.pure.js

@@ -1,13 +1,6 @@
-import { SbbTabGroupElement as o } from "./tabs/tab-group/tab-group.component.js";
-import { SbbTabLabelElement as a } from "./tabs/tab-label/tab-label.component.js";
-import { SbbTabNavBarElement as r } from "./tabs/tab-nav-bar/tab-nav-bar.component.js";
-import { SbbTabElement as p } from "./tabs/tab/tab.component.js";
-import { t as S, a as f } from "./tab-label-common-D6k40yRU.js";
-export {
-  p as SbbTabElement,
-  o as SbbTabGroupElement,
-  a as SbbTabLabelElement,
-  r as SbbTabNavBarElement,
-  S as tabGroupCommonStyles,
-  f as tabLabelCommonStyles
-};
+import { t as e } from "./tab-group.component-nprcnwFB.js";
+import { t } from "./tab-label.component-BeLuYRBg.js";
+import { t as n } from "./tab-nav-bar.component-Du1JyNtu.js";
+import { t as r } from "./tab.component-D8Rz05Fo.js";
+import { n as i, t as a } from "./styles-DpIXFSVm.js";
+export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, i as tabGroupCommonStyles, a as tabLabelCommonStyles };