@mozaic-ds/angular 2.1.8 → 2.1.9

package/fesm2022/mozaic-ds-angular.mjs

@@ -557,11 +557,26 @@ class MozFileUploaderComponent {
     // Outputs for file operations
     retryFile = output();
     previewFile = output();
+    /**
+     * Emits the current file list every time it changes because of a user
+     * interaction (select, drag & drop, delete). This lets the component be
+     * bound outside of Reactive Forms too, e.g. `(filesChange)="files = $event"`.
+     *
+     * When used inside a `FormGroup`/`FormControl` (via `formControlName` or
+     * `[(ngModel)]`), this output fires from the exact same code path as the
+     * `ControlValueAccessor` `onChange` callback below — both are always in
+     * sync, so most form use cases only need `valueChanges` on the control.
+     */
+    filesChange = output();
     // Internal state
     files = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
     isDragged = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isDragged" }] : /* istanbul ignore next */ []));
+    // Set by Angular Forms via `setDisabledState()` when the bound
+    // FormControl is disabled (e.g. `this.form.get('attachments').disable()`).
+    formDisabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
     // Initial files for stories/testing
     initialFiles = input([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "initialFiles" }] : /* istanbul ignore next */ []));
@@ -569,8 +584,12 @@ class MozFileUploaderComponent {
         'file-uploader--draggable': this.hasDragDrop(),
     }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    // True when the uploader is disabled either through the `[disabled]`
+    // input OR because the FormControl it is bound to is disabled.
+    isDisabledState = computed(() => this.disabled() || this.formDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabledState" }] : /* istanbul ignore next */ []));
     inputClasses = computed(() => ({
-        'file-uploader__input--disabled': this.disabled(),
+        'file-uploader__input--disabled': this.isDisabledState(),
         'file-uploader__input--dragged': this.isDragged(),
     }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "inputClasses" }] : /* istanbul ignore next */ []));
