primeng/types/primeng-skeleton.d.ts

PrimeNG is a premium UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock,

import * as _angular_core from '@angular/core';
import { BaseComponent } from 'primeng/basecomponent';
import * as i1 from 'primeng/bind';
import { Bind } from 'primeng/bind';
import { SkeletonPassThrough } from 'primeng/types/skeleton';
import { BaseStyle } from 'primeng/base';
import * as i2 from 'primeng/api';

/**
 *
 * Skeleton is a placeholder to display instead of the actual content.
 *
 * [Live Demo](https://www.primeng.org/skeleton/)
 *
 * @module skeletonstyle
 *
 */
declare enum SkeletonClasses {
    /**
     * Class name of the root element
     */
    root = "p-skeleton"
}
declare class SkeletonStyle extends BaseStyle {
    name: string;
    style: string;
    classes: {
        root: ({ instance }: {
            instance: any;
        }) => (string | {
            'p-skeleton-circle': boolean;
            'p-skeleton-animation-none': boolean;
        })[];
    };
    inlineStyles: {
        root: {
            position: string;
        };
    };
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonStyle, never>;
    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SkeletonStyle>;
}
interface SkeletonStyle extends BaseStyle {
}

/**
 * Skeleton is a placeholder to display instead of the actual content.
 * @group Components
 */
declare class Skeleton extends BaseComponent<SkeletonPassThrough> {
    componentName: string;
    $pcSkeleton: Skeleton | undefined;
    bindDirectiveInstance: Bind;
    /**
     * Shape of the element.
     * @group Props
     */
    shape: _angular_core.InputSignal<string>;
    /**
     * Type of the animation.
     * @group Props
     */
    animation: _angular_core.InputSignal<string>;
    /**
     * Border radius of the element, defaults to value from theme.
     * @group Props
     */
    borderRadius: _angular_core.InputSignal<string | undefined>;
    /**
     * Size of the skeleton.
     * @group Props
     */
    size: _angular_core.InputSignal<string | undefined>;
    /**
     * Width of the element.
     * @group Props
     */
    width: _angular_core.InputSignal<string>;
    /**
     * Height of the element.
     * @group Props
     */
    height: _angular_core.InputSignal<string>;
    _componentStyle: SkeletonStyle;
    containerStyle: _angular_core.Signal<{
        width: string;
        height: string;
        borderRadius: string | undefined;
        position: string;
    } | undefined>;
    dataP: _angular_core.Signal<string>;
    onAfterViewChecked(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Skeleton, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Skeleton, "p-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
}
declare class SkeletonModule {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonModule, never>;
    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SkeletonModule, never, [typeof Skeleton, typeof i2.SharedModule], [typeof Skeleton, typeof i2.SharedModule]>;
    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SkeletonModule>;
}

export { Skeleton, SkeletonClasses, SkeletonModule, SkeletonStyle };