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

package/development/sticky-bar.component-BlgfxSRo.js

@@ -0,0 +1,382 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { isLean, isZeroAnimationDuration } from "./core/dom.js";
+import { SbbUpdateSchedulerMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
+//#region src/elements/container/sticky-bar/sticky-bar.scss?lit&inline
+var sticky_bar_default = css`:host {
+  --sbb-sticky-bar-fade-in-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-5x)
+  );
+  --sbb-sticky-bar-fade-out-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-sticky-bar-slide-vertically-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  --_sbb-sticky-bar-background-animation-duration: var(
+    --sbb-sticky-bar-fade-out-animation-duration
+  );
+  display: contents;
+}
+
+:host([size=s]) {
+  --sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs);
+}
+
+:host([size=m]) {
+  --sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);
+}
+
+:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) {
+  --sbb-sticky-bar-sticky-background-color: var(
+    --sbb-container-background-color,
+    var(--sbb-background-color-1)
+  );
+  --_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);
+  --_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration);
+}
+@media (forced-colors: active) {
+  :host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) {
+    --_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText;
+  }
+}
+
+:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=white]) {
+  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1);
+}
+
+:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=milk]) {
+  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-3);
+}
+
+:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=midnight]) {
+  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1-negative);
+}
+
+:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=charcoal]) {
+  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-2-negative);
+}
+
+:host(:is(:is(:state(sticking),[state--sticking]):is(:is(:state(slide-vertically),[state--slide-vertically]), :is(:state(state-sticking),[state--state-sticking]), :is(:state(state-unsticking),[state--state-unsticking])),
+:is(:state(state-unsticky),[state--state-unsticky]))) {
+  --_sbb-sticky-bar-background-animation-duration: 0s;
+}
+
+:host(:is(:state(sticking),[state--sticking]):is(:is(:state(slide-vertically),[state--slide-vertically]):not(:is(:state(state-unsticky),[state--state-unsticky]), :is(:state(state-unsticking),[state--state-unsticking])),
+:is(:state(state-sticking),[state--state-sticking]))) {
+  --sbb-sticky-bar-slide-vertically-animation-name: slide-in;
+}
+
+:host(:is(:state(sticking),[state--sticking]):is(:state(state-unsticking),[state--state-unsticking])) {
+  --sbb-sticky-bar-slide-vertically-animation-name: slide-out;
+}
+
+:host(:is(:not(:is(:state(initialized),[state--initialized])), :is(:state(state-unsticky),[state--state-unsticky]))) {
+  --sbb-sticky-bar-position: relative;
+}
+
+.sbb-sticky-bar__wrapper {
+  position: var(--sbb-sticky-bar-position);
+  inset-block-end: 0;
+  display: block;
+  z-index: var(--sbb-sticky-bar-z-index);
+  animation-name: var(--sbb-sticky-bar-slide-vertically-animation-name, unset);
+  animation-duration: var(--sbb-sticky-bar-slide-vertically-animation-duration);
+  animation-timing-function: var(--sbb-sticky-bar-slide-vertically-animation-easing);
+  animation-delay: 0s;
+  animation-fill-mode: backwards;
+}
+.sbb-sticky-bar__wrapper::after, .sbb-sticky-bar__wrapper::before {
+  content: "";
+  inset: 0;
+  position: absolute;
+  display: block;
+  z-index: -1;
+}
+.sbb-sticky-bar__wrapper::before {
+  background-color: var(--sbb-container-background-color);
+  padding: 0 !important;
+}
+:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper::before {
+  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper::before {
+    max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));
+  }
+}
+.sbb-sticky-bar__wrapper::after {
+  background-color: var(--sbb-sticky-bar-sticky-background-color, transparent);
+  border-start-start-radius: var(--sbb-sticky-bar-border-radius);
+  border-start-end-radius: var(--sbb-sticky-bar-border-radius);
+  transition: background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);
+  border: var(--_sbb-sticky-bar-forced-colors-border, none);
+}
+
+.sbb-sticky-bar {
+  display: flex;
+  padding-block: var(--sbb-sticky-bar-padding-block);
+  margin-block-end: -1px;
+}
+.sbb-sticky-bar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-start-start-radius: var(--sbb-sticky-bar-border-radius);
+  border-start-end-radius: var(--sbb-sticky-bar-border-radius);
+  transition: box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);
+  clip-path: polygon(-100% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)), 150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)), 150% 100%, -100% 100%);
+}
+:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) .sbb-sticky-bar::before {
+  box-shadow: var(--sbb-box-shadow-level-11-soft);
+}
+:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar {
+  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));
+  margin-inline: auto;
+  width: 100%;
+}
+@media (min-width: calc(90rem)) {
+  :host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar {
+    max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));
+  }
+}
+:host(:is(:state(expanded),[state--expanded])) .sbb-sticky-bar {
+  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs));
+}
+
+.sbb-sticky-bar__intersector {
+  height: 1px;
+}
+.sbb-sticky-bar__intersector::after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);
+  background-color: var(--_sbb-sticky-bar-intersector-background-color, transparent);
+  pointer-events: none;
+  transition: background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);
+}
+
+@keyframes slide-in {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0%);
+  }
+}
+@keyframes slide-out {
+  from {
+    transform: translateY(0%);
+  }
+  to {
+    transform: translateY(100%);
+  }
+}`;
+//#endregion
+//#region src/elements/container/sticky-bar/sticky-bar.component.ts
+/**
+* A container that sticks to the bottom of the page if slotted into `sbb-container`.
+*
+* @slot - Use the unnamed slot to add content to the sticky bar.
+* @cssprop [--sbb-sticky-bar-padding-block=var(--sbb-spacing-responsive-xs)] - Block padding of the sticky bar.
+* @cssprop [--sbb-sticky-bar-bottom-overlapping-height=0px] - Define an additional area where
+* the sticky bar overlaps the following content on the bottom.
+* This area becomes visible when the sticky bar transitions from sticky to the normal document flow.
+* @cssprop [--sbb-sticky-bar-z-index] - To specify a custom stack order,
+* the `z-index` can be overridden by defining this CSS variable.
+*/
+var SbbStickyBarElement = (() => {
+	let _classSuper = SbbUpdateSchedulerMixin(SbbElement);
+	let _color_decorators;
+	let _color_initializers = [];
+	let _color_extraInitializers = [];
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	return class SbbStickyBarElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_color_decorators = [property({ reflect: true })];
+			_size_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _color_decorators, {
+				kind: "accessor",
+				name: "color",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "color" in obj,
+					get: (obj) => obj.color,
+					set: (obj, value) => {
+						obj.color = value;
+					}
+				},
+				metadata: _metadata
+			}, _color_initializers, _color_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);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-sticky-bar";
+		}
+		static {
+			this.styles = [boxSizingStyles, sticky_bar_default];
+		}
+		static {
+			this.events = {
+				beforestick: "beforestick",
+				stick: "stick",
+				beforeunstick: "beforeunstick",
+				unstick: "unstick"
+			};
+		}
+		#color_accessor_storage;
+		/** Color of the container, like transparent, white etc. */
+		get color() {
+			return this.#color_accessor_storage;
+		}
+		set color(value) {
+			this.#color_accessor_storage = value;
+		}
+		#size_accessor_storage;
+		/**
+		* Size of the container.
+		* @default 'm' / 's' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		/** The state of the component. */
+		set _state(state) {
+			if (this._stateInternal) this.internals.states.delete(`state-${this._stateInternal}`);
+			this._stateInternal = state;
+			if (this._stateInternal) this.internals.states.add(`state-${this._stateInternal}`);
+		}
+		get _state() {
+			return this._stateInternal;
+		}
+		constructor() {
+			super();
+			this.#color_accessor_storage = __runInitializers(this, _color_initializers, null);
+			this.#size_accessor_storage = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
+			this._stateInternal = __runInitializers(this, _size_extraInitializers);
+			this._observer = new IntersectionController(this, {
+				target: null,
+				callback: (entries) => this._detectStickyState(entries[0])
+			});
+			this._state = "sticky";
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.slot ||= "sticky-bar";
+			this.startUpdate();
+			const container = this.closest("sbb-container");
+			if (container) this.toggleState("expanded", container.expanded);
+			if (this._intersector) this._observer.observe(this._intersector);
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			this.internals.states.delete("initialized");
+		}
+		firstUpdated(changedProperties) {
+			super.firstUpdated(changedProperties);
+			if (!this._intersector) {
+				this._intersector = this.shadowRoot.querySelector(".sbb-sticky-bar__intersector");
+				this._observer.observe(this._intersector);
+			}
+			this._observer.observe(this);
+		}
+		_isZeroAnimationDuration() {
+			return isZeroAnimationDuration(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
+		}
+		_detectStickyState(entry) {
+			this.internals.states.add("initialized");
+			const isSticky = !entry.isIntersecting && entry.boundingClientRect.top > 0;
+			const intersectorRect = this._intersector?.getBoundingClientRect();
+			const stickyBarRect = this.shadowRoot.querySelector(".sbb-sticky-bar__wrapper").getBoundingClientRect();
+			this.toggleState("slide-vertically", isSticky && this._intersector && Math.abs(intersectorRect.bottom - stickyBarRect.bottom) > 30);
+			this.toggleState("sticking", isSticky);
+			this.completeUpdate();
+		}
+		/** Animates from normal content flow position to `position: sticky`. */
+		stick() {
+			if (this._state !== "unsticky" || !this._dispatchBeforeStickEvent()) return;
+			this._state = "sticking";
+			if (!this.internals.states.has("sticking") || this._isZeroAnimationDuration()) this._stickyCallback();
+		}
+		/** Animates `position: sticky` to normal content flow position. */
+		unstick() {
+			if (this._state !== "sticky" || !this._dispatchBeforeUnStickEvent()) return;
+			this._state = "unsticking";
+			if (!this.internals.states.has("sticking") || this._isZeroAnimationDuration()) this._unstickyCallback();
+		}
+		_stickyCallback() {
+			this._state = "sticky";
+			/** Emits when the animation from normal content flow to `position: sticky` ends. */
+			this.dispatchEvent(new Event("stick"));
+		}
+		_unstickyCallback() {
+			/** Emits when the animation from `position: sticky` to normal content flow ends. */
+			this.dispatchEvent(new Event("unstick"));
+			this._state = "unsticky";
+		}
+		_onAnimationEnd(event) {
+			if ((this._state === "sticking" || this._state === "sticky") && event.animationName === "slide-in") this._stickyCallback();
+			else if (this._state === "unsticking" && event.animationName === "slide-out") this._unstickyCallback();
+		}
+		_dispatchBeforeStickEvent() {
+			/** Emits when the animation from normal content flow to `position: sticky` starts. Can be canceled. */
+			return this.dispatchEvent(new Event("beforestick", { cancelable: true }));
+		}
+		_dispatchBeforeUnStickEvent() {
+			/** Emits when the animation from `position: sticky` to normal content flow starts. Can be canceled. */
+			return this.dispatchEvent(new Event("beforeunstick", { cancelable: true }));
+		}
+		render() {
+			return html`
+      <div class="sbb-sticky-bar__wrapper" @animationend=${this._onAnimationEnd}>
+        <div class="sbb-sticky-bar">
+          <slot></slot>
+        </div>
+      </div>
+      <div class="sbb-sticky-bar__intersector"></div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbStickyBarElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5LWJhci5jb21wb25lbnQtQmxnZnhTUm8uanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvbnRhaW5lci9zdGlja3ktYmFyL3N0aWNreS1iYXIuc2Nzcz9saXQmaW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvbnRhaW5lci9zdGlja3ktYmFyL3N0aWNreS1iYXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbiRpbnRlcnNlY3Rvci1vdmVybGFwcGluZzogMXB4O1xuXG4vLyBgOnN0YXRlKHN0aWNraW5nKWAgdi5zLiBgOnN0YXRlKHN0YXRlLXN0aWNreSlgOlxuLy8gV2hpbGUgYDpzdGF0ZShzdGlja2luZylgIGlzIHJlcHJlc2VudGluZyB3aGV0aGVyIHRoZSBzdGlja3kgYmFyIGlzIGN1cnJlbnRseSBzdGlja2luZyAoZHVlIHNjcm9sbGluZyksXG4vLyB0aGUgYDpzdGF0ZShzdGF0ZS14eSlgIGhvbGRzIGluZm9ybWF0aW9uIHdoZXRoZXIgdGhlIGBwb3NpdGlvbjogc3RpY2t5YCBpcyBhcHBsaWVkIG9yIG5vdFxuLy8gYnV0IG5vdCBjb25zaWRlcmluZyB0aGUgcmVhbCBzdGlja2luZyBzdGF0ZS5cblxuOmhvc3Qge1xuICAtLXNiYi1zdGlja3ktYmFyLWZhZGUtaW4tYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi01eClcbiAgKTtcbiAgLS1zYmItc3RpY2t5LWJhci1mYWRlLW91dC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KVxuICApO1xuICAtLXNiYi1zdGlja3ktYmFyLXNsaWRlLXZlcnRpY2FsbHktYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eClcbiAgKTtcbiAgLS1fc2JiLXN0aWNreS1iYXItYmFja2dyb3VuZC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1zdGlja3ktYmFyLWZhZGUtb3V0LWFuaW1hdGlvbi1kdXJhdGlvblxuICApO1xuXG4gIC8vIERpc3BsYXkgY29udGVudHMgbmVlZGVkIHRvIGdldCB0aGUgc3RpY2t5IGJhciBzdGlja3kuXG4gIGRpc3BsYXk6IGNvbnRlbnRzO1xufVxuXG46aG9zdChbc2l6ZT0ncyddKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14eHhzKTtcbn1cblxuOmhvc3QoW3NpemU9J20nXSkge1xuICAtLXNiYi1zdGlja3ktYmFyLXBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHMpO1xufVxuXG46aG9zdCg6c3RhdGUoc3RpY2tpbmcpOm5vdCg6c3RhdGUoc3RhdGUtdW5zdGlja3kpKSkge1xuICAtLXNiYi1zdGlja3ktYmFyLXN0aWNreS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgLS1zYmItY29udGFpbmVyLWJhY2tncm91bmQtY29sb3IsXG4gICAgdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMSlcbiAgKTtcbiAgLS1fc2JiLXN0aWNreS1iYXItaW50ZXJzZWN0b3ItYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXN0aWNreS1iYXItc3RpY2t5LWJhY2tncm91bmQtY29sb3IpO1xuICAtLV9zYmItc3RpY2t5LWJhci1iYWNrZ3JvdW5kLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLXN0aWNreS1iYXItZmFkZS1pbi1hbmltYXRpb24tZHVyYXRpb24pO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLV9zYmItc3RpY2t5LWJhci1mb3JjZWQtY29sb3JzLWJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWQgQ2FudmFzVGV4dDtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoc3RpY2tpbmcpOm5vdCg6c3RhdGUoc3RhdGUtdW5zdGlja3kpKVtjb2xvcj0nd2hpdGUnXSkge1xuICAtLXNiYi1zdGlja3ktYmFyLXN0aWNreS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xKTtcbn1cblxuOmhvc3QoOnN0YXRlKHN0aWNraW5nKTpub3QoOnN0YXRlKHN0YXRlLXVuc3RpY2t5KSlbY29sb3I9J21pbGsnXSkge1xuICAtLXNiYi1zdGlja3ktYmFyLXN0aWNreS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0zKTtcbn1cblxuOmhvc3QoOnN0YXRlKHN0aWNraW5nKTpub3QoOnN0YXRlKHN0YXRlLXVuc3RpY2t5KSlbY29sb3I9J21pZG5pZ2h0J10pIHtcbiAgLS1zYmItc3RpY2t5LWJhci1zdGlja3ktYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMS1uZWdhdGl2ZSk7XG59XG5cbjpob3N0KDpzdGF0ZShzdGlja2luZyk6bm90KDpzdGF0ZShzdGF0ZS11bnN0aWNreSkpW2NvbG9yPSdjaGFyY29hbCddKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItc3RpY2t5LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTItbmVnYXRpdmUpO1xufVxuXG46aG9zdChcbiAgOmlzKFxuICAgIDpzdGF0ZShzdGlja2luZyk6aXMoOnN0YXRlKHNsaWRlLXZlcnRpY2FsbHkpLCA6c3RhdGUoc3RhdGUtc3RpY2tpbmcpLCA6c3RhdGUoc3RhdGUtdW5zdGlja2luZykpLFxuICAgIDpzdGF0ZShzdGF0ZS11bnN0aWNreSlcbiAgKVxuKSB7XG4gIC0tX3NiYi1zdGlja3ktYmFyLWJhY2tncm91bmQtYW5pbWF0aW9uLWR1cmF0aW9uOiAwcztcbn1cblxuOmhvc3QoXG4gIDpzdGF0ZShzdGlja2luZyk6aXMoXG4gICAgOnN0YXRlKHNsaWRlLXZlcnRpY2FsbHkpOm5vdCg6c3RhdGUoc3RhdGUtdW5zdGlja3kpLCA6c3RhdGUoc3RhdGUtdW5zdGlja2luZykpLFxuICAgIDpzdGF0ZShzdGF0ZS1zdGlja2luZylcbiAgKVxuKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItc2xpZGUtdmVydGljYWxseS1hbmltYXRpb24tbmFtZTogc2xpZGUtaW47XG59XG5cbjpob3N0KDpzdGF0ZShzdGlja2luZyk6c3RhdGUoc3RhdGUtdW5zdGlja2luZykpIHtcbiAgLS1zYmItc3RpY2t5LWJhci1zbGlkZS12ZXJ0aWNhbGx5LWFuaW1hdGlvbi1uYW1lOiBzbGlkZS1vdXQ7XG59XG5cbjpob3N0KDppcyg6bm90KDpzdGF0ZShpbml0aWFsaXplZCkpLCA6c3RhdGUoc3RhdGUtdW5zdGlja3kpKSkge1xuICAtLXNiYi1zdGlja3ktYmFyLXBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLnNiYi1zdGlja3ktYmFyX193cmFwcGVyIHtcbiAgcG9zaXRpb246IHZhcigtLXNiYi1zdGlja3ktYmFyLXBvc2l0aW9uKTtcbiAgaW5zZXQtYmxvY2stZW5kOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgei1pbmRleDogdmFyKC0tc2JiLXN0aWNreS1iYXItei1pbmRleCk7XG5cbiAgYW5pbWF0aW9uOiB7XG4gICAgbmFtZTogdmFyKC0tc2JiLXN0aWNreS1iYXItc2xpZGUtdmVydGljYWxseS1hbmltYXRpb24tbmFtZSwgdW5zZXQpO1xuICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc3RpY2t5LWJhci1zbGlkZS12ZXJ0aWNhbGx5LWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItc3RpY2t5LWJhci1zbGlkZS12ZXJ0aWNhbGx5LWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIGRlbGF5OiAwcztcblxuICAgIC8vIEZpbGwgbW9kZSBuZWVkZWQgdG8gZW5hYmxlIGRlbGF5XG4gICAgZmlsbC1tb2RlOiBiYWNrd2FyZHM7XG4gIH1cblxuICAmOjphZnRlcixcbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBpbnNldDogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgei1pbmRleDogLTE7XG4gIH1cblxuICAvLyBDb250YWluZXIgYmFja2dyb3VuZCBjb2xvciAoY29weWluZyBjb250YWluZXIpXG4gICY6OmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWNvbnRhaW5lci1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICAgIC8vIE5lZWRlZCBiZWNhdXNlIHRoZXJlIGlzIG5vIGNvbnRlbnQgYW5kIEZpcmVmb3hcbiAgICAvLyBoYXMgdHJvdWJsZXMgZGlzcGxheWluZyBjb3JyZWN0IHBhZGRpbmcgd2hlbiB0aGVyZSBpcyBubyBjb250ZW50LlxuICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcblxuICAgIDpob3N0KDpub3QoOnN0YXRlKGV4cGFuZGVkKSkpICYge1xuICAgICAgQGluY2x1ZGUgc2JiLnBhZ2Utc3BhY2luZztcbiAgICB9XG4gIH1cblxuICAvLyBDb2xvciBhbmQgYm9yZGVyIHJhZGl1cyB3aGVuIHN0aWNreVxuICAmOjphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXN0aWNreS1iYXItc3RpY2t5LWJhY2tncm91bmQtY29sb3IsIHRyYW5zcGFyZW50KTtcbiAgICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1zYmItc3RpY2t5LWJhci1ib3JkZXItcmFkaXVzKTtcbiAgICBib3JkZXItc3RhcnQtZW5kLXJhZGl1czogdmFyKC0tc2JiLXN0aWNreS1iYXItYm9yZGVyLXJhZGl1cyk7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciB2YXIoLS1fc2JiLXN0aWNreS1iYXItYmFja2dyb3VuZC1hbmltYXRpb24tZHVyYXRpb24pXG4gICAgICB2YXIoLS1zYmItc3RpY2t5LWJhci1hbmltYXRpb24tZWFzaW5nKTtcblxuICAgIC8vIERpc3BsYXkgYSBib3JkZXIgb24gaGlnaCBjb250cmFzdCBtb2RlLlxuICAgIGJvcmRlcjogdmFyKC0tX3NiYi1zdGlja3ktYmFyLWZvcmNlZC1jb2xvcnMtYm9yZGVyLCBub25lKTtcbiAgfVxufVxuXG4uc2JiLXN0aWNreS1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItc3RpY2t5LWJhci1wYWRkaW5nLWJsb2NrKTtcblxuICAvLyBUbyBwdXNoIHRoZSAuc2JiLXN0aWNreS1iYXJfX2ludGVyc2VjdG9yIHVwIHdpdGhvdXQgdXNpbmcgYWJzb2x1dGUgcG9zaXRpb24gd2UgbmVlZCBhIG5lZ2F0aXZlIGJsb2NrIG1hcmdpbi5cbiAgbWFyZ2luLWJsb2NrLWVuZDogLSRpbnRlcnNlY3Rvci1vdmVybGFwcGluZztcblxuICAvLyBTaGFkb3cgd2l0aCBib3JkZXIgcmFkaXVzIGFuZCBjbGlwcGVkIHNoYWRvdyBhdCB0aGUgYm90dG9tXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0OiAwO1xuICAgIHotaW5kZXg6IC0xO1xuICAgIGJvcmRlci1zdGFydC1zdGFydC1yYWRpdXM6IHZhcigtLXNiYi1zdGlja3ktYmFyLWJvcmRlci1yYWRpdXMpO1xuICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiB2YXIoLS1zYmItc3RpY2t5LWJhci1ib3JkZXItcmFkaXVzKTtcbiAgICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLV9zYmItc3RpY2t5LWJhci1iYWNrZ3JvdW5kLWFuaW1hdGlvbi1kdXJhdGlvbilcbiAgICAgIHZhcigtLXNiYi1zdGlja3ktYmFyLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIGNsaXAtcGF0aDogcG9seWdvbihcbiAgICAgIC0xMDAlIGNhbGMoLTEgKiB2YXIoLS1zYmItc2hhZG93LWVsZXZhdGlvbi1sZXZlbC0xMS1zaGFkb3ctMS1ibHVyKSksXG4gICAgICAxNTAlIGNhbGMoLTEgKiB2YXIoLS1zYmItc2hhZG93LWVsZXZhdGlvbi1sZXZlbC0xMS1zaGFkb3ctMS1ibHVyKSksXG4gICAgICAxNTAlIDEwMCUsXG4gICAgICAtMTAwJSAxMDAlXG4gICAgKTtcblxuICAgIDpob3N0KDpzdGF0ZShzdGlja2luZyk6bm90KDpzdGF0ZShzdGF0ZS11bnN0aWNreSkpKSAmIHtcbiAgICAgIGJveC1zaGFkb3c6IHZhcigtLXNiYi1ib3gtc2hhZG93LWxldmVsLTExLXNvZnQpO1xuICAgIH1cbiAgfVxuXG4gIDpob3N0KDpub3QoOnN0YXRlKGV4cGFuZGVkKSkpICYge1xuICAgIEBpbmNsdWRlIHNiYi5wYWdlLXNwYWNpbmc7XG4gIH1cblxuICA6aG9zdCg6c3RhdGUoZXhwYW5kZWQpKSAmIHtcbiAgICBAaW5jbHVkZSBzYmIucGFnZS1zcGFjaW5nLWV4cGFuZGVkO1xuICB9XG59XG5cbi5zYmItc3RpY2t5LWJhcl9faW50ZXJzZWN0b3Ige1xuICAvLyBJbiBvcmRlciB0byBtYWtlIHRoZSBpbnRlcnNlY3Rpb24gb2JzZXJ2ZXIgd29yayBwcm9wZXJseSBvbiB3aW5kb3dzIHRoZSBpbnRlcnNlY3RvciBuZWVkcyB0byBoYXZlIGEgZGVmaW5lZCBoZWlnaHRcbiAgaGVpZ2h0OiAkaW50ZXJzZWN0b3Itb3ZlcmxhcHBpbmc7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGNhbGModmFyKC0tc2JiLXN0aWNreS1iYXItYm90dG9tLW92ZXJsYXBwaW5nLWhlaWdodCwgMCkgKyAkaW50ZXJzZWN0b3Itb3ZlcmxhcHBpbmcpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLV9zYmItc3RpY2t5LWJhci1pbnRlcnNlY3Rvci1iYWNrZ3JvdW5kLWNvbG9yLCB0cmFuc3BhcmVudCk7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciB2YXIoLS1fc2JiLXN0aWNreS1iYXItYmFja2dyb3VuZC1hbmltYXRpb24tZHVyYXRpb24pXG4gICAgICB2YXIoLS1zYmItc3RpY2t5LWJhci1hbmltYXRpb24tZWFzaW5nKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDAlKTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgSW50ZXJzZWN0aW9uQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvaW50ZXJzZWN0aW9uLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBpc0xlYW4sIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0aWNreS1iYXIuc2Nzcz9saXQmaW5saW5lJztcblxudHlwZSBTdGlja3lTdGF0ZSA9ICdzdGlja2luZycgfCAnc3RpY2t5JyB8ICd1bnN0aWNraW5nJyB8ICd1bnN0aWNreSc7XG5cbi8qKlxuICogQSBjb250YWluZXIgdGhhdCBzdGlja3MgdG8gdGhlIGJvdHRvbSBvZiB0aGUgcGFnZSBpZiBzbG90dGVkIGludG8gYHNiYi1jb250YWluZXJgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHN0aWNreSBiYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItc3RpY2t5LWJhci1wYWRkaW5nLWJsb2NrPXZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHMpXSAtIEJsb2NrIHBhZGRpbmcgb2YgdGhlIHN0aWNreSBiYXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItc3RpY2t5LWJhci1ib3R0b20tb3ZlcmxhcHBpbmctaGVpZ2h0PTBweF0gLSBEZWZpbmUgYW4gYWRkaXRpb25hbCBhcmVhIHdoZXJlXG4gKiB0aGUgc3RpY2t5IGJhciBvdmVybGFwcyB0aGUgZm9sbG93aW5nIGNvbnRlbnQgb24gdGhlIGJvdHRvbS5cbiAqIFRoaXMgYXJlYSBiZWNvbWVzIHZpc2libGUgd2hlbiB0aGUgc3RpY2t5IGJhciB0cmFuc2l0aW9ucyBmcm9tIHN0aWNreSB0byB0aGUgbm9ybWFsIGRvY3VtZW50IGZsb3cuXG4gKiBAY3NzcHJvcCBbLS1zYmItc3RpY2t5LWJhci16LWluZGV4XSAtIFRvIHNwZWNpZnkgYSBjdXN0b20gc3RhY2sgb3JkZXIsXG4gKiB0aGUgYHotaW5kZXhgIGNhbiBiZSBvdmVycmlkZGVuIGJ5IGRlZmluaW5nIHRoaXMgQ1NTIHZhcmlhYmxlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiU3RpY2t5QmFyRWxlbWVudCBleHRlbmRzIFNiYlVwZGF0ZVNjaGVkdWxlck1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zdGlja3ktYmFyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGJlZm9yZXN0aWNrOiAnYmVmb3Jlc3RpY2snLFxuICAgIHN0aWNrOiAnc3RpY2snLFxuICAgIGJlZm9yZXVuc3RpY2s6ICdiZWZvcmV1bnN0aWNrJyxcbiAgICB1bnN0aWNrOiAndW5zdGljaycsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqIENvbG9yIG9mIHRoZSBjb250YWluZXIsIGxpa2UgdHJhbnNwYXJlbnQsIHdoaXRlIGV0Yy4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgY29sb3I6XG4gICAgfCAnd2hpdGUnXG4gICAgfCAnbWlsaydcbiAgICB8ICdtaWRuaWdodCdcbiAgICB8ICdjaGFyY29hbCdcbiAgICB8IG51bGwgPSBudWxsO1xuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBjb250YWluZXIuXG4gICAqIEBkZWZhdWx0ICdtJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdtJyB8ICdzJyA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gIC8qKiBUaGUgc3RhdGUgb2YgdGhlIGNvbXBvbmVudC4gKi9cbiAgcHJpdmF0ZSBzZXQgX3N0YXRlKHN0YXRlOiBTdGlja3lTdGF0ZSkge1xuICAgIGlmICh0aGlzLl9zdGF0ZUludGVybmFsKSB7XG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzdGF0ZS0ke3RoaXMuX3N0YXRlSW50ZXJuYWx9YCk7XG4gICAgfVxuICAgIHRoaXMuX3N0YXRlSW50ZXJuYWwgPSBzdGF0ZTtcbiAgICBpZiAodGhpcy5fc3RhdGVJbnRlcm5hbCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc3RhdGUtJHt0aGlzLl9zdGF0ZUludGVybmFsfWApO1xuICAgIH1cbiAgfVxuICBwcml2YXRlIGdldCBfc3RhdGUoKTogU3RpY2t5U3RhdGUge1xuICAgIHJldHVybiB0aGlzLl9zdGF0ZUludGVybmFsO1xuICB9XG4gIHByaXZhdGUgX3N0YXRlSW50ZXJuYWwhOiBTdGlja3lTdGF0ZTtcblxuICBwcml2YXRlIF9pbnRlcnNlY3Rvcj86IEhUTUxTcGFuRWxlbWVudDtcbiAgcHJpdmF0ZSBfb2JzZXJ2ZXIgPSBuZXcgSW50ZXJzZWN0aW9uQ29udHJvbGxlcih0aGlzLCB7XG4gICAgLy8gQWx0aG91Z2ggYHRoaXNgIGlzIG9ic2VydmVkLCB3ZSBoYXZlIHRvIHBvc3Rwb25lIG9ic2VydmluZ1xuICAgIC8vIGludG8gZmlyc3RVcGRhdGVkKCkgdG8gYWNoaWV2ZSBhIGNvcnJlY3QgaW5pdGlhbCBzdGF0ZS5cbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgY2FsbGJhY2s6IChlbnRyaWVzKSA9PiB0aGlzLl9kZXRlY3RTdGlja3lTdGF0ZShlbnRyaWVzWzBdKSxcbiAgfSk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLl9zdGF0ZSA9ICdzdGlja3knO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnc3RpY2t5LWJhcic7XG5cbiAgICAvLyBTdGlja3kgYmFyIG5lZWRzIHRvIGJlIGhpZGRlbiB1bnRpbCBmaXJzdCBvYnNlcnZlciBjYWxsYmFja1xuICAgIHRoaXMuc3RhcnRVcGRhdGUoKTtcblxuICAgIGNvbnN0IGNvbnRhaW5lciA9IHRoaXMuY2xvc2VzdCgnc2JiLWNvbnRhaW5lcicpO1xuICAgIGlmIChjb250YWluZXIpIHtcbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2V4cGFuZGVkJywgY29udGFpbmVyLmV4cGFuZGVkKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuX2ludGVyc2VjdG9yKSB7XG4gICAgICB0aGlzLl9vYnNlcnZlci5vYnNlcnZlKHRoaXMuX2ludGVyc2VjdG9yKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdpbml0aWFsaXplZCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKCF0aGlzLl9pbnRlcnNlY3Rvcikge1xuICAgICAgdGhpcy5faW50ZXJzZWN0b3IgPSB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3IoJy5zYmItc3RpY2t5LWJhcl9faW50ZXJzZWN0b3InKSE7XG4gICAgICB0aGlzLl9vYnNlcnZlci5vYnNlcnZlKHRoaXMuX2ludGVyc2VjdG9yKTtcbiAgICB9XG4gICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzKTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1plcm9BbmltYXRpb25EdXJhdGlvbih0aGlzLCAnLS1zYmItc3RpY2t5LWJhci1zbGlkZS12ZXJ0aWNhbGx5LWFuaW1hdGlvbi1kdXJhdGlvbicpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZGV0ZWN0U3RpY2t5U3RhdGUoZW50cnk6IEludGVyc2VjdGlvbk9ic2VydmVyRW50cnkpOiB2b2lkIHtcbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKCdpbml0aWFsaXplZCcpO1xuXG4gICAgY29uc3QgaXNTdGlja3kgPSAhZW50cnkuaXNJbnRlcnNlY3RpbmcgJiYgZW50cnkuYm91bmRpbmdDbGllbnRSZWN0LnRvcCA+IDA7XG5cbiAgICAvLyBUbyBvcHRpbWl6ZSB0aGUgdmlzdWFsIHBlcmNlcHRpb24gb2YgdGhlIHN0aWNreSBiYXIsIHdlIGhhdmUgY2VydGFpbiBjYXNlcyAoZS5nLiBvbiBwYWdlIGxvYWQpXG4gICAgLy8gd2hlcmUgd2Ugd2FudCB0aGUgc3RpY2t5IGJhciB0byBzbGlkZSBpbiBmcm9tIHRoZSBib3R0b20uXG4gICAgLy8gVG8gZGVjaWRlIHdoZXRoZXIgdG8gc2xpZGUgaW4gZnJvbSB0aGUgYm90dG9tIHVwLFxuICAgIC8vIHdlIGNoZWNrIGhvdyBmYXIgYXdheSB0aGUgc3RpY2t5IGJhciBpcyBmcm9tIHRoZSBpbnRlcnNlY3RvciBlbGVtZW50LiBXaGVuIHNjcm9sbGluZyBmYXN0LCB0aGVcbiAgICAvLyBkaWZmZXJlbmNlIGNhbiB2YXJ5IHNsaWdodGx5LiBUbyBhY2NvdW50IGZvciB0aGlzIHdlIGFkZCBhIGhlaWdodCB0b2xlcmFuY2UuXG4gICAgLy8gVGhpcyB2YWx1ZSB3YXMgZm91bmQgYnkgdHJpYWwgYW5kIGVycm9yLlxuICAgIGNvbnN0IGludGVyc2VjdG9yUmVjdCA9IHRoaXMuX2ludGVyc2VjdG9yPy5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBzdGlja3lCYXJSZWN0ID0gdGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yKFxuICAgICAgJy5zYmItc3RpY2t5LWJhcl9fd3JhcHBlcicsXG4gICAgKSEuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgSEVJR0hUX1RPTEVSQU5DRSA9IDMwO1xuXG4gICAgdGhpcy50b2dnbGVTdGF0ZShcbiAgICAgICdzbGlkZS12ZXJ0aWNhbGx5JyxcbiAgICAgIGlzU3RpY2t5ICYmXG4gICAgICAgIHRoaXMuX2ludGVyc2VjdG9yICYmXG4gICAgICAgIE1hdGguYWJzKGludGVyc2VjdG9yUmVjdCEuYm90dG9tIC0gc3RpY2t5QmFyUmVjdC5ib3R0b20pID4gSEVJR0hUX1RPTEVSQU5DRSxcbiAgICApO1xuXG4gICAgLy8gVG9nZ2xpbmcgc3RpY2tpbmcgaGFzIHRvIGJlIGFmdGVyIHNsaWRlLXZlcnRpY2FsbHkgKHByZXZlbnRzIGJhY2tncm91bmQgY29sb3IgdHJhbnNpdGlvbilcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCdzdGlja2luZycsIGlzU3RpY2t5KTtcblxuICAgIC8vIFN0aWNreSBiYXIgbmVlZHMgdG8gYmUgaGlkZGVuIHVudGlsIGZpcnN0IG9ic2VydmVyIGNhbGxiYWNrXG4gICAgdGhpcy5jb21wbGV0ZVVwZGF0ZSgpO1xuICB9XG5cbiAgLyoqIEFuaW1hdGVzIGZyb20gbm9ybWFsIGNvbnRlbnQgZmxvdyBwb3NpdGlvbiB0byBgcG9zaXRpb246IHN0aWNreWAuICovXG4gIHB1YmxpYyBzdGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fc3RhdGUgIT09ICd1bnN0aWNreScgfHwgIXRoaXMuX2Rpc3BhdGNoQmVmb3JlU3RpY2tFdmVudCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5fc3RhdGUgPSAnc3RpY2tpbmcnO1xuICAgIGlmICghdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmhhcygnc3RpY2tpbmcnKSB8fCB0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl9zdGlja3lDYWxsYmFjaygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBBbmltYXRlcyBgcG9zaXRpb246IHN0aWNreWAgdG8gbm9ybWFsIGNvbnRlbnQgZmxvdyBwb3NpdGlvbi4gKi9cbiAgcHVibGljIHVuc3RpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3N0YXRlICE9PSAnc3RpY2t5JyB8fCAhdGhpcy5fZGlzcGF0Y2hCZWZvcmVVblN0aWNrRXZlbnQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX3N0YXRlID0gJ3Vuc3RpY2tpbmcnO1xuXG4gICAgaWYgKCF0aGlzLmludGVybmFscy5zdGF0ZXMuaGFzKCdzdGlja2luZycpIHx8IHRoaXMuX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCkpIHtcbiAgICAgIHRoaXMuX3Vuc3RpY2t5Q2FsbGJhY2soKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zdGlja3lDYWxsYmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLl9zdGF0ZSA9ICdzdGlja3knO1xuXG4gICAgLyoqIEVtaXRzIHdoZW4gdGhlIGFuaW1hdGlvbiBmcm9tIG5vcm1hbCBjb250ZW50IGZsb3cgdG8gYHBvc2l0aW9uOiBzdGlja3lgIGVuZHMuICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnc3RpY2snKSk7XG4gIH1cblxuICBwcml2YXRlIF91bnN0aWNreUNhbGxiYWNrKCk6IHZvaWQge1xuICAgIC8qKiBFbWl0cyB3aGVuIHRoZSBhbmltYXRpb24gZnJvbSBgcG9zaXRpb246IHN0aWNreWAgdG8gbm9ybWFsIGNvbnRlbnQgZmxvdyBlbmRzLiAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ3Vuc3RpY2snKSk7XG4gICAgdGhpcy5fc3RhdGUgPSAndW5zdGlja3knO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25BbmltYXRpb25FbmQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgKHRoaXMuX3N0YXRlID09PSAnc3RpY2tpbmcnIHx8IHRoaXMuX3N0YXRlID09PSAnc3RpY2t5JykgJiZcbiAgICAgIGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdzbGlkZS1pbidcbiAgICApIHtcbiAgICAgIHRoaXMuX3N0aWNreUNhbGxiYWNrKCk7XG4gICAgfSBlbHNlIGlmICh0aGlzLl9zdGF0ZSA9PT0gJ3Vuc3RpY2tpbmcnICYmIGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdzbGlkZS1vdXQnKSB7XG4gICAgICB0aGlzLl91bnN0aWNreUNhbGxiYWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfZGlzcGF0Y2hCZWZvcmVTdGlja0V2ZW50KCk6IGJvb2xlYW4ge1xuICAgIC8qKiBFbWl0cyB3aGVuIHRoZSBhbmltYXRpb24gZnJvbSBub3JtYWwgY29udGVudCBmbG93IHRvIGBwb3NpdGlvbjogc3RpY2t5YCBzdGFydHMuIENhbiBiZSBjYW5jZWxlZC4gKi9cbiAgICByZXR1cm4gdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnYmVmb3Jlc3RpY2snLCB7IGNhbmNlbGFibGU6IHRydWUgfSkpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZGlzcGF0Y2hCZWZvcmVVblN0aWNrRXZlbnQoKTogYm9vbGVhbiB7XG4gICAgLyoqIEVtaXRzIHdoZW4gdGhlIGFuaW1hdGlvbiBmcm9tIGBwb3NpdGlvbjogc3RpY2t5YCB0byBub3JtYWwgY29udGVudCBmbG93IHN0YXJ0cy4gQ2FuIGJlIGNhbmNlbGVkLiAqL1xuICAgIHJldHVybiB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdiZWZvcmV1bnN0aWNrJywgeyBjYW5jZWxhYmxlOiB0cnVlIH0pKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGlja3ktYmFyX193cmFwcGVyXCIgQGFuaW1hdGlvbmVuZD0ke3RoaXMuX29uQW5pbWF0aW9uRW5kfT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGlja3ktYmFyXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGlja3ktYmFyX19pbnRlcnNlY3RvclwiPjwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zdGlja3ktYmFyJzogU2JiU3RpY2t5QmFyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDd0JhLDZCQUFtQjttQkFBUyx3QkFBd0IsV0FBVzs7Ozs7OztjQUEvRCw0QkFBNEIsWUFBbUM7Ozt3QkFZekUsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7dUJBVzNCLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBWEMsZ0JBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFLLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7QUFXckIsZ0JBQUEsTUFBQSxN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

package/development/styles-CIZBf9Yc.js

@@ -0,0 +1,173 @@
+import { css } from "lit";
+//#region src/elements/tabs/common/tab-group-common.scss?lit&inline
+var tab_group_common_default = css`:host {
+  display: flex;
+  flex-direction: column;
+}
+
+:host(:not([size])) {
+  --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-default);
+}
+
+:host([size=s]) {
+  --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-s);
+}
+
+:host([size=l]) {
+  --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-l);
+}
+
+:host([size=xl]) {
+  --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-xl);
+}
+
+.sbb-tab-group,
+.sbb-tab-nav-bar {
+  display: flex;
+  flex-wrap: wrap;
+}`;
+//#endregion
+//#region src/elements/tabs/common/tab-label-common.scss?lit&inline
+var tab_label_common_default = css`:host {
+  --sbb-tab-label-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-tab-label-outline-border-radius-internal: calc(
+    var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset)
+  );
+}
+
+:host(:is(:is(:state(size-s),[state--size-s]), [size=s])) {
+  --sbb-tab-label-height: var(--sbb-size-element-xs);
+  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);
+  --sbb-tab-label-font-size: var(--sbb-text-font-size-s);
+}
+
+:host(:is(:is(:state(size-l),[state--size-l]), [size=l])) {
+  --sbb-tab-label-height: var(--sbb-size-element-m);
+  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
+  --sbb-tab-label-font-size: var(--sbb-text-font-size-m);
+}
+
+:host(:is(:is(:state(size-xl),[state--size-xl]), [size=xl])) {
+  --sbb-tab-label-height: var(--sbb-size-element-m);
+  --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);
+  --sbb-tab-label-font-size: var(--sbb-text-font-size-xl);
+}
+
+:host(sbb-tab-label),
+:host(sbb-tab-nav-bar) ::slotted(a) {
+  pointer-events: var(--sbb-tab-label-pointer-events, unset);
+}
+@media (forced-colors: active) {
+  :host(sbb-tab-label),
+  :host(sbb-tab-nav-bar) ::slotted(a) {
+    --sbb-tab-label-color: ButtonText;
+    --sbb-tab-label-amount-color: ButtonText;
+  }
+}
+
+:host(sbb-tab-nav-bar) ::slotted(a),
+:host(sbb-tab-label) .sbb-tab-label {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-tab-label-gap);
+  color: var(--sbb-tab-label-color);
+  margin: 0;
+  padding-inline: var(--sbb-tab-label-inline-padding);
+  min-height: var(--sbb-tab-label-height);
+  transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
+  font-size: var(--sbb-tab-label-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-weight: var(--sbb-tab-label-font-weight);
+  text-decoration: var(--sbb-tab-label-text-decoration);
+}
+:host(sbb-tab-nav-bar) ::slotted(a)::after,
+:host(sbb-tab-label) .sbb-tab-label::after {
+  position: absolute;
+  content: "";
+  inset-inline: 0;
+  inset-block-end: 0;
+  height: var(--sbb-tab-label-marker-thickness);
+  background-color: var(--sbb-tab-label-color);
+  scale: var(--sbb-tab-label-marker-scale, 0);
+  transition-duration: var(--sbb-tab-label-animation-duration);
+  transition-timing-function: var(--sbb-tab-label-animation-easing);
+  transition-property: scale, background-color;
+}
+
+:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider],
+:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])) {
+  position: relative;
+}
+:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider]::before,
+:host(sbb-tab-label:is(:state(has-divider),[state--has-divider]))::before {
+  content: "";
+  position: absolute;
+  inset-inline-start: 0;
+  inset-block-end: 0;
+  width: var(--sbb-tab-group-width);
+  height: var(--sbb-border-width-1x);
+  background-color: var(--sbb-tab-label-line-color);
+}
+
+:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),
+:host(sbb-tab-label[disabled]) {
+  --sbb-tab-label-cursor: unset;
+  --sbb-tab-label-pointer-events: none;
+  --sbb-tab-label-text-decoration: line-through;
+}
+@media (forced-colors: active) {
+  :host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),
+  :host(sbb-tab-label[disabled]) {
+    --sbb-tab-label-color: GrayText;
+    --sbb-tab-label-amount-color: GrayText;
+  }
+}
+
+:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),
+:host(sbb-tab-label[active]:not([disabled])) {
+  --sbb-tab-label-color: var(--sbb-color-3);
+  --sbb-tab-label-cursor: unset;
+  --sbb-tab-label-pointer-events: none;
+  --sbb-tab-label-marker-scale: 1;
+}
+@media (forced-colors: active) {
+  :host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),
+  :host(sbb-tab-label[active]:not([disabled])) {
+    --sbb-tab-label-color: ButtonText;
+    --sbb-tab-label-amount-color: ButtonText;
+  }
+}
+
+@media (any-hover: hover) {
+  :host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),
+  :host(sbb-tab-label:hover:not([disabled])) {
+    --sbb-tab-label-marker-scale: 1;
+  }
+}
+
+:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),
+:host(sbb-tab-label:active) {
+  --sbb-tab-label-color: var(--sbb-color-3);
+}
+@media (forced-colors: active) {
+  :host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),
+  :host(sbb-tab-label:active) {
+    --sbb-tab-label-color: ButtonText;
+    --sbb-tab-label-amount-color: ButtonText;
+  }
+}
+
+:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),
+:host(sbb-tab-label:focus-visible) .sbb-tab-label {
+  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: var(--sbb-tab-label-outline-border-radius-internal);
+}`;
+//#endregion
+export { tab_group_common_default as n, tab_label_common_default as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLUNJWkJmOVljLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJzL2NvbW1vbi90YWItZ3JvdXAtY29tbW9uLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJzL2NvbW1vbi90YWItbGFiZWwtY29tbW9uLnNjc3M/bGl0JmlubGluZSJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbjpob3N0KDpub3QoW3NpemVdKSkge1xuICAtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXA6IHZhcigtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXAtZGVmYXVsdCk7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1zYmItdGFiLWdyb3VwLWNvbnRlbnQtZ2FwOiB2YXIoLS1zYmItdGFiLWdyb3VwLWNvbnRlbnQtZ2FwLXNpemUtcyk7XG59XG5cbjpob3N0KFtzaXplPSdsJ10pIHtcbiAgLS1zYmItdGFiLWdyb3VwLWNvbnRlbnQtZ2FwOiB2YXIoLS1zYmItdGFiLWdyb3VwLWNvbnRlbnQtZ2FwLXNpemUtbCk7XG59XG5cbjpob3N0KFtzaXplPSd4bCddKSB7XG4gIC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcDogdmFyKC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcC1zaXplLXhsKTtcbn1cblxuLnNiYi10YWItZ3JvdXAsXG4uc2JiLXRhYi1uYXYtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xufVxuIiwiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuQG1peGluIHRhYi1sYWJlbC1hbW91bnQge1xuICBtYXJnaW46IDA7XG4gIGNvbG9yOiB2YXIoLS1zYmItdGFiLWxhYmVsLWFtb3VudC1jb2xvcik7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIHRleHQtZGVjb3JhdGlvbjogdmFyKC0tc2JiLXRhYi1sYWJlbC10ZXh0LWRlY29yYXRpb24pO1xufVxuXG46aG9zdCB7XG4gIC0tc2JiLXRhYi1sYWJlbC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTJ4KVxuICApO1xuXG4gIC8vIFRoZSBkZXNpcmVkIGJvcmRlciByYWRpdXMgaXMgLS1zYmItYm9yZGVyLXJhZGl1cy0yeC5cbiAgLy8gV2UgaGF2ZSB0byBzdWJ0cmFjdCAtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCBpbiBvcmRlciBoYXZlIHRoZSBkZXNpcmVkIHZpc3VhbCBib3JkZXIgcmFkaXVzLlxuICAtLXNiYi10YWItbGFiZWwtb3V0bGluZS1ib3JkZXItcmFkaXVzLWludGVybmFsOiBjYWxjKFxuICAgIHZhcigtLXNiYi10YWItbGFiZWwtb3V0bGluZS1ib3JkZXItcmFkaXVzKSAtIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldClcbiAgKTtcbn1cblxuOmhvc3QoOmlzKDpzdGF0ZShzaXplLXMpLCBbc2l6ZT0ncyddKSkge1xuICAtLXNiYi10YWItbGFiZWwtaGVpZ2h0OiB2YXIoLS1zYmItc2l6ZS1lbGVtZW50LXhzKTtcbiAgLS1zYmItdGFiLWxhYmVsLWlubGluZS1wYWRkaW5nOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpO1xuICAtLXNiYi10YWItbGFiZWwtZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUtcyk7XG59XG5cbjpob3N0KDppcyg6c3RhdGUoc2l6ZS1sKSwgW3NpemU9J2wnXSkpIHtcbiAgLS1zYmItdGFiLWxhYmVsLWhlaWdodDogdmFyKC0tc2JiLXNpemUtZWxlbWVudC1tKTtcbiAgLS1zYmItdGFiLWxhYmVsLWlubGluZS1wYWRkaW5nOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXhzKTtcbiAgLS1zYmItdGFiLWxhYmVsLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLW0pO1xufVxuXG46aG9zdCg6aXMoOnN0YXRlKHNpemUteGwpLCBbc2l6ZT0neGwnXSkpIHtcbiAgLS1zYmItdGFiLWxhYmVsLWhlaWdodDogdmFyKC0tc2JiLXNpemUtZWxlbWVudC1tKTtcbiAgLS1zYmItdGFiLWxhYmVsLWlubGluZS1wYWRkaW5nOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXhzKTtcbiAgLS1zYmItdGFiLWxhYmVsLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXhsKTtcbn1cblxuOmhvc3Qoc2JiLXRhYi1sYWJlbCksXG46aG9zdChzYmItdGFiLW5hdi1iYXIpIDo6c2xvdHRlZChhKSB7XG4gIHBvaW50ZXItZXZlbnRzOiB2YXIoLS1zYmItdGFiLWxhYmVsLXBvaW50ZXItZXZlbnRzLCB1bnNldCk7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRhYi1sYWJlbC1jb2xvcjogQnV0dG9uVGV4dDtcbiAgICAtLXNiYi10YWItbGFiZWwtYW1vdW50LWNvbG9yOiBCdXR0b25UZXh0O1xuICB9XG59XG5cbjpob3N0KHNiYi10YWItbmF2LWJhcikgOjpzbG90dGVkKGEpLFxuOmhvc3Qoc2JiLXRhYi1sYWJlbCkgLnNiYi10YWItbGFiZWwge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc2JiLXRhYi1sYWJlbC1nYXApO1xuICBjb2xvcjogdmFyKC0tc2JiLXRhYi1sYWJlbC1jb2xvcik7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi10YWItbGFiZWwtaW5saW5lLXBhZGRpbmcpO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItdGFiLWxhYmVsLWhlaWdodCk7XG4gIHRyYW5zaXRpb246IGNvbG9yIHZhcigtLXNiYi10YWItbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItdGFiLWxhYmVsLWFuaW1hdGlvbi1lYXNpbmcpO1xuICBmb250LXNpemU6IHZhcigtLXNiYi10YWItbGFiZWwtZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBmb250LXdlaWdodDogdmFyKC0tc2JiLXRhYi1sYWJlbC1mb250LXdlaWdodCk7XG4gIHRleHQtZGVjb3JhdGlvbjogdmFyKC0tc2JiLXRhYi1sYWJlbC10ZXh0LWRlY29yYXRpb24pO1xuXG4gICY6OmFmdGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgY29udGVudDogJyc7XG4gICAgaW5zZXQtaW5saW5lOiAwO1xuICAgIGluc2V0LWJsb2NrLWVuZDogMDtcbiAgICBoZWlnaHQ6IHZhcigtLXNiYi10YWItbGFiZWwtbWFya2VyLXRoaWNrbmVzcyk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRhYi1sYWJlbC1jb2xvcik7XG4gICAgc2NhbGU6IHZhcigtLXNiYi10YWItbGFiZWwtbWFya2VyLXNjYWxlLCAwKTtcbiAgICB0cmFuc2l0aW9uOiB7XG4gICAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRhYi1sYWJlbC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItdGFiLWxhYmVsLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgICAgcHJvcGVydHk6IHNjYWxlLCBiYWNrZ3JvdW5kLWNvbG9yO1xuICAgIH1cbiAgfVxufVxuXG4vLyBEaXNwbGF5cyBhIGJvcmRlciBiZWxvdyB0aGUgdGFiLWdyb3VwIGFuZCBiZXR3ZWVuIGZsZXggcm93cyB3aGVuIHRoZSB0YWIgdGl0bGVzIHdyYXAgdG8gYSBuZXcgbGluZVxuLy8gV2UgcGxhY2UgdGhlIGxpbmUgb24gYW5vdGhlciBlbGVtZW50IHRoYW4gdGhlIG9uZSB3aGljaCB3b3VsZCByZWNlaXZlIHRoZSBmb2N1cyBvdXRsaW5lXG4vLyB0byBndWFyYW50ZWUgdGhhdCB0aGUgZm9jdXMgb3V0bGluZSBpcyBhbHdheXMgb24gdG9wIG9mIHRoZSBsaW5lLlxuOmhvc3Qoc2JiLXRhYi1uYXYtYmFyKSAuc2JiLXRhYi1uYXYtYmFyID4gW2RhdGEtaGFzLWRpdmlkZXJdLFxuOmhvc3Qoc2JiLXRhYi1sYWJlbDpzdGF0ZShoYXMtZGl2aWRlcikpIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICBpbnNldC1ibG9jay1lbmQ6IDA7XG4gICAgd2lkdGg6IHZhcigtLXNiYi10YWItZ3JvdXAtd2lkdGgpO1xuICAgIGhlaWdodDogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRhYi1sYWJlbC1saW5lLWNvbG9yKTtcbiAgfVxufVxuXG46aG9zdChzYmItdGFiLW5hdi1iYXIpIDo6c2xvdHRlZChhLnNiYi1kaXNhYmxlZCksXG46aG9zdChzYmItdGFiLWxhYmVsW2Rpc2FibGVkXSkge1xuICAtLXNiYi10YWItbGFiZWwtY3Vyc29yOiB1bnNldDtcbiAgLS1zYmItdGFiLWxhYmVsLXBvaW50ZXItZXZlbnRzOiBub25lO1xuICAtLXNiYi10YWItbGFiZWwtdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRhYi1sYWJlbC1jb2xvcjogR3JheVRleHQ7XG4gICAgLS1zYmItdGFiLWxhYmVsLWFtb3VudC1jb2xvcjogR3JheVRleHQ7XG4gIH1cbn1cblxuLy8gSWYgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWRcbjpob3N0KHNiYi10YWItbmF2LWJhcikgOjpzbG90dGVkKGEuc2JiLWFjdGl2ZTpub3QoLnNiYi1kaXNhYmxlZCkpLFxuOmhvc3Qoc2JiLXRhYi1sYWJlbFthY3RpdmVdOm5vdChbZGlzYWJsZWRdKSkge1xuICAtLXNiYi10YWItbGFiZWwtY29sb3I6IHZhcigtLXNiYi1jb2xvci0zKTtcbiAgLS1zYmItdGFiLWxhYmVsLWN1cnNvcjogdW5zZXQ7XG4gIC0tc2JiLXRhYi1sYWJlbC1wb2ludGVyLWV2ZW50czogbm9uZTtcbiAgLS1zYmItdGFiLWxhYmVsLW1hcmtlci1zY2FsZTogMTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdGFiLWxhYmVsLWNvbG9yOiBCdXR0b25UZXh0O1xuICAgIC0tc2JiLXRhYi1sYWJlbC1hbW91bnQtY29sb3I6IEJ1dHRvblRleHQ7XG4gIH1cbn1cblxuOmhvc3Qoc2JiLXRhYi1uYXYtYmFyKSA6OnNsb3R0ZWQoYTpob3Zlcjpub3QoLnNiYi1kaXNhYmxlZCkpLFxuOmhvc3Qoc2JiLXRhYi1sYWJlbDpob3Zlcjpub3QoW2Rpc2FibGVkXSkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLXRhYi1sYWJlbC1tYXJrZXItc2NhbGU6IDE7XG4gIH1cbn1cblxuLy8gUHJlc3NlZC9hY3RpdmUgc3RhdGVcbjpob3N0KHNiYi10YWItbmF2LWJhcikgOjpzbG90dGVkKGE6YWN0aXZlOm5vdCguc2JiLWRpc2FibGVkKSksXG46aG9zdChzYmItdGFiLWxhYmVsOmFjdGl2ZSkge1xuICAtLXNiYi10YWItbGFiZWwtY29sb3I6IHZhcigtLXNiYi1jb2xvci0zKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdGFiLWxhYmVsLWNvbG9yOiBCdXR0b25UZXh0O1xuICAgIC0tc2JiLXRhYi1sYWJlbC1hbW91bnQtY29sb3I6IEJ1dHRvblRleHQ7XG4gIH1cbn1cblxuOmhvc3Qoc2JiLXRhYi1uYXYtYmFyKSA6OnNsb3R0ZWQoYTpmb2N1cy12aXNpYmxlKSxcbjpob3N0KHNiYi10YWItbGFiZWw6Zm9jdXMtdmlzaWJsZSkgLnNiYi10YWItbGFiZWwge1xuICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdGFiLWxhYmVsLW91dGxpbmUtYm9yZGVyLXJhZGl1cy1pbnRlcm5hbCk7XG59XG4iXSwibWFwcGluZ3MiOiIifQ==