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

package/development/navigation-action-common-CGy4K8q-.js

@@ -0,0 +1,91 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { html as html$1 } from "lit/static-html.js";
+import { SbbIconElement } from "./icon.pure.js";
+//#region src/elements/navigation/common/navigation-action.scss?inline
+var navigation_action_default = ":host {\n  --_sbb-navigation-action-inset-inline-start: calc(\n    (var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1\n  );\n  --_sbb-navigation-action-inset-block-start: calc(1em * (var(--sbb-typo-line-height-text) / 2));\n  --sbb-navigation-action-transition-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-3x)\n  );\n  display: block;\n  outline: none !important;\n}\n\n:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active) {\n  --sbb-navigation-action-icon-display: block;\n}\n\n:host(:is(:state(action-active),[state--action-active])) {\n  --sbb-navigation-action-color: var(--sbb-color-5);\n}\n@media (forced-colors: active) {\n  :host(:is(:state(action-active),[state--action-active])) {\n    --sbb-navigation-action-color: Highlight;\n  }\n}\n\nsbb-icon {\n  display: var(--sbb-navigation-action-icon-display);\n  position: absolute;\n  inset-inline-start: var(--_sbb-navigation-action-inset-inline-start);\n  inset-block-start: var(--_sbb-navigation-action-inset-block-start);\n  translate: 0 -50%;\n}\n\n@media (any-hover: hover) {\n  :host(:hover) {\n    --sbb-navigation-action-color: var(--sbb-color-5);\n  }\n}\n@media (forced-colors: active) {\n  :host(:is(:state(button),[state--button])) {\n    --sbb-navigation-action-color: ButtonText;\n  }\n}\n\n:host([size=m]),\n:host([size=s]) {\n  --sbb-navigation-action-line-height: var(--sbb-typo-line-height-text);\n  --sbb-navigation-action-letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n\n:host([size=m]) {\n  --sbb-navigation-action-font-size: var(--sbb-text-font-size-s);\n}\n\n:host([size=s]) {\n  --sbb-navigation-action-font-size: var(--sbb-text-font-size-xxs);\n}\n\n:is(.sbb-navigation-button, .sbb-navigation-link) {\n  display: flex;\n  position: relative;\n  color: var(--sbb-navigation-action-color);\n  cursor: var(--sbb-cursor-pointer);\n  transition: color var(--sbb-navigation-action-transition-duration) ease;\n  outline: none;\n  text-align: left;\n  font-size: var(--sbb-navigation-action-font-size);\n  line-height: var(--sbb-navigation-action-line-height);\n  letter-spacing: var(--sbb-navigation-action-letter-spacing);\n  font-weight: bold;\n  hyphens: auto;\n  text-decoration: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n@media (forced-colors: active) {\n  :is(.sbb-navigation-button, .sbb-navigation-link) {\n    transition: none;\n  }\n}\n:host(:focus-visible) :is(.sbb-navigation-button, .sbb-navigation-link), :is(.sbb-navigation-button, .sbb-navigation-link):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  border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));\n}";
+//#endregion
+//#region src/elements/navigation/common/navigation-action-common.ts
+var SbbNavigationActionCommonElementMixin = (superClass) => {
+	return (() => {
+		let _classSuper = superClass;
+		let _size_decorators;
+		let _size_initializers = [];
+		let _size_extraInitializers = [];
+		return class SbbNavigationActionCommonElement extends _classSuper {
+			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.elementDependencies = [SbbIconElement];
+			}
+			static {
+				this.styles = [unsafeCSS(navigation_action_default)];
+			}
+			#size_accessor_storage;
+			/**
+			* Action size variant, either s, m or l.
+			*/
+			get size() {
+				return this.#size_accessor_storage;
+			}
+			set size(value) {
+				this.#size_accessor_storage = value;
+			}
+			/** The navigation marker in which the action is nested. */
+			get marker() {
+				return this._navigationMarker;
+			}
+			/** The section in which the action is nested. */
+			get section() {
+				return this._navigationSection;
+			}
+			constructor(...args) {
+				super(...args);
+				this.#size_accessor_storage = __runInitializers(this, _size_initializers, "l");
+				/** The section that is being controlled by the action, if any. */
+				this.connectedSection = __runInitializers(this, _size_extraInitializers);
+				this._navigationMarker = null;
+				this._navigationSection = null;
+				this.addEventListener?.("click", () => {
+					if (!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection) this.marker?.select(this);
+				});
+			}
+			connectedCallback() {
+				super.connectedCallback();
+				this._navigationMarker = this.closest("sbb-navigation-marker");
+				this._navigationSection = this.closest("sbb-navigation-section");
+				this.toggleState("section-action", !!this._navigationSection);
+			}
+			renderTemplate() {
+				return html$1`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
+			}
+		};
+	})();
+};
+//#endregion
+export { SbbNavigationActionCommonElementMixin as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1hY3Rpb24tY29tbW9uLUNHeTRLOHEtLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi1jb21tb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgICh2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKSArIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KSkgKiAtMVxuICApO1xuICAtLV9zYmItbmF2aWdhdGlvbi1hY3Rpb24taW5zZXQtYmxvY2stc3RhcnQ6IGNhbGMoMWVtICogKHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpIC8gMikpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0zeClcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG59XG5cbjpob3N0KDpzdGF0ZShzZWN0aW9uLWFjdGlvbik6c3RhdGUoYWN0aW9uLWFjdGl2ZSkuc2JiLWFjdGl2ZSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pY29uLWRpc3BsYXk6IGJsb2NrO1xufVxuXG46aG9zdCg6c3RhdGUoYWN0aW9uLWFjdGl2ZSkpIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG5zYmItaWNvbiB7XG4gIGRpc3BsYXk6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pY29uLWRpc3BsYXkpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tX3NiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pbnNldC1pbmxpbmUtc3RhcnQpO1xuICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tX3NiYi1uYXZpZ2F0aW9uLWFjdGlvbi1pbnNldC1ibG9jay1zdGFydCk7XG4gIHRyYW5zbGF0ZTogMCAtNTAlO1xufVxuXG5AaW5jbHVkZSBzYmIuaG92ZXItbXEoJGhvdmVyOiB0cnVlKSB7XG4gIDpob3N0KDpob3Zlcikge1xuICAgIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNSk7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGJ1dHRvbikpIHtcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yOiBCdXR0b25UZXh0O1xuICB9XG59XG5cbjpob3N0KFtzaXplPSdtJ10pLFxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1saW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcbn1cblxuOmhvc3QoW3NpemU9J20nXSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS1zKTtcbn1cblxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS14eHMpO1xufVxuXG46aXMoLnNiYi1uYXZpZ2F0aW9uLWJ1dHRvbiwgLnNiYi1uYXZpZ2F0aW9uLWxpbmspIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yKTtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuICB0cmFuc2l0aW9uOiBjb2xvciB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tdHJhbnNpdGlvbi1kdXJhdGlvbikgZWFzZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1saW5lLWhlaWdodCk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tbGV0dGVyLXNwYWNpbmcpO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgaHlwaGVuczogYXV0bztcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuXG4gIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgaG9zdCAoYnV0dG9uIHZhcmlhbnQpXG4gIDpob3N0KDpmb2N1cy12aXNpYmxlKSAmLFxuICAgIC8vIEhhbmRsZSBmb2N1cyBvbiB0aGUgYWN0aW9uIChsaW5rIHZhcmlhbnQpXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG5cbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KSAtIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICB9XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUge1xuICBBYnN0cmFjdENvbnN0cnVjdG9yLFxuICBTYmJBY3Rpb25CYXNlRWxlbWVudCxcbiAgU2JiRWxlbWVudENvbnN0cnVjdG9yLFxuICBTYmJFbGVtZW50VHlwZSxcbn0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uRWxlbWVudCB9IGZyb20gJy4uLy4uL2ljb24ucHVyZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1idXR0b24vbmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50IH0gZnJvbSAnLi4vbmF2aWdhdGlvbi1saW5rL25hdmlnYXRpb24tbGluay5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbWFya2VyL25hdmlnYXRpb24tbWFya2VyLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tc2VjdGlvbi9uYXZpZ2F0aW9uLXNlY3Rpb24uY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbmF2aWdhdGlvbi1hY3Rpb24uc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJOYXZpZ2F0aW9uQWN0aW9uU2l6ZSA9ICdzJyB8ICdtJyB8ICdsJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGUge1xuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogU2JiTmF2aWdhdGlvbkFjdGlvblNpemU7XG4gIHB1YmxpYyBnZXQgbWFya2VyKCk6IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50IHwgbnVsbDtcbiAgcHVibGljIGdldCBzZWN0aW9uKCk6IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IG51bGw7XG4gIHB1YmxpYyBjb25uZWN0ZWRTZWN0aW9uOiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfCB1bmRlZmluZWQ7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4gJiBTYmJFbGVtZW50Q29uc3RydWN0b3IsXG4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIHN1cGVyQ2xhc3NcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnRNaXhpblR5cGU+XG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbU2JiSWNvbkVsZW1lbnRdO1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAgIC8qKlxuICAgICAqIEFjdGlvbiBzaXplIHZhcmlhbnQsIGVpdGhlciBzLCBtIG9yIGwuXG4gICAgICovXG4gICAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogU2JiTmF2aWdhdGlvbkFjdGlvblNpemUgPSAnbCc7XG5cbiAgICAvKiogVGhlIHNlY3Rpb24gdGhhdCBpcyBiZWluZyBjb250cm9sbGVkIGJ5IHRoZSBhY3Rpb24sIGlmIGFueS4gKi9cbiAgICBwdWJsaWMgY29ubmVjdGVkU2VjdGlvbj86IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudDtcblxuICAgIC8qKiBUaGUgbmF2aWdhdGlvbiBtYXJrZXIgaW4gd2hpY2ggdGhlIGFjdGlvbiBpcyBuZXN0ZWQuICovXG4gICAgcHVibGljIGdldCBtYXJrZXIoKTogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfCBudWxsIHtcbiAgICAgIHJldHVybiB0aGlzLl9uYXZpZ2F0aW9uTWFya2VyO1xuICAgIH1cblxuICAgIC8qKiBUaGUgc2VjdGlvbiBpbiB3aGljaCB0aGUgYWN0aW9uIGlzIG5lc3RlZC4gKi9cbiAgICBwdWJsaWMgZ2V0IHNlY3Rpb24oKTogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgbnVsbCB7XG4gICAgICByZXR1cm4gdGhpcy5fbmF2aWdhdGlvblNlY3Rpb247XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfbmF2aWdhdGlvbk1hcmtlcjogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICBwcml2YXRlIF9uYXZpZ2F0aW9uU2VjdGlvbjogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgICBwcm90ZWN0ZWQgY29uc3RydWN0b3IoLi4uYXJnczogYW55W10pIHtcbiAgICAgIHN1cGVyKC4uLmFyZ3MpO1xuICAgICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgIXRoaXMubWF0Y2hlcygnOnN0YXRlKGFjdGlvbi1hY3RpdmUpJykgJiZcbiAgICAgICAgICB0aGlzLl9uYXZpZ2F0aW9uTWFya2VyICYmXG4gICAgICAgICAgIXRoaXMuY29ubmVjdGVkU2VjdGlvblxuICAgICAgICApIHtcbiAgICAgICAgICB0aGlzLm1hcmtlcj8uc2VsZWN0KFxuICAgICAgICAgICAgdGhpcyBhcyB1bmtub3duIGFzIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50LFxuICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICAgIC8vIENoZWNrIGlmIHRoZSBjdXJyZW50IGVsZW1lbnQgaXMgbmVzdGVkIGluc2lkZSBhIG5hdmlnYXRpb24gbWFya2VyLlxuICAgICAgdGhpcy5fbmF2aWdhdGlvbk1hcmtlciA9IHRoaXMuY2xvc2VzdCgnc2JiLW5hdmlnYXRpb24tbWFya2VyJyk7XG5cbiAgICAgIC8vIENoZWNrIGlmIHRoZSBjdXJyZW50IGVsZW1lbnQgaXMgbmVzdGVkIGluc2lkZSBhIG5hdmlnYXRpb24gc2VjdGlvbi5cbiAgICAgIHRoaXMuX25hdmlnYXRpb25TZWN0aW9uID0gdGhpcy5jbG9zZXN0KCdzYmItbmF2aWdhdGlvbi1zZWN0aW9uJyk7XG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdzZWN0aW9uLWFjdGlvbicsICEhdGhpcy5fbmF2aWdhdGlvblNlY3Rpb24pO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICByZXR1cm4gaHRtbGA8c2JiLWljb24gbmFtZT1cImRhc2gtc21hbGxcIj48L3NiYi1pY29uPiA8c2xvdD48L3Nsb3Q+YDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50IGFzIHVua25vd24gYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUM0QkEsSUFBYSx5Q0FHWCxlQUNzRTtBQTJEdEUsZUExRCtDO29CQUNyQzs7OztlQURLLHlDQUNMLFlBQVU7Ozt3QkFTakIsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxpQkFBQSxNQUFBLE1BQUEsa0JBQUE7S0FBQSxNQUFBO0tBQUEsTUFBQTtLQUFBLFFBQUE7S0FBQSxTQUFBO0tBQUEsUUFBQTtNQUFBLE1BQUEsUUFBQSxVQUFBO01BQUEsTUFBQSxRQUFBLElBQWdCO01BQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxXQUFKLE9BQUk7O01BQUE7S0FBQSxVQUFBO0tBQUEsRUFBQSxvQkFBQSx3QkFBQTs7Ozs7Ozs7O0FBTjFCLFNBQUEsc0JBQXdDLENBQUMsZUFBZTs7O0FBQ2pFLFNBQUEsU0FBeUIsQ0FBQyxVQUFVLDBCQUFNLENBQUM7O0dBSzVCOzs7O0dBQUEsSUFBZ0IsT0FBSTtBQUFBLFdBQUEsTUFBQTs7R0FBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEsVUFBQSx3QkFBQTs7O0dBTWpELElBQVcsU0FBTTtBQUNmLFdBQU8sS0FBSzs7O0dBSWQsSUFBVyxVQUFPO0FBQ2hCLFdBQU8sS0FBSzs7R0FNZCxZQUFzQixHQUFHLE1BQVc7QUFDbEMsVUFBTSxHQUFHLEtBQUs7QUFuQjZCLFVBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBZ0MsSUFBRzs7QUFHekUsU0FBQSxtQkFBZ0Isa0JBQUEsTUFBQSx3QkFBQTtBQVlmLFNBQUEsb0JBQXVEO0FBQ3ZELFNBQUEscUJBQXlEO0FBSS9ELFNBQUssbUJBQW1CLGVBQWM7QUFDcEMsU0FDRSxDQUFDLEtBQUssUUFBUSxvREFBd0IsSUFDdEMsS0FBSyxxQkFDTCxDQUFDLEtBQUssaUJBRU4sTUFBSyxRQUFRLE9BQ1gsS0FDRDtNQUVIOztHQUdZLG9CQUFpQjtBQUMvQixVQUFNLG1CQUFtQjtBQUd6QixTQUFLLG9CQUFvQixLQUFLLFFBQVEsd0JBQXdCO0FBRzlELFNBQUsscUJBQXFCLEtBQUssUUFBUSx5QkFBeUI7QUFDaEUsU0FBSyxZQUFZLGtCQUFrQixDQUFDLENBQUMsS0FBSyxtQkFBbUI7O0dBRzVDLGlCQUFjO0FBQy9CLFdBQU8sTUFBSTs7O0tBR1IifQ==

package/development/navigation-list.component-DrdbtDRs.js

@@ -0,0 +1,90 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, SbbNamedSlotListMixin, forceType, omitEmptyConverter } from "./core.js";
+//#region src/elements/navigation/navigation-list/navigation-list.scss?inline
+var navigation_list_default = ":host {\n  display: block;\n}\n\n.sbb-navigation-list__content {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: inherit;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sbb-navigation-list-gap);\n  margin-block: var(--sbb-navigation-list-margin-block);\n}\n\n.sbb-navigation-list__label {\n  display: block;\n  color: var(--sbb-color-5);\n  padding-block-end: var(--sbb-navigation-list-padding-block-end);\n  font-weight: bold;\n  font-size: var(--sbb-navigation-list-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n:host(:not(:is(:state(slotted-label),[state--slotted-label]), [label])) .sbb-navigation-list__label {\n  display: none;\n}";
+//#endregion
+//#region src/elements/navigation/navigation-list/navigation-list.component.ts
+/**
+* It can be used as a container for one or more `sbb-navigation-button`/`sbb-navigation-link` within a `sbb-navigation-section`.
+*
+* @slot - Use the unnamed slot to add content to the `sbb-navigation-list`.
+* @slot label - Use this to provide a label element.
+*/
+var SbbNavigationListElement = (() => {
+	let _classSuper = SbbNamedSlotListMixin(SbbElement);
+	let _label_decorators;
+	let _label_initializers = [];
+	let _label_extraInitializers = [];
+	return class SbbNavigationListElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_label_decorators = [forceType(), property({
+				reflect: true,
+				converter: omitEmptyConverter
+			})];
+			__esDecorate(this, null, _label_decorators, {
+				kind: "accessor",
+				name: "label",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "label" in obj,
+					get: (obj) => obj.label,
+					set: (obj, value) => {
+						obj.label = value;
+					}
+				},
+				metadata: _metadata
+			}, _label_initializers, _label_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-navigation-list";
+		}
+		static {
+			this.styles = [unsafeCSS(navigation_list_default)];
+		}
+		#label_accessor_storage;
+		/**
+		* The label to be shown before the action list.
+		*/
+		get label() {
+			return this.#label_accessor_storage;
+		}
+		set label(value) {
+			this.#label_accessor_storage = value;
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("listChildren")) this.listChildren.forEach((c) => c.size = "m");
+		}
+		render() {
+			return html`
+      <span class="sbb-navigation-list__label" id="sbb-navigation-link-label-id">
+        <slot name="label">${this.label}</slot>
+      </span>
+      ${this.renderList({
+				class: "sbb-navigation-list__content",
+				ariaLabelledby: "sbb-navigation-link-label-id"
+			})}
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"];
+			this.#label_accessor_storage = __runInitializers(this, _label_initializers, "");
+			__runInitializers(this, _label_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbNavigationListElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0LmNvbXBvbmVudC1EcmRidERScy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLWxpc3QvbmF2aWdhdGlvbi1saXN0LnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi1saXN0L25hdmlnYXRpb24tbGlzdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLnNiYi1uYXZpZ2F0aW9uLWxpc3RfX2NvbnRlbnQge1xuICBAaW5jbHVkZSBzYmIubGlzdC1yZXNldDtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgZ2FwOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1saXN0LWdhcCk7XG4gIG1hcmdpbi1ibG9jazogdmFyKC0tc2JiLW5hdmlnYXRpb24tbGlzdC1tYXJnaW4tYmxvY2spO1xufVxuXG4uc2JiLW5hdmlnYXRpb24tbGlzdF9fbGFiZWwge1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcbiAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLWxpc3QtcGFkZGluZy1ibG9jay1lbmQpO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1saXN0LWZvbnQtc2l6ZSk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWxhYmVsKSwgW2xhYmVsXSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG4gIHVuc2FmZUNTUyxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBmb3JjZVR5cGUsXG4gIG9taXRFbXB0eUNvbnZlcnRlcixcbiAgU2JiRWxlbWVudCxcbiAgU2JiTmFtZWRTbG90TGlzdE1peGluLFxuICB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4sXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbmF2aWdhdGlvbi1saXN0LnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIHdpdGhpbiBhIGBzYmItbmF2aWdhdGlvbi1zZWN0aW9uYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLW5hdmlnYXRpb24tbGlzdGAuXG4gKiBAc2xvdCBsYWJlbCAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBsYWJlbCBlbGVtZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2JiTmF2aWdhdGlvbkxpc3RFbGVtZW50IGV4dGVuZHMgU2JiTmFtZWRTbG90TGlzdE1peGluPFxuICBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB8IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCxcbiAgdHlwZW9mIFNiYkVsZW1lbnRcbj4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLW5hdmlnYXRpb24tbGlzdCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFt1bnNhZmVDU1Moc3R5bGUpXTtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWJ1dHRvbicsXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWxpbmsnLFxuICBdO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgdG8gYmUgc2hvd24gYmVmb3JlIHRoZSBhY3Rpb24gbGlzdC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgbGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdENoaWxkcmVuJykpIHtcbiAgICAgIHRoaXMubGlzdENoaWxkcmVuLmZvckVhY2goKGMpID0+IChjLnNpemUgPSAnbScpKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW5hdmlnYXRpb24tbGlzdF9fbGFiZWxcIiBpZD1cInNiYi1uYXZpZ2F0aW9uLWxpbmstbGFiZWwtaWRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cImxhYmVsXCI+JHt0aGlzLmxhYmVsfTwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgY2xhc3M6ICdzYmItbmF2aWdhdGlvbi1saXN0X19jb250ZW50JyxcbiAgICAgICAgYXJpYUxhYmVsbGVkYnk6ICdzYmItbmF2aWdhdGlvbi1saW5rLWxhYmVsLWlkJyxcbiAgICAgIH0pfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLWxpc3QnOiBTYmJOYXZpZ2F0aW9uTGlzdEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7SUMyQmEsa0NBQXdCO21CQUFTLHNCQUc1QyxXQUFXOzs7O2NBSEEsaUNBQWlDLFlBR2pDOzs7d0JBV1YsV0FBVyxFQUNYLFNBQVM7SUFBRSxTQUFTO0lBQU0sV0FBVztJQUFvQixDQUFDLENBQUE7QUFDM0QsZ0JBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFLLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7Ozs7Ozs7OztBQVpXLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsVUFBVSx3QkFBTSxDQUFDOztFQVdsRTs7OztFQUFBLElBQWdCLFFBQUs7QUFBQSxVQUFBLE1BQUE7O0VBQXJCLElBQWdCLE1BQUssT0FBQTtBQUFBLFNBQUEseUJBQUE7O0VBRUYsV0FBVyxtQkFBeUQ7QUFDckYsU0FBTSxXQUFXLGtCQUFrQjtBQUVuQyxPQUFJLGtCQUFrQixJQUFJLGVBQWUsQ0FDdkMsTUFBSyxhQUFhLFNBQVMsTUFBTyxFQUFFLE9BQU8sSUFBSzs7RUFJakMsU0FBTTtBQUN2QixVQUFPLElBQUk7OzZCQUVjLEtBQUssTUFBSzs7UUFFL0IsS0FBSyxXQUFXO0lBQ2hCLE9BQU87SUFDUCxnQkFBZ0I7SUFDakIsQ0FBQyxDQUFBOzs7OztBQTVCc0IsUUFBQSxzQkFBc0IsQ0FDaEQseUJBQ0Esc0JBQ0Q7QUFPZSxTQUFBLHlCQUFBLGtCQUFBLE1BQUEscUJBQWdCLEdBQUUifQ==

package/development/navigation-marker.component-fB05cjtE.js

@@ -0,0 +1,121 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, SbbNamedSlotListMixin, ɵstateController } from "./core.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+//#region src/elements/navigation/navigation-marker/navigation-marker.scss?inline
+var navigation_marker_default = ":host {\n  --sbb-navigation-marker-margin-block: calc(\n    1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) /\n      2\n  );\n  display: block;\n}\n\n:host([size=l]) {\n  --sbb-navigation-marker-font-size: var(--sbb-heading-font-size-4);\n  --sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-heading);\n  --sbb-navigation-marker-line-height: var(--sbb-typo-line-height-heading);\n}\n\n:host([size=s]) {\n  --sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);\n  --sbb-navigation-marker-width: 0.5rem;\n  --sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);\n  --sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);\n  --sbb-navigation-marker-position-x: calc(\n    var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x)\n  );\n  --sbb-navigation-marker-padding-inline-start: calc(\n    var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x)\n  );\n  --sbb-navigation-marker-font-size: var(--sbb-text-font-size-xxs);\n  --sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-text);\n  --sbb-navigation-marker-line-height: var(--sbb-typo-line-height-text);\n}\n\n.sbb-navigation-marker {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: inherit;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--sbb-navigation-action-gap);\n  padding-inline-start: var(--sbb-navigation-marker-padding-inline-start);\n  font-size: var(--sbb-navigation-marker-font-size);\n  line-height: var(--sbb-navigation-marker-line-height);\n  letter-spacing: var(--sbb-navigation-marker-letter-spacing);\n  font-weight: bold;\n}\n.sbb-navigation-marker::before {\n  content: \"\";\n  position: absolute;\n  opacity: 0;\n  inset-inline-start: var(--sbb-navigation-marker-position-x);\n  inset-block-start: var(--sbb-navigation-marker-position-y);\n  width: var(--sbb-navigation-marker-width);\n  border-block-start: var(--sbb-navigation-marker-border) solid var(--sbb-color-5);\n  margin-block: var(--sbb-navigation-marker-margin-block);\n  transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));\n  transition-timing-function: ease;\n  transition-property: opacity, inset-block-start;\n}\n:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker::before {\n  opacity: 1;\n}\n@media (forced-colors: active) {\n  .sbb-navigation-marker::before {\n    border-color: CanvasText;\n  }\n}\n\n::slotted(:is(sbb-navigation-button, sbb-navigation-link)) {\n  margin-inline-start: var(--sbb-navigation-margin-inline-start);\n}";
+//#endregion
+//#region src/elements/navigation/navigation-marker/navigation-marker.component.ts
+/**
+* It can be used as a container for one or more `sbb-navigation-button`/`sbb-navigation-link` within a `sbb-navigation`.
+*
+* @slot - Use the unnamed slot to add `sbb-navigation-button`/`sbb-navigation-link` elements into the `sbb-navigation-marker`.
+*/
+var SbbNavigationMarkerElement = (() => {
+	let _classSuper = SbbNamedSlotListMixin(SbbElement);
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	return class SbbNavigationMarkerElement extends _classSuper {
+		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-navigation-marker";
+		}
+		static {
+			this.styles = [unsafeCSS(navigation_marker_default)];
+		}
+		#size_accessor_storage;
+		/**
+		* Marker size variant, either s or l.
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"];
+			this.#size_accessor_storage = __runInitializers(this, _size_initializers, "l");
+			this._currentActiveAction = __runInitializers(this, _size_extraInitializers);
+			this.addController(new ResizeController(this, {
+				skipInitial: true,
+				callback: () => this._setMarkerPosition()
+			}));
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("size") || changedProperties.has("listChildren")) this._updateMarkerActions();
+			this.toggleState("has-active-action", !!this._currentActiveAction);
+		}
+		_updateMarkerActions() {
+			for (const action of this.listChildren) action.size = this.size;
+			this._currentActiveAction = this.listChildren.find((action) => action.matches(":is(:state(action-active),[state--action-active])"));
+			this._setMarkerPosition();
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this._checkActiveAction();
+		}
+		_checkActiveAction() {
+			const activeAction = this.querySelector(":is(sbb-navigation-button, sbb-navigation-link).sbb-active");
+			if (activeAction) this.select(activeAction);
+		}
+		select(action) {
+			if (!action) return;
+			this.reset();
+			ɵstateController(action).add("action-active");
+			this._currentActiveAction = action;
+			setTimeout(() => this._setMarkerPosition());
+		}
+		firstUpdated(changedProperties) {
+			super.firstUpdated(changedProperties);
+			setTimeout(() => this._setMarkerPosition());
+		}
+		reset() {
+			if (this._currentActiveAction) {
+				ɵstateController(this._currentActiveAction).delete("action-active");
+				this._currentActiveAction.connectedSection?.close();
+				this._currentActiveAction = void 0;
+			}
+		}
+		_setMarkerPosition() {
+			if (!this._currentActiveAction) return;
+			const index = this.listChildren.indexOf(this._currentActiveAction);
+			const value = this.shadowRoot.querySelector(`li:nth-child(${index + 1})`)?.offsetTop;
+			if (value != null) this.style?.setProperty("--sbb-navigation-marker-position-y", `${value}px`);
+		}
+		render() {
+			return this.renderList();
+		}
+	};
+})();
+//#endregion
+export { SbbNavigationMarkerElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LWZCMDVjanRFLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24tbWFya2VyL25hdmlnYXRpb24tbWFya2VyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi1tYXJrZXIvbmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbWFyZ2luLWJsb2NrOiBjYWxjKFxuICAgIDFlbSAqIHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci10eXBvLWxpbmUtaGVpZ2h0KSAvIDIgLSB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItYm9yZGVyKSAvXG4gICAgICAyXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtzaXplPSdsJ10pIHtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItZm9udC1zaXplOiB2YXIoLS1zYmItaGVhZGluZy1mb250LXNpemUtNCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy1oZWFkaW5nKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LWhlYWRpbmcpO1xufVxuXG46aG9zdChbc2l6ZT0ncyddKSB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci13aWR0aDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDgpfTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItdHlwby1saW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wb3NpdGlvbi14OiBjYWxjKFxuICAgIHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wYWRkaW5nLWlubGluZS1zdGFydCkgLSB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeClcbiAgKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNngpICsgdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMXgpXG4gICk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy10ZXh0KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpO1xufVxuXG4uc2JiLW5hdmlnYXRpb24tbWFya2VyIHtcbiAgQGluY2x1ZGUgc2JiLmxpc3QtcmVzZXQ7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgZ2FwOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tZ2FwKTtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wYWRkaW5nLWlubGluZS1zdGFydCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItbGluZS1oZWlnaHQpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWxldHRlci1zcGFjaW5nKTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgb3BhY2l0eTogMDtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wb3NpdGlvbi14KTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXkpO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItd2lkdGgpO1xuICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLWJvcmRlcikgc29saWQgdmFyKC0tc2JiLWNvbG9yLTUpO1xuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLW1hcmdpbi1ibG9jayk7XG4gICAgdHJhbnNpdGlvbjoge1xuICAgICAgZHVyYXRpb246IHZhcigtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbiwgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi02eCkpO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiBlYXNlO1xuICAgICAgcHJvcGVydHk6IG9wYWNpdHksIGluc2V0LWJsb2NrLXN0YXJ0O1xuICAgIH1cblxuICAgIDpob3N0KDpzdGF0ZShoYXMtYWN0aXZlLWFjdGlvbikpICYge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgICBib3JkZXItY29sb3I6IENhbnZhc1RleHQ7XG4gICAgfVxuICB9XG59XG5cbjo6c2xvdHRlZCg6aXMoc2JiLW5hdmlnYXRpb24tYnV0dG9uLCBzYmItbmF2aWdhdGlvbi1saW5rKSkge1xuICBtYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJnaW4taW5saW5lLXN0YXJ0KTtcbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHtcbiAgU2JiRWxlbWVudCxcbiAgU2JiTmFtZWRTbG90TGlzdE1peGluLFxuICB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4sXG4gIMm1c3RhdGVDb250cm9sbGVyLFxufSBmcm9tICcuLi8uLi9jb3JlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWxpbmsvbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25hdmlnYXRpb24tbWFya2VyLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIHdpdGhpbiBhIGBzYmItbmF2aWdhdGlvbmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIGVsZW1lbnRzIGludG8gdGhlIGBzYmItbmF2aWdhdGlvbi1tYXJrZXJgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48XG4gIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50LFxuICB0eXBlb2YgU2JiRWxlbWVudFxuPihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbmF2aWdhdGlvbi1tYXJrZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdW5zYWZlQ1NTKHN0eWxlKV07XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gW1xuICAgICdzYmItbmF2aWdhdGlvbi1idXR0b24nLFxuICAgICdzYmItbmF2aWdhdGlvbi1saW5rJyxcbiAgXTtcblxuICAvKipcbiAgICogTWFya2VyIHNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbC5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdsJyB8ICdzJyA9ICdsJztcblxuICBwcml2YXRlIF9jdXJyZW50QWN0aXZlQWN0aW9uPzogU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQ7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgICAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fc2V0TWFya2VyUG9zaXRpb24oKSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3NpemUnKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl91cGRhdGVNYXJrZXJBY3Rpb25zKCk7XG4gICAgfVxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2hhcy1hY3RpdmUtYWN0aW9uJywgISF0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZU1hcmtlckFjdGlvbnMoKTogdm9pZCB7XG4gICAgZm9yIChjb25zdCBhY3Rpb24gb2YgdGhpcy5saXN0Q2hpbGRyZW4pIHtcbiAgICAgIGFjdGlvbi5zaXplID0gdGhpcy5zaXplO1xuICAgIH1cblxuICAgIHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24gPSB0aGlzLmxpc3RDaGlsZHJlbi5maW5kKChhY3Rpb24pID0+XG4gICAgICBhY3Rpb24ubWF0Y2hlcygnOnN0YXRlKGFjdGlvbi1hY3RpdmUpJyksXG4gICAgKTtcbiAgICB0aGlzLl9zZXRNYXJrZXJQb3NpdGlvbigpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fY2hlY2tBY3RpdmVBY3Rpb24oKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NoZWNrQWN0aXZlQWN0aW9uKCk6IHZvaWQge1xuICAgIGNvbnN0IGFjdGl2ZUFjdGlvbiA9IHRoaXMucXVlcnlTZWxlY3RvcihcbiAgICAgICc6aXMoc2JiLW5hdmlnYXRpb24tYnV0dG9uLCBzYmItbmF2aWdhdGlvbi1saW5rKS5zYmItYWN0aXZlJyxcbiAgICApIGFzIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50O1xuICAgIGlmIChhY3RpdmVBY3Rpb24pIHtcbiAgICAgIHRoaXMuc2VsZWN0KGFjdGl2ZUFjdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNlbGVjdChhY3Rpb246IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50KTogdm9pZCB7XG4gICAgaWYgKCFhY3Rpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5yZXNldCgpO1xuICAgIMm1c3RhdGVDb250cm9sbGVyKGFjdGlvbikuYWRkKCdhY3Rpb24tYWN0aXZlJyk7XG4gICAgdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbiA9IGFjdGlvbjtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldE1hcmtlclBvc2l0aW9uKCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLl9zZXRNYXJrZXJQb3NpdGlvbigpKTtcbiAgfVxuXG4gIHB1YmxpYyByZXNldCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikuZGVsZXRlKCdhY3Rpb24tYWN0aXZlJyk7XG4gICAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uLmNvbm5lY3RlZFNlY3Rpb24/LmNsb3NlKCk7XG4gICAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NldE1hcmtlclBvc2l0aW9uKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5saXN0Q2hpbGRyZW4uaW5kZXhPZih0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uKSE7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3I8SFRNTExJRWxlbWVudD4oXG4gICAgICBgbGk6bnRoLWNoaWxkKCR7aW5kZXggKyAxfSlgLFxuICAgICk/Lm9mZnNldFRvcDtcbiAgICBpZiAodmFsdWUgIT0gbnVsbCkge1xuICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXknLCBgJHt2YWx1ZX1weGApO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiB0aGlzLnJlbmRlckxpc3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW5hdmlnYXRpb24tbWFya2VyJzogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7SUNv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