import { FocusOrigin } from '@angular/cdk/a11y'; import * as i0 from '@angular/core'; import { InjectionToken, AfterViewInit, OnDestroy, ElementRef, NgZone, OnInit } from '@angular/core'; import { T as ThemePalette } from '../palette.d-BSSFKjO6.js'; import { M as MatRippleLoader } from '../ripple-loader.d-C3HznB6v.js'; import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js'; import { M as MatRippleModule } from '../index.d-DG9eDM2-.js'; import '@angular/cdk/bidi'; import '../ripple.d-BxTUZJt7.js'; import '@angular/cdk/platform'; /** Object that can be used to configure the default options for the button component. */ interface MatButtonConfig { /** Whether disabled buttons should be interactive. */ disabledInteractive?: boolean; /** Default palette color to apply to buttons. */ color?: ThemePalette; } /** Injection token that can be used to provide the default options the button component. */ declare const MAT_BUTTON_CONFIG: InjectionToken; /** Base class for all buttons. */ declare class MatButtonBase implements AfterViewInit, OnDestroy { _elementRef: ElementRef; _ngZone: NgZone; _animationMode: "NoopAnimations" | "BrowserAnimations" | null; private readonly _focusMonitor; /** * Handles the lazy creation of the MatButton ripple. * Used to improve initial load time of large applications. */ protected _rippleLoader: MatRippleLoader; /** Whether this button is a FAB. Used to apply the correct class on the ripple. */ protected _isFab: boolean; /** * Theme color of the button. This API is supported in M2 themes only, it has * no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/button/styling. * * For information on applying color variants in M3, see * https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants */ color?: string | null; /** Whether the ripple effect is disabled or not. */ get disableRipple(): boolean; set disableRipple(value: any); private _disableRipple; /** Whether the button is disabled. */ get disabled(): boolean; set disabled(value: any); private _disabled; /** `aria-disabled` value of the button. */ ariaDisabled: boolean | undefined; /** * Natively disabled buttons prevent focus and any pointer events from reaching the button. * In some scenarios this might not be desirable, because it can prevent users from finding out * why the button is disabled (e.g. via tooltip). This is also useful for buttons that may * become disabled when activated, which would cause focus to be transferred to the document * body instead of remaining on the button. * * Enabling this input will change the button so that it is styled to be disabled and will be * marked as `aria-disabled`, but it will allow the button to receive events and focus. * * Note that by enabling this, you need to set the `tabindex` yourself if the button isn't * meant to be tabbable and you have to prevent the button action (e.g. form submissions). */ disabledInteractive: boolean; constructor(...args: unknown[]); ngAfterViewInit(): void; ngOnDestroy(): void; /** Focuses the button. */ focus(origin?: FocusOrigin, options?: FocusOptions): void; protected _getAriaDisabled(): boolean | null; protected _getDisabledAttribute(): true | null; private _updateRippleDisabled; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; static ngAcceptInputType_disableRipple: unknown; static ngAcceptInputType_disabled: unknown; static ngAcceptInputType_ariaDisabled: unknown; static ngAcceptInputType_disabledInteractive: unknown; } /** * Anchor button base. */ declare class MatAnchorBase extends MatButtonBase implements OnInit, OnDestroy { private _renderer; private _cleanupClick; tabIndex: number; ngOnInit(): void; ngOnDestroy(): void; _haltDisabledEvents: (event: Event) => void; protected _getAriaDisabled(): boolean | null; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; static ngAcceptInputType_tabIndex: unknown; } /** * Material Design button component. Users interact with a button to perform an action. * See https://material.io/components/buttons * * The `MatButton` class applies to native button elements and captures the appearances for * "text button", "outlined button", and "contained button" per the Material Design * specification. `MatButton` additionally captures an additional "flat" appearance, which matches * "contained" but without elevation. */ declare class MatButton extends MatButtonBase { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Material Design button component for anchor elements. Anchor elements are used to provide * links for the user to navigate across different routes or pages. * See https://material.io/components/buttons * * The `MatAnchor` class applies to native anchor elements and captures the appearances for * "text button", "outlined button", and "contained button" per the Material Design * specification. `MatAnchor` additionally captures an additional "flat" appearance, which matches * "contained" but without elevation. */ declare class MatAnchor extends MatAnchorBase { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** Default FAB options that can be overridden. */ interface MatFabDefaultOptions { /** * Default theme color of the button. This API is supported in M2 themes * only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/button/styling. * * For information on applying color variants in M3, see * https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants. */ color?: ThemePalette; } /** Injection token to be used to override the default options for FAB. */ declare const MAT_FAB_DEFAULT_OPTIONS: InjectionToken; /** * @docs-private * @deprecated No longer used, will be removed. * @breaking-change 21.0.0 */ declare function MAT_FAB_DEFAULT_OPTIONS_FACTORY(): MatFabDefaultOptions; /** * Material Design floating action button (FAB) component. These buttons represent the primary * or most common action for users to interact with. * See https://material.io/components/buttons-floating-action-button/ * * The `MatFabButton` class has two appearances: normal and extended. */ declare class MatFabButton extends MatButtonBase { private _options; _isFab: boolean; extended: boolean; constructor(...args: unknown[]); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; static ngAcceptInputType_extended: unknown; } /** * Material Design mini floating action button (FAB) component. These buttons represent the primary * or most common action for users to interact with. * See https://material.io/components/buttons-floating-action-button/ */ declare class MatMiniFabButton extends MatButtonBase { private _options; _isFab: boolean; constructor(...args: unknown[]); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Material Design floating action button (FAB) component for anchor elements. Anchor elements * are used to provide links for the user to navigate across different routes or pages. * See https://material.io/components/buttons-floating-action-button/ * * The `MatFabAnchor` class has two appearances: normal and extended. */ declare class MatFabAnchor extends MatAnchor { private _options; _isFab: boolean; extended: boolean; constructor(...args: unknown[]); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; static ngAcceptInputType_extended: unknown; } /** * Material Design mini floating action button (FAB) component for anchor elements. Anchor elements * are used to provide links for the user to navigate across different routes or pages. * See https://material.io/components/buttons-floating-action-button/ */ declare class MatMiniFabAnchor extends MatAnchor { private _options; _isFab: boolean; constructor(...args: unknown[]); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Material Design icon button component. This type of button displays a single interactive icon for * users to perform an action. * See https://material.io/develop/web/components/buttons/icon-buttons/ */ declare class MatIconButton extends MatButtonBase { constructor(...args: unknown[]); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Material Design icon button component for anchor elements. This button displays a single * interaction icon that allows users to navigate across different routes or pages. * See https://material.io/develop/web/components/buttons/icon-buttons/ */ declare class MatIconAnchor extends MatAnchorBase { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class MatButtonModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { MAT_BUTTON_CONFIG, MAT_FAB_DEFAULT_OPTIONS, MAT_FAB_DEFAULT_OPTIONS_FACTORY, MatAnchor, MatButton, MatButtonModule, MatFabAnchor, MatFabButton, MatIconAnchor, MatIconButton, MatMiniFabAnchor, MatMiniFabButton }; export type { MatButtonConfig, MatFabDefaultOptions };