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

package/esm2015/tools/tables/editor-delete-row-button.directive.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* 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 DeleteRow 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 kendoEditorDeleteRowButton></kendo-toolbar-button>
+ * ```
+ */
+export class EditorDeleteRowButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('deleteRow', button, localization, providerService, toolsService);
+    }
+}
+EditorDeleteRowButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorDeleteRowButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorDeleteRowButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteRowButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorDeleteRowButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorDeleteRowButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/tables/editor-delete-table-button.directive.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* 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 DeleteTable 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 kendoEditorDeleteTableButton></kendo-toolbar-button>
+ * ```
+ */
+export class EditorDeleteTableButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('deleteTable', button, localization, providerService, toolsService);
+    }
+}
+EditorDeleteTableButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorDeleteTableButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorDeleteTableButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorDeleteTableButtonDirective, selector: "kendo-toolbar-button[kendoEditorDeleteTableButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorDeleteTableButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorDeleteTableButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/{dist/es2015 → esm2015}/tools/tables/editor-insert-table-button.component.js

@@ -2,19 +2,20 @@
 * 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 EditorInsertTableButtonComponent_1;
-import { Component, TemplateRef, ViewChild, ElementRef, forwardRef, Host, EventEmitter } from '@angular/core';
+import { Component, ViewChild, forwardRef, EventEmitter } from '@angular/core';
 import { interval } from 'rxjs';
 import { concatMap, take, takeUntil } from 'rxjs/operators';
 import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { PopupService } from '@progress/kendo-angular-popup';
 import { outerWidth } from '../../util';
-import { EditorComponent } from '../../editor.component';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { DialogService } from '@progress/kendo-angular-dialog';
 import { InsertTableDialogComponent } from '../../dialogs/insert-table-dialog.component';
 import { Keys } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "../../localization/editor-localization.service";
+import * as i2 from "@progress/kendo-angular-popup";
+import * as i3 from "@progress/kendo-angular-dialog";
+import * as i4 from "../../common/provider.service";
+import * as i5 from "./popup-table-grid.component";
+import * as i6 from "@progress/kendo-angular-buttons";
 const popupWrapperWidth = '190px';
 const popupWrapperHeight = '164px'; // Set to '192px' when TableWizard button is added;
 /**
@@ -25,16 +26,16 @@ const popupWrapperHeight = '164px'; // Set to '192px' when TableWizard button is
  * <kendo-editor-insert-table-button></kendo-editor-insert-table-button>
  * ```
  */
