keevo-components 2.0.291 → 2.0.293

package/fesm2022/keevo-components.mjs

@@ -5138,7 +5138,16 @@ class KvEditorQuillService {
         return Promise.all(promises).then(() => { });
     }
     getQuill() {
-        return Quill.import ? Quill : Quill.default;
+        // Tenta importação direta (Classe na maioria dos ambientes ESM)
+        if (typeof Quill.register === 'function') {
+            return Quill;
+        }
+        // Tenta .default (Classe em alguns bundles Webpack/CommonJS)
+        if (Quill.default && typeof Quill.default.register === 'function') {
+            return Quill.default;
+        }
+        // Fallback para o que estiver disponível
+        return Quill.default || Quill;
     }
     /**
      * Registra os formatos personalizados do Quill
@@ -5181,7 +5190,7 @@ class KvEditorQuillService {
                 };
             }
         }
-        Quill.register(VariavelBlot, true);
+        quillClass.register(VariavelBlot, true);
     }
     /**
      * Cria uma instância do Quill com a configuração fornecida
@@ -5383,7 +5392,14 @@ class KvEditorMentionService {
                        class="variavel-inserida" 
                        title="${variable.descricao}">${variable.descricao}</span>&nbsp;`;
         const insertedTextLength = variable.descricao.length + 1;
-        const Delta = Quill.import('delta');
+        // Normalização robusta do Quill
+        let quillClass = Quill;
+        if (typeof quillClass.register !== 'function') {
+            if (quillClass.default && typeof quillClass.default.register === 'function') {
+                quillClass = quillClass.default;
+            }
+        }
+        const Delta = quillClass.import('delta');
         const insertionDelta = quill.clipboard.convert({ html: variableHtml });
         quill.updateContents(new Delta()
             .retain(startIndex)
@@ -5905,11 +5921,18 @@ class KvEditorComponent extends BaseComponentInput {
         });
     }
     get quillClass() {
-        return Quill.import ? Quill : Quill.default;
+        // Normalização robusta do Quill
+        let quillClass = Quill;
+        if (typeof quillClass.register !== 'function') {
+            if (quillClass.default && typeof quillClass.default.register === 'function') {
+                quillClass = quillClass.default;
+            }
+        }
+        return quillClass;
     }
     get quillDelta() {
         const q = this.quillClass;
-        return q.import ? q.import('delta') : q.Delta;
+        return q.import ? q.import('delta') : (q.Delta || q.default?.Delta);
     }
     toggleFullscreen() {
         this.isFullscreen.update(v => !v);
@@ -12572,6 +12595,7 @@ class KvTableViewerComponent {
         this.selectableTable = input(true);
         this.showHeader = input(true);
         this.showHeaderTemplate = input(false);
+        this.showHeaderBetweenTemplate = input(false);
         this.tableViewerSize = input('col-8');
         this.searchInput = input(true);
         this.filterButton = input(true);
@@ -12761,7 +12785,7 @@ class KvTableViewerComponent {
         this.removeOverlay();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableViewerComponent, isStandalone: true, selector: "kv-table-viewer", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, actionsRow: { classPropertyName: "actionsRow", publicName: "actionsRow", isSignal: true, isRequired: false, transformFunction: null }, actionsHeader: { classPropertyName: "actionsHeader", publicName: "actionsHeader", isSignal: true, isRequired: false, transformFunction: null }, actionsLote: { classPropertyName: "actionsLote", publicName: "actionsLote", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: true, isRequired: false, transformFunction: null }, currentPageReportTemplate: { classPropertyName: "currentPageReportTemplate", publicName: "currentPageReportTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectionPageOnly: { classPropertyName: "selectionPageOnly", publicName: "selectionPageOnly", isSignal: true, isRequired: false, transformFunction: null }, selectableTable: { classPropertyName: "selectableTable", publicName: "selectableTable", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, showHeaderTemplate: { classPropertyName: "showHeaderTemplate", publicName: "showHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null }, tableViewerSize: { classPropertyName: "tableViewerSize", publicName: "tableViewerSize", isSignal: true, isRequired: false, transformFunction: null }, searchInput: { classPropertyName: "searchInput", publicName: "searchInput", isSignal: true, isRequired: false, transformFunction: null }, filterButton: { classPropertyName: "filterButton", publicName: "filterButton", isSignal: true, isRequired: false, transformFunction: null }, idName: { classPropertyName: "idName", publicName: "idName", isSignal: true, isRequired: false, transformFunction: null }, emptyTableImg: { classPropertyName: "emptyTableImg", publicName: "emptyTableImg", isSignal: true, isRequired: false, transformFunction: null }, isSelectedPrimaryItem: { classPropertyName: "isSelectedPrimaryItem", publicName: "isSelectedPrimaryItem", isSignal: true, isRequired: false, transformFunction: null }, _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onClickRowItem: "onClickRowItem", onSelectItems: "onSelectItems", onSearch: "onSearch", onSort: "onSort", onCheckboxSelectable: "onCheckboxSelectable", onCheckboxUnselectable: "onCheckboxUnselectable" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "op", first: true, predicate: ["op"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"h-full flex flex-row p-2 kv-table-viewer overflow-hidden {{\r\n    isEmptyTable() ? 'empty-table' : ''\r\n  }}\"\r\n>\r\n  @if (!isMobile() || selectedItem()) {\r\n    <div\r\n      class=\"h-full {{ handleTableSize() }} m-0 p-0 flex flex-column gap-2\"\r\n      [style.transition]=\"'all 0.3s ease-in-out'\"\r\n    >\r\n      @if (showHeaderTemplate()) {\r\n        <div>\r\n          <ng-content select=\"[tableHeaderTemplate]\"> </ng-content>\r\n        </div>\r\n      }\r\n\r\n      <div\r\n        class=\"flex flex-row align-items-center justify-content-between flex-initial\"\r\n      >\r\n        <div class=\"flex flex-row align-items-center gap-2\">\r\n          @if (searchInput()) {\r\n            <input\r\n              style=\"height: 1.875rem\"\r\n              placeholder=\"Pesquisar...\"\r\n              type=\"text\"\r\n              pInputText\r\n              [(ngModel)]=\"searchValue\"\r\n              class=\"text-xs\"\r\n            />\r\n          }\r\n          @if (filterButton()) {\r\n            <kv-button\r\n              label=\"Filtrar\"\r\n              icon=\"filter_alt\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"toggleOverlayPanel($event)\"\r\n            ></kv-button>\r\n          }\r\n\r\n          <p-overlayPanel #op [dismissable]=\"false\">\r\n            <ng-content select=\"[filtro]\"> </ng-content>\r\n          </p-overlayPanel>\r\n        </div>\r\n        <div class=\"flex flex-row gap-2\">\r\n          @if (actionsHeader()) {\r\n            @for (action of actionsHeader(); track $index) {\r\n              <kv-button\r\n                [icon]=\"action?.icon || ''\"\r\n                [label]=\"action?.label || ''\"\r\n                [severity]=\"action['severity'] || 'tertiary'\"\r\n                (onClick)=\"action?.command($event)\"\r\n                [popupIcon]=\"false\"\r\n                [items]=\"action.items || []\"\r\n                [popup]=\"isPopupButton()(action)\"\r\n                [pTooltip]=\"action?.tooltip\"\r\n              ></kv-button>\r\n            }\r\n          }\r\n          @if (selectedItem()) {\r\n            <kv-button\r\n              [pTooltip]=\"'Recolher'\"\r\n              icon=\"reorder\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            ></kv-button>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"flex-1 h-full overflow-hidden\">\r\n        <p-table\r\n          [value]=\"data()\"\r\n          [lazy]=\"lazy()\"\r\n          [selectionPageOnly]=\"selectionPageOnly()\"\r\n          [columns]=\"columns()\"\r\n          [paginator]=\"paginator()\"\r\n          [rows]=\"rows()\"\r\n          [totalRecords]=\"totalRecords()\"\r\n          [loading]=\"loading()\"\r\n          [pageLinks]=\"pageLinks()\"\r\n          [first]=\"first()\"\r\n          [scrollable]=\"scrollable()\"\r\n          scrollHeight=\"flex\"\r\n          [showCurrentPageReport]=\"true\"\r\n          [currentPageReportTemplate]=\"currentPageReportTemplate()\"\r\n          (onPage)=\"handlePageChange($event)\"\r\n          (onSort)=\"handleSort($event)\"\r\n          [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n          (onRowSelect)=\"onCheckboxSelect($event)\"\r\n          (onRowUnselect)=\"onCheckboxUnselect($event)\"\r\n          [(selection)]=\"selectedItems\"\r\n          styleClass=\"p-datatable-sm text-xs overflow-y-auto h-full flex flex-column h-full\"\r\n        >\r\n          @if (showHeader()) {\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr>\r\n                @if (selectableTable()) {\r\n                  <th style=\"width: 4rem\"><p-tableHeaderCheckbox /></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  <th\r\n                    [pSortableColumn]=\"col.field\"\r\n                    [pSortableColumnDisabled]=\"!col?.sortable\"\r\n                    [style]=\"{ width: col.width || 'auto' }\"\r\n                  >\r\n                    <div class=\"flex flex-row align-items-center gap-1\">\r\n                      <span>{{ col.header }}</span>\r\n                      @if (col.sortable) {\r\n                        <p-sortIcon\r\n                          [field]=\"col.field\"\r\n                          class=\"pb-1\"\r\n                        ></p-sortIcon>\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                }\r\n              </tr>\r\n            </ng-template>\r\n          }\r\n\r\n          <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr\r\n              class=\"cursor-pointer hover:bg-bluegray-100\"\r\n              [ngClass]=\"{\r\n                'bg-bluegray-50':\r\n                  rowData == selectedItem() || verifyItemSelecionado()(rowData),\r\n              }\"\r\n            >\r\n              @if (selectableTable()) {\r\n                <td>\r\n                  <p-tableCheckbox [value]=\"rowData\" />\r\n                </td>\r\n              }\r\n              @for (col of columns; track col.field) {\r\n                <td (click)=\"rowSelect(rowData)\" style=\"word-break: break-all\">\r\n                  @if (col?.template) {\r\n                    <div class=\"flex flex-row gap-2 align-items-center\">\r\n                      @if (getCustomTemplate()(col.template.name)) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"\r\n                            getCustomTemplate()(col.template.name)\r\n                          \"\r\n                          [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                        />\r\n                      }\r\n                    </div>\r\n                  } @else if (col?.icon) {\r\n                    <span class=\"material-symbols-outlined text-lg\">\r\n                      {{ col.icon(rowData) }}\r\n                    </span>\r\n                  } @else if (col?.tag) {\r\n                    <kv-tags [tags]=\"[col.tag(rowData)]\" />\r\n                  } @else {\r\n                    <span\r\n                      [ngClass]=\"{\r\n                        'font-semibold': rowData == selectedItem(),\r\n                      }\"\r\n                    >\r\n                      {{ transformData()(col.pipe, rowData[col.field]) }}\r\n                    </span>\r\n                  }\r\n                </td>\r\n              }\r\n            </tr>\r\n          </ng-template>\r\n\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"returnColspan()\">\r\n                <div\r\n                  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n                >\r\n                  <img [src]=\"emptyTableImg()\" class=\"h-10rem w-auto\" />\r\n                </div>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    class=\"shadow-2 p-0 m-0 col selected-item-field ml-2 flex flex-column\"\r\n    [@slideInOut]=\"isRowSelected() ? 'i.n' : 'out'\"\r\n    [style.overflow]=\"'hidden'\"\r\n  >\r\n    <!-- @if(hasSelectedItems()) {\r\n    <actions-lote-field\r\n      class=\"h-full\"\r\n      [selectedItems]=\"selectedItems()\"\r\n      [actionsLote]=\"actionsLote()\"\r\n    />\r\n    } @else -->\r\n    @if (showSelectedItem()) {\r\n      <div class=\"bg-bluegray-50 w-full h-auto p-2 relative\">\r\n        @if (hasActionsRow()) {\r\n          <actions-row-menu [actionsRow]=\"actionsRow()\" />\r\n        }\r\n\r\n        @if (isMobile()) {\r\n          <div class=\"h-2rem w-2rem\">\r\n            <kv-button\r\n              icon=\"arrow_back\"\r\n              severity=\"tertiary\"\r\n              [pTooltip]=\"'Voltar'\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        <ng-content select=\"[selectedItemHeader]\"></ng-content>\r\n      </div>\r\n      <div class=\"p-2 overflow-y-auto h-full\">\r\n        <ng-content select=\"[selectedItem]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- @else { Nenhum item selecionado } -->\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .filter-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:1299}::ng-deep .p-overlaypanel{z-index:1400!important}::ng-deep .kv-table-viewer .p-datatable-wrapper{overflow-x:hidden}::ng-deep .kv-table-viewer .p-paginator .p-paginator-pages .p-paginator-page{font-size:.75rem;min-width:2rem;height:2rem}::ng-deep .kv-table-viewer .p-paginator .p-paginator-current{font-size:.75rem}::ng-deep .kv-table-viewer .p-inputwrapper .p-dropdown{margin:0;height:auto}::ng-deep .p-paginator-rpp-options .p-dropdown-panel .p-dropdown-items{padding:.25rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item{border-radius:.25rem;height:1.5rem;display:flex;align-items:center;justify-content:center}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-label{padding:.5rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-trigger{width:1.5rem}::ng-deep .p-paginator-bottom .p-link{min-width:2rem;height:2rem}::ng-deep .p-paginator{padding:0rem}::ng-deep .p-dropdown-label{font-size:.75rem}::ng-deep .empty-table .p-datatable-table{height:100%}::ng-deep .p-menu{padding:.25rem}::ng-deep .p-menu-list .p-menuitem .p-menuitem-content .p-menuitem-link{font-size:.75rem;padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5$2.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i14.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i14.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: KvInputsModule }, { kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup", "popupIcon"], outputs: ["iconChange", "onClick"] }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i9$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: KvTagsModule }, { kind: "component", type: KvTagsComponent, selector: "kv-tags", inputs: ["tags", "hover", "clickable"], outputs: ["onClickTag"] }, { kind: "ngmodule", type: TieredMenuModule }, { kind: "component", type: ActionsRowMenuComponent, selector: "actions-row-menu", inputs: ["actionsRow"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableViewerComponent, isStandalone: true, selector: "kv-table-viewer", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, actionsRow: { classPropertyName: "actionsRow", publicName: "actionsRow", isSignal: true, isRequired: false, transformFunction: null }, actionsHeader: { classPropertyName: "actionsHeader", publicName: "actionsHeader", isSignal: true, isRequired: false, transformFunction: null }, actionsLote: { classPropertyName: "actionsLote", publicName: "actionsLote", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: true, isRequired: false, transformFunction: null }, currentPageReportTemplate: { classPropertyName: "currentPageReportTemplate", publicName: "currentPageReportTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectionPageOnly: { classPropertyName: "selectionPageOnly", publicName: "selectionPageOnly", isSignal: true, isRequired: false, transformFunction: null }, selectableTable: { classPropertyName: "selectableTable", publicName: "selectableTable", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, showHeaderTemplate: { classPropertyName: "showHeaderTemplate", publicName: "showHeaderTemplate", isSignal: true, isRequired: false, transformFunction: null }, showHeaderBetweenTemplate: { classPropertyName: "showHeaderBetweenTemplate", publicName: "showHeaderBetweenTemplate", isSignal: true, isRequired: false, transformFunction: null }, tableViewerSize: { classPropertyName: "tableViewerSize", publicName: "tableViewerSize", isSignal: true, isRequired: false, transformFunction: null }, searchInput: { classPropertyName: "searchInput", publicName: "searchInput", isSignal: true, isRequired: false, transformFunction: null }, filterButton: { classPropertyName: "filterButton", publicName: "filterButton", isSignal: true, isRequired: false, transformFunction: null }, idName: { classPropertyName: "idName", publicName: "idName", isSignal: true, isRequired: false, transformFunction: null }, emptyTableImg: { classPropertyName: "emptyTableImg", publicName: "emptyTableImg", isSignal: true, isRequired: false, transformFunction: null }, isSelectedPrimaryItem: { classPropertyName: "isSelectedPrimaryItem", publicName: "isSelectedPrimaryItem", isSignal: true, isRequired: false, transformFunction: null }, _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onClickRowItem: "onClickRowItem", onSelectItems: "onSelectItems", onSearch: "onSearch", onSort: "onSort", onCheckboxSelectable: "onCheckboxSelectable", onCheckboxUnselectable: "onCheckboxUnselectable" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "op", first: true, predicate: ["op"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"h-full flex flex-row p-2 kv-table-viewer overflow-hidden {{\r\n    isEmptyTable() ? 'empty-table' : ''\r\n  }}\"\r\n>\r\n  @if (!isMobile() || selectedItem()) {\r\n    <div\r\n      class=\"h-full {{ handleTableSize() }} m-0 p-0 flex flex-column gap-2\"\r\n      [style.transition]=\"'all 0.3s ease-in-out'\"\r\n    >\r\n      @if (showHeaderTemplate()) {\r\n        <div>\r\n          <ng-content select=\"[tableHeaderTemplate]\"> </ng-content>\r\n        </div>\r\n      }\r\n\r\n      <div\r\n        class=\"flex flex-row align-items-center justify-content-between flex-initial\"\r\n      >\r\n        <div class=\"flex flex-row align-items-center gap-2\">\r\n          @if (searchInput()) {\r\n            <input\r\n              style=\"height: 1.875rem\"\r\n              placeholder=\"Pesquisar...\"\r\n              type=\"text\"\r\n              pInputText\r\n              [(ngModel)]=\"searchValue\"\r\n              class=\"text-xs\"\r\n            />\r\n          }\r\n          @if (filterButton()) {\r\n            <kv-button\r\n              label=\"Filtrar\"\r\n              icon=\"filter_alt\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"toggleOverlayPanel($event)\"\r\n            ></kv-button>\r\n          }\r\n\r\n          @if (showHeaderBetweenTemplate()) {\r\n            <div>\r\n              <ng-content select=\"[tableHeaderBetweenTemplate]\"> </ng-content>\r\n            </div>\r\n          }\r\n\r\n          <p-overlayPanel #op [dismissable]=\"false\">\r\n            <ng-content select=\"[filtro]\"> </ng-content>\r\n          </p-overlayPanel>\r\n        </div>\r\n        <div class=\"flex flex-row gap-2\">\r\n          @if (actionsHeader()) {\r\n            @for (action of actionsHeader(); track $index) {\r\n              <kv-button\r\n                [icon]=\"action?.icon || ''\"\r\n                [label]=\"action?.label || ''\"\r\n                [severity]=\"action['severity'] || 'tertiary'\"\r\n                (onClick)=\"action?.command($event)\"\r\n                [popupIcon]=\"false\"\r\n                [items]=\"action.items || []\"\r\n                [popup]=\"isPopupButton()(action)\"\r\n                [pTooltip]=\"action?.tooltip\"\r\n              ></kv-button>\r\n            }\r\n          }\r\n          @if (selectedItem()) {\r\n            <kv-button\r\n              [pTooltip]=\"'Recolher'\"\r\n              icon=\"reorder\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            ></kv-button>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"flex-1 h-full overflow-hidden\">\r\n        <p-table\r\n          [value]=\"data()\"\r\n          [lazy]=\"lazy()\"\r\n          [selectionPageOnly]=\"selectionPageOnly()\"\r\n          [columns]=\"columns()\"\r\n          [paginator]=\"paginator()\"\r\n          [rows]=\"rows()\"\r\n          [totalRecords]=\"totalRecords()\"\r\n          [loading]=\"loading()\"\r\n          [pageLinks]=\"pageLinks()\"\r\n          [first]=\"first()\"\r\n          [scrollable]=\"scrollable()\"\r\n          scrollHeight=\"flex\"\r\n          [showCurrentPageReport]=\"true\"\r\n          [currentPageReportTemplate]=\"currentPageReportTemplate()\"\r\n          (onPage)=\"handlePageChange($event)\"\r\n          (onSort)=\"handleSort($event)\"\r\n          [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n          (onRowSelect)=\"onCheckboxSelect($event)\"\r\n          (onRowUnselect)=\"onCheckboxUnselect($event)\"\r\n          [(selection)]=\"selectedItems\"\r\n          styleClass=\"p-datatable-sm text-xs overflow-y-auto h-full flex flex-column h-full\"\r\n        >\r\n          @if (showHeader()) {\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr>\r\n                @if (selectableTable()) {\r\n                  <th style=\"width: 4rem\"><p-tableHeaderCheckbox /></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  <th\r\n                    [pSortableColumn]=\"col.field\"\r\n                    [pSortableColumnDisabled]=\"!col?.sortable\"\r\n                    [style]=\"{ width: col.width || 'auto' }\"\r\n                  >\r\n                    <div class=\"flex flex-row align-items-center gap-1\">\r\n                      <span>{{ col.header }}</span>\r\n                      @if (col.sortable) {\r\n                        <p-sortIcon\r\n                          [field]=\"col.field\"\r\n                          class=\"pb-1\"\r\n                        ></p-sortIcon>\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                }\r\n              </tr>\r\n            </ng-template>\r\n          }\r\n\r\n          <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr\r\n              class=\"cursor-pointer hover:bg-bluegray-100\"\r\n              [ngClass]=\"{\r\n                'bg-bluegray-50':\r\n                  rowData == selectedItem() || verifyItemSelecionado()(rowData),\r\n              }\"\r\n            >\r\n              @if (selectableTable()) {\r\n                <td>\r\n                  <p-tableCheckbox [value]=\"rowData\" />\r\n                </td>\r\n              }\r\n              @for (col of columns; track col.field) {\r\n                <td (click)=\"rowSelect(rowData)\" style=\"word-break: break-all\">\r\n                  @if (col?.template) {\r\n                    <div class=\"flex flex-row gap-2 align-items-center\">\r\n                      @if (getCustomTemplate()(col.template.name)) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"\r\n                            getCustomTemplate()(col.template.name)\r\n                          \"\r\n                          [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                        />\r\n                      }\r\n                    </div>\r\n                  } @else if (col?.icon) {\r\n                    <span class=\"material-symbols-outlined text-lg\">\r\n                      {{ col.icon(rowData) }}\r\n                    </span>\r\n                  } @else if (col?.tag) {\r\n                    <kv-tags [tags]=\"[col.tag(rowData)]\" />\r\n                  } @else {\r\n                    <span\r\n                      [ngClass]=\"{\r\n                        'font-semibold': rowData == selectedItem(),\r\n                      }\"\r\n                    >\r\n                      {{ transformData()(col.pipe, rowData[col.field]) }}\r\n                    </span>\r\n                  }\r\n                </td>\r\n              }\r\n            </tr>\r\n          </ng-template>\r\n\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"returnColspan()\">\r\n                <div\r\n                  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n                >\r\n                  <img [src]=\"emptyTableImg()\" class=\"h-10rem w-auto\" />\r\n                </div>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    class=\"shadow-2 p-0 m-0 col selected-item-field ml-2 flex flex-column\"\r\n    [@slideInOut]=\"isRowSelected() ? 'i.n' : 'out'\"\r\n    [style.overflow]=\"'hidden'\"\r\n  >\r\n    <!-- @if(hasSelectedItems()) {\r\n    <actions-lote-field\r\n      class=\"h-full\"\r\n      [selectedItems]=\"selectedItems()\"\r\n      [actionsLote]=\"actionsLote()\"\r\n    />\r\n    } @else -->\r\n    @if (showSelectedItem()) {\r\n      <div class=\"bg-bluegray-50 w-full h-auto p-2 relative\">\r\n        @if (hasActionsRow()) {\r\n          <actions-row-menu [actionsRow]=\"actionsRow()\" />\r\n        }\r\n\r\n        @if (isMobile()) {\r\n          <div class=\"h-2rem w-2rem\">\r\n            <kv-button\r\n              icon=\"arrow_back\"\r\n              severity=\"tertiary\"\r\n              [pTooltip]=\"'Voltar'\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        <ng-content select=\"[selectedItemHeader]\"></ng-content>\r\n      </div>\r\n      <div class=\"p-2 overflow-y-auto h-full\">\r\n        <ng-content select=\"[selectedItem]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- @else { Nenhum item selecionado } -->\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .filter-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:1299}::ng-deep .p-overlaypanel{z-index:1400!important}::ng-deep .kv-table-viewer .p-datatable-wrapper{overflow-x:hidden}::ng-deep .kv-table-viewer .p-paginator .p-paginator-pages .p-paginator-page{font-size:.75rem;min-width:2rem;height:2rem}::ng-deep .kv-table-viewer .p-paginator .p-paginator-current{font-size:.75rem}::ng-deep .kv-table-viewer .p-inputwrapper .p-dropdown{margin:0;height:auto}::ng-deep .p-paginator-rpp-options .p-dropdown-panel .p-dropdown-items{padding:.25rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item{border-radius:.25rem;height:1.5rem;display:flex;align-items:center;justify-content:center}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-label{padding:.5rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-trigger{width:1.5rem}::ng-deep .p-paginator-bottom .p-link{min-width:2rem;height:2rem}::ng-deep .p-paginator{padding:0rem}::ng-deep .p-dropdown-label{font-size:.75rem}::ng-deep .empty-table .p-datatable-table{height:100%}::ng-deep .p-menu{padding:.25rem}::ng-deep .p-menu-list .p-menuitem .p-menuitem-content .p-menuitem-link{font-size:.75rem;padding:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5$2.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i14.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i14.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: KvInputsModule }, { kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup", "popupIcon"], outputs: ["iconChange", "onClick"] }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i9$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: KvTagsModule }, { kind: "component", type: KvTagsComponent, selector: "kv-tags", inputs: ["tags", "hover", "clickable"], outputs: ["onClickTag"] }, { kind: "ngmodule", type: TieredMenuModule }, { kind: "component", type: ActionsRowMenuComponent, selector: "actions-row-menu", inputs: ["actionsRow"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [
             trigger('slideInOut', [
                 state('in', style({
                     width: '*',
@@ -12810,7 +12834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                             transition('out => in', [animate('300ms ease-in-out')]),
                             transition('in => out', [animate('200ms ease-in-out')]),
                         ]),
-                    ], template: "<div\r\n  class=\"h-full flex flex-row p-2 kv-table-viewer overflow-hidden {{\r\n    isEmptyTable() ? 'empty-table' : ''\r\n  }}\"\r\n>\r\n  @if (!isMobile() || selectedItem()) {\r\n    <div\r\n      class=\"h-full {{ handleTableSize() }} m-0 p-0 flex flex-column gap-2\"\r\n      [style.transition]=\"'all 0.3s ease-in-out'\"\r\n    >\r\n      @if (showHeaderTemplate()) {\r\n        <div>\r\n          <ng-content select=\"[tableHeaderTemplate]\"> </ng-content>\r\n        </div>\r\n      }\r\n\r\n      <div\r\n        class=\"flex flex-row align-items-center justify-content-between flex-initial\"\r\n      >\r\n        <div class=\"flex flex-row align-items-center gap-2\">\r\n          @if (searchInput()) {\r\n            <input\r\n              style=\"height: 1.875rem\"\r\n              placeholder=\"Pesquisar...\"\r\n              type=\"text\"\r\n              pInputText\r\n              [(ngModel)]=\"searchValue\"\r\n              class=\"text-xs\"\r\n            />\r\n          }\r\n          @if (filterButton()) {\r\n            <kv-button\r\n              label=\"Filtrar\"\r\n              icon=\"filter_alt\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"toggleOverlayPanel($event)\"\r\n            ></kv-button>\r\n          }\r\n\r\n          <p-overlayPanel #op [dismissable]=\"false\">\r\n            <ng-content select=\"[filtro]\"> </ng-content>\r\n          </p-overlayPanel>\r\n        </div>\r\n        <div class=\"flex flex-row gap-2\">\r\n          @if (actionsHeader()) {\r\n            @for (action of actionsHeader(); track $index) {\r\n              <kv-button\r\n                [icon]=\"action?.icon || ''\"\r\n                [label]=\"action?.label || ''\"\r\n                [severity]=\"action['severity'] || 'tertiary'\"\r\n                (onClick)=\"action?.command($event)\"\r\n                [popupIcon]=\"false\"\r\n                [items]=\"action.items || []\"\r\n                [popup]=\"isPopupButton()(action)\"\r\n                [pTooltip]=\"action?.tooltip\"\r\n              ></kv-button>\r\n            }\r\n          }\r\n          @if (selectedItem()) {\r\n            <kv-button\r\n              [pTooltip]=\"'Recolher'\"\r\n              icon=\"reorder\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            ></kv-button>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"flex-1 h-full overflow-hidden\">\r\n        <p-table\r\n          [value]=\"data()\"\r\n          [lazy]=\"lazy()\"\r\n          [selectionPageOnly]=\"selectionPageOnly()\"\r\n          [columns]=\"columns()\"\r\n          [paginator]=\"paginator()\"\r\n          [rows]=\"rows()\"\r\n          [totalRecords]=\"totalRecords()\"\r\n          [loading]=\"loading()\"\r\n          [pageLinks]=\"pageLinks()\"\r\n          [first]=\"first()\"\r\n          [scrollable]=\"scrollable()\"\r\n          scrollHeight=\"flex\"\r\n          [showCurrentPageReport]=\"true\"\r\n          [currentPageReportTemplate]=\"currentPageReportTemplate()\"\r\n          (onPage)=\"handlePageChange($event)\"\r\n          (onSort)=\"handleSort($event)\"\r\n          [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n          (onRowSelect)=\"onCheckboxSelect($event)\"\r\n          (onRowUnselect)=\"onCheckboxUnselect($event)\"\r\n          [(selection)]=\"selectedItems\"\r\n          styleClass=\"p-datatable-sm text-xs overflow-y-auto h-full flex flex-column h-full\"\r\n        >\r\n          @if (showHeader()) {\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr>\r\n                @if (selectableTable()) {\r\n                  <th style=\"width: 4rem\"><p-tableHeaderCheckbox /></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  <th\r\n                    [pSortableColumn]=\"col.field\"\r\n                    [pSortableColumnDisabled]=\"!col?.sortable\"\r\n                    [style]=\"{ width: col.width || 'auto' }\"\r\n                  >\r\n                    <div class=\"flex flex-row align-items-center gap-1\">\r\n                      <span>{{ col.header }}</span>\r\n                      @if (col.sortable) {\r\n                        <p-sortIcon\r\n                          [field]=\"col.field\"\r\n                          class=\"pb-1\"\r\n                        ></p-sortIcon>\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                }\r\n              </tr>\r\n            </ng-template>\r\n          }\r\n\r\n          <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr\r\n              class=\"cursor-pointer hover:bg-bluegray-100\"\r\n              [ngClass]=\"{\r\n                'bg-bluegray-50':\r\n                  rowData == selectedItem() || verifyItemSelecionado()(rowData),\r\n              }\"\r\n            >\r\n              @if (selectableTable()) {\r\n                <td>\r\n                  <p-tableCheckbox [value]=\"rowData\" />\r\n                </td>\r\n              }\r\n              @for (col of columns; track col.field) {\r\n                <td (click)=\"rowSelect(rowData)\" style=\"word-break: break-all\">\r\n                  @if (col?.template) {\r\n                    <div class=\"flex flex-row gap-2 align-items-center\">\r\n                      @if (getCustomTemplate()(col.template.name)) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"\r\n                            getCustomTemplate()(col.template.name)\r\n                          \"\r\n                          [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                        />\r\n                      }\r\n                    </div>\r\n                  } @else if (col?.icon) {\r\n                    <span class=\"material-symbols-outlined text-lg\">\r\n                      {{ col.icon(rowData) }}\r\n                    </span>\r\n                  } @else if (col?.tag) {\r\n                    <kv-tags [tags]=\"[col.tag(rowData)]\" />\r\n                  } @else {\r\n                    <span\r\n                      [ngClass]=\"{\r\n                        'font-semibold': rowData == selectedItem(),\r\n                      }\"\r\n                    >\r\n                      {{ transformData()(col.pipe, rowData[col.field]) }}\r\n                    </span>\r\n                  }\r\n                </td>\r\n              }\r\n            </tr>\r\n          </ng-template>\r\n\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"returnColspan()\">\r\n                <div\r\n                  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n                >\r\n                  <img [src]=\"emptyTableImg()\" class=\"h-10rem w-auto\" />\r\n                </div>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    class=\"shadow-2 p-0 m-0 col selected-item-field ml-2 flex flex-column\"\r\n    [@slideInOut]=\"isRowSelected() ? 'i.n' : 'out'\"\r\n    [style.overflow]=\"'hidden'\"\r\n  >\r\n    <!-- @if(hasSelectedItems()) {\r\n    <actions-lote-field\r\n      class=\"h-full\"\r\n      [selectedItems]=\"selectedItems()\"\r\n      [actionsLote]=\"actionsLote()\"\r\n    />\r\n    } @else -->\r\n    @if (showSelectedItem()) {\r\n      <div class=\"bg-bluegray-50 w-full h-auto p-2 relative\">\r\n        @if (hasActionsRow()) {\r\n          <actions-row-menu [actionsRow]=\"actionsRow()\" />\r\n        }\r\n\r\n        @if (isMobile()) {\r\n          <div class=\"h-2rem w-2rem\">\r\n            <kv-button\r\n              icon=\"arrow_back\"\r\n              severity=\"tertiary\"\r\n              [pTooltip]=\"'Voltar'\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        <ng-content select=\"[selectedItemHeader]\"></ng-content>\r\n      </div>\r\n      <div class=\"p-2 overflow-y-auto h-full\">\r\n        <ng-content select=\"[selectedItem]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- @else { Nenhum item selecionado } -->\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .filter-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:1299}::ng-deep .p-overlaypanel{z-index:1400!important}::ng-deep .kv-table-viewer .p-datatable-wrapper{overflow-x:hidden}::ng-deep .kv-table-viewer .p-paginator .p-paginator-pages .p-paginator-page{font-size:.75rem;min-width:2rem;height:2rem}::ng-deep .kv-table-viewer .p-paginator .p-paginator-current{font-size:.75rem}::ng-deep .kv-table-viewer .p-inputwrapper .p-dropdown{margin:0;height:auto}::ng-deep .p-paginator-rpp-options .p-dropdown-panel .p-dropdown-items{padding:.25rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item{border-radius:.25rem;height:1.5rem;display:flex;align-items:center;justify-content:center}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-label{padding:.5rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-trigger{width:1.5rem}::ng-deep .p-paginator-bottom .p-link{min-width:2rem;height:2rem}::ng-deep .p-paginator{padding:0rem}::ng-deep .p-dropdown-label{font-size:.75rem}::ng-deep .empty-table .p-datatable-table{height:100%}::ng-deep .p-menu{padding:.25rem}::ng-deep .p-menu-list .p-menuitem .p-menuitem-content .p-menuitem-link{font-size:.75rem;padding:.5rem}\n"] }]
+                    ], template: "<div\r\n  class=\"h-full flex flex-row p-2 kv-table-viewer overflow-hidden {{\r\n    isEmptyTable() ? 'empty-table' : ''\r\n  }}\"\r\n>\r\n  @if (!isMobile() || selectedItem()) {\r\n    <div\r\n      class=\"h-full {{ handleTableSize() }} m-0 p-0 flex flex-column gap-2\"\r\n      [style.transition]=\"'all 0.3s ease-in-out'\"\r\n    >\r\n      @if (showHeaderTemplate()) {\r\n        <div>\r\n          <ng-content select=\"[tableHeaderTemplate]\"> </ng-content>\r\n        </div>\r\n      }\r\n\r\n      <div\r\n        class=\"flex flex-row align-items-center justify-content-between flex-initial\"\r\n      >\r\n        <div class=\"flex flex-row align-items-center gap-2\">\r\n          @if (searchInput()) {\r\n            <input\r\n              style=\"height: 1.875rem\"\r\n              placeholder=\"Pesquisar...\"\r\n              type=\"text\"\r\n              pInputText\r\n              [(ngModel)]=\"searchValue\"\r\n              class=\"text-xs\"\r\n            />\r\n          }\r\n          @if (filterButton()) {\r\n            <kv-button\r\n              label=\"Filtrar\"\r\n              icon=\"filter_alt\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"toggleOverlayPanel($event)\"\r\n            ></kv-button>\r\n          }\r\n\r\n          @if (showHeaderBetweenTemplate()) {\r\n            <div>\r\n              <ng-content select=\"[tableHeaderBetweenTemplate]\"> </ng-content>\r\n            </div>\r\n          }\r\n\r\n          <p-overlayPanel #op [dismissable]=\"false\">\r\n            <ng-content select=\"[filtro]\"> </ng-content>\r\n          </p-overlayPanel>\r\n        </div>\r\n        <div class=\"flex flex-row gap-2\">\r\n          @if (actionsHeader()) {\r\n            @for (action of actionsHeader(); track $index) {\r\n              <kv-button\r\n                [icon]=\"action?.icon || ''\"\r\n                [label]=\"action?.label || ''\"\r\n                [severity]=\"action['severity'] || 'tertiary'\"\r\n                (onClick)=\"action?.command($event)\"\r\n                [popupIcon]=\"false\"\r\n                [items]=\"action.items || []\"\r\n                [popup]=\"isPopupButton()(action)\"\r\n                [pTooltip]=\"action?.tooltip\"\r\n              ></kv-button>\r\n            }\r\n          }\r\n          @if (selectedItem()) {\r\n            <kv-button\r\n              [pTooltip]=\"'Recolher'\"\r\n              icon=\"reorder\"\r\n              severity=\"tertiary\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            ></kv-button>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"flex-1 h-full overflow-hidden\">\r\n        <p-table\r\n          [value]=\"data()\"\r\n          [lazy]=\"lazy()\"\r\n          [selectionPageOnly]=\"selectionPageOnly()\"\r\n          [columns]=\"columns()\"\r\n          [paginator]=\"paginator()\"\r\n          [rows]=\"rows()\"\r\n          [totalRecords]=\"totalRecords()\"\r\n          [loading]=\"loading()\"\r\n          [pageLinks]=\"pageLinks()\"\r\n          [first]=\"first()\"\r\n          [scrollable]=\"scrollable()\"\r\n          scrollHeight=\"flex\"\r\n          [showCurrentPageReport]=\"true\"\r\n          [currentPageReportTemplate]=\"currentPageReportTemplate()\"\r\n          (onPage)=\"handlePageChange($event)\"\r\n          (onSort)=\"handleSort($event)\"\r\n          [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n          (onRowSelect)=\"onCheckboxSelect($event)\"\r\n          (onRowUnselect)=\"onCheckboxUnselect($event)\"\r\n          [(selection)]=\"selectedItems\"\r\n          styleClass=\"p-datatable-sm text-xs overflow-y-auto h-full flex flex-column h-full\"\r\n        >\r\n          @if (showHeader()) {\r\n            <ng-template pTemplate=\"header\" let-columns>\r\n              <tr>\r\n                @if (selectableTable()) {\r\n                  <th style=\"width: 4rem\"><p-tableHeaderCheckbox /></th>\r\n                }\r\n                @for (col of columns; track col.field) {\r\n                  <th\r\n                    [pSortableColumn]=\"col.field\"\r\n                    [pSortableColumnDisabled]=\"!col?.sortable\"\r\n                    [style]=\"{ width: col.width || 'auto' }\"\r\n                  >\r\n                    <div class=\"flex flex-row align-items-center gap-1\">\r\n                      <span>{{ col.header }}</span>\r\n                      @if (col.sortable) {\r\n                        <p-sortIcon\r\n                          [field]=\"col.field\"\r\n                          class=\"pb-1\"\r\n                        ></p-sortIcon>\r\n                      }\r\n                    </div>\r\n                  </th>\r\n                }\r\n              </tr>\r\n            </ng-template>\r\n          }\r\n\r\n          <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n            <tr\r\n              class=\"cursor-pointer hover:bg-bluegray-100\"\r\n              [ngClass]=\"{\r\n                'bg-bluegray-50':\r\n                  rowData == selectedItem() || verifyItemSelecionado()(rowData),\r\n              }\"\r\n            >\r\n              @if (selectableTable()) {\r\n                <td>\r\n                  <p-tableCheckbox [value]=\"rowData\" />\r\n                </td>\r\n              }\r\n              @for (col of columns; track col.field) {\r\n                <td (click)=\"rowSelect(rowData)\" style=\"word-break: break-all\">\r\n                  @if (col?.template) {\r\n                    <div class=\"flex flex-row gap-2 align-items-center\">\r\n                      @if (getCustomTemplate()(col.template.name)) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"\r\n                            getCustomTemplate()(col.template.name)\r\n                          \"\r\n                          [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                        />\r\n                      }\r\n                    </div>\r\n                  } @else if (col?.icon) {\r\n                    <span class=\"material-symbols-outlined text-lg\">\r\n                      {{ col.icon(rowData) }}\r\n                    </span>\r\n                  } @else if (col?.tag) {\r\n                    <kv-tags [tags]=\"[col.tag(rowData)]\" />\r\n                  } @else {\r\n                    <span\r\n                      [ngClass]=\"{\r\n                        'font-semibold': rowData == selectedItem(),\r\n                      }\"\r\n                    >\r\n                      {{ transformData()(col.pipe, rowData[col.field]) }}\r\n                    </span>\r\n                  }\r\n                </td>\r\n              }\r\n            </tr>\r\n          </ng-template>\r\n\r\n          <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n              <td [attr.colspan]=\"returnColspan()\">\r\n                <div\r\n                  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n                >\r\n                  <img [src]=\"emptyTableImg()\" class=\"h-10rem w-auto\" />\r\n                </div>\r\n              </td>\r\n            </tr>\r\n          </ng-template>\r\n        </p-table>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    class=\"shadow-2 p-0 m-0 col selected-item-field ml-2 flex flex-column\"\r\n    [@slideInOut]=\"isRowSelected() ? 'i.n' : 'out'\"\r\n    [style.overflow]=\"'hidden'\"\r\n  >\r\n    <!-- @if(hasSelectedItems()) {\r\n    <actions-lote-field\r\n      class=\"h-full\"\r\n      [selectedItems]=\"selectedItems()\"\r\n      [actionsLote]=\"actionsLote()\"\r\n    />\r\n    } @else -->\r\n    @if (showSelectedItem()) {\r\n      <div class=\"bg-bluegray-50 w-full h-auto p-2 relative\">\r\n        @if (hasActionsRow()) {\r\n          <actions-row-menu [actionsRow]=\"actionsRow()\" />\r\n        }\r\n\r\n        @if (isMobile()) {\r\n          <div class=\"h-2rem w-2rem\">\r\n            <kv-button\r\n              icon=\"arrow_back\"\r\n              severity=\"tertiary\"\r\n              [pTooltip]=\"'Voltar'\"\r\n              (onClick)=\"selectedItem.set(null)\"\r\n            />\r\n          </div>\r\n        }\r\n\r\n        <ng-content select=\"[selectedItemHeader]\"></ng-content>\r\n      </div>\r\n      <div class=\"p-2 overflow-y-auto h-full\">\r\n        <ng-content select=\"[selectedItem]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- @else { Nenhum item selecionado } -->\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .filter-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:1299}::ng-deep .p-overlaypanel{z-index:1400!important}::ng-deep .kv-table-viewer .p-datatable-wrapper{overflow-x:hidden}::ng-deep .kv-table-viewer .p-paginator .p-paginator-pages .p-paginator-page{font-size:.75rem;min-width:2rem;height:2rem}::ng-deep .kv-table-viewer .p-paginator .p-paginator-current{font-size:.75rem}::ng-deep .kv-table-viewer .p-inputwrapper .p-dropdown{margin:0;height:auto}::ng-deep .p-paginator-rpp-options .p-dropdown-panel .p-dropdown-items{padding:.25rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item{border-radius:.25rem;height:1.5rem;display:flex;align-items:center;justify-content:center}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-label{padding:.5rem}::ng-deep .p-paginator-rpp-options .p-dropdown-item .p-dropdown-trigger{width:1.5rem}::ng-deep .p-paginator-bottom .p-link{min-width:2rem;height:2rem}::ng-deep .p-paginator{padding:0rem}::ng-deep .p-dropdown-label{font-size:.75rem}::ng-deep .empty-table .p-datatable-table{height:100%}::ng-deep .p-menu{padding:.25rem}::ng-deep .p-menu-list .p-menuitem .p-menuitem-content .p-menuitem-link{font-size:.75rem;padding:.5rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { op: [{
                 type: ViewChild,
                 args: ['op']