@malva-ui/editor 0.1.13 → 0.1.14

package/esm2022/lib/toolbar/editor-heading.js

@@ -1,266 +0,0 @@
-import { DOCUMENT } from '@angular/common';
-import { ChangeDetectionStrategy, Component, DestroyRef, computed, inject, input, ViewEncapsulation, viewChild, } from '@angular/core';
-import { LucideHeading } from '@lucide/angular';
-import { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';
-import { MlvListItem } from '@malva-ui/core/list';
-import { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';
-import { MlvTooltip } from '@malva-ui/core/tooltip';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MLV_EDITOR_OVERLAY_REGISTRY, MLV_EDITOR_TOOLBAR_CONTEXT, MLV_EDITOR_TOOLBAR_REVISION, } from '../editor-toolbar-context';
-import { MlvEditorToolbarWidget } from './editor-toolbar-widget';
-import * as i0 from "@angular/core";
-const DEFAULT_HEADING_LEVELS = [
-    1, 2, 3, 4, 5, 6,
-];
-/** Keeps valid heading levels in caller order while removing duplicates. */
-function normalizeHeadingLevels(levels) {
-    const normalized = [];
-    for (const candidate of levels) {
-        if (typeof candidate === 'number' &&
-            Number.isInteger(candidate) &&
-            candidate >= 1 &&
-            candidate <= 6 &&
-            !normalized.includes(candidate)) {
-            normalized.push(candidate);
-        }
-    }
-    return normalized;
-}
-/** Paragraph and heading-level dropdown commands. */
-export class MlvEditorHeading {
-    /** Heading levels displayed in the menu; paragraph is always retained. */
-    levels = input(DEFAULT_HEADING_LEVELS, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "levels" }] : /* istanbul ignore next */ []));
-    /** @protected Editor command state. */
-    _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);
-    /** @private Per-editor state invalidation signal. */
-    _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);
-    /** @private The editor-owned overlay registry. */
-    _overlays = inject(MLV_EDITOR_OVERLAY_REGISTRY);
-    /** @private Document used to resolve the public menu panel id. */
-    _document = inject(DOCUMENT);
-    /** @private Cleans an active overlay registration. */
-    _destroyRef = inject(DestroyRef);
-    /** @private Optional localized editor copy. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Rendered Malva menu. */
-    _menu = viewChild.required('_menu', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_menu" }] : /* istanbul ignore next */ []));
-    /** @protected Trigger owning the menu overlay. */
-    _trigger = viewChild.required(MlvMenuTrigger, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_trigger" }] : /* istanbul ignore next */ []));
-    /** @private Overlay-registration teardown. */
-    _unregister;
-    /** @private Guards queued registration after a quick close or destroy. */
-    _menuOpen = false;
-    /** @protected Normalized levels supported by the active heading extension. */
-    _levels = computed(() => {
-        this._revision();
-        const requested = normalizeHeadingLevels(this.levels());
-        const editor = this._context.editor();
-        if (!editor?.commands.toggleHeading)
-            return [];
-        const heading = editor.extensionManager.extensions.find((extension) => extension.name === 'heading');
-        const configured = heading?.options
-            ?.levels;
-        if (!Array.isArray(configured))
-            return requested;
-        return requested.filter((level) => configured.includes(level));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_levels" }] : /* istanbul ignore next */ []));
-    /** @protected Localized labels. */
-    _copy = computed(() => ({
-        paragraph: this._i18n?.().paragraph ?? 'Paragraph',
-        headingLevel: this._i18n?.().headingLevel ?? 'Heading level',
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_copy" }] : /* istanbul ignore next */ []));
-    /** @protected Paragraph command availability at the current selection. */
-    _canParagraph = (editor) => editor.can().chain().setParagraph().run();
-    constructor() {
-        this._destroyRef.onDestroy(() => this._unregisterOverlay());
-    }
-    /** @protected Label describing the active block type. */
-    _label() {
-        const active = this._levels().find((level) => this._context.isActive('heading', { level }));
-        return active ? this._headingLabel(active) : this._copy().paragraph;
-    }
-    /** @protected Localized heading label. */
-    _headingLabel(level) {
-        return `${this._copy().headingLevel} ${level}`;
-    }
-    /** @protected Whether a heading command is registered by the extension set. */
-    _supported() {
-        this._revision();
-        const editor = this._context.editor();
-        return (!!editor &&
-            (editor.commands.setParagraph !== undefined ||
-                editor.commands.toggleHeading !== undefined));
-    }
-    /** @protected Whether the paragraph command is registered. */
-    _hasParagraph() {
-        this._revision();
-        return this._context.editor()?.commands.setParagraph !== undefined;
-    }
-    /** @protected Whether heading commands are registered. */
-    _hasHeading() {
-        this._revision();
-        return this._context.editor()?.commands.toggleHeading !== undefined;
-    }
-    /** @protected Whether the trigger cannot be opened. */
-    _triggerDisabled() {
-        return (!this._supported() || this._context.disabled() || this._context.readonly());
-    }
-    /** @protected Whether one menu action currently cannot mutate the editor. */
-    _disabled(command) {
-        this._revision();
-        return this._triggerDisabled() || !this._context.can(command);
-    }
-    /** @protected Paragraph command. */
-    _paragraph = (editor) => editor.chain().focus().setParagraph().run();
-    /** @protected Heading command factory. */
-    _heading(level) {
-        return (editor) => editor.chain().focus().toggleHeading({ level }).run();
-    }
-    /** @protected Heading command availability factory. */
-    _canHeading(level) {
-        return (editor) => editor.can().chain().toggleHeading({ level }).run();
-    }
-    /** @protected Runs a selection-restoring command. */
-    _run(command) {
-        this._context.run(command);
-    }
-    /** @protected Registers the portaled panel with the editor composite. */
-    _registerOverlay() {
-        this._menuOpen = true;
-        queueMicrotask(() => {
-            if (!this._menuOpen)
-                return;
-            const panel = this._document.getElementById(this._menu().panelId);
-            if (!panel)
-                return;
-            this._unregister?.();
-            this._unregister = this._overlays.register(panel, () => this._trigger().close());
-        });
-    }
-    /** @protected Removes menu panel focus ownership after close. */
-    _unregisterOverlay() {
-        this._menuOpen = false;
-        this._unregister?.();
-        this._unregister = undefined;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorHeading, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvEditorHeading, isStandalone: true, selector: "mlv-editor-heading", inputs: { levels: { classPropertyName: "levels", publicName: "levels", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-heading" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: ["_menu"], descendants: true, isSignal: true }, { propertyName: "_trigger", first: true, predicate: MlvMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: `
-    <button
-      mlvButton
-      mlvEditorToolbarWidget
-      type="button"
-      shape="square"
-      mlvDensity="tight"
-      variant="transparent"
-      [disabled]="_triggerDisabled()"
-      [mlvMenuTrigger]="_menu"
-      [menuTriggerDisabled]="_triggerDisabled()"
-      [attr.aria-label]="_copy().headingLevel"
-      [mlvTooltip]="_label()"
-      (menuOpened)="_registerOverlay()"
-      (menuClosed)="_unregisterOverlay()"
-    >
-      <svg mlvButtonIcon lucideHeading aria-hidden="true" />
-    </button>
-    <mlv-menu #_menu [label]="_copy().headingLevel">
-      @if (_hasParagraph()) {
-        <mlv-list-item
-          mlvMenuItem
-          [disabled]="_disabled(_canParagraph)"
-          [attr.aria-current]="_context.isActive('paragraph') ? 'true' : null"
-          (itemClick)="_run(_paragraph)"
-        >
-          {{ _copy().paragraph }}
-        </mlv-list-item>
-      }
-      @for (level of _levels(); track level) {
-        @if (_hasHeading()) {
-          <mlv-list-item
-            mlvMenuItem
-            [disabled]="_disabled(_canHeading(level))"
-            [attr.aria-current]="
-              _context.isActive('heading', { level }) ? 'true' : null
-            "
-            (itemClick)="_run(_heading(level))"
-          >
-            {{ _headingLabel(level) }}
-          </mlv-list-item>
-        }
-      }
-    </mlv-menu>
-  `, isInline: true, dependencies: [{ 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: "component", type: LucideHeading, selector: "svg[lucideHeading]" }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { 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: MlvEditorHeading, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mlv-editor-heading',
-                    imports: [
-                        MlvButton,
-                        MlvButtonIcon,
-                        MlvTooltip,
-                        LucideHeading,
-                        MlvListItem,
-                        MlvMenu,
-                        MlvMenuItem,
-                        MlvMenuTrigger,
-                        MlvEditorToolbarWidget,
-                    ],
-                    template: `
-    <button
-      mlvButton
-      mlvEditorToolbarWidget
-      type="button"
-      shape="square"
-      mlvDensity="tight"
-      variant="transparent"
-      [disabled]="_triggerDisabled()"
-      [mlvMenuTrigger]="_menu"
-      [menuTriggerDisabled]="_triggerDisabled()"
-      [attr.aria-label]="_copy().headingLevel"
-      [mlvTooltip]="_label()"
-      (menuOpened)="_registerOverlay()"
-      (menuClosed)="_unregisterOverlay()"
-    >
-      <svg mlvButtonIcon lucideHeading aria-hidden="true" />
-    </button>
-    <mlv-menu #_menu [label]="_copy().headingLevel">
-      @if (_hasParagraph()) {
-        <mlv-list-item
-          mlvMenuItem
-          [disabled]="_disabled(_canParagraph)"
-          [attr.aria-current]="_context.isActive('paragraph') ? 'true' : null"
-          (itemClick)="_run(_paragraph)"
-        >
-          {{ _copy().paragraph }}
-        </mlv-list-item>
-      }
-      @for (level of _levels(); track level) {
-        @if (_hasHeading()) {
-          <mlv-list-item
-            mlvMenuItem
-            [disabled]="_disabled(_canHeading(level))"
-            [attr.aria-current]="
-              _context.isActive('heading', { level }) ? 'true' : null
-            "
-            (itemClick)="_run(_heading(level))"
-          >
-            {{ _headingLabel(level) }}
-          </mlv-list-item>
-        }
-      }
-    </mlv-menu>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        class: 'mlv-editor-heading',
-                        '[hidden]': '!_supported()',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { levels: [{ type: i0.Input, args: [{ isSignal: true, alias: "levels", required: false }] }], _menu: [{ type: i0.ViewChild, args: ['_menu', { isSignal: true }] }], _trigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MlvMenuTrigger), { isSignal: true }] }] } });
-//# sourceMappingURL=editor-heading.js.map

package/esm2022/lib/toolbar/editor-heading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-heading.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-heading.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n  viewChild,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { LucideHeading } from '@lucide/angular';\nimport { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvListItem } from '@malva-ui/core/list';\nimport { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';\nimport { MlvTooltip } from '@malva-ui/core/tooltip';\nimport { MLV_EDITOR_I18N } from '@malva-ui/i18n';\nimport {\n  MLV_EDITOR_OVERLAY_REGISTRY,\n  MLV_EDITOR_TOOLBAR_CONTEXT,\n  MLV_EDITOR_TOOLBAR_REVISION,\n} from '../editor-toolbar-context';\nimport type { MlvEditorOverlayRegistry } from '../editor-toolbar-context';\nimport { MlvEditorToolbarWidget } from './editor-toolbar-widget';\n\n/** Heading levels supported by Tiptap's standard heading node. */\nexport type MlvEditorHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nconst DEFAULT_HEADING_LEVELS: readonly MlvEditorHeadingLevel[] = [\n  1, 2, 3, 4, 5, 6,\n];\n\n/** Keeps valid heading levels in caller order while removing duplicates. */\nfunction normalizeHeadingLevels(\n  levels: readonly MlvEditorHeadingLevel[],\n): readonly MlvEditorHeadingLevel[] {\n  const normalized: MlvEditorHeadingLevel[] = [];\n  for (const candidate of levels as readonly unknown[]) {\n    if (\n      typeof candidate === 'number' &&\n      Number.isInteger(candidate) &&\n      candidate >= 1 &&\n      candidate <= 6 &&\n      !normalized.includes(candidate as MlvEditorHeadingLevel)\n    ) {\n      normalized.push(candidate as MlvEditorHeadingLevel);\n    }\n  }\n  return normalized;\n}\n\n/** Paragraph and heading-level dropdown commands. */\n@Component({\n  selector: 'mlv-editor-heading',\n  imports: [\n    MlvButton,\n    MlvButtonIcon,\n    MlvTooltip,\n    LucideHeading,\n    MlvListItem,\n    MlvMenu,\n    MlvMenuItem,\n    MlvMenuTrigger,\n    MlvEditorToolbarWidget,\n  ],\n  template: `\n    <button\n      mlvButton\n      mlvEditorToolbarWidget\n      type=\"button\"\n      shape=\"square\"\n      mlvDensity=\"tight\"\n      variant=\"transparent\"\n      [disabled]=\"_triggerDisabled()\"\n      [mlvMenuTrigger]=\"_menu\"\n      [menuTriggerDisabled]=\"_triggerDisabled()\"\n      [attr.aria-label]=\"_copy().headingLevel\"\n      [mlvTooltip]=\"_label()\"\n      (menuOpened)=\"_registerOverlay()\"\n      (menuClosed)=\"_unregisterOverlay()\"\n    >\n      <svg mlvButtonIcon lucideHeading aria-hidden=\"true\" />\n    </button>\n    <mlv-menu #_menu [label]=\"_copy().headingLevel\">\n      @if (_hasParagraph()) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_disabled(_canParagraph)\"\n          [attr.aria-current]=\"_context.isActive('paragraph') ? 'true' : null\"\n          (itemClick)=\"_run(_paragraph)\"\n        >\n          {{ _copy().paragraph }}\n        </mlv-list-item>\n      }\n      @for (level of _levels(); track level) {\n        @if (_hasHeading()) {\n          <mlv-list-item\n            mlvMenuItem\n            [disabled]=\"_disabled(_canHeading(level))\"\n            [attr.aria-current]=\"\n              _context.isActive('heading', { level }) ? 'true' : null\n            \"\n            (itemClick)=\"_run(_heading(level))\"\n          >\n            {{ _headingLabel(level) }}\n          </mlv-list-item>\n        }\n      }\n    </mlv-menu>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-editor-heading',\n    '[hidden]': '!_supported()',\n  },\n})\nexport class MlvEditorHeading {\n  /** Heading levels displayed in the menu; paragraph is always retained. */\n  readonly levels = input<readonly MlvEditorHeadingLevel[]>(\n    DEFAULT_HEADING_LEVELS,\n  );\n\n  /** @protected Editor command state. */\n  protected readonly _context = inject(MLV_EDITOR_TOOLBAR_CONTEXT);\n\n  /** @private Per-editor state invalidation signal. */\n  private readonly _revision = inject(MLV_EDITOR_TOOLBAR_REVISION);\n\n  /** @private The editor-owned overlay registry. */\n  private readonly _overlays = inject<MlvEditorOverlayRegistry>(\n    MLV_EDITOR_OVERLAY_REGISTRY,\n  );\n\n  /** @private Document used to resolve the public menu panel id. */\n  private readonly _document = inject(DOCUMENT);\n\n  /** @private Cleans an active overlay registration. */\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 Rendered Malva menu. */\n  protected readonly _menu = viewChild.required<MlvMenu>('_menu');\n\n  /** @protected Trigger owning the menu overlay. */\n  protected readonly _trigger = viewChild.required(MlvMenuTrigger);\n\n  /** @private Overlay-registration teardown. */\n  private _unregister: (() => void) | undefined;\n\n  /** @private Guards queued registration after a quick close or destroy. */\n  private _menuOpen = false;\n\n  /** @protected Normalized levels supported by the active heading extension. */\n  protected readonly _levels = computed(() => {\n    this._revision();\n    const requested = normalizeHeadingLevels(this.levels());\n    const editor = this._context.editor();\n    if (!editor?.commands.toggleHeading) return [];\n    const heading = editor.extensionManager.extensions.find(\n      (extension) => extension.name === 'heading',\n    );\n    const configured = (heading?.options as { levels?: unknown } | undefined)\n      ?.levels;\n    if (!Array.isArray(configured)) return requested;\n    return requested.filter((level) => configured.includes(level));\n  });\n\n  /** @protected Localized labels. */\n  protected readonly _copy = computed(() => ({\n    paragraph: this._i18n?.().paragraph ?? 'Paragraph',\n    headingLevel: this._i18n?.().headingLevel ?? 'Heading level',\n  }));\n\n  /** @protected Paragraph command availability at the current selection. */\n  protected readonly _canParagraph = (editor: Editor): boolean =>\n    editor.can().chain().setParagraph().run();\n\n  constructor() {\n    this._destroyRef.onDestroy(() => this._unregisterOverlay());\n  }\n\n  /** @protected Label describing the active block type. */\n  protected _label(): string {\n    const active = this._levels().find((level) =>\n      this._context.isActive('heading', { level }),\n    );\n    return active ? this._headingLabel(active) : this._copy().paragraph;\n  }\n\n  /** @protected Localized heading label. */\n  protected _headingLabel(level: number): string {\n    return `${this._copy().headingLevel} ${level}`;\n  }\n\n  /** @protected Whether a heading command is registered by the extension set. */\n  protected _supported(): boolean {\n    this._revision();\n    const editor = this._context.editor();\n    return (\n      !!editor &&\n      (editor.commands.setParagraph !== undefined ||\n        editor.commands.toggleHeading !== undefined)\n    );\n  }\n\n  /** @protected Whether the paragraph command is registered. */\n  protected _hasParagraph(): boolean {\n    this._revision();\n    return this._context.editor()?.commands.setParagraph !== undefined;\n  }\n\n  /** @protected Whether heading commands are registered. */\n  protected _hasHeading(): boolean {\n    this._revision();\n    return this._context.editor()?.commands.toggleHeading !== undefined;\n  }\n\n  /** @protected Whether the trigger cannot be opened. */\n  protected _triggerDisabled(): boolean {\n    return (\n      !this._supported() || this._context.disabled() || this._context.readonly()\n    );\n  }\n\n  /** @protected Whether one menu action currently cannot mutate the editor. */\n  protected _disabled(command: (editor: Editor) => boolean): boolean {\n    this._revision();\n    return this._triggerDisabled() || !this._context.can(command);\n  }\n\n  /** @protected Paragraph command. */\n  protected readonly _paragraph = (editor: Editor): boolean =>\n    editor.chain().focus().setParagraph().run();\n\n  /** @protected Heading command factory. */\n  protected _heading(\n    level: MlvEditorHeadingLevel,\n  ): (editor: Editor) => boolean {\n    return (editor) => editor.chain().focus().toggleHeading({ level }).run();\n  }\n\n  /** @protected Heading command availability factory. */\n  protected _canHeading(\n    level: MlvEditorHeadingLevel,\n  ): (editor: Editor) => boolean {\n    return (editor) => editor.can().chain().toggleHeading({ level }).run();\n  }\n\n  /** @protected Runs a selection-restoring command. */\n  protected _run(command: (editor: Editor) => boolean): void {\n    this._context.run(command);\n  }\n\n  /** @protected Registers the portaled panel with the editor composite. */\n  protected _registerOverlay(): void {\n    this._menuOpen = true;\n    queueMicrotask(() => {\n      if (!this._menuOpen) return;\n      const panel = this._document.getElementById(this._menu().panelId);\n      if (!panel) return;\n      this._unregister?.();\n      this._unregister = this._overlays.register(panel, () =>\n        this._trigger().close(),\n      );\n    });\n  }\n\n  /** @protected Removes menu panel focus ownership after close. */\n  protected _unregisterOverlay(): void {\n    this._menuOpen = false;\n    this._unregister?.();\n    this._unregister = undefined;\n  }\n}\n"]}

package/esm2022/lib/toolbar/editor-highlight.js

@@ -1,84 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation, } from '@angular/core';
-import { LucideHighlighter } from '@lucide/angular';
-import { MlvButtonIcon } from '@malva-ui/core/button';
-import { MlvColorPickerPopup } from '@malva-ui/core/color-picker';
-import { MLV_EDITOR_I18N } from '@malva-ui/i18n';
-import { MlvEditorColorControl } from './editor-color-control';
-import * as i0 from "@angular/core";
-/** Background-highlight toolbar control backed by the reusable swatch picker. */
-export class MlvEditorHighlight extends MlvEditorColorControl {
-    /** @private Optional localized editor labels. */
-    _i18n = inject(MLV_EDITOR_I18N, { optional: true });
-    /** @protected Localized accessible trigger and dialog label. */
-    _label = computed(() => this._i18n?.().highlightColor ?? 'Highlight color', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_label" }] : /* istanbul ignore next */ []));
-    /** @protected Exact command-presence capability without command execution. */
-    _supported = computed(() => {
-        this._revision?.();
-        const commands = this._context.editor()?.commands;
-        return (typeof commands?.['toggleHighlight'] === 'function' &&
-            typeof commands['unsetHighlight'] === 'function');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_supported" }] : /* istanbul ignore next */ []));
-    /** @protected Active highlight colour rendered by the independent swatch. */
-    _activeColor = computed(() => {
-        this._revision?.();
-        const color = this._context.editor()?.getAttributes('highlight')['color'];
-        return typeof color === 'string' && color ? color : '#ffff00';
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_activeColor" }] : /* istanbul ignore next */ []));
-    /** @protected Applies or clears highlight colour without focusing Tiptap. */
-    _run(editor, selection, color) {
-        const chain = editor.chain().setTextSelection(selection);
-        return color
-            ? chain.toggleHighlight({ color }).run()
-            : chain.unsetHighlight().run();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorHighlight, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvEditorHighlight, isStandalone: true, selector: "mlv-editor-highlight", host: { properties: { "hidden": "!_supported()" }, classAttribute: "mlv-editor-highlight" }, usesInheritance: true, ngImport: i0, template: `
-    <mlv-color-picker-popup
-      #picker
-      presentation="icon"
-      clearable
-      live
-      [ariaLabel]="_label()"
-      [value]="_activeColor()"
-      [disabled]="_context.disabled()"
-      [readonly]="_context.readonly()"
-      (openedChange)="_onOpenedChange($event)"
-      (colorChange)="_apply($event)"
-    >
-      <svg mlvButtonIcon lucideHighlighter aria-hidden="true" />
-    </mlv-color-picker-popup>
-  `, isInline: true, dependencies: [{ kind: "component", type: MlvColorPickerPopup, selector: "mlv-color-picker-popup", inputs: ["value", "presentation", "opened", "showOpacity", "defaultMode", "supportedFormats", "live"], outputs: ["valueChange", "openedChange", "afterOpened", "afterClosed", "colorChange"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: LucideHighlighter, selector: "svg[lucideHighlighter]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvEditorHighlight, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mlv-editor-highlight',
-                    imports: [MlvColorPickerPopup, MlvButtonIcon, LucideHighlighter],
-                    template: `
-    <mlv-color-picker-popup
-      #picker
-      presentation="icon"
-      clearable
-      live
-      [ariaLabel]="_label()"
-      [value]="_activeColor()"
-      [disabled]="_context.disabled()"
-      [readonly]="_context.readonly()"
-      (openedChange)="_onOpenedChange($event)"
-      (colorChange)="_apply($event)"
-    >
-      <svg mlvButtonIcon lucideHighlighter aria-hidden="true" />
-    </mlv-color-picker-popup>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
-                        class: 'mlv-editor-highlight',
-                        '[hidden]': '!_supported()',
-                    },
-                }]
-        }] });
-//# sourceMappingURL=editor-highlight.js.map

