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

package/development/slider.component-CXrGIpkh.js

@@ -0,0 +1,346 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbDisabledMixin, SbbElement, SbbFormAssociatedMixin, SbbReadonlyMixin, boxSizingStyles, forceType, hostAttributes } from "./core.js";
+import { SbbIconElement } from "./icon.pure.js";
+import { ref } from "lit/directives/ref.js";
+//#region src/elements/slider/slider.scss?inline
+var slider_default = "@charset \"UTF-8\";\n:host {\n  --_sbb-slider-value-fraction: 0;\n  outline: none !important;\n  display: inline-block;\n  min-width: var(--sbb-slider-min-width);\n  width: min(var(--sbb-slider-width), 100%);\n}\n\n:host(:disabled) {\n  --sbb-slider-icon-color: var(--sbb-color-graphite);\n  --sbb-slider-icon-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));\n  --sbb-slider-knob-border-color: var(--sbb-border-color-5);\n  --sbb-slider-knob-border-size: var(--sbb-border-width-2x);\n  --sbb-slider-knob-border-style: dashed;\n}\n\n:host([readonly]) {\n  --sbb-slider-icon-color: var(--sbb-color-5);\n  --sbb-slider-knob-border-color: var(--sbb-slider-selected-line-disabled-color);\n}\n\n:host(:disabled),\n:host([readonly]) {\n  --sbb-slider-line-color: var(--sbb-slider-line-disabled-color);\n  --sbb-slider-selected-line-color: var(--sbb-slider-selected-line-disabled-color);\n}\n@media (forced-colors: active) {\n  :host(:disabled),\n  :host([readonly]) {\n    --sbb-slider-icon-color: GrayText;\n    --sbb-slider-selected-line-disabled-color: GrayText;\n    --sbb-slider-line-disabled-color: GrayText;\n  }\n}\n\n.sbb-slider__height-container {\n  display: flex;\n  flex-direction: column;\n}\n.sbb-slider__height-container::before {\n  content: \"​\";\n  user-select: none;\n  width: 0;\n  height: 0;\n}\n\n.sbb-slider__wrapper {\n  display: flex;\n  gap: var(--sbb-slider-gap);\n  padding-block: var(--sbb-slider-padding-block);\n  color: var(--sbb-slider-icon-color);\n}\n\n.sbb-slider__container {\n  position: relative;\n  min-height: var(--sbb-size-icon-ui-small);\n  flex-grow: 1;\n}\n\n.sbb-slider__range-input {\n  position: absolute;\n  width: 100%;\n  inset: 0;\n  opacity: 0;\n  margin: 0;\n}\n\n.sbb-slider__line {\n  position: absolute;\n  top: 50%;\n  translate: 0 -50%;\n  height: var(--sbb-slider-line-height);\n  width: 100%;\n  background-color: var(--sbb-slider-line-color);\n  border-radius: var(--sbb-slider-line-height);\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.sbb-slider__selected-line {\n  position: relative;\n  height: 100%;\n  background-color: var(--sbb-slider-selected-line-color);\n  width: calc(var(--_sbb-slider-value-fraction) * 100%);\n}\n\n.sbb-slider__knob {\n  position: absolute;\n  top: 50%;\n  translate: 0 -50%;\n  box-shadow: var(--sbb-box-shadow-level-5-hard);\n  width: var(--sbb-slider-knob-size);\n  height: var(--sbb-slider-knob-size);\n  inset-inline-start: calc(var(--_sbb-slider-value-fraction) * 100% - var(--sbb-slider-knob-size) * var(--_sbb-slider-value-fraction));\n  transition-property: width, height;\n  transition-duration: var(--sbb-disable-animation-duration, var(--sbb-animation-duration-1x));\n  transition-timing-function: ease-in;\n  background-color: var(--sbb-slider-knob-color);\n  border: var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style) var(--sbb-slider-knob-border-color);\n  border-radius: 50%;\n  pointer-events: none;\n}\n:host(:focus-visible) .sbb-slider__knob {\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  --sbb-slider-knob-size: var(--sbb-slider-knob-size-active);\n}\n:host(:not(:is(:disabled, [readonly]))) .sbb-slider__range-input:active ~ .sbb-slider__knob {\n  --sbb-slider-knob-size: var(--sbb-slider-knob-size-active);\n}";
+//#endregion
+//#region src/elements/slider/slider.component.ts
+/**
+* It displays an input knob that can be moved in a range.
+*
+* @slot prefix - Use this slot to render an icon on the left side of the input.
+* @slot suffix - Use this slot to render an icon on the right side of the input.
+* @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
+*/
+var SbbSliderElement = (() => {
+	let _classDecorators = [hostAttributes({ tabindex: "0" })];
+	let _classDescriptor;
+	let _classExtraInitializers = [];
+	let _classThis;
+	let _classSuper = SbbDisabledMixin(SbbReadonlyMixin(SbbFormAssociatedMixin(SbbElement)));
+	let _instanceExtraInitializers = [];
+	let _set_value_decorators;
+	let _set_valueAsNumber_decorators;
+	let _set_min_decorators;
+	let _set_max_decorators;
+	let _startIcon_decorators;
+	let _startIcon_initializers = [];
+	let _startIcon_extraInitializers = [];
+	let _endIcon_decorators;
+	let _endIcon_initializers = [];
+	let _endIcon_extraInitializers = [];
+	var SbbSliderElement = class extends _classSuper {
+		static {
+			_classThis = this;
+		}
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_set_value_decorators = [property()];
+			_set_valueAsNumber_decorators = [property({
+				attribute: "value-as-number",
+				type: Number
+			})];
+			_set_min_decorators = [property()];
+			_set_max_decorators = [property()];
+			_startIcon_decorators = [forceType(), property({ attribute: "start-icon" })];
+			_endIcon_decorators = [forceType(), property({ attribute: "end-icon" })];
+			__esDecorate(this, null, _set_value_decorators, {
+				kind: "setter",
+				name: "value",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "value" in obj,
+					set: (obj, value) => {
+						obj.value = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			__esDecorate(this, null, _set_valueAsNumber_decorators, {
+				kind: "setter",
+				name: "valueAsNumber",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "valueAsNumber" in obj,
+					set: (obj, value) => {
+						obj.valueAsNumber = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			__esDecorate(this, null, _set_min_decorators, {
+				kind: "setter",
+				name: "min",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "min" in obj,
+					set: (obj, value) => {
+						obj.min = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			__esDecorate(this, null, _set_max_decorators, {
+				kind: "setter",
+				name: "max",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "max" in obj,
+					set: (obj, value) => {
+						obj.max = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			__esDecorate(this, null, _startIcon_decorators, {
+				kind: "accessor",
+				name: "startIcon",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "startIcon" in obj,
+					get: (obj) => obj.startIcon,
+					set: (obj, value) => {
+						obj.startIcon = value;
+					}
+				},
+				metadata: _metadata
+			}, _startIcon_initializers, _startIcon_extraInitializers);
+			__esDecorate(this, null, _endIcon_decorators, {
+				kind: "accessor",
+				name: "endIcon",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "endIcon" in obj,
+					get: (obj) => obj.endIcon,
+					set: (obj, value) => {
+						obj.endIcon = value;
+					}
+				},
+				metadata: _metadata
+			}, _endIcon_initializers, _endIcon_extraInitializers);
+			__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, {
+				kind: "class",
+				name: _classThis.name,
+				metadata: _metadata
+			}, null, _classExtraInitializers);
+			SbbSliderElement = _classThis = _classDescriptor.value;
+			if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-slider";
+		}
+		static {
+			this.elementDependencies = [SbbIconElement];
+		}
+		static {
+			this.role = "slider";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(slider_default)];
+		}
+		static {
+			this.events = { didChange: "didChange" };
+		}
+		/**
+		* Value of the form element.
+		* If no value is provided, default is the middle point between min and max.
+		*/
+		set value(value) {
+			if (this._isValidNumber(value)) this._value = this._boundBetweenMinMax(value);
+			else this._value = null;
+			this.internals.ariaValueNow = this.value;
+		}
+		get value() {
+			return this._value ?? this._defaultValue();
+		}
+		/** Numeric value for the inner HTMLInputElement. */
+		set valueAsNumber(value) {
+			this.value = value?.toString() ?? null;
+		}
+		get valueAsNumber() {
+			return Number(this.value);
+		}
+		/** Minimum acceptable value for the inner HTMLInputElement. */
+		set min(value) {
+			if (!this._isValidNumber(value)) return;
+			this._min = value;
+			this.internals.ariaValueMin = this.min;
+			const boundValue = this._boundBetweenMinMax(this.value);
+			if (this.value !== boundValue) this.value = boundValue;
+		}
+		get min() {
+			return this._min;
+		}
+		/** Maximum acceptable value for the inner HTMLInputElement. */
+		set max(value) {
+			if (!this._isValidNumber(value)) return;
+			this._max = value;
+			this.internals.ariaValueMax = this.max;
+			const boundValue = this._boundBetweenMinMax(this.value);
+			if (this.value !== boundValue) this.value = boundValue;
+		}
+		get max() {
+			return this._max;
+		}
+		#startIcon_accessor_storage;
+		/** Name of the icon at component's start, which will be forward to the nested `sbb-icon`. */
+		get startIcon() {
+			return this.#startIcon_accessor_storage;
+		}
+		set startIcon(value) {
+			this.#startIcon_accessor_storage = value;
+		}
+		#endIcon_accessor_storage;
+		/** Name of the icon at component's end, which will be forward to the nested `sbb-icon`. */
+		get endIcon() {
+			return this.#endIcon_accessor_storage;
+		}
+		set endIcon(value) {
+			this.#endIcon_accessor_storage = value;
+		}
+		/**
+		* Form type of element.
+		* @default 'range'
+		*/
+		get type() {
+			return "range";
+		}
+		constructor() {
+			super();
+			this._value = (__runInitializers(this, _instanceExtraInitializers), null);
+			this._min = "0";
+			this._max = "100";
+			this.#startIcon_accessor_storage = __runInitializers(this, _startIcon_initializers, "");
+			this.#endIcon_accessor_storage = (__runInitializers(this, _startIcon_extraInitializers), __runInitializers(this, _endIcon_initializers, ""));
+			/** Reference to the inner HTMLInputElement with type='range'. */
+			this._rangeInput = __runInitializers(this, _endIcon_extraInitializers);
+			this.addEventListener?.("keydown", (e) => this._handleKeydown(e));
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("readOnly")) this.internals.ariaReadOnly = Boolean(this.readOnly).toString();
+			this.style?.setProperty("--_sbb-slider-value-fraction", this._valueFraction().toString());
+		}
+		/**
+		* The reset value is the attribute value (the setup value). If not present, calculates the default.
+		* @internal
+		*/
+		formResetCallback() {
+			this.value = this.getAttribute("value") ?? this._defaultValue();
+		}
+		/**
+		* @internal
+		*/
+		formStateRestoreCallback(state, _reason) {
+			this.value = state;
+		}
+		/**
+		*  If no value is provided, default is the middle point between min and max
+		*  (see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value)
+		*/
+		_defaultValue() {
+			return (+this.min + (+this.max - +this.min) / 2).toString();
+		}
+		_isValidNumber(value) {
+			return !!value && !isNaN(Number(value));
+		}
+		/**
+		* Restrains the value between the min and max
+		*/
+		_boundBetweenMinMax(value) {
+			return Math.max(+this.min, Math.min(+this.max, +value)).toString();
+		}
+		_valueFraction() {
+			const value = this.valueAsNumber;
+			const min = +this.min;
+			const max = +this.max;
+			const mathFraction = (value - min) / (max - min);
+			return isNaN(mathFraction) ? 0 : Math.max(0, Math.min(1, mathFraction));
+		}
+		async _handleKeydown(event) {
+			if (event.key !== "Tab") event.preventDefault();
+			if (this.readOnly) return;
+			if (event.key === "Home") this._rangeInput.value = this.min;
+			else if (event.key === "End") this._rangeInput.value = this.max;
+			else if (event.key === "ArrowLeft" || event.key === "ArrowDown") this._rangeInput.stepDown();
+			else if (event.key === "ArrowRight" || event.key === "ArrowUp") this._rangeInput.stepUp();
+			else if (event.key === "PageDown") this._rangeInput.stepDown((+this.max - +this.min) / 10);
+			else if (event.key === "PageUp") this._rangeInput.stepUp((+this.max - +this.min) / 10);
+			else return;
+			this._rangeInput.dispatchEvent(new InputEvent("input", {
+				bubbles: true,
+				cancelable: true,
+				composed: true
+			}));
+			this._rangeInput.dispatchEvent(new Event("change", { bubbles: true }));
+		}
+		/** Emits the change event. */
+		_dispatchChangeEvent() {
+			/**
+			* The change event is fired when the user modifies the element's value.
+			* Unlike the input event, the change event is not necessarily fired
+			* for each alteration to an element's value.
+			*/
+			this.dispatchEvent(new Event("change", { bubbles: true }));
+			/**
+			* Deprecated. Mirrors change event for React. Will be removed once React properly supports change events.
+			* @deprecated
+			*/
+			this.dispatchEvent(new Event("didChange", { bubbles: true }));
+		}
+		render() {
+			return html`
+      <div class="sbb-slider__height-container">
+        <div class="sbb-slider__wrapper">
+          <slot name="prefix">
+            ${this.startIcon ? html`<sbb-icon name="${this.startIcon}"></sbb-icon>` : nothing}
+          </slot>
+          <div class="sbb-slider__container">
+            <input
+              tabindex="-1"
+              min=${this.min}
+              max=${this.max}
+              ?disabled=${this.disabled || this.formDisabled || this.readOnly}
+              value=${this.value || nothing}
+              class="sbb-slider__range-input"
+              type="range"
+              @change=${() => this._dispatchChangeEvent()}
+              @input=${() => this.value = this._rangeInput.value}
+              ${ref((input) => this._rangeInput = input)}
+            />
+            <div class="sbb-slider__line">
+              <div class="sbb-slider__selected-line"></div>
+            </div>
+            <div class="sbb-slider__knob"></div>
+          </div>
+          <slot name="suffix">
+            ${this.endIcon ? html`<sbb-icon name="${this.endIcon}"></sbb-icon>` : nothing}
+          </slot>
+        </div>
+      </div>
+    `;
+		}
+		static {
+			__runInitializers(_classThis, _classExtraInitializers);
+		}
+	};
+	return _classThis;
+})();
+//#endregion
+export { SbbSliderElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC1DWHJHSXBraC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2xpZGVyL3NsaWRlci5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zbGlkZXIvc2xpZGVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tX3NiYi1zbGlkZXItdmFsdWUtZnJhY3Rpb246IDA7XG5cbiAgLy8gVXNlICFpbXBvcnRhbnQgaGVyZSB0byBub3QgaW50ZXJmZXJlIHdpdGggRmlyZWZveCBmb2N1cyByaW5nIGRlZmluaXRpb25cbiAgLy8gd2hpY2ggYXBwZWFycyBpbiBub3JtYWxpemUgQ1NTIG9mIHNldmVyYWwgZnJhbWV3b3Jrcy5cbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLXNsaWRlci1taW4td2lkdGgpO1xuICB3aWR0aDogbWluKHZhcigtLXNiYi1zbGlkZXItd2lkdGgpLCAxMDAlKTtcbn1cblxuOmhvc3QoOmRpc2FibGVkKSB7XG4gIC0tc2JiLXNsaWRlci1pY29uLWNvbG9yOiBsaWdodC1kYXJrKHZhcigtLXNiYi1jb2xvci1ncmFwaGl0ZSksIHZhcigtLXNiYi1jb2xvci1zbW9rZSkpO1xuICAtLXNiYi1zbGlkZXIta25vYi1ib3JkZXItY29sb3I6IHZhcigtLXNiYi1ib3JkZXItY29sb3ItNSk7XG4gIC0tc2JiLXNsaWRlci1rbm9iLWJvcmRlci1zaXplOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTJ4KTtcbiAgLS1zYmItc2xpZGVyLWtub2ItYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG59XG5cbjpob3N0KFtyZWFkb25seV0pIHtcbiAgLS1zYmItc2xpZGVyLWljb24tY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcbiAgLS1zYmItc2xpZGVyLWtub2ItYm9yZGVyLWNvbG9yOiB2YXIoLS1zYmItc2xpZGVyLXNlbGVjdGVkLWxpbmUtZGlzYWJsZWQtY29sb3IpO1xufVxuXG46aG9zdCg6ZGlzYWJsZWQpLFxuOmhvc3QoW3JlYWRvbmx5XSkge1xuICAtLXNiYi1zbGlkZXItbGluZS1jb2xvcjogdmFyKC0tc2JiLXNsaWRlci1saW5lLWRpc2FibGVkLWNvbG9yKTtcbiAgLS1zYmItc2xpZGVyLXNlbGVjdGVkLWxpbmUtY29sb3I6IHZhcigtLXNiYi1zbGlkZXItc2VsZWN0ZWQtbGluZS1kaXNhYmxlZC1jb2xvcik7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXNsaWRlci1pY29uLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi1zbGlkZXItc2VsZWN0ZWQtbGluZS1kaXNhYmxlZC1jb2xvcjogR3JheVRleHQ7XG4gICAgLS1zYmItc2xpZGVyLWxpbmUtZGlzYWJsZWQtY29sb3I6IEdyYXlUZXh0O1xuICB9XG59XG5cbi5zYmItc2xpZGVyX19oZWlnaHQtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICBAaW5jbHVkZSBzYmIuemVyby13aWR0aC1zcGFjZTtcbn1cblxuLnNiYi1zbGlkZXJfX3dyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IHZhcigtLXNiYi1zbGlkZXItZ2FwKTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXNsaWRlci1wYWRkaW5nLWJsb2NrKTtcbiAgY29sb3I6IHZhcigtLXNiYi1zbGlkZXItaWNvbi1jb2xvcik7XG59XG5cbi5zYmItc2xpZGVyX19jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1zaXplLWljb24tdWktc21hbGwpO1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5zYmItc2xpZGVyX19yYW5nZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGluc2V0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBtYXJnaW46IDA7XG59XG5cbi5zYmItc2xpZGVyX19saW5lIHtcbiAgQGluY2x1ZGUgc2JiLmFic29sdXRlLWNlbnRlci15O1xuXG4gIGhlaWdodDogdmFyKC0tc2JiLXNsaWRlci1saW5lLWhlaWdodCk7XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc2xpZGVyLWxpbmUtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItc2xpZGVyLWxpbmUtaGVpZ2h0KTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5zYmItc2xpZGVyX19zZWxlY3RlZC1saW5lIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1zbGlkZXItc2VsZWN0ZWQtbGluZS1jb2xvcik7XG4gIHdpZHRoOiBjYWxjKHZhcigtLV9zYmItc2xpZGVyLXZhbHVlLWZyYWN0aW9uKSAqIDEwMCUpO1xufVxuXG4uc2JiLXNsaWRlcl9fa25vYiB7XG4gIEBpbmNsdWRlIHNiYi5hYnNvbHV0ZS1jZW50ZXIteTtcblxuICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC01LWhhcmQpO1xuICB3aWR0aDogdmFyKC0tc2JiLXNsaWRlci1rbm9iLXNpemUpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zbGlkZXIta25vYi1zaXplKTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgIGNhbGModmFyKC0tX3NiYi1zbGlkZXItdmFsdWUtZnJhY3Rpb24pICogMTAwJSkgLSB2YXIoLS1zYmItc2xpZGVyLWtub2Itc2l6ZSkgKlxuICAgICAgdmFyKC0tX3NiYi1zbGlkZXItdmFsdWUtZnJhY3Rpb24pXG4gICk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IHdpZHRoLCBoZWlnaHQ7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IHZhcigtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbiwgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0xeCkpO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXNsaWRlci1rbm9iLWNvbG9yKTtcbiAgYm9yZGVyOiB2YXIoLS1zYmItc2xpZGVyLWtub2ItYm9yZGVyLXNpemUpIHZhcigtLXNiYi1zbGlkZXIta25vYi1ib3JkZXItc3R5bGUpXG4gICAgdmFyKC0tc2JiLXNsaWRlci1rbm9iLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgOmhvc3QoOmZvY3VzLXZpc2libGUpICYge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gICAgLS1zYmItc2xpZGVyLWtub2Itc2l6ZTogdmFyKC0tc2JiLXNsaWRlci1rbm9iLXNpemUtYWN0aXZlKTtcbiAgfVxuXG4gIC8vIHNsaWRlciBrbm9iIHJlc2l6ZSBvbiBjbGljayAoYWN0aXZlIC8gZm9jdXMpXG4gIDpob3N0KDpub3QoOmlzKDpkaXNhYmxlZCwgW3JlYWRvbmx5XSkpKSAuc2JiLXNsaWRlcl9fcmFuZ2UtaW5wdXQ6YWN0aXZlIH4gJiB7XG4gICAgLS1zYmItc2xpZGVyLWtub2Itc2l6ZTogdmFyKC0tc2JiLXNsaWRlci1rbm9iLXNpemUtYWN0aXZlKTtcbiAgfVxufVxuIiwiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyByZWYgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9yZWYuanMnO1xuXG5pbXBvcnQge1xuICBib3hTaXppbmdTdHlsZXMsXG4gIGZvcmNlVHlwZSxcbiAgdHlwZSBGb3JtUmVzdG9yZVJlYXNvbixcbiAgdHlwZSBGb3JtUmVzdG9yZVN0YXRlLFxuICBob3N0QXR0cmlidXRlcyxcbiAgU2JiRGlzYWJsZWRNaXhpbixcbiAgU2JiRWxlbWVudCxcbiAgdHlwZSBTYmJFbGVtZW50VHlwZSxcbiAgU2JiRm9ybUFzc29jaWF0ZWRNaXhpbixcbiAgU2JiUmVhZG9ubHlNaXhpbixcbn0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uRWxlbWVudCB9IGZyb20gJy4uL2ljb24ucHVyZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NsaWRlci5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW5wdXQga25vYiB0aGF0IGNhbiBiZSBtb3ZlZCBpbiBhIHJhbmdlLlxuICpcbiAqIEBzbG90IHByZWZpeCAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGFuIGljb24gb24gdGhlIGxlZnQgc2lkZSBvZiB0aGUgaW5wdXQuXG4gKiBAc2xvdCBzdWZmaXggLSBVc2UgdGhpcyBzbG90IHRvIHJlbmRlciBhbiBpY29uIG9uIHRoZSByaWdodCBzaWRlIG9mIHRoZSBpbnB1dC5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqL1xuZXhwb3J0XG5AaG9zdEF0dHJpYnV0ZXMoe1xuICB0YWJpbmRleDogJzAnLFxufSlcbmNsYXNzIFNiYlNsaWRlckVsZW1lbnQgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFxuICBTYmJSZWFkb25seU1peGluKFNiYkZvcm1Bc3NvY2lhdGVkTWl4aW4oU2JiRWxlbWVudCkpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc2xpZGVyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBlbGVtZW50RGVwZW5kZW5jaWVzOiBTYmJFbGVtZW50VHlwZVtdID0gW1NiYkljb25FbGVtZW50XTtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ3NsaWRlcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBkaWRDaGFuZ2U6ICdkaWRDaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKlxuICAgKiBWYWx1ZSBvZiB0aGUgZm9ybSBlbGVtZW50LlxuICAgKiBJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCwgZGVmYXVsdCBpcyB0aGUgbWlkZGxlIHBvaW50IGJldHdlZW4gbWluIGFuZCBtYXguXG4gICAqL1xuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XG4gICAgaWYgKHRoaXMuX2lzVmFsaWROdW1iZXIodmFsdWUpKSB7XG4gICAgICB0aGlzLl92YWx1ZSA9IHRoaXMuX2JvdW5kQmV0d2Vlbk1pbk1heCh2YWx1ZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gbnVsbDtcbiAgICB9XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVZhbHVlTm93ID0gdGhpcy52YWx1ZTtcbiAgfVxuICBwdWJsaWMgZ2V0IHZhbHVlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlID8/IHRoaXMuX2RlZmF1bHRWYWx1ZSgpO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKiogTnVtZXJpYyB2YWx1ZSBmb3IgdGhlIGlubmVyIEhUTUxJbnB1dEVsZW1lbnQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3ZhbHVlLWFzLW51bWJlcicsIHR5cGU6IE51bWJlciB9KVxuICBwdWJsaWMgc2V0IHZhbHVlQXNOdW1iZXIodmFsdWU6IG51bWJlciB8IG51bGwpIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU/LnRvU3RyaW5nKCkgPz8gbnVsbDtcbiAgfVxuICBwdWJsaWMgZ2V0IHZhbHVlQXNOdW1iZXIoKTogbnVtYmVyIHwgbnVsbCB7XG4gICAgcmV0dXJuIE51bWJlcih0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIC8qKiBNaW5pbXVtIGFjY2VwdGFibGUgdmFsdWUgZm9yIHRoZSBpbm5lciBIVE1MSW5wdXRFbGVtZW50LiAqL1xuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgc2V0IG1pbih2YWx1ZTogc3RyaW5nKSB7XG4gICAgaWYgKCF0aGlzLl9pc1ZhbGlkTnVtYmVyKHZhbHVlKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX21pbiA9IHZhbHVlO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFWYWx1ZU1pbiA9IHRoaXMubWluO1xuICAgIGNvbnN0IGJvdW5kVmFsdWUgPSB0aGlzLl9ib3VuZEJldHdlZW5NaW5NYXgodGhpcy52YWx1ZSk7XG4gICAgaWYgKHRoaXMudmFsdWUgIT09IGJvdW5kVmFsdWUpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBib3VuZFZhbHVlO1xuICAgIH1cbiAgfVxuICBwdWJsaWMgZ2V0IG1pbigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9taW47XG4gIH1cbiAgcHJpdmF0ZSBfbWluOiBzdHJpbmcgPSAnMCc7XG5cbiAgLyoqIE1heGltdW0gYWNjZXB0YWJsZSB2YWx1ZSBmb3IgdGhlIGlubmVyIEhUTUxJbnB1dEVsZW1lbnQuICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBzZXQgbWF4KHZhbHVlOiBzdHJpbmcpIHtcbiAgICBpZiAoIXRoaXMuX2lzVmFsaWROdW1iZXIodmFsdWUpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5fbWF4ID0gdmFsdWU7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVZhbHVlTWF4ID0gdGhpcy5tYXg7XG4gICAgY29uc3QgYm91bmRWYWx1ZSA9IHRoaXMuX2JvdW5kQmV0d2Vlbk1pbk1heCh0aGlzLnZhbHVlKTtcbiAgICBpZiAodGhpcy52YWx1ZSAhPT0gYm91bmRWYWx1ZSkge1xuICAgICAgdGhpcy52YWx1ZSA9IGJvdW5kVmFsdWU7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgbWF4KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX21heDtcbiAgfVxuICBwcml2YXRlIF9tYXg6IHN0cmluZyA9ICcxMDAnO1xuXG4gIC8qKiBOYW1lIG9mIHRoZSBpY29uIGF0IGNvbXBvbmVudCdzIHN0YXJ0LCB3aGljaCB3aWxsIGJlIGZvcndhcmQgdG8gdGhlIG5lc3RlZCBgc2JiLWljb25gLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnc3RhcnQtaWNvbicgfSlcbiAgcHVibGljIGFjY2Vzc29yIHN0YXJ0SWNvbjogc3RyaW5nID0gJyc7XG5cbiAgLyoqIE5hbWUgb2YgdGhlIGljb24gYXQgY29tcG9uZW50J3MgZW5kLCB3aGljaCB3aWxsIGJlIGZvcndhcmQgdG8gdGhlIG5lc3RlZCBgc2JiLWljb25gLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZW5kLWljb24nIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBlbmRJY29uOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogRm9ybSB0eXBlIG9mIGVsZW1lbnQuXG4gICAqIEBkZWZhdWx0ICdyYW5nZSdcbiAgICovXG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgdHlwZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiAncmFuZ2UnO1xuICB9XG5cbiAgLyoqIFJlZmVyZW5jZSB0byB0aGUgaW5uZXIgSFRNTElucHV0RWxlbWVudCB3aXRoIHR5cGU9J3JhbmdlJy4gKi9cbiAgcHJpdmF0ZSBfcmFuZ2VJbnB1dCE6IEhUTUxJbnB1dEVsZW1lbnQ7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2tleWRvd24nLCAoZSkgPT4gdGhpcy5faGFuZGxlS2V5ZG93bihlKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3JlYWRPbmx5JykpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFSZWFkT25seSA9IEJvb2xlYW4odGhpcy5yZWFkT25seSkudG9TdHJpbmcoKTtcbiAgICB9XG4gICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tX3NiYi1zbGlkZXItdmFsdWUtZnJhY3Rpb24nLCB0aGlzLl92YWx1ZUZyYWN0aW9uKCkudG9TdHJpbmcoKSk7XG4gIH1cblxuICAvKipcbiAgICogVGhlIHJlc2V0IHZhbHVlIGlzIHRoZSBhdHRyaWJ1dGUgdmFsdWUgKHRoZSBzZXR1cCB2YWx1ZSkuIElmIG5vdCBwcmVzZW50LCBjYWxjdWxhdGVzIHRoZSBkZWZhdWx0LlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBmb3JtUmVzZXRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdGhpcy5nZXRBdHRyaWJ1dGUoJ3ZhbHVlJykgPz8gdGhpcy5fZGVmYXVsdFZhbHVlKCk7XG4gIH1cblxuICAvKipcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgZm9ybVN0YXRlUmVzdG9yZUNhbGxiYWNrKFxuICAgIHN0YXRlOiBGb3JtUmVzdG9yZVN0YXRlIHwgbnVsbCxcbiAgICBfcmVhc29uOiBGb3JtUmVzdG9yZVJlYXNvbixcbiAgKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHN0YXRlIGFzIHN0cmluZyB8IG51bGw7XG4gIH1cblxuICAvKipcbiAgICogIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCBkZWZhdWx0IGlzIHRoZSBtaWRkbGUgcG9pbnQgYmV0d2VlbiBtaW4gYW5kIG1heFxuICAgKiAgKHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9IVE1ML0VsZW1lbnQvaW5wdXQvcmFuZ2UjdmFsdWUpXG4gICAqL1xuICBwcml2YXRlIF9kZWZhdWx0VmFsdWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gKCt0aGlzLm1pbiArICgrdGhpcy5tYXggLSArdGhpcy5taW4pIC8gMikudG9TdHJpbmcoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzVmFsaWROdW1iZXIodmFsdWU6IHN0cmluZyB8IG51bGwpOiB2YWx1ZSBpcyBzdHJpbmcge1xuICAgIHJldHVybiAhIXZhbHVlICYmICFpc05hTihOdW1iZXIodmFsdWUpKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXN0cmFpbnMgdGhlIHZhbHVlIGJldHdlZW4gdGhlIG1pbiBhbmQgbWF4XG4gICAqL1xuICBwcml2YXRlIF9ib3VuZEJldHdlZW5NaW5NYXgodmFsdWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIE1hdGgubWF4KCt0aGlzLm1pbiwgTWF0aC5taW4oK3RoaXMubWF4LCArdmFsdWUpKS50b1N0cmluZygpO1xuICB9XG5cbiAgcHJpdmF0ZSBfdmFsdWVGcmFjdGlvbigpOiBudW1iZXIge1xuICAgIGNvbnN0IHZhbHVlID0gdGhpcy52YWx1ZUFzTnVtYmVyITtcbiAgICBjb25zdCBtaW4gPSArdGhpcy5taW47XG4gICAgY29uc3QgbWF4ID0gK3RoaXMubWF4O1xuXG4gICAgY29uc3QgbWF0aEZyYWN0aW9uOiBudW1iZXIgPSAodmFsdWUgLSBtaW4pIC8gKG1heCAtIG1pbik7XG4gICAgcmV0dXJuIGlzTmFOKG1hdGhGcmFjdGlvbikgPyAwIDogTWF0aC5tYXgoMCwgTWF0aC5taW4oMSwgbWF0aEZyYWN0aW9uKSk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIF9oYW5kbGVLZXlkb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKGV2ZW50LmtleSAhPT0gJ1RhYicpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMucmVhZE9ubHkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoZXZlbnQua2V5ID09PSAnSG9tZScpIHtcbiAgICAgIHRoaXMuX3JhbmdlSW5wdXQudmFsdWUgPSB0aGlzLm1pbjtcbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0VuZCcpIHtcbiAgICAgIHRoaXMuX3JhbmdlSW5wdXQudmFsdWUgPSB0aGlzLm1heDtcbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93TGVmdCcgfHwgZXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgdGhpcy5fcmFuZ2VJbnB1dC5zdGVwRG93bigpO1xuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dSaWdodCcgfHwgZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgIHRoaXMuX3JhbmdlSW5wdXQuc3RlcFVwKCk7XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdQYWdlRG93bicpIHtcbiAgICAgIHRoaXMuX3JhbmdlSW5wdXQuc3RlcERvd24oKCt0aGlzLm1heCAtICt0aGlzLm1pbikgLyAxMCk7XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdQYWdlVXAnKSB7XG4gICAgICB0aGlzLl9yYW5nZUlucHV0LnN0ZXBVcCgoK3RoaXMubWF4IC0gK3RoaXMubWluKSAvIDEwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIFdlIGhhdmUgdG8gbWFudWFsbHkgZmlyZSBldmVudHMgYmVjYXVzZSBwcm9ncmFtbWF0aWMgY2hhbmdlcyBkb24ndCB0cmlnZ2VyIHRoZW1cbiAgICB0aGlzLl9yYW5nZUlucHV0LmRpc3BhdGNoRXZlbnQoXG4gICAgICBuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNhbmNlbGFibGU6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pLFxuICAgICk7XG4gICAgdGhpcy5fcmFuZ2VJbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnY2hhbmdlJywgeyBidWJibGVzOiB0cnVlIH0pKTtcbiAgfVxuXG4gIC8qKiBFbWl0cyB0aGUgY2hhbmdlIGV2ZW50LiAqL1xuICBwcml2YXRlIF9kaXNwYXRjaENoYW5nZUV2ZW50KCk6IHZvaWQge1xuICAgIC8qKlxuICAgICAqIFRoZSBjaGFuZ2UgZXZlbnQgaXMgZmlyZWQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLlxuICAgICAqIFVubGlrZSB0aGUgaW5wdXQgZXZlbnQsIHRoZSBjaGFuZ2UgZXZlbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGZpcmVkXG4gICAgICogZm9yIGVhY2ggYWx0ZXJhdGlvbiB0byBhbiBlbGVtZW50J3MgdmFsdWUuXG4gICAgICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnY2hhbmdlJywgeyBidWJibGVzOiB0cnVlIH0pKTtcblxuICAgIC8qKlxuICAgICAqIERlcHJlY2F0ZWQuIE1pcnJvcnMgY2hhbmdlIGV2ZW50IGZvciBSZWFjdC4gV2lsbCBiZSByZW1vdmVkIG9uY2UgUmVhY3QgcHJvcGVybHkgc3VwcG9ydHMgY2hhbmdlIGV2ZW50cy5cbiAgICAgKiBAZGVwcmVjYXRlZFxuICAgICAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2RpZENoYW5nZScsIHsgYnViYmxlczogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2xpZGVyX19oZWlnaHQtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2xpZGVyX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cInByZWZpeFwiPlxuICAgICAgICAgICAgJHt0aGlzLnN0YXJ0SWNvbiA/IGh0bWxgPHNiYi1pY29uIG5hbWU9XCIke3RoaXMuc3RhcnRJY29ufVwiPjwvc2JiLWljb24+YCA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9zbG90PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2xpZGVyX19jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0YWJpbmRleD1cIi0xXCJcbiAgICAgICAgICAgICAgbWluPSR7dGhpcy5taW59XG4gICAgICAgICAgICAgIG1heD0ke3RoaXMubWF4fVxuICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkIHx8IHRoaXMucmVhZE9ubHl9XG4gICAgICAgICAgICAgIHZhbHVlPSR7dGhpcy52YWx1ZSB8fCBub3RoaW5nfVxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1zbGlkZXJfX3JhbmdlLWlucHV0XCJcbiAgICAgICAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgICAgICAgQGNoYW5nZT0keygpID0+IHRoaXMuX2Rpc3BhdGNoQ2hhbmdlRXZlbnQoKX1cbiAgICAgICAgICAgICAgQGlucHV0PSR7KCkgPT4gKHRoaXMudmFsdWUgPSB0aGlzLl9yYW5nZUlucHV0LnZhbHVlKX1cbiAgICAgICAgICAgICAgJHtyZWYoKGlucHV0PzogRWxlbWVudCkgPT4gKHRoaXMuX3JhbmdlSW5wdXQgPSBpbnB1dCBhcyBIVE1MSW5wdXRFbGVtZW50KSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zbGlkZXJfX2xpbmVcIj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zbGlkZXJfX3NlbGVjdGVkLWxpbmVcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zbGlkZXJfX2tub2JcIj48L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwic3VmZml4XCI+XG4gICAgICAgICAgICAke3RoaXMuZW5kSWNvbiA/IGh0bWxgPHNiYi1pY29uIG5hbWU9XCIke3RoaXMuZW5kSWNvbn1cIj48L3NiYi1pY29uPmAgOiBub3RoaW5nfVxuICAgICAgICAgIDwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2xpZGVyJzogU2JiU2xpZGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztJQ3NDTSwwQkFBZ0I7eUJBSHJCLGVBQWUsRUFDZCxVQUFVLEtBQ1gsQ0FBQyxDQUFBOzs7O21CQUM2QixpQkFDN0IsaUJBQWlCLHVCQUF1QixXQUFXLENBQUMsQ0FDckQ7Ozs7Ozs7Ozs7OztzQ0FGOEIsWUFFOUI7Ozs7Ozs0QkFhRSxVQUFVLENBQUE7b0NBZVYsU0FBUztJQUFFLFdBQVc7SUFBbUIsTUFBTTtJQUFRLENBQUMsQ0FBQTswQkFTeEQsVUFBVSxDQUFB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

package/development/slider.js

@@ -1,4 +1,4 @@
-import { t as SbbSliderElement } from "./slider.component-ZBdkbZei.js";
+import { t as SbbSliderElement } from "./slider.component-CXrGIpkh.js";
 import "./slider.pure.js";
 //#region src/elements/slider.ts
 /** @entrypoint */

package/development/slider.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbSliderElement } from "./slider.component-ZBdkbZei.js";
+import { t as SbbSliderElement } from "./slider.component-CXrGIpkh.js";
 export { SbbSliderElement };

package/development/status/status.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/status/status.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAE,UAAU,EAAmB,MAAM,YAAY,CAAC;AAMzD,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,aAAa,GACb,aAAa,CAAC;;AAElB;;;;;;;;;;GAUG;AACH,qBAAa,gBAAiB,SAAQ,qBAA4B;IAChE,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAS1B;IAEH,8BAA8B;IAC9B,SAA6C,IAAI,EAAE,aAAa,CAAU;IAE1E,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,eAAe;cAUJ,cAAc,IAAI,MAAM;cAIxB,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"status.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/status/status.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhF,OAAO,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAMzD,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,aAAa,GACb,aAAa,CAAC;;AAElB;;;;;;;;;;GAUG;AACH,qBAAa,gBAAiB,SAAQ,qBAA4B;IAChE,gBAAgC,WAAW,EAAE,MAAM,CAAgB;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAS1B;IAEH,8BAA8B;IAC9B,SAA6C,IAAI,EAAE,aAAa,CAAU;IAE1E,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,eAAe;cAUJ,cAAc,IAAI,MAAM;cAIxB,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/status/status.component.js

@@ -1,2 +1,2 @@
-import { t as SbbStatusElement } from "../status.component-p-egQ_U4.js";
+import { t as SbbStatusElement } from "../status.component-BtJ8ri61.js";
 export { SbbStatusElement };

package/development/status.component-BtJ8ri61.js

@@ -0,0 +1,110 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, boxSizingStyles } from "./core.js";
+import { SbbIconNameMixin } from "./icon.pure.js";
+//#region src/elements/status/status.scss?inline
+var status_default = ":host {\n  --sbb-status-text-color: var(--sbb-status-color);\n  display: flex;\n  gap: var(--sbb-status-gap);\n  color: var(--sbb-status-text-color);\n  font-size: var(--sbb-status-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  line-height: var(--sbb-typo-line-height-text);\n}\n\n:host([type=error]) {\n  --sbb-status-color: var(--sbb-color-error);\n}\n\n:host([type=success]) {\n  --sbb-status-color: var(--sbb-color-success);\n}\n\n:host([type=warning]) {\n  --sbb-status-color: var(--sbb-color-2);\n}\n\n:host([type=pending]) {\n  --sbb-status-color: var(--sbb-color-sky);\n}\n\n:host([type=incomplete]) {\n  --sbb-status-color: var(--sbb-color-error);\n}\n\n:host([type=not-started]) {\n  --sbb-status-color: var(--sbb-color-5);\n  --sbb-status-text-color: var(--sbb-color-2);\n}\n\n:host([type=in-progress]) {\n  --sbb-status-color: var(--sbb-color-pink);\n}\n\n:host(:is(:state(slotted-title),[state--slotted-title])) {\n  --sbb-status-gap: var(--sbb-spacing-responsive-xxxs);\n  --_sbb-status-title-font-size: var(--sbb-heading-font-size-5);\n  --_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);\n  color: var(--sbb-status-title-color);\n}\n\n.sbb-status__icon {\n  display: flex;\n  flex-shrink: 0;\n  color: var(--sbb-status-color);\n  margin-block-start: calc((var(--_sbb-status-title-font-size, var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height, var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2);\n}\n\n.sbb-status__content-slot {\n  display: inline;\n  margin: 0;\n  padding: 0;\n}\n\n::slotted(sbb-title) {\n  margin-block: 0;\n}";
+//#endregion
+//#region src/elements/status/status.component.ts
+/**
+* Displays a message to the user's attention.
+*
+* @slot - Use the unnamed slot to add an optional `sbb-title` and content to the status message.
+* @slot icon - Use this slot to override the default status icon.
+* @slot title - Slot for the title. For the standard `sbb-title` element, the slot is automatically assigned when slotted in the unnamed slot.
+* @cssprop [--sbb-status-color=var(--sbb-color-iron)] - Specify a custom color,
+* which will override the predefined color for any type.
+* @cssprop [--sbb-status-text-color=var(--sbb-status-color)] - Specify a custom text color,
+* which will override the predefined color for any type. Only valid for a status without a title.
+*/
+var SbbStatusElement = (() => {
+	let _classSuper = SbbIconNameMixin(SbbElement);
+	let _type_decorators;
+	let _type_initializers = [];
+	let _type_extraInitializers = [];
+	return class SbbStatusElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_type_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _type_decorators, {
+				kind: "accessor",
+				name: "type",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "type" in obj,
+					get: (obj) => obj.type,
+					set: (obj, value) => {
+						obj.type = value;
+					}
+				},
+				metadata: _metadata
+			}, _type_initializers, _type_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-status";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(status_default)];
+		}
+		#type_accessor_storage;
+		/** The type of the status. */
+		get type() {
+			return this.#type_accessor_storage;
+		}
+		set type(value) {
+			this.#type_accessor_storage = value;
+		}
+		_handleSlotchange() {
+			const title = Array.from(this.children).find((el) => el.localName === "sbb-title");
+			if (title) title.slot = "title";
+		}
+		_configureTitle(event) {
+			const title = event.target.assignedElements().find((e) => e.localName === "sbb-title");
+			if (title) {
+				customElements.upgrade(title);
+				title.visualLevel = "5";
+			}
+		}
+		renderIconName() {
+			return super.renderIconName() || this._statusTypes.get(this.type);
+		}
+		render() {
+			return html`
+      <span class="sbb-status__icon"> ${this.renderIconSlot()} </span>
+      <span class="sbb-status__content">
+        <slot name="title" @slotchange=${this._configureTitle}></slot>
+        <p class="sbb-status__content-slot" @slotchange=${this._handleSlotchange}>
+          <slot></slot>
+        </p>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			this._statusTypes = new Map([
+				["info", "circle-information-small"],
+				["success", "circle-tick-small"],
+				["warning", "circle-exclamation-point-small"],
+				["error", "circle-cross-small"],
+				["pending", "circle-three-dots-small"],
+				["incomplete", "circle-dotted-part-x-small"],
+				["not-started", "circle-dotted-small"],
+				["in-progress", "circle-dotted-part-small"]
+			]);
+			this.#type_accessor_storage = __runInitializers(this, _type_initializers, "info");
+			__runInitializers(this, _type_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbStatusElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC1CdEo4cmk2MS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc3RhdHVzL3N0YXR1cy5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zdGF0dXMvc3RhdHVzLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXN0YXR1cy10ZXh0LWNvbG9yOiB2YXIoLS1zYmItc3RhdHVzLWNvbG9yKTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IHZhcigtLXNiYi1zdGF0dXMtZ2FwKTtcbiAgY29sb3I6IHZhcigtLXNiYi1zdGF0dXMtdGV4dC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXN0YXR1cy1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KTtcbn1cblxuOmhvc3QoW3R5cGU9J2Vycm9yJ10pIHtcbiAgLS1zYmItc3RhdHVzLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItZXJyb3IpO1xufVxuXG46aG9zdChbdHlwZT0nc3VjY2VzcyddKSB7XG4gIC0tc2JiLXN0YXR1cy1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLXN1Y2Nlc3MpO1xufVxuXG46aG9zdChbdHlwZT0nd2FybmluZyddKSB7XG4gIC0tc2JiLXN0YXR1cy1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTIpO1xufVxuXG46aG9zdChbdHlwZT0ncGVuZGluZyddKSB7XG4gIC0tc2JiLXN0YXR1cy1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLXNreSk7XG59XG5cbjpob3N0KFt0eXBlPSdpbmNvbXBsZXRlJ10pIHtcbiAgLS1zYmItc3RhdHVzLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItZXJyb3IpO1xufVxuXG46aG9zdChbdHlwZT0nbm90LXN0YXJ0ZWQnXSkge1xuICAtLXNiYi1zdGF0dXMtY29sb3I6IHZhcigtLXNiYi1jb2xvci01KTtcbiAgLS1zYmItc3RhdHVzLXRleHQtY29sb3I6IHZhcigtLXNiYi1jb2xvci0yKTtcbn1cblxuOmhvc3QoW3R5cGU9J2luLXByb2dyZXNzJ10pIHtcbiAgLS1zYmItc3RhdHVzLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItcGluayk7XG59XG5cbjpob3N0KDpzdGF0ZShzbG90dGVkLXRpdGxlKSkge1xuICAtLXNiYi1zdGF0dXMtZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpO1xuICAtLV9zYmItc3RhdHVzLXRpdGxlLWZvbnQtc2l6ZTogdmFyKC0tc2JiLWhlYWRpbmctZm9udC1zaXplLTUpO1xuICAtLV9zYmItc3RhdHVzLXRpdGxlLWxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC1oZWFkaW5nKTtcblxuICBjb2xvcjogdmFyKC0tc2JiLXN0YXR1cy10aXRsZS1jb2xvcik7XG59XG5cbi5zYmItc3RhdHVzX19pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGNvbG9yOiB2YXIoLS1zYmItc3RhdHVzLWNvbG9yKTtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiBjYWxjKFxuICAgIChcbiAgICAgICAgKFxuICAgICAgICAgICAgdmFyKC0tX3NiYi1zdGF0dXMtdGl0bGUtZm9udC1zaXplLCB2YXIoLS1zYmItc3RhdHVzLWZvbnQtc2l6ZSkpICpcbiAgICAgICAgICAgICAgdmFyKC0tX3NiYi1zdGF0dXMtdGl0bGUtbGluZS1oZWlnaHQsIHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpKVxuICAgICAgICAgICkgLSB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKVxuICAgICAgKSAvXG4gICAgICAyXG4gICk7XG59XG5cbi5zYmItc3RhdHVzX19jb250ZW50LXNsb3Qge1xuICAvLyBSZXNldCBwYXJhZ3JhcGggc3R5bGVzXG4gIGRpc3BsYXk6IGlubGluZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG46OnNsb3R0ZWQoc2JiLXRpdGxlKSB7XG4gIG1hcmdpbi1ibG9jazogMDtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzLCBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vaWNvbi5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVFbGVtZW50IH0gZnJvbSAnLi4vdGl0bGUucHVyZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0YXR1cy5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYlN0YXR1c1R5cGUgPVxuICB8ICdpbmZvJ1xuICB8ICdzdWNjZXNzJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdlcnJvcidcbiAgfCAncGVuZGluZydcbiAgfCAnaW5jb21wbGV0ZSdcbiAgfCAnbm90LXN0YXJ0ZWQnXG4gIHwgJ2luLXByb2dyZXNzJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhIG1lc3NhZ2UgdG8gdGhlIHVzZXIncyBhdHRlbnRpb24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW4gb3B0aW9uYWwgYHNiYi10aXRsZWAgYW5kIGNvbnRlbnQgdG8gdGhlIHN0YXR1cyBtZXNzYWdlLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgc3RhdHVzIGljb24uXG4gKiBAc2xvdCB0aXRsZSAtIFNsb3QgZm9yIHRoZSB0aXRsZS4gRm9yIHRoZSBzdGFuZGFyZCBgc2JiLXRpdGxlYCBlbGVtZW50LCB0aGUgc2xvdCBpcyBhdXRvbWF0aWNhbGx5IGFzc2lnbmVkIHdoZW4gc2xvdHRlZCBpbiB0aGUgdW5uYW1lZCBzbG90LlxuICogQGNzc3Byb3AgWy0tc2JiLXN0YXR1cy1jb2xvcj12YXIoLS1zYmItY29sb3ItaXJvbildIC0gU3BlY2lmeSBhIGN1c3RvbSBjb2xvcixcbiAqIHdoaWNoIHdpbGwgb3ZlcnJpZGUgdGhlIHByZWRlZmluZWQgY29sb3IgZm9yIGFueSB0eXBlLlxuICogQGNzc3Byb3AgWy0tc2JiLXN0YXR1cy10ZXh0LWNvbG9yPXZhcigtLXNiYi1zdGF0dXMtY29sb3IpXSAtIFNwZWNpZnkgYSBjdXN0b20gdGV4dCBjb2xvcixcbiAqIHdoaWNoIHdpbGwgb3ZlcnJpZGUgdGhlIHByZWRlZmluZWQgY29sb3IgZm9yIGFueSB0eXBlLiBPbmx5IHZhbGlkIGZvciBhIHN0YXR1cyB3aXRob3V0IGEgdGl0bGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTdGF0dXNFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc3RhdHVzJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfc3RhdHVzVHlwZXM6IE1hcDxTYmJTdGF0dXNUeXBlLCBzdHJpbmc+ID0gbmV3IE1hcChbXG4gICAgWydpbmZvJywgJ2NpcmNsZS1pbmZvcm1hdGlvbi1zbWFsbCddLFxuICAgIFsnc3VjY2VzcycsICdjaXJjbGUtdGljay1zbWFsbCddLFxuICAgIFsnd2FybmluZycsICdjaXJjbGUtZXhjbGFtYXRpb24tcG9pbnQtc21hbGwnXSxcbiAgICBbJ2Vycm9yJywgJ2NpcmNsZS1jcm9zcy1zbWFsbCddLFxuICAgIFsncGVuZGluZycsICdjaXJjbGUtdGhyZWUtZG90cy1zbWFsbCddLFxuICAgIFsnaW5jb21wbGV0ZScsICdjaXJjbGUtZG90dGVkLXBhcnQteC1zbWFsbCddLFxuICAgIFsnbm90LXN0YXJ0ZWQnLCAnY2lyY2xlLWRvdHRlZC1zbWFsbCddLFxuICAgIFsnaW4tcHJvZ3Jlc3MnLCAnY2lyY2xlLWRvdHRlZC1wYXJ0LXNtYWxsJ10sXG4gIF0pO1xuXG4gIC8qKiBUaGUgdHlwZSBvZiB0aGUgc3RhdHVzLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB0eXBlOiBTYmJTdGF0dXNUeXBlID0gJ2luZm8nO1xuXG4gIHByaXZhdGUgX2hhbmRsZVNsb3RjaGFuZ2UoKTogdm9pZCB7XG4gICAgY29uc3QgdGl0bGUgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItdGl0bGUnKTtcbiAgICBpZiAodGl0bGUpIHtcbiAgICAgIHRpdGxlLnNsb3QgPSAndGl0bGUnO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2NvbmZpZ3VyZVRpdGxlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRpdGxlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAuYXNzaWduZWRFbGVtZW50cygpXG4gICAgICAuZmluZCgoZSk6IGUgaXMgU2JiVGl0bGVFbGVtZW50ID0+IGUubG9jYWxOYW1lID09PSAnc2JiLXRpdGxlJyk7XG4gICAgaWYgKHRpdGxlKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHRpdGxlKTtcbiAgICAgIHRpdGxlLnZpc3VhbExldmVsID0gJzUnO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJJY29uTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBzdXBlci5yZW5kZXJJY29uTmFtZSgpIHx8IHRoaXMuX3N0YXR1c1R5cGVzLmdldCh0aGlzLnR5cGUpITtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RhdHVzX19pY29uXCI+ICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfSA8L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zdGF0dXNfX2NvbnRlbnRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVUaXRsZX0+PC9zbG90PlxuICAgICAgICA8cCBjbGFzcz1cInNiYi1zdGF0dXNfX2NvbnRlbnQtc2xvdFwiIEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3A+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0YXR1cyc6IFNiYlN0YXR1c0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUM4QmEsMEJBQWdCO21CQUFTLGlCQUFpQixXQUFXOzs7O2NBQXJELHlCQUF5QixZQUE0Qjs7O3VCQWdCL0QsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxVQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxvQkFBQSx3QkFBQTs7Ozs7Ozs7O0FBZmpCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsZUFBTSxDQUFDOztFQWN0RDs7RUFBQSxJQUFnQixPQUFJO0FBQUEsVUFBQSxNQUFBOztFQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSxTQUFBLHdCQUFBOztFQUV6QyxvQkFBaUI7R0FDdkIsTUFBTSxRQUFRLE1BQU0sS0FBSyxLQUFLLFNBQVMsQ0FBQyxNQUFNLE9BQU8sR0FBRyxjQUFjLFlBQVk7QUFDbEYsT0FBSSxNQUNGLE9BQU0sT0FBTzs7RUFJVCxnQkFBZ0IsT0FBWTtHQUNsQyxNQUFNLFFBQVMsTUFBTSxPQUNsQixrQkFBa0IsQ0FDbEIsTUFBTSxNQUE0QixFQUFFLGNBQWMsWUFBWTtBQUNqRSxPQUFJLE9BQU87QUFDVCxtQkFBZSxRQUFRLE1BQU07QUFDN0IsVUFBTSxjQUFjOzs7RUFJTCxpQkFBYztBQUMvQixVQUFPLE1BQU0sZ0JBQWdCLElBQUksS0FBSyxhQUFhLElBQUksS0FBSyxLQUFNOztFQUdqRCxTQUFNO0FBQ3ZCLFVBQU8sSUFBSTt3Q0FDeUIsS0FBSyxnQkFBZ0IsQ0FBQTs7eUNBRXBCLEtBQUssZ0JBQWU7MERBQ0gsS0FBSyxrQkFBaUI7Ozs7Ozs7O0FBeEM3RCxRQUFBLGVBQTJDLElBQUksSUFBSTtJQUNsRSxDQUFDLFFBQVEsMkJBQTJCO0lBQ3BDLENBQUMsV0FBVyxvQkFBb0I7SUFDaEMsQ0FBQyxXQUFXLGlDQUFpQztJQUM3QyxDQUFDLFNBQVMscUJBQXFCO0lBQy9CLENBQUMsV0FBVywwQkFBMEI7SUFDdEMsQ0FBQyxjQUFjLDZCQUE2QjtJQUM1QyxDQUFDLGVBQWUsc0JBQXNCO0lBQ3RDLENBQUMsZUFBZSwyQkFBQTtJQUNqQixDQUFDO0FBRzJDLFNBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBc0IsT0FBTSJ9

package/development/status.js

@@ -1,4 +1,4 @@
-import { t as SbbStatusElement } from "./status.component-p-egQ_U4.js";
+import { t as SbbStatusElement } from "./status.component-BtJ8ri61.js";
 import "./status.pure.js";
 //#region src/elements/status.ts
 /** @entrypoint */

package/development/status.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbStatusElement } from "./status.component-p-egQ_U4.js";
+import { t as SbbStatusElement } from "./status.component-BtJ8ri61.js";
 export { SbbStatusElement };