@progress/kendo-angular-editor 4.2.0 → 11.0.0-develop.80

package/{esm2015/config/utils.js → esm2020/config/utils.mjs}

@@ -1,12 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
  * @hidden
  */
 export const hasAttrs = (attrs, exclude) => {
-    for (let attr in attrs) {
+    for (const attr in attrs) {
         if (attr && attrs[attr] !== null && attr !== exclude) {
             return true;
         }
@@ -18,7 +18,7 @@ export const hasAttrs = (attrs, exclude) => {
  */
 export const getAttrs = (attrs, exclude) => {
     const result = {};
-    for (let attr in attrs) {
+    for (const attr in attrs) {
         if (attr && attrs[attr] !== null && attr !== exclude) {
             result[attr] = attrs[attr];
         }
@@ -30,9 +30,9 @@ export const getAttrs = (attrs, exclude) => {
  */
 export const getAttributes = (dom) => {
     const result = {};
-    let attributes = dom.attributes, attr;
+    const attributes = dom.attributes;
     for (let i = 0; i < attributes.length; i++) {
-        attr = attributes[i];
+        const attr = attributes[i];
         result[attr.name] = attr.value;
     }
     return result;
@@ -46,13 +46,17 @@ export const serializeDOMAttrs = (el) => Array.from(el.attributes)
  * @hidden
  */
 export const commonAttributes = () => {
-    return Object.assign({}, createDefaultAttributes(['class', 'id', 'style']));
+    return {
+        ...createDefaultAttributes(['class', 'id', 'style'])
+    };
 };
 /**
  * @hidden
  */
 export const createDefaultAttributes = (attrs = []) => {
-    return Object.assign({}, attrs.reduce((acc, curr) => (Object.assign(Object.assign({}, acc), { [curr]: { default: null } })), {}));
+    return {
+        ...attrs.reduce((acc, curr) => ({ ...acc, [curr]: { default: null } }), {})
+    };
 };
 /**
  * @hidden

package/{esm2015/dialogs/colorpicker-dialog.component.js → esm2020/dialogs/colorpicker-dialog.component.mjs}

@@ -1,9 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, ViewChild } from '@angular/core';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
+import { EditorLocalizationService } from '../localization/editor-localization.service';
+import { EditorComponent } from '../editor.component';
 import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
@@ -50,14 +52,14 @@ export class ColorPickerDialogComponent extends DialogContentBase {
         return this.localization.get(key);
     }
 }
-ColorPickerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ColorPickerDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ColorPickerDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+ColorPickerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ColorPickerDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor(editorCommand) }}
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-colorpicker
                         #colorpicker
                         [views]="views"
@@ -77,8 +79,8 @@ ColorPickerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             <button kendoButton
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i4.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.17", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColorPickerDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -87,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-colorpicker
                         #colorpicker
                         [views]="views"

package/{esm2015/dialogs/file-link-dialog.component.js → esm2020/dialogs/file-link-dialog.component.mjs}

@@ -1,19 +1,20 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, ViewChild, ElementRef } from '@angular/core';
 import { FormGroup, FormControl, Validators } from '@angular/forms';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
 import { getMark, getSelectionText, expandSelection } from '@progress/kendo-editor-common';
 import { isPresent } from '../util';
+import { EditorLocalizationService } from '../localization/editor-localization.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 "@angular/forms";
-import * as i4 from "@angular/common";
-import * as i5 from "@progress/kendo-angular-inputs";
-import * as i6 from "@progress/kendo-angular-buttons";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/common";
+import * as i6 from "@progress/kendo-angular-inputs";
 /**
  * @hidden
  */
@@ -49,14 +50,14 @@ export class FileLinkDialogComponent extends DialogContentBase {
         if (this.command === 'createLink') {
             this.linkForm.addControl('target', new FormControl());
         }
-        const linkMark = getMark(state, state.schema.marks.link);
+        const linkMark = getMark(state, state.schema.marks['link']);
         if (linkMark) {
             // const linkMarkRange = getMarkRange(state.selection.$cursor, schema.marks.link);
             // const mark = parentNode.child(cursorNodeIndex).marks.find(m => m.type === markType);
             this.linkForm.reset({
-                href: linkMark.attrs.href,
-                title: linkMark.attrs.title,
-                target: isPresent(linkMark.attrs.target),
+                href: linkMark.attrs['href'],
+                title: linkMark.attrs['title'],
+                target: isPresent(linkMark.attrs['target']),
                 text: this.setLinkText(state)
             });
             return;
@@ -95,15 +96,15 @@ export class FileLinkDialogComponent extends DialogContentBase {
         }
     }
     getData() {
-        let linkData = this.linkForm.value;
-        if (isPresent(this.linkForm.controls.target)) {
+        const linkData = this.linkForm.value;
+        if (isPresent(this.linkForm.controls['target'])) {
             linkData.target = linkData.target ? '_blank' : null;
         }
         return linkData;
     }
 }
-FileLinkDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileLinkDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FileLinkDialogComponent, selector: "ng-component", inputs: { editor: "editor", command: "command" }, viewQueries: [{ propertyName: "hrefInput", first: true, predicate: ["hrefInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+FileLinkDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileLinkDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FileLinkDialogComponent, selector: "ng-component", inputs: { editor: "editor", command: "command" }, viewQueries: [{ propertyName: "hrefInput", first: true, predicate: ["hrefInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ titleText }}
         </kendo-dialog-titlebar>
@@ -148,8 +149,8 @@ FileLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 {{ textFor('dialogInsert') }}
             </button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i5.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { 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.17", ngImport: i0, type: FileLinkDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i3.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i6.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FileLinkDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/{esm2015/dialogs/font-family-dialog.component.js → esm2020/dialogs/font-family-dialog.component.mjs}

@@ -1,9 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, ViewChild } from '@angular/core';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
+import { EditorLocalizationService } from '../localization/editor-localization.service';
+import { EditorComponent } from '../editor.component';
 import { FontFamilyDropDownListComponent } from '../tools/fontfamily/editor-fontfamily-dropdownlist.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
@@ -45,14 +47,14 @@ export class FontFamilyDialogComponent extends DialogContentBase {
         return this.localization.get(key);
     }
 }
-FontFamilyDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FontFamilyDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FontFamilyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FontFamilyDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontFamilyDropDownList", first: true, predicate: ["fontFamilyDropDownList"], descendants: true, read: FontFamilyDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+FontFamilyDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FontFamilyDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FontFamilyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FontFamilyDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontFamilyDropDownList", first: true, predicate: ["fontFamilyDropDownList"], descendants: true, read: FontFamilyDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('fontFamily') }}
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-editor-fontfamily-dropdownlist
                         #fontFamilyDropDownList
                         [defaultItem]="defaultItem"
@@ -69,8 +71,8 @@ FontFamilyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             <button kendoButton
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i4.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.17", ngImport: i0, type: FontFamilyDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FontFamilyDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -79,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-editor-fontfamily-dropdownlist
                         #fontFamilyDropDownList
                         [defaultItem]="defaultItem"

package/{esm2015/dialogs/font-size-dialog.component.js → esm2020/dialogs/font-size-dialog.component.mjs}

@@ -1,9 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, ViewChild } from '@angular/core';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
+import { EditorLocalizationService } from '../localization/editor-localization.service';
+import { EditorComponent } from '../editor.component';
 import { FontSizeDropDownListComponent } from '../tools/fontsize/editor-fontsize-dropdownlist.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
@@ -45,14 +47,14 @@ export class FontSizeDialogComponent extends DialogContentBase {
         return this.localization.get(key);
     }
 }
-FontSizeDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FontSizeDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FontSizeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FontSizeDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontSizeDropDownList", first: true, predicate: ["fontSizeDropDownList"], descendants: true, read: FontSizeDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+FontSizeDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FontSizeDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FontSizeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FontSizeDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "fontSizeDropDownList", first: true, predicate: ["fontSizeDropDownList"], descendants: true, read: FontSizeDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('fontSize') }}
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-editor-fontsize-dropdownlist
                         #fontSizeDropDownList
                         [defaultItem]="defaultItem"
@@ -69,8 +71,8 @@ FontSizeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             <button kendoButton
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i4.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.17", ngImport: i0, type: FontSizeDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FontSizeDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -79,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-editor-fontsize-dropdownlist
                         #fontSizeDropDownList
                         [defaultItem]="defaultItem"

package/{esm2015/dialogs/format-dialog.component.js → esm2020/dialogs/format-dialog.component.mjs}

@@ -1,9 +1,10 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, ViewChild } from '@angular/core';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
+import { EditorLocalizationService } from '../localization/editor-localization.service';
 import { FormatDropDownListComponent } from '../tools/format/editor-format-dropdownlist.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
@@ -45,14 +46,14 @@ export class FormatDialogComponent extends DialogContentBase {
         return this.localization.get(key);
     }
 }
-FormatDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FormatDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FormatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FormatDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true, read: FormatDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
+FormatDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormatDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FormatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FormatDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true, read: FormatDropDownListComponent, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('format') }}
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-editor-format-dropdownlist
                         #formatDropDownList
                         [defaultItem]="defaultItem"
@@ -69,8 +70,8 @@ FormatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             <button kendoButton
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogApply') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i4.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.17", ngImport: i0, type: FormatDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.FormatDropDownListComponent, selector: "kendo-editor-format-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormatDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -79,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-edit-form-container k-window-content" style="text-align: center;">
+                <div class="k-edit-form-container k-window-content" [style.text-align]="'center'">
                     <kendo-editor-format-dropdownlist
                         #formatDropDownList
                         [defaultItem]="defaultItem"

package/{esm2015/dialogs/image-dialog.component.js → esm2020/dialogs/image-dialog.component.mjs}

@@ -1,18 +1,19 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, ViewChild, ElementRef } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
 import { getNodeFromSelection } from '@progress/kendo-editor-common';
 import { safeString } from '../util';
+import { EditorLocalizationService } from '../localization/editor-localization.service';
 import { guid } from '@progress/kendo-angular-common';
 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 "@angular/forms";
-import * as i4 from "@progress/kendo-angular-buttons";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@angular/forms";
 /**
  * @hidden
  */
@@ -62,10 +63,10 @@ export class ImageDialogComponent extends DialogContentBase {
     setData(state) {
         const node = getNodeFromSelection(state);
         if (node) {
-            this.src.patchValue(node.attrs.src);
-            this.alt.patchValue(node.attrs.alt);
-            this.width.patchValue(node.attrs.width);
-            this.height.patchValue(node.attrs.height);
+            this.src.patchValue(node.attrs['src']);
+            this.alt.patchValue(node.attrs['alt']);
+            this.width.patchValue(node.attrs['width']);
+            this.height.patchValue(node.attrs['height']);
         }
     }
     textFor(key) {
@@ -83,8 +84,8 @@ export class ImageDialogComponent extends DialogContentBase {
         return Number.isNaN(parseInt(value, 10)) || parseInt(value, 10) <= 0 ? '' : safeString(parseInt(value, 10));
     }
 }
-ImageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ImageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ImageDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "srcInput", first: true, predicate: ["srcInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+ImageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ImageDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ImageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ImageDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "srcInput", first: true, predicate: ["srcInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('insertImage') }}
         </kendo-dialog-titlebar>
@@ -123,8 +124,8 @@ ImageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             <button kendoButton [disabled]="imageData.invalid"
                     (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogInsert') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.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.17", ngImport: i0, type: ImageDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i3.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ImageDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/{esm2015/dialogs/insert-table-dialog.component.js → esm2020/dialogs/insert-table-dialog.component.mjs}

@@ -1,9 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
+import { EditorLocalizationService } from '../localization/editor-localization.service';
+import { EditorComponent } from '../editor.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
 import * as i2 from "../localization/editor-localization.service";
@@ -34,14 +36,14 @@ export class InsertTableDialogComponent extends DialogContentBase {
         return this.localization.get(key);
     }
 }
-InsertTableDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InsertTableDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-InsertTableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: InsertTableDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, usesInheritance: true, ngImport: i0, template: `
+InsertTableDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: InsertTableDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+InsertTableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: InsertTableDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('insertTable') }}
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-ct-popup k-window-content" style="text-align: center;">
+                <div class="k-ct-popup k-window-content" [style.text-align]="'center'">
                     <kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
                 </div>
             </div>
@@ -49,8 +51,8 @@ InsertTableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
         <kendo-dialog-actions>
             <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i4.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.17", ngImport: i0, type: InsertTableDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i3.PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: InsertTableDialogComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -59,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         </kendo-dialog-titlebar>
         <div class="k-editor-dialog">
             <div class="k-editor-dialog k-popup-edit-form k-window-content k-content">
-                <div class="k-ct-popup k-window-content" style="text-align: center;">
+                <div class="k-ct-popup k-window-content" [style.text-align]="'center'">
                     <kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
                 </div>
             </div>

package/{esm2015/dialogs/source-dialog.component.js → esm2020/dialogs/source-dialog.component.mjs}

@@ -1,10 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ViewChild, Input } from '@angular/core';
+import { Component, ViewChild, ElementRef, Input } from '@angular/core';
 // import { EditorService } from '../editor.service';
-import { DialogContentBase } from '@progress/kendo-angular-dialog';
+import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
+import { EditorLocalizationService } from '../localization/editor-localization.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
 import * as i2 from "../localization/editor-localization.service";
@@ -49,32 +50,25 @@ export class SourceDialogComponent extends DialogContentBase {
             .replace(/\n$/, '');
     }
 }
-SourceDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SourceDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-SourceDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SourceDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+SourceDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SourceDialogComponent, deps: [{ token: i1.DialogRef }, { token: i2.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+SourceDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SourceDialogComponent, selector: "ng-component", inputs: { editor: "editor" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('viewSource') }}
         </kendo-dialog-titlebar>
-        <textarea [value]="data" #textarea class="k-textarea k-editor-textarea"></textarea>
+        <textarea [value]="data" #textarea class="k-textarea k-editor-textarea" [style.height.%]="100"></textarea>
         <kendo-dialog-actions>
             <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
             <button kendoButton (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogUpdate') }}</button>
         </kendo-dialog-actions>
-    `, isInline: true, styles: ["\n            >>> .k-editor-textarea {\n                height: 100%;\n            }\n        "], components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: i3.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.17", ngImport: i0, type: SourceDialogComponent, decorators: [{
+    `, isInline: true, components: [{ type: i1.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: i1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { type: i3.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SourceDialogComponent, decorators: [{
             type: Component,
             args: [{
-                    styles: [
-                        `
-            >>> .k-editor-textarea {
-                height: 100%;
-            }
-        `
-                    ],
                     template: `
         <kendo-dialog-titlebar (close)="onCancelAction()">
             {{ textFor('viewSource') }}
         </kendo-dialog-titlebar>
-        <textarea [value]="data" #textarea class="k-textarea k-editor-textarea"></textarea>
+        <textarea [value]="data" #textarea class="k-textarea k-editor-textarea" [style.height.%]="100"></textarea>
         <kendo-dialog-actions>
             <button kendoButton (click)="onCancelAction()">{{ textFor('dialogCancel') }}</button>
             <button kendoButton (click)="onConfirmAction()" [primary]="true">{{ textFor('dialogUpdate') }}</button>

package/{esm2015/editor-toolbar-state.js → esm2020/editor-toolbar-state.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { blockquote, cleanFormatting, isIndented } from '@progress/kendo-editor-common';
@@ -42,14 +42,14 @@ export const getToolbarState = (state, options) => ({
     },
     indent: {
         selected: false,
-        disabled: !(canIndentAsListItem(state, state.schema.nodes.list_item) || canBeIndented(state, indentRules))
+        disabled: !(canIndentAsListItem(state, state.schema.nodes['list_item']) || canBeIndented(state, indentRules))
     },
     insertOrderedList: {
-        selected: hasNode(state, state.schema.nodes.ordered_list),
+        selected: hasNode(state, state.schema.nodes['ordered_list']),
         disabled: false
     },
     insertUnorderedList: {
-        selected: hasNode(state, state.schema.nodes.bullet_list),
+        selected: hasNode(state, state.schema.nodes['bullet_list']),
         disabled: false
     },
     italic: {
@@ -63,7 +63,7 @@ export const getToolbarState = (state, options) => ({
     outdent: {
         selected: false,
         get disabled() {
-            return !(hasNode(state, state.schema.nodes.blockquote) ||
+            return !(hasNode(state, state.schema.nodes['blockquote']) ||
                 canOutdentAsListItem(state, outdentRules) ||
                 isIndented(state, outdentRules.nodes));
         }
@@ -81,7 +81,7 @@ export const getToolbarState = (state, options) => ({
         disabled: false
     },
     style: {
-        selected: getActiveMarks(state, state.schema.marks.style),
+        selected: getActiveMarks(state, state.schema.marks['style']),
         disabled: false
     },
     subscript: {