@sbb-esta/lyne-elements-dev 4.9.0-dev.1775022513 → 4.9.0-dev.1775049532

package/development/stepper.component-BJC_4cep.js

@@ -0,0 +1,497 @@
+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 { boxSizingStyles } from "./core/styles.js";
+import { getNextElementIndex, isArrowKeyPressed } from "./core/a11y.js";
+import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
+import { SbbMediaMatcherController, SbbMediaQueryBreakpointLargeAndAbove, SbbMediaQueryBreakpointSmallAndAbove, SbbMediaQueryBreakpointUltraAndAbove, SbbMediaQueryBreakpointZeroAndAbove } from "./core/controllers/media-matchers-controller.js";
+//#region src/elements/stepper/stepper/stepper.scss?lit&inline
+var stepper_default = css`:host {
+  --sbb-stepper-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-6x)
+  );
+  display: block;
+  position: relative;
+  counter-reset: step-label;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-stepper-marker-color: ButtonText;
+  }
+}
+
+:host(:is(:state(disable-animation),[state--disable-animation])) {
+  --sbb-disable-animation-duration: 0s;
+}
+
+:host([orientation=vertical]) {
+  --sbb-stepper-orientation: column;
+}
+
+.sbb-stepper__labels {
+  display: flex;
+  flex-direction: var(--sbb-stepper-orientation);
+  position: relative;
+  justify-content: start;
+  margin-block-end: var(--sbb-spacing-responsive-m);
+}
+.sbb-stepper__labels::before {
+  content: "";
+  position: absolute;
+  inset-inline-start: calc(var(--sbb-stepper-border-width) * -1);
+  background-color: var(--sbb-stepper-marker-color);
+}
+:host([orientation=horizontal]) .sbb-stepper__labels {
+  gap: var(--sbb-spacing-responsive-m);
+  padding-block-end: var(--sbb-spacing-fixed-4x);
+  border-block-end: var(--sbb-stepper-border-width) solid var(--sbb-border-color-4-inverted);
+}
+:host([orientation=horizontal]) .sbb-stepper__labels::before {
+  inset-block-end: calc(var(--sbb-stepper-border-width) * -1);
+  height: var(--sbb-stepper-marker-width);
+  width: var(--sbb-stepper-marker-size, 0);
+  transition: width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+}
+:host([orientation=vertical]) .sbb-stepper__labels {
+  padding-inline-start: var(--sbb-spacing-fixed-4x);
+  border-inline-start: var(--sbb-stepper-border-width) solid var(--sbb-border-color-4-inverted);
+}
+:host([orientation=vertical]) .sbb-stepper__labels::before {
+  inset-block-start: 0;
+  width: var(--sbb-stepper-marker-width);
+  height: var(--sbb-stepper-marker-size, 0);
+  transition: height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+}
+
+.sbb-stepper__steps {
+  position: relative;
+}
+:host([orientation=horizontal]) .sbb-stepper__steps {
+  height: var(--sbb-stepper-content-height);
+  transition: height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+}
+
+::slotted(sbb-step-label)::before {
+  content: counter(step-label);
+  counter-increment: step-label;
+}`;
+//#endregion
+//#region src/elements/stepper/stepper/stepper.component.ts
+var DEBOUNCE_TIME = 150;
+var breakpointMap = {
+	zero: SbbMediaQueryBreakpointZeroAndAbove,
+	small: SbbMediaQueryBreakpointSmallAndAbove,
+	large: SbbMediaQueryBreakpointLargeAndAbove,
+	ultra: SbbMediaQueryBreakpointUltraAndAbove
+};
+var SbbStepChangeEvent = class extends Event {
+	constructor(selectedIndex, previousIndex, selectedStep, previousStep) {
+		super("stepchange", {
+			bubbles: true,
+			composed: true
+		});
+		this.selectedIndex = selectedIndex;
+		this.previousIndex = previousIndex;
+		this.selectedStep = selectedStep;
+		this.previousStep = previousStep;
+	}
+};
+/**
+* Provides a structured, step-by-step workflow for user interactions.
+* @slot - Provide a `sbb-expansion-panel-header` and a `sbb-expansion-panel-content` to the stepper.
+* @slot step-label - Use this slot to provide an `sbb-step-label`.
+* @slot step - Use this slot to provide an `sbb-step`.
+* @event {SbbStepChangeEvent} stepchange - Emits whenever a step was changed.
+*/
+var SbbStepperElement = (() => {
+	let _classSuper = SbbElement;
+	let _instanceExtraInitializers = [];
+	let _linear_decorators;
+	let _linear_initializers = [];
+	let _linear_extraInitializers = [];
+	let _set_horizontalFrom_decorators;
+	let _orientation_decorators;
+	let _orientation_initializers = [];
+	let _orientation_extraInitializers = [];
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	let _set_selected_decorators;
+	let _set_selectedIndex_decorators;
+	return class SbbStepperElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_linear_decorators = [forceType(), property({ type: Boolean })];
+			_set_horizontalFrom_decorators = [property({
+				attribute: "horizontal-from",
+				reflect: true
+			})];
+			_orientation_decorators = [property({ reflect: true })];
+			_size_decorators = [property({ reflect: true })];
+			_set_selected_decorators = [property({ attribute: false })];
+			_set_selectedIndex_decorators = [property({
+				attribute: "selected-index",
+				type: Number
+			})];
+			__esDecorate(this, null, _linear_decorators, {
+				kind: "accessor",
+				name: "linear",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "linear" in obj,
+					get: (obj) => obj.linear,
+					set: (obj, value) => {
+						obj.linear = value;
+					}
+				},
+				metadata: _metadata
+			}, _linear_initializers, _linear_extraInitializers);
+			__esDecorate(this, null, _set_horizontalFrom_decorators, {
+				kind: "setter",
+				name: "horizontalFrom",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "horizontalFrom" in obj,
+					set: (obj, value) => {
+						obj.horizontalFrom = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			__esDecorate(this, null, _orientation_decorators, {
+				kind: "accessor",
+				name: "orientation",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "orientation" in obj,
+					get: (obj) => obj.orientation,
+					set: (obj, value) => {
+						obj.orientation = value;
+					}
+				},
+				metadata: _metadata
+			}, _orientation_initializers, _orientation_extraInitializers);
+			__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, _set_selected_decorators, {
+				kind: "setter",
+				name: "selected",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "selected" in obj,
+					set: (obj, value) => {
+						obj.selected = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			__esDecorate(this, null, _set_selectedIndex_decorators, {
+				kind: "setter",
+				name: "selectedIndex",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "selectedIndex" in obj,
+					set: (obj, value) => {
+						obj.selectedIndex = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-stepper";
+		}
+		static {
+			this.styles = [boxSizingStyles, stepper_default];
+		}
+		static {
+			this.events = { stepchange: "stepchange" };
+		}
+		#linear_accessor_storage;
+		/** If set to true, only the current and previous labels can be clicked and selected. */
+		get linear() {
+			return this.#linear_accessor_storage;
+		}
+		set linear(value) {
+			this.#linear_accessor_storage = value;
+		}
+		/** Overrides the behavior of `orientation` property. */
+		set horizontalFrom(value) {
+			this._horizontalFrom = value && breakpointMap[value] ? value : null;
+			if (this._horizontalFrom && this._loaded) this._checkOrientation();
+		}
+		get horizontalFrom() {
+			return this._horizontalFrom;
+		}
+		#orientation_accessor_storage;
+		/** Steps orientation, either horizontal or vertical. */
+		get orientation() {
+			return this.#orientation_accessor_storage;
+		}
+		set orientation(value) {
+			this.#orientation_accessor_storage = value;
+		}
+		#size_accessor_storage;
+		/**
+		* Size variant, either s or m.
+		* @default 'm' / 's' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		/** The currently selected step. */
+		set selected(step) {
+			if (this._loaded) this._select(step);
+			this._requestedSelected = step;
+		}
+		get selected() {
+			return this.querySelector?.("sbb-step:is(:state(selected),[state--selected])") ?? null;
+		}
+		/** The currently selected step index. */
+		set selectedIndex(index) {
+			if (this._loaded && index !== null) this._select(this.steps[index]);
+			this._requestedSelectedIndex = index;
+		}
+		get selectedIndex() {
+			return this.selected ? this.steps.indexOf(this.selected) : null;
+		}
+		/** The steps of the stepper. */
+		get steps() {
+			const steps = [];
+			this.querySelectorAll?.("sbb-step").forEach((step) => {
+				customElements.upgrade(step);
+				steps.push(step);
+			});
+			return steps;
+		}
+		get _enabledSteps() {
+			return this.steps.filter((s) => {
+				if (s.label) {
+					customElements.upgrade(s.label);
+					return !s.label.disabled;
+				}
+				return false;
+			});
+		}
+		constructor() {
+			super();
+			/**
+			* If the sbb-stepper is used in a sbb-dialog, the marker on the selected element will not appear,
+			* because the calculations are done when the dialog is closed, so the marker has a width of 0;
+			* the same happens for the stepper height.
+			* We need to recalculate it when the element becomes visible.
+			*/
+			this._observer = (__runInitializers(this, _instanceExtraInitializers), new IntersectionController(this, {
+				target: null,
+				callback: (entries) => {
+					entries.forEach((e) => {
+						if (e.intersectionRatio > 0) {
+							this._setStepperHeight(this.selected);
+							this._setMarkerSize();
+						}
+					});
+				}
+			}));
+			this.#linear_accessor_storage = __runInitializers(this, _linear_initializers, false);
+			this._horizontalFrom = (__runInitializers(this, _linear_extraInitializers), null);
+			this.#orientation_accessor_storage = __runInitializers(this, _orientation_initializers, "horizontal");
+			this.#size_accessor_storage = (__runInitializers(this, _orientation_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
+			this._requestedSelected = (__runInitializers(this, _size_extraInitializers), null);
+			this._requestedSelectedIndex = null;
+			this._loaded = false;
+			this._resizeObserverTimeout = null;
+			this._mediaMatcher = new SbbMediaMatcherController(this, {});
+			this._onStepperResize = () => {
+				this._checkOrientation();
+				this._setStepperHeight(this.selected);
+				clearTimeout(this._resizeObserverTimeout);
+				this.internals.states.add("disable-animation");
+				this._resizeObserverTimeout = setTimeout(() => this.internals.states.delete("disable-animation"), DEBOUNCE_TIME);
+			};
+			this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+			this.addEventListener?.("resizechange", (e) => this._onSelectedStepResize(e));
+		}
+		/** Selects the next step. */
+		next() {
+			if (this.selectedIndex !== null) this._select(this.steps[this.selectedIndex + 1]);
+		}
+		/** Selects the previous step. */
+		previous() {
+			if (this.selectedIndex !== null) this._select(this.steps[this.selectedIndex - 1]);
+		}
+		/** Resets the form in which the stepper is nested or every form of each step, if any. */
+		reset() {
+			const closestForm = this.closest("form");
+			if (closestForm) closestForm.reset();
+			else this.querySelectorAll("form").forEach((form) => form.reset());
+			this.selectedIndex = 0;
+			if (document.activeElement?.closest("sbb-stepper") === this) this.selected?.label?.focus();
+		}
+		_isSelectable(step) {
+			if (step) {
+				customElements.upgrade(step);
+				if (step.label) {
+					customElements.upgrade(step.label);
+					if (!this.linear && step.label.disabled) return false;
+				}
+				return true;
+			} else return false;
+		}
+		_select(step) {
+			if (!this._isSelectable(step) || step === this.selected) return;
+			const currentIndex = this.selectedIndex;
+			const currentStep = this.selected;
+			const validatePayload = {
+				currentIndex,
+				currentStep,
+				nextIndex: this.selectedIndex !== null ? this.selectedIndex + 1 : null,
+				nextStep: this.selectedIndex !== null ? this.steps[this.selectedIndex + 1] : null
+			};
+			if (this.selected && !this.selected.validate(validatePayload)) return;
+			this.selected?.deselect();
+			step.select();
+			/** @internal only to provide double entry in docs. It is a public event! */
+			this.dispatchEvent(new SbbStepChangeEvent(this.selectedIndex, currentIndex, this.selected, currentStep));
+			this._setMarkerSize();
+			this._setStepperHeight(step);
+			this._configureLinearMode();
+			if (document.activeElement?.closest("sbb-stepper") === this) this.selected?.label?.focus();
+		}
+		_setMarkerSize() {
+			if (!this._loaded || !this.selected || this.selectedIndex === void 0 || !this.selected.label) return;
+			const offset = this.orientation === "horizontal" ? this.selected.label.offsetLeft + this.selected.label.offsetWidth : this._calculateLabelOffsetTop();
+			this.style.setProperty("--sbb-stepper-marker-size", `${offset}px`);
+		}
+		/**
+		* Sets the stepper height based on the height of the provided step.
+		*/
+		_setStepperHeight(step) {
+			if (step && step.shadowRoot) {
+				const innerElement = step.shadowRoot.querySelector(".sbb-step");
+				if (innerElement) this.style?.setProperty("--sbb-stepper-content-height", `${innerElement.offsetHeight}px`);
+			}
+		}
+		_calculateLabelOffsetTop() {
+			if (this.selectedIndex === null) return;
+			let offset = 0;
+			for (const step of this.steps) {
+				if (step === this.selected) break;
+				offset = step.label.offsetHeight + offset;
+			}
+			return offset + this.selected.label.offsetHeight + parseFloat(getComputedStyle(this).getPropertyValue("--sbb-spacing-fixed-6x")) * 16 * this.selectedIndex;
+		}
+		_onSelectedStepResize(e) {
+			this._setStepperHeight(e.target);
+		}
+		_configure() {
+			this.steps.forEach((step, i, array) => {
+				step.configure(this._loaded);
+				step.label?.configure(i + 1, array.length, this._loaded);
+			});
+			this._select(this.selected || this._enabledSteps[0]);
+		}
+		_updateLabels() {
+			this.steps.forEach((step) => {
+				step.slot = this.orientation === "horizontal" ? "step" : "step-label";
+			});
+		}
+		_checkOrientation() {
+			if (this.horizontalFrom) {
+				this.orientation = this._mediaMatcher.matches(breakpointMap[this.horizontalFrom]) ? "horizontal" : "vertical";
+				this._updateLabels();
+			}
+			setTimeout(() => this._setMarkerSize(), 0);
+		}
+		_configureLinearMode() {
+			this.steps.forEach((step, index) => {
+				if (!step.label) return;
+				customElements.upgrade(step.label);
+				step.label.disable(this.linear && index > this.selectedIndex || !this.linear && step.label.matches(":is(:state(user-disabled),[state--user-disabled])"));
+			});
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			window.addEventListener("resize", this._onStepperResize, { passive: true });
+			this.toggleState("disable-animation", !this._loaded);
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			window.removeEventListener("resize", this._onStepperResize);
+		}
+		firstUpdated(changedProperties) {
+			super.firstUpdated(changedProperties);
+			this.updateComplete.then(() => {
+				this._loaded = true;
+				this._configure();
+				if (this._requestedSelected && this.steps.indexOf(this._requestedSelected) !== -1) this.selectedIndex = this.steps.indexOf(this._requestedSelected);
+				else if (this._requestedSelectedIndex) this.selectedIndex = this._requestedSelectedIndex;
+				else this.selectedIndex = 0;
+				this._observer.observe(this);
+				this._checkOrientation();
+				setTimeout(() => this.internals.states.delete("disable-animation"), DEBOUNCE_TIME);
+			});
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("orientation") && !this.horizontalFrom) {
+				this._updateLabels();
+				this._setMarkerSize();
+			}
+			if (changedProperties.has("linear") && this._loaded) this._configureLinearMode();
+			if (changedProperties.has("size")) this._setMarkerSize();
+		}
+		_handleKeyDown(evt) {
+			const enabledSteps = this._enabledSteps;
+			if (!enabledSteps || evt.target !== this && evt.target.parentElement !== this) return;
+			if (isArrowKeyPressed(evt)) {
+				const nextIndex = getNextElementIndex(evt, enabledSteps.indexOf(this.selected), enabledSteps.length);
+				this._select(enabledSteps[nextIndex]);
+				evt.preventDefault();
+			}
+		}
+		render() {
+			return html`
+      <div class="sbb-stepper__labels" role="tablist">
+        <slot name="step-label" @slotchange=${this._configure}></slot>
+      </div>
+      <div class="sbb-stepper__steps">
+        <slot name="step" @slotchange=${this._configure}></slot>
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbStepperElement as n, SbbStepChangeEvent as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQtQkpDXzRjZXAuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcHBlci9zdGVwcGVyLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zdGVwcGVyL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1zdGVwcGVyLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tNngpXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY291bnRlci1yZXNldDogc3RlcC1sYWJlbDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItc3RlcHBlci1tYXJrZXItY29sb3I6IEJ1dHRvblRleHQ7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGRpc2FibGUtYW5pbWF0aW9uKSkge1xuICBAaW5jbHVkZSBzYmIuZGlzYWJsZS1hbmltYXRpb247XG59XG5cbjpob3N0KFtvcmllbnRhdGlvbj0ndmVydGljYWwnXSkge1xuICAtLXNiYi1zdGVwcGVyLW9yaWVudGF0aW9uOiBjb2x1bW47XG59XG5cbi5zYmItc3RlcHBlcl9fbGFiZWxzIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHZhcigtLXNiYi1zdGVwcGVyLW9yaWVudGF0aW9uKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLW0pO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1zYmItc3RlcHBlci1ib3JkZXItd2lkdGgpICogLTEpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1zdGVwcGVyLW1hcmtlci1jb2xvcik7XG4gIH1cblxuICA6aG9zdChbb3JpZW50YXRpb249J2hvcml6b250YWwnXSkgJiB7XG4gICAgZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLW0pO1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tc2JiLXN0ZXBwZXItYm9yZGVyLXdpZHRoKSBzb2xpZCB2YXIoLS1zYmItYm9yZGVyLWNvbG9yLTQtaW52ZXJ0ZWQpO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGluc2V0LWJsb2NrLWVuZDogY2FsYyh2YXIoLS1zYmItc3RlcHBlci1ib3JkZXItd2lkdGgpICogLTEpO1xuICAgICAgaGVpZ2h0OiB2YXIoLS1zYmItc3RlcHBlci1tYXJrZXItd2lkdGgpO1xuICAgICAgd2lkdGg6IHZhcigtLXNiYi1zdGVwcGVyLW1hcmtlci1zaXplLCAwKTtcbiAgICAgIHRyYW5zaXRpb246IHdpZHRoIHZhcigtLXNiYi1zdGVwcGVyLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIH1cbiAgfVxuXG4gIDpob3N0KFtvcmllbnRhdGlvbj0ndmVydGljYWwnXSkgJiB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTR4KTtcbiAgICBib3JkZXItaW5saW5lLXN0YXJ0OiB2YXIoLS1zYmItc3RlcHBlci1ib3JkZXItd2lkdGgpIHNvbGlkIHZhcigtLXNiYi1ib3JkZXItY29sb3ItNC1pbnZlcnRlZCk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IDA7XG4gICAgICB3aWR0aDogdmFyKC0tc2JiLXN0ZXBwZXItbWFya2VyLXdpZHRoKTtcbiAgICAgIGhlaWdodDogdmFyKC0tc2JiLXN0ZXBwZXItbWFya2VyLXNpemUsIDApO1xuICAgICAgdHJhbnNpdGlvbjogaGVpZ2h0IHZhcigtLXNiYi1zdGVwcGVyLWFuaW1hdGlvbi1kdXJhdGlvbikgdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLXN0ZXBwZXJfX3N0ZXBzIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIDpob3N0KFtvcmllbnRhdGlvbj0naG9yaXpvbnRhbCddKSAmIHtcbiAgICBoZWlnaHQ6IHZhcigtLXNiYi1zdGVwcGVyLWNvbnRlbnQtaGVpZ2h0KTtcbiAgICB0cmFuc2l0aW9uOiBoZWlnaHQgdmFyKC0tc2JiLXN0ZXBwZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gIH1cbn1cblxuOjpzbG90dGVkKHNiYi1zdGVwLWxhYmVsKTo6YmVmb3JlIHtcbiAgY29udGVudDogY291bnRlcihzdGVwLWxhYmVsKTtcbiAgY291bnRlci1pbmNyZW1lbnQ6IHN0ZXAtbGFiZWw7XG59XG4iLCJpbXBvcnQgeyBJbnRlcnNlY3Rpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9pbnRlcnNlY3Rpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBnZXROZXh0RWxlbWVudEluZGV4LCBpc0Fycm93S2V5UHJlc3NlZCB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS50cyc7XG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7XG4gIFNiYk1lZGlhTWF0Y2hlckNvbnRyb2xsZXIsXG4gIFNiYk1lZGlhUXVlcnlCcmVha3BvaW50TGFyZ2VBbmRBYm92ZSxcbiAgU2JiTWVkaWFRdWVyeUJyZWFrcG9pbnRTbWFsbEFuZEFib3ZlLFxuICBTYmJNZWRpYVF1ZXJ5QnJlYWtwb2ludFVsdHJhQW5kQWJvdmUsXG4gIFNiYk1lZGlhUXVlcnlCcmVha3BvaW50WmVyb0FuZEFib3ZlLFxufSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzL21lZGlhLW1hdGNoZXJzLWNvbnRyb2xsZXIudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiSG9yaXpvbnRhbEZyb20sIFNiYk9yaWVudGF0aW9uIH0gZnJvbSAnLi4vLi4vY29yZS9pbnRlcmZhY2VzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiU3RlcEVsZW1lbnQsIFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscyB9IGZyb20gJy4uL3N0ZXAvc3RlcC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGVwcGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbmNvbnN0IERFQk9VTkNFX1RJTUUgPSAxNTA7XG5cbmNvbnN0IGJyZWFrcG9pbnRNYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gIHplcm86IFNiYk1lZGlhUXVlcnlCcmVha3BvaW50WmVyb0FuZEFib3ZlLFxuICBzbWFsbDogU2JiTWVkaWFRdWVyeUJyZWFrcG9pbnRTbWFsbEFuZEFib3ZlLFxuICBsYXJnZTogU2JiTWVkaWFRdWVyeUJyZWFrcG9pbnRMYXJnZUFuZEFib3ZlLFxuICB1bHRyYTogU2JiTWVkaWFRdWVyeUJyZWFrcG9pbnRVbHRyYUFuZEFib3ZlLFxufTtcblxuZXhwb3J0IGNsYXNzIFNiYlN0ZXBDaGFuZ2VFdmVudCBleHRlbmRzIEV2ZW50IHtcbiAgLyoqIFRoZSBpbmRleCBvZiB0aGUgbmV3bHkgc2VsZWN0ZWQgc3RlcC4gKi9cbiAgcHVibGljIHJlYWRvbmx5IHNlbGVjdGVkSW5kZXg6IG51bWJlciB8IG51bGw7XG5cbiAgLyoqIFRoZSBpbmRleCBvZiB0aGUgcHJldmlvdXNseSBzZWxlY3RlZCBzdGVwLiAqL1xuICBwdWJsaWMgcmVhZG9ubHkgcHJldmlvdXNJbmRleDogbnVtYmVyIHwgbnVsbDtcblxuICAvKiogVGhlIG5ld2x5IHNlbGVjdGVkIHN0ZXAgZWxlbWVudC4gKi9cbiAgcHVibGljIHJlYWRvbmx5IHNlbGVjdGVkU3RlcDogU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xuXG4gIC8qKiBUaGUgcHJldmlvdXNseSBzZWxlY3RlZCBzdGVwIGVsZW1lbnQuICovXG4gIHB1YmxpYyByZWFkb25seSBwcmV2aW91c1N0ZXA6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbDtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgc2VsZWN0ZWRJbmRleDogbnVtYmVyIHwgbnVsbCxcbiAgICBwcmV2aW91c0luZGV4OiBudW1iZXIgfCBudWxsLFxuICAgIHNlbGVjdGVkU3RlcDogU2JiU3RlcEVsZW1lbnQgfCBudWxsLFxuICAgIHByZXZpb3VzU3RlcDogU2JiU3RlcEVsZW1lbnQgfCBudWxsLFxuICApIHtcbiAgICBzdXBlcignc3RlcGNoYW5nZScsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSk7XG4gICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gc2VsZWN0ZWRJbmRleDtcbiAgICB0aGlzLnByZXZpb3VzSW5kZXggPSBwcmV2aW91c0luZGV4O1xuICAgIHRoaXMuc2VsZWN0ZWRTdGVwID0gc2VsZWN0ZWRTdGVwO1xuICAgIHRoaXMucHJldmlvdXNTdGVwID0gcHJldmlvdXNTdGVwO1xuICB9XG59XG4vKipcbiAqIFByb3ZpZGVzIGEgc3RydWN0dXJlZCwgc3RlcC1ieS1zdGVwIHdvcmtmbG93IGZvciB1c2VyIGludGVyYWN0aW9ucy5cbiAqIEBzbG90IC0gUHJvdmlkZSBhIGBzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcmAgYW5kIGEgYHNiYi1leHBhbnNpb24tcGFuZWwtY29udGVudGAgdG8gdGhlIHN0ZXBwZXIuXG4gKiBAc2xvdCBzdGVwLWxhYmVsIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGBzYmItc3RlcC1sYWJlbGAuXG4gKiBAc2xvdCBzdGVwIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGBzYmItc3RlcGAuXG4gKiBAZXZlbnQge1NiYlN0ZXBDaGFuZ2VFdmVudH0gc3RlcGNoYW5nZSAtIEVtaXRzIHdoZW5ldmVyIGEgc3RlcCB3YXMgY2hhbmdlZC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlN0ZXBwZXJFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc3RlcHBlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgc3RlcGNoYW5nZTogJ3N0ZXBjaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKlxuICAgKiBJZiB0aGUgc2JiLXN0ZXBwZXIgaXMgdXNlZCBpbiBhIHNiYi1kaWFsb2csIHRoZSBtYXJrZXIgb24gdGhlIHNlbGVjdGVkIGVsZW1lbnQgd2lsbCBub3QgYXBwZWFyLFxuICAgKiBiZWNhdXNlIHRoZSBjYWxjdWxhdGlvbnMgYXJlIGRvbmUgd2hlbiB0aGUgZGlhbG9nIGlzIGNsb3NlZCwgc28gdGhlIG1hcmtlciBoYXMgYSB3aWR0aCBvZiAwO1xuICAgKiB0aGUgc2FtZSBoYXBwZW5zIGZvciB0aGUgc3RlcHBlciBoZWlnaHQuXG4gICAqIFdlIG5lZWQgdG8gcmVjYWxjdWxhdGUgaXQgd2hlbiB0aGUgZWxlbWVudCBiZWNvbWVzIHZpc2libGUuXG4gICAqL1xuICBwcml2YXRlIF9vYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgY2FsbGJhY2s6IChlbnRyaWVzKSA9PiB7XG4gICAgICBlbnRyaWVzLmZvckVhY2goKGUpID0+IHtcbiAgICAgICAgaWYgKGUuaW50ZXJzZWN0aW9uUmF0aW8gPiAwKSB7XG4gICAgICAgICAgdGhpcy5fc2V0U3RlcHBlckhlaWdodCh0aGlzLnNlbGVjdGVkKTtcbiAgICAgICAgICB0aGlzLl9zZXRNYXJrZXJTaXplKCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH0sXG4gIH0pO1xuXG4gIC8qKiBJZiBzZXQgdG8gdHJ1ZSwgb25seSB0aGUgY3VycmVudCBhbmQgcHJldmlvdXMgbGFiZWxzIGNhbiBiZSBjbGlja2VkIGFuZCBzZWxlY3RlZC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGxpbmVhcjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBPdmVycmlkZXMgdGhlIGJlaGF2aW9yIG9mIGBvcmllbnRhdGlvbmAgcHJvcGVydHkuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hvcml6b250YWwtZnJvbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIHNldCBob3Jpem9udGFsRnJvbSh2YWx1ZTogU2JiSG9yaXpvbnRhbEZyb20gfCBudWxsKSB7XG4gICAgdGhpcy5faG9yaXpvbnRhbEZyb20gPSB2YWx1ZSAmJiBicmVha3BvaW50TWFwW3ZhbHVlXSA/IHZhbHVlIDogbnVsbDtcbiAgICBpZiAodGhpcy5faG9yaXpvbnRhbEZyb20gJiYgdGhpcy5fbG9hZGVkKSB7XG4gICAgICB0aGlzLl9jaGVja09yaWVudGF0aW9uKCk7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgaG9yaXpvbnRhbEZyb20oKTogU2JiSG9yaXpvbnRhbEZyb20gfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5faG9yaXpvbnRhbEZyb207XG4gIH1cbiAgcHJpdmF0ZSBfaG9yaXpvbnRhbEZyb206IFNiYkhvcml6b250YWxGcm9tIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIFN0ZXBzIG9yaWVudGF0aW9uLCBlaXRoZXIgaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3Igb3JpZW50YXRpb246IFNiYk9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnO1xuXG4gIC8qKlxuICAgKiBTaXplIHZhcmlhbnQsIGVpdGhlciBzIG9yIG0uXG4gICAqIEBkZWZhdWx0ICdtJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdzJyB8ICdtJyA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gIC8qKiBUaGUgY3VycmVudGx5IHNlbGVjdGVkIHN0ZXAuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogZmFsc2UgfSlcbiAgcHVibGljIHNldCBzZWxlY3RlZChzdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwpIHtcbiAgICBpZiAodGhpcy5fbG9hZGVkKSB7XG4gICAgICB0aGlzLl9zZWxlY3Qoc3RlcCk7XG4gICAgfVxuICAgIHRoaXMuX3JlcXVlc3RlZFNlbGVjdGVkID0gc3RlcDtcbiAgfVxuICBwdWJsaWMgZ2V0IHNlbGVjdGVkKCk6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uPFNiYlN0ZXBFbGVtZW50Pignc2JiLXN0ZXA6c3RhdGUoc2VsZWN0ZWQpJykgPz8gbnVsbDtcbiAgfVxuICBwcml2YXRlIF9yZXF1ZXN0ZWRTZWxlY3RlZDogU2JiU3RlcEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICAvKiogVGhlIGN1cnJlbnRseSBzZWxlY3RlZCBzdGVwIGluZGV4LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdzZWxlY3RlZC1pbmRleCcsIHR5cGU6IE51bWJlciB9KVxuICBwdWJsaWMgc2V0IHNlbGVjdGVkSW5kZXgoaW5kZXg6IG51bWJlciB8IG51bGwpIHtcbiAgICBpZiAodGhpcy5fbG9hZGVkICYmIGluZGV4ICE9PSBudWxsKSB7XG4gICAgICB0aGlzLl9zZWxlY3QodGhpcy5zdGVwc1tpbmRleF0pO1xuICAgIH1cbiAgICB0aGlzLl9yZXF1ZXN0ZWRTZWxlY3RlZEluZGV4ID0gaW5kZXg7XG4gIH1cbiAgcHVibGljIGdldCBzZWxlY3RlZEluZGV4KCk6IG51bWJlciB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkID8gdGhpcy5zdGVwcy5pbmRleE9mKHRoaXMuc2VsZWN0ZWQpIDogbnVsbDtcbiAgfVxuICBwcml2YXRlIF9yZXF1ZXN0ZWRTZWxlY3RlZEluZGV4OiBudW1iZXIgfCBudWxsID0gbnVsbDtcblxuICAvKiogVGhlIHN0ZXBzIG9mIHRoZSBzdGVwcGVyLiAqL1xuICBwdWJsaWMgZ2V0IHN0ZXBzKCk6IFNiYlN0ZXBFbGVtZW50W10ge1xuICAgIGNvbnN0IHN0ZXBzOiBTYmJTdGVwRWxlbWVudFtdID0gW107XG4gICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ3NiYi1zdGVwJykuZm9yRWFjaCgoc3RlcCkgPT4ge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZShzdGVwKTtcbiAgICAgIHN0ZXBzLnB1c2goc3RlcCk7XG4gICAgfSk7XG4gICAgcmV0dXJuIHN0ZXBzO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgX2VuYWJsZWRTdGVwcygpOiBTYmJTdGVwRWxlbWVudFtdIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcy5maWx0ZXIoKHMpID0+IHtcbiAgICAgIGlmIChzLmxhYmVsKSB7XG4gICAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGUocy5sYWJlbCk7XG4gICAgICAgIHJldHVybiAhcy5sYWJlbC5kaXNhYmxlZDtcbiAgICAgIH1cbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2xvYWRlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF9yZXNpemVPYnNlcnZlclRpbWVvdXQ6IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgX21lZGlhTWF0Y2hlciA9IG5ldyBTYmJNZWRpYU1hdGNoZXJDb250cm9sbGVyKHRoaXMsIHt9KTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Ligna2V5ZG93bicsIChlKSA9PiB0aGlzLl9oYW5kbGVLZXlEb3duKGUpKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LigncmVzaXplY2hhbmdlJywgKGU6IEV2ZW50KSA9PiB0aGlzLl9vblNlbGVjdGVkU3RlcFJlc2l6ZShlKSk7XG4gIH1cblxuICAvKiogU2VsZWN0cyB0aGUgbmV4dCBzdGVwLiAqL1xuICBwdWJsaWMgbmV4dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZEluZGV4ICE9PSBudWxsKSB7XG4gICAgICB0aGlzLl9zZWxlY3QodGhpcy5zdGVwc1t0aGlzLnNlbGVjdGVkSW5kZXggKyAxXSk7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNlbGVjdHMgdGhlIHByZXZpb3VzIHN0ZXAuICovXG4gIHB1YmxpYyBwcmV2aW91cygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZEluZGV4ICE9PSBudWxsKSB7XG4gICAgICB0aGlzLl9zZWxlY3QodGhpcy5zdGVwc1t0aGlzLnNlbGVjdGVkSW5kZXggLSAxXSk7XG4gICAgfVxuICB9XG5cbiAgLyoqIFJlc2V0cyB0aGUgZm9ybSBpbiB3aGljaCB0aGUgc3RlcHBlciBpcyBuZXN0ZWQgb3IgZXZlcnkgZm9ybSBvZiBlYWNoIHN0ZXAsIGlmIGFueS4gKi9cbiAgcHVibGljIHJlc2V0KCk6IHZvaWQge1xuICAgIGNvbnN0IGNsb3Nlc3RGb3JtID0gdGhpcy5jbG9zZXN0KCdmb3JtJyk7XG4gICAgaWYgKGNsb3Nlc3RGb3JtKSB7XG4gICAgICBjbG9zZXN0Rm9ybS5yZXNldCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGwoJ2Zvcm0nKS5mb3JFYWNoKChmb3JtKSA9PiBmb3JtLnJlc2V0KCkpO1xuICAgIH1cbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSAwO1xuICAgIC8vIEluIGNhc2UgdGhlIGZvY3VzIGlzIGN1cnJlbnRseSBpbnNpZGUgdGhlIHN0ZXBwZXIsIHdlIHJlc2V0IHRoZSBmb2N1cyB0byB0aGUgZmlyc3Qvc2VsZWN0ZWQgc3RlcCBsYWJlbC5cbiAgICBpZiAoZG9jdW1lbnQuYWN0aXZlRWxlbWVudD8uY2xvc2VzdCgnc2JiLXN0ZXBwZXInKSA9PT0gdGhpcykge1xuICAgICAgdGhpcy5zZWxlY3RlZD8ubGFiZWw/LmZvY3VzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNTZWxlY3RhYmxlKHN0ZXA6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbCk6IHN0ZXAgaXMgU2JiU3RlcEVsZW1lbnQge1xuICAgIGlmIChzdGVwKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHN0ZXApO1xuICAgICAgaWYgKHN0ZXAubGFiZWwpIHtcbiAgICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZShzdGVwLmxhYmVsKTtcbiAgICAgICAgaWYgKCF0aGlzLmxpbmVhciAmJiBzdGVwLmxhYmVsLmRpc2FibGVkKSB7XG4gICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NlbGVjdChzdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX2lzU2VsZWN0YWJsZShzdGVwKSB8fCBzdGVwID09PSB0aGlzLnNlbGVjdGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGN1cnJlbnRJbmRleCA9IHRoaXMuc2VsZWN0ZWRJbmRleDtcbiAgICBjb25zdCBjdXJyZW50U3RlcCA9IHRoaXMuc2VsZWN0ZWQ7XG4gICAgY29uc3QgdmFsaWRhdGVQYXlsb2FkOiBTYmJTdGVwVmFsaWRhdGVFdmVudERldGFpbHMgPSB7XG4gICAgICBjdXJyZW50SW5kZXgsXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIG5leHRJbmRleDogdGhpcy5zZWxlY3RlZEluZGV4ICE9PSBudWxsID8gdGhpcy5zZWxlY3RlZEluZGV4ICsgMSA6IG51bGwsXG4gICAgICBuZXh0U3RlcDogdGhpcy5zZWxlY3RlZEluZGV4ICE9PSBudWxsID8gdGhpcy5zdGVwc1t0aGlzLnNlbGVjdGVkSW5kZXggKyAxXSA6IG51bGwsXG4gICAgfTtcblxuICAgIGlmICh0aGlzLnNlbGVjdGVkICYmICF0aGlzLnNlbGVjdGVkLnZhbGlkYXRlKHZhbGlkYXRlUGF5bG9hZCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBjdXJyZW50ID0gdGhpcy5zZWxlY3RlZDtcbiAgICBjdXJyZW50Py5kZXNlbGVjdCgpO1xuICAgIHN0ZXAuc2VsZWN0KCk7XG5cbiAgICAvKiogQGludGVybmFsIG9ubHkgdG8gcHJvdmlkZSBkb3VibGUgZW50cnkgaW4gZG9jcy4gSXQgaXMgYSBwdWJsaWMgZXZlbnQhICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KFxuICAgICAgbmV3IFNiYlN0ZXBDaGFuZ2VFdmVudCh0aGlzLnNlbGVjdGVkSW5kZXgsIGN1cnJlbnRJbmRleCwgdGhpcy5zZWxlY3RlZCwgY3VycmVudFN0ZXApLFxuICAgICk7XG5cbiAgICB0aGlzLl9zZXRNYXJrZXJTaXplKCk7XG4gICAgdGhpcy5fc2V0U3RlcHBlckhlaWdodChzdGVwKTtcbiAgICB0aGlzLl9jb25maWd1cmVMaW5lYXJNb2RlKCk7XG4gICAgLy8gSW4gY2FzZSB0aGUgZm9jdXMgaXMgY3VycmVudGx5IGluc2lkZSB0aGUgc3RlcHBlciwgd2UgZm9jdXMgdGhlIHNlbGVjdGVkIHN0ZXAgbGFiZWwuXG4gICAgaWYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQ/LmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJykgPT09IHRoaXMpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQ/LmxhYmVsPy5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NldE1hcmtlclNpemUoKTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgIXRoaXMuX2xvYWRlZCB8fFxuICAgICAgIXRoaXMuc2VsZWN0ZWQgfHxcbiAgICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9PT0gdW5kZWZpbmVkIHx8XG4gICAgICAhdGhpcy5zZWxlY3RlZC5sYWJlbFxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBvZmZzZXQgPVxuICAgICAgdGhpcy5vcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gICAgICAgID8gdGhpcy5zZWxlY3RlZC5sYWJlbC5vZmZzZXRMZWZ0ICsgdGhpcy5zZWxlY3RlZC5sYWJlbC5vZmZzZXRXaWR0aFxuICAgICAgICA6IHRoaXMuX2NhbGN1bGF0ZUxhYmVsT2Zmc2V0VG9wKCk7XG5cbiAgICB0aGlzLnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi1zdGVwcGVyLW1hcmtlci1zaXplJywgYCR7b2Zmc2V0fXB4YCk7XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgc3RlcHBlciBoZWlnaHQgYmFzZWQgb24gdGhlIGhlaWdodCBvZiB0aGUgcHJvdmlkZWQgc3RlcC5cbiAgICovXG4gIHByaXZhdGUgX3NldFN0ZXBwZXJIZWlnaHQoc3RlcDogU2JiU3RlcEVsZW1lbnQgfCBudWxsKTogdm9pZCB7XG4gICAgaWYgKHN0ZXAgJiYgc3RlcC5zaGFkb3dSb290KSB7XG4gICAgICBjb25zdCBpbm5lckVsZW1lbnQ6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbCA9IHN0ZXAuc2hhZG93Um9vdC5xdWVyeVNlbGVjdG9yKCcuc2JiLXN0ZXAnKTtcbiAgICAgIGlmIChpbm5lckVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLXN0ZXBwZXItY29udGVudC1oZWlnaHQnLCBgJHtpbm5lckVsZW1lbnQub2Zmc2V0SGVpZ2h0fXB4YCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfY2FsY3VsYXRlTGFiZWxPZmZzZXRUb3AoKTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZEluZGV4ID09PSBudWxsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGxldCBvZmZzZXQgPSAwO1xuICAgIGZvciAoY29uc3Qgc3RlcCBvZiB0aGlzLnN0ZXBzKSB7XG4gICAgICBpZiAoc3RlcCA9PT0gdGhpcy5zZWxlY3RlZCkge1xuICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICAgIG9mZnNldCA9IHN0ZXAubGFiZWwhLm9mZnNldEhlaWdodCArIG9mZnNldDtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgIG9mZnNldCArXG4gICAgICB0aGlzLnNlbGVjdGVkIS5sYWJlbCEub2Zmc2V0SGVpZ2h0ISArXG4gICAgICBwYXJzZUZsb2F0KGdldENvbXB1dGVkU3R5bGUodGhpcykuZ2V0UHJvcGVydHlWYWx1ZSgnLS1zYmItc3BhY2luZy1maXhlZC02eCcpKSAqXG4gICAgICAgIDE2ICpcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4XG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uU2VsZWN0ZWRTdGVwUmVzaXplKGU6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5fc2V0U3RlcHBlckhlaWdodChlLnRhcmdldCBhcyBTYmJTdGVwRWxlbWVudCk7XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmUoKTogdm9pZCB7XG4gICAgdGhpcy5zdGVwcy5mb3JFYWNoKChzdGVwLCBpLCBhcnJheSkgPT4ge1xuICAgICAgc3RlcC5jb25maWd1cmUodGhpcy5fbG9hZGVkKTtcbiAgICAgIHN0ZXAubGFiZWw/LmNvbmZpZ3VyZShpICsgMSwgYXJyYXkubGVuZ3RoLCB0aGlzLl9sb2FkZWQpO1xuICAgIH0pO1xuICAgIHRoaXMuX3NlbGVjdCh0aGlzLnNlbGVjdGVkIHx8IHRoaXMuX2VuYWJsZWRTdGVwc1swXSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVMYWJlbHMoKTogdm9pZCB7XG4gICAgdGhpcy5zdGVwcy5mb3JFYWNoKChzdGVwKSA9PiB7XG4gICAgICBzdGVwLnNsb3QgPSB0aGlzLm9yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyAnc3RlcCcgOiAnc3RlcC1sYWJlbCc7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9jaGVja09yaWVudGF0aW9uKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmhvcml6b250YWxGcm9tKSB7XG4gICAgICB0aGlzLm9yaWVudGF0aW9uID0gdGhpcy5fbWVkaWFNYXRjaGVyLm1hdGNoZXMoYnJlYWtwb2ludE1hcFt0aGlzLmhvcml6b250YWxGcm9tXSlcbiAgICAgICAgPyAnaG9yaXpvbnRhbCdcbiAgICAgICAgOiAndmVydGljYWwnO1xuICAgICAgdGhpcy5fdXBkYXRlTGFiZWxzKCk7XG4gICAgfVxuICAgIC8vIFRoZSB0aW1lb3V0IGlzIG5lZWRlZCB0byBtYWtlIHN1cmUgdGhhdCB0aGUgbWFya2VyIHRha2VzIHRoZSBjb3JyZWN0IHN0ZXAtbGFiZWwgc2l6ZS5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldE1hcmtlclNpemUoKSwgMCk7XG4gIH1cblxuICBwcml2YXRlIF9vblN0ZXBwZXJSZXNpemUgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5fY2hlY2tPcmllbnRhdGlvbigpO1xuICAgIHRoaXMuX3NldFN0ZXBwZXJIZWlnaHQodGhpcy5zZWxlY3RlZCk7XG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuX3Jlc2l6ZU9ic2VydmVyVGltZW91dCEpO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2Rpc2FibGUtYW5pbWF0aW9uJyk7XG5cbiAgICAvLyBEaXNhYmxlIHRoZSBhbmltYXRpb24gd2hlbiByZXNpemluZyB0byBhdm9pZCBzdHJhbmdlIHRyYW5zaXRpb24gZWZmZWN0cy5cbiAgICB0aGlzLl9yZXNpemVPYnNlcnZlclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZSgnZGlzYWJsZS1hbmltYXRpb24nKSxcbiAgICAgIERFQk9VTkNFX1RJTUUsXG4gICAgKTtcbiAgfTtcblxuICBwcml2YXRlIF9jb25maWd1cmVMaW5lYXJNb2RlKCk6IHZvaWQge1xuICAgIHRoaXMuc3RlcHMuZm9yRWFjaCgoc3RlcCwgaW5kZXgpID0+IHtcbiAgICAgIGlmICghc3RlcC5sYWJlbCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHN0ZXAubGFiZWwpO1xuXG4gICAgICBzdGVwLmxhYmVsLmRpc2FibGUoXG4gICAgICAgICh0aGlzLmxpbmVhciAmJiBpbmRleCA+IHRoaXMuc2VsZWN0ZWRJbmRleCEpIHx8XG4gICAgICAgICAgKCF0aGlzLmxpbmVhciAmJiBzdGVwLmxhYmVsLm1hdGNoZXMoJzpzdGF0ZSh1c2VyLWRpc2FibGVkKScpKSxcbiAgICAgICk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5fb25TdGVwcGVyUmVzaXplLCB7XG4gICAgICBwYXNzaXZlOiB0cnVlLFxuICAgIH0pO1xuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2Rpc2FibGUtYW5pbWF0aW9uJywgIXRoaXMuX2xvYWRlZCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5fb25TdGVwcGVyUmVzaXplKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICB0aGlzLnVwZGF0ZUNvbXBsZXRlLnRoZW4oKCkgPT4ge1xuICAgICAgdGhpcy5fbG9hZGVkID0gdHJ1ZTtcbiAgICAgIHRoaXMuX2NvbmZpZ3VyZSgpO1xuXG4gICAgICBpZiAodGhpcy5fcmVxdWVzdGVkU2VsZWN0ZWQgJiYgdGhpcy5zdGVwcy5pbmRleE9mKHRoaXMuX3JlcXVlc3RlZFNlbGVjdGVkKSAhPT0gLTEpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gdGhpcy5zdGVwcy5pbmRleE9mKHRoaXMuX3JlcXVlc3RlZFNlbGVjdGVkKTtcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5fcmVxdWVzdGVkU2VsZWN0ZWRJbmRleCkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSB0aGlzLl9yZXF1ZXN0ZWRTZWxlY3RlZEluZGV4O1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gMDtcbiAgICAgIH1cblxuICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzKTtcbiAgICAgIHRoaXMuX2NoZWNrT3JpZW50YXRpb24oKTtcbiAgICAgIC8vIFJlbW92ZSBkaXNhYmxlLWFuaW1hdGlvbiBzdGF0ZSBhZnRlciBjb21wb25lbnQgaW5pdFxuICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdkaXNhYmxlLWFuaW1hdGlvbicpLCBERUJPVU5DRV9USU1FKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ29yaWVudGF0aW9uJykgJiYgIXRoaXMuaG9yaXpvbnRhbEZyb20pIHtcbiAgICAgIHRoaXMuX3VwZGF0ZUxhYmVscygpO1xuICAgICAgdGhpcy5fc2V0TWFya2VyU2l6ZSgpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaW5lYXInKSAmJiB0aGlzLl9sb2FkZWQpIHtcbiAgICAgIHRoaXMuX2NvbmZpZ3VyZUxpbmVhck1vZGUoKTtcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykpIHtcbiAgICAgIHRoaXMuX3NldE1hcmtlclNpemUoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVLZXlEb3duKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGVuYWJsZWRTdGVwczogU2JiU3RlcEVsZW1lbnRbXSA9IHRoaXMuX2VuYWJsZWRTdGVwcztcblxuICAgIGlmIChcbiAgICAgICFlbmFibGVkU3RlcHMgfHxcbiAgICAgIC8vIGRvbid0IHRyYXAgbmVzdGVkIGhhbmRsaW5nXG4gICAgICAoKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpICE9PSB0aGlzICYmIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50ICE9PSB0aGlzKVxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICBjb25zdCBjdXJyZW50OiBudW1iZXIgPSBlbmFibGVkU3RlcHMuaW5kZXhPZih0aGlzLnNlbGVjdGVkISk7XG4gICAgICBjb25zdCBuZXh0SW5kZXg6IG51bWJlciA9IGdldE5leHRFbGVtZW50SW5kZXgoZXZ0LCBjdXJyZW50LCBlbmFibGVkU3RlcHMubGVuZ3RoKTtcbiAgICAgIHRoaXMuX3NlbGVjdChlbmFibGVkU3RlcHNbbmV4dEluZGV4XSk7XG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RlcHBlcl9fbGFiZWxzXCIgcm9sZT1cInRhYmxpc3RcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cInN0ZXAtbGFiZWxcIiBAc2xvdGNoYW5nZT0ke3RoaXMuX2NvbmZpZ3VyZX0+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXN0ZXBwZXJfX3N0ZXBzXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJzdGVwXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmV9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zdGVwcGVyJzogU2JiU3RlcHBlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNxQkEsSUFBTSxnQkFBZ0I7QUFFdEIsSUFBTSxnQkFBd0M7Q0FDNUMsTUFBTTtDQUNOLE9BQU87Q0FDUCxPQUFPO0NBQ1AsT0FBTztDQUNSO0FBRUQsSUFBYSxxQkFBYixjQUF3QyxNQUFLO0NBYTNDLFlBQ0UsZUFDQSxlQUNBLGNBQ0EsY0FBbUM7QUFFbkMsUUFBTSxjQUFjO0dBQUUsU0FBUztHQUFNLFVBQVU7R0FBTSxDQUFDO0FBQ3RELE9BQUssZ0JBQWdCO0FBQ3JCLE9BQUssZ0JBQWdCO0FBQ3JCLE9BQUssZUFBZTtBQUNwQixPQUFLLGVBQWU7Ozs7Ozs7Ozs7SUFVWCwyQkFBaUI7bUJBQVM7Ozs7Ozs7Ozs7Ozs7O2NBQTFCLDBCQUEwQixZQUFVOzs7eUJBMEI5QyxXQUFXLEVBQ1gsU0FBUyxFQUFFLE1BQU0sU0FBUyxDQUFDLENBQUE7cUNBSTNCLFNBQVM7SUFBRSxXQUFXO0lBQW1CLFNBQVM7SUFBTSxDQUFDLENBQUE7OEJBYXpELFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO3VCQU8zQixTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTsrQkFHM0IsU0FBUyxFQUFFLFdBQVcsT0FBTyxDQUFDLENBQUE7b0NBYTlCLFNBQVM7SUFBRSxXQUFXO0lBQWtCLE1BQU07SUFBUSxDQUFDLENBQUE7QUF2Q3hELGdCQUFBLE1BQUEsTUFBQSxvQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFlBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBTSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQU4s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

package/development/stepper.js

@@ -1,6 +1,6 @@
-import { t as SbbStepLabelElement } from "./step-label.component-C_obpSzp.js";
-import { t as SbbStepElement } from "./step.component-DsXAckYS.js";
-import { n as SbbStepperElement, t as SbbStepChangeEvent } from "./stepper.component-yAkgcauE.js";
+import { t as SbbStepLabelElement } from "./step-label.component-D3wrRPQ7.js";
+import { t as SbbStepElement } from "./step.component-ewujsOVD.js";
+import { n as SbbStepperElement, t as SbbStepChangeEvent } from "./stepper.component-BJC_4cep.js";
 import "./stepper.pure.js";
 //#region src/elements/stepper.ts
 /** @entrypoint */

package/development/stepper.pure.js

@@ -1,4 +1,4 @@
-import { t as SbbStepLabelElement } from "./step-label.component-C_obpSzp.js";
-import { t as SbbStepElement } from "./step.component-DsXAckYS.js";
-import { n as SbbStepperElement, t as SbbStepChangeEvent } from "./stepper.component-yAkgcauE.js";
+import { t as SbbStepLabelElement } from "./step-label.component-D3wrRPQ7.js";
+import { t as SbbStepElement } from "./step.component-ewujsOVD.js";
+import { n as SbbStepperElement, t as SbbStepChangeEvent } from "./stepper.component-BJC_4cep.js";
 export { SbbStepChangeEvent, SbbStepElement, SbbStepLabelElement, SbbStepperElement };

package/off-brand-theme.css

@@ -1788,6 +1788,26 @@ slot[name=error]::slotted(*) {
   --sbb-status-font-size: var(--sbb-text-font-size-s);
   --sbb-status-title-color: var(--sbb-color-granite);
   --sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+  --sbb-step-label-color: var(--sbb-color-4);
+  --sbb-step-label-font-size: var(--sbb-text-font-size-l);
+  --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
+  --sbb-step-label-prefix-border-style: solid;
+  --sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);
+  --sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
+  --sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-step-label-inset-block-start-size-m: calc(
+    var(--sbb-text-font-size-l) * (var(--sbb-typo-line-height-text) / 2) +
+      (var(--sbb-border-width-1x) / 2)
+  );
+  --sbb-step-label-inset-block-start-size-s: calc(
+    var(--sbb-text-font-size-m) * (var(--sbb-typo-line-height-text) / 2) +
+      (var(--sbb-border-width-1x) / 2)
+  );
+  --sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);
+  --sbb-stepper-orientation: row;
+  --sbb-stepper-border-width: var(--sbb-border-width-1x);
+  --sbb-stepper-marker-width: var(--sbb-border-width-3x);
+  --sbb-stepper-marker-color: var(--sbb-color-3);
   --sbb-tab-group-content-gap-size-s: var(--sbb-spacing-responsive-xs);
   --sbb-tab-group-content-gap-size-l: var(--sbb-spacing-responsive-s);
   --sbb-tab-group-content-gap-size-xl: var(--sbb-spacing-responsive-m);
@@ -1862,6 +1882,8 @@ slot[name=error]::slotted(*) {
     --sbb-signet-icon-color: Canvas !important;
     --sbb-slider-selected-line-color: Highlight;
     --sbb-slider-line-color: CanvasText;
+    --sbb-step-label-color: ButtonText;
+    --sbb-step-label-prefix-border-color: ButtonText;
   }
 }
 :root {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "4.9.0-dev.1775022513",
+  "version": "4.9.0-dev.1775049532",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/fd3ebcfef5d28b757b789bccca709a6820f607f1"
+    "https://github.com/sbb-design-systems/lyne-components/commit/94e3bd05120aa6041503bf5f5a2a2328913af5a9"
   ],
   "type": "module",
   "exports": {

package/safety-theme.css

@@ -1788,6 +1788,26 @@ slot[name=error]::slotted(*) {
   --sbb-status-font-size: var(--sbb-text-font-size-s);
   --sbb-status-title-color: var(--sbb-color-granite);
   --sbb-status-title-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
+  --sbb-step-label-color: var(--sbb-color-4);
+  --sbb-step-label-font-size: var(--sbb-text-font-size-l);
+  --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
+  --sbb-step-label-prefix-border-style: solid;
+  --sbb-step-label-prefix-border-color: var(--sbb-border-color-4-inverted);
+  --sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
+  --sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-step-label-inset-block-start-size-m: calc(
+    var(--sbb-text-font-size-l) * (var(--sbb-typo-line-height-text) / 2) +
+      (var(--sbb-border-width-1x) / 2)
+  );
+  --sbb-step-label-inset-block-start-size-s: calc(
+    var(--sbb-text-font-size-m) * (var(--sbb-typo-line-height-text) / 2) +
+      (var(--sbb-border-width-1x) / 2)
+  );
+  --sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);
+  --sbb-stepper-orientation: row;
+  --sbb-stepper-border-width: var(--sbb-border-width-1x);
+  --sbb-stepper-marker-width: var(--sbb-border-width-3x);
+  --sbb-stepper-marker-color: var(--sbb-color-3);
   --sbb-tab-group-content-gap-size-s: var(--sbb-spacing-responsive-xs);
   --sbb-tab-group-content-gap-size-l: var(--sbb-spacing-responsive-s);
   --sbb-tab-group-content-gap-size-xl: var(--sbb-spacing-responsive-m);
@@ -1862,6 +1882,8 @@ slot[name=error]::slotted(*) {
     --sbb-signet-icon-color: Canvas !important;
     --sbb-slider-selected-line-color: Highlight;
     --sbb-slider-line-color: CanvasText;
+    --sbb-step-label-color: ButtonText;
+    --sbb-step-label-prefix-border-color: ButtonText;
   }
 }
 :root {