@masterkeymaterial/ui 0.2.35 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterkeymaterial/ui",
-  "version": "0.2.35",
+  "version": "1.0.0",
   "description": "Biblioteca Angular de componentes UI e campos de formulário reutilizáveis para construir formulários dinâmicos.",
   "keywords": [
     "angular",
@@ -20,7 +20,6 @@
   },
   "dependencies": {
     "@angular/cdk": "^21.2.7",
-    "@floating-ui/dom": "^1.7.6",
     "tslib": "^2.3.0"
   },
   "publishConfig": {

package/types/masterkeymaterial-ui.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { WritableSignal, Type, OnInit, OnDestroy, Signal, ElementRef, AfterViewInit, InjectionToken } from '@angular/core';
+import { WritableSignal, Type, OnInit, OnDestroy, Signal, ElementRef, AfterViewInit, TemplateRef, InjectionToken } from '@angular/core';
 import * as _masterkeymaterial_ui from '@masterkeymaterial/ui';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
@@ -29,7 +29,7 @@ interface IFileMetadata {
     type: string;
     lastModifiedIso: string;
 }
-type IPosicoesFloating = "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+type IPosicaoOverlay = "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 type IUiProgressMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';
 interface IBreadcrumbItem {
     label: string;
@@ -75,6 +75,10 @@ interface IModalConfig {
     tamanho?: IModalTamanho;
     closeable?: boolean;
     acoes?: IModalAcao[];
+    /** Componente ou TemplateRef renderizado no corpo do modal (alternativa a `mensagem`) */
+    conteudo?: _angular_core.Type<unknown> | _angular_core.TemplateRef<unknown>;
+    /** Dados passados para o componente/template via injeção (token MODAL_DADOS) */
+    dados?: unknown;
 }
 
 declare class Formulario {
@@ -578,6 +582,7 @@ declare class UiButton {
     rippleEffect: _angular_core.Signal<ElementRef<any> | undefined>;
     ripple: _angular_core.Signal<ElementRef<any> | undefined>;
     icone: _angular_core.ModelSignal<string | null | undefined>;
+    iconeNome: _angular_core.InputSignal<string | null | undefined>;
     iconeAntes: _angular_core.ModelSignal<boolean>;
     iconeDepois: _angular_core.ModelSignal<boolean>;
     iconeCategory: _angular_core.ModelSignal<string>;
@@ -600,7 +605,7 @@ declare class UiButton {
     onClickExpanded(ev: PointerEvent): void;
     createRipple(e: PointerEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiButton, "ui-button", never, { "icone": { "alias": "icone"; "required": false; "isSignal": true; }; "iconeAntes": { "alias": "iconeAntes"; "required": false; "isSignal": true; }; "iconeDepois": { "alias": "iconeDepois"; "required": false; "isSignal": true; }; "iconeCategory": { "alias": "iconeCategory"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "eventPropagation": { "alias": "eventPropagation"; "required": false; "isSignal": true; }; "radiusTabFormat": { "alias": "radiusTabFormat"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "tipo": { "alias": "tipo"; "required": false; "isSignal": true; }; "tema": { "alias": "tema"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; "ativo": { "alias": "ativo"; "required": false; "isSignal": true; }; }, { "icone": "iconeChange"; "iconeAntes": "iconeAntesChange"; "iconeDepois": "iconeDepoisChange"; "iconeCategory": "iconeCategoryChange"; "clicked": "clicked"; "tema": "temaChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiButton, "ui-button", never, { "icone": { "alias": "icone"; "required": false; "isSignal": true; }; "iconeNome": { "alias": "iconeNome"; "required": false; "isSignal": true; }; "iconeAntes": { "alias": "iconeAntes"; "required": false; "isSignal": true; }; "iconeDepois": { "alias": "iconeDepois"; "required": false; "isSignal": true; }; "iconeCategory": { "alias": "iconeCategory"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "eventPropagation": { "alias": "eventPropagation"; "required": false; "isSignal": true; }; "radiusTabFormat": { "alias": "radiusTabFormat"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "tipo": { "alias": "tipo"; "required": false; "isSignal": true; }; "tema": { "alias": "tema"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; "ativo": { "alias": "ativo"; "required": false; "isSignal": true; }; }, { "icone": "iconeChange"; "iconeAntes": "iconeAntesChange"; "iconeDepois": "iconeDepoisChange"; "iconeCategory": "iconeCategoryChange"; "clicked": "clicked"; "tema": "temaChange"; }, never, ["*"], true, never>;
 }
 
 declare class UiChip {
@@ -618,7 +623,7 @@ declare class UiDropZone {
     changed: _angular_core.OutputEmitterRef<IDropOutput>;
     rippleEffect: _angular_core.Signal<ElementRef<any> | undefined>;
     ripple: _angular_core.Signal<ElementRef<any> | undefined>;
-    isDragging: boolean;
+    isDragging: _angular_core.WritableSignal<boolean>;
     onDropZone(tipo: IDropZoneEvent, ev: Event): Promise<void>;
     onDrop(ev: DragEvent): Promise<void>;
     createRipple(ev: DragEvent, classColor?: string): void;
@@ -682,6 +687,8 @@ interface IKVSeletor extends IKV {
 }
 declare class UiSelect implements OnDestroy, AfterViewInit {
     elementRef: ElementRef;
+    private overlay;
+    private vcr;
     value: _angular_core.ModelSignal<string | number | string[] | number[] | undefined>;
     options: _angular_core.InputSignal<IKV[] | null | undefined>;
     name: _angular_core.InputSignal<string | number | undefined>;
@@ -693,23 +700,18 @@ declare class UiSelect implements OnDestroy, AfterViewInit {
     changed: _angular_core.OutputEmitterRef<IOptionValue>;
     isOpenedOptions: _angular_core.WritableSignal<boolean>;
     markedOptionKey: _angular_core.WritableSignal<string | number | null | undefined>;
-    elementoAcima: HTMLElement | null;
     isSmallScreen: _angular_core.WritableSignal<boolean>;
+    optionMinWidth: _angular_core.WritableSignal<number>;
     textoFiltrado: _angular_core.WritableSignal<string>;
+    private overlayRef;
+    private outsideSub;
+    readonly optionsTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly displayText: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly triggerElement: _angular_core.Signal<ElementRef<any> | undefined>;
     readonly optionsList: _angular_core.Signal<IKVSeletor[]>;
     readonly optionsFiltered: _angular_core.Signal<IKVSeletor[]>;
     readonly textoExibindo: _angular_core.Signal<string>;
-    readonly displayText: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly triggerElement: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly optionsOverlay: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly optionsContainer: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly optionSearchInput: _angular_core.Signal<ElementRef<any> | undefined>;
-    optionMinWidth: _angular_core.WritableSignal<number>;
-    menuPosition: _angular_core.WritableSignal<{
-        top: string;
-        left: string;
-    }>;
-    constructor();
+    readonly hostClasses: _angular_core.Signal<"" | "opened">;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     onChange(valueOfK: string | number | null): string | number | string[] | number[];
@@ -722,13 +724,10 @@ declare class UiSelect implements OnDestroy, AfterViewInit {
     focusToSearchInput(): void;
     focusToDisplayText(): void;
     markKey(event: KeyboardEvent): void;
-    readonly hostClasses: _angular_core.Signal<"" | "opened">;
-    onDocumentClick(event: MouseEvent): void;
-    private updatePosition;
-    setOverlaySizeToSizeViewport(): void;
     onChangeMediaQuery(e: MediaQueryListEvent | MediaQueryList): void;
     checkScreenSize(): void;
     private moveScrollToMarkedOption;
+    private _dispose;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiSelect, "ui-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "canUnselect": { "alias": "canUnselect"; "required": false; "isSignal": true; }; "textEmpty": { "alias": "textEmpty"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
 }
@@ -826,43 +825,32 @@ declare class UiLoading {
 
 declare class UiMenu implements OnDestroy, OnInit, AfterViewInit {
     elementRef: ElementRef;
+    private overlay;
+    private vcr;
     readonly disabled: _angular_core.InputSignal<boolean | undefined>;
     readonly icone: _angular_core.InputSignal<string | null | undefined>;
     autoCloseInCascade: _angular_core.ModelSignal<boolean>;
     posicao: _angular_core.ModelSignal<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
     isOpened: _angular_core.ModelSignal<boolean>;
     id: _angular_core.WritableSignal<string>;
-    internalId: _angular_core.WritableSignal<{
-        id: string | undefined;
-        changed: boolean;
-    } | undefined>;
     isSmallScreen: _angular_core.WritableSignal<boolean>;
     optionMinWidth: _angular_core.WritableSignal<number>;
-    menuPosition: _angular_core.WritableSignal<{
-        top: string;
-        left: string;
-    }>;
-    zIndex: _angular_core.WritableSignal<string>;
-    closeOverlayObserver: MutationObserver;
+    private overlayRef;
+    private outsideSub;
     readonly menuTrigger: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly menuOverlay: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly menuContainer: _angular_core.Signal<ElementRef<any> | undefined>;
-    constructor();
+    readonly menuTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     onOpenOrCloseOptions(): void;
     onClickSlotBotao(event: Event): void;
-    onClickOverlay(): void;
     onClickContainer(event: Event): void;
     protected closeOverlay(fromCascade?: boolean): void;
     protected openOverlay(): void;
-    private updatePosition;
-    setOverlaySizeToSizeViewport(): void;
-    onChangeMediaQuery(e: MediaQueryListEvent | MediaQueryList): void;
-    checkScreenSize(): void;
     onArrowUp(event: Event): void;
     onArrowDown(event: Event): void;
+    onChangeMediaQuery(e: MediaQueryListEvent | MediaQueryList): void;
+    checkScreenSize(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMenu, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiMenu, "ui-menu", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icone": { "alias": "icone"; "required": false; "isSignal": true; }; "autoCloseInCascade": { "alias": "autoCloseInCascade"; "required": false; "isSignal": true; }; "posicao": { "alias": "posicao"; "required": false; "isSignal": true; }; "isOpened": { "alias": "isOpened"; "required": false; "isSignal": true; }; }, { "autoCloseInCascade": "autoCloseInCascadeChange"; "posicao": "posicaoChange"; "isOpened": "isOpenedChange"; }, never, ["[slot='botao']", "*"], true, never>;
 }
@@ -897,7 +885,7 @@ declare class UiAvatar {
     src: _angular_core.InputSignal<string | undefined>;
     nome: _angular_core.InputSignal<string | undefined>;
     tamanho: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "xs">;
-    formato: _angular_core.InputSignal<"circle" | "square">;
+    formato: _angular_core.InputSignal<"square" | "circle">;
     tema: _angular_core.InputSignal<ITiposTema | undefined>;
     iniciais: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAvatar, never>;
@@ -917,9 +905,10 @@ declare class UiTag {
 declare class UiEmptyState {
     titulo: _angular_core.InputSignal<string>;
     descricao: _angular_core.InputSignal<string | undefined>;
-    icone: _angular_core.InputSignal<string>;
+    icone: _angular_core.InputSignal<string | undefined>;
+    iconeNome: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiEmptyState, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiEmptyState, "ui-empty-state", never, { "titulo": { "alias": "titulo"; "required": false; "isSignal": true; }; "descricao": { "alias": "descricao"; "required": false; "isSignal": true; }; "icone": { "alias": "icone"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=acao]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiEmptyState, "ui-empty-state", never, { "titulo": { "alias": "titulo"; "required": false; "isSignal": true; }; "descricao": { "alias": "descricao"; "required": false; "isSignal": true; }; "icone": { "alias": "icone"; "required": false; "isSignal": true; }; "iconeNome": { "alias": "iconeNome"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=acao]"], true, never>;
 }
 
 declare class UiTabs {
@@ -932,19 +921,25 @@ declare class UiTabs {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiTabs, "ui-tabs", never, { "abas": { "alias": "abas"; "required": false; "isSignal": true; }; "ativa": { "alias": "ativa"; "required": false; "isSignal": true; }; "tipo": { "alias": "tipo"; "required": false; "isSignal": true; }; }, { "ativa": "ativaChange"; "changed": "changed"; }, never, ["*"], true, never>;
 }
 
-interface IAccordionItem {
-    titulo: string;
-    icone?: string;
-    desabilitado?: boolean;
+declare class UiAccordionItem {
+    titulo: _angular_core.InputSignal<string>;
+    icone: _angular_core.InputSignal<string | undefined>;
+    desabilitado: _angular_core.InputSignal<boolean>;
+    private accordion;
+    conteudo: _angular_core.Signal<TemplateRef<any> | undefined>;
+    aberto: _angular_core.Signal<boolean>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAccordionItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiAccordionItem, "ui-accordion-item", never, { "titulo": { "alias": "titulo"; "required": true; "isSignal": true; }; "icone": { "alias": "icone"; "required": false; "isSignal": true; }; "desabilitado": { "alias": "desabilitado"; "required": false; "isSignal": true; }; }, {}, ["conteudo"], ["*"], true, never>;
 }
+
 declare class UiAccordion {
-    itens: _angular_core.InputSignal<IAccordionItem[]>;
     multiplo: _angular_core.InputSignal<boolean>;
-    abertos: _angular_core.WritableSignal<Set<number>>;
-    toggle(index: number, item: IAccordionItem): void;
-    isAberto(index: number): boolean;
+    private abertos;
+    toggle(item: UiAccordionItem): void;
+    estaAberto(item: UiAccordionItem): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiAccordion, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiAccordion, "ui-accordion", never, { "itens": { "alias": "itens"; "required": false; "isSignal": true; }; "multiplo": { "alias": "multiplo"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiAccordion, "ui-accordion", never, { "multiplo": { "alias": "multiplo"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class UiBreadcrumb {
@@ -989,10 +984,10 @@ declare class UiPagination {
 
 declare class UiTooltip implements OnDestroy {
     uiTooltip: _angular_core.InputSignal<string>;
-    uiTooltipPos: _angular_core.InputSignal<IPosicoesFloating>;
+    uiTooltipPos: _angular_core.InputSignal<IPosicaoOverlay>;
     private el;
-    private renderer;
-    private tooltipEl;
+    private overlay;
+    private overlayRef;
     onEnter(): void;
     onFocus(): void;
     onLeave(): void;
@@ -1024,7 +1019,11 @@ declare class UiToastContainer {
 }
 
 declare class UiModalService {
+    private overlay;
+    private injector;
+    /** Sinal com os configs dos modais abertos */
     readonly modais: _angular_core.WritableSignal<IModalConfig[]>;
+    private _refs;
     open(config: Omit<IModalConfig, 'id'>): string;
     close(id: string): void;
     closeAll(): void;
@@ -1032,6 +1031,10 @@ declare class UiModalService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<UiModalService>;
 }
 
+/**
+ * Inclua <ui-modal-outlet> no shell do app para habilitar o controle de Esc nos modais.
+ * A renderização dos modais é gerenciada pelo CDK Overlay (não requer marcação adicional).
+ */
 declare class UiModalOutlet {
     readonly modalService: UiModalService;
     onEscape(): void;
@@ -1102,7 +1105,8 @@ declare class FormFilter<T> extends BaseFieldsValues<T> {
 
 interface ISaveTasks {
     title: string;
-    icone: string;
+    icone?: string;
+    iconeNome?: string;
     task: () => Promise<{
         s: boolean;
         m: string;
@@ -1600,5 +1604,5 @@ declare class GridCell {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridCell, "lib-grid-cell", never, {}, {}, never, never, true, never>;
 }
 
-export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, GRID_CONFIG_DEFAULTS, GRID_PARAMS_TOKEN, GridCell, IField, IGridFilterType, IRegraTipo, LibUtil, MkGrid, PAGINATION_OPTIONS, Regra, ScreenMode, SingleValues, UiAccordion, UiArquivos, UiAvatar, UiBadge, UiBreadcrumb, UiButton, UiCard, UiCheckBox, UiChip, UiDivider, UiDrawer, UiDropZone, UiEmptyState, UiFileList, UiFilePreview, UiListErrors, UiLoading, UiMenu, UiMicroGallery, UiModalOutlet, UiModalService, UiPagination, UiProcurar, UiProgress, UiRating, UiSelect, UiSlide, UiStepper, UiTabs, UiTag, UiTimeline, UiToastContainer, UiToastService, UiTooltip, UiTree };
-export type { IAccordionItem, IActionClickEvent, IActionsDone, IActionsLineConfig, IBreadcrumbItem, IClassOf, IColuna, IColunaImage, IDadosDaLinha, IDisplayValue, IDropOutput, IDropType, IDropZoneEvent, IFaseCampos, IFaseCamposAgrupados, IFases, IFieldComponent, IFields, IFileMetadata, IFilterFields, IFormatter, IGridBaseActions, IGridCellComponentConfig, IGridConfig, IGridConfigActions, IGridEventAPI, IGridFilter, IGridParam, IKV, IKV_ext, IMkCellService, IModalAcao, IModalConfig, IModalTamanho, IModeShowEntidade, IOptionValue, IOrdenacao, IPageChangeEvent, IPaginacao, IRegra, ISaveTasks, IStepperStep, ITimelineItem, ITipoBotao, ITiposTema, IToastConfig, IToastTipo, ITreeNode, IUiProgressMode, IUtilFormatters, MapeamentoItem };
+export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, GRID_CONFIG_DEFAULTS, GRID_PARAMS_TOKEN, GridCell, IField, IGridFilterType, IRegraTipo, LibUtil, MkGrid, PAGINATION_OPTIONS, Regra, ScreenMode, SingleValues, UiAccordion, UiAccordionItem, UiArquivos, UiAvatar, UiBadge, UiBreadcrumb, UiButton, UiCard, UiCheckBox, UiChip, UiDivider, UiDrawer, UiDropZone, UiEmptyState, UiFileList, UiFilePreview, UiListErrors, UiLoading, UiMenu, UiMicroGallery, UiModalOutlet, UiModalService, UiPagination, UiProcurar, UiProgress, UiRating, UiSelect, UiSlide, UiStepper, UiTabs, UiTag, UiTimeline, UiToastContainer, UiToastService, UiTooltip, UiTree };
+export type { IActionClickEvent, IActionsDone, IActionsLineConfig, IBreadcrumbItem, IClassOf, IColuna, IColunaImage, IDadosDaLinha, IDisplayValue, IDropOutput, IDropType, IDropZoneEvent, IFaseCampos, IFaseCamposAgrupados, IFases, IFieldComponent, IFields, IFileMetadata, IFilterFields, IFormatter, IGridBaseActions, IGridCellComponentConfig, IGridConfig, IGridConfigActions, IGridEventAPI, IGridFilter, IGridParam, IKV, IKV_ext, IMkCellService, IModalAcao, IModalConfig, IModalTamanho, IModeShowEntidade, IOptionValue, IOrdenacao, IPageChangeEvent, IPaginacao, IRegra, ISaveTasks, IStepperStep, ITimelineItem, ITipoBotao, ITiposTema, IToastConfig, IToastTipo, ITreeNode, IUiProgressMode, IUtilFormatters, MapeamentoItem };