ngx-opalbytes-components 1.15.0 → 1.16.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-opalbytes-components",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/types/ngx-opalbytes-components.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ElementRef, ChangeDetectorRef, Signal, AfterViewInit, AfterContentInit, QueryList } from '@angular/core';
+import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ElementRef, ChangeDetectorRef, Signal, AfterViewInit, AfterContentInit, QueryList, TemplateRef, WritableSignal } from '@angular/core';
 import { ControlValueAccessor, AbstractControl, FormControl } from '@angular/forms';
 import { MatDateRangeInput } from '@angular/material/datepicker';
 import { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
@@ -716,5 +716,73 @@ declare class StepperComponent implements AfterContentInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "cao-stepper", never, { "title": { "alias": "title"; "required": false; }; }, { "maxReachedEvent": "maxReachedEvent"; }, ["steps"], ["*"], true, never>;
 }
 
-export { BaseAlert, BaseAlertService, BaseDialog, BaseDialogService, BaseFilterTablePaginatedService, BaseFilterTableService, BaseModal, BaseModalService, BasePaginationService, BaseTable, BaseTablePaginated, BaseTableService, BaseTimeRange, CaoAutocompleteComponent, CaoBaseButtonComponent, CaoBaseInput, CaoDropDownComponent, Footer, LinksButton, Paginator, StepComponent, StepperComponent, TablePaginatedService, TimePicker, getPtBrPaginatorIntlBasePaginated, getPtBrPaginatorIntlBaseTable };
-export type { AlertType, CaoTypeInputs, DialogType, IAlertConfig, ICaoAutoCompleteOption, ICaoDropDownOption, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };
+declare class CaoTabPanel {
+    label: string;
+    isLucideIcon: boolean;
+    trailingIcon: string | null;
+    leadingIcon: string | null;
+    isDisabled: boolean;
+    labelTemplate?: TemplateRef<unknown>;
+    lazyContent?: TemplateRef<unknown>;
+    content: TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaoTabPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaoTabPanel, "cao-tab-panel", never, { "label": { "alias": "label"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, {}, ["labelTemplate", "lazyContent"], ["*"], true, never>;
+}
+
+interface ICaoTabChangeEvent {
+    previousIndex: number;
+    index: number;
+    tab: CaoTabPanel;
+}
+declare class CaoTabGroup implements AfterContentInit, OnDestroy {
+    get _hostStyles(): Record<string, string>;
+    set selectedIndex(val: number);
+    get selectedIndex(): number;
+    labelHeight: string;
+    labelPaddingX: string;
+    labelGap: string;
+    colorText: string;
+    colorActive: string;
+    colorHoverBg: string;
+    colorDisabled: string;
+    colorInkBar: string;
+    colorHeaderBorder: string;
+    inkBarHeight: string;
+    contentPaddingTop: string;
+    labelRadius: string;
+    animationDuration: string;
+    dynamicHeight: boolean;
+    labelAlign: 'start' | 'center' | 'end';
+    iconColorActive: string;
+    iconColorInactive: string;
+    strokeWidthIcon: number;
+    readonly selectedTabChange: EventEmitter<ICaoTabChangeEvent>;
+    readonly focusChange: EventEmitter<number>;
+    tabs: QueryList<CaoTabPanel>;
+    tabBtns: QueryList<ElementRef<HTMLButtonElement>>;
+    inkBar: ElementRef<HTMLElement>;
+    readonly activeIndex: WritableSignal<number>;
+    private activatedSet;
+    tabList: CaoTabPanel[];
+    private subs;
+    private isBrowser;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    selectTab(index: number): void;
+    get activeTab(): CaoTabPanel | null;
+    isActive(index: number): boolean;
+    wasActivated(index: number): boolean;
+    onTabClick(index: number): void;
+    onKeydown(event: KeyboardEvent, currentIndex: number): void;
+    onFocus(index: number): void;
+    private nextEnabled;
+    private selectIndex;
+    private focusTab;
+    scheduleInkBar(): void;
+    private updateInkBar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaoTabGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaoTabGroup, "cao-tab-group", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "labelHeight": { "alias": "labelHeight"; "required": false; }; "labelPaddingX": { "alias": "labelPaddingX"; "required": false; }; "labelGap": { "alias": "labelGap"; "required": false; }; "colorText": { "alias": "colorText"; "required": false; }; "colorActive": { "alias": "colorActive"; "required": false; }; "colorHoverBg": { "alias": "colorHoverBg"; "required": false; }; "colorDisabled": { "alias": "colorDisabled"; "required": false; }; "colorInkBar": { "alias": "colorInkBar"; "required": false; }; "colorHeaderBorder": { "alias": "colorHeaderBorder"; "required": false; }; "inkBarHeight": { "alias": "inkBarHeight"; "required": false; }; "contentPaddingTop": { "alias": "contentPaddingTop"; "required": false; }; "labelRadius": { "alias": "labelRadius"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "labelAlign": { "alias": "labelAlign"; "required": false; }; "iconColorActive": { "alias": "iconColorActive"; "required": false; }; "iconColorInactive": { "alias": "iconColorInactive"; "required": false; }; "strokeWidthIcon": { "alias": "strokeWidthIcon"; "required": false; }; }, { "selectedTabChange": "selectedTabChange"; "focusChange": "focusChange"; }, ["tabs"], never, true, never>;
+}
+
+export { BaseAlert, BaseAlertService, BaseDialog, BaseDialogService, BaseFilterTablePaginatedService, BaseFilterTableService, BaseModal, BaseModalService, BasePaginationService, BaseTable, BaseTablePaginated, BaseTableService, BaseTimeRange, CaoAutocompleteComponent, CaoBaseButtonComponent, CaoBaseInput, CaoDropDownComponent, CaoTabGroup, CaoTabPanel, Footer, LinksButton, Paginator, StepComponent, StepperComponent, TablePaginatedService, TimePicker, getPtBrPaginatorIntlBasePaginated, getPtBrPaginatorIntlBaseTable };
+export type { AlertType, CaoTypeInputs, DialogType, IAlertConfig, ICaoAutoCompleteOption, ICaoDropDownOption, ICaoTabChangeEvent, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };