ngx-opalbytes-components 1.16.1 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-opalbytes-components",
-  "version": "1.16.1",
+  "version": "1.18.0",
   "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, TemplateRef, WritableSignal } from '@angular/core';
+import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ElementRef, ChangeDetectorRef, Signal, AfterContentInit, QueryList, TemplateRef, WritableSignal, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor, AbstractControl, FormControl } from '@angular/forms';
 import { MatDateRangeInput } from '@angular/material/datepicker';
 import { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
@@ -29,10 +29,11 @@ declare class CaoBaseButtonComponent implements OnInit {
     dataCy?: string;
     iconColor?: string;
     strokeWidthIcon: number;
+    minTextToTooltip: number;
     ngOnInit(): void;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaoBaseButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaoBaseButtonComponent, "cao-button", never, { "buttonText": { "alias": "buttonText"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "strokeWidthIcon": { "alias": "strokeWidthIcon"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaoBaseButtonComponent, "cao-button", never, { "buttonText": { "alias": "buttonText"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "strokeWidthIcon": { "alias": "strokeWidthIcon"; "required": false; }; "minTextToTooltip": { "alias": "minTextToTooltip"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }
 
 type CaoTypeInputs = 'text' | 'textarea' | 'number' | 'password' | 'date';
@@ -301,6 +302,107 @@ declare class TimePicker {
     static ɵcmp: i0.ɵɵComponentDeclaration<TimePicker, "cao-time-picker", never, { "control": { "alias": "control"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "timeChange": "timeChange"; }, never, never, true, never>;
 }
 
+declare class StepComponent {
+    title: string;
+    isActive: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "cao-step", never, { "title": { "alias": "title"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class StepperComponent implements AfterContentInit {
+    constructor();
+    steps: QueryList<StepComponent>;
+    title: string;
+    activeStepIndex: number;
+    lengthStep: number;
+    showLine: boolean;
+    readonly maxReachedEvent: EventEmitter<null>;
+    ngAfterContentInit(): void;
+    nextStep(): void;
+    prevStep(): void;
+    resetStepper(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "cao-stepper", never, { "title": { "alias": "title"; "required": false; }; }, { "maxReachedEvent": "maxReachedEvent"; }, ["steps"], ["*"], true, never>;
+}
+
+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>;
+}
+
+declare class CaoBaseIcon {
+    imgSource: string;
+    isLucideIcon: boolean;
+    strokeWidthIcon: number;
+    iconColor: string;
+    size: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaoBaseIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaoBaseIcon, "cao-base-icon", never, { "imgSource": { "alias": "imgSource"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "strokeWidthIcon": { "alias": "strokeWidthIcon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 type ModalType = "validation" | "finger" | "facial" | "clinic" | "graph" | "restriction" | "default";
 interface IModal {
     status: boolean;
@@ -693,96 +795,5 @@ declare class BaseAlertService {
     static ɵprov: i0.ɵɵInjectableDeclaration<BaseAlertService>;
 }
 
-declare class StepComponent {
-    title: string;
-    isActive: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "cao-step", never, { "title": { "alias": "title"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class StepperComponent implements AfterContentInit {
-    constructor();
-    steps: QueryList<StepComponent>;
-    title: string;
-    activeStepIndex: number;
-    lengthStep: number;
-    showLine: boolean;
-    readonly maxReachedEvent: EventEmitter<null>;
-    ngAfterContentInit(): void;
-    nextStep(): void;
-    prevStep(): void;
-    resetStepper(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "cao-stepper", never, { "title": { "alias": "title"; "required": false; }; }, { "maxReachedEvent": "maxReachedEvent"; }, ["steps"], ["*"], true, never>;
-}
-
-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 { BaseAlert, BaseAlertService, BaseDialog, BaseDialogService, BaseFilterTablePaginatedService, BaseFilterTableService, BaseModal, BaseModalService, BasePaginationService, BaseTable, BaseTablePaginated, BaseTableService, BaseTimeRange, CaoAutocompleteComponent, CaoBaseButtonComponent, CaoBaseIcon, 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 };