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

package/dist/es/tools/fontfamily/editor-fontfamily.component.js

@@ -1,211 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, TemplateRef, ViewChild, ElementRef, forwardRef, Input, Output, Host, 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';
-/**
- * A component which configures an existing `DropDownListComponent` as an Editor tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The component associates a `kendo-toolbar-dropdownlist` with an Editor command that changes the font family of a content block and
- * automatically defines the options of the drop-down list and sets its values.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
- * ```
- */
-var EditorFontFamilyComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(EditorFontFamilyComponent, _super);
-    function EditorFontFamilyComponent(editor, dialogService, localization, toolsService) {
-        var _this = _super.call(this) || this;
-        _this.editor = editor;
-        _this.dialogService = dialogService;
-        _this.localization = localization;
-        _this.toolsService = toolsService;
-        _this.disabled = false;
-        _this.tabindex = -1;
-        /**
-         * Fires when the user updates the value of the drop-down list.
-         */
-        _this.valueChange = new EventEmitter();
-        _this._data = [
-            { text: 'Arial', fontName: 'Arial,"Helvetica Neue",Helvetica,sans-serif' },
-            { 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"',
-                text: 'Impact'
-            },
-            { text: 'Lucida Console', fontName: '"Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace' },
-            { text: 'Tahoma', fontName: 'Tahoma,Verdana,Segoe,sans-serif' },
-            { text: 'Times New Roman', fontName: 'TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif' },
-            { text: 'Trebuchet MS', fontName: '"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif' },
-            { text: 'Verdana', fontName: 'Verdana,Geneva,sans-serif' }
-        ];
-        return _this;
-    }
-    EditorFontFamilyComponent_1 = EditorFontFamilyComponent;
-    Object.defineProperty(EditorFontFamilyComponent.prototype, "data", {
-        get: function () {
-            return this._data;
-        },
-        /**
-         * Overrides the default font list.
-         */
-        set: function (fonts) {
-            this._data = fonts || this._data;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditorFontFamilyComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.itemDisabled = function (itemArgs) {
-            if (!_this.overflows && _this.fontFamilyDropDownList && !_this.fontFamilyDropDownList.dropDownList.isOpen) {
-                return true; //disable all items in order to prevent navigation when DDL is closed
-            }
-            else {
-                return itemArgs.dataItem.fontName === null;
-            }
-        };
-        setTimeout(function () {
-            _this.defaultItem = { text: _this.title, fontName: null };
-            _this.toolsService.needsCheck.next();
-        });
-        this.subs = this.editor.stateChange.subscribe(function (_a) {
-            var style = _a.style;
-            _this.value = getUniqueStyleValues(style.selected, 'font-family') || null;
-            _this.disabled = style.disabled;
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFontFamilyComponent.prototype.onValueChange = function (ev) {
-        if (isPresent(ev)) {
-            this.editor.exec('fontFamily', ev);
-            this.editor.view.focus();
-            this.valueChange.emit(this.data.find(function (f) { return f.fontName === ev; }));
-        }
-    };
-    EditorFontFamilyComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    };
-    Object.defineProperty(EditorFontFamilyComponent.prototype, "outerWidth", {
-        get: function () {
-            if (this.element) {
-                return outerWidth(this.element.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditorFontFamilyComponent.prototype, "title", {
-        get: function () {
-            return this.localization.get('fontFamily');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    EditorFontFamilyComponent.prototype.openDialog = function () {
-        var dialogSettings = {
-            appendTo: this.editor.dialogContainer,
-            content: FontFamilyDialogComponent
-        };
-        this.editor.toolbar.toggle(false);
-        var dialogContent = this.dialogService.open(dialogSettings).content.instance;
-        dialogContent.setData({
-            editor: this.editor,
-            data: this.data,
-            defaultItem: this.defaultItem,
-            value: this.value,
-            itemDisabled: this.itemDisabled
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFontFamilyComponent.prototype.canFocus = function () {
-        return !this.disabled;
-    };
-    /**
-     * @hidden
-     */
-    EditorFontFamilyComponent.prototype.focus = function () {
-        this.tabindex = 0;
-        if (this.overflows) {
-            this.fontFamilyButton.nativeElement.focus();
-        }
-        else {
-            this.fontFamilyDropDownList.focus();
-        }
-    };
-    /**
-     * @hidden
-     */
-    EditorFontFamilyComponent.prototype.handleKey = function () {
-        this.tabindex = -1;
-        return false;
-    };
-    var EditorFontFamilyComponent_1;
-    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(function () { return EditorFontFamilyComponent_1; }) }],
-            selector: 'kendo-toolbar-dropdownlist[kendoEditorFontFamily]',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-editor-fontfamily-dropdownlist\n                #element\n                [defaultItem]=\"defaultItem\"\n                [data]=\"data\"\n                [(value)]=\"value\"\n                [itemDisabled]=\"itemDisabled\"\n                [title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"onValueChange($event)\"\n            >\n            </kendo-editor-fontfamily-dropdownlist>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                #fontFamilyButton\n                class=\"k-overflow-button\"\n                [icon]=\"'font-family'\"\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, Host()),
-        tslib_1.__metadata("design:paramtypes", [EditorComponent,
-            DialogService,
-            EditorLocalizationService,
-            EditorToolsService])
-    ], EditorFontFamilyComponent);
-    return EditorFontFamilyComponent;
-}(ToolBarToolComponent));
-export { EditorFontFamilyComponent };

package/dist/es/tools/fontsize/editor-fontsize-dropdownlist.component.js

@@ -1,71 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ViewChild, Input, ElementRef, Output, EventEmitter } from '@angular/core';
-import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-/**
- * @hidden
- */
-var FontSizeDropDownListComponent = /** @class */ (function () {
-    function FontSizeDropDownListComponent() {
-        this.valueChange = new EventEmitter();
-    }
-    FontSizeDropDownListComponent.prototype.onValueChange = function (size) {
-        this.valueChange.emit(size);
-    };
-    FontSizeDropDownListComponent.prototype.focus = function () {
-        this.dropDownList.focus();
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], FontSizeDropDownListComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FontSizeDropDownListComponent.prototype, "value", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FontSizeDropDownListComponent.prototype, "defaultItem", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], FontSizeDropDownListComponent.prototype, "itemDisabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FontSizeDropDownListComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], FontSizeDropDownListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], FontSizeDropDownListComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], FontSizeDropDownListComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        ViewChild('element', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], FontSizeDropDownListComponent.prototype, "element", void 0);
-    tslib_1.__decorate([
-        ViewChild('element', { read: DropDownListComponent, static: true }),
-        tslib_1.__metadata("design:type", DropDownListComponent)
-    ], FontSizeDropDownListComponent.prototype, "dropDownList", void 0);
-    FontSizeDropDownListComponent = tslib_1.__decorate([
-        Component({
-            // tslint:disable-next-line:no-forward-ref
-            selector: 'kendo-editor-fontsize-dropdownlist',
-            template: "\n        <kendo-dropdownlist\n            #element\n            kendoEditorDropDownTool\n            [defaultItem]=\"defaultItem\"\n            [textField]=\"'text'\"\n            [valueField]=\"'size'\"\n            [data]=\"data\"\n            [(value)]=\"value\"\n            [valuePrimitive]=\"true\"\n            [itemDisabled]=\"itemDisabled\"\n            [attr.title]=\"title\"\n            [disabled]=\"disabled\"\n            [tabindex]=\"tabindex\"\n            (valueChange)=\"onValueChange($event)\"\n        >\n        </kendo-dropdownlist>\n    ",
-            styles: ["\n        .k-dropdownlist {\n            width: 13em;\n        }\n    "]
-        })
-    ], FontSizeDropDownListComponent);
-    return FontSizeDropDownListComponent;
-}());
-export { FontSizeDropDownListComponent };

package/dist/es/tools/fontsize/editor-fontsize.component.js

@@ -1,206 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, TemplateRef, ViewChild, ElementRef, forwardRef, Output, Host, 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';
-/**
- * A component which configures an existing `DropDownListComponent` as an Editor tool
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- * The component associates a `kendo-dropdownlist` with an Editor command that changes the font size of a content block and
- * automatically defines the options of the drop-down list and sets its values.
- *
- * @example
- * ```ts-no-run
- * <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
- * ```
- */
-var EditorFontSizeComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(EditorFontSizeComponent, _super);
-    function EditorFontSizeComponent(editor, dialogService, localization, toolsService) {
-        var _this = _super.call(this) || this;
-        _this.editor = editor;
-        _this.dialogService = dialogService;
-        _this.localization = localization;
-        _this.toolsService = toolsService;
-        _this.disabled = false;
-        _this.tabindex = -1;
-        /**
-         * Fires when the user updates the value of the drop-down list.
-         */
-        _this.valueChange = new EventEmitter();
-        _this._data = [
-            { text: '8px', size: 8 },
-            { text: '10px', size: 10 },
-            { text: '12px', size: 12 },
-            { text: '14px', size: 14 },
-            { text: '18px', size: 18 },
-            { text: '24px', size: 24 },
-            { text: '36px', size: 36 }
-        ];
-        return _this;
-    }
-    EditorFontSizeComponent_1 = EditorFontSizeComponent;
-    Object.defineProperty(EditorFontSizeComponent.prototype, "data", {
-        get: function () {
-            return this._data;
-        },
-        /**
-         * Overrides the default font size list.
-         */
-        set: function (sizes) {
-            this._data = sizes || this._data;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditorFontSizeComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.itemDisabled = function (itemArgs) {
-            if (!_this.overflows && _this.fontSizeDropDownList && !_this.fontSizeDropDownList.dropDownList.isOpen) {
-                return true; //disable all items in order to prevent navigation when DDL is closed
-            }
-            else {
-                return itemArgs.dataItem.size === null;
-            }
-        };
-        setTimeout(function () {
-            _this.defaultItem = { text: _this.title, size: null };
-            _this.toolsService.needsCheck.next();
-        });
-        this.subs = this.editor.stateChange.subscribe(function (_a) {
-            // remove units(px, em, rem...)
-            // string#match returns array
-            var style = _a.style;
-            _this.value = (getUniqueStyleValues(style.selected, 'font-size').match(/\d+/g) || [null])[0];
-            _this.disabled = style.disabled;
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.onValueChange = function (ev) {
-        if (isPresent(ev)) {
-            this.editor.exec('fontSize', ev);
-            this.editor.view.focus();
-            this.valueChange.emit(this.data.find(function (d) { return d.size === parseInt(ev, 10); }));
-        }
-    };
-    EditorFontSizeComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    };
-    Object.defineProperty(EditorFontSizeComponent.prototype, "outerWidth", {
-        get: function () {
-            if (this.element) {
-                return outerWidth(this.element.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditorFontSizeComponent.prototype, "title", {
-        get: function () {
-            return this.localization.get('fontSize');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.openDialog = function () {
-        var dialogSettings = {
-            appendTo: this.editor.dialogContainer,
-            content: FontSizeDialogComponent
-        };
-        this.editor.toolbar.toggle(false);
-        var dialogContent = this.dialogService.open(dialogSettings).content.instance;
-        dialogContent.setData({
-            editor: this.editor,
-            data: this.data,
-            defaultItem: this.defaultItem,
-            value: this.value,
-            itemDisabled: this.itemDisabled
-        });
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.canFocus = function () {
-        return !this.disabled;
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.focus = function () {
-        this.tabindex = 0;
-        if (this.overflows) {
-            this.fontSizeButton.nativeElement.focus();
-        }
-        else {
-            this.fontSizeDropDownList.focus();
-        }
-    };
-    /**
-     * @hidden
-     */
-    EditorFontSizeComponent.prototype.handleKey = function () {
-        this.tabindex = -1;
-        return false;
-    };
-    var EditorFontSizeComponent_1;
-    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(function () { return EditorFontSizeComponent_1; }) }],
-            selector: 'kendo-toolbar-dropdownlist[kendoEditorFontSize]',
-            template: "\n        <ng-template #toolbarTemplate>\n            <kendo-editor-fontsize-dropdownlist\n                #element\n                [defaultItem]=\"defaultItem\"\n                [data]=\"data\"\n                [(value)]=\"value\"\n                [itemDisabled]=\"itemDisabled\"\n                [title]=\"title\"\n                [disabled]=\"disabled\"\n                [tabindex]=\"tabindex\"\n                (valueChange)=\"onValueChange($event)\"\n            >\n            </kendo-editor-fontsize-dropdownlist>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button\n                tabindex=\"-1\"\n                type=\"button\"\n                kendoButton\n                #fontSizeButton\n                class=\"k-overflow-button\"\n                [icon]=\"'font-size'\"\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, Host()),
-        tslib_1.__metadata("design:paramtypes", [EditorComponent,
-            DialogService,
-            EditorLocalizationService,
-            EditorToolsService])
-    ], EditorFontSizeComponent);
-    return EditorFontSizeComponent;
-}(ToolBarToolComponent));
-export { EditorFontSizeComponent };

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

@@ -1,71 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ViewChild, Input, ElementRef, Output, EventEmitter } from '@angular/core';
-import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-/**
- * @hidden
- */
-var FormatDropDownListComponent = /** @class */ (function () {
-    function FormatDropDownListComponent() {
-        this.valueChange = new EventEmitter();
-    }
-    FormatDropDownListComponent.prototype.onValueChange = function (tag) {
-        this.valueChange.emit(tag);
-    };
-    FormatDropDownListComponent.prototype.focus = function () {
-        this.dropDownList.focus();
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], FormatDropDownListComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FormatDropDownListComponent.prototype, "value", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FormatDropDownListComponent.prototype, "defaultItem", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], FormatDropDownListComponent.prototype, "itemDisabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], FormatDropDownListComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], FormatDropDownListComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], FormatDropDownListComponent.prototype, "tabindex", void 0);
-    tslib_1.__decorate([
-        Output(),
-        tslib_1.__metadata("design:type", EventEmitter)
-    ], FormatDropDownListComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        ViewChild('element', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], FormatDropDownListComponent.prototype, "element", void 0);
-    tslib_1.__decorate([
-        ViewChild('element', { read: DropDownListComponent, static: true }),
-        tslib_1.__metadata("design:type", DropDownListComponent)
-    ], FormatDropDownListComponent.prototype, "dropDownList", void 0);
-    FormatDropDownListComponent = tslib_1.__decorate([
-        Component({
-            // tslint:disable-next-line:no-forward-ref
-            selector: 'kendo-editor-format-dropdownlist',
-            template: "\n        <kendo-dropdownlist\n            #element\n            kendoEditorDropDownTool\n            [defaultItem]=\"defaultItem\"\n            [textField]=\"'text'\"\n            [valueField]=\"'tag'\"\n            [data]=\"data\"\n            [(value)]=\"value\"\n            [valuePrimitive]=\"true\"\n            [itemDisabled]=\"itemDisabled\"\n            [attr.title]=\"title\"\n            [disabled]=\"disabled\"\n            [tabindex]=\"tabindex\"\n            (valueChange)=\"onValueChange($event)\"\n        >\n            <ng-template kendoDropDownListItemTemplate let-dataItem>\n                <ng-container [ngSwitch]=\"dataItem.tag\">\n                    <span *ngSwitchCase=\"'h1'\" style=\"display: block; font-size: 2em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h2'\" style=\"display: block; font-size: 1.5em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h3'\" style=\"display: block; font-size: 1.17em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h4'\" style=\"display: block; font-size: 1em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h5'\" style=\"display: block; font-size: .83em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'h6'\" style=\"display: block; font-size: .67em; margin-left: 0; font-weight: bold;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchCase=\"'p'\" style=\"display: block; margin-left: 0;\">\n                        {{ dataItem.text }}\n                    </span>\n\n                    <span *ngSwitchDefault>{{ dataItem.text }}</span>\n                </ng-container>\n            </ng-template>\n        </kendo-dropdownlist>\n    ",
-            styles: ["\n        .k-dropdownlist {\n            width: 13em;\n        }\n    "]
-        })
-    ], FormatDropDownListComponent);
-    return FormatDropDownListComponent;
-}());
-export { FormatDropDownListComponent };