| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- /**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
- import { FocusableOption } from '@angular/cdk/a11y';
- import { Platform } from '@angular/cdk/platform';
- import { ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
- import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, CanDisableRipple, CanDisableRippleCtor, RippleConfig, RippleGlobalOptions, RippleTarget } from '@angular/material/core';
- import { Subject } from 'rxjs';
- /** Represents an event fired on an individual `mat-chip`. */
- export interface MatChipEvent {
- /** The chip the event was fired on. */
- chip: MatChip;
- }
- /** Event object emitted by MatChip when selected or deselected. */
- export declare class MatChipSelectionChange {
- /** Reference to the chip that emitted the event. */
- source: MatChip;
- /** Whether the chip that emitted the event is selected. */
- selected: boolean;
- /** Whether the selection change was a result of a user interaction. */
- isUserInput: boolean;
- constructor(
- /** Reference to the chip that emitted the event. */
- source: MatChip,
- /** Whether the chip that emitted the event is selected. */
- selected: boolean,
- /** Whether the selection change was a result of a user interaction. */
- isUserInput?: boolean);
- }
- /** @docs-private */
- declare class MatChipBase {
- _elementRef: ElementRef;
- constructor(_elementRef: ElementRef);
- }
- declare const _MatChipMixinBase: CanColorCtor & CanDisableRippleCtor & CanDisableCtor & typeof MatChipBase;
- /**
- * Dummy directive to add CSS class to chip avatar.
- * @docs-private
- */
- export declare class MatChipAvatar {
- }
- /**
- * Dummy directive to add CSS class to chip trailing icon.
- * @docs-private
- */
- export declare class MatChipTrailingIcon {
- }
- /**
- * Material design styled Chip component. Used inside the MatChipList component.
- */
- export declare class MatChip extends _MatChipMixinBase implements FocusableOption, OnDestroy, CanColor, CanDisable, CanDisableRipple, RippleTarget {
- _elementRef: ElementRef<HTMLElement>;
- private _ngZone;
- /** Reference to the RippleRenderer for the chip. */
- private _chipRipple;
- /**
- * Ripple configuration for ripples that are launched on pointer down. The ripple config
- * is set to the global ripple options since we don't have any configurable options for
- * the chip ripples.
- * @docs-private
- */
- rippleConfig: RippleConfig & RippleGlobalOptions;
- /**
- * Whether ripples are disabled on interaction
- * @docs-private
- */
- readonly rippleDisabled: boolean;
- /** Whether the chip has focus. */
- _hasFocus: boolean;
- /** Whether animations for the chip are enabled. */
- _animationsDisabled: boolean;
- /** Whether the chip list is selectable */
- chipListSelectable: boolean;
- /** Whether the chip list is in multi-selection mode. */
- _chipListMultiple: boolean;
- /** The chip avatar */
- avatar: MatChipAvatar;
- /** The chip's trailing icon. */
- trailingIcon: MatChipTrailingIcon;
- /** The chip's remove toggler. */
- removeIcon: MatChipRemove;
- /** Whether the chip is selected. */
- selected: boolean;
- protected _selected: boolean;
- /** The value of the chip. Defaults to the content inside `<mat-chip>` tags. */
- value: any;
- protected _value: any;
- /**
- * Whether or not the chip is selectable. When a chip is not selectable,
- * changes to its selected state are always ignored. By default a chip is
- * selectable, and it becomes non-selectable if its parent chip list is
- * not selectable.
- */
- selectable: boolean;
- protected _selectable: boolean;
- /**
- * Determines whether or not the chip displays the remove styling and emits (removed) events.
- */
- removable: boolean;
- protected _removable: boolean;
- /** Emits when the chip is focused. */
- readonly _onFocus: Subject<MatChipEvent>;
- /** Emits when the chip is blured. */
- readonly _onBlur: Subject<MatChipEvent>;
- /** Emitted when the chip is selected or deselected. */
- readonly selectionChange: EventEmitter<MatChipSelectionChange>;
- /** Emitted when the chip is destroyed. */
- readonly destroyed: EventEmitter<MatChipEvent>;
- /** Emitted when a chip is to be removed. */
- readonly removed: EventEmitter<MatChipEvent>;
- /** The ARIA selected applied to the chip. */
- readonly ariaSelected: string | null;
- constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, platform: Platform, globalRippleOptions: RippleGlobalOptions | null, animationMode?: string);
- _addHostClassName(): void;
- ngOnDestroy(): void;
- /** Selects the chip. */
- select(): void;
- /** Deselects the chip. */
- deselect(): void;
- /** Select this chip and emit selected event */
- selectViaInteraction(): void;
- /** Toggles the current selected state of this chip. */
- toggleSelected(isUserInput?: boolean): boolean;
- /** Allows for programmatic focusing of the chip. */
- focus(): void;
- /**
- * Allows for programmatic removal of the chip. Called by the MatChipList when the DELETE or
- * BACKSPACE keys are pressed.
- *
- * Informs any listeners of the removal request. Does not remove the chip from the DOM.
- */
- remove(): void;
- /** Handles click events on the chip. */
- _handleClick(event: Event): void;
- /** Handle custom key presses. */
- _handleKeydown(event: KeyboardEvent): void;
- _blur(): void;
- private _dispatchSelectionChange;
- }
- /**
- * Applies proper (click) support and adds styling for use with the Material Design "cancel" icon
- * available at https://material.io/icons/#ic_cancel.
- *
- * Example:
- *
- * `<mat-chip>
- * <mat-icon matChipRemove>cancel</mat-icon>
- * </mat-chip>`
- *
- * You *may* use a custom icon, but you may need to override the `mat-chip-remove` positioning
- * styles to properly center the icon within the chip.
- */
- export declare class MatChipRemove {
- protected _parentChip: MatChip;
- constructor(_parentChip: MatChip);
- /** Calls the parent chip's public `remove()` method if applicable. */
- _handleClick(event: Event): void;
- }
- export {};
|