@cute-widgets/base 20.0.4 → 21.0.0

package/{tabs/index.d.ts → types/cute-widgets-base-tabs.d.ts}

@@ -4,7 +4,6 @@ import * as _cute_widgets_base_tabs from '@cute-widgets/base/tabs';
 import { CuteFocusableControl, CuteLayoutControl } from '@cute-widgets/base/abstract';
 import { Subject } from 'rxjs';
 import { CuteNavLink, CuteNavStretch, CuteNavChangeEvent, CuteNavChangingEvent } from '@cute-widgets/base/core/nav';
-import * as _angular_animations from '@angular/animations';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { ContentAlignment, ViewportEdge } from '@cute-widgets/base/core';
@@ -16,19 +15,20 @@ import * as i1 from '@angular/common';
  */
 declare const CUTE_TAB: InjectionToken<CuteTab>;
 declare class CuteTab extends CuteFocusableControl {
-    protected _tabGroup: _cute_widgets_base_tabs.CuteTabGroup | null;
     private _intersectionRatio;
+    protected _closestTabGroup: _cute_widgets_base_tabs.CuteTabGroup | null;
+    protected _animationEnabled: boolean;
     /** Plain text label for the tab, used when there is no template label. */
     textLabel: string;
     /** Explicit reference to the external content template. */
     contentTemplate: TemplateRef<any> | undefined;
-    /** Lazy loading label's outlet context */
+    /** Lazy loading label's outlet context. */
     labelContext: any;
-    /** Lazy loading content's outlet context */
+    /** Lazy loading content's outlet context. */
     contentContext: any;
     /** Whether the tab is closable. */
     closable: boolean;
-    /** Whether the tab preserves lazing content */
+    /** Whether the tab preserves lazing content. */
     preserveContent: boolean | undefined;
     /** Content for the tab label given by `<ng-template cute-tab-label>`. */
     readonly _templateLabel: TemplateRef<any> | undefined;
@@ -45,7 +45,7 @@ declare class CuteTab extends CuteFocusableControl {
     /** Whether the tab is intersected the containing box and needs to scroll to display its full size */
     get scrollNeeded(): boolean;
     /** Whether the tab was added dynamically */
-    isDynamic: boolean;
+    _isDynamic: boolean;
     protected isPreserveContent(): boolean;
     /** Tab content defined by <ng-template cute-tab-content> or directly referenced where the latter has more priority. */
     protected get explicitContent(): TemplateRef<any> | undefined;
@@ -72,7 +72,18 @@ declare class CuteTab extends CuteFocusableControl {
     static ngAcceptInputType_preserveContent: unknown;
 }
 
-declare const transitionAnimation: _angular_animations.AnimationReferenceMetadata;
+/**
+ * @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).
+ */
+
 /**
  * Used to provide a tab group to a tab without causing a circular dependency.
  */
@@ -160,6 +171,10 @@ declare class CuteTabGroup extends CuteLayoutControl {
     get stretchTabs(): CuteNavStretch;
     set stretchTabs(value: CuteNavStretch | boolean | "false" | "true" | undefined);
     private _stretchTabs;
+    /** Duration for the tab animation. Will be normalized to milliseconds if no units are set. */
+    get animationDuration(): string;
+    set animationDuration(value: string | number);
+    private _animationDuration;
     /**
      * By default, tabs remove their lazy content from the DOM while it's off-screen. Setting this to _true_ will keep it in the DOM,
      * which will prevent elements like `iframe` and `video` from reloading next time it comes back into the view.
@@ -168,10 +183,12 @@ declare class CuteTabGroup extends CuteLayoutControl {
     /** Whether the tab group will change its height to the height of the currently active tab. */
     dynamicHeight: boolean;
     /**
-     * Possible positions for the tab header.
+     * Possible position for the tab header.
      * @default top
      */
-    headerPosition: ViewportEdge;
+    get headerPosition(): ViewportEdge;
+    set headerPosition(newPosition: ViewportEdge);
+    private _headerPosition;
     /** Use `underline` style for horizontal tabs. */
     underlineTabs: boolean;
     /**
@@ -188,10 +205,12 @@ declare class CuteTabGroup extends CuteLayoutControl {
     selectedIndexChange: EventEmitter<number>;
     /** Event emitted when the active tab selection is about to change. */
     selectedTabChanging: EventEmitter<CuteTabChangingEvent>;
-    /** Event emitted when the tab selection has changed. */
+    /** Event emitted when the tab selection has been changed. */
     selectedTabChange: EventEmitter<CuteTabChangeEvent>;
     /** Event emitted when focus has changed within a tab group. */
     focusChange: EventEmitter<CuteTabChangeEvent>;
+    /** Event emitted when the position of tabs header has been changed. */
+    headerPositionChange: EventEmitter<ViewportEdge>;
     /** Event emitted after the new tab was added. */
     tabAdded: EventEmitter<void>;
     /** Event emitted after the closable tab was removed. */
@@ -215,11 +234,13 @@ declare class CuteTabGroup extends CuteLayoutControl {
     private setupScrollListener;
     protected scrollHeader(direction: number): void;
     /**
-     * Activates tab with specified index.
+     * Activates tab with the specified index.
      * @param index Tab index
      * @param origin (optional) Focus origin
+     * @returns A promise of a "logical" result, where _true_ means a successful change of the active tab, and _false_ otherwise.
+     * @async
      */
-    selectTab(index: number, origin?: FocusOrigin): void;
+    selectTab(index: number, origin?: FocusOrigin): Promise<boolean>;
     private _createChangeEvent;
     private _createChangingEvent;
     protected onNavFocusChange(event: CuteNavChangeEvent): void;
@@ -252,7 +273,7 @@ declare class CuteTabGroup extends CuteLayoutControl {
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteTabGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuteTabGroup, "cute-tab-group", ["cuteTabGroup"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "alignTabs": { "alias": "cute-align-tabs"; "required": false; }; "stretchTabs": { "alias": "cute-stretch-tabs"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "underlineTabs": { "alias": "underlineTabs"; "required": false; }; "dragEnabled": { "alias": "dragEnabled"; "required": false; }; "tabScrollingAlignment": { "alias": "tabScrollingAlignment"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "selectedTabChanging": "selectedTabChanging"; "selectedTabChange": "selectedTabChange"; "focusChange": "focusChange"; "tabAdded": "tabAdded"; "tabRemoved": "tabRemoved"; }, ["tabs"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteTabGroup, "cute-tab-group", ["cuteTabGroup"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "alignTabs": { "alias": "cute-align-tabs"; "required": false; }; "stretchTabs": { "alias": "cute-stretch-tabs"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "underlineTabs": { "alias": "underlineTabs"; "required": false; }; "dragEnabled": { "alias": "dragEnabled"; "required": false; }; "tabScrollingAlignment": { "alias": "tabScrollingAlignment"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "selectedTabChanging": "selectedTabChanging"; "selectedTabChange": "selectedTabChange"; "focusChange": "focusChange"; "headerPositionChange": "headerPositionChange"; "tabAdded": "tabAdded"; "tabRemoved": "tabRemoved"; }, ["tabs"], ["*"], true, never>;
     static ngAcceptInputType_selectedIndex: unknown;
     static ngAcceptInputType_preserveContent: unknown;
     static ngAcceptInputType_dynamicHeight: unknown;
@@ -304,4 +325,4 @@ declare class CuteTabsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<CuteTabsModule>;
 }
 
-export { CUTE_TAB, CUTE_TAB_CONTENT, CUTE_TAB_GROUP, CUTE_TAB_LABEL, CuteTab, CuteTabChangeEvent, CuteTabChangingEvent, CuteTabContent, CuteTabGroup, CuteTabLabel, CuteTabsModule, transitionAnimation };
+export { CUTE_TAB, CUTE_TAB_CONTENT, CUTE_TAB_GROUP, CUTE_TAB_LABEL, CuteTab, CuteTabChangeEvent, CuteTabChangingEvent, CuteTabContent, CuteTabGroup, CuteTabLabel, CuteTabsModule };

package/{tree/index.d.ts → types/cute-widgets-base-tree.d.ts}

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/cdk/tree';
-import { CdkTreeNode, CdkTreeNodeDef, CdkNestedTreeNode, CdkTreeNodePadding, CdkTreeNodeOutlet, CdkTree, CdkTreeNodeToggle, TreeControl, FlatTreeControl } from '@angular/cdk/tree';
+import { CdkNestedTreeNode, CdkTreeNodeDef, CdkTreeNode, CdkTreeNodePadding, CdkTreeNodeOutlet, CdkTree, CdkTreeNodeToggle, FlatTreeControl, TreeControl } from '@angular/cdk/tree';
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, AfterContentInit, ViewContainerRef, EventEmitter } from '@angular/core';
+import { AfterContentInit, OnDestroy, OnInit, ViewContainerRef, EventEmitter } from '@angular/core';
 import { DataSource, CollectionViewer } from '@angular/cdk/collections';
 import { Observable } from 'rxjs';
 

package/collapse/index.d.ts

@@ -1,97 +0,0 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, EventEmitter } from '@angular/core';
-import { CuteBaseControl, Expandable } from '@cute-widgets/base/abstract';
-import { Subject } from 'rxjs';
-import { AnimationEvent, AnimationTriggerMetadata } from '@angular/animations';
-import * as i1 from '@angular/common';
-
-/**
- * @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
- */
-
-/** Animation states */
-type CuteCollapseState = 'expanded' | 'collapsed';
-/**
- * This collapse component is used to show and hide content.
- * Buttons or anchors are used as triggers that are mapped to specific elements you toggle.
- */
-declare class CuteCollapse extends CuteBaseControl implements Expandable, OnDestroy {
-    /** Sets the element's current state to _collapsed_ or _expanded_ value. */
-    get collapsed(): boolean;
-    set collapsed(value: boolean);
-    private _collapsed;
-    /** Expanding/Collapsing directionality, _horizontal_ or _vertical_. Default is _vertical_. */
-    horizontal: boolean;
-    /** Whether the animation while collapsing/expanding should be disabled */
-    disableAnimation: boolean;
-    /** Event emitting before expand element */
-    readonly beforeExpand: EventEmitter<void>;
-    /** Event emitting before collapse element */
-    readonly beforeCollapse: EventEmitter<void>;
-    /** Event emitting after expand element */
-    readonly afterExpand: EventEmitter<void>;
-    /** Event emitting after collapse element */
-    readonly afterCollapse: EventEmitter<void>;
-    /** Weather the current state is _collapsed_ or _expanded_. Part of `Expandable` interface. */
-    get expanded(): boolean;
-    /** Stream of body animation events. */
-    protected readonly _bodyAnimation$: Subject<AnimationEvent>;
-    constructor();
-    protected onAnimationEvent(event: AnimationEvent): void;
-    protected generateId(): string;
-    /** Gets the expanded state string. */
-    getState(): CuteCollapseState;
-    /** Part of `Expandable` interface */
-    toggle(): void;
-    /** Part of `Expandable` interface */
-    open(): void;
-    /** Part of `Expandable` interface */
-    close(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteCollapse, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuteCollapse, "cute-collapse", ["cuteCollapse"], { "collapsed": { "alias": "collapsed"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; }; }, { "beforeExpand": "beforeExpand"; "beforeCollapse": "beforeCollapse"; "afterExpand": "afterExpand"; "afterCollapse": "afterCollapse"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_collapsed: unknown;
-    static ngAcceptInputType_horizontal: unknown;
-    static ngAcceptInputType_disableAnimation: unknown;
-}
-
-declare class CuteCollapseTrigger {
-    /** Reference to the `cute-collapse` component to toggle its visibility */
-    get collapseControl(): CuteCollapse | null;
-    set collapseControl(collapse: CuteCollapse | null);
-    private _collapseControl;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteCollapseTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteCollapseTrigger, "[cuteCollapseTriggerFor]", ["cuteCollapseTrigger"], { "collapseControl": { "alias": "cuteCollapseTriggerFor"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-/**
- * @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
- */
-
-/** Time and timing curve for **collapse** animations. */
-declare const CUTE_COLLAPSE_ANIMATION_TIMING = "225ms cubic-bezier(0.4,0.0,0.2,1)";
-/**
- * Animations used by the CuteWidgets` collapse element.
- */
-declare const cuteCollapseAnimations: {
-    readonly bodyExpansion: AnimationTriggerMetadata;
-};
-
-declare class CuteCollapseModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteCollapseModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CuteCollapseModule, never, [typeof i1.CommonModule, typeof CuteCollapse, typeof CuteCollapseTrigger], [typeof CuteCollapse, typeof CuteCollapseTrigger]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CuteCollapseModule>;
-}
-
-export { CUTE_COLLAPSE_ANIMATION_TIMING, CuteCollapse, CuteCollapseModule, CuteCollapseTrigger, cuteCollapseAnimations };
-export type { CuteCollapseState };