@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/development/styles-CYlzu-f2.js

@@ -0,0 +1,96 @@
+import { css } from "lit";
+//#region src/elements/sidebar/common/sidebar-container-common.scss?lit&inline
+var sidebar_container_common_default = css`:host {
+  position: absolute;
+  inset: 0;
+}`;
+//#endregion
+//#region src/elements/sidebar/common/sidebar-content-common.scss?lit&inline
+var sidebar_content_common_default = css`:host {
+  position: relative;
+  display: block;
+  height: 100%;
+  overflow: auto;
+  outline-color: var(--sbb-focus-outline-color);
+}`;
+//#endregion
+//#region src/elements/sidebar/common/icon-sidebar-button-common.scss?lit&inline
+var icon_sidebar_button_common_default = css`:host {
+  display: block;
+  outline: none !important;
+  --sbb-icon-sidebar-button-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-icon-sidebar-button-transition-easing-function: var(--sbb-animation-easing);
+  --sbb-icon-sidebar-button-dimension: var(--sbb-size-element-m);
+  --sbb-icon-sidebar-button-border-radius: var(--sbb-border-radius-4x);
+  --sbb-icon-sidebar-button-color: var(--sbb-color-granite);
+  --sbb-icon-sidebar-button-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));
+  --sbb-icon-sidebar-button-current-color: var(--sbb-color-3);
+  --sbb-icon-sidebar-button-current-border-width: var(--sbb-border-width-3x);
+  --sbb-icon-sidebar-button-current-border-inset-block: var(--sbb-spacing-fixed-2x);
+  --sbb-icon-sidebar-button__current-border-inset-inline-start: 0;
+  --sbb-icon-sidebar-button__color: var(--sbb-icon-sidebar-button-color);
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-icon-sidebar-button-current-color: Highlight !important;
+  }
+}
+
+@media (forced-colors: active) {
+  :host(:is(:state(button),[state--button])) {
+    --sbb-icon-sidebar-button-color: ButtonText !important;
+  }
+}
+
+@media (forced-colors: active) {
+  :host(:is(:state(link),[state--link])) {
+    --sbb-icon-sidebar-button-color: LinkText !important;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(:not(:active, :is(:state(active),[state--active])):hover) {
+    --sbb-icon-sidebar-button__hover-shift: 0.0625rem;
+    --sbb-icon-sidebar-button__cursor: var(--sbb-cursor-pointer);
+  }
+}
+
+.sbb-action-base {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: var(--sbb-icon-sidebar-button-dimension);
+  padding-block: 0 calc(2 * var(--sbb-icon-sidebar-button__hover-shift, 0rem));
+  color: var(--sbb-icon-sidebar-button__color);
+  border-radius: var(--sbb-icon-sidebar-button-border-radius);
+  cursor: var(--sbb-icon-sidebar-button__cursor);
+  user-select: none;
+  transition-duration: var(--sbb-icon-sidebar-button-transition-duration);
+  transition-timing-function: var(--sbb-icon-sidebar-button-transition-easing-function);
+  transition-property: color, padding;
+}
+:host(.sbb-active) .sbb-action-base {
+  color: var(--sbb-icon-sidebar-button-current-color);
+}
+:host(.sbb-active) .sbb-action-base::before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset-block: var(--sbb-icon-sidebar-button-current-border-inset-block);
+  inset-inline: var(--sbb-icon-sidebar-button__current-border-inset-inline-start) 0;
+  border-inline-start: var(--sbb-icon-sidebar-button-current-border-width) solid currentcolor;
+}
+:host(:focus-visible) .sbb-action-base, .sbb-action-base:focus-visible {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  outline-offset: calc(-1 * var(--sbb-focus-outline-width) - 0.3125rem);
+}`;
+//#endregion
+export { sidebar_content_common_default as n, sidebar_container_common_default as r, icon_sidebar_button_common_default as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLUNZbHp1LWYyLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL2NvbW1vbi9zaWRlYmFyLWNvbnRhaW5lci1jb21tb24uc2Nzcz9saXQmaW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvY29tbW9uL3NpZGViYXItY29udGVudC1jb21tb24uc2Nzcz9saXQmaW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvY29tbW9uL2ljb24tc2lkZWJhci1idXR0b24tY29tbW9uLnNjc3M/bGl0JmlubGluZSJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IDA7XG59XG4iLCJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgLy8gSWYgdGhlIGVsZW1lbnQgaXMgc2Nyb2xsYWJsZSBhbmQgaGFzIG5vIGZvY3VzYWJsZSBjb250ZW50LCBpdCBnZXRzIGZvY3VzZWQuXG4gIC8vIFRvIGFkYXB0IHRvIGx5bmUgc3R5bGVzIHdlIGNvbG9yaXplIGl0XG4gIG91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yKTtcbn1cbiIsIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgLy8gVXNlICFpbXBvcnRhbnQgaGVyZSB0byBub3QgaW50ZXJmZXJlIHdpdGggRmlyZWZveCBmb2N1cyByaW5nIGRlZmluaXRpb25cbiAgLy8gd2hpY2ggYXBwZWFycyBpbiBub3JtYWxpemUgQ1NTIG9mIHNldmVyYWwgZnJhbWV3b3Jrcy5cbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tMngpXG4gICk7XG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tdHJhbnNpdGlvbi1lYXNpbmctZnVuY3Rpb246IHZhcigtLXNiYi1hbmltYXRpb24tZWFzaW5nKTtcbiAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1kaW1lbnNpb246IHZhcigtLXNiYi1zaXplLWVsZW1lbnQtbSk7XG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNHgpO1xuICAtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWNvbG9yOiBsaWdodC1kYXJrKHZhcigtLXNiYi1jb2xvci1ncmFuaXRlKSwgdmFyKC0tc2JiLWNvbG9yLWdyYXBoaXRlKSk7XG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tY3VycmVudC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTMpO1xuICAtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWN1cnJlbnQtYm9yZGVyLXdpZHRoOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTN4KTtcbiAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jdXJyZW50LWJvcmRlci1pbnNldC1ibG9jazogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICAtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uX19jdXJyZW50LWJvcmRlci1pbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b25fX2NvbG9yOiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jb2xvcik7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tY3VycmVudC1jb2xvcjogSGlnaGxpZ2h0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGJ1dHRvbikpIHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tY29sb3I6IEJ1dHRvblRleHQgIWltcG9ydGFudDtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUobGluaykpIHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tY29sb3I6IExpbmtUZXh0ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOmhvc3QoOm5vdCg6YWN0aXZlLCA6c3RhdGUoYWN0aXZlKSk6aG92ZXIpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLWljb24tc2lkZWJhci1idXR0b25fX2hvdmVyLXNoaWZ0OiAje3NiYi5weC10by1yZW0tYnVpbGQoMSl9O1xuICAgIC0tc2JiLWljb24tc2lkZWJhci1idXR0b25fX2N1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgfVxufVxuXG4uc2JiLWFjdGlvbi1iYXNlIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tZGltZW5zaW9uKTtcbiAgcGFkZGluZy1ibG9jazogMCBjYWxjKDIgKiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbl9faG92ZXItc2hpZnQsIDByZW0pKTtcbiAgY29sb3I6IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uX19jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xuICBjdXJzb3I6IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uX19jdXJzb3IpO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi10cmFuc2l0aW9uLWVhc2luZy1mdW5jdGlvbik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGNvbG9yLCBwYWRkaW5nO1xuXG4gIDpob3N0KC5zYmItYWN0aXZlKSAmIHtcbiAgICBjb2xvcjogdmFyKC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tY3VycmVudC1jb2xvcik7XG5cbiAgICAvLyBWaXN1YWwgYm9yZGVyIHdoaWNoIHNob3dzIHRoZSBjdXJyZW50IGFjdGl2ZSBlbnRyeSwgZGlzcGxheWVkIGF0IHRoZSBzdGFydCBvciBlbmQgb2YgdGhlIGJ1dHRvbi5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGluc2V0LWJsb2NrOiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jdXJyZW50LWJvcmRlci1pbnNldC1ibG9jayk7XG4gICAgICBpbnNldC1pbmxpbmU6IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uX19jdXJyZW50LWJvcmRlci1pbnNldC1pbmxpbmUtc3RhcnQpIDA7XG4gICAgICBib3JkZXItaW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jdXJyZW50LWJvcmRlci13aWR0aCkgc29saWQgY3VycmVudGNvbG9yO1xuICAgIH1cbiAgfVxuXG4gIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgaG9zdCAoYnV0dG9uIHZhcmlhbnQpXG4gIDpob3N0KDpmb2N1cy12aXNpYmxlKSAmLFxuICAgIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgYWN0aW9uIChsaW5rIHZhcmlhbnQpXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG5cbiAgICBvdXRsaW5lLW9mZnNldDogY2FsYygtMSAqIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLXdpZHRoKSAtICN7c2JiLnB4LXRvLXJlbS1idWlsZCg1KX0pO1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiIifQ==

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

@@ -0,0 +1,292 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { isLean } from "./core/dom.js";
+import { throttle } from "./core/eventing.js";
+import { ɵstateController } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { ref } from "lit/directives/ref.js";
+import { getNextElementIndex, isArrowKeyPressed } from "./core/a11y.js";
+import { tabGroupCommonStyles } from "./tabs/common/styles.js";
+//#region src/elements/tabs/tab-group/tab-group.scss?lit&inline
+var tab_group_default = css`:host {
+  --sbb-tab-group-animation-duration: 0s;
+  gap: var(--sbb-tab-group-content-gap);
+}
+
+:host(:is(:state(initialized),[state--initialized])) {
+  --sbb-tab-group-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+}
+
+.sbb-tab-group-content {
+  height: var(--sbb-tab-content-height);
+  transition: height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing);
+}
+
+:host([fixed-height]) ::slotted(sbb-tab) {
+  height: 100%;
+  overflow: auto;
+}`;
+//#endregion
+//#region src/elements/tabs/tab-group/tab-group.component.ts
+/**
+* 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.
+*/
+var SbbTabGroupElement = (() => {
+	let _classSuper = SbbElement;
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	let _initialSelectedIndex_decorators;
+	let _initialSelectedIndex_initializers = [];
+	let _initialSelectedIndex_extraInitializers = [];
+	let _fixedHeight_decorators;
+	let _fixedHeight_initializers = [];
+	let _fixedHeight_extraInitializers = [];
+	return class SbbTabGroupElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_size_decorators = [property()];
+			_initialSelectedIndex_decorators = [forceType(), property({
+				attribute: "initial-selected-index",
+				type: Number
+			})];
+			_fixedHeight_decorators = [forceType(), property({
+				attribute: "fixed-height",
+				type: Boolean,
+				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);
+			__esDecorate(this, null, _initialSelectedIndex_decorators, {
+				kind: "accessor",
+				name: "initialSelectedIndex",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "initialSelectedIndex" in obj,
+					get: (obj) => obj.initialSelectedIndex,
+					set: (obj, value) => {
+						obj.initialSelectedIndex = value;
+					}
+				},
+				metadata: _metadata
+			}, _initialSelectedIndex_initializers, _initialSelectedIndex_extraInitializers);
+			__esDecorate(this, null, _fixedHeight_decorators, {
+				kind: "accessor",
+				name: "fixedHeight",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "fixedHeight" in obj,
+					get: (obj) => obj.fixedHeight,
+					set: (obj, value) => {
+						obj.fixedHeight = value;
+					}
+				},
+				metadata: _metadata
+			}, _fixedHeight_initializers, _fixedHeight_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-tab-group";
+		}
+		static {
+			this.styles = [
+				boxSizingStyles,
+				tabGroupCommonStyles,
+				tab_group_default
+			];
+		}
+		static {
+			this.events = { tabchange: "tabchange" };
+		}
+		#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;
+		}
+		#initialSelectedIndex_accessor_storage;
+		/**
+		* 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.
+		*/
+		get initialSelectedIndex() {
+			return this.#initialSelectedIndex_accessor_storage;
+		}
+		set initialSelectedIndex(value) {
+			this.#initialSelectedIndex_accessor_storage = value;
+		}
+		#fixedHeight_accessor_storage;
+		/**
+		* If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.
+		* It enables controlling the height on the `sbb-tab-group` element.
+		* The content becomes scrollable on overflow.
+		*/
+		get fixedHeight() {
+			return this.#fixedHeight_accessor_storage;
+		}
+		set fixedHeight(value) {
+			this.#fixedHeight_accessor_storage = value;
+		}
+		/** Gets the slotted `sbb-tab-label`s. */
+		get labels() {
+			/**
+			* The querySelector API is not used because when nested tabs are used,
+			* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
+			*/
+			return Array.from(this.children ?? []).filter((child) => /^sbb-tab-label$/u.test(child.localName));
+		}
+		/** Gets the slotted `sbb-tab`s. */
+		get tabs() {
+			/**
+			* The querySelector API is not used because when nested tabs are used,
+			* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
+			*/
+			return Array.from(this.children ?? []).filter((child) => /^sbb-tab$/u.test(child.localName));
+		}
+		constructor() {
+			super();
+			this._tabGroupResizeObserver = new ResizeController(this, {
+				target: null,
+				skipInitial: true,
+				callback: () => this._onTabGroupElementResize()
+			});
+			this.#size_accessor_storage = __runInitializers(this, _size_initializers, isLean() ? "s" : "l");
+			this.#initialSelectedIndex_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _initialSelectedIndex_initializers, 0));
+			this.#fixedHeight_accessor_storage = (__runInitializers(this, _initialSelectedIndex_extraInitializers), __runInitializers(this, _fixedHeight_initializers, false));
+			this._onContentSlotChange = (__runInitializers(this, _fixedHeight_extraInitializers), () => {
+				this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
+				this.labels.find((tabLabel) => tabLabel.active)?.activate();
+			});
+			this._onLabelSlotChange = () => {
+				this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
+				this._ensureActiveTab();
+			};
+			this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+		}
+		firstUpdated(changedProperties) {
+			super.firstUpdated(changedProperties);
+			this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
+			this._initSelection();
+			Promise.resolve().then(() => this.internals.states.add("initialized"));
+			this._tabGroupResizeObserver.observe(this._tabGroupElement);
+		}
+		/**
+		* Disables a tab by index.
+		* @param index The index of the tab you want to disable.
+		*/
+		disableTab(index) {
+			if (this.labels[index]) this.labels[index].disabled = true;
+		}
+		/**
+		* Enables a tab by index.
+		* @param index The index of the tab you want to enable.
+		*/
+		enableTab(index) {
+			if (this.labels[index]) this.labels[index].disabled = false;
+		}
+		/**
+		* Activates a tab by index.
+		* @param index The index of the tab you want to activate.
+		*/
+		activateTab(index) {
+			this.labels[index]?.activate();
+		}
+		_enabledTabs() {
+			return this.labels.filter((t) => {
+				customElements.upgrade(t);
+				return !t.disabled;
+			});
+		}
+		_ensureActiveTab() {
+			if (this.internals.states.has("initialized") && !this.labels.some((tabLabel) => tabLabel.active)) this._initSelection();
+		}
+		_initSelection() {
+			const selectedTabLabel = this.labels[this.initialSelectedIndex];
+			if (selectedTabLabel) {
+				customElements.upgrade(selectedTabLabel);
+				if (this.initialSelectedIndex >= 0 && this.initialSelectedIndex < this.labels.length && !selectedTabLabel.disabled) {
+					selectedTabLabel.activate();
+					return;
+				}
+			}
+			this._enabledTabs()[0]?.activate();
+		}
+		_onTabGroupElementResize() {
+			const tabLabels = this.labels;
+			tabLabels.forEach((tabLabel) => {
+				ɵstateController(tabLabel)?.toggle("has-divider", tabLabel === tabLabels[0] || tabLabel.offsetLeft === tabLabels[0].offsetLeft);
+			});
+			this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
+		}
+		_handleKeyDown(evt) {
+			const enabledTabs = this._enabledTabs();
+			if (!enabledTabs || evt.target !== this && evt.target.parentElement !== this) return;
+			if (isArrowKeyPressed(evt)) {
+				const nextIndex = getNextElementIndex(evt, enabledTabs.findIndex((t) => t.active), enabledTabs.length);
+				enabledTabs[nextIndex]?.activate();
+				enabledTabs[nextIndex]?.focus();
+				evt.preventDefault();
+			}
+		}
+		/**
+		* @internal
+		*/
+		setTabContentHeight(contentHeight) {
+			this.style.setProperty("--sbb-tab-content-height", `${contentHeight}px`);
+		}
+		render() {
+			return html`
+      <div
+        class="sbb-tab-group"
+        role="tablist"
+        ${ref((el) => this._tabGroupElement = el)}
+      >
+        <slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
+      </div>
+      ${!this.fixedHeight ? html`
+            <div class="sbb-tab-group-content">
+              <slot @slotchange=${throttle(this._onContentSlotChange, 150)}></slot>
+            </div>
+          ` : html`<slot @slotchange=${throttle(this._onContentSlotChange, 150)}></slot>`}
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbTabGroupElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC1EWlBLV2pJNy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItZ3JvdXAvdGFiLWdyb3VwLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJzL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItdGFiLWdyb3VwLWFuaW1hdGlvbi1kdXJhdGlvbjogMHM7XG5cbiAgZ2FwOiB2YXIoLS1zYmItdGFiLWdyb3VwLWNvbnRlbnQtZ2FwKTtcbn1cblxuOmhvc3QoOnN0YXRlKGluaXRpYWxpemVkKSkge1xuICAtLXNiYi10YWItZ3JvdXAtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eClcbiAgKTtcbn1cblxuLnNiYi10YWItZ3JvdXAtY29udGVudCB7XG4gIGhlaWdodDogdmFyKC0tc2JiLXRhYi1jb250ZW50LWhlaWdodCk7XG4gIHRyYW5zaXRpb246IGhlaWdodCB2YXIoLS1zYmItdGFiLWdyb3VwLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xufVxuXG46OnNsb3R0ZWQoc2JiLXRhYikge1xuICA6aG9zdChbZml4ZWQtaGVpZ2h0XSkgJiB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICB9XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5cbmltcG9ydCB7IGdldE5leHRFbGVtZW50SW5kZXgsIGlzQXJyb3dLZXlQcmVzc2VkIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LnRzJztcbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB7IHRocm90dGxlIH0gZnJvbSAnLi4vLi4vY29yZS9ldmVudGluZy50cyc7XG5pbXBvcnQgeyDJtXN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IHRhYkdyb3VwQ29tbW9uU3R5bGVzIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhYkVsZW1lbnQgfSBmcm9tICcuLi90YWIvdGFiLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRhYkxhYmVsRWxlbWVudCB9IGZyb20gJy4uL3RhYi1sYWJlbC90YWItbGFiZWwuY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGFiLWdyb3VwLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2JiVGFiQ2hhbmdlZEV2ZW50RGV0YWlscyB7XG4gIGFjdGl2ZUluZGV4OiBudW1iZXI7XG4gIGFjdGl2ZVRhYkxhYmVsOiBTYmJUYWJMYWJlbEVsZW1lbnQ7XG4gIGFjdGl2ZVRhYjogU2JiVGFiRWxlbWVudDtcbiAgcHJldmlvdXNJbmRleDogbnVtYmVyO1xuICBwcmV2aW91c1RhYkxhYmVsOiBTYmJUYWJMYWJlbEVsZW1lbnQgfCB1bmRlZmluZWQ7XG4gIHByZXZpb3VzVGFiOiBTYmJUYWJFbGVtZW50IHwgdW5kZWZpbmVkO1xufVxuXG4vKipcbiAqIEl0IGRpc3BsYXlzIG9uZSBvciBtb3JlIHRhYnMsIGVhY2ggb25lIHdpdGggYSBsYWJlbCBhbmQgc29tZSBjb250ZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItdGFiLWdyb3VwYCB2aWEgYHNiYi10YWItbGFiZWxgIGFuZCBgc2JiLXRhYmAgaW5zdGFuY2VzLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDxTYmJUYWJDaGFuZ2VkRXZlbnREZXRhaWxzPn0gdGFiY2hhbmdlIC0gVGhlIHRhYmNoYW5nZSBldmVudCBpcyBkaXNwYXRjaGVkIHdoZW4gYSB0YWIgaXMgc2VsZWN0ZWQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUYWJHcm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWItZ3JvdXAnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB0YWJHcm91cENvbW1vblN0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICB0YWJjaGFuZ2U6ICd0YWJjaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX3RhYkdyb3VwRWxlbWVudCE6IEhUTUxFbGVtZW50O1xuICBwcml2YXRlIF90YWJHcm91cFJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25UYWJHcm91cEVsZW1lbnRSZXNpemUoKSxcbiAgfSk7XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMsIGwgb3IgeGwuXG4gICAqIEBkZWZhdWx0ICdsJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAncycgfCAnbCcgfCAneGwnID0gaXNMZWFuKCkgPyAncycgOiAnbCc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGluaXRpYWwgdGFiLiBJZiBpdCBtYXRjaGVzIGEgZGlzYWJsZWQgdGFiIG9yIGV4Y2VlZHMgdGhlIGxlbmd0aCBvZlxuICAgKiB0aGUgdGFiIGdyb3VwLCB0aGUgZmlyc3QgZW5hYmxlZCB0YWIgd2lsbCBiZSBzZWxlY3RlZC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbml0aWFsLXNlbGVjdGVkLWluZGV4JywgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbml0aWFsU2VsZWN0ZWRJbmRleDogbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUsIHRoZSBgc2JiLXRhYmAgZWxlbWVudHMgdGFrZSAxMDAlIGhlaWdodCBvZiB0aGUgYHNiYi10YWItZ3JvdXBgLlxuICAgKiBJdCBlbmFibGVzIGNvbnRyb2xsaW5nIHRoZSBoZWlnaHQgb24gdGhlIGBzYmItdGFiLWdyb3VwYCBlbGVtZW50LlxuICAgKiBUaGUgY29udGVudCBiZWNvbWVzIHNjcm9sbGFibGUgb24gb3ZlcmZsb3cuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZml4ZWQtaGVpZ2h0JywgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZml4ZWRIZWlnaHQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogR2V0cyB0aGUgc2xvdHRlZCBgc2JiLXRhYi1sYWJlbGBzLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVscygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgLyoqXG4gICAgICogVGhlIHF1ZXJ5U2VsZWN0b3IgQVBJIGlzIG5vdCB1c2VkIGJlY2F1c2Ugd2hlbiBuZXN0ZWQgdGFicyBhcmUgdXNlZCxcbiAgICAgKiB0aGUgcmV0dXJuZWQgYXJyYXkgY29udGFpbnMgdGhlIGlubmVyIHRhYnMgdG9vLCBhbmQgdGhpcyBicmVha3MgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24uXG4gICAgICovXG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5jaGlsZHJlbiA/PyBbXSkuZmlsdGVyKChjaGlsZCkgPT5cbiAgICAgIC9ec2JiLXRhYi1sYWJlbCQvdS50ZXN0KGNoaWxkLmxvY2FsTmFtZSksXG4gICAgKSBhcyBTYmJUYWJMYWJlbEVsZW1lbnRbXTtcbiAgfVxuXG4gIC8qKiBHZXRzIHRoZSBzbG90dGVkIGBzYmItdGFiYHMuICovXG4gIHB1YmxpYyBnZXQgdGFicygpOiBTYmJUYWJFbGVtZW50W10ge1xuICAgIC8qKlxuICAgICAqIFRoZSBxdWVyeVNlbGVjdG9yIEFQSSBpcyBub3QgdXNlZCBiZWNhdXNlIHdoZW4gbmVzdGVkIHRhYnMgYXJlIHVzZWQsXG4gICAgICogdGhlIHJldHVybmVkIGFycmF5IGNvbnRhaW5zIHRoZSBpbm5lciB0YWJzIHRvbywgYW5kIHRoaXMgYnJlYWtzIHRoZSBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICAgICAqL1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4gPz8gW10pLmZpbHRlcigoY2hpbGQpID0+XG4gICAgICAvXnNiYi10YWIkL3UudGVzdChjaGlsZC5sb2NhbE5hbWUpLFxuICAgICkgYXMgU2JiVGFiRWxlbWVudFtdO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2tleWRvd24nLCAoZSkgPT4gdGhpcy5faGFuZGxlS2V5RG93bihlKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2luaXRTZWxlY3Rpb24oKTtcblxuICAgIC8vIFRvIGF2b2lkIGFuaW1hdGlvbnMgb24gaW5pdGlhbGl6YXRpb24sIHdlIGhhdmUgdG8gbWFyayB0aGUgY29tcG9uZW50IGFzIGluaXRpYWxpemVkIGFuZCB3YWl0IGEgdGljay5cbiAgICBQcm9taXNlLnJlc29sdmUoKS50aGVuKCgpID0+IHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2luaXRpYWxpemVkJykpO1xuICAgIHRoaXMuX3RhYkdyb3VwUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl90YWJHcm91cEVsZW1lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqIERpc2FibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZGlzYWJsZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sYWJlbHNbaW5kZXhdKSB7XG4gICAgICB0aGlzLmxhYmVsc1tpbmRleF0uZGlzYWJsZWQgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZW5hYmxlLlxuICAgKi9cbiAgcHVibGljIGVuYWJsZVRhYihpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGFiZWxzW2luZGV4XSkge1xuICAgICAgdGhpcy5sYWJlbHNbaW5kZXhdLmRpc2FibGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEFjdGl2YXRlcyBhIHRhYiBieSBpbmRleC5cbiAgICogQHBhcmFtIGluZGV4IFRoZSBpbmRleCBvZiB0aGUgdGFiIHlvdSB3YW50IHRvIGFjdGl2YXRlLlxuICAgKi9cbiAgcHVibGljIGFjdGl2YXRlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsc1tpbmRleF0/LmFjdGl2YXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF9lbmFibGVkVGFicygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIHRoaXMubGFiZWxzLmZpbHRlcigodCkgPT4ge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZSh0KTtcbiAgICAgIHJldHVybiAhdC5kaXNhYmxlZDtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX29uQ29udGVudFNsb3RDaGFuZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5sYWJlbHMuZm9yRWFjaCgodGFiTGFiZWwpID0+IHRhYkxhYmVsWydsaW5rVG9UYWInXSgpKTtcbiAgICB0aGlzLmxhYmVscy5maW5kKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWwuYWN0aXZlKT8uYWN0aXZhdGUoKTtcbiAgfTtcblxuICBwcml2YXRlIF9vbkxhYmVsU2xvdENoYW5nZSA9ICgpOiB2b2lkID0+IHtcbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2Vuc3VyZUFjdGl2ZVRhYigpO1xuICB9O1xuXG4gIHByaXZhdGUgX2Vuc3VyZUFjdGl2ZVRhYigpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuaGFzKCdpbml0aWFsaXplZCcpICYmXG4gICAgICAhdGhpcy5sYWJlbHMuc29tZSgodGFiTGFiZWwpID0+IHRhYkxhYmVsLmFjdGl2ZSlcbiAgICApIHtcbiAgICAgIHRoaXMuX2luaXRTZWxlY3Rpb24oKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbml0U2VsZWN0aW9uKCk6IHZvaWQge1xuICAgIGNvbnN0IHNlbGVjdGVkVGFiTGFiZWwgPSB0aGlzLmxhYmVsc1t0aGlzLmluaXRpYWxTZWxlY3RlZEluZGV4XTtcbiAgICBpZiAoc2VsZWN0ZWRUYWJMYWJlbCkge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZShzZWxlY3RlZFRhYkxhYmVsKTtcbiAgICAgIGlmIChcbiAgICAgICAgdGhpcy5pbml0aWFsU2VsZWN0ZWRJbmRleCA+PSAwICYmXG4gICAgICAgIHRoaXMuaW5pdGlhbFNlbGVjdGVkSW5kZXggPCB0aGlzLmxhYmVscy5sZW5ndGggJiZcbiAgICAgICAgIXNlbGVjdGVkVGFiTGFiZWwuZGlzYWJsZWRcbiAgICAgICkge1xuICAgICAgICBzZWxlY3RlZFRhYkxhYmVsLmFjdGl2YXRlKCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5fZW5hYmxlZFRhYnMoKVswXT8uYWN0aXZhdGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uVGFiR3JvdXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIGNvbnN0IHRhYkxhYmVscyA9IHRoaXMubGFiZWxzO1xuICAgIHRhYkxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4ge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGFiTGFiZWwpPy50b2dnbGUoXG4gICAgICAgICdoYXMtZGl2aWRlcicsXG4gICAgICAgIHRhYkxhYmVsID09PSB0YWJMYWJlbHNbMF0gfHwgdGFiTGFiZWwub2Zmc2V0TGVmdCA9PT0gdGFiTGFiZWxzWzBdLm9mZnNldExlZnQsXG4gICAgICApO1xuICAgIH0pO1xuXG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItdGFiLWdyb3VwLXdpZHRoJywgYCR7dGhpcy5fdGFiR3JvdXBFbGVtZW50LmNsaWVudFdpZHRofXB4YCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVLZXlEb3duKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGVuYWJsZWRUYWJzOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSA9IHRoaXMuX2VuYWJsZWRUYWJzKCk7XG5cbiAgICBpZiAoXG4gICAgICAhZW5hYmxlZFRhYnMgfHxcbiAgICAgIC8vIGRvbid0IHRyYXAgbmVzdGVkIGhhbmRsaW5nXG4gICAgICAoKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpICE9PSB0aGlzICYmIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50ICE9PSB0aGlzKVxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICBjb25zdCBjdXJyZW50OiBudW1iZXIgPSBlbmFibGVkVGFicy5maW5kSW5kZXgoKHQpID0+IHQuYWN0aXZlKTtcbiAgICAgIGNvbnN0IG5leHRJbmRleDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldnQsIGN1cnJlbnQsIGVuYWJsZWRUYWJzLmxlbmd0aCk7XG4gICAgICBlbmFibGVkVGFic1tuZXh0SW5kZXhdPy5hY3RpdmF0ZSgpO1xuICAgICAgZW5hYmxlZFRhYnNbbmV4dEluZGV4XT8uZm9jdXMoKTtcbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHByb3RlY3RlZCBzZXRUYWJDb250ZW50SGVpZ2h0KGNvbnRlbnRIZWlnaHQ6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2JiLXRhYi1jb250ZW50LWhlaWdodCcsIGAke2NvbnRlbnRIZWlnaHR9cHhgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNiYi10YWItZ3JvdXBcIlxuICAgICAgICByb2xlPVwidGFibGlzdFwiXG4gICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpID0+ICh0aGlzLl90YWJHcm91cEVsZW1lbnQgPSBlbCBhcyBIVE1MRWxlbWVudCkpfVxuICAgICAgPlxuICAgICAgICA8c2xvdCBuYW1lPVwidGFiLWJhclwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fb25MYWJlbFNsb3RDaGFuZ2V9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgICAgJHshdGhpcy5maXhlZEhlaWdodFxuICAgICAgICA/IGh0bWxgXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRhYi1ncm91cC1jb250ZW50XCI+XG4gICAgICAgICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhyb3R0bGUodGhpcy5fb25Db250ZW50U2xvdENoYW5nZSwgMTUwKX0+PC9zbG90PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgYFxuICAgICAgICA6IGh0bWxgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aHJvdHRsZSh0aGlzLl9vbkNvbnRlbnRTbG90Q2hhbmdlLCAxNTApfT48L3Nsb3Q+YH1cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGFiLWdyb3VwJzogU2JiVGFiR3JvdXBFbGVtZW50O1xuICB9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