import * as _angular_core from '@angular/core'; import { SimpleChanges } from '@angular/core'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { BadgePassThrough } from 'primeng/types/badge'; import { BaseStyle } from 'primeng/base'; import * as i2 from 'primeng/api'; /** * * Badge represents people using icons, labels and images. * * [Live Demo](https://www.primeng.org/badge) * * @module badgestyle * */ declare enum BadgeClasses { /** * Class name of the root element */ root = "p-badge" } declare class BadgeStyle extends BaseStyle { name: string; style: string; classes: { root: ({ instance }: { instance: any; }) => (string | { 'p-badge-circle': boolean; 'p-badge-dot': boolean; 'p-badge-sm': boolean; 'p-badge-lg': boolean; 'p-badge-xl': boolean; 'p-badge-info': boolean; 'p-badge-success': boolean; 'p-badge-warn': boolean; 'p-badge-danger': boolean; 'p-badge-secondary': boolean; 'p-badge-contrast': boolean; })[]; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface BadgeStyle extends BaseStyle { } /** * Badge Directive is directive usage of badge component. * @group Components */ declare class BadgeDirective extends BaseComponent { $pcBadgeDirective: BadgeDirective | undefined; /** * Used to pass attributes to DOM elements inside the Badge component. * @defaultValue undefined * @deprecated use pBadgePT instead. * @group Props */ ptBadgeDirective: _angular_core.InputSignal; /** * Used to pass attributes to DOM elements inside the Badge component. * @defaultValue undefined * @group Props */ pBadgePT: _angular_core.InputSignal; /** * Indicates whether the component should be rendered without styles. * @defaultValue undefined * @group Props */ pBadgeUnstyled: _angular_core.InputSignal; /** * When specified, disables the component. * @group Props */ disabled: boolean; /** * Size of the badge, valid options are "large" and "xlarge". * @group Props */ badgeSize: 'large' | 'xlarge' | 'small' | null | undefined; /** * Size of the badge, valid options are "large" and "xlarge". * @group Props * @deprecated use badgeSize instead. */ set size(value: 'large' | 'xlarge' | 'small' | null | undefined); get size(): "large" | "xlarge" | "small" | null | undefined; _size: 'large' | 'xlarge' | 'small' | null | undefined; /** * Severity type of the badge. * @group Props */ severity: 'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null | undefined; /** * Value to display inside the badge. * @group Props */ value: string | number; /** * Inline style of the element. * @group Props */ badgeStyle: { [klass: string]: any; } | null | undefined; /** * Class of the element. * @group Props */ badgeStyleClass: string; private id; badgeEl: HTMLElement; _componentStyle: BadgeStyle; private get activeElement(); private get canUpdateBadge(); constructor(); onChanges(changes: SimpleChanges): void; onAfterViewInit(): void; private setValue; private setSizeClasses; private renderBadgeContent; private applyStyles; private setSeverity; private toggleDisableState; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } /** * Badge is a small status indicator for another element. * @group Components */ declare class Badge extends BaseComponent { $pcBadge: Badge | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; /** * Class of the element. * @deprecated since v20.0.0, use `class` instead. * @group Props */ styleClass: _angular_core.InputSignal; /** * Size of the badge, valid options are "large" and "xlarge". * @group Props */ badgeSize: _angular_core.InputSignal<"small" | "large" | "xlarge" | null | undefined>; /** * Size of the badge, valid options are "large" and "xlarge". * @group Props */ size: _angular_core.InputSignal<"small" | "large" | "xlarge" | null | undefined>; /** * Severity type of the badge. * @group Props */ severity: _angular_core.InputSignal<"info" | "success" | "warn" | "danger" | "secondary" | "contrast" | null | undefined>; /** * Value to display inside the badge. * @group Props */ value: _angular_core.InputSignal; /** * When specified, disables the component. * @group Props */ badgeDisabled: _angular_core.InputSignalWithTransform; _componentStyle: BadgeStyle; get dataP(): string | undefined; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class BadgeModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Badge, BadgeClasses, BadgeDirective, BadgeModule, BadgeStyle };