@tetacom/ng-components 1.6.26 → 1.6.27

package/component/table/selection-cell/selection-cell.component.d.ts

@@ -1,17 +1,15 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Signal } from '@angular/core';
 import { TableService } from '../service/table.service';
 import * as i0 from "@angular/core";
-export declare class SelectionCellComponent<T> implements OnInit, OnDestroy {
+export declare class SelectionCellComponent<T> {
     private _svc;
     private _cdr;
-    row: T;
+    row: import("@angular/core").InputSignal<T>;
     private readonly tableCellClass;
-    selectedRows: T[];
-    private _alive;
+    selectedRows: Signal<T[]>;
+    isSelected: Signal<boolean>;
     constructor(_svc: TableService<T>, _cdr: ChangeDetectorRef);
     selectRow(value: boolean): void;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionCellComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionCellComponent<any>, "teta-selection-cell", never, { "row": { "alias": "row"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionCellComponent<any>, "teta-selection-cell", never, { "row": { "alias": "row"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fesm2022/tetacom-ng-components.mjs

@@ -8199,36 +8199,35 @@ class SelectionCellComponent {
     constructor(_svc, _cdr) {
         this._svc = _svc;
         this._cdr = _cdr;
+        this.row = input.required();
         this.tableCellClass = true;
-        this.selectedRows = [];
-        this._alive = true;
+        this.selectedRows = toSignal(this._svc.selectedRows, {
+            initialValue: [],
+        });
+        this.isSelected = computed(() => {
+            const selectedRows = this.selectedRows();
+            const row = this.row();
+            if (row && selectedRows) {
+                return selectedRows.indexOf(row) >= 0;
+            }
+            return false;
+        });
     }
     selectRow(value) {
         if (value) {
-            this._svc.selectRow(this.row);
+            this._svc.selectRow(this.row());
         }
         else {
-            this._svc.deselectRow(this.row);
+            this._svc.deselectRow(this.row());
         }
     }
-    ngOnInit() {
-        this._svc.selectedRows.pipe(takeWhile((_) => this._alive)).subscribe((_) => {
-            this.selectedRows = _;
-            this._cdr.markForCheck();
-        });
-    }
-    ngOnDestroy() {
-        this._alive = false;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectionCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SelectionCellComponent, isStandalone: true, selector: "teta-selection-cell", inputs: { row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: SelectionCellComponent, isStandalone: true, selector: "teta-selection-cell", inputs: { row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"isSelected()\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectionCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-selection-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
-        }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { row: [{
-                type: Input
-            }], tableCellClass: [{
+            args: [{ selector: 'teta-selection-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"isSelected()\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { tableCellClass: [{
                 type: HostBinding,
                 args: ['class.cell']
             }] } });