@cute-widgets/base 20.0.1

package/package.json

@@ -0,0 +1,279 @@
+{
+  "name": "@cute-widgets/base",
+  "version": "20.0.1",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/cute-widgets/base#README.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cute-widgets/base.git"
+  },
+  "bugs": {
+    "url": "https://github.com/cute-widgets/base/issues"
+  },
+  "description": "Angular Material components styled with Bootstrap",
+  "author": "ALEXANDER STRELKOV <alv.strelkov@gmail.com>",
+  "keywords": [
+    "angular",
+    "components",
+    "widgets",
+    "cutewidgets",
+    "ui",
+    "bootstrap",
+    "material",
+    "frontend",
+    "webdev"
+  ],
+  "peerDependencies": {
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "bootstrap": "^5.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/cute-widgets-base.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/cute-widgets-base.mjs"
+    },
+    "./abstract": {
+      "types": "./abstract/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-abstract.mjs"
+    },
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-alert.mjs"
+    },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-autocomplete.mjs"
+    },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-badge.mjs"
+    },
+    "./bottom-sheet": {
+      "types": "./bottom-sheet/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-bottom-sheet.mjs"
+    },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-button.mjs"
+    },
+    "./button-toggle": {
+      "types": "./button-toggle/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-button-toggle.mjs"
+    },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-card.mjs"
+    },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-checkbox.mjs"
+    },
+    "./chips": {
+      "types": "./chips/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-chips.mjs"
+    },
+    "./collapse": {
+      "types": "./collapse/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-collapse.mjs"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core.mjs"
+    },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-dialog.mjs"
+    },
+    "./divider": {
+      "types": "./divider/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-divider.mjs"
+    },
+    "./expansion": {
+      "types": "./expansion/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-expansion.mjs"
+    },
+    "./form-field": {
+      "types": "./form-field/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-form-field.mjs"
+    },
+    "./grid-list": {
+      "types": "./grid-list/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-grid-list.mjs"
+    },
+    "./icon": {
+      "types": "./icon/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-icon.mjs"
+    },
+    "./input": {
+      "types": "./input/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-input.mjs"
+    },
+    "./layout": {
+      "types": "./layout/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-layout.mjs"
+    },
+    "./list": {
+      "types": "./list/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-list.mjs"
+    },
+    "./menu": {
+      "types": "./menu/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-menu.mjs"
+    },
+    "./navbar": {
+      "types": "./navbar/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-navbar.mjs"
+    },
+    "./paginator": {
+      "types": "./paginator/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-paginator.mjs"
+    },
+    "./progress": {
+      "types": "./progress/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-progress.mjs"
+    },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-radio.mjs"
+    },
+    "./select": {
+      "types": "./select/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-select.mjs"
+    },
+    "./sidenav": {
+      "types": "./sidenav/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-sidenav.mjs"
+    },
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-slider.mjs"
+    },
+    "./snack-bar": {
+      "types": "./snack-bar/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-snack-bar.mjs"
+    },
+    "./sort": {
+      "types": "./sort/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-sort.mjs"
+    },
+    "./spinner": {
+      "types": "./spinner/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-spinner.mjs"
+    },
+    "./stepper": {
+      "types": "./stepper/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-stepper.mjs"
+    },
+    "./datepicker": {
+      "types": "./datepicker/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-datepicker.mjs"
+    },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-tabs.mjs"
+    },
+    "./timepicker": {
+      "types": "./timepicker/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-timepicker.mjs"
+    },
+    "./toolbar": {
+      "types": "./toolbar/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-toolbar.mjs"
+    },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-tooltip.mjs"
+    },
+    "./tree": {
+      "types": "./tree/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-tree.mjs"
+    },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-table.mjs"
+    },
+    "./core/animation": {
+      "types": "./core/animation/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-animation.mjs"
+    },
+    "./core/datetime": {
+      "types": "./core/datetime/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-datetime.mjs"
+    },
+    "./core/directives": {
+      "types": "./core/directives/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-directives.mjs"
+    },
+    "./core/error": {
+      "types": "./core/error/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-error.mjs"
+    },
+    "./core/interfaces": {
+      "types": "./core/interfaces/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-interfaces.mjs"
+    },
+    "./core/layout": {
+      "types": "./core/layout/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-layout.mjs"
+    },
+    "./core/line": {
+      "types": "./core/line/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-line.mjs"
+    },
+    "./core/nav": {
+      "types": "./core/nav/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-nav.mjs"
+    },
+    "./core/observers": {
+      "types": "./core/observers/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-observers.mjs"
+    },
+    "./core/pipes": {
+      "types": "./core/pipes/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-pipes.mjs"
+    },
+    "./core/option": {
+      "types": "./core/option/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-option.mjs"
+    },
+    "./core/ripple": {
+      "types": "./core/ripple/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-ripple.mjs"
+    },
+    "./core/testing": {
+      "types": "./core/testing/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-testing.mjs"
+    },
+    "./core/theming": {
+      "types": "./core/theming/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-theming.mjs"
+    },
+    "./core/types": {
+      "types": "./core/types/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-types.mjs"
+    },
+    "./core/utils": {
+      "types": "./core/utils/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-utils.mjs"
+    },
+    "./layout/container": {
+      "types": "./layout/container/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-layout-container.mjs"
+    },
+    "./layout/stack": {
+      "types": "./layout/stack/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-layout-stack.mjs"
+    }
+  }
+}

package/paginator/index.d.ts

@@ -0,0 +1,216 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, AfterViewChecked, EventEmitter, SimpleChanges } from '@angular/core';
+import { Subject } from 'rxjs';
+import { CuteFocusableControl } from '@cute-widgets/base/abstract';
+import { RelativeSize } from '@cute-widgets/base/core';
+import * as i1 from '@angular/common';
+
+/**
+ * To modify the labels and text displayed, create a new instance of CutePaginatorIntl and
+ * include it in a custom provider
+ */
+declare class CutePaginatorIntl {
+    /**
+     * Stream to emit from when labels are changed. Use this to notify components when the labels have
+     * changed after initialization.
+     */
+    readonly changes: Subject<void>;
+    /** A label for the page size selector. */
+    itemsPerPageLabel: string;
+    /** A label for the button that increments the current page. */
+    nextPageLabel: string;
+    /** A hint for the button that increments the current page. */
+    nextPageLabelHint: string;
+    /** A label for the button that decrements the current page. */
+    previousPageLabel: string;
+    /** A hint for the button that decrements the current page. */
+    previousPageLabelHint: string;
+    /** A label for the button that moves to the first page. */
+    firstPageLabel: string;
+    /** A hint for the button that moves to the first page. */
+    firstPageLabelHint: string;
+    /** A label for the button that moves to the last page. */
+    lastPageLabel: string;
+    /** A hint for the button that moves to the last page. */
+    lastPageLabelHint: string;
+    /** A label for the range of items within the current page and the length of the whole list. */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CutePaginatorIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CutePaginatorIntl>;
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+/** Object that can used to configure the underlying `CuteSelect` inside a `CutePaginator`. */
+interface CutePaginatorSelectConfig {
+    /** Whether to center the active option over the trigger. */
+    disableOptionCentering?: boolean;
+    /** Classes to be passed to the select panel. */
+    panelClass?: string | string[];
+}
+/**
+ * Change an event object emitted when the user selects a
+ * different page size or navigates to another page.
+ */
+interface PageEvent {
+    /** The current page index. */
+    pageIndex: number;
+    /** Index of the page that was selected previously. */
+    previousPageIndex: number;
+    /** The current page size. */
+    pageSize: number;
+    /** The current total number of items being paged. */
+    length: number;
+}
+/** Object that can be used to configure the default options for the paginator module. */
+interface CutePaginatorDefaultOptions {
+    /** Number of items to display on a page. By default, set to 50. */
+    pageSize?: number;
+    /** The set of provided page size options to display to the user. */
+    pageSizeOptions?: number[];
+    /** Whether to hide the page size selection UI from the user. */
+    hidePageSize?: boolean;
+    /** Whether to show the first/last buttons UI to the user. */
+    showFirstLastButtons?: boolean;
+    /** Whether to change the previous/next buttons UI with a text labels */
+    showPrevNextLabels?: boolean;
+    /** Whether to hide all internal borders in the paginator */
+    hideBorders?: boolean;
+}
+/** Injection token that can be used to provide the default options for the paginator module. */
+declare const CUTE_PAGINATOR_DEFAULT_OPTIONS: InjectionToken<CutePaginatorDefaultOptions>;
+/**
+ * Component to provide navigation between paged information. Displays the size of the current
+ * page, user-selectable options to change that size, what items are being shown, and
+ * navigational button to go to the previous or next page.
+ */
+declare class CutePaginator extends CuteFocusableControl implements AfterViewChecked {
+    _intl: CutePaginatorIntl;
+    private _intlChanges;
+    private _firstVisiblePageIndex;
+    private _lastVisiblePageIndex;
+    /** If set, styles the "page size" form field with the designated style. */
+    /** ID for the DOM node containing the pagination's items per-page label. */
+    protected readonly _pageSizeLabelId: string;
+    protected hideActive: boolean;
+    /** The zero-based page index of the displayed list of items. Defaulted to 0. */
+    get pageIndex(): number;
+    set pageIndex(value: number);
+    private _pageIndex;
+    /** The total number of items that are being paginated. Defaulted to 0. */
+    get length(): number;
+    set length(value: number);
+    private _length;
+    /** Number of items to display on a page. By default, set to 50. */
+    get pageSize(): number;
+    set pageSize(value: number);
+    private _pageSize;
+    /** The set of provided page size options to display to the user. */
+    get pageSizeOptions(): number[];
+    set pageSizeOptions(value: number[] | readonly number[]);
+    private _pageSizeOptions;
+    /** Whether to hide the page size selection UI from the user. */
+    hidePageSize: boolean;
+    /** Whether to show the first/last buttons UI to the user. */
+    showFirstLastButtons: boolean;
+    /** Whether to change the previous/next buttons UI with a text labels */
+    showPrevNextLabels: boolean;
+    /** Whether to hide all internal borders in the paginator */
+    hideBorders: boolean;
+    /** Style of the pagination's middle section. Note that previous/next buttons are always shown. */
+    middleSectionStyle: 'pages' | '5-pages' | 'range' | 'none';
+    /** Changes the alignment of the pagination sections in the parent container */
+    alignment: 'start' | 'end' | 'center' | 'between';
+    /** Changes the pagination's size to smaller or larger */
+    magnitude: RelativeSize | undefined;
+    /** Used to configure the underlying `CuteSelect` inside the paginator. */
+    selectConfig: CutePaginatorSelectConfig;
+    /** Event emitted when the paginator changes the page size or page index. */
+    readonly page: EventEmitter<PageEvent>;
+    /** Displayed a set of page size options. Will be sorted and include the current page size. */
+    protected _displayedPageSizeOptions: number[];
+    constructor(_intl: CutePaginatorIntl, defaults?: CutePaginatorDefaultOptions);
+    protected generateId(): string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    protected onMouseDown(event: MouseEvent): void;
+    /** Whether the specified index is the `active` page of the paginator */
+    protected isActivePage(index: number): boolean;
+    private _updateFirstLastVisibleIndexes;
+    /** Advances to the next page if it exists. */
+    nextPage(): void;
+    /** Move back to the previous page if it exists. */
+    previousPage(): void;
+    /** Move to the first page if not already there. */
+    firstPage(): void;
+    /** Move to the last page if not already there. */
+    lastPage(): void;
+    /**
+     * Move to the page with the specified index
+     * @param index Zero based page number to move
+     */
+    gotoPage(index: number): void;
+    /** Whether there is a previous page. */
+    hasPreviousPage(): boolean;
+    /** Whether there is a next page. */
+    hasNextPage(): boolean;
+    /** Calculate the number of pages */
+    getNumberOfPages(): number;
+    /** Whether the paginator hasn't any page to paginate */
+    empty(): boolean;
+    /** Transforms the calculated total pages' value to an array of page numbers */
+    getPageNumbers(): number[];
+    /**
+     * Changes the page size so that the first item displayed on the page will still be
+     * displayed using the new page size.
+     *
+     * For example, if the page size is 10 and on the second page (items indexed 10-19), then
+     * switching so that the page size is 5 will set the third page as the current page so
+     * that the 10th item will still be displayed.
+     */
+    _changePageSize(pageSize: number): void;
+    /** Checks whether the buttons for going forwards should be disabled. */
+    protected _nextButtonDisabled(): boolean;
+    /** Checks whether the buttons for going backwards should be disabled. */
+    protected _previousButtonDisabled(): boolean;
+    protected _getMagnitudeCssClass(): string;
+    /**
+     * Updates the list of page size options to display to the user. Includes making sure that
+     * the page size is an option and that the list is sorted.
+     */
+    private _updateDisplayedPageSizeOptions;
+    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
+    private _emitPageEvent;
+    protected readonly isNaN: typeof isNaN;
+    protected readonly onmousedown: ((this: Window, ev: MouseEvent) => any) | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CutePaginator, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CutePaginator, "cute-paginator", ["cutePaginator"], { "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "showPrevNextLabels": { "alias": "showPrevNextLabels"; "required": false; }; "hideBorders": { "alias": "hideBorders"; "required": false; }; "middleSectionStyle": { "alias": "middleSectionStyle"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "magnitude": { "alias": "magnitude"; "required": false; }; "selectConfig": { "alias": "selectConfig"; "required": false; }; }, { "page": "page"; }, never, never, true, never>;
+    static ngAcceptInputType_pageIndex: unknown;
+    static ngAcceptInputType_length: unknown;
+    static ngAcceptInputType_pageSize: unknown;
+    static ngAcceptInputType_hidePageSize: unknown;
+    static ngAcceptInputType_showFirstLastButtons: unknown;
+    static ngAcceptInputType_showPrevNextLabels: unknown;
+    static ngAcceptInputType_hideBorders: unknown;
+}
+
+declare class CutePaginatorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CutePaginatorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CutePaginatorModule, never, [typeof i1.CommonModule, typeof CutePaginator], [typeof CutePaginator]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CutePaginatorModule>;
+}
+
+export { CUTE_PAGINATOR_DEFAULT_OPTIONS, CutePaginator, CutePaginatorModule };
+export type { CutePaginatorDefaultOptions, CutePaginatorSelectConfig, PageEvent };

package/progress/index.d.ts

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, InjectionToken } from '@angular/core';
+import { CuteBaseControl } from '@cute-widgets/base/abstract';
+import { ThemeColor } from '@cute-widgets/base/core';
+import * as i1 from '@angular/common';
+
+declare class CuteProgressStacked extends CuteBaseControl {
+    /** Whether the stack of the containing progress bars is a vertical stack. Default is _false_, horizontal. */
+    vertical: boolean;
+    /** Bar's height for horizontal progress and width for vertical one. */
+    thickness: string;
+    protected generateId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteProgressStacked, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteProgressStacked, "cute-progress-stacked", ["cuteProgressStacked"], { "vertical": { "alias": "vertical"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_vertical: unknown;
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';
+interface CuteProgressEvent {
+    value: number;
+    complete: boolean;
+    sender: CuteProgressBar;
+}
+/** Default `cute-progress-bar` options that can be overridden. */
+interface CuteProgressBarDefaultOptions {
+    /**
+     * Default theme color of the progress bar. */
+    color?: ThemeColor;
+    /** Default mode of the progress bar. */
+    mode?: ProgressBarMode;
+}
+/** Injection token to be used to override the default options for `cute-progress-bar`. */
+declare const CUTE_PROGRESS_BAR_DEFAULT_OPTIONS: InjectionToken<CuteProgressBarDefaultOptions>;
+declare class CuteProgressBar extends CuteBaseControl {
+    private _valueUpdated;
+    protected progressStacked: CuteProgressStacked | null;
+    /** Mode of the progress bar. */
+    get mode(): ProgressBarMode;
+    set mode(value: ProgressBarMode);
+    private _mode;
+    /** The current progress value. Defaults to _zero_. Mirrored to `aria-valuenow`. */
+    get value(): number;
+    set value(v: number);
+    private _value;
+    /** Progress minimum value. Default is 0. */
+    get minimum(): number;
+    set minimum(value: number);
+    private _minimum;
+    /** Progress maximum value. Default is 100. */
+    get maximum(): number;
+    set maximum(value: number);
+    private _maximum;
+    /** Progress step value. Default is 10. */
+    get step(): number;
+    set step(value: number);
+    private _step;
+    /** Whether the minimum progress value be automatically set when the maximum value is reached. */
+    autoReset: boolean;
+    /** Whether the component should display the current percentage or message label above the progress. */
+    showLabel: boolean;
+    /** Whether to apply a stripe via CSS gradient over the progress bar’s background color. */
+    striped: boolean;
+    /** Whether the striped gradient should be animated. */
+    stripedAnimated: boolean;
+    /** Messages that are used as progress labels. */
+    messages: string[] | undefined;
+    /** Message labels colors. The number of items may differ from `messages` array size. */
+    messageColors: ThemeColor[] | undefined;
+    /** Bar's height for horizontal progress and width for vertical one. The changing this value is ignored if the progress bar is contained in the `cute-progress-bar-stack`. */
+    get thickness(): string | undefined;
+    set thickness(value: string | undefined);
+    private _thickness;
+    /** Whether the progress bar should be vertical. The changing this value is ignored if the progress bar is contained in the `cute-progress-bar-stack`. */
+    get vertical(): boolean;
+    set vertical(value: boolean);
+    private _vertical;
+    /** Event emitted when the progress value has been changed. */
+    readonly progressChange: EventEmitter<CuteProgressEvent>;
+    /** Event emitted when the progress value has been auto reset to the `minimum` value. */
+    readonly progressReset: EventEmitter<void>;
+    constructor();
+    private _createProgressEvent;
+    protected generateId(): string;
+    protected isStackMember(): boolean;
+    protected getMessageIndex(): number;
+    /** Returns the current completion percentage. */
+    getPercent(): number;
+    /** Retrieves the progressbar calculated label. */
+    getLabel(): string;
+    /** Returns the progressbar label color */
+    getLabelColor(): string | null;
+    /**
+     * Increments/decrements progress value.
+     * @param nStep Step to increment/decrement the current progress value. Default is the component's {@link step} value.
+     */
+    increment(nStep?: number): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteProgressBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteProgressBar, "cute-progress-bar", ["cuteProgressBar"], { "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; "minimum": { "alias": "minimum"; "required": false; }; "maximum": { "alias": "maximum"; "required": false; }; "step": { "alias": "step"; "required": false; }; "autoReset": { "alias": "autoReset"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "stripedAnimated": { "alias": "stripedAnimated"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "messageColors": { "alias": "messageColors"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "progressChange": "progressChange"; "progressReset": "progressReset"; }, never, never, true, never>;
+    static ngAcceptInputType_value: unknown;
+    static ngAcceptInputType_minimum: unknown;
+    static ngAcceptInputType_maximum: unknown;
+    static ngAcceptInputType_step: unknown;
+    static ngAcceptInputType_autoReset: unknown;
+    static ngAcceptInputType_showLabel: unknown;
+    static ngAcceptInputType_striped: unknown;
+    static ngAcceptInputType_stripedAnimated: unknown;
+    static ngAcceptInputType_vertical: unknown;
+}
+
+declare class CuteProgressBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteProgressBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CuteProgressBarModule, never, [typeof i1.CommonModule, typeof CuteProgressBar, typeof CuteProgressStacked], [typeof CuteProgressBar, typeof CuteProgressStacked]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CuteProgressBarModule>;
+}
+
+export { CUTE_PROGRESS_BAR_DEFAULT_OPTIONS, CuteProgressBar, CuteProgressBarModule, CuteProgressStacked };
+export type { CuteProgressBarDefaultOptions, CuteProgressEvent, ProgressBarMode };