@masterkeymaterial/ui 0.0.9 → 0.1.1

package/fesm2022/masterkeymaterial-ui.mjs

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
-import { signal, computed, model, input, output, effect, Component, HostBinding, viewChild, ElementRef, inject, HostListener, Pipe } from '@angular/core';
+import { signal, computed, model, input, output, effect, Component, HostBinding, viewChild, ElementRef, inject, HostListener, Pipe, InjectionToken, Injectable, Injector, ViewContainerRef, ChangeDetectionStrategy, Optional, Inject } from '@angular/core';
 import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/dom';
 import { NgComponentOutlet } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
+import * as i1 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
 
 ////////////////////////////////////
 // CONSOLES: LOG - WARN - ERR ...
@@ -6448,11 +6450,1071 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ selector: 'ui-single-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (dado of dadosAExibir(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"dado.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"dado.label\"></div>\n\t\t<div class=\"conteudo\" [innerHTML]=\"dado.value\"></div>\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--sys-gap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] }]
         }], propDecorators: { dados: [{ type: i0.Input, args: [{ isSignal: true, alias: "dados", required: false }] }], modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }, { type: i0.Output, args: ["modoChange"] }], especialKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "especialKeys", required: false }] }] } });
 
+// ─── ScreenMode (definido localmente — sem dependência do LayoutCoreService) ──────
+var ScreenMode;
+(function (ScreenMode) {
+    ScreenMode["Mobile"] = "Mobile";
+    ScreenMode["Desktop"] = "Desktop";
+    ScreenMode["Tablet"] = "Tablet";
+})(ScreenMode || (ScreenMode = {}));
+const GRID_PARAMS_TOKEN = new InjectionToken('GRID_PARAMS');
+var IGridFilterType;
+(function (IGridFilterType) {
+    IGridFilterType["Exato"] = "exact";
+    IGridFilterType["Como"] = "like";
+    IGridFilterType["MaiorQue"] = "bigger";
+    IGridFilterType["MenorQue"] = "smaller";
+    IGridFilterType["Entre"] = "between";
+    IGridFilterType["Column"] = "column";
+})(IGridFilterType || (IGridFilterType = {}));
+const PAGINATION_OPTIONS = [
+    { k: 5, v: "5" },
+    { k: 10, v: "10" },
+    { k: 25, v: "25" },
+    { k: 50, v: "50" },
+    { k: 100, v: "100" },
+    { k: 1000, v: "1000" },
+];
+
+class GridCellService {
+    gridParams = signal(undefined, ...(ngDevMode ? [{ debugName: "gridParams" }] : /* istanbul ignore next */ []));
+    updateGridParams(params) {
+        this.gridParams.set(params);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCellService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCellService, decorators: [{
+            type: Injectable
+        }] });
+
+const PROP_CONTROLE_ATIVO$1 = 'is_ativo';
+class GridCellHandler {
+    parentInjector = inject(Injector);
+    sanitizer = inject(DomSanitizer);
+    servico = inject(GridCellService);
+    lista = input.required(...(ngDevMode ? [{ debugName: "lista" }] : /* istanbul ignore next */ []));
+    linha = input.required(...(ngDevMode ? [{ debugName: "linha" }] : /* istanbul ignore next */ []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    localColuna = input.required(...(ngDevMode ? [{ debugName: "localColuna" }] : /* istanbul ignore next */ []));
+    localColunas = input.required(...(ngDevMode ? [{ debugName: "localColunas" }] : /* istanbul ignore next */ []));
+    inputSearchText = input.required(...(ngDevMode ? [{ debugName: "inputSearchText" }] : /* istanbul ignore next */ []));
+    ativo = signal(true, ...(ngDevMode ? [{ debugName: "ativo" }] : /* istanbul ignore next */ []));
+    gridParams;
+    vcr = viewChild('cellComponent', { ...(ngDevMode ? { debugName: "vcr" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
+    componenteRef;
+    valueToRender = "";
+    ngOnInit() {
+        this.gridParams = this.getGridParams();
+        if (!this.localColuna().cellComponent) {
+            this.valueToRender = this.getRenderer();
+        }
+    }
+    ngOnDestroy() {
+        if (this.componenteRef) {
+            this.componenteRef.destroy();
+            this.componenteRef = undefined;
+        }
+    }
+    ngAfterViewInit() {
+        this.createComponente();
+    }
+    ngOnChanges(changes) {
+        this.valueToRender = this.getRenderer();
+        this.gridParams = this.getGridParams();
+        if (changes['linha'] && this.servico) {
+            this.servico.updateGridParams(this.gridParams);
+        }
+    }
+    getRenderer() {
+        let data = "";
+        let prop = this.localColuna().prop;
+        if (LibUtil.classof(prop) == "string" && prop.includes(".")) {
+            const props = prop.split(".");
+            const lastObj = LibUtil.getV(props.slice(0, -1).join("."), this.linha());
+            this.ativo.set(!!lastObj?.[PROP_CONTROLE_ATIVO$1]);
+        }
+        if (this.localColuna().prop)
+            data = LibUtil.getV(this.localColuna().prop, this.linha());
+        if (this.localColuna().mask) {
+            data = LibUtil.mascarar(data, this.localColuna().mask) ?? data;
+        }
+        if (this.localColuna().capitalize) {
+            data = LibUtil.capitalize(data);
+        }
+        if (this.localColuna().cellRenderer) {
+            const html = this.localColuna().cellRenderer(this.getGridParams())
+                ?? data
+                ?? '';
+            return this.sanitizer.bypassSecurityTrustHtml(html);
+        }
+        data = data?.toString() ?? '';
+        let words = this.inputSearchText().trim().split(" ").filter(t => t != "").map(p => LibUtil.removeEspecias(p).toLowerCase());
+        if (words.length > 0) {
+            for (let w of words) {
+                let preparedData = LibUtil.removeAcentos(data).toLowerCase();
+                if (w != "" && preparedData.includes(w)) {
+                    let regexTag = new RegExp(`<[^>]*${w}[^>]*>`, 'i');
+                    if (regexTag.test(preparedData.toString())) {
+                        continue;
+                    }
+                    let pos = preparedData.toString().toLowerCase().indexOf(w.toLowerCase());
+                    data = data.slice(0, pos)
+                        + "<mark>"
+                        + data.slice(pos, pos + w.length)
+                        + "</mark>"
+                        + data.slice(pos + w.length);
+                    data = data.replaceAll("</mark><mark>", "");
+                }
+            }
+            ;
+        }
+        return data ?? '';
+    }
+    createComponente() {
+        if (this.localColuna().cellComponent) {
+            this.vcr()?.clear();
+            this.componenteRef = this.vcr()?.createComponent(this.localColuna().cellComponent.component, {
+                injector: Injector.create({
+                    parent: this.parentInjector,
+                    providers: [
+                        { provide: GRID_PARAMS_TOKEN, useValue: this.gridParams },
+                        { provide: 'GRID_PARAMS', useValue: this.gridParams }
+                    ]
+                })
+            });
+        }
+    }
+    getGridParams() {
+        let value = "";
+        if (this.localColuna().prop)
+            value = LibUtil.getV(this.localColuna().prop, this.linha());
+        return {
+            coluna: this.localColuna(),
+            colunas: this.localColunas(),
+            data: this.linha(),
+            lista: this.lista(),
+            params: this.localColuna().cellComponent?.input ?? this.localColuna().cellRendererParams,
+            servicoParams: this.servico,
+            value,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCellHandler, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridCellHandler, isStandalone: true, selector: "lib-grid-cell-handler", inputs: { lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, linha: { classPropertyName: "linha", publicName: "linha", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, localColuna: { classPropertyName: "localColuna", publicName: "localColuna", isSignal: true, isRequired: true, transformFunction: null }, localColunas: { classPropertyName: "localColunas", publicName: "localColunas", isSignal: true, isRequired: true, transformFunction: null }, inputSearchText: { classPropertyName: "inputSearchText", publicName: "inputSearchText", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.table-inativo": "!ativo()" } }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["cellComponent"], descendants: true, read: ViewContainerRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if(localColuna().cellComponent){\n<div class=\"d-none\" #cellComponent></div>\n} @else {\n<div [innerHTML]=\"valueToRender\"></div>\n}", styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}:host>div{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCellHandler, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-cell-handler', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.table-inativo]': '!ativo()'
+                    }, template: "@if(localColuna().cellComponent){\n<div class=\"d-none\" #cellComponent></div>\n} @else {\n<div [innerHTML]=\"valueToRender\"></div>\n}", styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}:host>div{display:contents}\n"] }]
+        }], propDecorators: { lista: [{ type: i0.Input, args: [{ isSignal: true, alias: "lista", required: true }] }], linha: [{ type: i0.Input, args: [{ isSignal: true, alias: "linha", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], localColuna: [{ type: i0.Input, args: [{ isSignal: true, alias: "localColuna", required: true }] }], localColunas: [{ type: i0.Input, args: [{ isSignal: true, alias: "localColunas", required: true }] }], inputSearchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSearchText", required: true }] }], vcr: [{ type: i0.ViewChild, args: ['cellComponent', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
+
+class GridCellActions {
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    dadosDaLinha = input.required(...(ngDevMode ? [{ debugName: "dadosDaLinha" }] : /* istanbul ignore next */ []));
+    mobileHeader = input(false, ...(ngDevMode ? [{ debugName: "mobileHeader" }] : /* istanbul ignore next */ []));
+    compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
+    action = output();
+    onClickAction(action, dadosDaLinha) {
+        if (action?.action) {
+            this.action.emit({ action, dadosDaLinha });
+        }
+        return;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCellActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridCellActions, isStandalone: true, selector: "lib-grid-cell-actions", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, dadosDaLinha: { classPropertyName: "dadosDaLinha", publicName: "dadosDaLinha", isSignal: true, isRequired: true, transformFunction: null }, mobileHeader: { classPropertyName: "mobileHeader", publicName: "mobileHeader", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: "@if(!compact()){\n@for (action of dadosDaLinha().actions; track $index;) {\n@if(action.showAction && action.inmenu !== true){\n<ui-button [tipo]=\"mobileHeader() ? 'fill' : 'icon'\" [tema]=\"action?.tema ?? 'primary'\" [title]=\"action.display\"\n\t(click)=\"onClickAction(action, dadosDaLinha())\" [icone]=\"action.icon\"\n\t[style.--ui-height]=\"compact() ? '20px' : '40px'\"></ui-button>\n}\n}\n}\n\n@if(dadosDaLinha().hasActionMenu || compact()){\n<ui-menu>\n\t<ui-button slot=\"botao\" tipo=\"icon\" tema=\"primary\" [title]=\"config().actionsLineConfig.menuDisplay\"\n\t\t[icone]=\"config().actionsLineConfig.showMenuIcon ? 'bi bi-three-dots-vertical' : undefined\">\n\t\t{{ config().actionsLineConfig.menuDisplay }}\n\t</ui-button>\n\n\t@for (action of dadosDaLinha().actions; track $index;let last = $last) {\n\t@if(action.showAction && (action.inmenu !== false || compact())){\n\t<ui-button tipo=\"menu-item\" [tema]=\"action?.tema ?? 'primary'\" (click)=\"onClickAction(action, dadosDaLinha())\"\n\t\t[icone]=\"action?.showIcon ? action?.icon : 'bi bi-dot'\" [style.--ui-padding]=\"'0 16px'\">\n\t\t{{ action?.display ?? '' }}\n\t</ui-button>\n\t}\n\t}\n\n</ui-menu>\n}", styles: [":host{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:auto}.listaAcoesTabela button:not(:first-child){border:0px;border-top:1px solid var(--mk-grid-outline)}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiMenu, selector: "ui-menu", inputs: ["disabled", "icone", "autoCloseInCascade", "posicao", "isOpened"], outputs: ["autoCloseInCascadeChange", "posicaoChange", "isOpenedChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCellActions, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-cell-actions', imports: [UiButton, UiMenu], template: "@if(!compact()){\n@for (action of dadosDaLinha().actions; track $index;) {\n@if(action.showAction && action.inmenu !== true){\n<ui-button [tipo]=\"mobileHeader() ? 'fill' : 'icon'\" [tema]=\"action?.tema ?? 'primary'\" [title]=\"action.display\"\n\t(click)=\"onClickAction(action, dadosDaLinha())\" [icone]=\"action.icon\"\n\t[style.--ui-height]=\"compact() ? '20px' : '40px'\"></ui-button>\n}\n}\n}\n\n@if(dadosDaLinha().hasActionMenu || compact()){\n<ui-menu>\n\t<ui-button slot=\"botao\" tipo=\"icon\" tema=\"primary\" [title]=\"config().actionsLineConfig.menuDisplay\"\n\t\t[icone]=\"config().actionsLineConfig.showMenuIcon ? 'bi bi-three-dots-vertical' : undefined\">\n\t\t{{ config().actionsLineConfig.menuDisplay }}\n\t</ui-button>\n\n\t@for (action of dadosDaLinha().actions; track $index;let last = $last) {\n\t@if(action.showAction && (action.inmenu !== false || compact())){\n\t<ui-button tipo=\"menu-item\" [tema]=\"action?.tema ?? 'primary'\" (click)=\"onClickAction(action, dadosDaLinha())\"\n\t\t[icone]=\"action?.showIcon ? action?.icon : 'bi bi-dot'\" [style.--ui-padding]=\"'0 16px'\">\n\t\t{{ action?.display ?? '' }}\n\t</ui-button>\n\t}\n\t}\n\n</ui-menu>\n}", styles: [":host{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:auto}.listaAcoesTabela button:not(:first-child){border:0px;border-top:1px solid var(--mk-grid-outline)}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], dadosDaLinha: [{ type: i0.Input, args: [{ isSignal: true, alias: "dadosDaLinha", required: true }] }], mobileHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileHeader", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
+
+class GridRowRenderer {
+    dadosLinha = input.required(...(ngDevMode ? [{ debugName: "dadosLinha" }] : /* istanbul ignore next */ []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    colunas = input.required(...(ngDevMode ? [{ debugName: "colunas" }] : /* istanbul ignore next */ []));
+    colunasOrdenadas = input.required(...(ngDevMode ? [{ debugName: "colunasOrdenadas" }] : /* istanbul ignore next */ []));
+    lista = input.required(...(ngDevMode ? [{ debugName: "lista" }] : /* istanbul ignore next */ []));
+    inputSearchText = input.required(...(ngDevMode ? [{ debugName: "inputSearchText" }] : /* istanbul ignore next */ []));
+    hasSeletor = input(false, ...(ngDevMode ? [{ debugName: "hasSeletor" }] : /* istanbul ignore next */ []));
+    hasVerticalLine = input(false, ...(ngDevMode ? [{ debugName: "hasVerticalLine" }] : /* istanbul ignore next */ []));
+    isCompacted = input(false, ...(ngDevMode ? [{ debugName: "isCompacted" }] : /* istanbul ignore next */ []));
+    hasGrid = input(false, ...(ngDevMode ? [{ debugName: "hasGrid" }] : /* istanbul ignore next */ []));
+    rowIndex = input(0, ...(ngDevMode ? [{ debugName: "rowIndex" }] : /* istanbul ignore next */ []));
+    actionTriggered = output();
+    rowClicked = output();
+    onRowAction(event) {
+        this.actionTriggered.emit(event);
+    }
+    onRowClick() {
+        this.rowClicked.emit(this.dadosLinha());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridRowRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridRowRenderer, isStandalone: true, selector: "lib-grid-row-renderer", inputs: { dadosLinha: { classPropertyName: "dadosLinha", publicName: "dadosLinha", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, colunas: { classPropertyName: "colunas", publicName: "colunas", isSignal: true, isRequired: true, transformFunction: null }, colunasOrdenadas: { classPropertyName: "colunasOrdenadas", publicName: "colunasOrdenadas", isSignal: true, isRequired: true, transformFunction: null }, lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, inputSearchText: { classPropertyName: "inputSearchText", publicName: "inputSearchText", isSignal: true, isRequired: true, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", rowClicked: "rowClicked" }, ngImport: i0, template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-formated table-vertical-line\">{{ dadosLinha().ordem }}</div>\n}\n\n@if(hasSeletor() && config().selectionMode != 'none') {\n<div class=\"table-item table-formated table-item-seletor\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t[class.odd]=\"rowIndex() % 2 !== 0\" [class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[class.table-border-left]=\"hasGrid()\" [style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\"\n\t(click)=\"onRowClick()\">\n\t<ui-check-box [(value)]=\"dadosLinha().selecionado\" [single]=\"config().selectionMode == 'single'\"\n\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\" [disabled]=\"dadosLinha().isSelecionando\"></ui-check-box>\n</div>\n}\n\n@for (coluna of colunas(); track $index; let j = $index) {\n@if (coluna.visivel !== false) {\n<lib-grid-cell-handler class=\"table-item table-dados {{ coluna.classeCell }}\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.table-first-col]=\"j === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [style.overflow]=\"coluna.overflow ?? 'hidden'\"\n\t[style.textOverflow]=\"coluna.textOverflow ?? 'ellipsis'\" [linha]=\"dadosLinha().dados\" [localColuna]=\"coluna\"\n\t[lista]=\"lista()\" [config]=\"config()\" [localColunas]=\"colunasOrdenadas()\"\n\t[class.table-bg-error]=\"dadosLinha().inativo\" (click)=\"onRowClick()\" [inputSearchText]=\"inputSearchText()\"\n\t[class.table-border-left]=\"hasGrid()\" [class.table-border-right]=\"$last && hasGrid() && !config().showActionsLine\"\n\t[attr.ordem]=\"coluna.ordem\"></lib-grid-cell-handler>\n}\n}\n\n@if(config().showActionsLine) {\n<lib-grid-cell-actions class=\"table-item table-formated table-item-action\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [config]=\"config()\" [dadosDaLinha]=\"dadosLinha()\"\n\t[class.table-border-right-error]=\"dadosLinha().inativo\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t(action)=\"onRowAction($event)\" [compact]=\"isCompacted()\" [class.table-border-left]=\"hasGrid()\"\n\t[class.table-border-right]=\"hasGrid()\"></lib-grid-cell-actions>\n}", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: GridCellHandler, selector: "lib-grid-cell-handler", inputs: ["lista", "linha", "config", "localColuna", "localColunas", "inputSearchText"] }, { kind: "component", type: GridCellActions, selector: "lib-grid-cell-actions", inputs: ["config", "dadosDaLinha", "mobileHeader", "compact"], outputs: ["action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridRowRenderer, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-row-renderer', imports: [UiCheckBox, GridCellHandler, GridCellActions], template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-formated table-vertical-line\">{{ dadosLinha().ordem }}</div>\n}\n\n@if(hasSeletor() && config().selectionMode != 'none') {\n<div class=\"table-item table-formated table-item-seletor\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t[class.odd]=\"rowIndex() % 2 !== 0\" [class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[class.table-border-left]=\"hasGrid()\" [style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\"\n\t(click)=\"onRowClick()\">\n\t<ui-check-box [(value)]=\"dadosLinha().selecionado\" [single]=\"config().selectionMode == 'single'\"\n\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\" [disabled]=\"dadosLinha().isSelecionando\"></ui-check-box>\n</div>\n}\n\n@for (coluna of colunas(); track $index; let j = $index) {\n@if (coluna.visivel !== false) {\n<lib-grid-cell-handler class=\"table-item table-dados {{ coluna.classeCell }}\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.table-first-col]=\"j === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [style.overflow]=\"coluna.overflow ?? 'hidden'\"\n\t[style.textOverflow]=\"coluna.textOverflow ?? 'ellipsis'\" [linha]=\"dadosLinha().dados\" [localColuna]=\"coluna\"\n\t[lista]=\"lista()\" [config]=\"config()\" [localColunas]=\"colunasOrdenadas()\"\n\t[class.table-bg-error]=\"dadosLinha().inativo\" (click)=\"onRowClick()\" [inputSearchText]=\"inputSearchText()\"\n\t[class.table-border-left]=\"hasGrid()\" [class.table-border-right]=\"$last && hasGrid() && !config().showActionsLine\"\n\t[attr.ordem]=\"coluna.ordem\"></lib-grid-cell-handler>\n}\n}\n\n@if(config().showActionsLine) {\n<lib-grid-cell-actions class=\"table-item table-formated table-item-action\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [config]=\"config()\" [dadosDaLinha]=\"dadosLinha()\"\n\t[class.table-border-right-error]=\"dadosLinha().inativo\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t(action)=\"onRowAction($event)\" [compact]=\"isCompacted()\" [class.table-border-left]=\"hasGrid()\"\n\t[class.table-border-right]=\"hasGrid()\"></lib-grid-cell-actions>\n}", styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { dadosLinha: [{ type: i0.Input, args: [{ isSignal: true, alias: "dadosLinha", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], colunas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunas", required: true }] }], colunasOrdenadas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunasOrdenadas", required: true }] }], lista: [{ type: i0.Input, args: [{ isSignal: true, alias: "lista", required: true }] }], inputSearchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSearchText", required: true }] }], hasSeletor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSeletor", required: false }] }], hasVerticalLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasVerticalLine", required: false }] }], isCompacted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompacted", required: false }] }], hasGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasGrid", required: false }] }], rowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowIndex", required: false }] }], actionTriggered: [{ type: i0.Output, args: ["actionTriggered"] }], rowClicked: [{ type: i0.Output, args: ["rowClicked"] }] } });
+
+class GridHeaderRow {
+    colunas = input.required(...(ngDevMode ? [{ debugName: "colunas" }] : /* istanbul ignore next */ []));
+    ordenacoes = input.required(...(ngDevMode ? [{ debugName: "ordenacoes" }] : /* istanbul ignore next */ []));
+    todosSelecionados = input.required(...(ngDevMode ? [{ debugName: "todosSelecionados" }] : /* istanbul ignore next */ []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    hasSeletor = input(false, ...(ngDevMode ? [{ debugName: "hasSeletor" }] : /* istanbul ignore next */ []));
+    hasVerticalLine = input(false, ...(ngDevMode ? [{ debugName: "hasVerticalLine" }] : /* istanbul ignore next */ []));
+    hasGrid = input(false, ...(ngDevMode ? [{ debugName: "hasGrid" }] : /* istanbul ignore next */ []));
+    isCompacted = input(false, ...(ngDevMode ? [{ debugName: "isCompacted" }] : /* istanbul ignore next */ []));
+    isSelectingAll = input(false, ...(ngDevMode ? [{ debugName: "isSelectingAll" }] : /* istanbul ignore next */ []));
+    columnSort = output();
+    selectAll = output();
+    columnResizeStart = output();
+    columnResizeDoubleClick = output();
+    getOrdenacaoDirecao(coluna) {
+        const ordenacao = this.ordenacoes().find(o => o.coluna === coluna);
+        return ordenacao ? ordenacao.direcao : null;
+    }
+    onColumnSort(coluna) {
+        this.columnSort.emit(coluna);
+    }
+    onSelectAll(value) {
+        this.selectAll.emit(value);
+    }
+    onResizeStart(event, coluna) {
+        this.columnResizeStart.emit({ event, coluna });
+    }
+    onResizeDoubleClick(event, coluna) {
+        this.columnResizeDoubleClick.emit({ event, coluna });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridHeaderRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridHeaderRow, isStandalone: true, selector: "lib-grid-header-row", inputs: { colunas: { classPropertyName: "colunas", publicName: "colunas", isSignal: true, isRequired: true, transformFunction: null }, ordenacoes: { classPropertyName: "ordenacoes", publicName: "ordenacoes", isSignal: true, isRequired: true, transformFunction: null }, todosSelecionados: { classPropertyName: "todosSelecionados", publicName: "todosSelecionados", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, isSelectingAll: { classPropertyName: "isSelectingAll", publicName: "isSelectingAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnSort: "columnSort", selectAll: "selectAll", columnResizeStart: "columnResizeStart", columnResizeDoubleClick: "columnResizeDoubleClick" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-vertical-line\"></div>\n}\n\n@if(hasSeletor()) {\n<div class=\"table-header table-header-seletor\">\n\t@if(config().selectionMode == 'multiple') {\n\t<ui-check-box [single]=\"false\" [value]=\"todosSelecionados()\" (changed)=\"onSelectAll($event)\"\n\t\t[style.--ui-color]=\"'var(--sys-on-primary)'\" [style.--ui-outline]=\"'var(--sys-on-primary)'\"\n\t\t[disabled]=\"isSelectingAll()\" [style.--ui-size]=\"isCompacted() ? '15px' : undefined\"\n\t\t[hasDash]=\"true\"></ui-check-box>\n\t}\n</div>\n}\n\n@for (coluna of colunas(); track $index) {\n@if (coluna.visivel !== false) {\n<div class=\"table-header\" [class.table-border-left-darker]=\"hasGrid() && $index === 0\"\n\t[class.header-last-col]=\"$last && !config().showActionsLine\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[class.sortable]=\"coluna.sortable !== false\" [class.sorted-asc]=\"getOrdenacaoDirecao(coluna.prop) === 'asc'\"\n\t[class.sorted-desc]=\"getOrdenacaoDirecao(coluna.prop) === 'desc'\" [class.textVertical]=\"coluna.textVertical\">\n\t<div cdkDrag [cdkDragData]=\"coluna\" cdkDragLockAxis=\"x\"\n\t\tclass=\"table-header-text table-drag-container drop-option {{ coluna.classeHeader }}\" [title]=\"coluna.titulo\"\n\t\t[innerHTML]=\"coluna.tituloReduzido ?? coluna.titulo\" [attr.ordem]=\"coluna.ordem\"\n\t\t(click)=\"coluna.sortable !== false && onColumnSort(coluna.prop)\">\n\t</div>\n\t<div class=\"table-header-controls\" (dblclick)=\"onResizeDoubleClick($event, coluna)\"\n\t\t(mousedown)=\"onResizeStart($event, coluna)\">\n\t\t@if (coluna.sortable !== false) {\n\t\t<span class=\"table-ico-sort\">\n\t\t\t@if (getOrdenacaoDirecao(coluna.prop) === 'asc') {\n\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t} @else if (getOrdenacaoDirecao(coluna.prop) === 'desc') {\n\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t}\n\t\t</span>\n\t\t}\n\t</div>\n</div>\n}\n}\n\n@if(config().showActionsLine) {\n<div class=\"table-header table-action-line header-last-col\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[innerHTML]=\"!isCompacted() ? config().actionsLineConfig.headerDisplayMore : ''\"></div>\n}", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridHeaderRow, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-header-row', changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'display: contents' }, imports: [UiCheckBox, DragDropModule], template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-vertical-line\"></div>\n}\n\n@if(hasSeletor()) {\n<div class=\"table-header table-header-seletor\">\n\t@if(config().selectionMode == 'multiple') {\n\t<ui-check-box [single]=\"false\" [value]=\"todosSelecionados()\" (changed)=\"onSelectAll($event)\"\n\t\t[style.--ui-color]=\"'var(--sys-on-primary)'\" [style.--ui-outline]=\"'var(--sys-on-primary)'\"\n\t\t[disabled]=\"isSelectingAll()\" [style.--ui-size]=\"isCompacted() ? '15px' : undefined\"\n\t\t[hasDash]=\"true\"></ui-check-box>\n\t}\n</div>\n}\n\n@for (coluna of colunas(); track $index) {\n@if (coluna.visivel !== false) {\n<div class=\"table-header\" [class.table-border-left-darker]=\"hasGrid() && $index === 0\"\n\t[class.header-last-col]=\"$last && !config().showActionsLine\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[class.sortable]=\"coluna.sortable !== false\" [class.sorted-asc]=\"getOrdenacaoDirecao(coluna.prop) === 'asc'\"\n\t[class.sorted-desc]=\"getOrdenacaoDirecao(coluna.prop) === 'desc'\" [class.textVertical]=\"coluna.textVertical\">\n\t<div cdkDrag [cdkDragData]=\"coluna\" cdkDragLockAxis=\"x\"\n\t\tclass=\"table-header-text table-drag-container drop-option {{ coluna.classeHeader }}\" [title]=\"coluna.titulo\"\n\t\t[innerHTML]=\"coluna.tituloReduzido ?? coluna.titulo\" [attr.ordem]=\"coluna.ordem\"\n\t\t(click)=\"coluna.sortable !== false && onColumnSort(coluna.prop)\">\n\t</div>\n\t<div class=\"table-header-controls\" (dblclick)=\"onResizeDoubleClick($event, coluna)\"\n\t\t(mousedown)=\"onResizeStart($event, coluna)\">\n\t\t@if (coluna.sortable !== false) {\n\t\t<span class=\"table-ico-sort\">\n\t\t\t@if (getOrdenacaoDirecao(coluna.prop) === 'asc') {\n\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t} @else if (getOrdenacaoDirecao(coluna.prop) === 'desc') {\n\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t}\n\t\t</span>\n\t\t}\n\t</div>\n</div>\n}\n}\n\n@if(config().showActionsLine) {\n<div class=\"table-header table-action-line header-last-col\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[innerHTML]=\"!isCompacted() ? config().actionsLineConfig.headerDisplayMore : ''\"></div>\n}", styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { colunas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunas", required: true }] }], ordenacoes: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordenacoes", required: true }] }], todosSelecionados: [{ type: i0.Input, args: [{ isSignal: true, alias: "todosSelecionados", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], hasSeletor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSeletor", required: false }] }], hasVerticalLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasVerticalLine", required: false }] }], hasGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasGrid", required: false }] }], isCompacted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompacted", required: false }] }], isSelectingAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelectingAll", required: false }] }], columnSort: [{ type: i0.Output, args: ["columnSort"] }], selectAll: [{ type: i0.Output, args: ["selectAll"] }], columnResizeStart: [{ type: i0.Output, args: ["columnResizeStart"] }], columnResizeDoubleClick: [{ type: i0.Output, args: ["columnResizeDoubleClick"] }] } });
+
+class GridPagination {
+    paginacao = input.required(...(ngDevMode ? [{ debugName: "paginacao" }] : /* istanbul ignore next */ []));
+    totalPaginas = input.required(...(ngDevMode ? [{ debugName: "totalPaginas" }] : /* istanbul ignore next */ []));
+    pageChange = output();
+    onPreviousPage() {
+        const atual = this.paginacao().paginaAtual;
+        if (atual > 1) {
+            this.pageChange.emit(atual - 1);
+        }
+    }
+    onNextPage() {
+        const atual = this.paginacao().paginaAtual;
+        if (atual < this.totalPaginas()) {
+            this.pageChange.emit(atual + 1);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridPagination, isStandalone: true, selector: "lib-grid-pagination", inputs: { paginacao: { classPropertyName: "paginacao", publicName: "paginacao", isSignal: true, isRequired: true, transformFunction: null }, totalPaginas: { classPropertyName: "totalPaginas", publicName: "totalPaginas", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\t<div class=\"pagination-info\">\n\t\t<span>P\u00E1gina {{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\t\t<span>| Total: {{ paginacao().totalItens }} itens</span>\n\t</div>\n\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ticone=\"bi bi-chevron-left\">\n\t\t\tAnterior\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }}</span>\n\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onNextPage()\"\n\t\t\t[disabled]=\"paginacao().paginaAtual >= totalPaginas()\" icone=\"bi bi-chevron-right\">\n\t\t\tPr\u00F3ximo\n\t\t</ui-button>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-border, #ccc)}.pagination-info{font-size:.875rem;color:var(--mk-grid-text, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{padding:.5rem 1rem;border:1px solid var(--mk-grid-border, #ccc);border-radius:4px;min-width:50px;text-align:center}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridPagination, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-pagination', imports: [UiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\t<div class=\"pagination-info\">\n\t\t<span>P\u00E1gina {{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\t\t<span>| Total: {{ paginacao().totalItens }} itens</span>\n\t</div>\n\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ticone=\"bi bi-chevron-left\">\n\t\t\tAnterior\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }}</span>\n\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onNextPage()\"\n\t\t\t[disabled]=\"paginacao().paginaAtual >= totalPaginas()\" icone=\"bi bi-chevron-right\">\n\t\t\tPr\u00F3ximo\n\t\t</ui-button>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-border, #ccc)}.pagination-info{font-size:.875rem;color:var(--mk-grid-text, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{padding:.5rem 1rem;border:1px solid var(--mk-grid-border, #ccc);border-radius:4px;min-width:50px;text-align:center}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}\n"] }]
+        }], propDecorators: { paginacao: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginacao", required: true }] }], totalPaginas: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPaginas", required: true }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }] } });
+
+class GridFilterBar {
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    colunasDefinidas = input.required(...(ngDevMode ? [{ debugName: "colunasDefinidas" }] : /* istanbul ignore next */ []));
+    colAgrupadoAtual = input.required(...(ngDevMode ? [{ debugName: "colAgrupadoAtual" }] : /* istanbul ignore next */ []));
+    isAgrupado = input.required(...(ngDevMode ? [{ debugName: "isAgrupado" }] : /* istanbul ignore next */ []));
+    filterCollapsed = input(false, ...(ngDevMode ? [{ debugName: "filterCollapsed" }] : /* istanbul ignore next */ []));
+    searchInput = output();
+    actionTriggered = output();
+    filterToggle = output();
+    groupByColumn = output();
+    clearGroups = output();
+    collapseGroups = output();
+    expandGroups = output();
+    outsideMenuActionsTop = computed(() => {
+        return this.config().actionsTop.filter(a => a.inmenu == false && a.showAction);
+    }, ...(ngDevMode ? [{ debugName: "outsideMenuActionsTop" }] : /* istanbul ignore next */ []));
+    menuActionsTop = computed(() => {
+        return this.config().actionsTop.filter(a => a.inmenu != false && a.showAction);
+    }, ...(ngDevMode ? [{ debugName: "menuActionsTop" }] : /* istanbul ignore next */ []));
+    Math = Math;
+    onInputSearch(text) {
+        this.searchInput.emit(text);
+    }
+    onClickOpenCloseFilterZone() {
+        this.filterToggle.emit();
+    }
+    onClickAction(action) {
+        if (action) {
+            this.actionTriggered.emit(action);
+        }
+    }
+    onAgruparPor(coluna) {
+        this.groupByColumn.emit(coluna);
+    }
+    onClearGroups() {
+        this.clearGroups.emit();
+    }
+    onRecolherGroups() {
+        this.collapseGroups.emit();
+    }
+    onExpandirGroups() {
+        this.expandGroups.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridFilterBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridFilterBar, isStandalone: true, selector: "lib-grid-filter-bar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, colunasDefinidas: { classPropertyName: "colunasDefinidas", publicName: "colunasDefinidas", isSignal: true, isRequired: true, transformFunction: null }, colAgrupadoAtual: { classPropertyName: "colAgrupadoAtual", publicName: "colAgrupadoAtual", isSignal: true, isRequired: true, transformFunction: null }, isAgrupado: { classPropertyName: "isAgrupado", publicName: "isAgrupado", isSignal: true, isRequired: true, transformFunction: null }, filterCollapsed: { classPropertyName: "filterCollapsed", publicName: "filterCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchInput: "searchInput", actionTriggered: "actionTriggered", filterToggle: "filterToggle", groupByColumn: "groupByColumn", clearGroups: "clearGroups", collapseGroups: "collapseGroups", expandGroups: "expandGroups" }, ngImport: i0, template: "@if(config().showControlBar) {\n<div class=\"table-topo-container table-styles\">\n\n\t@if(config().showActionsTop) {\n\t<div class=\"table-actions-outside\">\n\t\t@for (action of outsideMenuActionsTop(); track $index;) {\n\t\t<ui-button tipo=\"fill\" tema=\"primary\" [title]=\"action.display\" (click)=\"onClickAction(action)\"\n\t\t\t[icone]=\"action.icon\">\n\t\t\t{{ action?.display ?? '' }}\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t}\n\n\t<div class=\"table-top-right-container table-conjunto-actions\">\n\t\t@if(config().showSearch) {\n\t\t<div class=\"table-conjunto-actions-item table-pesquisar\">\n\t\t\t<ui-procurar (inputed)=\"onInputSearch($event)\" [autoColapse]=\"true\"></ui-procurar>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showFilterBar) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onClickOpenCloseFilterZone()\" icone=\"bi bi-funnel\"\n\t\t\t\t[style.--ui-border-radius]=\"'0px'\">\n\t\t\t\t<span class=\"table-collapse-ico\" [class.ativo]=\"!filterCollapsed()\"><i class=\"bi bi-caret-down\"></i></span>\n\t\t\t</ui-button>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showGridMenu != false) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t<ui-button slot=\"botao\" tipo=\"nofill\" tema=\"primary\" class=\"filtro-menu\"\n\t\t\t\t\t[title]=\"config().actionsTopConfig.menuDisplay\" [style.--ui-border-radius]=\"'0px'\"\n\t\t\t\t\t[icone]=\"config().actionsTopConfig.showMenuIcon ? config().actionsTopConfig.menuIcon : undefined\">\n\t\t\t\t\t{{ config().actionsTopConfig.menuDisplay }}\n\t\t\t\t</ui-button>\n\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\tOp\u00E7\u00F5es da Listagem\n\t\t\t\t</div>\n\n\t\t\t\t@for (action of menuActionsTop(); track $index;) {\n\t\t\t\t@if(action.actions != null) {\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" [title]=\"action.display\"\n\t\t\t\t\t\t[style.--ui-border-radius]=\"'0px'\" [icone]=\"action.icon\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</div>\n\t\t\t\t\t@for(subAction of action.actions; track $index) {\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(subAction)\"\n\t\t\t\t\t\t[icone]=\"subAction?.showIcon ? (subAction?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t\t{{ subAction?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t}\n\t\t\t\t</ui-menu>\n\t\t\t\t} @else {\n\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(action)\"\n\t\t\t\t\t[icone]=\"action?.showIcon ? (action?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t</ui-button>\n\t\t\t\t}\n\t\t\t\t}@empty {\n\t\t\t\t<div class=\"p-2 text-center text-muted\">\n\t\t\t\t\tNenhuma a\u00E7\u00E3o dispon\u00EDvel.\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" icone=\"fa fa-object-group\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\">\n\t\t\t\t\t\t\tAgrupar Por\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<div class=\"menu-sub-title\">\n\t\t\t\t\t\t\tAgrupar por\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t@for (coluna of colunasDefinidas(); track $index) {\n\t\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onAgruparPor(coluna)\"\n\t\t\t\t\t\t\t[icone]=\"isAgrupado() && colAgrupadoAtual()?.prop === coluna.prop ? 'bi bi-check2-square' : 'bi bi-square'\">\n\t\t\t\t\t\t\t{{ coluna.titulo }}\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</ui-menu>\n\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\"\n\t\t\t\t\t\t[disabled]=\"!isAgrupado()\">\n\t\t\t\t\t\tDesagrupar\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\t\t\t\t\tRecolher Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\t\t\t\t\tExpandir Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t</ui-menu>\n\t\t\t</ui-menu>\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;margin-top:10px;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item:last-child{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:block}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiMenu, selector: "ui-menu", inputs: ["disabled", "icone", "autoCloseInCascade", "posicao", "isOpened"], outputs: ["autoCloseInCascadeChange", "posicaoChange", "isOpenedChange"] }, { kind: "component", type: UiProcurar, selector: "ui-procurar", inputs: ["value", "colapsed", "autoColapse", "name", "placeholder", "disabled"], outputs: ["inputed", "changed", "valueChange", "colapsedChange", "autoColapseChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridFilterBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-filter-bar', imports: [UiButton, UiMenu, UiProcurar], template: "@if(config().showControlBar) {\n<div class=\"table-topo-container table-styles\">\n\n\t@if(config().showActionsTop) {\n\t<div class=\"table-actions-outside\">\n\t\t@for (action of outsideMenuActionsTop(); track $index;) {\n\t\t<ui-button tipo=\"fill\" tema=\"primary\" [title]=\"action.display\" (click)=\"onClickAction(action)\"\n\t\t\t[icone]=\"action.icon\">\n\t\t\t{{ action?.display ?? '' }}\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t}\n\n\t<div class=\"table-top-right-container table-conjunto-actions\">\n\t\t@if(config().showSearch) {\n\t\t<div class=\"table-conjunto-actions-item table-pesquisar\">\n\t\t\t<ui-procurar (inputed)=\"onInputSearch($event)\" [autoColapse]=\"true\"></ui-procurar>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showFilterBar) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onClickOpenCloseFilterZone()\" icone=\"bi bi-funnel\"\n\t\t\t\t[style.--ui-border-radius]=\"'0px'\">\n\t\t\t\t<span class=\"table-collapse-ico\" [class.ativo]=\"!filterCollapsed()\"><i class=\"bi bi-caret-down\"></i></span>\n\t\t\t</ui-button>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showGridMenu != false) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t<ui-button slot=\"botao\" tipo=\"nofill\" tema=\"primary\" class=\"filtro-menu\"\n\t\t\t\t\t[title]=\"config().actionsTopConfig.menuDisplay\" [style.--ui-border-radius]=\"'0px'\"\n\t\t\t\t\t[icone]=\"config().actionsTopConfig.showMenuIcon ? config().actionsTopConfig.menuIcon : undefined\">\n\t\t\t\t\t{{ config().actionsTopConfig.menuDisplay }}\n\t\t\t\t</ui-button>\n\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\tOp\u00E7\u00F5es da Listagem\n\t\t\t\t</div>\n\n\t\t\t\t@for (action of menuActionsTop(); track $index;) {\n\t\t\t\t@if(action.actions != null) {\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" [title]=\"action.display\"\n\t\t\t\t\t\t[style.--ui-border-radius]=\"'0px'\" [icone]=\"action.icon\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</div>\n\t\t\t\t\t@for(subAction of action.actions; track $index) {\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(subAction)\"\n\t\t\t\t\t\t[icone]=\"subAction?.showIcon ? (subAction?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t\t{{ subAction?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t}\n\t\t\t\t</ui-menu>\n\t\t\t\t} @else {\n\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(action)\"\n\t\t\t\t\t[icone]=\"action?.showIcon ? (action?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t</ui-button>\n\t\t\t\t}\n\t\t\t\t}@empty {\n\t\t\t\t<div class=\"p-2 text-center text-muted\">\n\t\t\t\t\tNenhuma a\u00E7\u00E3o dispon\u00EDvel.\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" icone=\"fa fa-object-group\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\">\n\t\t\t\t\t\t\tAgrupar Por\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<div class=\"menu-sub-title\">\n\t\t\t\t\t\t\tAgrupar por\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t@for (coluna of colunasDefinidas(); track $index) {\n\t\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onAgruparPor(coluna)\"\n\t\t\t\t\t\t\t[icone]=\"isAgrupado() && colAgrupadoAtual()?.prop === coluna.prop ? 'bi bi-check2-square' : 'bi bi-square'\">\n\t\t\t\t\t\t\t{{ coluna.titulo }}\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</ui-menu>\n\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\"\n\t\t\t\t\t\t[disabled]=\"!isAgrupado()\">\n\t\t\t\t\t\tDesagrupar\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\t\t\t\t\tRecolher Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\t\t\t\t\tExpandir Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t</ui-menu>\n\t\t\t</ui-menu>\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;margin-top:10px;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item:last-child{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:block}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], colunasDefinidas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunasDefinidas", required: true }] }], colAgrupadoAtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "colAgrupadoAtual", required: true }] }], isAgrupado: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAgrupado", required: true }] }], filterCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterCollapsed", required: false }] }], searchInput: [{ type: i0.Output, args: ["searchInput"] }], actionTriggered: [{ type: i0.Output, args: ["actionTriggered"] }], filterToggle: [{ type: i0.Output, args: ["filterToggle"] }], groupByColumn: [{ type: i0.Output, args: ["groupByColumn"] }], clearGroups: [{ type: i0.Output, args: ["clearGroups"] }], collapseGroups: [{ type: i0.Output, args: ["collapseGroups"] }], expandGroups: [{ type: i0.Output, args: ["expandGroups"] }] } });
+
+class GridEmptyList {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridEmptyList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GridEmptyList, isStandalone: true, selector: "lib-grid-empty-list", ngImport: i0, template: "<div class=\"microPos5 p-2\">\n\t<div class=\"flex gap-2 f-s-16 text-center nenhumRegistro\">\n\t\t<i class=\"bi bi-database-fill-check\"></i>\n\t\tNenhum registro no filtro aplicado.\n\t</div>\n</div>", styles: [".nenhumRegistro{border-radius:10px;outline:1px solid var(--mk-grid-primary-15);box-shadow:1px 1px 5px var(--mk-grid-secondary),inset -1px -1px 5px var(--mk-grid-primary-15);padding:.4rem .75rem}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridEmptyList, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-grid-empty-list', imports: [], template: "<div class=\"microPos5 p-2\">\n\t<div class=\"flex gap-2 f-s-16 text-center nenhumRegistro\">\n\t\t<i class=\"bi bi-database-fill-check\"></i>\n\t\tNenhum registro no filtro aplicado.\n\t</div>\n</div>", styles: [".nenhumRegistro{border-radius:10px;outline:1px solid var(--mk-grid-primary-15);box-shadow:1px 1px 5px var(--mk-grid-secondary),inset -1px -1px 5px var(--mk-grid-primary-15);padding:.4rem .75rem}\n"] }]
+        }] });
+
+const PROP_CONTROLE_ATIVO = 'is_ativo';
+class MkGrid {
+    lista = input.required(...(ngDevMode ? [{ debugName: "lista" }] : /* istanbul ignore next */ []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    filtro = input(...(ngDevMode ? [undefined, { debugName: "filtro" }] : /* istanbul ignore next */ []));
+    colunasDefinidas = signal([], ...(ngDevMode ? [{ debugName: "colunasDefinidas" }] : /* istanbul ignore next */ []));
+    colunasFiltradas = signal([], ...(ngDevMode ? [{ debugName: "colunasFiltradas" }] : /* istanbul ignore next */ []));
+    colunasOrdenadas = signal([], ...(ngDevMode ? [{ debugName: "colunasOrdenadas" }] : /* istanbul ignore next */ []));
+    colunasExibir = signal([], ...(ngDevMode ? [{ debugName: "colunasExibir" }] : /* istanbul ignore next */ []));
+    gridTemplateColumns = signal('auto', ...(ngDevMode ? [{ debugName: "gridTemplateColumns" }] : /* istanbul ignore next */ []));
+    inputSearchText = signal('', ...(ngDevMode ? [{ debugName: "inputSearchText" }] : /* istanbul ignore next */ []));
+    selectedRows = signal([], ...(ngDevMode ? [{ debugName: "selectedRows" }] : /* istanbul ignore next */ []));
+    selecionandoLinhas = signal([], ...(ngDevMode ? [{ debugName: "selecionandoLinhas" }] : /* istanbul ignore next */ []));
+    gruposColapsed = signal([], ...(ngDevMode ? [{ debugName: "gruposColapsed" }] : /* istanbul ignore next */ []));
+    isAgrupado = signal(false, ...(ngDevMode ? [{ debugName: "isAgrupado" }] : /* istanbul ignore next */ []));
+    isAgrupadoLimpo = signal(false, ...(ngDevMode ? [{ debugName: "isAgrupadoLimpo" }] : /* istanbul ignore next */ []));
+    gruposEncontrados = {
+        itens: new Set()
+    };
+    numOrdemPrimeiroExibido = signal(1, ...(ngDevMode ? [{ debugName: "numOrdemPrimeiroExibido" }] : /* istanbul ignore next */ []));
+    numOrdemUltimoExibido = signal(1, ...(ngDevMode ? [{ debugName: "numOrdemUltimoExibido" }] : /* istanbul ignore next */ []));
+    pxVerticalLine = signal('', ...(ngDevMode ? [{ debugName: "pxVerticalLine" }] : /* istanbul ignore next */ []));
+    pxSelector = signal('', ...(ngDevMode ? [{ debugName: "pxSelector" }] : /* istanbul ignore next */ []));
+    pxColunas = signal('', ...(ngDevMode ? [{ debugName: "pxColunas" }] : /* istanbul ignore next */ []));
+    pxActions = signal('', ...(ngDevMode ? [{ debugName: "pxActions" }] : /* istanbul ignore next */ []));
+    totalColsVisivel = signal(0, ...(ngDevMode ? [{ debugName: "totalColsVisivel" }] : /* istanbul ignore next */ []));
+    colAgrupadoAtual = signal(null, ...(ngDevMode ? [{ debugName: "colAgrupadoAtual" }] : /* istanbul ignore next */ []));
+    colMovingX = 0;
+    minLineHeight = model('20px', ...(ngDevMode ? [{ debugName: "minLineHeight" }] : /* istanbul ignore next */ []));
+    isCompacted = model(false, ...(ngDevMode ? [{ debugName: "isCompacted" }] : /* istanbul ignore next */ []));
+    hasGrid = model(false, ...(ngDevMode ? [{ debugName: "hasGrid" }] : /* istanbul ignore next */ []));
+    hasVerticalLine = model(false, ...(ngDevMode ? [{ debugName: "hasVerticalLine" }] : /* istanbul ignore next */ []));
+    hasSeletor = model(false, ...(ngDevMode ? [{ debugName: "hasSeletor" }] : /* istanbul ignore next */ []));
+    todosSelecionados = signal(false, ...(ngDevMode ? [{ debugName: "todosSelecionados" }] : /* istanbul ignore next */ []));
+    isSelectingAll = signal(false, ...(ngDevMode ? [{ debugName: "isSelectingAll" }] : /* istanbul ignore next */ []));
+    devMode = false;
+    maxActionsInLine = 0;
+    eHost = inject(ElementRef);
+    gridSize = viewChild('gridSize', { ...(ngDevMode ? { debugName: "gridSize" } : /* istanbul ignore next */ {}), read: ElementRef });
+    gridfiltro = viewChild('gridfiltro', { ...(ngDevMode ? { debugName: "gridfiltro" } : /* istanbul ignore next */ {}), read: ElementRef });
+    Math = Math;
+    filtroCollapsed = signal(false, ...(ngDevMode ? [{ debugName: "filtroCollapsed" }] : /* istanbul ignore next */ []));
+    gridId = LibUtil.uuid();
+    ordenacoesSignal = signal([], ...(ngDevMode ? [{ debugName: "ordenacoesSignal" }] : /* istanbul ignore next */ []));
+    paginacaoSignal = signal({
+        paginaAtual: 1,
+        totalItens: 0,
+        totalagrupado: 0,
+    }, ...(ngDevMode ? [{ debugName: "paginacaoSignal" }] : /* istanbul ignore next */ []));
+    itensPorPagina = computed(() => this.config().itensPorPagina?.() ?? 10, ...(ngDevMode ? [{ debugName: "itensPorPagina" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.iniciarSelectedRows(this.lista());
+        });
+        effect(() => {
+            const totalItens = this.listaOrdenada().length;
+            const totalagrupado = this.listaAgrupada().length;
+            this.paginacaoSignal.update(pag => ({ ...pag, totalItens, totalagrupado }));
+        });
+        effect(() => {
+            const agrupada = this.listaAgrupada();
+            const isAgrupado = this.isAgrupado();
+            if (this.gruposEncontrados.itens.size > 1) {
+                this.isAgrupado.set(true);
+            }
+            else {
+                this.isAgrupado.set(false);
+            }
+        });
+        effect(() => {
+            const _ = this.filtro();
+            this.irParaPagina(1);
+        });
+        effect(() => {
+            const el = this.filterContainer()?.nativeElement;
+            if (!el)
+                return;
+            const resizeObserver = new ResizeObserver((entries) => {
+                for (let entry of entries) {
+                    if (entry.target === el) {
+                        this.filterHeight.set(entry.contentRect.height);
+                    }
+                }
+            });
+            resizeObserver.observe(el);
+            return () => resizeObserver.disconnect();
+        });
+        effect(() => {
+            let listaExibindo = this.listaExibir();
+            let numeroPrimeiro = listaExibindo?.reduce((min, item) => Math.min(min, item.ordem ?? Infinity), Infinity);
+            let numeroUltimo = listaExibindo?.reduce((max, item) => Math.max(max, item.ordem ?? -Infinity), -Infinity);
+            if (numeroPrimeiro == Infinity)
+                numeroPrimeiro = 0;
+            if (numeroUltimo == -Infinity)
+                numeroUltimo = 0;
+            this.numOrdemPrimeiroExibido.set(numeroPrimeiro);
+            this.numOrdemUltimoExibido.set(numeroUltimo);
+        });
+        effect(() => {
+            const isSelected = this.config().isSelected();
+            if (isSelected === false) {
+                this.unselectAll();
+            }
+        });
+    }
+    ngOnInit() {
+        this.filtroCollapsed.set(this.config().filterBarStartCollapsed ?? false);
+        this.hasVerticalLine.set(this.config().hasVerticalLine ?? false);
+        this.hasSeletor.set(this.config().hasSeletor ?? false);
+        this.hasGrid.set(this.config().hasGrid ?? false);
+        this.isCompacted.set(this.config().isCompacted ?? false);
+        this.minLineHeight.set(this.config().minLineHeight ?? '20px');
+        this.definirColunas();
+        this.atualizarColunas();
+    }
+    ngOnDestroy() { }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.calcularAltura();
+            this.calcularColunasExibir();
+            this.observerResize();
+        }, 0);
+    }
+    iniciarSelectedRows(lista) {
+        let fnGetSelect = this.config().startSelected;
+        if (!fnGetSelect || !lista) {
+            this.unselectAll();
+            return;
+        }
+        let selecionados = lista.filter(item => fnGetSelect ? fnGetSelect(item) : false)
+            .map(item => LibUtil.getV(this.config().primarykey, item)?.toString() ?? '')
+            .filter(id => id != '');
+        if (selecionados.length === 0) {
+            this.todosSelecionados.set(false);
+        }
+        else if (lista.length > 0 && selecionados.length === lista.length) {
+            this.todosSelecionados.set(true);
+        }
+        else {
+            this.todosSelecionados.set(false);
+        }
+        this.selectedRows.set(selecionados);
+    }
+    definirColunas() {
+        let colunasInicialConfig = this.config().colunas.map((col, index) => {
+            return {
+                ...col,
+                widthNum: col.width ? parseInt(col.width.replaceAll('px', '').replaceAll('auto', '50')) : 50,
+                tituloReduzido: col.titulo,
+                ordem: index,
+            };
+        });
+        let primeiraPropAgrupadaInicial = colunasInicialConfig.find(c => c.iniciaAgrupado)?.prop;
+        let colunasAgrupada = colunasInicialConfig.find(c => c.prop === primeiraPropAgrupadaInicial);
+        if (colunasAgrupada) {
+            this.colAgrupadoAtual.set(colunasAgrupada);
+        }
+        else {
+            this.colAgrupadoAtual.set(null);
+        }
+        this.colunasDefinidas.set(colunasInicialConfig);
+    }
+    filtrarColunas() {
+        let agrupada = this.colAgrupadoAtual();
+        let colunasFiltradas = this.colunasDefinidas().filter(c => {
+            return (c.visivel !== false) && (agrupada?.prop !== c.prop);
+        });
+        this.colunasFiltradas.set(colunasFiltradas);
+    }
+    ordenarColunas() {
+        this.colunasOrdenadas.set(this.colunasFiltradas().sort((a, b) => a.ordem - b.ordem));
+    }
+    colunasKVDefinidas = computed(() => {
+        return this.colunasDefinidas().map(c => ({ k: LibUtil.classof(c.prop) == 'string' ? c.prop : c.prop[0], v: c.titulo }));
+    }, ...(ngDevMode ? [{ debugName: "colunasKVDefinidas" }] : /* istanbul ignore next */ []));
+    outsideMenuActionsTop = computed(() => {
+        return this.config().actionsTop.filter(a => a.inmenu == false && a.showAction);
+    }, ...(ngDevMode ? [{ debugName: "outsideMenuActionsTop" }] : /* istanbul ignore next */ []));
+    menuActionsTop = computed(() => {
+        return this.config().actionsTop.filter(a => a.inmenu != false && a.showAction);
+    }, ...(ngDevMode ? [{ debugName: "menuActionsTop" }] : /* istanbul ignore next */ []));
+    filterContainer = viewChild('filterContainer', { ...(ngDevMode ? { debugName: "filterContainer" } : /* istanbul ignore next */ {}), read: ElementRef });
+    filterHeight = signal(2000, ...(ngDevMode ? [{ debugName: "filterHeight" }] : /* istanbul ignore next */ []));
+    listaOrdenada = computed(() => {
+        const listaDefinida = this.lista() ?? [];
+        if (LibUtil.classof(listaDefinida) !== 'array') {
+            this.config().hasError = true;
+            return [];
+        }
+        let words = this.inputSearchText().trim().split(" ").filter(t => t != "");
+        let agrupadaAtual = this.colAgrupadoAtual();
+        let propriedadeAgrupada = agrupadaAtual?.prop;
+        let listaFiltrada = listaDefinida.map((o, i) => {
+            let id = LibUtil.getV(this.config().primarykey, o)?.toString() ?? String(i);
+            let dadosDaLinha = {
+                id,
+                dados: o,
+                inativo: this.config().InativeRule(o),
+                groupName: propriedadeAgrupada ? LibUtil.getV(propriedadeAgrupada, o) : '',
+                selecionado: this.selectedRows().includes(id),
+                isSelecionando: this.selecionandoLinhas().includes(id),
+                hue: this.config().backgroundHue ? this.config().backgroundHue?.(o) : undefined,
+                actions: this.config().actionsLine.map(a => {
+                    if (a.showAction == true)
+                        return { ...a, showAction: a.showLineAction ? a.showLineAction(o) : true };
+                    else
+                        return { ...a, showAction: false };
+                }),
+                ordem: i + 1,
+            };
+            dadosDaLinha.hasActionMenu = dadosDaLinha.actions?.some(a => a.showAction == true && a.inmenu == true) ?? false;
+            this.maxActionsInLine = Math.max(this.maxActionsInLine, dadosDaLinha.actions?.filter(a => a.showAction == true && a.inmenu == false).length ?? 0);
+            return dadosDaLinha;
+        }).filter(dadosLinha => {
+            if (words.length === 0)
+                return true;
+            for (const w of words) {
+                let encontrado = false;
+                for (const coluna of this.config().colunas) {
+                    const valorColuna = LibUtil.getV(coluna.prop, dadosLinha.dados);
+                    if (valorColuna != null && LibUtil.contem(valorColuna, w)) {
+                        encontrado = true;
+                    }
+                }
+                if (!encontrado)
+                    return false;
+            }
+            return true;
+        });
+        const ordenacoes = this.ordenacoesSignal();
+        if (!ordenacoes.length)
+            return listaFiltrada;
+        let ordenado = [...listaFiltrada].sort((a, b) => {
+            for (const ordenacao of ordenacoes) {
+                if (Array.isArray(ordenacao.coluna)) {
+                    for (const prop of ordenacao.coluna) {
+                        const resultado = this.compararValores(LibUtil.getV(prop, a.dados), LibUtil.getV(prop, b.dados), ordenacao.direcao);
+                        if (resultado !== 0)
+                            return resultado;
+                    }
+                }
+                else {
+                    const resultado = this.compararValores(LibUtil.getV(ordenacao.coluna, a.dados), LibUtil.getV(ordenacao.coluna, b.dados), ordenacao.direcao);
+                    if (resultado !== 0)
+                        return resultado;
+                }
+            }
+            return 0;
+        });
+        return ordenado.map((item, index) => ({ ...item, ordem: index + 1 }));
+    }, ...(ngDevMode ? [{ debugName: "listaOrdenada" }] : /* istanbul ignore next */ []));
+    listaAgrupada = computed(() => {
+        const listaOrdenada = this.listaOrdenada();
+        if (this.isAgrupado() == false) {
+            if (this.isAgrupadoLimpo() == false) {
+                listaOrdenada.forEach(item => {
+                    this.gruposEncontrados.itens.add(item.groupName);
+                });
+            }
+            return listaOrdenada;
+        }
+        let listaComGrupos = [];
+        let c = 1;
+        let colAgrupadaAtual = this.colAgrupadoAtual()?.prop ?? '';
+        for (const grupo of Array.from(this.gruposEncontrados.itens)) {
+            let firstFound = listaOrdenada.filter(i => i.groupName === grupo)[0];
+            let inativo = listaOrdenada.filter(i => i.groupName === grupo).some(i => this.getObjetoInativo(colAgrupadaAtual, i.dados));
+            listaComGrupos.push({
+                dados: firstFound?.dados,
+                inativo: inativo,
+                groupName: grupo,
+                selecionado: false,
+                isGroup: true,
+                isFullLine: {
+                    visible: true,
+                    colapsed: this.gruposColapsed().includes(grupo),
+                    colapsedCount: listaOrdenada.filter(i => i.groupName === grupo).length,
+                    showIco: true,
+                },
+                isColapsed: false,
+            });
+            listaOrdenada.map(item => {
+                if (item.groupName === grupo) {
+                    listaComGrupos.push({
+                        ...item,
+                        ordem: c++,
+                        isColapsed: this.gruposColapsed().includes(grupo)
+                    });
+                }
+            });
+        }
+        ;
+        return listaComGrupos.filter(i => !i.isColapsed);
+    }, ...(ngDevMode ? [{ debugName: "listaAgrupada" }] : /* istanbul ignore next */ []));
+    listaExibir = computed(() => {
+        const listaOrdenada = this.listaAgrupada();
+        const paginacao = this.paginacaoSignal();
+        const inicio = (paginacao.paginaAtual - 1) * this.itensPorPagina();
+        const fim = inicio + this.itensPorPagina();
+        const listaExibindo = listaOrdenada.slice(inicio, fim);
+        return listaExibindo;
+    }, ...(ngDevMode ? [{ debugName: "listaExibir" }] : /* istanbul ignore next */ []));
+    numeroPrimeiroItemExibido = computed(() => {
+        return (this.paginacaoSignal().paginaAtual - 1) * this.itensPorPagina() + 1;
+    }, ...(ngDevMode ? [{ debugName: "numeroPrimeiroItemExibido" }] : /* istanbul ignore next */ []));
+    numeroUltimoItemExibido = computed(() => {
+        const paginacao = this.paginacaoSignal();
+        return Math.min(paginacao.paginaAtual * this.itensPorPagina(), paginacao.totalItens);
+    }, ...(ngDevMode ? [{ debugName: "numeroUltimoItemExibido" }] : /* istanbul ignore next */ []));
+    onDropColuna(ev) {
+        let colunaOrigem = ev.item.data;
+        let colTarget = ev.event.target.closest('.table-header-text');
+        let cellTarget = ev.event.target.closest('.table-item');
+        let novaOrdem = null;
+        if (colTarget) {
+            novaOrdem = colTarget.getAttribute('ordem');
+        }
+        if (cellTarget) {
+            novaOrdem = cellTarget.getAttribute('ordem');
+        }
+        if (novaOrdem && colunaOrigem) {
+            this.colunasOrdenadas.update(cols => {
+                const semColuna = cols.filter(c => c.ordem !== colunaOrigem.ordem);
+                semColuna.splice(novaOrdem, 0, colunaOrigem);
+                return semColuna.map((col, index) => ({ ...col, ordem: index }));
+            });
+            this.calcularColunasExibir();
+        }
+    }
+    getObjetoInativo(nomeColuna, linha) {
+        if (LibUtil.classof(nomeColuna) == "string" && nomeColuna.includes(".")) {
+            const props = nomeColuna.split(".");
+            const lastObj = LibUtil.getV(props.slice(0, -1).join("."), linha);
+            return lastObj?.[PROP_CONTROLE_ATIVO] == false;
+        }
+        return false;
+    }
+    observerResize() {
+        const el = this.eHost?.nativeElement;
+        if (!el)
+            return;
+        const resizeObserver = new ResizeObserver((entries) => {
+            this.calcularColunasExibir();
+        });
+        resizeObserver.observe(el);
+        return () => resizeObserver.disconnect();
+    }
+    calcularColunasExibir() {
+        let colunasAExibir = this.colunasOrdenadas().map(c => ({ ...c }));
+        let compacted = this.isCompacted();
+        let wVerticalLine = this.hasVerticalLine() ? (compacted ? 30 : 40) : 0;
+        let wSelector = this.hasSeletor() ? (compacted ? 30 : 40) : 0;
+        let wActions = this.config().showActionsLine ? (compacted ? 42 : 130) : 0;
+        let wDisponivel = this.gridSize()?.nativeElement?.offsetWidth - (wVerticalLine + wSelector + wActions);
+        let totalFixo = (wVerticalLine > 0 ? 1 : 0) + (wSelector > 0 ? 1 : 0) + (wActions > 0 ? 1 : 0);
+        let wFixo = wVerticalLine + wSelector + wActions;
+        while (colunasAExibir.length > 0) {
+            let wColunas = colunasAExibir.reduce((a, b) => a + b.widthNum, 0);
+            let somado = wFixo + wColunas;
+            if (somado <= wDisponivel)
+                break;
+            colunasAExibir.pop();
+        }
+        this.colunasExibir.set(colunasAExibir);
+        this.totalColsVisivel.set(colunasAExibir.length + totalFixo);
+        let wColsCentrais = '';
+        for (let col of colunasAExibir) {
+            col.width = col.width ?? 'auto';
+            wColsCentrais += `${col.width} `;
+        }
+        this.pxVerticalLine.set(wVerticalLine > 0 ? (`${wVerticalLine}px `) : '');
+        this.pxSelector.set(wSelector > 0 ? (`${wSelector}px `) : '');
+        this.pxActions.set(wActions > 0 ? (`${wActions}px `) : '');
+        this.pxColunas.set(wColsCentrais);
+    }
+    calcularAltura() {
+        const elementoConteiner = this.filterContainer();
+        if (!elementoConteiner)
+            return;
+        const firstChild = elementoConteiner.nativeElement.firstElementChild;
+        if (!firstChild)
+            return;
+        const height = firstChild.scrollHeight;
+        this.filterHeight.set(height);
+    }
+    getState() {
+        return {
+            colunaAgrupadaAtual: this.colAgrupadoAtual(),
+            colunas: this.colunasDefinidas() ?? [],
+            colunasExibir: this.colunasExibir() ?? [],
+            config: this.config(),
+            filtros: this.filtro() ?? {},
+            gruposColapsed: this.gruposColapsed(),
+            gruposEncontrados: this.gruposEncontrados,
+            isAgrupado: this.isAgrupado(),
+            isAgrupadoLimpo: this.isAgrupadoLimpo(),
+            listaExibindo: this.listaExibir(),
+            listaOrdenada: this.listaOrdenada(),
+            ordenacoes: this.ordenacoesSignal(),
+            paginacao: {
+                paginas: this.totalPaginas(),
+                paginaAtual: this.paginacaoSignal().paginaAtual,
+                itensPorPagina: this.itensPorPagina(),
+            },
+            selecionados: this.selectedRows(),
+            selecionandoLinhas: this.selecionandoLinhas(),
+            tempoRequisicao: this.config().timeRequest,
+            totais: {
+                totalDefinida: this.lista()?.length ?? 0,
+                totalOrdenada: this.listaOrdenada().length,
+                totalExibindo: this.listaExibir().length,
+            },
+            ultimaAcao: this.config().lastGridEventAPI,
+        };
+    }
+    totalPaginas = computed(() => {
+        const paginacao = this.paginacaoSignal();
+        return Math.ceil(paginacao.totalagrupado / this.itensPorPagina());
+    }, ...(ngDevMode ? [{ debugName: "totalPaginas" }] : /* istanbul ignore next */ []));
+    alternarOrdenacao(coluna) {
+        const ordenacoes = this.ordenacoesSignal();
+        const index = ordenacoes.findIndex(o => o.coluna === coluna);
+        if (index >= 0) {
+            const novaDirecao = ordenacoes[index].direcao === 'asc' ? 'desc' : 'asc';
+            if (novaDirecao == "asc") {
+                const novasOrdenacoes = [...ordenacoes.filter(o => o.coluna != coluna)];
+                this.ordenacoesSignal.set(novasOrdenacoes);
+            }
+            else {
+                const novasOrdenacoes = [...ordenacoes];
+                novasOrdenacoes[index] = { coluna, direcao: novaDirecao };
+                this.ordenacoesSignal.set(novasOrdenacoes);
+            }
+        }
+        else {
+            this.ordenacoesSignal.set([...ordenacoes, { coluna, direcao: 'asc' }]);
+        }
+    }
+    obterDirecaoOrdenacao(coluna) {
+        const ordenacao = this.ordenacoesSignal().find(o => o.coluna === coluna);
+        return ordenacao ? ordenacao.direcao : null;
+    }
+    irParaPagina(pagina) {
+        if (pagina >= 1 && pagina <= this.totalPaginas()) {
+            this.paginacaoSignal.update(pag => ({ ...pag, paginaAtual: pagina }));
+        }
+    }
+    proximaPagina() {
+        const atual = this.paginacaoSignal().paginaAtual;
+        this.irParaPagina(atual + 1);
+    }
+    paginaAnterior() {
+        const atual = this.paginacaoSignal().paginaAtual;
+        this.irParaPagina(atual - 1);
+    }
+    limparOrdenacao() {
+        this.ordenacoesSignal.set([]);
+    }
+    async onOrdenarPor(coluna) {
+        if (!coluna)
+            return;
+        if (coluna.ordem == null)
+            return;
+        this.alternarOrdenacao(coluna.prop);
+    }
+    getColDisplay(nomeCampo) {
+        return this.colunasDefinidas()?.find(o => o.prop == nomeCampo)?.titulo ?? '???';
+    }
+    getOrdenacaoTexto() {
+        const ordenacoes = this.ordenacoesSignal();
+        if (!ordenacoes.length)
+            return '';
+        return ordenacoes.map(o => `${this.getColDisplay(o.coluna)} (${o.direcao})`).join(', ');
+    }
+    onClickClearInfo() {
+        this.limparOrdenacao();
+    }
+    atualizarColunas() {
+        this.filtrarColunas();
+        this.ordenarColunas();
+        this.calcularColunasExibir();
+    }
+    onClickCellAction(evento) {
+        if (evento.action?.action) {
+            evento.action.action(this._getGridEvent(evento.action, evento.dadosDaLinha?.dados));
+        }
+    }
+    onClickAction(action, linha) {
+        if (action?.action) {
+            return action.action(this._getGridEvent(action, linha));
+        }
+        return;
+    }
+    _getGridEvent(action, linha) {
+        let pk = this.config().primarykey;
+        let id = undefined;
+        if (pk != null && linha != null) {
+            id = linha[pk];
+        }
+        let evento = { id, linha, action };
+        this.config().lastGridEventAPI = evento;
+        return evento;
+    }
+    compararValores(a, b, direcao) {
+        let resultado = 0;
+        if (a === null || a === undefined)
+            a = '';
+        if (b === null || b === undefined)
+            b = '';
+        if (typeof a === 'number' && typeof b === 'number') {
+            resultado = a - b;
+        }
+        else if (a instanceof Date && b instanceof Date) {
+            resultado = a.getTime() - b.getTime();
+        }
+        else {
+            resultado = String(a).localeCompare(String(b));
+        }
+        return direcao === 'asc' ? resultado : -resultado;
+    }
+    onClickGridMenu(action) {
+        if (action?.action) {
+            return action.action(this._getGridEvent(action));
+        }
+    }
+    onInputSearch(text) {
+        this.inputSearchText.set(text);
+    }
+    onClickOpenCloseFilterZone() {
+        this.filtroCollapsed.update(v => !v);
+    }
+    async onChangeTodosSelecionados(todosSelecionados) {
+        this.isSelectingAll.set(true);
+        if (!todosSelecionados) {
+            for (const linha of this.listaOrdenada()) {
+                await this.desselecionarLinha(linha);
+            }
+        }
+        else {
+            for (const linha of this.listaOrdenada()) {
+                await this.selectLinha(linha);
+            }
+        }
+        await LibUtil.wait(100);
+        this.isSelectingAll.set(false);
+    }
+    async onClickRow(linha) {
+        if (!linha)
+            return;
+        if (!linha.dados)
+            return;
+        if (linha.isSelecionando)
+            return;
+        if (this.selectedRows().includes(linha.id)) {
+            this.desselecionarLinha(linha);
+        }
+        else {
+            this.selectLinha(linha);
+        }
+    }
+    unselectAll() {
+        this.selectedRows.set([]);
+    }
+    async selectLinha(linha) {
+        if (this.selectedRows().includes(linha.id))
+            return;
+        this.selecionandoLinhas.set([...this.selecionandoLinhas(), linha.id]);
+        let allowedSelection = await this.config().ruleSelectRow?.(linha.dados, this.selectedRows()) ?? true;
+        if (!allowedSelection)
+            return;
+        if (this.config().selectionMode == 'single') {
+            this.unselectAll();
+        }
+        this.selectedRows.set([...this.selectedRows(), linha.id]);
+        this.config().onSelected?.(linha.dados, this.selectedRows());
+        this.config().onSelectionChanged?.(linha.dados, this.selectedRows());
+        this.config().isSelected.set(true);
+        this.selecionandoLinhas.set([...this.selecionandoLinhas().filter(i => i !== linha.id)]);
+    }
+    async desselecionarLinha(linha) {
+        if (!this.selectedRows().includes(linha.id))
+            return;
+        this.selecionandoLinhas.set([...this.selecionandoLinhas(), linha.id]);
+        let allowedUnSelection = await this.config().ruleUnSelectRow?.(linha.dados, this.selectedRows()) ?? true;
+        if (!allowedUnSelection)
+            return;
+        this.selectedRows.set(this.selectedRows().filter(i => i !== linha.id));
+        this.config().onUnselected?.(linha.dados, this.selectedRows());
+        this.config().onSelectionChanged?.(linha.dados, this.selectedRows());
+        await LibUtil.wait(100);
+        this.selecionandoLinhas.set([...this.selecionandoLinhas().filter(i => i !== linha.id)]);
+    }
+    onClickGroup(dadosDaLinha) {
+        this.gruposColapsed.update(g => {
+            if (g.includes(dadosDaLinha.groupName)) {
+                return g.filter(grupo => grupo != dadosDaLinha.groupName);
+            }
+            else {
+                return [...g, dadosDaLinha.groupName];
+            }
+        });
+    }
+    onRecolherGroups() {
+        this.gruposColapsed.set(Array.from(this.gruposEncontrados.itens));
+    }
+    onExpandirGroups() {
+        this.gruposColapsed.set([]);
+    }
+    async onAgruparPor(coluna) {
+        this.colAgrupadoAtual.set(null);
+        this.gruposEncontrados.itens.clear();
+        this.isAgrupadoLimpo.set(false);
+        this.colAgrupadoAtual.set(coluna);
+        this.atualizarColunas();
+    }
+    async onChangedAgrupamento(event) {
+        let propAgrupamento = event.optionChanged?.k;
+        let colAgrupada = this.colunasDefinidas().find(c => c.prop === propAgrupamento) ?? null;
+        this.onAgruparPor(colAgrupada);
+    }
+    onClearGroups() {
+        this.isAgrupadoLimpo.set(true);
+        this.gruposEncontrados.itens.clear();
+        this.isAgrupado.set(false);
+        this.colAgrupadoAtual.set(null);
+        this.atualizarColunas();
+    }
+    onChangeLineNumber() {
+        this.hasVerticalLine.update(v => !v);
+        this.calcularColunasExibir();
+    }
+    onChangeSeletor() {
+        this.hasSeletor.update(v => !v);
+        this.calcularColunasExibir();
+    }
+    onChangeCompacted() {
+        this.isCompacted.update(v => !v);
+    }
+    onChangeHasGrid() {
+        this.hasGrid.update(v => !v);
+    }
+    onResizeStart(event, coluna) {
+        this.colMovingX = event.clientX;
+        event.preventDefault();
+        let eColuna = event.target.closest('.table-header');
+        let computedWidth = parseInt(window.getComputedStyle(eColuna).width.replaceAll('px', ''), 10);
+        const onMouseMove = (moveEvent) => {
+            const delta = moveEvent.clientX - this.colMovingX;
+            let widthNum = Math.max(30, (computedWidth + delta));
+            this.colunasOrdenadas.update(cols => {
+                return cols.map(c => {
+                    if (c.ordem === coluna.ordem) {
+                        return { ...c, widthNum, width: `${widthNum}px` };
+                    }
+                    return c;
+                });
+            });
+        };
+        const onMouseUp = () => {
+            this.calcularColunasExibir();
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+        };
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('mouseup', onMouseUp);
+    }
+    onDoubleClickControls(event, coluna) {
+        let getColunaDefinina = this.colunasDefinidas().find(c => c.ordem === coluna.ordem);
+        let getWidth = getColunaDefinina?.width ? getColunaDefinina.width : 'auto';
+        this.colunasOrdenadas.update(cols => {
+            return cols.map(c => {
+                if (c.ordem === coluna.ordem) {
+                    return { ...c, width: getWidth };
+                }
+                return c;
+            });
+        });
+        this.calcularColunasExibir();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MkGrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MkGrid, isStandalone: true, selector: "lib-mk-grid", inputs: { lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, filtro: { classPropertyName: "filtro", publicName: "filtro", isSignal: true, isRequired: false, transformFunction: null }, minLineHeight: { classPropertyName: "minLineHeight", publicName: "minLineHeight", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { minLineHeight: "minLineHeightChange", isCompacted: "isCompactedChange", hasGrid: "hasGridChange", hasVerticalLine: "hasVerticalLineChange", hasSeletor: "hasSeletorChange" }, viewQueries: [{ propertyName: "gridSize", first: true, predicate: ["gridSize"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "gridfiltro", first: true, predicate: ["gridfiltro"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "filterContainer", first: true, predicate: ["filterContainer"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<lib-grid-filter-bar [config]=\"config()\" [colunasDefinidas]=\"$any(colunasDefinidas())\"\n\t[colAgrupadoAtual]=\"colAgrupadoAtual()\" [isAgrupado]=\"isAgrupado()\" [filterCollapsed]=\"filtroCollapsed()\"\n\t(searchInput)=\"onInputSearch($event)\" (filterToggle)=\"onClickOpenCloseFilterZone()\"\n\t(actionTriggered)=\"onClickAction($event)\" (groupByColumn)=\"onAgruparPor($any($event))\" (clearGroups)=\"onClearGroups()\"\n\t(collapseGroups)=\"onRecolherGroups()\" (expandGroups)=\"onExpandirGroups()\">\n</lib-grid-filter-bar>\n\n@if(config().showFilterBar) {\n<div class=\"table-filter-container table-styles\" [style.--filter-height.px]=\"filterHeight()\">\n\t<div #filterContainer class=\"table-filter-content\" [class.table-filter-hide]=\"filtroCollapsed()\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n}\n\n@if(config().screen() == \"Mobile\"){\n<!-- MOBILE INICIO -->\n\n@for (dadosLinha of listaExibir(); track $index;let i = $index) {\n@if( dadosLinha.isColapsed !== true){\n\n@if(dadosLinha.isFullLine?.visible){\n<!-- MOBILE GRUPO LINHA PR\u00D3PRIA -->\n<div class=\"table-row-mobile table-formated table-group table-styles\" (click)=\"onClickGroup(dadosLinha)\">\n\t<div>{{ dadosLinha.groupName }}</div>\n\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t<div class=\"table-group-items-ico\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t</div>\n</div>\n} @else {\n\n<div class=\"table-overflow mobile\" [style.--table-min-height]=\"isCompacted() ? '20px' : minLineHeight()\">\n\t<div class=\"table-table-mobile\" [class.selected]=\"dadosLinha.selecionado\">\n\n\t\t<!-- MOBILE DADOS -->\n\t\t@if(config().showActionsLine){\n\t\t<div class=\"table-header-mobile\" [style.gridArea]=\"'auto / auto / auto / span 2'\">\n\t\t\t@if(hasVerticalLine()){\n\t\t\t<!-- MOBILE VERTICAL DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-vertical-line\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t{{ dadosLinha.ordem }}\n\t\t\t</div>\n\t\t\t}\n\t\t\t@if(hasSeletor()){\n\t\t\t<!-- MOBILE SELECTOR DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-item-seletor\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t<ui-check-box [(value)]=\"dadosLinha.selecionado\" [style.--ui-color]=\"'var(--sys-on-primary)'\"\n\t\t\t\t\t[style.--ui-outline]=\"'var(--sys-on-primary)'\" [single]=\"this.config().selectionMode == 'single'\"\n\t\t\t\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\"></ui-check-box>\n\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"table-header-mobile-space\" (click)=\"onClickRow(dadosLinha)\"></div>\n\t\t\t<lib-grid-cell-actions [config]=\"config()\" [dadosDaLinha]=\"dadosLinha\" [mobileHeader]=\"true\"\n\t\t\t\t(action)=\"onClickCellAction($event)\" [compact]=\"isCompacted()\"></lib-grid-cell-actions>\n\t\t</div>\n\t\t}\n\n\t\t<!-- MOBILE LINHA -->\n\t\t@for (localColuna of colunasOrdenadas(); track $index;) {\n\t\t<div class=\"table-header-mobile\" [class.sortable]=\"localColuna.sortable !== false\"\n\t\t\t[class.sorted-asc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'asc'\"\n\t\t\t[class.sorted-desc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'desc'\"\n\t\t\t(click)=\"localColuna.sortable !== false && alternarOrdenacao(localColuna.prop)\" [style]=\"localColuna.styleHeader\">\n\t\t\t<div class=\"table-header-mobile-text\" [title]=\"localColuna.titulo\"\n\t\t\t\t[innerHTML]=\"localColuna.tituloReduzido ?? localColuna.titulo\">\n\t\t\t</div>\n\t\t\t<div class=\"table-header-controls\">\n\t\t\t\t@if (localColuna.sortable !== false) {\n\t\t\t\t<span class=\"table-ico-sort\">\n\t\t\t\t\t@if (obterDirecaoOrdenacao(localColuna.prop) === 'asc') {\n\t\t\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t\t\t} @else if (obterDirecaoOrdenacao(localColuna.prop) === 'desc') {\n\t\t\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t<lib-grid-cell-handler class=\"table-item-mobile table-formated\" [class.odd]=\"i % 2 !== 0\" [class.even]=\"i % 2 === 0\"\n\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"localColuna\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t[localColunas]=\"colunasOrdenadas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t}\n\t</div>\n</div>\n}\n}\n} @empty {\n<!-- LINHA DE SEM DADOS -->\n<div class=\"table-styles\"><lib-grid-empty-list></lib-grid-empty-list></div>\n}\n<!-- MOBILE FIM -->\n\n\n} @else {\n<!-- DESKTOP INICIO -->\n<div #gridSize class=\"table-overflow\" [class.compacted]=\"isCompacted()\"\n\t[style.--table-min-height]=\"isCompacted() ? '40px' : minLineHeight()\">\n\t<div class=\"table-table\" [class.table-has-vertical-line]=\"hasVerticalLine()\" [class.table-has-seletor]=\"hasSeletor()\"\n\t\tcdkDropList (cdkDropListDropped)=\"onDropColuna($event)\" [cdkDropListData]=\"colunasExibir()\"\n\t\t[style.gridTemplateColumns]=\"`${this.pxVerticalLine()}${this.pxSelector()}` + this.pxColunas() + this.pxActions()\">\n\t\t<!-- DESKTOP HEADER -->\n\t\t<lib-grid-header-row [colunas]=\"colunasExibir()\" [ordenacoes]=\"ordenacoesSignal()\"\n\t\t\t[todosSelecionados]=\"todosSelecionados()\" [config]=\"config()\" [hasSeletor]=\"hasSeletor()\"\n\t\t\t[hasVerticalLine]=\"hasVerticalLine()\" [hasGrid]=\"hasGrid()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[isSelectingAll]=\"isSelectingAll()\" (columnSort)=\"alternarOrdenacao($event)\"\n\t\t\t(selectAll)=\"onChangeTodosSelecionados($event)\"\n\t\t\t(columnResizeStart)=\"onResizeStart($event.event, $any($event.coluna))\"\n\t\t\t(columnResizeDoubleClick)=\"onDoubleClickControls($event.event, $any($event.coluna))\">\n\t\t</lib-grid-header-row>\n\n\t\t<!-- DESKTOP LINHAS DE DADOS -->\n\t\t@for (dadosLinha of listaExibir(); track $index; let i = $index) {@if( dadosLinha.isColapsed !== true){\n\n\t\t@if(dadosLinha.isFullLine?.visible){\n\n\t\t<!-- DESKTOP FULL LINE (COLSPAN HORIZONTAL) -->\n\t\t@if(hasVerticalLine()){\n\t\t<!-- DESKTOP HEADER VERTICAL FULL LINE -->\n\t\t<div class=\"table-header table-formated table-vertical-line\">\n\t\t\t{{ dadosLinha.ordem }}\n\t\t</div>\n\t\t}\n\t\t<!-- DESKTOP GRUPO: ROW -->\n\t\t@if(dadosLinha.isGroup){\n\n\t\t<div class=\"table-row table-formated table-group table-border-bottom-card\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<div class=\"table-group-name\" [class.table-inativo]=\"dadosLinha.inativo\">\n\t\t\t\t<lib-grid-cell-handler class=\"table-item table-dados {{ colAgrupadoAtual()?.classeCell }}\"\n\t\t\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"colAgrupadoAtual()!\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t\t\t[localColunas]=\"colunasDefinidas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t\t</div>\n\t\t\t<ui-button tipo=\"nofill\" (click)=\"onClickGroup(dadosLinha)\">\n\t\t\t\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t\t\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t\t\t\t<div class=\"table-group-items-ico\">\n\t\t\t\t\t\t<i [class]=\"dadosLinha.isFullLine?.colapsed ? 'bi bi-caret-down-fill' : 'bi bi-caret-down'\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ui-button>\n\t\t</div>\n\n\t\t} @else {\n\t\t<div class=\"table-row table-formated table-others\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\tNada a exibir nesta linha\n\t\t</div>\n\t\t}\n\n\t\t} @else {\n\n\t\t<!-- LINHA NORMAL via GridRowRenderer -->\n\t\t<lib-grid-row-renderer [dadosLinha]=\"dadosLinha\" [config]=\"config()\" [colunas]=\"colunasExibir()\"\n\t\t\t[colunasOrdenadas]=\"colunasOrdenadas()\" [lista]=\"lista()!\" [inputSearchText]=\"inputSearchText()\"\n\t\t\t[hasSeletor]=\"hasSeletor()\" [hasVerticalLine]=\"hasVerticalLine()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[hasGrid]=\"hasGrid()\" [rowIndex]=\"i\" (actionTriggered)=\"onClickCellAction($event)\"\n\t\t\t(rowClicked)=\"onClickRow($event)\">\n\t\t</lib-grid-row-renderer>\n\n\t\t}}\n\n\t\t<!-- POSSIBILIDADES SEM DADOS -->\n\t\t} @empty {\n\n\t\t<!-- ERRO -->\n\t\t@if(config().hasError) {\n\t\t<div class=\"table-row table-formated table-errors\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridError]\"></ng-content>\n\t\t</div>\n\n\t\t<!-- LOADING -->\n\t\t} @else if(!config().isLoaded) {\n\t\t<div class=\"table-row table-formated table-loader\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridLoading]\"></ng-content>\n\t\t</div>\n\n\t\t} @else {\n\n\t\t<div class=\"table-row table-empty\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<lib-grid-empty-list></lib-grid-empty-list>\n\t\t</div>\n\t\t}\n\n\t\t}\n\n\t\t<!-- FIM DA LINHA NORMAL -->\n\n\n\t</div>\n</div>\n<!-- DESKTOP FIM -->\n}\n\n\n@if(config().showPagination){\n<lib-grid-pagination [paginacao]=\"paginacaoSignal()\" [totalPaginas]=\"totalPaginas()\"\n\t(pageChange)=\"irParaPagina($event)\">\n</lib-grid-pagination>\n}\n\n\n\n\n@if(config().showInfoBar){\n<!-- Informa\u00E7\u00F5es de Ordena\u00E7\u00E3o -->\n@if (ordenacoesSignal().length > 0) {\n<div class=\"table-info-row table-styles\">\n\t@if (ordenacoesSignal().length > 0) {\n\t<div>Ordenado por: {{ getOrdenacaoTexto() }}</div>\n\t}\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClickClearInfo()\" icone=\"bi bi-x-lg\"></ui-button>\n</div>\n}\n<!-- Informa\u00E7\u00F5es de Agrupamento -->\n@if (this.isAgrupado()) {\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-object-group\"></i>\n\t<div class=\"flex flex-wrap gap-1 f-t-b\">\n\t\tAgrupado por {{ colAgrupadoAtual()?.titulo }} (h\u00E1 {{ gruposEncontrados.itens.size }} grupos)\n\t\t<div class=\"campoSemForm\">\n\t\t\t<ui-select [value]=\"colAgrupadoAtual()?.prop\" [options]=\"this.colunasKVDefinidas()\"\n\t\t\t\t(changed)=\"onChangedAgrupamento($event)\"></ui-select>\n\t\t</div>\n\n\t</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\tRecolher Todos\n\t</ui-button>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\tExpandir Todos\n\t</ui-button>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\">\n\t\tDesagrupar\n\t</ui-button>\n</div>\n}\n}\n\n\n@if(devMode){\n<!-- MODO DESENVOLVIMENTO -->\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-microscope\"></i>\n\t<div>Fun\u00E7\u00F5es extras</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasGrid()\" (click)=\"onChangeHasGrid()\" icone='bi bi-grid-3x3'\n\t\ttitle=\"Grid\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"isCompacted()\" (click)=\"onChangeCompacted()\"\n\t\ticone='fa fa-arrows-to-circle' title=\"Compactar\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasVerticalLine()\" (click)=\"onChangeLineNumber()\"\n\t\ticone='bi bi-layout-sidebar' title=\"Linha Vertical\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasSeletor()\" (click)=\"onChangeSeletor()\" icone='fa fa-check-double'\n\t\ttitle=\"Seletor\"></ui-button>\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;margin-top:10px;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item:last-child{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n"], dependencies: [{ kind: "component", type: GridEmptyList, selector: "lib-grid-empty-list" }, { kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }, { kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: GridFilterBar, selector: "lib-grid-filter-bar", inputs: ["config", "colunasDefinidas", "colAgrupadoAtual", "isAgrupado", "filterCollapsed"], outputs: ["searchInput", "actionTriggered", "filterToggle", "groupByColumn", "clearGroups", "collapseGroups", "expandGroups"] }, { kind: "component", type: GridPagination, selector: "lib-grid-pagination", inputs: ["paginacao", "totalPaginas"], outputs: ["pageChange"] }, { kind: "component", type: GridHeaderRow, selector: "lib-grid-header-row", inputs: ["colunas", "ordenacoes", "todosSelecionados", "config", "hasSeletor", "hasVerticalLine", "hasGrid", "isCompacted", "isSelectingAll"], outputs: ["columnSort", "selectAll", "columnResizeStart", "columnResizeDoubleClick"] }, { kind: "component", type: GridRowRenderer, selector: "lib-grid-row-renderer", inputs: ["dadosLinha", "config", "colunas", "colunasOrdenadas", "lista", "inputSearchText", "hasSeletor", "hasVerticalLine", "isCompacted", "hasGrid", "rowIndex"], outputs: ["actionTriggered", "rowClicked"] }, { kind: "component", type: GridCellHandler, selector: "lib-grid-cell-handler", inputs: ["lista", "linha", "config", "localColuna", "localColunas", "inputSearchText"] }, { kind: "component", type: GridCellActions, selector: "lib-grid-cell-actions", inputs: ["config", "dadosDaLinha", "mobileHeader", "compact"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MkGrid, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mk-grid', imports: [
+                        GridEmptyList,
+                        UiButton,
+                        UiSelect,
+                        UiCheckBox,
+                        DragDropModule,
+                        GridFilterBar,
+                        GridPagination,
+                        GridHeaderRow,
+                        GridRowRenderer,
+                        GridCellHandler,
+                        GridCellActions
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<lib-grid-filter-bar [config]=\"config()\" [colunasDefinidas]=\"$any(colunasDefinidas())\"\n\t[colAgrupadoAtual]=\"colAgrupadoAtual()\" [isAgrupado]=\"isAgrupado()\" [filterCollapsed]=\"filtroCollapsed()\"\n\t(searchInput)=\"onInputSearch($event)\" (filterToggle)=\"onClickOpenCloseFilterZone()\"\n\t(actionTriggered)=\"onClickAction($event)\" (groupByColumn)=\"onAgruparPor($any($event))\" (clearGroups)=\"onClearGroups()\"\n\t(collapseGroups)=\"onRecolherGroups()\" (expandGroups)=\"onExpandirGroups()\">\n</lib-grid-filter-bar>\n\n@if(config().showFilterBar) {\n<div class=\"table-filter-container table-styles\" [style.--filter-height.px]=\"filterHeight()\">\n\t<div #filterContainer class=\"table-filter-content\" [class.table-filter-hide]=\"filtroCollapsed()\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n}\n\n@if(config().screen() == \"Mobile\"){\n<!-- MOBILE INICIO -->\n\n@for (dadosLinha of listaExibir(); track $index;let i = $index) {\n@if( dadosLinha.isColapsed !== true){\n\n@if(dadosLinha.isFullLine?.visible){\n<!-- MOBILE GRUPO LINHA PR\u00D3PRIA -->\n<div class=\"table-row-mobile table-formated table-group table-styles\" (click)=\"onClickGroup(dadosLinha)\">\n\t<div>{{ dadosLinha.groupName }}</div>\n\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t<div class=\"table-group-items-ico\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t</div>\n</div>\n} @else {\n\n<div class=\"table-overflow mobile\" [style.--table-min-height]=\"isCompacted() ? '20px' : minLineHeight()\">\n\t<div class=\"table-table-mobile\" [class.selected]=\"dadosLinha.selecionado\">\n\n\t\t<!-- MOBILE DADOS -->\n\t\t@if(config().showActionsLine){\n\t\t<div class=\"table-header-mobile\" [style.gridArea]=\"'auto / auto / auto / span 2'\">\n\t\t\t@if(hasVerticalLine()){\n\t\t\t<!-- MOBILE VERTICAL DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-vertical-line\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t{{ dadosLinha.ordem }}\n\t\t\t</div>\n\t\t\t}\n\t\t\t@if(hasSeletor()){\n\t\t\t<!-- MOBILE SELECTOR DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-item-seletor\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t<ui-check-box [(value)]=\"dadosLinha.selecionado\" [style.--ui-color]=\"'var(--sys-on-primary)'\"\n\t\t\t\t\t[style.--ui-outline]=\"'var(--sys-on-primary)'\" [single]=\"this.config().selectionMode == 'single'\"\n\t\t\t\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\"></ui-check-box>\n\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"table-header-mobile-space\" (click)=\"onClickRow(dadosLinha)\"></div>\n\t\t\t<lib-grid-cell-actions [config]=\"config()\" [dadosDaLinha]=\"dadosLinha\" [mobileHeader]=\"true\"\n\t\t\t\t(action)=\"onClickCellAction($event)\" [compact]=\"isCompacted()\"></lib-grid-cell-actions>\n\t\t</div>\n\t\t}\n\n\t\t<!-- MOBILE LINHA -->\n\t\t@for (localColuna of colunasOrdenadas(); track $index;) {\n\t\t<div class=\"table-header-mobile\" [class.sortable]=\"localColuna.sortable !== false\"\n\t\t\t[class.sorted-asc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'asc'\"\n\t\t\t[class.sorted-desc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'desc'\"\n\t\t\t(click)=\"localColuna.sortable !== false && alternarOrdenacao(localColuna.prop)\" [style]=\"localColuna.styleHeader\">\n\t\t\t<div class=\"table-header-mobile-text\" [title]=\"localColuna.titulo\"\n\t\t\t\t[innerHTML]=\"localColuna.tituloReduzido ?? localColuna.titulo\">\n\t\t\t</div>\n\t\t\t<div class=\"table-header-controls\">\n\t\t\t\t@if (localColuna.sortable !== false) {\n\t\t\t\t<span class=\"table-ico-sort\">\n\t\t\t\t\t@if (obterDirecaoOrdenacao(localColuna.prop) === 'asc') {\n\t\t\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t\t\t} @else if (obterDirecaoOrdenacao(localColuna.prop) === 'desc') {\n\t\t\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t<lib-grid-cell-handler class=\"table-item-mobile table-formated\" [class.odd]=\"i % 2 !== 0\" [class.even]=\"i % 2 === 0\"\n\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"localColuna\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t[localColunas]=\"colunasOrdenadas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t}\n\t</div>\n</div>\n}\n}\n} @empty {\n<!-- LINHA DE SEM DADOS -->\n<div class=\"table-styles\"><lib-grid-empty-list></lib-grid-empty-list></div>\n}\n<!-- MOBILE FIM -->\n\n\n} @else {\n<!-- DESKTOP INICIO -->\n<div #gridSize class=\"table-overflow\" [class.compacted]=\"isCompacted()\"\n\t[style.--table-min-height]=\"isCompacted() ? '40px' : minLineHeight()\">\n\t<div class=\"table-table\" [class.table-has-vertical-line]=\"hasVerticalLine()\" [class.table-has-seletor]=\"hasSeletor()\"\n\t\tcdkDropList (cdkDropListDropped)=\"onDropColuna($event)\" [cdkDropListData]=\"colunasExibir()\"\n\t\t[style.gridTemplateColumns]=\"`${this.pxVerticalLine()}${this.pxSelector()}` + this.pxColunas() + this.pxActions()\">\n\t\t<!-- DESKTOP HEADER -->\n\t\t<lib-grid-header-row [colunas]=\"colunasExibir()\" [ordenacoes]=\"ordenacoesSignal()\"\n\t\t\t[todosSelecionados]=\"todosSelecionados()\" [config]=\"config()\" [hasSeletor]=\"hasSeletor()\"\n\t\t\t[hasVerticalLine]=\"hasVerticalLine()\" [hasGrid]=\"hasGrid()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[isSelectingAll]=\"isSelectingAll()\" (columnSort)=\"alternarOrdenacao($event)\"\n\t\t\t(selectAll)=\"onChangeTodosSelecionados($event)\"\n\t\t\t(columnResizeStart)=\"onResizeStart($event.event, $any($event.coluna))\"\n\t\t\t(columnResizeDoubleClick)=\"onDoubleClickControls($event.event, $any($event.coluna))\">\n\t\t</lib-grid-header-row>\n\n\t\t<!-- DESKTOP LINHAS DE DADOS -->\n\t\t@for (dadosLinha of listaExibir(); track $index; let i = $index) {@if( dadosLinha.isColapsed !== true){\n\n\t\t@if(dadosLinha.isFullLine?.visible){\n\n\t\t<!-- DESKTOP FULL LINE (COLSPAN HORIZONTAL) -->\n\t\t@if(hasVerticalLine()){\n\t\t<!-- DESKTOP HEADER VERTICAL FULL LINE -->\n\t\t<div class=\"table-header table-formated table-vertical-line\">\n\t\t\t{{ dadosLinha.ordem }}\n\t\t</div>\n\t\t}\n\t\t<!-- DESKTOP GRUPO: ROW -->\n\t\t@if(dadosLinha.isGroup){\n\n\t\t<div class=\"table-row table-formated table-group table-border-bottom-card\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<div class=\"table-group-name\" [class.table-inativo]=\"dadosLinha.inativo\">\n\t\t\t\t<lib-grid-cell-handler class=\"table-item table-dados {{ colAgrupadoAtual()?.classeCell }}\"\n\t\t\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"colAgrupadoAtual()!\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t\t\t[localColunas]=\"colunasDefinidas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t\t</div>\n\t\t\t<ui-button tipo=\"nofill\" (click)=\"onClickGroup(dadosLinha)\">\n\t\t\t\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t\t\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t\t\t\t<div class=\"table-group-items-ico\">\n\t\t\t\t\t\t<i [class]=\"dadosLinha.isFullLine?.colapsed ? 'bi bi-caret-down-fill' : 'bi bi-caret-down'\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ui-button>\n\t\t</div>\n\n\t\t} @else {\n\t\t<div class=\"table-row table-formated table-others\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\tNada a exibir nesta linha\n\t\t</div>\n\t\t}\n\n\t\t} @else {\n\n\t\t<!-- LINHA NORMAL via GridRowRenderer -->\n\t\t<lib-grid-row-renderer [dadosLinha]=\"dadosLinha\" [config]=\"config()\" [colunas]=\"colunasExibir()\"\n\t\t\t[colunasOrdenadas]=\"colunasOrdenadas()\" [lista]=\"lista()!\" [inputSearchText]=\"inputSearchText()\"\n\t\t\t[hasSeletor]=\"hasSeletor()\" [hasVerticalLine]=\"hasVerticalLine()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[hasGrid]=\"hasGrid()\" [rowIndex]=\"i\" (actionTriggered)=\"onClickCellAction($event)\"\n\t\t\t(rowClicked)=\"onClickRow($event)\">\n\t\t</lib-grid-row-renderer>\n\n\t\t}}\n\n\t\t<!-- POSSIBILIDADES SEM DADOS -->\n\t\t} @empty {\n\n\t\t<!-- ERRO -->\n\t\t@if(config().hasError) {\n\t\t<div class=\"table-row table-formated table-errors\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridError]\"></ng-content>\n\t\t</div>\n\n\t\t<!-- LOADING -->\n\t\t} @else if(!config().isLoaded) {\n\t\t<div class=\"table-row table-formated table-loader\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridLoading]\"></ng-content>\n\t\t</div>\n\n\t\t} @else {\n\n\t\t<div class=\"table-row table-empty\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<lib-grid-empty-list></lib-grid-empty-list>\n\t\t</div>\n\t\t}\n\n\t\t}\n\n\t\t<!-- FIM DA LINHA NORMAL -->\n\n\n\t</div>\n</div>\n<!-- DESKTOP FIM -->\n}\n\n\n@if(config().showPagination){\n<lib-grid-pagination [paginacao]=\"paginacaoSignal()\" [totalPaginas]=\"totalPaginas()\"\n\t(pageChange)=\"irParaPagina($event)\">\n</lib-grid-pagination>\n}\n\n\n\n\n@if(config().showInfoBar){\n<!-- Informa\u00E7\u00F5es de Ordena\u00E7\u00E3o -->\n@if (ordenacoesSignal().length > 0) {\n<div class=\"table-info-row table-styles\">\n\t@if (ordenacoesSignal().length > 0) {\n\t<div>Ordenado por: {{ getOrdenacaoTexto() }}</div>\n\t}\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClickClearInfo()\" icone=\"bi bi-x-lg\"></ui-button>\n</div>\n}\n<!-- Informa\u00E7\u00F5es de Agrupamento -->\n@if (this.isAgrupado()) {\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-object-group\"></i>\n\t<div class=\"flex flex-wrap gap-1 f-t-b\">\n\t\tAgrupado por {{ colAgrupadoAtual()?.titulo }} (h\u00E1 {{ gruposEncontrados.itens.size }} grupos)\n\t\t<div class=\"campoSemForm\">\n\t\t\t<ui-select [value]=\"colAgrupadoAtual()?.prop\" [options]=\"this.colunasKVDefinidas()\"\n\t\t\t\t(changed)=\"onChangedAgrupamento($event)\"></ui-select>\n\t\t</div>\n\n\t</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\tRecolher Todos\n\t</ui-button>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\tExpandir Todos\n\t</ui-button>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\">\n\t\tDesagrupar\n\t</ui-button>\n</div>\n}\n}\n\n\n@if(devMode){\n<!-- MODO DESENVOLVIMENTO -->\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-microscope\"></i>\n\t<div>Fun\u00E7\u00F5es extras</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasGrid()\" (click)=\"onChangeHasGrid()\" icone='bi bi-grid-3x3'\n\t\ttitle=\"Grid\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"isCompacted()\" (click)=\"onChangeCompacted()\"\n\t\ticone='fa fa-arrows-to-circle' title=\"Compactar\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasVerticalLine()\" (click)=\"onChangeLineNumber()\"\n\t\ticone='bi bi-layout-sidebar' title=\"Linha Vertical\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasSeletor()\" (click)=\"onChangeSeletor()\" icone='fa fa-check-double'\n\t\ttitle=\"Seletor\"></ui-button>\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;margin-top:10px;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item:last-child{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { lista: [{ type: i0.Input, args: [{ isSignal: true, alias: "lista", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], filtro: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtro", required: false }] }], minLineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLineHeight", required: false }] }, { type: i0.Output, args: ["minLineHeightChange"] }], isCompacted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompacted", required: false }] }, { type: i0.Output, args: ["isCompactedChange"] }], hasGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasGrid", required: false }] }, { type: i0.Output, args: ["hasGridChange"] }], hasVerticalLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasVerticalLine", required: false }] }, { type: i0.Output, args: ["hasVerticalLineChange"] }], hasSeletor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSeletor", required: false }] }, { type: i0.Output, args: ["hasSeletorChange"] }], gridSize: [{ type: i0.ViewChild, args: ['gridSize', { ...{ read: ElementRef }, isSignal: true }] }], gridfiltro: [{ type: i0.ViewChild, args: ['gridfiltro', { ...{ read: ElementRef }, isSignal: true }] }], filterContainer: [{ type: i0.ViewChild, args: ['filterContainer', { ...{ read: ElementRef }, isSignal: true }] }] } });
+
+class GridCell {
+    params;
+    _masterCellService;
+    constructor(inputToken, legacyInput) {
+        const input = inputToken ?? legacyInput ?? undefined;
+        this.params = signal(input, ...(ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []));
+        this._masterCellService = input?.servicoParams;
+        if (this._masterCellService) {
+            effect(() => { this.params.set(this._masterCellService?.gridParams() ?? input); });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCell, deps: [{ token: GRID_PARAMS_TOKEN, optional: true }, { token: 'GRID_PARAMS', optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: GridCell, isStandalone: true, selector: "lib-grid-cell", ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GridCell, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-grid-cell',
+                    template: '',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [GRID_PARAMS_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['GRID_PARAMS']
+                }] }] });
+
 // Tipos mais específicos, enuns, interfaces e funções uteis.
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-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 { BaseFieldsForm, BaseFieldsValues, CampoDe, FieldsGeneric, FiltroDe, FormAction, FormFilter, FormNoAction, FormatedValues, Formulario, GRID_PARAMS_TOKEN, GridCell, IField, IGridFilterType, IRegraTipo, LibUtil, MkGrid, PAGINATION_OPTIONS, Regra, ScreenMode, SingleValues, UiButton, UiCheckBox, UiChip, UiDropZone, UiFileList, UiListErrors, UiLoading, UiMenu, UiProcurar, UiProgress, UiSelect, UiSlide };
 //# sourceMappingURL=masterkeymaterial-ui.mjs.map