import { Observable } from 'rxjs';
import { SkeletonOptions } from '../models/skeleton-options.interface';
import { SkeletonRowTemplateIntrface } from '../models/skeleton-row-template.intrface';
import { SkeletonRow } from '../models/skeleton.row';
export declare class SkeletonUtils {
    private element;
    private showIcon;
    private _height;
    private _width;
    private _rowTemplate;
    private _options;
    private readonly iconMinPadding;
    constructor(element: HTMLElement, showIcon: boolean);
    get template(): SkeletonRowTemplateIntrface[];
    /**
     * @description - set the template from witch the skeleton rows will be created
     * @param template
     */
    setRowTemplate(template?: SkeletonRowTemplateIntrface[]): SkeletonUtils;
    /**
     * @description - set the skeleton options
     * @param options
     */
    setSkeletonOptions(options?: SkeletonOptions): SkeletonUtils;
    /**
     * @description - calc the width once and return the saved value
     */
    get width(): number;
    /**
     * @description - calc the height once and return the saved value
     */
    get height(): number;
    /**
     * @description - calculate the Y position of the row
     * @param row - the current row that is to be created
     * @param previousRow - the previously created row
     */
    private _getYPosition;
    /**
     * @description - create all the rows that will fit inside the element
     * @private
     */
    private _createRowsArr;
    /**
     * @return - Observable of the rows that need to be rendered in view
     */
    createRows$(): Observable<SkeletonRow[]>;
    /**
     *
     * @param arr - all the rows that fit in the element
     * @param rows$ - the subject to emit the values from
     * @private
     */
    private _emitArr;
    /**
     * @description - get a valid percent 0 < X < 100
     * @param percent - the percent value given to the component
     * @private
     */
    private _getPercent;
    /**
     * @description - add icon data to the row if needed
     * @param row
     * @private
     */
    private _addIcon;
}
//# sourceMappingURL=skeleton-utils.d.ts.map