@progress/kendo-angular-editor 21.4.1 → 22.0.0-develop.1

package/esm2022/config/command-icons.mjs

@@ -1,93 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, boldIcon, cellsMergeIcon, cellSplitHorizontallyIcon, clearCssIcon, codeSnippetIcon, dropletIcon, fileAddIcon, fileImageIcon, foregroundColorIcon, indentIcon, italicIcon, linkIcon, listOrderedIcon, listUnorderedIcon, outdentIcon, printIcon, redoIcon, rightDoubleQuotesIcon, selectAllIcon, strikethroughIcon, subscriptIcon, supscriptIcon, tableAddIcon, tableColumnDeleteIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableDeleteIcon, tableRowDeleteIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, underlineIcon, undoIcon, unlinkIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-export const commandIcons = {
-    alignCenter: 'align-center',
-    alignJustify: 'align-justify',
-    alignLeft: 'align-left',
-    alignRight: 'align-right',
-    backColor: 'droplet',
-    blockquote: 'blockquote',
-    bold: 'bold',
-    cleanFormatting: 'clear-css',
-    createLink: 'link',
-    foreColor: 'foreground-color',
-    indent: 'indent',
-    insertFile: 'file-add',
-    insertImage: 'image',
-    insertOrderedList: 'list-ordered',
-    insertUnorderedList: 'list-unordered',
-    italic: 'italic',
-    outdent: 'outdent',
-    print: 'print',
-    redo: 'redo',
-    selectAll: 'select-all',
-    strikethrough: 'strikethrough',
-    subscript: 'subscript',
-    superscript: 'supscript',
-    underline: 'underline',
-    undo: 'undo',
-    unlink: 'unlink',
-    viewSource: 'code',
-    //table
-    insertTable: 'table-add',
-    addColumnBefore: 'table-column-insert-left',
-    addColumnAfter: 'table-column-insert-right',
-    addRowBefore: 'table-row-insert-above',
-    addRowAfter: 'table-row-insert-below',
-    deleteRow: 'table-row-delete',
-    deleteColumn: 'table-column-delete',
-    mergeCells: 'cells-merge',
-    splitCell: 'cell-split-horizontally',
-    deleteTable: 'table-delete'
-    // tableWizard: 'table-wizard'
-};
-/**
- * @hidden
- */
-export const commandSVGIcons = {
-    alignCenter: alignCenterIcon,
-    alignJustify: alignJustifyIcon,
-    alignLeft: alignLeftIcon,
-    alignRight: alignRightIcon,
-    backColor: dropletIcon,
-    blockquote: rightDoubleQuotesIcon,
-    bold: boldIcon,
-    cleanFormatting: clearCssIcon,
-    createLink: linkIcon,
-    foreColor: foregroundColorIcon,
-    indent: indentIcon,
-    insertFile: fileAddIcon,
-    insertImage: fileImageIcon,
-    insertOrderedList: listOrderedIcon,
-    insertUnorderedList: listUnorderedIcon,
-    italic: italicIcon,
-    outdent: outdentIcon,
-    print: printIcon,
-    redo: redoIcon,
-    selectAll: selectAllIcon,
-    strikethrough: strikethroughIcon,
-    subscript: subscriptIcon,
-    superscript: supscriptIcon,
-    underline: underlineIcon,
-    undo: undoIcon,
-    unlink: unlinkIcon,
-    viewSource: codeSnippetIcon,
-    //table
-    insertTable: tableAddIcon,
-    addColumnBefore: tableColumnInsertLeftIcon,
-    addColumnAfter: tableColumnInsertRightIcon,
-    addRowBefore: tableRowInsertAboveIcon,
-    addRowAfter: tableRowInsertBelowIcon,
-    deleteRow: tableRowDeleteIcon,
-    deleteColumn: tableColumnDeleteIcon,
-    mergeCells: cellsMergeIcon,
-    splitCell: cellSplitHorizontallyIcon,
-    deleteTable: tableDeleteIcon
-    // tableWizard: 'table-wizard'
-};

package/esm2022/config/commands.mjs

@@ -1,62 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { alignBlocks, alignLeftRules, alignCenterRules, alignRightRules, alignJustifyRules, alignRemoveRules, indent, outdent, setHtml, getHtml, insertImage, insertText, applyLink, removeLink, expandToWordWrap, blockquote, 
-//marks
-bold, italic, underline, strikethrough, subscript, superscript, link, toggleInlineFormat, applyInlineStyle, formatBlockElements, toggleOrderedList, toggleUnorderedList, isAligned, undo, redo, cleanFormatting, selectAll, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, deleteTable, mergeCells, splitCell } from '@progress/kendo-editor-common';
-import { insertTable } from './table-commands';
-const alignRemove = (state, dispatch) => alignBlocks(alignRemoveRules)(state, dispatch);
-const inlineCommand = {
-    bold: (applyToWord) => expandToWordWrap(toggleInlineFormat, { ...bold, applyToWord }),
-    cleanFormatting: (options) => cleanFormatting(options),
-    createLink: attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs.value, applyToWord: attrs.applyToWord }),
-    fontFamily: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-family', value: attrs.value, applyToWord: attrs.applyToWord }),
-    fontSize: attrs => expandToWordWrap(applyInlineStyle, { style: 'font-size', value: attrs.value, applyToWord: attrs.applyToWord }),
-    insertFile: attrs => expandToWordWrap(applyLink, { mark: 'link', attrs: attrs, applyToWord: attrs.applyToWord }),
-    insertText: text => insertText(text),
-    italic: (applyToWord) => expandToWordWrap(toggleInlineFormat, { ...italic, applyToWord }),
-    strikethrough: (applyToWord) => expandToWordWrap(toggleInlineFormat, { ...strikethrough, applyToWord }),
-    subscript: (applyToWord) => expandToWordWrap(toggleInlineFormat, { ...subscript, applyToWord }),
-    superscript: (applyToWord) => expandToWordWrap(toggleInlineFormat, { ...superscript, applyToWord }),
-    underline: (applyToWord) => expandToWordWrap(toggleInlineFormat, { ...underline, applyToWord }),
-    unlink: () => removeLink(link),
-    foreColor: attrs => expandToWordWrap(applyInlineStyle, { style: 'color', value: attrs.value, applyToWord: attrs.applyToWord }),
-    backColor: attrs => expandToWordWrap(applyInlineStyle, { style: 'background-color', value: attrs.value, applyToWord: attrs.applyToWord }),
-    selectAll: () => (state, dispatch) => selectAll(state, dispatch)
-};
-const blockCommand = {
-    alignCenter: () => (state, dispatch) => isAligned(state, alignCenterRules) ? alignRemove(state, dispatch) : alignBlocks(alignCenterRules)(state, dispatch),
-    alignJustify: () => (state, dispatch) => isAligned(state, alignJustifyRules) ? alignRemove(state, dispatch) : alignBlocks(alignJustifyRules)(state, dispatch),
-    alignLeft: () => (state, dispatch) => isAligned(state, alignLeftRules) ? alignRemove(state, dispatch) : alignBlocks(alignLeftRules)(state, dispatch),
-    alignRight: () => (state, dispatch) => isAligned(state, alignRightRules) ? alignRemove(state, dispatch) : alignBlocks(alignRightRules)(state, dispatch),
-    format: formatAttr => formatBlockElements(formatAttr.tag),
-    getHTML: () => getHtml,
-    indent: () => indent,
-    insertImage: attrs => insertImage(attrs),
-    // think about changing the command name.
-    insertOrderedList: () => toggleOrderedList,
-    // think about changing the command name.
-    insertUnorderedList: () => toggleUnorderedList,
-    outdent: () => outdent,
-    redo: () => redo,
-    setHTML: ({ content, parseOptions }) => setHtml(content, 'setHTML', parseOptions),
-    undo: () => undo,
-    blockquote: () => blockquote
-};
-const tableCommand = {
-    insertTable: attr => insertTable(attr),
-    addColumnBefore: () => addColumnBefore,
-    addColumnAfter: () => addColumnAfter,
-    addRowBefore: () => addRowBefore,
-    addRowAfter: () => addRowAfter,
-    deleteRow: () => deleteRow,
-    deleteColumn: () => deleteColumn,
-    mergeCells: () => mergeCells,
-    splitCell: () => splitCell,
-    deleteTable: () => deleteTable
-};
-/**
- * @hidden
- */
-export const editorCommands = Object.assign({}, inlineCommand, blockCommand, tableCommand);

