@sbb-esta/lyne-elements-dev 4.13.1-dev.1781017607 → 5.0.0-dev.1781076451

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

@@ -0,0 +1,109 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, SbbNamedSlotListMixin } 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}";
+//#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, null);
+			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 (lean theme default), l (standard theme default) or xl.
+		*/
+		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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLW5hdi1iYXIuY29tcG9uZW50LURDNEJhN3cyLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJzL3RhYi1uYXYtYmFyL3RhYi1uYXYtYmFyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLW5hdi1iYXIvdGFiLW5hdi1iYXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcCk7XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQsIFNiYk5hbWVkU2xvdExpc3RNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgdGFiR3JvdXBDb21tb25TdHlsZXMsIHRhYkxhYmVsQ29tbW9uU3R5bGVzIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1uYXYtYmFyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBvbmUgb3IgbW9yZSB0YWItbGFiZWwtbGlrZSBlbGVtZW50cywgZWFjaCBvbmUgaXMgYW4gYW5jaG9yIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW5jaG9ycy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYk5hdkJhckVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRhYi1uYXYtYmFyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIHRhYkxhYmVsQ29tbW9uU3R5bGVzLFxuICAgIHRhYkdyb3VwQ29tbW9uU3R5bGVzLFxuICAgIHVuc2FmZUNTUyhzdHlsZSksXG4gIF07XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICduYXZpZ2F0aW9uJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnYSddO1xuXG4gIC8qKlxuICAgKiBTaXplIHZhcmlhbnQsIGVpdGhlciBzIChsZWFuIHRoZW1lIGRlZmF1bHQpLCBsIChzdGFuZGFyZCB0aGVtZSBkZWZhdWx0KSBvciB4bC5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIHNpemU6ICdzJyB8ICdsJyB8ICd4bCcgfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIF9yZXNpemVDb250cm9sbGVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25UYWJHcm91cEVsZW1lbnRSZXNpemUoKSxcbiAgfSk7XG5cbiAgcHJpdmF0ZSBfbGlzdEVsZW1lbnQ6IEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIF9vblRhYkdyb3VwRWxlbWVudFJlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RDaGlsZHJlbi5mb3JFYWNoKChhbmNob3IpID0+IHtcbiAgICAgIGFuY2hvci5hc3NpZ25lZFNsb3Q/LnBhcmVudEVsZW1lbnQ/LnRvZ2dsZUF0dHJpYnV0ZShcbiAgICAgICAgJ2RhdGEtaGFzLWRpdmlkZXInLFxuICAgICAgICBhbmNob3IgPT09IHRoaXMubGlzdENoaWxkcmVuWzBdIHx8IGFuY2hvci5vZmZzZXRMZWZ0ID09PSB0aGlzLmxpc3RDaGlsZHJlblswXS5vZmZzZXRMZWZ0LFxuICAgICAgKTtcbiAgICB9KTtcblxuICAgIHRoaXMuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2JiLXRhYi1ncm91cC13aWR0aCcsIGAke3RoaXMuX2xpc3RFbGVtZW50Py5jbGllbnRXaWR0aH1weGApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgdGhpcy5fdXBkYXRlV2lkdGhPYnNlcnZlcigpO1xuXG4gICAgLy8gV2hlbmV2ZXIgc2xvdHRlZCBlbGVtZW50IGNoYW5nZSwgdGhlIHRhcmdldCB0byBvYnNlcnZlIG1pZ2h0IGNoYW5nZSBhcyB3ZWxsXG4gICAgLy8gKGNoYW5nZSBmcm9tIHNpbmdsZSB0byBtdWx0aXBsZSBlbGVtZW50cyBvciB2aWNlIHZlcnNhKS5cbiAgICB0aGlzLnNoYWRvd1Jvb3Q/LmFkZEV2ZW50TGlzdGVuZXIoJ3Nsb3RjaGFuZ2UnLCAoKSA9PiB0aGlzLl91cGRhdGVXaWR0aE9ic2VydmVyKCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlV2lkdGhPYnNlcnZlcigpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSB0aGlzLnNoYWRvd1Jvb3Q/LnF1ZXJ5U2VsZWN0b3IoYC4ke3RoaXMubG9jYWxOYW1lfWApO1xuXG4gICAgaWYgKHRhcmdldCAmJiB0aGlzLl9saXN0RWxlbWVudCAhPT0gdGFyZ2V0KSB7XG4gICAgICBpZiAodGhpcy5fbGlzdEVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fcmVzaXplQ29udHJvbGxlci51bm9ic2VydmUodGhpcy5fbGlzdEVsZW1lbnQpO1xuICAgICAgfVxuICAgICAgdGhpcy5fbGlzdEVsZW1lbnQgPSB0YXJnZXQ7XG4gICAgICB0aGlzLl9yZXNpemVDb250cm9sbGVyLm9ic2VydmUodGFyZ2V0KTtcbiAgICB9IGVsc2UgaWYgKCF0YXJnZXQgJiYgdGhpcy5fbGlzdEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3Jlc2l6ZUNvbnRyb2xsZXIudW5vYnNlcnZlKHRoaXMuX2xpc3RFbGVtZW50KTtcbiAgICAgIHRoaXMuX2xpc3RFbGVtZW50ID0gbnVsbDtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gdGhpcy5yZW5kZXJMaXN0KCk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWItbmF2LWJhcic6IFNiYlRhYk5hdkJhckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0lDY2EsNkJBQW1CO21CQUFTLHNCQUFzQixVQUFVOzs7O2NBQTVELDRCQUE0QixZQUFpQzs7O0dBU3JELEtBQUEsc0JBQXNCLENBQUMsR0FBRztHQU03QixLQUFBLHlCQUFBLGtCQUFBLE1BQUEsb0JBQWdDLElBQUk7R0FFNUMsS0FBQSxxQkFBaUIsa0JBQUEsTUFBQSx1QkFBQSxHQUFHLElBQUksaUJBQWlCLE1BQU07SUFDckQsUUFBUTtJQUNSLGdCQUFnQixLQUFLLHlCQUF3QjtJQUM5QztHQUVPLEtBQUEsZUFBK0I7RUF5Q3pDOzs7dUJBakRHLFNBQVMsRUFBRSxTQUFTLEtBQUksQ0FBRSxDQUFDO0dBQzVCLGFBQUEsTUFBQSxNQUFBLGtCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsVUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFJLE1BQUEsS0FBQSxVQUFBO01BQUEsSUFBSixPQUFJO0tBQUE7SUFBQTtJQUFBLFVBQUE7R0FBQSxHQUFBLG9CQUFBLHVCQUFBOzs7Ozs7Ozs7R0FkWSxLQUFBLGNBQXNCO0VBQWtCOztHQUNqRCxLQUFBLFNBQXlCO0lBQzlDO0lBQ0E7SUFDQSxVQUFVLG1CQUFLOztFQUNmOztHQUM4QixLQUFBLE9BQU87RUFBYTtFQVFwRDs7OztFQUFBLElBQWdCLE9BQUk7R0FBQSxPQUFBLEtBQUE7RUFBQTtFQUFwQixJQUFnQixLQUFJLE9BQUE7R0FBQSxLQUFBLHlCQUFBO0VBQUE7RUFTWiwyQkFBd0I7R0FDOUIsS0FBSyxhQUFhLFNBQVMsV0FBVTtJQUNuQyxPQUFPLGNBQWMsZUFBZSxnQkFDbEMsb0JBQ0EsV0FBVyxLQUFLLGFBQWEsTUFBTSxPQUFPLGVBQWUsS0FBSyxhQUFhLEdBQUcsVUFBVTtHQUU1RixDQUFDO0dBRUQsS0FBSyxNQUFNLFlBQVkseUJBQXlCLEdBQUcsS0FBSyxjQUFjLFlBQVcsR0FBSTtFQUN2RjtFQUVtQixhQUFhLG1CQUF1QztHQUNyRSxNQUFNLGFBQWEsaUJBQWlCO0dBRXBDLEtBQUsscUJBQW9CO0dBSXpCLEtBQUssWUFBWSxpQkFBaUIsb0JBQW9CLEtBQUsscUJBQW9CLENBQUU7RUFDbkY7RUFFUSx1QkFBb0I7R0FDMUIsTUFBTSxTQUFTLEtBQUssWUFBWSxjQUFjLElBQUksS0FBSyxXQUFXO0dBRWxFLElBQUksVUFBVSxLQUFLLGlCQUFpQixRQUFRO0lBQzFDLElBQUksS0FBSyxjQUNQLEtBQUssa0JBQWtCLFVBQVUsS0FBSyxZQUFZO0lBRXBELEtBQUssZUFBZTtJQUNwQixLQUFLLGtCQUFrQixRQUFRLE1BQU07R0FDdkMsT0FBTyxJQUFJLENBQUMsVUFBVSxLQUFLLGNBQWM7SUFDdkMsS0FBSyxrQkFBa0IsVUFBVSxLQUFLLFlBQVk7SUFDbEQsS0FBSyxlQUFlO0dBQ3RCO0VBQ0Y7RUFFbUIsU0FBTTtHQUN2QixPQUFPLEtBQUssV0FBVTtFQUN4QiJ9

