@progress/kendo-angular-editor 3.1.3-dev.202203090959 → 4.0.0-dev.202204191004

package/dist/es/config/semantic-nodes.js

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

package/dist/es/config/table-commands.js

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 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 var insertTable = function (attrs) { return function (state, dispatch) {
-    var newTable = createTable(state.schema.nodes, attrs.rows, attrs.cols);
-    if (newTable) {
-        insertNode(newTable, true)(state, dispatch);
-    }
-}; };

package/dist/es/config/utils.js

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

package/dist/es/dialogs/colorpicker-dialog.component.js

@@ -1,70 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild } from '@angular/core';
-import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-import { EditorComponent } from '../editor.component';
-import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
-/**
- * @hidden
- */
-var ColorPickerDialogComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ColorPickerDialogComponent, _super);
-    function ColorPickerDialogComponent(dialog, localization) {
-        var _this = _super.call(this, dialog) || this;
-        _this.dialog = dialog;
-        _this.localization = localization;
-        return _this;
-    }
-    ColorPickerDialogComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        Promise.resolve(null).then(function () {
-            _this.colorPicker.focus();
-        });
-    };
-    ColorPickerDialogComponent.prototype.handleActiveColorClick = function (event) {
-        event.preventOpen();
-        this.value = event.color;
-    };
-    ColorPickerDialogComponent.prototype.onCancelAction = function () {
-        this.dialog.close();
-    };
-    ColorPickerDialogComponent.prototype.onConfirmAction = function () {
-        if (this.value) {
-            this.editor.exec(this.editorCommand, this.value);
-        }
-        this.dialog.close();
-        this.editor.view.focus();
-    };
-    ColorPickerDialogComponent.prototype.setData = function (args) {
-        this.editor = args.editor;
-        this.value = args.value;
-        this.editorCommand = args.editorCommand;
-        this.paletteSettings = args.paletteSettings;
-        this.icon = args.icon;
-        this.views = args.view ? [args.view] : args.views;
-    };
-    ColorPickerDialogComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", EditorComponent)
-    ], ColorPickerDialogComponent.prototype, "editor", void 0);
-    tslib_1.__decorate([
-        ViewChild('colorpicker', { read: ColorPickerComponent, static: true }),
-        tslib_1.__metadata("design:type", ColorPickerComponent)
-    ], ColorPickerDialogComponent.prototype, "colorPicker", void 0);
-    ColorPickerDialogComponent = tslib_1.__decorate([
-        Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor(editorCommand) }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-colorpicker\n                        #colorpicker\n                        [views]=\"views\"\n                        [format]=\"'hex'\"\n                        [attr.title]=\"title\"\n                        [icon]=\"icon\"\n                        [(value)]=\"value\"\n                        [paletteSettings]=\"paletteSettings\"\n                        (activeColorClick)=\"handleActiveColorClick($event)\"\n                    >\n                    </kendo-colorpicker>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DialogRef,
-            EditorLocalizationService])
-    ], ColorPickerDialogComponent);
-    return ColorPickerDialogComponent;
-}(DialogContentBase));
-export { ColorPickerDialogComponent };

package/dist/es/dialogs/file-link-dialog.component.js