package/esm2022/config/schema.mjs

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { semanticNodes } from './semantic-nodes';
-import { marks as commonMarks, nodes as commonNodes, Schema } from '@progress/kendo-editor-common';
-/**
- * @hidden
- */
-const marks = commonMarks;
-const nodes = Object.assign(commonNodes, semanticNodes);
-/**
- * @hidden
- */
-export const schema = new Schema({
-    marks,
-    nodes
-});
-/**
- * @hidden
- */
-export { Schema };

package/esm2022/config/semantic-nodes.mjs

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { commonAttributes, getAttributes, getAttrs, hasAttrs, hole } from './utils';
-const createSemanticNode = (tagName) => ({
-    // Uncaught SyntaxError: Mixing inline and block content (in content expression '(block | inline)*')
-    // content: '(block | inline)*',
-    content: 'block*',
-    group: 'block',
-    attrs: {
-        ...commonAttributes()
-    },
-    parseDOM: [{
-            tag: tagName,
-            getAttrs: getAttributes
-        }],
-    toDOM: node => hasAttrs(node.attrs) ? [tagName, getAttrs(node.attrs), hole] : [tagName, hole]
-});
-/**
- * @hidden
- */
-export const semanticTagNames = ['article', 'main', 'nav', 'header', 'footer', 'aside', 'section'];
-/**
- * @hidden
- */
-export const semanticNodes = semanticTagNames.reduce((acc, curr) => Object.assign(acc, { [curr]: createSemanticNode(curr) }), {});

package/esm2022/config/table-commands.mjs

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { insertNode, createTable } from '@progress/kendo-editor-common';
-/**
- * @hidden
- */
-export const insertTable = (attrs) => (state, dispatch) => {
-    const newTable = createTable(state.schema.nodes, attrs.rows, attrs.cols);
-    if (newTable) {
-        insertNode(newTable, true)(state, dispatch);
-    }
-};

package/esm2022/config/utils.mjs

@@ -1,96 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const hasAttrs = (attrs, exclude) => {
-    for (const attr in attrs) {
-        if (attr && attrs[attr] !== null && attr !== exclude) {
-            return true;
-        }
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export const getAttrs = (attrs, exclude) => {
-    const result = {};
-    for (const attr in attrs) {
-        if (attr && attrs[attr] !== null && attr !== exclude && attr !== 'constructor' && attr !== '__proto__' && attr !== 'prototype') {
-            result[attr] = attrs[attr];
-        }
-    }
-    return result;
-};
-/**
- * @hidden
- */
-export const getAttributes = (dom) => {
-    const result = {};
-    const attributes = dom.attributes;
-    for (let i = 0; i < attributes.length; i++) {
-        const attr = attributes[i];
-        result[attr.name] = attr.value;
-    }
-    return result;
-};
-/**
- * @hidden
- */
-export const serializeDOMAttrs = (el) => Array.from(el.attributes)
-    .reduce((acc, curr) => Object.assign({}, acc, { [curr.name]: curr.value }), {});
-/**
- * @hidden
- */
-export const commonAttributes = () => {
-    return {
-        ...createDefaultAttributes(['class', 'id', 'style'])
-    };
-};
-/**
- * @hidden
- */
-export const createDefaultAttributes = (attrs = []) => {
-    return {
-        ...attrs.reduce((acc, curr) => ({ ...acc, [curr]: { default: null } }), {})
-    };
-};
-/**
- * @hidden
- */
-export const hole = 0;
-/**
- * @hidden
- */
-export const isSchemaNode = (schemaNodeName) => (node) => node.type.name === schemaNodeName;
-/**
- * @hidden
- */
-export const isTable = isSchemaNode('table');
-/**
- * @hidden
- */
-export const isTableBody = isSchemaNode('table_body');
-/**
- * @hidden
- */
-export const isTableHead = isSchemaNode('table_head');
-/**
- * @hidden
- */
-export const isTableFoot = isSchemaNode('table_foot');
-/**
- * @hidden
- */
-export const isTableRow = isSchemaNode('table_row');
-/**
- * @hidden
- */
-export const isTableCell = isSchemaNode('table_cell');
-/**
- * @hidden
- */
-export const isTableHeaderCell = isSchemaNode('table_header');

package/esm2022/dialogs/colorpicker-dialog.component.mjs

@@ -1,140 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Component, Input, ViewChild } from '@angular/core';
-import { DialogRef, DialogContentBase, DialogActionsComponent, DialogTitleBarComponent } from '@progress/kendo-angular-dialog';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-import { EditorComponent } from '../editor.component';
-import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "../localization/editor-localization.service";
-/**
- * @hidden
- */
-export class ColorPickerDialogComponent extends DialogContentBase {
-    dialog;
-    localization;
-    editor;
-    colorPicker;
-    value;
-    title;
-    editorCommand;
-    paletteSettings;
-    icon;
-    svgIcon;
-    view;
-    views;
-    constructor(dialog, localization) {
-        super(dialog);
-        this.dialog = dialog;
-        this.localization = localization;
-    }
-    handleActiveColorClick(event) {
-        event.preventOpen();
-        this.value = event.color;
-    }
-    handleClearButtonClick() {
-        this.editor.exec(this.editorCommand);
-    }
-    onCancelAction() {
-        this.dialog.close();
-    }
-    onConfirmAction() {
-        if (this.value) {
-            this.editor.exec(this.editorCommand, this.value);
-        }
-        this.dialog.close();
-        this.editor.view.focus();
-    }
-    setData(args) {
-        this.editor = args.editor;
-        this.value = args.value;
-        this.svgIcon = args.svgIcon;
-        this.editorCommand = args.editorCommand;
-        this.paletteSettings = args.paletteSettings;
-        this.icon = args.icon;
-        this.views = args.view ? [args.view] : args.views;
-    }
-    textFor(key) {
-        return this.localization.get(key);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorPickerDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColorPickerDialogComponent, isStandalone: true, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
-        <kendo-dialog-titlebar (close)="onCancelAction()">
-            {{ textFor(editorCommand) }}
-        </kendo-dialog-titlebar>
-        <div [style.text-align]="'center'">
-            <kendo-colorpicker
-                #colorpicker
-                [views]="views"
-                [format]="'hex'"
-                [attr.title]="title"
-                [icon]="icon"
-                [svgIcon]="svgIcon"
-                [(value)]="value"
-                [paletteSettings]="paletteSettings"
-                (activeColorClick)="handleActiveColorClick($event)"
-                (clearButtonClick)="handleClearButtonClick()"
-            >
-            </kendo-colorpicker>
-        </div>
-        <kendo-dialog-actions layout="start">
-            <button
-                kendoButton
-                [primary]="true"
-                (click)="onConfirmAction()"
-            >{{ textFor('dialogApply') }}</button>
-            <button
-                kendoButton
-                (click)="onCancelAction()"
-            >{{ textFor('dialogCancel') }}</button>
-        </kendo-dialog-actions>
-    `, isInline: true, dependencies: [{ kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-        <kendo-dialog-titlebar (close)="onCancelAction()">
-            {{ textFor(editorCommand) }}
-        </kendo-dialog-titlebar>
-        <div [style.text-align]="'center'">
-            <kendo-colorpicker
-                #colorpicker
-                [views]="views"
-                [format]="'hex'"
-                [attr.title]="title"
-                [icon]="icon"
-                [svgIcon]="svgIcon"
-                [(value)]="value"
-                [paletteSettings]="paletteSettings"
-                (activeColorClick)="handleActiveColorClick($event)"
-                (clearButtonClick)="handleClearButtonClick()"
-            >
-            </kendo-colorpicker>
-        </div>
-        <kendo-dialog-actions layout="start">
-            <button
-                kendoButton
-                [primary]="true"
-                (click)="onConfirmAction()"
-            >{{ textFor('dialogApply') }}</button>
-            <button
-                kendoButton
-                (click)="onCancelAction()"
-            >{{ textFor('dialogCancel') }}</button>
-        </kendo-dialog-actions>
-    `,
-                    standalone: true,
-                    imports: [DialogTitleBarComponent, ColorPickerComponent, DialogActionsComponent, ButtonComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.DialogRef }, { type: i2.EditorLocalizationService }], propDecorators: { editor: [{
-                type: Input
-            }], colorPicker: [{
-                type: ViewChild,
-                args: ['colorpicker', { read: ColorPickerComponent, static: true }]
-            }] } });