@cute-widgets/base 20.0.3 → 20.0.5

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

package/tabs/index.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 };