@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

package/tab-group.component-nprcnwFB.js

@@ -1,185 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o } from "./core/decorators.js";
-import { isLean as s } from "./core/dom.js";
-import { throttle as c } from "./core/eventing.js";
-import { ɵstateController as l } from "./core/mixins.js";
-import { boxSizingStyles as u } from "./core/styles.js";
-import { ResizeController as d } from "@lit-labs/observers/resize-controller.js";
-import { ref as f } from "lit/directives/ref.js";
-import { getNextElementIndex as p, isArrowKeyPressed as m } from "./core/a11y.js";
-import { tabGroupCommonStyles as h } from "./tabs/common/styles.js";
-//#region src/elements/tabs/tab-group/tab-group.scss?lit&inline
-var g = n`: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 n = a, _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			_ = [i()], b = [o(), i({
-				attribute: "initial-selected-index",
-				type: Number
-			})], C = [o(), i({
-				attribute: "fixed-height",
-				type: Boolean,
-				reflect: !0
-			})], e(this, null, _, {
-				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
-			}, v, y), e(this, null, b, {
-				kind: "accessor",
-				name: "initialSelectedIndex",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "initialSelectedIndex" in e,
-					get: (e) => e.initialSelectedIndex,
-					set: (e, t) => {
-						e.initialSelectedIndex = t;
-					}
-				},
-				metadata: t
-			}, x, S), e(this, null, C, {
-				kind: "accessor",
-				name: "fixedHeight",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "fixedHeight" in e,
-					get: (e) => e.fixedHeight,
-					set: (e, t) => {
-						e.fixedHeight = t;
-					}
-				},
-				metadata: t
-			}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-tab-group";
-		}
-		static {
-			this.styles = [
-				u,
-				h,
-				g
-			];
-		}
-		static {
-			this.events = { tabchange: "tabchange" };
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t;
-		get initialSelectedIndex() {
-			return this.#t;
-		}
-		set initialSelectedIndex(e) {
-			this.#t = e;
-		}
-		#n;
-		get fixedHeight() {
-			return this.#n;
-		}
-		set fixedHeight(e) {
-			this.#n = e;
-		}
-		get labels() {
-			return Array.from(this.children ?? []).filter((e) => /^sbb-tab-label$/u.test(e.localName));
-		}
-		get tabs() {
-			return Array.from(this.children ?? []).filter((e) => /^sbb-tab$/u.test(e.localName));
-		}
-		constructor() {
-			super(), this._tabGroupResizeObserver = new d(this, {
-				target: null,
-				skipInitial: !0,
-				callback: () => this._onTabGroupElementResize()
-			}), this.#e = t(this, v, s() ? "s" : "l"), this.#t = (t(this, y), t(this, x, 0)), this.#n = (t(this, S), t(this, w, !1)), this._onContentSlotChange = (t(this, T), () => {
-				this.labels.forEach((e) => e.linkToTab()), this.labels.find((e) => e.active)?.activate();
-			}), this._onLabelSlotChange = () => {
-				this.labels.forEach((e) => e.linkToTab()), this._ensureActiveTab();
-			}, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this.labels.forEach((e) => e.linkToTab()), this._initSelection(), Promise.resolve().then(() => this.internals.states.add("initialized")), this._tabGroupResizeObserver.observe(this._tabGroupElement);
-		}
-		disableTab(e) {
-			this.labels[e] && (this.labels[e].disabled = !0);
-		}
-		enableTab(e) {
-			this.labels[e] && (this.labels[e].disabled = !1);
-		}
-		activateTab(e) {
-			this.labels[e]?.activate();
-		}
-		_enabledTabs() {
-			return this.labels.filter((e) => (customElements.upgrade(e), !e.disabled));
-		}
-		_ensureActiveTab() {
-			this.internals.states.has("initialized") && !this.labels.some((e) => e.active) && this._initSelection();
-		}
-		_initSelection() {
-			let e = this.labels[this.initialSelectedIndex];
-			if (e && (customElements.upgrade(e), this.initialSelectedIndex >= 0 && this.initialSelectedIndex < this.labels.length && !e.disabled)) {
-				e.activate();
-				return;
-			}
-			this._enabledTabs()[0]?.activate();
-		}
-		_onTabGroupElementResize() {
-			let e = this.labels;
-			e.forEach((t) => {
-				l(t)?.toggle("has-divider", t === e[0] || t.offsetLeft === e[0].offsetLeft);
-			}), this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
-		}
-		_handleKeyDown(e) {
-			let t = this._enabledTabs();
-			if (!(!t || e.target !== this && e.target.parentElement !== this) && m(e)) {
-				let n = p(e, t.findIndex((e) => e.active), t.length);
-				t[n]?.activate(), t[n]?.focus(), e.preventDefault();
-			}
-		}
-		setTabContentHeight(e) {
-			this.style.setProperty("--sbb-tab-content-height", `${e}px`);
-		}
-		render() {
-			return r`
-      <div
-        class="sbb-tab-group"
-        role="tablist"
-        ${f((e) => this._tabGroupElement = e)}
-      >
-        <slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
-      </div>
-      ${this.fixedHeight ? r`<slot @slotchange=${c(this._onContentSlotChange, 150)}></slot>` : r`
-            <div class="sbb-tab-group-content">
-              <slot @slotchange=${c(this._onContentSlotChange, 150)}></slot>
-            </div>
-          `}
-    `;
-		}
-	};
-})();
-//#endregion
-export { _ as t };

package/tab-label.component-BeLuYRBg.js

@@ -1,165 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbElement as i } from "./core/base-elements.js";
-import { forceType as a, omitEmptyConverter as o } from "./core/decorators.js";
-import { SbbDisabledMixin as s } from "./core/mixins.js";
-import { boxSizingStyles as c } from "./core/styles.js";
-import { html as l, unsafeStatic as u } from "lit/static-html.js";
-import { SbbPropertyWatcherController as d } from "./core/controllers.js";
-import { tabLabelCommonStyles as f } from "./tabs/common/styles.js";
-import { SbbIconNameMixin as p } from "./icon.pure.js";
-//#region src/elements/tabs/tab-label/tab-label.scss?lit&inline
-var m = n`: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{align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);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);-webkit-text-decoration:var(--sbb-tab-label-text-decoration);text-decoration:var(--sbb-tab-label-text-decoration);margin:0;display:flex;position:relative}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{content:"";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;position:absolute;inset-block-end:0;inset-inline:0}: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:"";width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color);position:absolute;inset-block-end:0;inset-inline-start:0}: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{max-width:100%;display:inline-block;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{flex-shrink:0;display:flex}: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{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{color:var(--sbb-tab-label-amount-color);-webkit-text-decoration:var(--sbb-tab-label-text-decoration);text-decoration:var(--sbb-tab-label-text-decoration);margin:0;font-weight:400}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}`, h = (() => {
-	let n = s(p(i)), h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			h = [r()], v = [a(), r({
-				reflect: !0,
-				type: Boolean
-			})], x = [a(), r({
-				reflect: !0,
-				converter: o
-			})], e(this, null, h, {
-				kind: "accessor",
-				name: "level",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "level" in e,
-					get: (e) => e.level,
-					set: (e, t) => {
-						e.level = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "active",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "active" in e,
-					get: (e) => e.active,
-					set: (e, t) => {
-						e.active = t;
-					}
-				},
-				metadata: t
-			}, y, b), e(this, null, x, {
-				kind: "accessor",
-				name: "amount",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "amount" in e,
-					get: (e) => e.amount,
-					set: (e, t) => {
-						e.amount = t;
-					}
-				},
-				metadata: t
-			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-tab-label";
-		}
-		static {
-			this.role = "tab";
-		}
-		static {
-			this.styles = [
-				c,
-				f,
-				m
-			];
-		}
-		#e;
-		get level() {
-			return this.#e;
-		}
-		set level(e) {
-			this.#e = e;
-		}
-		#t;
-		get active() {
-			return this.#t;
-		}
-		set active(e) {
-			this.#t = e;
-		}
-		#n;
-		get amount() {
-			return this.#n;
-		}
-		set amount(e) {
-			this.#n = e;
-		}
-		get tab() {
-			return this.nextElementSibling?.localName === "sbb-tab" ? this.nextElementSibling : null;
-		}
-		get group() {
-			return this.closest("sbb-tab-group");
-		}
-		constructor() {
-			super(), this._selected = !1, this._previousSize = null, this.#e = t(this, g, "1"), this.#t = (t(this, _), t(this, y, !1)), this.#n = (t(this, b), t(this, S, "")), t(this, C), this.addEventListener("click", () => this.activate()), this.addController(new d(this, () => this.group, { size: (e) => {
-				this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e?.size || null, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-			} }));
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.slot = "tab-bar", this.tabIndex = this.active ? 0 : -1;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("active") && (this.internals.ariaSelected = `${this.active}`, this.active && !this.disabled ? this.activate() : this.deactivate()), e.has("disabled") && this.disabled && (this.tabIndex = -1, this.active && (this.deactivate(), this.group?.activateTab(0)));
-		}
-		deactivate() {
-			this.active = !1, this.tab?.deactivate(), this._selected = !1, this.tabIndex = -1;
-		}
-		activate() {
-			if (this.disabled) return;
-			let e = this.group?.labels || [], t = e.find((e) => e._selected);
-			t !== this && (t?.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: e.findIndex((e) => e === this),
-					activeTabLabel: this,
-					activeTab: this.tab,
-					previousIndex: e.findIndex((e) => e === t),
-					previousTabLabel: t,
-					previousTab: t?.tab
-				}
-			})));
-		}
-		linkToTab() {
-			this.tab && (this.internals.ariaControlsElements = [this.tab]);
-		}
-		render() {
-			let e = `h${Number(this.level) < 7 ? this.level : "1"}`;
-			return l`
-        <${u(e)} 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>
-        </${u(e)}>
-    `;
-		}
-	};
-})();
-//#endregion
-export { h as t };

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

@@ -1,81 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbElement as i } from "./core/base-elements.js";
-import { SbbNamedSlotListMixin as a } from "./core/mixins.js";
-import { boxSizingStyles as o } from "./core/styles.js";
-import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
-import { isLean as c } from "./core/dom/lean-context.js";
-import { tabGroupCommonStyles as l, tabLabelCommonStyles as u } from "./tabs/common/styles.js";
-//#region src/elements/tabs/tab-nav-bar/tab-nav-bar.scss?lit&inline
-var d = n`:host{margin-block-end:var(--sbb-tab-group-content-gap)}.sbb-tab-nav-bar{font-size:inherit;margin:0;padding:0;list-style:none}`, f = (() => {
-	let n = a(i), f, p = [], m = [];
-	return class extends n {
-		constructor() {
-			super(...arguments), this.listChildLocalNames = ["a"], this.#e = t(this, p, c() ? "s" : "l"), this._resizeController = (t(this, m), new s(this, {
-				target: null,
-				callback: () => this._onTabGroupElementResize()
-			})), this._listElement = null;
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [r({ reflect: !0 })], e(this, null, f, {
-				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
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-tab-nav-bar";
-		}
-		static {
-			this.styles = [
-				o,
-				u,
-				l,
-				d
-			];
-		}
-		static {
-			this.role = "navigation";
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = 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() {
-			let 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();
-		}
-	};
-})();
-//#endregion
-export { f as t };

package/tab.component-D8Rz05Fo.js

@@ -1,48 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { ResizeController as r } from "@lit-labs/observers/resize-controller.js";
-//#region src/elements/tabs/tab/tab.scss?lit&inline
-var i = e`:host:after,:host:before{content:" ";visibility:hidden;height:0;display:block;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])){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-behavior:allow-discrete;transition-property:opacity,height;display:block}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}`, a = 0, o = class extends n {
-	constructor() {
-		super(...arguments), this._tabContentResizeObserver = new r(this, {
-			target: null,
-			skipInitial: !0,
-			callback: () => this._onTabContentElementResize()
-		});
-	}
-	static {
-		this.elementName = "sbb-tab";
-	}
-	static {
-		this.role = "tabpanel";
-	}
-	static {
-		this.styles = i;
-	}
-	static {
-		this.events = { active: "active" };
-	}
-	get label() {
-		return this.previousElementSibling?.localName === "sbb-tab-label" ? this.previousElementSibling : null;
-	}
-	get group() {
-		return this.closest("sbb-tab-group");
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.id ||= `sbb-tab-${a++}`, this.tabIndex = 0, this.classList.add("sbb-scrollbar");
-	}
-	activate() {
-		this.internals.states.add("active"), this._tabContentResizeObserver.observe(this);
-	}
-	deactivate() {
-		this._tabContentResizeObserver.unobserve(this), this.internals.states.delete("active");
-	}
-	_onTabContentElementResize() {
-		this.group?.setTabContentHeight(Math.floor(this.getBoundingClientRect().height));
-	}
-	render() {
-		return t`<slot></slot>`;
-	}
-};
-//#endregion
-export { o as t };

package/table-wrapper.component-DkaL4T5V.js

@@ -1,83 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbElement as o } from "./core/base-elements.js";
-import { forceType as s } from "./core/decorators.js";
-import { SbbNegativeMixin as c } from "./core/mixins.js";
-import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
-//#region src/elements/table/table-wrapper/table-wrapper.scss?lit&inline
-var u = n`:host{display:block;overflow:auto}: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)}::slotted(.sbb-table){width:100%}`, d = (() => {
-	let n = c(o), d, f = [], p = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			d = [s(), a({
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, d, {
-				kind: "accessor",
-				name: "focusable",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "focusable" in e,
-					get: (e) => e.focusable,
-					set: (e, t) => {
-						e.focusable = t;
-					}
-				},
-				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-table-wrapper";
-		}
-		static {
-			this.role = "section";
-		}
-		static {
-			this.styles = u;
-		}
-		#e = t(this, f, !1);
-		get focusable() {
-			return this.#e;
-		}
-		set focusable(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), t(this, p), this.addController(new l(this, {
-				skipInitial: !0,
-				callback: () => this._checkHorizontalScrollbarOffset()
-			})), this.addEventListener?.("scroll", () => this._checkHorizontalScrollbarOffset(), { passive: !0 });
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._updateScrollbarClass();
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("focusable") && (this.focusable ? this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0") : this.removeAttribute("tabindex")), e.has("negative") && this._updateScrollbarClass();
-		}
-		_updateScrollbarClass() {
-			i || (this.negative ? (this.classList.remove("sbb-scrollbar-thick-track-visible"), this.classList.add("sbb-scrollbar-thick-negative-track-visible")) : (this.classList.remove("sbb-scrollbar-thick-negative-track-visible"), this.classList.add("sbb-scrollbar-thick-track-visible")));
-		}
-		_checkHorizontalScrollbarOffset() {
-			let e = this._calculateScrollOffset();
-			this.classList.remove("sbb-table-wrapper-offset-none", "sbb-table-wrapper-offset-left", "sbb-table-wrapper-offset-right", "sbb-table-wrapper-offset-both"), this.classList.add(`sbb-table-wrapper-offset-${e}`);
-		}
-		_calculateScrollOffset() {
-			if (this.scrollWidth === this.offsetWidth) return "none";
-			let e = this.scrollLeft === 0, t = this.scrollWidth - this.scrollLeft - this.offsetWidth <= 1;
-			return e ? t ? "none" : "right" : t ? "left" : "both";
-		}
-		render() {
-			return r`<slot></slot>`;
-		}
-	};
-})();
-//#endregion
-export { d as t };