@muxima-ui/core 1.0.0 → 1.1.0

package/fesm2022/muxima-ui-core-file-upload.mjs

@@ -0,0 +1,392 @@
+import * as i0 from '@angular/core';
+import { model, input, booleanAttribute, numberAttribute, output, inject, ElementRef, viewChild, Injector, computed, signal, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
+import { NgControl, Validators } from '@angular/forms';
+import { MxFormField, mxUniqueId, MX_FORM_FIELD_CONTROL } from '@muxima-ui/core/form-field';
+
+/** "1,2 MB", "340 kB". */
+function mxFormatBytes(bytes, locale = 'pt-AO') {
+    const units = ['B', 'kB', 'MB', 'GB'];
+    let v = bytes;
+    let u = 0;
+    while (v >= 1000 && u < units.length - 1) {
+        v /= 1000;
+        u++;
+    }
+    return `${new Intl.NumberFormat(locale, { maximumFractionDigits: u ? 1 : 0 }).format(v)} ${units[u]}`;
+}
+/** true se o ficheiro corresponde a `accept` (".pdf,image/*"). */
+function mxFileMatches(file, accept) {
+    if (!accept.trim())
+        return true;
+    const name = file.name.toLowerCase();
+    const type = file.type.toLowerCase();
+    return accept
+        .split(',')
+        .map((a) => a.trim().toLowerCase())
+        .filter(Boolean)
+        .some((a) => (a.startsWith('.') ? name.endsWith(a) : a.endsWith('/*') ? type.startsWith(a.slice(0, -1)) : type === a));
+}
+/**
+ * Envio de ficheiros: arrastar para a área ou carregar no botão (que abre o seletor nativo).
+ * Valida tipo, tamanho e número, mostra a lista com tamanho, progresso e botão de remover.
+ *
+ * ```html
+ * <mx-form-field>
+ *   <label mxLabel>Comprovativos</label>
+ *   <mx-file-upload formControlName="ficheiros" accept=".pdf,image/*" [maxSize]="5_000_000" multiple />
+ *   <mx-hint>PDF ou imagem, até 5 MB cada.</mx-hint>
+ * </mx-form-field>
+ * ```
+ *
+ * O valor é `File[]`. O envio para o servidor fica do teu lado: passa a percentagem de cada
+ * ficheiro em `[progress]` (pelo nome) e os erros em `[errors]`.
+ */
+class MxFileUpload {
+    value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Tipos aceites, como no input nativo: ".pdf,image/*". */
+    accept = input('', ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Tamanho máximo de cada ficheiro, em bytes. */
+    maxSize = input(Infinity, { ...(ngDevMode ? { debugName: "maxSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    maxFiles = input(Infinity, { ...(ngDevMode ? { debugName: "maxFiles" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Percentagem de envio por nome de ficheiro. */
+    progress = input({}, ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
+    /** Erro de envio por nome de ficheiro. */
+    errors = input({}, ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    dropText = input('Arrasta os ficheiros para aqui ou', ...(ngDevMode ? [{ debugName: "dropText" }] : /* istanbul ignore next */ []));
+    buttonText = input('escolhe no computador', ...(ngDevMode ? [{ debugName: "buttonText" }] : /* istanbul ignore next */ []));
+    /** Linha de ajuda dentro da área (ex.: "PDF até 5 MB"). */
+    description = input('', ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    listLabel = input('Ficheiros escolhidos', ...(ngDevMode ? [{ debugName: "listLabel" }] : /* istanbul ignore next */ []));
+    removeText = input('Remover', ...(ngDevMode ? [{ debugName: "removeText" }] : /* istanbul ignore next */ []));
+    doneText = input('Enviado', ...(ngDevMode ? [{ debugName: "doneText" }] : /* istanbul ignore next */ []));
+    locale = input('pt-AO', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    rejected = output();
+    field = inject(MxFormField, { optional: true });
+    ngControl = inject(NgControl, { self: true, optional: true });
+    announcer = inject(LiveAnnouncer);
+    host = inject(ElementRef).nativeElement;
+    input = viewChild.required('input');
+    injector = inject(Injector);
+    generatedId = mxUniqueId('mx-file-upload');
+    controlId = computed(() => this.id() ?? this.generatedId, ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
+    descId = mxUniqueId('mx-file-upload-desc');
+    files = computed(() => this.value() ?? [], ...(ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []));
+    dragging = signal(false, ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
+    rejections = signal([], ...(ngDevMode ? [{ debugName: "rejections" }] : /* istanbul ignore next */ []));
+    formDisabled = signal(false, ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.formDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => [this.description() ? this.descId : null, this.field?.describedBy()].filter(Boolean).join(' ') || null, ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    dragDepth = 0;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor() {
+        if (this.ngControl)
+            this.ngControl.valueAccessor = this;
+    }
+    size(bytes) {
+        return mxFormatBytes(bytes, this.locale());
+    }
+    /** Abre o seletor de ficheiros do sistema. */
+    browse() {
+        if (!this.isDisabled())
+            this.input().nativeElement.click();
+    }
+    /** Acrescenta ficheiros, com as mesmas validações do arrastar e do seletor. */
+    addFiles(list) {
+        const incoming = Array.from(list);
+        const accepted = [];
+        const rejected = [];
+        const current = this.multiple() ? this.files() : [];
+        for (const file of incoming) {
+            if (!mxFileMatches(file, this.accept())) {
+                rejected.push({ file, reason: 'type', message: `${file.name}: tipo de ficheiro não aceite.` });
+            }
+            else if (file.size > this.maxSize()) {
+                rejected.push({ file, reason: 'size', message: `${file.name}: tem ${this.size(file.size)}, o máximo é ${this.size(this.maxSize())}.` });
+            }
+            else if (current.length + accepted.length >= (this.multiple() ? this.maxFiles() : 1)) {
+                rejected.push({ file, reason: 'count', message: `${file.name}: só podes juntar ${this.multiple() ? this.maxFiles() : 1} ficheiro${this.maxFiles() === 1 || !this.multiple() ? '' : 's'}.` });
+            }
+            else {
+                accepted.push(file);
+            }
+        }
+        this.rejections.set(rejected);
+        if (rejected.length)
+            this.rejected.emit(rejected);
+        if (accepted.length)
+            this.update([...current, ...accepted]);
+        const parts = [];
+        if (accepted.length)
+            parts.push(accepted.length === 1 ? `${accepted[0].name} juntado.` : `${accepted.length} ficheiros juntados.`);
+        parts.push(...rejected.map((r) => r.message));
+        if (parts.length)
+            this.announcer.announce(parts.join(' '), rejected.length ? 'assertive' : 'polite');
+        this.onTouched();
+    }
+    remove(index) {
+        const file = this.files()[index];
+        this.update(this.files().filter((_, i) => i !== index));
+        this.announcer.announce(`${file.name} removido.`);
+        afterNextRender(() => {
+            const removes = this.host.querySelectorAll('.mx-file-upload-remove');
+            (removes[Math.min(index, removes.length - 1)] ?? this.host.querySelector('.mx-file-upload-button'))?.focus();
+        }, { injector: this.injector });
+    }
+    update(files) {
+        this.value.set(files);
+        this.onChange(files);
+    }
+    onPick(event) {
+        const el = event.target;
+        if (el.files?.length)
+            this.addFiles(el.files);
+        // permite escolher o mesmo ficheiro outra vez
+        el.value = '';
+    }
+    onDragEnter(event) {
+        if (this.isDisabled())
+            return;
+        event.preventDefault();
+        this.dragDepth++;
+        this.dragging.set(true);
+    }
+    onDragOver(event) {
+        if (this.isDisabled())
+            return;
+        event.preventDefault();
+        if (event.dataTransfer)
+            event.dataTransfer.dropEffect = 'copy';
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        if (--this.dragDepth <= 0) {
+            this.dragDepth = 0;
+            this.dragging.set(false);
+        }
+    }
+    onDrop(event) {
+        event.preventDefault();
+        this.dragDepth = 0;
+        this.dragging.set(false);
+        if (this.isDisabled() || !event.dataTransfer?.files.length)
+            return;
+        this.addFiles(event.dataTransfer.files);
+    }
+    // ---- MxFormFieldControl ----
+    errorState() {
+        if (this.invalid())
+            return true;
+        const c = this.ngControl;
+        return !!c && !!c.invalid && !!(c.touched || c.dirty);
+    }
+    isRequired() {
+        return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);
+    }
+    // ---- ControlValueAccessor ----
+    writeValue(value) {
+        this.value.set(value ?? []);
+        this.rejections.set([]);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxFileUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxFileUpload, isStandalone: true, selector: "mx-file-upload", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, dropText: { classPropertyName: "dropText", publicName: "dropText", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, listLabel: { classPropertyName: "listLabel", publicName: "listLabel", isSignal: true, isRequired: false, transformFunction: null }, removeText: { classPropertyName: "removeText", publicName: "removeText", isSignal: true, isRequired: false, transformFunction: null }, doneText: { classPropertyName: "doneText", publicName: "doneText", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", rejected: "rejected" }, host: { properties: { "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.data-invalid": "errorState() ? \"\" : null", "attr.aria-label": "null" }, classAttribute: "mx-file-upload" }, providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxFileUpload }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }], exportAs: ["mxFileUpload"], ngImport: i0, template: `
+    <div
+      class="mx-file-upload-zone"
+      [attr.data-dragging]="dragging() ? '' : null"
+      (dragenter)="onDragEnter($event)"
+      (dragover)="onDragOver($event)"
+      (dragleave)="onDragLeave($event)"
+      (drop)="onDrop($event)"
+    >
+      <svg class="mx-file-upload-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <path d="M12 15V4M7.5 8.5L12 4l4.5 4.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M4 14v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
+      </svg>
+      <p class="mx-file-upload-text">
+        <span aria-hidden="true">{{ dropText() }}</span>
+        <button
+          type="button"
+          class="mx-file-upload-button"
+          [id]="controlId()"
+          [disabled]="isDisabled()"
+          [attr.aria-describedby]="describedBy()"
+          [attr.aria-labelledby]="field?.labelId() ? field!.labelId() + ' ' + controlId() : null"
+          (click)="browse()"
+        >
+          {{ buttonText() }}
+        </button>
+      </p>
+      @if (description()) {
+        <p class="mx-file-upload-desc" [id]="descId">{{ description() }}</p>
+      }
+      <input
+        #input
+        type="file"
+        class="mx-visually-hidden"
+        tabindex="-1"
+        aria-hidden="true"
+        [accept]="accept()"
+        [multiple]="multiple()"
+        [disabled]="isDisabled()"
+        (change)="onPick($event)"
+      />
+    </div>
+
+    @if (rejections().length) {
+      <ul class="mx-file-upload-rejections">
+        @for (r of rejections(); track $index) {
+          <li>{{ r.message }}</li>
+        }
+      </ul>
+    }
+
+    @if (files().length) {
+      <ul class="mx-file-upload-list" [attr.aria-label]="listLabel()">
+        @for (f of files(); track f; let i = $index) {
+          <li class="mx-file-upload-item" [attr.data-error]="errors()[f.name] ? '' : null">
+            <svg class="mx-file-upload-file-icon" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <path d="M4 1.75h5l3 3v9.5H4z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" />
+              <path d="M9 1.75v3h3" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" />
+            </svg>
+            <div class="mx-file-upload-info">
+              <span class="mx-file-upload-name">{{ f.name }}</span>
+              <span class="mx-file-upload-meta">
+                {{ size(f.size) }}
+                @if (errors()[f.name]; as e) {
+                  · <span class="mx-file-upload-error">{{ e }}</span>
+                } @else if (progress()[f.name] !== undefined) {
+                  · {{ progress()[f.name] >= 100 ? doneText() : progress()[f.name] + '%' }}
+                }
+              </span>
+              @if (progress()[f.name] !== undefined && progress()[f.name] < 100 && !errors()[f.name]) {
+                <progress class="mx-file-upload-progress" max="100" [value]="progress()[f.name]" [attr.aria-label]="'A enviar ' + f.name"></progress>
+              }
+            </div>
+            <button type="button" class="mx-file-upload-remove" [disabled]="isDisabled()" [attr.aria-label]="removeText() + ' ' + f.name" (click)="remove(i)">
+              <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M4.5 4.5l7 7M11.5 4.5l-7 7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
+            </button>
+          </li>
+        }
+      </ul>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxFileUpload, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mx-file-upload',
+                    exportAs: 'mxFileUpload',
+                    providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxFileUpload }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'mx-file-upload',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : null',
+                        '[attr.data-invalid]': 'errorState() ? "" : null',
+                        '[attr.aria-label]': 'null',
+                    },
+                    template: `
+    <div
+      class="mx-file-upload-zone"
+      [attr.data-dragging]="dragging() ? '' : null"
+      (dragenter)="onDragEnter($event)"
+      (dragover)="onDragOver($event)"
+      (dragleave)="onDragLeave($event)"
+      (drop)="onDrop($event)"
+    >
+      <svg class="mx-file-upload-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <path d="M12 15V4M7.5 8.5L12 4l4.5 4.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M4 14v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
+      </svg>
+      <p class="mx-file-upload-text">
+        <span aria-hidden="true">{{ dropText() }}</span>
+        <button
+          type="button"
+          class="mx-file-upload-button"
+          [id]="controlId()"
+          [disabled]="isDisabled()"
+          [attr.aria-describedby]="describedBy()"
+          [attr.aria-labelledby]="field?.labelId() ? field!.labelId() + ' ' + controlId() : null"
+          (click)="browse()"
+        >
+          {{ buttonText() }}
+        </button>
+      </p>
+      @if (description()) {
+        <p class="mx-file-upload-desc" [id]="descId">{{ description() }}</p>
+      }
+      <input
+        #input
+        type="file"
+        class="mx-visually-hidden"
+        tabindex="-1"
+        aria-hidden="true"
+        [accept]="accept()"
+        [multiple]="multiple()"
+        [disabled]="isDisabled()"
+        (change)="onPick($event)"
+      />
+    </div>
+
+    @if (rejections().length) {
+      <ul class="mx-file-upload-rejections">
+        @for (r of rejections(); track $index) {
+          <li>{{ r.message }}</li>
+        }
+      </ul>
+    }
+
+    @if (files().length) {
+      <ul class="mx-file-upload-list" [attr.aria-label]="listLabel()">
+        @for (f of files(); track f; let i = $index) {
+          <li class="mx-file-upload-item" [attr.data-error]="errors()[f.name] ? '' : null">
+            <svg class="mx-file-upload-file-icon" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+              <path d="M4 1.75h5l3 3v9.5H4z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" />
+              <path d="M9 1.75v3h3" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" />
+            </svg>
+            <div class="mx-file-upload-info">
+              <span class="mx-file-upload-name">{{ f.name }}</span>
+              <span class="mx-file-upload-meta">
+                {{ size(f.size) }}
+                @if (errors()[f.name]; as e) {
+                  · <span class="mx-file-upload-error">{{ e }}</span>
+                } @else if (progress()[f.name] !== undefined) {
+                  · {{ progress()[f.name] >= 100 ? doneText() : progress()[f.name] + '%' }}
+                }
+              </span>
+              @if (progress()[f.name] !== undefined && progress()[f.name] < 100 && !errors()[f.name]) {
+                <progress class="mx-file-upload-progress" max="100" [value]="progress()[f.name]" [attr.aria-label]="'A enviar ' + f.name"></progress>
+              }
+            </div>
+            <button type="button" class="mx-file-upload-remove" [disabled]="isDisabled()" [attr.aria-label]="removeText() + ' ' + f.name" (click)="remove(i)">
+              <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M4.5 4.5l7 7M11.5 4.5l-7 7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
+            </button>
+          </li>
+        }
+      </ul>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], dropText: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropText", required: false }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], listLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "listLabel", required: false }] }], removeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeText", required: false }] }], doneText: [{ type: i0.Input, args: [{ isSignal: true, alias: "doneText", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], rejected: [{ type: i0.Output, args: ["rejected"] }], input: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxFileUpload, mxFileMatches, mxFormatBytes };
+//# sourceMappingURL=muxima-ui-core-file-upload.mjs.map

package/fesm2022/muxima-ui-core-file-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-file-upload.mjs","sources":["../../../projects/core/file-upload/file-upload.ts","../../../projects/core/file-upload/muxima-ui-core-file-upload.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Injector,\n  afterNextRender,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { LiveAnnouncer } from '@angular/cdk/a11y';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport { MX_FORM_FIELD_CONTROL, MxFormField, MxFormFieldControl, mxUniqueId } from '@muxima-ui/core/form-field';\n\nexport interface MxFileRejection {\n  file: File;\n  reason: 'type' | 'size' | 'count';\n  message: string;\n}\n\n/** \"1,2 MB\", \"340 kB\". */\nexport function mxFormatBytes(bytes: number, locale = 'pt-AO'): string {\n  const units = ['B', 'kB', 'MB', 'GB'];\n  let v = bytes;\n  let u = 0;\n  while (v >= 1000 && u < units.length - 1) {\n    v /= 1000;\n    u++;\n  }\n  return `${new Intl.NumberFormat(locale, { maximumFractionDigits: u ? 1 : 0 }).format(v)} ${units[u]}`;\n}\n\n/** true se o ficheiro corresponde a `accept` (\".pdf,image/*\"). */\nexport function mxFileMatches(file: File, accept: string): boolean {\n  if (!accept.trim()) return true;\n  const name = file.name.toLowerCase();\n  const type = file.type.toLowerCase();\n  return accept\n    .split(',')\n    .map((a) => a.trim().toLowerCase())\n    .filter(Boolean)\n    .some((a) => (a.startsWith('.') ? name.endsWith(a) : a.endsWith('/*') ? type.startsWith(a.slice(0, -1)) : type === a));\n}\n\n/**\n * Envio de ficheiros: arrastar para a área ou carregar no botão (que abre o seletor nativo).\n * Valida tipo, tamanho e número, mostra a lista com tamanho, progresso e botão de remover.\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Comprovativos</label>\n *   <mx-file-upload formControlName=\"ficheiros\" accept=\".pdf,image/*\" [maxSize]=\"5_000_000\" multiple />\n *   <mx-hint>PDF ou imagem, até 5 MB cada.</mx-hint>\n * </mx-form-field>\n * ```\n *\n * O valor é `File[]`. O envio para o servidor fica do teu lado: passa a percentagem de cada\n * ficheiro em `[progress]` (pelo nome) e os erros em `[errors]`.\n */\n@Component({\n  selector: 'mx-file-upload',\n  exportAs: 'mxFileUpload',\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxFileUpload }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-file-upload',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-invalid]': 'errorState() ? \"\" : null',\n    '[attr.aria-label]': 'null',\n  },\n  template: `\n    <div\n      class=\"mx-file-upload-zone\"\n      [attr.data-dragging]=\"dragging() ? '' : null\"\n      (dragenter)=\"onDragEnter($event)\"\n      (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\"\n      (drop)=\"onDrop($event)\"\n    >\n      <svg class=\"mx-file-upload-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M12 15V4M7.5 8.5L12 4l4.5 4.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        <path d=\"M4 14v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" />\n      </svg>\n      <p class=\"mx-file-upload-text\">\n        <span aria-hidden=\"true\">{{ dropText() }}</span>\n        <button\n          type=\"button\"\n          class=\"mx-file-upload-button\"\n          [id]=\"controlId()\"\n          [disabled]=\"isDisabled()\"\n          [attr.aria-describedby]=\"describedBy()\"\n          [attr.aria-labelledby]=\"field?.labelId() ? field!.labelId() + ' ' + controlId() : null\"\n          (click)=\"browse()\"\n        >\n          {{ buttonText() }}\n        </button>\n      </p>\n      @if (description()) {\n        <p class=\"mx-file-upload-desc\" [id]=\"descId\">{{ description() }}</p>\n      }\n      <input\n        #input\n        type=\"file\"\n        class=\"mx-visually-hidden\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [accept]=\"accept()\"\n        [multiple]=\"multiple()\"\n        [disabled]=\"isDisabled()\"\n        (change)=\"onPick($event)\"\n      />\n    </div>\n\n    @if (rejections().length) {\n      <ul class=\"mx-file-upload-rejections\">\n        @for (r of rejections(); track $index) {\n          <li>{{ r.message }}</li>\n        }\n      </ul>\n    }\n\n    @if (files().length) {\n      <ul class=\"mx-file-upload-list\" [attr.aria-label]=\"listLabel()\">\n        @for (f of files(); track f; let i = $index) {\n          <li class=\"mx-file-upload-item\" [attr.data-error]=\"errors()[f.name] ? '' : null\">\n            <svg class=\"mx-file-upload-file-icon\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M4 1.75h5l3 3v9.5H4z\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linejoin=\"round\" />\n              <path d=\"M9 1.75v3h3\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linejoin=\"round\" />\n            </svg>\n            <div class=\"mx-file-upload-info\">\n              <span class=\"mx-file-upload-name\">{{ f.name }}</span>\n              <span class=\"mx-file-upload-meta\">\n                {{ size(f.size) }}\n                @if (errors()[f.name]; as e) {\n                  · <span class=\"mx-file-upload-error\">{{ e }}</span>\n                } @else if (progress()[f.name] !== undefined) {\n                  · {{ progress()[f.name] >= 100 ? doneText() : progress()[f.name] + '%' }}\n                }\n              </span>\n              @if (progress()[f.name] !== undefined && progress()[f.name] < 100 && !errors()[f.name]) {\n                <progress class=\"mx-file-upload-progress\" max=\"100\" [value]=\"progress()[f.name]\" [attr.aria-label]=\"'A enviar ' + f.name\"></progress>\n              }\n            </div>\n            <button type=\"button\" class=\"mx-file-upload-remove\" [disabled]=\"isDisabled()\" [attr.aria-label]=\"removeText() + ' ' + f.name\" (click)=\"remove(i)\">\n              <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4.5 4.5l7 7M11.5 4.5l-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" /></svg>\n            </button>\n          </li>\n        }\n      </ul>\n    }\n  `,\n})\nexport class MxFileUpload implements ControlValueAccessor, MxFormFieldControl {\n  readonly value = model<File[]>([]);\n  /** Tipos aceites, como no input nativo: \".pdf,image/*\". */\n  readonly accept = input('');\n  readonly multiple = input(false, { transform: booleanAttribute });\n  /** Tamanho máximo de cada ficheiro, em bytes. */\n  readonly maxSize = input(Infinity, { transform: numberAttribute });\n  readonly maxFiles = input(Infinity, { transform: numberAttribute });\n  /** Percentagem de envio por nome de ficheiro. */\n  readonly progress = input<Record<string, number>>({});\n  /** Erro de envio por nome de ficheiro. */\n  readonly errors = input<Record<string, string>>({});\n  readonly dropText = input('Arrasta os ficheiros para aqui ou');\n  readonly buttonText = input('escolhe no computador');\n  /** Linha de ajuda dentro da área (ex.: \"PDF até 5 MB\"). */\n  readonly description = input('');\n  readonly listLabel = input('Ficheiros escolhidos');\n  readonly removeText = input('Remover');\n  readonly doneText = input('Enviado');\n  readonly locale = input('pt-AO');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly id = input<string | undefined>(undefined);\n  readonly rejected = output<MxFileRejection[]>();\n\n  protected readonly field = inject(MxFormField, { optional: true });\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\n  private readonly announcer = inject(LiveAnnouncer);\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly input = viewChild.required<ElementRef<HTMLInputElement>>('input');\n  private readonly injector = inject(Injector);\n\n  private readonly generatedId = mxUniqueId('mx-file-upload');\n  readonly controlId = computed(() => this.id() ?? this.generatedId);\n  protected readonly descId = mxUniqueId('mx-file-upload-desc');\n  protected readonly files = computed(() => this.value() ?? []);\n  protected readonly dragging = signal(false);\n  protected readonly rejections = signal<MxFileRejection[]>([]);\n  private readonly formDisabled = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n  protected readonly describedBy = computed(\n    () => [this.description() ? this.descId : null, this.field?.describedBy()].filter(Boolean).join(' ') || null,\n  );\n  private dragDepth = 0;\n\n  private onChange: (value: File[]) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  constructor() {\n    if (this.ngControl) this.ngControl.valueAccessor = this;\n  }\n\n  protected size(bytes: number): string {\n    return mxFormatBytes(bytes, this.locale());\n  }\n\n  /** Abre o seletor de ficheiros do sistema. */\n  browse(): void {\n    if (!this.isDisabled()) this.input().nativeElement.click();\n  }\n\n  /** Acrescenta ficheiros, com as mesmas validações do arrastar e do seletor. */\n  addFiles(list: Iterable<File> | ArrayLike<File>): void {\n    const incoming = Array.from(list);\n    const accepted: File[] = [];\n    const rejected: MxFileRejection[] = [];\n    const current = this.multiple() ? this.files() : [];\n    for (const file of incoming) {\n      if (!mxFileMatches(file, this.accept())) {\n        rejected.push({ file, reason: 'type', message: `${file.name}: tipo de ficheiro não aceite.` });\n      } else if (file.size > this.maxSize()) {\n        rejected.push({ file, reason: 'size', message: `${file.name}: tem ${this.size(file.size)}, o máximo é ${this.size(this.maxSize())}.` });\n      } else if (current.length + accepted.length >= (this.multiple() ? this.maxFiles() : 1)) {\n        rejected.push({ file, reason: 'count', message: `${file.name}: só podes juntar ${this.multiple() ? this.maxFiles() : 1} ficheiro${this.maxFiles() === 1 || !this.multiple() ? '' : 's'}.` });\n      } else {\n        accepted.push(file);\n      }\n    }\n    this.rejections.set(rejected);\n    if (rejected.length) this.rejected.emit(rejected);\n    if (accepted.length) this.update([...current, ...accepted]);\n    const parts = [];\n    if (accepted.length) parts.push(accepted.length === 1 ? `${accepted[0].name} juntado.` : `${accepted.length} ficheiros juntados.`);\n    parts.push(...rejected.map((r) => r.message));\n    if (parts.length) this.announcer.announce(parts.join(' '), rejected.length ? 'assertive' : 'polite');\n    this.onTouched();\n  }\n\n  remove(index: number): void {\n    const file = this.files()[index];\n    this.update(this.files().filter((_, i) => i !== index));\n    this.announcer.announce(`${file.name} removido.`);\n    afterNextRender(() => {\n      const removes = this.host.querySelectorAll<HTMLElement>('.mx-file-upload-remove');\n      (removes[Math.min(index, removes.length - 1)] ?? this.host.querySelector<HTMLElement>('.mx-file-upload-button'))?.focus();\n    }, { injector: this.injector });\n  }\n\n  private update(files: File[]): void {\n    this.value.set(files);\n    this.onChange(files);\n  }\n\n  protected onPick(event: Event): void {\n    const el = event.target as HTMLInputElement;\n    if (el.files?.length) this.addFiles(el.files);\n    // permite escolher o mesmo ficheiro outra vez\n    el.value = '';\n  }\n\n  protected onDragEnter(event: DragEvent): void {\n    if (this.isDisabled()) return;\n    event.preventDefault();\n    this.dragDepth++;\n    this.dragging.set(true);\n  }\n  protected onDragOver(event: DragEvent): void {\n    if (this.isDisabled()) return;\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy';\n  }\n  protected onDragLeave(event: DragEvent): void {\n    event.preventDefault();\n    if (--this.dragDepth <= 0) {\n      this.dragDepth = 0;\n      this.dragging.set(false);\n    }\n  }\n  protected onDrop(event: DragEvent): void {\n    event.preventDefault();\n    this.dragDepth = 0;\n    this.dragging.set(false);\n    if (this.isDisabled() || !event.dataTransfer?.files.length) return;\n    this.addFiles(event.dataTransfer.files);\n  }\n\n  // ---- MxFormFieldControl ----\n  errorState(): boolean {\n    if (this.invalid()) return true;\n    const c = this.ngControl;\n    return !!c && !!c.invalid && !!(c.touched || c.dirty);\n  }\n  isRequired(): boolean {\n    return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);\n  }\n\n  // ---- ControlValueAccessor ----\n  writeValue(value: File[] | null): void {\n    this.value.set(value ?? []);\n    this.rejections.set([]);\n  }\n  registerOnChange(fn: (value: File[]) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}