@progress/kendo-angular-editor 3.1.2 → 4.0.0-dev.202204140850

package/dist/npm/tools/fontsize/editor-fontsize-dropdownlist.component.js

@@ -1,73 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_dropdowns_1 = require("@progress/kendo-angular-dropdowns");
-/**
- * @hidden
- */
-var FontSizeDropDownListComponent = /** @class */ (function () {
-    function FontSizeDropDownListComponent() {
-        this.valueChange = new core_1.EventEmitter();
-    }
-    FontSizeDropDownListComponent.prototype.onValueChange = function (size) {
-        this.valueChange.emit(size);
-    };
-    FontSizeDropDownListComponent.prototype.focus = function () {
-        this.dropDownList.focus();
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], FontSizeDropDownListComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FontSizeDropDownListComponent.prototype, "value", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FontSizeDropDownListComponent.prototype, "defaultItem", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], FontSizeDropDownListComponent.prototype, "itemDisabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FontSizeDropDownListComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], FontSizeDropDownListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], FontSizeDropDownListComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FontSizeDropDownListComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('element', { static: true }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], FontSizeDropDownListComponent.prototype, "element", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('element', { read: kendo_angular_dropdowns_1.DropDownListComponent, static: true }),
-        tslib_1.__metadata("design:type", kendo_angular_dropdowns_1.DropDownListComponent)
-    ], FontSizeDropDownListComponent.prototype, "dropDownList", void 0);
-    FontSizeDropDownListComponent = tslib_1.__decorate([
-        core_1.Component({
-            // tslint:disable-next-line:no-forward-ref
-            selector: 'kendo-editor-fontsize-dropdownlist',
-            template: "\n        <kendo-dropdownlist\n            #element\n            kendoEditorDropDownTool\n            [defaultItem]=\"defaultItem\"\n            [textField]=\"'text'\"\n            [valueField]=\"'size'\"\n            [data]=\"data\"\n            [(value)]=\"value\"\n            [valuePrimitive]=\"true\"\n            [itemDisabled]=\"itemDisabled\"\n            [attr.title]=\"title\"\n            [disabled]=\"disabled\"\n            [tabindex]=\"tabindex\"\n            (valueChange)=\"onValueChange($event)\"\n        >\n        </kendo-dropdownlist>\n    ",
-            styles: ["\n        .k-dropdownlist {\n            width: 13em;\n        }\n    "]
-        })
-    ], FontSizeDropDownListComponent);
-    return FontSizeDropDownListComponent;
-}());
-exports.FontSizeDropDownListComponent = FontSizeDropDownListComponent;

package/dist/npm/tools/fontsize/editor-fontsize.component.js