@@ -586,12 +605,12 @@ class MozFileUploaderComponent {
     removeFile(index) {
         const currentFiles = this.files();
         const newFiles = currentFiles.filter((_, i) => i !== index);
-        this.files.set(newFiles);
+        this.commitFiles(newFiles);
     }
     onDeleteFile(file) {
         const currentFiles = this.files();
         const newFiles = currentFiles.filter((f) => f.name !== file.name);
-        this.files.set(newFiles);
+        this.commitFiles(newFiles);
     }
     onRetryFile(file) {
         this.retryFile.emit(file);
@@ -606,32 +625,37 @@ class MozFileUploaderComponent {
             if (this.multipleFiles()) {
                 // Mode multiple : ajoute les nouveaux fichiers aux existants
                 const currentFiles = this.files();
-                this.files.set([...currentFiles, ...newFiles]);
+                this.commitFiles([...currentFiles, ...newFiles]);
             }
             else {
                 // Mode simple : remplace tous les fichiers
-                this.files.set(newFiles);
+                this.commitFiles(newFiles);
             }
         }
+        // Reset the native input so selecting the exact same file again (e.g.
+        // after deleting it) still fires a `change` event.
+        target.value = '';
     }
     onDrop(event) {
         event.preventDefault();
         this.isDragged.set(false);
+        if (this.isDisabledState())
+            return;
         if (event.dataTransfer?.files) {
             const newFiles = Array.from(event.dataTransfer.files);
             if (this.multipleFiles()) {
                 // Mode multiple : ajoute les nouveaux fichiers aux existants
                 const currentFiles = this.files();
-                this.files.set([...currentFiles, ...newFiles]);
+                this.commitFiles([...currentFiles, ...newFiles]);
             }
             else {
                 // Mode simple : remplace tous les fichiers
-                this.files.set(newFiles);
+                this.commitFiles(newFiles);
             }
         }
     }
     openFileDialog() {
-        if (this.disabled())
+        if (this.isDisabledState())
             return;
         const input = this.fileInput()?.nativeElement;
         input?.click();
@@ -644,13 +668,62 @@ class MozFileUploaderComponent {
         event.preventDefault();
         this.isDragged.set(false);
     }
+    // --- ControlValueAccessor -------------------------------------------
+    // Implementing this interface is what allows `moz-file-uploader` to be
+    // bound with `formControlName`, `[formControl]` or `[(ngModel)]`, exactly
+    // like `moz-text-input` or any other Mozaic form control. The FormControl
+    // value is a plain `File[]`.
+    onChange = () => void 0;
+    onTouched = () => void 0;
+    /**
+     * Called by Angular Forms to push a value INTO the component (e.g. on
+     * `form.reset()`, `patchValue()`, or when the form is initialized with a
+     * non-empty value). Must only update local state, never call `onChange`
+     * back — otherwise it would create a feedback loop with the form.
+     */
+    writeValue(files) {
+        this.files.set(files ?? []);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    /**
+     * Single entry point for every user-driven mutation of the file list
+     * (select, drag & drop, delete). Updates the internal signal, then
+     * notifies both the `filesChange` output and the Reactive Forms
+     * `onChange`/`onTouched` callbacks so the two stay in sync.
+     */
+    commitFiles(files) {
+        this.files.set(files);
+        this.filesChange.emit(files);
+        this.onChange(files);
+        this.onTouched();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: MozFileUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: MozFileUploaderComponent, isStandalone: true, selector: "moz-file-uploader", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpId: { classPropertyName: "helpId", publicName: "helpId", isSignal: true, isRequired: false, transformFunction: null }, necessityIndicator: { classPropertyName: "necessityIndicator", publicName: "necessityIndicator", isSignal: true, isRequired: false, transformFunction: null }, hasDragDrop: { classPropertyName: "hasDragDrop", publicName: "hasDragDrop", isSignal: true, isRequired: false, transformFunction: null }, showFilesList: { classPropertyName: "showFilesList", publicName: "showFilesList", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multipleFiles: { classPropertyName: "multipleFiles", publicName: "multipleFiles", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, uploadButtonLabel: { classPropertyName: "uploadButtonLabel", publicName: "uploadButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, uploading: { classPropertyName: "uploading", publicName: "uploading", isSignal: true, isRequired: false, transformFunction: null }, hasPreview: { classPropertyName: "hasPreview", publicName: "hasPreview", isSignal: true, isRequired: false, transformFunction: null }, retryButtonLabel: { classPropertyName: "retryButtonLabel", publicName: "retryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, deleteButtonLabel: { classPropertyName: "deleteButtonLabel", publicName: "deleteButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, previewButtonLabel: { classPropertyName: "previewButtonLabel", publicName: "previewButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null }, fileInformation: { classPropertyName: "fileInformation", publicName: "fileInformation", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { retryFile: "retryFile", previewFile: "previewFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n        <span class=\"field__requirement\">\n          {{ necessityIndicator() }}\n        </span>\n        }\n      </label>\n      @if (helpText()) {\n      <span [id]=\"helpId()\" class=\"field__help\">\n        {{ helpText() }}\n      </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"disabled()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n          <span class=\"file-uploader__input-title\">{{ title() }}</span>\n          <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n  <div class=\"file-uploader__files-list\">\n    @for (file of files(); track file; let i = $index) {\n    <moz-file-uploader-item\n      [format]=\"format()\"\n      [invalid]=\"invalid()\"\n      [uploading]=\"uploading()\"\n      [errorMessage]=\"errorMessage()\"\n      [hasPreview]=\"hasPreview()\"\n      [file]=\"file\"\n      [fileInformation]=\"fileInformation()\"\n      [retryButtonLabel]=\"retryButtonLabel()\"\n      [deleteButtonLabel]=\"deleteButtonLabel()\"\n      [previewButtonLabel]=\"previewButtonLabel()\"\n      (delete)=\"onDeleteFile($event)\"\n      (retry)=\"onRetryFile($event)\"\n      (preview)=\"onPreviewFile($event)\"\n    />\n    }\n  </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: MozFileUploaderItemComponent, selector: "moz-file-uploader-item", inputs: ["format", "invalid", "uploading", "errorMessage", "hasPreview", "file", "fileInformation", "retryButtonLabel", "deleteButtonLabel", "previewButtonLabel"], outputs: ["delete", "retry", "preview"] }, { kind: "component", type: Upload24, selector: "Upload24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: MozFileUploaderComponent, isStandalone: true, selector: "moz-file-uploader", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, helpId: { classPropertyName: "helpId", publicName: "helpId", isSignal: true, isRequired: false, transformFunction: null }, necessityIndicator: { classPropertyName: "necessityIndicator", publicName: "necessityIndicator", isSignal: true, isRequired: false, transformFunction: null }, hasDragDrop: { classPropertyName: "hasDragDrop", publicName: "hasDragDrop", isSignal: true, isRequired: false, transformFunction: null }, showFilesList: { classPropertyName: "showFilesList", publicName: "showFilesList", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multipleFiles: { classPropertyName: "multipleFiles", publicName: "multipleFiles", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, uploadButtonLabel: { classPropertyName: "uploadButtonLabel", publicName: "uploadButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, uploading: { classPropertyName: "uploading", publicName: "uploading", isSignal: true, isRequired: false, transformFunction: null }, hasPreview: { classPropertyName: "hasPreview", publicName: "hasPreview", isSignal: true, isRequired: false, transformFunction: null }, retryButtonLabel: { classPropertyName: "retryButtonLabel", publicName: "retryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, deleteButtonLabel: { classPropertyName: "deleteButtonLabel", publicName: "deleteButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, previewButtonLabel: { classPropertyName: "previewButtonLabel", publicName: "previewButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, information: { classPropertyName: "information", publicName: "information", isSignal: true, isRequired: false, transformFunction: null }, fileInformation: { classPropertyName: "fileInformation", publicName: "fileInformation", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { retryFile: "retryFile", previewFile: "previewFile", filesChange: "filesChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => MozFileUploaderComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n          <span class=\"field__requirement\">\n            {{ necessityIndicator() }}\n          </span>\n        }\n      </label>\n      @if (helpText()) {\n        <span [id]=\"helpId()\" class=\"field__help\">\n          {{ helpText() }}\n        </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"isDisabledState()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n            <span class=\"file-uploader__input-title\">{{ title() }}</span>\n            <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n    <div class=\"file-uploader__files-list\">\n      @for (file of files(); track file; let i = $index) {\n        <moz-file-uploader-item\n          [format]=\"format()\"\n          [invalid]=\"invalid()\"\n          [uploading]=\"uploading()\"\n          [errorMessage]=\"errorMessage()\"\n          [hasPreview]=\"hasPreview()\"\n          [file]=\"file\"\n          [fileInformation]=\"fileInformation()\"\n          [retryButtonLabel]=\"retryButtonLabel()\"\n          [deleteButtonLabel]=\"deleteButtonLabel()\"\n          [previewButtonLabel]=\"previewButtonLabel()\"\n          (delete)=\"onDeleteFile($event)\"\n          (retry)=\"onRetryFile($event)\"\n          (preview)=\"onPreviewFile($event)\"\n        />\n      }\n    </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: MozFileUploaderItemComponent, selector: "moz-file-uploader-item", inputs: ["format", "invalid", "uploading", "errorMessage", "hasPreview", "file", "fileInformation", "retryButtonLabel", "deleteButtonLabel", "previewButtonLabel"], outputs: ["delete", "retry", "preview"] }, { kind: "component", type: Upload24, selector: "Upload24", inputs: ["hostClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: MozFileUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'moz-file-uploader', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MozFileUploaderItemComponent, Upload24], template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n        <span class=\"field__requirement\">\n          {{ necessityIndicator() }}\n        </span>\n        }\n      </label>\n      @if (helpText()) {\n      <span [id]=\"helpId()\" class=\"field__help\">\n        {{ helpText() }}\n      </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"disabled()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n          <span class=\"file-uploader__input-title\">{{ title() }}</span>\n          <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n  <div class=\"file-uploader__files-list\">\n    @for (file of files(); track file; let i = $index) {\n    <moz-file-uploader-item\n      [format]=\"format()\"\n      [invalid]=\"invalid()\"\n      [uploading]=\"uploading()\"\n      [errorMessage]=\"errorMessage()\"\n      [hasPreview]=\"hasPreview()\"\n      [file]=\"file\"\n      [fileInformation]=\"fileInformation()\"\n      [retryButtonLabel]=\"retryButtonLabel()\"\n      [deleteButtonLabel]=\"deleteButtonLabel()\"\n      [previewButtonLabel]=\"previewButtonLabel()\"\n      (delete)=\"onDeleteFile($event)\"\n      (retry)=\"onRetryFile($event)\"\n      (preview)=\"onPreviewFile($event)\"\n    />\n    }\n  </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"] }]
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], helpId: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpId", required: false }] }], necessityIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "necessityIndicator", required: false }] }], hasDragDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDragDrop", required: false }] }], showFilesList: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFilesList", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multipleFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "multipleFiles", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], uploadButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadButtonLabel", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], uploading: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploading", required: false }] }], hasPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPreview", required: false }] }], retryButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "retryButtonLabel", required: false }] }], deleteButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteButtonLabel", required: false }] }], previewButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewButtonLabel", required: false }] }], information: [{ type: i0.Input, args: [{ isSignal: true, alias: "information", required: false }] }], fileInformation: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileInformation", required: false }] }], retryFile: [{ type: i0.Output, args: ["retryFile"] }], previewFile: [{ type: i0.Output, args: ["previewFile"] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], fileInput: [{ type: i0.ViewChild, args: ['fileInput', { isSignal: true }] }] } });
+            args: [{ selector: 'moz-file-uploader', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MozFileUploaderItemComponent, Upload24], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MozFileUploaderComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"file-uploader\" [class]=\"classes()\">\n  <div class=\"file-uploader__container\">\n    <div class=\"field\">\n      <label class=\"field__label\" [attr.for]=\"id()\">\n        {{ label() }}\n        @if (necessityIndicator()) {\n          <span class=\"field__requirement\">\n            {{ necessityIndicator() }}\n          </span>\n        }\n      </label>\n      @if (helpText()) {\n        <span [id]=\"helpId()\" class=\"field__help\">\n          {{ helpText() }}\n        </span>\n      }\n      <div class=\"field__content\">\n        <input\n          #fileInput\n          [id]=\"id()\"\n          aria-label=\"file input\"\n          type=\"file\"\n          class=\"file-uploader__hidden-input\"\n          [disabled]=\"isDisabledState()\"\n          (change)=\"onFileSelect($event)\"\n          [multiple]=\"multipleFiles()\"\n          [accept]=\"accept()\"\n        />\n\n        <div\n          class=\"file-uploader__input\"\n          [class]=\"inputClasses()\"\n          (click)=\"openFileDialog()\"\n          (dragover)=\"onDragOver($event)\"\n          (dragleave)=\"onDragLeave($event)\"\n          (drop)=\"onDrop($event)\"\n        >\n          @if (hasDragDrop()) {\n            <span class=\"file-uploader__input-title\">{{ title() }}</span>\n            <span class=\"file-uploader__input-subtitle\">{{ subtitle() }}</span>\n          }\n\n          <div class=\"button button--outlined file-uploader__button\">\n            <Upload24 />\n            <span class=\"button__label\">{{ uploadButtonLabel() }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (showFilesList() && files().length > 0) {\n    <div class=\"file-uploader__files-list\">\n      @for (file of files(); track file; let i = $index) {\n        <moz-file-uploader-item\n          [format]=\"format()\"\n          [invalid]=\"invalid()\"\n          [uploading]=\"uploading()\"\n          [errorMessage]=\"errorMessage()\"\n          [hasPreview]=\"hasPreview()\"\n          [file]=\"file\"\n          [fileInformation]=\"fileInformation()\"\n          [retryButtonLabel]=\"retryButtonLabel()\"\n          [deleteButtonLabel]=\"deleteButtonLabel()\"\n          [previewButtonLabel]=\"previewButtonLabel()\"\n          (delete)=\"onDeleteFile($event)\"\n          (retry)=\"onRetryFile($event)\"\n          (preview)=\"onPreviewFile($event)\"\n        />\n      }\n    </div>\n  }\n</div>\n", styles: [".mc-file-uploader,.file-uploader{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.mc-file-uploader__files-list,.file-uploader__files-list{display:flex;flex-direction:column;gap:1rem}.mc-file-uploader__hidden-input,.file-uploader__hidden-input{height:0;width:0;overflow:hidden;position:absolute;top:-1000px;left:-1000px;text-align:left;opacity:0}.mc-file-uploader__input,.file-uploader__input{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, .5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938)}.mc-file-uploader__input .mc-file-uploader__button,.file-uploader__input .mc-file-uploader__button,.mc-file-uploader__input .file-uploader__button,.file-uploader__input .file-uploader__button{width:100%}.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.mc-button--outlined,.mc-file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.file-uploader__input--disabled .mc-button.mc-button--outlined.file-uploader__button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.file-uploader__input--disabled .mc-file-uploader__button.mc-button--outlined.button,.mc-file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.file-uploader__input--disabled .mc-button--outlined.file-uploader__button.button,.mc-file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.mc-button.button--outlined,.mc-file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.file-uploader__input--disabled .mc-button.file-uploader__button.button--outlined,.mc-file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.file-uploader__input--disabled .mc-file-uploader__button.button.button--outlined,.mc-file-uploader__input--disabled .file-uploader__button.button.button--outlined,.file-uploader__input--disabled .file-uploader__button.button.button--outlined{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-file-uploader__input-title,.file-uploader__input-title{height:1.125rem;font-size:var(--font-size-150, 1rem)}.mc-file-uploader__input-subtitle,.file-uploader__input-subtitle{height:1.125rem;font-size:var(--font-size-100, .875rem)}.mc-file-uploader--draggable .mc-file-uploader__input,.file-uploader--draggable .mc-file-uploader__input,.mc-file-uploader--draggable .file-uploader__input,.file-uploader--draggable .file-uploader__input{padding:2rem;outline:.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex}.mc-file-uploader--draggable .mc-file-uploader__input--disabled,.file-uploader--draggable .mc-file-uploader__input--disabled,.mc-file-uploader--draggable .file-uploader__input--disabled,.file-uploader--draggable .file-uploader__input--disabled{outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed}.mc-file-uploader--draggable .mc-file-uploader__input--dragged,.file-uploader--draggable .mc-file-uploader__input--dragged,.mc-file-uploader--draggable .file-uploader__input--dragged,.file-uploader--draggable .file-uploader__input--dragged{outline-width:.25rem}.mc-file-uploader-item{display:flex;flex-direction:column;gap:.25rem}.mc-file-uploader-item__container{border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, .5rem);padding:.75rem}.mc-file-uploader-item__meta-row{display:flex;align-items:center;flex-grow:1}.mc-file-uploader-item__meta-row--with-info{align-items:start}.mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10)}.mc-file-uploader-item__info-content{display:flex;flex-direction:column;flex-grow:1;padding-left:.5rem;padding-right:1rem}.mc-file-uploader-item__label{color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600)}.mc-file-uploader-item__details{color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, .75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__error-message{color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400)}.mc-file-uploader-item__container--inline{display:flex;align-items:center}.mc-file-uploader-item__container--stacked{display:flex;flex-direction:column;gap:.75rem}.mc-file-uploader-item__delete-button-container{padding-left:.25rem;margin-left:.25rem;border-left:1px solid var(--divider-color-primary, #cccccc)}.mc-file-uploader-item__actions-container{padding:0 2rem;display:flex;align-items:center;gap:.25rem;justify-content:center}.mc-file-uploader-item__action{padding:0 .75rem;flex-grow:1}.mc-file-uploader-item--error .mc-file-uploader-item__container{border-width:var(--border-width-m, .125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d)}.mc-file-uploader-item--error .mc-file-uploader-item__status-icon{fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d)}.mc-file-uploader-item--loading .mc-file-uploader-item__container{gap:1rem;flex-direction:column;align-items:normal}.mc-file-uploader-item--loading .mc-file-uploader-item__status-icon{fill:var(--color-standalone-disabled, #b3b3b3)}.mc-file-uploader-item--loading .mc-file-uploader-item__label,.mc-file-uploader-item--loading .mc-file-uploader-item__details{color:var(--color-standalone-disabled, #b3b3b3)}.mc-field__label,.field__label,.mc-field__legend{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000)}.mc-field__legend{padding-inline:0}.mc-field__requirement,.field__requirement,.mc-field__help,.field__help{font-size:var(--font-size-50, .75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666)}.mc-field__help,.field__help{display:block;margin-top:.125rem}.mc-field__content,.field__content{margin-top:.5rem}.mc-field__content:where(.mc-field__content--inline),.field__content:where(.mc-field__content--inline){display:flex;flex-flow:row wrap;gap:.25rem 1rem}.mc-field__validation-message{font-size:var(--font-size-100, .875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:.25rem;margin-top:.25rem}.mc-field__validation-message.is-valid:before,.mc-field__validation-message.is-invalid:before{content:\"\";height:1.25rem;width:1.25rem}.mc-field__validation-message.is-valid{color:var(--field-color-validation-valid, #117f03)}.mc-field__validation-message.is-valid:before{background-color:var(--field-color-validation-valid, #117f03);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-invalid{color:var(--field-color-validation-invalid, #c61112)}.mc-field__validation-message.is-invalid:before{background-color:var(--field-color-validation-invalid, #c61112);-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E\") no-repeat center/contain}.mc-field__validation-message.is-loading{color:var(--field-color-validation-loading, #666666)}.mc-field--group{border-width:0;margin-inline:0;padding:0}.mc-field--group .mc-field__content:not(.mc-field__content--inline),.mc-field--group .field__content:not(.mc-field__content--inline){display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.mc-button,.button{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63)}.mc-button:hover,.button:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c);color:var(--button-color-filled-standard-font, #ffffff)}.mc-button:active,.button:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button,.button{font-weight:var(--font-weight-semi-bold, 600);padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button .mc-button__label,.button .mc-button__label,.mc-button .button__label,.button .button__label{font-size:var(--font-size-150, 1rem)}.mc-button,.button{display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease .2s;transition:box-shadow .2s ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:.25rem;cursor:pointer}.mc-button__label,.button__label{font-size:var(--font-size-150, 1rem)}.mc-button__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button:disabled,.button:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button:focus,.button:focus{box-shadow:none;outline:none}.mc-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 .125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)),0 0 0 .25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:.125rem solid transparent;outline-offset:.125rem}.mc-button--s{padding:0 .625rem;min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, .25rem)}.mc-button--s .mc-button__label,.mc-button--s .button__label{font-size:var(--font-size-100, .875rem)}.mc-button--s .mc-button__icon{width:1.25rem;height:1.25rem}.mc-button--s .mc-button__icon:only-child{width:1.25rem;height:1.25rem}.mc-button--m{padding:0 .875rem;min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, .25rem)}.mc-button--m .mc-button__label,.mc-button--m .button__label{font-size:var(--font-size-150, 1rem)}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:only-child{width:1.5rem;height:1.5rem}.mc-button--l{padding:0 1.125rem;min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, .25rem)}.mc-button--l .mc-button__label,.mc-button--l .button__label{font-size:var(--font-size-200, 1.125rem)}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:only-child{width:2rem;height:2rem}.mc-button--icon-only{padding:.25rem}.mc-button--outlined,.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined:hover,.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined:active,.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined:disabled,.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent:hover{background-color:var(--button-color-filled-accent-hover-background, #006902);color:var(--button-color-filled-accent-font, #ffffff)}.mc-button--accent:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003);color:var(--button-color-filled-danger-font, #ffffff)}.mc-button--danger:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse{--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);color:var(--button-color-filled-inverse-font, #242938)}.mc-button--inverse:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button{border-radius:var(--border-radius-full, 100%);padding:0}.mc-button--loading{pointer-events:none}.mc-button--loading .mc-button__loader{position:absolute;color:currentcolor}.mc-button--loading .mc-button__label,.mc-button--loading .button__label,.mc-button--loading .mc-button__icon{visibility:hidden}.mc-button--outlined.mc-button--standard,.mc-button--standard.button--outlined{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard:hover,.mc-button--standard.button--outlined:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);color:var(--button-color-outlined-standard-font, #242938)}.mc-button--outlined.mc-button--standard:active,.mc-button--standard.button--outlined:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard:disabled,.mc-button--standard.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent,.mc-button--accent.button--outlined{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent:hover,.mc-button--accent.button--outlined:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);color:var(--button-color-outlined-accent-font, #117f03)}.mc-button--outlined.mc-button--accent:active,.mc-button--accent.button--outlined:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent:disabled,.mc-button--accent.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger,.mc-button--danger.button--outlined{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger:hover,.mc-button--danger.button--outlined:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);color:var(--button-color-outlined-danger-font, #c61112)}.mc-button--outlined.mc-button--danger:active,.mc-button--danger.button--outlined:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger:disabled,.mc-button--danger.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse,.mc-button--inverse.button--outlined{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, .01))}.mc-button--outlined.mc-button--inverse:hover,.mc-button--inverse.button--outlined:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-outlined-inverse-font, #ffffff)}.mc-button--outlined.mc-button--inverse:active,.mc-button--inverse.button--outlined:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--outlined.mc-button--inverse:disabled,.mc-button--inverse.button--outlined:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--standard:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, .1));color:var(--button-color-ghost-standard-font, #242938)}.mc-button--ghost.mc-button--standard:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, .2))}.mc-button--ghost.mc-button--standard:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--accent:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, .1));color:var(--button-color-ghost-accent-font, #117f03)}.mc-button--ghost.mc-button--accent:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, .2))}.mc-button--ghost.mc-button--accent:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--danger:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, .1));color:var(--button-color-ghost-danger-font, #c61112)}.mc-button--ghost.mc-button--danger:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, .2))}.mc-button--ghost.mc-button--danger:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, .01))}.mc-button--ghost.mc-button--inverse:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, .1));color:var(--button-color-ghost-inverse-font, #ffffff)}.mc-button--ghost.mc-button--inverse:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, .2))}.mc-button--ghost.mc-button--inverse:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], helpId: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpId", required: false }] }], necessityIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "necessityIndicator", required: false }] }], hasDragDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDragDrop", required: false }] }], showFilesList: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFilesList", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multipleFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "multipleFiles", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], uploadButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadButtonLabel", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], uploading: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploading", required: false }] }], hasPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPreview", required: false }] }], retryButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "retryButtonLabel", required: false }] }], deleteButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteButtonLabel", required: false }] }], previewButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewButtonLabel", required: false }] }], information: [{ type: i0.Input, args: [{ isSignal: true, alias: "information", required: false }] }], fileInformation: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileInformation", required: false }] }], retryFile: [{ type: i0.Output, args: ["retryFile"] }], previewFile: [{ type: i0.Output, args: ["previewFile"] }], filesChange: [{ type: i0.Output, args: ["filesChange"] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], fileInput: [{ type: i0.ViewChild, args: ['fileInput', { isSignal: true }] }] } });
 
 class MozLinkComponent {
     href = input(/* @ts-ignore */