package/development/tab.component-Bsdzs7P2.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC1Cc2R6czdQMi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWIvdGFiLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiL3RhYi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBAaW5jbHVkZSBzYmIuaWdub3JlLWNoaWxkcmVuLW1hcmdpbjtcbn1cblxuOmhvc3QoOmZvY3VzLXZpc2libGUpIHtcbiAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG59XG5cbjpob3N0KDpub3QoOnN0YXRlKGFjdGl2ZSkpKSB7XG4gIC8vIFdlIHdhbnQgdGhhdCBhIGNvbnN1bWVyIGNhbiBoYXZlIGEgZGlmZmVyZW50IGRpc3BsYXkgcHJvcGVydHkgb24gdGhlIHRhYiwgZS5nLiBmbGV4LCBncmlkLCBldGMuXG4gIC8vIEJ1dCBpZiB0aGUgdGFiIGlzIG5vdCBhY3RpdmUsIGRpc3BsYXk6IG5vbmUgc2hvdWxkIGFsd2F5cyB3aW4uXG4gIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG9wYWNpdHk6IDE7XG4gIHRyYW5zaXRpb246IHtcbiAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRhYi1ncm91cC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIGRlbGF5OiB2YXIoLS1zYmItdGFiLWdyb3VwLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IG9wYWNpdHksIGhlaWdodDtcbiAgfVxuXG4gIC8vIEV4cGVyaW1lbnRhbCBwcm9wZXJ0eSwgYnV0IHN1cHBvcnRlZCBpbiBldmVyeSBtYWpvciBicm93c2VyLlxuICB0cmFuc2l0aW9uLWJlaGF2aW9yOiBhbGxvdy1kaXNjcmV0ZTtcblxuICAvLyBFeHBlcmltZW50YWwgcHJvcGVydHksIGN1cnJlbnRseSBzdXBwb3J0ZWQgaW4gZXZlcnkgbWFqb3IgYnJvd3NlciBleGNlcHQgRmlyZWZveC5cbiAgQHN0YXJ0aW5nLXN0eWxlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBob3N0U2Nyb2xsYmFyU3R5bGVzLCBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhYkdyb3VwRWxlbWVudCB9IGZyb20gJy4uL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWIuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXRhYi1ncm91cGAgYW5kIGBzYmItdGFiLWxhYmVsYCwgaXQgZGlzcGxheXMgYSB0YWIncyBjb250ZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBjb250ZW50LlxuICogQGV2ZW50IHtFdmVudH0gYWN0aXZlIC0gVGhlIGBhY3RpdmVgIGV2ZW50IGZpcmVzIHdoZW4gdGhlIHNiYi10YWIgaGFzIGJlZW4gYWN0aXZhdGVkIHZpYSB1c2VyIHNlbGVjdGlvbiBvbiB0aGUgc2JiLXRhYi1sYWJlbC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYkVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJvbGUgPSAndGFicGFuZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbaG9zdFNjcm9sbGJhclN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGFjdGl2ZTogJ2FjdGl2ZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgcHJpdmF0ZSBfdGFiQ29udGVudFJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25UYWJDb250ZW50RWxlbWVudFJlc2l6ZSgpLFxuICB9KTtcblxuICAvKiogVGhlIGBzYmItdGFiLWxhYmVsYCBhc3NvY2lhdGVkIHdpdGggdGhlIHRhYi4gKi9cbiAgcHVibGljIGdldCBsYWJlbCgpOiBTYmJUYWJMYWJlbEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nPy5sb2NhbE5hbWUgPT09ICdzYmItdGFiLWxhYmVsJ1xuICAgICAgPyAodGhpcy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nIGFzIFNiYlRhYkxhYmVsRWxlbWVudClcbiAgICAgIDogbnVsbDtcbiAgfVxuXG4gIC8qKiBHZXQgdGhlIHBhcmVudCBgc2JiLXRhYi1ncm91cGAuICovXG4gIHB1YmxpYyBnZXQgZ3JvdXAoKTogU2JiVGFiR3JvdXBFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuY2xvc2VzdCgnc2JiLXRhYi1ncm91cCcpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy50YWJJbmRleCA9IDA7XG5cbiAgICAvLyBXaGVuIGluY2x1ZGluZyB0aGUgc2Nyb2xsYmFyIHN0eWxlcyBvbiB0aGUgaG9zdCwgdGhlcmUgaXMgbm8gaG92ZXIgZWZmZWN0IG9mIHRoZSBzY3JvbGxiYXIgcG9zc2libGUuXG4gICAgLy8gSW4gbW9zdCBjYXNlcywgdGhlIGNvbXBvbmVudCB3aWxsIGJlIHVzZWQgaW4gTGlnaHQgRE9NLiBUbyBhbHNvIHN1cHBvcnQgdGhlIGhvdmVyIGVmZmVjdCxcbiAgICAvLyB3ZSBhZGRpdGlvbmFsbHkgYWRkIHRoZSBgc2JiLXNjcm9sbGJhcmAgQ1NTIGNsYXNzIHRvIHRoZSBob3N0LlxuICAgIC8vIFRoaXMgaXMgYW4gZXhjZXB0aW9uIGFzIHdlIG5vcm1hbGx5IGRvbid0IGFsdGVyIHRoZSBjbGFzc0xpc3Qgb2YgdGhlIGhvc3QuXG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyJyk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHByb3RlY3RlZCBhY3RpdmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKCdhY3RpdmUnKTtcbiAgICB0aGlzLl90YWJDb250ZW50UmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzKTtcbiAgfVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIGRlYWN0aXZhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5fdGFiQ29udGVudFJlc2l6ZU9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzKTtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdhY3RpdmUnKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uVGFiQ29udGVudEVsZW1lbnRSZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5ncm91cD8uWydzZXRUYWJDb250ZW50SGVpZ2h0J10oTWF0aC5mbG9vcih0aGlzLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWInOiBTYmJUYWJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUNlQSxJQUFhLGdCQUFiLGNBQW1DLFdBQVU7Q0FBN0MsY0FBQTs7RUFRVSxLQUFBLDRCQUE0QixJQUFJLGlCQUFpQixNQUFNO0dBQzdELFFBQVE7R0FDUixhQUFhO0dBQ2IsZ0JBQWdCLEtBQUssMkJBQTBCO0dBQ2hEO0NBNENIOztFQXZEa0MsS0FBQSxjQUFzQjtDQUFVOztFQUN6QyxLQUFBLE9BQU87Q0FBVzs7RUFDbEIsS0FBQSxTQUF5QixDQUFDLHFCQUFxQixVQUFVLFdBQUssQ0FBQztDQUFFOztFQUNqRSxLQUFBLFNBQVMsRUFDOUIsUUFBUSxTQUFBO0NBQ0M7O0NBU1gsSUFBVyxRQUFLO0VBQ2QsT0FBTyxLQUFLLHdCQUF3QixjQUFjLGtCQUM3QyxLQUFLLHlCQUNOO0NBQ047O0NBR0EsSUFBVyxRQUFLO0VBQ2QsT0FBTyxLQUFLLFFBQVEsZUFBZTtDQUNyQztDQUVnQixvQkFBaUI7RUFDL0IsTUFBTSxrQkFBaUI7RUFDdkIsS0FBSyxXQUFXO0VBTWhCLEtBQUssVUFBVSxJQUFJLGVBQWU7Q0FDcEM7O0NBR1UsV0FBUTtFQUNoQixLQUFLLFVBQVUsT0FBTyxJQUFJLFFBQVE7RUFDbEMsS0FBSywwQkFBMEIsUUFBUSxJQUFJO0NBQzdDOztDQUdVLGFBQVU7RUFDbEIsS0FBSywwQkFBMEIsVUFBVSxJQUFJO0VBQzdDLEtBQUssVUFBVSxPQUFPLE9BQU8sUUFBUTtDQUN2QztDQUVRLDZCQUEwQjtFQUNoQyxLQUFLLFFBQVEsdUJBQXVCLEtBQUssTUFBTSxLQUFLLHNCQUFxQixFQUFHLE1BQU0sQ0FBQztDQUNyRjtDQUVtQixTQUFNO0VBQ3ZCLE9BQU8sSUFBSTtDQUNiIn0=

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

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

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

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

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

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

package/development/table-wrapper.component-Cqc9PHZl.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci5jb21wb25lbnQtQ3FjOVBIWmwuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYmxlL3RhYmxlLXdyYXBwZXIvdGFibGUtd3JhcHBlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJsZS90YWJsZS13cmFwcGVyL3RhYmxlLXdyYXBwZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG92ZXJmbG93OiBhdXRvO1xuXG4gIEBpbmNsdWRlIHNiYi5zY3JvbGxiYXItdmFyaWFibGVzLS1zaXplLXRoaWNrO1xuICBAaW5jbHVkZSBzYmIuc2Nyb2xsYmFyLXZhcmlhYmxlcy0tY29sb3ItcG9zaXRpdmUtdHJhY2stdmlzaWJsZTtcbn1cblxuOmhvc3QoOmZvY3VzLXZpc2libGUpIHtcbiAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG59XG5cbjo6c2xvdHRlZCguc2JiLXRhYmxlKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIEBpbmNsdWRlIHNiYi5zY3JvbGxiYXItdmFyaWFibGVzLS1jb2xvci1uZWdhdGl2ZS10cmFjay12aXNpYmxlO1xufVxuIiwiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgaXNTZXJ2ZXIsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG4gIHVuc2FmZUNTUyxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUsIGhvc3RTY3JvbGxiYXJTdHlsZXMsIFNiYkVsZW1lbnQsIFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGFibGUtd3JhcHBlci5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogV3JhcHMgYSB0YWJsZSB0byBlbmhhbmNlIGl0cyBmdW5jdGlvbmFsaXR5LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIHRoZSB0YWJsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRhYmxlV3JhcHBlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWJsZS13cmFwcGVyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ3NlY3Rpb24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbaG9zdFNjcm9sbGJhclN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHdyYXBwZXIgaXMgZm9jdXNhYmxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZm9jdXNhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX2NoZWNrSG9yaXpvbnRhbFNjcm9sbGJhck9mZnNldCgpLFxuICAgICAgfSksXG4gICAgKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdzY3JvbGwnLCAoKSA9PiB0aGlzLl9jaGVja0hvcml6b250YWxTY3JvbGxiYXJPZmZzZXQoKSwge1xuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gV2hlbiBpbmNsdWRpbmcgdGhlIHNjcm9sbGJhciBzdHlsZXMgb24gdGhlIGhvc3QsIHRoZXJlIGlzIG5vIGhvdmVyIGVmZmVjdCBvZiB0aGUgc2Nyb2xsYmFyIHBvc3NpYmxlLlxuICAgIC8vIEluIG1vc3QgY2FzZXMsIHRoZSBjb21wb25lbnQgd2lsbCBiZSB1c2VkIGluIExpZ2h0IERPTS4gVG8gYWxzbyBzdXBwb3J0IHRoZSBob3ZlciBlZmZlY3QsXG4gICAgLy8gd2UgYWRkaXRpb25hbGx5IGFkZCB0aGUgc2Nyb2xsYmFyIENTUyBjbGFzc2VzIHRvIHRoZSBob3N0LlxuICAgIC8vIFRoaXMgaXMgYW4gZXhjZXB0aW9uIGFzIHdlIG5vcm1hbGx5IGRvbid0IGFsdGVyIHRoZSBjbGFzc0xpc3Qgb2YgdGhlIGhvc3QuXG4gICAgdGhpcy5fdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZm9jdXNhYmxlJykpIHtcbiAgICAgIGlmICh0aGlzLmZvY3VzYWJsZSkge1xuICAgICAgICBpZiAoIXRoaXMuaGFzQXR0cmlidXRlKCd0YWJpbmRleCcpKSB7XG4gICAgICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JywgJzAnKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5yZW1vdmVBdHRyaWJ1dGUoJ3RhYmluZGV4Jyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbmVnYXRpdmUnKSkge1xuICAgICAgdGhpcy5fdXBkYXRlU2Nyb2xsYmFyQ2xhc3MoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVTY3JvbGxiYXJDbGFzcygpOiB2b2lkIHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKHRoaXMubmVnYXRpdmUpIHtcbiAgICAgIHRoaXMuY2xhc3NMaXN0LnJlbW92ZSgnc2JiLXNjcm9sbGJhci10aGljay10cmFjay12aXNpYmxlJyk7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5hZGQoJ3NiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUtdHJhY2stdmlzaWJsZScpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNsYXNzTGlzdC5yZW1vdmUoJ3NiYi1zY3JvbGxiYXItdGhpY2stbmVnYXRpdmUtdHJhY2stdmlzaWJsZScpO1xuICAgICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyLXRoaWNrLXRyYWNrLXZpc2libGUnKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogIENhbGN1bGF0ZXMgd2hldGhlciB0aGUgdGFibGUgaXMgaG9yaXpvbnRhbGx5IHNjcm9sbGVkIGFuZCBhZGRzIHRoZVxuICAgKiAgY29ycmVzcG9uZGluZyBjbGFzcyBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LSR7bm9uZSB8IGxlZnQgfCByaWdodCB8IGJvdGh9YFxuICAgKi9cbiAgcHJpdmF0ZSBfY2hlY2tIb3Jpem9udGFsU2Nyb2xsYmFyT2Zmc2V0KCk6IHZvaWQge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5fY2FsY3VsYXRlU2Nyb2xsT2Zmc2V0KCk7XG4gICAgdGhpcy5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC1ub25lYCxcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtbGVmdGAsXG4gICAgICBgc2JiLXRhYmxlLXdyYXBwZXItb2Zmc2V0LXJpZ2h0YCxcbiAgICAgIGBzYmItdGFibGUtd3JhcHBlci1vZmZzZXQtYm90aGAsXG4gICAgKTtcbiAgICB0aGlzLmNsYXNzTGlzdC5hZGQoYHNiYi10YWJsZS13cmFwcGVyLW9mZnNldC0ke3N0YXRlfWApO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2FsY3VsYXRlU2Nyb2xsT2Zmc2V0KCk6ICdub25lJyB8ICdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCcge1xuICAgIGlmICh0aGlzLnNjcm9sbFdpZHRoID09PSB0aGlzLm9mZnNldFdpZHRoKSB7XG4gICAgICByZXR1cm4gJ25vbmUnO1xuICAgIH1cbiAgICBjb25zdCBpc0F0U3RhcnQgPSB0aGlzLnNjcm9sbExlZnQgPT09IDA7XG4gICAgLy8gSW4gc29tZSBjYXNlcyB0aGUgY29tYmluZWQgdmFsdWUgb2Ygc2Nyb2xsTGVmdCBhbmQgb2Zmc2V0V2lkdGggaXMgb2ZmIGJ5XG4gICAgLy8gMSBwaXhlbCBmcm9tIHRoZSBzY3JvbGxXaWR0aC5cbiAgICBjb25zdCBpc0F0RW5kID0gdGhpcy5zY3JvbGxXaWR0aCAtIHRoaXMuc2Nyb2xsTGVmdCAtIHRoaXMub2Zmc2V0V2lkdGggPD0gMTtcblxuICAgIGlmIChpc0F0U3RhcnQpIHtcbiAgICAgIHJldHVybiBpc0F0RW5kID8gJ25vbmUnIDogJ3JpZ2h0JztcbiAgICB9XG4gICAgcmV0dXJuIGlzQXRFbmQgPyAnbGVmdCcgOiAnYm90aCc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYmxlLXdyYXBwZXInOiBTYmJUYWJsZVdyYXBwZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0lDb0JhLGdDQUFzQjttQkFBUyxpQkFBaUIsVUFBVTs7OztjQUExRCwrQkFBK0IsWUFBNEI7Ozs0QkFNckUsVUFBUyxHQUNULFNBQVM7SUFBRSxTQUFTO0lBQU0sTUFBTTtHQUFPLENBQUUsQ0FBQztHQUMzQyxhQUFBLE1BQUEsTUFBQSx1QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBUyxNQUFBLEtBQUEsVUFBQTtNQUFBLElBQVQsWUFBUztLQUFBO0lBQUE7SUFBQSxVQUFBO0dBQUEsR0FBQSx5QkFBQSw0QkFBQTs7Ozs7Ozs7O0dBUE8sS0FBQSxjQUFzQjtFQUFvQjs7R0FDMUMsS0FBQSxPQUFPO0VBQVU7O0dBQzFCLEtBQUEsU0FBeUIsQ0FBQyxxQkFBcUIsVUFBVSxxQkFBSyxDQUFDO0VBQUU7RUFLeEYsOEJBQUEsa0JBQUEsTUFBQSx5QkFBcUMsS0FBSzs7RUFBMUMsSUFBZ0IsWUFBUztHQUFBLE9BQUEsS0FBQTtFQUFBO0VBQXpCLElBQWdCLFVBQVMsT0FBQTtHQUFBLEtBQUEsOEJBQUE7RUFBQTtFQUV6QixjQUFBO0dBQ0UsTUFBSzs7R0FDTCxLQUFLLGNBQ0gsSUFBSSxpQkFBaUIsTUFBTTtJQUN6QixhQUFhO0lBQ2IsZ0JBQWdCLEtBQUssZ0NBQStCO0lBQ3JELENBQUM7R0FHSixLQUFLLG1CQUFtQixnQkFBZ0IsS0FBSyxnQ0FBK0IsR0FBSSxFQUM5RSxTQUFTLEtBQUEsQ0FDVjs7RUFHYSxvQkFBaUI7R0FDL0IsTUFBTSxrQkFBaUI7R0FNdkIsS0FBSyxzQkFBcUI7RUFDNUI7RUFFbUIsV0FBVyxtQkFBdUM7R0FDbkUsTUFBTSxXQUFXLGlCQUFpQjtHQUVsQyxJQUFJLGtCQUFrQixJQUFJLFdBQVcsR0FDbkMsSUFBSSxLQUFLO1FBQ0gsQ0FBQyxLQUFLLGFBQWEsVUFBVSxHQUMvQixLQUFLLGFBQWEsWUFBWSxHQUFHO0dBQUEsT0FHbkMsS0FBSyxnQkFBZ0IsVUFBVTtHQUluQyxJQUFJLGtCQUFrQixJQUFJLFVBQVUsR0FDbEMsS0FBSyxzQkFBcUI7RUFFOUI7RUFFUSx3QkFBcUI7R0FDM0IsSUFBSSxVQUNGO0dBRUYsSUFBSSxLQUFLLFVBQVU7SUFDakIsS0FBSyxVQUFVLE9BQU8sbUNBQW1DO0lBQ3pELEtBQUssVUFBVSxJQUFJLDRDQUE0QztHQUNqRSxPQUFPO0lBQ0wsS0FBSyxVQUFVLE9BQU8sNENBQTRDO0lBQ2xFLEtBQUssVUFBVSxJQUFJLG1DQUFtQztHQUN4RDtFQUNGOzs7OztFQU1RLGtDQUErQjtHQUNyQyxNQUFNLFFBQVEsS0FBSyx1QkFBc0I7R0FDekMsS0FBSyxVQUFVLE9BQ2IsaUNBQ0EsaUNBQ0Esa0NBQ0EsK0JBQStCO0dBRWpDLEtBQUssVUFBVSxJQUFJLDRCQUE0QixPQUFPO0VBQ3hEO0VBRVEseUJBQXNCO0dBQzVCLElBQUksS0FBSyxnQkFBZ0IsS0FBSyxhQUM1QixPQUFPO0dBRVQsTUFBTSxZQUFZLEtBQUssZUFBZTtHQUd0QyxNQUFNLFVBQVUsS0FBSyxjQUFjLEtBQUssYUFBYSxLQUFLLGVBQWU7R0FFekUsSUFBSSxXQUNGLE9BQU8sVUFBVSxTQUFTO0dBRTVCLE9BQU8sVUFBVSxTQUFTO0VBQzVCO0VBRW1CLFNBQU07R0FDdkIsT0FBTyxJQUFJO0VBQ2IifQ==

package/development/table.js

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

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbElement } from '../../core/base-elements.ts';
+import { SbbElement } from '../../core.ts';
 import { SbbTabGroupElement } from '../tab-group/tab-group.component.ts';
 import { SbbTabLabelElement } from '../tab-label/tab-label.component.ts';
 /**

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,6BAA6B,CAAC;AACzD,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-buuzN61Z.js";
+import { t as SbbTabElement } from "../../tab.component-Bsdzs7P2.js";
 export { SbbTabElement };

package/development/tabs/tab-group/tab-group.component.d.ts

@@ -1,20 +1,27 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbElement } from '../../core/base-elements.ts';
+import { SbbElement } from '../../core.ts';
 import { SbbTabElement } from '../tab/tab.component.ts';
 import { SbbTabLabelElement } from '../tab-label/tab-label.component.ts';
-export interface SbbTabChangedEventDetails {
-    activeIndex: number;
-    activeTabLabel: SbbTabLabelElement;
-    activeTab: SbbTabElement;
-    previousIndex: number;
-    previousTabLabel: SbbTabLabelElement | undefined;
-    previousTab: SbbTabElement | undefined;
+export declare class SbbTabChangeEvent extends Event {
+    private readonly _activeIndex;
+    private readonly _activeTabLabel;
+    private readonly _activeTab;
+    private readonly _previousIndex;
+    private readonly _previousTabLabel;
+    private readonly _previousTab;
+    get activeIndex(): number;
+    get activeTabLabel(): SbbTabLabelElement;
+    get activeTab(): SbbTabElement;
+    get previousIndex(): number;
+    get previousTabLabel(): SbbTabLabelElement | undefined;
+    get previousTab(): SbbTabElement | undefined;
+    constructor({ activeIndex, activeTabLabel, activeTab, previousIndex, previousTabLabel, previousTab, }: Omit<SbbTabChangeEvent, keyof Event>);
 }
 /**
  * It displays one or more tabs, each one with a label and some content.
  *
  * @slot - Use the unnamed slot to add content to the `sbb-tab-group` via `sbb-tab-label` and `sbb-tab` instances.
- * @event {CustomEvent<SbbTabChangedEventDetails>} tabchange - The tabchange event is dispatched when a tab is selected.
+ * @event {SbbTabChangeEvent} tabchange - The tabchange event is dispatched when a tab is selected.
  */
 export declare class SbbTabGroupElement extends SbbElement {
     static readonly elementName: string;
@@ -26,10 +33,9 @@ export declare class SbbTabGroupElement extends SbbElement {
     private _tabGroupResizeObserver;
     private _contentSlotChangeDebounceId?;
     /**
-     * Size variant, either s, l or xl.
-     * @default 'l' / 's' (lean)
+     * Size variant, either s (lean theme default), l (standard theme default) or xl.
      */
-    accessor size: 's' | 'l' | 'xl';
+    accessor size: 's' | 'l' | 'xl' | null;
     /**
      * Sets the initial tab. If it matches a disabled tab or exceeds the length of
      * the tab group, the first enabled tab will be selected.

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

@@ -1 +1 @@
-{"version":3,"file":"tab-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-group/tab-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,CAAC;IACnC,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACjD,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;CACxC;AAED;;;;;GAKG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,gBAAgC,WAAW,EAAE,MAAM,CAAmB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAI3C;IACF,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,uBAAuB,CAI5B;IACH,OAAO,CAAC,4BAA4B,CAAC,CAAgC;IAErE;;;OAGG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAwB;IAE9D;;;OAGG;IACH,SAEgB,oBAAoB,EAAE,MAAM,CAAK;IAEjD;;;;OAIG;IACH,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,yCAAyC;IACzC,IAAW,MAAM,IAAI,kBAAkB,EAAE,CAQxC;IAED,mCAAmC;IACnC,IAAW,IAAI,IAAI,aAAa,EAAE,CAQjC;;cAOkB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E;;;OAGG;IACI,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMtC;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMrC;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvC,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;cAIvC,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"tab-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-group/tab-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAIL,UAAU,EAEX,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,qBAAa,iBAAkB,SAAQ,KAAK;IAC1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAS;IACtC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAqB;IACrD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgB;IAC3C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAS;IACxC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;IACnE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA4B;IAEzD,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,cAAc,IAAI,kBAAkB,CAE9C;IAED,IAAW,SAAS,IAAI,aAAa,CAEpC;IAED,IAAW,aAAa,IAAI,MAAM,CAEjC;IAED,IAAW,gBAAgB,IAAI,kBAAkB,GAAG,SAAS,CAE5D;IAED,IAAW,WAAW,IAAI,aAAa,GAAG,SAAS,CAElD;gBAEkB,EACjB,WAAW,EACX,cAAc,EACd,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,KAAK,CAAC;CASxC;AAED;;;;;GAKG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,gBAAgC,WAAW,EAAE,MAAM,CAAmB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAA4C;IACzF,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,uBAAuB,CAI5B;IACH,OAAO,CAAC,4BAA4B,CAAC,CAAgC;IAErE;;OAEG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAQ;IAErD;;;OAGG;IACH,SAEgB,oBAAoB,EAAE,MAAM,CAAK;IAEjD;;;;OAIG;IACH,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,yCAAyC;IACzC,IAAW,MAAM,IAAI,kBAAkB,EAAE,CAQxC;IAED,mCAAmC;IACnC,IAAW,IAAI,IAAI,aAAa,EAAE,CAQjC;;cAOkB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E;;;OAGG;IACI,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMtC;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMrC;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvC,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;cAIvC,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

@@ -1,2 +1,2 @@
-import { t as SbbTabGroupElement } from "../../tab-group.component-BWPgocri.js";
-export { SbbTabGroupElement };
+import { n as SbbTabGroupElement, t as SbbTabChangeEvent } from "../../tab-group.component-DBg6I8W7.js";
+export { SbbTabChangeEvent, SbbTabGroupElement };

package/development/tabs/tab-label/tab-label.component.d.ts

@@ -1,9 +1,8 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbElement } from '../../core/base-elements.ts';
-import { SbbTitleLevel } from '../../title.pure.ts';
+import { SbbElement, SbbHeadingLevel } from '../../core.ts';
 import { SbbTabElement } from '../tab/tab.component.ts';
 import { SbbTabGroupElement } from '../tab-group/tab-group.component.ts';
-declare const SbbTabLabelElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../icon.pure.ts').SbbIconNameMixinType> & typeof SbbElement;
+declare const SbbTabLabelElement_base: import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbDisabledMixinType> & import('../../core.ts').AbstractConstructor<import('../../icon.pure.ts').SbbIconNameMixinType> & typeof SbbElement;
 /**
  * Combined with a `sbb-tab-group`, it displays a tab's title.
  *
@@ -22,7 +21,7 @@ export declare class SbbTabLabelElement extends SbbTabLabelElement_base {
      * 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.
      */
-    accessor level: SbbTitleLevel;
+    accessor level: SbbHeadingLevel;
     /** Active tab state. */
     accessor active: boolean;
     /** Amount displayed inside the tab. */

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

@@ -1 +1 @@
-{"version":3,"file":"tab-label.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-label/tab-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI/F,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,qCAAqC,CAAC;;AAI7C;;;;;;GAMG;AACH,qBAAa,kBAAmB,SAAQ,uBAA8C;IACpF,gBAAgC,WAAW,EAAE,MAAM,CAAmB;IACtE,OAAuB,IAAI,SAAS;IACpC,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAEF,mCAAmC;IACnC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,aAAa,CAA2C;IAEhE;;;OAGG;IACH,SAA4B,KAAK,EAAE,aAAa,CAAO;IAEvD,wBAAwB;IACxB,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,wDAAwD;IACxD,IAAW,GAAG,IAAI,aAAa,GAAG,IAAI,CAIrC;IAED,sCAAsC;IACtC,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE5C;;IAqBe,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAsB5E,0BAA0B;IACnB,UAAU,IAAI,IAAI;IAOzB,+FAA+F;IACxF,QAAQ,IAAI,IAAI;IAkCvB;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;cAYR,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"tab-label.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-label/tab-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI/F,OAAO,EAIL,UAAU,EACV,KAAK,eAAe,EAErB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAqB,KAAK,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;;AAIjG;;;;;;GAMG;AACH,qBAAa,kBAAmB,SAAQ,uBAA8C;IACpF,gBAAgC,WAAW,EAAE,MAAM,CAAmB;IACtE,OAAuB,IAAI,SAAS;IACpC,OAAuB,MAAM,EAAE,cAAc,CAA4C;IAEzF,mCAAmC;IACnC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,aAAa,CAAoC;IAEzD;;;OAGG;IACH,SAA4B,KAAK,EAAE,eAAe,CAAO;IAEzD,wBAAwB;IACxB,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,wDAAwD;IACxD,IAAW,GAAG,IAAI,aAAa,GAAG,IAAI,CAIrC;IAED,sCAAsC;IACtC,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE5C;;IAqBe,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAsB5E,0BAA0B;IACnB,UAAU,IAAI,IAAI;IAOzB,+FAA+F;IACxF,QAAQ,IAAI,IAAI;IAgCvB;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;cAYR,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

@@ -1,2 +1,2 @@
-import { t as SbbTabLabelElement } from "../../tab-label.component-D8tEoOpH.js";
+import { t as SbbTabLabelElement } from "../../tab-label.component-BbQu5sA-.js";
 export { SbbTabLabelElement };

package/development/tabs/tab-nav-bar/tab-nav-bar.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbElement } from '../../core/base-elements.ts';
-declare const SbbTabNavBarElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<HTMLElement>> & typeof SbbElement;
+import { SbbElement } from '../../core.ts';
+declare const SbbTabNavBarElement_base: import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbNamedSlotListMixinType<HTMLElement>> & typeof SbbElement;
 /**
  * It displays one or more tab-label-like elements, each one is an anchor element.
  *
@@ -12,10 +12,9 @@ export declare class SbbTabNavBarElement extends SbbTabNavBarElement_base {
     static readonly role = "navigation";
     protected listChildLocalNames: string[];
     /**
-     * Size variant, either s, l or xl.
-     * @default 'l' / 's' (lean)
+     * Size variant, either s (lean theme default), l (standard theme default) or xl.
      */
-    accessor size: 's' | 'l' | 'xl';
+    accessor size: 's' | 'l' | 'xl' | null;
     private _resizeController;
     private _listElement;
     private _onTabGroupElementResize;

package/development/tabs/tab-nav-bar/tab-nav-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav-bar.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-nav-bar/tab-nav-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/F,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;;AAQzD;;;;GAIG;AACH,qBAAa,mBAAoB,SAAQ,wBAAiC;IACxE,gBAAgC,WAAW,EAAE,MAAM,CAAqB;IACxE,OAAuB,MAAM,EAAE,cAAc,CAK3C;IACF,gBAAgC,IAAI,gBAAgB;IAEpD,UAAmB,mBAAmB,WAAS;IAE/C;;;OAGG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAwB;IAE9D,OAAO,CAAC,iBAAiB,CAGtB;IAEH,OAAO,CAAC,YAAY,CAAwB;IAE5C,OAAO,CAAC,wBAAwB;cAWb,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,oBAAoB;cAeT,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,mBAAmB,CAAC;KACxC;CACF"}
+{"version":3,"file":"tab-nav-bar.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-nav-bar/tab-nav-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG/F,OAAO,EAAE,UAAU,EAAyB,MAAM,eAAe,CAAC;;AAKlE;;;;GAIG;AACH,qBAAa,mBAAoB,SAAQ,wBAAiC;IACxE,gBAAgC,WAAW,EAAE,MAAM,CAAqB;IACxE,OAAuB,MAAM,EAAE,cAAc,CAI3C;IACF,gBAAgC,IAAI,gBAAgB;IAEpD,UAAmB,mBAAmB,WAAS;IAE/C;;OAEG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAQ;IAErD,OAAO,CAAC,iBAAiB,CAGtB;IAEH,OAAO,CAAC,YAAY,CAAwB;IAE5C,OAAO,CAAC,wBAAwB;cAWb,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,oBAAoB;cAeT,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,mBAAmB,CAAC;KACxC;CACF"}

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

@@ -1,2 +1,2 @@
-import { t as SbbTabNavBarElement } from "../../tab-nav-bar.component-ks5dMvvA.js";
+import { t as SbbTabNavBarElement } from "../../tab-nav-bar.component-DC4Ba7w2.js";
 export { SbbTabNavBarElement };

package/development/tabs.js

@@ -1,7 +1,7 @@
-import { t as SbbTabGroupElement } from "./tab-group.component-BWPgocri.js";
-import { t as SbbTabLabelElement } from "./tab-label.component-D8tEoOpH.js";
-import { t as SbbTabNavBarElement } from "./tab-nav-bar.component-ks5dMvvA.js";
-import { t as SbbTabElement } from "./tab.component-buuzN61Z.js";
+import { n as SbbTabGroupElement, t as SbbTabChangeEvent } from "./tab-group.component-DBg6I8W7.js";
+import { t as SbbTabLabelElement } from "./tab-label.component-BbQu5sA-.js";
+import { t as SbbTabNavBarElement } from "./tab-nav-bar.component-DC4Ba7w2.js";
+import { t as SbbTabElement } from "./tab.component-Bsdzs7P2.js";
 import { n as tabLabelCommonStyles, t as tabGroupCommonStyles } from "./styles-BTV2MyrZ.js";
 import "./tabs.pure.js";
 //#region src/elements/tabs.ts
@@ -11,6 +11,6 @@ SbbTabGroupElement.define();
 SbbTabLabelElement.define();
 SbbTabNavBarElement.define();
 //#endregion
-export { SbbTabElement, SbbTabGroupElement, SbbTabLabelElement, SbbTabNavBarElement, tabGroupCommonStyles, tabLabelCommonStyles };
+export { SbbTabChangeEvent, SbbTabElement, SbbTabGroupElement, SbbTabLabelElement, SbbTabNavBarElement, tabGroupCommonStyles, tabLabelCommonStyles };
 
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7XG4gIFNiYlRhYkVsZW1lbnQsXG4gIFNiYlRhYkdyb3VwRWxlbWVudCxcbiAgU2JiVGFiTGFiZWxFbGVtZW50LFxuICBTYmJUYWJOYXZCYXJFbGVtZW50LFxufSBmcm9tICcuL3RhYnMucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vdGFicy5wdXJlLnRzJztcblxuU2JiVGFiRWxlbWVudC5kZWZpbmUoKTtcblNiYlRhYkdyb3VwRWxlbWVudC5kZWZpbmUoKTtcblNiYlRhYkxhYmVsRWxlbWVudC5kZWZpbmUoKTtcblNiYlRhYk5hdkJhckVsZW1lbnQuZGVmaW5lKCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBVUEsY0FBYyxPQUFNO0FBQ3BCLG1CQUFtQixPQUFNO0FBQ3pCLG1CQUFtQixPQUFNO0FBQ3pCLG9CQUFvQixPQUFNIn0=

package/development/tabs.pure.js

@@ -1,6 +1,6 @@
-import { t as SbbTabGroupElement } from "./tab-group.component-BWPgocri.js";
-import { t as SbbTabLabelElement } from "./tab-label.component-D8tEoOpH.js";
-import { t as SbbTabNavBarElement } from "./tab-nav-bar.component-ks5dMvvA.js";
-import { t as SbbTabElement } from "./tab.component-buuzN61Z.js";
+import { n as SbbTabGroupElement, t as SbbTabChangeEvent } from "./tab-group.component-DBg6I8W7.js";
+import { t as SbbTabLabelElement } from "./tab-label.component-BbQu5sA-.js";
+import { t as SbbTabNavBarElement } from "./tab-nav-bar.component-DC4Ba7w2.js";
+import { t as SbbTabElement } from "./tab.component-Bsdzs7P2.js";
 import { n as tabLabelCommonStyles, t as tabGroupCommonStyles } from "./styles-BTV2MyrZ.js";
-export { SbbTabElement, SbbTabGroupElement, SbbTabLabelElement, SbbTabNavBarElement, tabGroupCommonStyles, tabLabelCommonStyles };
+export { SbbTabChangeEvent, SbbTabElement, SbbTabGroupElement, SbbTabLabelElement, SbbTabNavBarElement, tabGroupCommonStyles, tabLabelCommonStyles };

package/development/tag/tag/tag.component.d.ts

@@ -1,8 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbButtonLikeBaseElement } from '../../core/base-elements.ts';
-import { FormRestoreReason, FormRestoreState } from '../../core/mixins.ts';
-export type SbbTagSize = 's' | 'm';
-declare const SbbTagElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & typeof SbbButtonLikeBaseElement;
+import { FormRestoreReason, FormRestoreState, SbbButtonLikeBaseElement } from '../../core.ts';
+declare const SbbTagElement_base: import('../../core.ts').AbstractConstructor<import('../../icon.pure.ts').SbbIconNameMixinType> & import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbDisabledMixinType & import('../../core.ts').SbbDisabledInteractiveMixinType> & typeof SbbButtonLikeBaseElement;
 /**
  * It displays a selectable element which can be used as a filter.
  *
@@ -26,14 +24,13 @@ export declare class SbbTagElement<T = string> extends SbbTagElement_base {
     /** Whether the tag is checked. */
     accessor checked: boolean;
     /**
-     * Tag size, either s or m.
-     * @default 'm' / 's' (lean)
+     * Tag size, either s (lean theme default) or m (standard theme default).
+     * The value is inherited from the closest `<sbb-tag-group>`.
      */
-    accessor size: SbbTagSize;
-    /** Reference to the connected tag group. */
-    private _group;
+    accessor size: 's' | 'm' | null;
     constructor();
-    connectedCallback(): void;
+    private _tagGroup;
+    private _updateAriaRole;
     protected isDisabledExternally(): boolean;
     /** Method triggered on button click. Inverts the checked value and emits events. */
     private _handleClick;

package/development/tag/tag/tag.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tag/tag/tag.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAGvE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAO9B,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;;AAEnC;;;;;;;GAOG;AACH,qBAAa,aAAa,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,kBAE9C;IACC,gBAAgC,WAAW,EAAE,MAAM,CAAa;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IACpF,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,kCAAkC;IAClC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC;;;OAGG;IACH,SAEgB,IAAI,EAAE,UAAU,CAAwB;IAExD,4CAA4C;IAC5C,OAAO,CAAC,MAAM,CAAmC;;IAOjC,iBAAiB,IAAI,IAAI;cAKtB,oBAAoB,IAAI,OAAO;IAIlD,oFAAoF;IACpF,OAAO,CAAC,YAAY;cAkCD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E;;OAEG;IACa,iBAAiB,IAAI,IAAI;IAIzC;;OAEG;IACa,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAMY,eAAe,IAAI,IAAI;cAQvB,SAAS,IAAI,gBAAgB;cAI7B,cAAc,IAAI,cAAc;CAWpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}
+{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tag/tag/tag.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAErB,wBAAwB,EAGzB,MAAM,eAAe,CAAC;;AAMvB;;;;;;;GAOG;AACH,qBAAa,aAAa,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,kBAE9C;IACC,gBAAgC,WAAW,EAAE,MAAM,CAAa;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAsB;IACnE,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,kCAAkC;IAClC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC;;;OAGG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAQ;;IAe9C,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,eAAe;cAaJ,oBAAoB,IAAI,OAAO;IAIlD,oFAAoF;IACpF,OAAO,CAAC,YAAY;cAgCD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAsB5E;;OAEG;IACa,iBAAiB,IAAI,IAAI;IAIzC;;OAEG;IACa,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAMY,eAAe,IAAI,IAAI;cAQvB,SAAS,IAAI,gBAAgB;cAI7B,cAAc,IAAI,cAAc;CAWpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}

package/development/tag/tag/tag.component.js

@@ -1,2 +1,2 @@
-import { t as SbbTagElement } from "../../tag.component-DDHD0f_Z.js";
+import { t as SbbTagElement } from "../../tag.component-CDDb2fnV.js";
 export { SbbTagElement };