@sbb-esta/lyne-elements-dev 4.11.0-dev.1776089549 → 5.0.0-next-dev.1776089780

package/development/tab-label.component-Du1W0dxN.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  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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLmNvbXBvbmVudC1EdTFXMGR4Ti5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItbGFiZWwvdGFiLWxhYmVsLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcbkB1c2UgJy4uL2NvbW1vbi90YWItbGFiZWwtY29tbW9uJyBhcyB0YWItbGFiZWwtY29tbW9uO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLnNiYi10YWItbGFiZWwge1xuICBjdXJzb3I6IHZhcigtLXNiYi10YWItbGFiZWwtY3Vyc29yKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5zYmItdGFiLWxhYmVsX19pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1pY29uKSwgOnN0YXRlKGhhcy1pY29uLW5hbWUpKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLXRhYi1sYWJlbF9fdGV4dCB7XG4gIEBpbmNsdWRlIHNiYi5lbGxpcHNpcztcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi10YWItbGFiZWxfX2Ftb3VudCB7XG4gIEBpbmNsdWRlIHRhYi1sYWJlbC1jb21tb24udGFiLWxhYmVsLWFtb3VudDtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWFtb3VudCksIFthbW91bnRdKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlU3RhdGljIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHtcbiAgU2JiRWxlbWVudCxcbiAgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcixcbiAgZm9yY2VUeXBlLFxuICBvbWl0RW1wdHlDb252ZXJ0ZXIsXG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIGJveFNpemluZ1N0eWxlcyxcbn0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uLy4uL3RpdGxlLnB1cmUudHMnO1xuaW1wb3J0IHsgdGFiTGFiZWxDb21tb25TdHlsZXMgfSBmcm9tICcuLi9jb21tb24vc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiRWxlbWVudCB9IGZyb20gJy4uL3RhYi90YWIuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiVGFiQ2hhbmdlZEV2ZW50RGV0YWlscyxcbiAgU2JiVGFiR3JvdXBFbGVtZW50LFxufSBmcm9tICcuLi90YWItZ3JvdXAvdGFiLWdyb3VwLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1sYWJlbC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItdGFiLWdyb3VwYCwgaXQgZGlzcGxheXMgYSB0YWIncyB0aXRsZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSB0YWIgdGl0bGUuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBkaXNwbGF5IGFuIGljb24gdG8gdGhlIGxlZnQgb2YgdGhlIHRpdGxlLCBieSBwcm92aWRpbmcgdGhlIGBzYmItaWNvbmAgY29tcG9uZW50LlxuICogQHNsb3QgYW1vdW50IC0gUHJvdmlkZSBhIG51bWJlciB0byBzaG93IGFuIGFtb3VudCB0byB0aGUgcmlnaHQgb2YgdGhlIHRpdGxlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGFiTGFiZWxFbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRNaXhpbihTYmJJY29uTmFtZU1peGluKFNiYkVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGFiLWxhYmVsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByb2xlID0gJ3RhYic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICBib3hTaXppbmdTdHlsZXMsXG4gICAgdGFiTGFiZWxDb21tb25TdHlsZXMsXG4gICAgdW5zYWZlQ1NTKHN0eWxlKSxcbiAgXTtcblxuICAvKiogV2hldGhlciB0aGUgdGFiIGlzIHNlbGVjdGVkLiAqL1xuICBwcml2YXRlIF9zZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU6IFNiYlRhYkdyb3VwRWxlbWVudFsnc2l6ZSddIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIFRoZSBsZXZlbCB3aWxsIGNvcnJlc3BvbmQgdG8gdGhlIGhlYWRpbmcgdGFnIGdlbmVyYXRlZCBpbiB0aGUgdGl0bGUuXG4gICAqIFVzZSB0aGlzIHByb3BlcnR5IHRvIGdlbmVyYXRlIHRoZSBhcHByb3ByaWF0ZSBoZWFkZXIgdGFnLCB0YWtpbmcgU0VPIGludG8gY29uc2lkZXJhdGlvbi5cbiAgICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBhY2Nlc3NvciBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcxJztcblxuICAvKiogQWN0aXZlIHRhYiBzdGF0ZS4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBBbW91bnQgZGlzcGxheWVkIGluc2lkZSB0aGUgdGFiLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgY29udmVydGVyOiBvbWl0RW1wdHlDb252ZXJ0ZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFtb3VudDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEdldCB0aGUgYHNiYi10YWJgIHJlbGF0ZWQgdG8gdGhlIGBzYmItdGFiLWxhYmVsYC4gKi9cbiAgcHVibGljIGdldCB0YWIoKTogU2JiVGFiRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLm5leHRFbGVtZW50U2libGluZz8ubG9jYWxOYW1lID09PSAnc2JiLXRhYidcbiAgICAgID8gKHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nIGFzIFNiYlRhYkVsZW1lbnQpXG4gICAgICA6IG51bGw7XG4gIH1cblxuICAvKiogR2V0IHRoZSBwYXJlbnQgYHNiYi10YWItZ3JvdXBgLiAqL1xuICBwdWJsaWMgZ2V0IGdyb3VwKCk6IFNiYlRhYkdyb3VwRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi10YWItZ3JvdXAnKTtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0+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/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLW5hdi1iYXIvdGFiLW5hdi1iYXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcCk7XG59XG5cbi5zYmItdGFiLW5hdi1iYXIge1xuICBAaW5jbHVkZSBzYmIubGlzdC1yZXNldDtcbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHVuc2FmZUNTUywgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCwgaXNMZWFuLCBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgdGFiR3JvdXBDb21tb25TdHlsZXMsIHRhYkxhYmVsQ29tbW9uU3R5bGVzIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1uYXYtYmFyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBvbmUgb3IgbW9yZSB0YWItbGFiZWwtbGlrZSBlbGVtZW50cywgZWFjaCBvbmUgaXMgYW4gYW5jaG9yIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW5jaG9ycy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYk5hdkJhckVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRhYi1uYXYtYmFyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICB0YWJMYWJlbENvbW1vblN0eWxlcyxcbiAgICB0YWJHcm91cENvbW1vblN0eWxlcyxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnbmF2aWdhdGlvbic7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbJ2EnXTtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgcywgbCBvciB4bC5cbiAgICogQGRlZmF1bHQgJ2wnIC8gJ3MnIChsZWFuKVxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ2wnIHwgJ3hsJyA9IGlzTGVhbigpID8gJ3MnIDogJ2wnO1xuXG4gIHByaXZhdGUgX3Jlc2l6ZUNvbnRyb2xsZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9vblRhYkdyb3VwRWxlbWVudFJlc2l6ZSgpLFxuICB9KTtcblxuICBwcml2YXRlIF9saXN0RWxlbWVudDogRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX29uVGFiR3JvdXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIHRoaXMubGlzdENoaWxkcmVuLmZvckVhY2goKGFuY2hvcikgPT4ge1xuICAgICAgYW5jaG9yLmFzc2lnbmVkU2xvdD8ucGFyZW50RWxlbWVudD8udG9nZ2xlQXR0cmlidXRlKFxuICAgICAgICAnZGF0YS1oYXMtZGl2aWRlcicsXG4gICAgICAgIGFuY2hvciA9PT0gdGhpcy5saXN0Q2hpbGRyZW5bMF0gfHwgYW5jaG9yLm9mZnNldExlZnQgPT09IHRoaXMubGlzdENoaWxkcmVuWzBdLm9mZnNldExlZnQsXG4gICAgICApO1xuICAgIH0pO1xuXG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItdGFiLWdyb3VwLXdpZHRoJywgYCR7dGhpcy5fbGlzdEVsZW1lbnQ/LmNsaWVudFdpZHRofXB4YCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl91cGRhdGVXaWR0aE9ic2VydmVyKCk7XG5cbiAgICAvLyBXaGVuZXZlciBzbG90dGVkIGVsZW1lbnQgY2hhbmdlLCB0aGUgdGFyZ2V0IHRvIG9ic2VydmUgbWlnaHQgY2hhbmdlIGFzIHdlbGxcbiAgICAvLyAoY2hhbmdlIGZyb20gc2luZ2xlIHRvIG11bHRpcGxlIGVsZW1lbnRzIG9yIHZpY2UgdmVyc2EpLlxuICAgIHRoaXMuc2hhZG93Um9vdD8uYWRkRXZlbnRMaXN0ZW5lcignc2xvdGNoYW5nZScsICgpID0+IHRoaXMuX3VwZGF0ZVdpZHRoT2JzZXJ2ZXIoKSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVXaWR0aE9ic2VydmVyKCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcihgLiR7dGhpcy5sb2NhbE5hbWV9YCk7XG5cbiAgICBpZiAodGFyZ2V0ICYmIHRoaXMuX2xpc3RFbGVtZW50ICE9PSB0YXJnZXQpIHtcbiAgICAgIGlmICh0aGlzLl9saXN0RWxlbWVudCkge1xuICAgICAgICB0aGlzLl9yZXNpemVDb250cm9sbGVyLnVub2JzZXJ2ZSh0aGlzLl9saXN0RWxlbWVudCk7XG4gICAgICB9XG4gICAgICB0aGlzLl9saXN0RWxlbWVudCA9IHRhcmdldDtcbiAgICAgIHRoaXMuX3Jlc2l6ZUNvbnRyb2xsZXIub2JzZXJ2ZSh0YXJnZXQpO1xuICAgIH0gZWxzZSBpZiAoIXRhcmdldCAmJiB0aGlzLl9saXN0RWxlbWVudCkge1xuICAgICAgdGhpcy5fcmVzaXplQ29udHJvbGxlci51bm9ic2VydmUodGhpcy5fbGlzdEVsZW1lbnQpO1xuICAgICAgdGhpcy5fbGlzdEVsZW1lbnQgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiB0aGlzLnJlbmRlckxpc3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYi1uYXYtYmFyJzogU2JiVGFiTmF2QmFyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUNjYSw2QkFBbUI7bUJBQVMsc0JBQXNCLFdBQVc7Ozs7Y0FBN0QsNEJBQTRCLFlBQWlDOzs7QUFVckQsUUFBQSxzQkFBc0IsQ0FBQyxJQUFJO0FBTzlCLFNBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBeUIsUUFBUSxHQUFHLE1BQU0sSUFBRztBQUVyRCxRQUFBLHFCQUFpQixrQkFBQSxNQUFBLHdCQUFBLEVBQUcsSUFBSSxpQkFBaUIsTUFBTTtJQUNyRCxRQUFRO0lBQ1IsZ0JBQWdCLEtBQUssMEJBQUE7SUFDdEIsQ0FBQztBQUVNLFFBQUEsZUFBK0I7Ozs7dUJBUnRDLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBQzVCLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBOzs7Ozs7Ozs7QUFoQlksUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUI7SUFDOUM7SUFDQTtJQUNBO0lBQ0EsVUFBVSxvQkFBQTtJQUNYOzs7QUFDK0IsUUFBQSxPQUFPOztFQVN2Qzs7Ozs7RUFBQSxJQUFnQixPQUFJO0FBQUEsVUFBQSxNQUFBOztFQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSxTQUFBLHdCQUFBOztFQVNaLDJCQUF3QjtBQUM5QixRQUFLLGFBQWEsU0FBUyxXQUFVO0FBQ25DLFdBQU8sY0FBYyxlQUFlLGdCQUNsQyxvQkFDQSxXQUFXLEtBQUssYUFBYSxNQUFNLE9BQU8sZUFBZSxLQUFLLGFBQWEsR0FBRyxXQUMvRTtLQUNEO0FBRUYsUUFBSyxNQUFNLFlBQVkseUJBQXlCLEdBQUcsS0FBSyxjQUFjLFlBQVcsSUFBSzs7RUFHckUsYUFBYSxtQkFBdUM7QUFDckUsU0FBTSxhQUFhLGtCQUFrQjtBQUVyQyxRQUFLLHNCQUFzQjtBQUkzQixRQUFLLFlBQVksaUJBQWlCLG9CQUFvQixLQUFLLHNCQUFzQixDQUFDOztFQUc1RSx1QkFBb0I7R0FDMUIsTUFBTSxTQUFTLEtBQUssWUFBWSxjQUFjLElBQUksS0FBSyxZQUFZO0FBRW5FLE9BQUksVUFBVSxLQUFLLGlCQUFpQixRQUFRO0FBQzFDLFFBQUksS0FBSyxhQUNQLE1BQUssa0JBQWtCLFVBQVUsS0FBSyxhQUFhO0FBRXJELFNBQUssZUFBZTtBQUNwQixTQUFLLGtCQUFrQixRQUFRLE9BQU87Y0FDN0IsQ0FBQyxVQUFVLEtBQUssY0FBYztBQUN2QyxTQUFLLGtCQUFrQixVQUFVLEtBQUssYUFBYTtBQUNuRCxTQUFLLGVBQWU7OztFQUlMLFNBQU07QUFDdkIsVUFBTyxLQUFLLFlBQVkifQ==

package/development/tab.component-DteuwiHv.js

@@ -0,0 +1,70 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement } 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
+var nextId = 0;
+/**
+* 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 = 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.id ||= `sbb-tab-${nextId++}`;
+		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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC1EdGV1d2lIdi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWIvdGFiLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBAaW5jbHVkZSBzYmIuaWdub3JlLWNoaWxkcmVuLW1hcmdpbjtcbn1cblxuOmhvc3QoOmZvY3VzLXZpc2libGUpIHtcbiAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG59XG5cbjpob3N0KDpub3QoOnN0YXRlKGFjdGl2ZSkpKSB7XG4gIC8vIFdlIHdhbnQgdGhhdCBhIGNvbnN1bWVyIGNhbiBoYXZlIGEgZGlmZmVyZW50IGRpc3BsYXkgcHJvcGVydHkgb24gdGhlIHRhYiwgZS5nLiBmbGV4LCBncmlkLCBldGMuXG4gIC8vIEJ1dCBpZiB0aGUgdGFiIGlzIG5vdCBhY3RpdmUsIGRpc3BsYXk6IG5vbmUgc2hvdWxkIGFsd2F5cyB3aW4uXG4gIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG9wYWNpdHk6IDE7XG4gIHRyYW5zaXRpb246IHtcbiAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRhYi1ncm91cC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIGRlbGF5OiB2YXIoLS1zYmItdGFiLWdyb3VwLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IG9wYWNpdHksIGhlaWdodDtcbiAgfVxuXG4gIC8vIEV4cGVyaW1lbnRhbCBwcm9wZXJ0eSwgYnV0IHN1cHBvcnRlZCBpbiBldmVyeSBtYWpvciBicm93c2VyLlxuICB0cmFuc2l0aW9uLWJlaGF2aW9yOiBhbGxvdy1kaXNjcmV0ZTtcblxuICAvLyBFeHBlcmltZW50YWwgcHJvcGVydHksIGN1cnJlbnRseSBzdXBwb3J0ZWQgaW4gZXZlcnkgbWFqb3IgYnJvd3NlciBleGNlcHQgRmlyZWZveC5cbiAgQHN0YXJ0aW5nLXN0eWxlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhYkdyb3VwRWxlbWVudCB9IGZyb20gJy4uL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWIuc2Nzcz9pbmxpbmUnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi10YWItZ3JvdXBgIGFuZCBgc2JiLXRhYi1sYWJlbGAsIGl0IGRpc3BsYXlzIGEgdGFiJ3MgY29udGVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgY29udGVudC5cbiAqIEBldmVudCB7RXZlbnR9IGFjdGl2ZSAtIFRoZSBgYWN0aXZlYCBldmVudCBmaXJlcyB3aGVuIHRoZSBzYmItdGFiIGhhcyBiZWVuIGFjdGl2YXRlZCB2aWEgdXNlciBzZWxlY3Rpb24gb24gdGhlIHNiYi10YWItbGFiZWwuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUYWJFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGFiJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByb2xlID0gJ3RhYnBhbmVsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gdW5zYWZlQ1NTKHN0eWxlKTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgYWN0aXZlOiAnYWN0aXZlJyxcbiAgfSBhcyBjb25zdDtcblxuICBwcml2YXRlIF90YWJDb250ZW50UmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9vblRhYkNvbnRlbnRFbGVtZW50UmVzaXplKCksXG4gIH0pO1xuXG4gIC8qKiBUaGUgYHNiYi10YWItbGFiZWxgIGFzc29jaWF0ZWQgd2l0aCB0aGUgdGFiLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVsKCk6IFNiYlRhYkxhYmVsRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnByZXZpb3VzRWxlbWVudFNpYmxpbmc/LmxvY2FsTmFtZSA9PT0gJ3NiYi10YWItbGFiZWwnXG4gICAgICA/ICh0aGlzLnByZXZpb3VzRWxlbWVudFNpYmxpbmcgYXMgU2JiVGFiTGFiZWxFbGVtZW50KVxuICAgICAgOiBudWxsO1xuICB9XG5cbiAgLyoqIEdldCB0aGUgcGFyZW50IGBzYmItdGFiLWdyb3VwYC4gKi9cbiAgcHVibGljIGdldCBncm91cCgpOiBTYmJUYWJHcm91cEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5jbG9zZXN0KCdzYmItdGFiLWdyb3VwJyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaWQgfHw9IGBzYmItdGFiLSR7bmV4dElkKyt9YDtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcblxuICAgIC8vIEFzIHdlIGNhbid0IGluY2x1ZGUgdGhlIHNjcm9sbGJhciBtaXhpbiBvbiB0aGUgaG9zdCBhbmQgdG8gbWluaW1pemVcbiAgICAvLyBwYXlsb2FkLCB3ZSBkZWNpZGVkIHRvIGFkZCB0aGUgc2Nyb2xsYmFyIGNsYXNzIGhlcmUuXG4gICAgLy8gVGhpcyBpcyBhbiBleGNlcHRpb24gYXMgd2Ugbm9ybWFsbHkgZG9uJ3QgYWx0ZXIgdGhlIGNsYXNzTGlzdCBvZiB0aGUgaG9zdC5cbiAgICB0aGlzLmNsYXNzTGlzdC5hZGQoJ3NiYi1zY3JvbGxiYXInKTtcbiAgfVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIGFjdGl2YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2FjdGl2ZScpO1xuICAgIHRoaXMuX3RhYkNvbnRlbnRSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwcm90ZWN0ZWQgZGVhY3RpdmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl90YWJDb250ZW50UmVzaXplT2JzZXJ2ZXIudW5vYnNlcnZlKHRoaXMpO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ2FjdGl2ZScpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25UYWJDb250ZW50RWxlbWVudFJlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmdyb3VwPy5bJ3NldFRhYkNvbnRlbnRIZWlnaHQnXShNYXRoLmZsb29yKHRoaXMuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkuaGVpZ2h0KSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYic6IFNiYlRhYkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQ1NBLElBQUksU0FBUzs7Ozs7OztBQVFiLElBQWEsZ0JBQWIsY0FBbUMsV0FBVTtDQUE3QyxjQUFBOztBQVFVLE9BQUEsNEJBQTRCLElBQUksaUJBQWlCLE1BQU07R0FDN0QsUUFBUTtHQUNSLGFBQWE7R0FDYixnQkFBZ0IsS0FBSyw0QkFBQTtHQUN0QixDQUFDOzs7QUFYOEIsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsT0FBTzs7O0FBQ1AsT0FBQSxTQUF5QixVQUFVLFlBQU07OztBQUN6QyxPQUFBLFNBQVMsRUFDOUIsUUFBUSxVQUNBOzs7Q0FTVixJQUFXLFFBQUs7QUFDZCxTQUFPLEtBQUssd0JBQXdCLGNBQWMsa0JBQzdDLEtBQUsseUJBQ047OztDQUlOLElBQVcsUUFBSztBQUNkLFNBQU8sS0FBSyxRQUFRLGdCQUFnQjs7Q0FHdEIsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBRXpCLE9BQUssT0FBTyxXQUFXO0FBQ3ZCLE9BQUssV0FBVztBQUtoQixPQUFLLFVBQVUsSUFBSSxnQkFBZ0I7OztDQUkzQixXQUFRO0FBQ2hCLE9BQUssVUFBVSxPQUFPLElBQUksU0FBUztBQUNuQyxPQUFLLDBCQUEwQixRQUFRLEtBQUs7OztDQUlwQyxhQUFVO0FBQ2xCLE9BQUssMEJBQTBCLFVBQVUsS0FBSztBQUM5QyxPQUFLLFVBQVUsT0FBTyxPQUFPLFNBQVM7O0NBR2hDLDZCQUEwQjtBQUNoQyxPQUFLLFFBQVEsdUJBQXVCLEtBQUssTUFBTSxLQUFLLHVCQUF1QixDQUFDLE9BQU8sQ0FBQzs7Q0FHbkUsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==

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,EAAE,UAAU,EAA+B,MAAM,eAAe,CAAC;;AAIxE;;;;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"}

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-iSeT-FPH.js";
 export { SbbTableWrapperElement };

package/development/table-wrapper.component-iSeT-FPH.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 } 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}\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}";
+//#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 = 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5jb21wb25lbnQtaVNlVC1GUEguanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYmxlL3RhYmxlLXdyYXBwZXIvdGFibGUtd3JhcHBlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJsZS90YWJsZS13cmFwcGVyL3RhYmxlLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuXG46aG9zdCg6Zm9jdXMtdmlzaWJsZSkge1xuICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcbn1cblxuOjpzbG90dGVkKC5zYmItdGFibGUpIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQsIGZvcmNlVHlwZSwgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWJsZS13cmFwcGVyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBXcmFwcyBhIHRhYmxlIHRvIGVuaGFuY2UgaXRzIGZ1bmN0aW9uYWxpdHkuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGhlIHRhYmxlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGFibGVXcmFwcGVyRWxlbWVudCBleHRlbmRzIFNiYk5lZ2F0aXZlTWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRhYmxlLXdyYXBwZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnc2VjdGlvbic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHVuc2FmZUNTUyhzdHlsZSk7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHdyYXBwZXIgaXMgZm9jdXNhYmxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZm9jdXNhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpLFxuICAgICAgfSksXG4gICAgKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdzY3JvbGwnLCAoKSA9PiB0aGlzLl9jaGVja0hvcml6b250YWxTY3JvbGxiYXJPZmZzZXQoKSwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2ZvY3VzYWJsZScpKSB7XG4gICAgICBpZiAodGhpcy5mb2N1c2FibGUpIHtcbiAgICAgICAgaWYgKCF0aGlzLmhhc0F0dHJpYnV0ZSgndGFiaW5kZXgnKSkge1xuICAgICAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCd0YWJpbmRleCcsICcwJyk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ25lZ2F0aXZlJykpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZVNjcm9sbGJhckNsYXNzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTogdm9pZCB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLm5lZ2F0aXZlKSB7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5yZW1vdmUoJ3NiYi1zY3JvbGxiYXItdGhpY2stdHJhY2stdmlzaWJsZScpO1xuICAgICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGFzc0xpc3QucmVtb3ZlKCdzYmItc2Nyb2xsYmFyLXRoaWNrLW5lZ2F0aXZlLXRyYWNrLXZpc2libGUnKTtcbiAgICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlJyk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBDYWxjdWxhdGVzIHdoZXRoZXIgdGhlIHRhYmxlIGlzIGhvcml6b250YWxseSBzY3JvbGxlZCBhbmQgYWRkcyB0aGVcbiAgICogIGNvcnJlc3BvbmRpbmcgY2xhc3MgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC0ke25vbmUgfCBsZWZ0IHwgcmlnaHQgfCBib3RofWBcbiAgICovXG4gIHByaXZhdGUgX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpOiB2b2lkIHtcbiAgICBjb25zdCBzdGF0ZSA9IHRoaXMuX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpO1xuICAgIHRoaXMuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtbm9uZWAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWxlZnRgLFxuICAgICAgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC1yaWdodGAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LWJvdGhgLFxuICAgICk7XG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtJHtzdGF0ZX1gKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NhbGN1bGF0ZVNjcm9sbE9mZnNldCgpOiAnbm9uZScgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdGgnIHtcbiAgICBpZiAodGhpcy5zY3JvbGxXaWR0aCA9PT0gdGhpcy5vZmZzZXRXaWR0aCkge1xuICAgICAgcmV0dXJuICdub25lJztcbiAgICB9XG4gICAgY29uc3QgaXNBdFN0YXJ0ID0gdGhpcy5zY3JvbGxMZWZ0ID09PSAwO1xuICAgIC8vIEluIHNvbWUgY2FzZXMgdGhlIGNvbWJpbmVkIHZhbHVlIG9mIHNjcm9sbExlZnQgYW5kIG9mZnNldFdpZHRoIGlzIG9mZiBieVxuICAgIC8vIDEgcGl4ZWwgZnJvbSB0aGUgc2Nyb2xsV2lkdGguXG4gICAgY29uc3QgaXNBdEVuZCA9IHRoaXMuc2Nyb2xsV2lkdGggLSB0aGlzLnNjcm9sbExlZnQgLSB0aGlzLm9mZnNldFdpZHRoIDw9IDE7XG5cbiAgICBpZiAoaXNBdFN0YXJ0KSB7XG4gICAgICByZXR1cm4gaXNBdEVuZCA/ICdub25lJyA6ICdyaWdodCc7XG4gICAgfVxuICAgIHJldHVybiBpc0F0RW5kID8gJ2xlZnQnIDogJ2JvdGgnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWJsZS13cmFwcGVyJzogU2JiVGFibGVXcmFwcGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztJQ29CYSxnQ0FBc0I7bUJBQVMsaUJBQWlCLFdBQVc7Ozs7Y0FBM0QsK0JBQStCLFlBQTRCOzs7NEJBTXJFLFdBQVcsRUFDWCxTQUFTO0lBQUUsU0FBUztJQUFNLE1BQU07SUFBUyxDQUFDLENBQUE7QUFDM0MsZ0JBQUEsTUFBQSxNQUFBLHVCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsZUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFTLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBVCxZQUFTOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEseUJBQUEsNkJBQUE7Ozs7Ozs7OztBQVBPLFFBQUEsY0FBc0I7OztBQUN0QixRQUFBLE9BQU87OztBQUNoQixRQUFBLFNBQXlCLFVBQVUsc0JBQU07O0VBS2hFLDhCQUFBLGtCQUFBLE1BQUEseUJBQXFDLE1BQUs7O0VBQTFDLElBQWdCLFlBQVM7QUFBQSxVQUFBLE1BQUE7O0VBQXpCLElBQWdCLFVBQVMsT0FBQTtBQUFBLFNBQUEsNkJBQUE7O0VBRXpCLGNBQUE7QUFDRSxVQUFPOztBQUNQLFFBQUssY0FDSCxJQUFJLGlCQUFpQixNQUFNO0lBQ3pCLGFBQWE7SUFDYixnQkFBZ0IsS0FBSyxpQ0FBQTtJQUN0QixDQUFDLENBQ0g7QUFFRCxRQUFLLG1CQUFtQixnQkFBZ0IsS0FBSyxpQ0FBaUMsRUFBRSxFQUM5RSxTQUFTLE1BQ1YsQ0FBQzs7RUFHWSxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFLekIsUUFBSyx1QkFBdUI7O0VBR1gsV0FBVyxtQkFBdUM7QUFDbkUsU0FBTSxXQUFXLGtCQUFrQjtBQUVuQyxPQUFJLGtCQUFrQixJQUFJLFlBQVksQ0FDcEMsS0FBSSxLQUFLO1FBQ0gsQ0FBQyxLQUFLLGFBQWEsV0FBVyxDQUNoQyxNQUFLLGFBQWEsWUFBWSxJQUFJO1NBR3BDLE1BQUssZ0JBQWdCLFdBQVc7QUFJcEMsT0FBSSxrQkFBa0IsSUFBSSxXQUFXLENBQ25DLE1BQUssdUJBQXVCOztFQUl4Qix3QkFBcUI7QUFDM0IsT0FBSSxTQUNGO0FBRUYsT0FBSSxLQUFLLFVBQVU7QUFDakIsU0FBSyxVQUFVLE9BQU8sb0NBQW9DO0FBQzFELFNBQUssVUFBVSxJQUFJLDZDQUE2QztVQUMzRDtBQUNMLFNBQUssVUFBVSxPQUFPLDZDQUE2QztBQUNuRSxTQUFLLFVBQVUsSUFBSSxvQ0FBb0M7Ozs7Ozs7RUFRbkQsa0NBQStCO0dBQ3JDLE1BQU0sUUFBUSxLQUFLLHdCQUF3QjtBQUMzQyxRQUFLLFVBQVUsT0FDYixpQ0FDQSxpQ0FDQSxrQ0FDQSxnQ0FDRDtBQUNELFFBQUssVUFBVSxJQUFJLDRCQUE0QixRQUFROztFQUdqRCx5QkFBc0I7QUFDNUIsT0FBSSxLQUFLLGdCQUFnQixLQUFLLFlBQzVCLFFBQU87R0FFVCxNQUFNLFlBQVksS0FBSyxlQUFlO0dBR3RDLE1BQU0sVUFBVSxLQUFLLGNBQWMsS0FBSyxhQUFhLEtBQUssZUFBZTtBQUV6RSxPQUFJLFVBQ0YsUUFBTyxVQUFVLFNBQVM7QUFFNUIsVUFBTyxVQUFVLFNBQVM7O0VBR1QsU0FBTTtBQUN2QixVQUFPLElBQUkifQ==

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-iSeT-FPH.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-iSeT-FPH.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-D_8dMc_0.js";
 export { tabGroupCommonStyles, tabLabelCommonStyles };