| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705 |
- import { _AbstractConstructor } from '@angular/material/core';
- import { AfterContentInit } from '@angular/core';
- import { BooleanInput } from '@angular/cdk/coercion';
- import { CanColor } from '@angular/material/core';
- import { CanDisable } from '@angular/material/core';
- import { CanDisableRipple } from '@angular/material/core';
- import { CanUpdateErrorState } from '@angular/material/core';
- import { ChangeDetectorRef } from '@angular/core';
- import { _Constructor } from '@angular/material/core';
- import { ControlValueAccessor } from '@angular/forms';
- import { Directionality } from '@angular/cdk/bidi';
- import { DoCheck } from '@angular/core';
- import { ElementRef } from '@angular/core';
- import { ErrorStateMatcher } from '@angular/material/core';
- import { EventEmitter } from '@angular/core';
- import { FocusableOption } from '@angular/cdk/a11y';
- import { FocusKeyManager } from '@angular/cdk/a11y';
- import { FormGroupDirective } from '@angular/forms';
- import { HasTabIndex } from '@angular/material/core';
- import * as i0 from '@angular/core';
- import * as i4 from '@angular/material/core';
- import { InjectionToken } from '@angular/core';
- import { MatLegacyFormFieldControl } from '@angular/material/legacy-form-field';
- import { NgControl } from '@angular/forms';
- import { NgForm } from '@angular/forms';
- import { NgZone } from '@angular/core';
- import { Observable } from 'rxjs';
- import { OnChanges } from '@angular/core';
- import { OnDestroy } from '@angular/core';
- import { OnInit } from '@angular/core';
- import { Platform } from '@angular/cdk/platform';
- import { QueryList } from '@angular/core';
- import { RippleConfig } from '@angular/material/core';
- import { RippleGlobalOptions } from '@angular/material/core';
- import { RippleTarget } from '@angular/material/core';
- import { SelectionModel } from '@angular/cdk/collections';
- import { Subject } from 'rxjs';
- declare namespace i1 {
- export {
- MatLegacyChipListChange,
- MatLegacyChipList
- }
- }
- declare namespace i2 {
- export {
- MatLegacyChipEvent,
- MatLegacyChipSelectionChange,
- MAT_LEGACY_CHIP_REMOVE,
- MAT_LEGACY_CHIP_AVATAR,
- MAT_LEGACY_CHIP_TRAILING_ICON,
- MatLegacyChipAvatar,
- MatLegacyChipTrailingIcon,
- MatLegacyChip,
- MatLegacyChipRemove
- }
- }
- declare namespace i3 {
- export {
- MatLegacyChipInputEvent,
- MatLegacyChipInput
- }
- }
- /**
- * Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
- * alternative token to the actual `MatChipAvatar` class which could cause unnecessary
- * retention of the class and its directive metadata.
- * @deprecated Use `MAT_CHIP_AVATAR` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare const MAT_LEGACY_CHIP_AVATAR: InjectionToken<MatLegacyChipAvatar>;
- /**
- * Injection token that can be used to reference instances of `MatChipRemove`. It serves as
- * alternative token to the actual `MatChipRemove` class which could cause unnecessary
- * retention of the class and its directive metadata.
- * @deprecated Use `MAT_CHIP_REMOVE` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare const MAT_LEGACY_CHIP_REMOVE: InjectionToken<MatLegacyChipRemove>;
- /**
- * Injection token that can be used to reference instances of `MatChipTrailingIcon`. It serves as
- * alternative token to the actual `MatChipTrailingIcon` class which could cause unnecessary
- * retention of the class and its directive metadata.
- * @deprecated Use `MAT_CHIP_TRAILING_ICON` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare const MAT_LEGACY_CHIP_TRAILING_ICON: InjectionToken<MatLegacyChipTrailingIcon>;
- /**
- * Injection token to be used to override the default options for the chips module.
- * @deprecated Use `MAT_CHIPS_DEFAULT_OPTIONS` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare const MAT_LEGACY_CHIPS_DEFAULT_OPTIONS: InjectionToken<MatLegacyChipsDefaultOptions>;
- /** @docs-private */
- declare abstract class MatChipBase {
- _elementRef: ElementRef;
- abstract disabled: boolean;
- constructor(_elementRef: ElementRef);
- }
- /** @docs-private */
- declare const _MatChipListBase: _Constructor<CanUpdateErrorState> & _AbstractConstructor<CanUpdateErrorState> & {
- new (_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl): {
- /**
- * Emits whenever the component state changes and should cause the parent
- * form-field to update. Implemented as part of `MatFormFieldControl`.
- * @docs-private
- */
- readonly stateChanges: Subject<void>;
- _defaultErrorStateMatcher: ErrorStateMatcher;
- _parentForm: NgForm;
- _parentFormGroup: FormGroupDirective;
- /**
- * Form control bound to the component.
- * Implemented as part of `MatFormFieldControl`.
- * @docs-private
- */
- ngControl: NgControl;
- };
- };
- declare const _MatChipMixinBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & typeof MatChipBase;
- /**
- * Material Design styled chip directive. Used inside the MatChipList component.
- * @deprecated Use `MatChip` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChip extends _MatChipMixinBase implements FocusableOption, OnDestroy, CanColor, CanDisableRipple, RippleTarget, HasTabIndex, CanDisable {
- private _ngZone;
- private _changeDetectorRef;
- /** Reference to the RippleRenderer for the chip. */
- private _chipRipple;
- /**
- * Reference to the element that acts as the chip's ripple target. This element is
- * dynamically added as a child node of the chip. The chip itself cannot be used as the
- * ripple target because it must be the host of the focus indicator.
- */
- private _chipRippleTarget;
- /**
- * 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
- */
- get 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;
- /** Whether the chip list as a whole is disabled. */
- _chipListDisabled: boolean;
- /** The chip avatar */
- avatar: MatLegacyChipAvatar;
- /** The chip's trailing icon. */
- trailingIcon: MatLegacyChipTrailingIcon;
- /** The chip's remove toggler. */
- removeIcon: MatLegacyChipRemove;
- /** ARIA role that should be applied to the chip. */
- role: string;
- /** Whether the chip is selected. */
- get selected(): boolean;
- set selected(value: BooleanInput);
- protected _selected: boolean;
- /** The value of the chip. Defaults to the content inside `<mat-chip>` tags. */
- get value(): any;
- set value(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.
- */
- get selectable(): boolean;
- set selectable(value: BooleanInput);
- protected _selectable: boolean;
- /** Whether the chip is disabled. */
- get disabled(): boolean;
- set disabled(value: BooleanInput);
- protected _disabled: boolean;
- /**
- * Determines whether or not the chip displays the remove styling and emits (removed) events.
- */
- get removable(): boolean;
- set removable(value: BooleanInput);
- protected _removable: boolean;
- /** Emits when the chip is focused. */
- readonly _onFocus: Subject<MatLegacyChipEvent>;
- /** Emits when the chip is blurred. */
- readonly _onBlur: Subject<MatLegacyChipEvent>;
- /** Emitted when the chip is selected or deselected. */
- readonly selectionChange: EventEmitter<MatLegacyChipSelectionChange>;
- /** Emitted when the chip is destroyed. */
- readonly destroyed: EventEmitter<MatLegacyChipEvent>;
- /** Emitted when a chip is to be removed. */
- readonly removed: EventEmitter<MatLegacyChipEvent>;
- /** The ARIA selected applied to the chip. */
- get ariaSelected(): string | null;
- constructor(elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, platform: Platform, globalRippleOptions: RippleGlobalOptions | null, _changeDetectorRef: ChangeDetectorRef, _document: any, animationMode?: string, tabIndex?: 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;
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyChip, [null, null, null, { optional: true; }, null, null, { optional: true; }, { attribute: "tabindex"; }]>;
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyChip, "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", ["matChip"], { "color": { "alias": "color"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "role": { "alias": "role"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; }, { "selectionChange": "selectionChange"; "destroyed": "destroyed"; "removed": "removed"; }, ["avatar", "trailingIcon", "removeIcon"], never, false, never>;
- }
- /**
- * Dummy directive to add CSS class to chip avatar.
- * @docs-private
- * @deprecated Use `MatChipAvatar` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipAvatar {
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyChipAvatar, never>;
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyChipAvatar, "mat-chip-avatar, [matChipAvatar]", never, {}, {}, never, never, false, never>;
- }
- /**
- * Represents an event fired on an individual `mat-chip`.
- * @deprecated Use `MatChipEvent` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare interface MatLegacyChipEvent {
- /** The chip the event was fired on. */
- chip: MatLegacyChip;
- }
- /**
- * Directive that adds chip-specific behaviors to an input element inside `<mat-form-field>`.
- * May be placed inside or outside of an `<mat-chip-list>`.
- * @deprecated Use `MatChipInput` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipInput implements MatLegacyChipTextControl, OnChanges, OnDestroy, AfterContentInit {
- protected _elementRef: ElementRef<HTMLInputElement>;
- /** Used to prevent focus moving to chips while user is holding backspace */
- private _focusLastChipOnBackspace;
- /** Whether the control is focused. */
- focused: boolean;
- _chipList: MatLegacyChipList;
- /** Register input for chip list */
- set chipList(value: MatLegacyChipList);
- /**
- * Whether or not the chipEnd event will be emitted when the input is blurred.
- */
- get addOnBlur(): boolean;
- set addOnBlur(value: BooleanInput);
- _addOnBlur: boolean;
- /**
- * The list of key codes that will trigger a chipEnd event.
- *
- * Defaults to `[ENTER]`.
- */
- separatorKeyCodes: readonly number[] | ReadonlySet<number>;
- /** Emitted when a chip is to be added. */
- readonly chipEnd: EventEmitter<MatLegacyChipInputEvent>;
- /** The input's placeholder text. */
- placeholder: string;
- /** Unique id for the input. */
- id: string;
- /** Whether the input is disabled. */
- get disabled(): boolean;
- set disabled(value: BooleanInput);
- private _disabled;
- /** Whether the input is empty. */
- get empty(): boolean;
- /** The native input element to which this directive is attached. */
- readonly inputElement: HTMLInputElement;
- constructor(_elementRef: ElementRef<HTMLInputElement>, defaultOptions: MatLegacyChipsDefaultOptions);
- ngOnChanges(): void;
- ngOnDestroy(): void;
- ngAfterContentInit(): void;
- /** Utility method to make host definition/tests more clear. */
- _keydown(event?: KeyboardEvent): void;
- /**
- * Pass events to the keyboard manager. Available here for tests.
- */
- _keyup(event: KeyboardEvent): void;
- /** Checks to see if the blur should emit the (chipEnd) event. */
- _blur(): void;
- _focus(): void;
- /** Checks to see if the (chipEnd) event needs to be emitted. */
- _emitChipEnd(event?: KeyboardEvent): void;
- _onInput(): void;
- /** Focuses the input. */
- focus(options?: FocusOptions): void;
- /** Clears the input */
- clear(): void;
- /** Checks whether a keycode is one of the configured separators. */
- private _isSeparatorKey;
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyChipInput, never>;
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyChipInput, "input[matChipInputFor]", ["matChipInput", "matChipInputFor"], { "chipList": { "alias": "matChipInputFor"; "required": false; }; "addOnBlur": { "alias": "matChipInputAddOnBlur"; "required": false; }; "separatorKeyCodes": { "alias": "matChipInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "chipEnd": "matChipInputTokenEnd"; }, never, never, false, never>;
- }
- /**
- * Represents an input event on a `matChipInput`.
- * @deprecated Use `MatChipInputEvent` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare interface MatLegacyChipInputEvent {
- /**
- * The native `<input>` element that the event is being fired for.
- * @deprecated Use `MatChipInputEvent#chipInput.inputElement` instead.
- * @breaking-change 13.0.0 This property will be removed.
- */
- input: HTMLInputElement;
- /** The value of the input. */
- value: string;
- /** Reference to the chip input that emitted the event. */
- chipInput: MatLegacyChipInput;
- }
- /**
- * A material design chips component (named ChipList for its similarity to the List component).
- * @deprecated Use `MatChipList` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipList extends _MatChipListBase implements MatLegacyFormFieldControl<any>, ControlValueAccessor, AfterContentInit, DoCheck, OnInit, OnDestroy, CanUpdateErrorState {
- protected _elementRef: ElementRef<HTMLElement>;
- private _changeDetectorRef;
- private _dir;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- readonly controlType: string;
- /**
- * When a chip is destroyed, we store the index of the destroyed chip until the chips
- * query list notifies about the update. This is necessary because we cannot determine an
- * appropriate chip that should receive focus until the array of chips updated completely.
- */
- private _lastDestroyedChipIndex;
- /** Subject that emits when the component has been destroyed. */
- private readonly _destroyed;
- /** Subscription to focus changes in the chips. */
- private _chipFocusSubscription;
- /** Subscription to blur changes in the chips. */
- private _chipBlurSubscription;
- /** Subscription to selection changes in chips. */
- private _chipSelectionSubscription;
- /** Subscription to remove changes in chips. */
- private _chipRemoveSubscription;
- /** The chip input to add more chips */
- protected _chipInput: MatLegacyChipTextControl;
- /** Uid of the chip list */
- _uid: string;
- /** Tab index for the chip list. */
- _tabIndex: number;
- /**
- * User defined tab index.
- * When it is not null, use user defined tab index. Otherwise use _tabIndex
- */
- _userTabIndex: number | null;
- /** The FocusKeyManager which handles focus. */
- _keyManager: FocusKeyManager<MatLegacyChip>;
- /** Function when touched */
- _onTouched: () => void;
- /** Function when changed */
- _onChange: (value: any) => void;
- _selectionModel: SelectionModel<MatLegacyChip>;
- /** The array of selected chips inside chip list. */
- get selected(): MatLegacyChip[] | MatLegacyChip;
- /** The ARIA role applied to the chip list. */
- get role(): string | null;
- set role(role: string | null);
- private _explicitRole?;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- userAriaDescribedBy: string;
- /** An object used to control when error messages are shown. */
- errorStateMatcher: ErrorStateMatcher;
- /** Whether the user should be allowed to select multiple chips. */
- get multiple(): boolean;
- set multiple(value: BooleanInput);
- private _multiple;
- /**
- * A function to compare the option values with the selected values. The first argument
- * is a value from an option. The second is a value from the selection. A boolean
- * should be returned.
- */
- get compareWith(): (o1: any, o2: any) => boolean;
- set compareWith(fn: (o1: any, o2: any) => boolean);
- private _compareWith;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- get value(): any;
- set value(value: any);
- protected _value: any;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- get id(): string;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- get required(): boolean;
- set required(value: BooleanInput);
- protected _required: boolean | undefined;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- get placeholder(): string;
- set placeholder(value: string);
- protected _placeholder: string;
- /** Whether any chips or the matChipInput inside of this chip-list has focus. */
- get focused(): boolean;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- get empty(): boolean;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- get shouldLabelFloat(): boolean;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- get disabled(): boolean;
- set disabled(value: BooleanInput);
- protected _disabled: boolean;
- /** Orientation of the chip list. */
- ariaOrientation: 'horizontal' | 'vertical';
- /**
- * Whether or not this chip list is selectable. When a chip list is not selectable,
- * the selected states for all the chips inside the chip list are always ignored.
- */
- get selectable(): boolean;
- set selectable(value: BooleanInput);
- protected _selectable: boolean;
- set tabIndex(value: number);
- /** Combined stream of all of the child chips' selection change events. */
- get chipSelectionChanges(): Observable<MatLegacyChipSelectionChange>;
- /** Combined stream of all of the child chips' focus change events. */
- get chipFocusChanges(): Observable<MatLegacyChipEvent>;
- /** Combined stream of all of the child chips' blur change events. */
- get chipBlurChanges(): Observable<MatLegacyChipEvent>;
- /** Combined stream of all of the child chips' remove change events. */
- get chipRemoveChanges(): Observable<MatLegacyChipEvent>;
- /** Event emitted when the selected chip list value has been changed by the user. */
- readonly change: EventEmitter<MatLegacyChipListChange>;
- /**
- * Event that emits whenever the raw value of the chip-list changes. This is here primarily
- * to facilitate the two-way binding for the `value` input.
- * @docs-private
- */
- readonly valueChange: EventEmitter<any>;
- /** The chips contained within this chip list. */
- chips: QueryList<MatLegacyChip>;
- constructor(_elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _dir: Directionality, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _defaultErrorStateMatcher: ErrorStateMatcher, ngControl: NgControl);
- ngAfterContentInit(): void;
- ngOnInit(): void;
- ngDoCheck(): void;
- ngOnDestroy(): void;
- /** Associates an HTML input element with this chip list. */
- registerInput(inputElement: MatLegacyChipTextControl): void;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- setDescribedByIds(ids: string[]): void;
- writeValue(value: any): void;
- registerOnChange(fn: (value: any) => void): void;
- registerOnTouched(fn: () => void): void;
- setDisabledState(isDisabled: boolean): void;
- /**
- * Implemented as part of MatFormFieldControl.
- * @docs-private
- */
- onContainerClick(event: MouseEvent): void;
- /**
- * Focuses the first non-disabled chip in this chip list, or the associated input when there
- * are no eligible chips.
- */
- focus(options?: FocusOptions): void;
- /** Attempt to focus an input if we have one. */
- _focusInput(options?: FocusOptions): void;
- /**
- * Pass events to the keyboard manager. Available here for tests.
- */
- _keydown(event: KeyboardEvent): void;
- /**
- * Check the tab index as you should not be allowed to focus an empty list.
- */
- protected _updateTabIndex(): void;
- /**
- * If the amount of chips changed, we need to update the
- * key manager state and focus the next closest chip.
- */
- protected _updateFocusForDestroyedChips(): void;
- /**
- * Utility to ensure all indexes are valid.
- *
- * @param index The index to be checked.
- * @returns True if the index is valid for our list of chips.
- */
- private _isValidIndex;
- _setSelectionByValue(value: any, isUserInput?: boolean): void;
- /**
- * Finds and selects the chip based on its value.
- * @returns Chip that has the corresponding value.
- */
- private _selectValue;
- private _initializeSelection;
- /**
- * Deselects every chip in the list.
- * @param skip Chip that should not be deselected.
- */
- private _clearSelection;
- /**
- * Sorts the model values, ensuring that they keep the same
- * order that they have in the panel.
- */
- private _sortValues;
- /** Emits change event to set the model value. */
- private _propagateChanges;
- /** When blurred, mark the field as touched when focus moved outside the chip list. */
- _blur(): void;
- /** Mark the field as touched */
- _markAsTouched(): void;
- /**
- * Removes the `tabindex` from the chip list and resets it back afterwards, allowing the
- * user to tab out of it. This prevents the list from capturing focus and redirecting
- * it back to the first chip, creating a focus trap, if it user tries to tab away.
- */
- _allowFocusEscape(): void;
- private _resetChips;
- private _dropSubscriptions;
- /** Listens to user-generated selection events on each chip. */
- private _listenToChipsSelection;
- /** Listens to user-generated selection events on each chip. */
- private _listenToChipsFocus;
- private _listenToChipsRemoved;
- /** Checks whether an event comes from inside a chip element. */
- private _originatesFromChip;
- /** Checks whether any of the chips is focused. */
- private _hasFocusedChip;
- /** Syncs the list's state with the individual chips. */
- private _syncChipsState;
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyChipList, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
- static ɵcmp: i0.ɵɵComponentDeclaration<MatLegacyChipList, "mat-chip-list", ["matChipList"], { "role": { "alias": "role"; "required": false; }; "userAriaDescribedBy": { "alias": "aria-describedby"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaOrientation": { "alias": "aria-orientation"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "change": "change"; "valueChange": "valueChange"; }, ["chips"], ["*"], false, never>;
- }
- /**
- * Change event object that is emitted when the chip list value has changed.
- * @deprecated Use `MatChipListChange` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipListChange {
- /** Chip list that emitted the event. */
- source: MatLegacyChipList;
- /** Value of the chip list when the event was emitted. */
- value: any;
- constructor(
- /** Chip list that emitted the event. */
- source: MatLegacyChipList,
- /** Value of the chip list when the event was emitted. */
- value: any);
- }
- /**
- * 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.
- *
- * @deprecated Use `MatChipRemove` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipRemove {
- protected _parentChip: MatLegacyChip;
- constructor(_parentChip: MatLegacyChip, elementRef: ElementRef<HTMLElement>);
- /** Calls the parent chip's public `remove()` method if applicable. */
- _handleClick(event: Event): void;
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyChipRemove, never>;
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyChipRemove, "[matChipRemove]", never, {}, {}, never, never, false, never>;
- }
- /**
- * Default options, for the chips module, that can be overridden.
- * @deprecated Use `MatChipsDefaultOptions` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare interface MatLegacyChipsDefaultOptions {
- /** The list of key codes that will trigger a chipEnd event. */
- separatorKeyCodes: readonly number[] | ReadonlySet<number>;
- }
- /**
- * Event object emitted by MatChip when selected or deselected.
- * @deprecated Use `MatChipSelectionChange` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipSelectionChange {
- /** Reference to the chip that emitted the event. */
- source: MatLegacyChip;
- /** 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: MatLegacyChip,
- /** Whether the chip that emitted the event is selected. */
- selected: boolean,
- /** Whether the selection change was a result of a user interaction. */
- isUserInput?: boolean);
- }
- /**
- * @deprecated Use `MatChipsModule` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipsModule {
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyChipsModule, never>;
- static ɵmod: i0.ɵɵNgModuleDeclaration<MatLegacyChipsModule, [typeof i1.MatLegacyChipList, typeof i2.MatLegacyChip, typeof i3.MatLegacyChipInput, typeof i2.MatLegacyChipRemove, typeof i2.MatLegacyChipAvatar, typeof i2.MatLegacyChipTrailingIcon], [typeof i4.MatCommonModule], [typeof i1.MatLegacyChipList, typeof i2.MatLegacyChip, typeof i3.MatLegacyChipInput, typeof i2.MatLegacyChipRemove, typeof i2.MatLegacyChipAvatar, typeof i2.MatLegacyChipTrailingIcon]>;
- static ɵinj: i0.ɵɵInjectorDeclaration<MatLegacyChipsModule>;
- }
- /**
- * Interface for a text control that is used to drive interaction with a mat-chip-list.
- * @deprecated Use `MatChipTextControl` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- declare interface MatLegacyChipTextControl {
- /** Unique identifier for the text control. */
- id: string;
- /** The text control's placeholder text. */
- placeholder: string;
- /** Whether the text control has browser focus. */
- focused: boolean;
- /** Whether the text control is empty. */
- empty: boolean;
- /** Focuses the text control. */
- focus(options?: FocusOptions): void;
- }
- /**
- * Dummy directive to add CSS class to chip trailing icon.
- * @docs-private
- * @deprecated Use `MatChipTrailingIcon` from `@angular/material/chips` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
- * @breaking-change 17.0.0
- */
- export declare class MatLegacyChipTrailingIcon {
- static ɵfac: i0.ɵɵFactoryDeclaration<MatLegacyChipTrailingIcon, never>;
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatLegacyChipTrailingIcon, "mat-chip-trailing-icon, [matChipTrailingIcon]", never, {}, {}, never, never, false, never>;
- }
- export { }
|