@malva-ui/editor 0.1.13 → 0.1.14

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

@@ -1,315 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, ElementRef, inject, Injector, signal, viewChild, ViewEncapsulation, } from '@angular/core';
-import { LucideImage } from '@lucide/angular';
-import { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';
-import { MlvDialogService } from '@malva-ui/core/dialog';
-import { MlvProgress } from '@malva-ui/core/progress';
-import { MlvTooltip } from '@malva-ui/core/tooltip';
-import { MLV_EDITOR_I18N, MLV_FILE_UPLOAD_I18N } from '@malva-ui/i18n';
-import { MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_REVISION, } from '../editor-toolbar-context';
-import { MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR, resolveMlvEditorImageUploadCoordinator, } from '../upload/editor-image-upload-coordinator';
-import { MlvEditorImageUploadDialog } from './editor-image-upload-dialog';
-import { MlvEditorToolbarWidget } from './editor-toolbar-widget';
-import * as i0 from "@angular/core";
-/** Public toolbar entry point for the editor image-upload dialog. */
-export class MlvEditorImageUpload {
-    /** @protected Editor-scoped command/form state. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @protected Shared upload coordinator for this editor instance. */
-    _coordinator = computed(() => resolveMlvEditorImageUploadCoordinator(this._context.imageUpload), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_coordinator" }] : /* istanbul ignore next */ []));
-    /** @private Transaction invalidation for runtime command support. */
-    _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {
-        optional: true,
-    });
-    /** @private Malva dialog service used for the one modal surface. */
-    _dialogs = inject(MlvDialogService);
-    /** @private Exact child injector passed through to the dialog portal. */
-    _injector = inject(Injector);
-    /** @private Trigger restored by the shared dialog lifecycle. */
-    _trigger = viewChild.required('_trigger', {
-        read: ElementRef,
-    });
-    /** @private Current dialog, preventing duplicate opens. */
-    _dialogRef;
-    /** @private Component teardown closes any owned dialog. */
-    _destroyRef = inject(DestroyRef);
-    /** @private Optional localized editor copy. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Reactive localized trigger copy. */
-    _copy = computed(() => this._i18n?.().uploadImage ?? 'Upload image', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_copy" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the editor has both required upload commands. */
-    _supported = computed(() => {
-        this._revision?.();
-        const commands = this._context.editor()?.commands;
-        return (typeof commands?.['setImage'] === 'function' &&
-            typeof commands?.['insertUploadPlaceholder'] === 'function' &&
-            typeof commands?.['replaceUploadPlaceholder'] === 'function');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_supported" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the mutation entry point belongs in this toolbar. */
-    _visible = computed(() => !!this._coordinator() &&
-        !!this._coordinator()?.adapterAvailable() &&
-        this._supported() &&
-        !this._context.readonly(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_visible" }] : /* istanbul ignore next */ []));
-    /** @protected Whether the visible trigger is currently inert. */
-    _disabled = computed(() => this._context.disabled() ||
-        this._context.readonly() ||
-        !this._coordinator()?.available(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            if (this._dialogRef &&
-                (this._context.disabled() || this._context.readonly())) {
-                this._dialogRef.close();
-            }
-        });
-        this._destroyRef.onDestroy(() => this._dialogRef?.close());
-    }
-    /** @protected Opens one editor-scoped Malva upload dialog. */
-    _open() {
-        const coordinator = this._coordinator();
-        if (!coordinator ||
-            this._disabled() ||
-            !this._visible() ||
-            this._dialogRef) {
-            return;
-        }
-        const trigger = this._trigger().nativeElement;
-        const ref = this._dialogs.open(MlvEditorImageUploadDialog, {
-            title: this._copy(),
-            injector: Injector.create({
-                parent: this._injector,
-                providers: [
-                    {
-                        provide: MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR,
-                        useValue: coordinator,
-                    },
-                ],
-            }),
-            size: 's',
-        });
-        this._dialogRef = ref;
-        ref.afterClosed().subscribe(() => {
-            if (this._dialogRef === ref)
-                this._dialogRef = undefined;
-            if (!this._context.disabled() &&
-                trigger.isConnected &&
-                document.activeElement !== trigger) {
-                trigger.focus();
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: MlvEditorImageUpload, isStandalone: true, selector: "mlv-editor-image-upload", host: { properties: { "hidden": "!_visible()" }, classAttribute: "mlv-editor-image-upload" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["_trigger"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button\n  #_trigger\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [attr.aria-label]=\"_copy()\"\n  [attr.aria-pressed]=\"false\"\n  [mlvTooltip]=\"_copy()\"\n  (click)=\"_open()\"\n>\n  <svg mlvButtonIcon lucideImage aria-hidden=\"true\" />\n</button>\n", dependencies: [{ kind: "component", type: LucideImage, selector: "svg[lucideImage]" }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvTooltip, selector: "[mlvTooltip]", inputs: ["mlvTooltip", "tooltipPlacement", "tooltipTone", "tooltipDelay", "tooltipDisabled", "tooltipArrow"] }, { kind: "directive", type: MlvEditorToolbarWidget, selector: "[mlvEditorToolbarWidget]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUpload, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-editor-image-upload', imports: [
-                        LucideImage,
-                        MlvButton,
-                        MlvButtonIcon,
-                        MlvTooltip,
-                        MlvEditorToolbarWidget,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'mlv-editor-image-upload',
-                        '[hidden]': '!_visible()',
-                    }, template: "<button\n  #_trigger\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [attr.aria-label]=\"_copy()\"\n  [attr.aria-pressed]=\"false\"\n  [mlvTooltip]=\"_copy()\"\n  (click)=\"_open()\"\n>\n  <svg mlvButtonIcon lucideImage aria-hidden=\"true\" />\n</button>\n" }]
-        }], ctorParameters: () => [], propDecorators: { _trigger: [{ type: i0.ViewChild, args: ['_trigger', { ...{
-                            read: ElementRef,
-                        }, isSignal: true }] }] } });
-/** @internal Non-serializable pending-upload surface owned by the editor shell. */
-export class MlvEditorImageUploadStatus {
-    /** @protected Shared editor coordinator. */
-    _coordinator = inject(MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR);
-    /** @private Editor state guarding mutation actions. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Optional localized editor copy. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @private Localized file removal copy. */
-    _fileI18n = inject(MLV_FILE_UPLOAD_I18N);
-    /** @protected Current active and retryable uploads. */
-    _pending = this._coordinator.pending;
-    /** @protected Polite coarse-grained live-region text. */
-    _announcement = signal('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_announcement" }] : /* istanbul ignore next */ []));
-    /** @private Last announced progress bucket for each active item. */
-    _buckets = new Map();
-    /** @protected Whether status actions are inert. */
-    _disabled = computed(() => this._context.disabled() || this._context.readonly(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    /** @protected Reactive localized status/action copy. */
-    _copy = computed(() => {
-        const copy = this._i18n?.();
-        return {
-            cancel: copy?.cancelUpload ?? 'Cancel upload',
-            retry: copy?.retryUpload ?? 'Retry upload',
-            failed: copy?.imageUploadFailed ?? 'Image upload failed.',
-            progress: copy?.uploadProgress ?? 'Uploading image: {progress}%',
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_copy" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            const pending = this._pending();
-            for (const item of pending) {
-                if (item.status === 'failed') {
-                    this._announcement.set(this._copy().failed);
-                    this._buckets.delete(item.id);
-                    continue;
-                }
-                const bucket = Math.floor(item.progress / 10) * 10;
-                if (this._buckets.get(item.id) === bucket)
-                    continue;
-                this._buckets.set(item.id, bucket);
-                this._announcement.set(this._progressLabel(bucket));
-            }
-        });
-        const stopTerminalEvents = this._coordinator.onTerminal(({ id, reason }) => {
-            this._buckets.delete(id);
-            if (reason === 'success' && !this._coordinator.hasDialogOwner(id)) {
-                this._announcement.set(this._fileI18n().uploadComplete);
-            }
-            else if (reason === 'cancelled') {
-                this._announcement.set(this._copy().cancel);
-            }
-        });
-        inject(DestroyRef).onDestroy(stopTerminalEvents);
-    }
-    /** @protected Formats localized coarse progress. */
-    _progressLabel(progress) {
-        return this._copy().progress.replace('{progress}', String(Math.floor(progress / 10) * 10));
-    }
-    /** @protected Labels a remove action without exposing a bare icon. */
-    _removeLabel(name) {
-        return this._fileI18n().removeFile.replace('{name}', name);
-    }
-    /** @protected Cancels an active upload and announces the semantic state. */
-    _cancel(id) {
-        this._coordinator.cancel(id);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorImageUploadStatus, isStandalone: true, selector: "mlv-editor-image-upload-status", host: { classAttribute: "mlv-editor-image-upload-status" }, ngImport: i0, template: `
-    @if (_pending().length) {
-      <ul class="mlv-editor-image-upload-status__list">
-        @for (item of _pending(); track item.id) {
-          <li class="mlv-editor-image-upload-status__item">
-            <span class="mlv-editor-image-upload-status__name">{{
-              item.file.name
-            }}</span>
-            @if (item.status === 'uploading') {
-              <mlv-progress
-                size="s"
-                [value]="item.progress"
-                [showPercentage]="true"
-                [ariaLabel]="_progressLabel(item.progress)"
-              />
-              <button
-                mlvButton
-                type="button"
-                variant="secondary"
-                [attr.aria-label]="_copy().cancel"
-                [disabled]="_disabled()"
-                (click)="_cancel(item.id)"
-              >
-                {{ _copy().cancel }}
-              </button>
-            } @else {
-              <span role="alert">{{ _copy().failed }}</span>
-              <button
-                mlvButton
-                type="button"
-                variant="secondary"
-                [attr.aria-label]="_copy().retry"
-                [disabled]="_disabled()"
-                (click)="_coordinator.retry(item.id)"
-              >
-                {{ _copy().retry }}
-              </button>
-              <button
-                mlvButton
-                type="button"
-                variant="secondary"
-                [attr.aria-label]="_removeLabel(item.file.name)"
-                [disabled]="_disabled()"
-                (click)="_coordinator.remove(item.id)"
-              >
-                {{ _removeLabel(item.file.name) }}
-              </button>
-            }
-          </li>
-        }
-      </ul>
-    }
-    <span
-      class="mlv-editor-image-upload-status__live"
-      aria-live="polite"
-      aria-atomic="true"
-      >{{ _announcement() }}</span
-    >
-  `, isInline: true, 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: MlvProgress, selector: "mlv-progress", inputs: ["shape", "value", "size", "tone", "showPercentage", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorImageUploadStatus, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-editor-image-upload-status', imports: [MlvButton, MlvProgress], template: `
-    @if (_pending().length) {
-      <ul class="mlv-editor-image-upload-status__list">
-        @for (item of _pending(); track item.id) {
-          <li class="mlv-editor-image-upload-status__item">
-            <span class="mlv-editor-image-upload-status__name">{{
-              item.file.name
-            }}</span>
-            @if (item.status === 'uploading') {
-              <mlv-progress
-                size="s"
-                [value]="item.progress"
-                [showPercentage]="true"
-                [ariaLabel]="_progressLabel(item.progress)"
-              />
-              <button
-                mlvButton
-                type="button"
-                variant="secondary"
-                [attr.aria-label]="_copy().cancel"
-                [disabled]="_disabled()"
-                (click)="_cancel(item.id)"
-              >
-                {{ _copy().cancel }}
-              </button>
-            } @else {
-              <span role="alert">{{ _copy().failed }}</span>
-              <button
-                mlvButton
-                type="button"
-                variant="secondary"
-                [attr.aria-label]="_copy().retry"
-                [disabled]="_disabled()"
-                (click)="_coordinator.retry(item.id)"
-              >
-                {{ _copy().retry }}
-              </button>
-              <button
-                mlvButton
-                type="button"
-                variant="secondary"
-                [attr.aria-label]="_removeLabel(item.file.name)"
-                [disabled]="_disabled()"
-                (click)="_coordinator.remove(item.id)"
-              >
-                {{ _removeLabel(item.file.name) }}
-              </button>
-            }
-          </li>
-        }
-      </ul>
-    }
-    <span
-      class="mlv-editor-image-upload-status__live"
-      aria-live="polite"
-      aria-atomic="true"
-      >{{ _announcement() }}</span
-    >
-  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'mlv-editor-image-upload-status' }, 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.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editor-image-upload.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-image-upload.ts","../../../../../../libs/editor/src/lib/toolbar/editor-image-upload.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n  type Signal,\n} from '@angular/core';\nimport { LucideImage } from '@lucide/angular';\nimport { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvDialogService, type MlvDialogRef } from '@malva-ui/core/dialog';\nimport { MlvProgress } from '@malva-ui/core/progress';\nimport { MlvTooltip } from '@malva-ui/core/tooltip';\nimport { MLV_EDITOR_I18N, MLV_FILE_UPLOAD_I18N } from '@malva-ui/i18n';\nimport {\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n} from '../editor-toolbar-context';\nimport {\n  MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR,\n  resolveMlvEditorImageUploadCoordinator,\n} from '../upload/editor-image-upload-coordinator';\nimport { MlvEditorImageUploadDialog } from './editor-image-upload-dialog';\nimport { MlvEditorToolbarWidget } from './editor-toolbar-widget';\n\n/** Public toolbar entry point for the editor image-upload dialog. */\n@Component({\n  selector: 'mlv-editor-image-upload',\n  imports: [\n    LucideImage,\n    MlvButton,\n    MlvButtonIcon,\n    MlvTooltip,\n    MlvEditorToolbarWidget,\n  ],\n  templateUrl: './editor-image-upload.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-editor-image-upload',\n    '[hidden]': '!_visible()',\n  },\n})\nexport class MlvEditorImageUpload {\n  /** @protected Editor-scoped command/form state. */\n  protected readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @protected Shared upload coordinator for this editor instance. */\n  protected readonly _coordinator = computed(() =>\n    resolveMlvEditorImageUploadCoordinator(this._context.imageUpload),\n  );\n\n  /** @private Transaction invalidation for runtime command support. */\n  private readonly _revision = inject(MLV_EDITOR_TOOLBAR_REVISION, {\n    optional: true,\n  });\n\n  /** @private Malva dialog service used for the one modal surface. */\n  private readonly _dialogs = inject(MlvDialogService);\n\n  /** @private Exact child injector passed through to the dialog portal. */\n  private readonly _injector = inject(Injector);\n\n  /** @private Trigger restored by the shared dialog lifecycle. */\n  private readonly _trigger = viewChild.required('_trigger', {\n    read: ElementRef,\n  }) as Signal<ElementRef<HTMLButtonElement>>;\n\n  /** @private Current dialog, preventing duplicate opens. */\n  private _dialogRef: MlvDialogRef<void> | undefined;\n\n  /** @private Component teardown closes any owned dialog. */\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  /** @protected Reactive localized trigger copy. */\n  protected readonly _copy = computed(\n    () => this._i18n?.().uploadImage ?? 'Upload image',\n  );\n\n  /** @protected Whether the editor has both required upload commands. */\n  protected readonly _supported = computed(() => {\n    this._revision?.();\n    const commands = this._context.editor()?.commands as\n      | Record<string, unknown>\n      | undefined;\n    return (\n      typeof commands?.['setImage'] === 'function' &&\n      typeof commands?.['insertUploadPlaceholder'] === 'function' &&\n      typeof commands?.['replaceUploadPlaceholder'] === 'function'\n    );\n  });\n\n  /** @protected Whether the mutation entry point belongs in this toolbar. */\n  protected readonly _visible = computed(\n    () =>\n      !!this._coordinator() &&\n      !!this._coordinator()?.adapterAvailable() &&\n      this._supported() &&\n      !this._context.readonly(),\n  );\n\n  /** @protected Whether the visible trigger is currently inert. */\n  protected readonly _disabled = computed(\n    () =>\n      this._context.disabled() ||\n      this._context.readonly() ||\n      !this._coordinator()?.available(),\n  );\n\n  constructor() {\n    effect(() => {\n      if (\n        this._dialogRef &&\n        (this._context.disabled() || this._context.readonly())\n      ) {\n        this._dialogRef.close();\n      }\n    });\n    this._destroyRef.onDestroy(() => this._dialogRef?.close());\n  }\n\n  /** @protected Opens one editor-scoped Malva upload dialog. */\n  protected _open(): void {\n    const coordinator = this._coordinator();\n    if (\n      !coordinator ||\n      this._disabled() ||\n      !this._visible() ||\n      this._dialogRef\n    ) {\n      return;\n    }\n    const trigger = this._trigger().nativeElement;\n    const ref = this._dialogs.open<void>(MlvEditorImageUploadDialog, {\n      title: this._copy(),\n      injector: Injector.create({\n        parent: this._injector,\n        providers: [\n          {\n            provide: MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR,\n            useValue: coordinator,\n          },\n        ],\n      }),\n      size: 's',\n    });\n    this._dialogRef = ref;\n    ref.afterClosed().subscribe(() => {\n      if (this._dialogRef === ref) this._dialogRef = undefined;\n      if (\n        !this._context.disabled() &&\n        trigger.isConnected &&\n        document.activeElement !== trigger\n      ) {\n        trigger.focus();\n      }\n    });\n  }\n}\n\n/** @internal Non-serializable pending-upload surface owned by the editor shell. */\n@Component({\n  selector: 'mlv-editor-image-upload-status',\n  imports: [MlvButton, MlvProgress],\n  template: `\n    @if (_pending().length) {\n      <ul class=\"mlv-editor-image-upload-status__list\">\n        @for (item of _pending(); track item.id) {\n          <li class=\"mlv-editor-image-upload-status__item\">\n            <span class=\"mlv-editor-image-upload-status__name\">{{\n              item.file.name\n            }}</span>\n            @if (item.status === 'uploading') {\n              <mlv-progress\n                size=\"s\"\n                [value]=\"item.progress\"\n                [showPercentage]=\"true\"\n                [ariaLabel]=\"_progressLabel(item.progress)\"\n              />\n              <button\n                mlvButton\n                type=\"button\"\n                variant=\"secondary\"\n                [attr.aria-label]=\"_copy().cancel\"\n                [disabled]=\"_disabled()\"\n                (click)=\"_cancel(item.id)\"\n              >\n                {{ _copy().cancel }}\n              </button>\n            } @else {\n              <span role=\"alert\">{{ _copy().failed }}</span>\n              <button\n                mlvButton\n                type=\"button\"\n                variant=\"secondary\"\n                [attr.aria-label]=\"_copy().retry\"\n                [disabled]=\"_disabled()\"\n                (click)=\"_coordinator.retry(item.id)\"\n              >\n                {{ _copy().retry }}\n              </button>\n              <button\n                mlvButton\n                type=\"button\"\n                variant=\"secondary\"\n                [attr.aria-label]=\"_removeLabel(item.file.name)\"\n                [disabled]=\"_disabled()\"\n                (click)=\"_coordinator.remove(item.id)\"\n              >\n                {{ _removeLabel(item.file.name) }}\n              </button>\n            }\n          </li>\n        }\n      </ul>\n    }\n    <span\n      class=\"mlv-editor-image-upload-status__live\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      >{{ _announcement() }}</span\n    >\n  `,\n  styleUrl: './editor-image-upload-dialog.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mlv-editor-image-upload-status' },\n})\nexport class MlvEditorImageUploadStatus {\n  /** @protected Shared editor coordinator. */\n  protected readonly _coordinator = inject(MLV_EDITOR_IMAGE_UPLOAD_COORDINATOR);\n\n  /** @private Editor state guarding mutation actions. */\n  private readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @private Optional localized editor copy. */\n  private readonly _i18n = inject(MLV_EDITOR_I18N, { optional: true });\n\n  /** @private Localized file removal copy. */\n  private readonly _fileI18n = inject(MLV_FILE_UPLOAD_I18N);\n\n  /** @protected Current active and retryable uploads. */\n  protected readonly _pending = this._coordinator.pending;\n\n  /** @protected Polite coarse-grained live-region text. */\n  protected readonly _announcement = signal('');\n\n  /** @private Last announced progress bucket for each active item. */\n  private readonly _buckets = new Map<string, number>();\n\n  /** @protected Whether status actions are inert. */\n  protected readonly _disabled = computed(\n    () => this._context.disabled() || this._context.readonly(),\n  );\n\n  /** @protected Reactive localized status/action copy. */\n  protected readonly _copy = computed(() => {\n    const copy = this._i18n?.();\n    return {\n      cancel: copy?.cancelUpload ?? 'Cancel upload',\n      retry: copy?.retryUpload ?? 'Retry upload',\n      failed: copy?.imageUploadFailed ?? 'Image upload failed.',\n      progress: copy?.uploadProgress ?? 'Uploading image: {progress}%',\n    };\n  });\n\n  constructor() {\n    effect(() => {\n      const pending = this._pending();\n\n      for (const item of pending) {\n        if (item.status === 'failed') {\n          this._announcement.set(this._copy().failed);\n          this._buckets.delete(item.id);\n          continue;\n        }\n        const bucket = Math.floor(item.progress / 10) * 10;\n        if (this._buckets.get(item.id) === bucket) continue;\n        this._buckets.set(item.id, bucket);\n        this._announcement.set(this._progressLabel(bucket));\n      }\n    });\n    const stopTerminalEvents = this._coordinator.onTerminal(\n      ({ id, reason }) => {\n        this._buckets.delete(id);\n        if (reason === 'success' && !this._coordinator.hasDialogOwner(id)) {\n          this._announcement.set(this._fileI18n().uploadComplete);\n        } else if (reason === 'cancelled') {\n          this._announcement.set(this._copy().cancel);\n        }\n      },\n    );\n    inject(DestroyRef).onDestroy(stopTerminalEvents);\n  }\n\n  /** @protected Formats localized coarse progress. */\n  protected _progressLabel(progress: number): string {\n    return this._copy().progress.replace(\n      '{progress}',\n      String(Math.floor(progress / 10) * 10),\n    );\n  }\n\n  /** @protected Labels a remove action without exposing a bare icon. */\n  protected _removeLabel(name: string): string {\n    return this._fileI18n().removeFile.replace('{name}', name);\n  }\n\n  /** @protected Cancels an active upload and announces the semantic state. */\n  protected _cancel(id: string): void {\n    this._coordinator.cancel(id);\n  }\n}\n","<button\n  #_trigger\n  mlvButton\n  mlvEditorToolbarWidget\n  type=\"button\"\n  shape=\"square\"\n  mlvDensity=\"tight\"\n  variant=\"transparent\"\n  [disabled]=\"_disabled()\"\n  [attr.aria-label]=\"_copy()\"\n  [attr.aria-pressed]=\"false\"\n  [mlvTooltip]=\"_copy()\"\n  (click)=\"_open()\"\n>\n  <svg mlvButtonIcon lucideImage aria-hidden=\"true\" />\n</button>\n"]}

package/esm2022/lib/toolbar/editor-inline-marks.js

@@ -1,124 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation, } from '@angular/core';
-import { LucideBold, LucideItalic, LucideStrikethrough, LucideUnderline, } from '@lucide/angular';
-import { MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_REVISION, } from '../editor-toolbar-context';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MlvEditorCommandButton } from './editor-command-button';
-import { MlvButtonIcon } from '@malva-ui/core/button';
-import * as i0 from "@angular/core";
-/** Inline bold, italic, strike-through, and underline toggles. */
-export class MlvEditorInlineMarks {
-    /** @protected Editor command state. */ _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Per-editor state invalidation signal. */ _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);
-    /** @private Optional localized copy. */ _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Resolved labels. */ _copy = computed(() => ({
-        bold: this._i18n?.().bold ?? 'Bold',
-        italic: this._i18n?.().italic ?? 'Italic',
-        strike: this._i18n?.().strike ?? 'Strike',
-        underline: this._i18n?.().underline ?? 'Underline',
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_copy" }] : /* istanbul ignore next */ []));
-    /** @protected Bold availability. */ _canBold = (editor) => editor.commands.toggleBold !== undefined;
-    /** @protected Reads active state after the latest transaction or selection update. */
-    _isActive(name) {
-        this._revision();
-        return this._context.isActive(name);
-    }
-    /** @protected Current bold command availability. */ _canBoldNow = (editor) => editor.can().chain().toggleBold().run();
-    /** @protected Italic availability. */ _canItalic = (editor) => editor.commands.toggleItalic !== undefined;
-    /** @protected Current italic command availability. */ _canItalicNow = (editor) => editor.can().chain().toggleItalic().run();
-    /** @protected Strike availability. */ _canStrike = (editor) => editor.commands.toggleStrike !== undefined;
-    /** @protected Current strike command availability. */ _canStrikeNow = (editor) => editor.can().chain().toggleStrike().run();
-    /** @protected Underline availability. */ _canUnderline = (editor) => editor.commands.toggleUnderline !== undefined;
-    /** @protected Current underline command availability. */ _canUnderlineNow = (editor) => editor.can().chain().toggleUnderline().run();
-    /** @protected Bold command. */ _bold = (editor) => editor.chain().focus().toggleBold().run();
-    /** @protected Italic command. */ _italic = (editor) => editor.chain().focus().toggleItalic().run();
-    /** @protected Strike command. */ _strike = (editor) => editor.chain().focus().toggleStrike().run();
-    /** @protected Underline command. */ _underline = (editor) => editor.chain().focus().toggleUnderline().run();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorInlineMarks, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorInlineMarks, isStandalone: true, selector: "mlv-editor-inline-marks", host: { attributes: { "role": "group" }, classAttribute: "mlv-editor-inline-marks" }, ngImport: i0, template: `
-    <mlv-editor-command-button
-      [label]="_copy().bold"
-      [pressed]="_isActive('bold')"
-      [supports]="_canBold"
-      [canCommand]="_canBoldNow"
-      [command]="_bold"
-      ><svg mlvButtonIcon lucideBold
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().italic"
-      [pressed]="_isActive('italic')"
-      [supports]="_canItalic"
-      [canCommand]="_canItalicNow"
-      [command]="_italic"
-      ><svg mlvButtonIcon lucideItalic
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().strike"
-      [pressed]="_isActive('strike')"
-      [supports]="_canStrike"
-      [canCommand]="_canStrikeNow"
-      [command]="_strike"
-      ><svg mlvButtonIcon lucideStrikethrough
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().underline"
-      [pressed]="_isActive('underline')"
-      [supports]="_canUnderline"
-      [canCommand]="_canUnderlineNow"
-      [command]="_underline"
-      ><svg mlvButtonIcon lucideUnderline
-    /></mlv-editor-command-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: MlvEditorCommandButton, selector: "mlv-editor-command-button", inputs: ["label", "supports", "command", "canCommand", "pressed"] }, { kind: "component", type: LucideBold, selector: "svg[lucideBold]" }, { kind: "component", type: LucideItalic, selector: "svg[lucideItalic]" }, { kind: "component", type: LucideStrikethrough, selector: "svg[lucideStrikethrough]" }, { kind: "component", type: LucideUnderline, selector: "svg[lucideUnderline]" }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorInlineMarks, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mlv-editor-inline-marks',
-                    imports: [
-                        MlvEditorCommandButton,
-                        LucideBold,
-                        LucideItalic,
-                        LucideStrikethrough,
-                        LucideUnderline,
-                        MlvButtonIcon,
-                    ],
-                    template: `
-    <mlv-editor-command-button
-      [label]="_copy().bold"
-      [pressed]="_isActive('bold')"
-      [supports]="_canBold"
-      [canCommand]="_canBoldNow"
-      [command]="_bold"
-      ><svg mlvButtonIcon lucideBold
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().italic"
-      [pressed]="_isActive('italic')"
-      [supports]="_canItalic"
-      [canCommand]="_canItalicNow"
-      [command]="_italic"
-      ><svg mlvButtonIcon lucideItalic
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().strike"
-      [pressed]="_isActive('strike')"
-      [supports]="_canStrike"
-      [canCommand]="_canStrikeNow"
-      [command]="_strike"
-      ><svg mlvButtonIcon lucideStrikethrough
-    /></mlv-editor-command-button>
-    <mlv-editor-command-button
-      [label]="_copy().underline"
-      [pressed]="_isActive('underline')"
-      [supports]="_canUnderline"
-      [canCommand]="_canUnderlineNow"
-      [command]="_underline"
-      ><svg mlvButtonIcon lucideUnderline
-    /></mlv-editor-command-button>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { class: 'mlv-editor-inline-marks', role: 'group' },
-                }]
-        }] });
-//# sourceMappingURL=editor-inline-marks.js.map

package/esm2022/lib/toolbar/editor-inline-marks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-inline-marks.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-inline-marks.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport {\n  LucideBold,\n  LucideItalic,\n  LucideStrikethrough,\n  LucideUnderline,\n} from '@lucide/angular';\nimport {\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n} from '../editor-toolbar-context';\nimport { MLV_EDITOR_I18N } from '@malva-ui/i18n';\nimport { MlvEditorCommandButton } from './editor-command-button';\nimport { MlvButtonIcon } from '@malva-ui/core/button';\n\n/** Inline bold, italic, strike-through, and underline toggles. */\n@Component({\n  selector: 'mlv-editor-inline-marks',\n  imports: [\n    MlvEditorCommandButton,\n    LucideBold,\n    LucideItalic,\n    LucideStrikethrough,\n    LucideUnderline,\n    MlvButtonIcon,\n  ],\n  template: `\n    <mlv-editor-command-button\n      [label]=\"_copy().bold\"\n      [pressed]=\"_isActive('bold')\"\n      [supports]=\"_canBold\"\n      [canCommand]=\"_canBoldNow\"\n      [command]=\"_bold\"\n      ><svg mlvButtonIcon lucideBold\n    /></mlv-editor-command-button>\n    <mlv-editor-command-button\n      [label]=\"_copy().italic\"\n      [pressed]=\"_isActive('italic')\"\n      [supports]=\"_canItalic\"\n      [canCommand]=\"_canItalicNow\"\n      [command]=\"_italic\"\n      ><svg mlvButtonIcon lucideItalic\n    /></mlv-editor-command-button>\n    <mlv-editor-command-button\n      [label]=\"_copy().strike\"\n      [pressed]=\"_isActive('strike')\"\n      [supports]=\"_canStrike\"\n      [canCommand]=\"_canStrikeNow\"\n      [command]=\"_strike\"\n      ><svg mlvButtonIcon lucideStrikethrough\n    /></mlv-editor-command-button>\n    <mlv-editor-command-button\n      [label]=\"_copy().underline\"\n      [pressed]=\"_isActive('underline')\"\n      [supports]=\"_canUnderline\"\n      [canCommand]=\"_canUnderlineNow\"\n      [command]=\"_underline\"\n      ><svg mlvButtonIcon lucideUnderline\n    /></mlv-editor-command-button>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'mlv-editor-inline-marks', role: 'group' },\n})\nexport class MlvEditorInlineMarks {\n  /** @protected Editor command state. */ protected readonly _context = inject(\n    MLV_EDITOR_TOOLBAR_CONTEXT,\n  );\n  /** @private Per-editor state invalidation signal. */ private readonly _revision =\n    inject(MLV_EDITOR_TOOLBAR_REVISION);\n  /** @private Optional localized copy. */ private readonly _i18n = inject(\n    MLV_EDITOR_I18N,\n    { optional: true },\n  );\n  /** @protected Resolved labels. */ protected readonly _copy = computed(\n    () => ({\n      bold: this._i18n?.().bold ?? 'Bold',\n      italic: this._i18n?.().italic ?? 'Italic',\n      strike: this._i18n?.().strike ?? 'Strike',\n      underline: this._i18n?.().underline ?? 'Underline',\n    }),\n  );\n  /** @protected Bold availability. */ protected readonly _canBold = (\n    editor: Editor,\n  ): boolean => editor.commands.toggleBold !== undefined;\n  /** @protected Reads active state after the latest transaction or selection update. */\n  protected _isActive(name: string): boolean {\n    this._revision();\n    return this._context.isActive(name);\n  }\n  /** @protected Current bold command availability. */ protected readonly _canBoldNow =\n    (editor: Editor): boolean => editor.can().chain().toggleBold().run();\n  /** @protected Italic availability. */ protected readonly _canItalic = (\n    editor: Editor,\n  ): boolean => editor.commands.toggleItalic !== undefined;\n  /** @protected Current italic command availability. */ protected readonly _canItalicNow =\n    (editor: Editor): boolean => editor.can().chain().toggleItalic().run();\n  /** @protected Strike availability. */ protected readonly _canStrike = (\n    editor: Editor,\n  ): boolean => editor.commands.toggleStrike !== undefined;\n  /** @protected Current strike command availability. */ protected readonly _canStrikeNow =\n    (editor: Editor): boolean => editor.can().chain().toggleStrike().run();\n  /** @protected Underline availability. */ protected readonly _canUnderline = (\n    editor: Editor,\n  ): boolean => editor.commands.toggleUnderline !== undefined;\n  /** @protected Current underline command availability. */ protected readonly _canUnderlineNow =\n    (editor: Editor): boolean => editor.can().chain().toggleUnderline().run();\n  /** @protected Bold command. */ protected readonly _bold = (\n    editor: Editor,\n  ): boolean => editor.chain().focus().toggleBold().run();\n  /** @protected Italic command. */ protected readonly _italic = (\n    editor: Editor,\n  ): boolean => editor.chain().focus().toggleItalic().run();\n  /** @protected Strike command. */ protected readonly _strike = (\n    editor: Editor,\n  ): boolean => editor.chain().focus().toggleStrike().run();\n  /** @protected Underline command. */ protected readonly _underline = (\n    editor: Editor,\n  ): boolean => editor.chain().focus().toggleUnderline().run();\n}\n"]}