@sbb-esta/lyne-elements 4.8.1 → 4.10.0

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

@@ -0,0 +1,206 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } 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?inline
+var sticky_bar_default = ":host {\n  --sbb-sticky-bar-fade-in-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-5x)\n  );\n  --sbb-sticky-bar-fade-out-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  --sbb-sticky-bar-slide-vertically-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --_sbb-sticky-bar-background-animation-duration: var(\n    --sbb-sticky-bar-fade-out-animation-duration\n  );\n  display: contents;\n}\n\n:host([size=s]) {\n  --sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs);\n}\n\n:host([size=m]) {\n  --sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);\n}\n\n:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) {\n  --sbb-sticky-bar-sticky-background-color: var(\n    --sbb-container-background-color,\n    var(--sbb-background-color-1)\n  );\n  --_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);\n  --_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration);\n}\n@media (forced-colors: active) {\n  :host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) {\n    --_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText;\n  }\n}\n\n:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=white]) {\n  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1);\n}\n\n:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=milk]) {\n  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-3);\n}\n\n:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=midnight]) {\n  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1-negative);\n}\n\n:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=charcoal]) {\n  --sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-2-negative);\n}\n\n: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])),\n:is(:state(state-unsticky),[state--state-unsticky]))) {\n  --_sbb-sticky-bar-background-animation-duration: 0s;\n}\n\n: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])),\n:is(:state(state-sticking),[state--state-sticking]))) {\n  --sbb-sticky-bar-slide-vertically-animation-name: slide-in;\n}\n\n:host(:is(:state(sticking),[state--sticking]):is(:state(state-unsticking),[state--state-unsticking])) {\n  --sbb-sticky-bar-slide-vertically-animation-name: slide-out;\n}\n\n:host(:is(:not(:is(:state(initialized),[state--initialized])), :is(:state(state-unsticky),[state--state-unsticky]))) {\n  --sbb-sticky-bar-position: relative;\n}\n\n.sbb-sticky-bar__wrapper {\n  position: var(--sbb-sticky-bar-position);\n  inset-block-end: 0;\n  display: block;\n  z-index: var(--sbb-sticky-bar-z-index);\n  animation-name: var(--sbb-sticky-bar-slide-vertically-animation-name, unset);\n  animation-duration: var(--sbb-sticky-bar-slide-vertically-animation-duration);\n  animation-timing-function: var(--sbb-sticky-bar-slide-vertically-animation-easing);\n  animation-delay: 0s;\n  animation-fill-mode: backwards;\n}\n.sbb-sticky-bar__wrapper::after, .sbb-sticky-bar__wrapper::before {\n  content: \"\";\n  inset: 0;\n  position: absolute;\n  display: block;\n  z-index: -1;\n}\n.sbb-sticky-bar__wrapper::before {\n  background-color: var(--sbb-container-background-color);\n  padding: 0 !important;\n}\n:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper::before {\n  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));\n  margin-inline: auto;\n  width: 100%;\n}\n@media (min-width: calc(90rem)) {\n  :host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper::before {\n    max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));\n  }\n}\n.sbb-sticky-bar__wrapper::after {\n  background-color: var(--sbb-sticky-bar-sticky-background-color, transparent);\n  border-start-start-radius: var(--sbb-sticky-bar-border-radius);\n  border-start-end-radius: var(--sbb-sticky-bar-border-radius);\n  transition: background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);\n  border: var(--_sbb-sticky-bar-forced-colors-border, none);\n}\n\n.sbb-sticky-bar {\n  display: flex;\n  padding-block: var(--sbb-sticky-bar-padding-block);\n  margin-block-end: -1px;\n}\n.sbb-sticky-bar::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  border-start-start-radius: var(--sbb-sticky-bar-border-radius);\n  border-start-end-radius: var(--sbb-sticky-bar-border-radius);\n  transition: box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);\n  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%);\n}\n:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) .sbb-sticky-bar::before {\n  box-shadow: var(--sbb-box-shadow-level-11-soft);\n}\n:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar {\n  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));\n  margin-inline: auto;\n  width: 100%;\n}\n@media (min-width: calc(90rem)) {\n  :host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar {\n    max-width: var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)));\n  }\n}\n:host(:is(:state(expanded),[state--expanded])) .sbb-sticky-bar {\n  padding-inline: var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs));\n}\n\n.sbb-sticky-bar__intersector {\n  height: 1px;\n}\n.sbb-sticky-bar__intersector::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);\n  background-color: var(--_sbb-sticky-bar-intersector-background-color, transparent);\n  pointer-events: none;\n  transition: background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);\n}\n\n@keyframes slide-in {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n@keyframes slide-out {\n  from {\n    transform: translateY(0%);\n  }\n  to {\n    transform: translateY(100%);\n  }\n}";
+//#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, unsafeCSS(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5LWJhci5jb21wb25lbnQtRHpyZHNueHUuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvbnRhaW5lci9zdGlja3ktYmFyL3N0aWNreS1iYXIuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29udGFpbmVyL3N0aWNreS1iYXIvc3RpY2t5LWJhci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuJGludGVyc2VjdG9yLW92ZXJsYXBwaW5nOiAxcHg7XG5cbi8vIGA6c3RhdGUoc3RpY2tpbmcpYCB2LnMuIGA6c3RhdGUoc3RhdGUtc3RpY2t5KWA6XG4vLyBXaGlsZSBgOnN0YXRlKHN0aWNraW5nKWAgaXMgcmVwcmVzZW50aW5nIHdoZXRoZXIgdGhlIHN0aWNreSBiYXIgaXMgY3VycmVudGx5IHN0aWNraW5nIChkdWUgc2Nyb2xsaW5nKSxcbi8vIHRoZSBgOnN0YXRlKHN0YXRlLXh5KWAgaG9sZHMgaW5mb3JtYXRpb24gd2hldGhlciB0aGUgYHBvc2l0aW9uOiBzdGlja3lgIGlzIGFwcGxpZWQgb3Igbm90XG4vLyBidXQgbm90IGNvbnNpZGVyaW5nIHRoZSByZWFsIHN0aWNraW5nIHN0YXRlLlxuXG46aG9zdCB7XG4gIC0tc2JiLXN0aWNreS1iYXItZmFkZS1pbi1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTV4KVxuICApO1xuICAtLXNiYi1zdGlja3ktYmFyLWZhZGUtb3V0LWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tMngpXG4gICk7XG4gIC0tc2JiLXN0aWNreS1iYXItc2xpZGUtdmVydGljYWxseS1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xuICAtLV9zYmItc3RpY2t5LWJhci1iYWNrZ3JvdW5kLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLXN0aWNreS1iYXItZmFkZS1vdXQtYW5pbWF0aW9uLWR1cmF0aW9uXG4gICk7XG5cbiAgLy8gRGlzcGxheSBjb250ZW50cyBuZWVkZWQgdG8gZ2V0IHRoZSBzdGlja3kgYmFyIHN0aWNreS5cbiAgZGlzcGxheTogY29udGVudHM7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1zYmItc3RpY2t5LWJhci1wYWRkaW5nLWJsb2NrOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpO1xufVxuXG46aG9zdChbc2l6ZT0nbSddKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14cyk7XG59XG5cbjpob3N0KDpzdGF0ZShzdGlja2luZyk6bm90KDpzdGF0ZShzdGF0ZS11bnN0aWNreSkpKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItc3RpY2t5LWJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAtLXNiYi1jb250YWluZXItYmFja2dyb3VuZC1jb2xvcixcbiAgICB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xKVxuICApO1xuICAtLV9zYmItc3RpY2t5LWJhci1pbnRlcnNlY3Rvci1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc3RpY2t5LWJhci1zdGlja3ktYmFja2dyb3VuZC1jb2xvcik7XG4gIC0tX3NiYi1zdGlja3ktYmFyLWJhY2tncm91bmQtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoLS1zYmItc3RpY2t5LWJhci1mYWRlLWluLWFuaW1hdGlvbi1kdXJhdGlvbik7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tX3NiYi1zdGlja3ktYmFyLWZvcmNlZC1jb2xvcnMtYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZCBDYW52YXNUZXh0O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzdGlja2luZyk6bm90KDpzdGF0ZShzdGF0ZS11bnN0aWNreSkpW2NvbG9yPSd3aGl0ZSddKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItc3RpY2t5LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTEpO1xufVxuXG46aG9zdCg6c3RhdGUoc3RpY2tpbmcpOm5vdCg6c3RhdGUoc3RhdGUtdW5zdGlja3kpKVtjb2xvcj0nbWlsayddKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItc3RpY2t5LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xufVxuXG46aG9zdCg6c3RhdGUoc3RpY2tpbmcpOm5vdCg6c3RhdGUoc3RhdGUtdW5zdGlja3kpKVtjb2xvcj0nbWlkbmlnaHQnXSkge1xuICAtLXNiYi1zdGlja3ktYmFyLXN0aWNreS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xLW5lZ2F0aXZlKTtcbn1cblxuOmhvc3QoOnN0YXRlKHN0aWNraW5nKTpub3QoOnN0YXRlKHN0YXRlLXVuc3RpY2t5KSlbY29sb3I9J2NoYXJjb2FsJ10pIHtcbiAgLS1zYmItc3RpY2t5LWJhci1zdGlja3ktYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWJhY2tncm91bmQtY29sb3ItMi1uZWdhdGl2ZSk7XG59XG5cbjpob3N0KFxuICA6aXMoXG4gICAgOnN0YXRlKHN0aWNraW5nKTppcyg6c3RhdGUoc2xpZGUtdmVydGljYWxseSksIDpzdGF0ZShzdGF0ZS1zdGlja2luZyksIDpzdGF0ZShzdGF0ZS11bnN0aWNraW5nKSksXG4gICAgOnN0YXRlKHN0YXRlLXVuc3RpY2t5KVxuICApXG4pIHtcbiAgLS1fc2JiLXN0aWNreS1iYXItYmFja2dyb3VuZC1hbmltYXRpb24tZHVyYXRpb246IDBzO1xufVxuXG46aG9zdChcbiAgOnN0YXRlKHN0aWNraW5nKTppcyhcbiAgICA6c3RhdGUoc2xpZGUtdmVydGljYWxseSk6bm90KDpzdGF0ZShzdGF0ZS11bnN0aWNreSksIDpzdGF0ZShzdGF0ZS11bnN0aWNraW5nKSksXG4gICAgOnN0YXRlKHN0YXRlLXN0aWNraW5nKVxuICApXG4pIHtcbiAgLS1zYmItc3RpY2t5LWJhci1zbGlkZS12ZXJ0aWNhbGx5LWFuaW1hdGlvbi1uYW1lOiBzbGlkZS1pbjtcbn1cblxuOmhvc3QoOnN0YXRlKHN0aWNraW5nKTpzdGF0ZShzdGF0ZS11bnN0aWNraW5nKSkge1xuICAtLXNiYi1zdGlja3ktYmFyLXNsaWRlLXZlcnRpY2FsbHktYW5pbWF0aW9uLW5hbWU6IHNsaWRlLW91dDtcbn1cblxuOmhvc3QoOmlzKDpub3QoOnN0YXRlKGluaXRpYWxpemVkKSksIDpzdGF0ZShzdGF0ZS11bnN0aWNreSkpKSB7XG4gIC0tc2JiLXN0aWNreS1iYXItcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uc2JiLXN0aWNreS1iYXJfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogdmFyKC0tc2JiLXN0aWNreS1iYXItcG9zaXRpb24pO1xuICBpbnNldC1ibG9jay1lbmQ6IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiB2YXIoLS1zYmItc3RpY2t5LWJhci16LWluZGV4KTtcblxuICBhbmltYXRpb246IHtcbiAgICBuYW1lOiB2YXIoLS1zYmItc3RpY2t5LWJhci1zbGlkZS12ZXJ0aWNhbGx5LWFuaW1hdGlvbi1uYW1lLCB1bnNldCk7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zdGlja3ktYmFyLXNsaWRlLXZlcnRpY2FsbHktYW5pbWF0aW9uLWR1cmF0aW9uKTtcbiAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi1zdGlja3ktYmFyLXNsaWRlLXZlcnRpY2FsbHktYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgZGVsYXk6IDBzO1xuXG4gICAgLy8gRmlsbCBtb2RlIG5lZWRlZCB0byBlbmFibGUgZGVsYXlcbiAgICBmaWxsLW1vZGU6IGJhY2t3YXJkcztcbiAgfVxuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGluc2V0OiAwO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB6LWluZGV4OiAtMTtcbiAgfVxuXG4gIC8vIENvbnRhaW5lciBiYWNrZ3JvdW5kIGNvbG9yIChjb3B5aW5nIGNvbnRhaW5lcilcbiAgJjo6YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItY29udGFpbmVyLWJhY2tncm91bmQtY29sb3IpO1xuXG4gICAgLy8gTmVlZGVkIGJlY2F1c2UgdGhlcmUgaXMgbm8gY29udGVudCBhbmQgRmlyZWZveFxuICAgIC8vIGhhcyB0cm91YmxlcyBkaXNwbGF5aW5nIGNvcnJlY3QgcGFkZGluZyB3aGVuIHRoZXJlIGlzIG5vIGNvbnRlbnQuXG4gICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuXG4gICAgOmhvc3QoOm5vdCg6c3RhdGUoZXhwYW5kZWQpKSkgJiB7XG4gICAgICBAaW5jbHVkZSBzYmIucGFnZS1zcGFjaW5nO1xuICAgIH1cbiAgfVxuXG4gIC8vIENvbG9yIGFuZCBib3JkZXIgcmFkaXVzIHdoZW4gc3RpY2t5XG4gICY6OmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc3RpY2t5LWJhci1zdGlja3ktYmFja2dyb3VuZC1jb2xvciwgdHJhbnNwYXJlbnQpO1xuICAgIGJvcmRlci1zdGFydC1zdGFydC1yYWRpdXM6IHZhcigtLXNiYi1zdGlja3ktYmFyLWJvcmRlci1yYWRpdXMpO1xuICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiB2YXIoLS1zYmItc3RpY2t5LWJhci1ib3JkZXItcmFkaXVzKTtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIHZhcigtLV9zYmItc3RpY2t5LWJhci1iYWNrZ3JvdW5kLWFuaW1hdGlvbi1kdXJhdGlvbilcbiAgICAgIHZhcigtLXNiYi1zdGlja3ktYmFyLWFuaW1hdGlvbi1lYXNpbmcpO1xuXG4gICAgLy8gRGlzcGxheSBhIGJvcmRlciBvbiBoaWdoIGNvbnRyYXN0IG1vZGUuXG4gICAgYm9yZGVyOiB2YXIoLS1fc2JiLXN0aWNreS1iYXItZm9yY2VkLWNvbG9ycy1ib3JkZXIsIG5vbmUpO1xuICB9XG59XG5cbi5zYmItc3RpY2t5LWJhciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1zdGlja3ktYmFyLXBhZGRpbmctYmxvY2spO1xuXG4gIC8vIFRvIHB1c2ggdGhlIC5zYmItc3RpY2t5LWJhcl9faW50ZXJzZWN0b3IgdXAgd2l0aG91dCB1c2luZyBhYnNvbHV0ZSBwb3NpdGlvbiB3ZSBuZWVkIGEgbmVnYXRpdmUgYmxvY2sgbWFyZ2luLlxuICBtYXJnaW4tYmxvY2stZW5kOiAtJGludGVyc2VjdG9yLW92ZXJsYXBwaW5nO1xuXG4gIC8vIFNoYWRvdyB3aXRoIGJvcmRlciByYWRpdXMgYW5kIGNsaXBwZWQgc2hhZG93IGF0IHRoZSBib3R0b21cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaW5zZXQ6IDA7XG4gICAgei1pbmRleDogLTE7XG4gICAgYm9yZGVyLXN0YXJ0LXN0YXJ0LXJhZGl1czogdmFyKC0tc2JiLXN0aWNreS1iYXItYm9yZGVyLXJhZGl1cyk7XG4gICAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLXNiYi1zdGlja3ktYmFyLWJvcmRlci1yYWRpdXMpO1xuICAgIHRyYW5zaXRpb246IGJveC1zaGFkb3cgdmFyKC0tX3NiYi1zdGlja3ktYmFyLWJhY2tncm91bmQtYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgICAgdmFyKC0tc2JiLXN0aWNreS1iYXItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgY2xpcC1wYXRoOiBwb2x5Z29uKFxuICAgICAgLTEwMCUgY2FsYygtMSAqIHZhcigtLXNiYi1zaGFkb3ctZWxldmF0aW9uLWxldmVsLTExLXNoYWRvdy0xLWJsdXIpKSxcbiAgICAgIDE1MCUgY2FsYygtMSAqIHZhcigtLXNiYi1zaGFkb3ctZWxldmF0aW9uLWxldmVsLTExLXNoYWRvdy0xLWJsdXIpKSxcbiAgICAgIDE1MCUgMTAwJSxcbiAgICAgIC0xMDAlIDEwMCVcbiAgICApO1xuXG4gICAgOmhvc3QoOnN0YXRlKHN0aWNraW5nKTpub3QoOnN0YXRlKHN0YXRlLXVuc3RpY2t5KSkpICYge1xuICAgICAgYm94LXNoYWRvdzogdmFyKC0tc2JiLWJveC1zaGFkb3ctbGV2ZWwtMTEtc29mdCk7XG4gICAgfVxuICB9XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoZXhwYW5kZWQpKSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLnBhZ2Utc3BhY2luZztcbiAgfVxuXG4gIDpob3N0KDpzdGF0ZShleHBhbmRlZCkpICYge1xuICAgIEBpbmNsdWRlIHNiYi5wYWdlLXNwYWNpbmctZXhwYW5kZWQ7XG4gIH1cbn1cblxuLnNiYi1zdGlja3ktYmFyX19pbnRlcnNlY3RvciB7XG4gIC8vIEluIG9yZGVyIHRvIG1ha2UgdGhlIGludGVyc2VjdGlvbiBvYnNlcnZlciB3b3JrIHByb3Blcmx5IG9uIHdpbmRvd3MgdGhlIGludGVyc2VjdG9yIG5lZWRzIHRvIGhhdmUgYSBkZWZpbmVkIGhlaWdodFxuICBoZWlnaHQ6ICRpbnRlcnNlY3Rvci1vdmVybGFwcGluZztcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogY2FsYyh2YXIoLS1zYmItc3RpY2t5LWJhci1ib3R0b20tb3ZlcmxhcHBpbmctaGVpZ2h0LCAwKSArICRpbnRlcnNlY3Rvci1vdmVybGFwcGluZyk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tX3NiYi1zdGlja3ktYmFyLWludGVyc2VjdG9yLWJhY2tncm91bmQtY29sb3IsIHRyYW5zcGFyZW50KTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIHZhcigtLV9zYmItc3RpY2t5LWJhci1iYWNrZ3JvdW5kLWFuaW1hdGlvbi1kdXJhdGlvbilcbiAgICAgIHZhcigtLXNiYi1zdGlja3ktYmFyLWFuaW1hdGlvbi1lYXNpbmcpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpO1xuICB9XG59XG4iLCJpbXBvcnQgeyBJbnRlcnNlY3Rpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9pbnRlcnNlY3Rpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxuICB1bnNhZmVDU1MsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBpc0xlYW4sIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0aWNreS1iYXIuc2Nzcz9pbmxpbmUnO1xuXG50eXBlIFN0aWNreVN0YXRlID0gJ3N0aWNraW5nJyB8ICdzdGlja3knIHwgJ3Vuc3RpY2tpbmcnIHwgJ3Vuc3RpY2t5JztcblxuLyoqXG4gKiBBIGNvbnRhaW5lciB0aGF0IHN0aWNrcyB0byB0aGUgYm90dG9tIG9mIHRoZSBwYWdlIGlmIHNsb3R0ZWQgaW50byBgc2JiLWNvbnRhaW5lcmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgc3RpY2t5IGJhci5cbiAqIEBjc3Nwcm9wIFstLXNiYi1zdGlja3ktYmFyLXBhZGRpbmctYmxvY2s9dmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14cyldIC0gQmxvY2sgcGFkZGluZyBvZiB0aGUgc3RpY2t5IGJhci5cbiAqIEBjc3Nwcm9wIFstLXNiYi1zdGlja3ktYmFyLWJvdHRvbS1vdmVybGFwcGluZy1oZWlnaHQ9MHB4XSAtIERlZmluZSBhbiBhZGRpdGlvbmFsIGFyZWEgd2hlcmVcbiAqIHRoZSBzdGlja3kgYmFyIG92ZXJsYXBzIHRoZSBmb2xsb3dpbmcgY29udGVudCBvbiB0aGUgYm90dG9tLlxuICogVGhpcyBhcmVhIGJlY29tZXMgdmlzaWJsZSB3aGVuIHRoZSBzdGlja3kgYmFyIHRyYW5zaXRpb25zIGZyb20gc3RpY2t5IHRvIHRoZSBub3JtYWwgZG9jdW1lbnQgZmxvdy5cbiAqIEBjc3Nwcm9wIFstLXNiYi1zdGlja3ktYmFyLXotaW5kZXhdIC0gVG8gc3BlY2lmeSBhIGN1c3RvbSBzdGFjayBvcmRlcixcbiAqIHRoZSBgei1pbmRleGAgY2FuIGJlIG92ZXJyaWRkZW4gYnkgZGVmaW5pbmcgdGhpcyBDU1MgdmFyaWFibGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTdGlja3lCYXJFbGVtZW50IGV4dGVuZHMgU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXN0aWNreS1iYXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBiZWZvcmVzdGljazogJ2JlZm9yZXN0aWNrJyxcbiAgICBzdGljazogJ3N0aWNrJyxcbiAgICBiZWZvcmV1bnN0aWNrOiAnYmVmb3JldW5zdGljaycsXG4gICAgdW5zdGljazogJ3Vuc3RpY2snLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBDb2xvciBvZiB0aGUgY29udGFpbmVyLCBsaWtlIHRyYW5zcGFyZW50LCB3aGl0ZSBldGMuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGNvbG9yOlxuICAgIHwgJ3doaXRlJ1xuICAgIHwgJ21pbGsnXG4gICAgfCAnbWlkbmlnaHQnXG4gICAgfCAnY2hhcmNvYWwnXG4gICAgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgY29udGFpbmVyLlxuICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAnbScgfCAncycgPSBpc0xlYW4oKSA/ICdzJyA6ICdtJztcblxuICAvKiogVGhlIHN0YXRlIG9mIHRoZSBjb21wb25lbnQuICovXG4gIHByaXZhdGUgc2V0IF9zdGF0ZShzdGF0ZTogU3RpY2t5U3RhdGUpIHtcbiAgICBpZiAodGhpcy5fc3RhdGVJbnRlcm5hbCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgc3RhdGUtJHt0aGlzLl9zdGF0ZUludGVybmFsfWApO1xuICAgIH1cbiAgICB0aGlzLl9zdGF0ZUludGVybmFsID0gc3RhdGU7XG4gICAgaWYgKHRoaXMuX3N0YXRlSW50ZXJuYWwpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoYHN0YXRlLSR7dGhpcy5fc3RhdGVJbnRlcm5hbH1gKTtcbiAgICB9XG4gIH1cbiAgcHJpdmF0ZSBnZXQgX3N0YXRlKCk6IFN0aWNreVN0YXRlIHtcbiAgICByZXR1cm4gdGhpcy5fc3RhdGVJbnRlcm5hbDtcbiAgfVxuICBwcml2YXRlIF9zdGF0ZUludGVybmFsITogU3RpY2t5U3RhdGU7XG5cbiAgcHJpdmF0ZSBfaW50ZXJzZWN0b3I/OiBIVE1MU3BhbkVsZW1lbnQ7XG4gIHByaXZhdGUgX29ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgIC8vIEFsdGhvdWdoIGB0aGlzYCBpcyBvYnNlcnZlZCwgd2UgaGF2ZSB0byBwb3N0cG9uZSBvYnNlcnZpbmdcbiAgICAvLyBpbnRvIGZpcnN0VXBkYXRlZCgpIHRvIGFjaGlldmUgYSBjb3JyZWN0IGluaXRpYWwgc3RhdGUuXG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIGNhbGxiYWNrOiAoZW50cmllcykgPT4gdGhpcy5fZGV0ZWN0U3RpY2t5U3RhdGUoZW50cmllc1swXSksXG4gIH0pO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5fc3RhdGUgPSAnc3RpY2t5JztcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ3N0aWNreS1iYXInO1xuXG4gICAgLy8gU3RpY2t5IGJhciBuZWVkcyB0byBiZSBoaWRkZW4gdW50aWwgZmlyc3Qgb2JzZXJ2ZXIgY2FsbGJhY2tcbiAgICB0aGlzLnN0YXJ0VXBkYXRlKCk7XG5cbiAgICBjb25zdCBjb250YWluZXIgPSB0aGlzLmNsb3Nlc3QoJ3NiYi1jb250YWluZXInKTtcbiAgICBpZiAoY29udGFpbmVyKSB7XG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdleHBhbmRlZCcsIGNvbnRhaW5lci5leHBhbmRlZCk7XG4gICAgfVxuICAgIGlmICh0aGlzLl9pbnRlcnNlY3Rvcikge1xuICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9pbnRlcnNlY3Rvcik7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZSgnaW5pdGlhbGl6ZWQnKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmICghdGhpcy5faW50ZXJzZWN0b3IpIHtcbiAgICAgIHRoaXMuX2ludGVyc2VjdG9yID0gdGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yKCcuc2JiLXN0aWNreS1iYXJfX2ludGVyc2VjdG9yJykhO1xuICAgICAgdGhpcy5fb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9pbnRlcnNlY3Rvcik7XG4gICAgfVxuICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcyk7XG4gIH1cblxuICBwcml2YXRlIF9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24odGhpcywgJy0tc2JiLXN0aWNreS1iYXItc2xpZGUtdmVydGljYWxseS1hbmltYXRpb24tZHVyYXRpb24nKTtcbiAgfVxuXG4gIHByaXZhdGUgX2RldGVjdFN0aWNreVN0YXRlKGVudHJ5OiBJbnRlcnNlY3Rpb25PYnNlcnZlckVudHJ5KTogdm9pZCB7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnaW5pdGlhbGl6ZWQnKTtcblxuICAgIGNvbnN0IGlzU3RpY2t5ID0gIWVudHJ5LmlzSW50ZXJzZWN0aW5nICYmIGVudHJ5LmJvdW5kaW5nQ2xpZW50UmVjdC50b3AgPiAwO1xuXG4gICAgLy8gVG8gb3B0aW1pemUgdGhlIHZpc3VhbCBwZXJjZXB0aW9uIG9mIHRoZSBzdGlja3kgYmFyLCB3ZSBoYXZlIGNlcnRhaW4gY2FzZXMgKGUuZy4gb24gcGFnZSBsb2FkKVxuICAgIC8vIHdoZXJlIHdlIHdhbnQgdGhlIHN0aWNreSBiYXIgdG8gc2xpZGUgaW4gZnJvbSB0aGUgYm90dG9tLlxuICAgIC8vIFRvIGRlY2lkZSB3aGV0aGVyIHRvIHNsaWRlIGluIGZyb20gdGhlIGJvdHRvbSB1cCxcbiAgICAvLyB3ZSBjaGVjayBob3cgZmFyIGF3YXkgdGhlIHN0aWNreSBiYXIgaXMgZnJvbSB0aGUgaW50ZXJzZWN0b3IgZWxlbWVudC4gV2hlbiBzY3JvbGxpbmcgZmFzdCwgdGhlXG4gICAgLy8gZGlmZmVyZW5jZSBjYW4gdmFyeSBzbGlnaHRseS4gVG8gYWNjb3VudCBmb3IgdGhpcyB3ZSBhZGQgYSBoZWlnaHQgdG9sZXJhbmNlLlxuICAgIC8vIFRoaXMgdmFsdWUgd2FzIGZvdW5kIGJ5IHRyaWFsIGFuZCBlcnJvci5cbiAgICBjb25zdCBpbnRlcnNlY3RvclJlY3QgPSB0aGlzLl9pbnRlcnNlY3Rvcj8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3Qgc3RpY2t5QmFyUmVjdCA9IHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcihcbiAgICAgICcuc2JiLXN0aWNreS1iYXJfX3dyYXBwZXInLFxuICAgICkhLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IEhFSUdIVF9UT0xFUkFOQ0UgPSAzMDtcblxuICAgIHRoaXMudG9nZ2xlU3RhdGUoXG4gICAgICAnc2xpZGUtdmVydGljYWxseScsXG4gICAgICBpc1N0aWNreSAmJlxuICAgICAgICB0aGlzLl9pbnRlcnNlY3RvciAmJlxuICAgICAgICBNYXRoLmFicyhpbnRlcnNlY3RvclJlY3QhLmJvdHRvbSAtIHN0aWNreUJhclJlY3QuYm90dG9tKSA+IEhFSUdIVF9UT0xFUkFOQ0UsXG4gICAgKTtcblxuICAgIC8vIFRvZ2dsaW5nIHN0aWNraW5nIGhhcyB0byBiZSBhZnRlciBzbGlkZS12ZXJ0aWNhbGx5IChwcmV2ZW50cyBiYWNrZ3JvdW5kIGNvbG9yIHRyYW5zaXRpb24pXG4gICAgdGhpcy50b2dnbGVTdGF0ZSgnc3RpY2tpbmcnLCBpc1N0aWNreSk7XG5cbiAgICAvLyBTdGlja3kgYmFyIG5lZWRzIHRvIGJlIGhpZGRlbiB1bnRpbCBmaXJzdCBvYnNlcnZlciBjYWxsYmFja1xuICAgIHRoaXMuY29tcGxldGVVcGRhdGUoKTtcbiAgfVxuXG4gIC8qKiBBbmltYXRlcyBmcm9tIG5vcm1hbCBjb250ZW50IGZsb3cgcG9zaXRpb24gdG8gYHBvc2l0aW9uOiBzdGlja3lgLiAqL1xuICBwdWJsaWMgc3RpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3N0YXRlICE9PSAndW5zdGlja3knIHx8ICF0aGlzLl9kaXNwYXRjaEJlZm9yZVN0aWNrRXZlbnQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX3N0YXRlID0gJ3N0aWNraW5nJztcbiAgICBpZiAoIXRoaXMuaW50ZXJuYWxzLnN0YXRlcy5oYXMoJ3N0aWNraW5nJykgfHwgdGhpcy5faXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKSkge1xuICAgICAgdGhpcy5fc3RpY2t5Q2FsbGJhY2soKTtcbiAgICB9XG4gIH1cblxuICAvKiogQW5pbWF0ZXMgYHBvc2l0aW9uOiBzdGlja3lgIHRvIG5vcm1hbCBjb250ZW50IGZsb3cgcG9zaXRpb24uICovXG4gIHB1YmxpYyB1bnN0aWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9zdGF0ZSAhPT0gJ3N0aWNreScgfHwgIXRoaXMuX2Rpc3BhdGNoQmVmb3JlVW5TdGlja0V2ZW50KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9zdGF0ZSA9ICd1bnN0aWNraW5nJztcblxuICAgIGlmICghdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmhhcygnc3RpY2tpbmcnKSB8fCB0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl91bnN0aWNreUNhbGxiYWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfc3RpY2t5Q2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy5fc3RhdGUgPSAnc3RpY2t5JztcblxuICAgIC8qKiBFbWl0cyB3aGVuIHRoZSBhbmltYXRpb24gZnJvbSBub3JtYWwgY29udGVudCBmbG93IHRvIGBwb3NpdGlvbjogc3RpY2t5YCBlbmRzLiAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ3N0aWNrJykpO1xuICB9XG5cbiAgcHJpdmF0ZSBfdW5zdGlja3lDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAvKiogRW1pdHMgd2hlbiB0aGUgYW5pbWF0aW9uIGZyb20gYHBvc2l0aW9uOiBzdGlja3lgIHRvIG5vcm1hbCBjb250ZW50IGZsb3cgZW5kcy4gKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCd1bnN0aWNrJykpO1xuICAgIHRoaXMuX3N0YXRlID0gJ3Vuc3RpY2t5JztcbiAgfVxuXG4gIHByaXZhdGUgX29uQW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgICh0aGlzLl9zdGF0ZSA9PT0gJ3N0aWNraW5nJyB8fCB0aGlzLl9zdGF0ZSA9PT0gJ3N0aWNreScpICYmXG4gICAgICBldmVudC5hbmltYXRpb25OYW1lID09PSAnc2xpZGUtaW4nXG4gICAgKSB7XG4gICAgICB0aGlzLl9zdGlja3lDYWxsYmFjaygpO1xuICAgIH0gZWxzZSBpZiAodGhpcy5fc3RhdGUgPT09ICd1bnN0aWNraW5nJyAmJiBldmVudC5hbmltYXRpb25OYW1lID09PSAnc2xpZGUtb3V0Jykge1xuICAgICAgdGhpcy5fdW5zdGlja3lDYWxsYmFjaygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2Rpc3BhdGNoQmVmb3JlU3RpY2tFdmVudCgpOiBib29sZWFuIHtcbiAgICAvKiogRW1pdHMgd2hlbiB0aGUgYW5pbWF0aW9uIGZyb20gbm9ybWFsIGNvbnRlbnQgZmxvdyB0byBgcG9zaXRpb246IHN0aWNreWAgc3RhcnRzLiBDYW4gYmUgY2FuY2VsZWQuICovXG4gICAgcmV0dXJuIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2JlZm9yZXN0aWNrJywgeyBjYW5jZWxhYmxlOiB0cnVlIH0pKTtcbiAgfVxuXG4gIHByaXZhdGUgX2Rpc3BhdGNoQmVmb3JlVW5TdGlja0V2ZW50KCk6IGJvb2xlYW4ge1xuICAgIC8qKiBFbWl0cyB3aGVuIHRoZSBhbmltYXRpb24gZnJvbSBgcG9zaXRpb246IHN0aWNreWAgdG8gbm9ybWFsIGNvbnRlbnQgZmxvdyBzdGFydHMuIENhbiBiZSBjYW5jZWxlZC4gKi9cbiAgICByZXR1cm4gdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnYmVmb3JldW5zdGljaycsIHsgY2FuY2VsYWJsZTogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RpY2t5LWJhcl9fd3JhcHBlclwiIEBhbmltYXRpb25lbmQ9JHt0aGlzLl9vbkFuaW1hdGlvbkVuZH0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RpY2t5LWJhclwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RpY2t5LWJhcl9faW50ZXJzZWN0b3JcIj48L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RpY2t5LWJhcic6IFNiYlN0aWNreUJhckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUM4QmEsNkJBQW1CO21CQUFTLHdCQUF3QixXQUFXOzs7Ozs7O2NBQS9ELDRCQUE0QixZQUFtQzs7O3dCQVl6RSxTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTt1QkFXM0IsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFYQyxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTtBQVdyQixnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxVQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7O0tBQUE7SUFB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

package/development/styles-D2RLaAYK.js

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

package/development/styles-D8-q-irv.js

@@ -0,0 +1,9 @@
+import { unsafeCSS } from "lit";
+//#endregion
+//#region src/elements/core/styles/styles.ts
+/** @entrypoint */
+var boxSizingStyles = unsafeCSS("*,\n::before,\n::after {\n  box-sizing: border-box;\n}");
+//#endregion
+export { boxSizingStyles as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLUQ4LXEtaXJ2LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL3N0eWxlcy9ib3gtc2l6aW5nLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvcmUvc3R5bGVzL3N0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuL21peGlucy9oZWxwZXJzJztcblxuQGluY2x1ZGUgaGVscGVycy5ib3gtc2l6aW5nO1xuIiwiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgYm94U2l6aW5nU3R5bGVzU3RyaW5nIGZyb20gJy4vYm94LXNpemluZy5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBjb25zdCBib3hTaXppbmdTdHlsZXMgPSB1bnNhZmVDU1MoYm94U2l6aW5nU3R5bGVzU3RyaW5nKTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQ0tBLElBQWEsa0JBQWtCLG1FQUFnQyJ9

package/development/styles-DCQBzC2C.js

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