@bizy/core 19.0.10 → 19.0.12

package/fesm2022/bizy-core.mjs

@@ -2540,42 +2540,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
             }] } });
 
 class BizyGridRowComponent {
-    elementRef;
-    ref;
-    renderer;
+    #elementRef = inject(ElementRef);
+    #ref = inject(ChangeDetectorRef);
+    #renderer = inject(Renderer2);
     rowHeight = 100; // Px
     set itemsPerRow(itemsPerRow) {
-        if (!this.elementRef.nativeElement) {
+        if (!this.#elementRef.nativeElement) {
             return;
         }
         if (!itemsPerRow) {
             itemsPerRow = 1;
         }
-        this.renderer.setStyle(this.elementRef.nativeElement, 'gridTemplateRows', `${this.rowHeight}px`);
-        this.renderer.setStyle(this.elementRef.nativeElement, 'gridTemplateColumns', `repeat(${itemsPerRow}, minmax(0, 1fr)`);
-        this.ref.detectChanges();
-    }
-    constructor(elementRef, ref, renderer) {
-        this.elementRef = elementRef;
-        this.ref = ref;
-        this.renderer = renderer;
+        this.#renderer.setStyle(this.#elementRef.nativeElement, 'gridTemplateRows', `${this.rowHeight}px`);
+        this.#renderer.setStyle(this.#elementRef.nativeElement, 'gridTemplateColumns', `repeat(${itemsPerRow}, minmax(0, 1fr)`);
+        this.#ref.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyGridRowComponent, deps: [{ token: ElementRef }, { token: ChangeDetectorRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyGridRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: BizyGridRowComponent, isStandalone: true, selector: "bizy-grid-row", inputs: { rowHeight: "rowHeight", itemsPerRow: "itemsPerRow" }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{font-size:1rem;display:grid;column-gap:var(--bizy-grid-gap);margin-bottom:var(--bizy-grid-gap)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyGridRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizy-grid-row', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{font-size:1rem;display:grid;column-gap:var(--bizy-grid-gap);margin-bottom:var(--bizy-grid-gap)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
-                    type: Inject,
-                    args: [ElementRef]
-                }] }, { type: i0.ChangeDetectorRef, decorators: [{
-                    type: Inject,
-                    args: [ChangeDetectorRef]
-                }] }, { type: i0.Renderer2, decorators: [{
-                    type: Inject,
-                    args: [Renderer2]
-                }] }], propDecorators: { rowHeight: [{
+        }], propDecorators: { rowHeight: [{
                 type: Input
             }], itemsPerRow: [{
                 type: Input
@@ -2618,19 +2604,19 @@ class BizyGridComponent {
     itemRows = [];
     itemTemplate;
     itemsPerRow = 1;
-    items;
+    items = signal([]);
     constructor(ref, document, renderer, elementRef) {
         this.ref = ref;
         this.document = document;
         this.renderer = renderer;
         this.elementRef = elementRef;
-        this.items = this.gridDirective.items;
     }
     ngAfterContentInit() {
         this.#rowScrollingMutationObserver = new MutationObserver(() => {
             if (!this.gridDirective) {
                 return;
             }
+            this.items = this.gridDirective.items;
             effect(() => {
                 this.#updateView();
                 if (!this.#view) {