@@ -1,126 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild, ElementRef } from '@angular/core';
-import { FormGroup, FormControl, Validators } from '@angular/forms';
-import { DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
-import { getMark, getSelectionText, expandSelection } from '@progress/kendo-editor-common';
-import { isPresent } from '../util';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-/**
- * @hidden
- */
-var FileLinkDialogComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(FileLinkDialogComponent, _super);
-    function FileLinkDialogComponent(dialog, localization) {
-        var _this = _super.call(this, dialog) || this;
-        _this.dialog = dialog;
-        _this.localization = localization;
-        _this.linkForm = new FormGroup({
-            'href': new FormControl('', Validators.required),
-            'text': new FormControl({ value: '', disabled: true }, Validators.required),
-            'title': new FormControl('')
-        });
-        return _this;
-    }
-    FileLinkDialogComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        Promise.resolve(null).then(function () {
-            _this.hrefInput.nativeElement.focus();
-        });
-    };
-    FileLinkDialogComponent.prototype.onCancelAction = function () {
-        this.dialog.close();
-    };
-    FileLinkDialogComponent.prototype.onConfirmAction = function () {
-        var linkData = this.getData();
-        this.editor.exec(this.command, linkData);
-        this.dialog.close();
-        this.editor.view.focus();
-    };
-    Object.defineProperty(FileLinkDialogComponent.prototype, "titleText", {
-        get: function () {
-            return this.localization.get(this.command);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    FileLinkDialogComponent.prototype.setData = function (state, options) {
-        if (this.command === 'createLink') {
-            this.linkForm.addControl('target', new FormControl());
-        }
-        var linkMark = getMark(state, state.schema.marks.link);
-        if (linkMark) {
-            // const linkMarkRange = getMarkRange(state.selection.$cursor, schema.marks.link);
-            // const mark = parentNode.child(cursorNodeIndex).marks.find(m => m.type === markType);
-            this.linkForm.reset({
-                href: linkMark.attrs.href,
-                title: linkMark.attrs.title,
-                target: isPresent(linkMark.attrs.target),
-                text: this.setLinkText(state)
-            });
-            return;
-        }
-        if (state.selection.empty) {
-            var currentState = options.applyToWord ? expandSelection(state, function () { }, options).state : state;
-            if (!currentState.selection.empty) {
-                this.linkForm.patchValue({
-                    'text': getSelectionText(currentState)
-                });
-            }
-        }
-        else {
-            this.linkForm.patchValue({
-                'text': getSelectionText(state)
-            });
-        }
-    };
-    FileLinkDialogComponent.prototype.textForWithPrefix = function (key) {
-        var prefix = this.command === 'createLink' ? 'link' : 'file';
-        return this.textFor(prefix + key);
-    };
-    FileLinkDialogComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    FileLinkDialogComponent.prototype.setLinkText = function (state) {
-        var selection = state.selection;
-        if (selection.empty && selection.$cursor) {
-            var cursor = selection.$cursor;
-            var cursorNodeIndex = cursor.index();
-            var parentNode = cursor.parent;
-            return parentNode.child(cursorNodeIndex).text;
-        }
-        else {
-            return getSelectionText(state);
-        }
-    };
-    FileLinkDialogComponent.prototype.getData = function () {
-        var linkData = this.linkForm.value;
-        if (isPresent(this.linkForm.controls.target)) {
-            linkData.target = linkData.target ? '_blank' : null;
-        }
-        return linkData;
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FileLinkDialogComponent.prototype, "editor", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FileLinkDialogComponent.prototype, "command", void 0);
-    tslib_1.__decorate([
-        ViewChild('hrefInput', { read: ElementRef, static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], FileLinkDialogComponent.prototype, "hrefInput", void 0);
-    FileLinkDialogComponent = tslib_1.__decorate([
-        Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ titleText }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <form novalidate [formGroup]=\"linkForm\">\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"hrefInput.focus()\">{{ textForWithPrefix('WebAddress') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #hrefInput formControlName=\"href\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"textInput.focus()\">{{ textForWithPrefix('Text') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #textInput formControlName=\"text\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n\n                        <div class=\"k-edit-label\">\n                            <label (click)=\"titleInput.focus()\">{{ textForWithPrefix('Title') }}</label>\n                        </div>\n                        <div class=\"k-edit-field\">\n                            <input #titleInput formControlName=\"title\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                        </div>\n                        <ng-container *ngIf=\"command === 'createLink'\">\n                            <div class=\"k-edit-label\"></div>\n                            <div class=\"k-edit-field\">\n                                <input type=\"checkbox\" id=\"k-target-blank\" kendoCheckBox formControlName=\"target\" />\n                                <label class=\"k-checkbox-label\" for=\"k-target-blank\">{{ textForWithPrefix('OpenInNewWindow') }}</label>\n                            </div>\n                        </ng-container>\n                    </form>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"linkForm.invalid\" (click)=\"onConfirmAction()\" [primary]=\"true\">\n                {{ textFor('dialogInsert') }}\n            </button>\n        </kendo-dialog-actions>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DialogRef, EditorLocalizationService])
-    ], FileLinkDialogComponent);
-    return FileLinkDialogComponent;
-}(DialogContentBase));
-export { FileLinkDialogComponent };

package/dist/es/dialogs/font-family-dialog.component.js

@@ -1,65 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild } from '@angular/core';
-import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-import { EditorComponent } from '../editor.component';
-import { FontFamilyDropDownListComponent } from '../tools/fontfamily/editor-fontfamily-dropdownlist.component';
-/**
- * @hidden
- */
-var FontFamilyDialogComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(FontFamilyDialogComponent, _super);
-    function FontFamilyDialogComponent(dialog, localization) {
-        var _this = _super.call(this, dialog) || this;
-        _this.dialog = dialog;
-        _this.localization = localization;
-        _this.data = [];
-        return _this;
-    }
-    FontFamilyDialogComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        Promise.resolve(null).then(function () {
-            _this.fontFamilyDropDownList.dropDownList.focus();
-        });
-    };
-    FontFamilyDialogComponent.prototype.onCancelAction = function () {
-        this.dialog.close();
-    };
-    FontFamilyDialogComponent.prototype.onConfirmAction = function () {
-        if (this.value) {
-            this.editor.exec('fontFamily', this.value);
-        }
-        this.dialog.close();
-    };
-    FontFamilyDialogComponent.prototype.setData = function (args) {
-        this.editor = args.editor;
-        this.data = args.data;
-        this.defaultItem = args.defaultItem;
-        this.value = args.value;
-        this.itemDisabled = args.itemDisabled;
-    };
-    FontFamilyDialogComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", EditorComponent)
-    ], FontFamilyDialogComponent.prototype, "editor", void 0);
-    tslib_1.__decorate([
-        ViewChild('fontFamilyDropDownList', { read: FontFamilyDropDownListComponent, static: true }),
-        tslib_1.__metadata("design:type", FontFamilyDropDownListComponent)
-    ], FontFamilyDialogComponent.prototype, "fontFamilyDropDownList", void 0);
-    FontFamilyDialogComponent = tslib_1.__decorate([
-        Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('fontFamily') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-editor-fontfamily-dropdownlist\n                        #fontFamilyDropDownList\n                        [defaultItem]=\"defaultItem\"\n                        [data]=\"data\"\n                        [(value)]=\"value\"\n                        [itemDisabled]=\"itemDisabled\"\n                    >\n                    </kendo-editor-fontfamily-dropdownlist>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DialogRef,
-            EditorLocalizationService])
-    ], FontFamilyDialogComponent);
-    return FontFamilyDialogComponent;
-}(DialogContentBase));
-export { FontFamilyDialogComponent };

package/dist/es/dialogs/font-size-dialog.component.js

@@ -1,65 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild } from '@angular/core';
-import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-import { EditorComponent } from '../editor.component';
-import { FontSizeDropDownListComponent } from '../tools/fontsize/editor-fontsize-dropdownlist.component';
-/**
- * @hidden
- */
-var FontSizeDialogComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(FontSizeDialogComponent, _super);
-    function FontSizeDialogComponent(dialog, localization) {
-        var _this = _super.call(this, dialog) || this;
-        _this.dialog = dialog;
-        _this.localization = localization;
-        _this.data = [];
-        return _this;
-    }
-    FontSizeDialogComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        Promise.resolve(null).then(function () {
-            _this.fontSizeDropDownList.dropDownList.focus();
-        });
-    };
-    FontSizeDialogComponent.prototype.onCancelAction = function () {
-        this.dialog.close();
-    };
-    FontSizeDialogComponent.prototype.onConfirmAction = function () {
-        if (this.value) {
-            this.editor.exec('fontSize', this.value);
-        }
-        this.dialog.close();
-    };
-    FontSizeDialogComponent.prototype.setData = function (args) {
-        this.editor = args.editor;
-        this.data = args.data;
-        this.defaultItem = args.defaultItem;
-        this.value = args.value;
-        this.itemDisabled = args.itemDisabled;
-    };
-    FontSizeDialogComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", EditorComponent)
-    ], FontSizeDialogComponent.prototype, "editor", void 0);
-    tslib_1.__decorate([
-        ViewChild('fontSizeDropDownList', { read: FontSizeDropDownListComponent, static: true }),
-        tslib_1.__metadata("design:type", FontSizeDropDownListComponent)
-    ], FontSizeDialogComponent.prototype, "fontSizeDropDownList", void 0);
-    FontSizeDialogComponent = tslib_1.__decorate([
-        Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('fontSize') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-editor-fontsize-dropdownlist\n                        #fontSizeDropDownList\n                        [defaultItem]=\"defaultItem\"\n                        [data]=\"data\"\n                        [(value)]=\"value\"\n                        [itemDisabled]=\"itemDisabled\"\n                    >\n                    </kendo-editor-fontsize-dropdownlist>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DialogRef,
-            EditorLocalizationService])
-    ], FontSizeDialogComponent);
-    return FontSizeDialogComponent;
-}(DialogContentBase));
-export { FontSizeDialogComponent };

package/dist/es/dialogs/format-dialog.component.js

@@ -1,65 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild } from '@angular/core';
-import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-import { EditorComponent } from '../editor.component';
-import { FormatDropDownListComponent } from '../tools/format/editor-format-dropdownlist.component';
-/**
- * @hidden
- */
-var FormatDialogComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(FormatDialogComponent, _super);
-    function FormatDialogComponent(dialog, localization) {
-        var _this = _super.call(this, dialog) || this;
-        _this.dialog = dialog;
-        _this.localization = localization;
-        _this.data = [];
-        return _this;
-    }
-    FormatDialogComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        Promise.resolve(null).then(function () {
-            _this.formatDropDownList.dropDownList.focus();
-        });
-    };
-    FormatDialogComponent.prototype.onCancelAction = function () {
-        this.dialog.close();
-    };
-    FormatDialogComponent.prototype.onConfirmAction = function () {
-        if (this.value) {
-            this.editor.exec('format', { tag: this.value });
-        }
-        this.dialog.close();
-    };
-    FormatDialogComponent.prototype.setData = function (args) {
-        this.editor = args.editor;
-        this.data = args.data;
-        this.defaultItem = args.defaultItem;
-        this.value = args.value;
-        this.itemDisabled = args.itemDisabled;
-    };
-    FormatDialogComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", EditorComponent)
-    ], FormatDialogComponent.prototype, "editor", void 0);
-    tslib_1.__decorate([
-        ViewChild('formatDropDownList', { read: FormatDropDownListComponent, static: true }),
-        tslib_1.__metadata("design:type", FormatDropDownListComponent)
-    ], FormatDialogComponent.prototype, "formatDropDownList", void 0);
-    FormatDialogComponent = tslib_1.__decorate([
-        Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('format') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\" style=\"text-align: center;\">\n                    <kendo-editor-format-dropdownlist\n                        #formatDropDownList\n                        [defaultItem]=\"defaultItem\"\n                        [data]=\"data\"\n                        [(value)]=\"value\"\n                        [itemDisabled]=\"itemDisabled\"\n                    >\n                    </kendo-editor-format-dropdownlist>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogApply') }}</button>\n        </kendo-dialog-actions>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DialogRef,
-            EditorLocalizationService])
-    ], FormatDialogComponent);
-    return FormatDialogComponent;
-}(DialogContentBase));
-export { FormatDialogComponent };

package/dist/es/dialogs/image-dialog.component.js

@@ -1,102 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild, ElementRef } from '@angular/core';
-import { FormControl, FormGroup, Validators } from '@angular/forms';
-import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
-import { getNodeFromSelection } from '@progress/kendo-editor-common';
-import { safeString } from '../util';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-import { guid } from '@progress/kendo-angular-common';
-/**
- * @hidden
- */
-var ImageDialogComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ImageDialogComponent, _super);
-    function ImageDialogComponent(dialog, localization) {
-        var _this = _super.call(this, dialog) || this;
-        _this.dialog = dialog;
-        _this.localization = localization;
-        _this.src = new FormControl('', Validators.required);
-        _this.alt = new FormControl('');
-        _this.width = new FormControl('', Validators.min(1));
-        _this.height = new FormControl('', Validators.min(1));
-        _this.data = {
-            alt: '',
-            height: '',
-            src: '',
-            width: ''
-        };
-        _this.imageData = new FormGroup({
-            alt: _this.alt,
-            height: _this.height,
-            src: _this.src,
-            width: _this.width
-        });
-        return _this;
-    }
-    ImageDialogComponent.prototype.ngOnInit = function () {
-        this.srcInputId = "k-" + guid();
-        this.altTextInputId = "k-" + guid();
-        this.widthInputId = "k-" + guid();
-        this.heightInputId = "k-" + guid();
-    };
-    ImageDialogComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        Promise.resolve(null).then(function () {
-            _this.srcInput.nativeElement.focus();
-        });
-    };
-    ImageDialogComponent.prototype.onCancelAction = function () {
-        this.dialog.close();
-    };
-    ImageDialogComponent.prototype.onConfirmAction = function () {
-        if (this.src.value) {
-            this.editor.exec('insertImage', this.getData());
-            this.dialog.close();
-            this.editor.view.focus();
-        }
-    };
-    ImageDialogComponent.prototype.setData = function (state) {
-        var node = getNodeFromSelection(state);
-        if (node) {
-            this.src.patchValue(node.attrs.src);
-            this.alt.patchValue(node.attrs.alt);
-            this.width.patchValue(node.attrs.width);
-            this.height.patchValue(node.attrs.height);
-        }
-    };
-    ImageDialogComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    ImageDialogComponent.prototype.getData = function () {
-        return {
-            alt: this.alt.value,
-            height: this.normalizeDimension(this.height.value),
-            src: this.src.value,
-            width: this.normalizeDimension(this.width.value)
-        };
-    };
-    ImageDialogComponent.prototype.normalizeDimension = function (value) {
-        return Number.isNaN(parseInt(value, 10)) || parseInt(value, 10) <= 0 ? '' : safeString(parseInt(value, 10));
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ImageDialogComponent.prototype, "editor", void 0);
-    tslib_1.__decorate([
-        ViewChild('srcInput', { read: ElementRef, static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], ImageDialogComponent.prototype, "srcInput", void 0);
-    ImageDialogComponent = tslib_1.__decorate([
-        Component({
-            template: "\n        <kendo-dialog-titlebar (close)=\"onCancelAction()\">\n            {{ textFor('insertImage') }}\n        </kendo-dialog-titlebar>\n        <div class=\"k-editor-dialog\">\n            <div class=\"k-editor-dialog k-popup-edit-form k-window-content k-content\">\n                <div class=\"k-edit-form-container k-window-content\">\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"srcInputId\">{{ textFor('imageWebAddress') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"srcInputId\" #srcInput [formControl]=\"src\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"altTextInputId\">{{ textFor('imageAltText') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"altTextInputId\" [formControl]=\"alt\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"widthInputId\">{{ textFor('imageWidth') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"widthInputId\" [formControl]=\"width\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                    <div class=\"k-edit-label\">\n                        <label [for]=\"heightInputId\">{{ textFor('imageHeight') }}</label>\n                    </div>\n                    <div class=\"k-edit-field\">\n                        <input [id]=\"heightInputId\" [formControl]=\"height\" type=\"text\" class=\"k-textbox k-input k-rounded-md\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"onCancelAction()\">{{ textFor('dialogCancel') }}</button>\n            <button kendoButton [disabled]=\"imageData.invalid\"\n                    (click)=\"onConfirmAction()\" [primary]=\"true\">{{ textFor('dialogInsert') }}</button>\n        </kendo-dialog-actions>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DialogRef,
-            EditorLocalizationService])
-    ], ImageDialogComponent);
-    return ImageDialogComponent;
-}(DialogContentBase));
-export { ImageDialogComponent };