@@ -1,208 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
-var util_1 = require("../../util");
-var editor_component_1 = require("../../editor.component");
-var editor_localization_service_1 = require("../../localization/editor-localization.service");
-var kendo_angular_dialog_1 = require("@progress/kendo-angular-dialog");
-var font_size_dialog_component_1 = require("../../dialogs/font-size-dialog.component");
-var editor_fontsize_dropdownlist_component_1 = require("./editor-fontsize-dropdownlist.component");
-var tools_service_1 = require("../tools.service");
-/**
- * A component which configures an existing `DropDownListComponent` as an Editor tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The component associates a `kendo-dropdownlist` with an Editor command that changes the font size of a content block and
- * automatically defines the options of the drop-down list and sets its values.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
- * ```
- */
-var EditorFontSizeComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(EditorFontSizeComponent, _super);
-    function EditorFontSizeComponent(editor, dialogService, localization, toolsService) {
-        var _this = _super.call(this) || this;
-        _this.editor = editor;
-        _this.dialogService = dialogService;
-        _this.localization = localization;
-        _this.toolsService = toolsService;
-        _this.disabled = false;
-        _this.tabindex = -1;
-        /**
-         * Fires when the user updates the value of the drop-down list.
-         */
-        _this.valueChange = new core_1.EventEmitter();
-        _this._data = [
-            { text: '8px', size: 8 },
-            { text: '10px', size: 10 },
-            { text: '12px', size: 12 },
-            { text: '14px', size: 14 },
-            { text: '18px', size: 18 },
-            { text: '24px', size: 24 },
-            { text: '36px', size: 36 }
-        ];
-        return _this;
-    }
-    EditorFontSizeComponent_1 = EditorFontSizeComponent;
-    Object.defineProperty(EditorFontSizeComponent.prototype, "data", {
-        get: function () {
-            return this._data;
-        },
-        /**
-         * Overrides the default font size list.
-         */
-        set: function (sizes) {
-            this._data = sizes || this._data;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditorFontSizeComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.itemDisabled = function (itemArgs) {
-            if (!_this.overflows && _this.fontSizeDropDownList && !_this.fontSizeDropDownList.dropDownList.isOpen) {
-                return true; //disable all items in order to prevent navigation when DDL is closed
-            }
-            else {
-                return itemArgs.dataItem.size === null;
-            }
-        };
-        setTimeout(function () {
-            _this.defaultItem = { text: _this.title, size: null };
-            _this.toolsService.needsCheck.next();
-        });
-        this.subs = this.editor.stateChange.subscribe(function (_a) {
-            // remove units(px, em, rem...)
-            // string#match returns array
-            var style = _a.style;
-            _this.value = (util_1.getUniqueStyleValues(style.selected, 'font-size').match(/\d+/g) || [null])[0];
-            _this.disabled = style.disabled;
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.onValueChange = function (ev) {
-        if (util_1.isPresent(ev)) {
-            this.editor.exec('fontSize', ev);
-            this.editor.view.focus();
-            this.valueChange.emit(this.data.find(function (d) { return d.size === parseInt(ev, 10); }));
-        }
-    };
-    EditorFontSizeComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    };
-    Object.defineProperty(EditorFontSizeComponent.prototype, "outerWidth", {
-        get: function () {
-            if (this.element) {
-                return util_1.outerWidth(this.element.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditorFontSizeComponent.prototype, "title", {
-        get: function () {
-            return this.localization.get('fontSize');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.openDialog = function () {
-        var dialogSettings = {
-            appendTo: this.editor.dialogContainer,
-            content: font_size_dialog_component_1.FontSizeDialogComponent
-        };
-        this.editor.toolbar.toggle(false);
-        var dialogContent = this.dialogService.open(dialogSettings).content.instance;
-        dialogContent.setData({
-            editor: this.editor,
-            data: this.data,
-            defaultItem: this.defaultItem,
-            value: this.value,
-            itemDisabled: this.itemDisabled
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.canFocus = function () {
-        return !this.disabled;
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.focus = function () {
-        this.tabindex = 0;
-        if (this.overflows) {
-            this.fontSizeButton.nativeElement.focus();
-        }
-        else {
-            this.fontSizeDropDownList.focus();
-        }
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.handleKey = function () {
-        this.tabindex = -1;
-        return false;
-    };
-    var EditorFontSizeComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], EditorFontSizeComponent.prototype, "data", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], EditorFontSizeComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], EditorFontSizeComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], EditorFontSizeComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('element', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], EditorFontSizeComponent.prototype, "element", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('element', { read: editor_fontsize_dropdownlist_component_1.FontSizeDropDownListComponent, static: false }),
-        tslib_1.__metadata("design:type", editor_fontsize_dropdownlist_component_1.FontSizeDropDownListComponent)
-    ], EditorFontSizeComponent.prototype, "fontSizeDropDownList", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('fontSizeButton', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], EditorFontSizeComponent.prototype, "fontSizeButton", void 0);
-    EditorFontSizeComponent = EditorFontSizeComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            // tslint:disable-next-line:no-forward-ref
-            providers: [{ provide: kendo_angular_toolbar_1.ToolBarToolComponent, useExisting: core_1.forwardRef(function () { return EditorFontSizeComponent_1; }) }],
-            selector: 'kendo-toolbar-dropdownlist[kendoEditorFontSize]',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-editor-fontsize-dropdownlist\n                #element\n                [defaultItem]=\"defaultItem\"\n                [data]=\"data\"\n                [(value)]=\"value\"\n                [itemDisabled]=\"itemDisabled\"\n                [title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"onValueChange($event)\"\n            >\n            </kendo-editor-fontsize-dropdownlist>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                #fontSizeButton\n                class=\"k-overflow-button\"\n                [icon]=\"'font-size'\"\n                [attr.title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (click)=\"openDialog()\"\n            >\n                {{ title }}\n            </button>\n        </ng-template>\n    "
-        }),
-        tslib_1.__param(0, core_1.Host()),
-        tslib_1.__metadata("design:paramtypes", [editor_component_1.EditorComponent,
-            kendo_angular_dialog_1.DialogService,
-            editor_localization_service_1.EditorLocalizationService,
-            tools_service_1.EditorToolsService])
-    ], EditorFontSizeComponent);
-    return EditorFontSizeComponent;
-}(kendo_angular_toolbar_1.ToolBarToolComponent));
-exports.EditorFontSizeComponent = EditorFontSizeComponent;

package/dist/npm/tools/format/editor-format-dropdownlist.component.js

@@ -1,73 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_dropdowns_1 = require("@progress/kendo-angular-dropdowns");
-/**
- * @hidden
- */
-var FormatDropDownListComponent = /** @class */ (function () {
-    function FormatDropDownListComponent() {
-        this.valueChange = new core_1.EventEmitter();
-    }
-    FormatDropDownListComponent.prototype.onValueChange = function (tag) {
-        this.valueChange.emit(tag);
-    };
-    FormatDropDownListComponent.prototype.focus = function () {
-        this.dropDownList.focus();
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], FormatDropDownListComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FormatDropDownListComponent.prototype, "value", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FormatDropDownListComponent.prototype, "defaultItem", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], FormatDropDownListComponent.prototype, "itemDisabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FormatDropDownListComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], FormatDropDownListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], FormatDropDownListComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FormatDropDownListComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('element', { static: true }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], FormatDropDownListComponent.prototype, "element", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('element', { read: kendo_angular_dropdowns_1.DropDownListComponent, static: true }),
-        tslib_1.__metadata("design:type", kendo_angular_dropdowns_1.DropDownListComponent)
-    ], FormatDropDownListComponent.prototype, "dropDownList", void 0);
-    FormatDropDownListComponent = tslib_1.__decorate([
-        core_1.Component({
-            // tslint:disable-next-line:no-forward-ref
-            selector: 'kendo-editor-format-dropdownlist',
-            template: "\n        <kendo-dropdownlist\n            #element\n            kendoEditorDropDownTool\n            [defaultItem]=\"defaultItem\"\n            [textField]=\"'text'\"\n            [valueField]=\"'tag'\"\n            [data]=\"data\"\n            [(value)]=\"value\"\n            [valuePrimitive]=\"true\"\n            [itemDisabled]=\"itemDisabled\"\n            [attr.title]=\"title\"\n            [disabled]=\"disabled\"\n            [tabindex]=\"tabindex\"\n            (valueChange)=\"onValueChange($event)\"\n        >\n            <ng-template kendoDropDownListItemTemplate let-dataItem>\n                <ng-container [ngSwitch]=\"dataItem.tag\">\n                    <span *ngSwitchCase=\"'h1'\" style=\"display: block; font-size: 2em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h2'\" style=\"display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h3'\" style=\"display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h4'\" style=\"display: block; font-size: 1em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h5'\" style=\"display: block; font-size: .83em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h6'\" style=\"display: block; font-size: .67em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'p'\" style=\"display: block; margin-left: 0;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchDefault>{{ dataItem.text }}</span>\n                </ng-container>\n            </ng-template>\n        </kendo-dropdownlist>\n    ",
-            styles: ["\n        .k-dropdownlist {\n            width: 13em;\n        }\n    "]
-        })
-    ], FormatDropDownListComponent);
-    return FormatDropDownListComponent;
-}());
-exports.FormatDropDownListComponent = FormatDropDownListComponent;

package/dist/npm/tools/format/editor-format.component.js

@@ -1,204 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
-var kendo_angular_dialog_1 = require("@progress/kendo-angular-dialog");
-var util_1 = require("../../util");
-var editor_component_1 = require("../../editor.component");
-var editor_localization_service_1 = require("../../localization/editor-localization.service");
-var format_dialog_component_1 = require("../../dialogs/format-dialog.component");
-var editor_format_dropdownlist_component_1 = require("./editor-format-dropdownlist.component");
-var tools_service_1 = require("../tools.service");
-/**
- * A component which configures an existing `DropDownListComponent` as an Editor tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The component associates a `kendo-dropdownlist` with an Editor command that changes the format of a content block and
- * automatically defines the options of the drop-down list and sets its values.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
- * ```
- */
-var EditorFormatComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(EditorFormatComponent, _super);
-    function EditorFormatComponent(editor, dialogService, localization, toolsService) {
-        var _this = _super.call(this) || this;
-        _this.editor = editor;
-        _this.dialogService = dialogService;
-        _this.localization = localization;
-        _this.toolsService = toolsService;
-        _this.disabled = false;
-        _this.tabindex = -1;
-        /**
-         * Fires when the user updates the value of the drop-down list.
-         */
-        _this.valueChange = new core_1.EventEmitter();
-        _this._data = [
-            { text: 'Paragraph', tag: 'p' },
-            { text: 'Heading 1', tag: 'h1' },
-            { text: 'Heading 2', tag: 'h2' },
-            { text: 'Heading 3', tag: 'h3' },
-            { text: 'Heading 4', tag: 'h4' },
-            { text: 'Heading 5', tag: 'h5' },
-            { text: 'Heading 6', tag: 'h6' }
-        ];
-        return _this;
-    }
-    EditorFormatComponent_1 = EditorFormatComponent;
-    Object.defineProperty(EditorFormatComponent.prototype, "data", {
-        get: function () {
-            return this._data;
-        },
-        /**
-         * Overrides the default format items list.
-         */
-        set: function (formatItems) {
-            this._data = formatItems || this._data;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditorFormatComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.itemDisabled = function (itemArgs) {
-            if (!_this.overflows && _this.formatDropDownList && !_this.formatDropDownList.dropDownList.isOpen) {
-                return true; //disable all items in order to prevent navigation when DDL is closed
-            }
-            else {
-                return itemArgs.dataItem.tag === null;
-            }
-        };
-        setTimeout(function () {
-            _this.defaultItem = { text: _this.title, tag: null };
-            _this.toolsService.needsCheck.next();
-        });
-        this.subs = this.editor.stateChange.subscribe(function (_a) {
-            var format = _a.format;
-            var index = _this.data.findIndex(function (item) { return item.tag === format.selected.tag; });
-            _this.value = index !== -1 ? format.selected.tag : null;
-            _this.disabled = format.disabled;
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFormatComponent.prototype.onValueChange = function (ev) {
-        if (util_1.isPresent(ev)) {
-            this.editor.exec('format', { tag: ev });
-            this.editor.view.focus();
-            this.valueChange.emit(this.data.find(function (d) { return d.tag === ev; }));
-        }
-    };
-    EditorFormatComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    };
-    Object.defineProperty(EditorFormatComponent.prototype, "outerWidth", {
-        get: function () {
-            var element = this.formatDropDownList.element;
-            if (element) {
-                return util_1.outerWidth(element.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditorFormatComponent.prototype, "title", {
-        get: function () {
-            return this.localization.get('format');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    EditorFormatComponent.prototype.openDialog = function () {
-        var dialogSettings = {
-            appendTo: this.editor.dialogContainer,
-            content: format_dialog_component_1.FormatDialogComponent
-        };
-        this.editor.toolbar.toggle(false);
-        var dialogContent = this.dialogService.open(dialogSettings).content.instance;
-        dialogContent.setData({
-            editor: this.editor,
-            data: this.data,
-            defaultItem: this.defaultItem,
-            value: this.value,
-            itemDisabled: this.itemDisabled
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFormatComponent.prototype.canFocus = function () {
-        return !this.disabled;
-    };
-    /**
-     * @hidden
-     */
-    EditorFormatComponent.prototype.focus = function () {
-        this.tabindex = 0;
-        if (this.overflows) {
-            this.formatButton.nativeElement.focus();
-        }
-        else {
-            this.formatDropDownList.focus();
-        }
-    };
-    /**
-     * @hidden
-     */
-    EditorFormatComponent.prototype.handleKey = function () {
-        this.tabindex = -1;
-        return false;
-    };
-    var EditorFormatComponent_1;
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], EditorFormatComponent.prototype, "data", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], EditorFormatComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('toolbarTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], EditorFormatComponent.prototype, "toolbarTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('popupTemplate', { static: true }),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], EditorFormatComponent.prototype, "popupTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('formatDropDownList', { static: false }),
-        tslib_1.__metadata("design:type", editor_format_dropdownlist_component_1.FormatDropDownListComponent)
-    ], EditorFormatComponent.prototype, "formatDropDownList", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('formatButton', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], EditorFormatComponent.prototype, "formatButton", void 0);
-    EditorFormatComponent = EditorFormatComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            // tslint:disable-next-line:no-forward-ref
-            providers: [{ provide: kendo_angular_toolbar_1.ToolBarToolComponent, useExisting: core_1.forwardRef(function () { return EditorFormatComponent_1; }) }],
-            selector: 'kendo-toolbar-dropdownlist[kendoEditorFormat]',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-editor-format-dropdownlist\n                #formatDropDownList\n                [defaultItem]=\"defaultItem\"\n                [data]=\"data\"\n                [(value)]=\"value\"\n                [itemDisabled]=\"itemDisabled\"\n                [title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"onValueChange($event)\"\n            >\n            </kendo-editor-format-dropdownlist>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                #formatButton\n                [tabindex]=\"tabindex\"\n                type=\"button\"\n                kendoButton\n                class=\"k-overflow-button\"\n                [icon]=\"'apply-format'\"\n                [attr.title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (click)=\"openDialog()\"\n            >\n                {{ title }}\n            </button>\n        </ng-template>\n    "
-        }),
-        tslib_1.__param(0, core_1.Host()),
-        tslib_1.__metadata("design:paramtypes", [editor_component_1.EditorComponent,
-            kendo_angular_dialog_1.DialogService,
-            editor_localization_service_1.EditorLocalizationService,
-            tools_service_1.EditorToolsService])
-    ], EditorFormatComponent);
-    return EditorFormatComponent;
-}(kendo_angular_toolbar_1.ToolBarToolComponent));
-exports.EditorFormatComponent = EditorFormatComponent;

package/dist/npm/tools/history/editor-redo-button.directive.js

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
-var editor_component_1 = require("../../editor.component");
-var editor_command_button_1 = require("../shared/editor-command-button");
-var editor_localization_service_1 = require("../../localization/editor-localization.service");
-var tools_service_1 = require("../tools.service");
-/**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Redo tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
- * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
- * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-button kendoEditorRedoButton icon="blogger"></kendo-toolbar-button>
- * ```
- */
-var EditorRedoButtonDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(EditorRedoButtonDirective, _super);
-    function EditorRedoButtonDirective(button, editor, localization, toolsService) {
-        return _super.call(this, 'redo', button, editor, localization, toolsService) || this;
-    }
-    EditorRedoButtonDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: 'kendo-toolbar-button[kendoEditorRedoButton]'
-        }),
-        tslib_1.__param(1, core_1.Host()),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
-            editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService,
-            tools_service_1.EditorToolsService])
-    ], EditorRedoButtonDirective);
-    return EditorRedoButtonDirective;
-}(editor_command_button_1.EditorCommandButton));
-exports.EditorRedoButtonDirective = EditorRedoButtonDirective;

