@piying-lib/angular-daisyui 1.1.7 → 1.2.0

package/extension/index.d.ts

@@ -404,6 +404,103 @@ declare class ListTemplateNFCC {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListTemplateNFCC, "app-list-template", never, { "template": { "alias": "template"; "required": true; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class EditableGroupFGC extends PiyingViewGroupBase {
+    #private;
+    static __version: number;
+    templateRef: _angular_core.Signal<unknown>;
+    PiyingView: typeof PiyingView;
+    layout: _angular_core.InputSignal<"row" | "columen">;
+    disableAdd: _angular_core.InputSignal<boolean>;
+    addMode: _angular_core.InputSignal<number>;
+    disableRemove: _angular_core.InputSignal<boolean>;
+    addPosition: _angular_core.InputSignal<"bottom" | "top">;
+    initValue: _angular_core.InputSignal<((index: number | undefined) => any) | undefined>;
+    minLength: _angular_core.InputSignal<number>;
+    isRecord$$: _angular_core.Signal<boolean>;
+    wrapperClass$$: _angular_core.Signal<"flex gap-2 items-center" | "flex flex-col gap-2">;
+    parentPyOptions: _angular_core.Signal<Omit<_piying_view_angular_core.SetOptional<Omit<_piying_valibot_visit.ConvertOptions<typeof _piying_view_angular_core.CoreSchemaHandle>, "handle"> & Partial<Pick<_piying_valibot_visit.ConvertOptions<typeof _piying_view_angular_core.CoreSchemaHandle>, "handle">> & {
+        builder: typeof _piying_view_angular_core.FormBuilder;
+        fieldGlobalConfig?: _piying_view_angular.PiViewConfig;
+    }, "handle" | "builder">, "fieldGlobalConfig"> & {
+        fieldGlobalConfig?: _piying_view_angular.PiViewConfig;
+    }> | null;
+    keySchemaOptions$$: _angular_core.Signal<{
+        schema: v.BaseSchema<any, any, any> | undefined;
+        options: {
+            context: any;
+            handle?: typeof _piying_view_angular_core.CoreSchemaHandle | undefined;
+            environments?: string[] | undefined;
+            defaultMetadataActionsGroup?: Record<string, v.BaseMetadata<any>[]> | undefined;
+            additionalData?: Record<string, any> | undefined;
+            builder?: typeof _piying_view_angular_core.FormBuilder | undefined;
+            fieldGlobalConfig?: _piying_view_angular.PiViewConfig;
+        };
+        selectorless: boolean;
+    }>;
+    valueSchemaOptions$$: _angular_core.Signal<{
+        schema: v.BaseSchema<any, any, any> | undefined;
+        options: {
+            context: any;
+            handle?: typeof _piying_view_angular_core.CoreSchemaHandle | undefined;
+            environments?: string[] | undefined;
+            defaultMetadataActionsGroup?: Record<string, v.BaseMetadata<any>[]> | undefined;
+            additionalData?: Record<string, any> | undefined;
+            builder?: typeof _piying_view_angular_core.FormBuilder | undefined;
+            fieldGlobalConfig?: _piying_view_angular.PiViewConfig;
+        };
+        selectorless: boolean;
+    }>;
+    addNewInputs: (input: Record<string, any>, newValueFn: ((index: number | undefined) => any) | undefined, model: any) => {
+        model: any;
+    };
+    addNew(newValue?: SelectorlessOutlet<PiyingView>, newKey?: SelectorlessOutlet<PiyingView>): void;
+    removeItem(key: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditableGroupFGC, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditableGroupFGC, "app-editable-group", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "disableAdd": { "alias": "disableAdd"; "required": false; "isSignal": true; }; "addMode": { "alias": "addMode"; "required": false; "isSignal": true; }; "disableRemove": { "alias": "disableRemove"; "required": false; "isSignal": true; }; "addPosition": { "alias": "addPosition"; "required": false; "isSignal": true; }; "initValue": { "alias": "initValue"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface CheckboxOption {
+    value: any;
+    inputs?: any;
+    props?: any;
+}
+declare class CheckboxListFGC extends PiyingViewGroupBase {
+    #private;
+    static __version: number;
+    templateRef: _angular_core.Signal<unknown>;
+    readonly PiyingView: typeof PiyingView;
+    options: _angular_core.InputSignal<CheckboxOption[] | undefined>;
+    templateSchema$$: _angular_core.Signal<v.BaseSchema<any, any, any>>;
+    schemaItemFn: (template: any, input: CheckboxOption) => v.SchemaWithPipe<readonly [v.OptionalSchema<any, undefined>, _piying_valibot_visit.RawConfigAction<"viewRawConfig", any, _piying_view_angular_core.AnyCoreSchemaHandle>, _piying_valibot_visit.RawConfigAction<"viewRawConfig", any, _piying_view_angular_core.AnyCoreSchemaHandle>, _piying_valibot_visit.RawConfigAction<"viewRawConfig", any, _piying_view_angular_core.AnyCoreSchemaHandle>]>;
+    schemaOptions$$: (template: any, input: CheckboxOption, value: any[]) => {
+        schema: any;
+        options: Omit<_piying_view_angular_core.SetOptional<Omit<_piying_valibot_visit.ConvertOptions<typeof _piying_view_angular_core.CoreSchemaHandle>, "handle"> & Partial<Pick<_piying_valibot_visit.ConvertOptions<typeof _piying_view_angular_core.CoreSchemaHandle>, "handle">> & {
+            builder: typeof _piying_view_angular_core.FormBuilder;
+            fieldGlobalConfig?: _piying_view_angular.PiViewConfig;
+        }, "handle" | "builder">, "fieldGlobalConfig"> & {
+            fieldGlobalConfig?: _piying_view_angular.PiViewConfig;
+        };
+        selectorless: boolean;
+        model: boolean;
+    };
+    value$$: _angular_core.Signal<any[]>;
+    modelOutput: (booleanValue: any) => {
+        modelChange: (value: any) => void;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxListFGC, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxListFGC, "app-checkbox-list", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class logicGroupFGC extends PiyingViewGroupBase {
+    static __version: number;
+    templateRef: _angular_core.Signal<unknown>;
+    activateChildren$$: _angular_core.Signal<_piying_view_angular_core._PiResolvedCommonViewFieldConfig[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<logicGroupFGC, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<logicGroupFGC, "app-logic-group", never, {}, {}, never, never, true, never>;
+}
+
+type component_index_d_CheckboxListFGC = CheckboxListFGC;
+declare const component_index_d_CheckboxListFGC: typeof CheckboxListFGC;
 type component_index_d_ListTemplateNFCC = ListTemplateNFCC;
 declare const component_index_d_ListTemplateNFCC: typeof ListTemplateNFCC;
 type component_index_d_MenuTreeNFCC = MenuTreeNFCC;
@@ -420,8 +517,12 @@ type component_index_d_TableNFCC = TableNFCC;
 declare const component_index_d_TableNFCC: typeof TableNFCC;
 type component_index_d_TableRowFGC = TableRowFGC;
 declare const component_index_d_TableRowFGC: typeof TableRowFGC;
+type component_index_d_logicGroupFGC = logicGroupFGC;
+declare const component_index_d_logicGroupFGC: typeof logicGroupFGC;
 declare namespace component_index_d {
   export {
+    component_index_d_CheckboxListFGC as CheckboxListFGC,
+    EditableGroupFGC as EditableArrayFGC,
     component_index_d_ListTemplateNFCC as ListTemplateNFCC,
     component_index_d_MenuTreeNFCC as MenuTreeNFCC,
     component_index_d_OptionListFCC as OptionListFCC,
@@ -430,6 +531,7 @@ declare namespace component_index_d {
     component_index_d_TableExpandOneTableCell as TableExpandOneTableCell,
     component_index_d_TableNFCC as TableNFCC,
     component_index_d_TableRowFGC as TableRowFGC,
+    component_index_d_logicGroupFGC as logicGroupFGC,
   };
 }
 
@@ -464,5 +566,5 @@ declare namespace wrapper_index_d {
   };
 }
 
-export { CheckboxService, ExactMatchOptions, ExpandRowDirective, component_index_d as ExtComponentGroup, wrapper_index_d as ExtWrapperGroup, ListTemplateNFCC, MenuTreeNFCC, OptionListFCC, OptionListLocalFilterWC, PaginationNFCC, PickerRefFCC, SortHeaderWC, SortService, SubsetMatchOptions, TableCheckboxAllWC, TableCheckboxOneWC, TableExpandOneTableCell, TableExpandService, TableNFCC, TableResourceService, TableRowFGC, wrapper_index_d$1 as WrapperGroup, createDefaultColDefine, createDefaultColDefineFn, createRowDefine, inputSortDirective };
-export type { CheckBoxConfig, DataResolved, ItemCell, ItemCellBase, NavigationItem, NavigationMode, NavigationPosition, RequestFn, SortDirection, SortList, TableItemDefine2 };
+export { CheckboxListFGC, CheckboxService, EditableGroupFGC, ExactMatchOptions, ExpandRowDirective, component_index_d as ExtComponentGroup, wrapper_index_d as ExtWrapperGroup, ListTemplateNFCC, MenuTreeNFCC, OptionListFCC, OptionListLocalFilterWC, PaginationNFCC, PickerRefFCC, SortHeaderWC, SortService, SubsetMatchOptions, TableCheckboxAllWC, TableCheckboxOneWC, TableExpandOneTableCell, TableExpandService, TableNFCC, TableResourceService, TableRowFGC, wrapper_index_d$1 as WrapperGroup, createDefaultColDefine, createDefaultColDefineFn, createRowDefine, inputSortDirective, logicGroupFGC };
+export type { CheckBoxConfig, CheckboxOption, DataResolved, ItemCell, ItemCellBase, NavigationItem, NavigationMode, NavigationPosition, RequestFn, SortDirection, SortList, TableItemDefine2 };

package/fesm2022/piying-lib-angular-daisyui-extension.mjs

@@ -4,17 +4,17 @@ import { viewChild, input, inject, computed, Component, model, output, Injection
 import { StrOrTemplateComponent, isSchema, computedWithPrev, DefaultOptionConvert, transformOption } from '@piying-lib/angular-core';
 import { CssPrefixPipe, MergeClassPipe, TwPrefixPipe } from '@piying-lib/angular-daisyui/pipe';
 import { ThemeService } from '@piying-lib/angular-daisyui/service';
-import { AttributesDirective, PI_VIEW_FIELD_TOKEN, PiyingViewGroupBase, InsertFieldDirective, BaseControl, PiyingView, PI_INPUT_OPTIONS_TOKEN } from '@piying/view-angular';
+import { AttributesDirective, PI_VIEW_FIELD_TOKEN, PiyingViewGroupBase, InsertFieldDirective, BaseControl, PiyingView, PI_INPUT_OPTIONS_TOKEN, EventsDirective } from '@piying/view-angular';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import * as i1 from '@angular/material/icon';
-import { MatIconModule, MatIcon } from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { PurePipe } from '@cyia/ngx-common/pipe';
 import clsx from 'clsx';
 import { SelectorlessOutlet } from '@cyia/ngx-common/directive';
 import * as v from 'valibot';
-import { setComponent, NFCSchema, actions, PI_VIEW_FIELD_TOKEN as PI_VIEW_FIELD_TOKEN$1 } from '@piying/view-angular-core';
+import { setComponent, NFCSchema, actions, PI_VIEW_FIELD_TOKEN as PI_VIEW_FIELD_TOKEN$1, formConfig } from '@piying/view-angular-core';
 import { ThWC, TdWC } from '@piying-lib/angular-daisyui/wrapper';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { BehaviorSubject, shareReplay, map, filter, Subject, tap, switchMap, Subscription } from 'rxjs';
@@ -361,7 +361,7 @@ class SortService {
             this.#direction$.next(data);
         }
         else {
-            let data = this.#direction$.value;
+            const data = this.#direction$.value;
             if (direction === 0) {
                 if (key in data) {
                     this.#direction$.next({});
@@ -447,12 +447,11 @@ class SortHeaderWC {
         return this.props$$()['key'];
     }, ...(ngDevMode ? [{ debugName: "key$$" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortHeaderWC, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: SortHeaderWC, isStandalone: true, selector: "app-sort-header", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" inputSort [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_upward</mat-icon>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_downward</mat-icon>\n      </div>\n    </label>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: inputSortDirective, selector: "[inputSort]", inputs: ["key"] }, { kind: "directive", type: InsertFieldDirective, selector: "[insertField]", exportAs: ["insertField"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }, { kind: "pipe", type: TwPrefixPipe, name: "twPrefix" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: SortHeaderWC, isStandalone: true, selector: "app-sort-header", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" inputSort [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <span class=\"material-icons\">arrow_upward</span>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <span class=\"material-icons\">arrow_downward</span>\n      </div>\n    </label>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: inputSortDirective, selector: "[inputSort]", inputs: ["key"] }, { kind: "directive", type: InsertFieldDirective, selector: "[insertField]", exportAs: ["insertField"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }, { kind: "pipe", type: TwPrefixPipe, name: "twPrefix" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortHeaderWC, decorators: [{
             type: Component,
             args: [{ selector: 'app-sort-header', imports: [
-                        MatIcon,
                         FormsModule,
                         CssPrefixPipe,
                         MergeClassPipe,
@@ -460,7 +459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         inputSortDirective,
                         InsertFieldDirective,
                         TwPrefixPipe,
-                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" inputSort [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_upward</mat-icon>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_downward</mat-icon>\n      </div>\n    </label>\n  </div>\n</ng-template>\n" }]
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" inputSort [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <span class=\"material-icons\">arrow_upward</span>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <span class=\"material-icons\">arrow_downward</span>\n      </div>\n    </label>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }] } });
 
 const defaultKey = 'default';
@@ -474,7 +473,7 @@ class CheckboxService {
     #defaultDataBind(dataChangeClear = false) {
         effect(() => {
             const data1 = this.#data$$();
-            let data2 = Array.isArray(data1) ? data1 : data1?.();
+            const data2 = Array.isArray(data1) ? data1 : data1?.();
             untracked(() => {
                 this.setAllList(() => {
                     return data2;
@@ -524,7 +523,7 @@ class CheckboxService {
     selectAll(checked, key = defaultKey) {
         const list = this.#fn();
         const result = this.#selectModelMap.get(key);
-        let event$ = this.#allEvent.get(key);
+        const event$ = this.#allEvent.get(key);
         if (checked) {
             list.forEach((item) => {
                 result.select(item);
@@ -536,7 +535,7 @@ class CheckboxService {
         event$.next(checked);
     }
     listenAllSelect(key = defaultKey) {
-        let result = this.#allEvent.get(key);
+        const result = this.#allEvent.get(key);
         if (!result) {
             throw new Error('CheckboxService not call init');
         }
@@ -681,7 +680,7 @@ class TableResourceService {
     #data$ = resource({
         params: computed(() => {
             const params = this.#queryParams$();
-            let requestFn = this.#requestFn$();
+            const requestFn = this.#requestFn$();
             return {
                 requestFn,
                 params,
@@ -689,7 +688,7 @@ class TableResourceService {
             };
         }),
         loader: async (res) => {
-            let needUpdate = res.params.index !== this.#preUpdateIndex$();
+            const needUpdate = res.params.index !== this.#preUpdateIndex$();
             if (needUpdate) {
                 this.#preUpdateIndex$.set(res.params.index);
             }
@@ -749,11 +748,11 @@ class TableExpandOneTableCell {
         this.#service.toggleExpand(this.field$$().context['item$']());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableExpandOneTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TableExpandOneTableCell, isStandalone: true, selector: "app-table-expand-cell", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <mat-icon\n    [class]=\"'cursor-pointer' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    (click)=\"toggle()\"\n  >\n    @if (isExpand$$()) {\n      keyboard_arrow_up\n    } @else {\n      keyboard_arrow_down\n    }\n  </mat-icon>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TableExpandOneTableCell, isStandalone: true, selector: "app-table-expand-cell", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <span\n    [class]=\"'material-icons cursor-pointer' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    (click)=\"toggle()\"\n  >\n    @if (isExpand$$()) {\n      keyboard_arrow_up\n    } @else {\n      keyboard_arrow_down\n    }\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableExpandOneTableCell, decorators: [{
             type: Component,
-            args: [{ selector: 'app-table-expand-cell', imports: [MatIconModule, MergeClassPipe, AttributesDirective], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <mat-icon\n    [class]=\"'cursor-pointer' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    (click)=\"toggle()\"\n  >\n    @if (isExpand$$()) {\n      keyboard_arrow_up\n    } @else {\n      keyboard_arrow_down\n    }\n  </mat-icon>\n</ng-template>\n" }]
+            args: [{ selector: 'app-table-expand-cell', imports: [MergeClassPipe, AttributesDirective], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <span\n    [class]=\"'material-icons cursor-pointer' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    (click)=\"toggle()\"\n  >\n    @if (isExpand$$()) {\n      keyboard_arrow_up\n    } @else {\n      keyboard_arrow_down\n    }\n  </span>\n</ng-template>\n" }]
         }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }] } });
 
 /**
@@ -1246,15 +1245,197 @@ class ListTemplateNFCC {
         };
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ListTemplateNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ListTemplateNFCC, isStandalone: true, selector: "app-list-template", inputs: { template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: true, transformFunction: null }, list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (child of list(); track $index) {\n    <ng-container\n      [selectlessOutlet]=\"PiyingView\"\n      [selectlessOutletInputs]=\"templateInput$$ | pure: child\"\n    ></ng-container>\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: SelectorlessOutlet, selector: "[selectlessOutlet]", inputs: ["selectlessOutlet", "selectlessOutletInputs", "selectlessOutletOutputs", "selectlessOutletDirectives", "selectlessOutletInjector", "selectlessOutletEnvironmentInjector"], exportAs: ["selectlessOutlet"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "pipe", type: PurePipe, name: "pure" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ListTemplateNFCC, isStandalone: true, selector: "app-list-template", inputs: { template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: true, transformFunction: null }, list: { classPropertyName: "list", publicName: "list", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (child of list(); track $index) {\n    <ng-container\n      [selectlessOutlet]=\"PiyingView\"\n      [selectlessOutletInputs]=\"templateInput$$ | pure: child\"\n    ></ng-container>\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: SelectorlessOutlet, selector: "[selectlessOutlet]", inputs: ["selectlessOutlet", "selectlessOutletInputs", "selectlessOutletOutputs", "selectlessOutletDirectives", "selectlessOutletInjector", "selectlessOutletEnvironmentInjector"], exportAs: ["selectlessOutlet"] }, { kind: "pipe", type: PurePipe, name: "pure" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ListTemplateNFCC, decorators: [{
             type: Component,
-            args: [{ selector: 'app-list-template', imports: [SelectorlessOutlet, MatIconModule, PurePipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (child of list(); track $index) {\n    <ng-container\n      [selectlessOutlet]=\"PiyingView\"\n      [selectlessOutletInputs]=\"templateInput$$ | pure: child\"\n    ></ng-container>\n  }\n</ng-template>\n" }]
+            args: [{ selector: 'app-list-template', imports: [SelectorlessOutlet, PurePipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (child of list(); track $index) {\n    <ng-container\n      [selectlessOutlet]=\"PiyingView\"\n      [selectlessOutletInputs]=\"templateInput$$ | pure: child\"\n    ></ng-container>\n  }\n</ng-template>\n" }]
         }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: true }] }], list: [{ type: i0.Input, args: [{ isSignal: true, alias: "list", required: false }] }] } });
 
+class EditableGroupFGC extends PiyingViewGroupBase {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    PiyingView = PiyingView;
+    layout = input('row', ...(ngDevMode ? [{ debugName: "layout" }] : []));
+    disableAdd = input(false, ...(ngDevMode ? [{ debugName: "disableAdd" }] : []));
+    addMode = input(0, ...(ngDevMode ? [{ debugName: "addMode" }] : []));
+    disableRemove = input(false, ...(ngDevMode ? [{ debugName: "disableRemove" }] : []));
+    addPosition = input('bottom', ...(ngDevMode ? [{ debugName: "addPosition" }] : []));
+    initValue = input(...(ngDevMode ? [undefined, { debugName: "initValue" }] : []));
+    minLength = input(0, ...(ngDevMode ? [{ debugName: "minLength" }] : []));
+    isRecord$$ = computed(() => {
+        return !!this.field$$().form.control.config$().groupKeySchema;
+    }, ...(ngDevMode ? [{ debugName: "isRecord$$" }] : []));
+    wrapperClass$$ = computed(() => {
+        return this.layout() === 'row' ? 'flex gap-2 items-center' : 'flex flex-col gap-2';
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$$" }] : []));
+    parentPyOptions = inject(PI_INPUT_OPTIONS_TOKEN, { optional: true });
+    #keySchema$$ = computed(() => {
+        return this.field$$().form.control.config$().groupKeySchema;
+    }, ...(ngDevMode ? [{ debugName: "#keySchema$$" }] : []));
+    #valueSchema$$ = computed(() => {
+        return this.field$$().form.control.config$().groupValueSchema;
+    }, ...(ngDevMode ? [{ debugName: "#valueSchema$$" }] : []));
+    keySchemaOptions$$ = computed(() => {
+        return {
+            schema: this.#keySchema$$(),
+            options: {
+                ...this.parentPyOptions(),
+                context: {
+                    ...this.parentPyOptions().context,
+                    parent: this.parentPyOptions().context,
+                    parentField: this.field$$(),
+                },
+            },
+            selectorless: true,
+        };
+    }, ...(ngDevMode ? [{ debugName: "keySchemaOptions$$" }] : []));
+    valueSchemaOptions$$ = computed(() => {
+        return {
+            schema: this.#valueSchema$$(),
+            options: {
+                ...this.parentPyOptions(),
+                context: {
+                    ...this.parentPyOptions().context,
+                    parent: this.parentPyOptions().context,
+                    parentField: this.field$$(),
+                },
+            },
+            selectorless: true,
+        };
+    }, ...(ngDevMode ? [{ debugName: "valueSchemaOptions$$" }] : []));
+    addNewInputs = (input, newValueFn, model) => {
+        return {
+            ...input,
+            model: newValueFn?.(model),
+        };
+    };
+    addNew(newValue, newKey) {
+        if (newKey && newValue) {
+            const keyForm = newKey.componentInstance.form$$();
+            const valueForm = newValue.componentInstance.form$$();
+            this.field$$().action.set(valueForm.value, keyForm.value);
+            keyForm.reset();
+            valueForm.reset();
+        }
+        else if (newValue) {
+            const form = newValue.componentInstance.form$$();
+            this.field$$().action.set(form.value);
+            form.reset();
+        }
+        else {
+            const index = this.field$$().children().length;
+            this.field$$().action.set(this.initValue()?.(index), index);
+        }
+    }
+    removeItem(key) {
+        this.field$$().action.remove(key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: EditableGroupFGC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: EditableGroupFGC, isStandalone: true, selector: "app-editable-group", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, disableAdd: { classPropertyName: "disableAdd", publicName: "disableAdd", isSignal: true, isRequired: false, transformFunction: null }, addMode: { classPropertyName: "addMode", publicName: "addMode", isSignal: true, isRequired: false, transformFunction: null }, disableRemove: { classPropertyName: "disableRemove", publicName: "disableRemove", isSignal: true, isRequired: false, transformFunction: null }, addPosition: { classPropertyName: "addPosition", publicName: "addPosition", isSignal: true, isRequired: false, transformFunction: null }, initValue: { classPropertyName: "initValue", publicName: "initValue", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\" let-events=\"events\">\n  <div\n    [class]=\"wrapperClass$$() | cssPrefix | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [events]=\"events()\"\n  >\n    @let children = children$$();\n    <ng-template #addTemplate>\n      @if (!disableAdd()) {\n        @if (isRecord$$()) {\n          <div class=\"flex items-center gap-2\">\n            <div class=\"flex-1 flex items-center gap-2\">\n              <ng-container\n                [selectlessOutlet]=\"PiyingView\"\n                [selectlessOutletInputs]=\"\n                  addNewInputs | pure: keySchemaOptions$$() : initValue() : children.length\n                \"\n                #newKey=\"selectlessOutlet\"\n              ></ng-container>\n              <ng-container\n                [selectlessOutlet]=\"PiyingView\"\n                [selectlessOutletInputs]=\"\n                  addNewInputs | pure: valueSchemaOptions$$() : initValue() : children.length\n                \"\n                #newValue=\"selectlessOutlet\"\n              ></ng-container>\n            </div>\n            @let keyForm = newKey.componentInstance?.form$$();\n            @let valueFform = newValue.componentInstance?.form$$();\n            <button\n              class=\"btn btn-circle\"\n              (click)=\"addNew(newValue, newKey)\"\n              color=\"primary\"\n              [disabled]=\"!valueFform?.valid || !keyForm?.valid\"\n            >\n              <span class=\"material-icons\">add</span>\n            </button>\n          </div>\n        } @else if (addMode() === 0) {\n          <button class=\"btn btn-circle\" (click)=\"addNew()\" color=\"primary\">\n            <span class=\"material-icons\">add</span>\n          </button>\n        } @else {\n          <div class=\"flex items-center gap-2\">\n            <div class=\"flex-1\">\n              <ng-container\n                [selectlessOutlet]=\"PiyingView\"\n                [selectlessOutletInputs]=\"\n                  addNewInputs | pure: valueSchemaOptions$$() : initValue() : children.length\n                \"\n                #newValue=\"selectlessOutlet\"\n              ></ng-container>\n            </div>\n            @let form = newValue.componentInstance?.form$$();\n            <button\n              class=\"btn btn-circle\"\n              (click)=\"addNew(newValue)\"\n              color=\"primary\"\n              [disabled]=\"!form || form.invalid\"\n            >\n              <span class=\"material-icons\">add</span>\n            </button>\n          </div>\n        }\n      }\n    </ng-template>\n    @if (addPosition() === 'top') {\n      <ng-container *ngTemplateOutlet=\"addTemplate\"></ng-container>\n    }\n    @for (field of children; track field.id || $index) {\n      <div class=\"flex items-center gap-2\">\n        @if (isRecord$$()) {\n          @let key = field.key!;\n          {{ key }}\n        }\n        <div class=\"flex-1\">\n          <ng-container\n            *ngTemplateOutlet=\"fieldTemplateRef(); context: { $implicit: field, injector }\"\n          ></ng-container>\n        </div>\n\n        @if (!disableRemove()) {\n          <button\n            class=\"btn btn-circle btn-error\"\n            (click)=\"removeItem($index)\"\n            [disabled]=\"minLength() >= children.length\"\n          >\n            <span class=\"material-icons\">delete</span>\n          </button>\n        }\n      </div>\n    }\n    @if (addPosition() === 'bottom') {\n      <ng-container *ngTemplateOutlet=\"addTemplate\"></ng-container>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: EventsDirective, selector: "[events]", inputs: ["events"] }, { kind: "directive", type: SelectorlessOutlet, selector: "[selectlessOutlet]", inputs: ["selectlessOutlet", "selectlessOutletInputs", "selectlessOutletOutputs", "selectlessOutletDirectives", "selectlessOutletInjector", "selectlessOutletEnvironmentInjector"], exportAs: ["selectlessOutlet"] }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: PurePipe, name: "pure" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: EditableGroupFGC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-editable-group', imports: [
+                        NgTemplateOutlet,
+                        FormsModule,
+                        MergeClassPipe,
+                        CssPrefixPipe,
+                        AttributesDirective,
+                        EventsDirective,
+                        SelectorlessOutlet,
+                        PurePipe,
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\" let-events=\"events\">\n  <div\n    [class]=\"wrapperClass$$() | cssPrefix | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [events]=\"events()\"\n  >\n    @let children = children$$();\n    <ng-template #addTemplate>\n      @if (!disableAdd()) {\n        @if (isRecord$$()) {\n          <div class=\"flex items-center gap-2\">\n            <div class=\"flex-1 flex items-center gap-2\">\n              <ng-container\n                [selectlessOutlet]=\"PiyingView\"\n                [selectlessOutletInputs]=\"\n                  addNewInputs | pure: keySchemaOptions$$() : initValue() : children.length\n                \"\n                #newKey=\"selectlessOutlet\"\n              ></ng-container>\n              <ng-container\n                [selectlessOutlet]=\"PiyingView\"\n                [selectlessOutletInputs]=\"\n                  addNewInputs | pure: valueSchemaOptions$$() : initValue() : children.length\n                \"\n                #newValue=\"selectlessOutlet\"\n              ></ng-container>\n            </div>\n            @let keyForm = newKey.componentInstance?.form$$();\n            @let valueFform = newValue.componentInstance?.form$$();\n            <button\n              class=\"btn btn-circle\"\n              (click)=\"addNew(newValue, newKey)\"\n              color=\"primary\"\n              [disabled]=\"!valueFform?.valid || !keyForm?.valid\"\n            >\n              <span class=\"material-icons\">add</span>\n            </button>\n          </div>\n        } @else if (addMode() === 0) {\n          <button class=\"btn btn-circle\" (click)=\"addNew()\" color=\"primary\">\n            <span class=\"material-icons\">add</span>\n          </button>\n        } @else {\n          <div class=\"flex items-center gap-2\">\n            <div class=\"flex-1\">\n              <ng-container\n                [selectlessOutlet]=\"PiyingView\"\n                [selectlessOutletInputs]=\"\n                  addNewInputs | pure: valueSchemaOptions$$() : initValue() : children.length\n                \"\n                #newValue=\"selectlessOutlet\"\n              ></ng-container>\n            </div>\n            @let form = newValue.componentInstance?.form$$();\n            <button\n              class=\"btn btn-circle\"\n              (click)=\"addNew(newValue)\"\n              color=\"primary\"\n              [disabled]=\"!form || form.invalid\"\n            >\n              <span class=\"material-icons\">add</span>\n            </button>\n          </div>\n        }\n      }\n    </ng-template>\n    @if (addPosition() === 'top') {\n      <ng-container *ngTemplateOutlet=\"addTemplate\"></ng-container>\n    }\n    @for (field of children; track field.id || $index) {\n      <div class=\"flex items-center gap-2\">\n        @if (isRecord$$()) {\n          @let key = field.key!;\n          {{ key }}\n        }\n        <div class=\"flex-1\">\n          <ng-container\n            *ngTemplateOutlet=\"fieldTemplateRef(); context: { $implicit: field, injector }\"\n          ></ng-container>\n        </div>\n\n        @if (!disableRemove()) {\n          <button\n            class=\"btn btn-circle btn-error\"\n            (click)=\"removeItem($index)\"\n            [disabled]=\"minLength() >= children.length\"\n          >\n            <span class=\"material-icons\">delete</span>\n          </button>\n        }\n      </div>\n    }\n    @if (addPosition() === 'bottom') {\n      <ng-container *ngTemplateOutlet=\"addTemplate\"></ng-container>\n    }\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], disableAdd: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableAdd", required: false }] }], addMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "addMode", required: false }] }], disableRemove: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRemove", required: false }] }], addPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "addPosition", required: false }] }], initValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "initValue", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }] } });
+
+const Empty_Array = [];
+class CheckboxListFGC extends PiyingViewGroupBase {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    PiyingView = PiyingView;
+    options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : []));
+    #parentPyOptions = inject(PI_INPUT_OPTIONS_TOKEN, { optional: true });
+    templateSchema$$ = computed(() => {
+        return this.field$$().form.control.config$().groupValueSchema;
+    }, ...(ngDevMode ? [{ debugName: "templateSchema$$" }] : []));
+    schemaItemFn = (template, input) => {
+        return v.pipe(v.optional(template), formConfig({
+            transfomer: {
+                toModel(value, control) {
+                    return value ? input.value : undefined;
+                },
+                toView(value, control) {
+                    return !!value;
+                },
+            },
+        }), actions.inputs.patch(input.inputs ?? {}), actions.props.patch(input.props ?? {}));
+    };
+    schemaOptions$$ = (template, input, value) => {
+        return {
+            schema: template,
+            options: this.#parentPyOptions(),
+            selectorless: true,
+            model: value.includes(input.value),
+        };
+    };
+    value$$ = computed(() => {
+        return this.field$$().form.control.value$$() ?? Empty_Array;
+    }, ...(ngDevMode ? [{ debugName: "value$$" }] : []));
+    modelOutput = (booleanValue) => {
+        return {
+            modelChange: (value) => {
+                const list = this.value$$().slice();
+                if (value) {
+                    this.field$$().action.set(value);
+                }
+                else {
+                    const index = list.findIndex((item) => item === booleanValue);
+                    this.field$$().action.remove(index);
+                }
+            },
+        };
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CheckboxListFGC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: CheckboxListFGC, isStandalone: true, selector: "app-checkbox-list", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CheckboxListFGC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\" let-events=\"events\">\n  @for (item of options(); track $index) {\n    <ng-container\n      [selectlessOutlet]=\"PiyingView\"\n      [selectlessOutletInputs]=\"\n        schemaOptions$$ | pure: (schemaItemFn | pure: templateSchema$$() : item) : item : value$$()\n      \"\n      [selectlessOutletOutputs]=\"modelOutput | pure: item.value\"\n    ></ng-container>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: SelectorlessOutlet, selector: "[selectlessOutlet]", inputs: ["selectlessOutlet", "selectlessOutletInputs", "selectlessOutletOutputs", "selectlessOutletDirectives", "selectlessOutletInjector", "selectlessOutletEnvironmentInjector"], exportAs: ["selectlessOutlet"] }, { kind: "pipe", type: PurePipe, name: "pure" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CheckboxListFGC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-checkbox-list', imports: [FormsModule, SelectorlessOutlet, PurePipe], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CheckboxListFGC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\" let-events=\"events\">\n  @for (item of options(); track $index) {\n    <ng-container\n      [selectlessOutlet]=\"PiyingView\"\n      [selectlessOutletInputs]=\"\n        schemaOptions$$ | pure: (schemaItemFn | pure: templateSchema$$() : item) : item : value$$()\n      \"\n      [selectlessOutletOutputs]=\"modelOutput | pure: item.value\"\n    ></ng-container>\n  }\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
+
+class logicGroupFGC extends PiyingViewGroupBase {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    activateChildren$$ = computed(() => {
+        const control = this.field$$().form.control;
+        return this.field$$().children().filter((config, index1) => {
+            return !!control.activatedChildren().find(([index2]) => index1 === index2);
+        });
+    }, ...(ngDevMode ? [{ debugName: "activateChildren$$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: logicGroupFGC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: logicGroupFGC, isStandalone: true, selector: "app-logic-group", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (item of activateChildren$$(); track $index) {\n    <ng-container\n      *ngTemplateOutlet=\"fieldTemplateRef(); context: { $implicit: item }\"\n    ></ng-container>\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: logicGroupFGC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-logic-group', imports: [NgTemplateOutlet], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (item of activateChildren$$(); track $index) {\n    <ng-container\n      *ngTemplateOutlet=\"fieldTemplateRef(); context: { $implicit: item }\"\n    ></ng-container>\n  }\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }] } });
+
 var component_index = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    CheckboxListFGC: CheckboxListFGC,
+    EditableArrayFGC: EditableGroupFGC,
     ListTemplateNFCC: ListTemplateNFCC,
     MenuTreeNFCC: MenuTreeNFCC,
     OptionListFCC: OptionListFCC,
@@ -1262,7 +1443,8 @@ var component_index = /*#__PURE__*/Object.freeze({
     PickerRefFCC: PickerRefFCC,
     TableExpandOneTableCell: TableExpandOneTableCell,
     TableNFCC: TableNFCC,
-    TableRowFGC: TableRowFGC
+    TableRowFGC: TableRowFGC,
+    logicGroupFGC: logicGroupFGC
 });
 
 class FilterOptionNFCC {
@@ -1346,5 +1528,5 @@ var wrapper_index = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxService, ExactMatchOptions, ExpandRowDirective, component_index as ExtComponentGroup, wrapper_index as ExtWrapperGroup, ListTemplateNFCC, MenuTreeNFCC, OptionListFCC, OptionListLocalFilterWC, PaginationNFCC, PickerRefFCC, SortHeaderWC, SortService, SubsetMatchOptions, TableCheckboxAllWC, TableCheckboxOneWC, TableExpandOneTableCell, TableExpandService, TableNFCC, TableResourceService, TableRowFGC, wrapper_index$1 as WrapperGroup, createDefaultColDefine, createDefaultColDefineFn, createRowDefine, inputSortDirective };
+export { CheckboxListFGC, CheckboxService, EditableGroupFGC, ExactMatchOptions, ExpandRowDirective, component_index as ExtComponentGroup, wrapper_index as ExtWrapperGroup, ListTemplateNFCC, MenuTreeNFCC, OptionListFCC, OptionListLocalFilterWC, PaginationNFCC, PickerRefFCC, SortHeaderWC, SortService, SubsetMatchOptions, TableCheckboxAllWC, TableCheckboxOneWC, TableExpandOneTableCell, TableExpandService, TableNFCC, TableResourceService, TableRowFGC, wrapper_index$1 as WrapperGroup, createDefaultColDefine, createDefaultColDefineFn, createRowDefine, inputSortDirective, logicGroupFGC };
 //# sourceMappingURL=piying-lib-angular-daisyui-extension.mjs.map