@sbb-esta/lyne-elements 4.11.0 → 5.0.0-next.1

package/development/tab-label.component-Ggx6qaIk.js

@@ -0,0 +1,239 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbDisabledMixin, SbbElement, SbbPropertyWatcherController, boxSizingStyles, forceType, omitEmptyConverter } from "./core.js";
+import { html as html$1, unsafeStatic } from "lit/static-html.js";
+import { SbbIconNameMixin } from "./icon.pure.js";
+import { tabLabelCommonStyles } from "./tabs/common/styles.js";
+//#region src/elements/tabs/tab-label/tab-label.scss?inline
+var tab_label_default = ":host {\n  --sbb-tab-label-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  --sbb-tab-label-outline-border-radius-internal: calc(\n    var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset)\n  );\n}\n\n:host(:is(:is(:state(size-s),[state--size-s]), [size=s])) {\n  --sbb-tab-label-height: var(--sbb-size-element-xs);\n  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);\n  --sbb-tab-label-font-size: var(--sbb-text-font-size-s);\n}\n\n:host(:is(:is(:state(size-l),[state--size-l]), [size=l])) {\n  --sbb-tab-label-height: var(--sbb-size-element-m);\n  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);\n  --sbb-tab-label-font-size: var(--sbb-text-font-size-m);\n}\n\n:host(:is(:is(:state(size-xl),[state--size-xl]), [size=xl])) {\n  --sbb-tab-label-height: var(--sbb-size-element-m);\n  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);\n  --sbb-tab-label-font-size: var(--sbb-text-font-size-xl);\n}\n\n:host(sbb-tab-label),\n:host(sbb-tab-nav-bar) ::slotted(a) {\n  pointer-events: var(--sbb-tab-label-pointer-events, unset);\n}\n@media (forced-colors: active) {\n  :host(sbb-tab-label),\n  :host(sbb-tab-nav-bar) ::slotted(a) {\n    --sbb-tab-label-color: ButtonText;\n    --sbb-tab-label-amount-color: ButtonText;\n  }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a),\n:host(sbb-tab-label) .sbb-tab-label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--sbb-tab-label-gap);\n  color: var(--sbb-tab-label-color);\n  margin: 0;\n  padding-inline: var(--sbb-tab-label-inline-padding);\n  min-height: var(--sbb-tab-label-height);\n  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);\n  font-size: var(--sbb-tab-label-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  line-height: var(--sbb-typo-line-height-text);\n  font-weight: var(--sbb-tab-label-font-weight);\n  text-decoration: var(--sbb-tab-label-text-decoration);\n}\n:host(sbb-tab-nav-bar) ::slotted(a)::after,\n:host(sbb-tab-label) .sbb-tab-label::after {\n  position: absolute;\n  content: \"\";\n  inset-inline: 0;\n  inset-block-end: 0;\n  height: var(--sbb-tab-label-marker-thickness);\n  background-color: var(--sbb-tab-label-color);\n  scale: var(--sbb-tab-label-marker-scale, 0);\n  transition-duration: var(--sbb-tab-label-animation-duration);\n  transition-timing-function: var(--sbb-tab-label-animation-easing);\n  transition-property: scale, background-color;\n}\n\n:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider],\n:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])) {\n  position: relative;\n}\n:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider]::before,\n:host(sbb-tab-label:is(:state(has-divider),[state--has-divider]))::before {\n  content: \"\";\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-end: 0;\n  width: var(--sbb-tab-group-width);\n  height: var(--sbb-border-width-1x);\n  background-color: var(--sbb-tab-label-line-color);\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),\n:host(sbb-tab-label[disabled]) {\n  --sbb-tab-label-cursor: unset;\n  --sbb-tab-label-pointer-events: none;\n  --sbb-tab-label-text-decoration: line-through;\n}\n@media (forced-colors: active) {\n  :host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),\n  :host(sbb-tab-label[disabled]) {\n    --sbb-tab-label-color: GrayText;\n    --sbb-tab-label-amount-color: GrayText;\n  }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),\n:host(sbb-tab-label[active]:not([disabled])) {\n  --sbb-tab-label-color: var(--sbb-color-3);\n  --sbb-tab-label-cursor: unset;\n  --sbb-tab-label-pointer-events: none;\n  --sbb-tab-label-marker-scale: 1;\n}\n@media (forced-colors: active) {\n  :host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),\n  :host(sbb-tab-label[active]:not([disabled])) {\n    --sbb-tab-label-color: ButtonText;\n    --sbb-tab-label-amount-color: ButtonText;\n  }\n}\n\n@media (any-hover: hover) {\n  :host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),\n  :host(sbb-tab-label:hover:not([disabled])) {\n    --sbb-tab-label-marker-scale: 1;\n  }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),\n:host(sbb-tab-label:active) {\n  --sbb-tab-label-color: var(--sbb-color-3);\n}\n@media (forced-colors: active) {\n  :host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),\n  :host(sbb-tab-label:active) {\n    --sbb-tab-label-color: ButtonText;\n    --sbb-tab-label-amount-color: ButtonText;\n  }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),\n:host(sbb-tab-label:focus-visible) .sbb-tab-label {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n  border-radius: var(--sbb-tab-label-outline-border-radius-internal);\n}\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  outline: none !important;\n}\n\n.sbb-tab-label {\n  cursor: var(--sbb-tab-label-cursor);\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.sbb-tab-label__icon {\n  display: flex;\n  flex-shrink: 0;\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon {\n  display: none;\n}\n\n.sbb-tab-label__text {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text {\n  display: none;\n}\n\n.sbb-tab-label__amount {\n  margin: 0;\n  color: var(--sbb-tab-label-amount-color);\n  font-weight: normal;\n  text-decoration: var(--sbb-tab-label-text-decoration);\n}\n:host(:not(:is(:state(slotted-amount),[state--slotted-amount]), [amount])) .sbb-tab-label__amount {\n  display: none;\n}";
+//#endregion
+//#region src/elements/tabs/tab-label/tab-label.component.ts
+/**
+* Combined with a `sbb-tab-group`, it displays a tab's title.
+*
+* @slot - Use the unnamed slot to add content to the tab title.
+* @slot icon - Use this slot to display an icon to the left of the title, by providing the `sbb-icon` component.
+* @slot amount - Provide a number to show an amount to the right of the title.
+*/
+var SbbTabLabelElement = (() => {
+	let _classSuper = SbbDisabledMixin(SbbIconNameMixin(SbbElement));
+	let _level_decorators;
+	let _level_initializers = [];
+	let _level_extraInitializers = [];
+	let _active_decorators;
+	let _active_initializers = [];
+	let _active_extraInitializers = [];
+	let _amount_decorators;
+	let _amount_initializers = [];
+	let _amount_extraInitializers = [];
+	return class SbbTabLabelElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_level_decorators = [property()];
+			_active_decorators = [forceType(), property({
+				reflect: true,
+				type: Boolean
+			})];
+			_amount_decorators = [forceType(), property({
+				reflect: true,
+				converter: omitEmptyConverter
+			})];
+			__esDecorate(this, null, _level_decorators, {
+				kind: "accessor",
+				name: "level",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "level" in obj,
+					get: (obj) => obj.level,
+					set: (obj, value) => {
+						obj.level = value;
+					}
+				},
+				metadata: _metadata
+			}, _level_initializers, _level_extraInitializers);
+			__esDecorate(this, null, _active_decorators, {
+				kind: "accessor",
+				name: "active",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "active" in obj,
+					get: (obj) => obj.active,
+					set: (obj, value) => {
+						obj.active = value;
+					}
+				},
+				metadata: _metadata
+			}, _active_initializers, _active_extraInitializers);
+			__esDecorate(this, null, _amount_decorators, {
+				kind: "accessor",
+				name: "amount",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "amount" in obj,
+					get: (obj) => obj.amount,
+					set: (obj, value) => {
+						obj.amount = value;
+					}
+				},
+				metadata: _metadata
+			}, _amount_initializers, _amount_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-tab-label";
+		}
+		static {
+			this.role = "tab";
+		}
+		static {
+			this.styles = [
+				boxSizingStyles,
+				tabLabelCommonStyles,
+				unsafeCSS(tab_label_default)
+			];
+		}
+		#level_accessor_storage;
+		/**
+		* 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 this.#level_accessor_storage;
+		}
+		set level(value) {
+			this.#level_accessor_storage = value;
+		}
+		#active_accessor_storage;
+		/** Active tab state. */
+		get active() {
+			return this.#active_accessor_storage;
+		}
+		set active(value) {
+			this.#active_accessor_storage = value;
+		}
+		#amount_accessor_storage;
+		/** Amount displayed inside the tab. */
+		get amount() {
+			return this.#amount_accessor_storage;
+		}
+		set amount(value) {
+			this.#amount_accessor_storage = value;
+		}
+		/** 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");
+		}
+		constructor() {
+			super();
+			/** Whether the tab is selected. */
+			this._selected = false;
+			this._previousSize = null;
+			this.#level_accessor_storage = __runInitializers(this, _level_initializers, "1");
+			this.#active_accessor_storage = (__runInitializers(this, _level_extraInitializers), __runInitializers(this, _active_initializers, false));
+			this.#amount_accessor_storage = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _amount_initializers, ""));
+			__runInitializers(this, _amount_extraInitializers);
+			this.addEventListener("click", () => this.activate());
+			this.addController(new SbbPropertyWatcherController(this, () => this.group, { size: (g) => {
+				if (this._previousSize) this.internals.states.delete(`size-${this._previousSize}`);
+				this._previousSize = g?.size || null;
+				if (this._previousSize) this.internals.states.add(`size-${this._previousSize}`);
+			} }));
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.slot = "tab-bar";
+			this.tabIndex = this.active ? 0 : -1;
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("active")) {
+				this.internals.ariaSelected = `${this.active}`;
+				if (this.active && !this.disabled) this.activate();
+				else this.deactivate();
+			}
+			if (changedProperties.has("disabled") && this.disabled) {
+				this.tabIndex = -1;
+				if (this.active) {
+					this.deactivate();
+					this.group?.activateTab(0);
+				}
+			}
+		}
+		/** Deactivate the tab. */
+		deactivate() {
+			this.active = false;
+			this.tab?.["deactivate"]();
+			this._selected = false;
+			this.tabIndex = -1;
+		}
+		/** Select the tab, deactivating the current selected one, and dispatch the tabchange event. */
+		activate() {
+			if (this.disabled) return;
+			const tabLabels = this.group?.labels || [];
+			const prevActiveTabLabel = tabLabels.find((e) => e._selected);
+			if (prevActiveTabLabel !== this) {
+				prevActiveTabLabel?.deactivate();
+				this.active = true;
+				this.tab?.["activate"]();
+				this._selected = true;
+				this.tabIndex = 0;
+				this.tab?.dispatchEvent(new Event("active", {
+					bubbles: true,
+					composed: true
+				}));
+				this.group?.dispatchEvent(new CustomEvent("tabchange", {
+					bubbles: true,
+					composed: true,
+					detail: {
+						activeIndex: tabLabels.findIndex((e) => e === this),
+						activeTabLabel: this,
+						activeTab: this.tab,
+						previousIndex: tabLabels.findIndex((e) => e === prevActiveTabLabel),
+						previousTabLabel: prevActiveTabLabel,
+						previousTab: prevActiveTabLabel?.tab
+					}
+				}));
+			}
+		}
+		/**
+		* @internal
+		*/
+		linkToTab() {
+			if (!this.tab) return;
+			this.internals.ariaControlsElements = [this.tab];
+		}
+		render() {
+			const TAGNAME = `h${Number(this.level) < 7 ? this.level : "1"}`;
+			return html$1`
+        <${unsafeStatic(TAGNAME)} 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>
+        </${unsafeStatic(TAGNAME)}>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbTabLabelElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLmNvbXBvbmVudC1HZ3g2cWFJay5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItbGFiZWwvdGFiLWxhYmVsLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcbkB1c2UgJy4uL2NvbW1vbi90YWItbGFiZWwtY29tbW9uJyBhcyB0YWItbGFiZWwtY29tbW9uO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLnNiYi10YWItbGFiZWwge1xuICBjdXJzb3I6IHZhcigtLXNiYi10YWItbGFiZWwtY3Vyc29yKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5zYmItdGFiLWxhYmVsX19pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1pY29uKSwgOnN0YXRlKGhhcy1pY29uLW5hbWUpKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLXRhYi1sYWJlbF9fdGV4dCB7XG4gIEBpbmNsdWRlIHNiYi5lbGxpcHNpcztcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi10YWItbGFiZWxfX2Ftb3VudCB7XG4gIEBpbmNsdWRlIHRhYi1sYWJlbC1jb21tb24udGFiLWxhYmVsLWFtb3VudDtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWFtb3VudCksIFthbW91bnRdKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlU3RhdGljIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHtcbiAgYm94U2l6aW5nU3R5bGVzLFxuICBmb3JjZVR5cGUsXG4gIG9taXRFbXB0eUNvbnZlcnRlcixcbiAgU2JiRGlzYWJsZWRNaXhpbixcbiAgU2JiRWxlbWVudCxcbiAgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcixcbn0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uLy4uL3RpdGxlLnB1cmUudHMnO1xuaW1wb3J0IHsgdGFiTGFiZWxDb21tb25TdHlsZXMgfSBmcm9tICcuLi9jb21tb24vc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiRWxlbWVudCB9IGZyb20gJy4uL3RhYi90YWIuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiVGFiQ2hhbmdlZEV2ZW50RGV0YWlscyxcbiAgU2JiVGFiR3JvdXBFbGVtZW50LFxufSBmcm9tICcuLi90YWItZ3JvdXAvdGFiLWdyb3VwLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1sYWJlbC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItdGFiLWdyb3VwYCwgaXQgZGlzcGxheXMgYSB0YWIncyB0aXRsZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSB0YWIgdGl0bGUuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBkaXNwbGF5IGFuIGljb24gdG8gdGhlIGxlZnQgb2YgdGhlIHRpdGxlLCBieSBwcm92aWRpbmcgdGhlIGBzYmItaWNvbmAgY29tcG9uZW50LlxuICogQHNsb3QgYW1vdW50IC0gUHJvdmlkZSBhIG51bWJlciB0byBzaG93IGFuIGFtb3VudCB0byB0aGUgcmlnaHQgb2YgdGhlIHRpdGxlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGFiTGFiZWxFbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRNaXhpbihTYmJJY29uTmFtZU1peGluKFNiYkVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGFiLWxhYmVsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByb2xlID0gJ3RhYic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICBib3hTaXppbmdTdHlsZXMsXG4gICAgdGFiTGFiZWxDb21tb25TdHlsZXMsXG4gICAgdW5zYWZlQ1NTKHN0eWxlKSxcbiAgXTtcblxuICAvKiogV2hldGhlciB0aGUgdGFiIGlzIHNlbGVjdGVkLiAqL1xuICBwcml2YXRlIF9zZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU6IFNiYlRhYkdyb3VwRWxlbWVudFsnc2l6ZSddIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIFRoZSBsZXZlbCB3aWxsIGNvcnJlc3BvbmQgdG8gdGhlIGhlYWRpbmcgdGFnIGdlbmVyYXRlZCBpbiB0aGUgdGl0bGUuXG4gICAqIFVzZSB0aGlzIHByb3BlcnR5IHRvIGdlbmVyYXRlIHRoZSBhcHByb3ByaWF0ZSBoZWFkZXIgdGFnLCB0YWtpbmcgU0VPIGludG8gY29uc2lkZXJhdGlvbi5cbiAgICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBhY2Nlc3NvciBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICAvKiogQWN0aXZlIHRhYiBzdGF0ZS4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBBbW91bnQgZGlzcGxheWVkIGluc2lkZSB0aGUgdGFiLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFtb3VudDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEdldCB0aGUgYHNiYi10YWJgIHJlbGF0ZWQgdG8gdGhlIGBzYmItdGFiLWxhYmVsYC4gKi9cbiAgcHVibGljIGdldCB0YWIoKTogU2JiVGFiRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLm5leHRFbGVtZW50U2libGluZz8ubG9jYWxOYW1lID09PSAnc2JiLXRhYidcbiAgICAgID8gKHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nIGFzIFNiYlRhYkVsZW1lbnQpXG4gICAgICA6IG51bGw7XG4gIH1cblxuICAvKiogR2V0IHRoZSBwYXJlbnQgYHNiYi10YWItZ3JvdXBgLiAqL1xuICBwdWJsaWMgZ2V0IGdyb3VwKCk6IFNiYlRhYkdyb3VwRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi10YWItZ3JvdXAnKTtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0+IHRoaXMuYWN0aXZhdGUoKSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5ncm91cCwge1xuICAgICAgICBzaXplOiAoZykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c1NpemUpIHtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYHNpemUtJHt0aGlzLl9wcmV2aW91c1NpemV9YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzU2l6ZSA9IGc/LnNpemUgfHwgbnVsbDtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnNsb3QgPSAndGFiLWJhcic7XG4gICAgdGhpcy50YWJJbmRleCA9IHRoaXMuYWN0aXZlID8gMCA6IC0xO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdhY3RpdmUnKSkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gYCR7dGhpcy5hY3RpdmV9YDtcblxuICAgICAgaWYgKHRoaXMuYWN0aXZlICYmICF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgIHRoaXMuYWN0aXZhdGUoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuZGVhY3RpdmF0ZSgpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykgJiYgdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy50YWJJbmRleCA9IC0xO1xuICAgICAgaWYgKHRoaXMuYWN0aXZlKSB7XG4gICAgICAgIHRoaXMuZGVhY3RpdmF0ZSgpO1xuICAgICAgICB0aGlzLmdyb3VwPy5hY3RpdmF0ZVRhYigwKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAvKiogRGVhY3RpdmF0ZSB0aGUgdGFiLiAqL1xuICBwdWJsaWMgZGVhY3RpdmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZSA9IGZhbHNlO1xuICAgIHRoaXMudGFiPy5bJ2RlYWN0aXZhdGUnXSgpO1xuICAgIHRoaXMuX3NlbGVjdGVkID0gZmFsc2U7XG4gICAgdGhpcy50YWJJbmRleCA9IC0xO1xuICB9XG5cbiAgLyoqIFNlbGVjdCB0aGUgdGFiLCBkZWFjdGl2YXRpbmcgdGhlIGN1cnJlbnQgc2VsZWN0ZWQgb25lLCBhbmQgZGlzcGF0Y2ggdGhlIHRhYmNoYW5nZSBldmVudC4gKi9cbiAgcHVibGljIGFjdGl2YXRlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICBpZiAoaW1wb3J0Lm1ldGEuZW52LkRFVikge1xuICAgICAgICBjb25zb2xlLndhcm4oJ1lvdSBjYW5ub3QgYWN0aXZhdGUgYSBkaXNhYmxlZCB0YWInKTtcbiAgICAgIH1cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0YWJMYWJlbHM6IFNiYlRhYkxhYmVsRWxlbWVudFtdID0gdGhpcy5ncm91cD8ubGFiZWxzIHx8IFtdO1xuICAgIGNvbnN0IHByZXZBY3RpdmVUYWJMYWJlbCA9IHRhYkxhYmVscy5maW5kKChlKSA9PiBlLl9zZWxlY3RlZCk7XG4gICAgaWYgKHByZXZBY3RpdmVUYWJMYWJlbCAhPT0gdGhpcykge1xuICAgICAgcHJldkFjdGl2ZVRhYkxhYmVsPy5kZWFjdGl2YXRlKCk7XG4gICAgICB0aGlzLmFjdGl2ZSA9IHRydWU7XG4gICAgICB0aGlzLnRhYj8uWydhY3RpdmF0ZSddKCk7XG4gICAgICB0aGlzLl9zZWxlY3RlZCA9IHRydWU7XG4gICAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICAgIHRoaXMudGFiPy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnYWN0aXZlJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gICAgICB0aGlzLmdyb3VwPy5kaXNwYXRjaEV2ZW50KFxuICAgICAgICBuZXcgQ3VzdG9tRXZlbnQ8U2JiVGFiQ2hhbmdlZEV2ZW50RGV0YWlscz4oJ3RhYmNoYW5nZScsIHtcbiAgICAgICAgICBidWJibGVzOiB0cnVlLFxuICAgICAgICAgIGNvbXBvc2VkOiB0cnVlLFxuICAgICAgICAgIGRldGFpbDoge1xuICAgICAgICAgICAgYWN0aXZlSW5kZXg6IHRhYkxhYmVscy5maW5kSW5kZXgoKGUpID0+IGUgPT09IHRoaXMpLFxuICAgICAgICAgICAgYWN0aXZlVGFiTGFiZWw6IHRoaXMsXG4gICAgICAgICAgICBhY3RpdmVUYWI6IHRoaXMudGFiIGFzIFNiYlRhYkVsZW1lbnQsXG4gICAgICAgICAgICBwcmV2aW91c0luZGV4OiB0YWJMYWJlbHMuZmluZEluZGV4KChlKSA9PiBlID09PSBwcmV2QWN0aXZlVGFiTGFiZWwpLFxuICAgICAgICAgICAgcHJldmlvdXNUYWJMYWJlbDogcHJldkFjdGl2ZVRhYkxhYmVsLFxuICAgICAgICAgICAgcHJldmlvdXNUYWI6IHByZXZBY3RpdmVUYWJMYWJlbD8udGFiIGFzIFNiYlRhYkVsZW1lbnQsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHByb3RlY3RlZCBsaW5rVG9UYWIoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnRhYikge1xuICAgICAgaWYgKGltcG9ydC5tZXRhLmVudi5ERVYpIHtcbiAgICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICAgIGBNaXNzaW5nIGNvbnRlbnQ6IHlvdSBzaG91bGQgcHJvdmlkZSBhIHJlbGF0ZWQgY29udGVudCBmb3IgdGhlIHRhYiAke3RoaXMub3V0ZXJIVE1MfS5gLFxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmludGVybmFscy5hcmlhQ29udHJvbHNFbGVtZW50cyA9IFt0aGlzLnRhYl07XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUQUdOQU1FID0gYGgke051bWJlcih0aGlzLmxldmVsKSA8IDcgPyB0aGlzLmxldmVsIDogJzEnfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPCR7dW5zYWZlU3RhdGljKFRBR05BTUUpfSBjbGFzcz1cInNiYi10YWItbGFiZWxcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWItbGFiZWxfX2ljb25cIj5cbiAgICAgICAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10YWItbGFiZWxfX3RleHRcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHAgY2xhc3M9XCJzYmItdGFiLWxhYmVsX19hbW91bnRcIj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJhbW91bnRcIj4ke3RoaXMuYW1vdW50fTwvc2xvdD5cbiAgICAgICAgICA8L3A+XG4gICAgICAgIDwvJHt1bnNhZmVTdGF0aWMoVEFHTkFNRSl9PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWItbGFiZWwnOiBTYmJUYWJMYWJlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDOEJhLDRCQUFrQjttQkFBUyxpQkFBaUIsaUJBQWlCLFdBQVcsQ0FBQzs7Ozs7Ozs7OztjQUF6RSwyQkFBMkIsWUFBOEM7Ozt3QkFpQm5GLFVBQVUsQ0FBQTt5QkFHVixXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxNQUFNO0lBQVMsQ0FBQyxDQUFBO3lCQUkxQyxXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxXQUFXO0lBQW9CLENBQUMsQ0FBQTtBQVQvQyxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTtBQUtqQyxnQkFBQSxNQUFBLE1BQUEsb0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxZQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQU0sTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFOLFNBQU07O0tBQUE7SUFBQSxVQUFB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

package/development/tab-nav-bar.component-BTPTHy2C.js

@@ -0,0 +1,111 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, SbbNamedSlotListMixin, boxSizingStyles, isLean } from "./core.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { tabGroupCommonStyles, tabLabelCommonStyles } from "./tabs/common/styles.js";
+//#region src/elements/tabs/tab-nav-bar/tab-nav-bar.scss?inline
+var tab_nav_bar_default = ":host {\n  margin-block-end: var(--sbb-tab-group-content-gap);\n}\n\n.sbb-tab-nav-bar {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: inherit;\n}";
+//#endregion
+//#region src/elements/tabs/tab-nav-bar/tab-nav-bar.component.ts
+/**
+* It displays one or more tab-label-like elements, each one is an anchor element.
+*
+* @slot - Use the unnamed slot to add anchors.
+*/
+var SbbTabNavBarElement = (() => {
+	let _classSuper = SbbNamedSlotListMixin(SbbElement);
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	return class SbbTabNavBarElement extends _classSuper {
+		constructor() {
+			super(...arguments);
+			this.listChildLocalNames = ["a"];
+			this.#size_accessor_storage = __runInitializers(this, _size_initializers, isLean() ? "s" : "l");
+			this._resizeController = (__runInitializers(this, _size_extraInitializers), new ResizeController(this, {
+				target: null,
+				callback: () => this._onTabGroupElementResize()
+			}));
+			this._listElement = null;
+		}
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_size_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _size_decorators, {
+				kind: "accessor",
+				name: "size",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "size" in obj,
+					get: (obj) => obj.size,
+					set: (obj, value) => {
+						obj.size = value;
+					}
+				},
+				metadata: _metadata
+			}, _size_initializers, _size_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-tab-nav-bar";
+		}
+		static {
+			this.styles = [
+				boxSizingStyles,
+				tabLabelCommonStyles,
+				tabGroupCommonStyles,
+				unsafeCSS(tab_nav_bar_default)
+			];
+		}
+		static {
+			this.role = "navigation";
+		}
+		#size_accessor_storage;
+		/**
+		* Size variant, either s, l or xl.
+		* @default 'l' / 's' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		_onTabGroupElementResize() {
+			this.listChildren.forEach((anchor) => {
+				anchor.assignedSlot?.parentElement?.toggleAttribute("data-has-divider", anchor === this.listChildren[0] || anchor.offsetLeft === this.listChildren[0].offsetLeft);
+			});
+			this.style.setProperty("--sbb-tab-group-width", `${this._listElement?.clientWidth}px`);
+		}
+		firstUpdated(changedProperties) {
+			super.firstUpdated(changedProperties);
+			this._updateWidthObserver();
+			this.shadowRoot?.addEventListener("slotchange", () => this._updateWidthObserver());
+		}
+		_updateWidthObserver() {
+			const target = this.shadowRoot?.querySelector(`.${this.localName}`);
+			if (target && this._listElement !== target) {
+				if (this._listElement) this._resizeController.unobserve(this._listElement);
+				this._listElement = target;
+				this._resizeController.observe(target);
+			} else if (!target && this._listElement) {
+				this._resizeController.unobserve(this._listElement);
+				this._listElement = null;
+			}
+		}
+		render() {
+			return this.renderList();
+		}
+	};
+})();
+//#endregion
+export { SbbTabNavBarElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLW5hdi1iYXIuY29tcG9uZW50LUJUUFRIeTJDLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJzL3RhYi1uYXYtYmFyL3RhYi1uYXYtYmFyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLW5hdi1iYXIvdGFiLW5hdi1iYXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcCk7XG59XG5cbi5zYmItdGFiLW5hdi1iYXIge1xuICBAaW5jbHVkZSBzYmIubGlzdC1yZXNldDtcbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzLCBpc0xlYW4sIFNiYkVsZW1lbnQsIFNiYk5hbWVkU2xvdExpc3RNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgdGFiR3JvdXBDb21tb25TdHlsZXMsIHRhYkxhYmVsQ29tbW9uU3R5bGVzIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1uYXYtYmFyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBvbmUgb3IgbW9yZSB0YWItbGFiZWwtbGlrZSBlbGVtZW50cywgZWFjaCBvbmUgaXMgYW4gYW5jaG9yIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW5jaG9ycy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYk5hdkJhckVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRhYi1uYXYtYmFyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICB0YWJMYWJlbENvbW1vblN0eWxlcyxcbiAgICB0YWJHcm91cENvbW1vblN0eWxlcyxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnbmF2aWdhdGlvbic7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbJ2EnXTtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgcywgbCBvciB4bC5cbiAgICogQGRlZmF1bHQgJ2wnIC8gJ3MnIChsZWFuKVxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ2wnIHwgJ3hsJyA9IGlzTGVhbigpID8gJ3MnIDogJ2wnO1xuXG4gIHByaXZhdGUgX3Jlc2l6ZUNvbnRyb2xsZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9vblRhYkdyb3VwRWxlbWVudFJlc2l6ZSgpLFxuICB9KTtcblxuICBwcml2YXRlIF9saXN0RWxlbWVudDogRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX29uVGFiR3JvdXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIHRoaXMubGlzdENoaWxkcmVuLmZvckVhY2goKGFuY2hvcikgPT4ge1xuICAgICAgYW5jaG9yLmFzc2lnbmVkU2xvdD8ucGFyZW50RWxlbWVudD8udG9nZ2xlQXR0cmlidXRlKFxuICAgICAgICAnZGF0YS1oYXMtZGl2aWRlcicsXG4gICAgICAgIGFuY2hvciA9PT0gdGhpcy5saXN0Q2hpbGRyZW5bMF0gfHwgYW5jaG9yLm9mZnNldExlZnQgPT09IHRoaXMubGlzdENoaWxkcmVuWzBdLm9mZnNldExlZnQsXG4gICAgICApO1xuICAgIH0pO1xuXG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItdGFiLWdyb3VwLXdpZHRoJywgYCR7dGhpcy5fbGlzdEVsZW1lbnQ/LmNsaWVudFdpZHRofXB4YCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl91cGRhdGVXaWR0aE9ic2VydmVyKCk7XG5cbiAgICAvLyBXaGVuZXZlciBzbG90dGVkIGVsZW1lbnQgY2hhbmdlLCB0aGUgdGFyZ2V0IHRvIG9ic2VydmUgbWlnaHQgY2hhbmdlIGFzIHdlbGxcbiAgICAvLyAoY2hhbmdlIGZyb20gc2luZ2xlIHRvIG11bHRpcGxlIGVsZW1lbnRzIG9yIHZpY2UgdmVyc2EpLlxuICAgIHRoaXMuc2hhZG93Um9vdD8uYWRkRXZlbnRMaXN0ZW5lcignc2xvdGNoYW5nZScsICgpID0+IHRoaXMuX3VwZGF0ZVdpZHRoT2JzZXJ2ZXIoKSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVXaWR0aE9ic2VydmVyKCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcihgLiR7dGhpcy5sb2NhbE5hbWV9YCk7XG5cbiAgICBpZiAodGFyZ2V0ICYmIHRoaXMuX2xpc3RFbGVtZW50ICE9PSB0YXJnZXQpIHtcbiAgICAgIGlmICh0aGlzLl9saXN0RWxlbWVudCkge1xuICAgICAgICB0aGlzLl9yZXNpemVDb250cm9sbGVyLnVub2JzZXJ2ZSh0aGlzLl9saXN0RWxlbWVudCk7XG4gICAgICB9XG4gICAgICB0aGlzLl9saXN0RWxlbWVudCA9IHRhcmdldDtcbiAgICAgIHRoaXMuX3Jlc2l6ZUNvbnRyb2xsZXIub2JzZXJ2ZSh0YXJnZXQpO1xuICAgIH0gZWxzZSBpZiAoIXRhcmdldCAmJiB0aGlzLl9saXN0RWxlbWVudCkge1xuICAgICAgdGhpcy5fcmVzaXplQ29udHJvbGxlci51bm9ic2VydmUodGhpcy5fbGlzdEVsZW1lbnQpO1xuICAgICAgdGhpcy5fbGlzdEVsZW1lbnQgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiB0aGlzLnJlbmRlckxpc3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYi1uYXYtYmFyJzogU2JiVGFiTmF2QmFyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUNjYSw2QkFBbUI7bUJBQVMsc0JBQXNCLFdBQVc7Ozs7Y0FBN0QsNEJBQTRCLFlBQWlDOzs7QUFVckQsUUFBQSxzQkFBc0IsQ0FBQyxJQUFJO0FBTzlCLFNBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBeUIsUUFBUSxHQUFHLE1BQU0sSUFBRztBQUVyRCxRQUFBLHFCQUFpQixrQkFBQSxNQUFBLHdCQUFBLEVBQUcsSUFBSSxpQkFBaUIsTUFBTTtJQUNyRCxRQUFRO0lBQ1IsZ0JBQWdCLEtBQUssMEJBQUE7SUFDdEIsQ0FBQztBQUVNLFFBQUEsZUFBK0I7Ozs7dUJBUnRDLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBQzVCLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBOzs7Ozs7Ozs7QUFoQlksUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUI7SUFDOUM7SUFDQTtJQUNBO0lBQ0EsVUFBVSxvQkFBQTtJQUNYOzs7QUFDK0IsUUFBQSxPQUFPOztFQVN2Qzs7Ozs7RUFBQSxJQUFnQixPQUFJO0FBQUEsVUFBQSxNQUFBOztFQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSxTQUFBLHdCQUFBOztFQVNaLDJCQUF3QjtBQUM5QixRQUFLLGFBQWEsU0FBUyxXQUFVO0FBQ25DLFdBQU8sY0FBYyxlQUFlLGdCQUNsQyxvQkFDQSxXQUFXLEtBQUssYUFBYSxNQUFNLE9BQU8sZUFBZSxLQUFLLGFBQWEsR0FBRyxXQUMvRTtLQUNEO0FBRUYsUUFBSyxNQUFNLFlBQVkseUJBQXlCLEdBQUcsS0FBSyxjQUFjLFlBQVcsSUFBSzs7RUFHckUsYUFBYSxtQkFBdUM7QUFDckUsU0FBTSxhQUFhLGtCQUFrQjtBQUVyQyxRQUFLLHNCQUFzQjtBQUkzQixRQUFLLFlBQVksaUJBQWlCLG9CQUFvQixLQUFLLHNCQUFzQixDQUFDOztFQUc1RSx1QkFBb0I7R0FDMUIsTUFBTSxTQUFTLEtBQUssWUFBWSxjQUFjLElBQUksS0FBSyxZQUFZO0FBRW5FLE9BQUksVUFBVSxLQUFLLGlCQUFpQixRQUFRO0FBQzFDLFFBQUksS0FBSyxhQUNQLE1BQUssa0JBQWtCLFVBQVUsS0FBSyxhQUFhO0FBRXJELFNBQUssZUFBZTtBQUNwQixTQUFLLGtCQUFrQixRQUFRLE9BQU87Y0FDN0IsQ0FBQyxVQUFVLEtBQUssY0FBYztBQUN2QyxTQUFLLGtCQUFrQixVQUFVLEtBQUssYUFBYTtBQUNuRCxTQUFLLGVBQWU7OztFQUlMLFNBQU07QUFDdkIsVUFBTyxLQUFLLFlBQVkifQ==

package/development/tab.component-BVhYPy5Y.js

@@ -0,0 +1,68 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement, hostScrollbarStyles } from "./core.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+//#region src/elements/tabs/tab/tab.scss?inline
+var tab_default = "@charset \"UTF-8\";\n:host::after, :host::before {\n  content: \"\xA0\";\n  display: block;\n  visibility: hidden;\n  height: 0;\n  overflow: hidden;\n}\n\n:host(:focus-visible) {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}\n\n:host(:not(:is(:state(active),[state--active]))) {\n  display: none !important;\n}\n\n:host(:is(:state(active),[state--active])) {\n  display: block;\n  opacity: 1;\n  transition-duration: var(--sbb-tab-group-animation-duration);\n  transition-delay: var(--sbb-tab-group-animation-duration);\n  transition-timing-function: var(--sbb-animation-easing);\n  transition-property: opacity, height;\n  transition-behavior: allow-discrete;\n}\n@starting-style {\n  :host(:is(:state(active),[state--active])) {\n    opacity: 0;\n  }\n}";
+//#endregion
+//#region src/elements/tabs/tab/tab.component.ts
+/**
+* Combined with a `sbb-tab-group` and `sbb-tab-label`, it displays a tab's content.
+*
+* @slot - Use the unnamed slot to provide content.
+* @event {Event} active - The `active` event fires when the sbb-tab has been activated via user selection on the sbb-tab-label.
+*/
+var SbbTabElement = class extends SbbElement {
+	constructor() {
+		super(...arguments);
+		this._tabContentResizeObserver = new ResizeController(this, {
+			target: null,
+			skipInitial: true,
+			callback: () => this._onTabContentElementResize()
+		});
+	}
+	static {
+		this.elementName = "sbb-tab";
+	}
+	static {
+		this.role = "tabpanel";
+	}
+	static {
+		this.styles = [hostScrollbarStyles, unsafeCSS(tab_default)];
+	}
+	static {
+		this.events = { active: "active" };
+	}
+	/** 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.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 html`<slot></slot>`;
+	}
+};
+//#endregion
+export { SbbTabElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC1CVmhZUHk1WS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWIvdGFiLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBAaW5jbHVkZSBzYmIuaWdub3JlLWNoaWxkcmVuLW1hcmdpbjtcbn1cblxuOmhvc3QoOmZvY3VzLXZpc2libGUpIHtcbiAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG59XG5cbjpob3N0KDpub3QoOnN0YXRlKGFjdGl2ZSkpKSB7XG4gIC8vIFdlIHdhbnQgdGhhdCBhIGNvbnN1bWVyIGNhbiBoYXZlIGEgZGlmZmVyZW50IGRpc3BsYXkgcHJvcGVydHkgb24gdGhlIHRhYiwgZS5nLiBmbGV4LCBncmlkLCBldGMuXG4gIC8vIEJ1dCBpZiB0aGUgdGFiIGlzIG5vdCBhY3RpdmUsIGRpc3BsYXk6IG5vbmUgc2hvdWxkIGFsd2F5cyB3aW4uXG4gIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG9wYWNpdHk6IDE7XG4gIHRyYW5zaXRpb246IHtcbiAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRhYi1ncm91cC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIGRlbGF5OiB2YXIoLS1zYmItdGFiLWdyb3VwLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IG9wYWNpdHksIGhlaWdodDtcbiAgfVxuXG4gIC8vIEV4cGVyaW1lbnRhbCBwcm9wZXJ0eSwgYnV0IHN1cHBvcnRlZCBpbiBldmVyeSBtYWpvciBicm93c2VyLlxuICB0cmFuc2l0aW9uLWJlaGF2aW9yOiBhbGxvdy1kaXNjcmV0ZTtcblxuICAvLyBFeHBlcmltZW50YWwgcHJvcGVydHksIGN1cnJlbnRseSBzdXBwb3J0ZWQgaW4gZXZlcnkgbWFqb3IgYnJvd3NlciBleGNlcHQgRmlyZWZveC5cbiAgQHN0YXJ0aW5nLXN0eWxlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBob3N0U2Nyb2xsYmFyU3R5bGVzLCBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhYkdyb3VwRWxlbWVudCB9IGZyb20gJy4uL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXRhYi1ncm91cGAgYW5kIGBzYmItdGFiLWxhYmVsYCwgaXQgZGlzcGxheXMgYSB0YWIncyBjb250ZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBjb250ZW50LlxuICogQGV2ZW50IHtFdmVudH0gYWN0aXZlIC0gVGhlIGBhY3RpdmVgIGV2ZW50IGZpcmVzIHdoZW4gdGhlIHNiYi10YWIgaGFzIGJlZW4gYWN0aXZhdGVkIHZpYSB1c2VyIHNlbGVjdGlvbiBvbiB0aGUgc2JiLXRhYi1sYWJlbC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYkVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJvbGUgPSAndGFicGFuZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbaG9zdFNjcm9sbGJhclN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGFjdGl2ZTogJ2FjdGl2ZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgcHJpdmF0ZSBfdGFiQ29udGVudFJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25UYWJDb250ZW50RWxlbWVudFJlc2l6ZSgpLFxuICB9KTtcblxuICAvKiogVGhlIGBzYmItdGFiLWxhYmVsYCBhc3NvY2lhdGVkIHdpdGggdGhlIHRhYi4gKi9cbiAgcHVibGljIGdldCBsYWJlbCgpOiBTYmJUYWJMYWJlbEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nPy5sb2NhbE5hbWUgPT09ICdzYmItdGFiLWxhYmVsJ1xuICAgICAgPyAodGhpcy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nIGFzIFNiYlRhYkxhYmVsRWxlbWVudClcbiAgICAgIDogbnVsbDtcbiAgfVxuXG4gIC8qKiBHZXQgdGhlIHBhcmVudCBgc2JiLXRhYi1ncm91cGAuICovXG4gIHB1YmxpYyBnZXQgZ3JvdXAoKTogU2JiVGFiR3JvdXBFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuY2xvc2VzdCgnc2JiLXRhYi1ncm91cCcpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy50YWJJbmRleCA9IDA7XG5cbiAgICAvLyBXaGVuIGluY2x1ZGluZyB0aGUgc2Nyb2xsYmFyIHN0eWxlcyBvbiB0aGUgaG9zdCwgdGhlcmUgaXMgbm8gaG92ZXIgZWZmZWN0IG9mIHRoZSBzY3JvbGxiYXIgcG9zc2libGUuXG4gICAgLy8gSW4gbW9zdCBjYXNlcywgdGhlIGNvbXBvbmVudCB3aWxsIGJlIHVzZWQgaW4gTGlnaHQgRE9NLiBUbyBhbHNvIHN1cHBvcnQgdGhlIGhvdmVyIGVmZmVjdCxcbiAgICAvLyB3ZSBhZGRpdGlvbmFsbHkgYWRkIHRoZSBgc2JiLXNjcm9sbGJhcmAgQ1NTIGNsYXNzIHRvIHRoZSBob3N0LlxuICAgIC8vIFRoaXMgaXMgYW4gZXhjZXB0aW9uIGFzIHdlIG5vcm1hbGx5IGRvbid0IGFsdGVyIHRoZSBjbGFzc0xpc3Qgb2YgdGhlIGhvc3QuXG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyJyk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHByb3RlY3RlZCBhY3RpdmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKCdhY3RpdmUnKTtcbiAgICB0aGlzLl90YWJDb250ZW50UmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzKTtcbiAgfVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIGRlYWN0aXZhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5fdGFiQ29udGVudFJlc2l6ZU9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzKTtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdhY3RpdmUnKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uVGFiQ29udGVudEVsZW1lbnRSZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5ncm91cD8uWydzZXRUYWJDb250ZW50SGVpZ2h0J10oTWF0aC5mbG9vcih0aGlzLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWInOiBTYmJUYWJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUNlQSxJQUFhLGdCQUFiLGNBQW1DLFdBQVU7Q0FBN0MsY0FBQTs7QUFRVSxPQUFBLDRCQUE0QixJQUFJLGlCQUFpQixNQUFNO0dBQzdELFFBQVE7R0FDUixhQUFhO0dBQ2IsZ0JBQWdCLEtBQUssNEJBQUE7R0FDdEIsQ0FBQzs7O0FBWDhCLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLE9BQU87OztBQUNQLE9BQUEsU0FBeUIsQ0FBQyxxQkFBcUIsVUFBVSxZQUFNLENBQUM7OztBQUNoRSxPQUFBLFNBQVMsRUFDOUIsUUFBUSxVQUNBOzs7Q0FTVixJQUFXLFFBQUs7QUFDZCxTQUFPLEtBQUssd0JBQXdCLGNBQWMsa0JBQzdDLEtBQUsseUJBQ047OztDQUlOLElBQVcsUUFBSztBQUNkLFNBQU8sS0FBSyxRQUFRLGdCQUFnQjs7Q0FHdEIsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBQ3pCLE9BQUssV0FBVztBQU1oQixPQUFLLFVBQVUsSUFBSSxnQkFBZ0I7OztDQUkzQixXQUFRO0FBQ2hCLE9BQUssVUFBVSxPQUFPLElBQUksU0FBUztBQUNuQyxPQUFLLDBCQUEwQixRQUFRLEtBQUs7OztDQUlwQyxhQUFVO0FBQ2xCLE9BQUssMEJBQTBCLFVBQVUsS0FBSztBQUM5QyxPQUFLLFVBQVUsT0FBTyxPQUFPLFNBQVM7O0NBR2hDLDZCQUEwQjtBQUNoQyxPQUFLLFFBQVEsdUJBQXVCLEtBQUssTUFBTSxLQUFLLHVCQUF1QixDQUFDLE9BQU8sQ0FBQzs7Q0FHbkUsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==

package/development/table/table-wrapper/table-wrapper.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbElement } from '../../core/base-elements.ts';
-declare const SbbTableWrapperElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbElement;
+import { SbbElement } from '../../core.ts';
+declare const SbbTableWrapperElement_base: import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbNegativeMixinType> & typeof SbbElement;
 /**
  * Wraps a table to enhance its functionality.
  *

package/development/table/table-wrapper/table-wrapper.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-wrapper.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/table-wrapper/table-wrapper.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;;AAMzD;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,2BAA4B;IACtE,gBAAgC,WAAW,EAAE,MAAM,CAAuB;IAC1E,gBAAgC,IAAI,aAAa;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAoB;IAEjE,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,OAAO,CAAS;;IAgB3B,iBAAiB,IAAI,IAAI;cAStB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkB5E,OAAO,CAAC,qBAAqB;IAa7B;;;OAGG;IACH,OAAO,CAAC,+BAA+B;IAWvC,OAAO,CAAC,sBAAsB;cAeX,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"table-wrapper.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/table-wrapper/table-wrapper.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAkC,UAAU,EAAoB,MAAM,eAAe,CAAC;;AAI7F;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,2BAA4B;IACtE,gBAAgC,WAAW,EAAE,MAAM,CAAuB;IAC1E,gBAAgC,IAAI,aAAa;IACjD,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAExF,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,OAAO,CAAS;;IAgB3B,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkB5E,OAAO,CAAC,qBAAqB;IAa7B;;;OAGG;IACH,OAAO,CAAC,+BAA+B;IAWvC,OAAO,CAAC,sBAAsB;cAeX,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/table/table-wrapper/table-wrapper.component.js

@@ -1,2 +1,2 @@
-import { t as SbbTableWrapperElement } from "../../table-wrapper.component-D1p7kqCB.js";
+import { t as SbbTableWrapperElement } from "../../table-wrapper.component-DcLwEDzr.js";
 export { SbbTableWrapperElement };

package/development/table-wrapper.component-DcLwEDzr.js

@@ -0,0 +1,119 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, isServer, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, SbbNegativeMixin, forceType, hostScrollbarStyles } from "./core.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+//#region src/elements/table/table-wrapper/table-wrapper.scss?inline
+var table_wrapper_default = ":host {\n  display: block;\n  overflow: auto;\n  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);\n  --sbb-scrollbar-thumb-width: 0.5rem;\n  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);\n  --sbb-scrollbar-width-firefox: auto;\n  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);\n  --sbb-scrollbar-color: light-dark(\n    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),\n    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)\n  );\n  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);\n  --sbb-scrollbar-color-hover: light-dark(\n    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),\n    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)\n  );\n  --sbb-scrollbar-track-color: var(--sbb-background-color-4);\n}\n\n:host(:focus-visible) {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}\n\n::slotted(.sbb-table) {\n  width: 100%;\n}\n\n:host([negative]) {\n  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);\n  --sbb-scrollbar-thumb-width: 0.5rem;\n  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);\n  --sbb-scrollbar-width-firefox: auto;\n  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);\n  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);\n  --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);\n}";
+//#endregion
+//#region src/elements/table/table-wrapper/table-wrapper.component.ts
+/**
+* Wraps a table to enhance its functionality.
+*
+* @slot - Use the unnamed slot to add the table.
+*/
+var SbbTableWrapperElement = (() => {
+	let _classSuper = SbbNegativeMixin(SbbElement);
+	let _focusable_decorators;
+	let _focusable_initializers = [];
+	let _focusable_extraInitializers = [];
+	return class SbbTableWrapperElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_focusable_decorators = [forceType(), property({
+				reflect: true,
+				type: Boolean
+			})];
+			__esDecorate(this, null, _focusable_decorators, {
+				kind: "accessor",
+				name: "focusable",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "focusable" in obj,
+					get: (obj) => obj.focusable,
+					set: (obj, value) => {
+						obj.focusable = value;
+					}
+				},
+				metadata: _metadata
+			}, _focusable_initializers, _focusable_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-table-wrapper";
+		}
+		static {
+			this.role = "section";
+		}
+		static {
+			this.styles = [hostScrollbarStyles, unsafeCSS(table_wrapper_default)];
+		}
+		#focusable_accessor_storage = __runInitializers(this, _focusable_initializers, false);
+		/** Whether the table wrapper is focusable. */
+		get focusable() {
+			return this.#focusable_accessor_storage;
+		}
+		set focusable(value) {
+			this.#focusable_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			__runInitializers(this, _focusable_extraInitializers);
+			this.addController(new ResizeController(this, {
+				skipInitial: true,
+				callback: () => this._checkHorizontalScrollbarOffset()
+			}));
+			this.addEventListener?.("scroll", () => this._checkHorizontalScrollbarOffset(), { passive: true });
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this._updateScrollbarClass();
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("focusable")) if (this.focusable) {
+				if (!this.hasAttribute("tabindex")) this.setAttribute("tabindex", "0");
+			} else this.removeAttribute("tabindex");
+			if (changedProperties.has("negative")) this._updateScrollbarClass();
+		}
+		_updateScrollbarClass() {
+			if (isServer) return;
+			if (this.negative) {
+				this.classList.remove("sbb-scrollbar-thick-track-visible");
+				this.classList.add("sbb-scrollbar-thick-negative-track-visible");
+			} else {
+				this.classList.remove("sbb-scrollbar-thick-negative-track-visible");
+				this.classList.add("sbb-scrollbar-thick-track-visible");
+			}
+		}
+		/**
+		*  Calculates whether the table is horizontally scrolled and adds the
+		*  corresponding class `sbb-table-wrapper-offset-${none | left | right | both}`
+		*/
+		_checkHorizontalScrollbarOffset() {
+			const state = 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-${state}`);
+		}
+		_calculateScrollOffset() {
+			if (this.scrollWidth === this.offsetWidth) return "none";
+			const isAtStart = this.scrollLeft === 0;
+			const isAtEnd = this.scrollWidth - this.scrollLeft - this.offsetWidth <= 1;
+			if (isAtStart) return isAtEnd ? "none" : "right";
+			return isAtEnd ? "left" : "both";
+		}
+		render() {
+			return html`<slot></slot>`;
+		}
+	};
+})();
+//#endregion
+export { SbbTableWrapperElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5jb21wb25lbnQtRGNMd0VEenIuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYmxlL3RhYmxlLXdyYXBwZXIvdGFibGUtd3JhcHBlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJsZS90YWJsZS13cmFwcGVyL3RhYmxlLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93OiBhdXRvO1xuXG4gIEBpbmNsdWRlIHNiYi5zY3JvbGxiYXItdmFyaWFibGVzKCRzaXplOiB0aGljaywgJG5lZ2F0aXZlOiBmYWxzZSwgJHRyYWNrLXZpc2libGU6IHRydWUpO1xufVxuXG46aG9zdCg6Zm9jdXMtdmlzaWJsZSkge1xuICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcbn1cblxuOjpzbG90dGVkKC5zYmItdGFibGUpIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgQGluY2x1ZGUgc2JiLnNjcm9sbGJhci12YXJpYWJsZXMoJHNpemU6IHRoaWNrLCAkbmVnYXRpdmU6IHRydWUsICR0cmFjay12aXNpYmxlOiB0cnVlKTtcbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIGlzU2VydmVyLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBob3N0U2Nyb2xsYmFyU3R5bGVzLCBTYmJFbGVtZW50LCBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYmxlLXdyYXBwZXIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIGEgdGFibGUgdG8gZW5oYW5jZSBpdHMgZnVuY3Rpb25hbGl0eS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCB0aGUgdGFibGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUYWJsZVdyYXBwZXJFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGFibGUtd3JhcHBlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICdzZWN0aW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2hvc3RTY3JvbGxiYXJTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSB3cmFwcGVyIGlzIGZvY3VzYWJsZS4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGZvY3VzYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICAgICAgc2tpcEluaXRpYWw6IHRydWUsXG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9jaGVja0hvcml6b250YWxTY3JvbGxiYXJPZmZzZXQoKSxcbiAgICAgIH0pLFxuICAgICk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Lignc2Nyb2xsJywgKCkgPT4gdGhpcy5fY2hlY2tIb3Jpem9udGFsU2Nyb2xsYmFyT2Zmc2V0KCksIHtcbiAgICAgIHBhc3NpdmU6IHRydWUsXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIC8vIFdoZW4gaW5jbHVkaW5nIHRoZSBzY3JvbGxiYXIgc3R5bGVzIG9uIHRoZSBob3N0LCB0aGVyZSBpcyBubyBob3ZlciBlZmZlY3Qgb2YgdGhlIHNjcm9sbGJhciBwb3NzaWJsZS5cbiAgICAvLyBJbiBtb3N0IGNhc2VzLCB0aGUgY29tcG9uZW50IHdpbGwgYmUgdXNlZCBpbiBMaWdodCBET00uIFRvIGFsc28gc3VwcG9ydCB0aGUgaG92ZXIgZWZmZWN0LFxuICAgIC8vIHdlIGFkZGl0aW9uYWxseSBhZGQgdGhlIHNjcm9sbGJhciBDU1MgY2xhc3NlcyB0byB0aGUgaG9zdC5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2ZvY3VzYWJsZScpKSB7XG4gICAgICBpZiAodGhpcy5mb2N1c2FibGUpIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc0F0dHJpYnV0ZSgndGFiaW5kZXgnKSkge1xuICAgICAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCd0YWJpbmRleCcsICcwJyk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ25lZ2F0aXZlJykpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTogdm9pZCB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLm5lZ2F0aXZlKSB7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5yZW1vdmUoJ3NiYi1zY3JvbGxiYXItdGhpY2stdHJhY2stdmlzaWJsZScpO1xuICAgICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGFzc0xpc3QucmVtb3ZlKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlJyk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBDYWxjdWxhdGVzIHdoZXRoZXIgdGhlIHRhYmxlIGlzIGhvcml6b250YWxseSBzY3JvbGxlZCBhbmQgYWRkcyB0aGVcbiAgICogIGNvcnJlc3BvbmRpbmcgY2xhc3MgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC0ke25vbmUgfCBsZWZ0IHwgcmlnaHQgfCBib3RofWBcbiAgICovXG4gIHByaXZhdGUgX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpOiB2b2lkIHtcbiAgICBjb25zdCBzdGF0ZSA9IHRoaXMuX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpO1xuICAgIHRoaXMuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtbm9uZWAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWxlZnRgLFxuICAgICAgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC1yaWdodGAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWJvdGhgLFxuICAgICk7XG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtJHtzdGF0ZX1gKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpOiAnbm9uZScgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdGgnIHtcbiAgICBpZiAodGhpcy5zY3JvbGxXaWR0aCA9PT0gdGhpcy5vZmZzZXRXaWR0aCkge1xuICAgICAgcmV0dXJuICdub25lJztcbiAgICB9XG4gICAgY29uc3QgaXNBdFN0YXJ0ID0gdGhpcy5zY3JvbGxMZWZ0ID09PSAwO1xuICAgIC8vIEluIHNvbWUgY2FzZXMgdGhlIGNvbWJpbmVkIHZhbHVlIG9mIHNjcm9sbExlZnQgYW5kIG9mZnNldFdpZHRoIGlzIG9mZiBieVxuICAgIC8vIDEgcGl4ZWwgZnJvbSB0aGUgc2Nyb2xsV2lkdGguXG4gICAgY29uc3QgaXNBdEVuZCA9IHRoaXMuc2Nyb2xsV2lkdGggLSB0aGlzLnNjcm9sbExlZnQgLSB0aGlzLm9mZnNldFdpZHRoIDw9IDE7XG5cbiAgICBpZiAoaXNBdFN0YXJ0KSB7XG4gICAgICByZXR1cm4gaXNBdEVuZCA/ICdub25lJyA6ICdyaWdodCc7XG4gICAgfVxuICAgIHJldHVybiBpc0F0RW5kID8gJ2xlZnQnIDogJ2JvdGgnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWJsZS13cmFwcGVyJzogU2JiVGFibGVXcmFwcGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQ29CYSxnQ0FBc0I7bUJBQVMsaUJBQWlCLFdBQVc7Ozs7Y0FBM0QsK0JBQStCLFlBQTRCOzs7NEJBTXJFLFdBQVcsRUFDWCxTQUFTO0lBQUUsU0FBUztJQUFNLE1BQU07SUFBUyxDQUFDLENBQUE7QUFDM0MsZ0JBQUEsTUFBQSxNQUFBLHVCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsZUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFTLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBVCxZQUFTOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEseUJBQUEsNkJBQUE7Ozs7Ozs7OztBQVBPLFFBQUEsY0FBc0I7OztBQUN0QixRQUFBLE9BQU87OztBQUNoQixRQUFBLFNBQXlCLENBQUMscUJBQXFCLFVBQVUsc0JBQU0sQ0FBQzs7RUFLdkYsOEJBQUEsa0JBQUEsTUFBQSx5QkFBcUMsTUFBSzs7RUFBMUMsSUFBZ0IsWUFBUztBQUFBLFVBQUEsTUFBQTs7RUFBekIsSUFBZ0IsVUFBUyxPQUFBO0FBQUEsU0FBQSw2QkFBQTs7RUFFekIsY0FBQTtBQUNFLFVBQU87O0FBQ1AsUUFBSyxjQUNILElBQUksaUJBQWlCLE1BQU07SUFDekIsYUFBYTtJQUNiLGdCQUFnQixLQUFLLGlDQUFBO0lBQ3RCLENBQUMsQ0FDSDtBQUVELFFBQUssbUJBQW1CLGdCQUFnQixLQUFLLGlDQUFpQyxFQUFFLEVBQzlFLFNBQVMsTUFDVixDQUFDOztFQUdZLG9CQUFpQjtBQUMvQixTQUFNLG1CQUFtQjtBQU16QixRQUFLLHVCQUF1Qjs7RUFHWCxXQUFXLG1CQUF1QztBQUNuRSxTQUFNLFdBQVcsa0JBQWtCO0FBRW5DLE9BQUksa0JBQWtCLElBQUksWUFBWSxDQUNwQyxLQUFJLEtBQUs7UUFDSCxDQUFDLEtBQUssYUFBYSxXQUFXLENBQ2hDLE1BQUssYUFBYSxZQUFZLElBQUk7U0FHcEMsTUFBSyxnQkFBZ0IsV0FBVztBQUlwQyxPQUFJLGtCQUFrQixJQUFJLFdBQVcsQ0FDbkMsTUFBSyx1QkFBdUI7O0VBSXhCLHdCQUFxQjtBQUMzQixPQUFJLFNBQ0Y7QUFFRixPQUFJLEtBQUssVUFBVTtBQUNqQixTQUFLLFVBQVUsT0FBTyxvQ0FBb0M7QUFDMUQsU0FBSyxVQUFVLElBQUksNkNBQTZDO1VBQzNEO0FBQ0wsU0FBSyxVQUFVLE9BQU8sNkNBQTZDO0FBQ25FLFNBQUssVUFBVSxJQUFJLG9DQUFvQzs7Ozs7OztFQVFuRCxrQ0FBK0I7R0FDckMsTUFBTSxRQUFRLEtBQUssd0JBQXdCO0FBQzNDLFFBQUssVUFBVSxPQUNiLGlDQUNBLGlDQUNBLGtDQUNBLGdDQUNEO0FBQ0QsUUFBSyxVQUFVLElBQUksNEJBQTRCLFFBQVE7O0VBR2pELHlCQUFzQjtBQUM1QixPQUFJLEtBQUssZ0JBQWdCLEtBQUssWUFDNUIsUUFBTztHQUVULE1BQU0sWUFBWSxLQUFLLGVBQWU7R0FHdEMsTUFBTSxVQUFVLEtBQUssY0FBYyxLQUFLLGFBQWEsS0FBSyxlQUFlO0FBRXpFLE9BQUksVUFDRixRQUFPLFVBQVUsU0FBUztBQUU1QixVQUFPLFVBQVUsU0FBUzs7RUFHVCxTQUFNO0FBQ3ZCLFVBQU8sSUFBSSJ9

package/development/table.js

@@ -1,4 +1,4 @@
-import { t as SbbTableWrapperElement } from "./table-wrapper.component-D1p7kqCB.js";
+import { t as SbbTableWrapperElement } from "./table-wrapper.component-DcLwEDzr.js";
 import "./table.pure.js";
 //#region src/elements/table.ts
 /** @entrypoint */

package/development/table.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbTableWrapperElement } from "./table-wrapper.component-D1p7kqCB.js";
+import { t as SbbTableWrapperElement } from "./table-wrapper.component-DcLwEDzr.js";
 export { SbbTableWrapperElement };

package/development/tabs/common/styles.js

@@ -1,2 +1,2 @@
-import { n as tabLabelCommonStyles, t as tabGroupCommonStyles } from "../../styles-DCQBzC2C.js";
+import { n as tabLabelCommonStyles, t as tabGroupCommonStyles } from "../../styles-WppEBrlW.js";
 export { tabGroupCommonStyles, tabLabelCommonStyles };