@progress/kendo-angular-editor 3.1.2 → 4.0.0-next.202203161118

package/esm2015/tools/format/editor-format-dropdownlist.component.js

@@ -0,0 +1,160 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dropdowns";
+import * as i2 from "../shared/dropdown-tool.directive";
+import * as i3 from "@angular/common";
+/**
+ * @hidden
+ */
+export class FormatDropDownListComponent {
+    constructor() {
+        this.valueChange = new EventEmitter();
+    }
+    onValueChange(tag) {
+        this.valueChange.emit(tag);
+    }
+    focus() {
+        this.dropDownList.focus();
+    }
+}
+FormatDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FormatDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormatDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
+        <kendo-dropdownlist
+            #element
+            kendoEditorDropDownTool
+            [defaultItem]="defaultItem"
+            [textField]="'text'"
+            [valueField]="'tag'"
+            [data]="data"
+            [(value)]="value"
+            [valuePrimitive]="true"
+            [itemDisabled]="itemDisabled"
+            [attr.title]="title"
+            [disabled]="disabled"
+            [tabindex]="tabindex"
+            (valueChange)="onValueChange($event)"
+        >
+            <ng-template kendoDropDownListItemTemplate let-dataItem>
+                <ng-container [ngSwitch]="dataItem.tag">
+                    <span *ngSwitchCase="'h1'" style="display: block; font-size: 2em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h2'" style="display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h3'" style="display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h4'" style="display: block; font-size: 1em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h5'" style="display: block; font-size: .83em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h6'" style="display: block; font-size: .67em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'p'" style="display: block; margin-left: 0;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchDefault>{{ dataItem.text }}</span>
+                </ng-container>
+            </ng-template>
+        </kendo-dropdownlist>
+    `, isInline: true, styles: ["\n        .k-dropdownlist {\n            width: 13em;\n        }\n    "], components: [{ type: i1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i2.DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FormatDropDownListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-editor-format-dropdownlist',
+                    template: `
+        <kendo-dropdownlist
+            #element
+            kendoEditorDropDownTool
+            [defaultItem]="defaultItem"
+            [textField]="'text'"
+            [valueField]="'tag'"
+            [data]="data"
+            [(value)]="value"
+            [valuePrimitive]="true"
+            [itemDisabled]="itemDisabled"
+            [attr.title]="title"
+            [disabled]="disabled"
+            [tabindex]="tabindex"
+            (valueChange)="onValueChange($event)"
+        >
+            <ng-template kendoDropDownListItemTemplate let-dataItem>
+                <ng-container [ngSwitch]="dataItem.tag">
+                    <span *ngSwitchCase="'h1'" style="display: block; font-size: 2em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h2'" style="display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h3'" style="display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h4'" style="display: block; font-size: 1em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h5'" style="display: block; font-size: .83em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'h6'" style="display: block; font-size: .67em; margin-left: 0; font-weight: bold;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchCase="'p'" style="display: block; margin-left: 0;">
+                        {{ dataItem.text }}
+                    </span>
+
+                    <span *ngSwitchDefault>{{ dataItem.text }}</span>
+                </ng-container>
+            </ng-template>
+        </kendo-dropdownlist>
+    `,
+                    styles: [`
+        .k-dropdownlist {
+            width: 13em;
+        }
+    `]
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], defaultItem: [{
+                type: Input
+            }], itemDisabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], element: [{
+                type: ViewChild,
+                args: ['element', { static: true }]
+            }], dropDownList: [{
+                type: ViewChild,
+                args: ['element', { read: DropDownListComponent, static: true }]
+            }] } });

package/{dist/es2015 → esm2015}/tools/format/editor-format.component.js

@@ -2,17 +2,17 @@
 * 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";
-var EditorFormatComponent_1;
-import { Component, TemplateRef, ViewChild, Input, forwardRef, Output, Host, EventEmitter, ElementRef } from '@angular/core';
+import { Component, ViewChild, Input, forwardRef, Output, EventEmitter } from '@angular/core';
 import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { DialogService } from '@progress/kendo-angular-dialog';
 import { outerWidth, isPresent } from '../../util';
-import { EditorComponent } from '../../editor.component';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
 import { FormatDialogComponent } from '../../dialogs/format-dialog.component';
-import { FormatDropDownListComponent } from './editor-format-dropdownlist.component';
-import { EditorToolsService } from '../tools.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dialog";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../tools.service";
+import * as i5 from "./editor-format-dropdownlist.component";
+import * as i6 from "@progress/kendo-angular-buttons";
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -24,10 +24,9 @@ import { EditorToolsService } from '../tools.service';
  * <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
  * ```
  */