-let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = class EditorInsertTableButtonComponent extends ToolBarToolComponent {
-    constructor(editor, localization, popupService, dialogService) {
+export class EditorInsertTableButtonComponent extends ToolBarToolComponent {
+    constructor(localization, popupService, dialogService, providerService) {
         super();
-        this.editor = editor;
         this.localization = localization;
         this.popupService = popupService;
         this.dialogService = dialogService;
         this.open = false;
         this.buttonBlurred = new EventEmitter();
         this.cellClicked = new EventEmitter();
+        this.editor = providerService.editor;
         this.subs = this.editor.stateChange.subscribe(({ insertTable }) => {
             this.disabled = insertTable.disabled;
         });
@@ -152,33 +153,44 @@ let EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = clas
     getButton() {
         return (this.overflows ? this.overflowElement : this.element).nativeElement;
     }
-};
-tslib_1.__decorate([
-    ViewChild('toolbarTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], EditorInsertTableButtonComponent.prototype, "toolbarTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('popupTemplate', { static: false }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], EditorInsertTableButtonComponent.prototype, "popupTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('element', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], EditorInsertTableButtonComponent.prototype, "element", void 0);
-tslib_1.__decorate([
-    ViewChild('overflowElement', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], EditorInsertTableButtonComponent.prototype, "overflowElement", void 0);
-tslib_1.__decorate([
-    ViewChild('popupGridTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], EditorInsertTableButtonComponent.prototype, "popupGridTemplate", void 0);
-EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = tslib_1.__decorate([
-    Component({
-        // tslint:disable-next-line:no-forward-ref
-        providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent_1) }],
-        selector: 'kendo-editor-insert-table-button',
-        template: `
+}
+EditorInsertTableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorInsertTableButtonComponent, deps: [{ token: i1.EditorLocalizationService }, { token: i2.PopupService }, { token: i3.DialogService }, { token: i4.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
+EditorInsertTableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditorInsertTableButtonComponent, selector: "kendo-editor-insert-table-button", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "overflowElement", first: true, predicate: ["overflowElement"], descendants: true }, { propertyName: "popupGridTemplate", first: true, predicate: ["popupGridTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <button
+                type="button"
+                kendoButton
+                #element
+                [attr.title]="title"
+                [attr.tabindex]="tabIndex"
+                [icon]="'table-insert'"
+                [disabled]="disabled"
+                (click)="toggle()"
+                (blur)="onBlur()"
+            ></button>
+        </ng-template>
+        <ng-template #popupTemplate>
+            <button
+                kendoButton
+                #overflowElement
+                [attr.title]="title"
+                [attr.tabindex]="tabIndex"
+                [icon]="'table-insert'"
+                [disabled]="disabled"
+                (click)="openDialog()">
+                {{ title }}
+            </button>
+        </ng-template>
+        <ng-template #popupGridTemplate>
+            <kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
+        </ng-template>
+    `, isInline: true, components: [{ type: i5.PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }], directives: [{ type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorInsertTableButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent) }],
+                    selector: 'kendo-editor-insert-table-button',
+                    template: `
         <ng-template #toolbarTemplate>
             <button
                 type="button"
@@ -208,11 +220,20 @@ EditorInsertTableButtonComponent = EditorInsertTableButtonComponent_1 = tslib_1.
             <kendo-popup-table-grid (cellClick)="onCellClick($event)" (tableWizardClick)="onTableWizardClick()"></kendo-popup-table-grid>
         </ng-template>
     `
-    }),
-    tslib_1.__param(0, Host()),
-    tslib_1.__metadata("design:paramtypes", [EditorComponent,
-        EditorLocalizationService,
-        PopupService,
-        DialogService])
-], EditorInsertTableButtonComponent);
-export { EditorInsertTableButtonComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditorLocalizationService }, { type: i2.PopupService }, { type: i3.DialogService }, { type: i4.ProviderService }]; }, propDecorators: { toolbarTemplate: [{
+                type: ViewChild,
+                args: ['toolbarTemplate', { static: true }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: false }]
+            }], element: [{
+                type: ViewChild,
+                args: ['element', { static: false }]
+            }], overflowElement: [{
+                type: ViewChild,
+                args: ['overflowElement', { static: false }]
+            }], popupGridTemplate: [{
+                type: ViewChild,
+                args: ['popupGridTemplate', { static: true }]
+            }] } });

package/esm2015/tools/tables/editor-merge-cells-button.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* 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";
+/**
+ * @hidden
+ *
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor MergeCells 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 kendoEditorMergeCellsButton></kendo-toolbar-button>
+ * ```
+ */
+export class EditorMergeCellsButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('mergeCells', button, localization, providerService, toolsService);
+    }
+}
+EditorMergeCellsButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorMergeCellsButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorMergeCellsButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorMergeCellsButtonDirective, selector: "kendo-toolbar-button[kendoEditorMergeCellsButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorMergeCellsButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorMergeCellsButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/tables/editor-split-cell-button.directive.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* 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";
+/**
+ * @hidden
+ *
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor SplitCell 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 kendoEditorSplitCellButton></kendo-toolbar-button>
+ * ```
+ */
+export class EditorSplitCellButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('splitCell', button, localization, providerService, toolsService);
+    }
+}
+EditorSplitCellButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorSplitCellButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorSplitCellButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorSplitCellButtonDirective, selector: "kendo-toolbar-button[kendoEditorSplitCellButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorSplitCellButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorSplitCellButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/{dist/es2015 → esm2015}/tools/tables/popup-table-grid.component.js

@@ -2,15 +2,13 @@
 * 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, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 /**
  * @hidden
  */
-let PopupTableGridComponent = class PopupTableGridComponent {
-    /**
-     * @hidden
-     */
+export class PopupTableGridComponent {
     constructor() {
         this.cellClick = new EventEmitter();
         this.tableWizardClick = new EventEmitter();
@@ -45,19 +43,29 @@ let PopupTableGridComponent = class PopupTableGridComponent {
     openTableWizard() {
         this.tableWizardClick.emit();
     }
-};
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PopupTableGridComponent.prototype, "cellClick", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PopupTableGridComponent.prototype, "tableWizardClick", void 0);
-PopupTableGridComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-popup-table-grid',
-        template: `
+}
+PopupTableGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupTableGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PopupTableGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: { cellClick: "cellClick", tableWizardClick: "tableWizardClick" }, ngImport: i0, template: `
+        <div style="border-color: inherit;" (mouseleave)="resetState()" (click)="insertTable()">
+            <span *ngFor="let i of cells"
+                class="k-ct-cell"
+                [class.k-state-selected]="selected(i)"
+                [class.k-state-disabled]="!selected(i)"
+                (mouseenter)="setState(i)">
+            </span>
+        </div>
+        <div class="k-status" unselectable="on">{{ message }}</div>
+        <!-- uncomment when TableWizard is completed
+        <div class="k-editor-toolbar" unselectable="on">
+            <button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
+        </div>
+        -->
+    `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupTableGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-popup-table-grid',
+                    template: `
         <div style="border-color: inherit;" (mouseleave)="resetState()" (click)="insertTable()">
             <span *ngFor="let i of cells"
                 class="k-ct-cell"
@@ -73,6 +81,9 @@ PopupTableGridComponent = tslib_1.__decorate([
         </div>
         -->
     `
-    })
-], PopupTableGridComponent);
-export { PopupTableGridComponent };
+                }]
+        }], propDecorators: { cellClick: [{
+                type: Output
+            }], tableWizardClick: [{
+                type: Output
+            }] } });

package/esm2015/tools/tools.service.js

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class EditorToolsService {
+    constructor() {
+        this.needsCheck = new Subject();
+    }
+}
+EditorToolsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorToolsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EditorToolsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorToolsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorToolsService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/tools/typographical-emphasis/editor-bold-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 Bold 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 `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorBoldButton></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 kendoEditorBoldButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorBoldButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('bold', button, localization, providerService, toolsService);
+    }
+}
+EditorBoldButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorBoldButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorBoldButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorBoldButtonDirective, selector: "kendo-toolbar-button[kendoEditorBoldButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorBoldButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorBoldButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/typographical-emphasis/editor-italic-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 Italic 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 `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorItalicButton></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 kendoEditorItalicButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorItalicButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('italic', button, localization, providerService, toolsService);
+    }
+}
+EditorItalicButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorItalicButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorItalicButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorItalicButtonDirective, selector: "kendo-toolbar-button[kendoEditorItalicButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorItalicButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorItalicButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/typographical-emphasis/editor-strikethrough-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 Strikethrough 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 `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorStrikethroughButton></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 kendoEditorStrikethroughButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorStrikethroughButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('strikethrough', button, localization, providerService, toolsService);
+    }
+}
+EditorStrikethroughButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorStrikethroughButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorStrikethroughButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorStrikethroughButtonDirective, selector: "kendo-toolbar-button[kendoEditorStrikethroughButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorStrikethroughButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorStrikethroughButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/typographical-emphasis/editor-subscript-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 Subscript 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 `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSubscriptButton></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 kendoEditorSubscriptButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorSubscriptButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('subscript', button, localization, providerService, toolsService);
+    }
+}
+EditorSubscriptButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorSubscriptButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorSubscriptButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorSubscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSubscriptButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorSubscriptButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorSubscriptButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });

package/esm2015/tools/typographical-emphasis/editor-superscript-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 Superscript 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 `selected` state of the button according to the cursor position in the editing area.
+ *
+ * @example
+ * ```ts-no-run
+ * <kendo-toolbar-button kendoEditorSuperscriptButton></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 kendoEditorSuperscriptButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export class EditorSuperscriptButtonDirective extends EditorCommandButton {
+    constructor(button, localization, providerService, toolsService) {
+        super('superscript', button, localization, providerService, toolsService);
+    }
+}
+EditorSuperscriptButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorSuperscriptButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditorSuperscriptButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditorSuperscriptButtonDirective, selector: "kendo-toolbar-button[kendoEditorSuperscriptButton]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorSuperscriptButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoEditorSuperscriptButton]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; } });