@progress/kendo-angular-buttons 7.0.0-next.202111120840 → 7.0.2-dev.202201201235

package/esm2015/button/button.directive.js

@@ -1,488 +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 { Directive, EventEmitter, HostBinding, HostListener, Input, Output, Optional } from '@angular/core';
-import { isDocumentAvailable, isChanged, hasObservers, Keys } from '@progress/kendo-angular-common';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { filter } from 'rxjs/operators';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import * as i0 from "@angular/core";
-import * as i1 from "./button.service";
-import * as i2 from "@progress/kendo-angular-l10n";
-const SPAN_TAG_NAME = 'SPAN';
-/**
- * Represents the Kendo UI Button component for Angular.
- */
-export class ButtonDirective {
-    constructor(element, renderer, service, localization, ngZone) {
-        this.service = service;
-        this.ngZone = ngZone;
-        /**
-         * Provides visual styling that indicates if the Button is active.
-         * By default, `toggleable` is set to `false`.
-         */
-        this.toggleable = false;
-        /**
-         * Adds visual weight to the Button and makes it primary.
-         */
-        this.primary = false;
-        /**
-         * Changes the visual appearance by using alternative styling options
-         * ([more information and examples]({% slug appearance_button %})).
-         *
-         * The available values are:
-         * * [`ButtonLook`]({% slug api_buttons_buttonlook %}) = `flat` | `outline`
-         * * `clear`
-         */
-        this.look = 'default';
-        /**
-         * @hidden
-         */
-        this.role = 'button';
-        /**
-         * Fires each time the selected state of a toggleable button is changed.
-         *
-         * The event argument is the new selected state (boolean).
-         */
-        this.selectedChange = new EventEmitter();
-        /**
-         * Fires each time the user clicks the button.
-         */
-        this.click = new EventEmitter();
-        this.isDisabled = false;
-        this.isIcon = false;
-        this.isIconClass = false;
-        this._focused = false;
-        this.domEvents = [];
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.localizationChangeSubscription = localization.changes
-            .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
-        this.element = element.nativeElement;
-        this.renderer = renderer;
-    }
-    /**
-     * Backwards-compatible alias
-     *
-     * @hidden
-     */
-    get togglable() {
-        return this.toggleable;
-    }
-    /**
-     * @hidden
-     */
-    set togglable(value) {
-        this.toggleable = value;
-    }
-    /**
-     * Sets the selected state of the Button.
-     */
-    get selected() {
-        return this._selected || false;
-    }
-    set selected(value) {
-        this._selected = value;
-    }
-    /**
-     * @hidden
-     */
-    set tabIndex(index) {
-        this.element.tabIndex = index;
-    }
-    get tabIndex() {
-        return this.element.tabIndex;
-    }
-    /**
-     * Defines the name for an existing icon in a Kendo UI theme.
-     * The icon is rendered inside the Button by a `span.k-icon` element.
-     */
-    set icon(icon) {
-        if (icon) {
-            this.iconSetter(icon, () => {
-                this.isIcon = true;
-                const classes = 'k-icon k-i-' + icon;
-                this.addIcon(classes);
-            });
-        }
-        else {
-            this.isIcon = false;
-            this.updateIconNode();
-        }
-    }
-    /**
-     * Defines a CSS class—or multiple classes separated by spaces—
-     * which are applied to a `span` element inside the Button. Allows the usage of custom icons.
-     */
-    set iconClass(iconClassName) {
-        if (iconClassName) {
-            this.iconSetter(iconClassName, () => {
-                this.isIconClass = true;
-                this.addIcon(iconClassName);
-            });
-        }
-        else {
-            this.isIconClass = false;
-            this.updateIconNode();
-        }
-    }
-    /**
-     * Defines a URL which is used for an `img` element inside the Button.
-     * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
-     */
-    set imageUrl(imageUrl) {
-        if (imageUrl) {
-            this.iconSetter(imageUrl, this.addImgIcon.bind(this));
-        }
-        else {
-            this.removeImageNode();
-        }
-    }
-    /**
-     * If set to `true`, it disables the Button.
-     */
-    set disabled(disabled) {
-        this.isDisabled = disabled;
-        this.renderer.setProperty(this.element, 'disabled', disabled);
-    }
-    get disabled() {
-        return this.isDisabled;
-    }
-    set isFocused(isFocused) {
-        this.toggleClass('k-state-focused', isFocused);
-        this._focused = isFocused;
-    }
-    get isFocused() {
-        return this._focused;
-    }
-    get classButton() {
-        return true;
-    }
-    get classPrimary() {
-        return this.primary;
-    }
-    get isToggleable() {
-        return this.toggleable;
-    }
-    get isFlat() {
-        return this.look === 'flat';
-    }
-    get isBare() {
-        return this.look === 'bare';
-    }
-    get isOutline() {
-        return this.look === 'outline';
-    }
-    get isClear() {
-        return this.look === 'clear';
-    }
-    get roleSetter() {
-        return this.role;
-    }
-    get classDisabled() {
-        return this.isDisabled;
-    }
-    get classActive() {
-        return this.selected;
-    }
-    get getDirection() {
-        return this.direction;
-    }
-    /**
-     * @hidden
-     */
-    onFocus() {
-        this.isFocused = true;
-    }
-    /**
-     * @hidden
-     */
-    onBlur() {
-        this.isFocused = false;
-    }
-    ngOnInit() {
-        const isSpan = this.element.tagName === SPAN_TAG_NAME;
-        if (this.service) {
-            this.buttonLookChangeSubscription = this.service.buttonLookChange
-                .pipe(filter((look) => look !== 'default'))
-                .subscribe((look) => this.look = look);
-        }
-        if (!this.element.hasAttribute('role') && this.togglable) {
-            this.toggleAriaPressed(this.toggleable);
-        }
-        if (this.role) {
-            this.setAttribute('role', this.role);
-        }
-        this.ngZone.runOutsideAngular(() => {
-            this.domEvents.push(this.renderer.listen(this.element, 'click', this._onButtonClick.bind(this)));
-            this.domEvents.push(this.renderer.listen(this.element, 'keydown', (event) => {
-                if (isSpan && (event.keyCode === Keys.Space || event.keyCode === Keys.Enter)) {
-                    this.click.emit(event);
-                    this._onButtonClick();
-                }
-            }));
-        });
-    }
-    ngOnChanges(change) {
-        if (isChanged('togglable', change) || isChanged('toggleable', change)) {
-            this.toggleAriaPressed(this.toggleable);
-        }
-    }
-    ngAfterViewChecked() {
-        this.setIconTextClasses();
-    }
-    ngOnDestroy() {
-        this.imageNode = null;
-        this.iconNode = null;
-        this.renderer = null;
-        this.localizationChangeSubscription.unsubscribe();
-        if (this.service && this.buttonLookChangeSubscription) {
-            this.buttonLookChangeSubscription.unsubscribe();
-        }
-        clearTimeout(this.deferTimeout);
-        this.domEvents.forEach(unbindHandler => unbindHandler());
-    }
-    /**
-     * Focuses the Button component.
-     */
-    focus() {
-        if (isDocumentAvailable()) {
-            this.element.focus();
-            this.isFocused = true;
-        }
-    }
-    /**
-     * Blurs the Button component.
-     */
-    blur() {
-        if (isDocumentAvailable()) {
-            this.element.blur();
-            this.isFocused = false;
-        }
-    }
-    /**
-     * @hidden
-     */
-    setAttribute(attribute, value) {
-        this.renderer.setAttribute(this.element, attribute, value);
-    }
-    /**
-     * @hidden
-     */
-    removeAttribute(attribute) {
-        this.renderer.removeAttribute(this.element, attribute);
-    }
-    /**
-     * @hidden
-     *
-     * Internal setter that triggers selectedChange
-     */
-    setSelected(value) {
-        const changed = this.selected !== value;
-        this.selected = value;
-        this.setAttribute('aria-pressed', this.selected.toString());
-        this.toggleClass('k-state-selected', this.selected);
-        if (changed && hasObservers(this.selectedChange)) {
-            this.ngZone.run(() => {
-                this.selectedChange.emit(value);
-            });
-        }
-    }
-    toggleAriaPressed(shouldSet) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (shouldSet) {
-            this.setAttribute('aria-pressed', this.selected.toString());
-        }
-        else {
-            this.removeAttribute('aria-pressed');
-        }
-    }
-    hasText() {
-        if (isDocumentAvailable()) {
-            return String(this.element.textContent).trim().length > 0;
-        }
-        else {
-            return false;
-        }
-    }
-    addImgIcon(imageUrl) {
-        let renderer = this.renderer;
-        if (this.imageNode) {
-            renderer.setProperty(this.imageNode, 'src', imageUrl);
-        }
-        else if (isDocumentAvailable()) {
-            this.imageNode = renderer.createElement('img');
-            renderer.setProperty(this.imageNode, 'src', imageUrl);
-            renderer.setProperty(this.imageNode, 'className', 'k-image');
-            renderer.setAttribute(this.imageNode, 'role', 'presentation');
-            this.prependChild(this.imageNode);
-        }
-    }
-    addIcon(classNames) {
-        let renderer = this.renderer;
-        if (this.iconNode) {
-            renderer.setProperty(this.iconNode, 'className', classNames);
-        }
-        else if (isDocumentAvailable()) {
-            this.iconNode = renderer.createElement('span');
-            renderer.setProperty(this.iconNode, 'className', classNames);
-            renderer.setAttribute(this.iconNode, 'role', 'presentation');
-            this.prependChild(this.iconNode);
-        }
-    }
-    prependChild(node) {
-        this.defer(() => {
-            if (this.renderer && node !== this.element.firstChild) {
-                this.renderer.insertBefore(this.element, node, this.element.firstChild);
-            }
-        });
-    }
-    defer(callback) {
-        this.ngZone.runOutsideAngular(() => {
-            this.deferTimeout = setTimeout(callback, 0);
-        });
-    }
-    iconSetter(icon, insertIcon) {
-        if (icon) {
-            insertIcon(icon);
-        }
-        this.setIconTextClasses();
-    }
-    removeImageNode() {
-        if (this.imageNode && this.renderer.parentNode(this.imageNode)) {
-            this.renderer.removeChild(this.element, this.imageNode);
-            this.imageNode = null;
-        }
-    }
-    removeIconNode() {
-        if (this.iconNode && this.renderer.parentNode(this.iconNode)) {
-            this.renderer.removeChild(this.element, this.iconNode);
-            this.iconNode = null;
-        }
-    }
-    updateIconNode() {
-        if (!this.isIcon && !this.isIconClass) {
-            this.removeIconNode();
-        }
-    }
-    setIconTextClasses() {
-        const hasIcon = this.isIcon || this.isIconClass || this.imageNode;
-        const hasText = this.hasText();
-        this.toggleClass('k-button-icon', hasIcon && !hasText);
-        this.toggleClass('k-button-icontext', hasIcon && hasText);
-    }
-    toggleClass(className, add) {
-        if (add) {
-            this.renderer.addClass(this.element, className);
-        }
-        else {
-            this.renderer.removeClass(this.element, className);
-        }
-    }
-    _onButtonClick() {
-        if (!this.disabled && this.service) {
-            this.ngZone.run(() => {
-                this.service.click(this);
-            });
-        }
-        if (this.togglable && !this.service) {
-            this.setSelected(!this.selected);
-        }
-    }
-}
-ButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.KendoButtonService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-ButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: { toggleable: "toggleable", togglable: "togglable", primary: "primary", look: "look", selected: "selected", tabIndex: "tabIndex", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", role: "role" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-primary": "this.classPrimary", "class.k-toggle-button": "this.isToggleable", "class.k-flat": "this.isFlat", "class.k-bare": "this.isBare", "class.k-outline": "this.isOutline", "class.k-button-clear": "this.isClear", "attr.role": "this.roleSetter", "attr.aria-disabled": "this.classDisabled", "class.k-state-disabled": "this.classDisabled", "class.k-state-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.button'
-        }
-    ], exportAs: ["kendoButton"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    exportAs: 'kendoButton',
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.button'
-                        }
-                    ],
-                    selector: 'button[kendoButton], span[kendoButton]' // eslint-disable-line
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.KendoButtonService, decorators: [{
-                    type: Optional
-                }] }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { toggleable: [{
-                type: Input
-            }], togglable: [{
-                type: Input
-            }], primary: [{
-                type: Input
-            }], look: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], iconClass: [{
-                type: Input
-            }], imageUrl: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], role: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }], click: [{
-                type: Output
-            }], classButton: [{
-                type: HostBinding,
-                args: ['class.k-button']
-            }], classPrimary: [{
-                type: HostBinding,
-                args: ['class.k-primary']
-            }], isToggleable: [{
-                type: HostBinding,
-                args: ['class.k-toggle-button']
-            }], isFlat: [{
-                type: HostBinding,
-                args: ['class.k-flat']
-            }], isBare: [{
-                type: HostBinding,
-                args: ['class.k-bare']
-            }], isOutline: [{
-                type: HostBinding,
-                args: ['class.k-outline']
-            }], isClear: [{
-                type: HostBinding,
-                args: ['class.k-button-clear']
-            }], roleSetter: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], classDisabled: [{
-                type: HostBinding,
-                args: ['attr.aria-disabled']
-            }, {
-                type: HostBinding,
-                args: ['class.k-state-disabled']
-            }], classActive: [{
-                type: HostBinding,
-                args: ['class.k-state-selected']
-            }], getDirection: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], onFocus: [{
-                type: HostListener,
-                args: ['focus']
-            }], onBlur: [{
-                type: HostListener,
-                args: ['blur']
-            }] } });

