| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- /**
- * @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 { FocusMonitor, FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
- import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, AfterViewChecked } from '@angular/core';
- import { ControlValueAccessor } from '@angular/forms';
- import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, CanDisableRipple, CanDisableRippleCtor, HasTabIndex, HasTabIndexCtor, MatRipple } from '@angular/material/core';
- import { MatCheckboxClickAction } from './checkbox-config';
- /**
- * Provider Expression that allows mat-checkbox to register as a ControlValueAccessor.
- * This allows it to support [(ngModel)].
- * @docs-private
- */
- export declare const MAT_CHECKBOX_CONTROL_VALUE_ACCESSOR: any;
- /**
- * Represents the different states that require custom transitions between them.
- * @docs-private
- */
- export declare enum TransitionCheckState {
- /** The initial state of the component before any user interaction. */
- Init = 0,
- /** The state representing the component when it's becoming checked. */
- Checked = 1,
- /** The state representing the component when it's becoming unchecked. */
- Unchecked = 2,
- /** The state representing the component when it's becoming indeterminate. */
- Indeterminate = 3
- }
- /** Change event object emitted by MatCheckbox. */
- export declare class MatCheckboxChange {
- /** The source MatCheckbox of the event. */
- source: MatCheckbox;
- /** The new `checked` value of the checkbox. */
- checked: boolean;
- }
- /** @docs-private */
- declare class MatCheckboxBase {
- _elementRef: ElementRef;
- constructor(_elementRef: ElementRef);
- }
- declare const _MatCheckboxMixinBase: HasTabIndexCtor & CanColorCtor & CanDisableRippleCtor & CanDisableCtor & typeof MatCheckboxBase;
- /**
- * A material design checkbox component. Supports all of the functionality of an HTML5 checkbox,
- * and exposes a similar API. A MatCheckbox can be either checked, unchecked, indeterminate, or
- * disabled. Note that all additional accessibility attributes are taken care of by the component,
- * so there is no need to provide them yourself. However, if you want to omit a label and still
- * have the checkbox be accessible, you may supply an [aria-label] input.
- * See: https://material.io/design/components/selection-controls.html
- */
- export declare class MatCheckbox extends _MatCheckboxMixinBase implements ControlValueAccessor, AfterViewChecked, OnDestroy, CanColor, CanDisable, HasTabIndex, CanDisableRipple, FocusableOption {
- private _changeDetectorRef;
- private _focusMonitor;
- private _ngZone;
- private _clickAction;
- _animationMode?: string | undefined;
- /**
- * Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will
- * take precedence so this may be omitted.
- */
- ariaLabel: string;
- /**
- * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
- */
- ariaLabelledby: string | null;
- private _uniqueId;
- /** A unique id for the checkbox input. If none is supplied, it will be auto-generated. */
- id: string;
- /** Returns the unique id for the visual hidden input. */
- readonly inputId: string;
- /** Whether the checkbox is required. */
- required: boolean;
- private _required;
- /** Whether the label should appear after or before the checkbox. Defaults to 'after' */
- labelPosition: 'before' | 'after';
- /** Name value will be applied to the input element if present */
- name: string | null;
- /** Event emitted when the checkbox's `checked` value changes. */
- readonly change: EventEmitter<MatCheckboxChange>;
- /** Event emitted when the checkbox's `indeterminate` value changes. */
- readonly indeterminateChange: EventEmitter<boolean>;
- /** The value attribute of the native input element */
- value: string;
- /** The native `<input type="checkbox">` element */
- _inputElement: ElementRef<HTMLInputElement>;
- /** Reference to the ripple instance of the checkbox. */
- ripple: MatRipple;
- /**
- * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.
- * @docs-private
- */
- _onTouched: () => any;
- private _currentAnimationClass;
- private _currentCheckState;
- private _controlValueAccessorChangeFn;
- constructor(elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef, _focusMonitor: FocusMonitor, _ngZone: NgZone, tabIndex: string, _clickAction: MatCheckboxClickAction, _animationMode?: string | undefined);
- ngAfterViewChecked(): void;
- ngOnDestroy(): void;
- /**
- * Whether the checkbox is checked.
- */
- checked: boolean;
- private _checked;
- /**
- * Whether the checkbox is disabled. This fully overrides the implementation provided by
- * mixinDisabled, but the mixin is still required because mixinTabIndex requires it.
- */
- disabled: any;
- private _disabled;
- /**
- * Whether the checkbox is indeterminate. This is also known as "mixed" mode and can be used to
- * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
- * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately
- * set to false.
- */
- indeterminate: boolean;
- private _indeterminate;
- _isRippleDisabled(): any;
- /** Method being called whenever the label text changes. */
- _onLabelTextChange(): void;
- writeValue(value: any): void;
- registerOnChange(fn: (value: any) => void): void;
- registerOnTouched(fn: any): void;
- setDisabledState(isDisabled: boolean): void;
- _getAriaChecked(): 'true' | 'false' | 'mixed';
- private _transitionCheckState;
- private _emitChangeEvent;
- /** Toggles the `checked` state of the checkbox. */
- toggle(): void;
- /**
- * Event handler for checkbox input element.
- * Toggles checked state if element is not disabled.
- * Do not toggle on (change) event since IE doesn't fire change event when
- * indeterminate checkbox is clicked.
- * @param event
- */
- _onInputClick(event: Event): void;
- /** Focuses the checkbox. */
- focus(origin?: FocusOrigin, options?: FocusOptions): void;
- _onInteractionEvent(event: Event): void;
- private _getAnimationClassForCheckStateTransition;
- }
- export {};
|