structra-ui 0.2.71 → 0.2.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/structra-ui.mjs
CHANGED
|
@@ -14239,14 +14239,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
14239
14239
|
args: [{ providedIn: 'root' }]
|
|
14240
14240
|
}] });
|
|
14241
14241
|
|
|
14242
|
-
/**
|
|
14242
|
+
/** Placeholders genéricos no skeleton antes do metadata da API (coluna Ações incluída). */
|
|
14243
14243
|
const CONSULTA_SKELETON_GRID_COLUMN_COUNT = 5;
|
|
14244
|
-
|
|
14245
|
-
|
|
14246
|
-
const CONSULTA_SKELETON_GRID_HEADERS = [
|
|
14247
|
-
'Ações',
|
|
14248
|
-
...Array.from({ length: CONSULTA_SKELETON_DATA_COL_COUNT }, () => ''),
|
|
14249
|
-
];
|
|
14244
|
+
/** Cabeçalhos do skeleton de consulta: barras genéricas em todas as colunas (sem esperar metadata). */
|
|
14245
|
+
const CONSULTA_SKELETON_GRID_HEADERS = Array.from({ length: CONSULTA_SKELETON_GRID_COLUMN_COUNT }, () => '');
|
|
14250
14246
|
/** A grelha de consulta está pronta quando há pelo menos uma coluna de dados (além de «Ações»). */
|
|
14251
14247
|
function consultaGrelhaTemColunasDados(colunas) {
|
|
14252
14248
|
return (colunas ?? []).some((c) => c.type !== 'actions' && String(c.key ?? '').trim() !== '__actions');
|
|
@@ -14457,11 +14453,15 @@ class DataGridComponent {
|
|
|
14457
14453
|
return (this.rows?.length ?? 0) === 0;
|
|
14458
14454
|
}
|
|
14459
14455
|
/**
|
|
14460
|
-
*
|
|
14461
|
-
*
|
|
14456
|
+
* Lista vazia em loading: skeleton tabular completo (cabeçalhos genéricos vazios) sem montar AG Grid.
|
|
14457
|
+
* Evita flash de «Ações» quando colunas de metadata chegam antes dos dados da lista.
|
|
14462
14458
|
*/
|
|
14463
14459
|
get showFullPlaceholderSkeleton() {
|
|
14464
|
-
return this.showViewportSkeleton
|
|
14460
|
+
return this.showViewportSkeleton;
|
|
14461
|
+
}
|
|
14462
|
+
/** AG Grid só após colunas de dados e fim do loading inicial (lista vazia). */
|
|
14463
|
+
get shouldRenderAgGrid() {
|
|
14464
|
+
return !this.showFullPlaceholderSkeleton;
|
|
14465
14465
|
}
|
|
14466
14466
|
/** Só esvazia `rowData` durante loading quando ainda não há linhas a mostrar. */
|
|
14467
14467
|
get clearRowDataWhileLoading() {
|
|
@@ -14485,12 +14485,12 @@ class DataGridComponent {
|
|
|
14485
14485
|
* Evita o mínimo artificial de `2` — com `columns` vazio no primeiro paint isso parecia lista em cartão (card list).
|
|
14486
14486
|
*/
|
|
14487
14487
|
get skeletonColumnCount() {
|
|
14488
|
+
if (this.showFullPlaceholderSkeleton) {
|
|
14489
|
+
return CONSULTA_SKELETON_GRID_COLUMN_COUNT;
|
|
14490
|
+
}
|
|
14488
14491
|
const visible = this.columnsForGrid(this.columns ?? []);
|
|
14489
14492
|
const n = visible.length;
|
|
14490
14493
|
if (n > 0) {
|
|
14491
|
-
if (this.loading && this.countDataColumns(this.columns ?? []) === 0) {
|
|
14492
|
-
return CONSULTA_SKELETON_GRID_COLUMN_COUNT;
|
|
14493
|
-
}
|
|
14494
14494
|
return Math.min(24, n);
|
|
14495
14495
|
}
|
|
14496
14496
|
return 8;
|
|
@@ -15383,11 +15383,11 @@ class DataGridComponent {
|
|
|
15383
15383
|
});
|
|
15384
15384
|
}
|
|
15385
15385
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15386
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DataGridComponent, isStandalone: true, selector: "app-data-grid", inputs: { rows: "rows", columns: "columns", pageSize: "pageSize", loading: "loading", initialPaginationPage: ["initialPaginationPage", "initialPaginationPage", numberAttribute], height: "height", fitPaginationHeight: ["fitPaginationHeight", "fitPaginationHeight", booleanAttribute], fitPaginationMinEmptyRows: ["fitPaginationMinEmptyRows", "fitPaginationMinEmptyRows", numberAttribute], emptyMessage: "emptyMessage", pagination: "pagination", paginationPanelPlacement: "paginationPanelPlacement", paginationStripOnly: ["paginationStripOnly", "paginationStripOnly", booleanAttribute], suppressPaginationPageSizeSelector: ["suppressPaginationPageSizeSelector", "suppressPaginationPageSizeSelector", booleanAttribute], showActionsColumn: "showActionsColumn", showEditAction: ["showEditAction", "showEditAction", booleanAttribute], editActionLabel: "editActionLabel", editActionIconClass: "editActionIconClass", showRemoveAction: ["showRemoveAction", "showRemoveAction", booleanAttribute], showDuplicateAction: ["showDuplicateAction", "showDuplicateAction", booleanAttribute], showPrintAction: ["showPrintAction", "showPrintAction", booleanAttribute], printActionLabel: "printActionLabel", suppressRowClick: ["suppressRowClick", "suppressRowClick", booleanAttribute], inlineCellEditing: ["inlineCellEditing", "inlineCellEditing", booleanAttribute], highlightedRowMatch: "highlightedRowMatch", highlightMatchField: "highlightMatchField", layoutTelaKey: "layoutTelaKey", layoutGridKey: "layoutGridKey" }, outputs: { edit: "edit", duplicate: "duplicate", print: "print", remove: "remove", rowClick: "rowClick", selectionChange: "selectionChange", paginationChanged: "paginationChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"data-grid\" [class.data-grid--layout-stabilizing]=\"suppressHorizontalScrollFlicker\"\n [class.data-grid--fit-pagination]=\"fitPaginationHeight\"\n [class.data-grid--paginated]=\"pagination\"\n [class.data-grid--pagination-top]=\"pagination && paginationPanelPlacement === 'top'\"\n [class.data-grid--pagination-strip-only]=\"paginationStripOnly\"\n [class.data-grid--placeholder-loading]=\"showFullPlaceholderSkeleton\"\n [style.height]=\"hostHeight\">\n <ag-grid-angular class=\"data-grid__ag ag-theme-alpine\" [class.data-grid__ag--hidden]=\"showFullPlaceholderSkeleton\"\n [theme]=\"'legacy'\" [localeText]=\"localeText\"\n [columnDefs]=\"agColumnDefs\" [components]=\"frameworkComponents\" [context]=\"actionsContext\"\n [defaultColDef]=\"defaultColDef\" [pagination]=\"pagination\" [paginationPageSize]=\"pageSize\"\n [paginationPageSizeSelector]=\"paginationPageSizeSelectorInput\" [suppressCellFocus]=\"suppressCellFocusBinding\"\n [singleClickEdit]=\"inlineCellEditing\" [enableCellTextSelection]=\"true\" [animateRows]=\"false\" [domLayout]=\"'normal'\"\n [suppressNoRowsOverlay]=\"true\" [suppressLoadingOverlay]=\"true\" [cellFlashDuration]=\"0\"\n [cellFadeDuration]=\"0\" [suppressColumnMoveAnimation]=\"suppressColumnMoveAnimation\"\n [getRowId]=\"getRowId\" (gridReady)=\"onGridReady($event)\"\n (rowClicked)=\"onRowClicked($event)\"\n (columnMoved)=\"onLayoutColumnMoved($event)\"\n (columnResized)=\"onLayoutColumnResized($event)\"\n (columnVisible)=\"onLayoutColumnVisible($event)\"\n (columnPinned)=\"onLayoutColumnPinned($event)\" />\n @if (showFullPlaceholderSkeleton) {\n <div class=\"data-grid__placeholder-skeleton\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n <span class=\"visually-hidden\">A carregar grid...</span>\n <app-skeleton-table class=\"data-grid__placeholder-skeleton-table\"\n [headerLabels]=\"placeholderSkeletonHeaders\"\n [columnCount]=\"skeletonColumnCount\"\n [rowCount]=\"skeletonRowCount\"\n [showPager]=\"pagination && !paginationStripOnly\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\" />\n </div>\n } @else if (showViewportSkeleton) {\n <div class=\"data-grid__viewport-skeleton\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n <span class=\"visually-hidden\">A carregar grid...</span>\n <app-skeleton-table class=\"data-grid__viewport-skeleton-table\" [columnCount]=\"skeletonColumnCount\"\n [rowCount]=\"skeletonRowCount\" [showPager]=\"false\" [bodyOnly]=\"true\" />\n </div>\n }\n @if (showManualEmptyState) {\n <div class=\"data-grid__empty-overlay\" role=\"status\" aria-live=\"polite\">\n <div class=\"empty-state empty-state--embed\">\n <span class=\"empty-state__icon\" aria-hidden=\"true\"><i class=\"fa-solid fa-inbox\"></i></span>\n <p class=\"empty-state__message\">{{ emptyMessage }}</p>\n </div>\n </div>\n }\n</div>", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .ag-row.structra-data-grid-row--highlighted{background-color:#1976d217}.data-grid{--ag-grid-size: 7px;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;min-height:200px;box-sizing:border-box;border-radius:10px;overflow:hidden;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid__viewport-skeleton{position:absolute;z-index:3;left:0;right:0;top:calc(var(--ag-grid-size) * 8);bottom:0;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;pointer-events:none;background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid--paginated .data-grid__viewport-skeleton{bottom:calc(var(--ag-grid-size) * 8)}.data-grid__viewport-skeleton-table{flex:1 1 auto;min-height:0;width:100%}.data-grid--placeholder-loading .data-grid__ag--hidden{visibility:hidden;pointer-events:none}.data-grid__placeholder-skeleton{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;pointer-events:none}.data-grid__placeholder-skeleton-table{flex:1 1 auto;min-height:0;width:100%}.data-grid__empty-overlay{position:absolute;z-index:2;left:0;right:0;top:calc(var(--ag-grid-size) * 8);bottom:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid--paginated .data-grid__empty-overlay{bottom:calc(var(--ag-grid-size) * 8)}.data-grid:has(.data-grid__viewport-skeleton) .data-grid__empty-overlay{display:none!important}.data-grid--fit-pagination{flex-shrink:0;align-self:flex-start;min-height:0}.data-grid__ag{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.data-grid--pagination-top .data-grid__ag ::ng-deep .ag-root-wrapper{flex-direction:column-reverse}.data-grid--pagination-strip-only{min-height:0;flex-shrink:0}.data-grid--pagination-strip-only .data-grid__ag ::ng-deep .ag-root-wrapper-body{display:none!important}.data-grid--pagination-strip-only .data-grid__ag{flex:0 0 auto;min-height:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: SkeletonTableComponent, selector: "app-skeleton-table", inputs: ["columnCount", "rowCount", "showPager", "bodyOnly", "animate", "headerLabels", "chrome", "showActionsColumn", "pagerRangeLabel", "pagerPageLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15386
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DataGridComponent, isStandalone: true, selector: "app-data-grid", inputs: { rows: "rows", columns: "columns", pageSize: "pageSize", loading: "loading", initialPaginationPage: ["initialPaginationPage", "initialPaginationPage", numberAttribute], height: "height", fitPaginationHeight: ["fitPaginationHeight", "fitPaginationHeight", booleanAttribute], fitPaginationMinEmptyRows: ["fitPaginationMinEmptyRows", "fitPaginationMinEmptyRows", numberAttribute], emptyMessage: "emptyMessage", pagination: "pagination", paginationPanelPlacement: "paginationPanelPlacement", paginationStripOnly: ["paginationStripOnly", "paginationStripOnly", booleanAttribute], suppressPaginationPageSizeSelector: ["suppressPaginationPageSizeSelector", "suppressPaginationPageSizeSelector", booleanAttribute], showActionsColumn: "showActionsColumn", showEditAction: ["showEditAction", "showEditAction", booleanAttribute], editActionLabel: "editActionLabel", editActionIconClass: "editActionIconClass", showRemoveAction: ["showRemoveAction", "showRemoveAction", booleanAttribute], showDuplicateAction: ["showDuplicateAction", "showDuplicateAction", booleanAttribute], showPrintAction: ["showPrintAction", "showPrintAction", booleanAttribute], printActionLabel: "printActionLabel", suppressRowClick: ["suppressRowClick", "suppressRowClick", booleanAttribute], inlineCellEditing: ["inlineCellEditing", "inlineCellEditing", booleanAttribute], highlightedRowMatch: "highlightedRowMatch", highlightMatchField: "highlightMatchField", layoutTelaKey: "layoutTelaKey", layoutGridKey: "layoutGridKey" }, outputs: { edit: "edit", duplicate: "duplicate", print: "print", remove: "remove", rowClick: "rowClick", selectionChange: "selectionChange", paginationChanged: "paginationChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"data-grid\" [class.data-grid--layout-stabilizing]=\"suppressHorizontalScrollFlicker\"\n [class.data-grid--fit-pagination]=\"fitPaginationHeight\"\n [class.data-grid--paginated]=\"pagination\"\n [class.data-grid--pagination-top]=\"pagination && paginationPanelPlacement === 'top'\"\n [class.data-grid--pagination-strip-only]=\"paginationStripOnly\"\n [class.data-grid--placeholder-loading]=\"showFullPlaceholderSkeleton\"\n [style.height]=\"hostHeight\">\n @if (shouldRenderAgGrid) {\n <ag-grid-angular class=\"data-grid__ag ag-theme-alpine\"\n [theme]=\"'legacy'\" [localeText]=\"localeText\"\n [columnDefs]=\"agColumnDefs\" [components]=\"frameworkComponents\" [context]=\"actionsContext\"\n [defaultColDef]=\"defaultColDef\" [pagination]=\"pagination\" [paginationPageSize]=\"pageSize\"\n [paginationPageSizeSelector]=\"paginationPageSizeSelectorInput\" [suppressCellFocus]=\"suppressCellFocusBinding\"\n [singleClickEdit]=\"inlineCellEditing\" [enableCellTextSelection]=\"true\" [animateRows]=\"false\" [domLayout]=\"'normal'\"\n [suppressNoRowsOverlay]=\"true\" [suppressLoadingOverlay]=\"true\" [cellFlashDuration]=\"0\"\n [cellFadeDuration]=\"0\" [suppressColumnMoveAnimation]=\"suppressColumnMoveAnimation\"\n [getRowId]=\"getRowId\" (gridReady)=\"onGridReady($event)\"\n (rowClicked)=\"onRowClicked($event)\"\n (columnMoved)=\"onLayoutColumnMoved($event)\"\n (columnResized)=\"onLayoutColumnResized($event)\"\n (columnVisible)=\"onLayoutColumnVisible($event)\"\n (columnPinned)=\"onLayoutColumnPinned($event)\" />\n }\n @if (showFullPlaceholderSkeleton) {\n <div class=\"data-grid__placeholder-skeleton\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n <span class=\"visually-hidden\">A carregar grid...</span>\n <app-skeleton-table class=\"data-grid__placeholder-skeleton-table\"\n [headerLabels]=\"placeholderSkeletonHeaders\"\n [columnCount]=\"skeletonColumnCount\"\n [rowCount]=\"skeletonRowCount\"\n [showPager]=\"pagination && !paginationStripOnly\"\n [showActionsColumn]=\"false\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\" />\n </div>\n }\n @if (showManualEmptyState) {\n <div class=\"data-grid__empty-overlay\" role=\"status\" aria-live=\"polite\">\n <div class=\"empty-state empty-state--embed\">\n <span class=\"empty-state__icon\" aria-hidden=\"true\"><i class=\"fa-solid fa-inbox\"></i></span>\n <p class=\"empty-state__message\">{{ emptyMessage }}</p>\n </div>\n </div>\n }\n</div>", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .ag-row.structra-data-grid-row--highlighted{background-color:#1976d217}.data-grid{--ag-grid-size: 7px;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;min-height:200px;box-sizing:border-box;border-radius:10px;overflow:hidden;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid__viewport-skeleton{position:absolute;z-index:3;left:0;right:0;top:calc(var(--ag-grid-size) * 8);bottom:0;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;pointer-events:none;background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid--paginated .data-grid__viewport-skeleton{bottom:calc(var(--ag-grid-size) * 8)}.data-grid__viewport-skeleton-table{flex:1 1 auto;min-height:0;width:100%}.data-grid--placeholder-loading .data-grid__ag--hidden{visibility:hidden;pointer-events:none}.data-grid__placeholder-skeleton{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;pointer-events:none}.data-grid__placeholder-skeleton-table{flex:1 1 auto;min-height:0;width:100%}.data-grid__empty-overlay{position:absolute;z-index:2;left:0;right:0;top:calc(var(--ag-grid-size) * 8);bottom:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid--paginated .data-grid__empty-overlay{bottom:calc(var(--ag-grid-size) * 8)}.data-grid:has(.data-grid__viewport-skeleton) .data-grid__empty-overlay{display:none!important}.data-grid--fit-pagination{flex-shrink:0;align-self:flex-start;min-height:0}.data-grid__ag{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.data-grid--pagination-top .data-grid__ag ::ng-deep .ag-root-wrapper{flex-direction:column-reverse}.data-grid--pagination-strip-only{min-height:0;flex-shrink:0}.data-grid--pagination-strip-only .data-grid__ag ::ng-deep .ag-root-wrapper-body{display:none!important}.data-grid--pagination-strip-only .data-grid__ag{flex:0 0 auto;min-height:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupHideColumnsUntilExpanded", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: SkeletonTableComponent, selector: "app-skeleton-table", inputs: ["columnCount", "rowCount", "showPager", "bodyOnly", "animate", "headerLabels", "chrome", "showActionsColumn", "pagerRangeLabel", "pagerPageLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15387
15387
|
}
|
|
15388
15388
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataGridComponent, decorators: [{
|
|
15389
15389
|
type: Component,
|
|
15390
|
-
args: [{ selector: 'app-data-grid', imports: [AgGridAngular, SkeletonTableComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"data-grid\" [class.data-grid--layout-stabilizing]=\"suppressHorizontalScrollFlicker\"\n [class.data-grid--fit-pagination]=\"fitPaginationHeight\"\n [class.data-grid--paginated]=\"pagination\"\n [class.data-grid--pagination-top]=\"pagination && paginationPanelPlacement === 'top'\"\n [class.data-grid--pagination-strip-only]=\"paginationStripOnly\"\n [class.data-grid--placeholder-loading]=\"showFullPlaceholderSkeleton\"\n [style.height]=\"hostHeight\">\n <ag-grid-angular class=\"data-grid__ag ag-theme-alpine\"
|
|
15390
|
+
args: [{ selector: 'app-data-grid', imports: [AgGridAngular, SkeletonTableComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"data-grid\" [class.data-grid--layout-stabilizing]=\"suppressHorizontalScrollFlicker\"\n [class.data-grid--fit-pagination]=\"fitPaginationHeight\"\n [class.data-grid--paginated]=\"pagination\"\n [class.data-grid--pagination-top]=\"pagination && paginationPanelPlacement === 'top'\"\n [class.data-grid--pagination-strip-only]=\"paginationStripOnly\"\n [class.data-grid--placeholder-loading]=\"showFullPlaceholderSkeleton\"\n [style.height]=\"hostHeight\">\n @if (shouldRenderAgGrid) {\n <ag-grid-angular class=\"data-grid__ag ag-theme-alpine\"\n [theme]=\"'legacy'\" [localeText]=\"localeText\"\n [columnDefs]=\"agColumnDefs\" [components]=\"frameworkComponents\" [context]=\"actionsContext\"\n [defaultColDef]=\"defaultColDef\" [pagination]=\"pagination\" [paginationPageSize]=\"pageSize\"\n [paginationPageSizeSelector]=\"paginationPageSizeSelectorInput\" [suppressCellFocus]=\"suppressCellFocusBinding\"\n [singleClickEdit]=\"inlineCellEditing\" [enableCellTextSelection]=\"true\" [animateRows]=\"false\" [domLayout]=\"'normal'\"\n [suppressNoRowsOverlay]=\"true\" [suppressLoadingOverlay]=\"true\" [cellFlashDuration]=\"0\"\n [cellFadeDuration]=\"0\" [suppressColumnMoveAnimation]=\"suppressColumnMoveAnimation\"\n [getRowId]=\"getRowId\" (gridReady)=\"onGridReady($event)\"\n (rowClicked)=\"onRowClicked($event)\"\n (columnMoved)=\"onLayoutColumnMoved($event)\"\n (columnResized)=\"onLayoutColumnResized($event)\"\n (columnVisible)=\"onLayoutColumnVisible($event)\"\n (columnPinned)=\"onLayoutColumnPinned($event)\" />\n }\n @if (showFullPlaceholderSkeleton) {\n <div class=\"data-grid__placeholder-skeleton\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n <span class=\"visually-hidden\">A carregar grid...</span>\n <app-skeleton-table class=\"data-grid__placeholder-skeleton-table\"\n [headerLabels]=\"placeholderSkeletonHeaders\"\n [columnCount]=\"skeletonColumnCount\"\n [rowCount]=\"skeletonRowCount\"\n [showPager]=\"pagination && !paginationStripOnly\"\n [showActionsColumn]=\"false\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\" />\n </div>\n }\n @if (showManualEmptyState) {\n <div class=\"data-grid__empty-overlay\" role=\"status\" aria-live=\"polite\">\n <div class=\"empty-state empty-state--embed\">\n <span class=\"empty-state__icon\" aria-hidden=\"true\"><i class=\"fa-solid fa-inbox\"></i></span>\n <p class=\"empty-state__message\">{{ emptyMessage }}</p>\n </div>\n </div>\n }\n</div>", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .ag-row.structra-data-grid-row--highlighted{background-color:#1976d217}.data-grid{--ag-grid-size: 7px;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;min-height:200px;box-sizing:border-box;border-radius:10px;overflow:hidden;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid__viewport-skeleton{position:absolute;z-index:3;left:0;right:0;top:calc(var(--ag-grid-size) * 8);bottom:0;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;pointer-events:none;background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid--paginated .data-grid__viewport-skeleton{bottom:calc(var(--ag-grid-size) * 8)}.data-grid__viewport-skeleton-table{flex:1 1 auto;min-height:0;width:100%}.data-grid--placeholder-loading .data-grid__ag--hidden{visibility:hidden;pointer-events:none}.data-grid__placeholder-skeleton{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;min-height:0;box-sizing:border-box;pointer-events:none}.data-grid__placeholder-skeleton-table{flex:1 1 auto;min-height:0;width:100%}.data-grid__empty-overlay{position:absolute;z-index:2;left:0;right:0;top:calc(var(--ag-grid-size) * 8);bottom:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;background:var(--app-color-surface, var(--app-color-elevated-surface))}.data-grid--paginated .data-grid__empty-overlay{bottom:calc(var(--ag-grid-size) * 8)}.data-grid:has(.data-grid__viewport-skeleton) .data-grid__empty-overlay{display:none!important}.data-grid--fit-pagination{flex-shrink:0;align-self:flex-start;min-height:0}.data-grid__ag{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.data-grid--pagination-top .data-grid__ag ::ng-deep .ag-root-wrapper{flex-direction:column-reverse}.data-grid--pagination-strip-only{min-height:0;flex-shrink:0}.data-grid--pagination-strip-only .data-grid__ag ::ng-deep .ag-root-wrapper-body{display:none!important}.data-grid--pagination-strip-only .data-grid__ag{flex:0 0 auto;min-height:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
|
|
15391
15391
|
}], ctorParameters: () => [], propDecorators: { rows: [{
|
|
15392
15392
|
type: Input,
|
|
15393
15393
|
args: [{ required: true }]
|
|
@@ -24999,7 +24999,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
24999
24999
|
}], cadastroFiltroDialog: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ConsultaCadastroFiltroDialogComponent), { isSignal: true }] }], runtime: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtime", required: true }] }], topbarEndExtraTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "topbarEndExtraTemplate", required: false }] }], tooltipBotaoPesquisar: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipBotaoPesquisar", required: false }] }] } });
|
|
25000
25000
|
|
|
25001
25001
|
const FINANCEIRO_GRID_HEADERS = [
|
|
25002
|
-
'
|
|
25002
|
+
'',
|
|
25003
25003
|
'Descrição',
|
|
25004
25004
|
'Categoria',
|
|
25005
25005
|
'Valor',
|
|
@@ -25014,11 +25014,11 @@ class ConsultaPageLoadingSkeletonComponent {
|
|
|
25014
25014
|
this.metadataGridHeaders = CONSULTA_SKELETON_GRID_HEADERS;
|
|
25015
25015
|
}
|
|
25016
25016
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConsultaPageLoadingSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25017
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ConsultaPageLoadingSkeletonComponent, isStandalone: true, selector: "app-consulta-page-loading-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"consulta-page-loading-skeleton\"\n [class.consulta-page-loading-skeleton--financeiro]=\"variant() === 'financeiro'\"\n aria-hidden=\"true\">\n <section class=\"consulta-page-loading-skeleton__filtros\">\n <header class=\"consulta-page-loading-skeleton__filtros-header\">\n <span class=\"consulta-page-loading-skeleton__chevron\" aria-hidden=\"true\"></span>\n <div class=\"consulta-page-loading-skeleton__filtros-titles\">\n <span class=\"consulta-page-loading-skeleton__filtros-title\">Filtros</span>\n <span class=\"consulta-page-loading-skeleton__filtros-subtitle\"></span>\n </div>\n </header>\n </section>\n\n @if (variant() === 'financeiro') {\n <app-form-row class=\"consulta-page-loading-skeleton__stats oficina-consulta-stats oficina-consulta-stats--3\" gap=\"sm\" align=\"stretch\" justify=\"start\">\n @for (slot of financeiroStatSlots; track slot) {\n <app-form-col [xs]=\"12\" [sm]=\"6\">\n <div class=\"consulta-page-loading-skeleton__stat-card\">\n <div class=\"consulta-page-loading-skeleton__stat-head\">\n <span class=\"consulta-page-loading-skeleton__stat-icon\"></span>\n <span class=\"consulta-page-loading-skeleton__stat-title\"></span>\n </div>\n <span class=\"consulta-page-loading-skeleton__stat-value\"></span>\n </div>\n </app-form-col>\n }\n </app-form-row>\n }\n\n <div class=\"consulta-page-loading-skeleton__grid-host\">\n @if (variant() === 'financeiro') {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"financeiro\"\n [headerLabels]=\"financeiroGridHeaders\"\n [columnCount]=\"financeiroGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n } @else {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"default\"\n [headerLabels]=\"metadataGridHeaders\"\n [columnCount]=\"metadataGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n }\n </div>\n</div>\n", styles: ["@keyframes ui-skeleton-shimmer{to{transform:translate(100%)}}:host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton{display:flex;flex:1 1 0%;flex-direction:column;gap:var(--home-content-gutter, .35rem);min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton__filtros{flex-shrink:0;border-radius:var(--app-radius-md, .5rem);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, #ffffff);overflow:hidden}.consulta-page-loading-skeleton__filtros-header{display:flex;align-items:center;gap:.5rem;min-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));max-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));padding:.5rem .65rem;box-sizing:border-box;overflow:hidden}.consulta-page-loading-skeleton__chevron{flex-shrink:0;width:.55rem;height:.55rem;border-right:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);border-bottom:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);transform:rotate(-45deg)}.consulta-page-loading-skeleton__filtros-titles{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.2rem;min-width:0}.consulta-page-loading-skeleton__filtros-title{font-size:.92rem;font-weight:600;line-height:1.25;color:var(--app-color-text-primary, #1a2f45)}.consulta-page-loading-skeleton__filtros-subtitle{display:block;width:42%;height:.62rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__filtros-subtitle:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats{flex-shrink:0;width:100%;min-width:0;margin:0;--oficina-consulta-stats-cols: 3}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{width:100%;min-width:0;gap:var(--oficina-consulta-panel-gap, .375rem)}@media(min-width:40rem){:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{display:grid;grid-template-columns:repeat(var(--oficina-consulta-stats-cols, 3),minmax(0,1fr))}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats app-form-col{grid-column:span 1!important;width:100%;max-width:none}}.consulta-page-loading-skeleton__stat-card{display:flex;flex-direction:column;gap:.45rem;height:100%;min-height:5.5rem;padding:1rem 1.05rem;box-sizing:border-box;border-radius:10px;border:2px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));background:var(--app-color-surface, #ffffff);box-shadow:0 1px 2px #0f172a0a}.consulta-page-loading-skeleton__stat-head{display:flex;align-items:flex-start;gap:.5rem}.consulta-page-loading-skeleton__stat-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:8px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-icon:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-title{flex:1 1 auto;height:1.11rem;min-width:0;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-title:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-value{display:block;width:44%;height:1.74rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-value:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__grid-host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%}.consulta-page-loading-skeleton__grid{flex:1 1 0%;min-height:0;width:100%}@media(max-width:767.98px){.consulta-page-loading-skeleton__filtros-header{min-height:auto;max-height:none;padding:.45rem .5rem .55rem}}\n"], dependencies: [{ kind: "component", type: FormRowComponent, selector: "app-form-row", inputs: ["gap", "align", "justify", "grow", "wrap", "stackOnMobile"] }, { kind: "component", type: FormColComponent, selector: "app-form-col", inputs: ["xs", "sm", "md", "lg", "xl", "order", "grow", "gap", "align", "justify"] }, { kind: "component", type: SkeletonTableComponent, selector: "app-skeleton-table", inputs: ["columnCount", "rowCount", "showPager", "bodyOnly", "animate", "headerLabels", "chrome", "showActionsColumn", "pagerRangeLabel", "pagerPageLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25017
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ConsultaPageLoadingSkeletonComponent, isStandalone: true, selector: "app-consulta-page-loading-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"consulta-page-loading-skeleton\"\n [class.consulta-page-loading-skeleton--financeiro]=\"variant() === 'financeiro'\"\n aria-hidden=\"true\">\n <section class=\"consulta-page-loading-skeleton__filtros\">\n <header class=\"consulta-page-loading-skeleton__filtros-header\">\n <span class=\"consulta-page-loading-skeleton__chevron\" aria-hidden=\"true\"></span>\n <div class=\"consulta-page-loading-skeleton__filtros-titles\">\n <span class=\"consulta-page-loading-skeleton__filtros-title\">Filtros</span>\n <span class=\"consulta-page-loading-skeleton__filtros-subtitle\"></span>\n </div>\n </header>\n </section>\n\n @if (variant() === 'financeiro') {\n <app-form-row class=\"consulta-page-loading-skeleton__stats oficina-consulta-stats oficina-consulta-stats--3\" gap=\"sm\" align=\"stretch\" justify=\"start\">\n @for (slot of financeiroStatSlots; track slot) {\n <app-form-col [xs]=\"12\" [sm]=\"6\">\n <div class=\"consulta-page-loading-skeleton__stat-card\">\n <div class=\"consulta-page-loading-skeleton__stat-head\">\n <span class=\"consulta-page-loading-skeleton__stat-icon\"></span>\n <span class=\"consulta-page-loading-skeleton__stat-title\"></span>\n </div>\n <span class=\"consulta-page-loading-skeleton__stat-value\"></span>\n </div>\n </app-form-col>\n }\n </app-form-row>\n }\n\n <div class=\"consulta-page-loading-skeleton__grid-host\">\n @if (variant() === 'financeiro') {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"financeiro\"\n [headerLabels]=\"financeiroGridHeaders\"\n [columnCount]=\"financeiroGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n } @else {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"default\"\n [headerLabels]=\"metadataGridHeaders\"\n [columnCount]=\"metadataGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n [showActionsColumn]=\"false\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n }\n </div>\n</div>\n", styles: ["@keyframes ui-skeleton-shimmer{to{transform:translate(100%)}}:host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton{display:flex;flex:1 1 0%;flex-direction:column;gap:var(--home-content-gutter, .35rem);min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton__filtros{flex-shrink:0;border-radius:var(--app-radius-md, .5rem);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, #ffffff);overflow:hidden}.consulta-page-loading-skeleton__filtros-header{display:flex;align-items:center;gap:.5rem;min-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));max-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));padding:.5rem .65rem;box-sizing:border-box;overflow:hidden}.consulta-page-loading-skeleton__chevron{flex-shrink:0;width:.55rem;height:.55rem;border-right:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);border-bottom:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);transform:rotate(-45deg)}.consulta-page-loading-skeleton__filtros-titles{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.2rem;min-width:0}.consulta-page-loading-skeleton__filtros-title{font-size:.92rem;font-weight:600;line-height:1.25;color:var(--app-color-text-primary, #1a2f45)}.consulta-page-loading-skeleton__filtros-subtitle{display:block;width:42%;height:.62rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__filtros-subtitle:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats{flex-shrink:0;width:100%;min-width:0;margin:0;--oficina-consulta-stats-cols: 3}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{width:100%;min-width:0;gap:var(--oficina-consulta-panel-gap, .375rem)}@media(min-width:40rem){:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{display:grid;grid-template-columns:repeat(var(--oficina-consulta-stats-cols, 3),minmax(0,1fr))}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats app-form-col{grid-column:span 1!important;width:100%;max-width:none}}.consulta-page-loading-skeleton__stat-card{display:flex;flex-direction:column;gap:.45rem;height:100%;min-height:5.5rem;padding:1rem 1.05rem;box-sizing:border-box;border-radius:10px;border:2px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));background:var(--app-color-surface, #ffffff);box-shadow:0 1px 2px #0f172a0a}.consulta-page-loading-skeleton__stat-head{display:flex;align-items:flex-start;gap:.5rem}.consulta-page-loading-skeleton__stat-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:8px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-icon:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-title{flex:1 1 auto;height:1.11rem;min-width:0;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-title:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-value{display:block;width:44%;height:1.74rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-value:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__grid-host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%}.consulta-page-loading-skeleton__grid{flex:1 1 0%;min-height:0;width:100%}@media(max-width:767.98px){.consulta-page-loading-skeleton__filtros-header{min-height:auto;max-height:none;padding:.45rem .5rem .55rem}}\n"], dependencies: [{ kind: "component", type: FormRowComponent, selector: "app-form-row", inputs: ["gap", "align", "justify", "grow", "wrap", "stackOnMobile"] }, { kind: "component", type: FormColComponent, selector: "app-form-col", inputs: ["xs", "sm", "md", "lg", "xl", "order", "grow", "gap", "align", "justify"] }, { kind: "component", type: SkeletonTableComponent, selector: "app-skeleton-table", inputs: ["columnCount", "rowCount", "showPager", "bodyOnly", "animate", "headerLabels", "chrome", "showActionsColumn", "pagerRangeLabel", "pagerPageLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25018
25018
|
}
|
|
25019
25019
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConsultaPageLoadingSkeletonComponent, decorators: [{
|
|
25020
25020
|
type: Component,
|
|
25021
|
-
args: [{ selector: 'app-consulta-page-loading-skeleton', standalone: true, imports: [FormRowComponent, FormColComponent, SkeletonTableComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"consulta-page-loading-skeleton\"\n [class.consulta-page-loading-skeleton--financeiro]=\"variant() === 'financeiro'\"\n aria-hidden=\"true\">\n <section class=\"consulta-page-loading-skeleton__filtros\">\n <header class=\"consulta-page-loading-skeleton__filtros-header\">\n <span class=\"consulta-page-loading-skeleton__chevron\" aria-hidden=\"true\"></span>\n <div class=\"consulta-page-loading-skeleton__filtros-titles\">\n <span class=\"consulta-page-loading-skeleton__filtros-title\">Filtros</span>\n <span class=\"consulta-page-loading-skeleton__filtros-subtitle\"></span>\n </div>\n </header>\n </section>\n\n @if (variant() === 'financeiro') {\n <app-form-row class=\"consulta-page-loading-skeleton__stats oficina-consulta-stats oficina-consulta-stats--3\" gap=\"sm\" align=\"stretch\" justify=\"start\">\n @for (slot of financeiroStatSlots; track slot) {\n <app-form-col [xs]=\"12\" [sm]=\"6\">\n <div class=\"consulta-page-loading-skeleton__stat-card\">\n <div class=\"consulta-page-loading-skeleton__stat-head\">\n <span class=\"consulta-page-loading-skeleton__stat-icon\"></span>\n <span class=\"consulta-page-loading-skeleton__stat-title\"></span>\n </div>\n <span class=\"consulta-page-loading-skeleton__stat-value\"></span>\n </div>\n </app-form-col>\n }\n </app-form-row>\n }\n\n <div class=\"consulta-page-loading-skeleton__grid-host\">\n @if (variant() === 'financeiro') {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"financeiro\"\n [headerLabels]=\"financeiroGridHeaders\"\n [columnCount]=\"financeiroGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n } @else {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"default\"\n [headerLabels]=\"metadataGridHeaders\"\n [columnCount]=\"metadataGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n }\n </div>\n</div>\n", styles: ["@keyframes ui-skeleton-shimmer{to{transform:translate(100%)}}:host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton{display:flex;flex:1 1 0%;flex-direction:column;gap:var(--home-content-gutter, .35rem);min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton__filtros{flex-shrink:0;border-radius:var(--app-radius-md, .5rem);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, #ffffff);overflow:hidden}.consulta-page-loading-skeleton__filtros-header{display:flex;align-items:center;gap:.5rem;min-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));max-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));padding:.5rem .65rem;box-sizing:border-box;overflow:hidden}.consulta-page-loading-skeleton__chevron{flex-shrink:0;width:.55rem;height:.55rem;border-right:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);border-bottom:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);transform:rotate(-45deg)}.consulta-page-loading-skeleton__filtros-titles{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.2rem;min-width:0}.consulta-page-loading-skeleton__filtros-title{font-size:.92rem;font-weight:600;line-height:1.25;color:var(--app-color-text-primary, #1a2f45)}.consulta-page-loading-skeleton__filtros-subtitle{display:block;width:42%;height:.62rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__filtros-subtitle:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats{flex-shrink:0;width:100%;min-width:0;margin:0;--oficina-consulta-stats-cols: 3}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{width:100%;min-width:0;gap:var(--oficina-consulta-panel-gap, .375rem)}@media(min-width:40rem){:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{display:grid;grid-template-columns:repeat(var(--oficina-consulta-stats-cols, 3),minmax(0,1fr))}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats app-form-col{grid-column:span 1!important;width:100%;max-width:none}}.consulta-page-loading-skeleton__stat-card{display:flex;flex-direction:column;gap:.45rem;height:100%;min-height:5.5rem;padding:1rem 1.05rem;box-sizing:border-box;border-radius:10px;border:2px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));background:var(--app-color-surface, #ffffff);box-shadow:0 1px 2px #0f172a0a}.consulta-page-loading-skeleton__stat-head{display:flex;align-items:flex-start;gap:.5rem}.consulta-page-loading-skeleton__stat-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:8px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-icon:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-title{flex:1 1 auto;height:1.11rem;min-width:0;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-title:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-value{display:block;width:44%;height:1.74rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-value:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__grid-host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%}.consulta-page-loading-skeleton__grid{flex:1 1 0%;min-height:0;width:100%}@media(max-width:767.98px){.consulta-page-loading-skeleton__filtros-header{min-height:auto;max-height:none;padding:.45rem .5rem .55rem}}\n"] }]
|
|
25021
|
+
args: [{ selector: 'app-consulta-page-loading-skeleton', standalone: true, imports: [FormRowComponent, FormColComponent, SkeletonTableComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"consulta-page-loading-skeleton\"\n [class.consulta-page-loading-skeleton--financeiro]=\"variant() === 'financeiro'\"\n aria-hidden=\"true\">\n <section class=\"consulta-page-loading-skeleton__filtros\">\n <header class=\"consulta-page-loading-skeleton__filtros-header\">\n <span class=\"consulta-page-loading-skeleton__chevron\" aria-hidden=\"true\"></span>\n <div class=\"consulta-page-loading-skeleton__filtros-titles\">\n <span class=\"consulta-page-loading-skeleton__filtros-title\">Filtros</span>\n <span class=\"consulta-page-loading-skeleton__filtros-subtitle\"></span>\n </div>\n </header>\n </section>\n\n @if (variant() === 'financeiro') {\n <app-form-row class=\"consulta-page-loading-skeleton__stats oficina-consulta-stats oficina-consulta-stats--3\" gap=\"sm\" align=\"stretch\" justify=\"start\">\n @for (slot of financeiroStatSlots; track slot) {\n <app-form-col [xs]=\"12\" [sm]=\"6\">\n <div class=\"consulta-page-loading-skeleton__stat-card\">\n <div class=\"consulta-page-loading-skeleton__stat-head\">\n <span class=\"consulta-page-loading-skeleton__stat-icon\"></span>\n <span class=\"consulta-page-loading-skeleton__stat-title\"></span>\n </div>\n <span class=\"consulta-page-loading-skeleton__stat-value\"></span>\n </div>\n </app-form-col>\n }\n </app-form-row>\n }\n\n <div class=\"consulta-page-loading-skeleton__grid-host\">\n @if (variant() === 'financeiro') {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"financeiro\"\n [headerLabels]=\"financeiroGridHeaders\"\n [columnCount]=\"financeiroGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n } @else {\n <app-skeleton-table\n class=\"consulta-page-loading-skeleton__grid\"\n chrome=\"default\"\n [headerLabels]=\"metadataGridHeaders\"\n [columnCount]=\"metadataGridHeaders.length\"\n [rowCount]=\"8\"\n [showPager]=\"true\"\n [showActionsColumn]=\"false\"\n pagerRangeLabel=\"0 a 0 de 0\"\n pagerPageLabel=\"P\u00E1gina 0 de 0\"\n />\n }\n </div>\n</div>\n", styles: ["@keyframes ui-skeleton-shimmer{to{transform:translate(100%)}}:host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton{display:flex;flex:1 1 0%;flex-direction:column;gap:var(--home-content-gutter, .35rem);min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box}.consulta-page-loading-skeleton__filtros{flex-shrink:0;border-radius:var(--app-radius-md, .5rem);border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, #ffffff);overflow:hidden}.consulta-page-loading-skeleton__filtros-header{display:flex;align-items:center;gap:.5rem;min-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));max-height:var(--oficina-consulta-header-height, var(--app-header-height, 3.25rem));padding:.5rem .65rem;box-sizing:border-box;overflow:hidden}.consulta-page-loading-skeleton__chevron{flex-shrink:0;width:.55rem;height:.55rem;border-right:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);border-bottom:2px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 55%,transparent);transform:rotate(-45deg)}.consulta-page-loading-skeleton__filtros-titles{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.2rem;min-width:0}.consulta-page-loading-skeleton__filtros-title{font-size:.92rem;font-weight:600;line-height:1.25;color:var(--app-color-text-primary, #1a2f45)}.consulta-page-loading-skeleton__filtros-subtitle{display:block;width:42%;height:.62rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__filtros-subtitle:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats{flex-shrink:0;width:100%;min-width:0;margin:0;--oficina-consulta-stats-cols: 3}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{width:100%;min-width:0;gap:var(--oficina-consulta-panel-gap, .375rem)}@media(min-width:40rem){:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats .form-row__grid{display:grid;grid-template-columns:repeat(var(--oficina-consulta-stats-cols, 3),minmax(0,1fr))}:host ::ng-deep app-form-row.consulta-page-loading-skeleton__stats app-form-col{grid-column:span 1!important;width:100%;max-width:none}}.consulta-page-loading-skeleton__stat-card{display:flex;flex-direction:column;gap:.45rem;height:100%;min-height:5.5rem;padding:1rem 1.05rem;box-sizing:border-box;border-radius:10px;border:2px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));background:var(--app-color-surface, #ffffff);box-shadow:0 1px 2px #0f172a0a}.consulta-page-loading-skeleton__stat-head{display:flex;align-items:flex-start;gap:.5rem}.consulta-page-loading-skeleton__stat-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:8px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-icon:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-title{flex:1 1 auto;height:1.11rem;min-width:0;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-title:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__stat-value{display:block;width:44%;height:1.74rem;border-radius:6px;position:relative;overflow:hidden;background:var(--app-color-skeleton-track, color-mix(in srgb, var(--app-color-text-primary) 7%, var(--app-color-surface-alt) 93%))}.consulta-page-loading-skeleton__stat-value:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--app-color-skeleton-shine, color-mix(in srgb, var(--app-color-text-primary) 14%, transparent)),transparent);animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.consulta-page-loading-skeleton__grid-host{display:flex;flex:1 1 0%;flex-direction:column;min-height:0;min-width:0;width:100%}.consulta-page-loading-skeleton__grid{flex:1 1 0%;min-height:0;width:100%}@media(max-width:767.98px){.consulta-page-loading-skeleton__filtros-header{min-height:auto;max-height:none;padding:.45rem .5rem .55rem}}\n"] }]
|
|
25022
25022
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
25023
25023
|
|
|
25024
25024
|
function mapListarItensParaMultiselectOpcoes(itens, optionsValueField, optionsLabelField, optionsOnlyActive) {
|
|
@@ -27447,7 +27447,8 @@ function colunasGridTemFormatacaoDeclarativa(colunas) {
|
|
|
27447
27447
|
});
|
|
27448
27448
|
}
|
|
27449
27449
|
|
|
27450
|
-
|
|
27450
|
+
/** Sem colunas até o metadata da API — evita flash da coluna «Ações» no AG Grid. */
|
|
27451
|
+
const GRID_BOOTSTRAP_VAZIO = [];
|
|
27451
27452
|
/**
|
|
27452
27453
|
* Monta {@link ConsultaPageRuntime} com convenções metadata-driven (rotas, exclusão, navegação, grelha bootstrap).
|
|
27453
27454
|
* Quem chama dentro de `computed()` deve ler antes {@link ConsultaFiltrosSessaoConsultaPadraoApi.bundleStoreRevision} quando
|