@progress/kendo-angular-editor 3.0.0-dev.202201121158 → 3.0.1

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

@@ -34,14 +34,26 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
          */
         _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'];
         return _this;
     }
     EditorColorPickerComponent_1 = EditorColorPickerComponent;
+    Object.defineProperty(EditorColorPickerComponent.prototype, "view", {
+        /**
+         * @hidden
+         *
+         * For backward compatibility with configurations using the deprecated "view" input.
+         */
+        set: function (view) {
+            this.views = [view];
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(EditorColorPickerComponent.prototype, "title", {
         /**
          * @hidden
@@ -123,7 +135,7 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
             editorCommand: this.editorCommand,
             paletteSettings: this.paletteSettings,
             icon: this.icon,
-            view: this.view
+            views: this.views
         });
     };
     /**
@@ -174,8 +186,13 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
     ], EditorColorPickerComponent.prototype, "disabled", void 0);
     tslib_1.__decorate([
         core_1.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([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], EditorColorPickerComponent.prototype, "view", null);
     tslib_1.__decorate([
         core_1.ViewChild('toolbarTemplate', { static: true }),
         tslib_1.__metadata("design:type", core_1.TemplateRef)
@@ -200,7 +217,7 @@ var EditorColorPickerComponent = /** @class */ (function (_super) {
         core_1.Component({
             providers: [{ provide: kendo_angular_toolbar_1.ToolBarToolComponent, useExisting: core_1.forwardRef(function () { return EditorColorPickerComponent_1; }) }],
             selector: 'kendo-toolbar-colorpicker',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-colorpicker\n                #colorpicker\n                [view]=\"view\"\n                [format]=\"'hex'\"\n                [attr.title]=\"title\"\n                [icon]=\"icon\"\n                [value]=\"value\"\n                [paletteSettings]=\"paletteSettings\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"handleValueChange($event)\"\n                (activeColorClick)=\"handleActiveColorClick($event)\"\n                (open)=\"onOpen(colorpicker)\"\n                (close)=\"onClose(colorpicker)\"\n            >\n            </kendo-colorpicker>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                #colorPickerButton\n                class=\"k-overflow-button\"\n                [icon]=\"icon\"\n                [attr.title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (click)=\"openDialog()\"\n            >\n                {{ title }}\n            </button>\n        </ng-template>\n    "
+            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-colorpicker\n                #colorpicker\n                [views]=\"['palette']\"\n                [format]=\"'hex'\"\n                [attr.title]=\"title\"\n                [icon]=\"icon\"\n                [value]=\"value\"\n                [paletteSettings]=\"paletteSettings\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"handleValueChange($event)\"\n                (activeColorClick)=\"handleActiveColorClick($event)\"\n                (open)=\"onOpen(colorpicker)\"\n                (close)=\"onClose(colorpicker)\"\n            >\n            </kendo-colorpicker>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                #colorPickerButton\n                class=\"k-overflow-button\"\n                [icon]=\"icon\"\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,

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

@@ -63,7 +63,7 @@ var PopupTableGridComponent = /** @class */ (function () {
     PopupTableGridComponent = tslib_1.__decorate([
         core_1.Component({
             selector: 'kendo-popup-table-grid',
-            template: "\n        <div style=\"border-color: inherit;\" (mouseleave)=\"resetState()\" (click)=\"insertTable()\">\n            <span *ngFor=\"let i of cells\"\n                class=\"k-ct-cell\"\n                [class.k-state-selected]=\"selected(i)\"\n                [class.k-state-disabled]=\"!selected(i)\"\n                (mouseenter)=\"setState(i)\">\n            </span>\n        </div>\n        <div class=\"k-status\" unselectable=\"on\">{{ message }}</div>\n        <!-- uncomment when TableWizard is completed\n        <div class=\"k-editor-toolbar\" unselectable=\"on\">\n            <button type=\"button\" kendoButton class=\"k-tool\" [icon]=\"'table-wizard'\" (click)=\"openTableWizard()\" title=\"Table Wizard\">Table Wizard</button>\n        </div>\n        -->\n    "
+            template: "\n        <div style=\"border-color: inherit;\" (mouseleave)=\"resetState()\" (click)=\"insertTable()\">\n            <span *ngFor=\"let i of cells\"\n                class=\"k-ct-cell\"\n                [class.k-selected]=\"selected(i)\"\n                [class.k-disabled]=\"!selected(i)\"\n                (mouseenter)=\"setState(i)\">\n            </span>\n        </div>\n        <div class=\"k-status\" unselectable=\"on\">{{ message }}</div>\n        <!-- uncomment when TableWizard is completed\n        <div class=\"k-editor-toolbar\" unselectable=\"on\">\n            <button type=\"button\" kendoButton class=\"k-tool\" [icon]=\"'table-wizard'\" (click)=\"openTableWizard()\" title=\"Table Wizard\">Table Wizard</button>\n        </div>\n        -->\n    "
         })
     ], PopupTableGridComponent);
     return PopupTableGridComponent;