123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- import * as i0 from '@angular/core';
- import { OnInit, OnDestroy } from '@angular/core';
- import { T as ThemePalette } from './palette.d-BSSFKjO6.js';
- /** Allowed position options for matBadgePosition */
- type MatBadgePosition = 'above after' | 'above before' | 'below before' | 'below after' | 'before' | 'after' | 'above' | 'below';
- /** Allowed size options for matBadgeSize */
- type MatBadgeSize = 'small' | 'medium' | 'large';
- /**
- * Component used to load the structural styles of the badge.
- * @docs-private
- */
- declare class _MatBadgeStyleLoader {
- static ɵfac: i0.ɵɵFactoryDeclaration<_MatBadgeStyleLoader, never>;
- static ɵcmp: i0.ɵɵComponentDeclaration<_MatBadgeStyleLoader, "ng-component", never, {}, {}, never, never, true, never>;
- }
- /** Directive to display a text badge. */
- declare class MatBadge implements OnInit, OnDestroy {
- private _ngZone;
- private _elementRef;
- private _ariaDescriber;
- private _renderer;
- private _animationMode;
- private _idGenerator;
- /**
- * Theme color of the badge. 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/badge/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
- */
- get color(): ThemePalette;
- set color(value: ThemePalette);
- private _color;
- /** Whether the badge should overlap its contents or not */
- overlap: boolean;
- /** Whether the badge is disabled. */
- disabled: boolean;
- /**
- * Position the badge should reside.
- * Accepts any combination of 'above'|'below' and 'before'|'after'
- */
- position: MatBadgePosition;
- /** The content for the badge */
- get content(): string | number | undefined | null;
- set content(newContent: string | number | undefined | null);
- private _content;
- /** Message used to describe the decorated element via aria-describedby */
- get description(): string;
- set description(newDescription: string);
- private _description;
- /** Size of the badge. Can be 'small', 'medium', or 'large'. */
- size: MatBadgeSize;
- /** Whether the badge is hidden. */
- hidden: boolean;
- /** Visible badge element. */
- private _badgeElement;
- /** Inline badge description. Used when the badge is applied to non-interactive host elements. */
- private _inlineBadgeDescription;
- /** Whether the OnInit lifecycle hook has run yet */
- private _isInitialized;
- /** InteractivityChecker to determine if the badge host is focusable. */
- private _interactivityChecker;
- private _document;
- constructor(...args: unknown[]);
- /** Whether the badge is above the host or not */
- isAbove(): boolean;
- /** Whether the badge is after the host or not */
- isAfter(): boolean;
- /**
- * Gets the element into which the badge's content is being rendered. Undefined if the element
- * hasn't been created (e.g. if the badge doesn't have content).
- */
- getBadgeElement(): HTMLElement | undefined;
- ngOnInit(): void;
- ngOnDestroy(): void;
- /** Gets whether the badge's host element is interactive. */
- private _isHostInteractive;
- /** Creates the badge element */
- private _createBadgeElement;
- /** Update the text content of the badge element in the DOM, creating the element if necessary. */
- private _updateRenderedContent;
- /** Updates the host element's aria description via AriaDescriber. */
- private _updateDescription;
- private _updateInlineDescription;
- private _removeInlineDescription;
- /** Adds css theme class given the color to the component host */
- private _setColor;
- /** Clears any existing badges that might be left over from server-side rendering. */
- private _clearExistingBadges;
- static ɵfac: i0.ɵɵFactoryDeclaration<MatBadge, never>;
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatBadge, "[matBadge]", never, { "color": { "alias": "matBadgeColor"; "required": false; }; "overlap": { "alias": "matBadgeOverlap"; "required": false; }; "disabled": { "alias": "matBadgeDisabled"; "required": false; }; "position": { "alias": "matBadgePosition"; "required": false; }; "content": { "alias": "matBadge"; "required": false; }; "description": { "alias": "matBadgeDescription"; "required": false; }; "size": { "alias": "matBadgeSize"; "required": false; }; "hidden": { "alias": "matBadgeHidden"; "required": false; }; }, {}, never, never, true, never>;
- static ngAcceptInputType_overlap: unknown;
- static ngAcceptInputType_disabled: unknown;
- static ngAcceptInputType_hidden: unknown;
- }
- export { MatBadge as M, _MatBadgeStyleLoader as _ };
- export type { MatBadgePosition as a, MatBadgeSize as b };
|