@maro-tech/card 0.2.11 → 0.2.12

package/fesm2022/maro-tech-card.mjs

@@ -674,11 +674,13 @@ class TableComponent {
     headerActionsSignal = signal([], ...(ngDevMode ? [{ debugName: "headerActionsSignal" }] : /* istanbul ignore next */ []));
     loadingSignal = signal(false, ...(ngDevMode ? [{ debugName: "loadingSignal" }] : /* istanbul ignore next */ []));
     errorSignal = signal('', ...(ngDevMode ? [{ debugName: "errorSignal" }] : /* istanbul ignore next */ []));
+    summarySignal = signal('', ...(ngDevMode ? [{ debugName: "summarySignal" }] : /* istanbul ignore next */ []));
     columns = this.columnsSignal.asReadonly();
     rows = this.rowsSignal.asReadonly();
     headerActions = this.headerActionsSignal.asReadonly();
     isLoading = this.loadingSignal.asReadonly();
     error = this.errorSignal.asReadonly();
+    summary = this.summarySignal.asReadonly();
     tableData = computed(() => ({
         items: this.rowsSignal(),
         pagination: this.paginationSignal(),
@@ -782,6 +784,7 @@ class TableComponent {
                     .filter(([id, action]) => !['create', 'edit', 'delete'].includes(id) && action && typeof action === 'object')
                     .map(([id, action]) => ({ id, ...action })));
                 this.rowsSignal.set(this.rowsFrom(view, sourceColumns));
+                this.summarySignal.set(this.rowsSignal().length > 0 ? String(view.summary?.text || '').trim() : '');
                 if (view.pagination?.sizes?.length)
                     this.pageSizeOptionsSignal.set(view.pagination.sizes);
                 this.page = view.pagination?.page ?? this.page;
@@ -797,6 +800,7 @@ class TableComponent {
                 this.rowsSignal.set([]);
                 this.columnsSignal.set([]);
                 this.headerActionsSignal.set([]);
+                this.summarySignal.set('');
                 this.errorSignal.set(error?.error?.message || 'Не вдалося завантажити таблицю');
                 this.loadingSignal.set(false);
             },
@@ -933,11 +937,11 @@ class TableComponent {
         return String(resolveTemplateValue(value, row, { interpolate: true }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: TableComponent, isStandalone: true, selector: "app-card-table", inputs: { config: "config", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"space-y-4\">\n  @if (headerActions().length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of headerActions(); track action.id) {\n        <button type=\"button\" class=\"rounded-lg border border-slate-200 px-3 py-1.5 text-sm\" (click)=\"onHeaderAction(action)\">\n          {{ action.label }}\n        </button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    class=\"flex min-h-0 max-h-[80dvh] flex-col overflow-hidden\"\n    [data]=\"tableData()\"\n    [columns]=\"columns()\"\n    [actionsPosition]=\"actionsPositionSignal()\"\n    [pageSizeOptions]=\"pageSizeOptionsSignal()\"\n    [isLoading]=\"isLoading()\"\n    [disablePaging]=\"disablePaging\"\n    (pageChange)=\"onPageChange($event)\"\n    (actionClick)=\"onAction($event)\"\n    (cellChange)=\"onCellChange($event)\"\n  ></app-ui-table>\n</section>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiTableComponent, selector: "app-ui-table", inputs: ["pageSizeOptions", "actionsPosition", "columns", "isLoading", "data", "disablePaging", "rowClickable", "imageResolver"], outputs: ["pageChange", "rowClick", "actionClick", "cellChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: TableComponent, isStandalone: true, selector: "app-card-table", inputs: { config: "config", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"space-y-4\">\n  @if (headerActions().length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of headerActions(); track action.id) {\n        <button type=\"button\" class=\"rounded-lg border border-slate-200 px-3 py-1.5 text-sm\" (click)=\"onHeaderAction(action)\">\n          {{ action.label }}\n        </button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    class=\"flex min-h-0 max-h-[80dvh] flex-col overflow-hidden\"\n    [data]=\"tableData()\"\n    [columns]=\"columns()\"\n    [actionsPosition]=\"actionsPositionSignal()\"\n    [pageSizeOptions]=\"pageSizeOptionsSignal()\"\n    [isLoading]=\"isLoading()\"\n    [disablePaging]=\"disablePaging\"\n    [summary]=\"summary()\"\n    (pageChange)=\"onPageChange($event)\"\n    (actionClick)=\"onAction($event)\"\n    (cellChange)=\"onCellChange($event)\"\n  ></app-ui-table>\n</section>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiTableComponent, selector: "app-ui-table", inputs: ["pageSizeOptions", "actionsPosition", "summary", "columns", "isLoading", "data", "disablePaging", "rowClickable", "imageResolver"], outputs: ["pageChange", "rowClick", "actionClick", "cellChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-card-table', standalone: true, imports: [CommonModule, UiTableComponent], template: "<section class=\"space-y-4\">\n  @if (headerActions().length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of headerActions(); track action.id) {\n        <button type=\"button\" class=\"rounded-lg border border-slate-200 px-3 py-1.5 text-sm\" (click)=\"onHeaderAction(action)\">\n          {{ action.label }}\n        </button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    class=\"flex min-h-0 max-h-[80dvh] flex-col overflow-hidden\"\n    [data]=\"tableData()\"\n    [columns]=\"columns()\"\n    [actionsPosition]=\"actionsPositionSignal()\"\n    [pageSizeOptions]=\"pageSizeOptionsSignal()\"\n    [isLoading]=\"isLoading()\"\n    [disablePaging]=\"disablePaging\"\n    (pageChange)=\"onPageChange($event)\"\n    (actionClick)=\"onAction($event)\"\n    (cellChange)=\"onCellChange($event)\"\n  ></app-ui-table>\n</section>\n" }]
+            args: [{ selector: 'app-card-table', standalone: true, imports: [CommonModule, UiTableComponent], template: "<section class=\"space-y-4\">\n  @if (headerActions().length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of headerActions(); track action.id) {\n        <button type=\"button\" class=\"rounded-lg border border-slate-200 px-3 py-1.5 text-sm\" (click)=\"onHeaderAction(action)\">\n          {{ action.label }}\n        </button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    class=\"flex min-h-0 max-h-[80dvh] flex-col overflow-hidden\"\n    [data]=\"tableData()\"\n    [columns]=\"columns()\"\n    [actionsPosition]=\"actionsPositionSignal()\"\n    [pageSizeOptions]=\"pageSizeOptionsSignal()\"\n    [isLoading]=\"isLoading()\"\n    [disablePaging]=\"disablePaging\"\n    [summary]=\"summary()\"\n    (pageChange)=\"onPageChange($event)\"\n    (actionClick)=\"onAction($event)\"\n    (cellChange)=\"onCellChange($event)\"\n  ></app-ui-table>\n</section>\n" }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -949,6 +953,7 @@ function normalizeTableResponse(response) {
     const source = (raw['config'] || raw);
     return {
         ...source,
+        summary: raw['summary'] ?? source.summary,
         rows: raw['rows'] ?? raw['items'] ?? source.rows ?? [],
         pagination: {
             page: raw['page'] ?? source.pagination?.page,