-let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization, toolsService) {
+export class EditorFormatComponent extends ToolBarToolComponent {
+    constructor(dialogService, localization, providerService, toolsService) {
         super();
-        this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
         this.toolsService = toolsService;
@@ -46,6 +45,7 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
             { text: 'Heading 5', tag: 'h5' },
             { text: 'Heading 6', tag: 'h6' }
         ];
+        this.editor = providerService.editor;
     }
     /**
      * Overrides the default format items list.
@@ -142,38 +142,46 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
         this.tabindex = -1;
         return false;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], EditorFormatComponent.prototype, "data", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], EditorFormatComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    ViewChild('toolbarTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], EditorFormatComponent.prototype, "toolbarTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('popupTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], EditorFormatComponent.prototype, "popupTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('formatDropDownList', { static: false }),
-    tslib_1.__metadata("design:type", FormatDropDownListComponent)
-], EditorFormatComponent.prototype, "formatDropDownList", void 0);
-tslib_1.__decorate([
-    ViewChild('formatButton', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], EditorFormatComponent.prototype, "formatButton", void 0);
-EditorFormatComponent = EditorFormatComponent_1 = tslib_1.__decorate([
-    Component({
-        // tslint:disable-next-line:no-forward-ref
-        providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent_1) }],
-        selector: 'kendo-toolbar-dropdownlist[kendoEditorFormat]',
-        template: `
+}
+EditorFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Component });
+EditorFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditorFormatComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <kendo-editor-format-dropdownlist
+                #formatDropDownList
+                [defaultItem]="defaultItem"
+                [data]="data"
+                [(value)]="value"
+                [itemDisabled]="itemDisabled"
+                [title]="title"
+                [disabled]="disabled"
+                [tabindex]="tabindex"
+                (valueChange)="onValueChange($event)"
+            >
+            </kendo-editor-format-dropdownlist>
+        </ng-template>
+        <ng-template #popupTemplate>
+            <button
+                #formatButton
+                [tabindex]="tabindex"
+                type="button"
+                kendoButton
+                class="k-overflow-button"
+                [icon]="'apply-format'"
+                [attr.title]="title"
+                [disabled]="disabled"
+                [tabindex]="tabindex"
+                (click)="openDialog()"
+            >
+                {{ title }}
+            </button>
+        </ng-template>
+    `, isInline: true, components: [{ type: i5.FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }], directives: [{ type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorFormatComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }],
+                    selector: 'kendo-toolbar-dropdownlist[kendoEditorFormat]',
+                    template: `
         <ng-template #toolbarTemplate>
             <kendo-editor-format-dropdownlist
                 #formatDropDownList
@@ -205,11 +213,21 @@ EditorFormatComponent = EditorFormatComponent_1 = tslib_1.__decorate([
             </button>
         </ng-template>
     `
-    }),
-    tslib_1.__param(0, Host()),
-    tslib_1.__metadata("design:paramtypes", [EditorComponent,
-        DialogService,
-        EditorLocalizationService,
-        EditorToolsService])
-], EditorFormatComponent);
-export { EditorFormatComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; }, propDecorators: { data: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], toolbarTemplate: [{
+                type: ViewChild,
+                args: ['toolbarTemplate', { static: true }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: true }]
+            }], formatDropDownList: [{
+                type: ViewChild,
+                args: ['formatDropDownList', { static: false }]
+            }], formatButton: [{
+                type: ViewChild,
+                args: ['formatButton', { static: false }]
+            }] } });

package/esm2015/tools/history/editor-redo-button.directive.js

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../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>
+ * ```
+ */
+export class EditorRedoButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('redo', button, localization, providerService, toolsService);
+    }
+}
+EditorRedoButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorRedoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorRedoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorRedoButtonDirective, selector: "kendo-toolbar-button[kendoEditorRedoButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorRedoButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorRedoButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/history/editor-undo-button.directive.js

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../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>
+ * ```
+ */
+export class EditorUndoButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('undo', button, localization, providerService, toolsService);
+    }
+}
+EditorUndoButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorUndoButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorUndoButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorUndoButtonDirective, selector: "kendo-toolbar-button[kendoEditorUndoButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorUndoButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorUndoButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/image/editor-insert-image-button.directive.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { EditorCommandDialog } from '../shared/editor-command-dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../tools.service";
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor InsertImage tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorInsertImageButton></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 kendoEditorInsertImageButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorInsertImageButtonDirective extends EditorCommandDialog {
+    constructor(button, localization, providerService, toolsService) {
+        super('insertImage', button, localization, providerService, toolsService);
+    }
+}
+EditorInsertImageButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorInsertImageButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorInsertImageButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorInsertImageButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorInsertImageButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorInsertImageButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/indentation/editor-indent-button.directive.js

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../tools.service";
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Indent 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 kendoEditorIndentButton></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 kendoEditorIndentButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorIndentButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('indent', button, localization, providerService, toolsService);
+    }
+}
+EditorIndentButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorIndentButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorIndentButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorIndentButtonDirective, selector: "kendo-toolbar-button[kendoEditorIndentButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorIndentButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorIndentButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/indentation/editor-outdent-button.directive.js

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../tools.service";
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Outdent 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 kendoEditorOutdentButton></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 kendoEditorOutdentButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorOutdentButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('outdent', button, localization, providerService, toolsService);
+    }
+}
+EditorOutdentButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorOutdentButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorOutdentButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorOutdentButtonDirective, selector: "kendo-toolbar-button[kendoEditorOutdentButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorOutdentButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorOutdentButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/link/editor-create-link-button.directive.js

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { EditorCommandDialog } from '../shared/editor-command-dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../tools.service";
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor CreateLink 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 kendoEditorCreateLinkButton></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 kendoEditorCreateLinkButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorCreateLinkButtonDirective extends EditorCommandDialog {
+    constructor(button, localization, providerService, toolsService) {
+        super('createLink', button, localization, providerService, toolsService);
+    }
+}
+EditorCreateLinkButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorCreateLinkButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorCreateLinkButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorCreateLinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorCreateLinkButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorCreateLinkButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/link/editor-insert-file-button.directive.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from "@angular/core";
+import { EditorCommandDialog } from '../shared/editor-command-dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../tools.service";
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor 'Insert File' tool
+ * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
+ * The directive will predefine the `icon` and `click` event handlers of the button.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
+ * ```
+ */
+export class EditorInsertFileButtonDirective extends EditorCommandDialog {
+    constructor(button, localization, providerService, toolsService) {
+        super('insertFile', button, localization, providerService, toolsService);
+    }
+}
+EditorInsertFileButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorInsertFileButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorInsertFileButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorInsertFileButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertFileButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorInsertFileButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorInsertFileButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });