@sbb-esta/lyne-elements-dev 4.11.0-dev.1776958539 → 4.11.0-dev.1777034128

package/development/file-selector/common/file-selector-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK9D,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAUlE,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAItB,MAAM,sBAAsB,CAAC;AAO9B,eAAO,MAAM,uBAAuB,yBAA2C,CAAC;;AAEhF,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0CAE3E;IACC,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAC;IACvD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,kBAAkB,EAAE,MAAM,CAAC;IAC3C,SAAgB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACxC,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC;IAC3C,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE;IAChD,SAAS,CAAC,UAAU,EAAE,+BAA+B,CAAC;IACtD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IACxE,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAC/C,SAAS,CAAC,cAAc,IAAI,MAAM;IAC3B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;CACjG;AAGD,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CA+UvD,CAAC"}
+{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK9D,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAUlE,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAItB,MAAM,sBAAsB,CAAC;AAO9B,eAAO,MAAM,uBAAuB,yBAA2C,CAAC;;AAEhF,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0CAE3E;IACC,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAC;IACvD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,kBAAkB,EAAE,MAAM,CAAC;IAC3C,SAAgB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACxC,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC;IAC3C,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE;IAChD,SAAS,CAAC,UAAU,EAAE,+BAA+B,CAAC;IACtD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IACxE,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAC/C,SAAS,CAAC,cAAc,IAAI,MAAM;IAC3B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;CACjG;AAGD,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CA6UvD,CAAC"}

package/development/file-selector/common/file-selector-common.js

@@ -1,2 +1,2 @@
-import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "../../file-selector-common-C82QR3zb.js";
+import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "../../file-selector-common-C7xIEiV4.js";
 export { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle };

package/development/file-selector/common.js

@@ -1,4 +1,4 @@
-import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "../file-selector-common-C82QR3zb.js";
+import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "../file-selector-common-C7xIEiV4.js";
 //#region src/elements/file-selector/common.ts
 console.warn(`The entrypoint '@sbb-esta/elements/file-selector/common.js' has been deprecated.
 Use either '@sbb-esta/elements/file-selector.js' or '@sbb-esta/elements/file-selector.pure.js' instead.`);

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAM1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAYzD,OAAO,eAAe,CAAC;;AAOvB;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,mCAA6C;IAC/F,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,OAAuB,MAAM,EAAE,cAAc,CAI3C;IACF,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;cAEvB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CA+BzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
+{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAM1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAYzD,OAAO,eAAe,CAAC;;AAOvB;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,mCAA6C;IAC/F,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,OAAuB,MAAM,EAAE,cAAc,CAI3C;IACF,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;cAEvB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CA8BzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -1,2 +1,2 @@
-import { t as SbbFileSelectorDropzoneElement } from "../../file-selector-dropzone.component-xfkQt0VX.js";
+import { t as SbbFileSelectorDropzoneElement } from "../../file-selector-dropzone.component-BAWMZW4F.js";
 export { SbbFileSelectorDropzoneElement };

package/development/file-selector/file-selector-dropzone.js

@@ -1,4 +1,4 @@
-import { t as SbbFileSelectorDropzoneElement } from "../file-selector-dropzone.component-xfkQt0VX.js";
+import { t as SbbFileSelectorDropzoneElement } from "../file-selector-dropzone.component-BAWMZW4F.js";
 //#region src/elements/file-selector/file-selector-dropzone.ts
 /** @entrypoint */
 SbbFileSelectorDropzoneElement.define();

package/development/file-selector-common-C7xIEiV4.js

@@ -0,0 +1,416 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { isLean } from "./core/dom.js";
+import { forwardEvent } from "./core/eventing.js";
+import { SbbDisabledMixin, SbbFormAssociatedMixin, ɵstateController } from "./core/mixins.js";
+import { html as html$1, unsafeStatic } from "lit/static-html.js";
+import { SbbSecondaryButtonElement } from "./button.pure.js";
+import { SbbLanguageController } from "./core/controllers.js";
+import { i18nFileSelectorButtonLabel, i18nFileSelectorButtonLabelMultiple, i18nFileSelectorCurrentlySelected, i18nFileSelectorDeleteFile } from "./core/i18n.js";
+import { ref } from "lit/directives/ref.js";
+import { sbbInputModalityDetector } from "./core/a11y.js";
+//#region src/elements/file-selector/common/file-selector-common.scss?inline
+var file_selector_common_default = ":host {\n  --sbb-file-selector-transition-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  display: block;\n  width: 20rem;\n}\n\n@media (forced-colors: active) {\n  :host(:disabled) {\n    --sbb-file-selector-color: GrayText;\n    --sbb-file-selector-subtitle-color: GrayText;\n    --sbb-file-selector-border-color: GrayText;\n  }\n}\n\n:host(:is(:state(active),[state--active])) {\n  --sbb-file-selector-background-color: var(--sbb-background-color-3);\n  --sbb-file-selector-border-color: var(--sbb-color-storm);\n  --sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite));\n}\n@media (forced-colors: active) {\n  :host(:is(:state(active),[state--active])) {\n    --sbb-file-selector-border-color: Highlight;\n  }\n}\n\n.sbb-file-selector__input-container {\n  -webkit-tap-highlight-color: transparent;\n  display: flex;\n  flex-direction: column;\n}\n\n.sbb-file-selector__visually-hidden {\n  border: 0;\n  clip-path: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.sbb-file-selector__file-list {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--sbb-spacing-fixed-3x);\n  margin-block: 0;\n  padding-inline: 0;\n  padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x);\n}\n\n.sbb-file-selector__file {\n  --sbb-text-font-size: var(--sbb-text-font-size-s);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n  display: flex;\n  gap: var(--sbb-spacing-fixed-4x);\n  align-items: center;\n  justify-content: space-between;\n}\n\n.sbb-file-selector__file-details {\n  display: flex;\n  flex: 1;\n  justify-content: space-between;\n  gap: var(--sbb-spacing-fixed-4x);\n  overflow: auto;\n}\n\n.sbb-file-selector__file-name {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.sbb-file-selector__file-size {\n  white-space: nowrap;\n  color: var(--sbb-color-metal);\n  color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));\n}\n\n:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error {\n  display: none;\n}";
+//#endregion
+//#region src/elements/file-selector/common/file-selector-common.ts
+SbbSecondaryButtonElement.define();
+var fileSelectorCommonStyle = unsafeCSS(file_selector_common_default);
+var SbbFileSelectorCommonElementMixin = (superclass) => {
+	return (() => {
+		let _classSuper = SbbDisabledMixin(SbbFormAssociatedMixin(superclass));
+		let _instanceExtraInitializers = [];
+		let _size_decorators;
+		let _size_initializers = [];
+		let _size_extraInitializers = [];
+		let _multiple_decorators;
+		let _multiple_initializers = [];
+		let _multiple_extraInitializers = [];
+		let _multipleMode_decorators;
+		let _multipleMode_initializers = [];
+		let _multipleMode_extraInitializers = [];
+		let _accept_decorators;
+		let _accept_initializers = [];
+		let _accept_extraInitializers = [];
+		let _accessibilityLabel_decorators;
+		let _accessibilityLabel_initializers = [];
+		let _accessibilityLabel_extraInitializers = [];
+		let _set_value_decorators;
+		let _set_files_decorators;
+		return class SbbFileSelectorCommonElement extends _classSuper {
+			constructor() {
+				super(...arguments);
+				this.#size_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
+				this.#multiple_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _multiple_initializers, false));
+				this.#multipleMode_accessor_storage = (__runInitializers(this, _multiple_extraInitializers), __runInitializers(this, _multipleMode_initializers, "default"));
+				this.#accept_accessor_storage = (__runInitializers(this, _multipleMode_extraInitializers), __runInitializers(this, _accept_initializers, ""));
+				this.#accessibilityLabel_accessor_storage = (__runInitializers(this, _accept_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, ""));
+				this._files = (__runInitializers(this, _accessibilityLabel_extraInitializers), []);
+				this._suffixes = [
+					"B",
+					"kB",
+					"MB",
+					"GB",
+					"TB"
+				];
+				this.language = new SbbLanguageController(this);
+				this._counter = 0;
+			}
+			static {
+				const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+				_size_decorators = [property({ reflect: true })];
+				_multiple_decorators = [forceType(), property({ type: Boolean })];
+				_multipleMode_decorators = [property({ attribute: "multiple-mode" })];
+				_accept_decorators = [forceType(), property()];
+				_accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
+				_set_value_decorators = [property({ attribute: false })];
+				_set_files_decorators = [property({ attribute: false })];
+				__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, _multiple_decorators, {
+					kind: "accessor",
+					name: "multiple",
+					static: false,
+					private: false,
+					access: {
+						has: (obj) => "multiple" in obj,
+						get: (obj) => obj.multiple,
+						set: (obj, value) => {
+							obj.multiple = value;
+						}
+					},
+					metadata: _metadata
+				}, _multiple_initializers, _multiple_extraInitializers);
+				__esDecorate(this, null, _multipleMode_decorators, {
+					kind: "accessor",
+					name: "multipleMode",
+					static: false,
+					private: false,
+					access: {
+						has: (obj) => "multipleMode" in obj,
+						get: (obj) => obj.multipleMode,
+						set: (obj, value) => {
+							obj.multipleMode = value;
+						}
+					},
+					metadata: _metadata
+				}, _multipleMode_initializers, _multipleMode_extraInitializers);
+				__esDecorate(this, null, _accept_decorators, {
+					kind: "accessor",
+					name: "accept",
+					static: false,
+					private: false,
+					access: {
+						has: (obj) => "accept" in obj,
+						get: (obj) => obj.accept,
+						set: (obj, value) => {
+							obj.accept = value;
+						}
+					},
+					metadata: _metadata
+				}, _accept_initializers, _accept_extraInitializers);
+				__esDecorate(this, null, _accessibilityLabel_decorators, {
+					kind: "accessor",
+					name: "accessibilityLabel",
+					static: false,
+					private: false,
+					access: {
+						has: (obj) => "accessibilityLabel" in obj,
+						get: (obj) => obj.accessibilityLabel,
+						set: (obj, value) => {
+							obj.accessibilityLabel = value;
+						}
+					},
+					metadata: _metadata
+				}, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
+				__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_files_decorators, {
+					kind: "setter",
+					name: "files",
+					static: false,
+					private: false,
+					access: {
+						has: (obj) => "files" in obj,
+						set: (obj, value) => {
+							obj.files = value;
+						}
+					},
+					metadata: _metadata
+				}, null, _instanceExtraInitializers);
+				if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+					enumerable: true,
+					configurable: true,
+					writable: true,
+					value: _metadata
+				});
+			}
+			static {
+				this.events = { filechanged: "filechanged" };
+			}
+			#size_accessor_storage;
+			/**
+			* Size variant, either s or m.
+			* @default 'm' / 's' (lean)
+			*/
+			get size() {
+				return this.#size_accessor_storage;
+			}
+			set size(value) {
+				this.#size_accessor_storage = value;
+			}
+			#multiple_accessor_storage;
+			/** Whether more than one file can be selected. */
+			get multiple() {
+				return this.#multiple_accessor_storage;
+			}
+			set multiple(value) {
+				this.#multiple_accessor_storage = value;
+			}
+			#multipleMode_accessor_storage;
+			/** Whether the newly added files should override the previously added ones. */
+			get multipleMode() {
+				return this.#multipleMode_accessor_storage;
+			}
+			set multipleMode(value) {
+				this.#multipleMode_accessor_storage = value;
+			}
+			#accept_accessor_storage;
+			/** A comma-separated list of allowed unique file type specifiers. */
+			get accept() {
+				return this.#accept_accessor_storage;
+			}
+			set accept(value) {
+				this.#accept_accessor_storage = value;
+			}
+			#accessibilityLabel_accessor_storage;
+			/** This will be forwarded as aria-label to the native input element. */
+			get accessibilityLabel() {
+				return this.#accessibilityLabel_accessor_storage;
+			}
+			set accessibilityLabel(value) {
+				this.#accessibilityLabel_accessor_storage = value;
+			}
+			/** The path of the first selected file. Empty string ('') if no file is selected */
+			set value(value) {
+				this._hiddenInput.value = value ?? "";
+				if (!value) this.files = [];
+			}
+			get value() {
+				return this._hiddenInput?.value;
+			}
+			/** The list of selected files. */
+			set files(value) {
+				this._files = value ?? [];
+				const dt = new DataTransfer();
+				this.files.forEach((e) => dt.items.add(e));
+				this._hiddenInput.files = dt.files;
+				this.updateFormValue();
+			}
+			get files() {
+				return this._files;
+			}
+			/**
+			* Form type of element.
+			* @default 'file'
+			*/
+			get type() {
+				return "file";
+			}
+			formResetCallback() {
+				this.files = [];
+			}
+			formStateRestoreCallback(state, _reason) {
+				if (!state) return;
+				this.files = state.getAll(this.name);
+			}
+			updateFormValue() {
+				const formValue = new FormData();
+				this.files.forEach((file) => formValue.append(this.name, file));
+				this.internals.setFormValue(formValue);
+			}
+			_checkFileEquality(file1, file2) {
+				return file1.name === file2.name && file1.size === file2.size && file1.lastModified === file2.lastModified;
+			}
+			_onFocus() {
+				if (sbbInputModalityDetector.mostRecentModality === "keyboard") ɵstateController(this.loadButton).add("focus-visible");
+			}
+			_onBlur() {
+				ɵstateController(this.loadButton).delete("focus-visible");
+			}
+			_readFiles(event) {
+				const fileInput = event.target;
+				if (fileInput.files) this.createFileList(fileInput.files);
+				forwardEvent(event, this);
+			}
+			createFileList(files) {
+				const fileArray = Array.from(files);
+				if (!this.multiple && files.length > 1 || this.accept && fileArray.some((file) => !this.accept.split(",").some((a) => file.name.endsWith(a.trim())))) return;
+				if (!this.multiple || this.multipleMode !== "persistent" || this.files.length === 0) this.files = fileArray;
+				else this.files = fileArray.filter((newFile) => this.files.findIndex((oldFile) => this._checkFileEquality(newFile, oldFile)) === -1).concat(this.files);
+				this._updateA11yLiveRegion();
+				this._dispatchFileChangedEvent();
+			}
+			getButtonLabel() {
+				return this.multiple ? i18nFileSelectorButtonLabelMultiple[this.language.current] : i18nFileSelectorButtonLabel[this.language.current];
+			}
+			_removeFile(file) {
+				this.files = this.files.filter((f) => !this._checkFileEquality(file, f));
+				this._updateA11yLiveRegion();
+				/** The input event fires when the value has been changed as a direct result of a user action. */
+				this.dispatchEvent(new InputEvent("input", {
+					bubbles: true,
+					composed: true
+				}));
+				/**
+				* 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 }));
+				this._dispatchFileChangedEvent();
+			}
+			_dispatchFileChangedEvent() {
+				/**
+				* @type {CustomEvent<Readonly<File>[]>}
+				* An event which is emitted each time the file list changes.
+				*/
+				this.dispatchEvent(new CustomEvent("filechanged", {
+					bubbles: true,
+					composed: true,
+					detail: this.files
+				}));
+			}
+			/** Calculates the correct unit for the file's size. */
+			_formatFileSize(size) {
+				const i = Math.floor(Math.log(size) / Math.log(1024));
+				return `${(size / Math.pow(1024, i)).toFixed(0)} ${this._suffixes[i]}`;
+			}
+			_updateA11yLiveRegion() {
+				this._liveRegion.innerText = i18nFileSelectorCurrentlySelected(this.files.map((e) => e.name))[this.language.current];
+			}
+			_renderFileList() {
+				const TAG_NAME = this.files.length > 1 ? {
+					WRAPPER: "ul",
+					ELEMENT: "li"
+				} : {
+					WRAPPER: "div",
+					ELEMENT: "span"
+				};
+				return html$1`
+      <${unsafeStatic(TAG_NAME.WRAPPER)} class="sbb-file-selector__file-list">
+        ${this.files.map((file) => html$1`
+            <${unsafeStatic(TAG_NAME.ELEMENT)} class="sbb-file-selector__file">
+                <span class="sbb-file-selector__file-details">
+                  <span class="sbb-file-selector__file-name">${file.name}</span>
+                  <span class="sbb-file-selector__file-size">${this._formatFileSize(file.size)}</span>
+                </span>
+              <sbb-secondary-button
+                size=${this.size}
+                icon-name="trash-small"
+                @click=${() => this._removeFile(file)}
+                aria-label=${`${i18nFileSelectorDeleteFile[this.language.current]} - ${file.name}`}
+              ></sbb-secondary-button>
+            </${unsafeStatic(TAG_NAME.ELEMENT)}>`)}
+      </${unsafeStatic(TAG_NAME.WRAPPER)}>
+    `;
+			}
+			_onDragEnter(event) {
+				this._counter++;
+				if (!this.disabled && !this.formDisabled) {
+					this._setDragState(event.target, true);
+					this._blockEvent(event);
+				}
+			}
+			_onDragLeave(event) {
+				this._counter--;
+				if (!this.disabled && !this.formDisabled && event.target === this._dragTarget && this._counter === 0) {
+					this._setDragState();
+					this._blockEvent(event);
+				}
+			}
+			_onFileDrop(event) {
+				this._counter = 0;
+				if (!this.disabled && !this.formDisabled) {
+					this._setDragState();
+					this._blockEvent(event);
+					this.createFileList(event.dataTransfer.files);
+				}
+			}
+			_blockEvent(event) {
+				event.stopPropagation();
+				event.preventDefault();
+			}
+			_setDragState(dragTarget = void 0, isDragEnter = false) {
+				this._dragTarget = dragTarget;
+				this.toggleState("active", isDragEnter);
+				ɵstateController(this.loadButton).toggle("active", isDragEnter);
+			}
+			render() {
+				const ariaLabel = this.accessibilityLabel ? `${this.getButtonLabel()} - ${this.accessibilityLabel}` : void 0;
+				return html$1`
+        <div
+          class="sbb-file-selector__input-container"
+          @dragenter=${this._onDragEnter}
+          @dragover=${this._blockEvent}
+          @dragleave=${this._onDragLeave}
+          @drop=${this._onFileDrop}
+        >
+          ${this.renderTemplate(html$1`<input
+              class="sbb-file-selector__visually-hidden"
+              type="file"
+              ?disabled=${this.disabled || this.formDisabled}
+              ?multiple=${this.multiple}
+              accept=${this.accept || nothing}
+              aria-label=${ariaLabel || nothing}
+              @change=${this._readFiles}
+              @focus=${this._onFocus}
+              @blur=${this._onBlur}
+              ${ref((el) => {
+					this._hiddenInput = el;
+				})}
+            />`)}
+        </div>
+        <p
+          role="status"
+          class="sbb-file-selector__visually-hidden"
+          ${ref((p) => this._liveRegion = p)}
+        ></p>
+        ${this.files.length > 0 ? this._renderFileList() : nothing}
+        <div class="sbb-file-selector__error">
+          <slot name="error"></slot>
+        </div>
+      `;
+			}
+		};
+	})();
+};
+//#endregion
+export { fileSelectorCommonStyle as n, SbbFileSelectorCommonElementMixin as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1jb21tb24tQzd4SUVpVjQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgzMjApfTtcbn1cblxuOmhvc3QoOmRpc2FibGVkKSB7XG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLXN1YnRpdGxlLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLWJvcmRlci1jb2xvcjogR3JheVRleHQ7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0zKTtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci1ib3JkZXItY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLXN0b3JtKSwgdmFyKC0tc2JiLWNvbG9yLWFudGhyYWNpdGUpKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItZmlsZS1zZWxlY3Rvci1ib3JkZXItY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG4uc2JiLWZpbGUtc2VsZWN0b3JfX2lucHV0LWNvbnRhaW5lciB7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fdmlzdWFsbHktaGlkZGVuIHtcbiAgQGluY2x1ZGUgc2JiLnNjcmVlbi1yZWFkZXItb25seTtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICByb3ctZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIG1hcmdpbi1ibG9jazogMDtcbiAgcGFkZGluZy1pbmxpbmU6IDA7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KSB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZmlsZSB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXMtLXJlZ3VsYXI7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLWRldGFpbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNHgpO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLW5hbWUge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1zaXplIHtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLW1ldGFsKSwgdmFyKC0tc2JiLWNvbG9yLXNtb2tlKSk7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZXJyb3Ige1xuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWVycm9yKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiIsImltcG9ydCB7IG5vdGhpbmcsIHVuc2FmZUNTUywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQge1xuICBTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50LFxuICB0eXBlIFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQsXG59IGZyb20gJy4uLy4uL2J1dHRvbi5wdXJlLnRzJztcbmltcG9ydCB7IHNiYklucHV0TW9kYWxpdHlEZXRlY3RvciB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS50cyc7XG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB7IGZvcndhcmRFdmVudCB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcudHMnO1xuaW1wb3J0IHtcbiAgaTE4bkZpbGVTZWxlY3RvckJ1dHRvbkxhYmVsLFxuICBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWxNdWx0aXBsZSxcbiAgaTE4bkZpbGVTZWxlY3RvckN1cnJlbnRseVNlbGVjdGVkLFxuICBpMThuRmlsZVNlbGVjdG9yRGVsZXRlRmlsZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7XG4gIHR5cGUgQ29uc3RydWN0b3IsXG4gIHR5cGUgRm9ybVJlc3RvcmVSZWFzb24sXG4gIHR5cGUgRm9ybVJlc3RvcmVTdGF0ZSxcbiAgU2JiRGlzYWJsZWRNaXhpbixcbiAgU2JiRm9ybUFzc29jaWF0ZWRNaXhpbixcbiAgybVzdGF0ZUNvbnRyb2xsZXIsXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcblxuaW1wb3J0IGZpbGVTZWxlY3RvckNvbW1vblN0eWxlU3RyaW5nIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1jb21tb24uc2Nzcz9pbmxpbmUnO1xuXG4vLyBUT0RPKGJyZWFraW5nLWNoYW5nZSk6IFJlbW92ZSBjYWxsIHRvIGRlZmluZS5cblNiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQuZGVmaW5lKCk7XG5cbmV4cG9ydCBjb25zdCBmaWxlU2VsZWN0b3JDb21tb25TdHlsZSA9IHVuc2FmZUNTUyhmaWxlU2VsZWN0b3JDb21tb25TdHlsZVN0cmluZyk7XG5cbmV4cG9ydCBkZWNsYXJlIGFic3RyYWN0IGNsYXNzIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFxuICBTYmJGb3JtQXNzb2NpYXRlZE1peGluKFNiYkVsZW1lbnQpLFxuKSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAncycgfCAnbSc7XG4gIHB1YmxpYyBhY2Nlc3NvciBtdWx0aXBsZTogYm9vbGVhbjtcbiAgcHVibGljIGFjY2Vzc29yIG11bHRpcGxlTW9kZTogJ2RlZmF1bHQnIHwgJ3BlcnNpc3RlbnQnO1xuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXB0OiBzdHJpbmc7XG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZztcbiAgcHVibGljIGFjY2Vzc29yIGZpbGVzOiBSZWFkb25seTxGaWxlPltdO1xuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IG51bGw7XG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgdmFsdWUodmFsdWU6IHN0cmluZyB8IG51bGwpO1xuICBwcm90ZWN0ZWQgbG9hZEJ1dHRvbjogU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudDtcbiAgcHJvdGVjdGVkIGxhbmd1YWdlOiBTYmJMYW5ndWFnZUNvbnRyb2xsZXI7XG4gIHByb3RlY3RlZCBhYnN0cmFjdCByZW5kZXJUZW1wbGF0ZShpbnB1dDogVGVtcGxhdGVSZXN1bHQpOiBUZW1wbGF0ZVJlc3VsdDtcbiAgcHJvdGVjdGVkIGNyZWF0ZUZpbGVMaXN0KGZpbGVzOiBGaWxlTGlzdCk6IHZvaWQ7XG4gIHByb3RlY3RlZCBnZXRCdXR0b25MYWJlbCgpOiBzdHJpbmc7XG4gIHB1YmxpYyBmb3JtUmVzZXRDYWxsYmFjaygpOiB2b2lkO1xuICBwdWJsaWMgZm9ybVN0YXRlUmVzdG9yZUNhbGxiYWNrKHN0YXRlOiBGb3JtUmVzdG9yZVN0YXRlIHwgbnVsbCwgcmVhc29uOiBGb3JtUmVzdG9yZVJlYXNvbik6IHZvaWQ7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBjb25zdCBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4gPSA8VCBleHRlbmRzIENvbnN0cnVjdG9yPFNiYkVsZW1lbnQ+PihcbiAgc3VwZXJjbGFzczogVCxcbik6IENvbnN0cnVjdG9yPFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiRm9ybUFzc29jaWF0ZWRNaXhpbihzdXBlcmNsYXNzKSlcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgICAgZmlsZWNoYW5nZWQ6ICdmaWxlY2hhbmdlZCcsXG4gICAgfSBhcyBjb25zdDtcblxuICAgIC8qKlxuICAgICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbS5cbiAgICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAgICovXG4gICAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ20nID0gaXNMZWFuKCkgPyAncycgOiAnbSc7XG5cbiAgICAvKiogV2hldGhlciBtb3JlIHRoYW4gb25lIGZpbGUgY2FuIGJlIHNlbGVjdGVkLiAqL1xuICAgIEBmb3JjZVR5cGUoKVxuICAgIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4gfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIC8qKiBXaGV0aGVyIHRoZSBuZXdseSBhZGRlZCBmaWxlcyBzaG91bGQgb3ZlcnJpZGUgdGhlIHByZXZpb3VzbHkgYWRkZWQgb25lcy4gKi9cbiAgICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdtdWx0aXBsZS1tb2RlJyB9KVxuICAgIHB1YmxpYyBhY2Nlc3NvciBtdWx0aXBsZU1vZGU6ICdkZWZhdWx0JyB8ICdwZXJzaXN0ZW50JyA9ICdkZWZhdWx0JztcblxuICAgIC8qKiBBIGNvbW1hLXNlcGFyYXRlZCBsaXN0IG9mIGFsbG93ZWQgdW5pcXVlIGZpbGUgdHlwZSBzcGVjaWZpZXJzLiAqL1xuICAgIEBmb3JjZVR5cGUoKVxuICAgIEBwcm9wZXJ0eSgpXG4gICAgcHVibGljIGFjY2Vzc29yIGFjY2VwdDogc3RyaW5nID0gJyc7XG5cbiAgICAvKiogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBuYXRpdmUgaW5wdXQgZWxlbWVudC4gKi9cbiAgICBAZm9yY2VUeXBlKClcbiAgICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICAgIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gICAgLyoqIFRoZSBwYXRoIG9mIHRoZSBmaXJzdCBzZWxlY3RlZCBmaWxlLiBFbXB0eSBzdHJpbmcgKCcnKSBpZiBubyBmaWxlIGlzIHNlbGVjdGVkICovXG4gICAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiBmYWxzZSB9KVxuICAgIHB1YmxpYyBzZXQgdmFsdWUodmFsdWU6IHN0cmluZyB8IG51bGwpIHtcbiAgICAgIHRoaXMuX2hpZGRlbklucHV0LnZhbHVlID0gdmFsdWUgPz8gJyc7XG5cbiAgICAgIGlmICghdmFsdWUpIHtcbiAgICAgICAgdGhpcy5maWxlcyA9IFtdO1xuICAgICAgfVxuICAgIH1cbiAgICBwdWJsaWMgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IG51bGwge1xuICAgICAgcmV0dXJuIHRoaXMuX2hpZGRlbklucHV0Py52YWx1ZTtcbiAgICB9XG5cbiAgICAvKiogVGhlIGxpc3Qgb2Ygc2VsZWN0ZWQgZmlsZXMuICovXG4gICAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiBmYWxzZSB9KVxuICAgIHB1YmxpYyBzZXQgZmlsZXModmFsdWU6IFJlYWRvbmx5PEZpbGU+W10pIHtcbiAgICAgIHRoaXMuX2ZpbGVzID0gdmFsdWUgPz8gW107XG5cbiAgICAgIC8vIHVwZGF0ZSB0aGUgaW5uZXIgaW5wdXRcbiAgICAgIGNvbnN0IGR0OiBEYXRhVHJhbnNmZXIgPSBuZXcgRGF0YVRyYW5zZmVyKCk7XG4gICAgICB0aGlzLmZpbGVzLmZvckVhY2goKGU6IFJlYWRvbmx5PEZpbGU+KSA9PiBkdC5pdGVtcy5hZGQoZSkpO1xuICAgICAgdGhpcy5faGlkZGVuSW5wdXQuZmlsZXMgPSBkdC5maWxlcztcblxuICAgICAgdGhpcy51cGRhdGVGb3JtVmFsdWUoKTtcbiAgICB9XG4gICAgcHVibGljIGdldCBmaWxlcygpOiBSZWFkb25seTxGaWxlPltdIHtcbiAgICAgIHJldHVybiB0aGlzLl9maWxlcztcbiAgICB9XG4gICAgcHJpdmF0ZSBfZmlsZXM6IFJlYWRvbmx5PEZpbGU+W10gPSBbXTtcblxuICAgIC8qKlxuICAgICAqIEZvcm0gdHlwZSBvZiBlbGVtZW50LlxuICAgICAqIEBkZWZhdWx0ICdmaWxlJ1xuICAgICAqL1xuICAgIHB1YmxpYyBvdmVycmlkZSBnZXQgdHlwZSgpOiBzdHJpbmcge1xuICAgICAgcmV0dXJuICdmaWxlJztcbiAgICB9XG5cbiAgICBwcml2YXRlIF9oaWRkZW5JbnB1dCE6IEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgcHJpdmF0ZSBfc3VmZml4ZXM6IHN0cmluZ1tdID0gWydCJywgJ2tCJywgJ01CJywgJ0dCJywgJ1RCJ107XG4gICAgcHJpdmF0ZSBfbGl2ZVJlZ2lvbiE6IEhUTUxQYXJhZ3JhcGhFbGVtZW50O1xuICAgIHByb3RlY3RlZCBsb2FkQnV0dG9uITogU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudDtcbiAgICBwcm90ZWN0ZWQgbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gICAgLy8gU2FmYXJpIGhhcyBhIHBlY3VsaWFyIGJlaGF2aW9yIHdoZW4gZHJhZ2dpbmcgZmlsZXMgb24gdGhlIGlubmVyIGJ1dHRvbiBpbiAnZHJvcHpvbmUnIHZhcmlhbnQ7XG4gICAgLy8gdGhpcyB3aWxsIHJlcXVpcmUgYSBjb3VudGVyIHRvIGNvcnJlY3RseSBoYW5kbGUgdGhlIGRyYWdFbnRlci9kcmFnTGVhdmUuXG4gICAgcHJpdmF0ZSBfY291bnRlcjogbnVtYmVyID0gMDtcbiAgICBwcml2YXRlIF9kcmFnVGFyZ2V0PzogSFRNTEVsZW1lbnQ7XG5cbiAgICBwcm90ZWN0ZWQgYWJzdHJhY3QgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQ7XG5cbiAgICBwdWJsaWMgb3ZlcnJpZGUgZm9ybVJlc2V0Q2FsbGJhY2soKTogdm9pZCB7XG4gICAgICB0aGlzLmZpbGVzID0gW107XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIGZvcm1TdGF0ZVJlc3RvcmVDYWxsYmFjayhcbiAgICAgIHN0YXRlOiBGb3JtUmVzdG9yZVN0YXRlIHwgbnVsbCxcbiAgICAgIF9yZWFzb24/OiBGb3JtUmVzdG9yZVJlYXNvbixcbiAgICApOiB2b2lkIHtcbiAgICAgIGlmICghc3RhdGUpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgdGhpcy5maWxlcyA9IChzdGF0ZSBhcyBGb3JtRGF0YSkuZ2V0QWxsKHRoaXMubmFtZSkgYXMgUmVhZG9ubHk8RmlsZT5bXTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgdXBkYXRlRm9ybVZhbHVlKCk6IHZvaWQge1xuICAgICAgY29uc3QgZm9ybVZhbHVlID0gbmV3IEZvcm1EYXRhKCk7XG4gICAgICB0aGlzLmZpbGVzLmZvckVhY2goKGZpbGUpID0+IGZvcm1WYWx1ZS5hcHBlbmQodGhpcy5uYW1lLCBmaWxlKSk7XG4gICAgICB0aGlzLmludGVybmFscy5zZXRGb3JtVmFsdWUoZm9ybVZhbHVlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9jaGVja0ZpbGVFcXVhbGl0eShmaWxlMTogUmVhZG9ubHk8RmlsZT4sIGZpbGUyOiBSZWFkb25seTxGaWxlPik6IGJvb2xlYW4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgZmlsZTEubmFtZSA9PT0gZmlsZTIubmFtZSAmJlxuICAgICAgICBmaWxlMS5zaXplID09PSBmaWxlMi5zaXplICYmXG4gICAgICAgIGZpbGUxLmxhc3RNb2RpZmllZCA9PT0gZmlsZTIubGFzdE1vZGlmaWVkXG4gICAgICApO1xuICAgIH1cblxuICAgIHByaXZhdGUgX29uRm9jdXMoKTogdm9pZCB7XG4gICAgICBpZiAoc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yLm1vc3RSZWNlbnRNb2RhbGl0eSA9PT0gJ2tleWJvYXJkJykge1xuICAgICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmxvYWRCdXR0b24pLmFkZCgnZm9jdXMtdmlzaWJsZScpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX29uQmx1cigpOiB2b2lkIHtcbiAgICAgIMm1c3RhdGVDb250cm9sbGVyKHRoaXMubG9hZEJ1dHRvbikuZGVsZXRlKCdmb2N1cy12aXNpYmxlJyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfcmVhZEZpbGVzKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgY29uc3QgZmlsZUlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgICBpZiAoZmlsZUlucHV0LmZpbGVzKSB7XG4gICAgICAgIHRoaXMuY3JlYXRlRmlsZUxpc3QoZmlsZUlucHV0LmZpbGVzKTtcbiAgICAgIH1cbiAgICAgIGZvcndhcmRFdmVudChldmVudCwgdGhpcyk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGNyZWF0ZUZpbGVMaXN0KGZpbGVzOiBGaWxlTGlzdCk6IHZvaWQge1xuICAgICAgY29uc3QgZmlsZUFycmF5ID0gQXJyYXkuZnJvbShmaWxlcyk7XG4gICAgICBpZiAoXG4gICAgICAgICghdGhpcy5tdWx0aXBsZSAmJiBmaWxlcy5sZW5ndGggPiAxKSB8fFxuICAgICAgICAodGhpcy5hY2NlcHQgJiZcbiAgICAgICAgICBmaWxlQXJyYXkuc29tZShcbiAgICAgICAgICAgIChmaWxlKSA9PiAhdGhpcy5hY2NlcHQuc3BsaXQoJywnKS5zb21lKChhKSA9PiBmaWxlLm5hbWUuZW5kc1dpdGgoYS50cmltKCkpKSxcbiAgICAgICAgICApKVxuICAgICAgKSB7XG4gICAgICAgIC8vIElmIG11bHRpcGxlIGZpbGVzIGFyZSBzZWxlY3RlZCBidXQgdGhlIHNlbGVjdG9yIGlzIG5vdCBpbiBtdWx0aXBsZSBtb2RlLFxuICAgICAgICAvLyBpZ25vcmUgdGhlIHNlbGVjdGlvbiAobGlrZSBuYXRpdmUgYmVoYXZpb3IpLlxuICAgICAgICAvLyBJZiB0aGUgYWNjZXB0IGF0dHJpYnV0ZSBpcyBzZXQsIGNoZWNrIGlmIHRoZSBzZWxlY3RlZCBmaWxlcyBtYXRjaCB0aGUgYWxsb3dlZCB0eXBlcy5cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBpZiAoIXRoaXMubXVsdGlwbGUgfHwgdGhpcy5tdWx0aXBsZU1vZGUgIT09ICdwZXJzaXN0ZW50JyB8fCB0aGlzLmZpbGVzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICB0aGlzLmZpbGVzID0gZmlsZUFycmF5O1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5maWxlcyA9IGZpbGVBcnJheVxuICAgICAgICAgIC5maWx0ZXIoXG4gICAgICAgICAgICAvLyBSZW1vdmUgZHVwbGljYXRlc1xuICAgICAgICAgICAgKG5ld0ZpbGU6IFJlYWRvbmx5PEZpbGU+KTogYm9vbGVhbiA9PlxuICAgICAgICAgICAgICB0aGlzLmZpbGVzIS5maW5kSW5kZXgoKG9sZEZpbGU6IFJlYWRvbmx5PEZpbGU+KSA9PlxuICAgICAgICAgICAgICAgIHRoaXMuX2NoZWNrRmlsZUVxdWFsaXR5KG5ld0ZpbGUsIG9sZEZpbGUpLFxuICAgICAgICAgICAgICApID09PSAtMSxcbiAgICAgICAgICApXG4gICAgICAgICAgLmNvbmNhdCh0aGlzLmZpbGVzKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuX3VwZGF0ZUExMXlMaXZlUmVnaW9uKCk7XG4gICAgICB0aGlzLl9kaXNwYXRjaEZpbGVDaGFuZ2VkRXZlbnQoKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0QnV0dG9uTGFiZWwoKTogc3RyaW5nIHtcbiAgICAgIHJldHVybiB0aGlzLm11bHRpcGxlXG4gICAgICAgID8gaTE4bkZpbGVTZWxlY3RvckJ1dHRvbkxhYmVsTXVsdGlwbGVbdGhpcy5sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICA6IGkxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbFt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3JlbW92ZUZpbGUoZmlsZTogUmVhZG9ubHk8RmlsZT4pOiB2b2lkIHtcbiAgICAgIHRoaXMuZmlsZXMgPSB0aGlzLmZpbGVzLmZpbHRlcigoZjogUmVhZG9ubHk8RmlsZT4pID0+ICF0aGlzLl9jaGVja0ZpbGVFcXVhbGl0eShmaWxlLCBmKSk7XG4gICAgICB0aGlzLl91cGRhdGVBMTF5TGl2ZVJlZ2lvbigpO1xuXG4gICAgICAvLyBEaXNwYXRjaCBuYXRpdmUgZXZlbnRzIGFzIGlmIHRoZSByZXNldCBpcyBkb25lIHZpYSB0aGUgZmlsZSBzZWxlY3Rpb24gd2luZG93LlxuICAgICAgLyoqIFRoZSBpbnB1dCBldmVudCBmaXJlcyB3aGVuIHRoZSB2YWx1ZSBoYXMgYmVlbiBjaGFuZ2VkIGFzIGEgZGlyZWN0IHJlc3VsdCBvZiBhIHVzZXIgYWN0aW9uLiAqL1xuICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KFxuICAgICAgICBuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7XG4gICAgICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgICAgICBjb21wb3NlZDogdHJ1ZSxcbiAgICAgICAgfSksXG4gICAgICApO1xuXG4gICAgICAvKipcbiAgICAgICAqIFRoZSBjaGFuZ2UgZXZlbnQgaXMgZmlyZWQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLlxuICAgICAgICogVW5saWtlIHRoZSBpbnB1dCBldmVudCwgdGhlIGNoYW5nZSBldmVudCBpcyBub3QgbmVjZXNzYXJpbHkgZmlyZWRcbiAgICAgICAqIGZvciBlYWNoIGFsdGVyYXRpb24gdG8gYW4gZWxlbWVudCdzIHZhbHVlLlxuICAgICAgICovXG4gICAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xuICAgICAgdGhpcy5fZGlzcGF0Y2hGaWxlQ2hhbmdlZEV2ZW50KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZGlzcGF0Y2hGaWxlQ2hhbmdlZEV2ZW50KCk6IHZvaWQge1xuICAgICAgLyoqXG4gICAgICAgKiBAdHlwZSB7Q3VzdG9tRXZlbnQ8UmVhZG9ubHk8RmlsZT5bXT59XG4gICAgICAgKiBBbiBldmVudCB3aGljaCBpcyBlbWl0dGVkIGVhY2ggdGltZSB0aGUgZmlsZSBsaXN0IGNoYW5nZXMuXG4gICAgICAgKi9cbiAgICAgIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgICAgbmV3IEN1c3RvbUV2ZW50PFJlYWRvbmx5PEZpbGU+W10+KCdmaWxlY2hhbmdlZCcsIHtcbiAgICAgICAgICBidWJibGVzOiB0cnVlLFxuICAgICAgICAgIGNvbXBvc2VkOiB0cnVlLFxuICAgICAgICAgIGRldGFpbDogdGhpcy5maWxlcyxcbiAgICAgICAgfSksXG4gICAgICApO1xuICAgIH1cblxuICAgIC8qKiBDYWxjdWxhdGVzIHRoZSBjb3JyZWN0IHVuaXQgZm9yIHRoZSBmaWxlJ3Mgc2l6ZS4gKi9cbiAgICBwcml2YXRlIF9mb3JtYXRGaWxlU2l6ZShzaXplOiBudW1iZXIpOiBzdHJpbmcge1xuICAgICAgY29uc3QgaTogbnVtYmVyID0gTWF0aC5mbG9vcihNYXRoLmxvZyhzaXplKSAvIE1hdGgubG9nKDEwMjQpKTtcbiAgICAgIHJldHVybiBgJHsoc2l6ZSAvIE1hdGgucG93KDEwMjQsIGkpKS50b0ZpeGVkKDApfSAke3RoaXMuX3N1ZmZpeGVzW2ldfWA7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfdXBkYXRlQTExeUxpdmVSZWdpb24oKTogdm9pZCB7XG4gICAgICB0aGlzLl9saXZlUmVnaW9uLmlubmVyVGV4dCA9IGkxOG5GaWxlU2VsZWN0b3JDdXJyZW50bHlTZWxlY3RlZCh0aGlzLmZpbGVzLm1hcCgoZSkgPT4gZS5uYW1lKSlbXG4gICAgICAgIHRoaXMubGFuZ3VhZ2UuY3VycmVudFxuICAgICAgXTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9yZW5kZXJGaWxlTGlzdCgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICBjb25zdCBUQUdfTkFNRTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9XG4gICAgICAgIHRoaXMuZmlsZXMubGVuZ3RoID4gMVxuICAgICAgICAgID8geyBXUkFQUEVSOiAndWwnLCBFTEVNRU5UOiAnbGknIH1cbiAgICAgICAgICA6IHsgV1JBUFBFUjogJ2RpdicsIEVMRU1FTlQ6ICdzcGFuJyB9O1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgPCR7dW5zYWZlU3RhdGljKFRBR19OQU1FLldSQVBQRVIpfSBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlLWxpc3RcIj5cbiAgICAgICAgJHt0aGlzLmZpbGVzLm1hcChcbiAgICAgICAgICAoZmlsZTogUmVhZG9ubHk8RmlsZT4pID0+IGh0bWxgXG4gICAgICAgICAgICA8JHt1bnNhZmVTdGF0aWMoVEFHX05BTUUuRUxFTUVOVCl9IGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2ZpbGVcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlLWRldGFpbHNcIj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2ZpbGUtbmFtZVwiPiR7ZmlsZS5uYW1lfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2ZpbGUtc2l6ZVwiPiR7dGhpcy5fZm9ybWF0RmlsZVNpemUoZmlsZS5zaXplKX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b25cbiAgICAgICAgICAgICAgICBzaXplPSR7dGhpcy5zaXplfVxuICAgICAgICAgICAgICAgIGljb24tbmFtZT1cInRyYXNoLXNtYWxsXCJcbiAgICAgICAgICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLl9yZW1vdmVGaWxlKGZpbGUpfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHtgJHtpMThuRmlsZVNlbGVjdG9yRGVsZXRlRmlsZVt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdfSAtICR7ZmlsZS5uYW1lfWB9XG4gICAgICAgICAgICAgID48L3NiYi1zZWNvbmRhcnktYnV0dG9uPlxuICAgICAgICAgICAgPC8ke3Vuc2FmZVN0YXRpYyhUQUdfTkFNRS5FTEVNRU5UKX0+YCxcbiAgICAgICAgKX1cbiAgICAgIDwvJHt1bnNhZmVTdGF0aWMoVEFHX05BTUUuV1JBUFBFUil9PlxuICAgIGA7XG4gICAgICAvKiBlc2xpbnQtZW5hYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuICAgIH1cblxuICAgIHByaXZhdGUgX29uRHJhZ0VudGVyKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICAgIHRoaXMuX2NvdW50ZXIrKztcbiAgICAgIGlmICghdGhpcy5kaXNhYmxlZCAmJiAhdGhpcy5mb3JtRGlzYWJsZWQpIHtcbiAgICAgICAgdGhpcy5fc2V0RHJhZ1N0YXRlKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCwgdHJ1ZSk7XG4gICAgICAgIHRoaXMuX2Jsb2NrRXZlbnQoZXZlbnQpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX29uRHJhZ0xlYXZlKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICAgIHRoaXMuX2NvdW50ZXItLTtcbiAgICAgIGlmIChcbiAgICAgICAgIXRoaXMuZGlzYWJsZWQgJiZcbiAgICAgICAgIXRoaXMuZm9ybURpc2FibGVkICYmXG4gICAgICAgIGV2ZW50LnRhcmdldCA9PT0gdGhpcy5fZHJhZ1RhcmdldCAmJlxuICAgICAgICB0aGlzLl9jb3VudGVyID09PSAwXG4gICAgICApIHtcbiAgICAgICAgdGhpcy5fc2V0RHJhZ1N0YXRlKCk7XG4gICAgICAgIHRoaXMuX2Jsb2NrRXZlbnQoZXZlbnQpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX29uRmlsZURyb3AoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xuICAgICAgdGhpcy5fY291bnRlciA9IDA7XG4gICAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuZm9ybURpc2FibGVkKSB7XG4gICAgICAgIHRoaXMuX3NldERyYWdTdGF0ZSgpO1xuICAgICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICAgICAgdGhpcy5jcmVhdGVGaWxlTGlzdChldmVudC5kYXRhVHJhbnNmZXIhLmZpbGVzKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9ibG9ja0V2ZW50KGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9zZXREcmFnU3RhdGUoXG4gICAgICBkcmFnVGFyZ2V0OiBIVE1MRWxlbWVudCB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZCxcbiAgICAgIGlzRHJhZ0VudGVyOiBib29sZWFuID0gZmFsc2UsXG4gICAgKTogdm9pZCB7XG4gICAgICB0aGlzLl9kcmFnVGFyZ2V0ID0gZHJhZ1RhcmdldDtcbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2FjdGl2ZScsIGlzRHJhZ0VudGVyKTtcbiAgICAgIMm1c3RhdGVDb250cm9sbGVyKHRoaXMubG9hZEJ1dHRvbikudG9nZ2xlKCdhY3RpdmUnLCBpc0RyYWdFbnRlcik7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICBjb25zdCBhcmlhTGFiZWwgPSB0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbFxuICAgICAgICA/IGAke3RoaXMuZ2V0QnV0dG9uTGFiZWwoKX0gLSAke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfWBcbiAgICAgICAgOiB1bmRlZmluZWQ7XG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2lucHV0LWNvbnRhaW5lclwiXG4gICAgICAgICAgQGRyYWdlbnRlcj0ke3RoaXMuX29uRHJhZ0VudGVyfVxuICAgICAgICAgIEBkcmFnb3Zlcj0ke3RoaXMuX2Jsb2NrRXZlbnR9XG4gICAgICAgICAgQGRyYWdsZWF2ZT0ke3RoaXMuX29uRHJhZ0xlYXZlfVxuICAgICAgICAgIEBkcm9wPSR7dGhpcy5fb25GaWxlRHJvcH1cbiAgICAgICAgPlxuICAgICAgICAgICR7dGhpcy5yZW5kZXJUZW1wbGF0ZShcbiAgICAgICAgICAgIGh0bWxgPGlucHV0XG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX3Zpc3VhbGx5LWhpZGRlblwiXG4gICAgICAgICAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgICAgICAgICAgP2Rpc2FibGVkPSR7dGhpcy5kaXNhYmxlZCB8fCB0aGlzLmZvcm1EaXNhYmxlZH1cbiAgICAgICAgICAgICAgP211bHRpcGxlPSR7dGhpcy5tdWx0aXBsZX1cbiAgICAgICAgICAgICAgYWNjZXB0PSR7dGhpcy5hY2NlcHQgfHwgbm90aGluZ31cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD0ke2FyaWFMYWJlbCB8fCBub3RoaW5nfVxuICAgICAgICAgICAgICBAY2hhbmdlPSR7dGhpcy5fcmVhZEZpbGVzfVxuICAgICAgICAgICAgICBAZm9jdXM9JHt0aGlzLl9vbkZvY3VzfVxuICAgICAgICAgICAgICBAYmx1cj0ke3RoaXMuX29uQmx1cn1cbiAgICAgICAgICAgICAgJHtyZWYoKGVsPzogRWxlbWVudCk6IHZvaWQgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuX2hpZGRlbklucHV0ID0gZWwgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAvPmAsXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxwXG4gICAgICAgICAgcm9sZT1cInN0YXR1c1wiXG4gICAgICAgICAgY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fdmlzdWFsbHktaGlkZGVuXCJcbiAgICAgICAgICAke3JlZigocD86IEVsZW1lbnQpID0+ICh0aGlzLl9saXZlUmVnaW9uID0gcCBhcyBIVE1MUGFyYWdyYXBoRWxlbWVudCkpfVxuICAgICAgICA+PC9wPlxuICAgICAgICAke3RoaXMuZmlsZXMubGVuZ3RoID4gMCA/IHRoaXMuX3JlbmRlckZpbGVMaXN0KCkgOiBub3RoaW5nfVxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Vycm9yXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImVycm9yXCI+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIGA7XG4gICAgfVxuICB9XG4gIHJldHVybiBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50IGFzIHVua25vd24gYXMgQ29uc3RydWN0b3I8U2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNpQ0EsMEJBQTBCLFFBQVE7QUFFbEMsSUFBYSwwQkFBMEIsVUFBVSw2QkFBOEI7QUF1Qi9FLElBQWEscUNBQ1gsZUFDMEQ7QUEyVTFELGVBMVUyQztvQkFDakMsaUJBQWlCLHVCQUF1QixXQUFXLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7ZUFEL0MscUNBQ0wsWUFBb0Q7OztBQVdmLFVBQUEseUJB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

package/development/file-selector-dropzone.component-BAWMZW4F.js

@@ -0,0 +1,111 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { html as html$1 } from "lit/static-html.js";
+import { SbbSecondaryButtonStaticElement } from "./button.pure.js";
+import { i18nFileSelectorSubtitleLabel, i18nFileSelectorSubtitleLabelMultiple } from "./core/i18n.js";
+import "./icon.js";
+import { ref } from "lit/directives/ref.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "./file-selector/common/file-selector-common.js";
+//#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.scss?inline
+var file_selector_dropzone_default = ":host([size=m]) {\n  --_sbb-file-selector-dropzone-icon-medium-display: block;\n  --_sbb-file-selector-dropzone-icon-small-display: none;\n}\n\n:host([size=s]) {\n  --_sbb-file-selector-dropzone-icon-medium-display: none;\n  --_sbb-file-selector-dropzone-icon-small-display: block;\n}\n\n.sbb-file-selector__dropzone-area {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: var(--sbb-spacing-responsive-s);\n  background-color: var(--sbb-file-selector-background-color);\n  border: var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);\n  border-radius: var(--sbb-border-radius-4x);\n  transition-duration: var(--sbb-file-selector-transition-duration);\n  transition-timing-function: var(--sbb-file-selector-transition-easing-function);\n  transition-property: background-color, border-color;\n}\n\n.sbb-file-selector__dropzone-area--icon {\n  color: var(--sbb-file-selector-color);\n  line-height: 0;\n}\n.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-medium] {\n  display: var(--_sbb-file-selector-dropzone-icon-medium-display);\n}\n.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-small] {\n  display: var(--_sbb-file-selector-dropzone-icon-small-display);\n}\n\n.sbb-file-selector__dropzone-area--title {\n  font-weight: bold;\n  --sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));\n  --sbb-title-line-height: var(--sbb-typo-line-height-text);\n  margin-block: var(--sbb-title-margin-block, 0);\n  margin-inline: 0;\n  font-family: var(--sbb-typo-font-family);\n  font-weight: bold;\n  font-size: var(--sbb-title-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-heading);\n  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));\n  text-align: center;\n  color: var(--sbb-file-selector-color);\n}\n\n.sbb-file-selector__dropzone-area--subtitle {\n  --sbb-text-font-size: var(--sbb-text-font-size-xs);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n  text-align: center;\n  color: var(--sbb-file-selector-subtitle-color);\n  margin-block-end: var(--sbb-spacing-fixed-4x);\n}";
+//#endregion
+//#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts
+SbbSecondaryButtonStaticElement.define();
+/**
+* It allows to select one or more file from storage devices via button click or drag and drop, and display them.
+*
+* @slot error - Use this to provide a `sbb-error` to show an error message.
+*/
+var SbbFileSelectorDropzoneElement = (() => {
+	let _classSuper = SbbFileSelectorCommonElementMixin(SbbElement);
+	let _titleContent_decorators;
+	let _titleContent_initializers = [];
+	let _titleContent_extraInitializers = [];
+	return class SbbFileSelectorDropzoneElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_titleContent_decorators = [forceType(), property({ attribute: "title-content" })];
+			__esDecorate(this, null, _titleContent_decorators, {
+				kind: "accessor",
+				name: "titleContent",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "titleContent" in obj,
+					get: (obj) => obj.titleContent,
+					set: (obj, value) => {
+						obj.titleContent = value;
+					}
+				},
+				metadata: _metadata
+			}, _titleContent_initializers, _titleContent_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-file-selector-dropzone";
+		}
+		static {
+			this.styles = [
+				boxSizingStyles,
+				fileSelectorCommonStyle,
+				unsafeCSS(file_selector_dropzone_default)
+			];
+		}
+		static {
+			this.events = { filechanged: "filechanged" };
+		}
+		#titleContent_accessor_storage = __runInitializers(this, _titleContent_initializers, "");
+		/** The title displayed in `dropzone` variant. */
+		get titleContent() {
+			return this.#titleContent_accessor_storage;
+		}
+		set titleContent(value) {
+			this.#titleContent_accessor_storage = value;
+		}
+		renderTemplate(input) {
+			return html$1`
+      <label>
+        <span class="sbb-file-selector__dropzone-area">
+          <span class="sbb-file-selector__dropzone-area--icon">
+            <sbb-icon name="folder-open-medium"></sbb-icon>
+            <sbb-icon name="folder-open-small"></sbb-icon>
+          </span>
+          <span class="sbb-file-selector__dropzone-area--title">${this.titleContent}</span>
+          <span class="sbb-file-selector__dropzone-area--subtitle">
+            ${this.multiple ? i18nFileSelectorSubtitleLabelMultiple[this.language.current] : i18nFileSelectorSubtitleLabel[this.language.current]}
+          </span>
+          <span class="sbb-file-selector__dropzone-area--button">
+            <sbb-secondary-button-static
+              size=${this.size}
+              ?disabled=${this.disabled || this.formDisabled}
+              ${ref((el) => {
+				this.loadButton = el;
+			})}
+            >
+              ${this.getButtonLabel()}
+            </sbb-secondary-button-static>
+          </span>
+        </span>
+        ${input}
+      </label>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _titleContent_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbFileSelectorDropzoneElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQtQkFXTVpXNEYuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdChbc2l6ZT0nbSddKSB7XG4gIC0tX3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lLWljb24tbWVkaXVtLWRpc3BsYXk6IGJsb2NrO1xuICAtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLXNtYWxsLWRpc3BsYXk6IG5vbmU7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1fc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUtaWNvbi1tZWRpdW0tZGlzcGxheTogbm9uZTtcbiAgLS1fc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUtaWNvbi1zbWFsbC1kaXNwbGF5OiBibG9jaztcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1zKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgZGFzaGVkIHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItZmlsZS1zZWxlY3Rvci10cmFuc2l0aW9uLWVhc2luZy1mdW5jdGlvbik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGJvcmRlci1jb2xvcjtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1pY29uIHtcbiAgY29sb3I6IHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IDA7XG5cbiAgc2JiLWljb25bbmFtZT0nZm9sZGVyLW9wZW4tbWVkaXVtJ10ge1xuICAgIGRpc3BsYXk6IHZhcigtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLW1lZGl1bS1kaXNwbGF5KTtcbiAgfVxuXG4gIHNiYi1pY29uW25hbWU9J2ZvbGRlci1vcGVuLXNtYWxsJ10ge1xuICAgIGRpc3BsYXk6IHZhcigtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLXNtYWxsLWRpc3BsYXkpO1xuICB9XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGUge1xuICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLTYoJGV4Y2x1ZGUtc3BhY2luZzogdHJ1ZSk7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItY29sb3IpO1xufVxuXG4uc2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXN1YnRpdGxlIHtcbiAgQGluY2x1ZGUgc2JiLnRleHQteHMtLXJlZ3VsYXI7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3Itc3VidGl0bGUtY29sb3IpO1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyByZWYgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9yZWYuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24ucHVyZS50cyc7XG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQge1xuICBpMThuRmlsZVNlbGVjdG9yU3VidGl0bGVMYWJlbCxcbiAgaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWxNdWx0aXBsZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7XG4gIGZpbGVTZWxlY3RvckNvbW1vblN0eWxlLFxuICBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4sXG59IGZyb20gJy4uL2NvbW1vbi9maWxlLXNlbGVjdG9yLWNvbW1vbi50cyc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUuc2Nzcz9pbmxpbmUnO1xuXG4vLyBUT0RPKGJyZWFraW5nLWNoYW5nZSk6IFJlbW92ZSBjYWxsIHRvIGRlZmluZS5cblNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQuZGVmaW5lKCk7XG5cbi8qKlxuICogSXQgYWxsb3dzIHRvIHNlbGVjdCBvbmUgb3IgbW9yZSBmaWxlIGZyb20gc3RvcmFnZSBkZXZpY2VzIHZpYSBidXR0b24gY2xpY2sgb3IgZHJhZyBhbmQgZHJvcCwgYW5kIGRpc3BsYXkgdGhlbS5cbiAqXG4gKiBAc2xvdCBlcnJvciAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBgc2JiLWVycm9yYCB0byBzaG93IGFuIGVycm9yIG1lc3NhZ2UuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQgZXh0ZW5kcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbXG4gICAgYm94U2l6aW5nU3R5bGVzLFxuICAgIGZpbGVTZWxlY3RvckNvbW1vblN0eWxlLFxuICAgIHVuc2FmZUNTUyhzdHlsZSksXG4gIF07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGZpbGVjaGFuZ2VkOiAnZmlsZWNoYW5nZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBUaGUgdGl0bGUgZGlzcGxheWVkIGluIGBkcm9wem9uZWAgdmFyaWFudC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWNvbnRlbnQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUNvbnRlbnQ6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZShpbnB1dDogVGVtcGxhdGVSZXN1bHQpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8bGFiZWw+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWFcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1pY29uXCI+XG4gICAgICAgICAgICA8c2JiLWljb24gbmFtZT1cImZvbGRlci1vcGVuLW1lZGl1bVwiPjwvc2JiLWljb24+XG4gICAgICAgICAgICA8c2JiLWljb24gbmFtZT1cImZvbGRlci1vcGVuLXNtYWxsXCI+PC9zYmItaWNvbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGVcIj4ke3RoaXMudGl0bGVDb250ZW50fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1zdWJ0aXRsZVwiPlxuICAgICAgICAgICAgJHt0aGlzLm11bHRpcGxlXG4gICAgICAgICAgICAgID8gaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWxNdWx0aXBsZVt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICAgIDogaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWxbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tYnV0dG9uXCI+XG4gICAgICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljXG4gICAgICAgICAgICAgIHNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRCdXR0b24gPSBlbCBhcyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50O1xuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgJHt0aGlzLmdldEJ1dHRvbkxhYmVsKCl9XG4gICAgICAgICAgICA8L3NiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYz5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgJHtpbnB1dH1cbiAgICAgIDwvbGFiZWw+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUnOiBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQ3VCQSxnQ0FBZ0MsUUFBUTs7Ozs7O0lBTzNCLHdDQUE4QjttQkFBUyxrQ0FBa0MsV0FBVzs7OztjQUFwRix1Q0FBdUMsWUFBNkM7OzsrQkFZOUYsV0FBVyxFQUNYLFNBQVMsRUFBRSxXQUFXLGlCQUFpQixDQUFDLENBQUE7QUFDekMsZ0JBQUEsTUFBQSxNQUFBLDBCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsa0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBWSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVosZUFBWTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDRCQUFBLGdDQUFBOzs7Ozs7Ozs7QUFiSSxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QjtJQUM5QztJQUNBO0lBQ0EsVUFBVSwrQkFBQTtJQUNYOzs7QUFDc0IsUUFBQSxTQUFTLEVBQzlCLGFBQWEsZUFDTDs7RUFLVixpQ0FBQSxrQkFBQSxNQUFBLDRCQUF1QyxHQUFFOztFQUF6QyxJQUFnQixlQUFZO0FBQUEsVUFBQSxNQUFBOztFQUE1QixJQUFnQixhQUFZLE9BQUE7QUFBQSxTQUFBLGdDQUFBOztFQUVULGVBQWUsT0FBcUI7QUFDckQsVUFBTyxNQUFJOzs7Ozs7O2tFQU9tRCxLQUFLLGFBQVk7O2NBRXJFLEtBQUssV0FDSCxzQ0FBc0MsS0FBSyxTQUFTLFdBQ3BELDhCQUE4QixLQUFLLFNBQVMsU0FBQTs7OztxQkFJdkMsS0FBSyxLQUFBOzBCQUNBLEtBQUssWUFBWSxLQUFLLGFBQUE7Z0JBQ2hDLEtBQUssT0FBc0I7QUFDM0IsU0FBSyxhQUFhO0tBQ2xCLENBQUE7O2dCQUVBLEtBQUssZ0JBQWdCLENBQUE7Ozs7VUFJM0IsTUFBQSJ9