ngx-opalbytes-components 1.28.0 → 1.30.0

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

@@ -5,11 +5,11 @@ import { ControlValueAccessor, AbstractControl, FormControl } from '@angular/for
 import { MatDateRangeInput } from '@angular/material/datepicker';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
-import { Router, ActivatedRoute } from '@angular/router';
+import { Router, ActivatedRoute, Params } from '@angular/router';
 import { PageEvent, MatPaginator, MatPaginatorIntl } from '@angular/material/paginator';
 import { DateAdapter } from '@angular/material/core';
 import { MatTimepickerOption } from '@angular/material/timepicker';
-import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { ConnectedPosition, Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { SelectionModel } from '@angular/cdk/collections';
 import { MatSort, Sort } from '@angular/material/sort';
@@ -1008,6 +1008,265 @@ declare class CaoCheckboxComponent implements ControlValueAccessor, OnChanges, O
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CaoCheckboxComponent, "cao-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "control": { "alias": "control"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "color": { "alias": "color"; "required": false; }; "uncheckedColor": { "alias": "uncheckedColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "disabledLabelColor": { "alias": "disabledLabelColor"; "required": false; }; "focusRingColor": { "alias": "focusRingColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "checkedIcon": { "alias": "checkedIcon"; "required": false; }; "uncheckedIcon": { "alias": "uncheckedIcon"; "required": false; }; "indeterminateIcon": { "alias": "indeterminateIcon"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "checkedIconColor": { "alias": "checkedIconColor"; "required": false; }; "uncheckedIconColor": { "alias": "uncheckedIconColor"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconStrokeWidth": { "alias": "iconStrokeWidth"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; "checkboxChange": "checkboxChange"; }, never, ["*"], true, never>;
 }
 
+/** Posição do ícone em relação ao texto do item. */
+type CaoBreadcrumbIconPosition = 'left' | 'right';
+/** Item do breadcrumb. */
+interface ICaoBreadcrumbItem {
+    /** Texto exibido. Pode ser omitido em itens apenas com ícone (informe `ariaLabel`). */
+    label?: string;
+    /** Nome do ícone Lucide ou caminho/URL/data URI da imagem. */
+    icon?: string;
+    /** Define se `icon` é um ícone Lucide. Padrão: `true`. */
+    isLucideIcon?: boolean;
+    /** Posição do ícone em relação ao texto. Padrão: `'left'`. */
+    iconPosition?: CaoBreadcrumbIconPosition;
+    /** Cor do ícone (aplicada a ícones Lucide). */
+    iconColor?: string;
+    /** Tamanho do ícone em px. Padrão: `16`. */
+    iconSize?: number;
+    /** Espessura do traço do ícone Lucide. Padrão: `1.5`. */
+    iconStrokeWidth?: number;
+    /** Navegação interna via Angular Router (ex.: `'/clientes'` ou `['/clientes', 12]`). */
+    link?: string | unknown[];
+    /** Query params usados junto com `link`. */
+    queryParams?: Params;
+    /** Navegação externa via `href`. Ignorado se `link` estiver definido. */
+    href?: string;
+    /** `target` do link (ex.: `'_blank'`). */
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    /** Callback executado ao clicar (item sem `link`/`href` vira um botão). */
+    command?: (event: ICaoBreadcrumbItemClickEvent) => void;
+    /** Texto/valor do badge exibido após o item. */
+    badge?: string | number;
+    /** Cor do texto do badge. */
+    badgeColor?: string;
+    /** Cor de fundo do badge. */
+    badgeBgColor?: string;
+    /** Desabilita a interação com o item. */
+    disabled?: boolean;
+    /** `aria-label` do item (recomendado para itens apenas com ícone). */
+    ariaLabel?: string;
+    /** Atributo `data-cy` para testes E2E. */
+    dataCy?: string;
+}
+/** Evento emitido ao clicar em um item. */
+interface ICaoBreadcrumbItemClickEvent {
+    item: ICaoBreadcrumbItem;
+    index: number;
+    originalEvent: Event;
+}
+
+declare class CaoBreadcrumbComponent {
+    /** Itens do breadcrumb. O último item é tratado como página atual. */
+    readonly items: _angular_core.InputSignal<ICaoBreadcrumbItem[]>;
+    /** Item "home" opcional, sempre exibido como primeiro item. */
+    readonly home: _angular_core.InputSignal<ICaoBreadcrumbItem | undefined>;
+    /** Texto do divisor. Padrão: `'/'`. Ignorado se `separatorIcon` for informado. */
+    readonly separator: _angular_core.InputSignal<string>;
+    /** Ícone do divisor (nome Lucide ou imagem). Tem prioridade sobre `separator`. */
+    readonly separatorIcon: _angular_core.InputSignal<string>;
+    readonly isLucideSeparatorIcon: _angular_core.InputSignal<boolean>;
+    readonly separatorIconSize: _angular_core.InputSignal<number>;
+    readonly separatorIconStrokeWidth: _angular_core.InputSignal<number>;
+    readonly linkColor: _angular_core.InputSignal<string>;
+    readonly linkHoverColor: _angular_core.InputSignal<string>;
+    readonly currentColor: _angular_core.InputSignal<string>;
+    readonly separatorColor: _angular_core.InputSignal<string>;
+    readonly fontSize: _angular_core.InputSignal<string>;
+    readonly gap: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    /** Emitido ao clicar em qualquer item interativo. */
+    readonly itemClick: _angular_core.OutputEmitterRef<ICaoBreadcrumbItemClickEvent>;
+    protected readonly allItems: _angular_core.Signal<ICaoBreadcrumbItem[]>;
+    protected isInteractive(item: ICaoBreadcrumbItem, isLast: boolean): boolean;
+    protected hasLink(item: ICaoBreadcrumbItem): boolean;
+    protected onItemClick(item: ICaoBreadcrumbItem, index: number, event: Event): void;
+    protected iconPosition(item: ICaoBreadcrumbItem): 'left' | 'right';
+    protected isLucide(item: ICaoBreadcrumbItem): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CaoBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CaoBreadcrumbComponent, "cao-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "home": { "alias": "home"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "separatorIcon": { "alias": "separatorIcon"; "required": false; "isSignal": true; }; "isLucideSeparatorIcon": { "alias": "isLucideSeparatorIcon"; "required": false; "isSignal": true; }; "separatorIconSize": { "alias": "separatorIconSize"; "required": false; "isSignal": true; }; "separatorIconStrokeWidth": { "alias": "separatorIconStrokeWidth"; "required": false; "isSignal": true; }; "linkColor": { "alias": "linkColor"; "required": false; "isSignal": true; }; "linkHoverColor": { "alias": "linkHoverColor"; "required": false; "isSignal": true; }; "currentColor": { "alias": "currentColor"; "required": false; "isSignal": true; }; "separatorColor": { "alias": "separatorColor"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+/**
+ * Modo da barra de progresso (mesmos modos do Angular Material).
+ * - `determinate`: progresso conhecido, controlado por `value`.
+ * - `indeterminate`: progresso desconhecido, animação contínua.
+ * - `buffer`: `value` + `bufferValue` (ex.: carregamento de mídia).
+ * - `query`: indeterminado com animação invertida (ex.: aguardando resposta antes de um determinate).
+ */
+type CaoProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';
+
+declare class CaoProgressBarComponent {
+    /** Modo de exibição. Padrão: `'determinate'`. */
+    readonly mode: _angular_core.InputSignal<CaoProgressBarMode>;
+    /** Progresso de 0 a 100 (modos `determinate` e `buffer`). */
+    readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Valor do buffer de 0 a 100 (modo `buffer`). */
+    readonly bufferValue: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Cor da barra de progresso (qualquer cor CSS). */
+    readonly color: _angular_core.InputSignal<string>;
+    /** Cor do trilho. */
+    readonly trackColor: _angular_core.InputSignal<string>;
+    /** Cor do buffer (modo `buffer`). */
+    readonly bufferColor: _angular_core.InputSignal<string>;
+    /** Altura da barra. */
+    readonly height: _angular_core.InputSignal<string>;
+    /** Raio da borda. Padrão: totalmente arredondada. */
+    readonly borderRadius: _angular_core.InputSignal<string>;
+    /** Duração do ciclo da animação nos modos indeterminado/query/buffer. */
+    readonly animationDuration: _angular_core.InputSignal<string>;
+    /** Exibe o percentual ao lado da barra (modos `determinate` e `buffer`). */
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    protected readonly clampedValue: _angular_core.Signal<number>;
+    protected readonly clampedBuffer: _angular_core.Signal<number>;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly ariaValueNow: _angular_core.Signal<number | null>;
+    protected readonly valueLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CaoProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CaoProgressBarComponent, "cao-progress-bar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "bufferValue": { "alias": "bufferValue"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "bufferColor": { "alias": "bufferColor"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Modo do spinner de progresso (mesmos modos do Angular Material).
+ * - `determinate`: progresso conhecido, controlado por `value`.
+ * - `indeterminate`: progresso desconhecido, animação contínua.
+ */
+type CaoProgressSpinnerMode = 'determinate' | 'indeterminate';
+type CaoProgressSpinnerLinecap = 'round' | 'butt' | 'square';
+
+declare class CaoProgressSpinnerComponent {
+    /** Modo de exibição. Padrão: `'indeterminate'`. */
+    readonly mode: _angular_core.InputSignal<CaoProgressSpinnerMode>;
+    /** Progresso de 0 a 100 (modo `determinate`). */
+    readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Diâmetro em px. */
+    readonly diameter: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Espessura do traço em px. `0` = automático (10% do diâmetro). */
+    readonly strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Formato da ponta do traço. */
+    readonly strokeLinecap: _angular_core.InputSignal<CaoProgressSpinnerLinecap>;
+    /** Cor do indicador (qualquer cor CSS). */
+    readonly color: _angular_core.InputSignal<string>;
+    /** Cor do trilho (círculo de fundo). Padrão: transparente. */
+    readonly trackColor: _angular_core.InputSignal<string>;
+    /** Duração de uma volta completa no modo indeterminado. */
+    readonly animationDuration: _angular_core.InputSignal<string>;
+    /** Exibe o percentual no centro (modo `determinate`). */
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    /** Cor do percentual. */
+    readonly textColor: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    protected readonly isDeterminate: _angular_core.Signal<boolean>;
+    protected readonly size: _angular_core.Signal<number>;
+    protected readonly stroke: _angular_core.Signal<number>;
+    protected readonly center: _angular_core.Signal<number>;
+    protected readonly radius: _angular_core.Signal<number>;
+    protected readonly circumference: _angular_core.Signal<number>;
+    protected readonly clampedValue: _angular_core.Signal<number>;
+    protected readonly dashOffset: _angular_core.Signal<number | null>;
+    protected readonly ariaValueNow: _angular_core.Signal<number | null>;
+    protected readonly valueLabel: _angular_core.Signal<string>;
+    protected readonly fontSize: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CaoProgressSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CaoProgressSpinnerComponent, "cao-progress-spinner", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "strokeLinecap": { "alias": "strokeLinecap"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Lado do elemento de origem em que o popover é exibido. */
+type CaoPopoverPosition = 'top' | 'bottom' | 'left' | 'right';
+/** Alinhamento do popover em relação ao elemento de origem. */
+type CaoPopoverAlign = 'start' | 'center' | 'end';
+/** Elemento de origem (âncora) do popover. */
+type CaoPopoverTarget = HTMLElement | ElementRef<HTMLElement> | null | undefined;
+interface ICaoPopoverShowOptions {
+    /** Move o foco para dentro do popover ao abrir. Padrão: valor de `focusOnShow`. */
+    focus?: boolean;
+}
+
+declare const CAO_POPOVER_POSITION_PREFIX = "cao-popover-pos-";
+/** Posição preferida seguida das alternativas (oposta e perpendiculares) usadas quando não há espaço. */
+declare function buildPopoverPositions(position: CaoPopoverPosition, align: CaoPopoverAlign, offset: number): ConnectedPosition[];
+declare class CaoPopoverComponent {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly destroyRef;
+    private readonly panelTemplate;
+    private overlayRef;
+    private origin;
+    private subscriptions;
+    private focusMoved;
+    private readonly openState;
+    protected readonly panelId: string;
+    protected readonly placement: _angular_core.WritableSignal<CaoPopoverPosition>;
+    /** Lado do elemento de origem em que o popover aparece. Se não houver espaço, o CDK escolhe outro lado. */
+    readonly position: _angular_core.InputSignal<CaoPopoverPosition>;
+    /** Alinhamento em relação ao elemento de origem. */
+    readonly align: _angular_core.InputSignal<CaoPopoverAlign>;
+    /** Distância (px) entre a origem e o popover. */
+    readonly offset: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Exibe a seta apontando para a origem. */
+    readonly showArrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Fecha ao clicar fora do popover. */
+    readonly dismissable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Fecha ao pressionar `Esc`. */
+    readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Exibe o botão de fechar no canto superior direito. */
+    readonly showCloseIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Move o foco para o primeiro elemento focável do popover ao abrir (e devolve à origem ao fechar). */
+    readonly focusOnShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Largura fixa do popover (ex.: `'320px'`). */
+    readonly width: _angular_core.InputSignal<string>;
+    /** Largura máxima. */
+    readonly maxWidth: _angular_core.InputSignal<string>;
+    readonly bgColor: _angular_core.InputSignal<string>;
+    readonly textColor: _angular_core.InputSignal<string>;
+    readonly borderColor: _angular_core.InputSignal<string>;
+    readonly borderRadius: _angular_core.InputSignal<string>;
+    readonly padding: _angular_core.InputSignal<string>;
+    /** Classe(s) CSS adicionais aplicadas ao painel do popover. */
+    readonly styleClass: _angular_core.InputSignal<string>;
+    /** Classe(s) CSS adicionais aplicadas ao painel do overlay (CDK). */
+    readonly panelClass: _angular_core.InputSignal<string | string[]>;
+    readonly role: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
+    readonly closeAriaLabel: _angular_core.InputSignal<string>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    /** Emitido após o popover ser aberto. */
+    readonly shown: _angular_core.OutputEmitterRef<void>;
+    /** Emitido após o popover ser fechado. */
+    readonly hidden: _angular_core.OutputEmitterRef<void>;
+    /** Emitido quando o ponteiro entra/sai do painel (usado pelo gatilho `hover`). */
+    readonly panelHoverChange: _angular_core.OutputEmitterRef<boolean>;
+    /** `true` enquanto o popover está aberto. */
+    readonly isOpen: _angular_core.Signal<boolean>;
+    constructor();
+    /** Abre o popover se estiver fechado (ou aberto em outra origem); fecha se já estiver aberto na mesma origem. */
+    toggle(event?: Event | null, target?: CaoPopoverTarget, options?: ICaoPopoverShowOptions): void;
+    /** Abre o popover ancorado em `target` (ou em `event.currentTarget`). */
+    show(event?: Event | null, target?: CaoPopoverTarget, options?: ICaoPopoverShowOptions): void;
+    /** Fecha o popover. */
+    hide(): void;
+    /** Recalcula a posição (útil se a origem mudou de lugar ou o conteúdo mudou de tamanho). */
+    reposition(): void;
+    /** Indica se o nó está dentro do painel do popover aberto. */
+    containsNode(node: Node | null | undefined): boolean;
+    protected onCloseClick(): void;
+    private close;
+    private dispose;
+    private onPositionChange;
+    private resolveOrigin;
+    private focusPanel;
+    private setOriginAria;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CaoPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CaoPopoverComponent, "cao-popover", ["caoPopover"], { "position": { "alias": "position"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; "isSignal": true; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; "panelHoverChange": "panelHoverChange"; }, never, ["*"], true, never>;
+}
+
 type ModalType = "validation" | "finger" | "facial" | "clinic" | "graph" | "restriction" | "default";
 interface IModal {
     status: boolean;
@@ -1463,5 +1722,5 @@ declare class CaoBaseWidgetComponent<TData = unknown> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CaoBaseWidgetComponent<any>, "cao-base-widget", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "widgetIcon": { "alias": "widgetIcon"; "required": false; "isSignal": true; }; "cancelTextButton": { "alias": "cancelTextButton"; "required": false; "isSignal": true; }; "saveTextButton": { "alias": "saveTextButton"; "required": false; "isSignal": true; }; "displayActionButton": { "alias": "displayActionButton"; "required": false; "isSignal": true; }; "displaySaveButton": { "alias": "displaySaveButton"; "required": false; "isSignal": true; }; "displayCancelButton": { "alias": "displayCancelButton"; "required": false; "isSignal": true; }; "shouldCloseWhenCancel": { "alias": "shouldCloseWhenCancel"; "required": false; "isSignal": true; }; "widgetDirection": { "alias": "widgetDirection"; "required": false; "isSignal": true; }; "typeCancel": { "alias": "typeCancel"; "required": false; "isSignal": true; }; "saveDisabled": { "alias": "saveDisabled"; "required": false; "isSignal": true; }; "saveIcon": { "alias": "saveIcon"; "required": false; "isSignal": true; }; "saveIconPosition": { "alias": "saveIconPosition"; "required": false; "isSignal": true; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; "isSignal": true; }; "confirmOnClose": { "alias": "confirmOnClose"; "required": false; "isSignal": true; }; "widgetData": { "alias": "widgetData"; "required": false; "isSignal": true; }; }, { "save": "save"; "deleted": "deleted"; "cancelEvent": "cancelEvent"; "closeRequest": "closeRequest"; }, never, ["widget-title", "*"], true, never>;
 }
 
-export { BaseAlert, BaseAlertService, BaseDialog, BaseDialogService, BaseFilterTablePaginatedService, BaseFilterTableService, BaseModal, BaseModalService, BasePaginationService, BaseTable, BaseTablePaginated, BaseTableService, BaseTimeRange, CAO_ACCORDION, CaoAccordionComponent, CaoAccordionItemComponent, CaoAutocompleteComponent, CaoBaseButtonComponent, CaoBaseIcon, CaoBaseInput, CaoBaseToggleComponent, CaoBaseWidgetComponent, CaoCardComponent, CaoCheckboxComponent, CaoDropDownComponent, CaoError, CaoFormField, CaoHint, CaoKpi, CaoRadioButtonComponent, CaoRadioGroupComponent, CaoSkeletonComponent, CaoSlideToggleComponent, CaoTabGroup, CaoTabPanel, CaoWidgetService, DEFAULT_ERROR_STATE_MATCHER, ErrorStateMatcher, Footer, LinksButton, Paginator, ShowOnDirtyErrorStateMatcher, StepComponent, StepperComponent, TablePaginatedService, TimePicker, getPtBrPaginatorIntlBasePaginated, getPtBrPaginatorIntlBaseTable };
+export { BaseAlert, BaseAlertService, BaseDialog, BaseDialogService, BaseFilterTablePaginatedService, BaseFilterTableService, BaseModal, BaseModalService, BasePaginationService, BaseTable, BaseTablePaginated, BaseTableService, BaseTimeRange, CAO_ACCORDION, CAO_POPOVER_POSITION_PREFIX, CaoAccordionComponent, CaoAccordionItemComponent, CaoAutocompleteComponent, CaoBaseButtonComponent, CaoBaseIcon, CaoBaseInput, CaoBaseToggleComponent, CaoBaseWidgetComponent, CaoBreadcrumbComponent, CaoCardComponent, CaoCheckboxComponent, CaoDropDownComponent, CaoError, CaoFormField, CaoHint, CaoKpi, CaoPopoverComponent, CaoProgressBarComponent, CaoProgressSpinnerComponent, CaoRadioButtonComponent, CaoRadioGroupComponent, CaoSkeletonComponent, CaoSlideToggleComponent, CaoTabGroup, CaoTabPanel, CaoWidgetService, DEFAULT_ERROR_STATE_MATCHER, ErrorStateMatcher, Footer, LinksButton, Paginator, ShowOnDirtyErrorStateMatcher, StepComponent, StepperComponent, TablePaginatedService, TimePicker, buildPopoverPositions, getPtBrPaginatorIntlBasePaginated, getPtBrPaginatorIntlBaseTable };
 export type { AlertType, CaoAccordionAlign, CaoAccordionDisplayMode, CaoAccordionTogglePosition, CaoCardVariant, CaoSkeletonVariant, CaoTypeInputs, CaoWidgetDirection, DialogType, IAlertConfig, ICaoAccordionHost, ICaoAccordionItemRef, ICaoAutoCompleteOption, ICaoCardAvatar, ICaoCardBadge, ICaoCardMeta, ICaoCheckboxChangeEvent, ICaoDropDownOption, ICaoImage, ICaoKPI, ICaoRadioChangeEvent, ICaoSlideToggleChangeEvent, ICaoTabChangeEvent, ICaoWidgetOptions, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IErrorStateMatcher, IFormFieldControl, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };