@devstroupe/devkit-cli 1.2.0-beta.4 → 1.2.0-beta.5

package/dist/templates/relationship-templates.test.js

@@ -93,6 +93,9 @@ function assertValidTypeScript(source) {
     const select = (0, select_template_1.devkitSelectTemplate)();
     strict_1.default.match(select.ts, /searchChange = new EventEmitter<string>/);
     strict_1.default.match(select.ts, /setTimeout\(\(\) => this\.searchChange\.emit/);
+    strict_1.default.match(select.ts, /if \(this\.valuesEqual\(this\.value, val\)\)/);
+    strict_1.default.match(select.ts, /trackByValue/);
+    strict_1.default.match(select.html, /trackBy: trackByValue/);
     strict_1.default.match(select.html, /Carregar mais/);
     strict_1.default.match(select.html, /loadMore\.emit\(\)/);
     assertValidTypeScript(select.ts);

package/dist/templates/ui/components/select.template.js

@@ -67,11 +67,19 @@ export class DevkitSelectComponent implements ControlValueAccessor, OnDestroy {
   }
 
   onValueChange(val: any): void {
+    if (this.valuesEqual(this.value, val)) {
+      this.onTouched();
+      return;
+    }
     this.value = val;
     this.onChange(val);
     this.onTouched();
   }
 
+  trackByValue(_index: number, option: DevkitSelectOption): any {
+    return option.value;
+  }
+
   onSearchInput(event: Event): void {
     this.searchTerm = (event.target as HTMLInputElement).value;
     if (this.searchTimer) clearTimeout(this.searchTimer);
@@ -93,6 +101,14 @@ export class DevkitSelectComponent implements ControlValueAccessor, OnDestroy {
     const selected = this.options.find(opt => opt.value === value);
     return selected ? selected.label : this.placeholder;
   }
+
+  private valuesEqual(current: any, next: any): boolean {
+    if (Array.isArray(current) && Array.isArray(next)) {
+      return current.length === next.length
+        && current.every((value, index) => Object.is(value, next[index]));
+    }
+    return Object.is(current, next);
+  }
 }
 `,
         html: `<div class="flex w-full flex-col space-y-1.5">
@@ -115,7 +131,7 @@ export class DevkitSelectComponent implements ControlValueAccessor, OnDestroy {
       <ng-container *ngTemplateOutlet="lookupSearch"></ng-container>
       <hlm-select-group>
         <hlm-select-item *ngIf="placeholder" [value]="null">{{ placeholder }}</hlm-select-item>
-        <hlm-select-item *ngFor="let opt of options" [value]="opt.value">{{ opt.label }}</hlm-select-item>
+        <hlm-select-item *ngFor="let opt of options; trackBy: trackByValue" [value]="opt.value">{{ opt.label }}</hlm-select-item>
       </hlm-select-group>
       <ng-container *ngTemplateOutlet="lookupFooter"></ng-container>
     </hlm-select-content>
@@ -135,7 +151,7 @@ export class DevkitSelectComponent implements ControlValueAccessor, OnDestroy {
     <hlm-select-content *hlmSelectPortal>
       <ng-container *ngTemplateOutlet="lookupSearch"></ng-container>
       <hlm-select-group>
-        <hlm-select-item *ngFor="let opt of options" [value]="opt.value">{{ opt.label }}</hlm-select-item>
+        <hlm-select-item *ngFor="let opt of options; trackBy: trackByValue" [value]="opt.value">{{ opt.label }}</hlm-select-item>
       </hlm-select-group>
       <ng-container *ngTemplateOutlet="lookupFooter"></ng-container>
     </hlm-select-content>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devstroupe/devkit-cli",
-  "version": "1.2.0-beta.4",
+  "version": "1.2.0-beta.5",
   "description": "DevsTroupe Development Kit CLI — scaffold NestJS+Angular projects, inject Spartan UI, generate CRUDs and audit architectural governance",
   "license": "MIT",
   "keywords": [
@@ -36,7 +36,7 @@
   "dependencies": {
     "commander": "^12.0.0",
     "fs-extra": "^11.2.0",
-    "@devstroupe/devkit-core": "1.2.0-beta.4"
+    "@devstroupe/devkit-core": "1.2.0-beta.5"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",