@sbb-esta/lyne-elements-dev 4.7.0-dev.1773333589 → 4.7.0-dev.1773388991

package/development/navigation/navigation.js

@@ -1,8 +1,10 @@
-import { SbbNavigationElement } from "./navigation/navigation.component.js";
+import { t as SbbNavigationElement } from "../navigation.component-_gUhpPyO.js";
+//#region src/elements/navigation/navigation.ts
+/** @entrypoint */
 SbbNavigationElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/navigation/navigation.js' has been deprecated.
 Use either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.`);
-export {
-  SbbNavigationElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYk5hdmlnYXRpb25FbGVtZW50IH0gZnJvbSAnLi9uYXZpZ2F0aW9uL25hdmlnYXRpb24uY29tcG9uZW50LnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9uYXZpZ2F0aW9uL25hdmlnYXRpb24uY29tcG9uZW50LnRzJztcblxuU2JiTmF2aWdhdGlvbkVsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24uanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvbmF2aWdhdGlvbi5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9uYXZpZ2F0aW9uLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUtBLHFCQUFxQixPQUFBO0FBRXJCLFFBQVEsS0FBSztBQUFBLGtHQUNxRjsifQ==
+//#endregion
+export { SbbNavigationElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiTmF2aWdhdGlvbkVsZW1lbnQgfSBmcm9tICcuL25hdmlnYXRpb24vbmF2aWdhdGlvbi5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL25hdmlnYXRpb24vbmF2aWdhdGlvbi5jb21wb25lbnQudHMnO1xuXG5TYmJOYXZpZ2F0aW9uRWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9uYXZpZ2F0aW9uLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL25hdmlnYXRpb24ucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBS0EscUJBQXFCLFFBQVE7QUFFN0IsUUFBUSxLQUFLO21HQUNzRiJ9

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

@@ -0,0 +1,178 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { isLean } from "./core/dom.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1 } from "lit/static-html.js";
+import "./icon.js";
+//#region src/elements/navigation/common/navigation-action.scss?lit&inline
+var navigation_action_default = css`:host {
+  --sbb-navigation-action-color: var(--sbb-color-4-negative);
+  --sbb-navigation-action-icon-display: none;
+  display: block;
+  outline: none !important;
+}
+
+:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active) {
+  --sbb-navigation-action-icon-display: block;
+}
+
+:host(:is(:state(action-active),[state--action-active])) {
+  --sbb-navigation-action-color: var(--sbb-color-5);
+}
+@media (forced-colors: active) {
+  :host(:is(:state(action-active),[state--action-active])) {
+    --sbb-navigation-action-color: Highlight;
+  }
+}
+
+sbb-icon {
+  display: var(--sbb-navigation-action-icon-display);
+  position: absolute;
+  inset-inline-start: calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);
+  inset-block-start: calc(1em * var(--sbb-typo-line-height-text) / 2);
+  translate: 0 -50%;
+}
+
+@media (any-hover: hover) {
+  :host(:hover) {
+    --sbb-navigation-action-color: var(--sbb-color-5);
+  }
+}
+@media (forced-colors: active) {
+  :host(:is(:state(button),[state--button])) {
+    --sbb-navigation-action-color: ButtonText;
+  }
+}
+
+:is(.sbb-navigation-button, .sbb-navigation-link) {
+  --sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));
+  margin-block: var(--sbb-title-margin-block, 0);
+  margin-inline: 0;
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));
+  letter-spacing: var(--sbb-typo-letter-spacing-heading);
+  font-size: var(--sbb-title-font-size);
+  cursor: var(--sbb-cursor-pointer);
+  position: relative;
+  text-decoration: none;
+  display: flex;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  transition: color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;
+  hyphens: auto;
+  text-align: left;
+  color: var(--sbb-navigation-action-color);
+  outline: none;
+}
+@media (forced-colors: active) {
+  :is(.sbb-navigation-button, .sbb-navigation-link) {
+    transition: none;
+  }
+}
+:host([size=m]) :is(.sbb-navigation-button, .sbb-navigation-link) {
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+}
+:host([size=s]) :is(.sbb-navigation-button, .sbb-navigation-link) {
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+}
+:host(:focus-visible) :is(.sbb-navigation-button, .sbb-navigation-link), :is(.sbb-navigation-button, .sbb-navigation-link):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);
+  border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));
+}`;
+//#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.styles = [boxSizingStyles, navigation_action_default];
+			}
+			#size_accessor_storage;
+			/**
+			* Action size variant, either s, m or l.
+			* @default 'l' / 's' (lean)
+			*/
+			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, isLean() ? "s" : "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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1hY3Rpb24tY29tbW9uLXNhR2J2b2ppLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL2NvbW1vbi9uYXZpZ2F0aW9uLWFjdGlvbi5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9jb21tb24vbmF2aWdhdGlvbi1hY3Rpb24tY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci00LW5lZ2F0aXZlKTtcbiAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24taWNvbi1kaXNwbGF5OiBub25lO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOmhvc3QoOnN0YXRlKHNlY3Rpb24tYWN0aW9uKTpzdGF0ZShhY3Rpb24tYWN0aXZlKS5zYmItYWN0aXZlKSB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWljb24tZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KDpzdGF0ZShhY3Rpb24tYWN0aXZlKSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTUpO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1jb2xvcjogSGlnaGxpZ2h0O1xuICB9XG59XG5cbnNiYi1pY29uIHtcbiAgZGlzcGxheTogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWljb24tZGlzcGxheSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKCh2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKSArIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KSkgKiAtMSk7XG4gIGluc2V0LWJsb2NrLXN0YXJ0OiBjYWxjKDFlbSAqICh2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KSAvIDIpKTtcbiAgdHJhbnNsYXRlOiAwIC01MCU7XG59XG5cbkBpbmNsdWRlIHNiYi5ob3Zlci1tcSgkaG92ZXI6IHRydWUpIHtcbiAgOmhvc3QoOmhvdmVyKSB7XG4gICAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoYnV0dG9uKSkge1xuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItbmF2aWdhdGlvbi1hY3Rpb24tY29sb3I6IEJ1dHRvblRleHQ7XG4gIH1cbn1cblxuOmlzKC5zYmItbmF2aWdhdGlvbi1idXR0b24sIC5zYmItbmF2aWdhdGlvbi1saW5rKSB7XG4gIEBpbmNsdWRlIHNiYi50aXRsZS00KCRleGNsdWRlLXNwYWNpbmc6IHRydWUpO1xuXG4gIGN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uOiBjb2xvciB2YXIoLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tM3gpKSBlYXNlO1xuICBoeXBoZW5zOiBhdXRvO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBjb2xvcjogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWNvbG9yKTtcbiAgb3V0bGluZTogbm9uZTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuXG4gIDpob3N0KFtzaXplPSdtJ10pICYge1xuICAgIEBpbmNsdWRlIHNiYi50ZXh0LXMtLWJvbGQ7XG4gIH1cblxuICA6aG9zdChbc2l6ZT0ncyddKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIudGV4dC14eHMtLWJvbGQ7XG4gIH1cblxuICAvLyBIYW5kbGUgZm9jdXMgb24gdGhlIGhvc3QgKGJ1dHRvbiB2YXJpYW50KVxuICA6aG9zdCg6Zm9jdXMtdmlzaWJsZSkgJixcbiAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBhY3Rpb24gKGxpbmsgdmFyaWFudClcbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtNHgpIC0gdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KSk7XG4gIH1cbn1cbiIsImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiQWN0aW9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHR5cGUgeyBBYnN0cmFjdENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLW1hcmtlci9uYXZpZ2F0aW9uLW1hcmtlci5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLXNlY3Rpb24vbmF2aWdhdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25hdmlnYXRpb24tYWN0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi50cyc7XG5cbmV4cG9ydCB0eXBlIFNiYk5hdmlnYXRpb25BY3Rpb25TaXplID0gJ3MnIHwgJ20nIHwgJ2wnO1xuXG5leHBvcnQgZGVjbGFyZSBjbGFzcyBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiBTYmJOYXZpZ2F0aW9uQWN0aW9uU2l6ZTtcbiAgcHVibGljIGdldCBtYXJrZXIoKTogU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgfCBudWxsO1xuICBwdWJsaWMgZ2V0IHNlY3Rpb24oKTogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50IHwgbnVsbDtcbiAgcHVibGljIGNvbm5lY3RlZFNlY3Rpb246IFNiYk5hdmlnYXRpb25TZWN0aW9uRWxlbWVudCB8IHVuZGVmaW5lZDtcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW4gPSA8XG4gIFQgZXh0ZW5kcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkFjdGlvbkJhc2VFbGVtZW50Pixcbj4oXG4gIHN1cGVyQ2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgc3VwZXJDbGFzc1xuICAgIGltcGxlbWVudHMgUGFydGlhbDxTYmJOYXZpZ2F0aW9uQWN0aW9uQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAgIC8qKlxuICAgICAqIEFjdGlvbiBzaXplIHZhcmlhbnQsIGVpdGhlciBzLCBtIG9yIGwuXG4gICAgICogQGRlZmF1bHQgJ2wnIC8gJ3MnIChsZWFuKVxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6IFNiYk5hdmlnYXRpb25BY3Rpb25TaXplID0gaXNMZWFuKClcbiAgICAgID8gJ3MnXG4gICAgICA6ICdsJztcblxuICAgIC8qKiBUaGUgc2VjdGlvbiB0aGF0IGlzIGJlaW5nIGNvbnRyb2xsZWQgYnkgdGhlIGFjdGlvbiwgaWYgYW55LiAqL1xuICAgIHB1YmxpYyBjb25uZWN0ZWRTZWN0aW9uPzogU2JiTmF2aWdhdGlvblNlY3Rpb25FbGVtZW50O1xuXG4gICAgLyoqIFRoZSBuYXZpZ2F0aW9uIG1hcmtlciBpbiB3aGljaCB0aGUgYWN0aW9uIGlzIG5lc3RlZC4gKi9cbiAgICBwdWJsaWMgZ2V0IG1hcmtlcigpOiBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB8IG51bGwge1xuICAgICAgcmV0dXJuIHRoaXMuX25hdmlnYXRpb25NYXJrZXI7XG4gICAgfVxuXG4gICAgLyoqIFRoZSBzZWN0aW9uIGluIHdoaWNoIHRoZSBhY3Rpb24gaXMgbmVzdGVkLiAqL1xuICAgIHB1YmxpYyBnZXQgc2VjdGlvbigpOiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfCBudWxsIHtcbiAgICAgIHJldHVybiB0aGlzLl9uYXZpZ2F0aW9uU2VjdGlvbjtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9uYXZpZ2F0aW9uTWFya2VyOiBTYmJOYXZpZ2F0aW9uTWFya2VyRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICAgIHByaXZhdGUgX25hdmlnYXRpb25TZWN0aW9uOiBTYmJOYXZpZ2F0aW9uU2VjdGlvbkVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICAgIHByb3RlY3RlZCBjb25zdHJ1Y3RvciguLi5hcmdzOiBhbnlbXSkge1xuICAgICAgc3VwZXIoLi4uYXJncyk7XG4gICAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAhdGhpcy5tYXRjaGVzKCc6c3RhdGUoYWN0aW9uLWFjdGl2ZSknKSAmJlxuICAgICAgICAgIHRoaXMuX25hdmlnYXRpb25NYXJrZXIgJiZcbiAgICAgICAgICAhdGhpcy5jb25uZWN0ZWRTZWN0aW9uXG4gICAgICAgICkge1xuICAgICAgICAgIHRoaXMubWFya2VyPy5zZWxlY3QoXG4gICAgICAgICAgICB0aGlzIGFzIHVua25vd24gYXMgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfCBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQsXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgICAgLy8gQ2hlY2sgaWYgdGhlIGN1cnJlbnQgZWxlbWVudCBpcyBuZXN0ZWQgaW5zaWRlIGEgbmF2aWdhdGlvbiBtYXJrZXIuXG4gICAgICB0aGlzLl9uYXZpZ2F0aW9uTWFya2VyID0gdGhpcy5jbG9zZXN0KCdzYmItbmF2aWdhdGlvbi1tYXJrZXInKTtcblxuICAgICAgLy8gQ2hlY2sgaWYgdGhlIGN1cnJlbnQgZWxlbWVudCBpcyBuZXN0ZWQgaW5zaWRlIGEgbmF2aWdhdGlvbiBzZWN0aW9uLlxuICAgICAgdGhpcy5fbmF2aWdhdGlvblNlY3Rpb24gPSB0aGlzLmNsb3Nlc3QoJ3NiYi1uYXZpZ2F0aW9uLXNlY3Rpb24nKTtcbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ3NlY3Rpb24tYWN0aW9uJywgISF0aGlzLl9uYXZpZ2F0aW9uU2VjdGlvbik7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICAgIHJldHVybiBodG1sYDxzYmItaWNvbiBuYW1lPVwiZGFzaC1zbWFsbFwiPjwvc2JiLWljb24+IDxzbG90Pjwvc2xvdD5gO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiTmF2aWdhdGlvbkFjdGlvbkNvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYk5hdmlnYXRpb25BY3Rpb25Db21tb25FbGVtZW50TWl4aW5UeXBlPiAmXG4gICAgVDtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDMkJBLElBQWEseUNBR1gsZUFDc0U7QUE2RHRFLGVBNUQrQztvQkFDckM7Ozs7ZUFESyx5Q0FDTCxZQUFVOzs7d0JBU2pCLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBQUMsaUJBQUEsTUFBQSxNQUFBLGtCQUFBO0tBQUEsTUFBQTtLQUFBLE1BQUE7S0FBQSxRQUFBO0tBQUEsU0FBQTtLQUFBLFFBQUE7TUFBQSxNQUFBLFFBQUEsVUFBQTtNQUFBLE1BQUEsUUFBQSxJQUFnQjtNQUFJLE1BQUEsS0FBQSxVQUFBO0FBQUEsV0FBSixPQUFJOztNQUFBO0tBQUEsVUFBQTtLQUFBLEVBQUEsb0JBQUEsd0JBQUE7Ozs7Ozs7OztBQU5uQyxTQUFBLFNBQXlCLENBQUMsaUJBQWlCLDBCQUFNOztHQU1sQzs7Ozs7R0FBQSxJQUFnQixPQUFJO0FBQUEsV0FBQSxNQUFBOztHQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSxVQUFBLHdCQUFBOzs7R0FRakQsSUFBVyxTQUFNO0FBQ2YsV0FBTyxLQUFLOzs7R0FJZCxJQUFXLFVBQU87QUFDaEIsV0FBTyxLQUFLOztHQU1kLFlBQXNCLEdBQUcsTUFBVztBQUNsQyxVQUFNLEdBQUcsS0FBSztBQXJCNkIsVUFBQSx3QkFBQSxrQkFBQSxNQUFBLG9CQUFnQyxRQUFRLEdBQ2pGLE1BQ0EsSUFBRzs7QUFHQSxTQUFBLG1CQUFnQixrQkFBQSxNQUFBLHdCQUFBO0FBWWYsU0FBQSxvQkFBdUQ7QUFDdkQsU0FBQSxxQkFBeUQ7QUFJL0QsU0FBSyxtQkFBbUIsZUFBYztBQUNwQyxTQUNFLENBQUMsS0FBSyxRQUFRLG9EQUF3QixJQUN0QyxLQUFLLHFCQUNMLENBQUMsS0FBSyxpQkFFTixNQUFLLFFBQVEsT0FDWCxLQUNEO01BRUg7O0dBR1ksb0JBQWlCO0FBQy9CLFVBQU0sbUJBQW1CO0FBR3pCLFNBQUssb0JBQW9CLEtBQUssUUFBUSx3QkFBd0I7QUFHOUQsU0FBSyxxQkFBcUIsS0FBSyxRQUFRLHlCQUF5QjtBQUNoRSxTQUFLLFlBQVksa0JBQWtCLENBQUMsQ0FBQyxLQUFLLG1CQUFtQjs7R0FHNUMsaUJBQWM7QUFDL0IsV0FBTyxNQUFJIn0=

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

@@ -0,0 +1,124 @@
+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, omitEmptyConverter } from "./core/decorators.js";
+import { isLean } from "./core/dom.js";
+import { SbbNamedSlotListMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/navigation/navigation-list/navigation-list.scss?lit&inline
+var navigation_list_default = css`:host {
+  display: block;
+}
+
+.sbb-navigation-list__content {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--sbb-spacing-fixed-2x);
+  margin-block: var(--sbb-spacing-fixed-1x);
+}
+
+.sbb-navigation-list__label {
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+  display: block;
+  color: var(--sbb-color-5);
+  padding-block-end: var(--sbb-spacing-fixed-2x);
+}
+:host(:not(:is(:state(slotted-label),[state--slotted-label]), [label])) .sbb-navigation-list__label {
+  display: none;
+}`;
+//#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 = [boxSizingStyles, 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 = isLean() ? "s" : "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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0LmNvbXBvbmVudC1BRk00b21YUS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLWxpc3QvbmF2aWdhdGlvbi1saXN0LnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24tbGlzdC9uYXZpZ2F0aW9uLWxpc3QuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5zYmItbmF2aWdhdGlvbi1saXN0X19jb250ZW50IHtcbiAgQGluY2x1ZGUgc2JiLmxpc3QtcmVzZXQ7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICBtYXJnaW4tYmxvY2s6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbn1cblxuLnNiYi1uYXZpZ2F0aW9uLWxpc3RfX2xhYmVsIHtcbiAgQGluY2x1ZGUgc2JiLnRleHQteHhzLS1ib2xkO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogdmFyKC0tc2JiLWNvbG9yLTUpO1xuICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuXG4gIDpob3N0KDpub3QoOnN0YXRlKHNsb3R0ZWQtbGFiZWwpLCBbbGFiZWxdKSkgJiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUsIG9taXRFbXB0eUNvbnZlcnRlciB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpc0xlYW4gfSBmcm9tICcuLi8uLi9jb3JlL2RvbS50cyc7XG5pbXBvcnQgeyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIHR5cGUgV2l0aExpc3RDaGlsZHJlbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTmF2aWdhdGlvbkJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uTGlua0VsZW1lbnQgfSBmcm9tICcuLi9uYXZpZ2F0aW9uLWxpbmsvbmF2aWdhdGlvbi1saW5rLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25hdmlnYXRpb24tbGlzdC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLW5hdmlnYXRpb24tYnV0dG9uYC9gc2JiLW5hdmlnYXRpb24tbGlua2Agd2l0aGluIGEgYHNiYi1uYXZpZ2F0aW9uLXNlY3Rpb25gLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItbmF2aWdhdGlvbi1saXN0YC5cbiAqIEBzbG90IGxhYmVsIC0gVXNlIHRoaXMgdG8gcHJvdmlkZSBhIGxhYmVsIGVsZW1lbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJOYXZpZ2F0aW9uTGlzdEVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48XG4gIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50LFxuICB0eXBlb2YgU2JiRWxlbWVudFxuPihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbmF2aWdhdGlvbi1saXN0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFtcbiAgICAnc2JiLW5hdmlnYXRpb24tYnV0dG9uJyxcbiAgICAnc2JiLW5hdmlnYXRpb24tbGluaycsXG4gIF07XG5cbiAgLyoqXG4gICAqIFRoZSBsYWJlbCB0byBiZSBzaG93biBiZWZvcmUgdGhlIGFjdGlvbiBsaXN0LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgdGhpcy5saXN0Q2hpbGRyZW4uZm9yRWFjaCgoYykgPT4gKGMuc2l6ZSA9IGlzTGVhbigpID8gJ3MnIDogJ20nKSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1uYXZpZ2F0aW9uLWxpc3RfX2xhYmVsXCIgaWQ9XCJzYmItbmF2aWdhdGlvbi1saW5rLWxhYmVsLWlkXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJsYWJlbFwiPiR7dGhpcy5sYWJlbH08L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgICAke3RoaXMucmVuZGVyTGlzdCh7XG4gICAgICAgIGNsYXNzOiAnc2JiLW5hdmlnYXRpb24tbGlzdF9fY29udGVudCcsXG4gICAgICAgIGFyaWFMYWJlbGxlZGJ5OiAnc2JiLW5hdmlnYXRpb24tbGluay1sYWJlbC1pZCcsXG4gICAgICB9KX1cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItbmF2aWdhdGlvbi1saXN0JzogU2JiTmF2aWdhdGlvbkxpc3RFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQ21CYSxrQ0FBd0I7bUJBQVMsc0JBRzVDLFdBQVc7Ozs7Y0FIQSxpQ0FBaUMsWUFHakM7Ozt3QkFXVixXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxXQUFXO0lBQW9CLENBQUMsQ0FBQTtBQUMzRCxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTs7Ozs7Ozs7O0FBWlcsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsd0JBQU07O0VBV3hFOzs7O0VBQUEsSUFBZ0IsUUFBSztBQUFBLFVBQUEsTUFBQTs7RUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEsU0FBQSx5QkFBQTs7RUFFRixXQUFXLG1CQUF5RDtBQUNyRixTQUFNLFdBQVcsa0JBQWtCO0FBRW5DLE9BQUksa0JBQWtCLElBQUksZUFBZSxDQUN2QyxNQUFLLGFBQWEsU0FBUyxNQUFPLEVBQUUsT0FBTyxRQUFRLEdBQUcsTUFBTSxJQUFLOztFQUlsRCxTQUFNO0FBQ3ZCLFVBQU8sSUFBSTs7NkJBRWMsS0FBSyxNQUFLOztRQUUvQixLQUFLLFdBQVc7SUFDaEIsT0FBTztJQUNQLGdCQUFnQjtJQUNqQixDQUFDLENBQUE7Ozs7O0FBNUJzQixRQUFBLHNCQUFzQixDQUNoRCx5QkFDQSxzQkFDRDtBQU9lLFNBQUEseUJBQUEsa0JBQUEsTUFBQSxxQkFBZ0IsR0FBRSJ9

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

@@ -0,0 +1,207 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { isLean } from "./core/dom.js";
+import { SbbNamedSlotListMixin, ɵstateController } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+//#region src/elements/navigation/navigation-marker/navigation-marker.scss?lit&inline
+var navigation_marker_default = css`:host {
+  --sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);
+  --sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);
+  --sbb-navigation-marker-position-y: unset;
+  --sbb-navigation-marker-width: 1.0625rem;
+  --sbb-navigation-marker-border: var(--sbb-border-width-1x);
+  --sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);
+  --sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-heading);
+  --sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);
+  --sbb-navigation-marker-margin-block: calc(
+    1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) /
+      2
+  );
+  display: block;
+}
+
+:host([size=s]) {
+  --sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-navigation-marker-width: 0.5rem;
+  --sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);
+  --sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);
+  --sbb-navigation-marker-position-x: calc(
+    var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x)
+  );
+  --sbb-navigation-marker-padding-inline-start: calc(
+    var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x)
+  );
+}
+
+.sbb-navigation-marker {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  --sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));
+  margin-block: var(--sbb-title-margin-block, 0);
+  margin-inline: 0;
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));
+  letter-spacing: var(--sbb-typo-letter-spacing-heading);
+  font-size: var(--sbb-title-font-size);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--sbb-navigation-action-gap);
+  padding-inline-start: var(--sbb-navigation-marker-padding-inline-start);
+}
+.sbb-navigation-marker::before {
+  content: "";
+  position: absolute;
+  opacity: 0;
+  inset-inline-start: var(--sbb-navigation-marker-position-x);
+  inset-block-start: var(--sbb-navigation-marker-position-y);
+  width: var(--sbb-navigation-marker-width);
+  border-block-start: var(--sbb-navigation-marker-border) solid var(--sbb-color-5);
+  margin-block: var(--sbb-navigation-marker-margin-block);
+  transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));
+  transition-timing-function: ease;
+  transition-property: opacity, inset-block-start;
+}
+:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker::before {
+  opacity: 1;
+}
+@media (forced-colors: active) {
+  .sbb-navigation-marker::before {
+    border-color: CanvasText;
+  }
+}
+:host([size=s]) .sbb-navigation-marker {
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+}
+
+::slotted(:is(sbb-navigation-button, sbb-navigation-link)) {
+  margin-inline-start: var(--sbb-navigation-margin-inline-start);
+}`;
+//#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 = [boxSizingStyles, navigation_marker_default];
+		}
+		#size_accessor_storage;
+		/**
+		* Marker size variant, either s or l.
+		* @default 'l' / 's' (lean)
+		*/
+		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, isLean() ? "s" : "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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1tYXJrZXIuY29tcG9uZW50LUJ2QzczSW9JLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24tbWFya2VyL25hdmlnYXRpb24tbWFya2VyLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9uYXZpZ2F0aW9uL25hdmlnYXRpb24tbWFya2VyL25hdmlnYXRpb24tbWFya2VyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14cyk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBvc2l0aW9uLXg6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcG9zaXRpb24teTogdW5zZXQ7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXdpZHRoOiAje3NiYi5weC10by1yZW0tYnVpbGQoMTcpfTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItdHlwby1saW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtaGVhZGluZyk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtM3gpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1tYXJnaW4tYmxvY2s6IGNhbGMoXG4gICAgMWVtICogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXR5cG8tbGluZS1oZWlnaHQpIC8gMiAtIHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1ib3JkZXIpIC9cbiAgICAgIDJcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi1uYXZpZ2F0aW9uLWFjdGlvbi1nYXA6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCg4KX07XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXR5cG8tbGluZS1oZWlnaHQ6IHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpO1xuICAtLXNiYi1uYXZpZ2F0aW9uLW1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KTtcbiAgLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcG9zaXRpb24teDogY2FsYyhcbiAgICB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcGFkZGluZy1pbmxpbmUtc3RhcnQpIC0gdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpXG4gICk7XG4gIC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KSArIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTF4KVxuICApO1xufVxuXG4uc2JiLW5hdmlnYXRpb24tbWFya2VyIHtcbiAgQGluY2x1ZGUgc2JiLmxpc3QtcmVzZXQ7XG4gIEBpbmNsdWRlIHNiYi50aXRsZS00KCRleGNsdWRlLXNwYWNpbmc6IHRydWUpO1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogdmFyKC0tc2JiLW5hdmlnYXRpb24tYWN0aW9uLWdhcCk7XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcGFkZGluZy1pbmxpbmUtc3RhcnQpO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItbmF2aWdhdGlvbi1tYXJrZXItcG9zaXRpb24teCk7XG4gICAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wb3NpdGlvbi15KTtcbiAgICB3aWR0aDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFya2VyLXdpZHRoKTtcbiAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1ib3JkZXIpIHNvbGlkIHZhcigtLXNiYi1jb2xvci01KTtcbiAgICBtYXJnaW4tYmxvY2s6IHZhcigtLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1tYXJnaW4tYmxvY2spO1xuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tNngpKTtcbiAgICAgIHRpbWluZy1mdW5jdGlvbjogZWFzZTtcbiAgICAgIHByb3BlcnR5OiBvcGFjaXR5LCBpbnNldC1ibG9jay1zdGFydDtcbiAgICB9XG5cbiAgICA6aG9zdCg6c3RhdGUoaGFzLWFjdGl2ZS1hY3Rpb24pKSAmIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgICAgYm9yZGVyLWNvbG9yOiBDYW52YXNUZXh0O1xuICAgIH1cbiAgfVxuXG4gIDpob3N0KFtzaXplPSdzJ10pICYge1xuICAgIEBpbmNsdWRlIHNiYi50ZXh0LXh4cy0tYm9sZDtcbiAgfVxufVxuXG46OnNsb3R0ZWQoOmlzKHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbiwgc2JiLW5hdmlnYXRpb24tbGluaykpIHtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc2JiLW5hdmlnYXRpb24tbWFyZ2luLWlubGluZS1zdGFydCk7XG59XG4iLCJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB7XG4gIFNiYk5hbWVkU2xvdExpc3RNaXhpbixcbiAgybVzdGF0ZUNvbnRyb2xsZXIsXG4gIHR5cGUgV2l0aExpc3RDaGlsZHJlbixcbn0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCB9IGZyb20gJy4uL25hdmlnYXRpb24tbGluay9uYXZpZ2F0aW9uLWxpbmsuY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbmF2aWdhdGlvbi1tYXJrZXIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIHdpdGhpbiBhIGBzYmItbmF2aWdhdGlvbmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbmAvYHNiYi1uYXZpZ2F0aW9uLWxpbmtgIGVsZW1lbnRzIGludG8gdGhlIGBzYmItbmF2aWdhdGlvbi1tYXJrZXJgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiTmF2aWdhdGlvbk1hcmtlckVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48XG4gIFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50LFxuICB0eXBlb2YgU2JiRWxlbWVudFxuPihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbmF2aWdhdGlvbi1tYXJrZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gW1xuICAgICdzYmItbmF2aWdhdGlvbi1idXR0b24nLFxuICAgICdzYmItbmF2aWdhdGlvbi1saW5rJyxcbiAgXTtcblxuICAvKipcbiAgICogTWFya2VyIHNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbC5cbiAgICogQGRlZmF1bHQgJ2wnIC8gJ3MnIChsZWFuKVxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ2wnIHwgJ3MnID0gaXNMZWFuKCkgPyAncycgOiAnbCc7XG5cbiAgcHJpdmF0ZSBfY3VycmVudEFjdGl2ZUFjdGlvbj86IFNiYk5hdmlnYXRpb25CdXR0b25FbGVtZW50IHwgU2JiTmF2aWdhdGlvbkxpbmtFbGVtZW50O1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX3NldE1hcmtlclBvc2l0aW9uKCksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykgfHwgY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgdGhpcy5fdXBkYXRlTWFya2VyQWN0aW9ucygpO1xuICAgIH1cbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCdoYXMtYWN0aXZlLWFjdGlvbicsICEhdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbik7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVNYXJrZXJBY3Rpb25zKCk6IHZvaWQge1xuICAgIGZvciAoY29uc3QgYWN0aW9uIG9mIHRoaXMubGlzdENoaWxkcmVuKSB7XG4gICAgICBhY3Rpb24uc2l6ZSA9IHRoaXMuc2l6ZTtcbiAgICB9XG5cbiAgICB0aGlzLl9jdXJyZW50QWN0aXZlQWN0aW9uID0gdGhpcy5saXN0Q2hpbGRyZW4uZmluZCgoYWN0aW9uKSA9PlxuICAgICAgYWN0aW9uLm1hdGNoZXMoJzpzdGF0ZShhY3Rpb24tYWN0aXZlKScpLFxuICAgICk7XG4gICAgdGhpcy5fc2V0TWFya2VyUG9zaXRpb24oKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2NoZWNrQWN0aXZlQWN0aW9uKCk7XG4gIH1cblxuICBwcml2YXRlIF9jaGVja0FjdGl2ZUFjdGlvbigpOiB2b2lkIHtcbiAgICBjb25zdCBhY3RpdmVBY3Rpb24gPSB0aGlzLnF1ZXJ5U2VsZWN0b3IoXG4gICAgICAnOmlzKHNiYi1uYXZpZ2F0aW9uLWJ1dHRvbiwgc2JiLW5hdmlnYXRpb24tbGluaykuc2JiLWFjdGl2ZScsXG4gICAgKSBhcyBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB8IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudDtcbiAgICBpZiAoYWN0aXZlQWN0aW9uKSB7XG4gICAgICB0aGlzLnNlbGVjdChhY3RpdmVBY3Rpb24pO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBzZWxlY3QoYWN0aW9uOiBTYmJOYXZpZ2F0aW9uQnV0dG9uRWxlbWVudCB8IFNiYk5hdmlnYXRpb25MaW5rRWxlbWVudCk6IHZvaWQge1xuICAgIGlmICghYWN0aW9uKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMucmVzZXQoKTtcbiAgICDJtXN0YXRlQ29udHJvbGxlcihhY3Rpb24pLmFkZCgnYWN0aW9uLWFjdGl2ZScpO1xuICAgIHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24gPSBhY3Rpb247XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLl9zZXRNYXJrZXJQb3NpdGlvbigpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5fc2V0TWFya2VyUG9zaXRpb24oKSk7XG4gIH1cblxuICBwdWJsaWMgcmVzZXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24pIHtcbiAgICAgIMm1c3RhdGVDb250cm9sbGVyKHRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24pLmRlbGV0ZSgnYWN0aW9uLWFjdGl2ZScpO1xuICAgICAgdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbi5jb25uZWN0ZWRTZWN0aW9uPy5jbG9zZSgpO1xuICAgICAgdGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbiA9IHVuZGVmaW5lZDtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zZXRNYXJrZXJQb3NpdGlvbigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX2N1cnJlbnRBY3RpdmVBY3Rpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBpbmRleCA9IHRoaXMubGlzdENoaWxkcmVuLmluZGV4T2YodGhpcy5fY3VycmVudEFjdGl2ZUFjdGlvbikhO1xuICAgIGNvbnN0IHZhbHVlID0gdGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yPEhUTUxMSUVsZW1lbnQ+KFxuICAgICAgYGxpOm50aC1jaGlsZCgke2luZGV4ICsgMX0pYCxcbiAgICApPy5vZmZzZXRUb3A7XG4gICAgaWYgKHZhbHVlICE9IG51bGwpIHtcbiAgICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KCctLXNiYi1uYXZpZ2F0aW9uLW1hcmtlci1wb3NpdGlvbi15JywgYCR7dmFsdWV9cHhgKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gdGhpcy5yZW5kZXJMaXN0KCk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1uYXZpZ2F0aW9uLW1hcmtlcic6IFNiYk5hdmlnYXRpb25NYXJrZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQ3NCYSxvQ0FBMEI7bUJBQVMsc0JBRzlDLFdBQVc7Ozs7Y0FIQSxtQ0FBbUMsWUFHbkM7Ozt1QkFZVixTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTtBQUFDLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBOzs7Ozs7Ozs7QUFYakIsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsMEJBQU07O0VBVTNDOzs7OztFQUFBLElBQWdCLE9BQUk7QUFBQSxVQUFBLE1BQUE7O0VBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLFNBQUEsd0JBQUE7O0VBSWpELGNBQUE7QUFDRSxVQUFPO0FBZG1CLFFBQUEsc0JBQXNCLENBQ2hELHlCQUNBLHNCQUNEO0FBTTRDLFNBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBa0IsUUFBUSxHQUFHLE1BQU0sSUFBRztBQUUzRSxRQUFBLHVCQUFvQixrQkFBQSxNQUFBLHdCQUFBO0FBSzFCLFFBQUssY0FDSCxJQUFJLGlCQUFpQixNQUFNO0lBQ3pCLGFBQWE7SUFDYixnQkFBZ0IsS0FBSyxvQkFBQTtJQUN0QixDQUFDLENBQ0g7O0VBR2dCLFdBQVcsbUJBQXlEO0FBQ3JGLFNBQU0sV0FBVyxrQkFBa0I7QUFFbkMsT0FBSSxrQkFBa0IsSUFBSSxPQUFPLElBQUksa0JBQWtCLElBQUksZUFBZSxDQUN4RSxNQUFLLHNCQUFzQjtBQUU3QixRQUFLLFlBQVkscUJBQXFCLENBQUMsQ0FBQyxLQUFLLHFCQUFxQjs7RUFHNUQsdUJBQW9CO0FBQzFCLFFBQUssTUFBTSxVQUFVLEtBQUssYUFDeEIsUUFBTyxPQUFPLEtBQUs7QUFHckIsUUFBSyx1QkFBdUIsS0FBSyxhQUFhLE1BQU0sV0FDbEQsT0FBTyxRQUFRLG9EQUF3QixDQUN4QztBQUNELFFBQUssb0JBQW9COztFQUdYLG9CQUFpQjtBQUMvQixTQUFNLG1CQUFtQjtBQUN6QixRQUFLLG9CQUFvQjs7RUFHbkIscUJBQWtCO0dBQ3hCLE1BQU0sZUFBZSxLQUFLLGNBQ3hCLDZEQUN3RDtBQUMxRCxPQUFJLGFBQ0YsTUFBSyxPQUFPLGFBQWE7O0VBSXRCLE9BQU8sUUFBNkQ7QUFDekUsT0FBSSxDQUFDLE9BQ0g7QUFFRixRQUFLLE9BQU87QUFDWixvQkFBaUIsT0FBTyxDQUFDLElBQUksZ0JBQWdCO0FBQzdDLFFBQUssdUJBQXVCO0FBQzVCLG9CQUFpQixLQUFLLG9CQUFvQixDQUFDOztFQUcxQixhQUFhLG1CQUF5RDtBQUN2RixTQUFNLGFBQWEsa0JBQWtCO0FBRXJDLG9CQUFpQixLQUFLLG9CQUFvQixDQUFDOztFQUd0QyxRQUFLO0FBQ1YsT0FBSSxLQUFLLHNCQUFzQjtBQUM3QixxQkFBaUIsS0FBSyxxQkFBcUIsQ0FBQyxPQUFPLGdCQUFnQjtBQUNuRSxTQUFLLHFCQUFxQixrQkFBa0IsT0FBTztBQUNuRCxTQUFLLHVCQUF1QixLQUFBOzs7RUFJeEIscUJBQWtCO0FBQ3hCLE9BQUksQ0FBQyxLQUFLLHFCQUNSO0dBR0YsTUFBTSxRQUFRLEtBQUssYUFBYSxRQUFRLEtBQUsscUJBQXNCO0dBQ25FLE1BQU0sUUFBUSxLQUFLLFdBQVksY0FDN0IsZ0JBQWdCLFFBQVEsRUFBQyxHQUMxQixFQUFFO0FBQ0gsT0FBSSxTQUFTLEtBQ1gsTUFBSyxPQUFPLFlBQVksc0NBQXNDLEdBQUcsTUFBSyxJQUFLOztFQUk1RCxTQUFNO0FBQ3ZCLFVBQU8sS0FBSyxZQUFZIn0=