package/dist/npm/tools/history/editor-undo-button.directive.js

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_toolbar_1 = require("@progress/kendo-angular-toolbar");
-var editor_component_1 = require("../../editor.component");
-var editor_command_button_1 = require("../shared/editor-command-button");
-var editor_localization_service_1 = require("../../localization/editor-localization.service");
-var tools_service_1 = require("../tools.service");
-/**
- * A directive which configures an existing `ToolBarButtonComponent` as an Editor Undo tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The directive will predefine the `icon` and `click` event handlers of the button.
- * In addition, the directive updates the `disabled` state of the button according to the cursor position in the editing area.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
- * ```
- *
- * The following example demonstrates how to change the default icon that is applied by the directive.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-button kendoEditorUndoButton icon="blogger"></kendo-toolbar-button>
- * ```
- */
-var EditorUndoButtonDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(EditorUndoButtonDirective, _super);
-    function EditorUndoButtonDirective(button, editor, localization, toolsService) {
-        return _super.call(this, 'undo', button, editor, localization, toolsService) || this;
-    }
-    EditorUndoButtonDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: 'kendo-toolbar-button[kendoEditorUndoButton]'
-        }),
-        tslib_1.__param(1, core_1.Host()),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_toolbar_1.ToolBarButtonComponent,
-            editor_component_1.EditorComponent,
-            editor_localization_service_1.EditorLocalizationService,
-            tools_service_1.EditorToolsService])
-    ], EditorUndoButtonDirective);
-    return EditorUndoButtonDirective;
-}(editor_command_button_1.EditorCommandButton));
-exports.EditorUndoButtonDirective = EditorUndoButtonDirective;