@progress/kendo-angular-indicators/skeleton/skeleton.component.d.ts

Kendo UI Indicators for Angular

/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Renderer2, ElementRef, AfterViewInit } from "@angular/core";
import { SkeletonAnimation, SkeletonShape } from "./models";
import * as i0 from "@angular/core";
/**
 * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
 * Displays a Skeleton that represents loading content.
 */
export declare class SkeletonComponent implements AfterViewInit {
    private renderer;
    private hostElement;
    /**
     * Specifies the animation settings of the Skeleton.
     *
     * The possible values are:
     * * `pulse` — (Default) Shows a pulse animation effect.
     * * `wave` — Shows a wave animation effect.
     * * `false` — Disables the animation. Note that it's a boolean, not a string.
     */
    set animation(animation: SkeletonAnimation);
    get animation(): SkeletonAnimation;
    /**
     * Specifies the shape of the Skeleton.
     *
     * The possible values are:
     * * `text` — (Default) Renders a line Skeleton.
     * * `circle` — Renders a circular Skeleton.
     * * `rectangle` — Renders a rectangular Skeleton.
     */
    set shape(shape: SkeletonShape);
    get shape(): SkeletonShape;
    /**
     * Specifies the width of the Skeleton component.
     * * Required for all Skeleton shapes.
     * * Can be set to a string, e.g. '100px', '3em', '50%'.
     * * Can be set to an integer number (will be read as width in pixels).
     */
    set width(width: string | number);
    /**
     * Specifies the height of the Skeleton component.
     * * Required for 'circle' and 'rectangle' shapes.
     * * Not required for 'text', as it is derived from the current CSS font-size.
     * * Can be set to a string, e.g. '100px', '3em', '50%'.
     * * Can be set to an integer number (will be read as height in pixels).
     */
    set height(height: string | number);
    private _animation;
    private _shape;
    constructor(renderer: Renderer2, hostElement: ElementRef);
    ngAfterViewInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "kendo-skeleton", never, { "animation": { "alias": "animation"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
}