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

package/development/toggle-check.component-LYr7DJj1.js

@@ -0,0 +1,156 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, SbbFormAssociatedCheckboxMixin, boxSizingStyles, isLean } from "./core.js";
+import { SbbIconNameMixin } from "./icon.pure.js";
+//#region src/elements/toggle-check/toggle-check.scss?inline
+var toggle_check_default = "@charset \"UTF-8\";\n:host {\n  --sbb-toggle-check-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-6x)\n  );\n  --_sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);\n  --_sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));\n  display: inline-block;\n  outline: none !important;\n}\n\n:host([size=xs]) {\n  --sbb-toggle-check-font-size: var(--sbb-text-font-size-xs);\n}\n\n:host([size=s]) {\n  --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);\n}\n\n:host([size=m]) {\n  --sbb-toggle-check-font-size: var(--sbb-text-font-size-m);\n  --_sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-text));\n}\n\n:host(:is(:state(checked),[state--checked])) {\n  --sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);\n  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-1-negative-inverted);\n  --sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);\n  --_sbb-toggle-check-circle-translate: calc(\n      100% - 2 * (100% - 0.5 * var(--_sbb-toggle-check-width))\n    ) -50%;\n  --_sbb-toggle-check-icon-opacity: 1;\n}\n@media (forced-colors: active) {\n  :host(:is(:state(checked),[state--checked])) {\n    --sbb-toggle-check-icon-color: Highlight;\n    --sbb-toggle-check-background-color: Highlight;\n  }\n}\n\n:host(:disabled) {\n  --sbb-toggle-check-background-color: var(--sbb-background-color-4);\n  --sbb-toggle-check-circle-background-color: var(--sbb-background-color-3);\n  --sbb-toggle-check-circle-border-color: var(--sbb-border-color-5);\n  --sbb-toggle-check-circle-border-style: dashed;\n  --sbb-toggle-check-icon-color: var(--sbb-color-granite);\n  --sbb-toggle-check-icon-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm));\n  --sbb-toggle-check-cursor: var(--sbb-cursor-default);\n}\n@media (forced-colors: active) {\n  :host(:disabled) {\n    --sbb-toggle-check-icon-color: GrayText;\n    --sbb-toggle-check-background-color: GrayText;\n    --sbb-toggle-check-circle-border-style: solid;\n  }\n}\n\n:host([label-position=before]) {\n  --_sbb-toggle-check-flex-direction: row;\n}\n\n.sbb-toggle-check {\n  position: relative;\n  display: flex;\n  color: var(--sbb-toggle-check-color);\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  cursor: var(--sbb-toggle-check-cursor);\n  border-radius: calc(var(--sbb-toggle-check-border-radius) - var(--sbb-focus-outline-offset));\n}\n.sbb-toggle-check::before {\n  content: \"​\";\n  user-select: none;\n  width: 0;\n  height: 0;\n}\n:host(:focus-visible) .sbb-toggle-check {\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}\n\n.sbb-toggle-check__container {\n  display: flex;\n  flex-direction: var(--_sbb-toggle-check-flex-direction, row-reverse);\n  gap: var(--sbb-toggle-check-gap);\n  align-items: start;\n  width: 100%;\n  font-size: var(--sbb-toggle-check-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  line-height: var(--sbb-typo-line-height-text);\n}\n\n.sbb-toggle-check__label {\n  flex-grow: 1;\n  padding-block-start: calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2);\n}\n:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label {\n  display: none;\n}\n\n.sbb-toggle-check__track {\n  display: inline-block;\n  position: relative;\n  min-width: var(--_sbb-toggle-check-width);\n  height: var(--sbb-toggle-check-height);\n  border-radius: var(--sbb-border-radius-infinity);\n  background-color: var(--sbb-toggle-check-background-color);\n  margin-block: calc((var(--_sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2);\n}\n\n.sbb-toggle-check__circle {\n  position: absolute;\n  top: 50%;\n  translate: 0 -50%;\n  width: var(--sbb-toggle-check-circle-diameter);\n  height: var(--sbb-toggle-check-circle-diameter);\n  border: var(--sbb-toggle-check-border-width) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);\n  border-radius: 50%;\n  background-color: var(--sbb-toggle-check-circle-background-color);\n  color: var(--sbb-toggle-check-icon-color);\n  will-change: translate;\n  translate: var(--_sbb-toggle-check-circle-translate, 0 -50%);\n  transition: translate ease var(--sbb-toggle-check-animation-duration);\n  box-shadow: var(--sbb-toggle-check-shadow);\n}\n\n.sbb-toggle-check__icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  translate: -50% -50%;\n  width: var(--sbb-size-icon-ui-small);\n  height: var(--sbb-size-icon-ui-small);\n  opacity: var(--_sbb-toggle-check-icon-opacity, 0);\n  transition: opacity ease var(--sbb-toggle-check-animation-duration);\n}";
+//#endregion
+//#region src/elements/toggle-check/toggle-check.component.ts
+/**
+* It displays a toggle checkbox.
+*
+* @slot - Use the unnamed slot to add content to the toggle label.
+* @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
+* @event {Event} change - 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.
+* @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
+* @overrideType value - (T = string) | null
+*/
+var SbbToggleCheckElement = (() => {
+	let _classSuper = SbbIconNameMixin(SbbFormAssociatedCheckboxMixin(SbbElement));
+	let _value_decorators;
+	let _value_initializers = [];
+	let _value_extraInitializers = [];
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	let _labelPosition_decorators;
+	let _labelPosition_initializers = [];
+	let _labelPosition_extraInitializers = [];
+	return class SbbToggleCheckElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_value_decorators = [property()];
+			_size_decorators = [property({ reflect: true })];
+			_labelPosition_decorators = [property({
+				attribute: "label-position",
+				reflect: true
+			})];
+			__esDecorate(this, null, _value_decorators, {
+				kind: "accessor",
+				name: "value",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "value" in obj,
+					get: (obj) => obj.value,
+					set: (obj, value) => {
+						obj.value = value;
+					}
+				},
+				metadata: _metadata
+			}, _value_initializers, _value_extraInitializers);
+			__esDecorate(this, null, _size_decorators, {
+				kind: "accessor",
+				name: "size",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "size" in obj,
+					get: (obj) => obj.size,
+					set: (obj, value) => {
+						obj.size = value;
+					}
+				},
+				metadata: _metadata
+			}, _size_initializers, _size_extraInitializers);
+			__esDecorate(this, null, _labelPosition_decorators, {
+				kind: "accessor",
+				name: "labelPosition",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "labelPosition" in obj,
+					get: (obj) => obj.labelPosition,
+					set: (obj, value) => {
+						obj.labelPosition = value;
+					}
+				},
+				metadata: _metadata
+			}, _labelPosition_initializers, _labelPosition_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-toggle-check";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(toggle_check_default)];
+		}
+		#value_accessor_storage = __runInitializers(this, _value_initializers, null);
+		/** Value of the form element. */
+		get value() {
+			return this.#value_accessor_storage;
+		}
+		set value(value) {
+			this.#value_accessor_storage = value;
+		}
+		#size_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "s"));
+		/**
+		* Size variant, either m, s or xs.
+		* @default 's' / 'xs' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		#labelPosition_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _labelPosition_initializers, "after"));
+		/** The label position relative to the toggle. Defaults to 'after' */
+		get labelPosition() {
+			return this.#labelPosition_accessor_storage;
+		}
+		set labelPosition(value) {
+			this.#labelPosition_accessor_storage = value;
+		}
+		requestUpdate(name, oldValue, options) {
+			super.requestUpdate(name, oldValue, options);
+			if (name === "checked") {
+				this.internals.ariaChecked = `${this.checked}`;
+				this.toggleState("checked", this.checked);
+			}
+		}
+		renderIconName() {
+			return super.renderIconName() || "tick-small";
+		}
+		render() {
+			return html`
+      <span class="sbb-toggle-check">
+        <span class="sbb-toggle-check__container">
+          <span class="sbb-toggle-check__label">
+            <slot></slot>
+          </span>
+          <span class="sbb-toggle-check__track">
+            <span class="sbb-toggle-check__circle">
+              <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
+            </span>
+          </span>
+        </span>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _labelPosition_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbToggleCheckElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWNoZWNrLmNvbXBvbmVudC1MWXI3REpqMS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9nZ2xlLWNoZWNrL3RvZ2dsZS1jaGVjay5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2dnbGUtY2hlY2svdG9nZ2xlLWNoZWNrLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTZ4KVxuICApO1xuICAtLV9zYmItdG9nZ2xlLWNoZWNrLW92ZXJhbGwtaGVpZ2h0OiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1kaWFtZXRlcik7XG4gIC0tX3NiYi10b2dnbGUtY2hlY2std2lkdGg6IGNhbGMoMiAqIHZhcigtLXNiYi10b2dnbGUtY2hlY2staGVpZ2h0KSk7XG5cbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gIC8vIFVzZSAhaW1wb3J0YW50IGhlcmUgdG8gbm90IGludGVyZmVyZSB3aXRoIEZpcmVmb3ggZm9jdXMgcmluZyBkZWZpbml0aW9uXG4gIC8vIHdoaWNoIGFwcGVhcnMgaW4gbm9ybWFsaXplIENTUyBvZiBzZXZlcmFsIGZyYW1ld29ya3MuXG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOmhvc3QoW3NpemU9J3hzJ10pIHtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXhzKTtcbn1cblxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi10b2dnbGUtY2hlY2stZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUtcyk7XG59XG5cbjpob3N0KFtzaXplPSdtJ10pIHtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLW0pO1xuICAtLV9zYmItdG9nZ2xlLWNoZWNrLW92ZXJhbGwtaGVpZ2h0OiBjYWxjKDFlbSAqIHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpKTtcbn1cblxuOmhvc3QoOnN0YXRlKGNoZWNrZWQpKSB7XG4gIC0tc2JiLXRvZ2dsZS1jaGVjay1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWNoZWNrZWQtY29sb3IpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTEtbmVnYXRpdmUtaW52ZXJ0ZWQpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICAvLyBBcyB0aGUgY2lyY2xlIGlzIGdyZWF0ZXIgdGhhbiB0aGUgdHJhY2sgYmVsb3csXG4gIC8vIHdlIGhhdmUgdG8gc3VidHJhY3QgdGhlIGRpZmZlcmVuY2UgaW4gb3JkZXIgdG8gbm90IG92ZXJzaG9vdCBhdCB0aGUgcmlnaHQgc2lkZS5cbiAgLy8gMTAwJSBvZiBjaXJjbGUgKDI4cHgpIC0gMiAqICgxMDAlICgyOHB4KSAtIDAuNSAqIHdpZHRoICg0OHB4KSkgPT4gMjBweFxuICAtLV9zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS10cmFuc2xhdGU6IGNhbGMoXG4gICAgICAxMDAlIC0gMiAqICgxMDAlIC0gMC41ICogdmFyKC0tX3NiYi10b2dnbGUtY2hlY2std2lkdGgpKVxuICAgICkgLTUwJTtcbiAgLS1fc2JiLXRvZ2dsZS1jaGVjay1pY29uLW9wYWNpdHk6IDE7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXRvZ2dsZS1jaGVjay1pY29uLWNvbG9yOiBIaWdobGlnaHQ7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG46aG9zdCg6ZGlzYWJsZWQpIHtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTQpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xuICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLWJvcmRlci1jb2xvci01KTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1ib3JkZXItc3R5bGU6IGRhc2hlZDtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpLCB2YXIoLS1zYmItY29sb3Itc3Rvcm0pKTtcbiAgLS1zYmItdG9nZ2xlLWNoZWNrLWN1cnNvcjogdmFyKC0tc2JiLWN1cnNvci1kZWZhdWx0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3I6IEdyYXlUZXh0O1xuICAgIC0tc2JiLXRvZ2dsZS1jaGVjay1iYWNrZ3JvdW5kLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1zdHlsZTogc29saWQ7XG4gIH1cbn1cblxuOmhvc3QoW2xhYmVsLXBvc2l0aW9uPSdiZWZvcmUnXSkge1xuICAtLV9zYmItdG9nZ2xlLWNoZWNrLWZsZXgtZGlyZWN0aW9uOiByb3c7XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jb2xvcik7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjdXJzb3I6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY3Vyc29yKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWJvcmRlci1yYWRpdXMpIC0gdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KSk7XG5cbiAgLy8gQXZvaWRzIHVud2FudGVkIHNwYWNlIGRpc3BsYXllZCBpZiBubyBsYWJlbCB0ZXh0IGlzIHNldC5cbiAgQGluY2x1ZGUgc2JiLnplcm8td2lkdGgtc3BhY2U7XG5cbiAgOmhvc3QoOmZvY3VzLXZpc2libGUpICYge1xuICAgIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuICB9XG59XG5cbi5zYmItdG9nZ2xlLWNoZWNrX19jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogdmFyKC0tX3NiYi10b2dnbGUtY2hlY2stZmxleC1kaXJlY3Rpb24sIHJvdy1yZXZlcnNlKTtcbiAgZ2FwOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWdhcCk7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgd2lkdGg6IDEwMCU7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KTtcbn1cblxuLnNiYi10b2dnbGUtY2hlY2tfX2xhYmVsIHtcbiAgZmxleC1ncm93OiAxO1xuICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiBjYWxjKFxuICAgICh2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS1kaWFtZXRlcikgLSAodmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgKiAxZW0pKSAvIDJcbiAgKTtcblxuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi10b2dnbGUtY2hlY2tfX3RyYWNrIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi13aWR0aDogdmFyKC0tX3NiYi10b2dnbGUtY2hlY2std2lkdGgpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtY2hlY2staGVpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWJhY2tncm91bmQtY29sb3IpO1xuXG4gIC8vIFJlc2VydmUgc3BhY2Ugb2Ygb3ZlcmxhcHBpbmcgY2lyY2xlXG4gIG1hcmdpbi1ibG9jazogY2FsYyhcbiAgICAodmFyKC0tX3NiYi10b2dnbGUtY2hlY2stb3ZlcmFsbC1oZWlnaHQpIC0gdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1oZWlnaHQpKSAvIDJcbiAgKTtcbn1cblxuLnNiYi10b2dnbGUtY2hlY2tfX2NpcmNsZSB7XG4gIEBpbmNsdWRlIHNiYi5hYnNvbHV0ZS1jZW50ZXIteTtcblxuICB3aWR0aDogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtZGlhbWV0ZXIpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWRpYW1ldGVyKTtcbiAgYm9yZGVyOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWJvcmRlci13aWR0aCkgdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYm9yZGVyLXN0eWxlKVxuICAgIHZhcigtLXNiYi10b2dnbGUtY2hlY2stY2lyY2xlLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1jaXJjbGUtYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1zYmItdG9nZ2xlLWNoZWNrLWljb24tY29sb3IpO1xuICB3aWxsLWNoYW5nZTogdHJhbnNsYXRlO1xuICB0cmFuc2xhdGU6IHZhcigtLV9zYmItdG9nZ2xlLWNoZWNrLWNpcmNsZS10cmFuc2xhdGUsIDAgLTUwJSk7XG4gIHRyYW5zaXRpb246IHRyYW5zbGF0ZSBlYXNlIHZhcigtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uKTtcbiAgYm94LXNoYWRvdzogdmFyKC0tc2JiLXRvZ2dsZS1jaGVjay1zaGFkb3cpO1xufVxuXG4uc2JiLXRvZ2dsZS1jaGVja19faWNvbiB7XG4gIEBpbmNsdWRlIHNiYi5hYnNvbHV0ZS1jZW50ZXIteC15O1xuXG4gIHdpZHRoOiB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKTtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKTtcbiAgb3BhY2l0eTogdmFyKC0tX3NiYi10b2dnbGUtY2hlY2staWNvbi1vcGFjaXR5LCAwKTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSBlYXNlIHZhcigtLXNiYi10b2dnbGUtY2hlY2stYW5pbWF0aW9uLWR1cmF0aW9uKTtcbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIHR5cGUgUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcywgaXNMZWFuLCBTYmJFbGVtZW50LCBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4gfSBmcm9tICcuLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi9pY29uLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90b2dnbGUtY2hlY2suc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdG9nZ2xlIGNoZWNrYm94LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIHRvZ2dsZSBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBldmVudCB7RXZlbnR9IGNoYW5nZSAtIFRoZSBjaGFuZ2UgZXZlbnQgaXMgZmlyZWQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqIEBvdmVycmlkZVR5cGUgdmFsdWUgLSAoVCA9IHN0cmluZykgfCBudWxsXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUb2dnbGVDaGVja0VsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4oU2JiRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10b2dnbGUtY2hlY2snO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcblxuICAvKiogVmFsdWUgb2YgdGhlIGZvcm0gZWxlbWVudC4gKi9cbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHZhbHVlOiBUIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIG0sIHMgb3IgeHMuXG4gICAqIEBkZWZhdWx0ICdzJyAvICd4cycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAneHMnIHwgJ3MnIHwgJ20nID0gaXNMZWFuKCkgPyAneHMnIDogJ3MnO1xuXG4gIC8qKiBUaGUgbGFiZWwgcG9zaXRpb24gcmVsYXRpdmUgdG8gdGhlIHRvZ2dsZS4gRGVmYXVsdHMgdG8gJ2FmdGVyJyAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdsYWJlbC1wb3NpdGlvbicsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnIHwgJ2FmdGVyJyA9ICdhZnRlcic7XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG4gICAgaWYgKG5hbWUgPT09ICdjaGVja2VkJykge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNoZWNrZWQgPSBgJHt0aGlzLmNoZWNrZWR9YDtcbiAgICAgIC8vIEFzIFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbiBkb2VzIG5vdCByZWZsZWN0IGNoZWNrZWQgcHJvcGVydHksIHdlIGFkZCBhIGNoZWNrZWQgc3RhdGUuXG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdjaGVja2VkJywgdGhpcy5jaGVja2VkKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvbk5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvbk5hbWUoKSB8fCAndGljay1zbWFsbCc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX2NvbnRhaW5lclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja19fbGFiZWxcIj5cbiAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX190cmFja1wiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19jaXJjbGVcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19pY29uXCI+ICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfSA8L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRvZ2dsZS1jaGVj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

package/development/toggle-check.js

@@ -1,4 +1,4 @@
-import { t as SbbToggleCheckElement } from "./toggle-check.component-CuODx4cx.js";
+import { t as SbbToggleCheckElement } from "./toggle-check.component-LYr7DJj1.js";
 import "./toggle-check.pure.js";
 //#region src/elements/toggle-check.ts
 /** @entrypoint */

package/development/toggle-check.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbToggleCheckElement } from "./toggle-check.component-CuODx4cx.js";
+import { t as SbbToggleCheckElement } from "./toggle-check.component-LYr7DJj1.js";
 export { SbbToggleCheckElement };

package/development/toggle-option.component-DRAJ11fp.js

@@ -0,0 +1,164 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbDisabledMixin, SbbElement, boxSizingStyles, forceType } from "./core.js";
+import { SbbIconNameMixin } from "./icon.pure.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+//#region src/elements/toggle/toggle-option/toggle-option.scss?inline
+var toggle_option_default = ":host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: var(--sbb-toggle-option-gap);\n  height: var(--sbb-toggle-height);\n  padding-inline: var(--sbb-toggle-padding-inline);\n  color: var(--sbb-toggle-option-color);\n  cursor: var(--sbb-toggle-option-cursor, var(--sbb-cursor-pointer));\n  overflow: hidden;\n  font-size: var(--sbb-toggle-option-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-weight: bold;\n  outline: none !important;\n}\n\n:host([checked]) {\n  --sbb-toggle-option-color: var(--sbb-color-2);\n}\n\n:host([disabled]) {\n  --sbb-toggle-option-cursor: unset;\n  --sbb-toggle-option-color: var(--sbb-color-anthracite);\n  --sbb-toggle-option-color: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));\n}\n\n.sbb-toggle-option__label {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\nsbb-icon,\n::slotted(sbb-icon) {\n  min-width: var(--sbb-toggle-option-icon-min-size);\n  min-height: var(--sbb-toggle-option-icon-min-size);\n}";
+//#endregion
+//#region src/elements/toggle/toggle-option/toggle-option.component.ts
+/**
+* It displays a toggle option within a `sbb-toggle`.
+*
+* @slot - Use the unnamed slot to add content to the label of the toggle option.
+* @slot icon - Slot used to render the `sbb-icon`.
+* @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
+* @overrideType value - (T = string) | null
+*/
+var SbbToggleOptionElement = (() => {
+	let _classSuper = SbbDisabledMixin(SbbIconNameMixin(SbbElement));
+	let _checked_decorators;
+	let _checked_initializers = [];
+	let _checked_extraInitializers = [];
+	let _value_decorators;
+	let _value_initializers = [];
+	let _value_extraInitializers = [];
+	return class SbbToggleOptionElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_checked_decorators = [forceType(), property({
+				reflect: true,
+				type: Boolean
+			})];
+			_value_decorators = [property()];
+			__esDecorate(this, null, _checked_decorators, {
+				kind: "accessor",
+				name: "checked",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "checked" in obj,
+					get: (obj) => obj.checked,
+					set: (obj, value) => {
+						obj.checked = value;
+					}
+				},
+				metadata: _metadata
+			}, _checked_initializers, _checked_extraInitializers);
+			__esDecorate(this, null, _value_decorators, {
+				kind: "accessor",
+				name: "value",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "value" in obj,
+					get: (obj) => obj.value,
+					set: (obj, value) => {
+						obj.value = value;
+					}
+				},
+				metadata: _metadata
+			}, _value_initializers, _value_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-toggle-option";
+		}
+		static {
+			this.role = "radio";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(toggle_option_default)];
+		}
+		#checked_accessor_storage;
+		/** Whether the toggle-option is checked. */
+		get checked() {
+			return this.#checked_accessor_storage;
+		}
+		set checked(value) {
+			this.#checked_accessor_storage = value;
+		}
+		#value_accessor_storage;
+		/** Value of toggle-option. */
+		get value() {
+			return this.#value_accessor_storage;
+		}
+		set value(value) {
+			this.#value_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			this.#checked_accessor_storage = __runInitializers(this, _checked_initializers, false);
+			this.#value_accessor_storage = (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _value_initializers, null));
+			this._toggle = (__runInitializers(this, _value_extraInitializers), null);
+			this.addEventListener?.("input", () => this._handleInput());
+			this.addEventListener?.("click", () => {
+				if (!this.disabled && !this.checked) this.dispatchEvent(new InputEvent("input", {
+					bubbles: true,
+					composed: true
+				}));
+			});
+			this.addController(new ResizeController(this, {
+				skipInitial: true,
+				callback: () => this._toggle?.updatePillPosition?.(true)
+			}));
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this._toggle = this.closest?.("sbb-toggle") ?? null;
+			this._verifyTabindex();
+			this._toggle?.updatePillPosition?.(true);
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			this._toggle = null;
+		}
+		firstUpdated(changedProperties) {
+			super.firstUpdated(changedProperties);
+			this._toggle?.updatePillPosition?.(true);
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("checked")) {
+				this.internals.ariaChecked = `${this.checked}`;
+				this._verifyTabindex();
+				if (this.checked) this._uncheckOtherOptions();
+			}
+			if (changedProperties.has("disabled")) this._handleDisabledChange();
+		}
+		_uncheckOtherOptions() {
+			this._toggle?.options.filter((o) => o !== this).forEach((o) => o.checked = false);
+			this._toggle?.statusChanged();
+		}
+		_handleDisabledChange() {
+			this.internals.ariaDisabled = this.disabled ? "true" : null;
+			this._verifyTabindex();
+		}
+		_handleInput() {
+			if (this.disabled) return;
+			this.checked = true;
+			this._uncheckOtherOptions();
+		}
+		_verifyTabindex() {
+			this.tabIndex = this.checked && !this.disabled ? 0 : -1;
+		}
+		render() {
+			return html`
+      ${this.renderIconSlot()}
+      <span class="sbb-toggle-option__label">
+        <slot></slot>
+      </span>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbToggleOptionElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLW9wdGlvbi5jb21wb25lbnQtRFJBSjExZnAuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RvZ2dsZS90b2dnbGUtb3B0aW9uL3RvZ2dsZS1vcHRpb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9nZ2xlL3RvZ2dsZS1vcHRpb24vdG9nZ2xlLW9wdGlvbi5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zYmItdG9nZ2xlLW9wdGlvbi1nYXApO1xuICBoZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtaGVpZ2h0KTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi10b2dnbGUtcGFkZGluZy1pbmxpbmUpO1xuICBjb2xvcjogdmFyKC0tc2JiLXRvZ2dsZS1vcHRpb24tY29sb3IpO1xuICBjdXJzb3I6IHZhcigtLXNiYi10b2dnbGUtb3B0aW9uLWN1cnNvciwgdmFyKC0tc2JiLWN1cnNvci1wb2ludGVyKSk7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRvZ2dsZS1vcHRpb24tZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICBmb250LXdlaWdodDogYm9sZDtcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG59XG5cbjpob3N0KFtjaGVja2VkXSkge1xuICAtLXNiYi10b2dnbGUtb3B0aW9uLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMik7XG59XG5cbjpob3N0KFtkaXNhYmxlZF0pIHtcbiAgLS1zYmItdG9nZ2xlLW9wdGlvbi1jdXJzb3I6IHVuc2V0O1xuICAtLXNiYi10b2dnbGUtb3B0aW9uLWNvbG9yOiBsaWdodC1kYXJrKHZhcigtLXNiYi1jb2xvci1hbnRocmFjaXRlKSwgdmFyKC0tc2JiLWNvbG9yLWNsb3VkKSk7XG59XG5cbi5zYmItdG9nZ2xlLW9wdGlvbl9fbGFiZWwge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG59XG5cbnNiYi1pY29uLFxuOjpzbG90dGVkKHNiYi1pY29uKSB7XG4gIG1pbi13aWR0aDogdmFyKC0tc2JiLXRvZ2dsZS1vcHRpb24taWNvbi1taW4tc2l6ZSk7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi10b2dnbGUtb3B0aW9uLWljb24tbWluLXNpemUpO1xufVxuIiwiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcywgZm9yY2VUeXBlLCBTYmJEaXNhYmxlZE1peGluLCBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVG9nZ2xlRWxlbWVudCB9IGZyb20gJy4uL3RvZ2dsZS90b2dnbGUuY29tcG9uZW50LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdG9nZ2xlLW9wdGlvbi5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0b2dnbGUgb3B0aW9uIHdpdGhpbiBhIGBzYmItdG9nZ2xlYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBsYWJlbCBvZiB0aGUgdG9nZ2xlIG9wdGlvbi5cbiAqIEBzbG90IGljb24gLSBTbG90IHVzZWQgdG8gcmVuZGVyIHRoZSBgc2JiLWljb25gLlxuICogQGV2ZW50IHtJbnB1dEV2ZW50fSBpbnB1dCAtIFRoZSBpbnB1dCBldmVudCBmaXJlcyB3aGVuIHRoZSB2YWx1ZSBoYXMgYmVlbiBjaGFuZ2VkIGFzIGEgZGlyZWN0IHJlc3VsdCBvZiBhIHVzZXIgYWN0aW9uLlxuICogQG92ZXJyaWRlVHlwZSB2YWx1ZSAtIChUID0gc3RyaW5nKSB8IG51bGxcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRvZ2dsZU9wdGlvbkVsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFxuICBTYmJJY29uTmFtZU1peGluKFNiYkVsZW1lbnQpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdG9nZ2xlLW9wdGlvbic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICdyYWRpbyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB0b2dnbGUtb3B0aW9uIGlzIGNoZWNrZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBjaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIFZhbHVlIG9mIHRvZ2dsZS1vcHRpb24uICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciB2YWx1ZTogVCB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX3RvZ2dsZTogU2JiVG9nZ2xlRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIC8vIFdlIG5lZWQgdG8gbGlzdGVuIGlucHV0IGV2ZW50IG9uIGhvc3QgYXMgd2l0aCBrZXlib2FyZCBuYXZpZ2F0aW9uXG4gICAgLy8gdGhlIElucHV0IEV2ZW50IGlzIHRyaWdnZXJlZCBmcm9tIHNiYi10b2dnbGUuXG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2lucHV0JywgKCkgPT4gdGhpcy5faGFuZGxlSW5wdXQoKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgaWYgKCF0aGlzLmRpc2FibGVkICYmICF0aGlzLmNoZWNrZWQpIHtcbiAgICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX3RvZ2dsZT8udXBkYXRlUGlsbFBvc2l0aW9uPy4odHJ1ZSksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICAvLyBXZSBjYW4gdXNlIGNsb3Nlc3QgaGVyZSwgYXMgd2UgZXhwZWN0IHRoZSBwYXJlbnQgc2JiLXRvZ2dsZSB0byBiZSBpbiBsaWdodCBET00uXG4gICAgdGhpcy5fdG9nZ2xlID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi10b2dnbGUnKSA/PyBudWxsO1xuICAgIHRoaXMuX3ZlcmlmeVRhYmluZGV4KCk7XG4gICAgdGhpcy5fdG9nZ2xlPy51cGRhdGVQaWxsUG9zaXRpb24/Lih0cnVlKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX3RvZ2dsZSA9IG51bGw7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl90b2dnbGU/LnVwZGF0ZVBpbGxQb3NpdGlvbj8uKHRydWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdjaGVja2VkJykpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDaGVja2VkID0gYCR7dGhpcy5jaGVja2VkfWA7XG4gICAgICB0aGlzLl92ZXJpZnlUYWJpbmRleCgpO1xuICAgICAgaWYgKHRoaXMuY2hlY2tlZCkge1xuICAgICAgICB0aGlzLl91bmNoZWNrT3RoZXJPcHRpb25zKCk7XG4gICAgICB9XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuX2hhbmRsZURpc2FibGVkQ2hhbmdlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfdW5jaGVja090aGVyT3B0aW9ucygpOiB2b2lkIHtcbiAgICB0aGlzLl90b2dnbGU/Lm9wdGlvbnMuZmlsdGVyKChvKSA9PiBvICE9PSB0aGlzKS5mb3JFYWNoKChvKSA9PiAoby5jaGVja2VkID0gZmFsc2UpKTtcbiAgICB0aGlzLl90b2dnbGU/LnN0YXR1c0NoYW5nZWQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZURpc2FibGVkQ2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFEaXNhYmxlZCA9IHRoaXMuZGlzYWJsZWQgPyAndHJ1ZScgOiBudWxsO1xuICAgIHRoaXMuX3ZlcmlmeVRhYmluZGV4KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVJbnB1dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xuICAgIHRoaXMuX3VuY2hlY2tPdGhlck9wdGlvbnMoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3ZlcmlmeVRhYmluZGV4KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSB0aGlzLmNoZWNrZWQgJiYgIXRoaXMuZGlzYWJsZWQgPyAwIDogLTE7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfVxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLW9wdGlvbl9fbGFiZWxcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10b2dnbGUtb3B0aW9uJzogU2JiVG9nZ2xlT3B0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7SUN3QmEsZ0NBQXNCO21CQUFxQixpQkFDdEQsaUJBQWlCLFdBQVcsQ0FDN0I7Ozs7Ozs7Y0FGWSwrQkFBMkMsWUFFdkQ7OzswQkFNRSxXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxNQUFNO0lBQVMsQ0FBQyxDQUFBO3dCQUkxQyxVQUFVLENBQUE7QUFIWCxnQkFBQSxNQUFBLE1BQUEscUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxhQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQU8sTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFQLFVBQU87O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx1QkFBQSwyQkFBQTtBQUl2QixnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTs7Ozs7Ozs7O0FBWFcsUUFBQSxjQUFzQjs7O0FBQ3RCLFFBQUEsT0FBTzs7O0FBQ2hCLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSxzQkFBTSxDQUFDOztFQUtuRjs7RUFBQSxJQUFnQixVQUFPO0FBQUEsVUFBQSxNQUFBOztFQUF2QixJQUFnQixRQUFPLE9BQUE7QUFBQSxTQUFBLDJCQUFBOztFQUl2Qjs7RUFBQSxJQUFnQixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQUlyQixjQUFBO0FBQ0UsVUFBTztBQVRPLFNBQUEsMkJBQUEsa0JBQUEsTUFBQSx1QkFBbUIsTUFBSztBQUl4QixTQUFBLDBCQUFBLGtCQUFBLE1BQUEsMkJBQUEsRUFBQSxrQkFBQSxNQUFBLHFCQUFrQixLQUFJO0FBRTlCLFFBQUEsV0FBTyxrQkFBQSxNQUFBLHlCQUFBLEVBQTRCO0FBTXpDLFFBQUssbUJBQW1CLGVBQWUsS0FBSyxjQUFjLENBQUM7QUFDM0QsUUFBSyxtQkFBbUIsZUFBYztBQUNwQyxRQUFJLENBQUMsS0FBSyxZQUFZLENBQUMsS0FBSyxRQUMxQixNQUFLLGNBQWMsSUFBSSxXQUFXLFNBQVM7S0FBRSxTQUFTO0tBQU0sVUFBVTtLQUFNLENBQUMsQ0FBQztLQUVoRjtBQUVGLFFBQUssY0FDSCxJQUFJLGlCQUFpQixNQUFNO0lBQ3pCLGFBQWE7SUFDYixnQkFBZ0IsS0FBSyxTQUFTLHFCQUFxQixLQUFBO0lBQ3BELENBQUMsQ0FDSDs7RUFHYSxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFHekIsUUFBSyxVQUFVLEtBQUssVUFBVSxhQUFhLElBQUk7QUFDL0MsUUFBSyxpQkFBaUI7QUFDdEIsUUFBSyxTQUFTLHFCQUFxQixLQUFLOztFQUcxQix1QkFBb0I7QUFDbEMsU0FBTSxzQkFBc0I7QUFDNUIsUUFBSyxVQUFVOztFQUdFLGFBQWEsbUJBQXVDO0FBQ3JFLFNBQU0sYUFBYSxrQkFBa0I7QUFFckMsUUFBSyxTQUFTLHFCQUFxQixLQUFLOztFQUd2QixXQUFXLG1CQUF1QztBQUNuRSxTQUFNLFdBQVcsa0JBQWtCO0FBRW5DLE9BQUksa0JBQWtCLElBQUksVUFBVSxFQUFFO0FBQ3BDLFNBQUssVUFBVSxjQUFjLEdBQUcsS0FBSztBQUNyQyxTQUFLLGlCQUFpQjtBQUN0QixRQUFJLEtBQUssUUFDUCxNQUFLLHNCQUFzQjs7QUFHL0IsT0FBSSxrQkFBa0IsSUFBSSxXQUFXLENBQ25DLE1BQUssdUJBQXVCOztFQUl4Qix1QkFBb0I7QUFDMUIsUUFBSyxTQUFTLFFBQVEsUUFBUSxNQUFNLE1BQU0sS0FBSyxDQUFDLFNBQVMsTUFBTyxFQUFFLFVBQVUsTUFBTztBQUNuRixRQUFLLFNBQVMsZUFBZTs7RUFHdkIsd0JBQXFCO0FBQzNCLFFBQUssVUFBVSxlQUFlLEtBQUssV0FBVyxTQUFTO0FBQ3ZELFFBQUssaUJBQWlCOztFQUdoQixlQUFZO0FBQ2xCLE9BQUksS0FBSyxTQUNQO0FBRUYsUUFBSyxVQUFVO0FBQ2YsUUFBSyxzQkFBc0I7O0VBR3JCLGtCQUFlO0FBQ3JCLFFBQUssV0FBVyxLQUFLLFdBQVcsQ0FBQyxLQUFLLFdBQVcsSUFBSTs7RUFHcEMsU0FBTTtBQUN2QixVQUFPLElBQUk7UUFDUCxLQUFLLGdCQUFnQixDQUFBIn0=