@progress/kendo-angular-editor 2.5.0 → 3.0.0-dev.202201191455

package/dist/es2015/localization/messages.d.ts

@@ -27,6 +27,10 @@ export declare class Messages extends ComponentMessages {
      * The title of the tool that changes the text background color.
      */
     backColor: string;
+    /**
+     * The title of the tool that wraps an element in a blockquote.
+     */
+    blockquote: string;
     /**
      * The title of the tool that makes text bold.
      */

package/dist/es2015/localization/messages.js

@@ -30,6 +30,10 @@ tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)
 ], Messages.prototype, "backColor", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], Messages.prototype, "blockquote", void 0);
 tslib_1.__decorate([
     Input(),
     tslib_1.__metadata("design:type", String)

package/dist/es2015/main.d.ts

@@ -9,3 +9,5 @@ export { EditorState, Plugin, PluginKey, Transaction, EditorView, Decoration, De
 export { PluginsFn } from './common/plugins-function';
 export { ApplyToWordOptions } from './common/apply-to-word-options';
 export { EditorResizableOptions } from './common/resizable-options.interface';
+export { EditorPasteEvent } from './preventable-events/paste-event';
+export { EditorPastedContentArgs } from './preventable-events/paste-event-data';

package/dist/es2015/main.js

@@ -6,3 +6,4 @@ export { EditorComponent } from './editor.component';
 export { EditorModule } from './editor.module';
 export { schema, Schema } from './config/schema';
 export { EditorState, Plugin, PluginKey, Transaction, EditorView, Decoration, DecorationSet, NodeType, Node, MarkType, Mark, InputRule, inputRules, wrappingInputRule, textblockTypeInputRule, keymap, baseKeymap, history, dropCursor, gapCursor, tableNodes, getSelectionText } from '@progress/kendo-editor-common';
+export { EditorPasteEvent } from './preventable-events/paste-event';

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1638198421,
+    publishDate: 1642603748,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/preventable-events/paste-event-data.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The Editor [`pastedContent`]({% slug api_editor_editorcomponent %}#toc-pastedcontent) callback argument.
+ */
+export declare type EditorPastedContentArgs = {
+    /**
+     * The HTML content cleaned in accordance with the [`PasteCleanupSettings`]({% slug paste_cleanup %}).
+     */
+    cleanedHtml: string;
+    /**
+     * The raw pasted content.
+     */
+    originalHtml: string;
+    /**
+     * The original DOM event.
+     */
+    originalEvent: ClipboardEvent;
+};

package/dist/es2015/preventable-events/paste-event-data.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/preventable-events/paste-event.d.ts

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from "@progress/kendo-angular-common";
+/**
+ * The Editor [`paste`]({% slug api_editor_editorcomponent %}#toc-paste) event.
+ */
+export declare class EditorPasteEvent extends PreventableEvent {
+    /**
+     * The HTML content cleaned in accordance with the [`PasteCleanupSettings`]({% slug paste_cleanup %}).
+     */
+    cleanedHtml: string;
+    /**
+     * The raw pasted content.
+     */
+    originalHtml: string;
+    /**
+     * The original DOM event.
+     */
+    originalEvent: ClipboardEvent;
+    /**
+     * Constructs the event arguments for the `paste` event.
+     * @hidden
+     */
+    constructor(cleanedHtml: string, originalHtml: string, originalEvent: ClipboardEvent);
+}

package/dist/es2015/preventable-events/paste-event.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 { PreventableEvent } from "@progress/kendo-angular-common";
+/**
+ * The Editor [`paste`]({% slug api_editor_editorcomponent %}#toc-paste) event.
+ */
+export class EditorPasteEvent extends PreventableEvent {
+    /**
+     * Constructs the event arguments for the `paste` event.
+     * @hidden
+     */
+    constructor(cleanedHtml, originalHtml, originalEvent) {
+        super();
+        this.cleanedHtml = cleanedHtml;
+        this.originalHtml = originalHtml;
+        this.originalEvent = originalEvent;
+    }
+}

package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.d.ts

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { EditorComponent } from '../../editor.component';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote 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 kendoEditorBlockquoteButton></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 kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+export declare class EditorBlockquoteDirective extends EditorCommandButton {
+    protected editor: EditorComponent;
+    constructor(button: ToolBarButtonComponent, editor: EditorComponent, localization: EditorLocalizationService, toolsService: EditorToolsService);
+}

package/dist/es2015/tools/blockquote/editor-blockquote-button.directive.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Directive, Host } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { EditorComponent } from '../../editor.component';
+import { EditorCommandButton } from '../shared/editor-command-button';
+import { EditorLocalizationService } from '../../localization/editor-localization.service';
+import { EditorToolsService } from '../tools.service';
+/**
+ * A directive which configures an existing `ToolBarButtonComponent` as an Editor Blockquote 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 kendoEditorBlockquoteButton></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 kendoEditorBlockquoteButton icon="blogger"></kendo-toolbar-button>
+ * ```
+ */
+let EditorBlockquoteDirective = class EditorBlockquoteDirective extends EditorCommandButton {
+    constructor(button, editor, localization, toolsService) {
+        super('blockquote', button, editor, localization, toolsService);
+        this.editor = editor;
+    }
+};
+EditorBlockquoteDirective = tslib_1.__decorate([
+    Directive({
+        selector: 'kendo-toolbar-button[kendoEditorBlockquoteButton]'
+    }),
+    tslib_1.__param(1, Host()),
+    tslib_1.__metadata("design:paramtypes", [ToolBarButtonComponent,
+        EditorComponent,
+        EditorLocalizationService,
+        EditorToolsService])
+], EditorBlockquoteDirective);
+export { EditorBlockquoteDirective };

package/dist/es2015/tools/colorpicker/editor-colorpicker.component.d.ts

@@ -40,9 +40,15 @@ export declare class EditorColorPickerComponent extends ToolBarToolComponent {
      */
     disabled: boolean;
     /**
-     * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+     * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
      *
-     * @default 'palette'
+     * @default ['palette']
+     */
+    views: ColorPickerView[];
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
      */
     view: ColorPickerView;
     /**

package/dist/es2015/tools/colorpicker/editor-colorpicker.component.js

@@ -32,11 +32,19 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
          */
         this.disabled = false;
         /**
-         * Specifies whether the ColorPicker will render a gradient, palette or combo view.
+         * Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.
          *
-         * @default 'palette'
+         * @default ['palette']
          */
-        this.view = 'palette';
+        this.views = ['palette'];
+    }
+    /**
+     * @hidden
+     *
+     * For backward compatibility with configurations using the deprecated "view" input.
+     */
+    set view(view) {
+        this.views = [view];
     }
     /**
      * @hidden
@@ -108,7 +116,7 @@ let EditorColorPickerComponent = EditorColorPickerComponent_1 = class EditorColo
             editorCommand: this.editorCommand,
             paletteSettings: this.paletteSettings,
             icon: this.icon,
-            view: this.view
+            views: this.views
         });
     }
     /**
@@ -159,8 +167,13 @@ tslib_1.__decorate([
 ], EditorColorPickerComponent.prototype, "disabled", void 0);
 tslib_1.__decorate([
     Input(),
-    tslib_1.__metadata("design:type", String)
-], EditorColorPickerComponent.prototype, "view", void 0);
+    tslib_1.__metadata("design:type", Array)
+], EditorColorPickerComponent.prototype, "views", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], EditorColorPickerComponent.prototype, "view", null);
 tslib_1.__decorate([
     ViewChild('toolbarTemplate', { static: true }),
     tslib_1.__metadata("design:type", TemplateRef)
@@ -189,7 +202,7 @@ EditorColorPickerComponent = EditorColorPickerComponent_1 = tslib_1.__decorate([
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #colorpicker
-                [view]="view"
+                [views]="['palette']"
                 [format]="'hex'"
                 [attr.title]="title"
                 [icon]="icon"

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

@@ -112,10 +112,6 @@ FormatDropDownListComponent = tslib_1.__decorate([
                         {{ dataItem.text }}
                     </span>
 
-                    <span *ngSwitchCase="'blockquote'" style="display: block; margin-left: 0;">
-                        {{ dataItem.text }}
-                    </span>
-
                     <span *ngSwitchDefault>{{ dataItem.text }}</span>
                 </ng-container>
             </ng-template>

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

@@ -39,7 +39,6 @@ let EditorFormatComponent = EditorFormatComponent_1 = class EditorFormatComponen
         this.valueChange = new EventEmitter();
         this._data = [
             { text: 'Paragraph', tag: 'p' },
-            { text: 'Quotation', tag: 'blockquote' },
             { text: 'Heading 1', tag: 'h1' },
             { text: 'Heading 2', tag: 'h2' },
             { text: 'Heading 3', tag: 'h3' },

package/dist/es2015/tools/tables/popup-table-grid.component.js

@@ -61,8 +61,8 @@ PopupTableGridComponent = tslib_1.__decorate([
         <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)"
+                [class.k-selected]="selected(i)"
+                [class.k-disabled]="!selected(i)"
                 (mouseenter)="setState(i)">
             </span>
         </div>