@cute-widgets/base 20.0.3 → 20.0.4

package/navbar/index.d.ts

@@ -52,6 +52,9 @@ declare class CuteNavbarBrand {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CuteNavbarBrand, "[cuteNavbarBrand], [cute-navbar-brand]", ["cuteNavbarBrand"], {}, {}, never, never, true, never>;
 }
 
+/**
+ * A full-height and lightweight navigation container for including other navigation components.
+ */
 declare class CuteNavbarNav extends CuteNav {
     /**
      * Enable/disable vertical scrolling within the toggleable contents of a collapsed `navbar`.
@@ -76,6 +79,9 @@ declare class CuteNavbarText {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CuteNavbarText, "cute-navbar-text, [cuteNavbarText], [cute-navbar-text]", ["cuteNavbarText"], {}, {}, never, never, true, never>;
 }
 
+/**
+ * A trigger element for expand/collapse the `cute-navbar-content`.
+ */
 declare class CuteNavbarToggler {
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteNavbarToggler, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CuteNavbarToggler, "[cuteNavbarToggler], [cute-navbar-toggler]", ["cuteNavbarToggler"], {}, {}, never, never, true, [{ directive: typeof i1.CuteCollapseTrigger; inputs: { "cuteCollapseTriggerFor": "cuteNavbarTogglerFor"; }; outputs: {}; }]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cute-widgets/base",
-  "version": "20.0.3",
+  "version": "20.0.4",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -9,6 +9,7 @@
   "bugs": {
     "url": "https://github.com/cute-widgets/base/issues"
   },
+  "homepage": "https://cutewidgets.com",
   "description": "Angular Material components styled with Bootstrap",
   "author": "ALEXANDER STRELKOV <alv.strelkov@gmail.com>",
   "keywords": [
@@ -178,14 +179,14 @@
       "types": "./stepper/index.d.ts",
       "default": "./fesm2022/cute-widgets-base-stepper.mjs"
     },
-    "./table": {
-      "types": "./table/index.d.ts",
-      "default": "./fesm2022/cute-widgets-base-table.mjs"
-    },
     "./tabs": {
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/cute-widgets-base-tabs.mjs"
     },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-table.mjs"
+    },
     "./timepicker": {
       "types": "./timepicker/index.d.ts",
       "default": "./fesm2022/cute-widgets-base-timepicker.mjs"
@@ -250,14 +251,14 @@
       "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/testing": {
+      "types": "./core/testing/index.d.ts",
+      "default": "./fesm2022/cute-widgets-base-core-testing.mjs"
+    },
     "./core/types": {
       "types": "./core/types/index.d.ts",
       "default": "./fesm2022/cute-widgets-base-core-types.mjs"

package/paginator/index.d.ts

@@ -39,18 +39,6 @@ declare class CutePaginatorIntl {
     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. */
@@ -102,7 +90,7 @@ declare class CutePaginator extends CuteFocusableControl implements AfterViewChe
     /** 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;
+    protected hideActive: i0.WritableSignal<boolean>;
     /** The zero-based page index of the displayed list of items. Defaulted to 0. */
     get pageIndex(): number;
     set pageIndex(value: number);
@@ -129,9 +117,9 @@ declare class CutePaginator extends CuteFocusableControl implements AfterViewChe
     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 */
+    /** Changes the alignment of the pagination sections in the parent container. */
+    alignment: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | undefined;
+    /** Changes the pagination's size to smaller or larger. */
     magnitude: RelativeSize | undefined;
     /** Used to configure the underlying `CuteSelect` inside the paginator. */
     selectConfig: CutePaginatorSelectConfig;
@@ -146,6 +134,7 @@ declare class CutePaginator extends CuteFocusableControl implements AfterViewChe
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     protected onMouseDown(event: MouseEvent): void;
+    protected onMouseUp(event: MouseEvent): void;
     /** Whether the specified index is the `active` page of the paginator */
     protected isActivePage(index: number): boolean;
     private _updateFirstLastVisibleIndexes;

package/radio/index.d.ts

@@ -39,7 +39,6 @@ declare const CUTE_RADIO_DEFAULT_OPTIONS: InjectionToken<CuteRadioDefaultOptions
 declare class CuteRadioButton extends CuteInputControl implements DoCheck {
     private _ngZone;
     private _injector;
-    private _destroyRef;
     private readonly _radioDispatcher;
     private _defaultOptions;
     private _cleanupClick;

package/sidenav/index.d.ts

@@ -37,13 +37,12 @@ declare const CUTE_DRAWER_DEFAULT_AUTOSIZE: InjectionToken<boolean>;
  */
 declare const CUTE_DRAWER_CONTAINER: InjectionToken<unknown>;
 /**
- * The main content of the 'cute-drawer' component
+ * The main content of the 'cute-drawer' component.
  */
 declare class CuteDrawerContent extends CdkScrollable implements AfterContentInit {
     private _platform;
     private _changeDetectorRef;
     _container: CuteDrawerContainer;
-    protected generateId(): string;
     constructor(...args: unknown[]);
     ngAfterContentInit(): void;
     /** Determines whether the content element should be hidden from the user. */

package/sort/index.d.ts

@@ -1,8 +1,6 @@
-import { FocusMonitor, AriaDescriber } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { OnChanges, OnDestroy, OnInit, EventEmitter, SimpleChanges, InjectionToken, Optional, AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { OnChanges, OnDestroy, OnInit, EventEmitter, SimpleChanges, InjectionToken, Optional, AfterViewInit } from '@angular/core';
 import { Subject, Observable } from 'rxjs';
-import { AnimationTriggerMetadata } from '@angular/animations';
 import * as i1 from '@angular/common';
 
 type SortDirection = 'asc' | 'desc' | '';
@@ -44,10 +42,10 @@ interface CuteSortDefaultOptions {
     /** Position of the arrow that displays when sorted. */
     arrowPosition?: SortHeaderArrowPosition;
 }
-/** Injection token to be used to override the default options for `mat-sort`. */
+/** Injection token to be used to override the default options for `cute-sort`. */
 declare const CUTE_SORT_DEFAULT_OPTIONS: InjectionToken<CuteSortDefaultOptions>;
-/** Container for CuteSortables to manage the sort state and provide default sort parameters. */
-declare class CuteSort implements OnChanges, OnDestroy, OnInit {
+/** Container for `CuteSortable`s to manage the sort state and provide default sort parameters. */
+declare class CuteSort implements OnChanges, OnDestroy, OnInit, Sort {
     private _defaultOptions?;
     private _initializedStream;
     /** Collection of all registered sortables that this directive manages. */
@@ -55,7 +53,7 @@ declare class CuteSort implements OnChanges, OnDestroy, OnInit {
     /** Used to notify any child components listening to state changes. */
     readonly _stateChanges: Subject<void>;
     /** The id of the most recently sorted CuteSortable. */
-    active: string | undefined;
+    active: string;
     /**
      * The direction to set when a CuteSortable is initially sorted.
      * May be overridden by the CuteSortable's sort start.
@@ -134,40 +132,6 @@ declare const CUTE_SORT_HEADER_INTL_PROVIDER: {
     useFactory: typeof CUTE_SORT_HEADER_INTL_PROVIDER_FACTORY;
 };
 
-/**
- * @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).
- */
-
-/**
- * Valid positions for the arrow to be in for its opacity and translation. If the state is a
- * sort direction, the position of the arrow will be above/below and opacity 0. If the state is
- * _hint_, the arrow will be in the center with a slight opacity. _Active_ state means the arrow will
- * be fully opaque in the center.
- *
- * @docs-private
- * @deprecated No longer being used, to be removed.
- * @breaking-change 21.0.0
- */
-type ArrowViewState = SortDirection | 'hint' | 'active';
-/**
- * States describing the arrow's animated position (animating _fromState_ to _toState_).
- * If the _fromState_ is not defined, there will be no animated transition to the _toState_.
- * @docs-private
- * @deprecated No longer being used, to be removed.
- * @breaking-change 21.0.0
- */
-interface ArrowViewStateTransition {
-    fromState?: ArrowViewState;
-    toState?: ArrowViewState;
-}
 /** Column definition associated with a `CuteSortHeader`. */
 interface CuteSortHeaderColumnDef {
     name: string;
@@ -176,47 +140,31 @@ interface CuteSortHeaderColumnDef {
  * Applies sorting behavior (click to change sort) and styles to an element, including an
  * arrow to display the current sort direction.
  *
- * Must be provided with an id and contained within a parent `CuteSort` directive.
+ * Must be provided with an id and contained within a parent CuteSort directive.
  *
  * If used on header cells in a CdkTable, it will automatically default its id from its containing
  * column definition.
  */
 declare class CuteSortHeader implements CuteSortable, OnDestroy, OnInit, AfterViewInit {
-    /**
-     * @deprecated `_intl` parameter isn't being used anymore, and it'll be removed.
-     * @breaking-change 13.0.0
-     */
     _intl: CuteSortHeaderIntl;
-    private _changeDetectorRef;
     _sort: CuteSort;
-    _columnDef: CuteSortHeaderColumnDef;
+    _columnDef: CuteSortHeaderColumnDef | null;
+    private _changeDetectorRef;
     private _focusMonitor;
     private _elementRef;
-    /** @breaking-change 14.0.0 _ariaDescriber will be required. */
-    private _ariaDescriber?;
-    private _rerenderSubscription;
-    /**
-     * The element with role="button" inside this component's view. We need this to apply
-     * a description with AriaDescriber.
-     */
-    private _sortButton;
+    private _ariaDescriber;
+    private _renderChanges;
+    protected _animationsDisabled: boolean;
     /**
-     * Flag set to true when the indicator should be displayed while the sort is not active. Used to
-     * provide an affordance that the header is sortable by showing on focus and hover.
+     * Indicates which state was just cleared from the sort header.
+     * Will be reset on the next interaction. Used for coordinating animations.
      */
-    _showIndicatorHint: boolean;
+    protected _recentlyCleared: i0.WritableSignal<SortDirection | null>;
     /**
-     * The view transition state of the arrow (translation/ opacity) - indicates its `from` and `to`
-     * position through the animation. If animations are currently disabled, the `fromState` is removed
-     * so that there is no animation displayed.
+     * The element with role="button" inside this component's view. We need this
+     * in order to apply a description with AriaDescriber.
      */
-    _viewState: ArrowViewStateTransition;
-    /** The direction the arrow should be facing, according to the current state. */
-    _arrowDirection: SortDirection;
-    /**
-     * Whether the view state animation should show the transition between the `from` and `to` states.
-     */
-    _disableViewStateAnimation: boolean;
+    private _sortButton;
     /**
      * ID of this sort header. If used within the context of a CdkColumnDef, this will default to
      * the column's name.
@@ -237,49 +185,15 @@ declare class CuteSortHeader implements CuteSortable, OnDestroy, OnInit, AfterVi
     private _sortActionDescription;
     /** Overrides the disable clear value of the containing CuteSort for this CuteSortable. */
     disableClear: boolean;
-    constructor(
-    /**
-     * @deprecated `_intl` parameter isn't being used anymore, and it'll be removed.
-     * @breaking-change 13.0.0
-     */
-    _intl: CuteSortHeaderIntl, _changeDetectorRef: ChangeDetectorRef, _sort: CuteSort, _columnDef: CuteSortHeaderColumnDef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, 
-    /** @breaking-change 14.0.0 _ariaDescriber will be required. */
-    _ariaDescriber?: (AriaDescriber | null) | undefined, defaultOptions?: CuteSortDefaultOptions);
+    constructor(...args: unknown[]);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    /**
-     * Sets the "hint" state such that the arrow will be semi-transparently displayed as a hint to the
-     * user showing what the active sort will become. If set to false, the arrow will fade away.
-     */
-    _setIndicatorHintVisible(visible: boolean): void;
-    /**
-     * Sets the animation transition view state for the arrow's position and opacity. If the
-     * `disableViewStateAnimation` flag is set to true, the `fromState` will be ignored so that
-     * no animation appears.
-     */
-    _setAnimationTransitionState(viewState: ArrowViewStateTransition): void;
     /** Triggers the sort on this sort header and removes the indicator hint. */
     _toggleOnInteraction(): void;
-    _handleClick(): void;
     _handleKeydown(event: KeyboardEvent): void;
     /** Whether this CuteSortHeader is currently sorted in either ascending or descending order. */
     _isSorted(): boolean;
-    /** Returns the animation state for the arrow direction (indicator and pointers). */
-    _getArrowDirectionState(): string;
-    /** Returns the arrow position state (opacity, translation). */
-    _getArrowViewState(): string;
-    /**
-     * Updates the direction the arrow should be pointing. If it is not sorted, the arrow should be
-     * facing the start direction. Otherwise, if it is sorted, the arrow should point in the currently
-     * active sorted direction. The reason this is updated through a function is because the direction
-     * should only be changed at specific times - when deactivated but the hint is displayed and when
-     * the sort is active and the direction changes. Otherwise, the arrow's direction should linger
-     * in cases such as the sort becoming deactivated but we want to animate the arrow away while
-     * preserving its direction, even though the next sort direction is actually different and should
-     * only be changed once the arrow displays again (hint or activation).
-     */
-    _updateArrowDirection(): void;
     _isDisabled(): boolean;
     /**
      * Gets the aria-sort attribute that should be applied to this sort header. If this header
@@ -291,44 +205,17 @@ declare class CuteSortHeader implements CuteSortable, OnDestroy, OnInit, AfterVi
     /** Whether the arrow inside the sort header should be rendered. */
     _renderArrow(): boolean;
     private _updateSortActionDescription;
-    /** Handles changes in the sorting state. */
-    private _handleStateChanges;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteSortHeader, [null, null, { optional: true; }, { optional: true; }, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuteSortHeader, "[cute-sort-header]", ["cuteSortHeader"], { "id": { "alias": "cute-sort-header"; "required": false; }; "arrowPosition": { "alias": "arrowPosition"; "required": false; }; "start": { "alias": "start"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sortActionDescription": { "alias": "sortActionDescription"; "required": false; }; "disableClear": { "alias": "disableClear"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteSortHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteSortHeader, "[cute-sort-header]", ["cuteSortHeader"], { "id": { "alias": "cute-sort-header"; "required": false; }; "arrowPosition": { "alias": "arrowPosition"; "required": false; }; "start": { "alias": "start"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sortActionDescription": { "alias": "sortActionDescription"; "required": false; }; "disableClear": { "alias": "disableClear"; "required": false; }; }, {}, never, ["*", "[cuteSortHeaderIcon]"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_disableClear: 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).
- */
-
-/**
- * Animations used by CuteSort.
- * @docs-private
- */
-declare const cuteSortAnimations: {
-    readonly indicator: AnimationTriggerMetadata;
-    readonly leftPointer: AnimationTriggerMetadata;
-    readonly rightPointer: AnimationTriggerMetadata;
-    readonly arrowOpacity: AnimationTriggerMetadata;
-    readonly arrowPosition: AnimationTriggerMetadata;
-    readonly allowChildren: AnimationTriggerMetadata;
-};
-
 declare class CuteSortModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteSortModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<CuteSortModule, never, [typeof i1.CommonModule, typeof CuteSort, typeof CuteSortHeader], [typeof CuteSort, typeof CuteSortHeader]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CuteSortModule>;
 }
 
-export { CUTE_SORT_DEFAULT_OPTIONS, CUTE_SORT_HEADER_INTL_PROVIDER, CUTE_SORT_HEADER_INTL_PROVIDER_FACTORY, CuteSort, CuteSortHeader, CuteSortHeaderIntl, CuteSortModule, cuteSortAnimations };
-export type { ArrowViewState, ArrowViewStateTransition, CuteSortDefaultOptions, CuteSortable, Sort, SortDirection, SortHeaderArrowPosition };
+export { CUTE_SORT_DEFAULT_OPTIONS, CUTE_SORT_HEADER_INTL_PROVIDER, CUTE_SORT_HEADER_INTL_PROVIDER_FACTORY, CuteSort, CuteSortHeader, CuteSortHeaderIntl, CuteSortModule };
+export type { CuteSortDefaultOptions, CuteSortable, Sort, SortDirection, SortHeaderArrowPosition };

package/table/index.d.ts

@@ -5,7 +5,7 @@ import { CdkTable, CdkCellDef, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDef,
 import { ThemeColor } from '@cute-widgets/base/core';
 import { BehaviorSubject } from 'rxjs';
 import { DataSource } from '@angular/cdk/collections';
-import { CuteSort } from '@cute-widgets/base/sort';
+import { CuteSort, Sort } from '@cute-widgets/base/sort';
 import { CutePaginator } from '@cute-widgets/base/paginator';
 import * as i1 from '@angular/common';
 
@@ -25,8 +25,8 @@ import * as i1 from '@angular/common';
  * Used to provide a table to some of the subcomponents without causing a circular dependency.
  */
 declare const CUTE_TABLE: InjectionToken<CuteTable<any>>;
-/** Type of table borders. `all` - on all sides of the table and cells, `none` - without borders */
-type TableBorders = "all" | "none";
+/** Type of table borders: `all` - on all sides of the table and cells, `rows` - line-divider of table rows, `none` - without borders. */
+type TableBorders = "all" | "none" | "rows";
 /**
  * Enables the recycle view repeater strategy, which reduces rendering latency. Not compatible with
  * tables that animate rows.
@@ -53,16 +53,16 @@ declare class CuteTable<T> extends CdkTable<T> implements OnInit {
     borderColor: ThemeColor | undefined;
     /** Adds zebra-striping to any table row within the `<tbody>`. */
     stripedRows: boolean;
-    /** Adds zebra-striping to any table column */
+    /** Adds zebra-striping to any table column. */
     stripedColumns: boolean;
-    /** Enables a hover state on table rows within a `<tbody>` */
+    /** Enables a hover state on table rows within a `<tbody>`. */
     hoveredRows: boolean;
-    /** Makes a `<table>` more compact */
+    /** Makes a `<table>` more compact. */
     get compact(): boolean;
     set compact(value: boolean);
     private _compact;
     /** What table borders to display. */
-    displayBorders: TableBorders | undefined;
+    displayBorders: TableBorders;
     /**
      *  Adds a thicker border, darker between table groups — `<thead>`, `<tbody>`, and `<tfoot>`.
      *  @experimental
@@ -310,7 +310,7 @@ declare class CuteTableDataSource<T, P extends CutePaginator = CutePaginator> ex
      * @param data The array of data that should be sorted.
      * @param sort The connected `CuteSort` that holds the current sort state.
      */
-    sortData: (data: T[], sort: CuteSort) => T[];
+    sortData: (data: T[], sort: Sort) => T[];
     /**
      * Checks if a data object matches the data source's filter string. By default, each data object
      * is converted to a string of its properties and returns true if the filter has