@gravionlabs/helix-core 22.0.0

package/types/gravionlabs-helix-core-button.d.ts

@@ -0,0 +1,465 @@
+import { ButtonPassThrough, ButtonSeverity, ButtonProps, ButtonLoadingIconTemplateContext, ButtonIconTemplateContext } from '@gravionlabs/helix-core/types/button';
+export * from '@gravionlabs/helix-core/types/button';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i3 from '@gravionlabs/helix-core/api';
+import { HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { Fluid } from '@gravionlabs/helix-core/fluid';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+import * as i2 from '@angular/common';
+
+/**
+ *
+ * Button is an extension to standard button element with icons and theming.
+ *
+ * [Live Demo](https://www.primeng.org/button/)
+ *
+ * @module buttonstyle
+ *
+ */
+declare enum ButtonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-button",
+    /**
+     * Class name of the loading icon element
+     */
+    loadingIcon = "h-button-loading-icon",
+    /**
+     * Class name of the icon element
+     */
+    icon = "h-button-icon",
+    /**
+     * Class name of the label element
+     */
+    label = "h-button-label"
+}
+declare class ButtonStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            [x: string]: any;
+            'h-button-icon-only': any;
+            'h-button-vertical': any;
+            'h-button-loading': any;
+            'h-button-link': any;
+            'h-button-raised': any;
+            'h-button-rounded': any;
+            'h-button-text': any;
+            'h-button-outlined': any;
+            'h-button-sm': boolean;
+            'h-button-lg': boolean;
+            'h-button-plain': any;
+            'h-button-fluid': any;
+        })[];
+        loadingIcon: string;
+        icon: ({ instance }: {
+            instance: any;
+        }) => any[];
+        spinnerIcon: ({ instance }: {
+            instance: any;
+        }) => string;
+        label: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface ButtonStyle extends BaseStyle {
+}
+
+type ButtonIconPosition = 'left' | 'right' | 'top' | 'bottom';
+declare class ButtonLabel extends BaseComponent {
+    componentName: string;
+    /**
+     * Used to pass attributes to DOM elements inside the hButtonLabel.
+     * @defaultValue undefined
+     * @deprecated use pButtonLabelPT instead.
+     * @group Props
+     */
+    ptButtonLabel: _angular_core.InputSignal<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the hButtonLabel.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pButtonLabelPT: _angular_core.InputSignal<any>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pButtonLabelUnstyled: _angular_core.InputSignal<boolean | undefined>;
+    $pcButtonLabel: ButtonLabel | undefined;
+    bindDirectiveInstance: Bind;
+    constructor();
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonLabel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonLabel, "[hButtonLabel]", never, { "ptButtonLabel": { "alias": "ptButtonLabel"; "required": false; "isSignal": true; }; "pButtonLabelPT": { "alias": "pButtonLabelPT"; "required": false; "isSignal": true; }; "pButtonLabelUnstyled": { "alias": "pButtonLabelUnstyled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ButtonIcon extends BaseComponent {
+    componentName: string;
+    /**
+     * Used to pass attributes to DOM elements inside the hButtonIcon.
+     * @defaultValue undefined
+     * @deprecated use pButtonIconPT instead.
+     * @group Props
+     */
+    ptButtonIcon: _angular_core.InputSignal<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the hButtonIcon.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pButtonIconPT: _angular_core.InputSignal<any>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pButtonUnstyled: _angular_core.InputSignal<boolean | undefined>;
+    $pcButtonIcon: ButtonIcon | undefined;
+    bindDirectiveInstance: Bind;
+    constructor();
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonIcon, "[hButtonIcon]", never, { "ptButtonIcon": { "alias": "ptButtonIcon"; "required": false; "isSignal": true; }; "pButtonIconPT": { "alias": "pButtonIconPT"; "required": false; "isSignal": true; }; "pButtonUnstyled": { "alias": "pButtonUnstyled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Button directive is an extension to button component.
+ * @group Components
+ */
+declare class ButtonDirective extends BaseComponent {
+    componentName: string;
+    $pcButtonDirective: ButtonDirective | undefined;
+    bindDirectiveInstance: Bind;
+    _componentStyle: ButtonStyle;
+    /**
+     * Used to pass attributes to DOM elements inside the Button component.
+     * @defaultValue undefined
+     * @deprecated use pButtonPT instead.
+     * @group Props
+     */
+    ptButtonDirective: _angular_core.InputSignal<ButtonPassThrough>;
+    /**
+     * Used to pass attributes to DOM elements inside the Button component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pButtonPT: _angular_core.InputSignal<ButtonPassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pButtonUnstyled: _angular_core.InputSignal<boolean | undefined>;
+    readonly hostName: _angular_core.InputSignal<any>;
+    onAfterViewChecked(): void;
+    constructor();
+    /**
+     * Add a textual class to the button without a background initially.
+     * @group Props
+     */
+    readonly text: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a plain textual class to the button without a background initially.
+     * @group Props
+     */
+    readonly plain: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a shadow to indicate elevation.
+     * @group Props
+     */
+    readonly raised: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the size of the button.
+     * @group Props
+     */
+    readonly size: _angular_core.InputSignal<"small" | "large" | undefined>;
+    /**
+     * Add a border class without a background initially.
+     * @group Props
+     */
+    readonly outlined: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a circular border radius to the button.
+     * @group Props
+     */
+    readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Position of the icon.
+     * @group Props
+     */
+    readonly iconPos: _angular_core.InputSignal<ButtonIconPosition>;
+    /**
+     * Icon to display in loading state.
+     * @group Props
+     */
+    readonly loadingIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    private iconSignal;
+    private labelSignal;
+    isIconOnly: _angular_core.Signal<boolean>;
+    initialized: boolean | undefined;
+    private get htmlElement();
+    private _internalClasses;
+    pcFluid: Fluid | null;
+    isTextButton: _angular_core.Signal<boolean>;
+    /**
+     * Text of the button.
+     * @deprecated use hButtonLabel directive instead.
+     * @group Props
+     */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Name of the icon.
+     * @deprecated use hButtonIcon directive instead
+     * @group Props
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether the button is in loading state.
+     * @group Props
+     */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Used to pass all properties of the ButtonProps to the Button component.
+     * @deprecated assign props directly to the button element.
+     * @group Props
+     */
+    readonly buttonProps: _angular_core.InputSignal<ButtonProps | undefined>;
+    /**
+     * Defines the style of the button.
+     * @group Props
+     */
+    readonly severity: _angular_core.InputSignal<ButtonSeverity>;
+    spinnerIcon: string;
+    onAfterViewInit(): void;
+    getStyleClass(): string[];
+    get hasFluid(): boolean;
+    setStyleClass(): void;
+    removeExistingSeverityClass(): void;
+    createLabel(): void;
+    createIcon(): void;
+    updateLabel(): void;
+    updateIcon(): void;
+    getIconClass(): string;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "[hButton]", never, { "ptButtonDirective": { "alias": "ptButtonDirective"; "required": false; "isSignal": true; }; "pButtonPT": { "alias": "pButtonPT"; "required": false; "isSignal": true; }; "pButtonUnstyled": { "alias": "pButtonUnstyled"; "required": false; "isSignal": true; }; "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "buttonProps": { "alias": "buttonProps"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, ["iconSignal", "labelSignal"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Button is an extension to standard button element with icons and theming.
+ * @group Components
+ */
+declare class Button extends BaseComponent<ButtonPassThrough> {
+    componentName: string;
+    readonly hostName: _angular_core.InputSignal<any>;
+    $pcButton: Button | undefined;
+    bindDirectiveInstance: Bind;
+    _componentStyle: ButtonStyle;
+    onAfterViewChecked(): void;
+    /**
+     * Type of the button.
+     * @group Props
+     */
+    readonly type: _angular_core.InputSignal<string>;
+    /**
+     * Value of the badge.
+     * @group Props
+     */
+    readonly badge: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @group Props
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Add a shadow to indicate elevation.
+     * @group Props
+     */
+    readonly raised: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a circular border radius to the button.
+     * @group Props
+     */
+    readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a textual class to the button without a background initially.
+     * @group Props
+     */
+    readonly text: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a plain textual class to the button without a background initially.
+     * @group Props
+     */
+    readonly plain: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a border class without a background initially.
+     * @group Props
+     */
+    readonly outlined: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a link style to the button.
+     * @group Props
+     */
+    readonly link: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Add a tabindex to the button.
+     * @group Props
+     */
+    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Defines the size of the button.
+     * @group Props
+     */
+    readonly size: _angular_core.InputSignal<"small" | "large" | undefined>;
+    /**
+     * Specifies the variant of the component.
+     * @group Props
+     */
+    readonly variant: _angular_core.InputSignal<"text" | "outlined" | undefined>;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    readonly style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the badge.
+     * @group Props
+     * @deprecated use badgeSeverity instead.
+     */
+    readonly badgeClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Severity type of the badge.
+     * @group Props
+     * @defaultValue secondary
+     */
+    readonly badgeSeverity: _angular_core.InputSignal<"success" | "info" | "warn" | "danger" | "help" | "primary" | "secondary" | "contrast" | null | undefined>;
+    /**
+     * Used to define a string that autocomplete attribute the current element.
+     * @group Props
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    readonly autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Position of the icon.
+     * @group Props
+     */
+    readonly iconPos: _angular_core.InputSignal<ButtonIconPosition>;
+    /**
+     * Name of the icon.
+     * @group Props
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text of the button.
+     * @group Props
+     */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether the button is in loading state.
+     * @group Props
+     */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Icon to display in loading state.
+     * @group Props
+     */
+    readonly loadingIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the style of the button.
+     * @group Props
+     */
+    readonly severity: _angular_core.InputSignal<ButtonSeverity>;
+    /**
+     * Used to pass all properties of the ButtonProps to the Button component.
+     * @group Props
+     */
+    readonly buttonProps: _angular_core.InputSignal<ButtonProps | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to execute when button is clicked.
+     * This event is intended to be used with the <h-button> component. Using a regular <button> element, use (click).
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    /**
+     * Callback to execute when button is focused.
+     * This event is intended to be used with the <h-button> component. Using a regular <button> element, use (focus).
+     * @param {FocusEvent} event - Focus event.
+     * @group Emits
+     */
+    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
+    /**
+     * Callback to execute when button loses focus.
+     * This event is intended to be used with the <h-button> component. Using a regular <button> element, use (blur).
+     * @param {FocusEvent} event - Focus event.
+     * @group Emits
+     */
+    readonly onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
+    /**
+     * Custom content template.
+     * @group Templates
+     **/
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom loading icon template.
+     * @group Templates
+     **/
+    readonly loadingIconTemplate: _angular_core.Signal<TemplateRef<ButtonLoadingIconTemplateContext> | undefined>;
+    /**
+     * Custom icon template.
+     * @group Templates
+     **/
+    readonly iconTemplate: _angular_core.Signal<TemplateRef<ButtonIconTemplateContext> | undefined>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    pcFluid: Fluid | null;
+    get hasFluid(): boolean;
+    get hasIcon(): string | TemplateRef<ButtonLoadingIconTemplateContext> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _iconTemplate: TemplateRef<ButtonIconTemplateContext> | undefined;
+    _loadingIconTemplate: TemplateRef<ButtonLoadingIconTemplateContext> | undefined;
+    onAfterContentInit(): void;
+    get dataP(): string | undefined;
+    get dataIconP(): string | undefined;
+    get dataLabelP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "h-button", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "badgeClass": { "alias": "badgeClass"; "required": false; "isSignal": true; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "buttonProps": { "alias": "buttonProps"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["contentTemplate", "loadingIconTemplate", "iconTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ButtonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ButtonModule, never, [typeof i2.CommonModule, typeof ButtonDirective, typeof Button, typeof i3.SharedModule, typeof ButtonLabel, typeof ButtonIcon], [typeof ButtonDirective, typeof Button, typeof ButtonLabel, typeof ButtonIcon, typeof i3.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ButtonModule>;
+}
+
+export { Button, ButtonClasses, ButtonDirective, ButtonIcon, ButtonLabel, ButtonModule, ButtonStyle };
+export type { ButtonIconPosition };

package/types/gravionlabs-helix-core-buttongroup.d.ts

@@ -0,0 +1,44 @@
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+import * as i0 from '@angular/core';
+
+/**
+ *
+ * A set of Buttons can be displayed together using the ButtonGroup component.
+ *
+ * [Live Demo](https://www.primeng.org/button/)
+ *
+ * @module buttongroupstyle
+ *
+ */
+declare enum ButtonGroupClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-buttongroup"
+}
+declare class ButtonGroupStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+interface ButtonGroupStyle extends BaseStyle {
+}
+
+declare class ButtonGroup extends BaseComponent {
+    componentName: string;
+    _componentStyle: ButtonGroupStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "h-buttonGroup, h-buttongroup, h-button-group", never, {}, {}, never, ["*"], true, never>;
+}
+declare class ButtonGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonGroupModule, never, [typeof ButtonGroup], [typeof ButtonGroup]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonGroupModule>;
+}
+
+export { ButtonGroup, ButtonGroupClasses, ButtonGroupModule, ButtonGroupStyle };

package/types/gravionlabs-helix-core-card.d.ts

@@ -0,0 +1,151 @@
+import { CardPassThrough } from '@gravionlabs/helix-core/types/card';
+export * from '@gravionlabs/helix-core/types/card';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { BlockableUI, Header, Footer, HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Card is a flexible container component.
+ *
+ * [Live Demo](https://www.primeng.org/card/)
+ *
+ * @module cardstyle
+ *
+ */
+declare enum CardClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-card",
+    /**
+     * Class name of the header element
+     */
+    header = "h-card-header",
+    /**
+     * Class name of the body element
+     */
+    body = "h-card-body",
+    /**
+     * Class name of the caption element
+     */
+    caption = "h-card-caption",
+    /**
+     * Class name of the title element
+     */
+    title = "h-card-title",
+    /**
+     * Class name of the subtitle element
+     */
+    subtitle = "h-card-subtitle",
+    /**
+     * Class name of the content element
+     */
+    content = "h-card-content",
+    /**
+     * Class name of the footer element
+     */
+    footer = "h-card-footer"
+}
+declare class CardStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: string;
+        header: string;
+        body: string;
+        caption: string;
+        title: string;
+        subtitle: string;
+        content: string;
+        footer: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface CardStyle extends BaseStyle {
+}
+
+/**
+ * Card is a flexible container component.
+ * @group Components
+ */
+declare class Card extends BaseComponent<CardPassThrough> implements BlockableUI {
+    componentName: string;
+    $pcCard: Card | undefined;
+    bindDirectiveInstance: Bind;
+    _componentStyle: CardStyle;
+    onAfterViewChecked(): void;
+    /**
+     * Header of the card.
+     * @group Props
+     */
+    readonly header: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Subheader of the card.
+     * @group Props
+     */
+    readonly subheader: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    readonly style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    readonly headerFacet: _angular_core.Signal<Header | undefined>;
+    readonly footerFacet: _angular_core.Signal<Footer | undefined>;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    readonly headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom title template.
+     * @group Templates
+     */
+    readonly titleTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom subtitle template.
+     * @group Templates
+     */
+    readonly subtitleTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    readonly footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _titleTemplate: TemplateRef<void> | undefined;
+    _subtitleTemplate: TemplateRef<void> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    getBlockableElement(): HTMLElement;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    onAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "h-card", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["headerFacet", "footerFacet", "headerTemplate", "titleTemplate", "subtitleTemplate", "contentTemplate", "footerTemplate", "templates"], ["h-header", "*", "h-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class CardModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CardModule, never, [typeof Card, typeof i2.SharedModule, typeof i1.BindModule], [typeof Card, typeof i2.SharedModule, typeof i1.BindModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<CardModule>;
+}
+
+export { Card, CardClasses, CardModule, CardStyle };