@maro-tech/card 0.2.4 → 0.2.6

package/fesm2022/maro-tech-card.mjs

@@ -675,6 +675,7 @@ class TableComponent {
     rowsSignal = signal([], ...(ngDevMode ? [{ debugName: "rowsSignal" }] : /* istanbul ignore next */ []));
     paginationSignal = signal({ page: 0, pageSize: 10, total: 0 }, ...(ngDevMode ? [{ debugName: "paginationSignal" }] : /* istanbul ignore next */ []));
     pageSizeOptionsSignal = signal([10, 20, 30], ...(ngDevMode ? [{ debugName: "pageSizeOptionsSignal" }] : /* istanbul ignore next */ []));
+    actionsPositionSignal = signal('end', ...(ngDevMode ? [{ debugName: "actionsPositionSignal" }] : /* istanbul ignore next */ []));
     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 */ []));
@@ -775,6 +776,7 @@ class TableComponent {
             next: (view) => {
                 const sourceColumns = view.columns || [];
                 this.sourceColumns = sourceColumns;
+                this.actionsPositionSignal.set(view.actionsPosition === 'start' ? 'start' : 'end');
                 this.setColumns();
                 this.headerActionsSignal.set(Object.entries(view.actions || {})
                     .filter(([id, action]) => !['create', 'edit', 'delete'].includes(id) && action && typeof action === 'object')
@@ -809,6 +811,7 @@ class TableComponent {
                 key,
                 labelKey: String(column['label'] || key),
                 type: column['type'],
+                icon: column['icon'],
                 width: column['width'],
                 sortable: true,
                 link: column['link'],
@@ -930,11 +933,11 @@ class TableComponent {
         return value;
     }
     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    [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", "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    (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"] }] });
 }
 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    [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    (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 }]