@masterkeymaterial/ui 0.0.9 → 0.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterkeymaterial/ui",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "Biblioteca Angular de componentes UI e campos de formulario reutilizaveis para construir formularios dinamicos.",
   "keywords": [
     "angular",
@@ -19,6 +19,7 @@
     "@angular/platform-browser": "^21.2.0"
   },
   "dependencies": {
+    "@angular/cdk": "^21.2.7",
     "@floating-ui/dom": "^1.7.6",
     "tslib": "^2.3.0"
   },

package/types/masterkeymaterial-ui.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
-import { WritableSignal, Type, OnInit, OnDestroy, Signal, ElementRef, AfterViewInit } from '@angular/core';
+import { WritableSignal, Type, OnInit, OnDestroy, Signal, ElementRef, AfterViewInit, InjectionToken } from '@angular/core';
 import * as _masterkeymaterial_ui from '@masterkeymaterial/ui';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
 interface IKV {
     k: string | number | null | undefined;
@@ -917,5 +918,298 @@ declare class FieldsGeneric extends BaseFieldsForm {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsGeneric, "fields-g", never, {}, {}, never, never, true, never>;
 }
 
-export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, IField, IRegraTipo, LibUtil, Regra, SingleValues, UiButton, UiCheckBox, UiChip, UiDropZone, UiFileList, UiListErrors, UiLoading, UiMenu, UiProcurar, UiProgress, UiSelect, UiSlide };
-export type { IActionsDone, IClassOf, IDropOutput, IDropType, IDropZoneEvent, IFaseCampos, IFaseCamposAgrupados, IFases, IFieldComponent, IFields, IFileMetadata, IFormatter, IKV, IKV_ext, IModeShowEntidade, IOptionValue, IRegra, ISaveTasks, ITipoBotao, ITiposTema, IUiProgressMode, IUtilFormatters, MapeamentoItem };
+declare enum ScreenMode {
+    Mobile = "Mobile",
+    Desktop = "Desktop",
+    Tablet = "Tablet"
+}
+interface IMkCellService {
+    gridParams: Signal<IGridParam<any> | undefined>;
+    updateGridParams(params: IGridParam<any>): void;
+}
+declare const GRID_PARAMS_TOKEN: InjectionToken<IGridParam<any>>;
+interface IGridCellComponentConfig {
+    component: Type<unknown>;
+    input: any;
+}
+interface IColuna<T> {
+    prop: keyof T & string | (keyof T & string)[];
+    titulo: string;
+    tituloReduzido?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    visivel?: boolean;
+    classeFull?: string;
+    classeCell?: string;
+    classeHeader?: string;
+    sortable?: boolean;
+    styleCell?: string;
+    styleHeader?: string;
+    cellRenderer?: (p: IGridParam<T>) => string;
+    cellRendererParams?: any;
+    cellComponent?: IGridCellComponentConfig;
+    capitalize?: boolean;
+    mask?: string | ((value: any) => string);
+    textVertical?: boolean;
+    iniciaAgrupado?: boolean;
+    currency?: string;
+    overflow?: string;
+    textOverflow?: string;
+}
+type IColunaImage = "";
+declare enum IGridFilterType {
+    Exato = "exact",
+    Como = "like",
+    MaiorQue = "bigger",
+    MenorQue = "smaller",
+    Entre = "between",
+    Column = "column"
+}
+interface IGridFilter<T> {
+    propriedade: keyof T;
+    propriedade2?: keyof T;
+    tipo: IGridFilterType;
+    values: string[] | number[] | boolean[];
+}
+interface IGridEventAPI<T> {
+    id: string | undefined;
+    linha: T;
+    action: IGridConfigActions;
+}
+declare const PAGINATION_OPTIONS: IKV[];
+interface IOrdenacao {
+    coluna: string | string[];
+    direcao: 'asc' | 'desc';
+}
+interface IPaginacao {
+    paginaAtual: number;
+    totalItens: number;
+    totalagrupado: number;
+}
+interface IGridConfigActions {
+    inmenu?: boolean;
+    display: string;
+    name: string;
+    tema?: ITiposTema;
+    icon?: string;
+    showIcon?: boolean;
+    action?: (p: IGridEventAPI<any>) => void;
+    showAction: boolean;
+    showLineAction?: (linha: any) => boolean;
+    actions?: IGridConfigActions[];
+}
+interface IDisplayValue {
+    display: string;
+    value: string | number | boolean;
+}
+interface IGridBaseActions {
+    menuDisplay: string;
+    menuIcon: string;
+    showMenuIcon: boolean;
+    width: string;
+    widthMax: string;
+    widthMin: string;
+    aloneAlwaysOutside: boolean;
+}
+interface IActionsLineConfig extends IGridBaseActions {
+    headerDisplayMore: string;
+    headerClasse?: string;
+}
+interface IGridConfig<T> {
+    actionsTop: IGridConfigActions[];
+    actionsTopConfig: IGridBaseActions;
+    actionsLine: IGridConfigActions[];
+    actionsLineConfig: IActionsLineConfig;
+    InativeRule: (linha: any) => boolean;
+    colunas: IColuna<T>[];
+    filterSearchIcon: string;
+    filterBarStartCollapsed: boolean;
+    screen: Signal<ScreenMode>;
+    itensPorPagina: Signal<number>;
+    lastGridEventAPI?: IGridEventAPI<T>;
+    nameEntity: string | undefined;
+    paginations: IKV[];
+    primarykey: string;
+    showControlBar: boolean;
+    showSearch: boolean;
+    showFilterBar: boolean;
+    showGridMenu: boolean;
+    showInfoBar: boolean;
+    showMenuIcon: boolean;
+    showActionsLine: boolean;
+    showActionsTop: boolean;
+    showPagination: boolean;
+    timeRequest?: number;
+    onSelected?: (linha: any, selecionados: any[]) => void;
+    onUnselected?: (linha: any, selecionados: any[]) => void;
+    onSelectionChanged?: (linha: any, selecionados: any[]) => void;
+    startSelected?: (linha: any) => boolean;
+    ruleSelectRow?: (linha: any, selecionados: any[]) => Promise<boolean>;
+    ruleUnSelectRow?: (linha: any, selecionados: any[]) => Promise<boolean>;
+    isSelected: WritableSignal<boolean>;
+    selectionMode: 'single' | 'multiple' | 'none';
+    hasError: boolean;
+    hasVerticalLine: boolean;
+    hasSeletor: boolean;
+    hasGrid: boolean;
+    minLineHeight?: string;
+    isCompacted?: boolean;
+    isLoaded: boolean;
+    backgroundHue?: (linha: any) => number;
+}
+interface IGridParam<T> {
+    coluna: IColuna<T>;
+    colunas: IColuna<T>[];
+    data: T;
+    lista?: T[];
+    params: any;
+    value: any;
+    servicoParams: IMkCellService;
+}
+interface IFilterFields {
+    propriedade: string;
+    propriedade2?: string;
+    tipo: IGridFilterType;
+    values: string[] | number[] | boolean[];
+}
+interface IDadosDaLinha {
+    id: string;
+    dados: any;
+    hue: number | undefined;
+    inativo: boolean;
+    selecionado: boolean;
+    isSelecionando: boolean;
+    groupName: string;
+    isColapsed?: boolean;
+    isGroup?: boolean;
+    isFullLine?: {
+        visible: boolean;
+        colapsed: boolean;
+        colapsedCount?: number;
+        showIco?: boolean;
+    };
+    ordem: number;
+    actions?: IGridConfigActions[];
+    hasActionMenu?: boolean;
+}
+interface IActionClickEvent {
+    action?: IGridConfigActions;
+    dadosDaLinha?: IDadosDaLinha;
+}
+
+interface IColunaComLargura extends IColuna<any> {
+    widthNum: number;
+    ordem: number;
+}
+declare class MkGrid {
+    lista: _angular_core.InputSignal<any[] | undefined>;
+    config: _angular_core.InputSignal<IGridConfig<any>>;
+    filtro: _angular_core.InputSignal<any>;
+    colunasDefinidas: _angular_core.WritableSignal<IColunaComLargura[]>;
+    colunasFiltradas: _angular_core.WritableSignal<IColunaComLargura[]>;
+    colunasOrdenadas: _angular_core.WritableSignal<IColunaComLargura[]>;
+    colunasExibir: _angular_core.WritableSignal<IColunaComLargura[]>;
+    gridTemplateColumns: _angular_core.WritableSignal<string>;
+    inputSearchText: _angular_core.WritableSignal<string>;
+    selectedRows: _angular_core.WritableSignal<string[]>;
+    selecionandoLinhas: _angular_core.WritableSignal<string[]>;
+    gruposColapsed: _angular_core.WritableSignal<string[]>;
+    isAgrupado: _angular_core.WritableSignal<boolean>;
+    isAgrupadoLimpo: _angular_core.WritableSignal<boolean>;
+    gruposEncontrados: {
+        itens: Set<string>;
+    };
+    numOrdemPrimeiroExibido: _angular_core.WritableSignal<number>;
+    numOrdemUltimoExibido: _angular_core.WritableSignal<number>;
+    pxVerticalLine: _angular_core.WritableSignal<string>;
+    pxSelector: _angular_core.WritableSignal<string>;
+    pxColunas: _angular_core.WritableSignal<string>;
+    pxActions: _angular_core.WritableSignal<string>;
+    totalColsVisivel: _angular_core.WritableSignal<number>;
+    colAgrupadoAtual: _angular_core.WritableSignal<IColuna<any> | null>;
+    colMovingX: number;
+    minLineHeight: _angular_core.ModelSignal<string>;
+    isCompacted: _angular_core.ModelSignal<boolean>;
+    hasGrid: _angular_core.ModelSignal<boolean>;
+    hasVerticalLine: _angular_core.ModelSignal<boolean>;
+    hasSeletor: _angular_core.ModelSignal<boolean>;
+    todosSelecionados: _angular_core.WritableSignal<boolean>;
+    isSelectingAll: _angular_core.WritableSignal<boolean>;
+    devMode: boolean;
+    maxActionsInLine: number;
+    eHost: ElementRef<any>;
+    gridSize: _angular_core.Signal<ElementRef<any> | undefined>;
+    gridfiltro: _angular_core.Signal<ElementRef<any> | undefined>;
+    protected Math: Math;
+    protected filtroCollapsed: _angular_core.WritableSignal<boolean>;
+    protected gridId: string;
+    protected ordenacoesSignal: _angular_core.WritableSignal<IOrdenacao[]>;
+    protected paginacaoSignal: _angular_core.WritableSignal<IPaginacao>;
+    itensPorPagina: _angular_core.Signal<number>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    iniciarSelectedRows(lista: any[] | undefined): void;
+    definirColunas(): void;
+    filtrarColunas(): void;
+    ordenarColunas(): void;
+    colunasKVDefinidas: _angular_core.Signal<IKV[]>;
+    outsideMenuActionsTop: _angular_core.Signal<IGridConfigActions[]>;
+    menuActionsTop: _angular_core.Signal<IGridConfigActions[]>;
+    filterContainer: _angular_core.Signal<ElementRef<any> | undefined>;
+    filterHeight: _angular_core.WritableSignal<number>;
+    protected listaOrdenada: _angular_core.Signal<IDadosDaLinha[]>;
+    protected listaAgrupada: _angular_core.Signal<IDadosDaLinha[]>;
+    protected listaExibir: _angular_core.Signal<IDadosDaLinha[]>;
+    numeroPrimeiroItemExibido: _angular_core.Signal<number>;
+    numeroUltimoItemExibido: _angular_core.Signal<number>;
+    onDropColuna(ev: CdkDragDrop<IColunaComLargura[]>): void;
+    getObjetoInativo(nomeColuna: string | string[], linha: any): boolean;
+    observerResize(): (() => void) | undefined;
+    calcularColunasExibir(): void;
+    calcularAltura(): void;
+    getState(): any;
+    protected totalPaginas: _angular_core.Signal<number>;
+    protected alternarOrdenacao(coluna: string | string[]): void;
+    protected obterDirecaoOrdenacao(coluna: string | string[]): 'asc' | 'desc' | null;
+    protected irParaPagina(pagina: number): void;
+    protected proximaPagina(): void;
+    protected paginaAnterior(): void;
+    limparOrdenacao(): void;
+    onOrdenarPor(coluna: IColunaComLargura | null): Promise<void>;
+    getColDisplay(nomeCampo: string | string[]): string;
+    protected getOrdenacaoTexto(): string;
+    protected onClickClearInfo(): void;
+    protected atualizarColunas(): void;
+    protected onClickCellAction(evento: IActionClickEvent): void;
+    protected onClickAction(action?: IGridConfigActions, linha?: any): void;
+    private _getGridEvent;
+    private compararValores;
+    protected onClickGridMenu(action?: IGridConfigActions): void;
+    protected onInputSearch(text: string): void;
+    protected onClickOpenCloseFilterZone(): void;
+    onChangeTodosSelecionados(todosSelecionados: boolean): Promise<void>;
+    onClickRow(linha: IDadosDaLinha): Promise<void>;
+    unselectAll(): void;
+    selectLinha(linha: IDadosDaLinha): Promise<void>;
+    desselecionarLinha(linha: IDadosDaLinha): Promise<void>;
+    onClickGroup(dadosDaLinha: IDadosDaLinha): void;
+    onRecolherGroups(): void;
+    onExpandirGroups(): void;
+    onAgruparPor(coluna: IColunaComLargura | null): Promise<void>;
+    onChangedAgrupamento(event: IOptionValue): Promise<void>;
+    protected onClearGroups(): void;
+    onChangeLineNumber(): void;
+    onChangeSeletor(): void;
+    onChangeCompacted(): void;
+    onChangeHasGrid(): void;
+    onResizeStart(event: MouseEvent, coluna: IColunaComLargura): void;
+    onDoubleClickControls(event: Event, coluna: IColunaComLargura): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MkGrid, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MkGrid, "lib-mk-grid", never, { "lista": { "alias": "lista"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "filtro": { "alias": "filtro"; "required": false; "isSignal": true; }; "minLineHeight": { "alias": "minLineHeight"; "required": false; "isSignal": true; }; "isCompacted": { "alias": "isCompacted"; "required": false; "isSignal": true; }; "hasGrid": { "alias": "hasGrid"; "required": false; "isSignal": true; }; "hasVerticalLine": { "alias": "hasVerticalLine"; "required": false; "isSignal": true; }; "hasSeletor": { "alias": "hasSeletor"; "required": false; "isSignal": true; }; }, { "minLineHeight": "minLineHeightChange"; "isCompacted": "isCompactedChange"; "hasGrid": "hasGridChange"; "hasVerticalLine": "hasVerticalLineChange"; "hasSeletor": "hasSeletorChange"; }, never, ["*", "[mkGridError]", "[mkGridLoading]"], true, never>;
+}
+
+export { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, GRID_PARAMS_TOKEN, IField, IGridFilterType, IRegraTipo, LibUtil, MkGrid, PAGINATION_OPTIONS, Regra, ScreenMode, SingleValues, UiButton, UiCheckBox, UiChip, UiDropZone, UiFileList, UiListErrors, UiLoading, UiMenu, UiProcurar, UiProgress, UiSelect, UiSlide };
+export type { IActionClickEvent, IActionsDone, IActionsLineConfig, 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, IModeShowEntidade, IOptionValue, IOrdenacao, IPaginacao, IRegra, ISaveTasks, ITipoBotao, ITiposTema, IUiProgressMode, IUtilFormatters, MapeamentoItem };