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

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

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

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

@@ -2,17 +2,18 @@
 * 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 EditorFontFamilyComponent_1;
-import { Component, TemplateRef, ViewChild, ElementRef, forwardRef, Input, Output, Host, EventEmitter } from '@angular/core';
+import { Component, ViewChild, forwardRef, Input, Output, EventEmitter } from '@angular/core';
 import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
 import { outerWidth, isPresent, getUniqueStyleValues } from '../../util';
-import { EditorComponent } from '../../editor.component';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { DialogService } from '@progress/kendo-angular-dialog';
 import { FontFamilyDialogComponent } from '../../dialogs/font-family-dialog.component';
 import { FontFamilyDropDownListComponent } from './editor-fontfamily-dropdownlist.component';
-import { EditorToolsService } from '../tools.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dialog";
+import * as i2 from "../../localization/editor-localization.service";
+import * as i3 from "../../common/provider.service";
+import * as i4 from "../tools.service";
+import * as i5 from "./editor-fontfamily-dropdownlist.component";
+import * as i6 from "@progress/kendo-angular-buttons";
 /**
  * A component which configures an existing `DropDownListComponent` as an Editor tool
  * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
@@ -24,10 +25,9 @@ import { EditorToolsService } from '../tools.service';
  * <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
  * ```
  */
-let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFamilyComponent extends ToolBarToolComponent {
-    constructor(editor, dialogService, localization, toolsService) {
+export class EditorFontFamilyComponent extends ToolBarToolComponent {
+    constructor(dialogService, localization, providerService, toolsService) {
         super();
-        this.editor = editor;
         this.dialogService = dialogService;
         this.localization = localization;
         this.toolsService = toolsService;
@@ -42,9 +42,7 @@ let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFa
             { text: 'Courier New', fontName: '"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace' },
             { text: 'Georgia', fontName: 'Georgia,Times,"Times New Roman",serif' },
             {
-                fontName: 
-                // tslint:disable-next-line:max-line-length
-                'Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"',
+                fontName: 'Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"',
                 text: 'Impact'
             },
             { text: 'Lucida Console', fontName: '"Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace' },
@@ -53,6 +51,7 @@ let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFa
             { text: 'Trebuchet MS', fontName: '"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif' },
             { text: 'Verdana', fontName: 'Verdana,Geneva,sans-serif' }
         ];
+        this.editor = providerService.editor;
     }
     /**
      * Overrides the default font list.
@@ -147,42 +146,46 @@ let EditorFontFamilyComponent = EditorFontFamilyComponent_1 = class EditorFontFa
         this.tabindex = -1;
         return false;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], EditorFontFamilyComponent.prototype, "data", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], EditorFontFamilyComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    ViewChild('toolbarTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], EditorFontFamilyComponent.prototype, "toolbarTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('popupTemplate', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], EditorFontFamilyComponent.prototype, "popupTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('element', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], EditorFontFamilyComponent.prototype, "element", void 0);
-tslib_1.__decorate([
-    ViewChild('element', { read: FontFamilyDropDownListComponent, static: false }),
-    tslib_1.__metadata("design:type", FontFamilyDropDownListComponent)
-], EditorFontFamilyComponent.prototype, "fontFamilyDropDownList", void 0);
-tslib_1.__decorate([
-    ViewChild('fontFamilyButton', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], EditorFontFamilyComponent.prototype, "fontFamilyButton", void 0);
-EditorFontFamilyComponent = EditorFontFamilyComponent_1 = tslib_1.__decorate([
-    Component({
-        // tslint:disable-next-line:no-forward-ref
-        providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent_1) }],
-        selector: 'kendo-toolbar-dropdownlist[kendoEditorFontFamily]',
-        template: `
+}
+EditorFontFamilyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorFontFamilyComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Component });
+EditorFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EditorFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #toolbarTemplate>
+            <kendo-editor-fontfamily-dropdownlist
+                #element
+                [defaultItem]="defaultItem"
+                [data]="data"
+                [(value)]="value"
+                [itemDisabled]="itemDisabled"
+                [title]="title"
+                [disabled]="disabled"
+                [tabindex]="tabindex"
+                (valueChange)="onValueChange($event)"
+            >
+            </kendo-editor-fontfamily-dropdownlist>
+        </ng-template>
+        <ng-template #popupTemplate>
+            <button
+                tabindex="-1"
+                type="button"
+                kendoButton
+                #fontFamilyButton
+                class="k-overflow-button"
+                [icon]="'font-family'"
+                [attr.title]="title"
+                [disabled]="disabled"
+                [tabindex]="tabindex"
+                (click)="openDialog()"
+            >
+                {{ title }}
+            </button>
+        </ng-template>
+    `, isInline: true, components: [{ type: i5.FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }], directives: [{ type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }],
+                    selector: 'kendo-toolbar-dropdownlist[kendoEditorFontFamily]',
+                    template: `
         <ng-template #toolbarTemplate>
             <kendo-editor-fontfamily-dropdownlist
                 #element
@@ -214,11 +217,24 @@ EditorFontFamilyComponent = EditorFontFamilyComponent_1 = tslib_1.__decorate([
             </button>
         </ng-template>
     `
-    }),
-    tslib_1.__param(0, Host()),
-    tslib_1.__metadata("design:paramtypes", [EditorComponent,
-        DialogService,
-        EditorLocalizationService,
-        EditorToolsService])
-], EditorFontFamilyComponent);
-export { EditorFontFamilyComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }]; }, propDecorators: { data: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], toolbarTemplate: [{
+                type: ViewChild,
+                args: ['toolbarTemplate', { static: true }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: true }]
+            }], element: [{
+                type: ViewChild,
+                args: ['element', { static: false }]
+            }], fontFamilyDropDownList: [{
+                type: ViewChild,
+                args: ['element', { read: FontFamilyDropDownListComponent, static: false }]
+            }], fontFamilyButton: [{
+                type: ViewChild,
+                args: ['fontFamilyButton', { static: false }]
+            }] } });

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

@@ -0,0 +1,93 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dropdowns";
+import * as i2 from "../shared/dropdown-tool.directive";
+/**
+ * @hidden
+ */
+export class FontSizeDropDownListComponent {
+    constructor() {
+        this.valueChange = new EventEmitter();
+    }
+    onValueChange(size) {
+        this.valueChange.emit(size);
+    }
+    focus() {
+        this.dropDownList.focus();
+    }
+}
+FontSizeDropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FontSizeDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FontSizeDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FontSizeDropDownListComponent, selector: "kendo-editor-fontsize-dropdownlist", inputs: { data: "data", value: "value", defaultItem: "defaultItem", itemDisabled: "itemDisabled", title: "title", disabled: "disabled", tabindex: "tabindex" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, static: true }, { propertyName: "dropDownList", first: true, predicate: ["element"], descendants: true, read: DropDownListComponent, static: true }], ngImport: i0, template: `
+        <kendo-dropdownlist
+            #element
+            kendoEditorDropDownTool
+            [defaultItem]="defaultItem"
+            [textField]="'text'"
+            [valueField]="'size'"
+            [data]="data"
+            [(value)]="value"
+            [valuePrimitive]="true"
+            [itemDisabled]="itemDisabled"
+            [attr.title]="title"
+            [disabled]="disabled"
+            [tabindex]="tabindex"
+            (valueChange)="onValueChange($event)"
+        >
+        </kendo-dropdownlist>
+    `, isInline: true, styles: ["\n        .k-dropdownlist {\n            width: 13em;\n        }\n    "], components: [{ type: i1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i2.DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FontSizeDropDownListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-editor-fontsize-dropdownlist',
+                    template: `
+        <kendo-dropdownlist
+            #element
+            kendoEditorDropDownTool
+            [defaultItem]="defaultItem"
+            [textField]="'text'"
+            [valueField]="'size'"
+            [data]="data"
+            [(value)]="value"
+            [valuePrimitive]="true"
+            [itemDisabled]="itemDisabled"
+            [attr.title]="title"
+            [disabled]="disabled"
+            [tabindex]="tabindex"
+            (valueChange)="onValueChange($event)"
+        >
+        </kendo-dropdownlist>
+    `,
+                    styles: [`
+        .k-dropdownlist {
+            width: 13em;
+        }
+    `]
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], defaultItem: [{
+                type: Input
+            }], itemDisabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], element: [{
+                type: ViewChild,
+                args: ['element', { static: true }]
+            }], dropDownList: [{
+                type: ViewChild,
+                args: ['element', { read: DropDownListComponent, static: true }]
+            }] } });

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

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