package/esm2022/lib/toolbar/editor-highlight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-highlight.js","sourceRoot":"","sources":["../../../../../../libs/editor/src/lib/toolbar/editor-highlight.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;;AAE/D,iFAAiF;AA2BjF,MAAM,OAAO,kBAAmB,SAAQ,qBAAqB;IAC3D,iDAAiD;IAChC,KAAK,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAErE,gEAAgE;IAC7C,MAAM,GAAG,QAAQ,CAClC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,IAAI,iBAAiB;+EACzD,CAAC;IAEF,8EAA8E;IAC3D,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,QAE5B,CAAC;QACd,OAAO,CACL,OAAO,QAAQ,EAAE,CAAC,iBAAiB,CAAC,KAAK,UAAU;YACnD,OAAO,QAAQ,CAAC,gBAAgB,CAAC,KAAK,UAAU,CACjD,CAAC;IACJ,CAAC;mFAAC,CAAC;IAEH,6EAA6E;IAC1D,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9C,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC;QAC1E,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,CAAC;qFAAC,CAAC;IAEH,6EAA6E;IAC1D,IAAI,CACrB,MAAc,EACd,SAAyD,EACzD,KAAa;QAEb,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACzD,OAAO,KAAK;YACV,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE;YACxC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC;IACnC,CAAC;uGAtCU,kBAAkB;2FAAlB,kBAAkB,oMAvBnB;;;;;;;;;;;;;;;GAeT,4DAhBS,mBAAmB,iQAAE,aAAa,4DAAE,iBAAiB;;2FAwBpD,kBAAkB;kBA1B9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,CAAC,mBAAmB,EAAE,aAAa,EAAE,iBAAiB,CAAC;oBAChE,QAAQ,EAAE;;;;;;;;;;;;;;;GAeT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,sBAAsB;wBAC7B,UAAU,EAAE,eAAe;qBAC5B;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { LucideHighlighter } from '@lucide/angular';\nimport { MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvColorPickerPopup } from '@malva-ui/core/color-picker';\nimport { MLV_EDITOR_I18N } from '@malva-ui/i18n';\nimport { MlvEditorColorControl } from './editor-color-control';\n\n/** Background-highlight toolbar control backed by the reusable swatch picker. */\n@Component({\n  selector: 'mlv-editor-highlight',\n  imports: [MlvColorPickerPopup, MlvButtonIcon, LucideHighlighter],\n  template: `\n    <mlv-color-picker-popup\n      #picker\n      presentation=\"icon\"\n      clearable\n      live\n      [ariaLabel]=\"_label()\"\n      [value]=\"_activeColor()\"\n      [disabled]=\"_context.disabled()\"\n      [readonly]=\"_context.readonly()\"\n      (openedChange)=\"_onOpenedChange($event)\"\n      (colorChange)=\"_apply($event)\"\n    >\n      <svg mlvButtonIcon lucideHighlighter aria-hidden=\"true\" />\n    </mlv-color-picker-popup>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-editor-highlight',\n    '[hidden]': '!_supported()',\n  },\n})\nexport class MlvEditorHighlight extends MlvEditorColorControl {\n  /** @private Optional localized editor labels. */\n  private readonly _i18n = inject(MLV_EDITOR_I18N, { optional: true });\n\n  /** @protected Localized accessible trigger and dialog label. */\n  protected readonly _label = computed(\n    () => this._i18n?.().highlightColor ?? 'Highlight color',\n  );\n\n  /** @protected Exact command-presence capability without command execution. */\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?.['toggleHighlight'] === 'function' &&\n      typeof commands['unsetHighlight'] === 'function'\n    );\n  });\n\n  /** @protected Active highlight colour rendered by the independent swatch. */\n  protected readonly _activeColor = computed(() => {\n    this._revision?.();\n    const color = this._context.editor()?.getAttributes('highlight')['color'];\n    return typeof color === 'string' && color ? color : '#ffff00';\n  });\n\n  /** @protected Applies or clears highlight colour without focusing Tiptap. */\n  protected override _run(\n    editor: Editor,\n    selection: { readonly from: number; readonly to: number },\n    color: string,\n  ): boolean {\n    const chain = editor.chain().setTextSelection(selection);\n    return color\n      ? chain.toggleHighlight({ color }).run()\n      : chain.unsetHighlight().run();\n  }\n}\n"]}