import { EventEmitter, TemplateRef, ElementRef, ChangeDetectorRef, Renderer2 } from '@angular/core'; import { TagModel } from '../../core/accessor'; import { TagRipple } from '../tag/tag-ripple.component'; export declare class TagComponent { element: ElementRef; renderer: Renderer2; private cdRef; /** * @name model {TagModel} */ model: TagModel; /** * @name removable {boolean} */ removable: boolean; /** * @name editable {boolean} */ editable: boolean; /** * @name template {TemplateRef} */ template: TemplateRef; /** * @name displayBy {string} */ displayBy: string; /** * @name identifyBy {string} */ identifyBy: string; /** * @name index {number} */ index: number; /** * @name hasRipple */ hasRipple: boolean; /** * @name disabled */ disabled: boolean; /** * @name onSelect * @type {EventEmitter} */ onSelect: EventEmitter; /** * @name onRemove * @type {EventEmitter} */ onRemove: EventEmitter; /** * @name onBlur * @type {EventEmitter} */ onBlur: EventEmitter; /** * @name onKeyDown * @type {EventEmitter} */ onKeyDown: EventEmitter; /** * @name onTagEdited * @type {EventEmitter} */ onTagEdited: EventEmitter; /** * @name readonly {boolean} */ readonly readonly: boolean; /** * @name editing * @type {boolean} */ editing: boolean; /** * @name moving * @type {boolean} */ moving: boolean; /** * @name rippleState * @type {string} */ rippleState: string; /** * @name ripple {TagRipple} */ ripple: TagRipple; constructor(element: ElementRef, renderer: Renderer2, cdRef: ChangeDetectorRef); /** * @name select */ select($event?: MouseEvent): void; /** * @name remove */ remove($event: MouseEvent): void; /** * @name focus */ focus(): void; move(): void; /** * @name keydown * @param event */ keydown(event: KeyboardEvent): void; /** * @name blink */ blink(): void; /** * @name toggleEditMode */ toggleEditMode(): void; /** * @name onBlurred * @param event */ onBlurred(event: any): void; /** * @name getDisplayValue * @param item * @returns {string} */ getDisplayValue(item: TagModel): string; /** * @desc returns whether the ripple is visible or not * only works in Chrome * @name isRippleVisible * @returns {boolean} */ readonly isRippleVisible: boolean; /** * @name getContentEditableText * @returns {string} */ private getContentEditableText(); /** * @name setContentEditableText * @param model */ private setContentEditableText(model); /** * @name */ private activateEditMode(); /** * @name disableEditMode * @param $event */ private disableEditMode($event?); /** * @name storeNewValue * @param input */ private storeNewValue(input); /** * @name getContentEditable */ private getContentEditable(); /** * @name isDeleteIconVisible * @returns {boolean} */ private isDeleteIconVisible(); }