@sbb-esta/lyne-elements 5.0.0-next → 5.0.0-next.2

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

@@ -0,0 +1,235 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbDisabledMixin, SbbElement, SbbPropertyWatcherController, 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 = [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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLmNvbXBvbmVudC1DUGFLS2VveC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItbGFiZWwvdGFiLWxhYmVsLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcbkB1c2UgJy4uL2NvbW1vbi90YWItbGFiZWwtY29tbW9uJyBhcyB0YWItbGFiZWwtY29tbW9uO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLnNiYi10YWItbGFiZWwge1xuICBjdXJzb3I6IHZhcigtLXNiYi10YWItbGFiZWwtY3Vyc29yKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5zYmItdGFiLWxhYmVsX19pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1pY29uKSwgOnN0YXRlKGhhcy1pY29uLW5hbWUpKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uc2JiLXRhYi1sYWJlbF9fdGV4dCB7XG4gIEBpbmNsdWRlIHNiYi5lbGxpcHNpcztcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi10YWItbGFiZWxfX2Ftb3VudCB7XG4gIEBpbmNsdWRlIHRhYi1sYWJlbC1jb21tb24udGFiLWxhYmVsLWFtb3VudDtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWFtb3VudCksIFthbW91bnRdKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlU3RhdGljIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHtcbiAgZm9yY2VUeXBlLFxuICBvbWl0RW1wdHlDb252ZXJ0ZXIsXG4gIFNiYkRpc2FibGVkTWl4aW4sXG4gIFNiYkVsZW1lbnQsXG4gIFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24ucHVyZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS5wdXJlLnRzJztcbmltcG9ydCB7IHRhYkxhYmVsQ29tbW9uU3R5bGVzIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhYkVsZW1lbnQgfSBmcm9tICcuLi90YWIvdGFiLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7XG4gIFNiYlRhYkNoYW5nZWRFdmVudERldGFpbHMsXG4gIFNiYlRhYkdyb3VwRWxlbWVudCxcbn0gZnJvbSAnLi4vdGFiLWdyb3VwL3RhYi1ncm91cC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWItbGFiZWwuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXRhYi1ncm91cGAsIGl0IGRpc3BsYXlzIGEgdGFiJ3MgdGl0bGUuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgdGFiIHRpdGxlLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gZGlzcGxheSBhbiBpY29uIHRvIHRoZSBsZWZ0IG9mIHRoZSB0aXRsZSwgYnkgcHJvdmlkaW5nIHRoZSBgc2JiLWljb25gIGNvbXBvbmVudC5cbiAqIEBzbG90IGFtb3VudCAtIFByb3ZpZGUgYSBudW1iZXIgdG8gc2hvdyBhbiBhbW91bnQgdG8gdGhlIHJpZ2h0IG9mIHRoZSB0aXRsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYkxhYmVsRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiSWNvbk5hbWVNaXhpbihTYmJFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRhYi1sYWJlbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcm9sZSA9ICd0YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdGFiTGFiZWxDb21tb25TdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB0YWIgaXMgc2VsZWN0ZWQuICovXG4gIHByaXZhdGUgX3NlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XG4gIHByaXZhdGUgX3ByZXZpb3VzU2l6ZTogU2JiVGFiR3JvdXBFbGVtZW50WydzaXplJ10gfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogVGhlIGxldmVsIHdpbGwgY29ycmVzcG9uZCB0byB0aGUgaGVhZGluZyB0YWcgZ2VuZXJhdGVkIGluIHRoZSB0aXRsZS5cbiAgICogVXNlIHRoaXMgcHJvcGVydHkgdG8gZ2VuZXJhdGUgdGhlIGFwcHJvcHJpYXRlIGhlYWRlciB0YWcsIHRha2luZyBTRU8gaW50byBjb25zaWRlcmF0aW9uLlxuICAgKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIGxldmVsOiBTYmJUaXRsZUxldmVsID0gJzEnO1xuXG4gIC8qKiBBY3RpdmUgdGFiIHN0YXRlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIEFtb3VudCBkaXNwbGF5ZWQgaW5zaWRlIHRoZSB0YWIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYW1vdW50OiBzdHJpbmcgPSAnJztcblxuICAvKiogR2V0IHRoZSBgc2JiLXRhYmAgcmVsYXRlZCB0byB0aGUgYHNiYi10YWItbGFiZWxgLiAqL1xuICBwdWJsaWMgZ2V0IHRhYigpOiBTYmJUYWJFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nPy5sb2NhbE5hbWUgPT09ICdzYmItdGFiJ1xuICAgICAgPyAodGhpcy5uZXh0RWxlbWVudFNpYmxpbmcgYXMgU2JiVGFiRWxlbWVudClcbiAgICAgIDogbnVsbDtcbiAgfVxuXG4gIC8qKiBHZXQgdGhlIHBhcmVudCBgc2JiLXRhYi1ncm91cGAuICovXG4gIHB1YmxpYyBnZXQgZ3JvdXAoKTogU2JiVGFiR3JvdXBFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuY2xvc2VzdCgnc2JiLXRhYi1ncm91cCcpO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gdGhpcy5hY3RpdmF0ZSgpKTtcbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmdyb3VwLCB7XG4gICAgICAgIHNpemU6IChnKSA9PiB7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgc2l6ZS0ke3RoaXMuX3ByZXZpb3VzU2l6ZX1gKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdGhpcy5fcHJldmlvdXNTaXplID0gZz8uc2l6ZSB8fCBudWxsO1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c1NpemUpIHtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoYHNpemUtJHt0aGlzLl9wcmV2aW91c1NpemV9YCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCA9ICd0YWItYmFyJztcbiAgICB0aGlzLnRhYkluZGV4ID0gdGhpcy5hY3RpdmUgPyAwIDogLTE7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2FjdGl2ZScpKSB7XG4gICAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSBgJHt0aGlzLmFjdGl2ZX1gO1xuXG4gICAgICBpZiAodGhpcy5hY3RpdmUgJiYgIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgdGhpcy5hY3RpdmF0ZSgpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5kZWFjdGl2YXRlKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSAmJiB0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gICAgICBpZiAodGhpcy5hY3RpdmUpIHtcbiAgICAgICAgdGhpcy5kZWFjdGl2YXRlKCk7XG4gICAgICAgIHRoaXMuZ3JvdXA/LmFjdGl2YXRlVGFiKDApO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKiBEZWFjdGl2YXRlIHRoZSB0YWIuICovXG4gIHB1YmxpYyBkZWFjdGl2YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlID0gZmFsc2U7XG4gICAgdGhpcy50YWI/LlsnZGVhY3RpdmF0ZSddKCk7XG4gICAgdGhpcy5fc2VsZWN0ZWQgPSBmYWxzZTtcbiAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gIH1cblxuICAvKiogU2VsZWN0IHRoZSB0YWIsIGRlYWN0aXZhdGluZyB0aGUgY3VycmVudCBzZWxlY3RlZCBvbmUsIGFuZCBkaXNwYXRjaCB0aGUgdGFiY2hhbmdlIGV2ZW50LiAqL1xuICBwdWJsaWMgYWN0aXZhdGUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGlmIChpbXBvcnQubWV0YS5lbnYuREVWKSB7XG4gICAgICAgIGNvbnNvbGUud2FybignWW91IGNhbm5vdCBhY3RpdmF0ZSBhIGRpc2FibGVkIHRhYicpO1xuICAgICAgfVxuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHRhYkxhYmVsczogU2JiVGFiTGFiZWxFbGVtZW50W10gPSB0aGlzLmdyb3VwPy5sYWJlbHMgfHwgW107XG4gICAgY29uc3QgcHJldkFjdGl2ZVRhYkxhYmVsID0gdGFiTGFiZWxzLmZpbmQoKGUpID0+IGUuX3NlbGVjdGVkKTtcbiAgICBpZiAocHJldkFjdGl2ZVRhYkxhYmVsICE9PSB0aGlzKSB7XG4gICAgICBwcmV2QWN0aXZlVGFiTGFiZWw/LmRlYWN0aXZhdGUoKTtcbiAgICAgIHRoaXMuYWN0aXZlID0gdHJ1ZTtcbiAgICAgIHRoaXMudGFiPy5bJ2FjdGl2YXRlJ10oKTtcbiAgICAgIHRoaXMuX3NlbGVjdGVkID0gdHJ1ZTtcbiAgICAgIHRoaXMudGFiSW5kZXggPSAwO1xuICAgICAgdGhpcy50YWI/LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdhY3RpdmUnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgIHRoaXMuZ3JvdXA/LmRpc3BhdGNoRXZlbnQoXG4gICAgICAgIG5ldyBDdXN0b21FdmVudDxTYmJUYWJDaGFuZ2VkRXZlbnREZXRhaWxzPigndGFiY2hhbmdlJywge1xuICAgICAgICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgICAgICAgY29tcG9zZWQ6IHRydWUsXG4gICAgICAgICAgZGV0YWlsOiB7XG4gICAgICAgICAgICBhY3RpdmVJbmRleDogdGFiTGFiZWxzLmZpbmRJbmRleCgoZSkgPT4gZSA9PT0gdGhpcyksXG4gICAgICAgICAgICBhY3RpdmVUYWJMYWJlbDogdGhpcyxcbiAgICAgICAgICAgIGFjdGl2ZVRhYjogdGhpcy50YWIgYXMgU2JiVGFiRWxlbWVudCxcbiAgICAgICAgICAgIHByZXZpb3VzSW5kZXg6IHRhYkxhYmVscy5maW5kSW5kZXgoKGUpID0+IGUgPT09IHByZXZBY3RpdmVUYWJMYWJlbCksXG4gICAgICAgICAgICBwcmV2aW91c1RhYkxhYmVsOiBwcmV2QWN0aXZlVGFiTGFiZWwsXG4gICAgICAgICAgICBwcmV2aW91c1RhYjogcHJldkFjdGl2ZVRhYkxhYmVsPy50YWIgYXMgU2JiVGFiRWxlbWVudCxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHJvdGVjdGVkIGxpbmtUb1RhYigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudGFiKSB7XG4gICAgICBpZiAoaW1wb3J0Lm1ldGEuZW52LkRFVikge1xuICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgYE1pc3NpbmcgY29udGVudDogeW91IHNob3VsZCBwcm92aWRlIGEgcmVsYXRlZCBjb250ZW50IGZvciB0aGUgdGFiICR7dGhpcy5vdXRlckhUTUx9LmAsXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzID0gW3RoaXMudGFiXTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRBR05BTUUgPSBgaCR7TnVtYmVyKHRoaXMubGV2ZWwpIDwgNyA/IHRoaXMubGV2ZWwgOiAnMSd9YDtcblxuICAgIC8qIGVzbGludC1kaXNhYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuICAgIHJldHVybiBodG1sYFxuICAgICAgICA8JHt1bnNhZmVTdGF0aWMoVEFHTkFNRSl9IGNsYXNzPVwic2JiLXRhYi1sYWJlbFwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRhYi1sYWJlbF9faWNvblwiPlxuICAgICAgICAgICAgJHt0aGlzLnJlbmRlckljb25TbG90KCl9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRhYi1sYWJlbF9fdGV4dFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8cCBjbGFzcz1cInNiYi10YWItbGFiZWxfX2Ftb3VudFwiPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cImFtb3VudFwiPiR7dGhpcy5hbW91bnR9PC9zbG90PlxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC8ke3Vuc2FmZVN0YXRpYyhUQUdOQU1FKX0+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYi1sYWJlbCc6IFNiYlRhYkxhYmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7SUM2QmEsNEJBQWtCO21CQUFTLGlCQUFpQixpQkFBaUIsV0FBVyxDQUFDOzs7Ozs7Ozs7O2NBQXpFLDJCQUEyQixZQUE4Qzs7O3dCQWFuRixVQUFVLENBQUE7eUJBR1YsV0FBVyxFQUNYLFNBQVM7SUFBRSxTQUFTO0lBQU0sTUFBTTtJQUFTLENBQUMsQ0FBQTt5QkFJMUMsV0FBVyxFQUNYLFNBQVM7SUFBRSxTQUFTO0lBQU0sV0FBVztJQUFvQixDQUFDLENBQUE7QUFUL0MsZ0JBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFLLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7QUFLakMsZ0JBQUEsTUFBQSxNQUFBLG9CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsWUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFNLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTixTQUFNOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsc0JBQUEsMEJBQUE7QUFLdEIsZ0JBQUEsTUFBQSxNQUFBLG9CQUFBO0lBQUEsTUFB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

package/development/tab-nav-bar.component-3uXgOman.js

@@ -0,0 +1,110 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, SbbNamedSlotListMixin, 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 = [
+				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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLW5hdi1iYXIuY29tcG9uZW50LTN1WGdPbWFuLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJzL3RhYi1uYXYtYmFyL3RhYi1uYXYtYmFyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLW5hdi1iYXIvdGFiLW5hdi1iYXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcCk7XG59XG5cbi5zYmItdGFiLW5hdi1iYXIge1xuICBAaW5jbHVkZSBzYmIubGlzdC1yZXNldDtcbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaXNMZWFuLCBTYmJFbGVtZW50LCBTYmJOYW1lZFNsb3RMaXN0TWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB7IHRhYkdyb3VwQ29tbW9uU3R5bGVzLCB0YWJMYWJlbENvbW1vblN0eWxlcyB9IGZyb20gJy4uL2NvbW1vbi9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWItbmF2LWJhci5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgb25lIG9yIG1vcmUgdGFiLWxhYmVsLWxpa2UgZWxlbWVudHMsIGVhY2ggb25lIGlzIGFuIGFuY2hvciBlbGVtZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGFuY2hvcnMuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUYWJOYXZCYXJFbGVtZW50IGV4dGVuZHMgU2JiTmFtZWRTbG90TGlzdE1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWItbmF2LWJhcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICB0YWJMYWJlbENvbW1vblN0eWxlcyxcbiAgICB0YWJHcm91cENvbW1vblN0eWxlcyxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnbmF2aWdhdGlvbic7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbJ2EnXTtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgcywgbCBvciB4bC5cbiAgICogQGRlZmF1bHQgJ2wnIC8gJ3MnIChsZWFuKVxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ2wnIHwgJ3hsJyA9IGlzTGVhbigpID8gJ3MnIDogJ2wnO1xuXG4gIHByaXZhdGUgX3Jlc2l6ZUNvbnRyb2xsZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9vblRhYkdyb3VwRWxlbWVudFJlc2l6ZSgpLFxuICB9KTtcblxuICBwcml2YXRlIF9saXN0RWxlbWVudDogRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX29uVGFiR3JvdXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIHRoaXMubGlzdENoaWxkcmVuLmZvckVhY2goKGFuY2hvcikgPT4ge1xuICAgICAgYW5jaG9yLmFzc2lnbmVkU2xvdD8ucGFyZW50RWxlbWVudD8udG9nZ2xlQXR0cmlidXRlKFxuICAgICAgICAnZGF0YS1oYXMtZGl2aWRlcicsXG4gICAgICAgIGFuY2hvciA9PT0gdGhpcy5saXN0Q2hpbGRyZW5bMF0gfHwgYW5jaG9yLm9mZnNldExlZnQgPT09IHRoaXMubGlzdENoaWxkcmVuWzBdLm9mZnNldExlZnQsXG4gICAgICApO1xuICAgIH0pO1xuXG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItdGFiLWdyb3VwLXdpZHRoJywgYCR7dGhpcy5fbGlzdEVsZW1lbnQ/LmNsaWVudFdpZHRofXB4YCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl91cGRhdGVXaWR0aE9ic2VydmVyKCk7XG5cbiAgICAvLyBXaGVuZXZlciBzbG90dGVkIGVsZW1lbnQgY2hhbmdlLCB0aGUgdGFyZ2V0IHRvIG9ic2VydmUgbWlnaHQgY2hhbmdlIGFzIHdlbGxcbiAgICAvLyAoY2hhbmdlIGZyb20gc2luZ2xlIHRvIG11bHRpcGxlIGVsZW1lbnRzIG9yIHZpY2UgdmVyc2EpLlxuICAgIHRoaXMuc2hhZG93Um9vdD8uYWRkRXZlbnRMaXN0ZW5lcignc2xvdGNoYW5nZScsICgpID0+IHRoaXMuX3VwZGF0ZVdpZHRoT2JzZXJ2ZXIoKSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVXaWR0aE9ic2VydmVyKCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcihgLiR7dGhpcy5sb2NhbE5hbWV9YCk7XG5cbiAgICBpZiAodGFyZ2V0ICYmIHRoaXMuX2xpc3RFbGVtZW50ICE9PSB0YXJnZXQpIHtcbiAgICAgIGlmICh0aGlzLl9saXN0RWxlbWVudCkge1xuICAgICAgICB0aGlzLl9yZXNpemVDb250cm9sbGVyLnVub2JzZXJ2ZSh0aGlzLl9saXN0RWxlbWVudCk7XG4gICAgICB9XG4gICAgICB0aGlzLl9saXN0RWxlbWVudCA9IHRhcmdldDtcbiAgICAgIHRoaXMuX3Jlc2l6ZUNvbnRyb2xsZXIub2JzZXJ2ZSh0YXJnZXQpO1xuICAgIH0gZWxzZSBpZiAoIXRhcmdldCAmJiB0aGlzLl9saXN0RWxlbWVudCkge1xuICAgICAgdGhpcy5fcmVzaXplQ29udHJvbGxlci51bm9ic2VydmUodGhpcy5fbGlzdEVsZW1lbnQpO1xuICAgICAgdGhpcy5fbGlzdEVsZW1lbnQgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiB0aGlzLnJlbmRlckxpc3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYi1uYXYtYmFyJzogU2JiVGFiTmF2QmFyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUNjYSw2QkFBbUI7bUJBQVMsc0JBQXNCLFdBQVc7Ozs7Y0FBN0QsNEJBQTRCLFlBQWlDOzs7QUFTckQsUUFBQSxzQkFBc0IsQ0FBQyxJQUFJO0FBTzlCLFNBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBeUIsUUFBUSxHQUFHLE1BQU0sSUFBRztBQUVyRCxRQUFBLHFCQUFpQixrQkFBQSxNQUFBLHdCQUFBLEVBQUcsSUFBSSxpQkFBaUIsTUFBTTtJQUNyRCxRQUFRO0lBQ1IsZ0JBQWdCLEtBQUssMEJBQUE7SUFDdEIsQ0FBQztBQUVNLFFBQUEsZUFBK0I7Ozs7dUJBUnRDLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBQzVCLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBOzs7Ozs7Ozs7QUFmWSxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QjtJQUM5QztJQUNBO0lBQ0EsVUFBVSxvQkFBQTtJQUNYOzs7QUFDK0IsUUFBQSxPQUFPOztFQVN2Qzs7Ozs7RUFBQSxJQUFnQixPQUFJO0FBQUEsVUFBQSxNQUFBOztFQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSxTQUFBLHdCQUFBOztFQVNaLDJCQUF3QjtBQUM5QixRQUFLLGFBQWEsU0FBUyxXQUFVO0FBQ25DLFdBQU8sY0FBYyxlQUFlLGdCQUNsQyxvQkFDQSxXQUFXLEtBQUssYUFBYSxNQUFNLE9BQU8sZUFBZSxLQUFLLGFBQWEsR0FBRyxXQUMvRTtLQUNEO0FBRUYsUUFBSyxNQUFNLFlBQVkseUJBQXlCLEdBQUcsS0FBSyxjQUFjLFlBQVcsSUFBSzs7RUFHckUsYUFBYSxtQkFBdUM7QUFDckUsU0FBTSxhQUFhLGtCQUFrQjtBQUVyQyxRQUFLLHNCQUFzQjtBQUkzQixRQUFLLFlBQVksaUJBQWlCLG9CQUFvQixLQUFLLHNCQUFzQixDQUFDOztFQUc1RSx1QkFBb0I7R0FDMUIsTUFBTSxTQUFTLEtBQUssWUFBWSxjQUFjLElBQUksS0FBSyxZQUFZO0FBRW5FLE9BQUksVUFBVSxLQUFLLGlCQUFpQixRQUFRO0FBQzFDLFFBQUksS0FBSyxhQUNQLE1BQUssa0JBQWtCLFVBQVUsS0FBSyxhQUFhO0FBRXJELFNBQUssZUFBZTtBQUNwQixTQUFLLGtCQUFrQixRQUFRLE9BQU87Y0FDN0IsQ0FBQyxVQUFVLEtBQUssY0FBYztBQUN2QyxTQUFLLGtCQUFrQixVQUFVLEtBQUssYUFBYTtBQUNuRCxTQUFLLGVBQWU7OztFQUlMLFNBQU07QUFDdkIsVUFBTyxLQUFLLFlBQVkifQ==

package/development/tab.component-DxZtEaTP.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC1EeFp0RWFUUC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWIvdGFiLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBAaW5jbHVkZSBzYmIuaWdub3JlLWNoaWxkcmVuLW1hcmdpbjtcbn1cblxuOmhvc3QoOmZvY3VzLXZpc2libGUpIHtcbiAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG59XG5cbjpob3N0KDpub3QoOnN0YXRlKGFjdGl2ZSkpKSB7XG4gIC8vIFdlIHdhbnQgdGhhdCBhIGNvbnN1bWVyIGNhbiBoYXZlIGEgZGlmZmVyZW50IGRpc3BsYXkgcHJvcGVydHkgb24gdGhlIHRhYiwgZS5nLiBmbGV4LCBncmlkLCBldGMuXG4gIC8vIEJ1dCBpZiB0aGUgdGFiIGlzIG5vdCBhY3RpdmUsIGRpc3BsYXk6IG5vbmUgc2hvdWxkIGFsd2F5cyB3aW4uXG4gIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG9wYWNpdHk6IDE7XG4gIHRyYW5zaXRpb246IHtcbiAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRhYi1ncm91cC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIGRlbGF5OiB2YXIoLS1zYmItdGFiLWdyb3VwLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IG9wYWNpdHksIGhlaWdodDtcbiAgfVxuXG4gIC8vIEV4cGVyaW1lbnRhbCBwcm9wZXJ0eSwgYnV0IHN1cHBvcnRlZCBpbiBldmVyeSBtYWpvciBicm93c2VyLlxuICB0cmFuc2l0aW9uLWJlaGF2aW9yOiBhbGxvdy1kaXNjcmV0ZTtcblxuICAvLyBFeHBlcmltZW50YWwgcHJvcGVydHksIGN1cnJlbnRseSBzdXBwb3J0ZWQgaW4gZXZlcnkgbWFqb3IgYnJvd3NlciBleGNlcHQgRmlyZWZveC5cbiAgQHN0YXJ0aW5nLXN0eWxlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBob3N0U2Nyb2xsYmFyU3R5bGVzLCBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhYkdyb3VwRWxlbWVudCB9IGZyb20gJy4uL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXRhYi1ncm91cGAgYW5kIGBzYmItdGFiLWxhYmVsYCwgaXQgZGlzcGxheXMgYSB0YWIncyBjb250ZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBjb250ZW50LlxuICogQGV2ZW50IHtFdmVudH0gYWN0aXZlIC0gVGhlIGBhY3RpdmVgIGV2ZW50IGZpcmVzIHdoZW4gdGhlIHNiYi10YWIgaGFzIGJlZW4gYWN0aXZhdGVkIHZpYSB1c2VyIHNlbGVjdGlvbiBvbiB0aGUgc2JiLXRhYi1sYWJlbC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYkVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJvbGUgPSAndGFicGFuZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbaG9zdFNjcm9sbGJhclN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGFjdGl2ZTogJ2FjdGl2ZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgcHJpdmF0ZSBfdGFiQ29udGVudFJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25UYWJDb250ZW50RWxlbWVudFJlc2l6ZSgpLFxuICB9KTtcblxuICAvKiogVGhlIGBzYmItdGFiLWxhYmVsYCBhc3NvY2lhdGVkIHdpdGggdGhlIHRhYi4gKi9cbiAgcHVibGljIGdldCBsYWJlbCgpOiBTYmJUYWJMYWJlbEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nPy5sb2NhbE5hbWUgPT09ICdzYmItdGFiLWxhYmVsJ1xuICAgICAgPyAodGhpcy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nIGFzIFNiYlRhYkxhYmVsRWxlbWVudClcbiAgICAgIDogbnVsbDtcbiAgfVxuXG4gIC8qKiBHZXQgdGhlIHBhcmVudCBgc2JiLXRhYi1ncm91cGAuICovXG4gIHB1YmxpYyBnZXQgZ3JvdXAoKTogU2JiVGFiR3JvdXBFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuY2xvc2VzdCgnc2JiLXRhYi1ncm91cCcpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy50YWJJbmRleCA9IDA7XG5cbiAgICAvLyBXaGVuIGluY2x1ZGluZyB0aGUgc2Nyb2xsYmFyIHN0eWxlcyBvbiB0aGUgaG9zdCwgdGhlcmUgaXMgbm8gaG92ZXIgZWZmZWN0IG9mIHRoZSBzY3JvbGxiYXIgcG9zc2libGUuXG4gICAgLy8gSW4gbW9zdCBjYXNlcywgdGhlIGNvbXBvbmVudCB3aWxsIGJlIHVzZWQgaW4gTGlnaHQgRE9NLiBUbyBhbHNvIHN1cHBvcnQgdGhlIGhvdmVyIGVmZmVjdCxcbiAgICAvLyB3ZSBhZGRpdGlvbmFsbHkgYWRkIHRoZSBgc2JiLXNjcm9sbGJhcmAgQ1NTIGNsYXNzIHRvIHRoZSBob3N0LlxuICAgIC8vIFRoaXMgaXMgYW4gZXhjZXB0aW9uIGFzIHdlIG5vcm1hbGx5IGRvbid0IGFsdGVyIHRoZSBjbGFzc0xpc3Qgb2YgdGhlIGhvc3QuXG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyJyk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHByb3RlY3RlZCBhY3RpdmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKCdhY3RpdmUnKTtcbiAgICB0aGlzLl90YWJDb250ZW50UmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzKTtcbiAgfVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIGRlYWN0aXZhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5fdGFiQ29udGVudFJlc2l6ZU9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzKTtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdhY3RpdmUnKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uVGFiQ29udGVudEVsZW1lbnRSZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5ncm91cD8uWydzZXRUYWJDb250ZW50SGVpZ2h0J10oTWF0aC5mbG9vcih0aGlzLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWInOiBTYmJUYWJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUNlQSxJQUFhLGdCQUFiLGNBQW1DLFdBQVU7Q0FBN0MsY0FBQTs7QUFRVSxPQUFBLDRCQUE0QixJQUFJLGlCQUFpQixNQUFNO0dBQzdELFFBQVE7R0FDUixhQUFhO0dBQ2IsZ0JBQWdCLEtBQUssNEJBQUE7R0FDdEIsQ0FBQzs7O0FBWDhCLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLE9BQU87OztBQUNQLE9BQUEsU0FBeUIsQ0FBQyxxQkFBcUIsVUFBVSxZQUFNLENBQUM7OztBQUNoRSxPQUFBLFNBQVMsRUFDOUIsUUFBUSxVQUNBOzs7Q0FTVixJQUFXLFFBQUs7QUFDZCxTQUFPLEtBQUssd0JBQXdCLGNBQWMsa0JBQzdDLEtBQUsseUJBQ047OztDQUlOLElBQVcsUUFBSztBQUNkLFNBQU8sS0FBSyxRQUFRLGdCQUFnQjs7Q0FHdEIsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBQ3pCLE9BQUssV0FBVztBQU1oQixPQUFLLFVBQVUsSUFBSSxnQkFBZ0I7OztDQUkzQixXQUFRO0FBQ2hCLE9BQUssVUFBVSxPQUFPLElBQUksU0FBUztBQUNuQyxPQUFLLDBCQUEwQixRQUFRLEtBQUs7OztDQUlwQyxhQUFVO0FBQ2xCLE9BQUssMEJBQTBCLFVBQVUsS0FBSztBQUM5QyxPQUFLLFVBQVUsT0FBTyxPQUFPLFNBQVM7O0NBR2hDLDZCQUEwQjtBQUNoQyxPQUFLLFFBQVEsdUJBQXVCLEtBQUssTUFBTSxLQUFLLHVCQUF1QixDQUFDLE9BQU8sQ0FBQzs7Q0FHbkUsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==

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,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"}
+{"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-iSeT-FPH.js";
+import { t as SbbTableWrapperElement } from "../../table-wrapper.component-Ba6NpQu1.js";
 export { SbbTableWrapperElement };

package/development/table-wrapper.component-Ba6NpQu1.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-thumb-width: 0.5rem;\n  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);\n  --sbb-scrollbar-width-firefox: auto;\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-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5jb21wb25lbnQtQmE2TnBRdTEuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYmxlL3RhYmxlLXdyYXBwZXIvdGFibGUtd3JhcHBlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJsZS90YWJsZS13cmFwcGVyL3RhYmxlLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93OiBhdXRvO1xuXG4gIEBpbmNsdWRlIHNiYi5zY3JvbGxiYXItdmFyaWFibGVzLS1zaXplLXRoaWNrO1xuICBAaW5jbHVkZSBzYmIuc2Nyb2xsYmFyLXZhcmlhYmxlcy0tY29sb3ItcG9zaXRpdmUtdHJhY2stdmlzaWJsZTtcbn1cblxuOmhvc3QoOmZvY3VzLXZpc2libGUpIHtcbiAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG59XG5cbjo6c2xvdHRlZCguc2JiLXRhYmxlKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIEBpbmNsdWRlIHNiYi5zY3JvbGxiYXItdmFyaWFibGVzLS1jb2xvci1uZWdhdGl2ZS10cmFjay12aXNpYmxlO1xufVxuIiwiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgaXNTZXJ2ZXIsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG4gIHVuc2FmZUNTUyxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUsIGhvc3RTY3JvbGxiYXJTdHlsZXMsIFNiYkVsZW1lbnQsIFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGFibGUtd3JhcHBlci5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogV3JhcHMgYSB0YWJsZSB0byBlbmhhbmNlIGl0cyBmdW5jdGlvbmFsaXR5LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRoZSB0YWJsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYmxlV3JhcHBlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWJsZS13cmFwcGVyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ3NlY3Rpb24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbaG9zdFNjcm9sbGJhclN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHdyYXBwZXIgaXMgZm9jdXNhYmxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZm9jdXNhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpLFxuICAgICAgfSksXG4gICAgKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdzY3JvbGwnLCAoKSA9PiB0aGlzLl9jaGVja0hvcml6b250YWxTY3JvbGxiYXJPZmZzZXQoKSwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gV2hlbiBpbmNsdWRpbmcgdGhlIHNjcm9sbGJhciBzdHlsZXMgb24gdGhlIGhvc3QsIHRoZXJlIGlzIG5vIGhvdmVyIGVmZmVjdCBvZiB0aGUgc2Nyb2xsYmFyIHBvc3NpYmxlLlxuICAgIC8vIEluIG1vc3QgY2FzZXMsIHRoZSBjb21wb25lbnQgd2lsbCBiZSB1c2VkIGluIExpZ2h0IERPTS4gVG8gYWxzbyBzdXBwb3J0IHRoZSBob3ZlciBlZmZlY3QsXG4gICAgLy8gd2UgYWRkaXRpb25hbGx5IGFkZCB0aGUgc2Nyb2xsYmFyIENTUyBjbGFzc2VzIHRvIHRoZSBob3N0LlxuICAgIC8vIFRoaXMgaXMgYW4gZXhjZXB0aW9uIGFzIHdlIG5vcm1hbGx5IGRvbid0IGFsdGVyIHRoZSBjbGFzc0xpc3Qgb2YgdGhlIGhvc3QuXG4gICAgdGhpcy5fdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZm9jdXNhYmxlJykpIHtcbiAgICAgIGlmICh0aGlzLmZvY3VzYWJsZSkge1xuICAgICAgICBpZiAoIXRoaXMuaGFzQXR0cmlidXRlKCd0YWJpbmRleCcpKSB7XG4gICAgICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JywgJzAnKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5yZW1vdmVBdHRyaWJ1dGUoJ3RhYmluZGV4Jyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbmVnYXRpdmUnKSkge1xuICAgICAgdGhpcy5fdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVTY3JvbGxiYXJDbGFzcygpOiB2b2lkIHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKHRoaXMubmVnYXRpdmUpIHtcbiAgICAgIHRoaXMuY2xhc3NMaXN0LnJlbW92ZSgnc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlJyk7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5hZGQoJ3NiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUtdHJhY2stdmlzaWJsZScpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5yZW1vdmUoJ3NiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUtdHJhY2stdmlzaWJsZScpO1xuICAgICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyLXRoaWNrLXRyYWNrLXZpc2libGUnKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogIENhbGN1bGF0ZXMgd2hldGhlciB0aGUgdGFibGUgaXMgaG9yaXpvbnRhbGx5IHNjcm9sbGVkIGFuZCBhZGRzIHRoZVxuICAgKiAgY29ycmVzcG9uZGluZyBjbGFzcyBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LSR7bm9uZSB8IGxlZnQgfCByaWdodCB8IGJvdGh9YFxuICAgKi9cbiAgcHJpdmF0ZSBfY2hlY2tIb3Jpem9udGFsU2Nyb2xsYmFyT2Zmc2V0KCk6IHZvaWQge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5fY2FsY3VsYXRlU2Nyb2xsT2Zmc2V0KCk7XG4gICAgdGhpcy5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC1ub25lYCxcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtbGVmdGAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LXJpZ2h0YCxcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtYm90aGAsXG4gICAgKTtcbiAgICB0aGlzLmNsYXNzTGlzdC5hZGQoYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC0ke3N0YXRlfWApO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2FsY3VsYXRlU2Nyb2xsT2Zmc2V0KCk6ICdub25lJyB8ICdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCcge1xuICAgIGlmICh0aGlzLnNjcm9sbFdpZHRoID09PSB0aGlzLm9mZnNldFdpZHRoKSB7XG4gICAgICByZXR1cm4gJ25vbmUnO1xuICAgIH1cbiAgICBjb25zdCBpc0F0U3RhcnQgPSB0aGlzLnNjcm9sbExlZnQgPT09IDA7XG4gICAgLy8gSW4gc29tZSBjYXNlcyB0aGUgY29tYmluZWQgdmFsdWUgb2Ygc2Nyb2xsTGVmdCBhbmQgb2Zmc2V0V2lkdGggaXMgb2ZmIGJ5XG4gICAgLy8gMSBwaXhlbCBmcm9tIHRoZSBzY3JvbGxXaWR0aC5cbiAgICBjb25zdCBpc0F0RW5kID0gdGhpcy5zY3JvbGxXaWR0aCAtIHRoaXMuc2Nyb2xsTGVmdCAtIHRoaXMub2Zmc2V0V2lkdGggPD0gMTtcblxuICAgIGlmIChpc0F0U3RhcnQpIHtcbiAgICAgIHJldHVybiBpc0F0RW5kID8gJ25vbmUnIDogJ3JpZ2h0JztcbiAgICB9XG4gICAgcmV0dXJuIGlzQXRFbmQgPyAnbGVmdCcgOiAnYm90aCc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYmxlLXdyYXBwZXInOiBTYmJUYWJsZVdyYXBwZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0lDb0JhLGdDQUFzQjttQkFBUyxpQkFBaUIsV0FBVzs7OztjQUEzRCwrQkFBK0IsWUFBNEI7Ozs0QkFNckUsV0FBVyxFQUNYLFNBQVM7SUFBRSxTQUFTO0lBQU0sTUFBTTtJQUFTLENBQUMsQ0FBQTtBQUMzQyxnQkFBQSxNQUFBLE1BQUEsdUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxlQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVMsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFULFlBQVM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx5QkFBQSw2QkFBQTs7Ozs7Ozs7O0FBUE8sUUFBQSxjQUFzQjs7O0FBQ3RCLFFBQUEsT0FBTzs7O0FBQ2hCLFFBQUEsU0FBeUIsQ0FBQyxxQkFBcUIsVUFBVSxzQkFBTSxDQUFDOztFQUt2Riw4QkFBQSxrQkFBQSxNQUFBLHlCQUFxQyxNQUFLOztFQUExQyxJQUFnQixZQUFTO0FBQUEsVUFBQSxNQUFBOztFQUF6QixJQUFnQixVQUFTLE9BQUE7QUFBQSxTQUFBLDZCQUFBOztFQUV6QixjQUFBO0FBQ0UsVUFBTzs7QUFDUCxRQUFLLGNBQ0gsSUFBSSxpQkFBaUIsTUFBTTtJQUN6QixhQUFhO0lBQ2IsZ0JBQWdCLEtBQUssaUNBQUE7SUFDdEIsQ0FBQyxDQUNIO0FBRUQsUUFBSyxtQkFBbUIsZ0JBQWdCLEtBQUssaUNBQWlDLEVBQUUsRUFDOUUsU0FBUyxNQUNWLENBQUM7O0VBR1ksb0JBQWlCO0FBQy9CLFNBQU0sbUJBQW1CO0FBTXpCLFFBQUssdUJBQXVCOztFQUdYLFdBQVcsbUJBQXVDO0FBQ25FLFNBQU0sV0FBVyxrQkFBa0I7QUFFbkMsT0FBSSxrQkFBa0IsSUFBSSxZQUFZLENBQ3BDLEtBQUksS0FBSztRQUNILENBQUMsS0FBSyxhQUFhLFdBQVcsQ0FDaEMsTUFBSyxhQUFhLFlBQVksSUFBSTtTQUdwQyxNQUFLLGdCQUFnQixXQUFXO0FBSXBDLE9BQUksa0JBQWtCLElBQUksV0FBVyxDQUNuQyxNQUFLLHVCQUF1Qjs7RUFJeEIsd0JBQXFCO0FBQzNCLE9BQUksU0FDRjtBQUVGLE9BQUksS0FBSyxVQUFVO0FBQ2pCLFNBQUssVUFBVSxPQUFPLG9DQUFvQztBQUMxRCxTQUFLLFVBQVUsSUFBSSw2Q0FBNkM7VUFDM0Q7QUFDTCxTQUFLLFVBQVUsT0FBTyw2Q0FBNkM7QUFDbkUsU0FBSyxVQUFVLElBQUksb0NBQW9DOzs7Ozs7O0VBUW5ELGtDQUErQjtHQUNyQyxNQUFNLFFBQVEsS0FBSyx3QkFBd0I7QUFDM0MsUUFBSyxVQUFVLE9BQ2IsaUNBQ0EsaUNBQ0Esa0NBQ0EsZ0NBQ0Q7QUFDRCxRQUFLLFVBQVUsSUFBSSw0QkFBNEIsUUFBUTs7RUFHakQseUJBQXNCO0FBQzVCLE9BQUksS0FBSyxnQkFBZ0IsS0FBSyxZQUM1QixRQUFPO0dBRVQsTUFBTSxZQUFZLEtBQUssZUFBZTtHQUd0QyxNQUFNLFVBQVUsS0FBSyxjQUFjLEtBQUssYUFBYSxLQUFLLGVBQWU7QUFFekUsT0FBSSxVQUNGLFFBQU8sVUFBVSxTQUFTO0FBRTVCLFVBQU8sVUFBVSxTQUFTOztFQUdULFNBQU07QUFDdkIsVUFBTyxJQUFJIn0=

package/development/table.js

@@ -1,4 +1,4 @@
-import { t as SbbTableWrapperElement } from "./table-wrapper.component-iSeT-FPH.js";
+import { t as SbbTableWrapperElement } from "./table-wrapper.component-Ba6NpQu1.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-iSeT-FPH.js";
+import { t as SbbTableWrapperElement } from "./table-wrapper.component-Ba6NpQu1.js";
 export { SbbTableWrapperElement };

package/development/tabs/common/styles.js

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

package/development/tabs/tab/tab.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab/tab.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAM9E;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,gBAAgC,WAAW,EAAE,MAAM,CAAa;IAChE,OAAuB,IAAI,SAAc;IACzC,OAAuB,MAAM,EAAE,cAAc,CAAoB;IACjE,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,yBAAyB,CAI9B;IAEH,mDAAmD;IACnD,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAI5C;IAED,sCAAsC;IACtC,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE5C;IAEe,iBAAiB,IAAI,IAAI;IAYzC,gBAAgB;IAChB,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B,gBAAgB;IAChB,SAAS,CAAC,UAAU,IAAI,IAAI;IAK5B,OAAO,CAAC,0BAA0B;cAIf,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}
+{"version":3,"file":"tab.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab/tab.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAEhF,OAAO,EAAuB,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,gBAAgC,WAAW,EAAE,MAAM,CAAa;IAChE,OAAuB,IAAI,SAAc;IACzC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IACxF,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,yBAAyB,CAI9B;IAEH,mDAAmD;IACnD,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAI5C;IAED,sCAAsC;IACtC,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE5C;IAEe,iBAAiB,IAAI,IAAI;IAWzC,gBAAgB;IAChB,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B,gBAAgB;IAChB,SAAS,CAAC,UAAU,IAAI,IAAI;IAK5B,OAAO,CAAC,0BAA0B;cAIf,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}

package/development/tabs/tab/tab.component.js

@@ -1,2 +1,2 @@
-import { t as SbbTabElement } from "../../tab.component-DteuwiHv.js";
+import { t as SbbTabElement } from "../../tab.component-DxZtEaTP.js";
 export { SbbTabElement };