@malva-ui/editor 0.1.13 → 0.1.14

package/esm2022/lib/toolbar/editor-image-upload-dialog.js

@@ -1,289 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, ElementRef, inject, signal, ViewEncapsulation, } from '@angular/core';
-import { MlvButton } from '@malva-ui/core/button';
-import { MlvDialog, MlvDialogBody, MlvDialogFooter, MlvDialogHeader, MlvDialogRef, } from '@malva-ui/core/dialog';
-import { MlvFileUpload, } from '@malva-ui/core/file-upload';
-import { MlvInput } from '@malva-ui/core/input';
-import { MlvProgress } from '@malva-ui/core/progress';
-import { MlvSwitch } from '@malva-ui/core/switch';
-import { MLV_EDITOR_I18N, MLV_FILE_UPLOAD_I18N } from '@malva-ui/i18n';
-import { MLV_EDITOR_TOOLBAR_CONTEXT } from '../editor-toolbar-context';
-import { MLV_EDITOR_OVERLAY_REGISTRY } from '../editor-toolbar-context';
-import { MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR } from '../upload/editor-image-upload-coordinator';
-import * as i0 from "@angular/core";
-/**
- * Malva modal content for selecting and uploading one editor image. Renders
- * the dialog surface itself; the header title comes from the service config
- * (`title`).
- */
-export class MlvEditorImageUploadDialog {
-    /** @protected The exact editor-scoped upload coordinator. */
-    _coordinator = inject(MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR);
-    /** @private Current editor state guarding mutation. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Service-owned dialog lifecycle. */
-    _dialogRef = inject((MlvDialogRef));
-    /** @private Dialog content root registered inside the editor focus composite. */
-    _host = inject(ElementRef);
-    /** @private Editor-owned overlay registry for composite focus and teardown. */
-    _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);
-    /** @private Component lifecycle for preview cleanup. */
-    _destroyRef = inject(DestroyRef);
-    /** @private Optional localized editor copy. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @private File-upload copy used for its localized remove action. */
-    _fileI18n = inject(MLV_FILE_UPLOAD_I18N);
-    /** @protected Selected descriptor retained as a single-file list. */
-    _files = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_files" }] : /* istanbul ignore next */ []));
-    /** @protected Single current selected descriptor. */
-    _file = computed(() => this._files()[0], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_file" }] : /* istanbul ignore next */ []));
-    /** @protected Alternative-text draft. */
-    _alt = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_alt" }] : /* istanbul ignore next */ []));
-    /** @protected Optional title draft. */
-    _title = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_title" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the image is intentionally decorative. */
-    _decorative = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_decorative" }] : /* istanbul ignore next */ []));
-    /** @protected Whether alt validation has been requested. */
-    _altInvalid = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_altInvalid" }] : /* istanbul ignore next */ []));
-    /** @protected Stable coordinator ID for the submitted file. */
-    _activeId = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_activeId" }] : /* istanbul ignore next */ []));
-    /** @protected Current matching coordinator item. */
-    _item = computed(() => {
-        const id = this._activeId();
-        return id
-            ? this._coordinator.pending().find((candidate) => candidate.id === id)
-            : undefined;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_item" }] : /* istanbul ignore next */ []));
-    /** @protected Polite dialog upload announcement. */
-    _announcement = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_announcement" }] : /* istanbul ignore next */ []));
-    /** @private Whether closing follows successful completion. */
-    _completed = false;
-    /** @private Releases live dialog ownership for the current upload. */
-    _releaseDialogOwnership;
-    /** @private Last preview URL whose lifecycle remains dialog-owned. */
-    _ownedPreviewUrl;
-    /** @private Last announced ten-percent bucket. */
-    _progressBucket = -1;
-    /** @protected Current accept string bound to Malva FileUpload. */
-    _accept = computed(() => this._coordinator.options().accept.join(','), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_accept" }] : /* istanbul ignore next */ []));
-    /** @protected Current maximum bytes bound to Malva FileUpload. */
-    _maxSize = computed(() => this._coordinator.options().maxSize, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_maxSize" }] : /* istanbul ignore next */ []));
-    /** @protected Whether all dialog inputs/actions are blocked. */
-    _disabled = computed(() => this._context.disabled() ||
-        this._context.readonly() ||
-        !this._coordinator.available(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    /** @protected Whether upload can begin exactly once. */
-    _submitDisabled = computed(() => this._disabled() || !this._file() || !!this._activeId(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_submitDisabled" }] : /* istanbul ignore next */ []));
-    /** @protected Meaningful preview alt, empty only for decorative images. */
-    _previewAlt = computed(() => this._decorative()
-        ? ''
-        : this._alt().trim() || this._file()?.name || 'Selected image', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_previewAlt" }] : /* istanbul ignore next */ []));
-    /** @protected Reactive localized dialog copy. */
-    _copy = computed(() => {
-        const copy = this._i18n?.();
-        return {
-            title: copy?.uploadImage ?? 'Upload image',
-            alt: copy?.imageAltText ?? 'Alternative text',
-            imageTitle: copy?.imageTitle ?? 'Image title',
-            altRequired: copy?.imageAltRequired ?? 'Alternative text is required.',
-            decorative: copy?.decorativeImage ?? 'Decorative image',
-            failed: copy?.imageUploadFailed ?? 'Image upload failed.',
-            cancel: copy?.cancelUpload ?? 'Cancel upload',
-            retry: copy?.retryUpload ?? 'Retry upload',
-            progress: copy?.uploadProgress ?? 'Uploading image: {progress}%',
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_copy" }] : /* istanbul ignore next */ []));
-    constructor() {
-        const unregisterOverlay = this._overlays.register(this._host.nativeElement, () => this._dialogRef.close());
-        effect(() => {
-            const url = this._file()?.previewUrl;
-            if (url && url !== this._ownedPreviewUrl) {
-                // MlvFileUpload revokes a replaced/removed descriptor itself.
-                this._ownedPreviewUrl = url;
-            }
-        });
-        effect(() => {
-            if (this._context.disabled() || this._context.readonly()) {
-                this._dialogRef.close();
-            }
-        });
-        effect(() => {
-            const id = this._activeId();
-            if (!id)
-                return;
-            const item = this._item();
-            if (!item)
-                return;
-            if (item.status === 'failed') {
-                this._announcement.set(this._copy().failed);
-                this._progressBucket = -1;
-                return;
-            }
-            const bucket = Math.floor(item.progress / 10) * 10;
-            if (bucket !== this._progressBucket) {
-                this._progressBucket = bucket;
-                this._announcement.set(this._progressLabel(bucket));
-            }
-        });
-        const stopTerminalEvents = this._coordinator.onTerminal(({ id, reason }) => {
-            if (id !== this._activeId())
-                return;
-            if (reason === 'success') {
-                this._completed = true;
-                this._announcement.set(this._fileI18n().uploadComplete);
-                this._dialogRef.close();
-                return;
-            }
-            if (reason === 'cancelled') {
-                this._announcement.set(this._copy().cancel);
-                this._reset();
-                return;
-            }
-            if (reason === 'lifecycle-abort') {
-                this._reset();
-                this._dialogRef.close();
-                return;
-            }
-            this._reset();
-        });
-        this._dialogRef.beforeClose().subscribe(() => {
-            const id = this._activeId();
-            const item = this._item();
-            if (!this._completed &&
-                id &&
-                item?.status === 'uploading' &&
-                !this._context.disabled() &&
-                !this._context.readonly()) {
-                this._coordinator.cancel(id);
-            }
-            this._releaseOwnership();
-            this._revokeOwnedPreview();
-        });
-        this._destroyRef.onDestroy(() => {
-            stopTerminalEvents();
-            unregisterOverlay();
-            this._releaseOwnership();
-            this._revokeOwnedPreview();
-        });
-    }
-    /** @protected Retains only the current Malva selected descriptor. */
-    _onFilesChange(files) {
-        const retained = files.slice(-1);
-        const previousUrl = this._file()?.previewUrl;
-        if (previousUrl &&
-            !retained.some(({ previewUrl }) => previewUrl === previousUrl)) {
-            // FileUpload already revoked a descriptor it removed or replaced.
-            this._ownedPreviewUrl = undefined;
-        }
-        this._files.set(retained);
-        this._altInvalid.set(false);
-    }
-    /** @protected Begins exactly one normalized button upload. */
-    _submit() {
-        const selected = this._file();
-        if (!selected || this._activeId())
-            return;
-        const alt = this._decorative() ? '' : this._alt().trim();
-        if (!this._decorative() && !alt) {
-            this._altInvalid.set(true);
-            return;
-        }
-        this._altInvalid.set(false);
-        const title = this._title().trim();
-        const ids = this._coordinator.start([selected.file], 'button', {
-            alt,
-            ...(title ? { title } : {}),
-        });
-        const id = ids[0];
-        if (!id)
-            return;
-        this._activeId.set(id);
-        this._releaseDialogOwnership = this._coordinator.claimDialogOwnership(id);
-        this._progressBucket = 0;
-        this._announcement.set(this._progressLabel(0));
-    }
-    /** @protected Cancels the current request and clears the dialog draft. */
-    _cancel() {
-        const id = this._activeId();
-        if (!id)
-            return;
-        this._coordinator.cancel(id);
-    }
-    /** @protected Retries the retained failed request. */
-    _retry() {
-        const id = this._activeId();
-        if (!id)
-            return;
-        this._progressBucket = -1;
-        this._coordinator.retry(id);
-    }
-    /** @protected Removes the failed item and clears the draft. */
-    _remove() {
-        const id = this._activeId();
-        if (!id)
-            return;
-        this._coordinator.remove(id);
-    }
-    /** @protected Creates a localized remove action label. */
-    _removeLabel() {
-        return this._fileI18n().removeFile.replace('{name}', this._file()?.name ?? '');
-    }
-    /** @protected Formats localized coarse progress. */
-    _progressLabel(progress) {
-        return this._copy().progress.replace('{progress}', String(progress));
-    }
-    /** @private Clears selected state and revokes the remaining preview once. */
-    _reset() {
-        this._releaseOwnership();
-        this._revokeOwnedPreview();
-        this._files.set([]);
-        this._activeId.set(null);
-        this._alt.set('');
-        this._title.set('');
-        this._decorative.set(false);
-        this._altInvalid.set(false);
-    }
-    /** @private Releases live dialog ownership exactly once. */
-    _releaseOwnership() {
-        this._releaseDialogOwnership?.();
-        this._releaseDialogOwnership = undefined;
-    }
-    /** @private Revokes the still-owned current URL at most once. */
-    _revokeOwnedPreview() {
-        const url = this._ownedPreviewUrl;
-        this._ownedPreviewUrl = undefined;
-        if (url)
-            URL.revokeObjectURL(url);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorImageUploadDialog, isStandalone: true, selector: "mlv-editor-image-upload-dialog", host: { classAttribute: "mlv-editor-image-upload-dialog" }, ngImport: i0, template: "<mlv-dialog>\n  <mlv-dialog-header />\n  <mlv-dialog-body>\n    <div class=\"mlv-editor-image-upload-dialog__body\">\n      <mlv-file-upload\n        [accept]=\"_accept()\"\n        [maxSize]=\"_maxSize()\"\n        [multiple]=\"false\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        [value]=\"_files()\"\n        (filesChange)=\"_onFilesChange($event)\"\n      />\n\n      @if (_file(); as selected) { @if (selected.previewUrl) {\n      <img\n        class=\"mlv-editor-image-upload-dialog__preview\"\n        [src]=\"selected.previewUrl\"\n        [alt]=\"_previewAlt()\"\n      />\n      } @if (_item(); as item) { @if (item.status === 'uploading') {\n      <mlv-progress\n        [value]=\"item.progress\"\n        [showPercentage]=\"true\"\n        [ariaLabel]=\"_progressLabel(item.progress)\"\n      />\n      } @else {\n      <p\n        class=\"mlv-editor-image-upload-dialog__error\"\n        role=\"alert\"\n        aria-live=\"assertive\"\n      >\n        {{ _copy().failed }}\n      </p>\n      } } }\n\n      <mlv-input\n        [label]=\"_copy().alt\"\n        [ariaLabel]=\"_copy().alt\"\n        [value]=\"_alt()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        [state]=\"_altInvalid() ? 'error' : 'default'\"\n        [message]=\"_altInvalid() ? _copy().altRequired : ''\"\n        (valueChange)=\"_alt.set($event)\"\n      />\n      <mlv-input\n        [label]=\"_copy().imageTitle\"\n        [ariaLabel]=\"_copy().imageTitle\"\n        [value]=\"_title()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (valueChange)=\"_title.set($event)\"\n      />\n      <mlv-switch\n        [ariaLabel]=\"_copy().decorative\"\n        [checked]=\"_decorative()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (checkedChange)=\"_decorative.set($event)\"\n      >\n        {{ _copy().decorative }}\n      </mlv-switch>\n\n      <span\n        class=\"mlv-editor-image-upload-dialog__live\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        >{{ _announcement() }}</span\n      >\n    </div>\n  </mlv-dialog-body>\n\n  <mlv-dialog-footer>\n    @if (_item()?.status === 'uploading') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_copy().cancel\"\n      (click)=\"_cancel()\"\n    >\n      {{ _copy().cancel }}\n    </button>\n    } @else if (_item()?.status === 'failed') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().retry\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_retry()\"\n    >\n      {{ _copy().retry }}\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_removeLabel()\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_remove()\"\n    >\n      {{ _removeLabel() }}\n    </button>\n    } @else {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().title\"\n      [disabled]=\"_submitDisabled()\"\n      (click)=\"_submit()\"\n    >\n      {{ _copy().title }}\n    </button>\n    }\n  </mlv-dialog-footer>\n</mlv-dialog>\n", styles: [".mlv-editor-image-upload-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-dialog *{box-sizing:border-box}.mlv-editor-image-upload-dialog__body{display:grid;gap:var(--mlv-spacing-2)}.mlv-editor-image-upload-dialog__preview{display:block;max-block-size:12rem;max-inline-size:100%;margin-inline:auto;border-radius:var(--mlv-radius-card);object-fit:contain}.mlv-editor-image-upload-dialog__error{margin:0;color:var(--mlv-text-negative)}.mlv-editor-image-upload-dialog__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mlv-editor-image-upload-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-status *{box-sizing:border-box}.mlv-editor-image-upload-status{display:block;padding:0 var(--mlv-spacing-4) var(--mlv-spacing-2)}.mlv-editor-image-upload-status__list{display:grid;gap:var(--mlv-spacing-1-5);padding:0;margin:0;list-style:none}.mlv-editor-image-upload-status__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,2fr) auto auto;align-items:center;gap:var(--mlv-spacing-3)}.mlv-editor-image-upload-status__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-editor-image-upload-status__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "component", type: MlvDialog, selector: "mlv-dialog" }, { kind: "component", type: MlvDialogBody, selector: "mlv-dialog-body, [mlvDialogBody]" }, { kind: "component", type: MlvDialogFooter, selector: "mlv-dialog-footer, [mlvDialogFooter]", inputs: ["align"] }, { kind: "component", type: MlvDialogHeader, selector: "mlv-dialog-header, [mlvDialogHeader]", inputs: ["title", "closable"] }, { kind: "component", type: MlvFileUpload, selector: "mlv-file-upload", inputs: ["value", "accept", "maxSize", "multiple", "title", "subtitle", "actionLabel", "compact", "previewMode"], outputs: ["valueChange", "filesChange"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvProgress, selector: "mlv-progress", inputs: ["shape", "value", "size", "tone", "showPercentage", "ariaLabel"] }, { kind: "component", type: MlvSwitch, selector: "mlv-switch", inputs: ["ariaLabelledBy", "checked"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-editor-image-upload-dialog', imports: [
-                        MlvButton,
-                        MlvDialog,
-                        MlvDialogBody,
-                        MlvDialogFooter,
-                        MlvDialogHeader,
-                        MlvFileUpload,
-                        MlvInput,
-                        MlvProgress,
-                        MlvSwitch,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'mlv-editor-image-upload-dialog' }, template: "<mlv-dialog>\n  <mlv-dialog-header />\n  <mlv-dialog-body>\n    <div class=\"mlv-editor-image-upload-dialog__body\">\n      <mlv-file-upload\n        [accept]=\"_accept()\"\n        [maxSize]=\"_maxSize()\"\n        [multiple]=\"false\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        [value]=\"_files()\"\n        (filesChange)=\"_onFilesChange($event)\"\n      />\n\n      @if (_file(); as selected) { @if (selected.previewUrl) {\n      <img\n        class=\"mlv-editor-image-upload-dialog__preview\"\n        [src]=\"selected.previewUrl\"\n        [alt]=\"_previewAlt()\"\n      />\n      } @if (_item(); as item) { @if (item.status === 'uploading') {\n      <mlv-progress\n        [value]=\"item.progress\"\n        [showPercentage]=\"true\"\n        [ariaLabel]=\"_progressLabel(item.progress)\"\n      />\n      } @else {\n      <p\n        class=\"mlv-editor-image-upload-dialog__error\"\n        role=\"alert\"\n        aria-live=\"assertive\"\n      >\n        {{ _copy().failed }}\n      </p>\n      } } }\n\n      <mlv-input\n        [label]=\"_copy().alt\"\n        [ariaLabel]=\"_copy().alt\"\n        [value]=\"_alt()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        [state]=\"_altInvalid() ? 'error' : 'default'\"\n        [message]=\"_altInvalid() ? _copy().altRequired : ''\"\n        (valueChange)=\"_alt.set($event)\"\n      />\n      <mlv-input\n        [label]=\"_copy().imageTitle\"\n        [ariaLabel]=\"_copy().imageTitle\"\n        [value]=\"_title()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (valueChange)=\"_title.set($event)\"\n      />\n      <mlv-switch\n        [ariaLabel]=\"_copy().decorative\"\n        [checked]=\"_decorative()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (checkedChange)=\"_decorative.set($event)\"\n      >\n        {{ _copy().decorative }}\n      </mlv-switch>\n\n      <span\n        class=\"mlv-editor-image-upload-dialog__live\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        >{{ _announcement() }}</span\n      >\n    </div>\n  </mlv-dialog-body>\n\n  <mlv-dialog-footer>\n    @if (_item()?.status === 'uploading') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_copy().cancel\"\n      (click)=\"_cancel()\"\n    >\n      {{ _copy().cancel }}\n    </button>\n    } @else if (_item()?.status === 'failed') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().retry\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_retry()\"\n    >\n      {{ _copy().retry }}\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_removeLabel()\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_remove()\"\n    >\n      {{ _removeLabel() }}\n    </button>\n    } @else {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().title\"\n      [disabled]=\"_submitDisabled()\"\n      (click)=\"_submit()\"\n    >\n      {{ _copy().title }}\n    </button>\n    }\n  </mlv-dialog-footer>\n</mlv-dialog>\n", styles: [".mlv-editor-image-upload-dialog{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-dialog *{box-sizing:border-box}.mlv-editor-image-upload-dialog__body{display:grid;gap:var(--mlv-spacing-2)}.mlv-editor-image-upload-dialog__preview{display:block;max-block-size:12rem;max-inline-size:100%;margin-inline:auto;border-radius:var(--mlv-radius-card);object-fit:contain}.mlv-editor-image-upload-dialog__error{margin:0;color:var(--mlv-text-negative)}.mlv-editor-image-upload-dialog__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mlv-editor-image-upload-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-editor-image-upload-status *{box-sizing:border-box}.mlv-editor-image-upload-status{display:block;padding:0 var(--mlv-spacing-4) var(--mlv-spacing-2)}.mlv-editor-image-upload-status__list{display:grid;gap:var(--mlv-spacing-1-5);padding:0;margin:0;list-style:none}.mlv-editor-image-upload-status__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,2fr) auto auto;align-items:center;gap:var(--mlv-spacing-3)}.mlv-editor-image-upload-status__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-editor-image-upload-status__live{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=editor-image-upload-dialog.js.map

package/esm2022/lib/toolbar/editor-image-upload-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-image-upload-dialog.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-image-upload-dialog.ts","../../../../../../libs/editor/src/lib/toolbar/editor-image-upload-dialog.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MlvButton } from '@malva-ui/core/button';\nimport {\n  MlvDialog,\n  MlvDialogBody,\n  MlvDialogFooter,\n  MlvDialogHeader,\n  MlvDialogRef,\n} from '@malva-ui/core/dialog';\nimport {\n  MlvFileUpload,\n  type MlvUploadedFile,\n} from '@malva-ui/core/file-upload';\nimport { MlvInput } from '@malva-ui/core/input';\nimport { MlvProgress } from '@malva-ui/core/progress';\nimport { MlvSwitch } from '@malva-ui/core/switch';\nimport { MLV_EDITOR_I18N, MLV_FILE_UPLOAD_I18N } from '@malva-ui/i18n';\nimport { MLV_EDITOR_TOOLBAR_CONTEXT } from '../editor-toolbar-context';\nimport { MLV_EDITOR_OVERLAY_REGISTRY } from '../editor-toolbar-context';\nimport { MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR } from '../upload/editor-image-upload-coordinator';\n\n/**\n * Malva modal content for selecting and uploading one editor image. Renders\n * the dialog surface itself; the header title comes from the service config\n * (`title`).\n */\n@Component({\n  selector: 'mlv-editor-image-upload-dialog',\n  imports: [\n    MlvButton,\n    MlvDialog,\n    MlvDialogBody,\n    MlvDialogFooter,\n    MlvDialogHeader,\n    MlvFileUpload,\n    MlvInput,\n    MlvProgress,\n    MlvSwitch,\n  ],\n  templateUrl: './editor-image-upload-dialog.html',\n  styleUrl: './editor-image-upload-dialog.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mlv-editor-image-upload-dialog' },\n})\nexport class MlvEditorImageUploadDialog {\n  /** @protected The exact editor-scoped upload coordinator. */\n  protected readonly _coordinator = inject(MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR);\n\n  /** @private Current editor state guarding mutation. */\n  private readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @private Service-owned dialog lifecycle. */\n  private readonly _dialogRef = inject(MlvDialogRef<void>);\n\n  /** @private Dialog content root registered inside the editor focus composite. */\n  private readonly _host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /** @private Editor-owned overlay registry for composite focus and teardown. */\n  private readonly _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);\n\n  /** @private Component lifecycle for preview cleanup. */\n  private readonly _destroyRef = inject(DestroyRef);\n\n  /** @private Optional localized editor copy. */\n  private readonly _i18n = inject(MLV_EDITOR_I18N, { optional: true });\n\n  /** @private File-upload copy used for its localized remove action. */\n  private readonly _fileI18n = inject(MLV_FILE_UPLOAD_I18N);\n\n  /** @protected Selected descriptor retained as a single-file list. */\n  protected readonly _files = signal<MlvUploadedFile[]>([]);\n\n  /** @protected Single current selected descriptor. */\n  protected readonly _file = computed(() => this._files()[0]);\n\n  /** @protected Alternative-text draft. */\n  protected readonly _alt = signal('');\n\n  /** @protected Optional title draft. */\n  protected readonly _title = signal('');\n\n  /** @protected Whether the image is intentionally decorative. */\n  protected readonly _decorative = signal(false);\n\n  /** @protected Whether alt validation has been requested. */\n  protected readonly _altInvalid = signal(false);\n\n  /** @protected Stable coordinator ID for the submitted file. */\n  protected readonly _activeId = signal<string | null>(null);\n\n  /** @protected Current matching coordinator item. */\n  protected readonly _item = computed(() => {\n    const id = this._activeId();\n    return id\n      ? this._coordinator.pending().find((candidate) => candidate.id === id)\n      : undefined;\n  });\n\n  /** @protected Polite dialog upload announcement. */\n  protected readonly _announcement = signal('');\n\n  /** @private Whether closing follows successful completion. */\n  private _completed = false;\n\n  /** @private Releases live dialog ownership for the current upload. */\n  private _releaseDialogOwnership: (() => void) | undefined;\n\n  /** @private Last preview URL whose lifecycle remains dialog-owned. */\n  private _ownedPreviewUrl: string | undefined;\n\n  /** @private Last announced ten-percent bucket. */\n  private _progressBucket = -1;\n\n  /** @protected Current accept string bound to Malva FileUpload. */\n  protected readonly _accept = computed(() =>\n    this._coordinator.options().accept.join(','),\n  );\n\n  /** @protected Current maximum bytes bound to Malva FileUpload. */\n  protected readonly _maxSize = computed(\n    () => this._coordinator.options().maxSize,\n  );\n\n  /** @protected Whether all dialog inputs/actions are blocked. */\n  protected readonly _disabled = computed(\n    () =>\n      this._context.disabled() ||\n      this._context.readonly() ||\n      !this._coordinator.available(),\n  );\n\n  /** @protected Whether upload can begin exactly once. */\n  protected readonly _submitDisabled = computed(\n    () => this._disabled() || !this._file() || !!this._activeId(),\n  );\n\n  /** @protected Meaningful preview alt, empty only for decorative images. */\n  protected readonly _previewAlt = computed(() =>\n    this._decorative()\n      ? ''\n      : this._alt().trim() || this._file()?.name || 'Selected image',\n  );\n\n  /** @protected Reactive localized dialog copy. */\n  protected readonly _copy = computed(() => {\n    const copy = this._i18n?.();\n    return {\n      title: copy?.uploadImage ?? 'Upload image',\n      alt: copy?.imageAltText ?? 'Alternative text',\n      imageTitle: copy?.imageTitle ?? 'Image title',\n      altRequired: copy?.imageAltRequired ?? 'Alternative text is required.',\n      decorative: copy?.decorativeImage ?? 'Decorative image',\n      failed: copy?.imageUploadFailed ?? 'Image upload failed.',\n      cancel: copy?.cancelUpload ?? 'Cancel upload',\n      retry: copy?.retryUpload ?? 'Retry upload',\n      progress: copy?.uploadProgress ?? 'Uploading image: {progress}%',\n    };\n  });\n\n  constructor() {\n    const unregisterOverlay = this._overlays.register(\n      this._host.nativeElement,\n      () => this._dialogRef.close(),\n    );\n\n    effect(() => {\n      const url = this._file()?.previewUrl;\n      if (url && url !== this._ownedPreviewUrl) {\n        // MlvFileUpload revokes a replaced/removed descriptor itself.\n        this._ownedPreviewUrl = url;\n      }\n    });\n\n    effect(() => {\n      if (this._context.disabled() || this._context.readonly()) {\n        this._dialogRef.close();\n      }\n    });\n\n    effect(() => {\n      const id = this._activeId();\n      if (!id) return;\n      const item = this._item();\n      if (!item) return;\n      if (item.status === 'failed') {\n        this._announcement.set(this._copy().failed);\n        this._progressBucket = -1;\n        return;\n      }\n      const bucket = Math.floor(item.progress / 10) * 10;\n      if (bucket !== this._progressBucket) {\n        this._progressBucket = bucket;\n        this._announcement.set(this._progressLabel(bucket));\n      }\n    });\n\n    const stopTerminalEvents = this._coordinator.onTerminal(\n      ({ id, reason }) => {\n        if (id !== this._activeId()) return;\n        if (reason === 'success') {\n          this._completed = true;\n          this._announcement.set(this._fileI18n().uploadComplete);\n          this._dialogRef.close();\n          return;\n        }\n        if (reason === 'cancelled') {\n          this._announcement.set(this._copy().cancel);\n          this._reset();\n          return;\n        }\n        if (reason === 'lifecycle-abort') {\n          this._reset();\n          this._dialogRef.close();\n          return;\n        }\n        this._reset();\n      },\n    );\n\n    this._dialogRef.beforeClose().subscribe(() => {\n      const id = this._activeId();\n      const item = this._item();\n      if (\n        !this._completed &&\n        id &&\n        item?.status === 'uploading' &&\n        !this._context.disabled() &&\n        !this._context.readonly()\n      ) {\n        this._coordinator.cancel(id);\n      }\n      this._releaseOwnership();\n      this._revokeOwnedPreview();\n    });\n    this._destroyRef.onDestroy(() => {\n      stopTerminalEvents();\n      unregisterOverlay();\n      this._releaseOwnership();\n      this._revokeOwnedPreview();\n    });\n  }\n\n  /** @protected Retains only the current Malva selected descriptor. */\n  protected _onFilesChange(files: MlvUploadedFile[]): void {\n    const retained = files.slice(-1);\n    const previousUrl = this._file()?.previewUrl;\n    if (\n      previousUrl &&\n      !retained.some(({ previewUrl }) => previewUrl === previousUrl)\n    ) {\n      // FileUpload already revoked a descriptor it removed or replaced.\n      this._ownedPreviewUrl = undefined;\n    }\n    this._files.set(retained);\n    this._altInvalid.set(false);\n  }\n\n  /** @protected Begins exactly one normalized button upload. */\n  protected _submit(): void {\n    const selected = this._file();\n    if (!selected || this._activeId()) return;\n    const alt = this._decorative() ? '' : this._alt().trim();\n    if (!this._decorative() && !alt) {\n      this._altInvalid.set(true);\n      return;\n    }\n    this._altInvalid.set(false);\n    const title = this._title().trim();\n    const ids = this._coordinator.start([selected.file], 'button', {\n      alt,\n      ...(title ? { title } : {}),\n    });\n    const id = ids[0];\n    if (!id) return;\n    this._activeId.set(id);\n    this._releaseDialogOwnership = this._coordinator.claimDialogOwnership(id);\n    this._progressBucket = 0;\n    this._announcement.set(this._progressLabel(0));\n  }\n\n  /** @protected Cancels the current request and clears the dialog draft. */\n  protected _cancel(): void {\n    const id = this._activeId();\n    if (!id) return;\n    this._coordinator.cancel(id);\n  }\n\n  /** @protected Retries the retained failed request. */\n  protected _retry(): void {\n    const id = this._activeId();\n    if (!id) return;\n    this._progressBucket = -1;\n    this._coordinator.retry(id);\n  }\n\n  /** @protected Removes the failed item and clears the draft. */\n  protected _remove(): void {\n    const id = this._activeId();\n    if (!id) return;\n    this._coordinator.remove(id);\n  }\n\n  /** @protected Creates a localized remove action label. */\n  protected _removeLabel(): string {\n    return this._fileI18n().removeFile.replace(\n      '{name}',\n      this._file()?.name ?? '',\n    );\n  }\n\n  /** @protected Formats localized coarse progress. */\n  protected _progressLabel(progress: number): string {\n    return this._copy().progress.replace('{progress}', String(progress));\n  }\n\n  /** @private Clears selected state and revokes the remaining preview once. */\n  private _reset(): void {\n    this._releaseOwnership();\n    this._revokeOwnedPreview();\n    this._files.set([]);\n    this._activeId.set(null);\n    this._alt.set('');\n    this._title.set('');\n    this._decorative.set(false);\n    this._altInvalid.set(false);\n  }\n\n  /** @private Releases live dialog ownership exactly once. */\n  private _releaseOwnership(): void {\n    this._releaseDialogOwnership?.();\n    this._releaseDialogOwnership = undefined;\n  }\n\n  /** @private Revokes the still-owned current URL at most once. */\n  private _revokeOwnedPreview(): void {\n    const url = this._ownedPreviewUrl;\n    this._ownedPreviewUrl = undefined;\n    if (url) URL.revokeObjectURL(url);\n  }\n}\n","<mlv-dialog>\n  <mlv-dialog-header />\n  <mlv-dialog-body>\n    <div class=\"mlv-editor-image-upload-dialog__body\">\n      <mlv-file-upload\n        [accept]=\"_accept()\"\n        [maxSize]=\"_maxSize()\"\n        [multiple]=\"false\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        [value]=\"_files()\"\n        (filesChange)=\"_onFilesChange($event)\"\n      />\n\n      @if (_file(); as selected) { @if (selected.previewUrl) {\n      <img\n        class=\"mlv-editor-image-upload-dialog__preview\"\n        [src]=\"selected.previewUrl\"\n        [alt]=\"_previewAlt()\"\n      />\n      } @if (_item(); as item) { @if (item.status === 'uploading') {\n      <mlv-progress\n        [value]=\"item.progress\"\n        [showPercentage]=\"true\"\n        [ariaLabel]=\"_progressLabel(item.progress)\"\n      />\n      } @else {\n      <p\n        class=\"mlv-editor-image-upload-dialog__error\"\n        role=\"alert\"\n        aria-live=\"assertive\"\n      >\n        {{ _copy().failed }}\n      </p>\n      } } }\n\n      <mlv-input\n        [label]=\"_copy().alt\"\n        [ariaLabel]=\"_copy().alt\"\n        [value]=\"_alt()\"\n        [disabled]=\"_disabled() || !!_activeId() || _decorative()\"\n        [state]=\"_altInvalid() ? 'error' : 'default'\"\n        [message]=\"_altInvalid() ? _copy().altRequired : ''\"\n        (valueChange)=\"_alt.set($event)\"\n      />\n      <mlv-input\n        [label]=\"_copy().imageTitle\"\n        [ariaLabel]=\"_copy().imageTitle\"\n        [value]=\"_title()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (valueChange)=\"_title.set($event)\"\n      />\n      <mlv-switch\n        [ariaLabel]=\"_copy().decorative\"\n        [checked]=\"_decorative()\"\n        [disabled]=\"_disabled() || !!_activeId()\"\n        (checkedChange)=\"_decorative.set($event)\"\n      >\n        {{ _copy().decorative }}\n      </mlv-switch>\n\n      <span\n        class=\"mlv-editor-image-upload-dialog__live\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        >{{ _announcement() }}</span\n      >\n    </div>\n  </mlv-dialog-body>\n\n  <mlv-dialog-footer>\n    @if (_item()?.status === 'uploading') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_copy().cancel\"\n      (click)=\"_cancel()\"\n    >\n      {{ _copy().cancel }}\n    </button>\n    } @else if (_item()?.status === 'failed') {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().retry\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_retry()\"\n    >\n      {{ _copy().retry }}\n    </button>\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      [attr.aria-label]=\"_removeLabel()\"\n      [disabled]=\"_disabled()\"\n      (click)=\"_remove()\"\n    >\n      {{ _removeLabel() }}\n    </button>\n    } @else {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"primary\"\n      [attr.aria-label]=\"_copy().title\"\n      [disabled]=\"_submitDisabled()\"\n      (click)=\"_submit()\"\n    >\n      {{ _copy().title }}\n    </button>\n    }\n  </mlv-dialog-footer>\n</mlv-dialog>\n"]}