package/esm2015/button/button.service.js

@@ -1,28 +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 { Injectable } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class KendoButtonService {
-    constructor() {
-        this.buttonLookChange = new BehaviorSubject('default');
-        this.buttonClicked = new Subject();
-        this.buttonClicked$ = this.buttonClicked.asObservable();
-    }
-    click(button) {
-        this.buttonClicked.next(button);
-    }
-    setButtonLook(look) {
-        this.buttonLookChange.next(look);
-    }
-}
-KendoButtonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KendoButtonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: KendoButtonService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: KendoButtonService, decorators: [{
-            type: Injectable
-        }] });

package/esm2015/buttongroup/buttongroup.module.js

@@ -1,30 +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 { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button/button.module';
-import { ButtonGroupComponent } from './buttongroup.component';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- *
- * The exported package module.
- *
- * The package exports:
- * - `ButtonGroupComponent`—The ButtonGroupComponent component class.
- */
-export class ButtonGroupModule {
-}
-ButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonGroupModule, declarations: [ButtonGroupComponent], imports: [CommonModule, ButtonModule], exports: [ButtonGroupComponent] });
-ButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonGroupModule, imports: [[CommonModule, ButtonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonGroupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ButtonGroupComponent],
-                    exports: [ButtonGroupComponent],
-                    imports: [CommonModule, ButtonModule]
-                }]
-        }] });

