@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1777019159 → 5.0.0-next-dev.1777034079

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,EAAW,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAK9D,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,mBAAmB,EAExB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAQrB,UAAU,EACV,KAAK,qBAAqB,EAI1B,qBAAqB,EAEtB,MAAM,eAAe,CAAC;AAIvB,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,GAC5C,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,GAAG,qBAAqB,EAEjE,YAAY,CAAC,KACZ,mBAAmB,CAAC,qCAAqC,CAAC,GAAG,CAgV/D,CAAC"}
+{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAK9D,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,mBAAmB,EAExB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAQrB,UAAU,EACV,KAAK,qBAAqB,EAI1B,qBAAqB,EAEtB,MAAM,eAAe,CAAC;AAIvB,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,GAC5C,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,GAAG,qBAAqB,EAEjE,YAAY,CAAC,KACZ,mBAAmB,CAAC,qCAAqC,CAAC,GAAG,CA8U/D,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-DE_jT1fa.js";
+import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "../../file-selector-common-BX5f18cJ.js";
 export { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle };

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,EAKL,UAAU,EACV,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;;AASvB;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,mCAA6C;IAC/F,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAG1D;IACF,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,EAKL,UAAU,EACV,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;;AASvB;;;;GAIG;AACH,qBAAa,8BAA+B,SAAQ,mCAA6C;IAC/F,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAG1D;IACF,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-B1Y5qOjb.js";
+import { t as SbbFileSelectorDropzoneElement } from "../../file-selector-dropzone.component-DMNom2OW.js";
 export { SbbFileSelectorDropzoneElement };

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

@@ -0,0 +1,409 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbDisabledMixin, SbbFormAssociatedMixin, SbbLanguageController, forceType, forwardEvent, i18nFileSelectorButtonLabel, i18nFileSelectorButtonLabelMultiple, i18nFileSelectorCurrentlySelected, i18nFileSelectorDeleteFile, isLean, sbbInputModalityDetector, ɵstateController } from "./core.js";
+import { html as html$1, unsafeStatic } from "lit/static-html.js";
+import { SbbSecondaryButtonElement } from "./button.pure.js";
+import { ref } from "lit/directives/ref.js";
+//#endregion
+//#region src/elements/file-selector/common/file-selector-common.ts
+var fileSelectorCommonStyle = unsafeCSS(":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}");
+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.elementDependencies = [SbbSecondaryButtonElement];
+			}
+			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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1jb21tb24tQlg1ZjE4Y0ouanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcblxuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgzMjApfTtcbn1cblxuOmhvc3QoOmRpc2FibGVkKSB7XG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLXN1YnRpdGxlLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi1maWxlLXNlbGVjdG9yLWJvcmRlci1jb2xvcjogR3JheVRleHQ7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKGFjdGl2ZSkpIHtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0zKTtcbiAgLS1zYmItZmlsZS1zZWxlY3Rvci1ib3JkZXItY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLXN0b3JtKSwgdmFyKC0tc2JiLWNvbG9yLWFudGhyYWNpdGUpKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItZmlsZS1zZWxlY3Rvci1ib3JkZXItY29sb3I6IEhpZ2hsaWdodDtcbiAgfVxufVxuXG4uc2JiLWZpbGUtc2VsZWN0b3JfX2lucHV0LWNvbnRhaW5lciB7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fdmlzdWFsbHktaGlkZGVuIHtcbiAgQGluY2x1ZGUgc2JiLnNjcmVlbi1yZWFkZXItb25seTtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICByb3ctZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIG1hcmdpbi1ibG9jazogMDtcbiAgcGFkZGluZy1pbmxpbmU6IDA7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KSB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0xeCk7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZmlsZSB7XG4gIEBpbmNsdWRlIHNiYi50ZXh0LXMtLXJlZ3VsYXI7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLWRldGFpbHMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNHgpO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19maWxlLW5hbWUge1xuICBAaW5jbHVkZSBzYmIuZWxsaXBzaXM7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1zaXplIHtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLW1ldGFsKSwgdmFyKC0tc2JiLWNvbG9yLXNtb2tlKSk7XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZXJyb3Ige1xuICA6aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWVycm9yKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiIsImltcG9ydCB7IG5vdGhpbmcsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQge1xuICBTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50LFxuICB0eXBlIFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQsXG59IGZyb20gJy4uLy4uL2J1dHRvbi5wdXJlLnRzJztcbmltcG9ydCB7XG4gIHR5cGUgQWJzdHJhY3RDb25zdHJ1Y3RvcixcbiAgZm9yY2VUeXBlLFxuICB0eXBlIEZvcm1SZXN0b3JlUmVhc29uLFxuICB0eXBlIEZvcm1SZXN0b3JlU3RhdGUsXG4gIGZvcndhcmRFdmVudCxcbiAgaTE4bkZpbGVTZWxlY3RvckJ1dHRvbkxhYmVsLFxuICBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWxNdWx0aXBsZSxcbiAgaTE4bkZpbGVTZWxlY3RvckN1cnJlbnRseVNlbGVjdGVkLFxuICBpMThuRmlsZVNlbGVjdG9yRGVsZXRlRmlsZSxcbiAgaXNMZWFuLFxuICBTYmJEaXNhYmxlZE1peGluLFxuICBTYmJFbGVtZW50LFxuICB0eXBlIFNiYkVsZW1lbnRDb25zdHJ1Y3RvcixcbiAgdHlwZSBTYmJFbGVtZW50VHlwZSxcbiAgU2JiRm9ybUFzc29jaWF0ZWRNaXhpbixcbiAgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yLFxuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG4gIMm1c3RhdGVDb250cm9sbGVyLFxufSBmcm9tICcuLi8uLi9jb3JlLnRzJztcblxuaW1wb3J0IGZpbGVTZWxlY3RvckNvbW1vblN0eWxlU3RyaW5nIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1jb21tb24uc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUgPSB1bnNhZmVDU1MoZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGVTdHJpbmcpO1xuXG5leHBvcnQgZGVjbGFyZSBhYnN0cmFjdCBjbGFzcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW5UeXBlIGV4dGVuZHMgU2JiRGlzYWJsZWRNaXhpbihcbiAgU2JiRm9ybUFzc29jaWF0ZWRNaXhpbihTYmJFbGVtZW50KSxcbikge1xuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ20nO1xuICBwdWJsaWMgYWNjZXNzb3IgbXVsdGlwbGU6IGJvb2xlYW47XG4gIHB1YmxpYyBhY2Nlc3NvciBtdWx0aXBsZU1vZGU6ICdkZWZhdWx0JyB8ICdwZXJzaXN0ZW50JztcbiAgcHVibGljIGFjY2Vzc29yIGFjY2VwdDogc3RyaW5nO1xuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmc7XG4gIHB1YmxpYyBhY2Nlc3NvciBmaWxlczogUmVhZG9ubHk8RmlsZT5bXTtcbiAgcHVibGljIG92ZXJyaWRlIGdldCB2YWx1ZSgpOiBzdHJpbmcgfCBudWxsO1xuICBwdWJsaWMgb3ZlcnJpZGUgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcgfCBudWxsKTtcbiAgcHJvdGVjdGVkIGxvYWRCdXR0b246IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gIHByb3RlY3RlZCBsYW5ndWFnZTogU2JiTGFuZ3VhZ2VDb250cm9sbGVyO1xuICBwcm90ZWN0ZWQgYWJzdHJhY3QgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQ7XG4gIHByb3RlY3RlZCBjcmVhdGVGaWxlTGlzdChmaWxlczogRmlsZUxpc3QpOiB2b2lkO1xuICBwcm90ZWN0ZWQgZ2V0QnV0dG9uTGFiZWwoKTogc3RyaW5nO1xuICBwdWJsaWMgZm9ybVJlc2V0Q2FsbGJhY2soKTogdm9pZDtcbiAgcHVibGljIGZvcm1TdGF0ZVJlc3RvcmVDYWxsYmFjayhzdGF0ZTogRm9ybVJlc3RvcmVTdGF0ZSB8IG51bGwsIHJlYXNvbjogRm9ybVJlc3RvcmVSZWFzb24pOiB2b2lkO1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluID0gPFxuICBUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJFbGVtZW50PiAmIFNiYkVsZW1lbnRDb25zdHJ1Y3Rvcixcbj4oXG4gIHN1cGVyY2xhc3M6IFQsXG4pOiBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIGFic3RyYWN0IGNsYXNzIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRcbiAgICBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiRm9ybUFzc29jaWF0ZWRNaXhpbihzdXBlcmNsYXNzKSlcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluVHlwZT5cbiAge1xuICAgIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50XTtcbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICAgIGZpbGVjaGFuZ2VkOiAnZmlsZWNoYW5nZWQnLFxuICAgIH0gYXMgY29uc3Q7XG5cbiAgICAvKipcbiAgICAgKiBTaXplIHZhcmlhbnQsIGVpdGhlciBzIG9yIG0uXG4gICAgICogQGRlZmF1bHQgJ20nIC8gJ3MnIChsZWFuKVxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdzJyB8ICdtJyA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gICAgLyoqIFdoZXRoZXIgbW9yZSB0aGFuIG9uZSBmaWxlIGNhbiBiZSBzZWxlY3RlZC4gKi9cbiAgICBAZm9yY2VUeXBlKClcbiAgICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuIH0pXG4gICAgcHVibGljIGFjY2Vzc29yIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogV2hldGhlciB0aGUgbmV3bHkgYWRkZWQgZmlsZXMgc2hvdWxkIG92ZXJyaWRlIHRoZSBwcmV2aW91c2x5IGFkZGVkIG9uZXMuICovXG4gICAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbXVsdGlwbGUtbW9kZScgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgbXVsdGlwbGVNb2RlOiAnZGVmYXVsdCcgfCAncGVyc2lzdGVudCcgPSAnZGVmYXVsdCc7XG5cbiAgICAvKiogQSBjb21tYS1zZXBhcmF0ZWQgbGlzdCBvZiBhbGxvd2VkIHVuaXF1ZSBmaWxlIHR5cGUgc3BlY2lmaWVycy4gKi9cbiAgICBAZm9yY2VUeXBlKClcbiAgICBAcHJvcGVydHkoKVxuICAgIHB1YmxpYyBhY2Nlc3NvciBhY2NlcHQ6IHN0cmluZyA9ICcnO1xuXG4gICAgLyoqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQuICovXG4gICAgQGZvcmNlVHlwZSgpXG4gICAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAgIC8qKiBUaGUgcGF0aCBvZiB0aGUgZmlyc3Qgc2VsZWN0ZWQgZmlsZS4gRW1wdHkgc3RyaW5nICgnJykgaWYgbm8gZmlsZSBpcyBzZWxlY3RlZCAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogZmFsc2UgfSlcbiAgICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XG4gICAgICB0aGlzLl9oaWRkZW5JbnB1dC52YWx1ZSA9IHZhbHVlID8/ICcnO1xuXG4gICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgIHRoaXMuZmlsZXMgPSBbXTtcbiAgICAgIH1cbiAgICB9XG4gICAgcHVibGljIGdldCB2YWx1ZSgpOiBzdHJpbmcgfCBudWxsIHtcbiAgICAgIHJldHVybiB0aGlzLl9oaWRkZW5JbnB1dD8udmFsdWU7XG4gICAgfVxuXG4gICAgLyoqIFRoZSBsaXN0IG9mIHNlbGVjdGVkIGZpbGVzLiAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogZmFsc2UgfSlcbiAgICBwdWJsaWMgc2V0IGZpbGVzKHZhbHVlOiBSZWFkb25seTxGaWxlPltdKSB7XG4gICAgICB0aGlzLl9maWxlcyA9IHZhbHVlID8/IFtdO1xuXG4gICAgICAvLyB1cGRhdGUgdGhlIGlubmVyIGlucHV0XG4gICAgICBjb25zdCBkdDogRGF0YVRyYW5zZmVyID0gbmV3IERhdGFUcmFuc2ZlcigpO1xuICAgICAgdGhpcy5maWxlcy5mb3JFYWNoKChlOiBSZWFkb25seTxGaWxlPikgPT4gZHQuaXRlbXMuYWRkKGUpKTtcbiAgICAgIHRoaXMuX2hpZGRlbklucHV0LmZpbGVzID0gZHQuZmlsZXM7XG5cbiAgICAgIHRoaXMudXBkYXRlRm9ybVZhbHVlKCk7XG4gICAgfVxuICAgIHB1YmxpYyBnZXQgZmlsZXMoKTogUmVhZG9ubHk8RmlsZT5bXSB7XG4gICAgICByZXR1cm4gdGhpcy5fZmlsZXM7XG4gICAgfVxuICAgIHByaXZhdGUgX2ZpbGVzOiBSZWFkb25seTxGaWxlPltdID0gW107XG5cbiAgICAvKipcbiAgICAgKiBGb3JtIHR5cGUgb2YgZWxlbWVudC5cbiAgICAgKiBAZGVmYXVsdCAnZmlsZSdcbiAgICAgKi9cbiAgICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IHR5cGUoKTogc3RyaW5nIHtcbiAgICAgIHJldHVybiAnZmlsZSc7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfaGlkZGVuSW5wdXQhOiBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHByaXZhdGUgX3N1ZmZpeGVzOiBzdHJpbmdbXSA9IFsnQicsICdrQicsICdNQicsICdHQicsICdUQiddO1xuICAgIHByaXZhdGUgX2xpdmVSZWdpb24hOiBIVE1MUGFyYWdyYXBoRWxlbWVudDtcbiAgICBwcm90ZWN0ZWQgbG9hZEJ1dHRvbiE6IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gICAgcHJvdGVjdGVkIGxhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICAgIC8vIFNhZmFyaSBoYXMgYSBwZWN1bGlhciBiZWhhdmlvciB3aGVuIGRyYWdnaW5nIGZpbGVzIG9uIHRoZSBpbm5lciBidXR0b24gaW4gJ2Ryb3B6b25lJyB2YXJpYW50O1xuICAgIC8vIHRoaXMgd2lsbCByZXF1aXJlIGEgY291bnRlciB0byBjb3JyZWN0bHkgaGFuZGxlIHRoZSBkcmFnRW50ZXIvZHJhZ0xlYXZlLlxuICAgIHByaXZhdGUgX2NvdW50ZXI6IG51bWJlciA9IDA7XG4gICAgcHJpdmF0ZSBfZHJhZ1RhcmdldD86IEhUTUxFbGVtZW50O1xuXG4gICAgcHJvdGVjdGVkIGFic3RyYWN0IHJlbmRlclRlbXBsYXRlKGlucHV0OiBUZW1wbGF0ZVJlc3VsdCk6IFRlbXBsYXRlUmVzdWx0O1xuXG4gICAgcHVibGljIG92ZXJyaWRlIGZvcm1SZXNldENhbGxiYWNrKCk6IHZvaWQge1xuICAgICAgdGhpcy5maWxlcyA9IFtdO1xuICAgIH1cblxuICAgIHB1YmxpYyBvdmVycmlkZSBmb3JtU3RhdGVSZXN0b3JlQ2FsbGJhY2soXG4gICAgICBzdGF0ZTogRm9ybVJlc3RvcmVTdGF0ZSB8IG51bGwsXG4gICAgICBfcmVhc29uPzogRm9ybVJlc3RvcmVSZWFzb24sXG4gICAgKTogdm9pZCB7XG4gICAgICBpZiAoIXN0YXRlKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHRoaXMuZmlsZXMgPSAoc3RhdGUgYXMgRm9ybURhdGEpLmdldEFsbCh0aGlzLm5hbWUpIGFzIFJlYWRvbmx5PEZpbGU+W107XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHVwZGF0ZUZvcm1WYWx1ZSgpOiB2b2lkIHtcbiAgICAgIGNvbnN0IGZvcm1WYWx1ZSA9IG5ldyBGb3JtRGF0YSgpO1xuICAgICAgdGhpcy5maWxlcy5mb3JFYWNoKChmaWxlKSA9PiBmb3JtVmFsdWUuYXBwZW5kKHRoaXMubmFtZSwgZmlsZSkpO1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc2V0Rm9ybVZhbHVlKGZvcm1WYWx1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY2hlY2tGaWxlRXF1YWxpdHkoZmlsZTE6IFJlYWRvbmx5PEZpbGU+LCBmaWxlMjogUmVhZG9ubHk8RmlsZT4pOiBib29sZWFuIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIGZpbGUxLm5hbWUgPT09IGZpbGUyLm5hbWUgJiZcbiAgICAgICAgZmlsZTEuc2l6ZSA9PT0gZmlsZTIuc2l6ZSAmJlxuICAgICAgICBmaWxlMS5sYXN0TW9kaWZpZWQgPT09IGZpbGUyLmxhc3RNb2RpZmllZFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkZvY3VzKCk6IHZvaWQge1xuICAgICAgaWYgKHNiYklucHV0TW9kYWxpdHlEZXRlY3Rvci5tb3N0UmVjZW50TW9kYWxpdHkgPT09ICdrZXlib2FyZCcpIHtcbiAgICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGhpcy5sb2FkQnV0dG9uKS5hZGQoJ2ZvY3VzLXZpc2libGUnKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkJsdXIoKTogdm9pZCB7XG4gICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmxvYWRCdXR0b24pLmRlbGV0ZSgnZm9jdXMtdmlzaWJsZScpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3JlYWRGaWxlcyhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgIGNvbnN0IGZpbGVJbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgaWYgKGZpbGVJbnB1dC5maWxlcykge1xuICAgICAgICB0aGlzLmNyZWF0ZUZpbGVMaXN0KGZpbGVJbnB1dC5maWxlcyk7XG4gICAgICB9XG4gICAgICBmb3J3YXJkRXZlbnQoZXZlbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBjcmVhdGVGaWxlTGlzdChmaWxlczogRmlsZUxpc3QpOiB2b2lkIHtcbiAgICAgIGNvbnN0IGZpbGVBcnJheSA9IEFycmF5LmZyb20oZmlsZXMpO1xuICAgICAgaWYgKFxuICAgICAgICAoIXRoaXMubXVsdGlwbGUgJiYgZmlsZXMubGVuZ3RoID4gMSkgfHxcbiAgICAgICAgKHRoaXMuYWNjZXB0ICYmXG4gICAgICAgICAgZmlsZUFycmF5LnNvbWUoXG4gICAgICAgICAgICAoZmlsZSkgPT4gIXRoaXMuYWNjZXB0LnNwbGl0KCcsJykuc29tZSgoYSkgPT4gZmlsZS5uYW1lLmVuZHNXaXRoKGEudHJpbSgpKSksXG4gICAgICAgICAgKSlcbiAgICAgICkge1xuICAgICAgICAvLyBJZiBtdWx0aXBsZSBmaWxlcyBhcmUgc2VsZWN0ZWQgYnV0IHRoZSBzZWxlY3RvciBpcyBub3QgaW4gbXVsdGlwbGUgbW9kZSxcbiAgICAgICAgLy8gaWdub3JlIHRoZSBzZWxlY3Rpb24gKGxpa2UgbmF0aXZlIGJlaGF2aW9yKS5cbiAgICAgICAgLy8gSWYgdGhlIGFjY2VwdCBhdHRyaWJ1dGUgaXMgc2V0LCBjaGVjayBpZiB0aGUgc2VsZWN0ZWQgZmlsZXMgbWF0Y2ggdGhlIGFsbG93ZWQgdHlwZXMuXG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgaWYgKCF0aGlzLm11bHRpcGxlIHx8IHRoaXMubXVsdGlwbGVNb2RlICE9PSAncGVyc2lzdGVudCcgfHwgdGhpcy5maWxlcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgdGhpcy5maWxlcyA9IGZpbGVBcnJheTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuZmlsZXMgPSBmaWxlQXJyYXlcbiAgICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgICAgLy8gUmVtb3ZlIGR1cGxpY2F0ZXNcbiAgICAgICAgICAgIChuZXdGaWxlOiBSZWFkb25seTxGaWxlPik6IGJvb2xlYW4gPT5cbiAgICAgICAgICAgICAgdGhpcy5maWxlcyEuZmluZEluZGV4KChvbGRGaWxlOiBSZWFkb25seTxGaWxlPikgPT5cbiAgICAgICAgICAgICAgICB0aGlzLl9jaGVja0ZpbGVFcXVhbGl0eShuZXdGaWxlLCBvbGRGaWxlKSxcbiAgICAgICAgICAgICAgKSA9PT0gLTEsXG4gICAgICAgICAgKVxuICAgICAgICAgIC5jb25jYXQodGhpcy5maWxlcyk7XG4gICAgICB9XG4gICAgICB0aGlzLl91cGRhdGVBMTF5TGl2ZVJlZ2lvbigpO1xuICAgICAgdGhpcy5fZGlzcGF0Y2hGaWxlQ2hhbmdlZEV2ZW50KCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldEJ1dHRvbkxhYmVsKCk6IHN0cmluZyB7XG4gICAgICByZXR1cm4gdGhpcy5tdWx0aXBsZVxuICAgICAgICA/IGkxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbE11bHRpcGxlW3RoaXMubGFuZ3VhZ2UuY3VycmVudF1cbiAgICAgICAgOiBpMThuRmlsZVNlbGVjdG9yQnV0dG9uTGFiZWxbdGhpcy5sYW5ndWFnZS5jdXJyZW50XTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9yZW1vdmVGaWxlKGZpbGU6IFJlYWRvbmx5PEZpbGU+KTogdm9pZCB7XG4gICAgICB0aGlzLmZpbGVzID0gdGhpcy5maWxlcy5maWx0ZXIoKGY6IFJlYWRvbmx5PEZpbGU+KSA9PiAhdGhpcy5fY2hlY2tGaWxlRXF1YWxpdHkoZmlsZSwgZikpO1xuICAgICAgdGhpcy5fdXBkYXRlQTExeUxpdmVSZWdpb24oKTtcblxuICAgICAgLy8gRGlzcGF0Y2ggbmF0aXZlIGV2ZW50cyBhcyBpZiB0aGUgcmVzZXQgaXMgZG9uZSB2aWEgdGhlIGZpbGUgc2VsZWN0aW9uIHdpbmRvdy5cbiAgICAgIC8qKiBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi4gKi9cbiAgICAgIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgICAgbmV3IElucHV0RXZlbnQoJ2lucHV0Jywge1xuICAgICAgICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgICAgICAgY29tcG9zZWQ6IHRydWUsXG4gICAgICAgIH0pLFxuICAgICAgKTtcblxuICAgICAgLyoqXG4gICAgICAgKiBUaGUgY2hhbmdlIGV2ZW50IGlzIGZpcmVkIHdoZW4gdGhlIHVzZXIgbW9kaWZpZXMgdGhlIGVsZW1lbnQncyB2YWx1ZS5cbiAgICAgICAqIFVubGlrZSB0aGUgaW5wdXQgZXZlbnQsIHRoZSBjaGFuZ2UgZXZlbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGZpcmVkXG4gICAgICAgKiBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAgICAgICAqL1xuICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnY2hhbmdlJywgeyBidWJibGVzOiB0cnVlIH0pKTtcbiAgICAgIHRoaXMuX2Rpc3BhdGNoRmlsZUNoYW5nZWRFdmVudCgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2Rpc3BhdGNoRmlsZUNoYW5nZWRFdmVudCgpOiB2b2lkIHtcbiAgICAgIC8qKlxuICAgICAgICogQHR5cGUge0N1c3RvbUV2ZW50PFJlYWRvbmx5PEZpbGU+W10+fVxuICAgICAgICogQW4gZXZlbnQgd2hpY2ggaXMgZW1pdHRlZCBlYWNoIHRpbWUgdGhlIGZpbGUgbGlzdCBjaGFuZ2VzLlxuICAgICAgICovXG4gICAgICB0aGlzLmRpc3BhdGNoRXZlbnQoXG4gICAgICAgIG5ldyBDdXN0b21FdmVudDxSZWFkb25seTxGaWxlPltdPignZmlsZWNoYW5nZWQnLCB7XG4gICAgICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgICAgICBjb21wb3NlZDogdHJ1ZSxcbiAgICAgICAgICBkZXRhaWw6IHRoaXMuZmlsZXMsXG4gICAgICAgIH0pLFxuICAgICAgKTtcbiAgICB9XG5cbiAgICAvKiogQ2FsY3VsYXRlcyB0aGUgY29ycmVjdCB1bml0IGZvciB0aGUgZmlsZSdzIHNpemUuICovXG4gICAgcHJpdmF0ZSBfZm9ybWF0RmlsZVNpemUoc2l6ZTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICAgIGNvbnN0IGk6IG51bWJlciA9IE1hdGguZmxvb3IoTWF0aC5sb2coc2l6ZSkgLyBNYXRoLmxvZygxMDI0KSk7XG4gICAgICByZXR1cm4gYCR7KHNpemUgLyBNYXRoLnBvdygxMDI0LCBpKSkudG9GaXhlZCgwKX0gJHt0aGlzLl9zdWZmaXhlc1tpXX1gO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3VwZGF0ZUExMXlMaXZlUmVnaW9uKCk6IHZvaWQge1xuICAgICAgdGhpcy5fbGl2ZVJlZ2lvbi5pbm5lclRleHQgPSBpMThuRmlsZVNlbGVjdG9yQ3VycmVudGx5U2VsZWN0ZWQodGhpcy5maWxlcy5tYXAoKGUpID0+IGUubmFtZSkpW1xuICAgICAgICB0aGlzLmxhbmd1YWdlLmN1cnJlbnRcbiAgICAgIF07XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfcmVuZGVyRmlsZUxpc3QoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgY29uc3QgVEFHX05BTUU6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPVxuICAgICAgICB0aGlzLmZpbGVzLmxlbmd0aCA+IDFcbiAgICAgICAgICA/IHsgV1JBUFBFUjogJ3VsJywgRUxFTUVOVDogJ2xpJyB9XG4gICAgICAgICAgOiB7IFdSQVBQRVI6ICdkaXYnLCBFTEVNRU5UOiAnc3BhbicgfTtcblxuICAgICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgIDwke3Vuc2FmZVN0YXRpYyhUQUdfTkFNRS5XUkFQUEVSKX0gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1saXN0XCI+XG4gICAgICAgICR7dGhpcy5maWxlcy5tYXAoXG4gICAgICAgICAgKGZpbGU6IFJlYWRvbmx5PEZpbGU+KSA9PiBodG1sYFxuICAgICAgICAgICAgPCR7dW5zYWZlU3RhdGljKFRBR19OQU1FLkVMRU1FTlQpfSBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZmlsZS1kZXRhaWxzXCI+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlLW5hbWVcIj4ke2ZpbGUubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19maWxlLXNpemVcIj4ke3RoaXMuX2Zvcm1hdEZpbGVTaXplKGZpbGUuc2l6ZSl9PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uXG4gICAgICAgICAgICAgICAgc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgICAgICAgICBpY29uLW5hbWU9XCJ0cmFzaC1zbWFsbFwiXG4gICAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fcmVtb3ZlRmlsZShmaWxlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPSR7YCR7aTE4bkZpbGVTZWxlY3RvckRlbGV0ZUZpbGVbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX0gLSAke2ZpbGUubmFtZX1gfVxuICAgICAgICAgICAgICA+PC9zYmItc2Vjb25kYXJ5LWJ1dHRvbj5cbiAgICAgICAgICAgIDwvJHt1bnNhZmVTdGF0aWMoVEFHX05BTUUuRUxFTUVOVCl9PmAsXG4gICAgICAgICl9XG4gICAgICA8LyR7dW5zYWZlU3RhdGljKFRBR19OQU1FLldSQVBQRVIpfT5cbiAgICBgO1xuICAgICAgLyogZXNsaW50LWVuYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkRyYWdFbnRlcihldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgICB0aGlzLl9jb3VudGVyKys7XG4gICAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuZm9ybURpc2FibGVkKSB7XG4gICAgICAgIHRoaXMuX3NldERyYWdTdGF0ZShldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQsIHRydWUpO1xuICAgICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkRyYWdMZWF2ZShldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgICB0aGlzLl9jb3VudGVyLS07XG4gICAgICBpZiAoXG4gICAgICAgICF0aGlzLmRpc2FibGVkICYmXG4gICAgICAgICF0aGlzLmZvcm1EaXNhYmxlZCAmJlxuICAgICAgICBldmVudC50YXJnZXQgPT09IHRoaXMuX2RyYWdUYXJnZXQgJiZcbiAgICAgICAgdGhpcy5fY291bnRlciA9PT0gMFxuICAgICAgKSB7XG4gICAgICAgIHRoaXMuX3NldERyYWdTdGF0ZSgpO1xuICAgICAgICB0aGlzLl9ibG9ja0V2ZW50KGV2ZW50KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9vbkZpbGVEcm9wKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICAgIHRoaXMuX2NvdW50ZXIgPSAwO1xuICAgICAgaWYgKCF0aGlzLmRpc2FibGVkICYmICF0aGlzLmZvcm1EaXNhYmxlZCkge1xuICAgICAgICB0aGlzLl9zZXREcmFnU3RhdGUoKTtcbiAgICAgICAgdGhpcy5fYmxvY2tFdmVudChldmVudCk7XG4gICAgICAgIHRoaXMuY3JlYXRlRmlsZUxpc3QoZXZlbnQuZGF0YVRyYW5zZmVyIS5maWxlcyk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfYmxvY2tFdmVudChldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfc2V0RHJhZ1N0YXRlKFxuICAgICAgZHJhZ1RhcmdldDogSFRNTEVsZW1lbnQgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQsXG4gICAgICBpc0RyYWdFbnRlcjogYm9vbGVhbiA9IGZhbHNlLFxuICAgICk6IHZvaWQge1xuICAgICAgdGhpcy5fZHJhZ1RhcmdldCA9IGRyYWdUYXJnZXQ7XG4gICAgICB0aGlzLnRvZ2dsZVN0YXRlKCdhY3RpdmUnLCBpc0RyYWdFbnRlcik7XG4gICAgICDJtXN0YXRlQ29udHJvbGxlcih0aGlzLmxvYWRCdXR0b24pLnRvZ2dsZSgnYWN0aXZlJywgaXNEcmFnRW50ZXIpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgY29uc3QgYXJpYUxhYmVsID0gdGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWxcbiAgICAgICAgPyBgJHt0aGlzLmdldEJ1dHRvbkxhYmVsKCl9IC0gJHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH1gXG4gICAgICAgIDogdW5kZWZpbmVkO1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19pbnB1dC1jb250YWluZXJcIlxuICAgICAgICAgIEBkcmFnZW50ZXI9JHt0aGlzLl9vbkRyYWdFbnRlcn1cbiAgICAgICAgICBAZHJhZ292ZXI9JHt0aGlzLl9ibG9ja0V2ZW50fVxuICAgICAgICAgIEBkcmFnbGVhdmU9JHt0aGlzLl9vbkRyYWdMZWF2ZX1cbiAgICAgICAgICBAZHJvcD0ke3RoaXMuX29uRmlsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICAke3RoaXMucmVuZGVyVGVtcGxhdGUoXG4gICAgICAgICAgICBodG1sYDxpbnB1dFxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX192aXN1YWxseS1oaWRkZW5cIlxuICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAgID9tdWx0aXBsZT0ke3RoaXMubXVsdGlwbGV9XG4gICAgICAgICAgICAgIGFjY2VwdD0ke3RoaXMuYWNjZXB0IHx8IG5vdGhpbmd9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHthcmlhTGFiZWwgfHwgbm90aGluZ31cbiAgICAgICAgICAgICAgQGNoYW5nZT0ke3RoaXMuX3JlYWRGaWxlc31cbiAgICAgICAgICAgICAgQGZvY3VzPSR7dGhpcy5fb25Gb2N1c31cbiAgICAgICAgICAgICAgQGJsdXI9JHt0aGlzLl9vbkJsdXJ9XG4gICAgICAgICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLl9oaWRkZW5JbnB1dCA9IGVsIGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgLz5gLFxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8cFxuICAgICAgICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgICAgICAgIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX3Zpc3VhbGx5LWhpZGRlblwiXG4gICAgICAgICAgJHtyZWYoKHA/OiBFbGVtZW50KSA9PiAodGhpcy5fbGl2ZVJlZ2lvbiA9IHAgYXMgSFRNTFBhcmFncmFwaEVsZW1lbnQpKX1cbiAgICAgICAgPjwvcD5cbiAgICAgICAgJHt0aGlzLmZpbGVzLmxlbmd0aCA+IDAgPyB0aGlzLl9yZW5kZXJGaWxlTGlzdCgpIDogbm90aGluZ31cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19lcnJvclwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJlcnJvclwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudCBhcyB1bmtub3duIGFzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUNnQ0EsSUFBYSwwQkFBMEIsVUFBVSwyMEVBQThCO0FBdUIvRSxJQUFhLHFDQUdYLGVBQ2tFO0FBNFVsRSxlQTNVMkM7b0JBQ2pDLGlCQUFpQix1QkFBdUIsV0FBVyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O2VBRC9DLHFDQUNMLFlBQW9EOzs7QUFZZixVQUFBLHlCQWJoQyxrQkFBQSxNQUFBLDJCQUE0QixFQUFBLGtCQUFBLE1BQUEsb0JBYXNCLFFBQVEsR0FBRyxNQUFNLElBQUc7QUFLbkUsVUFBQSw2QkFBQSxrQkFBQSxNQUFBLHdCQUFBLEVBQUEsa0JBQUEsTUFBQSx3QkFBb0IsTUFBSztBQUl6QixVQUFBLGlDQUFBLGtCQUFBLE1BQUEsNEJBQUEsRUFBQSxrQkFBQSxNQUFBLDRCQUF5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

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

@@ -0,0 +1,110 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement, boxSizingStyles, forceType, i18nFileSelectorSubtitleLabel, i18nFileSelectorSubtitleLabelMultiple } from "./core.js";
+import { html as html$1 } from "lit/static-html.js";
+import { SbbSecondaryButtonStaticElement } from "./button.pure.js";
+import { SbbIconElement } from "./icon.pure.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
+/**
+* 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.elementDependencies = [SbbIconElement, SbbSecondaryButtonStaticElement];
+		}
+		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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQtRE1Ob20yT1cuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS9maWxlLXNlbGVjdG9yLWRyb3B6b25lLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdChbc2l6ZT0nbSddKSB7XG4gIC0tX3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lLWljb24tbWVkaXVtLWRpc3BsYXk6IGJsb2NrO1xuICAtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLXNtYWxsLWRpc3BsYXk6IG5vbmU7XG59XG5cbjpob3N0KFtzaXplPSdzJ10pIHtcbiAgLS1fc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUtaWNvbi1tZWRpdW0tZGlzcGxheTogbm9uZTtcbiAgLS1fc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUtaWNvbi1zbWFsbC1kaXNwbGF5OiBibG9jaztcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS1zKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgZGFzaGVkIHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItdHJhbnNpdGlvbi1kdXJhdGlvbik7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItZmlsZS1zZWxlY3Rvci10cmFuc2l0aW9uLWVhc2luZy1mdW5jdGlvbik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGJvcmRlci1jb2xvcjtcbn1cblxuLnNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhLS1pY29uIHtcbiAgY29sb3I6IHZhcigtLXNiYi1maWxlLXNlbGVjdG9yLWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IDA7XG5cbiAgc2JiLWljb25bbmFtZT0nZm9sZGVyLW9wZW4tbWVkaXVtJ10ge1xuICAgIGRpc3BsYXk6IHZhcigtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLW1lZGl1bS1kaXNwbGF5KTtcbiAgfVxuXG4gIHNiYi1pY29uW25hbWU9J2ZvbGRlci1vcGVuLXNtYWxsJ10ge1xuICAgIGRpc3BsYXk6IHZhcigtLV9zYmItZmlsZS1zZWxlY3Rvci1kcm9wem9uZS1pY29uLXNtYWxsLWRpc3BsYXkpO1xuICB9XG59XG5cbi5zYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGUge1xuICBAaW5jbHVkZSBzYmIudGV4dC0tYm9sZDtcbiAgQGluY2x1ZGUgc2JiLnRpdGxlLTYoJGV4Y2x1ZGUtc3BhY2luZzogdHJ1ZSk7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3ItY29sb3IpO1xufVxuXG4uc2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXN1YnRpdGxlIHtcbiAgQGluY2x1ZGUgc2JiLnRleHQteHMtLXJlZ3VsYXI7XG5cbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tc2JiLWZpbGUtc2VsZWN0b3Itc3VidGl0bGUtY29sb3IpO1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyByZWYgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9yZWYuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24ucHVyZS50cyc7XG5pbXBvcnQge1xuICBib3hTaXppbmdTdHlsZXMsXG4gIGZvcmNlVHlwZSxcbiAgaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWwsXG4gIGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsTXVsdGlwbGUsXG4gIFNiYkVsZW1lbnQsXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG59IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbkVsZW1lbnQgfSBmcm9tICcuLi8uLi9pY29uLnB1cmUudHMnO1xuaW1wb3J0IHtcbiAgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUsXG4gIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpbixcbn0gZnJvbSAnLi4vY29tbW9uL2ZpbGUtc2VsZWN0b3ItY29tbW9uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgYWxsb3dzIHRvIHNlbGVjdCBvbmUgb3IgbW9yZSBmaWxlIGZyb20gc3RvcmFnZSBkZXZpY2VzIHZpYSBidXR0b24gY2xpY2sgb3IgZHJhZyBhbmQgZHJvcCwgYW5kIGRpc3BsYXkgdGhlbS5cbiAqXG4gKiBAc2xvdCBlcnJvciAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBgc2JiLWVycm9yYCB0byBzaG93IGFuIGVycm9yIG1lc3NhZ2UuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQgZXh0ZW5kcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbXG4gICAgU2JiSWNvbkVsZW1lbnQsXG4gICAgU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudCxcbiAgXTtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICBmaWxlU2VsZWN0b3JDb21tb25TdHlsZSxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBmaWxlY2hhbmdlZDogJ2ZpbGVjaGFuZ2VkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogVGhlIHRpdGxlIGRpc3BsYXllZCBpbiBgZHJvcHpvbmVgIHZhcmlhbnQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdGl0bGVDb250ZW50OiBzdHJpbmcgPSAnJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGxhYmVsPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19kcm9wem9uZS1hcmVhXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0taWNvblwiPlxuICAgICAgICAgICAgPHNiYi1pY29uIG5hbWU9XCJmb2xkZXItb3Blbi1tZWRpdW1cIj48L3NiYi1pY29uPlxuICAgICAgICAgICAgPHNiYi1pY29uIG5hbWU9XCJmb2xkZXItb3Blbi1zbWFsbFwiPjwvc2JiLWljb24+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tc3VidGl0bGVcIj5cbiAgICAgICAgICAgICR7dGhpcy5tdWx0aXBsZVxuICAgICAgICAgICAgICA/IGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsTXVsdGlwbGVbdGhpcy5sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICAgICAgICA6IGkxOG5GaWxlU2VsZWN0b3JTdWJ0aXRsZUxhYmVsW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLWJ1dHRvblwiPlxuICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpY1xuICAgICAgICAgICAgICBzaXplPSR7dGhpcy5zaXplfVxuICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgICAke3JlZigoZWw/OiBFbGVtZW50KTogdm9pZCA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2FkQnV0dG9uID0gZWwgYXMgU2JiU2Vjb25kYXJ5QnV0dG9uU3RhdGljRWxlbWVudDtcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICR7dGhpcy5nZXRCdXR0b25MYWJlbCgpfVxuICAgICAgICAgICAgPC9zYmItc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWM+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgICR7aW5wdXR9XG4gICAgICA8L2xhYmVsPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lJzogU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQzJCYSx3Q0FBOEI7bUJBQVMsa0NBQWtDLFdBQVc7Ozs7Y0FBcEYsdUNBQXVDLFlBQTZDOzs7K0JBZ0I5RixXQUFXLEVBQ1gsU0FBUyxFQUFFLFdBQVcsaUJBQWlCLENBQUMsQ0FBQTtBQUN6QyxnQkFBQSxNQUFBLE1BQUEsMEJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxrQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFZLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBWixlQUFZOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsNEJBQUEsZ0NBQUE7Ozs7Ozs7OztBQWpCSSxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxzQkFBd0MsQ0FDN0QsZ0JBQ0EsZ0NBQ0Q7OztBQUNzQixRQUFBLFNBQXlCO0lBQzlDO0lBQ0E7SUFDQSxVQUFVLCtCQUFBO0lBQ1g7OztBQUNzQixRQUFBLFNBQVMsRUFDOUIsYUFBYSxlQUNMOztFQUtWLGlDQUFBLGtCQUFBLE1BQUEsNEJBQXVDLEdBQUU7O0VBQXpDLElBQWdCLGVBQVk7QUFBQSxVQUFBLE1BQUE7O0VBQTVCLElBQWdCLGFBQVksT0FBQTtBQUFBLFNBQUEsZ0NBQUE7O0VBRVQsZUFBZSxPQUFxQjtBQUNyRCxVQUFPLE1BQUk7Ozs7Ozs7a0VBT21ELEtBQUssYUFBWTs7Y0FFckUsS0FBSyxXQUNILHNDQUFzQyxLQUFLLFNBQVMsV0FDcEQsOEJBQThCLEtBQUssU0FBUyxTQUFBOzs7O3FCQUl2QyxLQUFLLEtBQUE7MEJBQ0EsS0FBSyxZQUFZLEtBQUssYUFBQTtnQkFDaEMsS0FBSyxPQUFzQjtBQUMzQixTQUFLLGFBQWE7S0FDbEIsQ0FBQTs7Z0JBRUEsS0FBSyxnQkFBZ0IsQ0FBQTs7OztVQUkzQixNQUFBIn0=

package/development/file-selector.js

@@ -1,5 +1,5 @@
-import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-DE_jT1fa.js";
-import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-B1Y5qOjb.js";
+import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-BX5f18cJ.js";
+import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-DMNom2OW.js";
 import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
 import "./file-selector.pure.js";
 //#region src/elements/file-selector.ts

package/development/file-selector.pure.js

@@ -1,4 +1,4 @@
-import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-DE_jT1fa.js";
-import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-B1Y5qOjb.js";
+import { n as fileSelectorCommonStyle, t as SbbFileSelectorCommonElementMixin } from "./file-selector-common-BX5f18cJ.js";
+import { t as SbbFileSelectorDropzoneElement } from "./file-selector-dropzone.component-DMNom2OW.js";
 import { SbbFileSelectorElement } from "./file-selector/file-selector/file-selector.component.js";
 export { SbbFileSelectorCommonElementMixin, SbbFileSelectorDropzoneElement, SbbFileSelectorElement, fileSelectorCommonStyle };

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

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../file-selector-dropzone.component-BSF-kegh.js";
+import { t as e } from "../../file-selector-dropzone.component-CWwpvAVD.js";
 export { e as SbbFileSelectorDropzoneElement };