structra-ui 0.2.69 → 0.2.73
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
|
@@ -1349,12 +1349,15 @@ class SkeletonTableComponent {
|
|
|
1349
1349
|
isActionsHeaderCell(label, index) {
|
|
1350
1350
|
return index === 0 && this.showActionsColumn() && label.trim().toLowerCase() === 'ações';
|
|
1351
1351
|
}
|
|
1352
|
+
isActionsBodyCell(index) {
|
|
1353
|
+
return index === 0 && this.showActionsColumn();
|
|
1354
|
+
}
|
|
1352
1355
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SkeletonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1353
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SkeletonTableComponent, isStandalone: true, selector: "app-skeleton-table", inputs: { columnCount: { classPropertyName: "columnCount", publicName: "columnCount", isSignal: false, isRequired: false, transformFunction: numberAttribute }, rowCount: { classPropertyName: "rowCount", publicName: "rowCount", isSignal: false, isRequired: false, transformFunction: numberAttribute }, showPager: { classPropertyName: "showPager", publicName: "showPager", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, bodyOnly: { classPropertyName: "bodyOnly", publicName: "bodyOnly", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, headerLabels: { classPropertyName: "headerLabels", publicName: "headerLabels", isSignal: true, isRequired: false, transformFunction: null }, chrome: { classPropertyName: "chrome", publicName: "chrome", isSignal: true, isRequired: false, transformFunction: null }, showActionsColumn: { classPropertyName: "showActionsColumn", publicName: "showActionsColumn", isSignal: true, isRequired: false, transformFunction: null }, pagerRangeLabel: { classPropertyName: "pagerRangeLabel", publicName: "pagerRangeLabel", isSignal: true, isRequired: false, transformFunction: null }, pagerPageLabel: { classPropertyName: "pagerPageLabel", publicName: "pagerPageLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"skeleton-table\"\n [class.skeleton-table--body-only]=\"bodyOnly\"\n [class.skeleton-table--chrome-financeiro]=\"chrome() === 'financeiro'\"\n aria-hidden=\"true\">\n @if (!bodyOnly) {\n <div class=\"skeleton-table__header\">\n @for (label of resolvedHeaderLabels(); track $index; let i = $index) {\n <div\n class=\"skeleton-table__header-cell\"\n [class.skeleton-table__header-cell--actions]=\"isActionsHeaderCell(label, i)\"\n [class.skeleton-table__header-cell--skeleton]=\"!label?.trim()\">\n @if (label?.trim()) {\n <span class=\"skeleton-table__header-label\">{{ label }}</span>\n } @else {\n <app-skeleton-block class=\"skeleton-table__cell\" width=\"72%\" height=\"0.65rem\" radius=\"6px\" [animate]=\"animate\" />\n }\n </div>\n }\n </div>\n }\n <div class=\"skeleton-table__body\">\n @for (r of rowIndexes(); track r) {\n <div class=\"skeleton-table__row\">\n @for (c of colIndexesList(); track c; let i = $index) {\n <div class=\"skeleton-table__body-cell\" [class.skeleton-table__body-cell--actions]=\"i
|
|
1356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SkeletonTableComponent, isStandalone: true, selector: "app-skeleton-table", inputs: { columnCount: { classPropertyName: "columnCount", publicName: "columnCount", isSignal: false, isRequired: false, transformFunction: numberAttribute }, rowCount: { classPropertyName: "rowCount", publicName: "rowCount", isSignal: false, isRequired: false, transformFunction: numberAttribute }, showPager: { classPropertyName: "showPager", publicName: "showPager", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, bodyOnly: { classPropertyName: "bodyOnly", publicName: "bodyOnly", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, headerLabels: { classPropertyName: "headerLabels", publicName: "headerLabels", isSignal: true, isRequired: false, transformFunction: null }, chrome: { classPropertyName: "chrome", publicName: "chrome", isSignal: true, isRequired: false, transformFunction: null }, showActionsColumn: { classPropertyName: "showActionsColumn", publicName: "showActionsColumn", isSignal: true, isRequired: false, transformFunction: null }, pagerRangeLabel: { classPropertyName: "pagerRangeLabel", publicName: "pagerRangeLabel", isSignal: true, isRequired: false, transformFunction: null }, pagerPageLabel: { classPropertyName: "pagerPageLabel", publicName: "pagerPageLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"skeleton-table\"\n [class.skeleton-table--body-only]=\"bodyOnly\"\n [class.skeleton-table--chrome-financeiro]=\"chrome() === 'financeiro'\"\n aria-hidden=\"true\">\n @if (!bodyOnly) {\n <div class=\"skeleton-table__header\">\n @for (label of resolvedHeaderLabels(); track $index; let i = $index) {\n <div\n class=\"skeleton-table__header-cell\"\n [class.skeleton-table__header-cell--actions]=\"isActionsHeaderCell(label, i)\"\n [class.skeleton-table__header-cell--skeleton]=\"!label?.trim()\">\n @if (label?.trim()) {\n <span class=\"skeleton-table__header-label\">{{ label }}</span>\n } @else {\n <app-skeleton-block class=\"skeleton-table__cell\" width=\"72%\" height=\"0.65rem\" radius=\"6px\" [animate]=\"animate\" />\n }\n </div>\n }\n </div>\n }\n <div class=\"skeleton-table__body\">\n @for (r of rowIndexes(); track r) {\n <div class=\"skeleton-table__row\">\n @for (c of colIndexesList(); track c; let i = $index) {\n <div class=\"skeleton-table__body-cell\" [class.skeleton-table__body-cell--actions]=\"isActionsBodyCell(i)\">\n @if (isActionsBodyCell(i)) {\n <div class=\"skeleton-table__actions-chips\">\n <app-skeleton-block width=\"1.15rem\" height=\"1.15rem\" radius=\"4px\" [animate]=\"animate\" />\n <app-skeleton-block width=\"1.15rem\" height=\"1.15rem\" radius=\"4px\" [animate]=\"animate\" />\n </div>\n } @else {\n <app-skeleton-block class=\"skeleton-table__cell\" width=\"72%\" height=\"0.55rem\" radius=\"5px\" [animate]=\"animate\" />\n }\n </div>\n }\n </div>\n }\n </div>\n @if (showPager && !bodyOnly) {\n <div class=\"skeleton-table__pager\">\n <span class=\"skeleton-table__pager-range\">{{ pagerRangeLabel() }}</span>\n <span class=\"skeleton-table__pager-nav\" aria-hidden=\"true\">\n <span class=\"skeleton-table__pager-btn\">«</span>\n <span class=\"skeleton-table__pager-btn\">‹</span>\n <span class=\"skeleton-table__pager-page\">{{ pagerPageLabel() }}</span>\n <span class=\"skeleton-table__pager-btn\">›</span>\n <span class=\"skeleton-table__pager-btn\">»</span>\n </span>\n </div>\n }\n</div>\n", styles: [":host{display:block;width:100%;min-width:0;height:100%;min-height:0;box-sizing:border-box}.skeleton-table{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;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-elevated-surface, var(--app-color-surface));--skeleton-table-header-bg: var( --data-grid-header-background, color-mix(in srgb, var(--app-color-primary) 10%, var(--app-color-background, #ffffff)) )}.skeleton-table--chrome-financeiro{--skeleton-table-header-bg: var( --data-grid-header-background, color-mix(in srgb, var(--app-color-success, #15803d) 12%, var(--app-color-background, #ffffff)) )}.skeleton-table--body-only{border:none;border-radius:0;background:transparent}.skeleton-table__header{display:flex;align-items:stretch;flex-shrink:0;min-height:calc(var(--ag-grid-size, 7px) * 8);background:var(--skeleton-table-header-bg);border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1))}.skeleton-table__header-cell{display:flex;flex:1 1 0%;align-items:center;justify-content:flex-start;min-width:0;padding:.65rem .75rem;box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 10%,transparent)}.skeleton-table__header-cell:last-child{border-right:none}.skeleton-table__header-cell--actions{flex:0 0 6.5rem;max-width:6.5rem;justify-content:center;border-right:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12))}.skeleton-table__header-cell--skeleton{justify-content:flex-start;align-items:flex-end;padding-top:.35rem;padding-bottom:.55rem}.skeleton-table__header-label{font-size:.85rem;font-weight:600;line-height:1.2;color:var(--app-color-text-primary, #1a2f45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skeleton-table__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.skeleton-table__row{display:flex;align-items:stretch;flex:0 0 auto;min-height:2.35rem;border-bottom:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 7%,transparent);background:var(--app-color-surface, #ffffff)}.skeleton-table__row:nth-child(2n){background:var(--app-color-surface-alt, var(--app-color-background, #f8fafc))}.skeleton-table__body-cell{display:flex;flex:1 1 0%;align-items:center;min-width:0;padding:.55rem .75rem;box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 6%,transparent)}.skeleton-table__body-cell:last-child{border-right:none}.skeleton-table__body-cell--actions{flex:0 0 6.5rem;max-width:6.5rem;justify-content:center;border-right:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12))}.skeleton-table__actions-chips{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0}.skeleton-table__cell{flex:1 1 0;min-width:0}:host ::ng-deep .skeleton-table__header-cell--skeleton>app-skeleton-block.skeleton-table__cell{flex:0 1 auto;min-width:0;align-self:flex-end}:host ::ng-deep .skeleton-table__body-cell>app-skeleton-block.skeleton-table__cell{flex:1 1 0%;min-width:0;align-self:stretch}:host ::ng-deep .skeleton-table__header,:host ::ng-deep .skeleton-table__row{width:100%;box-sizing:border-box}:host ::ng-deep .skeleton-table__body{width:100%;box-sizing:border-box}.skeleton-table__pager{display:flex;flex-shrink:0;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem;min-height:calc(var(--ag-grid-size, 7px) * 8);padding:.5rem .75rem;box-sizing:border-box;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));background:var(--skeleton-table-header-bg);font-size:.85rem;color:var(--app-color-tab-inactive-text, #51667a);-webkit-user-select:none;user-select:none}.skeleton-table__pager-range{flex:0 0 auto}.skeleton-table__pager-nav{display:inline-flex;align-items:center;gap:.35rem}.skeleton-table__pager-page{min-width:5.5rem;text-align:center}.skeleton-table__pager-btn{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 18%,transparent);border-radius:4px;background:transparent;color:color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 70%,transparent);font-size:.72rem;line-height:1;opacity:.45;pointer-events:none}\n"], dependencies: [{ kind: "component", type: SkeletonBlockComponent, selector: "app-skeleton-block", inputs: ["width", "height", "radius", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1354
1357
|
}
|
|
1355
1358
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SkeletonTableComponent, decorators: [{
|
|
1356
1359
|
type: Component,
|
|
1357
|
-
args: [{ selector: 'app-skeleton-table', imports: [SkeletonBlockComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"skeleton-table\"\n [class.skeleton-table--body-only]=\"bodyOnly\"\n [class.skeleton-table--chrome-financeiro]=\"chrome() === 'financeiro'\"\n aria-hidden=\"true\">\n @if (!bodyOnly) {\n <div class=\"skeleton-table__header\">\n @for (label of resolvedHeaderLabels(); track $index; let i = $index) {\n <div\n class=\"skeleton-table__header-cell\"\n [class.skeleton-table__header-cell--actions]=\"isActionsHeaderCell(label, i)\"\n [class.skeleton-table__header-cell--skeleton]=\"!label?.trim()\">\n @if (label?.trim()) {\n <span class=\"skeleton-table__header-label\">{{ label }}</span>\n } @else {\n <app-skeleton-block class=\"skeleton-table__cell\" width=\"72%\" height=\"0.65rem\" radius=\"6px\" [animate]=\"animate\" />\n }\n </div>\n }\n </div>\n }\n <div class=\"skeleton-table__body\">\n @for (r of rowIndexes(); track r) {\n <div class=\"skeleton-table__row\">\n @for (c of colIndexesList(); track c; let i = $index) {\n <div class=\"skeleton-table__body-cell\" [class.skeleton-table__body-cell--actions]=\"i
|
|
1360
|
+
args: [{ selector: 'app-skeleton-table', imports: [SkeletonBlockComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"skeleton-table\"\n [class.skeleton-table--body-only]=\"bodyOnly\"\n [class.skeleton-table--chrome-financeiro]=\"chrome() === 'financeiro'\"\n aria-hidden=\"true\">\n @if (!bodyOnly) {\n <div class=\"skeleton-table__header\">\n @for (label of resolvedHeaderLabels(); track $index; let i = $index) {\n <div\n class=\"skeleton-table__header-cell\"\n [class.skeleton-table__header-cell--actions]=\"isActionsHeaderCell(label, i)\"\n [class.skeleton-table__header-cell--skeleton]=\"!label?.trim()\">\n @if (label?.trim()) {\n <span class=\"skeleton-table__header-label\">{{ label }}</span>\n } @else {\n <app-skeleton-block class=\"skeleton-table__cell\" width=\"72%\" height=\"0.65rem\" radius=\"6px\" [animate]=\"animate\" />\n }\n </div>\n }\n </div>\n }\n <div class=\"skeleton-table__body\">\n @for (r of rowIndexes(); track r) {\n <div class=\"skeleton-table__row\">\n @for (c of colIndexesList(); track c; let i = $index) {\n <div class=\"skeleton-table__body-cell\" [class.skeleton-table__body-cell--actions]=\"isActionsBodyCell(i)\">\n @if (isActionsBodyCell(i)) {\n <div class=\"skeleton-table__actions-chips\">\n <app-skeleton-block width=\"1.15rem\" height=\"1.15rem\" radius=\"4px\" [animate]=\"animate\" />\n <app-skeleton-block width=\"1.15rem\" height=\"1.15rem\" radius=\"4px\" [animate]=\"animate\" />\n </div>\n } @else {\n <app-skeleton-block class=\"skeleton-table__cell\" width=\"72%\" height=\"0.55rem\" radius=\"5px\" [animate]=\"animate\" />\n }\n </div>\n }\n </div>\n }\n </div>\n @if (showPager && !bodyOnly) {\n <div class=\"skeleton-table__pager\">\n <span class=\"skeleton-table__pager-range\">{{ pagerRangeLabel() }}</span>\n <span class=\"skeleton-table__pager-nav\" aria-hidden=\"true\">\n <span class=\"skeleton-table__pager-btn\">«</span>\n <span class=\"skeleton-table__pager-btn\">‹</span>\n <span class=\"skeleton-table__pager-page\">{{ pagerPageLabel() }}</span>\n <span class=\"skeleton-table__pager-btn\">›</span>\n <span class=\"skeleton-table__pager-btn\">»</span>\n </span>\n </div>\n }\n</div>\n", styles: [":host{display:block;width:100%;min-width:0;height:100%;min-height:0;box-sizing:border-box}.skeleton-table{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;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-elevated-surface, var(--app-color-surface));--skeleton-table-header-bg: var( --data-grid-header-background, color-mix(in srgb, var(--app-color-primary) 10%, var(--app-color-background, #ffffff)) )}.skeleton-table--chrome-financeiro{--skeleton-table-header-bg: var( --data-grid-header-background, color-mix(in srgb, var(--app-color-success, #15803d) 12%, var(--app-color-background, #ffffff)) )}.skeleton-table--body-only{border:none;border-radius:0;background:transparent}.skeleton-table__header{display:flex;align-items:stretch;flex-shrink:0;min-height:calc(var(--ag-grid-size, 7px) * 8);background:var(--skeleton-table-header-bg);border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1))}.skeleton-table__header-cell{display:flex;flex:1 1 0%;align-items:center;justify-content:flex-start;min-width:0;padding:.65rem .75rem;box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 10%,transparent)}.skeleton-table__header-cell:last-child{border-right:none}.skeleton-table__header-cell--actions{flex:0 0 6.5rem;max-width:6.5rem;justify-content:center;border-right:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12))}.skeleton-table__header-cell--skeleton{justify-content:flex-start;align-items:flex-end;padding-top:.35rem;padding-bottom:.55rem}.skeleton-table__header-label{font-size:.85rem;font-weight:600;line-height:1.2;color:var(--app-color-text-primary, #1a2f45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skeleton-table__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.skeleton-table__row{display:flex;align-items:stretch;flex:0 0 auto;min-height:2.35rem;border-bottom:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 7%,transparent);background:var(--app-color-surface, #ffffff)}.skeleton-table__row:nth-child(2n){background:var(--app-color-surface-alt, var(--app-color-background, #f8fafc))}.skeleton-table__body-cell{display:flex;flex:1 1 0%;align-items:center;min-width:0;padding:.55rem .75rem;box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 6%,transparent)}.skeleton-table__body-cell:last-child{border-right:none}.skeleton-table__body-cell--actions{flex:0 0 6.5rem;max-width:6.5rem;justify-content:center;border-right:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12))}.skeleton-table__actions-chips{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0}.skeleton-table__cell{flex:1 1 0;min-width:0}:host ::ng-deep .skeleton-table__header-cell--skeleton>app-skeleton-block.skeleton-table__cell{flex:0 1 auto;min-width:0;align-self:flex-end}:host ::ng-deep .skeleton-table__body-cell>app-skeleton-block.skeleton-table__cell{flex:1 1 0%;min-width:0;align-self:stretch}:host ::ng-deep .skeleton-table__header,:host ::ng-deep .skeleton-table__row{width:100%;box-sizing:border-box}:host ::ng-deep .skeleton-table__body{width:100%;box-sizing:border-box}.skeleton-table__pager{display:flex;flex-shrink:0;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem;min-height:calc(var(--ag-grid-size, 7px) * 8);padding:.5rem .75rem;box-sizing:border-box;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));background:var(--skeleton-table-header-bg);font-size:.85rem;color:var(--app-color-tab-inactive-text, #51667a);-webkit-user-select:none;user-select:none}.skeleton-table__pager-range{flex:0 0 auto}.skeleton-table__pager-nav{display:inline-flex;align-items:center;gap:.35rem}.skeleton-table__pager-page{min-width:5.5rem;text-align:center}.skeleton-table__pager-btn{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:1px solid color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 18%,transparent);border-radius:4px;background:transparent;color:color-mix(in srgb,var(--app-color-text-secondary, #4a6682) 70%,transparent);font-size:.72rem;line-height:1;opacity:.45;pointer-events:none}\n"] }]
|
|
1358
1361
|
}], propDecorators: { columnCount: [{
|
|
1359
1362
|
type: Input,
|
|
1360
1363
|
args: [{ transform: numberAttribute }]
|
|
@@ -14236,14 +14239,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
14236
14239
|
args: [{ providedIn: 'root' }]
|
|
14237
14240
|
}] });
|
|
14238
14241
|
|
|
14239
|
-
/**
|
|
14242
|
+
/** Placeholders genéricos no skeleton antes do metadata da API (coluna Ações incluída). */
|
|
14240
14243
|
const CONSULTA_SKELETON_GRID_COLUMN_COUNT = 5;
|
|
14241
|
-
|
|
14242
|
-
|
|
14243
|
-
const CONSULTA_SKELETON_GRID_HEADERS = [
|
|
14244
|
-
'Ações',
|
|
14245
|
-
...Array.from({ length: CONSULTA_SKELETON_DATA_COL_COUNT }, () => ''),
|
|
14246
|
-
];
|
|
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 }, () => '');
|
|
14247
14246
|
/** A grelha de consulta está pronta quando há pelo menos uma coluna de dados (além de «Ações»). */
|
|
14248
14247
|
function consultaGrelhaTemColunasDados(colunas) {
|
|
14249
14248
|
return (colunas ?? []).some((c) => c.type !== 'actions' && String(c.key ?? '').trim() !== '__actions');
|
|
@@ -14454,11 +14453,15 @@ class DataGridComponent {
|
|
|
14454
14453
|
return (this.rows?.length ?? 0) === 0;
|
|
14455
14454
|
}
|
|
14456
14455
|
/**
|
|
14457
|
-
*
|
|
14458
|
-
*
|
|
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.
|
|
14459
14458
|
*/
|
|
14460
14459
|
get showFullPlaceholderSkeleton() {
|
|
14461
|
-
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;
|
|
14462
14465
|
}
|
|
14463
14466
|
/** Só esvazia `rowData` durante loading quando ainda não há linhas a mostrar. */
|
|
14464
14467
|
get clearRowDataWhileLoading() {
|
|
@@ -14482,12 +14485,12 @@ class DataGridComponent {
|
|
|
14482
14485
|
* Evita o mínimo artificial de `2` — com `columns` vazio no primeiro paint isso parecia lista em cartão (card list).
|
|
14483
14486
|
*/
|
|
14484
14487
|
get skeletonColumnCount() {
|
|
14488
|
+
if (this.showFullPlaceholderSkeleton) {
|
|
14489
|
+
return CONSULTA_SKELETON_GRID_COLUMN_COUNT;
|
|
14490
|
+
}
|
|
14485
14491
|
const visible = this.columnsForGrid(this.columns ?? []);
|
|
14486
14492
|
const n = visible.length;
|
|
14487
14493
|
if (n > 0) {
|
|
14488
|
-
if (this.loading && this.countDataColumns(this.columns ?? []) === 0) {
|
|
14489
|
-
return CONSULTA_SKELETON_GRID_COLUMN_COUNT;
|
|
14490
|
-
}
|
|
14491
14494
|
return Math.min(24, n);
|
|
14492
14495
|
}
|
|
14493
14496
|
return 8;
|
|
@@ -15380,11 +15383,11 @@ class DataGridComponent {
|
|
|
15380
15383
|
});
|
|
15381
15384
|
}
|
|
15382
15385
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15383
|
-
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 }); }
|
|
15384
15387
|
}
|
|
15385
15388
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataGridComponent, decorators: [{
|
|
15386
15389
|
type: Component,
|
|
15387
|
-
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"] }]
|
|
15388
15391
|
}], ctorParameters: () => [], propDecorators: { rows: [{
|
|
15389
15392
|
type: Input,
|
|
15390
15393
|
args: [{ required: true }]
|
|
@@ -24996,7 +24999,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
24996
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 }] }] } });
|
|
24997
25000
|
|
|
24998
25001
|
const FINANCEIRO_GRID_HEADERS = [
|
|
24999
|
-
'
|
|
25002
|
+
'',
|
|
25000
25003
|
'Descrição',
|
|
25001
25004
|
'Categoria',
|
|
25002
25005
|
'Valor',
|
|
@@ -25011,11 +25014,11 @@ class ConsultaPageLoadingSkeletonComponent {
|
|
|
25011
25014
|
this.metadataGridHeaders = CONSULTA_SKELETON_GRID_HEADERS;
|
|
25012
25015
|
}
|
|
25013
25016
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConsultaPageLoadingSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25014
|
-
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 }); }
|
|
25015
25018
|
}
|
|
25016
25019
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConsultaPageLoadingSkeletonComponent, decorators: [{
|
|
25017
25020
|
type: Component,
|
|
25018
|
-
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"] }]
|
|
25019
25022
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
25020
25023
|
|
|
25021
25024
|
function mapListarItensParaMultiselectOpcoes(itens, optionsValueField, optionsLabelField, optionsOnlyActive) {
|
|
@@ -27444,7 +27447,8 @@ function colunasGridTemFormatacaoDeclarativa(colunas) {
|
|
|
27444
27447
|
});
|
|
27445
27448
|
}
|
|
27446
27449
|
|
|
27447
|
-
|
|
27450
|
+
/** Sem colunas até o metadata da API — evita flash da coluna «Ações» no AG Grid. */
|
|
27451
|
+
const GRID_BOOTSTRAP_VAZIO = [];
|
|
27448
27452
|
/**
|
|
27449
27453
|
* Monta {@link ConsultaPageRuntime} com convenções metadata-driven (rotas, exclusão, navegação, grelha bootstrap).
|
|
27450
27454
|
* Quem chama dentro de `computed()` deve ler antes {@link ConsultaFiltrosSessaoConsultaPadraoApi.bundleStoreRevision} quando
|