package/esm2015/chip/chip-list.component.js

@@ -1,145 +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 { Component, Input, HostBinding, ContentChildren, EventEmitter, Output, HostListener } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { ChipComponent } from './chip.component';
-import { closest } from '../util';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-export class ChipListComponent {
-    constructor(localizationService, renderer) {
-        this.localizationService = localizationService;
-        this.renderer = renderer;
-        this.hostClass = true;
-        /**
-         * Sets the selection mode of the ChipList.
-         *
-         * The available values are:
-         * * `none` (default)
-         * * `single`
-         * * `multiple`
-         */
-        this.selection = 'none';
-        /**
-         * Fires each time when the ChipList selection is changed.
-         */
-        this.selectedChange = new EventEmitter();
-        /**
-         * Fires each time the user clicks on the remove icon of the Chip.
-         */
-        this.remove = new EventEmitter();
-        this.role = 'listbox';
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
-    get single() {
-        return this.selection === 'single';
-    }
-    get multiple() {
-        return this.selection === 'multiple';
-    }
-    /**
-     * @hidden
-     */
-    onClick($event) {
-        const target = $event.target;
-        const isRemoveClicked = closest(target, '.k-remove-icon');
-        const clickedChip = closest(target, '.k-chip');
-        const chip = this.chips.find((chip) => clickedChip === chip.element.nativeElement);
-        if (isRemoveClicked && clickedChip) {
-            const removeEventArgs = { sender: this, originalEvent: $event, removedChip: chip };
-            this.remove.emit(removeEventArgs);
-        }
-        if (this.selection !== 'none' && clickedChip && !isRemoveClicked) {
-            this.setSelection(chip);
-        }
-    }
-    ngOnInit() {
-        this.dynamicRTLSubscription = this.localizationService.changes
-            .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
-    }
-    ngAfterContentInit() {
-        this.chips.forEach((chip) => {
-            this.renderer.setAttribute(chip.element.nativeElement, 'role', 'option');
-        });
-    }
-    ngOnDestroy() {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    }
-    selectedChips() {
-        return this.chips.reduce((acc, cur, idx) => { return cur.selected ? acc.concat(idx) : acc; }, []);
-    }
-    /**
-     * Updates the selection on click of a Chip. Emits events.
-     */
-    setSelection(chip) {
-        if (this.selection === 'single') {
-            this.clearSelection(chip);
-        }
-        chip.selected = !chip.selected;
-        this.selectedChange.emit(this.selectedChips());
-    }
-    clearSelection(chip) {
-        this.chips.forEach((c) => {
-            if (chip !== c) {
-                c.selected = false;
-            }
-        });
-    }
-}
-ChipListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ChipListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ChipListComponent, selector: "kendo-chip-list, kendo-chiplist", inputs: { selection: "selection" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.chip-list'
-        }
-    ], queries: [{ propertyName: "chips", predicate: ChipComponent }], ngImport: i0, template: `
-        <ng-content></ng-content>
-    `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChipListComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-chip-list, kendo-chiplist',
-                    template: `
-        <ng-content></ng-content>
-    `,
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.chip-list'
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-chip-list']
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], selection: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }], remove: [{
-                type: Output
-            }], chips: [{
-                type: ContentChildren,
-                args: [ChipComponent]
-            }], single: [{
-                type: HostBinding,
-                args: ['class.k-selection-single']
-            }], multiple: [{
-                type: HostBinding,
-                args: ['class.k-selection-multiple']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });