@progress/kendo-angular-editor 21.4.1 → 22.0.0-develop.1

package/esm2022/tools/colorpicker/editor-colorpicker.component.mjs

@@ -1,377 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Input, forwardRef, ViewChild, ElementRef, NgZone, Renderer2 } from '@angular/core';
-import { take } from 'rxjs/operators';
-import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
-import { DialogService } from '@progress/kendo-angular-dialog';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { EditorLocalizationService } from '../../localization/editor-localization.service';
-import { outerWidth, getUniqueStyleValues } from '../../util';
-import { ColorPickerDialogComponent } from '../../dialogs/colorpicker-dialog.component';
-import { ProviderService } from '../../common/provider.service';
-import * as i0 from "@angular/core";
-import * as i1 from "../../localization/editor-localization.service";
-import * as i2 from "@progress/kendo-angular-dialog";
-import * as i3 from "../../common/provider.service";
-/**
- * Configures a ColorPickerComponent as a ToolBar tool.
- * Use this component to associate a `kendo-toolbar-colorpicker` with an Editor command that changes the foreground or background color of the text.
- * Use the `kendoEditorForeColor` or `kendoEditorBackColor` directive ([more information]({% slug toolbartools_editor %}#toc-colorpickers)).
- *
- * @example
- * ```html
- * <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
- * ```
- */
-export class EditorColorPickerComponent extends ToolBarToolComponent {
-    localization;
-    dialogService;
-    ngZone;
-    renderer;
-    /**
-     * Specifies the tab index of the component.
-     *
-     * @default -1
-     */
-    tabindex = -1;
-    /**
-     * Specifies the initial value of the color picker.
-     */
-    value;
-    /**
-     * Specifies the Kendo UI font icon that the component uses.
-     */
-    icon;
-    /**
-     * Defines an SVGIcon to render within the ColorPicker button.
-     * The input can take either an existing Kendo SVG icon or a custom one.
-     */
-    svgIcon;
-    /**
-     * Overrides the default color palette settings.
-     */
-    paletteSettings;
-    /**
-     * Specifies the color-related command that the component executes.
-     */
-    editorCommand;
-    /**
-     * Specifies if the component is disabled.
-     *
-     * @default false
-     */
-    disabled = false;
-    /**
-     * Specifies whether the ColorPicker renders a gradient, palette, or both in its popup.
-     *
-     * @default ['palette']
-     */
-    views = ['palette'];
-    /**
-     * @hidden
-     *
-     * For backward compatibility with configurations using the deprecated "view" input.
-     */
-    set view(view) {
-        this.views = [view];
-    }
-    get view() {
-        return (this.views && this.views.length > 0) ? this.views[0] : null;
-    }
-    /**
-     * @hidden
-     */
-    get title() {
-        return this.localization.get(this.editorCommand);
-    }
-    element;
-    colorPicker;
-    colorPickerButton;
-    subs;
-    editor;
-    activeView;
-    constructor(localization, dialogService, ngZone, providerService, renderer) {
-        super();
-        this.localization = localization;
-        this.dialogService = dialogService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.editor = providerService.editor;
-        this.isBuiltInTool = true;
-    }
-    ngOnInit() {
-        this.subs = this.editor.stateChange.subscribe(({ style }) => {
-            const cssProperty = this.editorCommand === 'foreColor' ? 'color' : 'background-color';
-            this.value = getUniqueStyleValues(style.selected, cssProperty) || null;
-            this.disabled = style.disabled;
-        });
-        this.activeView = this.view;
-    }
-    ngOnDestroy() {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    }
-    /**
-     * @hidden
-     */
-    handleValueChange(color) {
-        this.editor.exec(this.editorCommand, color);
-        if (this.activeView === 'palette') {
-            this.editor.view.focus();
-        }
-    }
-    /**
-     * @hidden
-     */
-    handleActiveColorClick(event) {
-        event.preventOpen();
-        this.handleValueChange(event.color);
-    }
-    /**
-     * @hidden
-     */
-    onClose() {
-        this.editor.shouldEmitFocus = true;
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => this.editor.view.focus());
-        this.activeView = this.view;
-    }
-    /**
-     * @hidden
-     */
-    handleClearButtonClick() {
-        this.editor.exec(this.editorCommand);
-        if (this.activeView === 'palette') {
-            this.editor.view.focus();
-        }
-    }
-    /**
-     * @hidden
-     */
-    onActiveViewChange(view) {
-        this.activeView = view;
-    }
-    /**
-     * @hidden
-     */
-    get outerWidth() {
-        if (this.element) {
-            return outerWidth(this.element.nativeElement);
-        }
-    }
-    /**
-     * @hidden
-     */
-    openDialog() {
-        const dialogSettings = {
-            appendTo: this.editor.dialogContainer,
-            content: ColorPickerDialogComponent,
-            width: 400,
-            autoFocusedElement: '.k-picker'
-        };
-        this.editor.toolbar.toggle(false);
-        const dialogContent = this.dialogService.open(dialogSettings).content.instance;
-        this.renderer.addClass(dialogContent.dialog.dialog.instance.wrapper.nativeElement.querySelector('.k-window'), 'k-editor-window');
-        dialogContent.setData({
-            editor: this.editor,
-            value: this.value,
-            title: this.title,
-            editorCommand: this.editorCommand,
-            paletteSettings: this.paletteSettings,
-            icon: this.icon,
-            svgIcon: this.svgIcon,
-            views: this.views
-        });
-    }
-    /**
-     * @hidden
-     */
-    canFocus() {
-        return !this.disabled;
-    }
-    /**
-     * @hidden
-     */
-    focus() {
-        this.tabindex = 0;
-        if (this.overflows) {
-            this.colorPickerButton?.nativeElement.focus();
-        }
-        else {
-            !this.colorPicker.isOpen && this.colorPicker?.focus();
-        }
-    }
-    /**
-     * @hidden
-     */
-    handleKey() {
-        this.tabindex = -1;
-        return false;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorColorPickerComponent, deps: [{ token: i1.EditorLocalizationService }, { token: i2.DialogService }, { token: i0.NgZone }, { token: i3.ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorColorPickerComponent, isStandalone: true, selector: "kendo-toolbar-colorpicker", inputs: { value: "value", icon: "icon", svgIcon: "svgIcon", paletteSettings: "paletteSettings", editorCommand: "editorCommand", disabled: "disabled", views: "views", view: "view" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["colorpicker"], descendants: true, read: ElementRef }, { propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent }, { propertyName: "colorPickerButton", first: true, predicate: ["colorPickerButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #toolbarTemplate>
-          <kendo-colorpicker
-            #colorpicker
-            [attr.title]="title"
-            [icon]="icon"
-            [svgIcon]="svgIcon"
-            [views]="views"
-            [format]="'hex'"
-            [(value)]="value"
-            [paletteSettings]="paletteSettings"
-            [disabled]="disabled"
-            [tabindex]="tabindex"
-            (valueChange)="handleValueChange($event)"
-            (clearButtonClick)="handleClearButtonClick()"
-            (activeColorClick)="handleActiveColorClick($event)"
-            (close)="onClose()"
-            (activeViewChange)="onActiveViewChange($event)"
-            >
-          </kendo-colorpicker>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #colorPickerButton
-            tabindex="-1"
-            role="menuitem"
-            class="k-item k-menu-item"
-            [class.k-disabled]="disabled"
-            [tabindex]="tabindex"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              @if (icon) {
-                <kendo-icon-wrapper
-                  [name]="icon"
-                  [svgIcon]="svgIcon"
-                ></kendo-icon-wrapper>
-              }
-              @if (title) {
-                <span class="k-menu-link-text">{{title}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <kendo-colorpicker
-            #colorpicker
-            [attr.title]="title"
-            [icon]="icon"
-            [svgIcon]="svgIcon"
-            [views]="views"
-            [format]="'hex'"
-            [(value)]="value"
-            [paletteSettings]="paletteSettings"
-            [disabled]="disabled"
-            [tabindex]="tabindex"
-            (valueChange)="handleValueChange($event)"
-            (clearButtonClick)="handleClearButtonClick()"
-            (activeColorClick)="handleActiveColorClick($event)"
-            (close)="onClose()"
-            (activeViewChange)="onActiveViewChange($event)"
-            >
-          </kendo-colorpicker>
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }],
-                    selector: 'kendo-toolbar-colorpicker',
-                    template: `
-        <ng-template #toolbarTemplate>
-          <kendo-colorpicker
-            #colorpicker
-            [attr.title]="title"
-            [icon]="icon"
-            [svgIcon]="svgIcon"
-            [views]="views"
-            [format]="'hex'"
-            [(value)]="value"
-            [paletteSettings]="paletteSettings"
-            [disabled]="disabled"
-            [tabindex]="tabindex"
-            (valueChange)="handleValueChange($event)"
-            (clearButtonClick)="handleClearButtonClick()"
-            (activeColorClick)="handleActiveColorClick($event)"
-            (close)="onClose()"
-            (activeViewChange)="onActiveViewChange($event)"
-            >
-          </kendo-colorpicker>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #colorPickerButton
-            tabindex="-1"
-            role="menuitem"
-            class="k-item k-menu-item"
-            [class.k-disabled]="disabled"
-            [tabindex]="tabindex"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              @if (icon) {
-                <kendo-icon-wrapper
-                  [name]="icon"
-                  [svgIcon]="svgIcon"
-                ></kendo-icon-wrapper>
-              }
-              @if (title) {
-                <span class="k-menu-link-text">{{title}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <kendo-colorpicker
-            #colorpicker
-            [attr.title]="title"
-            [icon]="icon"
-            [svgIcon]="svgIcon"
-            [views]="views"
-            [format]="'hex'"
-            [(value)]="value"
-            [paletteSettings]="paletteSettings"
-            [disabled]="disabled"
-            [tabindex]="tabindex"
-            (valueChange)="handleValueChange($event)"
-            (clearButtonClick)="handleClearButtonClick()"
-            (activeColorClick)="handleActiveColorClick($event)"
-            (close)="onClose()"
-            (activeViewChange)="onActiveViewChange($event)"
-            >
-          </kendo-colorpicker>
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [ColorPickerComponent, IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.EditorLocalizationService }, { type: i2.DialogService }, { type: i0.NgZone }, { type: i3.ProviderService }, { type: i0.Renderer2 }], propDecorators: { value: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], svgIcon: [{
-                type: Input
-            }], paletteSettings: [{
-                type: Input
-            }], editorCommand: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], views: [{
-                type: Input
-            }], view: [{
-                type: Input
-            }], element: [{
-                type: ViewChild,
-                args: ['colorpicker', { read: ElementRef }]
-            }], colorPicker: [{
-                type: ViewChild,
-                args: ['colorpicker', { read: ColorPickerComponent }]
-            }], colorPickerButton: [{
-                type: ViewChild,
-                args: ['colorPickerButton', { read: ElementRef }]
-            }] } });

package/esm2022/tools/colorpicker/editor-fore-color.directive.mjs

@@ -1,37 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { EditorColorPickerComponent } from './editor-colorpicker.component';
-import { commandIcons, commandSVGIcons } from '../../config/command-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "./editor-colorpicker.component";
-/**
- * Configures an EditorColorPickerComponent for manipulating the foreground color of the text ([see example]({% slug toolbartools_editor %}#toc-built-in-tools)).
- *
- * @example
- * ```html
- * <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
- * ```
- * @remarks
- * Applied to: {@link EditorColorPickerComponent}
- */
-export class EditorForeColorDirective {
-    colorPicker;
-    constructor(colorPicker) {
-        this.colorPicker = colorPicker;
-        this.colorPicker.icon = commandIcons.foreColor;
-        this.colorPicker.svgIcon = commandSVGIcons.foreColor;
-        this.colorPicker.editorCommand = 'foreColor';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorForeColorDirective, deps: [{ token: i1.EditorColorPickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorForeColorDirective, isStandalone: true, selector: "[kendoEditorForeColor]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorForeColorDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoEditorForeColor]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.EditorColorPickerComponent }] });

package/esm2022/tools/editor-clean-formatting-button.directive.mjs

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { EditorCommandButton } from './shared/editor-command-button';
-import { EditorLocalizationService } from '../localization/editor-localization.service';
-import { ProviderService } from '../common/provider.service';
-import { EditorToolsService } from './tools.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../localization/editor-localization.service";
-import * as i3 from "../common/provider.service";
-import * as i4 from "./tools.service";
-/**
- * A directive that configures a ToolBarButtonComponent as an Editor **Clean Formatting** tool.
- * The directive sets the SVG icon and `click` event handlers for the button.
- * ([see example]({% slug toolbartools_editor %}#toc-built-in-tools))
- *
- * @example
- * ```html
- * <kendo-toolbar-button kendoEditorCleanFormattingButton></kendo-toolbar-button>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class EditorCleanFormattingButtonDirective extends EditorCommandButton {
-    constructor(button, localization, providerService, toolsService) {
-        super('cleanFormatting', button, localization, providerService, toolsService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorCleanFormattingButtonDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditorCleanFormattingButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoEditorCleanFormattingButton]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorCleanFormattingButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'kendo-toolbar-button[kendoEditorCleanFormattingButton]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }] });

package/esm2022/tools/fontfamily/editor-fontfamily-dropdownlist.component.mjs

@@ -1,109 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ViewChild, Input, ElementRef, Output, EventEmitter } from '@angular/core';
-import { NgStyle } from '@angular/common';
-import { DropDownListComponent, ItemTemplateDirective } from '@progress/kendo-angular-dropdowns';
-import { DropDownToolDirective } from '../shared/dropdown-tool.directive';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class FontFamilyDropDownListComponent {
-    data;
-    value;
-    defaultItem;
-    itemDisabled;
-    title;
-    disabled;
-    tabindex;
-    valueChange = new EventEmitter();
-    element;
-    dropDownList;
-    onValueChange(tag) {
-        this.valueChange.emit(tag);
-    }
-    focus() {
-        this.dropDownList.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FontFamilyDropDownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FontFamilyDropDownListComponent, isStandalone: true, 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)"
-            [style.width.em]="13"
-        >
-            <ng-template kendoDropDownListItemTemplate let-dataItem>
-                <span [ngStyle]="{ 'font-family': dataItem.fontName }">
-                    {{ dataItem.text }}
-                </span>
-            </ng-template>
-        </kendo-dropdownlist>
-    `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: DropDownToolDirective, selector: "[kendoEditorDropDownTool]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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)"
-            [style.width.em]="13"
-        >
-            <ng-template kendoDropDownListItemTemplate let-dataItem>
-                <span [ngStyle]="{ 'font-family': dataItem.fontName }">
-                    {{ dataItem.text }}
-                </span>
-            </ng-template>
-        </kendo-dropdownlist>
-    `,
-                    standalone: true,
-                    imports: [DropDownListComponent, DropDownToolDirective, ItemTemplateDirective, NgStyle]
-                }]
-        }], 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 }]
-            }] } });