@arsedizioni/ars-utils 22.6.86 → 22.6.88

package/fesm2022/arsedizioni-ars-utils-ui.files.mjs

@@ -1,742 +1,1554 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
-import { viewChild, inject, Renderer2, signal, model, input, output, effect, afterNextRender, Input, Optional, Self, ChangeDetectionStrategy, Component, DestroyRef } from '@angular/core';
-import { form, required, disabled, FormField } from '@angular/forms/signals';
-import { SignalsUtils, notEmpty, fileSize } from '@arsedizioni/ars-utils/core.validators';
-import * as i2 from '@angular/material/form-field';
-import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
-import { FileInfo, SystemUtils, SafeUrlPipe, SafeHtmlPipe } from '@arsedizioni/ars-utils/core';
-import { Subject } from 'rxjs';
-import * as i6 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i5 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i2$1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i1$1 from '@arsedizioni/ars-utils/ui';
-import { UIService, FlexLayoutModule } from '@arsedizioni/ars-utils/ui';
-import * as i1 from '@angular/forms';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { ShellService } from '@arsedizioni/ars-utils/ui.shell';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { MAT_DIALOG_DATA, MatDialogContent, MatDialogActions, MatDialogClose, MatDialogRef, MatDialogTitle } from '@angular/material/dialog';
-import * as i3$1 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-
-class FileInputComponent {
-    // Initialize
-    static { this.nextId = 0; }
-    set value(value) {
-        this.setValue(value, true);
-    }
-    /**
-     * Updates the internal state. Form propagation is skipped for model->view
-     * writes (writeValue) to avoid the CVA echo loop, and performed for
-     * user-driven changes (selectFile/clearFile) and the public value setter.
-     * @param value     - The new file info to store and display.
-     * @param propagate - When `true`, notifies the registered onChange callback.
-     */
-    setValue(value, propagate) {
-        this._value = value;
-        if (propagate) {
-            this.propagateChange(this._value);
-        }
-        this.stateChanges.next();
-        this.changed.emit(this._value);
-    }
-    get value() {
-        return this._value;
-    }
-    get size() {
-        return this._value?.file?.size;
-    }
-    get required() {
-        return this._required();
-    }
-    set required(value) {
-        this._required.set(coerceBooleanProperty(value));
-        this.stateChanges.next();
-    }
-    get disabled() {
-        if (this.ngControl && this.ngControl.disabled != null) {
-            return this.ngControl.disabled;
-        }
-        return this._disabled();
-    }
-    set disabled(value) {
-        this._disabled.set(coerceBooleanProperty(value));
-        if (this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-    }
-    get placeholder() {
-        return this._placeholder();
-    }
-    set placeholder(value) {
-        this._placeholder.set(value);
-        this.stateChanges.next();
-    }
-    get empty() {
-        return !this._value || !this._value.file;
-    }
-    /** True when the control has validation errors and has been touched. */
-    get errorState() {
-        return (this.ngControl?.errors != null) && (this.ngControl?.touched ?? false);
-    }
-    /** True when the label should float above the field. */
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    constructor(ngControl) {
-        this.ngControl = ngControl;
-        /** Error text of a field: the message declared in the schema, or the shared fallback. */
-        this.getErrorMessage = SignalsUtils.getFieldErrorMessage;
-        /** Reference to the hidden native file input element. */
-        this.__file = viewChild.required('__file', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "__file" }] : /* istanbul ignore next */ []));
-        this.renderer = inject(Renderer2);
-        this.uiService = inject(UIService);
-        this.stateChanges = new Subject();
-        this.controlType = 'file-input';
-        this.focused = false;
-        /** Whether the device supports camera capture. */
-        this.canCapture = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canCapture" }] : /* istanbul ignore next */ []));
-        /** Size in MB of the currently selected file. */
-        this.fileSize = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileSize" }] : /* istanbul ignore next */ []));
-        this._placeholder = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_placeholder" }] : /* istanbul ignore next */ []));
-        this._value = new FileInfo();
-        /** Backing signal so the internal form schema reacts to `required` changes. */
-        this._required = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_required" }] : /* istanbul ignore next */ []));
-        /** Backing signal so the internal form schema reacts to `disabled` changes. */
-        this._disabled = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-        /** The currently displayed file name. Can be bound two-way from outside or updated on file selection. */
-        this.fileName = model(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileName" }] : /* istanbul ignore next */ []));
-        this.maxSizeMb = input(5, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "maxSizeMb" }] : /* istanbul ignore next */ []));
-        this.minSizeMb = input(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "minSizeMb" }] : /* istanbul ignore next */ []));
-        this.isNew = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isNew" }] : /* istanbul ignore next */ []));
-        this.canPreview = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canPreview" }] : /* istanbul ignore next */ []));
-        this.appearance = input(this.uiService.appearance(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
-        this.accept = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "accept" }] : /* istanbul ignore next */ []));
-        this.id = `${this.controlType}-${FileInputComponent.nextId++}`;
-        this.describedBy = '';
-        this.changed = output();
-        this.download = output();
-        this.preview = output();
-        /** Model backing the internal display form: the (readonly) file-name text. */
-        this.nameModel = signal({ name: '' }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "nameModel" }] : /* istanbul ignore next */ []));
-        /**
-         * Internal signal form for the file-name input. It reproduces the previous
-         * template-driven validators: `required` follows the `required` input and the
-         * size rule mirrors FileSizeValidatorDirective (empty name is left to `required`).
-         */
-        this.nameForm = form(this.nameModel, p => {
-            required(p.name, { when: () => this._required() });
-            notEmpty(p.name, { when: () => this._required() });
-            // The outer-form path is covered by setDisabledState, which writes the DOM directly.
-            disabled(p.name, () => this._disabled());
-            // The shared rule, so the message comes from the same table as everywhere else.
-            fileSize(p.name, () => this.fileSize(), () => this.maxSizeMb(), () => this.minSizeMb());
-        });
-        this.propagateChange = (_) => { };
-        this.propagateTouched = () => { };
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-        // Keep the internal form model in sync with the two-way bindable fileName.
-        effect(() => this.nameModel.set({ name: this.fileName() ?? '' }));
-        // Detect camera availability and set the default placeholder after the first render.
-        // The file-name input is also made read-only imperatively: marking the field as
-        // readonly in the form schema would skip its validation entirely by design.
-        afterNextRender(() => {
-            this.setupDevices();
-            const elem = document.getElementById(this.id);
-            if (elem) {
-                this.renderer.setProperty(elem, 'readOnly', true);
-            }
-        });
-    }
-    /**
-     * Detects camera availability and updates the placeholder accordingly.
-     */
-    async setupDevices() {
-        this.canCapture.set(false);
-        if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-            try {
-                const stream = await navigator.mediaDevices.getUserMedia({ video: true });
-                if (stream) {
-                    this.canCapture.set(true);
-                }
-            }
-            catch { }
-        }
-        if (!this.placeholder || this.placeholder === 'Seleziona file') {
-            this._placeholder.set(this.canCapture()
-                ? 'Seleziona file o acquisisci con fotocamera'
-                : 'Seleziona file');
-        }
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-    }
-    ngDoCheck() {
-        this.updateInputDirtyCheck();
-    }
-    /**
-     * Writes a new value to the component (called by the form layer).
-     * @param value - The new file info to display.
-     */
-    writeValue(value) {
-        // Model -> view write: must NOT propagate back to the form (echo loop)
-        this.setValue(value, false);
-    }
-    /**
-     * Registers the on-change callback (called by the form layer).
-     * @param fn - Callback to invoke whenever the value changes.
-     */
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    /**
-     * Registers the on-touched callback (called by the form layer).
-     * @param fn - Callback to invoke when the control is touched.
-     */
-    registerOnTouched(fn) {
-        this.propagateTouched = fn;
-    }
-    /**
-     * Sets the ARIA describedby attribute from the given element IDs.
-     * @param ids - Array of element IDs that describe this control.
-     */
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    /**
-     * Updates the disabled state of the underlying native element.
-     * @param isDisabled - Whether the control should be disabled.
-     */
-    setDisabledState(isDisabled) {
-        this._disabled.set(isDisabled);
-        if (!SystemUtils.isBrowser())
-            return;
-        const elem = document.getElementById(this.id);
-        if (elem) {
-            this.renderer.setProperty(elem, 'disabled', isDisabled);
-        }
-    }
-    /** Focuses the native input element and marks the control as touched. */
-    onContainerClick() {
-        if (!this.focused) {
-            if (!SystemUtils.isBrowser())
-                return;
-            const elem = document.getElementById(this.id);
-            if (elem) {
-                elem.focus();
-                this.propagateTouched();
-            }
-        }
-    }
-    /**
-     * Checks whether the value has changed since the last dirty check and emits `stateChanges` if needed.
-     */
-    updateInputDirtyCheck() {
-        const newValue = this._value;
-        if (this.previousNativeValue !== newValue) {
-            this.previousNativeValue = newValue;
-            this.stateChanges.next();
-        }
-    }
-    /**
-     * Handles file selection from the native input element.
-     * @param e - The DOM change event from the file input.
-     */
-    selectFile(e) {
-        const input = e.target;
-        if (input.files?.length) {
-            const f = input.files[0];
-            const fileInfo = new FileInfo();
-            const fileSizeMb = f.size / 1048576;
-            fileInfo.file = f;
-            fileInfo.valid =
-                (!this.maxSizeMb() || fileSizeMb <= this.maxSizeMb()) &&
-                    (!this.minSizeMb() || fileSizeMb >= this.minSizeMb());
-            this.setValue(fileInfo, true);
-            this.fileName.set(f.name);
-            this.fileSize.set(Math.round(fileSizeMb));
-        }
-    }
-    /**
-     * Checks whether a file is currently selected.
-     * @returns `true` if a file is attached to the current value.
-     */
-    hasFile() {
-        return !!(this._value?.file);
-    }
-    /**
-     * Clears the currently selected file and resets the control.
-     */
-    clearFile() {
-        if (this.hasFile()) {
-            this.fileName.set(undefined);
-            this.fileSize.set(0);
-            const fi = new FileInfo();
-            fi.file = undefined;
-            fi.valid = !this.required;
-            this.setValue(fi, true);
-            this.__file().nativeElement.value = '';
-        }
-    }
-    /**
-     * Emits the `download` output event if the file is not newly added.
-     */
-    downloadFile() {
-        if (!this.isNew())
-            this.download.emit();
-    }
-    /**
-     * Emits the `preview` output event if the file is not new and preview is enabled.
-     */
-    previewFile() {
-        if (!this.isNew() && this.canPreview())
-            this.preview.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FileInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: FileInputComponent, isStandalone: true, selector: "file-input", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, maxSizeMb: { classPropertyName: "maxSizeMb", publicName: "maxSizeMb", isSignal: true, isRequired: false, transformFunction: null }, minSizeMb: { classPropertyName: "minSizeMb", publicName: "minSizeMb", isSignal: true, isRequired: false, transformFunction: null }, isNew: { classPropertyName: "isNew", publicName: "isNew", isSignal: true, isRequired: false, transformFunction: null }, canPreview: { classPropertyName: "canPreview", publicName: "canPreview", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileName: "fileNameChange", changed: "changed", download: "download", preview: "preview" }, host: { properties: { "id": "id", "class.floating": "shouldLabelFloat", "attr.aria-describedBy": "describedBy" } }, providers: [{ provide: MatFormFieldControl, useExisting: FileInputComponent }], viewQueries: [{ propertyName: "__file", first: true, predicate: ["__file"], descendants: true, isSignal: true }], ngImport: i0, template: "<mat-form-field style=\"width:100%\" [appearance]=\"appearance()\">\n  <mat-label>{{placeholder}}</mat-label>\n  <input type=\"file\" [hidden]=\"true\" [accept]=\"accept()\" (change)=\"selectFile($event)\" #__file />\n  <input [formField]=\"nameForm.name\" [id]=\"id\" matInput />\n  @if (hasFile()) {\n  <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"clearFile()\" [disabled]=\"disabled\">\n    <mat-icon>close</mat-icon>\n  </button>\n  }\n  @if (!disabled) {\n  <button type=\"button\" type=\"button\" mat-icon-button matSuffix (click)=\"__file.click()\" aria-label=\"Seleziona file\"\n    matTooltip=\"Seleziona\" [disabled]=\"disabled\">\n    <mat-icon>add</mat-icon>\n  </button>\n  }\n  @if (!isNew() && canPreview()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"previewFile()\" aria-label=\"Anteprima\" matTooltip=\"Anteprima\" [disabled]=\"disabled\">\n    <mat-icon>preview</mat-icon>\n  </button>\n  }\n  @if (!isNew()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"downloadFile()\" aria-label=\"Scarica file\"\n    matTooltip=\"Scarica\" [disabled]=\"disabled\">\n    <mat-icon>save_alt</mat-icon>\n  </button>\n  }\n  @if (hasFile() && fileSize() > 0) {\n  <mat-hint align=\"start\">{{fileSize()}} MB</mat-hint>\n  }\n  @if (hasFile() && fileSize() == 0) {\n  <mat-hint align=\"start\">\n    &gt; 1 MB</mat-hint>\n      } @if (maxSizeMb()) {\n      <mat-hint align=\"end\">Massimo {{maxSizeMb()}} MB\n      </mat-hint>\n      }\n      @if (nameForm.name().invalid()) {\n      <mat-error>{{ getErrorMessage(nameForm.name().errors()) }}</mat-error>\n      }\n</mat-form-field>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FileInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'file-input', providers: [{ provide: MatFormFieldControl, useExisting: FileInputComponent }], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormFieldModule, MatInputModule, FormField, MatButtonModule,
-                        MatIconModule, MatTooltipModule], host: {
-                        '[id]': 'id',
-                        '[class.floating]': 'shouldLabelFloat',
-                        '[attr.aria-describedBy]': 'describedBy',
-                    }, template: "<mat-form-field style=\"width:100%\" [appearance]=\"appearance()\">\n  <mat-label>{{placeholder}}</mat-label>\n  <input type=\"file\" [hidden]=\"true\" [accept]=\"accept()\" (change)=\"selectFile($event)\" #__file />\n  <input [formField]=\"nameForm.name\" [id]=\"id\" matInput />\n  @if (hasFile()) {\n  <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"clearFile()\" [disabled]=\"disabled\">\n    <mat-icon>close</mat-icon>\n  </button>\n  }\n  @if (!disabled) {\n  <button type=\"button\" type=\"button\" mat-icon-button matSuffix (click)=\"__file.click()\" aria-label=\"Seleziona file\"\n    matTooltip=\"Seleziona\" [disabled]=\"disabled\">\n    <mat-icon>add</mat-icon>\n  </button>\n  }\n  @if (!isNew() && canPreview()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"previewFile()\" aria-label=\"Anteprima\" matTooltip=\"Anteprima\" [disabled]=\"disabled\">\n    <mat-icon>preview</mat-icon>\n  </button>\n  }\n  @if (!isNew()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"downloadFile()\" aria-label=\"Scarica file\"\n    matTooltip=\"Scarica\" [disabled]=\"disabled\">\n    <mat-icon>save_alt</mat-icon>\n  </button>\n  }\n  @if (hasFile() && fileSize() > 0) {\n  <mat-hint align=\"start\">{{fileSize()}} MB</mat-hint>\n  }\n  @if (hasFile() && fileSize() == 0) {\n  <mat-hint align=\"start\">\n    &gt; 1 MB</mat-hint>\n      } @if (maxSizeMb()) {\n      <mat-hint align=\"end\">Massimo {{maxSizeMb()}} MB\n      </mat-hint>\n      }\n      @if (nameForm.name().invalid()) {\n      <mat-error>{{ getErrorMessage(nameForm.name().errors()) }}</mat-error>\n      }\n</mat-form-field>" }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }], propDecorators: { __file: [{ type: i0.ViewChild, args: ['__file', { isSignal: true }] }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }, { type: i0.Output, args: ["fileNameChange"] }], maxSizeMb: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSizeMb", required: false }] }], minSizeMb: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSizeMb", required: false }] }], isNew: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNew", required: false }] }], canPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "canPreview", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], download: [{ type: i0.Output, args: ["download"] }], preview: [{ type: i0.Output, args: ["preview"] }] } });
-
-class FilePreviewComponent {
-    constructor() {
-        this.iframe = viewChild('iframe', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iframe" }] : /* istanbul ignore next */ []));
-        this.httpClient = inject(HttpClient);
-        this.dialogService = inject(ShellService);
-        this.dialogData = inject(MAT_DIALOG_DATA) ?? {};
-        this.url = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []));
-        // Revoke the blob object URL on destroy: createObjectURL keeps the whole
-        // downloaded blob alive until revoked — repeated previews leaked memory.
-        inject(DestroyRef).onDestroy(() => {
-            const u = this.url();
-            if (u?.startsWith('blob:'))
-                URL.revokeObjectURL(u);
-        });
-        const data = this.dialogData;
-        if (!data?.url)
-            return;
-        if (!data.embed) {
-            this.dialogService.setBusy('Download in corso...');
-            this.httpClient.get(data.url, {
-                headers: data.authToken
-                    ? new HttpHeaders().set('Authorization', data.authToken)
-                    : new HttpHeaders(),
-                responseType: 'blob'
-            })
-                .pipe(takeUntilDestroyed())
-                .subscribe({
-                next: (res) => {
-                    this.url.set(URL.createObjectURL(res));
-                    this.dialogService.clearBusy();
-                },
-                error: () => {
-                    this.dialogService.clearBusy();
-                }
-            });
-        }
-        else {
-            this.url.set('https://view.officeapps.live.com/op/embed.aspx?src=' + encodeURIComponent(data.url));
-        }
-    }
-    /**
-     * Handles the iframe load event: scrolls to the top and centers a single image when present.
-     */
-    loaded() {
-        const iframe = this.iframe()?.nativeElement;
-        if (!iframe) {
-            return;
-        }
-        try {
-            iframe.contentWindow?.scrollTo(0, 0);
-            // Resize and center single image
-            if (!this.dialogData?.embed && iframe.contentDocument) {
-                const images = iframe.contentDocument.querySelectorAll('img') || [];
-                if (images.length === 1) {
-                    Object.assign(images[0].style, {
-                        position: 'absolute',
-                        top: '50%',
-                        left: '50%',
-                        transform: 'translate(-50%, -50%)',
-                        maxWidth: images[0].style.maxWidth || '100%',
-                        maxHeight: images[0].style.maxHeight || '100%'
-                    });
-                    const iframeBody = iframe.contentDocument.body;
-                    if (iframeBody && !iframeBody.style.height) {
-                        iframeBody.style.height = '100%';
-                    }
-                }
-            }
-        }
-        catch (e) {
-            console.error('Impossibile accedere al contenuto dell\'iframe:', e);
-        }
-    }
-    /**
-     * Opens the current file URL in a new browser tab for manual download.
-     */
-    download() {
-        const currentUrl = this.url();
-        if (currentUrl) {
-            window.open(currentUrl, '_blank');
-        }
-    }
-    /**
-     * Displays a help dialog with browser-specific instructions for enabling PDF preview.
-     */
-    troubles() {
-        this.dialogService.info("<p>Se non riesci a visualizzare l'anteprima dei file PDF probabilmente devi abilitare un'impostazione del tuo browser.</p>" +
-            "<b>Per Google Chrome</b><br>" +
-            "<p class='small' style='padding-left:10px'><i>impostazioni > privacy e sicurezza > impostazioni sito > documenti PDF</i></p>" +
-            "<b>Per Microsoft Edge</b><br>" +
-            "<p class='small' style='padding-left:10px'><i>impostazioni > cookie e autorizzazioni sito > documenti PDF</i></p>" +
-            "<b>Per Mozilla Firefox</b><br>" +
-            "<p class='small' style='padding-left:10px'><i>impostazioni > generale > applicazioni</i></p>" +
-            "<b>Altri browser</b><br>" +
-            "<p class='small' style='padding-left:10px'>Fate riferimento alla documentazione specifica del vostro browser.</p>", "Problemi con le anteprime dei file PDF?");
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FilePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: FilePreviewComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, isSignal: true }], ngImport: i0, template: "<mat-dialog-content class=\"file-preview\"  id=\"file-preview-scrollable\">\r\n  <div class=\"content\">\r\n    @if (!url()) {\r\n    <div class=\"loading\">Caricamento in corso...</div>\r\n    } @else {\r\n    <iframe class=\"iframe\" #iframe  (load)=\"loaded()\"  [src]=\"url() | safeUrl\"></iframe>\r\n    }\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions id=\"file-preview-fixed\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"50\">\r\n      <button mat-stroked-button  (click)=\"troubles()\"\r\n        matTooltip=\"Fai click se non riesci a visualizzare l'anteprima dei file PDF\">Problemi con i PDF?</button>\r\n    </div>\r\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\r\n      <button mat-stroked-button  (click)=\"download()\">Scarica</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".file-preview{padding:0}.file-preview .content{height:100%;width:100%;overflow:hidden;background-color:var(--ars-filepreview-content-background-color, #f7faf8)}.file-preview .content .loading{animation:blinker 2s linear infinite;font-size:x-large;color:var(--ars-color-text, #191c1b);width:100%;height:100%;padding:20px}.file-preview .content .iframe{width:100%;height:100%;border:0;background-color:var(--ars-filepreview-content-background-color, #f7faf8)!important}@keyframes blinker{50%{opacity:0}}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: FilePreviewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogContent, FlexLayoutModule, MatDialogActions, MatButtonModule, MatTooltipModule,
-                        MatDialogClose, SafeUrlPipe], template: "<mat-dialog-content class=\"file-preview\"  id=\"file-preview-scrollable\">\r\n  <div class=\"content\">\r\n    @if (!url()) {\r\n    <div class=\"loading\">Caricamento in corso...</div>\r\n    } @else {\r\n    <iframe class=\"iframe\" #iframe  (load)=\"loaded()\"  [src]=\"url() | safeUrl\"></iframe>\r\n    }\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions id=\"file-preview-fixed\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"50\">\r\n      <button mat-stroked-button  (click)=\"troubles()\"\r\n        matTooltip=\"Fai click se non riesci a visualizzare l'anteprima dei file PDF\">Problemi con i PDF?</button>\r\n    </div>\r\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\r\n      <button mat-stroked-button  (click)=\"download()\">Scarica</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".file-preview{padding:0}.file-preview .content{height:100%;width:100%;overflow:hidden;background-color:var(--ars-filepreview-content-background-color, #f7faf8)}.file-preview .content .loading{animation:blinker 2s linear infinite;font-size:x-large;color:var(--ars-color-text, #191c1b);width:100%;height:100%;padding:20px}.file-preview .content .iframe{width:100%;height:100%;border:0;background-color:var(--ars-filepreview-content-background-color, #f7faf8)!important}@keyframes blinker{50%{opacity:0}}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { iframe: [{ type: i0.ViewChild, args: ['iframe', { isSignal: true }] }] } });
-
-class SelectFileDialogComponent {
-    constructor() {
-        this.done = output();
-        this.dialogService = inject(ShellService);
-        this.dialogRef = inject((MatDialogRef));
-        this.dialogData = signal(inject(MAT_DIALOG_DATA) ?? {}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.file = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
-        this.fileClass = signal('selectfile-file', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileClass" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Handles the native file input change event and delegates to `selectFile`.
-     * @param e - The DOM change event from the file input.
-     */
-    update(e) {
-        const input = e.target;
-        if (input.files?.length) {
-            this.selectFile(input.files[0]);
-        }
-    }
-    /**
-     * Validates and sets the selected file, showing an error if size or type constraints are violated.
-     * @param file - The `File` object to validate and store.
-     */
-    selectFile(file) {
-        const data = this.dialogData();
-        const maxSize = data.maxSize ?? 0;
-        if (maxSize > 0) {
-            const size = file.size / 1048576;
-            if (size > maxSize) {
-                this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
-                return;
-            }
-        }
-        if (data.accept) {
-            const accept = data.accept.toLowerCase();
-            const a = file.name.split('.').pop()?.toLowerCase();
-            let b = file.type.toLowerCase();
-            if (b.startsWith('image/') && accept.includes('image/*')) {
-                b = 'image/*';
-            }
-            else if (b.startsWith('video/') && accept.includes('video/*')) {
-                b = 'video/*';
-            }
-            else if (b.startsWith('audio/') && accept.includes('audio/*')) {
-                b = 'audio/*';
-            }
-            if (!accept.includes(a ?? '') && !accept.includes(b)) {
-                this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
-                return;
-            }
-        }
-        this.file.set(file);
-    }
-    /**
-     * Formats a byte count into a human-readable size string.
-     * @param size - File size in bytes.
-     * @returns A formatted size string (e.g. "1.2 MB").
-     */
-    size(size) {
-        return SystemUtils.formatFileSize(size);
-    }
-    /** Emits the selected file and options, then closes the dialog. */
-    ok() {
-        this.done.emit({ file: this.file(), options: this.dialogData().options });
-        setTimeout(() => {
-            this.dialogRef.close();
-        }, 500);
-    }
-    /** Highlights the drop zone when a drag enters the area.
-     * @param e - The drag event.
-     */
-    onDragOver(e) {
-        this.fileClass.set('selectfile-file-drop');
-        e.preventDefault();
-    }
-    /** Highlights the drop zone when a dragged item enters.
-     * @param e - The drag event.
-     */
-    onDragEnter(e) {
-        this.fileClass.set('selectfile-file-drop');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when dragging ends.
-     * @param e - The drag event.
-     */
-    onDragEnd(e) {
-        this.fileClass.set('selectfile-file');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when a dragged item leaves the area.
-     * @param e - The drag event.
-     */
-    onDragLeave(e) {
-        this.fileClass.set('selectfile-file');
-        e.preventDefault();
-    }
-    /**
-     * Handles a file drop event, extracting and processing the dropped files.
-     * @param e - The drop event.
-     */
-    onDrop(e) {
-        this.fileClass.set('selectfile-file');
-        e.preventDefault();
-        e.stopPropagation();
-        if (e.dataTransfer?.files?.length) {
-            this.addFiles(e.dataTransfer.files);
-        }
-    }
-    /**
-     * Picks the first file from the list and passes it to `selectFile`.
-     * @param files - The `FileList` from the drag-and-drop event.
-     */
-    addFiles(files) {
-        if (files.length > 0) {
-            this.selectFile(files[0]);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SelectFileDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SelectFileDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectfile-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui il file o selezionalo</i></div>\n        <div>\n          <input #_file type=\"file\" [accept]=\"dialogData().accept\" [hidden]=\"true\" (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <div class=\"small accent bold\"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni: <i>{{size(file().size)}}</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n       @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n    <div fxFlex=\"50\">\n      @if (dialogData().helpLink) {\n      <a mat-stroked-button href=\"{{dialogData().helpLink}}\" target=\"_blank\">{{dialogData().helpCaption}}</a>\n      }\n    </div>\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\n    </div>\n  </div>\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectfile-file,.selectfile-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectfile-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectfile-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexAlignDirective, selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SelectFileDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FlexLayoutModule, MatButtonModule, MatCheckboxModule,
-                        MatDialogActions, MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectfile-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui il file o selezionalo</i></div>\n        <div>\n          <input #_file type=\"file\" [accept]=\"dialogData().accept\" [hidden]=\"true\" (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <div class=\"small accent bold\"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni: <i>{{size(file().size)}}</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n       @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n    <div fxFlex=\"50\">\n      @if (dialogData().helpLink) {\n      <a mat-stroked-button href=\"{{dialogData().helpLink}}\" target=\"_blank\">{{dialogData().helpCaption}}</a>\n      }\n    </div>\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\n    </div>\n  </div>\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectfile-file,.selectfile-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectfile-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectfile-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
-
-class SelectPictureDialogComponent {
-    constructor() {
-        this.done = output();
-        this.dialogService = inject(ShellService);
-        this.dialogRef = inject((MatDialogRef));
-        this.dialogData = signal(inject(MAT_DIALOG_DATA) ?? {}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.file = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
-        this.fileClass = signal('selectpicture-file', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileClass" }] : /* istanbul ignore next */ []));
-        this.pictureWidth = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "pictureWidth" }] : /* istanbul ignore next */ []));
-        this.pictureHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "pictureHeight" }] : /* istanbul ignore next */ []));
-        this.picturePreview = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "picturePreview" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Handles the native file input change event and delegates to `selectFile`.
-     * @param e - The DOM change event from the file input.
-     */
-    update(e) {
-        const input = e.target;
-        if (input.files?.length) {
-            this.selectFile(input.files[0]);
-        }
-    }
-    /**
-     * Validates the file size and type, then reads it as a data URL to generate a preview.
-     * @param file - The `File` object to validate and preview.
-     */
-    selectFile(file) {
-        const data = this.dialogData();
-        const maxSize = data.maxSize ?? 0;
-        if (maxSize > 0) {
-            const size = file.size / 1048576;
-            if (size > maxSize) {
-                this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
-                return;
-            }
-        }
-        if (data.accept) {
-            const accept = data.accept.toLowerCase();
-            const a = file.name.split('.').pop()?.toLowerCase();
-            let b = file.type.toLowerCase();
-            if (b.startsWith('image/') && accept.includes('image/*')) {
-                b = 'image/*';
-            }
-            else if (b.startsWith('video/') && accept.includes('video/*')) {
-                b = 'video/*';
-            }
-            else if (b.startsWith('audio/') && accept.includes('audio/*')) {
-                b = 'audio/*';
-            }
-            if (!accept.includes(a ?? '') && !accept.includes(b)) {
-                this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
-                return;
-            }
-        }
-        const reader = new FileReader();
-        reader.onload = (_e) => {
-            const img = new Image();
-            img.onload = () => {
-                const maxWidth = data.maxWidth ?? 0;
-                if (maxWidth > 0 && img.width > maxWidth) {
-                    this.dialogService.error(`Immagine troppo larga (massimo ${maxWidth} pixel)`);
-                    return;
-                }
-                const maxHeight = data.maxHeight ?? 0;
-                if (maxHeight > 0 && img.height > maxHeight) {
-                    this.dialogService.error(`Immagine troppo alta (massimo ${maxHeight} pixel)`);
-                    return;
-                }
-                this.pictureWidth.set(img.width);
-                this.pictureHeight.set(img.height);
-                this.picturePreview.set(_e.target.result);
-                this.file.set(file);
-            };
-            img.src = _e.target.result;
-        };
-        reader.readAsDataURL(file);
-    }
-    /**
-     * Formats a byte count into a human-readable size string.
-     * @param size - File size in bytes.
-     * @returns A formatted size string (e.g. "1.2 MB").
-     */
-    size(size) {
-        return SystemUtils.formatFileSize(size);
-    }
-    /** Emits the selected file and options, then closes the dialog. */
-    ok() {
-        this.done.emit({ file: this.file(), options: this.dialogData().options });
-        setTimeout(() => {
-            this.dialogRef.close();
-        }, 500);
-    }
-    /** Highlights the drop zone when a dragged item is over it.
-     * @param e - The drag event.
-     */
-    onDragOver(e) {
-        this.fileClass.set('selectpicture-file-drop');
-        e.preventDefault();
-    }
-    /** Highlights the drop zone when a dragged item enters.
-     * @param e - The drag event.
-     */
-    onDragEnter(e) {
-        this.fileClass.set('selectpicture-file-drop');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when dragging ends.
-     * @param e - The drag event.
-     */
-    onDragEnd(e) {
-        this.fileClass.set('selectpicture-file');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when a dragged item leaves.
-     * @param e - The drag event.
-     */
-    onDragLeave(e) {
-        this.fileClass.set('selectpicture-file');
-        e.preventDefault();
-    }
-    /**
-     * Handles a file drop event, extracting and processing the dropped image.
-     * @param e - The drop event.
-     */
-    onDrop(e) {
-        this.fileClass.set('selectpicture-file');
-        e.preventDefault();
-        e.stopPropagation();
-        if (e.dataTransfer?.files?.length) {
-            this.addFiles(e.dataTransfer.files);
-        }
-    }
-    /**
-     * Picks the first file from the list and passes it to `selectFile`.
-     * @param files - The `FileList` from the drag-and-drop event.
-     */
-    addFiles(files) {
-        if (files.length > 0) {
-            this.selectFile(files[0]);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SelectPictureDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SelectPictureDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectpicture-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"24px\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui l'immagine o selezionala</i></div>\n        <div>\n          <input #_file type=\"file\" [hidden]=\"true\" [accept]=\"dialogData().accept ?? 'image/*'\"\n            (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button  (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <img [src]=\"picturePreview()\" class=\"selectpicture-preview\">\n            <div class=\"small accent bold \"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni:<i>{{pictureWidth()}} x {{pictureHeight()}} ({{size(file().size)}})</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n        @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\"  [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n    <button mat-stroked-button mat-dialog-close  >Annulla</button>\n  </div>\n</mat-dialog-actions>\n", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectpicture-file{padding:24px;width:320px;border:5px dotted #eee}.selectpicture-preview{max-height:300px;max-width:300px;margin-bottom:15px!important}.selectpicture-file,.selectpicture-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectpicture-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectpicture-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1$1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexAlignDirective, selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1$1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SelectPictureDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FlexLayoutModule, MatButtonModule, MatCheckboxModule,
-                        MatDialogActions, MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectpicture-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"24px\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui l'immagine o selezionala</i></div>\n        <div>\n          <input #_file type=\"file\" [hidden]=\"true\" [accept]=\"dialogData().accept ?? 'image/*'\"\n            (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button  (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <img [src]=\"picturePreview()\" class=\"selectpicture-preview\">\n            <div class=\"small accent bold \"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni:<i>{{pictureWidth()}} x {{pictureHeight()}} ({{size(file().size)}})</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n        @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\"  [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n    <button mat-stroked-button mat-dialog-close  >Annulla</button>\n  </div>\n</mat-dialog-actions>\n", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectpicture-file{padding:24px;width:320px;border:5px dotted #eee}.selectpicture-preview{max-height:300px;max-width:300px;margin-bottom:15px!important}.selectpicture-file,.selectpicture-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectpicture-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectpicture-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
-
-/*
- * Public API Surface of @arsedizioni/ars-utils/ui.files
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { coerceBooleanProperty } from "@angular/cdk/coercion";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Input, Optional, Renderer2, Self, afterNextRender, effect, inject, input, model, output, signal, viewChild } from "@angular/core";
+import { FormField, disabled, form, required } from "@angular/forms/signals";
+import { SignalsUtils, fileSize, notEmpty } from "@arsedizioni/ars-utils/core.validators";
+import * as i2 from "@angular/material/form-field";
+import { MatFormFieldControl, MatFormFieldModule } from "@angular/material/form-field";
+import { FileInfo, SafeHtmlPipe, SafeUrlPipe, SystemUtils } from "@arsedizioni/ars-utils/core";
+import { Subject } from "rxjs";
+import * as i6 from "@angular/material/tooltip";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import * as i5 from "@angular/material/icon";
+import { MatIconModule } from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import * as i3$1 from "@angular/material/input";
+import { MatInputModule } from "@angular/material/input";
+import * as i1 from "@arsedizioni/ars-utils/ui";
+import { FlexLayoutModule, UIService } from "@arsedizioni/ars-utils/ui";
+import * as i1$1 from "@angular/forms";
+import { HttpClient, HttpHeaders } from "@angular/common/http";
+import { ShellService } from "@arsedizioni/ars-utils/ui.shell";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { MAT_DIALOG_DATA, MatDialogActions, MatDialogClose, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
+import * as i3 from "@angular/material/checkbox";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+var FileInputComponent = class FileInputComponent {
+	static {
+		this.nextId = 0;
+	}
+	set value(value) {
+		this.setValue(value, true);
+	}
+	setValue(value, propagate) {
+		this._value = value;
+		if (propagate) this.propagateChange(this._value);
+		this.stateChanges.next();
+		this.changed.emit(this._value);
+	}
+	get value() {
+		return this._value;
+	}
+	get size() {
+		return this._value?.file?.size;
+	}
+	get required() {
+		return this._required();
+	}
+	set required(value) {
+		this._required.set(coerceBooleanProperty(value));
+		this.stateChanges.next();
+	}
+	get disabled() {
+		if (this.ngControl && this.ngControl.disabled != null) return this.ngControl.disabled;
+		return this._disabled();
+	}
+	set disabled(value) {
+		this._disabled.set(coerceBooleanProperty(value));
+		if (this.focused) {
+			this.focused = false;
+			this.stateChanges.next();
+		}
+	}
+	get placeholder() {
+		return this._placeholder();
+	}
+	set placeholder(value) {
+		this._placeholder.set(value);
+		this.stateChanges.next();
+	}
+	get empty() {
+		return !this._value || !this._value.file;
+	}
+	get errorState() {
+		return this.ngControl?.errors != null && (this.ngControl?.touched ?? false);
+	}
+	get shouldLabelFloat() {
+		return this.focused || !this.empty;
+	}
+	constructor(ngControl) {
+		this.ngControl = ngControl;
+		this.getErrorMessage = SignalsUtils.getFieldErrorMessage;
+		this.__file = viewChild.required("__file", ...ngDevMode ? [{ debugName: "__file" }] : /* istanbul ignore next */ []);
+		this.renderer = inject(Renderer2);
+		this.uiService = inject(UIService);
+		this.stateChanges = new Subject();
+		this.controlType = "file-input";
+		this.focused = false;
+		this.canCapture = signal(false, ...ngDevMode ? [{ debugName: "canCapture" }] : /* istanbul ignore next */ []);
+		this.fileSize = signal(0, ...ngDevMode ? [{ debugName: "fileSize" }] : /* istanbul ignore next */ []);
+		this._placeholder = signal("", ...ngDevMode ? [{ debugName: "_placeholder" }] : /* istanbul ignore next */ []);
+		this._value = new FileInfo();
+		this._required = signal(false, ...ngDevMode ? [{ debugName: "_required" }] : /* istanbul ignore next */ []);
+		this._disabled = signal(false, ...ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []);
+		this.fileName = model(void 0, ...ngDevMode ? [{ debugName: "fileName" }] : /* istanbul ignore next */ []);
+		this.maxSizeMb = input(5, ...ngDevMode ? [{ debugName: "maxSizeMb" }] : /* istanbul ignore next */ []);
+		this.minSizeMb = input(0, ...ngDevMode ? [{ debugName: "minSizeMb" }] : /* istanbul ignore next */ []);
+		this.isNew = input(false, ...ngDevMode ? [{ debugName: "isNew" }] : /* istanbul ignore next */ []);
+		this.canPreview = input(false, ...ngDevMode ? [{ debugName: "canPreview" }] : /* istanbul ignore next */ []);
+		this.appearance = input(this.uiService.appearance(), ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
+		this.accept = input(...ngDevMode ? [void 0, { debugName: "accept" }] : /* istanbul ignore next */ []);
+		this.id = `${this.controlType}-${FileInputComponent.nextId++}`;
+		this.describedBy = "";
+		this.changed = output();
+		this.download = output();
+		this.preview = output();
+		this.nameModel = signal({ name: "" }, ...ngDevMode ? [{ debugName: "nameModel" }] : /* istanbul ignore next */ []);
+		this.nameForm = form(this.nameModel, (p) => {
+			required(p.name, { when: () => this._required() });
+			notEmpty(p.name, { when: () => this._required() });
+			disabled(p.name, () => this._disabled());
+			fileSize(p.name, () => this.fileSize(), () => this.maxSizeMb(), () => this.minSizeMb());
+		});
+		this.propagateChange = (_) => {};
+		this.propagateTouched = () => {};
+		if (this.ngControl != null) this.ngControl.valueAccessor = this;
+		effect(() => this.nameModel.set({ name: this.fileName() ?? "" }));
+		afterNextRender(() => {
+			this.setupDevices();
+			const elem = document.getElementById(this.id);
+			if (elem) this.renderer.setProperty(elem, "readOnly", true);
+		});
+	}
+	async setupDevices() {
+		this.canCapture.set(false);
+		if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) try {
+			if (await navigator.mediaDevices.getUserMedia({ video: true })) this.canCapture.set(true);
+		} catch {}
+		if (!this.placeholder || this.placeholder === "Seleziona file") this._placeholder.set(this.canCapture() ? "Seleziona file o acquisisci con fotocamera" : "Seleziona file");
+	}
+	ngOnDestroy() {
+		this.stateChanges.complete();
+	}
+	ngDoCheck() {
+		this.updateInputDirtyCheck();
+	}
+	writeValue(value) {
+		this.setValue(value, false);
+	}
+	registerOnChange(fn) {
+		this.propagateChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.propagateTouched = fn;
+	}
+	setDescribedByIds(ids) {
+		this.describedBy = ids.join(" ");
+	}
+	setDisabledState(isDisabled) {
+		this._disabled.set(isDisabled);
+		if (!SystemUtils.isBrowser()) return;
+		const elem = document.getElementById(this.id);
+		if (elem) this.renderer.setProperty(elem, "disabled", isDisabled);
+	}
+	onContainerClick() {
+		if (!this.focused) {
+			if (!SystemUtils.isBrowser()) return;
+			const elem = document.getElementById(this.id);
+			if (elem) {
+				elem.focus();
+				this.propagateTouched();
+			}
+		}
+	}
+	updateInputDirtyCheck() {
+		const newValue = this._value;
+		if (this.previousNativeValue !== newValue) {
+			this.previousNativeValue = newValue;
+			this.stateChanges.next();
+		}
+	}
+	selectFile(e) {
+		const input = e.target;
+		if (input.files?.length) {
+			const f = input.files[0];
+			const fileInfo = new FileInfo();
+			const fileSizeMb = f.size / 1048576;
+			fileInfo.file = f;
+			fileInfo.valid = (!this.maxSizeMb() || fileSizeMb <= this.maxSizeMb()) && (!this.minSizeMb() || fileSizeMb >= this.minSizeMb());
+			this.setValue(fileInfo, true);
+			this.fileName.set(f.name);
+			this.fileSize.set(Math.round(fileSizeMb));
+		}
+	}
+	hasFile() {
+		return !!this._value?.file;
+	}
+	clearFile() {
+		if (this.hasFile()) {
+			this.fileName.set(void 0);
+			this.fileSize.set(0);
+			const fi = new FileInfo();
+			fi.file = void 0;
+			fi.valid = !this.required;
+			this.setValue(fi, true);
+			this.__file().nativeElement.value = "";
+		}
+	}
+	downloadFile() {
+		if (!this.isNew()) this.download.emit();
+	}
+	previewFile() {
+		if (!this.isNew() && this.canPreview()) this.preview.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: FileInputComponent,
+			deps: [{
+				token: i1$1.NgControl,
+				optional: true,
+				self: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: FileInputComponent,
+			isStandalone: true,
+			selector: "file-input",
+			inputs: {
+				required: {
+					classPropertyName: "required",
+					publicName: "required",
+					isSignal: false,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: false,
+					isRequired: false,
+					transformFunction: null
+				},
+				placeholder: {
+					classPropertyName: "placeholder",
+					publicName: "placeholder",
+					isSignal: false,
+					isRequired: false,
+					transformFunction: null
+				},
+				fileName: {
+					classPropertyName: "fileName",
+					publicName: "fileName",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxSizeMb: {
+					classPropertyName: "maxSizeMb",
+					publicName: "maxSizeMb",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				minSizeMb: {
+					classPropertyName: "minSizeMb",
+					publicName: "minSizeMb",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				isNew: {
+					classPropertyName: "isNew",
+					publicName: "isNew",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				canPreview: {
+					classPropertyName: "canPreview",
+					publicName: "canPreview",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				appearance: {
+					classPropertyName: "appearance",
+					publicName: "appearance",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				accept: {
+					classPropertyName: "accept",
+					publicName: "accept",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				fileName: "fileNameChange",
+				changed: "changed",
+				download: "download",
+				preview: "preview"
+			},
+			host: { properties: {
+				"id": "id",
+				"class.floating": "shouldLabelFloat",
+				"attr.aria-describedBy": "describedBy"
+			} },
+			providers: [{
+				provide: MatFormFieldControl,
+				useExisting: FileInputComponent
+			}],
+			viewQueries: [{
+				propertyName: "__file",
+				first: true,
+				predicate: ["__file"],
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<mat-form-field style=\"width:100%\" [appearance]=\"appearance()\">\n  <mat-label>{{placeholder}}</mat-label>\n  <input type=\"file\" [hidden]=\"true\" [accept]=\"accept()\" (change)=\"selectFile($event)\" #__file />\n  <input [formField]=\"nameForm.name\" [id]=\"id\" matInput />\n  @if (hasFile()) {\n  <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"clearFile()\" [disabled]=\"disabled\">\n    <mat-icon>close</mat-icon>\n  </button>\n  }\n  @if (!disabled) {\n  <button type=\"button\" type=\"button\" mat-icon-button matSuffix (click)=\"__file.click()\" aria-label=\"Seleziona file\"\n    matTooltip=\"Seleziona\" [disabled]=\"disabled\">\n    <mat-icon>add</mat-icon>\n  </button>\n  }\n  @if (!isNew() && canPreview()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"previewFile()\" aria-label=\"Anteprima\" matTooltip=\"Anteprima\" [disabled]=\"disabled\">\n    <mat-icon>preview</mat-icon>\n  </button>\n  }\n  @if (!isNew()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"downloadFile()\" aria-label=\"Scarica file\"\n    matTooltip=\"Scarica\" [disabled]=\"disabled\">\n    <mat-icon>save_alt</mat-icon>\n  </button>\n  }\n  @if (hasFile() && fileSize() > 0) {\n  <mat-hint align=\"start\">{{fileSize()}} MB</mat-hint>\n  }\n  @if (hasFile() && fileSize() == 0) {\n  <mat-hint align=\"start\">\n    &gt; 1 MB</mat-hint>\n      } @if (maxSizeMb()) {\n      <mat-hint align=\"end\">Massimo {{maxSizeMb()}} MB\n      </mat-hint>\n      }\n      @if (nameForm.name().invalid()) {\n      <mat-error>{{ getErrorMessage(nameForm.name().errors()) }}</mat-error>\n      }\n</mat-form-field>",
+			styles: [""],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: MatFormFieldModule
+				},
+				{
+					kind: "component",
+					type: i2.MatFormField,
+					selector: "mat-form-field",
+					inputs: [
+						"hideRequiredMarker",
+						"color",
+						"floatLabel",
+						"appearance",
+						"subscriptSizing",
+						"hintLabel"
+					],
+					exportAs: ["matFormField"]
+				},
+				{
+					kind: "directive",
+					type: i2.MatLabel,
+					selector: "mat-label"
+				},
+				{
+					kind: "directive",
+					type: i2.MatHint,
+					selector: "mat-hint",
+					inputs: ["align", "id"]
+				},
+				{
+					kind: "directive",
+					type: i2.MatError,
+					selector: "mat-error, [matError]",
+					inputs: ["id"]
+				},
+				{
+					kind: "directive",
+					type: i2.MatSuffix,
+					selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
+					inputs: ["matTextSuffix"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatInputModule
+				},
+				{
+					kind: "directive",
+					type: i3$1.MatInput,
+					selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+					inputs: [
+						"disabled",
+						"id",
+						"placeholder",
+						"name",
+						"required",
+						"type",
+						"errorStateMatcher",
+						"aria-describedby",
+						"value",
+						"readonly",
+						"disabledInteractive"
+					],
+					exportAs: ["matInput"]
+				},
+				{
+					kind: "directive",
+					type: FormField,
+					selector: "[formField]",
+					inputs: ["formField"],
+					exportAs: ["formField"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i5.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i6.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FileInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "file-input",
+			providers: [{
+				provide: MatFormFieldControl,
+				useExisting: FileInputComponent
+			}],
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatFormFieldModule,
+				MatInputModule,
+				FormField,
+				MatButtonModule,
+				MatIconModule,
+				MatTooltipModule
+			],
+			host: {
+				"[id]": "id",
+				"[class.floating]": "shouldLabelFloat",
+				"[attr.aria-describedBy]": "describedBy"
+			},
+			template: "<mat-form-field style=\"width:100%\" [appearance]=\"appearance()\">\n  <mat-label>{{placeholder}}</mat-label>\n  <input type=\"file\" [hidden]=\"true\" [accept]=\"accept()\" (change)=\"selectFile($event)\" #__file />\n  <input [formField]=\"nameForm.name\" [id]=\"id\" matInput />\n  @if (hasFile()) {\n  <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"clearFile()\" [disabled]=\"disabled\">\n    <mat-icon>close</mat-icon>\n  </button>\n  }\n  @if (!disabled) {\n  <button type=\"button\" type=\"button\" mat-icon-button matSuffix (click)=\"__file.click()\" aria-label=\"Seleziona file\"\n    matTooltip=\"Seleziona\" [disabled]=\"disabled\">\n    <mat-icon>add</mat-icon>\n  </button>\n  }\n  @if (!isNew() && canPreview()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"previewFile()\" aria-label=\"Anteprima\" matTooltip=\"Anteprima\" [disabled]=\"disabled\">\n    <mat-icon>preview</mat-icon>\n  </button>\n  }\n  @if (!isNew()) {\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"downloadFile()\" aria-label=\"Scarica file\"\n    matTooltip=\"Scarica\" [disabled]=\"disabled\">\n    <mat-icon>save_alt</mat-icon>\n  </button>\n  }\n  @if (hasFile() && fileSize() > 0) {\n  <mat-hint align=\"start\">{{fileSize()}} MB</mat-hint>\n  }\n  @if (hasFile() && fileSize() == 0) {\n  <mat-hint align=\"start\">\n    &gt; 1 MB</mat-hint>\n      } @if (maxSizeMb()) {\n      <mat-hint align=\"end\">Massimo {{maxSizeMb()}} MB\n      </mat-hint>\n      }\n      @if (nameForm.name().invalid()) {\n      <mat-error>{{ getErrorMessage(nameForm.name().errors()) }}</mat-error>\n      }\n</mat-form-field>"
+		}]
+	}],
+	ctorParameters: () => [{
+		type: i1$1.NgControl,
+		decorators: [{ type: Optional }, { type: Self }]
+	}],
+	propDecorators: {
+		__file: [{
+			type: i0.ViewChild,
+			args: ["__file", { isSignal: true }]
+		}],
+		required: [{ type: Input }],
+		disabled: [{ type: Input }],
+		placeholder: [{ type: Input }],
+		fileName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fileName",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["fileNameChange"]
+		}],
+		maxSizeMb: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxSizeMb",
+				required: false
+			}]
+		}],
+		minSizeMb: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minSizeMb",
+				required: false
+			}]
+		}],
+		isNew: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isNew",
+				required: false
+			}]
+		}],
+		canPreview: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "canPreview",
+				required: false
+			}]
+		}],
+		appearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appearance",
+				required: false
+			}]
+		}],
+		accept: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "accept",
+				required: false
+			}]
+		}],
+		changed: [{
+			type: i0.Output,
+			args: ["changed"]
+		}],
+		download: [{
+			type: i0.Output,
+			args: ["download"]
+		}],
+		preview: [{
+			type: i0.Output,
+			args: ["preview"]
+		}]
+	}
+});
+var FilePreviewComponent = class FilePreviewComponent {
+	constructor() {
+		this.iframe = viewChild("iframe", ...ngDevMode ? [{ debugName: "iframe" }] : /* istanbul ignore next */ []);
+		this.httpClient = inject(HttpClient);
+		this.dialogService = inject(ShellService);
+		this.dialogData = inject(MAT_DIALOG_DATA) ?? {};
+		this.url = signal(null, ...ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []);
+		inject(DestroyRef).onDestroy(() => {
+			const u = this.url();
+			if (u?.startsWith("blob:")) URL.revokeObjectURL(u);
+		});
+		const data = this.dialogData;
+		if (!data?.url) return;
+		if (!data.embed) {
+			this.dialogService.setBusy("Download in corso...");
+			this.httpClient.get(data.url, {
+				headers: data.authToken ? new HttpHeaders().set("Authorization", data.authToken) : new HttpHeaders(),
+				responseType: "blob"
+			}).pipe(takeUntilDestroyed()).subscribe({
+				next: (res) => {
+					this.url.set(URL.createObjectURL(res));
+					this.dialogService.clearBusy();
+				},
+				error: () => {
+					this.dialogService.clearBusy();
+				}
+			});
+		} else this.url.set("https://view.officeapps.live.com/op/embed.aspx?src=" + encodeURIComponent(data.url));
+	}
+	loaded() {
+		const iframe = this.iframe()?.nativeElement;
+		if (!iframe) return;
+		try {
+			iframe.contentWindow?.scrollTo(0, 0);
+			if (!this.dialogData?.embed && iframe.contentDocument) {
+				const images = iframe.contentDocument.querySelectorAll("img") || [];
+				if (images.length === 1) {
+					Object.assign(images[0].style, {
+						position: "absolute",
+						top: "50%",
+						left: "50%",
+						transform: "translate(-50%, -50%)",
+						maxWidth: images[0].style.maxWidth || "100%",
+						maxHeight: images[0].style.maxHeight || "100%"
+					});
+					const iframeBody = iframe.contentDocument.body;
+					if (iframeBody && !iframeBody.style.height) iframeBody.style.height = "100%";
+				}
+			}
+		} catch (e) {
+			console.error("Impossibile accedere al contenuto dell'iframe:", e);
+		}
+	}
+	download() {
+		const currentUrl = this.url();
+		if (currentUrl) window.open(currentUrl, "_blank");
+	}
+	troubles() {
+		this.dialogService.info("<p>Se non riesci a visualizzare l'anteprima dei file PDF probabilmente devi abilitare un'impostazione del tuo browser.</p><b>Per Google Chrome</b><br><p class='small' style='padding-left:10px'><i>impostazioni > privacy e sicurezza > impostazioni sito > documenti PDF</i></p><b>Per Microsoft Edge</b><br><p class='small' style='padding-left:10px'><i>impostazioni > cookie e autorizzazioni sito > documenti PDF</i></p><b>Per Mozilla Firefox</b><br><p class='small' style='padding-left:10px'><i>impostazioni > generale > applicazioni</i></p><b>Altri browser</b><br><p class='small' style='padding-left:10px'>Fate riferimento alla documentazione specifica del vostro browser.</p>", "Problemi con le anteprime dei file PDF?");
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: FilePreviewComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: FilePreviewComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			viewQueries: [{
+				propertyName: "iframe",
+				first: true,
+				predicate: ["iframe"],
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<mat-dialog-content class=\"file-preview\"  id=\"file-preview-scrollable\">\r\n  <div class=\"content\">\r\n    @if (!url()) {\r\n    <div class=\"loading\">Caricamento in corso...</div>\r\n    } @else {\r\n    <iframe class=\"iframe\" #iframe  (load)=\"loaded()\"  [src]=\"url() | safeUrl\"></iframe>\r\n    }\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions id=\"file-preview-fixed\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"50\">\r\n      <button mat-stroked-button  (click)=\"troubles()\"\r\n        matTooltip=\"Fai click se non riesci a visualizzare l'anteprima dei file PDF\">Problemi con i PDF?</button>\r\n    </div>\r\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\r\n      <button mat-stroked-button  (click)=\"download()\">Scarica</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>",
+			styles: [".file-preview{padding:0}.file-preview .content{height:100%;width:100%;overflow:hidden;background-color:var(--ars-filepreview-content-background-color, #f7faf8)}.file-preview .content .loading{animation:blinker 2s linear infinite;font-size:x-large;color:var(--ars-color-text, #191c1b);width:100%;height:100%;padding:20px}.file-preview .content .iframe{width:100%;height:100%;border:0;background-color:var(--ars-filepreview-content-background-color, #f7faf8)!important}@keyframes blinker{50%{opacity:0}}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: MatDialogActions,
+					selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
+					inputs: ["align"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i6.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogClose,
+					selector: "[mat-dialog-close], [matDialogClose]",
+					inputs: [
+						"aria-label",
+						"type",
+						"mat-dialog-close",
+						"matDialogClose"
+					],
+					exportAs: ["matDialogClose"]
+				},
+				{
+					kind: "pipe",
+					type: SafeUrlPipe,
+					name: "safeUrl"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FilePreviewComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatDialogContent,
+				FlexLayoutModule,
+				MatDialogActions,
+				MatButtonModule,
+				MatTooltipModule,
+				MatDialogClose,
+				SafeUrlPipe
+			],
+			template: "<mat-dialog-content class=\"file-preview\"  id=\"file-preview-scrollable\">\r\n  <div class=\"content\">\r\n    @if (!url()) {\r\n    <div class=\"loading\">Caricamento in corso...</div>\r\n    } @else {\r\n    <iframe class=\"iframe\" #iframe  (load)=\"loaded()\"  [src]=\"url() | safeUrl\"></iframe>\r\n    }\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions id=\"file-preview-fixed\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"50\">\r\n      <button mat-stroked-button  (click)=\"troubles()\"\r\n        matTooltip=\"Fai click se non riesci a visualizzare l'anteprima dei file PDF\">Problemi con i PDF?</button>\r\n    </div>\r\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\r\n      <button mat-stroked-button  (click)=\"download()\">Scarica</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>",
+			styles: [".file-preview{padding:0}.file-preview .content{height:100%;width:100%;overflow:hidden;background-color:var(--ars-filepreview-content-background-color, #f7faf8)}.file-preview .content .loading{animation:blinker 2s linear infinite;font-size:x-large;color:var(--ars-color-text, #191c1b);width:100%;height:100%;padding:20px}.file-preview .content .iframe{width:100%;height:100%;border:0;background-color:var(--ars-filepreview-content-background-color, #f7faf8)!important}@keyframes blinker{50%{opacity:0}}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { iframe: [{
+		type: i0.ViewChild,
+		args: ["iframe", { isSignal: true }]
+	}] }
+});
+var SelectFileDialogComponent = class SelectFileDialogComponent {
+	constructor() {
+		this.done = output();
+		this.dialogService = inject(ShellService);
+		this.dialogRef = inject(MatDialogRef);
+		this.dialogData = signal(inject(MAT_DIALOG_DATA) ?? {}, ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+		this.file = signal(void 0, ...ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []);
+		this.fileClass = signal("selectfile-file", ...ngDevMode ? [{ debugName: "fileClass" }] : /* istanbul ignore next */ []);
+	}
+	update(e) {
+		const input = e.target;
+		if (input.files?.length) this.selectFile(input.files[0]);
+	}
+	selectFile(file) {
+		const data = this.dialogData();
+		const maxSize = data.maxSize ?? 0;
+		if (maxSize > 0) {
+			if (file.size / 1048576 > maxSize) {
+				this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
+				return;
+			}
+		}
+		if (data.accept) {
+			const accept = data.accept.toLowerCase();
+			const a = file.name.split(".").pop()?.toLowerCase();
+			let b = file.type.toLowerCase();
+			if (b.startsWith("image/") && accept.includes("image/*")) b = "image/*";
+			else if (b.startsWith("video/") && accept.includes("video/*")) b = "video/*";
+			else if (b.startsWith("audio/") && accept.includes("audio/*")) b = "audio/*";
+			if (!accept.includes(a ?? "") && !accept.includes(b)) {
+				this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
+				return;
+			}
+		}
+		this.file.set(file);
+	}
+	size(size) {
+		return SystemUtils.formatFileSize(size);
+	}
+	ok() {
+		this.done.emit({
+			file: this.file(),
+			options: this.dialogData().options
+		});
+		setTimeout(() => {
+			this.dialogRef.close();
+		}, 500);
+	}
+	onDragOver(e) {
+		this.fileClass.set("selectfile-file-drop");
+		e.preventDefault();
+	}
+	onDragEnter(e) {
+		this.fileClass.set("selectfile-file-drop");
+		e.preventDefault();
+	}
+	onDragEnd(e) {
+		this.fileClass.set("selectfile-file");
+		e.preventDefault();
+	}
+	onDragLeave(e) {
+		this.fileClass.set("selectfile-file");
+		e.preventDefault();
+	}
+	onDrop(e) {
+		this.fileClass.set("selectfile-file");
+		e.preventDefault();
+		e.stopPropagation();
+		if (e.dataTransfer?.files?.length) this.addFiles(e.dataTransfer.files);
+	}
+	addFiles(files) {
+		if (files.length > 0) this.selectFile(files[0]);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: SelectFileDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: SelectFileDialogComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			outputs: { done: "done" },
+			ngImport: i0,
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectfile-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui il file o selezionalo</i></div>\n        <div>\n          <input #_file type=\"file\" [accept]=\"dialogData().accept\" [hidden]=\"true\" (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <div class=\"small accent bold\"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni: <i>{{size(file().size)}}</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n       @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n    <div fxFlex=\"50\">\n      @if (dialogData().helpLink) {\n      <a mat-stroked-button href=\"{{dialogData().helpLink}}\" target=\"_blank\">{{dialogData().helpCaption}}</a>\n      }\n    </div>\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\n    </div>\n  </div>\n</mat-dialog-actions>",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectfile-file,.selectfile-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectfile-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectfile-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: MatDialogTitle,
+					selector: "[mat-dialog-title], [matDialogTitle]",
+					inputs: ["id"],
+					exportAs: ["matDialogTitle"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexAlignDirective,
+					selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ",
+					inputs: [
+						"fxFlexAlign",
+						"fxFlexAlign.xs",
+						"fxFlexAlign.sm",
+						"fxFlexAlign.md",
+						"fxFlexAlign.lg",
+						"fxFlexAlign.xl",
+						"fxFlexAlign.lt-sm",
+						"fxFlexAlign.lt-md",
+						"fxFlexAlign.lt-lg",
+						"fxFlexAlign.lt-xl",
+						"fxFlexAlign.gt-xs",
+						"fxFlexAlign.gt-sm",
+						"fxFlexAlign.gt-md",
+						"fxFlexAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatCheckboxModule
+				},
+				{
+					kind: "component",
+					type: i3.MatCheckbox,
+					selector: "mat-checkbox",
+					inputs: [
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"aria-expanded",
+						"aria-controls",
+						"aria-owns",
+						"id",
+						"required",
+						"labelPosition",
+						"name",
+						"value",
+						"disableRipple",
+						"tabIndex",
+						"color",
+						"disabledInteractive",
+						"checked",
+						"disabled",
+						"indeterminate"
+					],
+					outputs: ["change", "indeterminateChange"],
+					exportAs: ["matCheckbox"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogActions,
+					selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
+					inputs: ["align"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogClose,
+					selector: "[mat-dialog-close], [matDialogClose]",
+					inputs: [
+						"aria-label",
+						"type",
+						"mat-dialog-close",
+						"matDialogClose"
+					],
+					exportAs: ["matDialogClose"]
+				},
+				{
+					kind: "pipe",
+					type: SafeHtmlPipe,
+					name: "safeHtml"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SelectFileDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatDialogTitle,
+				MatDialogContent,
+				FlexLayoutModule,
+				MatButtonModule,
+				MatCheckboxModule,
+				MatDialogActions,
+				MatDialogClose,
+				SafeHtmlPipe
+			],
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectfile-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui il file o selezionalo</i></div>\n        <div>\n          <input #_file type=\"file\" [accept]=\"dialogData().accept\" [hidden]=\"true\" (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <div class=\"small accent bold\"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni: <i>{{size(file().size)}}</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n       @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n    <div fxFlex=\"50\">\n      @if (dialogData().helpLink) {\n      <a mat-stroked-button href=\"{{dialogData().helpLink}}\" target=\"_blank\">{{dialogData().helpCaption}}</a>\n      }\n    </div>\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\n    </div>\n  </div>\n</mat-dialog-actions>",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectfile-file,.selectfile-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectfile-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectfile-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"]
+		}]
+	}],
+	propDecorators: { done: [{
+		type: i0.Output,
+		args: ["done"]
+	}] }
+});
+var SelectPictureDialogComponent = class SelectPictureDialogComponent {
+	constructor() {
+		this.done = output();
+		this.dialogService = inject(ShellService);
+		this.dialogRef = inject(MatDialogRef);
+		this.dialogData = signal(inject(MAT_DIALOG_DATA) ?? {}, ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+		this.file = signal(void 0, ...ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []);
+		this.fileClass = signal("selectpicture-file", ...ngDevMode ? [{ debugName: "fileClass" }] : /* istanbul ignore next */ []);
+		this.pictureWidth = signal(0, ...ngDevMode ? [{ debugName: "pictureWidth" }] : /* istanbul ignore next */ []);
+		this.pictureHeight = signal(0, ...ngDevMode ? [{ debugName: "pictureHeight" }] : /* istanbul ignore next */ []);
+		this.picturePreview = signal(void 0, ...ngDevMode ? [{ debugName: "picturePreview" }] : /* istanbul ignore next */ []);
+	}
+	update(e) {
+		const input = e.target;
+		if (input.files?.length) this.selectFile(input.files[0]);
+	}
+	selectFile(file) {
+		const data = this.dialogData();
+		const maxSize = data.maxSize ?? 0;
+		if (maxSize > 0) {
+			if (file.size / 1048576 > maxSize) {
+				this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
+				return;
+			}
+		}
+		if (data.accept) {
+			const accept = data.accept.toLowerCase();
+			const a = file.name.split(".").pop()?.toLowerCase();
+			let b = file.type.toLowerCase();
+			if (b.startsWith("image/") && accept.includes("image/*")) b = "image/*";
+			else if (b.startsWith("video/") && accept.includes("video/*")) b = "video/*";
+			else if (b.startsWith("audio/") && accept.includes("audio/*")) b = "audio/*";
+			if (!accept.includes(a ?? "") && !accept.includes(b)) {
+				this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
+				return;
+			}
+		}
+		const reader = new FileReader();
+		reader.onload = (_e) => {
+			const img = new Image();
+			img.onload = () => {
+				const maxWidth = data.maxWidth ?? 0;
+				if (maxWidth > 0 && img.width > maxWidth) {
+					this.dialogService.error(`Immagine troppo larga (massimo ${maxWidth} pixel)`);
+					return;
+				}
+				const maxHeight = data.maxHeight ?? 0;
+				if (maxHeight > 0 && img.height > maxHeight) {
+					this.dialogService.error(`Immagine troppo alta (massimo ${maxHeight} pixel)`);
+					return;
+				}
+				this.pictureWidth.set(img.width);
+				this.pictureHeight.set(img.height);
+				this.picturePreview.set(_e.target.result);
+				this.file.set(file);
+			};
+			img.src = _e.target.result;
+		};
+		reader.readAsDataURL(file);
+	}
+	size(size) {
+		return SystemUtils.formatFileSize(size);
+	}
+	ok() {
+		this.done.emit({
+			file: this.file(),
+			options: this.dialogData().options
+		});
+		setTimeout(() => {
+			this.dialogRef.close();
+		}, 500);
+	}
+	onDragOver(e) {
+		this.fileClass.set("selectpicture-file-drop");
+		e.preventDefault();
+	}
+	onDragEnter(e) {
+		this.fileClass.set("selectpicture-file-drop");
+		e.preventDefault();
+	}
+	onDragEnd(e) {
+		this.fileClass.set("selectpicture-file");
+		e.preventDefault();
+	}
+	onDragLeave(e) {
+		this.fileClass.set("selectpicture-file");
+		e.preventDefault();
+	}
+	onDrop(e) {
+		this.fileClass.set("selectpicture-file");
+		e.preventDefault();
+		e.stopPropagation();
+		if (e.dataTransfer?.files?.length) this.addFiles(e.dataTransfer.files);
+	}
+	addFiles(files) {
+		if (files.length > 0) this.selectFile(files[0]);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: SelectPictureDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: SelectPictureDialogComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			outputs: { done: "done" },
+			ngImport: i0,
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectpicture-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"24px\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui l'immagine o selezionala</i></div>\n        <div>\n          <input #_file type=\"file\" [hidden]=\"true\" [accept]=\"dialogData().accept ?? 'image/*'\"\n            (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button  (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <img [src]=\"picturePreview()\" class=\"selectpicture-preview\">\n            <div class=\"small accent bold \"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni:<i>{{pictureWidth()}} x {{pictureHeight()}} ({{size(file().size)}})</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n        @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\"  [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n    <button mat-stroked-button mat-dialog-close  >Annulla</button>\n  </div>\n</mat-dialog-actions>\n",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectpicture-file{padding:24px;width:320px;border:5px dotted #eee}.selectpicture-preview{max-height:300px;max-width:300px;margin-bottom:15px!important}.selectpicture-file,.selectpicture-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectpicture-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectpicture-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: MatDialogTitle,
+					selector: "[mat-dialog-title], [matDialogTitle]",
+					inputs: ["id"],
+					exportAs: ["matDialogTitle"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexAlignDirective,
+					selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ",
+					inputs: [
+						"fxFlexAlign",
+						"fxFlexAlign.xs",
+						"fxFlexAlign.sm",
+						"fxFlexAlign.md",
+						"fxFlexAlign.lg",
+						"fxFlexAlign.xl",
+						"fxFlexAlign.lt-sm",
+						"fxFlexAlign.lt-md",
+						"fxFlexAlign.lt-lg",
+						"fxFlexAlign.lt-xl",
+						"fxFlexAlign.gt-xs",
+						"fxFlexAlign.gt-sm",
+						"fxFlexAlign.gt-md",
+						"fxFlexAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatCheckboxModule
+				},
+				{
+					kind: "component",
+					type: i3.MatCheckbox,
+					selector: "mat-checkbox",
+					inputs: [
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"aria-expanded",
+						"aria-controls",
+						"aria-owns",
+						"id",
+						"required",
+						"labelPosition",
+						"name",
+						"value",
+						"disableRipple",
+						"tabIndex",
+						"color",
+						"disabledInteractive",
+						"checked",
+						"disabled",
+						"indeterminate"
+					],
+					outputs: ["change", "indeterminateChange"],
+					exportAs: ["matCheckbox"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogActions,
+					selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
+					inputs: ["align"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogClose,
+					selector: "[mat-dialog-close], [matDialogClose]",
+					inputs: [
+						"aria-label",
+						"type",
+						"mat-dialog-close",
+						"matDialogClose"
+					],
+					exportAs: ["matDialogClose"]
+				},
+				{
+					kind: "pipe",
+					type: SafeHtmlPipe,
+					name: "safeHtml"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SelectPictureDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatDialogTitle,
+				MatDialogContent,
+				FlexLayoutModule,
+				MatButtonModule,
+				MatCheckboxModule,
+				MatDialogActions,
+				MatDialogClose,
+				SafeHtmlPipe
+			],
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectpicture-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"24px\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui l'immagine o selezionala</i></div>\n        <div>\n          <input #_file type=\"file\" [hidden]=\"true\" [accept]=\"dialogData().accept ?? 'image/*'\"\n            (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button  (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\"  fxLayoutAlign=\"center center\" fxFill>\n            <img [src]=\"picturePreview()\" class=\"selectpicture-preview\">\n            <div class=\"small accent bold \"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni:<i>{{pictureWidth()}} x {{pictureHeight()}} ({{size(file().size)}})</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n        @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\"  name=\"opt_{{i}}\"  >\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\"  [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n    <button mat-stroked-button mat-dialog-close  >Annulla</button>\n  </div>\n</mat-dialog-actions>\n",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.selectpicture-file{padding:24px;width:320px;border:5px dotted #eee}.selectpicture-preview{max-height:300px;max-width:300px;margin-bottom:15px!important}.selectpicture-file,.selectpicture-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectpicture-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectpicture-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"]
+		}]
+	}],
+	propDecorators: { done: [{
+		type: i0.Output,
+		args: ["done"]
+	}] }
+});
 export { FileInputComponent, FilePreviewComponent, SelectFileDialogComponent, SelectPictureDialogComponent };
-//# sourceMappingURL=arsedizioni-ars-utils-ui.files.mjs.map
+
+//# sourceMappingURL=arsedizioni-ars-utils-ui.files.mjs.map