From bd7b4b8fdcfc1009cbd8147f6d8eee2995427b3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sinan=20=C3=96zt=C3=BCrk?= <sinanozturk997@gmail.com>
Date: Mon, 26 Feb 2024 18:14:23 +0300
Subject: [PATCH] set default `className` if `group.name` doesn't defined in
 prop

---
 .../components/extensible/src/lib/models/form-props.ts         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/npm/ng-packs/packages/components/extensible/src/lib/models/form-props.ts b/npm/ng-packs/packages/components/extensible/src/lib/models/form-props.ts
index 3ad64e8a13..129dfbbd9c 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/models/form-props.ts
+++ b/npm/ng-packs/packages/components/extensible/src/lib/models/form-props.ts
@@ -29,6 +29,7 @@ export interface FormPropGroup {
 
 export class GroupedFormPropList<R = any> {
   public readonly items: GroupedFormPropItem[] = [];
+  count = 1;
   addItem(item: FormProp<R>) {
     const groupName = item.group?.name;
     let group = this.items.find(i => i.group?.name === groupName);
@@ -37,7 +38,7 @@ export class GroupedFormPropList<R = any> {
     } else {
       group = {
         formPropList: new FormPropList(),
-        group: item.group,
+        group: item.group || { name: `default${this.count++}`, className: item.group?.className },
       };
       group.formPropList.addHead(item);
       this.items.push(group);