@masterteam/form-builder 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/.angular/cache/21.0.2/ng-packagr/db70d8f07b5a2d2d1c3124ca92e8d56d14fb894dce4d4867ba7c0db29ba913a3 +1 -1
  2. package/.angular/cache/21.0.2/ng-packagr/tsbuildinfo/masterteam-form-builder.tsbuildinfo +1 -1
  3. package/assets/i18n/ar.json +2 -0
  4. package/assets/i18n/en.json +2 -0
  5. package/package.json +2 -2
  6. package/src/lib/fb-field-form/fb-field-form.ts +4 -3
  7. package/src/lib/fb-preview-form/fb-preview-form.ts +22 -17
  8. package/src/lib/fb-section/fb-section.ts +10 -3
  9. package/src/lib/form-builder.html +83 -29
  10. package/src/lib/form-builder.model.ts +2 -35
  11. package/src/lib/form-builder.ts +21 -21
  12. package/src/store/form-builder/form-builder.actions.ts +15 -0
  13. package/src/store/form-builder/form-builder.facade.ts +13 -0
  14. package/src/store/form-builder/form-builder.model.ts +35 -0
  15. package/src/store/form-builder/form-builder.state.ts +97 -4
package/.angular/cache/21.0.2/ng-packagr/db70d8f07b5a2d2d1c3124ca92e8d56d14fb894dce4d4867ba7c0db29ba913a3 CHANGED
@@ -1 +1 @@
1
- {"hash":"13be4cbd539d36d7ee805bea1a4348cb8c420da77ce1a6ab63ab5e231806ee01","types":[{"exports":["AddField","AddFieldPayload","AddSection","AddSectionPayload","DeleteField","DeleteSection","FieldWidth","FormBuilder","FormBuilderActionKey","FormBuilderFacade","FormBuilderState","FormBuilderStateModel","FormConfiguration","FormField","FormSection","GetFormConfiguration","MoveField","MoveFieldPayload","ResetFormBuilderState","ResetFormConfiguration","Response","SetModuleInfo","UpdateField","UpdateFieldPayload","UpdateSection","UpdateSectionPayload"],"facadeModuleId":"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-typings\\masterteam-form-builder.d.ts","isDynamicEntry":false,"isEntry":true,"isImplicitEntry":false,"moduleIds":["C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.model.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/lib/form-builder.model.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.facade.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/lib/form-builder.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/api.model.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.actions.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.state.d.ts","C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-typings\\masterteam-form-builder.d.ts"],"name":"masterteam-form-builder.d","type":"chunk","dynamicImports":[],"fileName":"masterteam-form-builder.d.ts","implicitlyLoadedBefore":[],"importedBindings":{"@masterteam/form-builder":["*"],"@angular/core":["*"],"@masterteam/components":["LoadingStateShape","CrudStateBase","Response"],"@angular/cdk/drag-drop":["CdkDragDrop"],"rxjs":["*"],"@ngxs/store":["StateContext"]},"imports":["@masterteam/form-builder","@angular/core","@masterteam/components","@angular/cdk/drag-drop","rxjs","@ngxs/store"],"modules":{"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.model.d.ts":{"code":"declare enum FormBuilderActionKey {\n GetFormConfiguration = \"getFormConfiguration\",\n ResetFormConfiguration = \"resetFormConfiguration\",\n AddSection = \"addSection\",\n UpdateSection = \"updateSection\",\n DeleteSection = \"deleteSection\",\n AddField = \"addField\",\n UpdateField = \"updateField\",\n DeleteField = \"deleteField\",\n MoveField = \"moveField\"\n}\ntype FieldWidth = '25' | '50' | '100';\ninterface FormField {\n id: string;\n sectionId: string;\n propertyId: number;\n width: FieldWidth;\n order: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n _pending?: boolean;\n _deleting?: boolean;\n}\ninterface FormSection {\n id: string;\n name: {\n en: string;\n ar: string;\n };\n order: number;\n fields: FormField[];\n}\ninterface FormConfiguration {\n isActive: boolean;\n sections: FormSection[];\n}\ninterface AddSectionPayload {\n name: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface UpdateSectionPayload {\n name?: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface AddFieldPayload {\n propertyId: number;\n width: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n}\ninterface UpdateFieldPayload {\n width?: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string | null;\n}\ninterface MoveFieldPayload {\n targetSectionId: string;\n order?: number;\n}\ninterface FormBuilderStateModel extends LoadingStateShape<FormBuilderActionKey> {\n moduleType: string | null;\n moduleId: string | number | null;\n parentModuleType: string | null;\n parentModuleId: string | number | null;\n parentPath: string;\n formConfiguration: FormConfiguration | null;\n}","originalLength":2277,"removedExports":[],"renderedExports":["FormBuilderActionKey","FieldWidth","FormField","FormSection","FormConfiguration","AddSectionPayload","UpdateSectionPayload","AddFieldPayload","UpdateFieldPayload","MoveFieldPayload","FormBuilderStateModel"],"renderedLength":2134},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/lib/form-builder.model.d.ts":{"code":"interface EnrichedFormField extends FormField {\n name: string;\n type: string;\n data?: any;\n _pending?: boolean;\n _deleting?: boolean;\n}\ninterface EnrichedFormSection extends Omit<FormSection, 'fields'> {\n fields: EnrichedFormField[];\n}\ninterface PropertyItem {\n id: number;\n key: string;\n normalizedKey: string;\n viewType: string;\n viewTypeLabel: string;\n name: string | Record<string, string>;\n description?: string;\n defaultValue?: unknown;\n order?: number;\n canBeDeleted?: boolean;\n displayOverView?: boolean;\n enabled?: boolean;\n formula?: unknown[];\n isBasic?: boolean;\n isCalculated?: boolean;\n isConfigurable?: boolean;\n isHiddenInCreation?: boolean;\n isHiddenInEdition?: boolean;\n isLive?: boolean;\n isLog?: boolean;\n isRequired?: boolean;\n isSystem?: boolean;\n isTranslatable?: boolean;\n shownInTable?: boolean;\n includeInSummary?: boolean;\n dependsOn?: unknown[];\n isFilterFormula?: boolean;\n configuration?: Record<string, unknown>;\n category?: string;\n valueOnCreation?: boolean;\n isRelated?: boolean;\n [key: string]: unknown;\n}","originalLength":1498,"removedExports":["FieldType","FormField","FormSection"],"renderedExports":["FieldWidth","EnrichedFormField","EnrichedFormSection","PropertyItem"],"renderedLength":1154},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.facade.d.ts":{"code":"declare class FormBuilderFacade {\n private readonly store;\n private readonly stateSignal;\n readonly formConfiguration: _angular_core.Signal<_masterteam_form_builder.FormConfiguration | null>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly moduleType: _angular_core.Signal<string | null>;\n readonly moduleId: _angular_core.Signal<string | number | null>;\n readonly isLoadingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isResettingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isAddingSection: _angular_core.Signal<boolean>;\n readonly isUpdatingSection: _angular_core.Signal<boolean>;\n readonly isDeletingSection: _angular_core.Signal<boolean>;\n readonly isAddingField: _angular_core.Signal<boolean>;\n readonly isUpdatingField: _angular_core.Signal<boolean>;\n readonly isDeletingField: _angular_core.Signal<boolean>;\n readonly isMovingField: _angular_core.Signal<boolean>;\n readonly formConfigurationError: _angular_core.Signal<string | null>;\n readonly sectionError: _angular_core.Signal<string | null>;\n readonly fieldError: _angular_core.Signal<string | null>;\n setModuleInfo(moduleType: string, moduleId: string | number, parentModuleType?: string, parentModuleId?: string | number, parentPath?: string): rxjs.Observable<void>;\n resetState(): rxjs.Observable<void>;\n getFormConfiguration(): rxjs.Observable<void>;\n resetFormConfiguration(): rxjs.Observable<void>;\n addSection(payload: AddSectionPayload): rxjs.Observable<void>;\n updateSection(sectionId: string, payload: UpdateSectionPayload): rxjs.Observable<void>;\n deleteSection(sectionId: string): rxjs.Observable<void>;\n addField(sectionId: string, payload: AddFieldPayload): rxjs.Observable<void>;\n updateField(sectionId: string, fieldId: string, payload: UpdateFieldPayload): rxjs.Observable<void>;\n deleteField(sectionId: string, fieldId: string): rxjs.Observable<void>;\n moveField(sectionId: string, fieldId: string, payload: MoveFieldPayload): rxjs.Observable<void>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFacade, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderFacade>;\n}","originalLength":2694,"removedExports":[],"renderedExports":["FormBuilderFacade"],"renderedLength":2246},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/lib/form-builder.d.ts":{"code":"declare class FormBuilder {\n private readonly modalService;\n private readonly confirmationService;\n private readonly translocoService;\n protected readonly facade: FormBuilderFacade;\n private dialogRef;\n readonly properties: _angular_core.InputSignal<PropertyItem[]>;\n readonly activeTab: _angular_core.WritableSignal<string>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly isLoading: _angular_core.Signal<boolean>;\n readonly error: _angular_core.Signal<string | null>;\n private readonly propertiesMap;\n readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;\n readonly availableTabs: _angular_core.Signal<{\n id: string;\n title: string;\n properties: PropertyItem[];\n }[]>;\n constructor();\n drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;\n addSection(): void;\n openPreview(): void;\n resetFormConfiguration(): void;\n noReturnPredicate: () => boolean;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;\n static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, \"mt-form-builder\", never, { \"properties\": { \"alias\": \"properties\"; \"required\": false; \"isSignal\": true; }; }, {}, never, never, true, never>;\n}","originalLength":1624,"removedExports":[],"renderedExports":["FormBuilder"],"renderedLength":1295},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/api.model.d.ts":{"code":"/**\n * Standard API Response wrapper\n */\ninterface Response<T> {\n endpoint: string;\n status: number;\n code: number;\n locale: string;\n message?: string | null;\n errors?: any | null;\n data: T;\n cacheSession?: string;\n}","originalLength":248,"removedExports":[],"renderedExports":["Response"],"renderedLength":240},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.actions.d.ts":{"code":"declare class SetModuleInfo {\n moduleType: string;\n moduleId: string | number;\n parentModuleType?: string | undefined;\n parentModuleId?: string | number | undefined;\n parentPath?: string | undefined;\n static readonly type = \"[FormBuilder] Set Module Info\";\n constructor(moduleType: string, moduleId: string | number, parentModuleType?: string | undefined, parentModuleId?: string | number | undefined, parentPath?: string | undefined);\n}\ndeclare class ResetFormBuilderState {\n static readonly type = \"[FormBuilder] Reset State\";\n}\ndeclare class GetFormConfiguration {\n static readonly type = \"[FormBuilder] Get Form Configuration\";\n}\ndeclare class ResetFormConfiguration {\n static readonly type = \"[FormBuilder] Reset Form Configuration\";\n}\ndeclare class AddSection {\n payload: AddSectionPayload;\n static readonly type = \"[FormBuilder] Add Section\";\n constructor(payload: AddSectionPayload);\n}\ndeclare class UpdateSection {\n sectionId: string;\n payload: UpdateSectionPayload;\n static readonly type = \"[FormBuilder] Update Section\";\n constructor(sectionId: string, payload: UpdateSectionPayload);\n}\ndeclare class DeleteSection {\n sectionId: string;\n static readonly type = \"[FormBuilder] Delete Section\";\n constructor(sectionId: string);\n}\ndeclare class AddField {\n sectionId: string;\n payload: AddFieldPayload;\n static readonly type = \"[FormBuilder] Add Field\";\n constructor(sectionId: string, payload: AddFieldPayload);\n}\ndeclare class UpdateField {\n sectionId: string;\n fieldId: string;\n payload: UpdateFieldPayload;\n static readonly type = \"[FormBuilder] Update Field\";\n constructor(sectionId: string, fieldId: string, payload: UpdateFieldPayload);\n}\ndeclare class DeleteField {\n sectionId: string;\n fieldId: string;\n static readonly type = \"[FormBuilder] Delete Field\";\n constructor(sectionId: string, fieldId: string);\n}\ndeclare class MoveField {\n sectionId: string;\n fieldId: string;\n payload: MoveFieldPayload;\n static readonly type = \"[FormBuilder] Move Field\";\n constructor(sectionId: string, fieldId: string, payload: MoveFieldPayload);\n}","originalLength":2380,"removedExports":[],"renderedExports":["SetModuleInfo","ResetFormBuilderState","GetFormConfiguration","ResetFormConfiguration","AddSection","UpdateSection","DeleteSection","AddField","UpdateField","DeleteField","MoveField"],"renderedLength":2162},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.state.d.ts":{"code":"declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderStateModel, FormBuilderActionKey> {\n private http;\n private baseUrl;\n private getApiPath;\n static getState(state: FormBuilderStateModel): FormBuilderStateModel;\n static getFormConfiguration(state: FormBuilderStateModel): FormConfiguration | null;\n static getSections(state: FormBuilderStateModel): FormSection[];\n static getModuleType(state: FormBuilderStateModel): string | null;\n static getModuleId(state: FormBuilderStateModel): string | number | null;\n setModuleInfo(ctx: StateContext<FormBuilderStateModel>, action: SetModuleInfo): void;\n resetState(ctx: StateContext<FormBuilderStateModel>): void;\n getFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n resetFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n addSection(ctx: StateContext<FormBuilderStateModel>, action: AddSection): rxjs.Observable<Response$1<FormSection>>;\n updateSection(ctx: StateContext<FormBuilderStateModel>, action: UpdateSection): rxjs.Observable<Response$1<FormSection>>;\n deleteSection(ctx: StateContext<FormBuilderStateModel>, action: DeleteSection): rxjs.Observable<Response$1<{\n id: string;\n }>>;\n addField(ctx: StateContext<FormBuilderStateModel>, action: AddField): rxjs.Observable<Response$1<FormField>>;\n updateField(ctx: StateContext<FormBuilderStateModel>, action: UpdateField): rxjs.Observable<Response$1<FormField>>;\n deleteField(ctx: StateContext<FormBuilderStateModel>, action: DeleteField): rxjs.Observable<Response$1<{\n id: string;\n sectionId: string;\n }>>;\n moveField(ctx: StateContext<FormBuilderStateModel>, action: MoveField): rxjs.Observable<Response$1<FormField>>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderState, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderState>;\n}","originalLength":2479,"removedExports":[],"renderedExports":["FormBuilderState"],"renderedLength":2002},"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-typings\\masterteam-form-builder.d.ts":{"code":null,"originalLength":129,"removedExports":[],"renderedExports":[],"renderedLength":0}},"referencedFiles":[],"code":"import * as _masterteam_form_builder from '@masterteam/form-builder';\nimport * as _angular_core from '@angular/core';\nimport { LoadingStateShape, CrudStateBase, Response as Response$1 } from '@masterteam/components';\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\nimport * as rxjs from 'rxjs';\nimport { StateContext } from '@ngxs/store';\n\ndeclare enum FormBuilderActionKey {\n GetFormConfiguration = \"getFormConfiguration\",\n ResetFormConfiguration = \"resetFormConfiguration\",\n AddSection = \"addSection\",\n UpdateSection = \"updateSection\",\n DeleteSection = \"deleteSection\",\n AddField = \"addField\",\n UpdateField = \"updateField\",\n DeleteField = \"deleteField\",\n MoveField = \"moveField\"\n}\ntype FieldWidth = '25' | '50' | '100';\ninterface FormField {\n id: string;\n sectionId: string;\n propertyId: number;\n width: FieldWidth;\n order: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n _pending?: boolean;\n _deleting?: boolean;\n}\ninterface FormSection {\n id: string;\n name: {\n en: string;\n ar: string;\n };\n order: number;\n fields: FormField[];\n}\ninterface FormConfiguration {\n isActive: boolean;\n sections: FormSection[];\n}\ninterface AddSectionPayload {\n name: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface UpdateSectionPayload {\n name?: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface AddFieldPayload {\n propertyId: number;\n width: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n}\ninterface UpdateFieldPayload {\n width?: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string | null;\n}\ninterface MoveFieldPayload {\n targetSectionId: string;\n order?: number;\n}\ninterface FormBuilderStateModel extends LoadingStateShape<FormBuilderActionKey> {\n moduleType: string | null;\n moduleId: string | number | null;\n parentModuleType: string | null;\n parentModuleId: string | number | null;\n parentPath: string;\n formConfiguration: FormConfiguration | null;\n}\n\ninterface EnrichedFormField extends FormField {\n name: string;\n type: string;\n data?: any;\n _pending?: boolean;\n _deleting?: boolean;\n}\ninterface EnrichedFormSection extends Omit<FormSection, 'fields'> {\n fields: EnrichedFormField[];\n}\ninterface PropertyItem {\n id: number;\n key: string;\n normalizedKey: string;\n viewType: string;\n viewTypeLabel: string;\n name: string | Record<string, string>;\n description?: string;\n defaultValue?: unknown;\n order?: number;\n canBeDeleted?: boolean;\n displayOverView?: boolean;\n enabled?: boolean;\n formula?: unknown[];\n isBasic?: boolean;\n isCalculated?: boolean;\n isConfigurable?: boolean;\n isHiddenInCreation?: boolean;\n isHiddenInEdition?: boolean;\n isLive?: boolean;\n isLog?: boolean;\n isRequired?: boolean;\n isSystem?: boolean;\n isTranslatable?: boolean;\n shownInTable?: boolean;\n includeInSummary?: boolean;\n dependsOn?: unknown[];\n isFilterFormula?: boolean;\n configuration?: Record<string, unknown>;\n category?: string;\n valueOnCreation?: boolean;\n isRelated?: boolean;\n [key: string]: unknown;\n}\n\ndeclare class FormBuilderFacade {\n private readonly store;\n private readonly stateSignal;\n readonly formConfiguration: _angular_core.Signal<_masterteam_form_builder.FormConfiguration | null>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly moduleType: _angular_core.Signal<string | null>;\n readonly moduleId: _angular_core.Signal<string | number | null>;\n readonly isLoadingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isResettingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isAddingSection: _angular_core.Signal<boolean>;\n readonly isUpdatingSection: _angular_core.Signal<boolean>;\n readonly isDeletingSection: _angular_core.Signal<boolean>;\n readonly isAddingField: _angular_core.Signal<boolean>;\n readonly isUpdatingField: _angular_core.Signal<boolean>;\n readonly isDeletingField: _angular_core.Signal<boolean>;\n readonly isMovingField: _angular_core.Signal<boolean>;\n readonly formConfigurationError: _angular_core.Signal<string | null>;\n readonly sectionError: _angular_core.Signal<string | null>;\n readonly fieldError: _angular_core.Signal<string | null>;\n setModuleInfo(moduleType: string, moduleId: string | number, parentModuleType?: string, parentModuleId?: string | number, parentPath?: string): rxjs.Observable<void>;\n resetState(): rxjs.Observable<void>;\n getFormConfiguration(): rxjs.Observable<void>;\n resetFormConfiguration(): rxjs.Observable<void>;\n addSection(payload: AddSectionPayload): rxjs.Observable<void>;\n updateSection(sectionId: string, payload: UpdateSectionPayload): rxjs.Observable<void>;\n deleteSection(sectionId: string): rxjs.Observable<void>;\n addField(sectionId: string, payload: AddFieldPayload): rxjs.Observable<void>;\n updateField(sectionId: string, fieldId: string, payload: UpdateFieldPayload): rxjs.Observable<void>;\n deleteField(sectionId: string, fieldId: string): rxjs.Observable<void>;\n moveField(sectionId: string, fieldId: string, payload: MoveFieldPayload): rxjs.Observable<void>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFacade, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderFacade>;\n}\n\ndeclare class FormBuilder {\n private readonly modalService;\n private readonly confirmationService;\n private readonly translocoService;\n protected readonly facade: FormBuilderFacade;\n private dialogRef;\n readonly properties: _angular_core.InputSignal<PropertyItem[]>;\n readonly activeTab: _angular_core.WritableSignal<string>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly isLoading: _angular_core.Signal<boolean>;\n readonly error: _angular_core.Signal<string | null>;\n private readonly propertiesMap;\n readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;\n readonly availableTabs: _angular_core.Signal<{\n id: string;\n title: string;\n properties: PropertyItem[];\n }[]>;\n constructor();\n drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;\n addSection(): void;\n openPreview(): void;\n resetFormConfiguration(): void;\n noReturnPredicate: () => boolean;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;\n static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, \"mt-form-builder\", never, { \"properties\": { \"alias\": \"properties\"; \"required\": false; \"isSignal\": true; }; }, {}, never, never, true, never>;\n}\n\n/**\n * Standard API Response wrapper\n */\ninterface Response<T> {\n endpoint: string;\n status: number;\n code: number;\n locale: string;\n message?: string | null;\n errors?: any | null;\n data: T;\n cacheSession?: string;\n}\n\ndeclare class SetModuleInfo {\n moduleType: string;\n moduleId: string | number;\n parentModuleType?: string | undefined;\n parentModuleId?: string | number | undefined;\n parentPath?: string | undefined;\n static readonly type = \"[FormBuilder] Set Module Info\";\n constructor(moduleType: string, moduleId: string | number, parentModuleType?: string | undefined, parentModuleId?: string | number | undefined, parentPath?: string | undefined);\n}\ndeclare class ResetFormBuilderState {\n static readonly type = \"[FormBuilder] Reset State\";\n}\ndeclare class GetFormConfiguration {\n static readonly type = \"[FormBuilder] Get Form Configuration\";\n}\ndeclare class ResetFormConfiguration {\n static readonly type = \"[FormBuilder] Reset Form Configuration\";\n}\ndeclare class AddSection {\n payload: AddSectionPayload;\n static readonly type = \"[FormBuilder] Add Section\";\n constructor(payload: AddSectionPayload);\n}\ndeclare class UpdateSection {\n sectionId: string;\n payload: UpdateSectionPayload;\n static readonly type = \"[FormBuilder] Update Section\";\n constructor(sectionId: string, payload: UpdateSectionPayload);\n}\ndeclare class DeleteSection {\n sectionId: string;\n static readonly type = \"[FormBuilder] Delete Section\";\n constructor(sectionId: string);\n}\ndeclare class AddField {\n sectionId: string;\n payload: AddFieldPayload;\n static readonly type = \"[FormBuilder] Add Field\";\n constructor(sectionId: string, payload: AddFieldPayload);\n}\ndeclare class UpdateField {\n sectionId: string;\n fieldId: string;\n payload: UpdateFieldPayload;\n static readonly type = \"[FormBuilder] Update Field\";\n constructor(sectionId: string, fieldId: string, payload: UpdateFieldPayload);\n}\ndeclare class DeleteField {\n sectionId: string;\n fieldId: string;\n static readonly type = \"[FormBuilder] Delete Field\";\n constructor(sectionId: string, fieldId: string);\n}\ndeclare class MoveField {\n sectionId: string;\n fieldId: string;\n payload: MoveFieldPayload;\n static readonly type = \"[FormBuilder] Move Field\";\n constructor(sectionId: string, fieldId: string, payload: MoveFieldPayload);\n}\n\ndeclare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderStateModel, FormBuilderActionKey> {\n private http;\n private baseUrl;\n private getApiPath;\n static getState(state: FormBuilderStateModel): FormBuilderStateModel;\n static getFormConfiguration(state: FormBuilderStateModel): FormConfiguration | null;\n static getSections(state: FormBuilderStateModel): FormSection[];\n static getModuleType(state: FormBuilderStateModel): string | null;\n static getModuleId(state: FormBuilderStateModel): string | number | null;\n setModuleInfo(ctx: StateContext<FormBuilderStateModel>, action: SetModuleInfo): void;\n resetState(ctx: StateContext<FormBuilderStateModel>): void;\n getFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n resetFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n addSection(ctx: StateContext<FormBuilderStateModel>, action: AddSection): rxjs.Observable<Response$1<FormSection>>;\n updateSection(ctx: StateContext<FormBuilderStateModel>, action: UpdateSection): rxjs.Observable<Response$1<FormSection>>;\n deleteSection(ctx: StateContext<FormBuilderStateModel>, action: DeleteSection): rxjs.Observable<Response$1<{\n id: string;\n }>>;\n addField(ctx: StateContext<FormBuilderStateModel>, action: AddField): rxjs.Observable<Response$1<FormField>>;\n updateField(ctx: StateContext<FormBuilderStateModel>, action: UpdateField): rxjs.Observable<Response$1<FormField>>;\n deleteField(ctx: StateContext<FormBuilderStateModel>, action: DeleteField): rxjs.Observable<Response$1<{\n id: string;\n sectionId: string;\n }>>;\n moveField(ctx: StateContext<FormBuilderStateModel>, action: MoveField): rxjs.Observable<Response$1<FormField>>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderState, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderState>;\n}\n\nexport { AddField, AddSection, DeleteField, DeleteSection, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, UpdateField, UpdateSection };\nexport type { AddFieldPayload, AddSectionPayload, FieldWidth, FormBuilderStateModel, FormConfiguration, FormField, FormSection, MoveFieldPayload, Response, UpdateFieldPayload, UpdateSectionPayload };\n","map":null,"preliminaryFileName":"masterteam-form-builder.d.ts","sourcemapFileName":null}],"fesm2022":[{"exports":["AddField","AddSection","DeleteField","DeleteSection","FormBuilder","FormBuilderActionKey","FormBuilderFacade","FormBuilderState","GetFormConfiguration","MoveField","ResetFormBuilderState","ResetFormConfiguration","SetModuleInfo","UpdateField","UpdateSection"],"facadeModuleId":"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-esm2022\\masterteam-form-builder.js","isDynamicEntry":false,"isEntry":true,"isImplicitEntry":false,"moduleIds":["C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/api.model.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.actions.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.model.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.state.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.facade.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/index.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/condition-constants.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/fb-field-conditions.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-form/fb-field-form.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section-form/fb-section-form.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section/fb-section.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-preview-form/fb-preview-form.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/form-builder.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/public-api.js","C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-esm2022\\masterteam-form-builder.js"],"name":"masterteam-form-builder","type":"chunk","dynamicImports":[],"fileName":"masterteam-form-builder.mjs","implicitlyLoadedBefore":[],"importedBindings":{"@angular/core":["inject","*","Injectable","computed","input","signal","viewChild","Component","effect","output"],"@angular/common":["CommonModule","*"],"@angular/forms":["FormControl","ReactiveFormsModule","*","FormGroup","FormsModule"],"primeng/tabs":["TabsModule","*"],"@masterteam/components/button":["Button"],"@masterteam/components/card":["Card"],"@masterteam/components/modal":["ModalService"],"@masterteam/components/confirmation":["ConfirmationService"],"@jsverse/transloco":["TranslocoDirective","TranslocoService"],"@angular/cdk/drag-drop":["CdkDrag","CdkDropList","CdkDragPlaceholder","DragDropModule","*"],"@masterteam/forms/dynamic-field":["DynamicField"],"@masterteam/icons":["Icon"],"@ngxs/store":["Action","Selector","State","Store","select"],"@angular/common/http":["HttpClient"],"@masterteam/components":["CrudStateBase","handleApiRequest","RadioCardsFieldConfig"],"@masterteam/forms/dynamic-form":["DynamicForm"],"@masterteam/components/toggle-field":["ToggleField"],"@masterteam/components/dialog":["ModalRef"],"@masterteam/components/formula":["FormulaToolbar","FormulaEditor"],"@masterteam/components/tabs":["Tabs"]},"imports":["@angular/core","@angular/common","@angular/forms","primeng/tabs","@masterteam/components/button","@masterteam/components/card","@masterteam/components/modal","@masterteam/components/confirmation","@jsverse/transloco","@angular/cdk/drag-drop","@masterteam/forms/dynamic-field","@masterteam/icons","@ngxs/store","@angular/common/http","@masterteam/components","@masterteam/forms/dynamic-form","@masterteam/components/toggle-field","@masterteam/components/dialog","@masterteam/components/formula","@masterteam/components/tabs"],"modules":{"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/api.model.js":{"code":"","originalLength":37,"removedExports":[],"renderedExports":[],"renderedLength":0},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.actions.js":{"code":"// ============================================================================\n// Module Configuration Actions\n// ============================================================================\nclass SetModuleInfo {\n moduleType;\n moduleId;\n parentModuleType;\n parentModuleId;\n parentPath;\n static type = '[FormBuilder] Set Module Info';\n constructor(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n this.moduleType = moduleType;\n this.moduleId = moduleId;\n this.parentModuleType = parentModuleType;\n this.parentModuleId = parentModuleId;\n this.parentPath = parentPath;\n }\n}\nclass ResetFormBuilderState {\n static type = '[FormBuilder] Reset State';\n}\n// ============================================================================\n// Form Configuration Actions\n// ============================================================================\nclass GetFormConfiguration {\n static type = '[FormBuilder] Get Form Configuration';\n}\nclass ResetFormConfiguration {\n static type = '[FormBuilder] Reset Form Configuration';\n}\n// ============================================================================\n// Section Actions\n// ============================================================================\nclass AddSection {\n payload;\n static type = '[FormBuilder] Add Section';\n constructor(payload) {\n this.payload = payload;\n }\n}\nclass UpdateSection {\n sectionId;\n payload;\n static type = '[FormBuilder] Update Section';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass DeleteSection {\n sectionId;\n static type = '[FormBuilder] Delete Section';\n constructor(sectionId) {\n this.sectionId = sectionId;\n }\n}\n// ============================================================================\n// Field Actions\n// ============================================================================\nclass AddField {\n sectionId;\n payload;\n static type = '[FormBuilder] Add Field';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass UpdateField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Update Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}\nclass DeleteField {\n sectionId;\n fieldId;\n static type = '[FormBuilder] Delete Field';\n constructor(sectionId, fieldId) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n }\n}\nclass MoveField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Move Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}","originalLength":3043,"removedExports":[],"renderedExports":["SetModuleInfo","ResetFormBuilderState","GetFormConfiguration","ResetFormConfiguration","AddSection","UpdateSection","DeleteSection","AddField","UpdateField","DeleteField","MoveField"],"renderedLength":2917},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.model.js":{"code":"// ============================================================================\n// Action Keys Enum\n// ============================================================================\nvar FormBuilderActionKey;\n(function (FormBuilderActionKey) {\n // Form Configuration\n FormBuilderActionKey[\"GetFormConfiguration\"] = \"getFormConfiguration\";\n FormBuilderActionKey[\"ResetFormConfiguration\"] = \"resetFormConfiguration\";\n // Section CRUD\n FormBuilderActionKey[\"AddSection\"] = \"addSection\";\n FormBuilderActionKey[\"UpdateSection\"] = \"updateSection\";\n FormBuilderActionKey[\"DeleteSection\"] = \"deleteSection\";\n // Field CRUD\n FormBuilderActionKey[\"AddField\"] = \"addField\";\n FormBuilderActionKey[\"UpdateField\"] = \"updateField\";\n FormBuilderActionKey[\"DeleteField\"] = \"deleteField\";\n FormBuilderActionKey[\"MoveField\"] = \"moveField\";\n})(FormBuilderActionKey || (FormBuilderActionKey = {}));","originalLength":964,"removedExports":[],"renderedExports":["FormBuilderActionKey"],"renderedLength":910},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.state.js":{"code":"var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n// Default State\nconst DEFAULT_STATE = {\n // Module configuration\n moduleType: null,\n moduleId: null,\n parentModuleType: null,\n parentModuleId: null,\n parentPath: '',\n // Form data\n formConfiguration: null,\n // Loading state (from LoadingStateShape)\n loadingActive: [],\n errors: {},\n};\nlet FormBuilderState = class FormBuilderState extends CrudStateBase {\n http = inject(HttpClient);\n baseUrl = 'formConfigurations';\n // ============================================================================\n // Helpers\n // ============================================================================\n getApiPath(state) {\n const { parentPath, moduleType, moduleId } = state;\n return `${this.baseUrl}${parentPath}/${moduleType}/${moduleId}`;\n }\n // ============================================================================\n // Selectors\n // ============================================================================\n static getState(state) {\n return state ?? DEFAULT_STATE;\n }\n static getFormConfiguration(state) {\n return state?.formConfiguration ?? null;\n }\n static getSections(state) {\n return state?.formConfiguration?.sections ?? [];\n }\n static getModuleType(state) {\n return state?.moduleType ?? null;\n }\n static getModuleId(state) {\n return state?.moduleId ?? null;\n }\n // ============================================================================\n // Module Configuration Actions\n // ============================================================================\n setModuleInfo(ctx, action) {\n let parentPath = '';\n if (action.parentModuleType && action.parentModuleId) {\n parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\n }\n else if (action.parentPath) {\n parentPath = action.parentPath;\n }\n ctx.patchState({\n moduleType: action.moduleType,\n moduleId: action.moduleId,\n parentModuleType: action.parentModuleType ?? null,\n parentModuleId: action.parentModuleId ?? null,\n parentPath: parentPath ?? '',\n });\n }\n resetState(ctx) {\n ctx.setState(DEFAULT_STATE);\n }\n // ============================================================================\n // Form Configuration Actions\n // ============================================================================\n getFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = this.getApiPath(state);\n const req$ = this.http.get(apiPath);\n return this.load(ctx, {\n key: FormBuilderActionKey.GetFormConfiguration,\n request$: req$,\n updateState: (_state, data) => ({\n formConfiguration: data ?? null,\n }),\n });\n }\n resetFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/reset`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.ResetFormConfiguration,\n request$: req$,\n onSuccess: (res, _currentState) => ({\n formConfiguration: res.data ?? null,\n }),\n });\n }\n // ============================================================================\n // Section Actions\n // ============================================================================\n addSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections`;\n const req$ = this.http.post(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.addOne(currentState.formConfiguration?.sections ?? [], res.data);\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.put(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.upsertOne(currentState.formConfiguration?.sections ?? [], res.data, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n deleteSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.removeOne(currentState.formConfiguration?.sections ?? [], res.data.id, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n // ============================================================================\n // Field Actions\n // ============================================================================\n addField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields`;\n const req$ = this.http.post(apiPath, action.payload);\n // Generate temp ID for optimistic update\n const tempId = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n const tempField = {\n id: tempId,\n sectionId: action.sectionId,\n propertyId: action.payload.propertyId,\n width: action.payload.width,\n order: action.payload.order ?? 0,\n hiddenInCreation: action.payload.hiddenInCreation,\n _pending: true,\n };\n // Optimistically add the temp field\n const sectionsWithTemp = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const insertIndex = action.payload.order ?? fields.length;\n fields.splice(insertIndex, 0, tempField);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithTemp,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const newField = res.data;\n // Replace temp field with real field\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === tempId ? newField : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove temp field on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== tempId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update for order changes\n if (action.payload.order !== undefined) {\n const newOrder = action.payload.order;\n const sections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const currentIndex = fields.findIndex((f) => f.id === action.fieldId);\n if (currentIndex !== -1) {\n const [movedField] = fields.splice(currentIndex, 1);\n fields.splice(newOrder, 0, movedField);\n }\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections,\n },\n });\n }\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const updatedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n // Update the field and sort by order\n const updatedFields = section.fields.map((f) => f.id === updatedField.id ? updatedField : f);\n return {\n ...section,\n fields: updatedFields.sort((a, b) => a.order - b.order),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error - reload original state\n if (action.payload.order !== undefined) {\n return {\n formConfiguration: state.formConfiguration,\n };\n }\n return {};\n },\n });\n }\n deleteField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.delete(apiPath);\n // Optimistically mark field as deleting\n const sectionsWithDeleting = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: true } : f),\n };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithDeleting,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const { id: deletedId, sectionId } = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== deletedId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove _deleting flag on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: false } : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n moveField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}/move`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update - move field immediately\n const sourceSectionId = action.sectionId;\n const targetSectionId = action.payload.targetSectionId;\n const targetOrder = action.payload.order ?? 0;\n let movedFieldData = null;\n const optimisticSections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sourceSectionId) {\n const fieldToMove = section.fields.find((f) => f.id === action.fieldId);\n if (fieldToMove) {\n movedFieldData = { ...fieldToMove, order: targetOrder };\n }\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== action.fieldId),\n };\n }\n return section;\n });\n // Add to target section\n const sectionsWithMoved = optimisticSections.map((section) => {\n if (section.id === targetSectionId && movedFieldData) {\n const fields = [...section.fields];\n fields.splice(targetOrder, 0, movedFieldData);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithMoved,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.MoveField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const movedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n // Update the moved field with server response\n if (section.id === targetSectionId) {\n return {\n ...section,\n fields: section.fields\n .map((f) => (f.id === movedField.id ? movedField : f))\n .sort((a, b) => a.order - b.order),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error\n return {\n formConfiguration: state.formConfiguration,\n };\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState });\n};\n__decorate([\n Action(SetModuleInfo)\n], FormBuilderState.prototype, \"setModuleInfo\", null);\n__decorate([\n Action(ResetFormBuilderState)\n], FormBuilderState.prototype, \"resetState\", null);\n__decorate([\n Action(GetFormConfiguration)\n], FormBuilderState.prototype, \"getFormConfiguration\", null);\n__decorate([\n Action(ResetFormConfiguration)\n], FormBuilderState.prototype, \"resetFormConfiguration\", null);\n__decorate([\n Action(AddSection)\n], FormBuilderState.prototype, \"addSection\", null);\n__decorate([\n Action(UpdateSection)\n], FormBuilderState.prototype, \"updateSection\", null);\n__decorate([\n Action(DeleteSection)\n], FormBuilderState.prototype, \"deleteSection\", null);\n__decorate([\n Action(AddField)\n], FormBuilderState.prototype, \"addField\", null);\n__decorate([\n Action(UpdateField)\n], FormBuilderState.prototype, \"updateField\", null);\n__decorate([\n Action(DeleteField)\n], FormBuilderState.prototype, \"deleteField\", null);\n__decorate([\n Action(MoveField)\n], FormBuilderState.prototype, \"moveField\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getState\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getFormConfiguration\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getSections\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleType\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleId\", null);\nFormBuilderState = __decorate([\n State({\n name: 'formBuilder',\n defaults: DEFAULT_STATE,\n })\n], FormBuilderState);\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, decorators: [{\n type: Injectable\n }], propDecorators: { setModuleInfo: [], resetState: [], getFormConfiguration: [], resetFormConfiguration: [], addSection: [], updateSection: [], deleteSection: [], addField: [], updateField: [], deleteField: [], moveField: [] } });","originalLength":20440,"removedExports":[],"renderedExports":["FormBuilderState"],"renderedLength":19818},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.facade.js":{"code":"class FormBuilderFacade {\n store = inject(Store);\n // ============================================================================\n // State Selectors\n // ============================================================================\n stateSignal = select(FormBuilderState.getState);\n formConfiguration = select(FormBuilderState.getFormConfiguration);\n sections = select(FormBuilderState.getSections);\n moduleType = select(FormBuilderState.getModuleType);\n moduleId = select(FormBuilderState.getModuleId);\n // ============================================================================\n // Loading Signals\n // ============================================================================\n isLoadingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.GetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isLoadingFormConfiguration\" }] : []));\n isResettingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.ResetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isResettingFormConfiguration\" }] : []));\n isAddingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddSection), ...(ngDevMode ? [{ debugName: \"isAddingSection\" }] : []));\n isUpdatingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateSection), ...(ngDevMode ? [{ debugName: \"isUpdatingSection\" }] : []));\n isDeletingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteSection), ...(ngDevMode ? [{ debugName: \"isDeletingSection\" }] : []));\n isAddingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddField), ...(ngDevMode ? [{ debugName: \"isAddingField\" }] : []));\n isUpdatingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateField), ...(ngDevMode ? [{ debugName: \"isUpdatingField\" }] : []));\n isDeletingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteField), ...(ngDevMode ? [{ debugName: \"isDeletingField\" }] : []));\n isMovingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.MoveField), ...(ngDevMode ? [{ debugName: \"isMovingField\" }] : []));\n // ============================================================================\n // Error Signals\n // ============================================================================\n formConfigurationError = computed(() => this.stateSignal().errors[FormBuilderActionKey.GetFormConfiguration] ??\n null, ...(ngDevMode ? [{ debugName: \"formConfigurationError\" }] : []));\n sectionError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddSection] ??\n errors[FormBuilderActionKey.UpdateSection] ??\n errors[FormBuilderActionKey.DeleteSection] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"sectionError\" }] : []));\n fieldError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddField] ??\n errors[FormBuilderActionKey.UpdateField] ??\n errors[FormBuilderActionKey.DeleteField] ??\n errors[FormBuilderActionKey.MoveField] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"fieldError\" }] : []));\n // ============================================================================\n // Module Configuration Dispatchers\n // ============================================================================\n setModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n return this.store.dispatch(new SetModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath));\n }\n resetState() {\n return this.store.dispatch(new ResetFormBuilderState());\n }\n // ============================================================================\n // Form Configuration Dispatchers\n // ============================================================================\n getFormConfiguration() {\n return this.store.dispatch(new GetFormConfiguration());\n }\n resetFormConfiguration() {\n return this.store.dispatch(new ResetFormConfiguration());\n }\n // ============================================================================\n // Section Dispatchers\n // ============================================================================\n addSection(payload) {\n return this.store.dispatch(new AddSection(payload));\n }\n updateSection(sectionId, payload) {\n return this.store.dispatch(new UpdateSection(sectionId, payload));\n }\n deleteSection(sectionId) {\n return this.store.dispatch(new DeleteSection(sectionId));\n }\n // ============================================================================\n // Field Dispatchers\n // ============================================================================\n addField(sectionId, payload) {\n return this.store.dispatch(new AddField(sectionId, payload));\n }\n updateField(sectionId, fieldId, payload) {\n return this.store.dispatch(new UpdateField(sectionId, fieldId, payload));\n }\n deleteField(sectionId, fieldId) {\n return this.store.dispatch(new DeleteField(sectionId, fieldId));\n }\n moveField(sectionId, fieldId, payload) {\n return this.store.dispatch(new MoveField(sectionId, fieldId, payload));\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }] });","originalLength":6652,"removedExports":[],"renderedExports":["FormBuilderFacade"],"renderedLength":6119},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/index.js":{"code":"","originalLength":217,"removedExports":[],"renderedExports":[],"renderedLength":0},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/condition-constants.js":{"code":"/**\n * Condition Formula Constants\n * Static functions and operators for condition formulas (Show/Hide/Enable/Disable)\n */\n/**\n * Functions for field conditions\n */\nconst CONDITION_FUNCTION_CATEGORIES = [\n {\n name: 'Logic',\n displayName: 'Field Visibility',\n functions: [\n {\n name: 'SHOW_IF',\n category: 'Logic',\n description: 'Show this field when condition is true',\n signature: 'SHOW_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is visible',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'SHOW_IF(@Status == \"Active\")',\n 'SHOW_IF(@Type == \"Custom\")',\n ],\n },\n {\n name: 'HIDE_IF',\n category: 'Logic',\n description: 'Hide this field when condition is true',\n signature: 'HIDE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is hidden',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['HIDE_IF(@Status == \"Closed\")', 'HIDE_IF(ISNULL(@Parent))'],\n },\n {\n name: 'DISABLE_IF',\n category: 'Logic',\n description: 'Disable this field when condition is true',\n signature: 'DISABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is disabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'DISABLE_IF(@IsLocked == true)',\n 'DISABLE_IF(@Status == \"Approved\")',\n ],\n },\n {\n name: 'ENABLE_IF',\n category: 'Logic',\n description: 'Enable this field when condition is true',\n signature: 'ENABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is enabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'ENABLE_IF(@Status == \"Draft\")',\n 'ENABLE_IF(@CanEdit == true)',\n ],\n },\n ],\n },\n {\n name: 'Aggregation',\n displayName: 'Logic Helpers',\n functions: [\n {\n name: 'AND',\n category: 'Aggregation',\n description: 'Returns true if all conditions are true',\n signature: 'AND(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['AND(@Status == \"Active\", @Priority > 0)'],\n },\n {\n name: 'OR',\n category: 'Aggregation',\n description: 'Returns true if any condition is true',\n signature: 'OR(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['OR(@Status == \"Active\", @Status == \"Pending\")'],\n },\n {\n name: 'NOT',\n category: 'Aggregation',\n description: 'Returns the opposite of the condition',\n signature: 'NOT(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'The condition to negate',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['NOT(@IsCompleted)'],\n },\n {\n name: 'ISNULL',\n category: 'Aggregation',\n description: 'Returns true if value is null or empty',\n signature: 'ISNULL(value)',\n parameters: [\n {\n name: 'value',\n type: 'any',\n description: 'The value to check',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['ISNULL(@Description)'],\n },\n {\n name: 'CONTAINS',\n category: 'Aggregation',\n description: 'Returns true if text contains the search string',\n signature: 'CONTAINS(text, search)',\n parameters: [\n {\n name: 'text',\n type: 'string',\n description: 'The text to search in',\n required: true,\n },\n {\n name: 'search',\n type: 'string',\n description: 'The string to search for',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['CONTAINS(@Name, \"Project\")'],\n },\n ],\n },\n];\n/**\n * Operators for conditions\n */\nconst CONDITION_OPERATORS = [\n // Comparison\n {\n symbol: '==',\n name: 'Equal',\n type: 'comparison',\n description: 'Equal to',\n precedence: 3,\n },\n {\n symbol: '!=',\n name: 'Not Equal',\n type: 'comparison',\n description: 'Not equal to',\n precedence: 3,\n },\n {\n symbol: '>',\n name: 'Greater Than',\n type: 'comparison',\n description: 'Greater than',\n precedence: 4,\n },\n {\n symbol: '<',\n name: 'Less Than',\n type: 'comparison',\n description: 'Less than',\n precedence: 4,\n },\n {\n symbol: '>=',\n name: 'Greater or Equal',\n type: 'comparison',\n description: 'Greater than or equal',\n precedence: 4,\n },\n {\n symbol: '<=',\n name: 'Less or Equal',\n type: 'comparison',\n description: 'Less than or equal',\n precedence: 4,\n },\n // Logical\n {\n symbol: '&&',\n name: 'And',\n type: 'logical',\n description: 'Logical AND',\n precedence: 2,\n },\n {\n symbol: '||',\n name: 'Or',\n type: 'logical',\n description: 'Logical OR',\n precedence: 1,\n },\n];","originalLength":8197,"removedExports":[],"renderedExports":["CONDITION_FUNCTION_CATEGORIES","CONDITION_OPERATORS"],"renderedLength":8135},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/fb-field-conditions.js":{"code":"/**\n * Field Conditions Dialog\n *\n * Allows users to define conditional display formulas for form fields.\n * Uses FormulaToolbar + FormulaEditor directly for a visual formula editing experience.\n */\nclass FBFieldConditions {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n // Inputs\n /** Initial formula (JSON string from backend) */\n initialFormula = input('', ...(ngDevMode ? [{ debugName: \"initialFormula\" }] : []));\n /** Available fields from the form builder (other fields that can be referenced) */\n availableFields = input([], ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n // Form control for the formula editor (tokens array)\n formulaControl = new FormControl([]);\n // View child for the editor\n editorRef = viewChild('editor', ...(ngDevMode ? [{ debugName: \"editorRef\" }] : []));\n // Condition-specific functions and operators\n functionCategories = CONDITION_FUNCTION_CATEGORIES;\n operators = CONDITION_OPERATORS;\n /** Extract property keys for toolbar */\n propertyKeys = computed(() => this.availableFields().map((f) => f.key), ...(ngDevMode ? [{ debugName: \"propertyKeys\" }] : []));\n /** Toolbar labels */\n toolbarLabels = {\n functions: 'Functions',\n properties: 'Fields',\n operators: 'Operators',\n noPropertiesAvailable: 'No fields available',\n };\n ngOnInit() {\n // Parse JSON string to tokens\n const formula = this.initialFormula();\n if (formula) {\n try {\n const tokens = JSON.parse(formula);\n this.formulaControl.patchValue(tokens);\n }\n catch {\n // Invalid JSON, start with empty\n }\n }\n }\n /** Handle block insert from toolbar */\n onBlockInsert(block) {\n const editor = this.editorRef();\n if (editor) {\n editor.addBlock(block);\n }\n }\n onSave() {\n const tokens = this.formulaControl.value ?? [];\n const formula = tokens.length > 0 ? JSON.stringify(tokens) : '';\n this.ref.close({ saved: true, conditionalDisplayFormula: formula });\n }\n onCancel() {\n this.ref.close({ saved: false });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"21.0.3\", type: FBFieldConditions, isStandalone: true, selector: \"mt-fb-field-conditions\", inputs: { initialFormula: { classPropertyName: \"initialFormula\", publicName: \"initialFormula\", isSignal: true, isRequired: false, transformFunction: null }, availableFields: { classPropertyName: \"availableFields\", publicName: \"availableFields\", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: \"editorRef\", first: true, predicate: [\"editor\"], descendants: true, isSignal: true }], ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: FormulaToolbar, selector: \"mt-formula-toolbar\", inputs: [\"knownProperties\", \"functionCategories\", \"operators\", \"initialTab\", \"searchPlaceholder\", \"labels\"], outputs: [\"onBlockInsert\", \"onTabChange\"] }, { kind: \"component\", type: FormulaEditor, selector: \"mt-formula-editor\", inputs: [\"placeholder\", \"initialTokens\", \"disabled\"], outputs: [\"formulaChange\", \"tokensChange\", \"onBlur\", \"onFocus\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-conditions', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n Button,\n FormulaToolbar,\n FormulaEditor,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], propDecorators: { initialFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialFormula\", required: false }] }], availableFields: [{ type: i0.Input, args: [{ isSignal: true, alias: \"availableFields\", required: false }] }], editorRef: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }] } });","originalLength":8248,"removedExports":[],"renderedExports":["FBFieldConditions"],"renderedLength":7557},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-form/fb-field-form.js":{"code":"class FBFieldForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input('', ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n /** All sections with enriched fields (to get available fields for conditions) */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n conditionalDisplayFormula = signal('', ...(ngDevMode ? [{ debugName: \"conditionalDisplayFormula\" }] : []));\n conditionsDialogRef;\n /**\n * Compute available fields for condition formula\n * Excludes the current field being edited\n */\n availableFields = computed(() => {\n const sections = this.allSections();\n const currentField = this.initialData();\n const fields = [];\n for (const section of sections) {\n for (const field of section.fields) {\n // Exclude the current field being edited\n if (currentField && field.id === currentField.id)\n continue;\n fields.push({\n key: field.name,\n name: field.name,\n type: field.type,\n });\n }\n }\n return fields;\n }, ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // Form\n formControl = new FormControl();\n showHideControl = new FormControl(false);\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'isRequired',\n label: this.transloco.translate('formBuilder.is-required'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 1,\n },\n {\n key: 'hiddenInCreation',\n label: this.transloco.translate('formBuilder.hidden-in-creation'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 2,\n },\n {\n key: 'hiddenInEditForm',\n label: this.transloco.translate('formBuilder.hidden-in-edit-form'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 3,\n },\n new RadioCardsFieldConfig({\n key: 'size',\n label: this.transloco.translate('formBuilder.size'),\n placeholder: this.transloco.translate('formBuilder.size'),\n options: [\n { id: 's', name: 'S' },\n { id: 'm', name: 'M' },\n { id: 'l', name: 'L' },\n ],\n order: 4,\n size: 'small',\n }),\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n const widthToSize = {\n '25': 's',\n '50': 'm',\n '100': 'l',\n };\n this.formControl.patchValue({\n isRequired: data.isRequired ?? false,\n hiddenInCreation: data.hiddenInCreation ?? false,\n hiddenInEditForm: data.hiddenInEditForm ?? false,\n size: widthToSize[data.width] ?? 'l',\n });\n // Set show/hide toggle based on existing value\n this.showHideControl.patchValue(data.showConditionalDisplayFormula ?? false);\n this.conditionalDisplayFormula.set(data.conditionalDisplayFormula ?? '');\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n const widthMap = {\n s: '25',\n m: '50',\n l: '100',\n };\n const payload = {\n width: widthMap[formValue.size] ?? '100',\n hiddenInCreation: formValue.hiddenInCreation ?? false,\n hiddenInEditForm: formValue.hiddenInEditForm ?? false,\n isRequired: formValue.isRequired ?? false,\n showConditionalDisplayFormula: this.showHideControl.value ?? false,\n conditionalDisplayFormula: this.showHideControl.value\n ? this.conditionalDisplayFormula()\n : null,\n };\n this.submitting.set(true);\n this.facade.updateField(sectionId, field.id, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n onCancel() {\n this.ref.close(false);\n }\n onSetConditions() {\n this.conditionsDialogRef = this.modalService.openModal(FBFieldConditions, 'drawer', {\n header: this.transloco.translate('formBuilder.set-conditions'),\n styleClass: '!w-[calc(100%-25rem)] !absolute ',\n position: 'start',\n modal: false,\n appendTo: '#page-content',\n inputValues: {\n initialFormula: this.conditionalDisplayFormula(),\n availableFields: this.availableFields(),\n },\n });\n this.conditionsDialogRef.onClose.subscribe((result) => {\n if (result?.saved) {\n this.conditionalDisplayFormula.set(result.conditionalDisplayFormula ?? '');\n }\n });\n }\n onDelete(event) {\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteField(sectionId, field.id).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBFieldForm, isStandalone: true, selector: \"mt-fb-field-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: ToggleField, selector: \"mt-toggle-field\", inputs: [\"label\", \"labelPosition\", \"placeholder\", \"readonly\", \"pInputs\", \"required\", \"toggleShape\", \"icon\", \"descriptionCard\"], outputs: [\"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-form', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n DynamicForm,\n Button,\n ToggleField,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }] } });","originalLength":14568,"removedExports":[],"renderedExports":["FBFieldForm"],"renderedLength":13630},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section-form/fb-section-form.js":{"code":"class FBSectionForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input(null, ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n // Form\n formControl = new FormControl();\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'name-ar',\n label: this.transloco.translate('formBuilder.name-ar'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-ar'),\n colSpan: 12,\n order: 1,\n },\n {\n key: 'name-en',\n label: this.transloco.translate('formBuilder.name-en'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-en'),\n colSpan: 12,\n order: 2,\n },\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n this.formControl.patchValue({\n 'name-ar': data.ar,\n 'name-en': data.en,\n });\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const payload = {\n name: {\n ar: formValue['name-ar'],\n en: formValue['name-en'],\n },\n };\n this.submitting.set(true);\n const sectionId = this.sectionId();\n if (sectionId) {\n // Update existing section\n this.facade.updateSection(sectionId, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n else {\n // Create new section\n this.facade\n .addSection({ ...payload, order: this.sectionsCount() })\n .subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n }\n onCancel() {\n this.ref.close(false);\n }\n onDelete(event) {\n const sectionId = this.sectionId();\n if (!sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteSection(sectionId).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSectionForm, isStandalone: true, selector: \"mt-fb-section-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Button], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }] } });","originalLength":9073,"removedExports":[],"renderedExports":["FBSectionForm"],"renderedLength":8357},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section/fb-section.js":{"code":"class FBSection {\n confirmationService = inject(ConfirmationService);\n modalService = inject(ModalService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n // Inputs\n section = input.required(...(ngDevMode ? [{ debugName: \"section\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n /** All sections - used to get available fields for condition formulas */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // Outputs - only keep drag/drop since it needs coordination with parent drop list group\n onFieldDrop = output();\n // Computed\n sectionName = computed(() => {\n const lang = document.documentElement.lang;\n const section = this.section();\n return section.name[lang] ?? section.name['en'];\n }, ...(ngDevMode ? [{ debugName: \"sectionName\" }] : []));\n fields = computed(() => this.section().fields, ...(ngDevMode ? [{ debugName: \"fields\" }] : []));\n // UI State\n expanded = signal(true, ...(ngDevMode ? [{ debugName: \"expanded\" }] : []));\n // Form groups cache for dynamic fields\n formGroupsCache = new Map();\n constructor() {\n // Cleanup stale form groups when fields change\n effect(() => {\n const currentIds = new Set(this.fields().map((f) => f.id));\n for (const id of this.formGroupsCache.keys()) {\n if (!currentIds.has(id)) {\n this.formGroupsCache.delete(id);\n }\n }\n });\n }\n getFormGroup(field) {\n let fg = this.formGroupsCache.get(field.id);\n if (fg) {\n // Check if field name changed\n if (!fg.contains(field.name)) {\n const oldKey = Object.keys(fg.controls)[0];\n const value = oldKey ? fg.get(oldKey)?.value : field.data?.data;\n fg = new FormGroup({\n [field.name]: new FormControl(value),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n }\n else {\n fg = new FormGroup({\n [field.name]: new FormControl(field.data?.data),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n return fg;\n }\n toggleExpanded() {\n this.expanded.update((v) => !v);\n }\n onDrop(event) {\n this.onFieldDrop.emit(event);\n }\n editSection(event) {\n event.stopPropagation();\n const section = this.section();\n this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.edit-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: false,\n inputValues: {\n sectionId: section.id,\n initialData: section.name,\n sectionsCount: this.sectionsCount(),\n },\n });\n }\n removeField(event, field) {\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.facade.deleteField(this.section().id, field.id);\n },\n });\n }\n editField(field) {\n this.modalService.openModal(FBFieldForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.field-settings'),\n height: '20vw',\n styleClass: '!w-100 !absolute !shadow-none',\n position: 'end',\n modal: false,\n appendTo: '#page-content',\n inputValues: {\n initialData: field,\n sectionId: this.section().id,\n allSections: this.allSections(),\n },\n });\n }\n getFieldColSpan(field) {\n switch (field.width) {\n case '100':\n return 'col-span-12';\n case '50':\n return 'col-span-6';\n case '25':\n return 'col-span-3';\n default:\n return 'col-span-12';\n }\n }\n getFieldType(field) {\n const typeMap = {\n User: 'select',\n Text: 'text',\n LongText: 'editor-field',\n Percentage: 'slider',\n Date: 'date',\n Currency: 'text',\n Number: 'number',\n Lookup: 'select',\n LookupMultiSelect: 'select',\n Checkbox: 'toggle',\n InternalModule: 'select',\n DynamicList: 'select',\n API: 'select',\n Time: 'date',\n Status: 'select',\n Attachment: 'attachment',\n EditableListView: 'actionableTable',\n LookupLog: 'actionableTable',\n LookupMatrix: 'select',\n Location: 'select',\n };\n return typeMap[field.type] ?? 'text';\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSection, isStandalone: true, selector: \"mt-fb-section\", inputs: { section: { classPropertyName: \"section\", publicName: \"section\", isSignal: true, isRequired: true, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFieldDrop: \"onFieldDrop\" }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"component\", type: Icon, selector: \"mt-icon\", inputs: [\"icon\"] }, { kind: \"directive\", type: CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: DynamicField, selector: \"mt-dynamic-field\", inputs: [\"fieldConfig\", \"fieldName\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section', standalone: true, imports: [\n Button,\n Card,\n Icon,\n CdkDrag,\n CdkDropList,\n CdkDragPlaceholder,\n TranslocoDirective,\n DynamicField,\n ReactiveFormsModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { section: [{ type: i0.Input, args: [{ isSignal: true, alias: \"section\", required: true }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }], onFieldDrop: [{ type: i0.Output, args: [\"onFieldDrop\"] }] } });","originalLength":20619,"removedExports":[],"renderedExports":["FBSection"],"renderedLength":19589},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-preview-form/fb-preview-form.js":{"code":"class FBPreviewForm {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n transloco = inject(TranslocoService);\n // Inputs\n sections = input([], ...(ngDevMode ? [{ debugName: \"sections\" }] : []));\n // Tab state\n activeTab = signal('create', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n isLoading = signal(false, ...(ngDevMode ? [{ debugName: \"isLoading\" }] : []));\n tabOptions = [\n {\n label: this.transloco.translate('formBuilder.create-form'),\n value: 'create',\n },\n { label: this.transloco.translate('formBuilder.edit-form'), value: 'edit' },\n ];\n // Form control for dynamic form\n formControl = new FormControl();\n constructor() {\n // Show skeleton briefly when tab changes to force rebuild\n effect(() => {\n this.activeTab(); // Track tab changes\n this.isLoading.set(true);\n setTimeout(() => this.isLoading.set(false), 50);\n });\n }\n // Convert enriched sections to DynamicFormConfig based on active tab\n formConfig = computed(() => {\n const sections = this.sections();\n const mode = this.activeTab();\n return {\n sections: sections\n .map((section, sectionIndex) => {\n const lang = document.documentElement.lang;\n const sectionName = section.name[lang] ?? section.name['en'] ?? '';\n // Filter fields based on mode\n const visibleFields = section.fields.filter((field) => {\n if (mode === 'create') {\n return !field.hiddenInCreation;\n }\n else {\n return !field.hiddenInEditForm;\n }\n });\n return {\n key: section.id,\n label: sectionName,\n type: 'header',\n columns: 12,\n order: section.order ?? sectionIndex,\n fields: visibleFields.map((field, fieldIndex) => {\n const colSpan = this.getColSpan(field.width);\n return {\n key: `field_${field.propertyId}`,\n label: field.name,\n type: this.mapFieldType(field.type),\n colSpan,\n order: field.order ?? fieldIndex,\n placeholder: field.name,\n };\n }),\n };\n })\n .filter((section) => section.fields.length > 0), // Hide empty sections\n };\n }, ...(ngDevMode ? [{ debugName: \"formConfig\" }] : []));\n /**\n * Map property view type to dynamic form field type\n */\n mapFieldType(viewType) {\n const typeMap = {\n text: 'text',\n number: 'number',\n date: 'date',\n select: 'select',\n multiselect: 'multiselect',\n toggle: 'toggle',\n checkbox: 'checkbox',\n textarea: 'textarea',\n editor: 'editor',\n color: 'color',\n slider: 'slider',\n radio: 'radio',\n 'radio-cards': 'radio-cards',\n upload: 'upload',\n 'user-search': 'user-search',\n };\n return typeMap[viewType?.toLowerCase()] ?? 'text';\n }\n /**\n * Convert field width to colSpan\n */\n getColSpan(width) {\n const widthMap = {\n '25': 3,\n '50': 6,\n '100': 12,\n };\n return widthMap[width] ?? 12;\n }\n onClose() {\n this.ref.close();\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBPreviewForm, isStandalone: true, selector: \"mt-fb-preview-form\", inputs: { sections: { classPropertyName: \"sections\", publicName: \"sections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Tabs, selector: \"mt-tabs\", inputs: [\"options\", \"optionLabel\", \"optionValue\", \"active\", \"size\", \"fluid\", \"disabled\"], outputs: [\"activeChange\", \"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-preview-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Tabs], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sections\", required: false }] }] } });","originalLength":8530,"removedExports":[],"renderedExports":["FBPreviewForm"],"renderedLength":7944},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/form-builder.js":{"code":"class FormBuilder {\n modalService = inject(ModalService);\n confirmationService = inject(ConfirmationService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n dialogRef;\n // Inputs - only properties needed from parent\n properties = input([], ...(ngDevMode ? [{ debugName: \"properties\" }] : []));\n // Local UI state\n activeTab = signal('system', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n // State from facade\n sections = this.facade.sections;\n isLoading = this.facade.isLoadingFormConfiguration;\n error = this.facade.formConfigurationError;\n // Properties map for enrichment\n propertiesMap = computed(() => {\n const map = new Map();\n for (const prop of this.properties()) {\n map.set(prop.id, prop);\n }\n return map;\n }, ...(ngDevMode ? [{ debugName: \"propertiesMap\" }] : []));\n // Enrich sections with property data for UI display\n enrichedSections = computed(() => {\n const sections = this.sections();\n const propsMap = this.propertiesMap();\n const lang = document.documentElement.lang;\n return sections.map((section) => ({\n ...section,\n fields: section.fields.map((field) => {\n const prop = propsMap.get(field.propertyId);\n const propName = prop?.name;\n const name = typeof propName === 'string'\n ? propName\n : (propName?.[lang] ??\n propName?.['en'] ??\n `Property ${field.propertyId}`);\n return {\n ...field,\n name,\n type: prop?.viewType || 'text',\n data: prop,\n };\n }),\n }));\n }, ...(ngDevMode ? [{ debugName: \"enrichedSections\" }] : []));\n // Available properties for toolbox tabs\n availableTabs = computed(() => {\n const tabs = [];\n const usedPropertyIds = new Set(this.sections().flatMap((s) => s.fields.map((f) => f.propertyId)));\n const availableProps = this.properties().filter((p) => !usedPropertyIds.has(p.id));\n const systemProps = availableProps.filter((p) => p.isSystem);\n const customProps = availableProps.filter((p) => !p.isSystem);\n if (systemProps.length > 0) {\n tabs.push({ id: 'system', title: 'System', properties: systemProps });\n }\n if (customProps.length > 0) {\n tabs.push({ id: 'custom', title: 'Custom', properties: customProps });\n }\n return tabs;\n }, ...(ngDevMode ? [{ debugName: \"availableTabs\" }] : []));\n constructor() {\n // Update active tab when tabs change\n effect(() => {\n const tabs = this.availableTabs();\n const currentTab = this.activeTab();\n if (tabs.length > 0 && !tabs.some((t) => t.id === currentTab)) {\n this.activeTab.set(tabs[0].id);\n }\n });\n }\n drop(event) {\n const targetSectionId = event.container.id;\n if (event.previousContainer === event.container) {\n // Reordering within the same section\n const field = event.item.data;\n // Update the field order via API\n this.facade.updateField(targetSectionId, field.id, {\n order: event.currentIndex,\n });\n }\n else if (event.previousContainer.id.startsWith('toolbox-')) {\n // Adding from toolbox\n const propertyItem = event.item.data;\n this.facade.addField(targetSectionId, {\n propertyId: propertyItem.id,\n width: '100',\n order: event.currentIndex,\n hiddenInCreation: false,\n });\n }\n else {\n // Moving between sections\n const sourceSectionId = event.previousContainer.id;\n const field = event.item.data;\n this.facade.moveField(sourceSectionId, field.id, {\n targetSectionId,\n order: event.currentIndex,\n });\n }\n }\n addSection() {\n this.dialogRef = this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.add-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: true,\n inputValues: {\n sectionsCount: this.sections().length,\n },\n });\n }\n openPreview() {\n this.dialogRef = this.modalService.openModal(FBPreviewForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.preview'),\n styleClass: '!w-[80vw] ',\n position: 'end',\n modal: true,\n inputValues: {\n sections: this.enrichedSections(),\n },\n });\n }\n resetFormConfiguration() {\n this.confirmationService.confirm({\n type: 'dialog',\n acceptButtonStyleClass: 'p-button-danger',\n accept: () => {\n this.facade.resetFormConfiguration();\n },\n });\n }\n noReturnPredicate = () => false;\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FormBuilder, isStandalone: true, selector: \"mt-form-builder\", inputs: { properties: { classPropertyName: \"properties\", publicName: \"properties\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n @if (properties().length > 0) {\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"ngmodule\", type: TabsModule }, { kind: \"component\", type: i1$1.Tabs, selector: \"p-tabs\", inputs: [\"value\", \"scrollable\", \"lazy\", \"selectOnFocus\", \"showNavigators\", \"tabindex\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabPanels, selector: \"p-tabpanels\" }, { kind: \"component\", type: i1$1.TabPanel, selector: \"p-tabpanel\", inputs: [\"lazy\", \"value\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabList, selector: \"p-tablist\" }, { kind: \"component\", type: i1$1.Tab, selector: \"p-tab\", inputs: [\"value\", \"disabled\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: FBSection, selector: \"mt-fb-section\", inputs: [\"section\", \"sectionsCount\", \"allSections\"], outputs: [\"onFieldDrop\"] }, { kind: \"ngmodule\", type: DragDropModule }, { kind: \"directive\", type: i2.CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: i2.CdkDropListGroup, selector: \"[cdkDropListGroup]\", inputs: [\"cdkDropListGroupDisabled\"], exportAs: [\"cdkDropListGroup\"] }, { kind: \"directive\", type: i2.CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: i2.CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"pipe\", type: i3.TitleCasePipe, name: \"titlecase\" }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, decorators: [{\n type: Component,\n args: [{ selector: 'mt-form-builder', standalone: true, imports: [\n CommonModule,\n FormsModule,\n TabsModule,\n Button,\n Card,\n TranslocoDirective,\n FBSection,\n DragDropModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n @if (properties().length > 0) {\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { properties: [{ type: i0.Input, args: [{ isSignal: true, alias: \"properties\", required: false }] }] } });","originalLength":20160,"removedExports":[],"renderedExports":["FormBuilder"],"renderedLength":19100},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/public-api.js":{"code":"/*\n * Public API Surface of form-builder\n */","originalLength":157,"removedExports":[],"renderedExports":[],"renderedLength":44},"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-esm2022\\masterteam-form-builder.js":{"code":"/**\n * Generated bundle index. Do not edit.\n */","originalLength":129,"removedExports":[],"renderedExports":[],"renderedLength":47}},"referencedFiles":[],"code":"import * as i0 from '@angular/core';\nimport { inject, Injectable, computed, input, signal, viewChild, Component, effect, output } from '@angular/core';\nimport * as i3 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { FormControl, ReactiveFormsModule, FormGroup, FormsModule } from '@angular/forms';\nimport * as i1$1 from 'primeng/tabs';\nimport { TabsModule } from 'primeng/tabs';\nimport { Button } from '@masterteam/components/button';\nimport { Card } from '@masterteam/components/card';\nimport { ModalService } from '@masterteam/components/modal';\nimport { ConfirmationService } from '@masterteam/components/confirmation';\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\nimport * as i2 from '@angular/cdk/drag-drop';\nimport { CdkDrag, CdkDropList, CdkDragPlaceholder, DragDropModule } from '@angular/cdk/drag-drop';\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\nimport { Icon } from '@masterteam/icons';\nimport { Action, Selector, State, Store, select } from '@ngxs/store';\nimport { HttpClient } from '@angular/common/http';\nimport { CrudStateBase, handleApiRequest, RadioCardsFieldConfig } from '@masterteam/components';\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\nimport { ToggleField } from '@masterteam/components/toggle-field';\nimport { ModalRef } from '@masterteam/components/dialog';\nimport { FormulaToolbar, FormulaEditor } from '@masterteam/components/formula';\nimport { Tabs } from '@masterteam/components/tabs';\n\n// ============================================================================\n// Module Configuration Actions\n// ============================================================================\nclass SetModuleInfo {\n moduleType;\n moduleId;\n parentModuleType;\n parentModuleId;\n parentPath;\n static type = '[FormBuilder] Set Module Info';\n constructor(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n this.moduleType = moduleType;\n this.moduleId = moduleId;\n this.parentModuleType = parentModuleType;\n this.parentModuleId = parentModuleId;\n this.parentPath = parentPath;\n }\n}\nclass ResetFormBuilderState {\n static type = '[FormBuilder] Reset State';\n}\n// ============================================================================\n// Form Configuration Actions\n// ============================================================================\nclass GetFormConfiguration {\n static type = '[FormBuilder] Get Form Configuration';\n}\nclass ResetFormConfiguration {\n static type = '[FormBuilder] Reset Form Configuration';\n}\n// ============================================================================\n// Section Actions\n// ============================================================================\nclass AddSection {\n payload;\n static type = '[FormBuilder] Add Section';\n constructor(payload) {\n this.payload = payload;\n }\n}\nclass UpdateSection {\n sectionId;\n payload;\n static type = '[FormBuilder] Update Section';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass DeleteSection {\n sectionId;\n static type = '[FormBuilder] Delete Section';\n constructor(sectionId) {\n this.sectionId = sectionId;\n }\n}\n// ============================================================================\n// Field Actions\n// ============================================================================\nclass AddField {\n sectionId;\n payload;\n static type = '[FormBuilder] Add Field';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass UpdateField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Update Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}\nclass DeleteField {\n sectionId;\n fieldId;\n static type = '[FormBuilder] Delete Field';\n constructor(sectionId, fieldId) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n }\n}\nclass MoveField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Move Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}\n\n// ============================================================================\n// Action Keys Enum\n// ============================================================================\nvar FormBuilderActionKey;\n(function (FormBuilderActionKey) {\n // Form Configuration\n FormBuilderActionKey[\"GetFormConfiguration\"] = \"getFormConfiguration\";\n FormBuilderActionKey[\"ResetFormConfiguration\"] = \"resetFormConfiguration\";\n // Section CRUD\n FormBuilderActionKey[\"AddSection\"] = \"addSection\";\n FormBuilderActionKey[\"UpdateSection\"] = \"updateSection\";\n FormBuilderActionKey[\"DeleteSection\"] = \"deleteSection\";\n // Field CRUD\n FormBuilderActionKey[\"AddField\"] = \"addField\";\n FormBuilderActionKey[\"UpdateField\"] = \"updateField\";\n FormBuilderActionKey[\"DeleteField\"] = \"deleteField\";\n FormBuilderActionKey[\"MoveField\"] = \"moveField\";\n})(FormBuilderActionKey || (FormBuilderActionKey = {}));\n\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n// Default State\nconst DEFAULT_STATE = {\n // Module configuration\n moduleType: null,\n moduleId: null,\n parentModuleType: null,\n parentModuleId: null,\n parentPath: '',\n // Form data\n formConfiguration: null,\n // Loading state (from LoadingStateShape)\n loadingActive: [],\n errors: {},\n};\nlet FormBuilderState = class FormBuilderState extends CrudStateBase {\n http = inject(HttpClient);\n baseUrl = 'formConfigurations';\n // ============================================================================\n // Helpers\n // ============================================================================\n getApiPath(state) {\n const { parentPath, moduleType, moduleId } = state;\n return `${this.baseUrl}${parentPath}/${moduleType}/${moduleId}`;\n }\n // ============================================================================\n // Selectors\n // ============================================================================\n static getState(state) {\n return state ?? DEFAULT_STATE;\n }\n static getFormConfiguration(state) {\n return state?.formConfiguration ?? null;\n }\n static getSections(state) {\n return state?.formConfiguration?.sections ?? [];\n }\n static getModuleType(state) {\n return state?.moduleType ?? null;\n }\n static getModuleId(state) {\n return state?.moduleId ?? null;\n }\n // ============================================================================\n // Module Configuration Actions\n // ============================================================================\n setModuleInfo(ctx, action) {\n let parentPath = '';\n if (action.parentModuleType && action.parentModuleId) {\n parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\n }\n else if (action.parentPath) {\n parentPath = action.parentPath;\n }\n ctx.patchState({\n moduleType: action.moduleType,\n moduleId: action.moduleId,\n parentModuleType: action.parentModuleType ?? null,\n parentModuleId: action.parentModuleId ?? null,\n parentPath: parentPath ?? '',\n });\n }\n resetState(ctx) {\n ctx.setState(DEFAULT_STATE);\n }\n // ============================================================================\n // Form Configuration Actions\n // ============================================================================\n getFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = this.getApiPath(state);\n const req$ = this.http.get(apiPath);\n return this.load(ctx, {\n key: FormBuilderActionKey.GetFormConfiguration,\n request$: req$,\n updateState: (_state, data) => ({\n formConfiguration: data ?? null,\n }),\n });\n }\n resetFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/reset`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.ResetFormConfiguration,\n request$: req$,\n onSuccess: (res, _currentState) => ({\n formConfiguration: res.data ?? null,\n }),\n });\n }\n // ============================================================================\n // Section Actions\n // ============================================================================\n addSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections`;\n const req$ = this.http.post(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.addOne(currentState.formConfiguration?.sections ?? [], res.data);\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.put(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.upsertOne(currentState.formConfiguration?.sections ?? [], res.data, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n deleteSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.removeOne(currentState.formConfiguration?.sections ?? [], res.data.id, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n // ============================================================================\n // Field Actions\n // ============================================================================\n addField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields`;\n const req$ = this.http.post(apiPath, action.payload);\n // Generate temp ID for optimistic update\n const tempId = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n const tempField = {\n id: tempId,\n sectionId: action.sectionId,\n propertyId: action.payload.propertyId,\n width: action.payload.width,\n order: action.payload.order ?? 0,\n hiddenInCreation: action.payload.hiddenInCreation,\n _pending: true,\n };\n // Optimistically add the temp field\n const sectionsWithTemp = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const insertIndex = action.payload.order ?? fields.length;\n fields.splice(insertIndex, 0, tempField);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithTemp,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const newField = res.data;\n // Replace temp field with real field\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === tempId ? newField : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove temp field on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== tempId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update for order changes\n if (action.payload.order !== undefined) {\n const newOrder = action.payload.order;\n const sections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const currentIndex = fields.findIndex((f) => f.id === action.fieldId);\n if (currentIndex !== -1) {\n const [movedField] = fields.splice(currentIndex, 1);\n fields.splice(newOrder, 0, movedField);\n }\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections,\n },\n });\n }\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const updatedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n // Update the field and sort by order\n const updatedFields = section.fields.map((f) => f.id === updatedField.id ? updatedField : f);\n return {\n ...section,\n fields: updatedFields.sort((a, b) => a.order - b.order),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error - reload original state\n if (action.payload.order !== undefined) {\n return {\n formConfiguration: state.formConfiguration,\n };\n }\n return {};\n },\n });\n }\n deleteField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.delete(apiPath);\n // Optimistically mark field as deleting\n const sectionsWithDeleting = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: true } : f),\n };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithDeleting,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const { id: deletedId, sectionId } = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== deletedId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove _deleting flag on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: false } : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n moveField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}/move`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update - move field immediately\n const sourceSectionId = action.sectionId;\n const targetSectionId = action.payload.targetSectionId;\n const targetOrder = action.payload.order ?? 0;\n let movedFieldData = null;\n const optimisticSections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sourceSectionId) {\n const fieldToMove = section.fields.find((f) => f.id === action.fieldId);\n if (fieldToMove) {\n movedFieldData = { ...fieldToMove, order: targetOrder };\n }\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== action.fieldId),\n };\n }\n return section;\n });\n // Add to target section\n const sectionsWithMoved = optimisticSections.map((section) => {\n if (section.id === targetSectionId && movedFieldData) {\n const fields = [...section.fields];\n fields.splice(targetOrder, 0, movedFieldData);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithMoved,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.MoveField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const movedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n // Update the moved field with server response\n if (section.id === targetSectionId) {\n return {\n ...section,\n fields: section.fields\n .map((f) => (f.id === movedField.id ? movedField : f))\n .sort((a, b) => a.order - b.order),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error\n return {\n formConfiguration: state.formConfiguration,\n };\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState });\n};\n__decorate([\n Action(SetModuleInfo)\n], FormBuilderState.prototype, \"setModuleInfo\", null);\n__decorate([\n Action(ResetFormBuilderState)\n], FormBuilderState.prototype, \"resetState\", null);\n__decorate([\n Action(GetFormConfiguration)\n], FormBuilderState.prototype, \"getFormConfiguration\", null);\n__decorate([\n Action(ResetFormConfiguration)\n], FormBuilderState.prototype, \"resetFormConfiguration\", null);\n__decorate([\n Action(AddSection)\n], FormBuilderState.prototype, \"addSection\", null);\n__decorate([\n Action(UpdateSection)\n], FormBuilderState.prototype, \"updateSection\", null);\n__decorate([\n Action(DeleteSection)\n], FormBuilderState.prototype, \"deleteSection\", null);\n__decorate([\n Action(AddField)\n], FormBuilderState.prototype, \"addField\", null);\n__decorate([\n Action(UpdateField)\n], FormBuilderState.prototype, \"updateField\", null);\n__decorate([\n Action(DeleteField)\n], FormBuilderState.prototype, \"deleteField\", null);\n__decorate([\n Action(MoveField)\n], FormBuilderState.prototype, \"moveField\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getState\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getFormConfiguration\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getSections\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleType\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleId\", null);\nFormBuilderState = __decorate([\n State({\n name: 'formBuilder',\n defaults: DEFAULT_STATE,\n })\n], FormBuilderState);\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, decorators: [{\n type: Injectable\n }], propDecorators: { setModuleInfo: [], resetState: [], getFormConfiguration: [], resetFormConfiguration: [], addSection: [], updateSection: [], deleteSection: [], addField: [], updateField: [], deleteField: [], moveField: [] } });\n\nclass FormBuilderFacade {\n store = inject(Store);\n // ============================================================================\n // State Selectors\n // ============================================================================\n stateSignal = select(FormBuilderState.getState);\n formConfiguration = select(FormBuilderState.getFormConfiguration);\n sections = select(FormBuilderState.getSections);\n moduleType = select(FormBuilderState.getModuleType);\n moduleId = select(FormBuilderState.getModuleId);\n // ============================================================================\n // Loading Signals\n // ============================================================================\n isLoadingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.GetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isLoadingFormConfiguration\" }] : []));\n isResettingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.ResetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isResettingFormConfiguration\" }] : []));\n isAddingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddSection), ...(ngDevMode ? [{ debugName: \"isAddingSection\" }] : []));\n isUpdatingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateSection), ...(ngDevMode ? [{ debugName: \"isUpdatingSection\" }] : []));\n isDeletingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteSection), ...(ngDevMode ? [{ debugName: \"isDeletingSection\" }] : []));\n isAddingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddField), ...(ngDevMode ? [{ debugName: \"isAddingField\" }] : []));\n isUpdatingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateField), ...(ngDevMode ? [{ debugName: \"isUpdatingField\" }] : []));\n isDeletingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteField), ...(ngDevMode ? [{ debugName: \"isDeletingField\" }] : []));\n isMovingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.MoveField), ...(ngDevMode ? [{ debugName: \"isMovingField\" }] : []));\n // ============================================================================\n // Error Signals\n // ============================================================================\n formConfigurationError = computed(() => this.stateSignal().errors[FormBuilderActionKey.GetFormConfiguration] ??\n null, ...(ngDevMode ? [{ debugName: \"formConfigurationError\" }] : []));\n sectionError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddSection] ??\n errors[FormBuilderActionKey.UpdateSection] ??\n errors[FormBuilderActionKey.DeleteSection] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"sectionError\" }] : []));\n fieldError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddField] ??\n errors[FormBuilderActionKey.UpdateField] ??\n errors[FormBuilderActionKey.DeleteField] ??\n errors[FormBuilderActionKey.MoveField] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"fieldError\" }] : []));\n // ============================================================================\n // Module Configuration Dispatchers\n // ============================================================================\n setModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n return this.store.dispatch(new SetModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath));\n }\n resetState() {\n return this.store.dispatch(new ResetFormBuilderState());\n }\n // ============================================================================\n // Form Configuration Dispatchers\n // ============================================================================\n getFormConfiguration() {\n return this.store.dispatch(new GetFormConfiguration());\n }\n resetFormConfiguration() {\n return this.store.dispatch(new ResetFormConfiguration());\n }\n // ============================================================================\n // Section Dispatchers\n // ============================================================================\n addSection(payload) {\n return this.store.dispatch(new AddSection(payload));\n }\n updateSection(sectionId, payload) {\n return this.store.dispatch(new UpdateSection(sectionId, payload));\n }\n deleteSection(sectionId) {\n return this.store.dispatch(new DeleteSection(sectionId));\n }\n // ============================================================================\n // Field Dispatchers\n // ============================================================================\n addField(sectionId, payload) {\n return this.store.dispatch(new AddField(sectionId, payload));\n }\n updateField(sectionId, fieldId, payload) {\n return this.store.dispatch(new UpdateField(sectionId, fieldId, payload));\n }\n deleteField(sectionId, fieldId) {\n return this.store.dispatch(new DeleteField(sectionId, fieldId));\n }\n moveField(sectionId, fieldId, payload) {\n return this.store.dispatch(new MoveField(sectionId, fieldId, payload));\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }] });\n\n/**\n * Condition Formula Constants\n * Static functions and operators for condition formulas (Show/Hide/Enable/Disable)\n */\n/**\n * Functions for field conditions\n */\nconst CONDITION_FUNCTION_CATEGORIES = [\n {\n name: 'Logic',\n displayName: 'Field Visibility',\n functions: [\n {\n name: 'SHOW_IF',\n category: 'Logic',\n description: 'Show this field when condition is true',\n signature: 'SHOW_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is visible',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'SHOW_IF(@Status == \"Active\")',\n 'SHOW_IF(@Type == \"Custom\")',\n ],\n },\n {\n name: 'HIDE_IF',\n category: 'Logic',\n description: 'Hide this field when condition is true',\n signature: 'HIDE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is hidden',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['HIDE_IF(@Status == \"Closed\")', 'HIDE_IF(ISNULL(@Parent))'],\n },\n {\n name: 'DISABLE_IF',\n category: 'Logic',\n description: 'Disable this field when condition is true',\n signature: 'DISABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is disabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'DISABLE_IF(@IsLocked == true)',\n 'DISABLE_IF(@Status == \"Approved\")',\n ],\n },\n {\n name: 'ENABLE_IF',\n category: 'Logic',\n description: 'Enable this field when condition is true',\n signature: 'ENABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is enabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'ENABLE_IF(@Status == \"Draft\")',\n 'ENABLE_IF(@CanEdit == true)',\n ],\n },\n ],\n },\n {\n name: 'Aggregation',\n displayName: 'Logic Helpers',\n functions: [\n {\n name: 'AND',\n category: 'Aggregation',\n description: 'Returns true if all conditions are true',\n signature: 'AND(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['AND(@Status == \"Active\", @Priority > 0)'],\n },\n {\n name: 'OR',\n category: 'Aggregation',\n description: 'Returns true if any condition is true',\n signature: 'OR(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['OR(@Status == \"Active\", @Status == \"Pending\")'],\n },\n {\n name: 'NOT',\n category: 'Aggregation',\n description: 'Returns the opposite of the condition',\n signature: 'NOT(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'The condition to negate',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['NOT(@IsCompleted)'],\n },\n {\n name: 'ISNULL',\n category: 'Aggregation',\n description: 'Returns true if value is null or empty',\n signature: 'ISNULL(value)',\n parameters: [\n {\n name: 'value',\n type: 'any',\n description: 'The value to check',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['ISNULL(@Description)'],\n },\n {\n name: 'CONTAINS',\n category: 'Aggregation',\n description: 'Returns true if text contains the search string',\n signature: 'CONTAINS(text, search)',\n parameters: [\n {\n name: 'text',\n type: 'string',\n description: 'The text to search in',\n required: true,\n },\n {\n name: 'search',\n type: 'string',\n description: 'The string to search for',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['CONTAINS(@Name, \"Project\")'],\n },\n ],\n },\n];\n/**\n * Operators for conditions\n */\nconst CONDITION_OPERATORS = [\n // Comparison\n {\n symbol: '==',\n name: 'Equal',\n type: 'comparison',\n description: 'Equal to',\n precedence: 3,\n },\n {\n symbol: '!=',\n name: 'Not Equal',\n type: 'comparison',\n description: 'Not equal to',\n precedence: 3,\n },\n {\n symbol: '>',\n name: 'Greater Than',\n type: 'comparison',\n description: 'Greater than',\n precedence: 4,\n },\n {\n symbol: '<',\n name: 'Less Than',\n type: 'comparison',\n description: 'Less than',\n precedence: 4,\n },\n {\n symbol: '>=',\n name: 'Greater or Equal',\n type: 'comparison',\n description: 'Greater than or equal',\n precedence: 4,\n },\n {\n symbol: '<=',\n name: 'Less or Equal',\n type: 'comparison',\n description: 'Less than or equal',\n precedence: 4,\n },\n // Logical\n {\n symbol: '&&',\n name: 'And',\n type: 'logical',\n description: 'Logical AND',\n precedence: 2,\n },\n {\n symbol: '||',\n name: 'Or',\n type: 'logical',\n description: 'Logical OR',\n precedence: 1,\n },\n];\n\n/**\n * Field Conditions Dialog\n *\n * Allows users to define conditional display formulas for form fields.\n * Uses FormulaToolbar + FormulaEditor directly for a visual formula editing experience.\n */\nclass FBFieldConditions {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n // Inputs\n /** Initial formula (JSON string from backend) */\n initialFormula = input('', ...(ngDevMode ? [{ debugName: \"initialFormula\" }] : []));\n /** Available fields from the form builder (other fields that can be referenced) */\n availableFields = input([], ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n // Form control for the formula editor (tokens array)\n formulaControl = new FormControl([]);\n // View child for the editor\n editorRef = viewChild('editor', ...(ngDevMode ? [{ debugName: \"editorRef\" }] : []));\n // Condition-specific functions and operators\n functionCategories = CONDITION_FUNCTION_CATEGORIES;\n operators = CONDITION_OPERATORS;\n /** Extract property keys for toolbar */\n propertyKeys = computed(() => this.availableFields().map((f) => f.key), ...(ngDevMode ? [{ debugName: \"propertyKeys\" }] : []));\n /** Toolbar labels */\n toolbarLabels = {\n functions: 'Functions',\n properties: 'Fields',\n operators: 'Operators',\n noPropertiesAvailable: 'No fields available',\n };\n ngOnInit() {\n // Parse JSON string to tokens\n const formula = this.initialFormula();\n if (formula) {\n try {\n const tokens = JSON.parse(formula);\n this.formulaControl.patchValue(tokens);\n }\n catch {\n // Invalid JSON, start with empty\n }\n }\n }\n /** Handle block insert from toolbar */\n onBlockInsert(block) {\n const editor = this.editorRef();\n if (editor) {\n editor.addBlock(block);\n }\n }\n onSave() {\n const tokens = this.formulaControl.value ?? [];\n const formula = tokens.length > 0 ? JSON.stringify(tokens) : '';\n this.ref.close({ saved: true, conditionalDisplayFormula: formula });\n }\n onCancel() {\n this.ref.close({ saved: false });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"21.0.3\", type: FBFieldConditions, isStandalone: true, selector: \"mt-fb-field-conditions\", inputs: { initialFormula: { classPropertyName: \"initialFormula\", publicName: \"initialFormula\", isSignal: true, isRequired: false, transformFunction: null }, availableFields: { classPropertyName: \"availableFields\", publicName: \"availableFields\", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: \"editorRef\", first: true, predicate: [\"editor\"], descendants: true, isSignal: true }], ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: FormulaToolbar, selector: \"mt-formula-toolbar\", inputs: [\"knownProperties\", \"functionCategories\", \"operators\", \"initialTab\", \"searchPlaceholder\", \"labels\"], outputs: [\"onBlockInsert\", \"onTabChange\"] }, { kind: \"component\", type: FormulaEditor, selector: \"mt-formula-editor\", inputs: [\"placeholder\", \"initialTokens\", \"disabled\"], outputs: [\"formulaChange\", \"tokensChange\", \"onBlur\", \"onFocus\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-conditions', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n Button,\n FormulaToolbar,\n FormulaEditor,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], propDecorators: { initialFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialFormula\", required: false }] }], availableFields: [{ type: i0.Input, args: [{ isSignal: true, alias: \"availableFields\", required: false }] }], editorRef: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }] } });\n\nclass FBFieldForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input('', ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n /** All sections with enriched fields (to get available fields for conditions) */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n conditionalDisplayFormula = signal('', ...(ngDevMode ? [{ debugName: \"conditionalDisplayFormula\" }] : []));\n conditionsDialogRef;\n /**\n * Compute available fields for condition formula\n * Excludes the current field being edited\n */\n availableFields = computed(() => {\n const sections = this.allSections();\n const currentField = this.initialData();\n const fields = [];\n for (const section of sections) {\n for (const field of section.fields) {\n // Exclude the current field being edited\n if (currentField && field.id === currentField.id)\n continue;\n fields.push({\n key: field.name,\n name: field.name,\n type: field.type,\n });\n }\n }\n return fields;\n }, ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // Form\n formControl = new FormControl();\n showHideControl = new FormControl(false);\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'isRequired',\n label: this.transloco.translate('formBuilder.is-required'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 1,\n },\n {\n key: 'hiddenInCreation',\n label: this.transloco.translate('formBuilder.hidden-in-creation'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 2,\n },\n {\n key: 'hiddenInEditForm',\n label: this.transloco.translate('formBuilder.hidden-in-edit-form'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 3,\n },\n new RadioCardsFieldConfig({\n key: 'size',\n label: this.transloco.translate('formBuilder.size'),\n placeholder: this.transloco.translate('formBuilder.size'),\n options: [\n { id: 's', name: 'S' },\n { id: 'm', name: 'M' },\n { id: 'l', name: 'L' },\n ],\n order: 4,\n size: 'small',\n }),\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n const widthToSize = {\n '25': 's',\n '50': 'm',\n '100': 'l',\n };\n this.formControl.patchValue({\n isRequired: data.isRequired ?? false,\n hiddenInCreation: data.hiddenInCreation ?? false,\n hiddenInEditForm: data.hiddenInEditForm ?? false,\n size: widthToSize[data.width] ?? 'l',\n });\n // Set show/hide toggle based on existing value\n this.showHideControl.patchValue(data.showConditionalDisplayFormula ?? false);\n this.conditionalDisplayFormula.set(data.conditionalDisplayFormula ?? '');\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n const widthMap = {\n s: '25',\n m: '50',\n l: '100',\n };\n const payload = {\n width: widthMap[formValue.size] ?? '100',\n hiddenInCreation: formValue.hiddenInCreation ?? false,\n hiddenInEditForm: formValue.hiddenInEditForm ?? false,\n isRequired: formValue.isRequired ?? false,\n showConditionalDisplayFormula: this.showHideControl.value ?? false,\n conditionalDisplayFormula: this.showHideControl.value\n ? this.conditionalDisplayFormula()\n : null,\n };\n this.submitting.set(true);\n this.facade.updateField(sectionId, field.id, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n onCancel() {\n this.ref.close(false);\n }\n onSetConditions() {\n this.conditionsDialogRef = this.modalService.openModal(FBFieldConditions, 'drawer', {\n header: this.transloco.translate('formBuilder.set-conditions'),\n styleClass: '!w-[calc(100%-25rem)] !absolute ',\n position: 'start',\n modal: false,\n appendTo: '#page-content',\n inputValues: {\n initialFormula: this.conditionalDisplayFormula(),\n availableFields: this.availableFields(),\n },\n });\n this.conditionsDialogRef.onClose.subscribe((result) => {\n if (result?.saved) {\n this.conditionalDisplayFormula.set(result.conditionalDisplayFormula ?? '');\n }\n });\n }\n onDelete(event) {\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteField(sectionId, field.id).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBFieldForm, isStandalone: true, selector: \"mt-fb-field-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: ToggleField, selector: \"mt-toggle-field\", inputs: [\"label\", \"labelPosition\", \"placeholder\", \"readonly\", \"pInputs\", \"required\", \"toggleShape\", \"icon\", \"descriptionCard\"], outputs: [\"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-form', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n DynamicForm,\n Button,\n ToggleField,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }] } });\n\nclass FBSectionForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input(null, ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n // Form\n formControl = new FormControl();\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'name-ar',\n label: this.transloco.translate('formBuilder.name-ar'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-ar'),\n colSpan: 12,\n order: 1,\n },\n {\n key: 'name-en',\n label: this.transloco.translate('formBuilder.name-en'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-en'),\n colSpan: 12,\n order: 2,\n },\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n this.formControl.patchValue({\n 'name-ar': data.ar,\n 'name-en': data.en,\n });\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const payload = {\n name: {\n ar: formValue['name-ar'],\n en: formValue['name-en'],\n },\n };\n this.submitting.set(true);\n const sectionId = this.sectionId();\n if (sectionId) {\n // Update existing section\n this.facade.updateSection(sectionId, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n else {\n // Create new section\n this.facade\n .addSection({ ...payload, order: this.sectionsCount() })\n .subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n }\n onCancel() {\n this.ref.close(false);\n }\n onDelete(event) {\n const sectionId = this.sectionId();\n if (!sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteSection(sectionId).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSectionForm, isStandalone: true, selector: \"mt-fb-section-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Button], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }] } });\n\nclass FBSection {\n confirmationService = inject(ConfirmationService);\n modalService = inject(ModalService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n // Inputs\n section = input.required(...(ngDevMode ? [{ debugName: \"section\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n /** All sections - used to get available fields for condition formulas */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // Outputs - only keep drag/drop since it needs coordination with parent drop list group\n onFieldDrop = output();\n // Computed\n sectionName = computed(() => {\n const lang = document.documentElement.lang;\n const section = this.section();\n return section.name[lang] ?? section.name['en'];\n }, ...(ngDevMode ? [{ debugName: \"sectionName\" }] : []));\n fields = computed(() => this.section().fields, ...(ngDevMode ? [{ debugName: \"fields\" }] : []));\n // UI State\n expanded = signal(true, ...(ngDevMode ? [{ debugName: \"expanded\" }] : []));\n // Form groups cache for dynamic fields\n formGroupsCache = new Map();\n constructor() {\n // Cleanup stale form groups when fields change\n effect(() => {\n const currentIds = new Set(this.fields().map((f) => f.id));\n for (const id of this.formGroupsCache.keys()) {\n if (!currentIds.has(id)) {\n this.formGroupsCache.delete(id);\n }\n }\n });\n }\n getFormGroup(field) {\n let fg = this.formGroupsCache.get(field.id);\n if (fg) {\n // Check if field name changed\n if (!fg.contains(field.name)) {\n const oldKey = Object.keys(fg.controls)[0];\n const value = oldKey ? fg.get(oldKey)?.value : field.data?.data;\n fg = new FormGroup({\n [field.name]: new FormControl(value),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n }\n else {\n fg = new FormGroup({\n [field.name]: new FormControl(field.data?.data),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n return fg;\n }\n toggleExpanded() {\n this.expanded.update((v) => !v);\n }\n onDrop(event) {\n this.onFieldDrop.emit(event);\n }\n editSection(event) {\n event.stopPropagation();\n const section = this.section();\n this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.edit-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: false,\n inputValues: {\n sectionId: section.id,\n initialData: section.name,\n sectionsCount: this.sectionsCount(),\n },\n });\n }\n removeField(event, field) {\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.facade.deleteField(this.section().id, field.id);\n },\n });\n }\n editField(field) {\n this.modalService.openModal(FBFieldForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.field-settings'),\n height: '20vw',\n styleClass: '!w-100 !absolute !shadow-none',\n position: 'end',\n modal: false,\n appendTo: '#page-content',\n inputValues: {\n initialData: field,\n sectionId: this.section().id,\n allSections: this.allSections(),\n },\n });\n }\n getFieldColSpan(field) {\n switch (field.width) {\n case '100':\n return 'col-span-12';\n case '50':\n return 'col-span-6';\n case '25':\n return 'col-span-3';\n default:\n return 'col-span-12';\n }\n }\n getFieldType(field) {\n const typeMap = {\n User: 'select',\n Text: 'text',\n LongText: 'editor-field',\n Percentage: 'slider',\n Date: 'date',\n Currency: 'text',\n Number: 'number',\n Lookup: 'select',\n LookupMultiSelect: 'select',\n Checkbox: 'toggle',\n InternalModule: 'select',\n DynamicList: 'select',\n API: 'select',\n Time: 'date',\n Status: 'select',\n Attachment: 'attachment',\n EditableListView: 'actionableTable',\n LookupLog: 'actionableTable',\n LookupMatrix: 'select',\n Location: 'select',\n };\n return typeMap[field.type] ?? 'text';\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSection, isStandalone: true, selector: \"mt-fb-section\", inputs: { section: { classPropertyName: \"section\", publicName: \"section\", isSignal: true, isRequired: true, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFieldDrop: \"onFieldDrop\" }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"component\", type: Icon, selector: \"mt-icon\", inputs: [\"icon\"] }, { kind: \"directive\", type: CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: DynamicField, selector: \"mt-dynamic-field\", inputs: [\"fieldConfig\", \"fieldName\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section', standalone: true, imports: [\n Button,\n Card,\n Icon,\n CdkDrag,\n CdkDropList,\n CdkDragPlaceholder,\n TranslocoDirective,\n DynamicField,\n ReactiveFormsModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { section: [{ type: i0.Input, args: [{ isSignal: true, alias: \"section\", required: true }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }], onFieldDrop: [{ type: i0.Output, args: [\"onFieldDrop\"] }] } });\n\nclass FBPreviewForm {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n transloco = inject(TranslocoService);\n // Inputs\n sections = input([], ...(ngDevMode ? [{ debugName: \"sections\" }] : []));\n // Tab state\n activeTab = signal('create', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n isLoading = signal(false, ...(ngDevMode ? [{ debugName: \"isLoading\" }] : []));\n tabOptions = [\n {\n label: this.transloco.translate('formBuilder.create-form'),\n value: 'create',\n },\n { label: this.transloco.translate('formBuilder.edit-form'), value: 'edit' },\n ];\n // Form control for dynamic form\n formControl = new FormControl();\n constructor() {\n // Show skeleton briefly when tab changes to force rebuild\n effect(() => {\n this.activeTab(); // Track tab changes\n this.isLoading.set(true);\n setTimeout(() => this.isLoading.set(false), 50);\n });\n }\n // Convert enriched sections to DynamicFormConfig based on active tab\n formConfig = computed(() => {\n const sections = this.sections();\n const mode = this.activeTab();\n return {\n sections: sections\n .map((section, sectionIndex) => {\n const lang = document.documentElement.lang;\n const sectionName = section.name[lang] ?? section.name['en'] ?? '';\n // Filter fields based on mode\n const visibleFields = section.fields.filter((field) => {\n if (mode === 'create') {\n return !field.hiddenInCreation;\n }\n else {\n return !field.hiddenInEditForm;\n }\n });\n return {\n key: section.id,\n label: sectionName,\n type: 'header',\n columns: 12,\n order: section.order ?? sectionIndex,\n fields: visibleFields.map((field, fieldIndex) => {\n const colSpan = this.getColSpan(field.width);\n return {\n key: `field_${field.propertyId}`,\n label: field.name,\n type: this.mapFieldType(field.type),\n colSpan,\n order: field.order ?? fieldIndex,\n placeholder: field.name,\n };\n }),\n };\n })\n .filter((section) => section.fields.length > 0), // Hide empty sections\n };\n }, ...(ngDevMode ? [{ debugName: \"formConfig\" }] : []));\n /**\n * Map property view type to dynamic form field type\n */\n mapFieldType(viewType) {\n const typeMap = {\n text: 'text',\n number: 'number',\n date: 'date',\n select: 'select',\n multiselect: 'multiselect',\n toggle: 'toggle',\n checkbox: 'checkbox',\n textarea: 'textarea',\n editor: 'editor',\n color: 'color',\n slider: 'slider',\n radio: 'radio',\n 'radio-cards': 'radio-cards',\n upload: 'upload',\n 'user-search': 'user-search',\n };\n return typeMap[viewType?.toLowerCase()] ?? 'text';\n }\n /**\n * Convert field width to colSpan\n */\n getColSpan(width) {\n const widthMap = {\n '25': 3,\n '50': 6,\n '100': 12,\n };\n return widthMap[width] ?? 12;\n }\n onClose() {\n this.ref.close();\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBPreviewForm, isStandalone: true, selector: \"mt-fb-preview-form\", inputs: { sections: { classPropertyName: \"sections\", publicName: \"sections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Tabs, selector: \"mt-tabs\", inputs: [\"options\", \"optionLabel\", \"optionValue\", \"active\", \"size\", \"fluid\", \"disabled\"], outputs: [\"activeChange\", \"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-preview-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Tabs], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sections\", required: false }] }] } });\n\nclass FormBuilder {\n modalService = inject(ModalService);\n confirmationService = inject(ConfirmationService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n dialogRef;\n // Inputs - only properties needed from parent\n properties = input([], ...(ngDevMode ? [{ debugName: \"properties\" }] : []));\n // Local UI state\n activeTab = signal('system', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n // State from facade\n sections = this.facade.sections;\n isLoading = this.facade.isLoadingFormConfiguration;\n error = this.facade.formConfigurationError;\n // Properties map for enrichment\n propertiesMap = computed(() => {\n const map = new Map();\n for (const prop of this.properties()) {\n map.set(prop.id, prop);\n }\n return map;\n }, ...(ngDevMode ? [{ debugName: \"propertiesMap\" }] : []));\n // Enrich sections with property data for UI display\n enrichedSections = computed(() => {\n const sections = this.sections();\n const propsMap = this.propertiesMap();\n const lang = document.documentElement.lang;\n return sections.map((section) => ({\n ...section,\n fields: section.fields.map((field) => {\n const prop = propsMap.get(field.propertyId);\n const propName = prop?.name;\n const name = typeof propName === 'string'\n ? propName\n : (propName?.[lang] ??\n propName?.['en'] ??\n `Property ${field.propertyId}`);\n return {\n ...field,\n name,\n type: prop?.viewType || 'text',\n data: prop,\n };\n }),\n }));\n }, ...(ngDevMode ? [{ debugName: \"enrichedSections\" }] : []));\n // Available properties for toolbox tabs\n availableTabs = computed(() => {\n const tabs = [];\n const usedPropertyIds = new Set(this.sections().flatMap((s) => s.fields.map((f) => f.propertyId)));\n const availableProps = this.properties().filter((p) => !usedPropertyIds.has(p.id));\n const systemProps = availableProps.filter((p) => p.isSystem);\n const customProps = availableProps.filter((p) => !p.isSystem);\n if (systemProps.length > 0) {\n tabs.push({ id: 'system', title: 'System', properties: systemProps });\n }\n if (customProps.length > 0) {\n tabs.push({ id: 'custom', title: 'Custom', properties: customProps });\n }\n return tabs;\n }, ...(ngDevMode ? [{ debugName: \"availableTabs\" }] : []));\n constructor() {\n // Update active tab when tabs change\n effect(() => {\n const tabs = this.availableTabs();\n const currentTab = this.activeTab();\n if (tabs.length > 0 && !tabs.some((t) => t.id === currentTab)) {\n this.activeTab.set(tabs[0].id);\n }\n });\n }\n drop(event) {\n const targetSectionId = event.container.id;\n if (event.previousContainer === event.container) {\n // Reordering within the same section\n const field = event.item.data;\n // Update the field order via API\n this.facade.updateField(targetSectionId, field.id, {\n order: event.currentIndex,\n });\n }\n else if (event.previousContainer.id.startsWith('toolbox-')) {\n // Adding from toolbox\n const propertyItem = event.item.data;\n this.facade.addField(targetSectionId, {\n propertyId: propertyItem.id,\n width: '100',\n order: event.currentIndex,\n hiddenInCreation: false,\n });\n }\n else {\n // Moving between sections\n const sourceSectionId = event.previousContainer.id;\n const field = event.item.data;\n this.facade.moveField(sourceSectionId, field.id, {\n targetSectionId,\n order: event.currentIndex,\n });\n }\n }\n addSection() {\n this.dialogRef = this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.add-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: true,\n inputValues: {\n sectionsCount: this.sections().length,\n },\n });\n }\n openPreview() {\n this.dialogRef = this.modalService.openModal(FBPreviewForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.preview'),\n styleClass: '!w-[80vw] ',\n position: 'end',\n modal: true,\n inputValues: {\n sections: this.enrichedSections(),\n },\n });\n }\n resetFormConfiguration() {\n this.confirmationService.confirm({\n type: 'dialog',\n acceptButtonStyleClass: 'p-button-danger',\n accept: () => {\n this.facade.resetFormConfiguration();\n },\n });\n }\n noReturnPredicate = () => false;\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FormBuilder, isStandalone: true, selector: \"mt-form-builder\", inputs: { properties: { classPropertyName: \"properties\", publicName: \"properties\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n @if (properties().length > 0) {\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"ngmodule\", type: TabsModule }, { kind: \"component\", type: i1$1.Tabs, selector: \"p-tabs\", inputs: [\"value\", \"scrollable\", \"lazy\", \"selectOnFocus\", \"showNavigators\", \"tabindex\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabPanels, selector: \"p-tabpanels\" }, { kind: \"component\", type: i1$1.TabPanel, selector: \"p-tabpanel\", inputs: [\"lazy\", \"value\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabList, selector: \"p-tablist\" }, { kind: \"component\", type: i1$1.Tab, selector: \"p-tab\", inputs: [\"value\", \"disabled\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: FBSection, selector: \"mt-fb-section\", inputs: [\"section\", \"sectionsCount\", \"allSections\"], outputs: [\"onFieldDrop\"] }, { kind: \"ngmodule\", type: DragDropModule }, { kind: \"directive\", type: i2.CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: i2.CdkDropListGroup, selector: \"[cdkDropListGroup]\", inputs: [\"cdkDropListGroupDisabled\"], exportAs: [\"cdkDropListGroup\"] }, { kind: \"directive\", type: i2.CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: i2.CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"pipe\", type: i3.TitleCasePipe, name: \"titlecase\" }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, decorators: [{\n type: Component,\n args: [{ selector: 'mt-form-builder', standalone: true, imports: [\n CommonModule,\n FormsModule,\n TabsModule,\n Button,\n Card,\n TranslocoDirective,\n FBSection,\n DragDropModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n @if (properties().length > 0) {\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { properties: [{ type: i0.Input, args: [{ isSignal: true, alias: \"properties\", required: false }] }] } });\n\n/*\n * Public API Surface of form-builder\n */\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AddField, AddSection, DeleteField, DeleteSection, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, UpdateField, UpdateSection };\n//# sourceMappingURL=masterteam-form-builder.mjs.map\n","map":null,"preliminaryFileName":"masterteam-form-builder.mjs","sourcemapFileName":"masterteam-form-builder.mjs.map"},{"fileName":"masterteam-form-builder.mjs.map","names":[],"needsCodeReference":false,"originalFileName":null,"originalFileNames":[],"source":"{\"version\":3,\"file\":\"masterteam-form-builder.mjs\",\"sources\":[\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.actions.ts\",\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.model.ts\",\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.state.ts\",\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.facade.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-conditions/condition-constants.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-conditions/fb-field-conditions.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-conditions/fb-field-conditions.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-form/fb-field-form.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-form/fb-field-form.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section-form/fb-section-form.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section-form/fb-section-form.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section/fb-section.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section/fb-section.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-preview-form/fb-preview-form.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-preview-form/fb-preview-form.html\",\"../../../../packages/masterteam/form-builder/src/lib/form-builder.ts\",\"../../../../packages/masterteam/form-builder/src/lib/form-builder.html\",\"../../../../packages/masterteam/form-builder/src/public-api.ts\",\"../../../../packages/masterteam/form-builder/src/masterteam-form-builder.ts\"],\"sourcesContent\":[\"import type {\\r\\n AddFieldPayload,\\r\\n AddSectionPayload,\\r\\n MoveFieldPayload,\\r\\n UpdateFieldPayload,\\r\\n UpdateSectionPayload,\\r\\n} from './form-builder.model';\\r\\n\\r\\n// ============================================================================\\r\\n// Module Configuration Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class SetModuleInfo {\\r\\n static readonly type = '[FormBuilder] Set Module Info';\\r\\n constructor(\\r\\n public moduleType: string,\\r\\n public moduleId: string | number,\\r\\n public parentModuleType?: string,\\r\\n public parentModuleId?: string | number,\\r\\n public parentPath?: string,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class ResetFormBuilderState {\\r\\n static readonly type = '[FormBuilder] Reset State';\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Form Configuration Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class GetFormConfiguration {\\r\\n static readonly type = '[FormBuilder] Get Form Configuration';\\r\\n}\\r\\n\\r\\nexport class ResetFormConfiguration {\\r\\n static readonly type = '[FormBuilder] Reset Form Configuration';\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Section Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class AddSection {\\r\\n static readonly type = '[FormBuilder] Add Section';\\r\\n constructor(public payload: AddSectionPayload) {}\\r\\n}\\r\\n\\r\\nexport class UpdateSection {\\r\\n static readonly type = '[FormBuilder] Update Section';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public payload: UpdateSectionPayload,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class DeleteSection {\\r\\n static readonly type = '[FormBuilder] Delete Section';\\r\\n constructor(public sectionId: string) {}\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Field Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class AddField {\\r\\n static readonly type = '[FormBuilder] Add Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public payload: AddFieldPayload,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class UpdateField {\\r\\n static readonly type = '[FormBuilder] Update Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public fieldId: string,\\r\\n public payload: UpdateFieldPayload,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class DeleteField {\\r\\n static readonly type = '[FormBuilder] Delete Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public fieldId: string,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class MoveField {\\r\\n static readonly type = '[FormBuilder] Move Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public fieldId: string,\\r\\n public payload: MoveFieldPayload,\\r\\n ) {}\\r\\n}\\r\\n\",\"import type { LoadingStateShape } from '@masterteam/components';\\r\\n\\r\\n// ============================================================================\\r\\n// Action Keys Enum\\r\\n// ============================================================================\\r\\nexport enum FormBuilderActionKey {\\r\\n // Form Configuration\\r\\n GetFormConfiguration = 'getFormConfiguration',\\r\\n ResetFormConfiguration = 'resetFormConfiguration',\\r\\n\\r\\n // Section CRUD\\r\\n AddSection = 'addSection',\\r\\n UpdateSection = 'updateSection',\\r\\n DeleteSection = 'deleteSection',\\r\\n\\r\\n // Field CRUD\\r\\n AddField = 'addField',\\r\\n UpdateField = 'updateField',\\r\\n DeleteField = 'deleteField',\\r\\n MoveField = 'moveField',\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// API Models\\r\\n// ============================================================================\\r\\n\\r\\nexport type FieldWidth = '25' | '50' | '100';\\r\\n\\r\\nexport interface FormField {\\r\\n id: string;\\r\\n sectionId: string;\\r\\n propertyId: number;\\r\\n width: FieldWidth;\\r\\n order: number;\\r\\n hiddenInCreation?: boolean;\\r\\n hiddenInEditForm?: boolean;\\r\\n isRequired?: boolean;\\r\\n showConditionalDisplayFormula?: boolean;\\r\\n conditionalDisplayFormula?: string;\\r\\n _pending?: boolean; // Optimistic: field is being added\\r\\n _deleting?: boolean; // Optimistic: field is being deleted\\r\\n}\\r\\n\\r\\nexport interface FormSection {\\r\\n id: string;\\r\\n name: {\\r\\n en: string;\\r\\n ar: string;\\r\\n };\\r\\n order: number;\\r\\n fields: FormField[];\\r\\n}\\r\\n\\r\\nexport interface FormConfiguration {\\r\\n isActive: boolean;\\r\\n sections: FormSection[];\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Request Payloads\\r\\n// ============================================================================\\r\\n\\r\\nexport interface AddSectionPayload {\\r\\n name: { en: string; ar: string };\\r\\n order?: number;\\r\\n}\\r\\n\\r\\nexport interface UpdateSectionPayload {\\r\\n name?: { en: string; ar: string };\\r\\n order?: number;\\r\\n}\\r\\n\\r\\nexport interface AddFieldPayload {\\r\\n propertyId: number;\\r\\n width: FieldWidth;\\r\\n order?: number;\\r\\n hiddenInCreation?: boolean;\\r\\n hiddenInEditForm?: boolean;\\r\\n isRequired?: boolean;\\r\\n showConditionalDisplayFormula?: boolean;\\r\\n conditionalDisplayFormula?: string;\\r\\n}\\r\\n\\r\\nexport interface UpdateFieldPayload {\\r\\n width?: FieldWidth;\\r\\n order?: number;\\r\\n hiddenInCreation?: boolean;\\r\\n hiddenInEditForm?: boolean;\\r\\n isRequired?: boolean;\\r\\n showConditionalDisplayFormula?: boolean;\\r\\n conditionalDisplayFormula?: string | null;\\r\\n}\\r\\n\\r\\nexport interface MoveFieldPayload {\\r\\n targetSectionId: string;\\r\\n order?: number;\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// State Model\\r\\n// ============================================================================\\r\\nexport interface FormBuilderStateModel extends LoadingStateShape<FormBuilderActionKey> {\\r\\n // Module configuration\\r\\n moduleType: string | null;\\r\\n moduleId: string | number | null;\\r\\n parentModuleType: string | null;\\r\\n parentModuleId: string | number | null;\\r\\n parentPath: string;\\r\\n\\r\\n // Form data\\r\\n formConfiguration: FormConfiguration | null;\\r\\n}\\r\\n\",\"import { HttpClient } from '@angular/common/http';\\r\\nimport { inject, Injectable } from '@angular/core';\\r\\nimport { Action, Selector, State, StateContext } from '@ngxs/store';\\r\\nimport { CrudStateBase, handleApiRequest ,Response} from '@masterteam/components';\\r\\n\\r\\nimport {\\r\\n FormBuilderActionKey,\\r\\n FormBuilderStateModel,\\r\\n FormConfiguration,\\r\\n FormField,\\r\\n FormSection,\\r\\n} from './form-builder.model';\\r\\nimport {\\r\\n AddField,\\r\\n AddSection,\\r\\n DeleteField,\\r\\n DeleteSection,\\r\\n GetFormConfiguration,\\r\\n MoveField,\\r\\n ResetFormBuilderState,\\r\\n ResetFormConfiguration,\\r\\n SetModuleInfo,\\r\\n UpdateField,\\r\\n UpdateSection,\\r\\n} from './form-builder.actions';\\r\\n\\r\\n// Default State\\r\\nconst DEFAULT_STATE: FormBuilderStateModel = {\\r\\n // Module configuration\\r\\n moduleType: null,\\r\\n moduleId: null,\\r\\n parentModuleType: null,\\r\\n parentModuleId: null,\\r\\n parentPath: '',\\r\\n\\r\\n // Form data\\r\\n formConfiguration: null,\\r\\n\\r\\n // Loading state (from LoadingStateShape)\\r\\n loadingActive: [],\\r\\n errors: {},\\r\\n};\\r\\n\\r\\n@State<FormBuilderStateModel>({\\r\\n name: 'formBuilder',\\r\\n defaults: DEFAULT_STATE,\\r\\n})\\r\\n@Injectable()\\r\\nexport class FormBuilderState extends CrudStateBase<\\r\\n FormSection,\\r\\n FormBuilderStateModel,\\r\\n FormBuilderActionKey\\r\\n> {\\r\\n private http = inject(HttpClient);\\r\\n private baseUrl = 'formConfigurations';\\r\\n\\r\\n // ============================================================================\\r\\n // Helpers\\r\\n // ============================================================================\\r\\n\\r\\n private getApiPath(state: FormBuilderStateModel): string {\\r\\n const { parentPath, moduleType, moduleId } = state;\\r\\n return `${this.baseUrl}${parentPath}/${moduleType}/${moduleId}`;\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Selectors\\r\\n // ============================================================================\\r\\n\\r\\n @Selector()\\r\\n static getState(state: FormBuilderStateModel): FormBuilderStateModel {\\r\\n return state ?? DEFAULT_STATE;\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getFormConfiguration(\\r\\n state: FormBuilderStateModel,\\r\\n ): FormConfiguration | null {\\r\\n return state?.formConfiguration ?? null;\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getSections(state: FormBuilderStateModel): FormSection[] {\\r\\n return state?.formConfiguration?.sections ?? [];\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getModuleType(state: FormBuilderStateModel): string | null {\\r\\n return state?.moduleType ?? null;\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getModuleId(state: FormBuilderStateModel): string | number | null {\\r\\n return state?.moduleId ?? null;\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Module Configuration Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(SetModuleInfo)\\r\\n setModuleInfo(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: SetModuleInfo,\\r\\n ) {\\r\\n let parentPath = '';\\r\\n if (action.parentModuleType && action.parentModuleId) {\\r\\n parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\\r\\n } else if (action.parentPath) {\\r\\n parentPath = action.parentPath;\\r\\n }\\r\\n ctx.patchState({\\r\\n moduleType: action.moduleType,\\r\\n moduleId: action.moduleId,\\r\\n parentModuleType: action.parentModuleType ?? null,\\r\\n parentModuleId: action.parentModuleId ?? null,\\r\\n parentPath: parentPath ?? '',\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(ResetFormBuilderState)\\r\\n resetState(ctx: StateContext<FormBuilderStateModel>) {\\r\\n ctx.setState(DEFAULT_STATE);\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Form Configuration Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(GetFormConfiguration)\\r\\n getFormConfiguration(ctx: StateContext<FormBuilderStateModel>) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = this.getApiPath(state);\\r\\n const req$ = this.http.get<Response<FormConfiguration>>(apiPath);\\r\\n\\r\\n return this.load(ctx, {\\r\\n key: FormBuilderActionKey.GetFormConfiguration,\\r\\n request$: req$,\\r\\n updateState: (_state, data) => ({\\r\\n formConfiguration: data ?? null,\\r\\n }),\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(ResetFormConfiguration)\\r\\n resetFormConfiguration(ctx: StateContext<FormBuilderStateModel>) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/reset`;\\r\\n const req$ = this.http.delete<Response<FormConfiguration>>(apiPath);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.ResetFormConfiguration,\\r\\n request$: req$,\\r\\n onSuccess: (res, _currentState) => ({\\r\\n formConfiguration: res.data ?? null,\\r\\n }),\\r\\n });\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Section Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(AddSection)\\r\\n addSection(ctx: StateContext<FormBuilderStateModel>, action: AddSection) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections`;\\r\\n const req$ = this.http.post<Response<FormSection>>(apiPath, action.payload);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.AddSection,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const sections = this.adapter.addOne(\\r\\n currentState.formConfiguration?.sections ?? [],\\r\\n res.data,\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(UpdateSection)\\r\\n updateSection(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: UpdateSection,\\r\\n ) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\\r\\n const req$ = this.http.put<Response<FormSection>>(apiPath, action.payload);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.UpdateSection,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const sections = this.adapter.upsertOne(\\r\\n currentState.formConfiguration?.sections ?? [],\\r\\n res.data,\\r\\n 'id',\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(DeleteSection)\\r\\n deleteSection(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: DeleteSection,\\r\\n ) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\\r\\n const req$ = this.http.delete<Response<{ id: string }>>(apiPath);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.DeleteSection,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const sections = this.adapter.removeOne(\\r\\n currentState.formConfiguration?.sections ?? [],\\r\\n res.data.id,\\r\\n 'id',\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Field Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(AddField)\\r\\n addField(ctx: StateContext<FormBuilderStateModel>, action: AddField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields`;\\r\\n const req$ = this.http.post<Response<FormField>>(apiPath, action.payload);\\r\\n\\r\\n // Generate temp ID for optimistic update\\r\\n const tempId = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\\r\\n const tempField: FormField = {\\r\\n id: tempId,\\r\\n sectionId: action.sectionId,\\r\\n propertyId: action.payload.propertyId,\\r\\n width: action.payload.width,\\r\\n order: action.payload.order ?? 0,\\r\\n hiddenInCreation: action.payload.hiddenInCreation,\\r\\n _pending: true,\\r\\n };\\r\\n\\r\\n // Optimistically add the temp field\\r\\n const sectionsWithTemp = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n const fields = [...section.fields];\\r\\n const insertIndex = action.payload.order ?? fields.length;\\r\\n fields.splice(insertIndex, 0, tempField);\\r\\n return { ...section, fields };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections: sectionsWithTemp,\\r\\n },\\r\\n });\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.AddField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const newField = res.data;\\r\\n // Replace temp field with real field\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.map((f) =>\\r\\n f.id === tempId ? newField : f,\\r\\n ),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, currentState) => {\\r\\n // Remove temp field on error\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.filter((f) => f.id !== tempId),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(UpdateField)\\r\\n updateField(ctx: StateContext<FormBuilderStateModel>, action: UpdateField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\\r\\n const req$ = this.http.put<Response<FormField>>(apiPath, action.payload);\\r\\n\\r\\n // Apply optimistic update for order changes\\r\\n if (action.payload.order !== undefined) {\\r\\n const newOrder = action.payload.order;\\r\\n const sections = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n const fields = [...section.fields];\\r\\n const currentIndex = fields.findIndex(\\r\\n (f) => f.id === action.fieldId,\\r\\n );\\r\\n if (currentIndex !== -1) {\\r\\n const [movedField] = fields.splice(currentIndex, 1);\\r\\n fields.splice(newOrder, 0, movedField);\\r\\n }\\r\\n return { ...section, fields };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.UpdateField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const updatedField = res.data;\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n // Update the field and sort by order\\r\\n const updatedFields = section.fields.map((f) =>\\r\\n f.id === updatedField.id ? updatedField : f,\\r\\n );\\r\\n return {\\r\\n ...section,\\r\\n fields: updatedFields.sort((a, b) => a.order - b.order),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, _currentState) => {\\r\\n // Revert optimistic update on error - reload original state\\r\\n if (action.payload.order !== undefined) {\\r\\n return {\\r\\n formConfiguration: state.formConfiguration,\\r\\n };\\r\\n }\\r\\n return {};\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(DeleteField)\\r\\n deleteField(ctx: StateContext<FormBuilderStateModel>, action: DeleteField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\\r\\n const req$ =\\r\\n this.http.delete<Response<{ id: string; sectionId: string }>>(apiPath);\\r\\n\\r\\n // Optimistically mark field as deleting\\r\\n const sectionsWithDeleting = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.map((f) =>\\r\\n f.id === action.fieldId ? { ...f, _deleting: true } : f,\\r\\n ),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections: sectionsWithDeleting,\\r\\n },\\r\\n });\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.DeleteField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const { id: deletedId, sectionId } = res.data;\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.filter((f) => f.id !== deletedId),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, currentState) => {\\r\\n // Remove _deleting flag on error\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.map((f) =>\\r\\n f.id === action.fieldId ? { ...f, _deleting: false } : f,\\r\\n ),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(MoveField)\\r\\n moveField(ctx: StateContext<FormBuilderStateModel>, action: MoveField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}/move`;\\r\\n const req$ = this.http.put<Response<FormField>>(apiPath, action.payload);\\r\\n\\r\\n // Apply optimistic update - move field immediately\\r\\n const sourceSectionId = action.sectionId;\\r\\n const targetSectionId = action.payload.targetSectionId;\\r\\n const targetOrder = action.payload.order ?? 0;\\r\\n\\r\\n let movedFieldData: FormField | null = null;\\r\\n const optimisticSections = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === sourceSectionId) {\\r\\n const fieldToMove = section.fields.find(\\r\\n (f) => f.id === action.fieldId,\\r\\n );\\r\\n if (fieldToMove) {\\r\\n movedFieldData = { ...fieldToMove, order: targetOrder };\\r\\n }\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.filter((f) => f.id !== action.fieldId),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n\\r\\n // Add to target section\\r\\n const sectionsWithMoved = optimisticSections.map((section) => {\\r\\n if (section.id === targetSectionId && movedFieldData) {\\r\\n const fields = [...section.fields];\\r\\n fields.splice(targetOrder, 0, movedFieldData);\\r\\n return { ...section, fields };\\r\\n }\\r\\n return section;\\r\\n });\\r\\n\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections: sectionsWithMoved,\\r\\n },\\r\\n });\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.MoveField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const movedField = res.data;\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n // Update the moved field with server response\\r\\n if (section.id === targetSectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields\\r\\n .map((f) => (f.id === movedField.id ? movedField : f))\\r\\n .sort((a, b) => a.order - b.order),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, _currentState) => {\\r\\n // Revert optimistic update on error\\r\\n return {\\r\\n formConfiguration: state.formConfiguration,\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n}\\r\\n\",\"import { computed, Injectable, inject } from '@angular/core';\\r\\nimport { Store, select } from '@ngxs/store';\\r\\n\\r\\nimport {\\r\\n AddFieldPayload,\\r\\n AddSectionPayload,\\r\\n FormBuilderActionKey,\\r\\n MoveFieldPayload,\\r\\n UpdateFieldPayload,\\r\\n UpdateSectionPayload,\\r\\n} from './form-builder.model';\\r\\nimport {\\r\\n AddField,\\r\\n AddSection,\\r\\n DeleteField,\\r\\n DeleteSection,\\r\\n GetFormConfiguration,\\r\\n MoveField,\\r\\n ResetFormBuilderState,\\r\\n ResetFormConfiguration,\\r\\n SetModuleInfo,\\r\\n UpdateField,\\r\\n UpdateSection,\\r\\n} from './form-builder.actions';\\r\\nimport { FormBuilderState } from './form-builder.state';\\r\\n\\r\\n@Injectable({ providedIn: 'root' })\\r\\nexport class FormBuilderFacade {\\r\\n private readonly store = inject(Store);\\r\\n\\r\\n // ============================================================================\\r\\n // State Selectors\\r\\n // ============================================================================\\r\\n\\r\\n private readonly stateSignal = select(FormBuilderState.getState);\\r\\n\\r\\n readonly formConfiguration = select(FormBuilderState.getFormConfiguration);\\r\\n readonly sections = select(FormBuilderState.getSections);\\r\\n readonly moduleType = select(FormBuilderState.getModuleType);\\r\\n readonly moduleId = select(FormBuilderState.getModuleId);\\r\\n\\r\\n // ============================================================================\\r\\n // Loading Signals\\r\\n // ============================================================================\\r\\n\\r\\n readonly isLoadingFormConfiguration = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.GetFormConfiguration,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isResettingFormConfiguration = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.ResetFormConfiguration,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isAddingSection = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddSection),\\r\\n );\\r\\n\\r\\n readonly isUpdatingSection = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.UpdateSection,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isDeletingSection = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.DeleteSection,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isAddingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddField),\\r\\n );\\r\\n\\r\\n readonly isUpdatingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateField),\\r\\n );\\r\\n\\r\\n readonly isDeletingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteField),\\r\\n );\\r\\n\\r\\n readonly isMovingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.MoveField),\\r\\n );\\r\\n\\r\\n // ============================================================================\\r\\n // Error Signals\\r\\n // ============================================================================\\r\\n\\r\\n readonly formConfigurationError = computed(\\r\\n () =>\\r\\n this.stateSignal().errors[FormBuilderActionKey.GetFormConfiguration] ??\\r\\n null,\\r\\n );\\r\\n\\r\\n readonly sectionError = computed(() => {\\r\\n const errors = this.stateSignal().errors;\\r\\n return (\\r\\n errors[FormBuilderActionKey.AddSection] ??\\r\\n errors[FormBuilderActionKey.UpdateSection] ??\\r\\n errors[FormBuilderActionKey.DeleteSection] ??\\r\\n null\\r\\n );\\r\\n });\\r\\n\\r\\n readonly fieldError = computed(() => {\\r\\n const errors = this.stateSignal().errors;\\r\\n return (\\r\\n errors[FormBuilderActionKey.AddField] ??\\r\\n errors[FormBuilderActionKey.UpdateField] ??\\r\\n errors[FormBuilderActionKey.DeleteField] ??\\r\\n errors[FormBuilderActionKey.MoveField] ??\\r\\n null\\r\\n );\\r\\n });\\r\\n\\r\\n // ============================================================================\\r\\n // Module Configuration Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n setModuleInfo(\\r\\n moduleType: string,\\r\\n moduleId: string | number,\\r\\n parentModuleType?: string,\\r\\n parentModuleId?: string | number,\\r\\n parentPath?: string,\\r\\n ) {\\r\\n return this.store.dispatch(\\r\\n new SetModuleInfo(\\r\\n moduleType,\\r\\n moduleId,\\r\\n parentModuleType,\\r\\n parentModuleId,\\r\\n parentPath,\\r\\n ),\\r\\n );\\r\\n }\\r\\n\\r\\n resetState() {\\r\\n return this.store.dispatch(new ResetFormBuilderState());\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Form Configuration Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n getFormConfiguration() {\\r\\n return this.store.dispatch(new GetFormConfiguration());\\r\\n }\\r\\n\\r\\n resetFormConfiguration() {\\r\\n return this.store.dispatch(new ResetFormConfiguration());\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Section Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n addSection(payload: AddSectionPayload) {\\r\\n return this.store.dispatch(new AddSection(payload));\\r\\n }\\r\\n\\r\\n updateSection(sectionId: string, payload: UpdateSectionPayload) {\\r\\n return this.store.dispatch(new UpdateSection(sectionId, payload));\\r\\n }\\r\\n\\r\\n deleteSection(sectionId: string) {\\r\\n return this.store.dispatch(new DeleteSection(sectionId));\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Field Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n addField(sectionId: string, payload: AddFieldPayload) {\\r\\n return this.store.dispatch(new AddField(sectionId, payload));\\r\\n }\\r\\n\\r\\n updateField(sectionId: string, fieldId: string, payload: UpdateFieldPayload) {\\r\\n return this.store.dispatch(new UpdateField(sectionId, fieldId, payload));\\r\\n }\\r\\n\\r\\n deleteField(sectionId: string, fieldId: string) {\\r\\n return this.store.dispatch(new DeleteField(sectionId, fieldId));\\r\\n }\\r\\n\\r\\n moveField(sectionId: string, fieldId: string, payload: MoveFieldPayload) {\\r\\n return this.store.dispatch(new MoveField(sectionId, fieldId, payload));\\r\\n }\\r\\n}\\r\\n\",\"/**\\r\\n * Condition Formula Constants\\r\\n * Static functions and operators for condition formulas (Show/Hide/Enable/Disable)\\r\\n */\\r\\n\\r\\nimport type {\\r\\n FunctionCategoryGroup,\\r\\n OperatorDefinition,\\r\\n} from '@masterteam/components/formula';\\r\\n\\r\\n/**\\r\\n * Functions for field conditions\\r\\n */\\r\\nexport const CONDITION_FUNCTION_CATEGORIES: FunctionCategoryGroup[] = [\\r\\n {\\r\\n name: 'Logic',\\r\\n displayName: 'Field Visibility',\\r\\n functions: [\\r\\n {\\r\\n name: 'SHOW_IF',\\r\\n category: 'Logic',\\r\\n description: 'Show this field when condition is true',\\r\\n signature: 'SHOW_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is visible',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: [\\r\\n 'SHOW_IF(@Status == \\\"Active\\\")',\\r\\n 'SHOW_IF(@Type == \\\"Custom\\\")',\\r\\n ],\\r\\n },\\r\\n {\\r\\n name: 'HIDE_IF',\\r\\n category: 'Logic',\\r\\n description: 'Hide this field when condition is true',\\r\\n signature: 'HIDE_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is hidden',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['HIDE_IF(@Status == \\\"Closed\\\")', 'HIDE_IF(ISNULL(@Parent))'],\\r\\n },\\r\\n {\\r\\n name: 'DISABLE_IF',\\r\\n category: 'Logic',\\r\\n description: 'Disable this field when condition is true',\\r\\n signature: 'DISABLE_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is disabled',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: [\\r\\n 'DISABLE_IF(@IsLocked == true)',\\r\\n 'DISABLE_IF(@Status == \\\"Approved\\\")',\\r\\n ],\\r\\n },\\r\\n {\\r\\n name: 'ENABLE_IF',\\r\\n category: 'Logic',\\r\\n description: 'Enable this field when condition is true',\\r\\n signature: 'ENABLE_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is enabled',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: [\\r\\n 'ENABLE_IF(@Status == \\\"Draft\\\")',\\r\\n 'ENABLE_IF(@CanEdit == true)',\\r\\n ],\\r\\n },\\r\\n ],\\r\\n },\\r\\n {\\r\\n name: 'Aggregation',\\r\\n displayName: 'Logic Helpers',\\r\\n functions: [\\r\\n {\\r\\n name: 'AND',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if all conditions are true',\\r\\n signature: 'AND(condition1, condition2)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition1',\\r\\n type: 'boolean',\\r\\n description: 'First condition',\\r\\n required: true,\\r\\n },\\r\\n {\\r\\n name: 'condition2',\\r\\n type: 'boolean',\\r\\n description: 'Second condition',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['AND(@Status == \\\"Active\\\", @Priority > 0)'],\\r\\n },\\r\\n {\\r\\n name: 'OR',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if any condition is true',\\r\\n signature: 'OR(condition1, condition2)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition1',\\r\\n type: 'boolean',\\r\\n description: 'First condition',\\r\\n required: true,\\r\\n },\\r\\n {\\r\\n name: 'condition2',\\r\\n type: 'boolean',\\r\\n description: 'Second condition',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['OR(@Status == \\\"Active\\\", @Status == \\\"Pending\\\")'],\\r\\n },\\r\\n {\\r\\n name: 'NOT',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns the opposite of the condition',\\r\\n signature: 'NOT(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'The condition to negate',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['NOT(@IsCompleted)'],\\r\\n },\\r\\n {\\r\\n name: 'ISNULL',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if value is null or empty',\\r\\n signature: 'ISNULL(value)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'value',\\r\\n type: 'any',\\r\\n description: 'The value to check',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['ISNULL(@Description)'],\\r\\n },\\r\\n {\\r\\n name: 'CONTAINS',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if text contains the search string',\\r\\n signature: 'CONTAINS(text, search)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'text',\\r\\n type: 'string',\\r\\n description: 'The text to search in',\\r\\n required: true,\\r\\n },\\r\\n {\\r\\n name: 'search',\\r\\n type: 'string',\\r\\n description: 'The string to search for',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['CONTAINS(@Name, \\\"Project\\\")'],\\r\\n },\\r\\n ],\\r\\n },\\r\\n];\\r\\n\\r\\n/**\\r\\n * Operators for conditions\\r\\n */\\r\\nexport const CONDITION_OPERATORS: OperatorDefinition[] = [\\r\\n // Comparison\\r\\n {\\r\\n symbol: '==',\\r\\n name: 'Equal',\\r\\n type: 'comparison',\\r\\n description: 'Equal to',\\r\\n precedence: 3,\\r\\n },\\r\\n {\\r\\n symbol: '!=',\\r\\n name: 'Not Equal',\\r\\n type: 'comparison',\\r\\n description: 'Not equal to',\\r\\n precedence: 3,\\r\\n },\\r\\n {\\r\\n symbol: '>',\\r\\n name: 'Greater Than',\\r\\n type: 'comparison',\\r\\n description: 'Greater than',\\r\\n precedence: 4,\\r\\n },\\r\\n {\\r\\n symbol: '<',\\r\\n name: 'Less Than',\\r\\n type: 'comparison',\\r\\n description: 'Less than',\\r\\n precedence: 4,\\r\\n },\\r\\n {\\r\\n symbol: '>=',\\r\\n name: 'Greater or Equal',\\r\\n type: 'comparison',\\r\\n description: 'Greater than or equal',\\r\\n precedence: 4,\\r\\n },\\r\\n {\\r\\n symbol: '<=',\\r\\n name: 'Less or Equal',\\r\\n type: 'comparison',\\r\\n description: 'Less than or equal',\\r\\n precedence: 4,\\r\\n },\\r\\n // Logical\\r\\n {\\r\\n symbol: '&&',\\r\\n name: 'And',\\r\\n type: 'logical',\\r\\n description: 'Logical AND',\\r\\n precedence: 2,\\r\\n },\\r\\n {\\r\\n symbol: '||',\\r\\n name: 'Or',\\r\\n type: 'logical',\\r\\n description: 'Logical OR',\\r\\n precedence: 1,\\r\\n },\\r\\n];\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n inject,\\r\\n input,\\r\\n OnInit,\\r\\n signal,\\r\\n viewChild,\\r\\n} from '@angular/core';\\r\\nimport { TranslocoDirective } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport {\\r\\n FormulaEditor,\\r\\n FormulaToolbar,\\r\\n SmartBlock,\\r\\n FormulaToken,\\r\\n} from '@masterteam/components/formula';\\r\\nimport {\\r\\n CONDITION_FUNCTION_CATEGORIES,\\r\\n CONDITION_OPERATORS,\\r\\n} from './condition-constants';\\r\\n\\r\\n/**\\r\\n * Field property for condition formula\\r\\n */\\r\\nexport interface ConditionFieldProperty {\\r\\n /** Unique key (used in formula as @key) */\\r\\n key: string;\\r\\n /** Display name */\\r\\n name: string;\\r\\n /** Field type for hint */\\r\\n type?: string;\\r\\n}\\r\\n\\r\\n/**\\r\\n * Field Conditions Dialog\\r\\n *\\r\\n * Allows users to define conditional display formulas for form fields.\\r\\n * Uses FormulaToolbar + FormulaEditor directly for a visual formula editing experience.\\r\\n */\\r\\n@Component({\\r\\n selector: 'mt-fb-field-conditions',\\r\\n standalone: true,\\r\\n imports: [\\r\\n TranslocoDirective,\\r\\n ReactiveFormsModule,\\r\\n Button,\\r\\n FormulaToolbar,\\r\\n FormulaEditor,\\r\\n ],\\r\\n templateUrl: './fb-field-conditions.html',\\r\\n})\\r\\nexport class FBFieldConditions implements OnInit {\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n\\r\\n // Inputs\\r\\n /** Initial formula (JSON string from backend) */\\r\\n readonly initialFormula = input<string>('');\\r\\n\\r\\n /** Available fields from the form builder (other fields that can be referenced) */\\r\\n readonly availableFields = input<ConditionFieldProperty[]>([]);\\r\\n\\r\\n // UI State\\r\\n readonly submitting = signal(false);\\r\\n\\r\\n // Form control for the formula editor (tokens array)\\r\\n readonly formulaControl = new FormControl<FormulaToken[]>([]);\\r\\n\\r\\n // View child for the editor\\r\\n private readonly editorRef = viewChild<FormulaEditor>('editor');\\r\\n\\r\\n // Condition-specific functions and operators\\r\\n readonly functionCategories = CONDITION_FUNCTION_CATEGORIES;\\r\\n readonly operators = CONDITION_OPERATORS;\\r\\n\\r\\n /** Extract property keys for toolbar */\\r\\n readonly propertyKeys = computed(() =>\\r\\n this.availableFields().map((f) => f.key),\\r\\n );\\r\\n\\r\\n /** Toolbar labels */\\r\\n readonly toolbarLabels = {\\r\\n functions: 'Functions',\\r\\n properties: 'Fields',\\r\\n operators: 'Operators',\\r\\n noPropertiesAvailable: 'No fields available',\\r\\n };\\r\\n\\r\\n ngOnInit(): void {\\r\\n // Parse JSON string to tokens\\r\\n const formula = this.initialFormula();\\r\\n if (formula) {\\r\\n try {\\r\\n const tokens = JSON.parse(formula) as FormulaToken[];\\r\\n this.formulaControl.patchValue(tokens);\\r\\n } catch {\\r\\n // Invalid JSON, start with empty\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n /** Handle block insert from toolbar */\\r\\n onBlockInsert(block: SmartBlock): void {\\r\\n const editor = this.editorRef();\\r\\n if (editor) {\\r\\n editor.addBlock(block);\\r\\n }\\r\\n }\\r\\n\\r\\n onSave(): void {\\r\\n const tokens = this.formulaControl.value ?? [];\\r\\n const formula = tokens.length > 0 ? JSON.stringify(tokens) : '';\\r\\n this.ref.close({ saved: true, conditionalDisplayFormula: formula });\\r\\n }\\r\\n\\r\\n onCancel(): void {\\r\\n this.ref.close({ saved: false });\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n effect,\\r\\n inject,\\r\\n input,\\r\\n signal,\\r\\n} from '@angular/core';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\\r\\nimport {\\r\\n DynamicFormConfig,\\r\\n RadioCardsFieldConfig,\\r\\n} from '@masterteam/components';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { ToggleField } from '@masterteam/components/toggle-field';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport type {\\r\\n EnrichedFormField,\\r\\n EnrichedFormSection,\\r\\n} from '../form-builder.model';\\r\\nimport { FormBuilderFacade } from '../../store/form-builder';\\r\\nimport type { FieldWidth } from '../../store/form-builder/form-builder.model';\\r\\nimport {\\r\\n FBFieldConditions,\\r\\n ConditionFieldProperty,\\r\\n} from '../fb-field-conditions/fb-field-conditions';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-field-form',\\r\\n standalone: true,\\r\\n imports: [\\r\\n TranslocoDirective,\\r\\n ReactiveFormsModule,\\r\\n DynamicForm,\\r\\n Button,\\r\\n ToggleField,\\r\\n ],\\r\\n templateUrl: './fb-field-form.html',\\r\\n})\\r\\nexport class FBFieldForm {\\r\\n private readonly transloco = inject(TranslocoService);\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n // Inputs\\r\\n readonly sectionId = input<string>('');\\r\\n readonly initialData = input<EnrichedFormField | null>(null);\\r\\n /** All sections with enriched fields (to get available fields for conditions) */\\r\\n readonly allSections = input<EnrichedFormSection[]>([]);\\r\\n\\r\\n // UI State\\r\\n readonly submitting = signal(false);\\r\\n readonly deleting = signal(false);\\r\\n readonly conditionalDisplayFormula = signal<string>('');\\r\\n private conditionsDialogRef: any;\\r\\n\\r\\n /**\\r\\n * Compute available fields for condition formula\\r\\n * Excludes the current field being edited\\r\\n */\\r\\n readonly availableFields = computed<ConditionFieldProperty[]>(() => {\\r\\n const sections = this.allSections();\\r\\n const currentField = this.initialData();\\r\\n const fields: ConditionFieldProperty[] = [];\\r\\n\\r\\n for (const section of sections) {\\r\\n for (const field of section.fields) {\\r\\n // Exclude the current field being edited\\r\\n if (currentField && field.id === currentField.id) continue;\\r\\n\\r\\n fields.push({\\r\\n key: field.name,\\r\\n name: field.name,\\r\\n type: field.type,\\r\\n });\\r\\n }\\r\\n }\\r\\n\\r\\n return fields;\\r\\n });\\r\\n\\r\\n // Form\\r\\n readonly formControl = new FormControl();\\r\\n readonly showHideControl = new FormControl(false);\\r\\n readonly formConfig: DynamicFormConfig = {\\r\\n sections: [\\r\\n {\\r\\n key: 'section-form',\\r\\n type: 'none',\\r\\n columns: 12,\\r\\n order: 1,\\r\\n fields: [\\r\\n {\\r\\n key: 'isRequired',\\r\\n label: this.transloco.translate('formBuilder.is-required'),\\r\\n type: 'toggle',\\r\\n toggleShape: 'card',\\r\\n colSpan: 12,\\r\\n order: 1,\\r\\n },\\r\\n {\\r\\n key: 'hiddenInCreation',\\r\\n label: this.transloco.translate('formBuilder.hidden-in-creation'),\\r\\n type: 'toggle',\\r\\n toggleShape: 'card',\\r\\n colSpan: 12,\\r\\n order: 2,\\r\\n },\\r\\n {\\r\\n key: 'hiddenInEditForm',\\r\\n label: this.transloco.translate('formBuilder.hidden-in-edit-form'),\\r\\n type: 'toggle',\\r\\n toggleShape: 'card',\\r\\n colSpan: 12,\\r\\n order: 3,\\r\\n },\\r\\n new RadioCardsFieldConfig({\\r\\n key: 'size',\\r\\n label: this.transloco.translate('formBuilder.size'),\\r\\n placeholder: this.transloco.translate('formBuilder.size'),\\r\\n options: [\\r\\n { id: 's', name: 'S' },\\r\\n { id: 'm', name: 'M' },\\r\\n { id: 'l', name: 'L' },\\r\\n ],\\r\\n order: 4,\\r\\n size: 'small',\\r\\n }),\\r\\n ],\\r\\n },\\r\\n ],\\r\\n };\\r\\n\\r\\n constructor() {\\r\\n effect(() => {\\r\\n const data = this.initialData();\\r\\n if (data) {\\r\\n const widthToSize: Record<string, string> = {\\r\\n '25': 's',\\r\\n '50': 'm',\\r\\n '100': 'l',\\r\\n };\\r\\n this.formControl.patchValue({\\r\\n isRequired: data.isRequired ?? false,\\r\\n hiddenInCreation: data.hiddenInCreation ?? false,\\r\\n hiddenInEditForm: data.hiddenInEditForm ?? false,\\r\\n size: widthToSize[data.width] ?? 'l',\\r\\n });\\r\\n // Set show/hide toggle based on existing value\\r\\n this.showHideControl.patchValue(\\r\\n data.showConditionalDisplayFormula ?? false,\\r\\n );\\r\\n this.conditionalDisplayFormula.set(\\r\\n data.conditionalDisplayFormula ?? '',\\r\\n );\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n onSave(): void {\\r\\n if (this.formControl.invalid) return;\\r\\n\\r\\n const formValue = this.formControl.value;\\r\\n const field = this.initialData();\\r\\n const sectionId = this.sectionId();\\r\\n\\r\\n if (!field || !sectionId) return;\\r\\n\\r\\n const widthMap: Record<string, FieldWidth> = {\\r\\n s: '25',\\r\\n m: '50',\\r\\n l: '100',\\r\\n };\\r\\n\\r\\n const payload = {\\r\\n width: widthMap[formValue.size] ?? '100',\\r\\n hiddenInCreation: formValue.hiddenInCreation ?? false,\\r\\n hiddenInEditForm: formValue.hiddenInEditForm ?? false,\\r\\n isRequired: formValue.isRequired ?? false,\\r\\n showConditionalDisplayFormula: this.showHideControl.value ?? false,\\r\\n conditionalDisplayFormula: this.showHideControl.value\\r\\n ? this.conditionalDisplayFormula()\\r\\n : null,\\r\\n };\\r\\n\\r\\n this.submitting.set(true);\\r\\n this.facade.updateField(sectionId, field.id, payload).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.submitting.set(false),\\r\\n });\\r\\n }\\r\\n\\r\\n onCancel(): void {\\r\\n this.ref.close(false);\\r\\n }\\r\\n\\r\\n onSetConditions(): void {\\r\\n this.conditionsDialogRef = this.modalService.openModal(\\r\\n FBFieldConditions,\\r\\n 'drawer',\\r\\n {\\r\\n header: this.transloco.translate('formBuilder.set-conditions'),\\r\\n styleClass: '!w-[calc(100%-25rem)] !absolute ',\\r\\n position: 'start',\\r\\n modal: false,\\r\\n appendTo: '#page-content',\\r\\n inputValues: {\\r\\n initialFormula: this.conditionalDisplayFormula(),\\r\\n availableFields: this.availableFields(),\\r\\n },\\r\\n },\\r\\n );\\r\\n\\r\\n this.conditionsDialogRef.onClose.subscribe(\\r\\n (result: { saved: boolean; conditionalDisplayFormula?: string }) => {\\r\\n if (result?.saved) {\\r\\n this.conditionalDisplayFormula.set(\\r\\n result.conditionalDisplayFormula ?? '',\\r\\n );\\r\\n }\\r\\n },\\r\\n );\\r\\n }\\r\\n\\r\\n onDelete(event: Event): void {\\r\\n const field = this.initialData();\\r\\n const sectionId = this.sectionId();\\r\\n\\r\\n if (!field || !sectionId) return;\\r\\n\\r\\n this.confirmationService.confirmDelete({\\r\\n event,\\r\\n type: 'popup',\\r\\n accept: () => {\\r\\n this.deleting.set(true);\\r\\n this.facade.deleteField(sectionId, field.id).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.deleting.set(false),\\r\\n });\\r\\n },\\r\\n });\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import { Component, effect, inject, input, signal } from '@angular/core';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\\r\\nimport { DynamicFormConfig } from '@masterteam/components';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport { FormBuilderFacade } from '../../store/form-builder';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-section-form',\\r\\n standalone: true,\\r\\n imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Button],\\r\\n templateUrl: './fb-section-form.html',\\r\\n})\\r\\nexport class FBSectionForm {\\r\\n private readonly transloco = inject(TranslocoService);\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n // Inputs\\r\\n readonly sectionId = input<string | null>(null);\\r\\n readonly initialData = input<{ ar: string; en: string } | null>(null);\\r\\n readonly sectionsCount = input<number>(0);\\r\\n\\r\\n // UI State\\r\\n readonly submitting = signal(false);\\r\\n readonly deleting = signal(false);\\r\\n\\r\\n // Form\\r\\n readonly formControl = new FormControl();\\r\\n readonly formConfig: DynamicFormConfig = {\\r\\n sections: [\\r\\n {\\r\\n key: 'section-form',\\r\\n type: 'none',\\r\\n columns: 12,\\r\\n order: 1,\\r\\n fields: [\\r\\n {\\r\\n key: 'name-ar',\\r\\n label: this.transloco.translate('formBuilder.name-ar'),\\r\\n type: 'text',\\r\\n placeholder: this.transloco.translate('formBuilder.name-ar'),\\r\\n colSpan: 12,\\r\\n order: 1,\\r\\n },\\r\\n {\\r\\n key: 'name-en',\\r\\n label: this.transloco.translate('formBuilder.name-en'),\\r\\n type: 'text',\\r\\n placeholder: this.transloco.translate('formBuilder.name-en'),\\r\\n colSpan: 12,\\r\\n order: 2,\\r\\n },\\r\\n ],\\r\\n },\\r\\n ],\\r\\n };\\r\\n\\r\\n constructor() {\\r\\n effect(() => {\\r\\n const data = this.initialData();\\r\\n if (data) {\\r\\n this.formControl.patchValue({\\r\\n 'name-ar': data.ar,\\r\\n 'name-en': data.en,\\r\\n });\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n onSave(): void {\\r\\n if (this.formControl.invalid) return;\\r\\n\\r\\n const formValue = this.formControl.value;\\r\\n const payload = {\\r\\n name: {\\r\\n ar: formValue['name-ar'],\\r\\n en: formValue['name-en'],\\r\\n },\\r\\n };\\r\\n\\r\\n this.submitting.set(true);\\r\\n const sectionId = this.sectionId();\\r\\n\\r\\n if (sectionId) {\\r\\n // Update existing section\\r\\n this.facade.updateSection(sectionId, payload).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.submitting.set(false),\\r\\n });\\r\\n } else {\\r\\n // Create new section\\r\\n this.facade\\r\\n .addSection({ ...payload, order: this.sectionsCount() })\\r\\n .subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.submitting.set(false),\\r\\n });\\r\\n }\\r\\n }\\r\\n\\r\\n onCancel(): void {\\r\\n this.ref.close(false);\\r\\n }\\r\\n\\r\\n onDelete(event: Event): void {\\r\\n const sectionId = this.sectionId();\\r\\n if (!sectionId) return;\\r\\n\\r\\n this.confirmationService.confirmDelete({\\r\\n event,\\r\\n type: 'popup',\\r\\n accept: () => {\\r\\n this.deleting.set(true);\\r\\n this.facade.deleteSection(sectionId).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.deleting.set(false),\\r\\n });\\r\\n },\\r\\n });\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n inject,\\r\\n input,\\r\\n output,\\r\\n signal,\\r\\n effect,\\r\\n} from '@angular/core';\\r\\nimport { EnrichedFormField, EnrichedFormSection } from '../form-builder.model';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { TranslocoService } from '@jsverse/transloco';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { Card } from '@masterteam/components/card';\\r\\nimport {\\r\\n CdkDrag,\\r\\n CdkDragDrop,\\r\\n CdkDragPlaceholder,\\r\\n CdkDropList,\\r\\n} from '@angular/cdk/drag-drop';\\r\\nimport { TranslocoDirective } from '@jsverse/transloco';\\r\\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\\r\\nimport { ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';\\r\\nimport { Icon } from '@masterteam/icons';\\r\\nimport { FormBuilderFacade } from '../../store/form-builder';\\r\\nimport { FBFieldForm } from '../fb-field-form/fb-field-form';\\r\\nimport { FBSectionForm } from '../fb-section-form/fb-section-form';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-section',\\r\\n standalone: true,\\r\\n imports: [\\r\\n Button,\\r\\n Card,\\r\\n Icon,\\r\\n CdkDrag,\\r\\n CdkDropList,\\r\\n CdkDragPlaceholder,\\r\\n TranslocoDirective,\\r\\n DynamicField,\\r\\n ReactiveFormsModule,\\r\\n ],\\r\\n templateUrl: './fb-section.html',\\r\\n})\\r\\nexport class FBSection {\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly modalService = inject(ModalService);\\r\\n private readonly translocoService = inject(TranslocoService);\\r\\n private readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n // Inputs\\r\\n readonly section = input.required<EnrichedFormSection>();\\r\\n readonly sectionsCount = input<number>(0);\\r\\n /** All sections - used to get available fields for condition formulas */\\r\\n readonly allSections = input<EnrichedFormSection[]>([]);\\r\\n\\r\\n // Outputs - only keep drag/drop since it needs coordination with parent drop list group\\r\\n readonly onFieldDrop = output<CdkDragDrop<EnrichedFormField[]>>();\\r\\n\\r\\n // Computed\\r\\n readonly sectionName = computed(() => {\\r\\n const lang = document.documentElement.lang as 'en' | 'ar';\\r\\n const section = this.section();\\r\\n return section.name[lang] ?? section.name['en'];\\r\\n });\\r\\n\\r\\n readonly fields = computed(() => this.section().fields);\\r\\n\\r\\n // UI State\\r\\n readonly expanded = signal(true);\\r\\n\\r\\n // Form groups cache for dynamic fields\\r\\n private readonly formGroupsCache = new Map<string, FormGroup>();\\r\\n\\r\\n constructor() {\\r\\n // Cleanup stale form groups when fields change\\r\\n effect(() => {\\r\\n const currentIds = new Set(this.fields().map((f) => f.id));\\r\\n for (const id of this.formGroupsCache.keys()) {\\r\\n if (!currentIds.has(id)) {\\r\\n this.formGroupsCache.delete(id);\\r\\n }\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n getFormGroup(field: EnrichedFormField): FormGroup {\\r\\n let fg = this.formGroupsCache.get(field.id);\\r\\n\\r\\n if (fg) {\\r\\n // Check if field name changed\\r\\n if (!fg.contains(field.name)) {\\r\\n const oldKey = Object.keys(fg.controls)[0];\\r\\n const value = oldKey ? fg.get(oldKey)?.value : field.data?.data;\\r\\n\\r\\n fg = new FormGroup({\\r\\n [field.name]: new FormControl(value),\\r\\n });\\r\\n this.formGroupsCache.set(field.id, fg);\\r\\n }\\r\\n } else {\\r\\n fg = new FormGroup({\\r\\n [field.name]: new FormControl(field.data?.data),\\r\\n });\\r\\n this.formGroupsCache.set(field.id, fg);\\r\\n }\\r\\n\\r\\n return fg;\\r\\n }\\r\\n\\r\\n toggleExpanded(): void {\\r\\n this.expanded.update((v) => !v);\\r\\n }\\r\\n\\r\\n onDrop(event: CdkDragDrop<EnrichedFormField[]>): void {\\r\\n this.onFieldDrop.emit(event);\\r\\n }\\r\\n\\r\\n editSection(event: Event): void {\\r\\n event.stopPropagation();\\r\\n const section = this.section();\\r\\n\\r\\n this.modalService.openModal(FBSectionForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.edit-section'),\\r\\n height: '20vw',\\r\\n styleClass: '!w-100 !absolute ',\\r\\n position: 'end',\\r\\n appendTo: '#page-content',\\r\\n modal: false,\\r\\n inputValues: {\\r\\n sectionId: section.id,\\r\\n initialData: section.name,\\r\\n sectionsCount: this.sectionsCount(),\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n removeField(event: Event, field: EnrichedFormField): void {\\r\\n this.confirmationService.confirmDelete({\\r\\n event,\\r\\n type: 'popup',\\r\\n accept: () => {\\r\\n this.facade.deleteField(this.section().id, field.id);\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n editField(field: EnrichedFormField): void {\\r\\n this.modalService.openModal(FBFieldForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.field-settings'),\\r\\n height: '20vw',\\r\\n styleClass: '!w-100 !absolute !shadow-none',\\r\\n position: 'end',\\r\\n modal: false,\\r\\n appendTo: '#page-content',\\r\\n inputValues: {\\r\\n initialData: field,\\r\\n sectionId: this.section().id,\\r\\n allSections: this.allSections(),\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n getFieldColSpan(field: EnrichedFormField): string {\\r\\n switch (field.width) {\\r\\n case '100':\\r\\n return 'col-span-12';\\r\\n case '50':\\r\\n return 'col-span-6';\\r\\n case '25':\\r\\n return 'col-span-3';\\r\\n default:\\r\\n return 'col-span-12';\\r\\n }\\r\\n }\\r\\n\\r\\n getFieldType(field: EnrichedFormField): string {\\r\\n const typeMap: Record<string, string> = {\\r\\n User: 'select',\\r\\n Text: 'text',\\r\\n LongText: 'editor-field',\\r\\n Percentage: 'slider',\\r\\n Date: 'date',\\r\\n Currency: 'text',\\r\\n Number: 'number',\\r\\n Lookup: 'select',\\r\\n LookupMultiSelect: 'select',\\r\\n Checkbox: 'toggle',\\r\\n InternalModule: 'select',\\r\\n DynamicList: 'select',\\r\\n API: 'select',\\r\\n Time: 'date',\\r\\n Status: 'select',\\r\\n Attachment: 'attachment',\\r\\n EditableListView: 'actionableTable',\\r\\n LookupLog: 'actionableTable',\\r\\n LookupMatrix: 'select',\\r\\n Location: 'select',\\r\\n };\\r\\n\\r\\n return typeMap[field.type] ?? 'text';\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n effect,\\r\\n inject,\\r\\n input,\\r\\n signal,\\r\\n} from '@angular/core';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\\r\\nimport { DynamicFormConfig, DynamicFieldConfig } from '@masterteam/components';\\r\\nimport { Tabs } from '@masterteam/components/tabs';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport type { EnrichedFormSection } from '../form-builder.model';\\r\\n\\r\\ntype PreviewMode = 'create' | 'edit';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-preview-form',\\r\\n standalone: true,\\r\\n imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Tabs],\\r\\n templateUrl: './fb-preview-form.html',\\r\\n})\\r\\nexport class FBPreviewForm {\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n private readonly transloco = inject(TranslocoService);\\r\\n\\r\\n // Inputs\\r\\n readonly sections = input<EnrichedFormSection[]>([]);\\r\\n\\r\\n // Tab state\\r\\n readonly activeTab = signal<PreviewMode>('create');\\r\\n readonly isLoading = signal(false);\\r\\n readonly tabOptions = [\\r\\n {\\r\\n label: this.transloco.translate('formBuilder.create-form'),\\r\\n value: 'create',\\r\\n },\\r\\n { label: this.transloco.translate('formBuilder.edit-form'), value: 'edit' },\\r\\n ];\\r\\n\\r\\n // Form control for dynamic form\\r\\n readonly formControl = new FormControl();\\r\\n\\r\\n constructor() {\\r\\n // Show skeleton briefly when tab changes to force rebuild\\r\\n effect(() => {\\r\\n this.activeTab(); // Track tab changes\\r\\n this.isLoading.set(true);\\r\\n setTimeout(() => this.isLoading.set(false), 50);\\r\\n });\\r\\n }\\r\\n\\r\\n // Convert enriched sections to DynamicFormConfig based on active tab\\r\\n readonly formConfig = computed<DynamicFormConfig>(() => {\\r\\n const sections = this.sections();\\r\\n const mode = this.activeTab();\\r\\n\\r\\n return {\\r\\n sections: sections\\r\\n .map((section, sectionIndex) => {\\r\\n const lang = document.documentElement.lang as 'en' | 'ar';\\r\\n const sectionName = section.name[lang] ?? section.name['en'] ?? '';\\r\\n\\r\\n // Filter fields based on mode\\r\\n const visibleFields = section.fields.filter((field) => {\\r\\n if (mode === 'create') {\\r\\n return !field.hiddenInCreation;\\r\\n } else {\\r\\n return !field.hiddenInEditForm;\\r\\n }\\r\\n });\\r\\n\\r\\n return {\\r\\n key: section.id,\\r\\n label: sectionName,\\r\\n type: 'header' as const,\\r\\n columns: 12,\\r\\n order: section.order ?? sectionIndex,\\r\\n fields: visibleFields.map((field, fieldIndex) => {\\r\\n const colSpan = this.getColSpan(field.width);\\r\\n\\r\\n return {\\r\\n key: `field_${field.propertyId}`,\\r\\n label: field.name,\\r\\n type: this.mapFieldType(field.type),\\r\\n colSpan,\\r\\n order: field.order ?? fieldIndex,\\r\\n placeholder: field.name,\\r\\n } as DynamicFieldConfig;\\r\\n }),\\r\\n };\\r\\n })\\r\\n .filter((section) => section.fields.length > 0), // Hide empty sections\\r\\n };\\r\\n });\\r\\n\\r\\n /**\\r\\n * Map property view type to dynamic form field type\\r\\n */\\r\\n private mapFieldType(viewType: string): string {\\r\\n const typeMap: Record<string, string> = {\\r\\n text: 'text',\\r\\n number: 'number',\\r\\n date: 'date',\\r\\n select: 'select',\\r\\n multiselect: 'multiselect',\\r\\n toggle: 'toggle',\\r\\n checkbox: 'checkbox',\\r\\n textarea: 'textarea',\\r\\n editor: 'editor',\\r\\n color: 'color',\\r\\n slider: 'slider',\\r\\n radio: 'radio',\\r\\n 'radio-cards': 'radio-cards',\\r\\n upload: 'upload',\\r\\n 'user-search': 'user-search',\\r\\n };\\r\\n\\r\\n return typeMap[viewType?.toLowerCase()] ?? 'text';\\r\\n }\\r\\n\\r\\n /**\\r\\n * Convert field width to colSpan\\r\\n */\\r\\n private getColSpan(width: string): number {\\r\\n const widthMap: Record<string, number> = {\\r\\n '25': 3,\\r\\n '50': 6,\\r\\n '100': 12,\\r\\n };\\r\\n\\r\\n return widthMap[width] ?? 12;\\r\\n }\\r\\n\\r\\n onClose(): void {\\r\\n this.ref.close();\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n inject,\\r\\n input,\\r\\n signal,\\r\\n effect,\\r\\n} from '@angular/core';\\r\\nimport { CommonModule } from '@angular/common';\\r\\nimport { FormsModule } from '@angular/forms';\\r\\nimport { TabsModule } from 'primeng/tabs';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { Card } from '@masterteam/components/card';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { FBSection } from './fb-section/fb-section';\\r\\nimport { EnrichedFormSection, EnrichedFormField ,PropertyItem} from './form-builder.model';\\r\\nimport type { FieldWidth } from '../store/form-builder/form-builder.model';\\r\\nimport { CdkDragDrop, DragDropModule } from '@angular/cdk/drag-drop';\\r\\nimport { FBSectionForm } from './fb-section-form/fb-section-form';\\r\\nimport { FBPreviewForm } from './fb-preview-form/fb-preview-form';\\r\\nimport { FormBuilderFacade } from '../store/form-builder/form-builder.facade';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-form-builder',\\r\\n standalone: true,\\r\\n imports: [\\r\\n CommonModule,\\r\\n FormsModule,\\r\\n TabsModule,\\r\\n Button,\\r\\n Card,\\r\\n TranslocoDirective,\\r\\n FBSection,\\r\\n DragDropModule,\\r\\n ],\\r\\n templateUrl: './form-builder.html',\\r\\n styleUrl: './form-builder.scss',\\r\\n})\\r\\nexport class FormBuilder {\\r\\n private readonly modalService = inject(ModalService);\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly translocoService = inject(TranslocoService);\\r\\n protected readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n private dialogRef: any;\\r\\n\\r\\n // Inputs - only properties needed from parent\\r\\n readonly properties = input<PropertyItem[]>([]);\\r\\n\\r\\n // Local UI state\\r\\n readonly activeTab = signal<string>('system');\\r\\n\\r\\n // State from facade\\r\\n readonly sections = this.facade.sections;\\r\\n readonly isLoading = this.facade.isLoadingFormConfiguration;\\r\\n readonly error = this.facade.formConfigurationError;\\r\\n\\r\\n // Properties map for enrichment\\r\\n private readonly propertiesMap = computed(() => {\\r\\n const map = new Map<number, PropertyItem>();\\r\\n for (const prop of this.properties()) {\\r\\n map.set(prop.id, prop);\\r\\n }\\r\\n return map;\\r\\n });\\r\\n\\r\\n // Enrich sections with property data for UI display\\r\\n readonly enrichedSections = computed<EnrichedFormSection[]>(() => {\\r\\n const sections = this.sections();\\r\\n const propsMap = this.propertiesMap();\\r\\n const lang = document.documentElement.lang as 'en' | 'ar';\\r\\n\\r\\n return sections.map((section) => ({\\r\\n ...section,\\r\\n fields: section.fields.map((field): EnrichedFormField => {\\r\\n const prop = propsMap.get(field.propertyId);\\r\\n const propName = prop?.name;\\r\\n const name =\\r\\n typeof propName === 'string'\\r\\n ? propName\\r\\n : (propName?.[lang] ??\\r\\n propName?.['en'] ??\\r\\n `Property ${field.propertyId}`);\\r\\n\\r\\n return {\\r\\n ...field,\\r\\n name,\\r\\n type: prop?.viewType || 'text',\\r\\n data: prop,\\r\\n };\\r\\n }),\\r\\n }));\\r\\n });\\r\\n\\r\\n // Available properties for toolbox tabs\\r\\n readonly availableTabs = computed(() => {\\r\\n const tabs: Array<{\\r\\n id: string;\\r\\n title: string;\\r\\n properties: PropertyItem[];\\r\\n }> = [];\\r\\n const usedPropertyIds = new Set(\\r\\n this.sections().flatMap((s) => s.fields.map((f) => f.propertyId)),\\r\\n );\\r\\n\\r\\n const availableProps = this.properties().filter(\\r\\n (p) => !usedPropertyIds.has(p.id),\\r\\n );\\r\\n\\r\\n const systemProps = availableProps.filter((p) => p.isSystem);\\r\\n const customProps = availableProps.filter((p) => !p.isSystem);\\r\\n\\r\\n if (systemProps.length > 0) {\\r\\n tabs.push({ id: 'system', title: 'System', properties: systemProps });\\r\\n }\\r\\n if (customProps.length > 0) {\\r\\n tabs.push({ id: 'custom', title: 'Custom', properties: customProps });\\r\\n }\\r\\n\\r\\n return tabs;\\r\\n });\\r\\n\\r\\n constructor() {\\r\\n // Update active tab when tabs change\\r\\n effect(() => {\\r\\n const tabs = this.availableTabs();\\r\\n const currentTab = this.activeTab();\\r\\n if (tabs.length > 0 && !tabs.some((t) => t.id === currentTab)) {\\r\\n this.activeTab.set(tabs[0].id);\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void {\\r\\n const targetSectionId = event.container.id;\\r\\n\\r\\n if (event.previousContainer === event.container) {\\r\\n // Reordering within the same section\\r\\n const field = event.item.data as EnrichedFormField;\\r\\n\\r\\n // Update the field order via API\\r\\n this.facade.updateField(targetSectionId, field.id, {\\r\\n order: event.currentIndex,\\r\\n });\\r\\n } else if (event.previousContainer.id.startsWith('toolbox-')) {\\r\\n // Adding from toolbox\\r\\n const propertyItem = event.item.data as PropertyItem;\\r\\n this.facade.addField(targetSectionId, {\\r\\n propertyId: propertyItem.id,\\r\\n width: '100' as FieldWidth,\\r\\n order: event.currentIndex,\\r\\n hiddenInCreation: false,\\r\\n });\\r\\n } else {\\r\\n // Moving between sections\\r\\n const sourceSectionId = event.previousContainer.id;\\r\\n const field = event.item.data as EnrichedFormField;\\r\\n this.facade.moveField(sourceSectionId, field.id, {\\r\\n targetSectionId,\\r\\n order: event.currentIndex,\\r\\n });\\r\\n }\\r\\n }\\r\\n\\r\\n addSection(): void {\\r\\n this.dialogRef = this.modalService.openModal(FBSectionForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.add-section'),\\r\\n height: '20vw',\\r\\n styleClass: '!w-100 !absolute ',\\r\\n position: 'end',\\r\\n appendTo: '#page-content',\\r\\n modal: true,\\r\\n inputValues: {\\r\\n sectionsCount: this.sections().length,\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n openPreview(): void {\\r\\n this.dialogRef = this.modalService.openModal(FBPreviewForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.preview'),\\r\\n styleClass: '!w-[80vw] ',\\r\\n position: 'end',\\r\\n modal: true,\\r\\n inputValues: {\\r\\n sections: this.enrichedSections(),\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n resetFormConfiguration(): void {\\r\\n this.confirmationService.confirm({\\r\\n type: 'dialog',\\r\\n acceptButtonStyleClass: 'p-button-danger',\\r\\n accept: () => {\\r\\n this.facade.resetFormConfiguration();\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n noReturnPredicate = (): boolean => false;\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n @if (properties().length > 0) {\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"/*\\r\\n * Public API Surface of form-builder\\r\\n */\\r\\n\\r\\nexport * from './lib/form-builder';\\r\\nexport * from './store/form-builder';\\r\\n\",\"/**\\n * Generated bundle index. Do not edit.\\n */\\n\\nexport * from './public-api';\\n\"],\"names\":[\"i1\"],\"mappings\":\";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA;AACA;AACA;MAEa,aAAa,CAAA;AAGf,IAAA,UAAA;AACA,IAAA,QAAA;AACA,IAAA,gBAAA;AACA,IAAA,cAAA;AACA,IAAA,UAAA;AANT,IAAA,OAAgB,IAAI,GAAG,+BAA+B;IACtD,WAAA,CACS,UAAkB,EAClB,QAAyB,EACzB,gBAAyB,EACzB,cAAgC,EAChC,UAAmB,EAAA;QAJnB,IAAA,CAAA,UAAU,GAAV,UAAU;QACV,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACR,IAAA,CAAA,gBAAgB,GAAhB,gBAAgB;QAChB,IAAA,CAAA,cAAc,GAAd,cAAc;QACd,IAAA,CAAA,UAAU,GAAV,UAAU;IAChB;;MAGQ,qBAAqB,CAAA;AAChC,IAAA,OAAgB,IAAI,GAAG,2BAA2B;;AAGpD;AACA;AACA;MAEa,oBAAoB,CAAA;AAC/B,IAAA,OAAgB,IAAI,GAAG,sCAAsC;;MAGlD,sBAAsB,CAAA;AACjC,IAAA,OAAgB,IAAI,GAAG,wCAAwC;;AAGjE;AACA;AACA;MAEa,UAAU,CAAA;AAEF,IAAA,OAAA;AADnB,IAAA,OAAgB,IAAI,GAAG,2BAA2B;AAClD,IAAA,WAAA,CAAmB,OAA0B,EAAA;QAA1B,IAAA,CAAA,OAAO,GAAP,OAAO;IAAsB;;MAGrC,aAAa,CAAA;AAGf,IAAA,SAAA;AACA,IAAA,OAAA;AAHT,IAAA,OAAgB,IAAI,GAAG,8BAA8B;IACrD,WAAA,CACS,SAAiB,EACjB,OAA6B,EAAA;QAD7B,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,OAAO,GAAP,OAAO;IACb;;MAGQ,aAAa,CAAA;AAEL,IAAA,SAAA;AADnB,IAAA,OAAgB,IAAI,GAAG,8BAA8B;AACrD,IAAA,WAAA,CAAmB,SAAiB,EAAA;QAAjB,IAAA,CAAA,SAAS,GAAT,SAAS;IAAW;;AAGzC;AACA;AACA;MAEa,QAAQ,CAAA;AAGV,IAAA,SAAA;AACA,IAAA,OAAA;AAHT,IAAA,OAAgB,IAAI,GAAG,yBAAyB;IAChD,WAAA,CACS,SAAiB,EACjB,OAAwB,EAAA;QADxB,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,OAAO,GAAP,OAAO;IACb;;MAGQ,WAAW,CAAA;AAGb,IAAA,SAAA;AACA,IAAA,OAAA;AACA,IAAA,OAAA;AAJT,IAAA,OAAgB,IAAI,GAAG,4BAA4B;AACnD,IAAA,WAAA,CACS,SAAiB,EACjB,OAAe,EACf,OAA2B,EAAA;QAF3B,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,OAAO,GAAP,OAAO;IACb;;MAGQ,WAAW,CAAA;AAGb,IAAA,SAAA;AACA,IAAA,OAAA;AAHT,IAAA,OAAgB,IAAI,GAAG,4BAA4B;IACnD,WAAA,CACS,SAAiB,EACjB,OAAe,EAAA;QADf,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,OAAO,GAAP,OAAO;IACb;;MAGQ,SAAS,CAAA;AAGX,IAAA,SAAA;AACA,IAAA,OAAA;AACA,IAAA,OAAA;AAJT,IAAA,OAAgB,IAAI,GAAG,0BAA0B;AACjD,IAAA,WAAA,CACS,SAAiB,EACjB,OAAe,EACf,OAAyB,EAAA;QAFzB,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,OAAO,GAAP,OAAO;IACb;;;AC9FL;AACA;AACA;IACY;AAAZ,CAAA,UAAY,oBAAoB,EAAA;;AAE9B,IAAA,oBAAA,CAAA,sBAAA,CAAA,GAAA,sBAA6C;AAC7C,IAAA,oBAAA,CAAA,wBAAA,CAAA,GAAA,wBAAiD;;AAGjD,IAAA,oBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,oBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,oBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;;AAG/B,IAAA,oBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,oBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,oBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,oBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACzB,CAAC,EAfW,oBAAoB,KAApB,oBAAoB,GAAA,EAAA,CAAA,CAAA;;;;;;;;ACqBhC;AACA,MAAM,aAAa,GAA0B;;AAE3C,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,UAAU,EAAE,EAAE;;AAGd,IAAA,iBAAiB,EAAE,IAAI;;AAGvB,IAAA,aAAa,EAAE,EAAE;AACjB,IAAA,MAAM,EAAE,EAAE;CACX;AAOM,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,aAIrC,CAAA;AACS,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;IACzB,OAAO,GAAG,oBAAoB;;;;AAM9B,IAAA,UAAU,CAAC,KAA4B,EAAA;QAC7C,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK;QAClD,OAAO,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE;IACjE;;;;AAOO,IAAP,OAAO,QAAQ,CAAC,KAA4B,EAAA;QAC1C,OAAO,KAAK,IAAI,aAAa;IAC/B;AAGO,IAAP,OAAO,oBAAoB,CACzB,KAA4B,EAAA;AAE5B,QAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,IAAI;IACzC;AAGO,IAAP,OAAO,WAAW,CAAC,KAA4B,EAAA;AAC7C,QAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,IAAI,EAAE;IACjD;AAGO,IAAP,OAAO,aAAa,CAAC,KAA4B,EAAA;AAC/C,QAAA,OAAO,KAAK,EAAE,UAAU,IAAI,IAAI;IAClC;AAGO,IAAP,OAAO,WAAW,CAAC,KAA4B,EAAA;AAC7C,QAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,IAAI;IAChC;;;;IAOA,aAAa,CACX,GAAwC,EACxC,MAAqB,EAAA;QAErB,IAAI,UAAU,GAAG,EAAE;QACnB,IAAI,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,cAAc,EAAE;YACpD,UAAU,GAAG,CAAA,CAAA,EAAI,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,cAAc,CAAA,CAAE;QACrE;AAAO,aAAA,IAAI,MAAM,CAAC,UAAU,EAAE;AAC5B,YAAA,UAAU,GAAG,MAAM,CAAC,UAAU;QAChC;QACA,GAAG,CAAC,UAAU,CAAC;YACb,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,QAAQ,EAAE,MAAM,CAAC,QAAQ;AACzB,YAAA,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,IAAI,IAAI;AACjD,YAAA,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,IAAI;YAC7C,UAAU,EAAE,UAAU,IAAI,EAAE;AAC7B,SAAA,CAAC;IACJ;AAGA,IAAA,UAAU,CAAC,GAAwC,EAAA;AACjD,QAAA,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC7B;;;;AAOA,IAAA,oBAAoB,CAAC,GAAwC,EAAA;AAC3D,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAA8B,OAAO,CAAC;AAEhE,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;YACpB,GAAG,EAAE,oBAAoB,CAAC,oBAAoB;AAC9C,YAAA,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,CAAC,MAAM,EAAE,IAAI,MAAM;gBAC9B,iBAAiB,EAAE,IAAI,IAAI,IAAI;aAChC,CAAC;AACH,SAAA,CAAC;IACJ;AAGA,IAAA,sBAAsB,CAAC,GAAwC,EAAA;AAC7D,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;QAC5B,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,MAAA,CAAQ;QACjD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAA8B,OAAO,CAAC;AAEnE,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,sBAAsB;AAChD,YAAA,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,CAAC,GAAG,EAAE,aAAa,MAAM;AAClC,gBAAA,iBAAiB,EAAE,GAAG,CAAC,IAAI,IAAI,IAAI;aACpC,CAAC;AACH,SAAA,CAAC;IACJ;;;;IAOA,UAAU,CAAC,GAAwC,EAAE,MAAkB,EAAA;AACrE,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;QAC5B,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,SAAA,CAAW;AACpD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAwB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;AAE3E,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,UAAU;AACpC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAI;gBAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAClC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAC9C,GAAG,CAAC,IAAI,CACT;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACF,SAAA,CAAC;IACJ;IAGA,aAAa,CACX,GAAwC,EACxC,MAAqB,EAAA;AAErB,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;AAC5B,QAAA,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,MAAM,CAAC,SAAS,EAAE;AACxE,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAwB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;AAE1E,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,aAAa;AACvC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAI;gBAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CACrC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAC9C,GAAG,CAAC,IAAI,EACR,IAAI,CACL;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACF,SAAA,CAAC;IACJ;IAGA,aAAa,CACX,GAAwC,EACxC,MAAqB,EAAA;AAErB,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;AAC5B,QAAA,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,MAAM,CAAC,SAAS,EAAE;QACxE,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAA2B,OAAO,CAAC;AAEhE,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,aAAa;AACvC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAI;gBAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CACrC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAC9C,GAAG,CAAC,IAAI,CAAC,EAAE,EACX,IAAI,CACL;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACF,SAAA,CAAC;IACJ;;;;IAOA,QAAQ,CAAC,GAAwC,EAAE,MAAgB,EAAA;AACjE,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;AAC5B,QAAA,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,MAAM,CAAC,SAAS,SAAS;AAC/E,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAsB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;;QAGzE,MAAM,MAAM,GAAG,CAAA,KAAA,EAAQ,IAAI,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;AAC9E,QAAA,MAAM,SAAS,GAAc;AAC3B,YAAA,EAAE,EAAE,MAAM;YACV,SAAS,EAAE,MAAM,CAAC,SAAS;AAC3B,YAAA,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU;AACrC,YAAA,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK;AAC3B,YAAA,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;AAChC,YAAA,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,gBAAgB;AACjD,YAAA,QAAQ,EAAE,IAAI;SACf;;AAGD,QAAA,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACpE,CAAC,OAAO,KAAI;YACV,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,EAAE;gBACnC,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;gBAClC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM;gBACzD,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC;AACxC,gBAAA,OAAO,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE;YAC/B;AACA,YAAA,OAAO,OAAO;AAChB,QAAA,CAAC,CACF;QACD,GAAG,CAAC,UAAU,CAAC;AACb,YAAA,iBAAiB,EAAE;gBACjB,GAAG,KAAK,CAAC,iBAAkB;AAC3B,gBAAA,QAAQ,EAAE,gBAAgB;AAC3B,aAAA;AACF,SAAA,CAAC;AAEF,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,QAAQ;AAClC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAI;AAC/B,gBAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,IAAI;;AAEzB,gBAAA,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACnE,CAAC,OAAO,KAAI;oBACV,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,EAAE;wBACnC,OAAO;AACL,4BAAA,GAAG,OAAO;4BACV,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAC3B,CAAC,CAAC,EAAE,KAAK,MAAM,GAAG,QAAQ,GAAG,CAAC,CAC/B;yBACF;oBACH;AACA,oBAAA,OAAO,OAAO;AAChB,gBAAA,CAAC,CACF;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACD,YAAA,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,KAAI;;AAEhC,gBAAA,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACnE,CAAC,OAAO,KAAI;oBACV,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,EAAE;wBACnC,OAAO;AACL,4BAAA,GAAG,OAAO;AACV,4BAAA,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC;yBACtD;oBACH;AACA,oBAAA,OAAO,OAAO;AAChB,gBAAA,CAAC,CACF;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACF,SAAA,CAAC;IACJ;IAGA,WAAW,CAAC,GAAwC,EAAE,MAAmB,EAAA;AACvE,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;AAC5B,QAAA,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,MAAM,CAAC,SAAS,CAAA,QAAA,EAAW,MAAM,CAAC,OAAO,EAAE;AACjG,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAsB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;;QAGxE,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,KAAK,SAAS,EAAE;AACtC,YAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK;AACrC,YAAA,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CAC5D,CAAC,OAAO,KAAI;gBACV,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,EAAE;oBACnC,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;AAClC,oBAAA,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CACnC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAC/B;AACD,oBAAA,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE;AACvB,wBAAA,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC;wBACnD,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,CAAC;oBACxC;AACA,oBAAA,OAAO,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE;gBAC/B;AACA,gBAAA,OAAO,OAAO;AAChB,YAAA,CAAC,CACF;YACD,GAAG,CAAC,UAAU,CAAC;AACb,gBAAA,iBAAiB,EAAE;oBACjB,GAAG,KAAK,CAAC,iBAAkB;oBAC3B,QAAQ;AACT,iBAAA;AACF,aAAA,CAAC;QACJ;AAEA,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,WAAW;AACrC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAI;AAC/B,gBAAA,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI;AAC7B,gBAAA,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACnE,CAAC,OAAO,KAAI;oBACV,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,EAAE;;AAEnC,wBAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KACzC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,GAAG,YAAY,GAAG,CAAC,CAC5C;wBACD,OAAO;AACL,4BAAA,GAAG,OAAO;AACV,4BAAA,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;yBACxD;oBACH;AACA,oBAAA,OAAO,OAAO;AAChB,gBAAA,CAAC,CACF;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACD,YAAA,OAAO,EAAE,CAAC,MAAM,EAAE,aAAa,KAAI;;gBAEjC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,KAAK,SAAS,EAAE;oBACtC,OAAO;wBACL,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;qBAC3C;gBACH;AACA,gBAAA,OAAO,EAAE;YACX,CAAC;AACF,SAAA,CAAC;IACJ;IAGA,WAAW,CAAC,GAAwC,EAAE,MAAmB,EAAA;AACvE,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;AAC5B,QAAA,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,MAAM,CAAC,SAAS,CAAA,QAAA,EAAW,MAAM,CAAC,OAAO,EAAE;QACjG,MAAM,IAAI,GACR,IAAI,CAAC,IAAI,CAAC,MAAM,CAA8C,OAAO,CAAC;;AAGxE,QAAA,MAAM,oBAAoB,GAAG,CAAC,KAAK,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACxE,CAAC,OAAO,KAAI;YACV,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,EAAE;gBACnC,OAAO;AACL,oBAAA,GAAG,OAAO;AACV,oBAAA,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAC3B,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,GAAG,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,CACxD;iBACF;YACH;AACA,YAAA,OAAO,OAAO;AAChB,QAAA,CAAC,CACF;QACD,GAAG,CAAC,UAAU,CAAC;AACb,YAAA,iBAAiB,EAAE;gBACjB,GAAG,KAAK,CAAC,iBAAkB;AAC3B,gBAAA,QAAQ,EAAE,oBAAoB;AAC/B,aAAA;AACF,SAAA,CAAC;AAEF,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,WAAW;AACrC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAI;gBAC/B,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC,IAAI;AAC7C,gBAAA,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACnE,CAAC,OAAO,KAAI;AACV,oBAAA,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;wBAC5B,OAAO;AACL,4BAAA,GAAG,OAAO;AACV,4BAAA,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC;yBACzD;oBACH;AACA,oBAAA,OAAO,OAAO;AAChB,gBAAA,CAAC,CACF;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACD,YAAA,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,KAAI;;AAEhC,gBAAA,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACnE,CAAC,OAAO,KAAI;oBACV,IAAI,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,SAAS,EAAE;wBACnC,OAAO;AACL,4BAAA,GAAG,OAAO;AACV,4BAAA,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAC3B,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,GAAG,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,CACzD;yBACF;oBACH;AACA,oBAAA,OAAO,OAAO;AAChB,gBAAA,CAAC,CACF;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACF,SAAA,CAAC;IACJ;IAGA,SAAS,CAAC,GAAwC,EAAE,MAAiB,EAAA;AACnE,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;AAC5B,QAAA,MAAM,OAAO,GAAG,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,UAAA,EAAa,MAAM,CAAC,SAAS,CAAA,QAAA,EAAW,MAAM,CAAC,OAAO,OAAO;AACtG,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAsB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;;AAGxE,QAAA,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS;AACxC,QAAA,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe;QACtD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;QAE7C,IAAI,cAAc,GAAqB,IAAI;AAC3C,QAAA,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACtE,CAAC,OAAO,KAAI;AACV,YAAA,IAAI,OAAO,CAAC,EAAE,KAAK,eAAe,EAAE;gBAClC,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CACrC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAC/B;gBACD,IAAI,WAAW,EAAE;oBACf,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;gBACzD;gBACA,OAAO;AACL,oBAAA,GAAG,OAAO;AACV,oBAAA,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC;iBAC9D;YACH;AACA,YAAA,OAAO,OAAO;AAChB,QAAA,CAAC,CACF;;QAGD,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;YAC3D,IAAI,OAAO,CAAC,EAAE,KAAK,eAAe,IAAI,cAAc,EAAE;gBACpD,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;gBAClC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,cAAc,CAAC;AAC7C,gBAAA,OAAO,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE;YAC/B;AACA,YAAA,OAAO,OAAO;AAChB,QAAA,CAAC,CAAC;QAEF,GAAG,CAAC,UAAU,CAAC;AACb,YAAA,iBAAiB,EAAE;gBACjB,GAAG,KAAK,CAAC,iBAAkB;AAC3B,gBAAA,QAAQ,EAAE,iBAAiB;AAC5B,aAAA;AACF,SAAA,CAAC;AAEF,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,oBAAoB,CAAC,SAAS;AACnC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,KAAI;AAC/B,gBAAA,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI;AAC3B,gBAAA,MAAM,QAAQ,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,CACnE,CAAC,OAAO,KAAI;;AAEV,oBAAA,IAAI,OAAO,CAAC,EAAE,KAAK,eAAe,EAAE;wBAClC,OAAO;AACL,4BAAA,GAAG,OAAO;4BACV,MAAM,EAAE,OAAO,CAAC;iCACb,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,GAAG,UAAU,GAAG,CAAC,CAAC;AACpD,iCAAA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;yBACrC;oBACH;AACA,oBAAA,OAAO,OAAO;AAChB,gBAAA,CAAC,CACF;gBACD,OAAO;AACL,oBAAA,iBAAiB,EAAE;wBACjB,GAAG,YAAY,CAAC,iBAAkB;wBAClC,QAAQ;AACT,qBAAA;iBACF;YACH,CAAC;AACD,YAAA,OAAO,EAAE,CAAC,MAAM,EAAE,aAAa,KAAI;;gBAEjC,OAAO;oBACL,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;iBAC3C;YACH,CAAC;AACF,SAAA,CAAC;IACJ;uGAzgBW,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAhB,gBAAgB,EAAA,CAAA;;AAqD3B,UAAA,CAAA;IADC,MAAM,CAAC,aAAa;AAkBpB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,qBAAqB;AAG5B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,IAAA,CAAA;AAOD,UAAA,CAAA;IADC,MAAM,CAAC,oBAAoB;AAa3B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,sBAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,sBAAsB;AAc7B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,IAAA,CAAA;AAOD,UAAA,CAAA;IADC,MAAM,CAAC,UAAU;AAuBjB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,aAAa;AA2BpB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,aAAa;AA2BpB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAOD,UAAA,CAAA;IADC,MAAM,CAAC,QAAQ;AAqFf,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,WAAW;AAuElB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,WAAW;AA2ElB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,SAAS;AAiFhB,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,IAAA,CAAA;AAnfM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAKR,CAAA,EAAA,gBAAA,EAAA,sBAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,IAAA,CAAA;AA9CU,gBAAgB,GAAA,UAAA,CAAA;AAL5B,IAAA,KAAK,CAAwB;AAC5B,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,QAAQ,EAAE,aAAa;KACxB;AAEY,CAAA,EAAA,gBAAgB,CA0gB5B;2FA1gBY,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B;;;MCpBY,iBAAiB,CAAA;AACX,IAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;;;;AAMrB,IAAA,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAEvD,IAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;AACjE,IAAA,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC;AAC/C,IAAA,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,aAAa,CAAC;AACnD,IAAA,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC;;;;IAM/C,0BAA0B,GAAG,QAAQ,CAAC,MAC7C,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CACvC,oBAAoB,CAAC,oBAAoB,CAC1C,sEACF;IAEQ,4BAA4B,GAAG,QAAQ,CAAC,MAC/C,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CACvC,oBAAoB,CAAC,sBAAsB,CAC5C,wEACF;IAEQ,eAAe,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,UAAU,CAAC,2DAC3E;IAEQ,iBAAiB,GAAG,QAAQ,CAAC,MACpC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CACvC,oBAAoB,CAAC,aAAa,CACnC,6DACF;IAEQ,iBAAiB,GAAG,QAAQ,CAAC,MACpC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CACvC,oBAAoB,CAAC,aAAa,CACnC,6DACF;IAEQ,aAAa,GAAG,QAAQ,CAAC,MAChC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,yDACzE;IAEQ,eAAe,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,WAAW,CAAC,2DAC5E;IAEQ,eAAe,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,WAAW,CAAC,2DAC5E;IAEQ,aAAa,GAAG,QAAQ,CAAC,MAChC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,SAAS,CAAC,yDAC1E;;;;AAMQ,IAAA,sBAAsB,GAAG,QAAQ,CACxC,MACE,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,oBAAoB,CAAC;AACpE,QAAA,IAAI,kEACP;AAEQ,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM;AACxC,QAAA,QACE,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC;AACvC,YAAA,MAAM,CAAC,oBAAoB,CAAC,aAAa,CAAC;AAC1C,YAAA,MAAM,CAAC,oBAAoB,CAAC,aAAa,CAAC;AAC1C,YAAA,IAAI;AAER,IAAA,CAAC,wDAAC;AAEO,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM;AACxC,QAAA,QACE,MAAM,CAAC,oBAAoB,CAAC,QAAQ,CAAC;AACrC,YAAA,MAAM,CAAC,oBAAoB,CAAC,WAAW,CAAC;AACxC,YAAA,MAAM,CAAC,oBAAoB,CAAC,WAAW,CAAC;AACxC,YAAA,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC;AACtC,YAAA,IAAI;AAER,IAAA,CAAC,sDAAC;;;;IAMF,aAAa,CACX,UAAkB,EAClB,QAAyB,EACzB,gBAAyB,EACzB,cAAgC,EAChC,UAAmB,EAAA;QAEnB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CACxB,IAAI,aAAa,CACf,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,UAAU,CACX,CACF;IACH;IAEA,UAAU,GAAA;QACR,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,qBAAqB,EAAE,CAAC;IACzD;;;;IAMA,oBAAoB,GAAA;QAClB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,oBAAoB,EAAE,CAAC;IACxD;IAEA,sBAAsB,GAAA;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,sBAAsB,EAAE,CAAC;IAC1D;;;;AAMA,IAAA,UAAU,CAAC,OAA0B,EAAA;AACnC,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;IACrD;IAEA,aAAa,CAAC,SAAiB,EAAE,OAA6B,EAAA;AAC5D,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACnE;AAEA,IAAA,aAAa,CAAC,SAAiB,EAAA;AAC7B,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1D;;;;IAMA,QAAQ,CAAC,SAAiB,EAAE,OAAwB,EAAA;AAClD,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9D;AAEA,IAAA,WAAW,CAAC,SAAiB,EAAE,OAAe,EAAE,OAA2B,EAAA;AACzE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1E;IAEA,WAAW,CAAC,SAAiB,EAAE,OAAe,EAAA;AAC5C,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACjE;AAEA,IAAA,SAAS,CAAC,SAAiB,EAAE,OAAe,EAAE,OAAyB,EAAA;AACrE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACxE;uGArKW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cADJ,MAAM,EAAA,CAAA;;2FACnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;AC1BlC;;;AAGG;AAOH;;AAEG;AACI,MAAM,6BAA6B,GAA4B;AACpE,IAAA;AACE,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,kBAAkB;AAC/B,QAAA,SAAS,EAAE;AACT,YAAA;AACE,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,WAAW,EAAE,wCAAwC;AACrD,gBAAA,SAAS,EAAE,oBAAoB;AAC/B,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,WAAW;AACjB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,6BAA6B;AAC1C,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,QAAQ,EAAE;oBACR,8BAA8B;oBAC9B,4BAA4B;AAC7B,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,WAAW,EAAE,wCAAwC;AACrD,gBAAA,SAAS,EAAE,oBAAoB;AAC/B,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,WAAW;AACjB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,4BAA4B;AACzC,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,QAAQ,EAAE,CAAC,8BAA8B,EAAE,0BAA0B,CAAC;AACvE,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,WAAW,EAAE,2CAA2C;AACxD,gBAAA,SAAS,EAAE,uBAAuB;AAClC,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,WAAW;AACjB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,8BAA8B;AAC3C,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,QAAQ,EAAE;oBACR,+BAA+B;oBAC/B,mCAAmC;AACpC,iBAAA;AACF,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,WAAW;AACjB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,WAAW,EAAE,0CAA0C;AACvD,gBAAA,SAAS,EAAE,sBAAsB;AACjC,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,WAAW;AACjB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,6BAA6B;AAC1C,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,QAAQ,EAAE;oBACR,+BAA+B;oBAC/B,6BAA6B;AAC9B,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,WAAW,EAAE,eAAe;AAC5B,QAAA,SAAS,EAAE;AACT,YAAA;AACE,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,WAAW,EAAE,yCAAyC;AACtD,gBAAA,SAAS,EAAE,6BAA6B;AACxC,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,YAAY;AAClB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,iBAAiB;AAC9B,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACD,oBAAA;AACE,wBAAA,IAAI,EAAE,YAAY;AAClB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,kBAAkB;AAC/B,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;gBACrB,QAAQ,EAAE,CAAC,yCAAyC,CAAC;AACtD,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,IAAI;AACV,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,WAAW,EAAE,uCAAuC;AACpD,gBAAA,SAAS,EAAE,4BAA4B;AACvC,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,YAAY;AAClB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,iBAAiB;AAC9B,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACD,oBAAA;AACE,wBAAA,IAAI,EAAE,YAAY;AAClB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,kBAAkB;AAC/B,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;gBACrB,QAAQ,EAAE,CAAC,+CAA+C,CAAC;AAC5D,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,WAAW,EAAE,uCAAuC;AACpD,gBAAA,SAAS,EAAE,gBAAgB;AAC3B,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,WAAW;AACjB,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,WAAW,EAAE,yBAAyB;AACtC,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;gBACrB,QAAQ,EAAE,CAAC,mBAAmB,CAAC;AAChC,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,WAAW,EAAE,wCAAwC;AACrD,gBAAA,SAAS,EAAE,eAAe;AAC1B,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,WAAW,EAAE,oBAAoB;AACjC,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;gBACrB,QAAQ,EAAE,CAAC,sBAAsB,CAAC;AACnC,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,WAAW,EAAE,iDAAiD;AAC9D,gBAAA,SAAS,EAAE,wBAAwB;AACnC,gBAAA,UAAU,EAAE;AACV,oBAAA;AACE,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,uBAAuB;AACpC,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACD,oBAAA;AACE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,0BAA0B;AACvC,wBAAA,QAAQ,EAAE,IAAI;AACf,qBAAA;AACF,iBAAA;AACD,gBAAA,UAAU,EAAE,SAAS;gBACrB,QAAQ,EAAE,CAAC,4BAA4B,CAAC;AACzC,aAAA;AACF,SAAA;AACF,KAAA;CACF;AAED;;AAEG;AACI,MAAM,mBAAmB,GAAyB;;AAEvD,IAAA;AACE,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,WAAW;AACxB,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,IAAI,EAAE,kBAAkB;AACxB,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,uBAAuB;AACpC,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,oBAAoB;AACjC,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;;AAED,IAAA;AACE,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;AACD,IAAA;AACE,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,WAAW,EAAE,YAAY;AACzB,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;CACF;;AChOD;;;;;AAKG;MAaU,iBAAiB,CAAA;AACT,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACrC,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;;;AAI9B,IAAA,cAAc,GAAG,KAAK,CAAS,EAAE,0DAAC;;AAGlC,IAAA,eAAe,GAAG,KAAK,CAA2B,EAAE,2DAAC;;AAGrD,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;;AAG1B,IAAA,cAAc,GAAG,IAAI,WAAW,CAAiB,EAAE,CAAC;;AAG5C,IAAA,SAAS,GAAG,SAAS,CAAgB,QAAQ,qDAAC;;IAGtD,kBAAkB,GAAG,6BAA6B;IAClD,SAAS,GAAG,mBAAmB;;IAG/B,YAAY,GAAG,QAAQ,CAAC,MAC/B,IAAI,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CACzC;;AAGQ,IAAA,aAAa,GAAG;AACvB,QAAA,SAAS,EAAE,WAAW;AACtB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,SAAS,EAAE,WAAW;AACtB,QAAA,qBAAqB,EAAE,qBAAqB;KAC7C;IAED,QAAQ,GAAA;;AAEN,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE;QACrC,IAAI,OAAO,EAAE;AACX,YAAA,IAAI;gBACF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAmB;AACpD,gBAAA,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC;YACxC;AAAE,YAAA,MAAM;;YAER;QACF;IACF;;AAGA,IAAA,aAAa,CAAC,KAAiB,EAAA;AAC7B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE;QAC/B,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACxB;IACF;IAEA,MAAM,GAAA;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,IAAI,EAAE;QAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE;AAC/D,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,yBAAyB,EAAE,OAAO,EAAE,CAAC;IACrE;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;IAClC;uGAlEW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvD9B,+nCAmCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDYI,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACN,cAAc,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,aAAa,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,cAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIJ,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;+BACE,wBAAwB,EAAA,UAAA,EACtB,IAAI,EAAA,OAAA,EACP;wBACP,kBAAkB;wBAClB,mBAAmB;wBACnB,MAAM;wBACN,cAAc;wBACd,aAAa;AACd,qBAAA,EAAA,QAAA,EAAA,+nCAAA,EAAA;iSAqBqD,QAAQ,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;ME9BnD,WAAW,CAAA;AACL,IAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAClC,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACrC,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;AACtB,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;;AAG1C,IAAA,SAAS,GAAG,KAAK,CAAS,EAAE,qDAAC;AAC7B,IAAA,WAAW,GAAG,KAAK,CAA2B,IAAI,uDAAC;;AAEnD,IAAA,WAAW,GAAG,KAAK,CAAwB,EAAE,uDAAC;;AAG9C,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;AAC1B,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;AACxB,IAAA,yBAAyB,GAAG,MAAM,CAAS,EAAE,qEAAC;AAC/C,IAAA,mBAAmB;AAE3B;;;AAGG;AACM,IAAA,eAAe,GAAG,QAAQ,CAA2B,MAAK;AACjE,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE;QACvC,MAAM,MAAM,GAA6B,EAAE;AAE3C,QAAA,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;AAC9B,YAAA,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;;gBAElC,IAAI,YAAY,IAAI,KAAK,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE;oBAAE;gBAElD,MAAM,CAAC,IAAI,CAAC;oBACV,GAAG,EAAE,KAAK,CAAC,IAAI;oBACf,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;AACjB,iBAAA,CAAC;YACJ;QACF;AAEA,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,2DAAC;;AAGO,IAAA,WAAW,GAAG,IAAI,WAAW,EAAE;AAC/B,IAAA,eAAe,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AACxC,IAAA,UAAU,GAAsB;AACvC,QAAA,QAAQ,EAAE;AACR,YAAA;AACE,gBAAA,GAAG,EAAE,cAAc;AACnB,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,OAAO,EAAE,EAAE;AACX,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE;AACN,oBAAA;AACE,wBAAA,GAAG,EAAE,YAAY;wBACjB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,yBAAyB,CAAC;AAC1D,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;AACT,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,kBAAkB;wBACvB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,gCAAgC,CAAC;AACjE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;AACT,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,kBAAkB;wBACvB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,iCAAiC,CAAC;AAClE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;AACT,qBAAA;AACD,oBAAA,IAAI,qBAAqB,CAAC;AACxB,wBAAA,GAAG,EAAE,MAAM;wBACX,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,CAAC;wBACnD,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,CAAC;AACzD,wBAAA,OAAO,EAAE;AACP,4BAAA,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;AACtB,4BAAA,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;AACtB,4BAAA,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE;AACvB,yBAAA;AACD,wBAAA,KAAK,EAAE,CAAC;AACR,wBAAA,IAAI,EAAE,OAAO;qBACd,CAAC;AACH,iBAAA;AACF,aAAA;AACF,SAAA;KACF;AAED,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE;YAC/B,IAAI,IAAI,EAAE;AACR,gBAAA,MAAM,WAAW,GAA2B;AAC1C,oBAAA,IAAI,EAAE,GAAG;AACT,oBAAA,IAAI,EAAE,GAAG;AACT,oBAAA,KAAK,EAAE,GAAG;iBACX;AACD,gBAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;AAC1B,oBAAA,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK;AACpC,oBAAA,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,KAAK;AAChD,oBAAA,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,KAAK;oBAChD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG;AACrC,iBAAA,CAAC;;gBAEF,IAAI,CAAC,eAAe,CAAC,UAAU,CAC7B,IAAI,CAAC,6BAA6B,IAAI,KAAK,CAC5C;gBACD,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAChC,IAAI,CAAC,yBAAyB,IAAI,EAAE,CACrC;YACH;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;AAE9B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK;AACxC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAElC,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS;YAAE;AAE1B,QAAA,MAAM,QAAQ,GAA+B;AAC3C,YAAA,CAAC,EAAE,IAAI;AACP,YAAA,CAAC,EAAE,IAAI;AACP,YAAA,CAAC,EAAE,KAAK;SACT;AAED,QAAA,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK;AACxC,YAAA,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,IAAI,KAAK;AACrD,YAAA,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,IAAI,KAAK;AACrD,YAAA,UAAU,EAAE,SAAS,CAAC,UAAU,IAAI,KAAK;AACzC,YAAA,6BAA6B,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,KAAK;AAClE,YAAA,yBAAyB,EAAE,IAAI,CAAC,eAAe,CAAC;AAC9C,kBAAE,IAAI,CAAC,yBAAyB;AAChC,kBAAE,IAAI;SACT;AAED,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,QAAA,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC;YAC9D,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;YAChC,KAAK,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,SAAA,CAAC;IACJ;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;IACvB;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CACpD,iBAAiB,EACjB,QAAQ,EACR;YACE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,4BAA4B,CAAC;AAC9D,YAAA,UAAU,EAAE,kCAAkC;AAC9C,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,QAAQ,EAAE,eAAe;AACzB,YAAA,WAAW,EAAE;AACX,gBAAA,cAAc,EAAE,IAAI,CAAC,yBAAyB,EAAE;AAChD,gBAAA,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE;AACxC,aAAA;AACF,SAAA,CACF;QAED,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,SAAS,CACxC,CAAC,MAA8D,KAAI;AACjE,YAAA,IAAI,MAAM,EAAE,KAAK,EAAE;gBACjB,IAAI,CAAC,yBAAyB,CAAC,GAAG,CAChC,MAAM,CAAC,yBAAyB,IAAI,EAAE,CACvC;YACH;AACF,QAAA,CAAC,CACF;IACH;AAEA,IAAA,QAAQ,CAAC,KAAY,EAAA;AACnB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE;AAChC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAElC,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS;YAAE;AAE1B,QAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACrC,KAAK;AACL,YAAA,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAK;AACX,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,gBAAA,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC;oBACrD,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;oBAChC,KAAK,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AACtC,iBAAA,CAAC;YACJ,CAAC;AACF,SAAA,CAAC;IACJ;uGA5MW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3CxB,g5DA2DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDxBI,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACN,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,eAAA,EAAA,aAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIF,WAAW,EAAA,UAAA,EAAA,CAAA;kBAZvB,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP;wBACP,kBAAkB;wBAClB,mBAAmB;wBACnB,WAAW;wBACX,MAAM;wBACN,WAAW;AACZ,qBAAA,EAAA,QAAA,EAAA,g5DAAA,EAAA;;;MEvBU,aAAa,CAAA;AACP,IAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAClC,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACrC,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;AACtB,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;;AAG1C,IAAA,SAAS,GAAG,KAAK,CAAgB,IAAI,qDAAC;AACtC,IAAA,WAAW,GAAG,KAAK,CAAoC,IAAI,uDAAC;AAC5D,IAAA,aAAa,GAAG,KAAK,CAAS,CAAC,yDAAC;;AAGhC,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;AAC1B,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;;AAGxB,IAAA,WAAW,GAAG,IAAI,WAAW,EAAE;AAC/B,IAAA,UAAU,GAAsB;AACvC,QAAA,QAAQ,EAAE;AACR,YAAA;AACE,gBAAA,GAAG,EAAE,cAAc;AACnB,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,OAAO,EAAE,EAAE;AACX,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,MAAM,EAAE;AACN,oBAAA;AACE,wBAAA,GAAG,EAAE,SAAS;wBACd,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,qBAAqB,CAAC;AACtD,wBAAA,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,qBAAqB,CAAC;AAC5D,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;AACT,qBAAA;AACD,oBAAA;AACE,wBAAA,GAAG,EAAE,SAAS;wBACd,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,qBAAqB,CAAC;AACtD,wBAAA,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,qBAAqB,CAAC;AAC5D,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;AACT,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;KACF;AAED,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE;YAC/B,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;oBAC1B,SAAS,EAAE,IAAI,CAAC,EAAE;oBAClB,SAAS,EAAE,IAAI,CAAC,EAAE;AACnB,iBAAA,CAAC;YACJ;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;AAE9B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK;AACxC,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,IAAI,EAAE;AACJ,gBAAA,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC;AACxB,gBAAA,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC;AACzB,aAAA;SACF;AAED,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;QAElC,IAAI,SAAS,EAAE;;YAEb,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC;gBACtD,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBAChC,KAAK,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,aAAA,CAAC;QACJ;aAAO;;AAEL,YAAA,IAAI,CAAC;AACF,iBAAA,UAAU,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE;AACtD,iBAAA,SAAS,CAAC;gBACT,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;gBAChC,KAAK,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,aAAA,CAAC;QACN;IACF;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;IACvB;AAEA,IAAA,QAAQ,CAAC,KAAY,EAAA;AACnB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAClC,QAAA,IAAI,CAAC,SAAS;YAAE;AAEhB,QAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACrC,KAAK;AACL,YAAA,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAK;AACX,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;gBACvB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC;oBAC7C,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;oBAChC,KAAK,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AACtC,iBAAA,CAAC;YACJ,CAAC;AACF,SAAA,CAAC;IACJ;uGA7GW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB1B,mrCAsCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDxBY,kBAAkB,+LAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAG3D,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,mrCAAA,EAAA;;;ME+B5D,SAAS,CAAA;AACH,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACnC,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC3C,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;;AAG1C,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAuB;AAC/C,IAAA,aAAa,GAAG,KAAK,CAAS,CAAC,yDAAC;;AAEhC,IAAA,WAAW,GAAG,KAAK,CAAwB,EAAE,uDAAC;;IAG9C,WAAW,GAAG,MAAM,EAAoC;;AAGxD,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAmB;AACzD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AACjD,IAAA,CAAC,uDAAC;AAEO,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,kDAAC;;AAG9C,IAAA,QAAQ,GAAG,MAAM,CAAC,IAAI,oDAAC;;AAGf,IAAA,eAAe,GAAG,IAAI,GAAG,EAAqB;AAE/D,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;YACV,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YAC1D,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EAAE;gBAC5C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AACvB,oBAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;gBACjC;YACF;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,YAAY,CAAC,KAAwB,EAAA;AACnC,QAAA,IAAI,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QAE3C,IAAI,EAAE,EAAE;;YAEN,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;AAC5B,gBAAA,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1C,MAAM,KAAK,GAAG,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI;gBAE/D,EAAE,GAAG,IAAI,SAAS,CAAC;oBACjB,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AACrC,iBAAA,CAAC;gBACF,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC;YACxC;QACF;aAAO;YACL,EAAE,GAAG,IAAI,SAAS,CAAC;AACjB,gBAAA,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;AAChD,aAAA,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC;QACxC;AAEA,QAAA,OAAO,EAAE;IACX;IAEA,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACjC;AAEA,IAAA,MAAM,CAAC,KAAuC,EAAA;AAC5C,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9B;AAEA,IAAA,WAAW,CAAC,KAAY,EAAA;QACtB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAE9B,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,aAAa,EAAE,QAAQ,EAAE;YACnD,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,0BAA0B,CAAC;AACnE,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,oBAAoB;AAChC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,eAAe;AACzB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,WAAW,EAAE;gBACX,SAAS,EAAE,OAAO,CAAC,EAAE;gBACrB,WAAW,EAAE,OAAO,CAAC,IAAI;AACzB,gBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;AACpC,aAAA;AACF,SAAA,CAAC;IACJ;IAEA,WAAW,CAAC,KAAY,EAAE,KAAwB,EAAA;AAChD,QAAA,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACrC,KAAK;AACL,YAAA,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAK;AACX,gBAAA,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;YACtD,CAAC;AACF,SAAA,CAAC;IACJ;AAEA,IAAA,SAAS,CAAC,KAAwB,EAAA;QAChC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE;YACjD,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,4BAA4B,CAAC;AACrE,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,+BAA+B;AAC3C,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,QAAQ,EAAE,eAAe;AACzB,YAAA,WAAW,EAAE;AACX,gBAAA,WAAW,EAAE,KAAK;AAClB,gBAAA,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;AAC5B,gBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAChC,aAAA;AACF,SAAA,CAAC;IACJ;AAEA,IAAA,eAAe,CAAC,KAAwB,EAAA;AACtC,QAAA,QAAQ,KAAK,CAAC,KAAK;AACjB,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,aAAa;AACtB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,YAAY;AACrB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,YAAY;AACrB,YAAA;AACE,gBAAA,OAAO,aAAa;;IAE1B;AAEA,IAAA,YAAY,CAAC,KAAwB,EAAA;AACnC,QAAA,MAAM,OAAO,GAA2B;AACtC,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,QAAQ,EAAE,cAAc;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,iBAAiB,EAAE,QAAQ;AAC3B,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,WAAW,EAAE,QAAQ;AACrB,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,UAAU,EAAE,YAAY;AACxB,YAAA,gBAAgB,EAAE,iBAAiB;AACnC,YAAA,SAAS,EAAE,iBAAiB;AAC5B,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,QAAQ,EAAE,QAAQ;SACnB;QAED,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM;IACtC;uGA7JW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,qhBC7CtB,kkKAkIA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjGI,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACN,IAAI,+FACJ,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,WAAW,shBACX,kBAAkB,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,YAAY,kGACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIV,SAAS,EAAA,UAAA,EAAA,CAAA;kBAhBrB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,OAAA,EACP;wBACP,MAAM;wBACN,IAAI;wBACJ,IAAI;wBACJ,OAAO;wBACP,WAAW;wBACX,kBAAkB;wBAClB,kBAAkB;wBAClB,YAAY;wBACZ,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,kkKAAA,EAAA;;;MEjBU,aAAa,CAAA;AACL,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACrC,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;AACtB,IAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;;AAG5C,IAAA,QAAQ,GAAG,KAAK,CAAwB,EAAE,oDAAC;;AAG3C,IAAA,SAAS,GAAG,MAAM,CAAc,QAAQ,qDAAC;AACzC,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC;AACzB,IAAA,UAAU,GAAG;AACpB,QAAA;YACE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,yBAAyB,CAAC;AAC1D,YAAA,KAAK,EAAE,QAAQ;AAChB,SAAA;AACD,QAAA,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;KAC5E;;AAGQ,IAAA,WAAW,GAAG,IAAI,WAAW,EAAE;AAExC,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,YAAA,UAAU,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;AACjD,QAAA,CAAC,CAAC;IACJ;;AAGS,IAAA,UAAU,GAAG,QAAQ,CAAoB,MAAK;AACrD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;QAE7B,OAAO;AACL,YAAA,QAAQ,EAAE;AACP,iBAAA,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAI;AAC7B,gBAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAmB;AACzD,gBAAA,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;gBAGlE,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,KAAI;AACpD,oBAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACrB,wBAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB;oBAChC;yBAAO;AACL,wBAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB;oBAChC;AACF,gBAAA,CAAC,CAAC;gBAEF,OAAO;oBACL,GAAG,EAAE,OAAO,CAAC,EAAE;AACf,oBAAA,KAAK,EAAE,WAAW;AAClB,oBAAA,IAAI,EAAE,QAAiB;AACvB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,YAAY;oBACpC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAI;wBAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;wBAE5C,OAAO;AACL,4BAAA,GAAG,EAAE,CAAA,MAAA,EAAS,KAAK,CAAC,UAAU,CAAA,CAAE;4BAChC,KAAK,EAAE,KAAK,CAAC,IAAI;4BACjB,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;4BACnC,OAAO;AACP,4BAAA,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU;4BAChC,WAAW,EAAE,KAAK,CAAC,IAAI;yBACF;AACzB,oBAAA,CAAC,CAAC;iBACH;AACH,YAAA,CAAC;AACA,iBAAA,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;SAClD;AACH,IAAA,CAAC,sDAAC;AAEF;;AAEG;AACK,IAAA,YAAY,CAAC,QAAgB,EAAA;AACnC,QAAA,MAAM,OAAO,GAA2B;AACtC,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,aAAa,EAAE,aAAa;AAC5B,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,aAAa,EAAE,aAAa;SAC7B;QAED,OAAO,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,IAAI,MAAM;IACnD;AAEA;;AAEG;AACK,IAAA,UAAU,CAAC,KAAa,EAAA;AAC9B,QAAA,MAAM,QAAQ,GAA2B;AACvC,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,KAAK,EAAE,EAAE;SACV;AAED,QAAA,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE;IAC9B;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;IAClB;uGAnHW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzB1B,0rCA+BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,kBAAkB,+LAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGzD,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,WAAW,EAAE,IAAI,CAAC,EAAA,QAAA,EAAA,0rCAAA,EAAA;;;MEkB1D,WAAW,CAAA;AACL,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACnC,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAE7C,IAAA,SAAS;;AAGR,IAAA,UAAU,GAAG,KAAK,CAAiB,EAAE,sDAAC;;AAGtC,IAAA,SAAS,GAAG,MAAM,CAAS,QAAQ,qDAAC;;AAGpC,IAAA,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ;AAC/B,IAAA,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,0BAA0B;AAClD,IAAA,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,sBAAsB;;AAGlC,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAwB;QAC3C,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACpC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC;QACxB;AACA,QAAA,OAAO,GAAG;AACZ,IAAA,CAAC,yDAAC;;AAGO,IAAA,gBAAgB,GAAG,QAAQ,CAAwB,MAAK;AAC/D,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE;AACrC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAmB;QAEzD,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MAAM;AAChC,YAAA,GAAG,OAAO;YACV,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAuB;gBACtD,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC;AAC3C,gBAAA,MAAM,QAAQ,GAAG,IAAI,EAAE,IAAI;AAC3B,gBAAA,MAAM,IAAI,GACR,OAAO,QAAQ,KAAK;AAClB,sBAAE;AACF,uBAAG,QAAQ,GAAG,IAAI,CAAC;wBACjB,QAAQ,GAAG,IAAI,CAAC;AAChB,wBAAA,CAAA,SAAA,EAAY,KAAK,CAAC,UAAU,CAAA,CAAE,CAAC;gBAErC,OAAO;AACL,oBAAA,GAAG,KAAK;oBACR,IAAI;AACJ,oBAAA,IAAI,EAAE,IAAI,EAAE,QAAQ,IAAI,MAAM;AAC9B,oBAAA,IAAI,EAAE,IAAI;iBACX;AACH,YAAA,CAAC,CAAC;AACH,SAAA,CAAC,CAAC;AACL,IAAA,CAAC,4DAAC;;AAGO,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;QACrC,MAAM,IAAI,GAIL,EAAE;AACP,QAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAC7B,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAClE;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,CAC7C,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAClC;AAED,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;AAC5D,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;AAE7D,QAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;QACvE;AACA,QAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1B,YAAA,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;QACvE;AAEA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,yDAAC;AAEF,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;AACjC,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE;YACnC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE;AAC7D,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAChC;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,IAAI,CAAC,KAAwD,EAAA;AAC3D,QAAA,MAAM,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE;QAE1C,IAAI,KAAK,CAAC,iBAAiB,KAAK,KAAK,CAAC,SAAS,EAAE;;AAE/C,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAyB;;YAGlD,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,EAAE;gBACjD,KAAK,EAAE,KAAK,CAAC,YAAY;AAC1B,aAAA,CAAC;QACJ;aAAO,IAAI,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;;AAE5D,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAoB;AACpD,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE;gBACpC,UAAU,EAAE,YAAY,CAAC,EAAE;AAC3B,gBAAA,KAAK,EAAE,KAAmB;gBAC1B,KAAK,EAAE,KAAK,CAAC,YAAY;AACzB,gBAAA,gBAAgB,EAAE,KAAK;AACxB,aAAA,CAAC;QACJ;aAAO;;AAEL,YAAA,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE;AAClD,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAyB;YAClD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,EAAE;gBAC/C,eAAe;gBACf,KAAK,EAAE,KAAK,CAAC,YAAY;AAC1B,aAAA,CAAC;QACJ;IACF;IAEA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,aAAa,EAAE,QAAQ,EAAE;YACpE,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,yBAAyB,CAAC;AAClE,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,oBAAoB;AAChC,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,eAAe;AACzB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,WAAW,EAAE;AACX,gBAAA,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,MAAM;AACtC,aAAA;AACF,SAAA,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,aAAa,EAAE,QAAQ,EAAE;YACpE,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,qBAAqB,CAAC;AAC9D,YAAA,UAAU,EAAE,cAAc;AAC1B,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,WAAW,EAAE;AACX,gBAAA,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE;AAClC,aAAA;AACF,SAAA,CAAC;IACJ;IAEA,sBAAsB,GAAA;AACpB,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;AAC/B,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,sBAAsB,EAAE,iBAAiB;YACzC,MAAM,EAAE,MAAK;AACX,gBAAA,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE;YACtC,CAAC;AACF,SAAA,CAAC;IACJ;AAEA,IAAA,iBAAiB,GAAG,MAAe,KAAK;uGAlK7B,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,8NCxCxB,ykJAgHA,EAAA,MAAA,EAAA,CAAA,gKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpFI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,GAAA,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,MAAM,4VACN,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,SAAS,wIACT,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,sBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAKL,WAAW,EAAA,UAAA,EAAA,CAAA;kBAhBvB,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,OAAA,EACP;wBACP,YAAY;wBACZ,WAAW;wBACX,UAAU;wBACV,MAAM;wBACN,IAAI;wBACJ,kBAAkB;wBAClB,SAAS;wBACT,cAAc;AACf,qBAAA,EAAA,QAAA,EAAA,ykJAAA,EAAA,MAAA,EAAA,CAAA,gKAAA,CAAA,EAAA;;;AEpCH;;AAEG;;ACFH;;AAEG;;;;\"}","type":"asset"}]}
1
+ {"hash":"b8a53df749697bbc22eb05d32eff46ade166b68c370e1a682635bda24c42f082","types":[{"exports":["AddField","AddFieldPayload","AddSection","AddSectionPayload","DeleteField","DeleteSection","EnrichedFormField","EnrichedFormSection","FieldWidth","FormBuilder","FormBuilderActionKey","FormBuilderFacade","FormBuilderState","FormBuilderStateModel","FormConfiguration","FormField","FormSection","GetFormConfiguration","MoveField","MoveFieldPayload","PropertyItem","ReorderFieldPayload","ReorderFields","ResetFormBuilderState","ResetFormConfiguration","Response","SetModuleInfo","SetProperties","UpdateField","UpdateFieldPayload","UpdateSection","UpdateSectionPayload"],"facadeModuleId":"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-typings\\masterteam-form-builder.d.ts","isDynamicEntry":false,"isEntry":true,"isImplicitEntry":false,"moduleIds":["C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.model.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.facade.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/lib/form-builder.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/api.model.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.actions.d.ts","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.state.d.ts","C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-typings\\masterteam-form-builder.d.ts"],"name":"masterteam-form-builder.d","type":"chunk","dynamicImports":[],"fileName":"masterteam-form-builder.d.ts","implicitlyLoadedBefore":[],"importedBindings":{"@masterteam/form-builder":["*"],"@angular/core":["*"],"@masterteam/components":["LoadingStateShape","CrudStateBase","Response"],"@angular/cdk/drag-drop":["CdkDragDrop"],"rxjs":["*"],"@ngxs/store":["StateContext"]},"imports":["@masterteam/form-builder","@angular/core","@masterteam/components","@angular/cdk/drag-drop","rxjs","@ngxs/store"],"modules":{"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.model.d.ts":{"code":"declare enum FormBuilderActionKey {\n GetFormConfiguration = \"getFormConfiguration\",\n ResetFormConfiguration = \"resetFormConfiguration\",\n AddSection = \"addSection\",\n UpdateSection = \"updateSection\",\n DeleteSection = \"deleteSection\",\n AddField = \"addField\",\n UpdateField = \"updateField\",\n DeleteField = \"deleteField\",\n MoveField = \"moveField\",\n ReorderFields = \"reorderFields\"\n}\ntype FieldWidth = '25' | '50' | '100';\ninterface FormField {\n id: string;\n sectionId: string;\n propertyId: number;\n width: FieldWidth;\n order: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n _pending?: boolean;\n _deleting?: boolean;\n}\ninterface FormSection {\n id: string;\n name: {\n en: string;\n ar: string;\n };\n order: number;\n fields: FormField[];\n}\ninterface FormConfiguration {\n isActive: boolean;\n sections: FormSection[];\n}\ninterface AddSectionPayload {\n name: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface UpdateSectionPayload {\n name?: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface AddFieldPayload {\n propertyId: number;\n width: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n}\ninterface UpdateFieldPayload {\n width?: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string | null;\n}\ninterface MoveFieldPayload {\n targetSectionId: string;\n order?: number;\n}\ninterface ReorderFieldPayload {\n id: string;\n order: number;\n}\ninterface PropertyItem {\n id: number;\n name: string | Record<string, string>;\n viewType?: string;\n [key: string]: any;\n}\ninterface EnrichedFormField extends FormField {\n name: string;\n type: string;\n data?: any;\n}\ninterface EnrichedFormSection extends Omit<FormSection, 'fields'> {\n fields: EnrichedFormField[];\n}\ninterface FormBuilderStateModel extends LoadingStateShape<FormBuilderActionKey> {\n moduleType: string | null;\n moduleId: string | number | null;\n parentModuleType: string | null;\n parentModuleId: string | number | null;\n parentPath: string;\n formConfiguration: FormConfiguration | null;\n properties: PropertyItem[];\n}","originalLength":2781,"removedExports":[],"renderedExports":["FormBuilderActionKey","FieldWidth","FormField","FormSection","FormConfiguration","AddSectionPayload","UpdateSectionPayload","AddFieldPayload","UpdateFieldPayload","MoveFieldPayload","ReorderFieldPayload","PropertyItem","EnrichedFormField","EnrichedFormSection","FormBuilderStateModel"],"renderedLength":2610},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.facade.d.ts":{"code":"declare class FormBuilderFacade {\n private readonly store;\n private readonly stateSignal;\n readonly formConfiguration: _angular_core.Signal<_masterteam_form_builder.FormConfiguration | null>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly properties: _angular_core.Signal<PropertyItem[]>;\n readonly moduleType: _angular_core.Signal<string | null>;\n readonly moduleId: _angular_core.Signal<string | number | null>;\n readonly isLoadingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isResettingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isAddingSection: _angular_core.Signal<boolean>;\n readonly isUpdatingSection: _angular_core.Signal<boolean>;\n readonly isDeletingSection: _angular_core.Signal<boolean>;\n readonly isAddingField: _angular_core.Signal<boolean>;\n readonly isUpdatingField: _angular_core.Signal<boolean>;\n readonly isDeletingField: _angular_core.Signal<boolean>;\n readonly isMovingField: _angular_core.Signal<boolean>;\n readonly formConfigurationError: _angular_core.Signal<string | null>;\n readonly sectionError: _angular_core.Signal<string | null>;\n readonly fieldError: _angular_core.Signal<string | null>;\n setModuleInfo(moduleType: string, moduleId: string | number, parentModuleType?: string, parentModuleId?: string | number, parentPath?: string): rxjs.Observable<void>;\n resetState(): rxjs.Observable<void>;\n setProperties(properties: PropertyItem[]): rxjs.Observable<void>;\n getFormConfiguration(): rxjs.Observable<void>;\n resetFormConfiguration(): rxjs.Observable<void>;\n addSection(payload: AddSectionPayload): rxjs.Observable<void>;\n updateSection(sectionId: string, payload: UpdateSectionPayload): rxjs.Observable<void>;\n deleteSection(sectionId: string): rxjs.Observable<void>;\n addField(sectionId: string, payload: AddFieldPayload): rxjs.Observable<void>;\n updateField(sectionId: string, fieldId: string, payload: UpdateFieldPayload): rxjs.Observable<void>;\n deleteField(sectionId: string, fieldId: string): rxjs.Observable<void>;\n reorderFields(sectionId: string, payload: ReorderFieldPayload[]): rxjs.Observable<void>;\n moveField(sectionId: string, fieldId: string, payload: MoveFieldPayload): rxjs.Observable<void>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFacade, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderFacade>;\n}","originalLength":2985,"removedExports":[],"renderedExports":["FormBuilderFacade"],"renderedLength":2472},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/lib/form-builder.d.ts":{"code":"declare class FormBuilder {\n private readonly modalService;\n private readonly confirmationService;\n private readonly translocoService;\n protected readonly facade: FormBuilderFacade;\n private dialogRef;\n readonly activeTab: _angular_core.WritableSignal<string>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly properties: _angular_core.Signal<PropertyItem[]>;\n readonly isLoading: _angular_core.Signal<boolean>;\n readonly error: _angular_core.Signal<string | null>;\n private readonly propertiesMap;\n readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;\n readonly availableTabs: _angular_core.Signal<{\n id: string;\n title: string;\n properties: PropertyItem[];\n }[]>;\n constructor();\n drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;\n addSection(): void;\n openPreview(): void;\n resetFormConfiguration(): void;\n noReturnPredicate: () => boolean;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;\n static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, \"mt-form-builder\", never, {}, {}, never, never, true, never>;\n}","originalLength":1564,"removedExports":[],"renderedExports":["FormBuilder"],"renderedLength":1210},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/api.model.d.ts":{"code":"/**\n * Standard API Response wrapper\n */\ninterface Response<T> {\n endpoint: string;\n status: number;\n code: number;\n locale: string;\n message?: string | null;\n errors?: any | null;\n data: T;\n cacheSession?: string;\n}","originalLength":248,"removedExports":[],"renderedExports":["Response"],"renderedLength":240},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.actions.d.ts":{"code":"declare class SetModuleInfo {\n moduleType: string;\n moduleId: string | number;\n parentModuleType?: string | undefined;\n parentModuleId?: string | number | undefined;\n parentPath?: string | undefined;\n static readonly type = \"[FormBuilder] Set Module Info\";\n constructor(moduleType: string, moduleId: string | number, parentModuleType?: string | undefined, parentModuleId?: string | number | undefined, parentPath?: string | undefined);\n}\ndeclare class ResetFormBuilderState {\n static readonly type = \"[FormBuilder] Reset State\";\n}\ndeclare class SetProperties {\n properties: PropertyItem[];\n static readonly type = \"[FormBuilder] Set Properties\";\n constructor(properties: PropertyItem[]);\n}\ndeclare class GetFormConfiguration {\n static readonly type = \"[FormBuilder] Get Form Configuration\";\n}\ndeclare class ResetFormConfiguration {\n static readonly type = \"[FormBuilder] Reset Form Configuration\";\n}\ndeclare class AddSection {\n payload: AddSectionPayload;\n static readonly type = \"[FormBuilder] Add Section\";\n constructor(payload: AddSectionPayload);\n}\ndeclare class UpdateSection {\n sectionId: string;\n payload: UpdateSectionPayload;\n static readonly type = \"[FormBuilder] Update Section\";\n constructor(sectionId: string, payload: UpdateSectionPayload);\n}\ndeclare class DeleteSection {\n sectionId: string;\n static readonly type = \"[FormBuilder] Delete Section\";\n constructor(sectionId: string);\n}\ndeclare class AddField {\n sectionId: string;\n payload: AddFieldPayload;\n static readonly type = \"[FormBuilder] Add Field\";\n constructor(sectionId: string, payload: AddFieldPayload);\n}\ndeclare class UpdateField {\n sectionId: string;\n fieldId: string;\n payload: UpdateFieldPayload;\n static readonly type = \"[FormBuilder] Update Field\";\n constructor(sectionId: string, fieldId: string, payload: UpdateFieldPayload);\n}\ndeclare class DeleteField {\n sectionId: string;\n fieldId: string;\n static readonly type = \"[FormBuilder] Delete Field\";\n constructor(sectionId: string, fieldId: string);\n}\ndeclare class ReorderFields {\n sectionId: string;\n payload: ReorderFieldPayload[];\n static readonly type = \"[FormBuilder] Reorder Fields\";\n constructor(sectionId: string, payload: ReorderFieldPayload[]);\n}\ndeclare class MoveField {\n sectionId: string;\n fieldId: string;\n payload: MoveFieldPayload;\n static readonly type = \"[FormBuilder] Move Field\";\n constructor(sectionId: string, fieldId: string, payload: MoveFieldPayload);\n}","originalLength":2815,"removedExports":[],"renderedExports":["SetModuleInfo","ResetFormBuilderState","SetProperties","GetFormConfiguration","ResetFormConfiguration","AddSection","UpdateSection","DeleteSection","AddField","UpdateField","DeleteField","ReorderFields","MoveField"],"renderedLength":2548},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-typings/store/form-builder/form-builder.state.d.ts":{"code":"declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderStateModel, FormBuilderActionKey> {\n private http;\n private baseUrl;\n private getApiPath;\n static getState(state: FormBuilderStateModel): FormBuilderStateModel;\n static getFormConfiguration(state: FormBuilderStateModel): FormConfiguration | null;\n static getSections(state: FormBuilderStateModel): FormSection[];\n static getModuleType(state: FormBuilderStateModel): string | null;\n static getModuleId(state: FormBuilderStateModel): string | number | null;\n static getProperties(state: FormBuilderStateModel): _masterteam_form_builder.PropertyItem[];\n setModuleInfo(ctx: StateContext<FormBuilderStateModel>, action: SetModuleInfo): void;\n resetState(ctx: StateContext<FormBuilderStateModel>): void;\n setProperties(ctx: StateContext<FormBuilderStateModel>, action: SetProperties): void;\n getFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n resetFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n addSection(ctx: StateContext<FormBuilderStateModel>, action: AddSection): rxjs.Observable<Response$1<FormSection>>;\n updateSection(ctx: StateContext<FormBuilderStateModel>, action: UpdateSection): rxjs.Observable<Response$1<FormSection>>;\n deleteSection(ctx: StateContext<FormBuilderStateModel>, action: DeleteSection): rxjs.Observable<Response$1<{\n id: string;\n }>>;\n addField(ctx: StateContext<FormBuilderStateModel>, action: AddField): rxjs.Observable<Response$1<FormField>>;\n updateField(ctx: StateContext<FormBuilderStateModel>, action: UpdateField): rxjs.Observable<Response$1<FormField>>;\n deleteField(ctx: StateContext<FormBuilderStateModel>, action: DeleteField): rxjs.Observable<Response$1<{\n id: string;\n sectionId: string;\n }>>;\n reorderFields(ctx: StateContext<FormBuilderStateModel>, action: ReorderFields): rxjs.Observable<Response$1<FormField[]>>;\n moveField(ctx: StateContext<FormBuilderStateModel>, action: MoveField): rxjs.Observable<Response$1<FormField>>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderState, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderState>;\n}","originalLength":2840,"removedExports":[],"renderedExports":["FormBuilderState"],"renderedLength":2315},"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-typings\\masterteam-form-builder.d.ts":{"code":null,"originalLength":129,"removedExports":[],"renderedExports":[],"renderedLength":0}},"referencedFiles":[],"code":"import * as _masterteam_form_builder from '@masterteam/form-builder';\nimport * as _angular_core from '@angular/core';\nimport { LoadingStateShape, CrudStateBase, Response as Response$1 } from '@masterteam/components';\nimport { CdkDragDrop } from '@angular/cdk/drag-drop';\nimport * as rxjs from 'rxjs';\nimport { StateContext } from '@ngxs/store';\n\ndeclare enum FormBuilderActionKey {\n GetFormConfiguration = \"getFormConfiguration\",\n ResetFormConfiguration = \"resetFormConfiguration\",\n AddSection = \"addSection\",\n UpdateSection = \"updateSection\",\n DeleteSection = \"deleteSection\",\n AddField = \"addField\",\n UpdateField = \"updateField\",\n DeleteField = \"deleteField\",\n MoveField = \"moveField\",\n ReorderFields = \"reorderFields\"\n}\ntype FieldWidth = '25' | '50' | '100';\ninterface FormField {\n id: string;\n sectionId: string;\n propertyId: number;\n width: FieldWidth;\n order: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n _pending?: boolean;\n _deleting?: boolean;\n}\ninterface FormSection {\n id: string;\n name: {\n en: string;\n ar: string;\n };\n order: number;\n fields: FormField[];\n}\ninterface FormConfiguration {\n isActive: boolean;\n sections: FormSection[];\n}\ninterface AddSectionPayload {\n name: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface UpdateSectionPayload {\n name?: {\n en: string;\n ar: string;\n };\n order?: number;\n}\ninterface AddFieldPayload {\n propertyId: number;\n width: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string;\n}\ninterface UpdateFieldPayload {\n width?: FieldWidth;\n order?: number;\n hiddenInCreation?: boolean;\n hiddenInEditForm?: boolean;\n isRequired?: boolean;\n showConditionalDisplayFormula?: boolean;\n conditionalDisplayFormula?: string | null;\n}\ninterface MoveFieldPayload {\n targetSectionId: string;\n order?: number;\n}\ninterface ReorderFieldPayload {\n id: string;\n order: number;\n}\ninterface PropertyItem {\n id: number;\n name: string | Record<string, string>;\n viewType?: string;\n [key: string]: any;\n}\ninterface EnrichedFormField extends FormField {\n name: string;\n type: string;\n data?: any;\n}\ninterface EnrichedFormSection extends Omit<FormSection, 'fields'> {\n fields: EnrichedFormField[];\n}\ninterface FormBuilderStateModel extends LoadingStateShape<FormBuilderActionKey> {\n moduleType: string | null;\n moduleId: string | number | null;\n parentModuleType: string | null;\n parentModuleId: string | number | null;\n parentPath: string;\n formConfiguration: FormConfiguration | null;\n properties: PropertyItem[];\n}\n\ndeclare class FormBuilderFacade {\n private readonly store;\n private readonly stateSignal;\n readonly formConfiguration: _angular_core.Signal<_masterteam_form_builder.FormConfiguration | null>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly properties: _angular_core.Signal<PropertyItem[]>;\n readonly moduleType: _angular_core.Signal<string | null>;\n readonly moduleId: _angular_core.Signal<string | number | null>;\n readonly isLoadingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isResettingFormConfiguration: _angular_core.Signal<boolean>;\n readonly isAddingSection: _angular_core.Signal<boolean>;\n readonly isUpdatingSection: _angular_core.Signal<boolean>;\n readonly isDeletingSection: _angular_core.Signal<boolean>;\n readonly isAddingField: _angular_core.Signal<boolean>;\n readonly isUpdatingField: _angular_core.Signal<boolean>;\n readonly isDeletingField: _angular_core.Signal<boolean>;\n readonly isMovingField: _angular_core.Signal<boolean>;\n readonly formConfigurationError: _angular_core.Signal<string | null>;\n readonly sectionError: _angular_core.Signal<string | null>;\n readonly fieldError: _angular_core.Signal<string | null>;\n setModuleInfo(moduleType: string, moduleId: string | number, parentModuleType?: string, parentModuleId?: string | number, parentPath?: string): rxjs.Observable<void>;\n resetState(): rxjs.Observable<void>;\n setProperties(properties: PropertyItem[]): rxjs.Observable<void>;\n getFormConfiguration(): rxjs.Observable<void>;\n resetFormConfiguration(): rxjs.Observable<void>;\n addSection(payload: AddSectionPayload): rxjs.Observable<void>;\n updateSection(sectionId: string, payload: UpdateSectionPayload): rxjs.Observable<void>;\n deleteSection(sectionId: string): rxjs.Observable<void>;\n addField(sectionId: string, payload: AddFieldPayload): rxjs.Observable<void>;\n updateField(sectionId: string, fieldId: string, payload: UpdateFieldPayload): rxjs.Observable<void>;\n deleteField(sectionId: string, fieldId: string): rxjs.Observable<void>;\n reorderFields(sectionId: string, payload: ReorderFieldPayload[]): rxjs.Observable<void>;\n moveField(sectionId: string, fieldId: string, payload: MoveFieldPayload): rxjs.Observable<void>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFacade, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderFacade>;\n}\n\ndeclare class FormBuilder {\n private readonly modalService;\n private readonly confirmationService;\n private readonly translocoService;\n protected readonly facade: FormBuilderFacade;\n private dialogRef;\n readonly activeTab: _angular_core.WritableSignal<string>;\n readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;\n readonly properties: _angular_core.Signal<PropertyItem[]>;\n readonly isLoading: _angular_core.Signal<boolean>;\n readonly error: _angular_core.Signal<string | null>;\n private readonly propertiesMap;\n readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;\n readonly availableTabs: _angular_core.Signal<{\n id: string;\n title: string;\n properties: PropertyItem[];\n }[]>;\n constructor();\n drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;\n addSection(): void;\n openPreview(): void;\n resetFormConfiguration(): void;\n noReturnPredicate: () => boolean;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;\n static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, \"mt-form-builder\", never, {}, {}, never, never, true, never>;\n}\n\n/**\n * Standard API Response wrapper\n */\ninterface Response<T> {\n endpoint: string;\n status: number;\n code: number;\n locale: string;\n message?: string | null;\n errors?: any | null;\n data: T;\n cacheSession?: string;\n}\n\ndeclare class SetModuleInfo {\n moduleType: string;\n moduleId: string | number;\n parentModuleType?: string | undefined;\n parentModuleId?: string | number | undefined;\n parentPath?: string | undefined;\n static readonly type = \"[FormBuilder] Set Module Info\";\n constructor(moduleType: string, moduleId: string | number, parentModuleType?: string | undefined, parentModuleId?: string | number | undefined, parentPath?: string | undefined);\n}\ndeclare class ResetFormBuilderState {\n static readonly type = \"[FormBuilder] Reset State\";\n}\ndeclare class SetProperties {\n properties: PropertyItem[];\n static readonly type = \"[FormBuilder] Set Properties\";\n constructor(properties: PropertyItem[]);\n}\ndeclare class GetFormConfiguration {\n static readonly type = \"[FormBuilder] Get Form Configuration\";\n}\ndeclare class ResetFormConfiguration {\n static readonly type = \"[FormBuilder] Reset Form Configuration\";\n}\ndeclare class AddSection {\n payload: AddSectionPayload;\n static readonly type = \"[FormBuilder] Add Section\";\n constructor(payload: AddSectionPayload);\n}\ndeclare class UpdateSection {\n sectionId: string;\n payload: UpdateSectionPayload;\n static readonly type = \"[FormBuilder] Update Section\";\n constructor(sectionId: string, payload: UpdateSectionPayload);\n}\ndeclare class DeleteSection {\n sectionId: string;\n static readonly type = \"[FormBuilder] Delete Section\";\n constructor(sectionId: string);\n}\ndeclare class AddField {\n sectionId: string;\n payload: AddFieldPayload;\n static readonly type = \"[FormBuilder] Add Field\";\n constructor(sectionId: string, payload: AddFieldPayload);\n}\ndeclare class UpdateField {\n sectionId: string;\n fieldId: string;\n payload: UpdateFieldPayload;\n static readonly type = \"[FormBuilder] Update Field\";\n constructor(sectionId: string, fieldId: string, payload: UpdateFieldPayload);\n}\ndeclare class DeleteField {\n sectionId: string;\n fieldId: string;\n static readonly type = \"[FormBuilder] Delete Field\";\n constructor(sectionId: string, fieldId: string);\n}\ndeclare class ReorderFields {\n sectionId: string;\n payload: ReorderFieldPayload[];\n static readonly type = \"[FormBuilder] Reorder Fields\";\n constructor(sectionId: string, payload: ReorderFieldPayload[]);\n}\ndeclare class MoveField {\n sectionId: string;\n fieldId: string;\n payload: MoveFieldPayload;\n static readonly type = \"[FormBuilder] Move Field\";\n constructor(sectionId: string, fieldId: string, payload: MoveFieldPayload);\n}\n\ndeclare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderStateModel, FormBuilderActionKey> {\n private http;\n private baseUrl;\n private getApiPath;\n static getState(state: FormBuilderStateModel): FormBuilderStateModel;\n static getFormConfiguration(state: FormBuilderStateModel): FormConfiguration | null;\n static getSections(state: FormBuilderStateModel): FormSection[];\n static getModuleType(state: FormBuilderStateModel): string | null;\n static getModuleId(state: FormBuilderStateModel): string | number | null;\n static getProperties(state: FormBuilderStateModel): _masterteam_form_builder.PropertyItem[];\n setModuleInfo(ctx: StateContext<FormBuilderStateModel>, action: SetModuleInfo): void;\n resetState(ctx: StateContext<FormBuilderStateModel>): void;\n setProperties(ctx: StateContext<FormBuilderStateModel>, action: SetProperties): void;\n getFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n resetFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;\n addSection(ctx: StateContext<FormBuilderStateModel>, action: AddSection): rxjs.Observable<Response$1<FormSection>>;\n updateSection(ctx: StateContext<FormBuilderStateModel>, action: UpdateSection): rxjs.Observable<Response$1<FormSection>>;\n deleteSection(ctx: StateContext<FormBuilderStateModel>, action: DeleteSection): rxjs.Observable<Response$1<{\n id: string;\n }>>;\n addField(ctx: StateContext<FormBuilderStateModel>, action: AddField): rxjs.Observable<Response$1<FormField>>;\n updateField(ctx: StateContext<FormBuilderStateModel>, action: UpdateField): rxjs.Observable<Response$1<FormField>>;\n deleteField(ctx: StateContext<FormBuilderStateModel>, action: DeleteField): rxjs.Observable<Response$1<{\n id: string;\n sectionId: string;\n }>>;\n reorderFields(ctx: StateContext<FormBuilderStateModel>, action: ReorderFields): rxjs.Observable<Response$1<FormField[]>>;\n moveField(ctx: StateContext<FormBuilderStateModel>, action: MoveField): rxjs.Observable<Response$1<FormField>>;\n static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderState, never>;\n static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderState>;\n}\n\nexport { AddField, AddSection, DeleteField, DeleteSection, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ReorderFields, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, SetProperties, UpdateField, UpdateSection };\nexport type { AddFieldPayload, AddSectionPayload, EnrichedFormField, EnrichedFormSection, FieldWidth, FormBuilderStateModel, FormConfiguration, FormField, FormSection, MoveFieldPayload, PropertyItem, ReorderFieldPayload, Response, UpdateFieldPayload, UpdateSectionPayload };\n","map":null,"preliminaryFileName":"masterteam-form-builder.d.ts","sourcemapFileName":null}],"fesm2022":[{"exports":["AddField","AddSection","DeleteField","DeleteSection","FormBuilder","FormBuilderActionKey","FormBuilderFacade","FormBuilderState","GetFormConfiguration","MoveField","ReorderFields","ResetFormBuilderState","ResetFormConfiguration","SetModuleInfo","SetProperties","UpdateField","UpdateSection"],"facadeModuleId":"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-esm2022\\masterteam-form-builder.js","isDynamicEntry":false,"isEntry":true,"isImplicitEntry":false,"moduleIds":["C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/api.model.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.actions.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.model.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.state.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.facade.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/index.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/condition-constants.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/fb-field-conditions.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-form/fb-field-form.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section-form/fb-section-form.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section/fb-section.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-preview-form/fb-preview-form.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/form-builder.js","C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/public-api.js","C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-esm2022\\masterteam-form-builder.js"],"name":"masterteam-form-builder","type":"chunk","dynamicImports":[],"fileName":"masterteam-form-builder.mjs","implicitlyLoadedBefore":[],"importedBindings":{"@angular/core":["inject","*","Injectable","computed","input","signal","viewChild","Component","effect","output"],"@angular/common":["CommonModule","*"],"@angular/forms":["FormControl","ReactiveFormsModule","*","FormGroup","FormsModule"],"primeng/tabs":["TabsModule","*"],"primeng/skeleton":["SkeletonModule","*"],"@masterteam/components/button":["Button"],"@masterteam/components/card":["Card"],"@masterteam/components/modal":["ModalService"],"@masterteam/components/confirmation":["ConfirmationService"],"@jsverse/transloco":["TranslocoDirective","TranslocoService"],"@angular/cdk/drag-drop":["CdkDrag","CdkDropList","CdkDragPlaceholder","DragDropModule","*"],"@masterteam/forms/dynamic-field":["DynamicField"],"@masterteam/icons":["Icon"],"@ngxs/store":["Action","Selector","State","Store","select"],"@angular/common/http":["HttpClient"],"@masterteam/components":["CrudStateBase","handleApiRequest","RadioCardsFieldConfig"],"@masterteam/forms/dynamic-form":["DynamicForm"],"@masterteam/components/toggle-field":["ToggleField"],"@masterteam/components/dialog":["ModalRef"],"@masterteam/components/formula":["FormulaToolbar","FormulaEditor"],"@masterteam/components/tabs":["Tabs"]},"imports":["@angular/core","@angular/common","@angular/forms","primeng/tabs","primeng/skeleton","@masterteam/components/button","@masterteam/components/card","@masterteam/components/modal","@masterteam/components/confirmation","@jsverse/transloco","@angular/cdk/drag-drop","@masterteam/forms/dynamic-field","@masterteam/icons","@ngxs/store","@angular/common/http","@masterteam/components","@masterteam/forms/dynamic-form","@masterteam/components/toggle-field","@masterteam/components/dialog","@masterteam/components/formula","@masterteam/components/tabs"],"modules":{"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/api.model.js":{"code":"","originalLength":37,"removedExports":[],"renderedExports":[],"renderedLength":0},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.actions.js":{"code":"// ============================================================================\n// Module Configuration Actions\n// ============================================================================\nclass SetModuleInfo {\n moduleType;\n moduleId;\n parentModuleType;\n parentModuleId;\n parentPath;\n static type = '[FormBuilder] Set Module Info';\n constructor(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n this.moduleType = moduleType;\n this.moduleId = moduleId;\n this.parentModuleType = parentModuleType;\n this.parentModuleId = parentModuleId;\n this.parentPath = parentPath;\n }\n}\nclass ResetFormBuilderState {\n static type = '[FormBuilder] Reset State';\n}\nclass SetProperties {\n properties;\n static type = '[FormBuilder] Set Properties';\n constructor(properties) {\n this.properties = properties;\n }\n}\n// ============================================================================\n// Form Configuration Actions\n// ============================================================================\nclass GetFormConfiguration {\n static type = '[FormBuilder] Get Form Configuration';\n}\nclass ResetFormConfiguration {\n static type = '[FormBuilder] Reset Form Configuration';\n}\n// ============================================================================\n// Section Actions\n// ============================================================================\nclass AddSection {\n payload;\n static type = '[FormBuilder] Add Section';\n constructor(payload) {\n this.payload = payload;\n }\n}\nclass UpdateSection {\n sectionId;\n payload;\n static type = '[FormBuilder] Update Section';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass DeleteSection {\n sectionId;\n static type = '[FormBuilder] Delete Section';\n constructor(sectionId) {\n this.sectionId = sectionId;\n }\n}\n// ============================================================================\n// Field Actions\n// ============================================================================\nclass AddField {\n sectionId;\n payload;\n static type = '[FormBuilder] Add Field';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass UpdateField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Update Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}\nclass DeleteField {\n sectionId;\n fieldId;\n static type = '[FormBuilder] Delete Field';\n constructor(sectionId, fieldId) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n }\n}\nclass ReorderFields {\n sectionId;\n payload;\n static type = '[FormBuilder] Reorder Fields';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass MoveField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Move Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}","originalLength":3435,"removedExports":[],"renderedExports":["SetModuleInfo","ResetFormBuilderState","SetProperties","GetFormConfiguration","ResetFormConfiguration","AddSection","UpdateSection","DeleteSection","AddField","UpdateField","DeleteField","ReorderFields","MoveField"],"renderedLength":3295},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.model.js":{"code":"// ============================================================================\n// Action Keys Enum\n// ============================================================================\nvar FormBuilderActionKey;\n(function (FormBuilderActionKey) {\n // Form Configuration\n FormBuilderActionKey[\"GetFormConfiguration\"] = \"getFormConfiguration\";\n FormBuilderActionKey[\"ResetFormConfiguration\"] = \"resetFormConfiguration\";\n // Section CRUD\n FormBuilderActionKey[\"AddSection\"] = \"addSection\";\n FormBuilderActionKey[\"UpdateSection\"] = \"updateSection\";\n FormBuilderActionKey[\"DeleteSection\"] = \"deleteSection\";\n // Field CRUD\n FormBuilderActionKey[\"AddField\"] = \"addField\";\n FormBuilderActionKey[\"UpdateField\"] = \"updateField\";\n FormBuilderActionKey[\"DeleteField\"] = \"deleteField\";\n FormBuilderActionKey[\"MoveField\"] = \"moveField\";\n FormBuilderActionKey[\"ReorderFields\"] = \"reorderFields\";\n})(FormBuilderActionKey || (FormBuilderActionKey = {}));","originalLength":1025,"removedExports":[],"renderedExports":["FormBuilderActionKey"],"renderedLength":971},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.state.js":{"code":"var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n// Default State\nconst DEFAULT_STATE = {\n // Module configuration\n moduleType: null,\n moduleId: null,\n parentModuleType: null,\n parentModuleId: null,\n parentPath: '',\n // Form data\n formConfiguration: null,\n // Properties for field enrichment\n properties: [],\n // Loading state (from LoadingStateShape)\n loadingActive: [],\n errors: {},\n};\nlet FormBuilderState = class FormBuilderState extends CrudStateBase {\n http = inject(HttpClient);\n baseUrl = 'formConfigurations';\n // ============================================================================\n // Helpers\n // ============================================================================\n getApiPath(state) {\n const { parentPath, moduleType, moduleId } = state;\n return `${this.baseUrl}${parentPath}/${moduleType}/${moduleId}`;\n }\n // ============================================================================\n // Selectors\n // ============================================================================\n static getState(state) {\n return state ?? DEFAULT_STATE;\n }\n static getFormConfiguration(state) {\n return state?.formConfiguration ?? null;\n }\n static getSections(state) {\n return state?.formConfiguration?.sections ?? [];\n }\n static getModuleType(state) {\n return state?.moduleType ?? null;\n }\n static getModuleId(state) {\n return state?.moduleId ?? null;\n }\n static getProperties(state) {\n return state?.properties ?? [];\n }\n // ============================================================================\n // Module Configuration Actions\n // ============================================================================\n setModuleInfo(ctx, action) {\n let parentPath = '';\n if (action.parentModuleType && action.parentModuleId) {\n parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\n }\n else if (action.parentPath) {\n parentPath = action.parentPath;\n }\n ctx.patchState({\n moduleType: action.moduleType,\n moduleId: action.moduleId,\n parentModuleType: action.parentModuleType ?? null,\n parentModuleId: action.parentModuleId ?? null,\n parentPath: parentPath ?? '',\n });\n }\n resetState(ctx) {\n ctx.setState(DEFAULT_STATE);\n }\n setProperties(ctx, action) {\n ctx.patchState({\n properties: action.properties,\n });\n }\n // ============================================================================\n // Form Configuration Actions\n // ============================================================================\n getFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = this.getApiPath(state);\n const req$ = this.http.get(apiPath);\n return this.load(ctx, {\n key: FormBuilderActionKey.GetFormConfiguration,\n request$: req$,\n updateState: (_state, data) => ({\n formConfiguration: data ?? null,\n }),\n });\n }\n resetFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/reset`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.ResetFormConfiguration,\n request$: req$,\n onSuccess: (res, _currentState) => ({\n formConfiguration: res.data ?? null,\n }),\n });\n }\n // ============================================================================\n // Section Actions\n // ============================================================================\n addSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections`;\n const req$ = this.http.post(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.addOne(currentState.formConfiguration?.sections ?? [], res.data);\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.put(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.upsertOne(currentState.formConfiguration?.sections ?? [], res.data, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n deleteSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.removeOne(currentState.formConfiguration?.sections ?? [], res.data.id, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n // ============================================================================\n // Field Actions\n // ============================================================================\n addField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields`;\n const req$ = this.http.post(apiPath, action.payload);\n // Generate temp ID for optimistic update\n const tempId = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n const tempField = {\n id: tempId,\n sectionId: action.sectionId,\n propertyId: action.payload.propertyId,\n width: action.payload.width,\n order: action.payload.order ?? 0,\n hiddenInCreation: action.payload.hiddenInCreation,\n _pending: true,\n };\n // Optimistically add the temp field\n const sectionsWithTemp = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const insertIndex = action.payload.order ?? fields.length;\n fields.splice(insertIndex, 0, tempField);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithTemp,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const newField = res.data;\n // Replace temp field with real field\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === tempId ? newField : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove temp field on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== tempId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update for order changes\n if (action.payload.order !== undefined) {\n const newOrder = action.payload.order;\n const sections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const currentIndex = fields.findIndex((f) => f.id === action.fieldId);\n if (currentIndex !== -1) {\n const [movedField] = fields.splice(currentIndex, 1);\n fields.splice(newOrder, 0, movedField);\n }\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections,\n },\n });\n }\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const updatedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n // Update the field but preserve current array order (from optimistic update)\n // Don't re-sort by order property as other fields may have stale order values\n const updatedFields = section.fields.map((f, index) => f.id === updatedField.id\n ? { ...updatedField, order: index }\n : { ...f, order: index });\n return {\n ...section,\n fields: updatedFields,\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error - reload original state\n if (action.payload.order !== undefined) {\n return {\n formConfiguration: state.formConfiguration,\n };\n }\n return {};\n },\n });\n }\n deleteField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.delete(apiPath);\n // Optimistically mark field as deleting\n const sectionsWithDeleting = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: true } : f),\n };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithDeleting,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const { id: deletedId, sectionId } = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== deletedId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove _deleting flag on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: false } : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n reorderFields(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/reorder`;\n const req$ = this.http.put(apiPath, action.payload);\n // Create order map for optimistic update\n const orderMap = new Map(action.payload.map((p) => [p.id, p.order]));\n // Apply optimistic update\n const optimisticSections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const reorderedFields = section.fields\n .map((f) => ({\n ...f,\n order: orderMap.get(f.id) ?? f.order,\n }))\n .sort((a, b) => a.order - b.order);\n return { ...section, fields: reorderedFields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: optimisticSections,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.ReorderFields,\n request$: req$,\n onSuccess: (res, currentState) => {\n const updatedFields = res.data;\n const fieldMap = new Map(updatedFields.map((f) => [f.id, f]));\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const mergedFields = section.fields\n .map((f) => fieldMap.get(f.id) ?? f)\n .sort((a, b) => a.order - b.order);\n return { ...section, fields: mergedFields };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert to original state on error\n return {\n formConfiguration: state.formConfiguration,\n };\n },\n });\n }\n moveField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}/move`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update - move field immediately\n const sourceSectionId = action.sectionId;\n const targetSectionId = action.payload.targetSectionId;\n const targetOrder = action.payload.order ?? 0;\n let movedFieldData = null;\n const optimisticSections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sourceSectionId) {\n const fieldToMove = section.fields.find((f) => f.id === action.fieldId);\n if (fieldToMove) {\n movedFieldData = { ...fieldToMove, order: targetOrder };\n }\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== action.fieldId),\n };\n }\n return section;\n });\n // Add to target section\n const sectionsWithMoved = optimisticSections.map((section) => {\n if (section.id === targetSectionId && movedFieldData) {\n const fields = [...section.fields];\n fields.splice(targetOrder, 0, movedFieldData);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithMoved,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.MoveField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const movedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n // Update the moved field with server response\n if (section.id === targetSectionId) {\n return {\n ...section,\n fields: section.fields\n .map((f) => (f.id === movedField.id ? movedField : f))\n .sort((a, b) => a.order - b.order),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error\n return {\n formConfiguration: state.formConfiguration,\n };\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState });\n};\n__decorate([\n Action(SetModuleInfo)\n], FormBuilderState.prototype, \"setModuleInfo\", null);\n__decorate([\n Action(ResetFormBuilderState)\n], FormBuilderState.prototype, \"resetState\", null);\n__decorate([\n Action(SetProperties)\n], FormBuilderState.prototype, \"setProperties\", null);\n__decorate([\n Action(GetFormConfiguration)\n], FormBuilderState.prototype, \"getFormConfiguration\", null);\n__decorate([\n Action(ResetFormConfiguration)\n], FormBuilderState.prototype, \"resetFormConfiguration\", null);\n__decorate([\n Action(AddSection)\n], FormBuilderState.prototype, \"addSection\", null);\n__decorate([\n Action(UpdateSection)\n], FormBuilderState.prototype, \"updateSection\", null);\n__decorate([\n Action(DeleteSection)\n], FormBuilderState.prototype, \"deleteSection\", null);\n__decorate([\n Action(AddField)\n], FormBuilderState.prototype, \"addField\", null);\n__decorate([\n Action(UpdateField)\n], FormBuilderState.prototype, \"updateField\", null);\n__decorate([\n Action(DeleteField)\n], FormBuilderState.prototype, \"deleteField\", null);\n__decorate([\n Action(ReorderFields)\n], FormBuilderState.prototype, \"reorderFields\", null);\n__decorate([\n Action(MoveField)\n], FormBuilderState.prototype, \"moveField\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getState\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getFormConfiguration\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getSections\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleType\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleId\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getProperties\", null);\nFormBuilderState = __decorate([\n State({\n name: 'formBuilder',\n defaults: DEFAULT_STATE,\n })\n], FormBuilderState);\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, decorators: [{\n type: Injectable\n }], propDecorators: { setModuleInfo: [], resetState: [], setProperties: [], getFormConfiguration: [], resetFormConfiguration: [], addSection: [], updateSection: [], deleteSection: [], addField: [], updateField: [], deleteField: [], reorderFields: [], moveField: [] } });","originalLength":23587,"removedExports":[],"renderedExports":["FormBuilderState"],"renderedLength":22934},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/form-builder.facade.js":{"code":"class FormBuilderFacade {\n store = inject(Store);\n // ============================================================================\n // State Selectors\n // ============================================================================\n stateSignal = select(FormBuilderState.getState);\n formConfiguration = select(FormBuilderState.getFormConfiguration);\n sections = select(FormBuilderState.getSections);\n properties = select(FormBuilderState.getProperties);\n moduleType = select(FormBuilderState.getModuleType);\n moduleId = select(FormBuilderState.getModuleId);\n // ============================================================================\n // Loading Signals\n // ============================================================================\n isLoadingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.GetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isLoadingFormConfiguration\" }] : []));\n isResettingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.ResetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isResettingFormConfiguration\" }] : []));\n isAddingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddSection), ...(ngDevMode ? [{ debugName: \"isAddingSection\" }] : []));\n isUpdatingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateSection), ...(ngDevMode ? [{ debugName: \"isUpdatingSection\" }] : []));\n isDeletingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteSection), ...(ngDevMode ? [{ debugName: \"isDeletingSection\" }] : []));\n isAddingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddField), ...(ngDevMode ? [{ debugName: \"isAddingField\" }] : []));\n isUpdatingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateField), ...(ngDevMode ? [{ debugName: \"isUpdatingField\" }] : []));\n isDeletingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteField), ...(ngDevMode ? [{ debugName: \"isDeletingField\" }] : []));\n isMovingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.MoveField), ...(ngDevMode ? [{ debugName: \"isMovingField\" }] : []));\n // ============================================================================\n // Error Signals\n // ============================================================================\n formConfigurationError = computed(() => this.stateSignal().errors[FormBuilderActionKey.GetFormConfiguration] ??\n null, ...(ngDevMode ? [{ debugName: \"formConfigurationError\" }] : []));\n sectionError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddSection] ??\n errors[FormBuilderActionKey.UpdateSection] ??\n errors[FormBuilderActionKey.DeleteSection] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"sectionError\" }] : []));\n fieldError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddField] ??\n errors[FormBuilderActionKey.UpdateField] ??\n errors[FormBuilderActionKey.DeleteField] ??\n errors[FormBuilderActionKey.MoveField] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"fieldError\" }] : []));\n // ============================================================================\n // Module Configuration Dispatchers\n // ============================================================================\n setModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n return this.store.dispatch(new SetModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath));\n }\n resetState() {\n return this.store.dispatch(new ResetFormBuilderState());\n }\n setProperties(properties) {\n return this.store.dispatch(new SetProperties(properties));\n }\n // ============================================================================\n // Form Configuration Dispatchers\n // ============================================================================\n getFormConfiguration() {\n return this.store.dispatch(new GetFormConfiguration());\n }\n resetFormConfiguration() {\n return this.store.dispatch(new ResetFormConfiguration());\n }\n // ============================================================================\n // Section Dispatchers\n // ============================================================================\n addSection(payload) {\n return this.store.dispatch(new AddSection(payload));\n }\n updateSection(sectionId, payload) {\n return this.store.dispatch(new UpdateSection(sectionId, payload));\n }\n deleteSection(sectionId) {\n return this.store.dispatch(new DeleteSection(sectionId));\n }\n // ============================================================================\n // Field Dispatchers\n // ============================================================================\n addField(sectionId, payload) {\n return this.store.dispatch(new AddField(sectionId, payload));\n }\n updateField(sectionId, fieldId, payload) {\n return this.store.dispatch(new UpdateField(sectionId, fieldId, payload));\n }\n deleteField(sectionId, fieldId) {\n return this.store.dispatch(new DeleteField(sectionId, fieldId));\n }\n reorderFields(sectionId, payload) {\n return this.store.dispatch(new ReorderFields(sectionId, payload));\n }\n moveField(sectionId, fieldId, payload) {\n return this.store.dispatch(new MoveField(sectionId, fieldId, payload));\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }] });","originalLength":6965,"removedExports":[],"renderedExports":["FormBuilderFacade"],"renderedLength":6402},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/store/form-builder/index.js":{"code":"","originalLength":217,"removedExports":[],"renderedExports":[],"renderedLength":0},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/condition-constants.js":{"code":"/**\n * Condition Formula Constants\n * Static functions and operators for condition formulas (Show/Hide/Enable/Disable)\n */\n/**\n * Functions for field conditions\n */\nconst CONDITION_FUNCTION_CATEGORIES = [\n {\n name: 'Logic',\n displayName: 'Field Visibility',\n functions: [\n {\n name: 'SHOW_IF',\n category: 'Logic',\n description: 'Show this field when condition is true',\n signature: 'SHOW_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is visible',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'SHOW_IF(@Status == \"Active\")',\n 'SHOW_IF(@Type == \"Custom\")',\n ],\n },\n {\n name: 'HIDE_IF',\n category: 'Logic',\n description: 'Hide this field when condition is true',\n signature: 'HIDE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is hidden',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['HIDE_IF(@Status == \"Closed\")', 'HIDE_IF(ISNULL(@Parent))'],\n },\n {\n name: 'DISABLE_IF',\n category: 'Logic',\n description: 'Disable this field when condition is true',\n signature: 'DISABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is disabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'DISABLE_IF(@IsLocked == true)',\n 'DISABLE_IF(@Status == \"Approved\")',\n ],\n },\n {\n name: 'ENABLE_IF',\n category: 'Logic',\n description: 'Enable this field when condition is true',\n signature: 'ENABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is enabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'ENABLE_IF(@Status == \"Draft\")',\n 'ENABLE_IF(@CanEdit == true)',\n ],\n },\n ],\n },\n {\n name: 'Aggregation',\n displayName: 'Logic Helpers',\n functions: [\n {\n name: 'AND',\n category: 'Aggregation',\n description: 'Returns true if all conditions are true',\n signature: 'AND(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['AND(@Status == \"Active\", @Priority > 0)'],\n },\n {\n name: 'OR',\n category: 'Aggregation',\n description: 'Returns true if any condition is true',\n signature: 'OR(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['OR(@Status == \"Active\", @Status == \"Pending\")'],\n },\n {\n name: 'NOT',\n category: 'Aggregation',\n description: 'Returns the opposite of the condition',\n signature: 'NOT(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'The condition to negate',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['NOT(@IsCompleted)'],\n },\n {\n name: 'ISNULL',\n category: 'Aggregation',\n description: 'Returns true if value is null or empty',\n signature: 'ISNULL(value)',\n parameters: [\n {\n name: 'value',\n type: 'any',\n description: 'The value to check',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['ISNULL(@Description)'],\n },\n {\n name: 'CONTAINS',\n category: 'Aggregation',\n description: 'Returns true if text contains the search string',\n signature: 'CONTAINS(text, search)',\n parameters: [\n {\n name: 'text',\n type: 'string',\n description: 'The text to search in',\n required: true,\n },\n {\n name: 'search',\n type: 'string',\n description: 'The string to search for',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['CONTAINS(@Name, \"Project\")'],\n },\n ],\n },\n];\n/**\n * Operators for conditions\n */\nconst CONDITION_OPERATORS = [\n // Comparison\n {\n symbol: '==',\n name: 'Equal',\n type: 'comparison',\n description: 'Equal to',\n precedence: 3,\n },\n {\n symbol: '!=',\n name: 'Not Equal',\n type: 'comparison',\n description: 'Not equal to',\n precedence: 3,\n },\n {\n symbol: '>',\n name: 'Greater Than',\n type: 'comparison',\n description: 'Greater than',\n precedence: 4,\n },\n {\n symbol: '<',\n name: 'Less Than',\n type: 'comparison',\n description: 'Less than',\n precedence: 4,\n },\n {\n symbol: '>=',\n name: 'Greater or Equal',\n type: 'comparison',\n description: 'Greater than or equal',\n precedence: 4,\n },\n {\n symbol: '<=',\n name: 'Less or Equal',\n type: 'comparison',\n description: 'Less than or equal',\n precedence: 4,\n },\n // Logical\n {\n symbol: '&&',\n name: 'And',\n type: 'logical',\n description: 'Logical AND',\n precedence: 2,\n },\n {\n symbol: '||',\n name: 'Or',\n type: 'logical',\n description: 'Logical OR',\n precedence: 1,\n },\n];","originalLength":8197,"removedExports":[],"renderedExports":["CONDITION_FUNCTION_CATEGORIES","CONDITION_OPERATORS"],"renderedLength":8135},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-conditions/fb-field-conditions.js":{"code":"/**\n * Field Conditions Dialog\n *\n * Allows users to define conditional display formulas for form fields.\n * Uses FormulaToolbar + FormulaEditor directly for a visual formula editing experience.\n */\nclass FBFieldConditions {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n // Inputs\n /** Initial formula (JSON string from backend) */\n initialFormula = input('', ...(ngDevMode ? [{ debugName: \"initialFormula\" }] : []));\n /** Available fields from the form builder (other fields that can be referenced) */\n availableFields = input([], ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n // Form control for the formula editor (tokens array)\n formulaControl = new FormControl([]);\n // View child for the editor\n editorRef = viewChild('editor', ...(ngDevMode ? [{ debugName: \"editorRef\" }] : []));\n // Condition-specific functions and operators\n functionCategories = CONDITION_FUNCTION_CATEGORIES;\n operators = CONDITION_OPERATORS;\n /** Extract property keys for toolbar */\n propertyKeys = computed(() => this.availableFields().map((f) => f.key), ...(ngDevMode ? [{ debugName: \"propertyKeys\" }] : []));\n /** Toolbar labels */\n toolbarLabels = {\n functions: 'Functions',\n properties: 'Fields',\n operators: 'Operators',\n noPropertiesAvailable: 'No fields available',\n };\n ngOnInit() {\n // Parse JSON string to tokens\n const formula = this.initialFormula();\n if (formula) {\n try {\n const tokens = JSON.parse(formula);\n this.formulaControl.patchValue(tokens);\n }\n catch {\n // Invalid JSON, start with empty\n }\n }\n }\n /** Handle block insert from toolbar */\n onBlockInsert(block) {\n const editor = this.editorRef();\n if (editor) {\n editor.addBlock(block);\n }\n }\n onSave() {\n const tokens = this.formulaControl.value ?? [];\n const formula = tokens.length > 0 ? JSON.stringify(tokens) : '';\n this.ref.close({ saved: true, conditionalDisplayFormula: formula });\n }\n onCancel() {\n this.ref.close({ saved: false });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"21.0.3\", type: FBFieldConditions, isStandalone: true, selector: \"mt-fb-field-conditions\", inputs: { initialFormula: { classPropertyName: \"initialFormula\", publicName: \"initialFormula\", isSignal: true, isRequired: false, transformFunction: null }, availableFields: { classPropertyName: \"availableFields\", publicName: \"availableFields\", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: \"editorRef\", first: true, predicate: [\"editor\"], descendants: true, isSignal: true }], ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: FormulaToolbar, selector: \"mt-formula-toolbar\", inputs: [\"knownProperties\", \"functionCategories\", \"operators\", \"initialTab\", \"searchPlaceholder\", \"labels\"], outputs: [\"onBlockInsert\", \"onTabChange\"] }, { kind: \"component\", type: FormulaEditor, selector: \"mt-formula-editor\", inputs: [\"placeholder\", \"initialTokens\", \"disabled\"], outputs: [\"formulaChange\", \"tokensChange\", \"onBlur\", \"onFocus\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-conditions', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n Button,\n FormulaToolbar,\n FormulaEditor,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], propDecorators: { initialFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialFormula\", required: false }] }], availableFields: [{ type: i0.Input, args: [{ isSignal: true, alias: \"availableFields\", required: false }] }], editorRef: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }] } });","originalLength":8248,"removedExports":[],"renderedExports":["FBFieldConditions"],"renderedLength":7557},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-field-form/fb-field-form.js":{"code":"class FBFieldForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input('', ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n /** All sections with enriched fields (to get available fields for conditions) */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n conditionalDisplayFormula = signal('', ...(ngDevMode ? [{ debugName: \"conditionalDisplayFormula\" }] : []));\n conditionsDialogRef;\n /**\n * Compute available fields for condition formula\n * Excludes the current field being edited\n */\n availableFields = computed(() => {\n const sections = this.allSections();\n const currentField = this.initialData();\n const fields = [];\n for (const section of sections) {\n for (const field of section.fields) {\n // Exclude the current field being edited\n if (currentField && field.id === currentField.id)\n continue;\n fields.push({\n key: field.name,\n name: field.name,\n type: field.type,\n });\n }\n }\n return fields;\n }, ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // Form\n formControl = new FormControl();\n showHideControl = new FormControl(false);\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'isRequired',\n label: this.transloco.translate('formBuilder.is-required'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 1,\n },\n {\n key: 'hiddenInCreation',\n label: this.transloco.translate('formBuilder.hidden-in-creation'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 2,\n },\n {\n key: 'hiddenInEditForm',\n label: this.transloco.translate('formBuilder.hidden-in-edit-form'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 3,\n },\n new RadioCardsFieldConfig({\n key: 'size',\n label: this.transloco.translate('formBuilder.size'),\n placeholder: this.transloco.translate('formBuilder.size'),\n options: [\n { id: 's', name: 'S' },\n { id: 'm', name: 'M' },\n { id: 'l', name: 'L' },\n ],\n order: 4,\n size: 'small',\n }),\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n const widthToSize = {\n '25': 's',\n '50': 'm',\n '100': 'l',\n };\n this.formControl.patchValue({\n isRequired: data.isRequired ?? false,\n hiddenInCreation: data.hiddenInCreation ?? false,\n hiddenInEditForm: data.hiddenInEditForm ?? false,\n size: widthToSize[data.width] ?? 'l',\n });\n // Set show/hide toggle based on existing value\n this.showHideControl.patchValue(data.showConditionalDisplayFormula ?? false);\n this.conditionalDisplayFormula.set(data.conditionalDisplayFormula ?? '');\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n const widthMap = {\n s: '25',\n m: '50',\n l: '100',\n };\n const payload = {\n width: widthMap[formValue.size] ?? '100',\n hiddenInCreation: formValue.hiddenInCreation ?? false,\n hiddenInEditForm: formValue.hiddenInEditForm ?? false,\n isRequired: formValue.isRequired ?? false,\n showConditionalDisplayFormula: this.showHideControl.value ?? false,\n conditionalDisplayFormula: this.showHideControl.value\n ? this.conditionalDisplayFormula()\n : null,\n };\n this.submitting.set(true);\n this.facade.updateField(sectionId, field.id, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n onCancel() {\n this.ref.close(false);\n }\n onSetConditions() {\n this.conditionsDialogRef = this.modalService.openModal(FBFieldConditions, 'drawer', {\n header: this.transloco.translate('formBuilder.set-conditions'),\n styleClass: '!w-[calc(100%-25rem)] !absolute ',\n position: 'start',\n modal: true,\n dismissible: true,\n appendTo: '#page-content',\n inputValues: {\n initialFormula: this.conditionalDisplayFormula(),\n availableFields: this.availableFields(),\n },\n });\n this.conditionsDialogRef.onClose.subscribe((result) => {\n if (result?.saved) {\n this.conditionalDisplayFormula.set(result.conditionalDisplayFormula ?? '');\n }\n });\n }\n onDelete(event) {\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteField(sectionId, field.id).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBFieldForm, isStandalone: true, selector: \"mt-fb-field-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: ToggleField, selector: \"mt-toggle-field\", inputs: [\"label\", \"labelPosition\", \"placeholder\", \"readonly\", \"pInputs\", \"required\", \"toggleShape\", \"size\", \"icon\", \"descriptionCard\"], outputs: [\"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-form', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n DynamicForm,\n Button,\n ToggleField,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }] } });","originalLength":14606,"removedExports":[],"renderedExports":["FBFieldForm"],"renderedLength":13668},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section-form/fb-section-form.js":{"code":"class FBSectionForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input(null, ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n // Form\n formControl = new FormControl();\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'name-ar',\n label: this.transloco.translate('formBuilder.name-ar'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-ar'),\n colSpan: 12,\n order: 1,\n },\n {\n key: 'name-en',\n label: this.transloco.translate('formBuilder.name-en'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-en'),\n colSpan: 12,\n order: 2,\n },\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n this.formControl.patchValue({\n 'name-ar': data.ar,\n 'name-en': data.en,\n });\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const payload = {\n name: {\n ar: formValue['name-ar'],\n en: formValue['name-en'],\n },\n };\n this.submitting.set(true);\n const sectionId = this.sectionId();\n if (sectionId) {\n // Update existing section\n this.facade.updateSection(sectionId, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n else {\n // Create new section\n this.facade\n .addSection({ ...payload, order: this.sectionsCount() })\n .subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n }\n onCancel() {\n this.ref.close(false);\n }\n onDelete(event) {\n const sectionId = this.sectionId();\n if (!sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteSection(sectionId).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSectionForm, isStandalone: true, selector: \"mt-fb-section-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Button], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }] } });","originalLength":9073,"removedExports":[],"renderedExports":["FBSectionForm"],"renderedLength":8357},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-section/fb-section.js":{"code":"class FBSection {\n confirmationService = inject(ConfirmationService);\n modalService = inject(ModalService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n // Inputs\n section = input.required(...(ngDevMode ? [{ debugName: \"section\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n /** All sections - used to get available fields for condition formulas */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // Outputs - only keep drag/drop since it needs coordination with parent drop list group\n onFieldDrop = output();\n // Computed\n sectionName = computed(() => {\n const lang = document.documentElement.lang;\n const section = this.section();\n return section.name[lang] ?? section.name['en'];\n }, ...(ngDevMode ? [{ debugName: \"sectionName\" }] : []));\n fields = computed(() => this.section().fields, ...(ngDevMode ? [{ debugName: \"fields\" }] : []));\n // UI State\n expanded = signal(true, ...(ngDevMode ? [{ debugName: \"expanded\" }] : []));\n // Form groups cache for dynamic fields\n formGroupsCache = new Map();\n constructor() {\n // Cleanup stale form groups when fields change\n effect(() => {\n const currentIds = new Set(this.fields().map((f) => f.id));\n for (const id of this.formGroupsCache.keys()) {\n if (!currentIds.has(id)) {\n this.formGroupsCache.delete(id);\n }\n }\n });\n }\n getFormGroup(field) {\n let fg = this.formGroupsCache.get(field.id);\n if (fg) {\n // Check if field name changed\n if (!fg.contains(field.name)) {\n const oldKey = Object.keys(fg.controls)[0];\n const value = oldKey ? fg.get(oldKey)?.value : field.data?.data;\n fg = new FormGroup({\n [field.name]: new FormControl(value),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n }\n else {\n fg = new FormGroup({\n [field.name]: new FormControl(field.data?.data),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n return fg;\n }\n toggleExpanded() {\n this.expanded.update((v) => !v);\n }\n onDrop(event) {\n this.onFieldDrop.emit(event);\n }\n editSection(event) {\n event.stopPropagation();\n const section = this.section();\n this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.edit-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: true,\n dismissible: true,\n inputValues: {\n sectionId: section.id,\n initialData: section.name,\n sectionsCount: this.sectionsCount(),\n },\n });\n }\n removeField(event, field) {\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.facade.deleteField(this.section().id, field.id);\n },\n });\n }\n editField(field) {\n this.modalService.openModal(FBFieldForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.field-settings'),\n height: '20vw',\n styleClass: '!w-100 !absolute !shadow-none',\n position: 'end',\n modal: true,\n dismissible: true,\n appendTo: '#page-content',\n inputValues: {\n initialData: field,\n sectionId: this.section().id,\n allSections: this.allSections(),\n },\n });\n }\n getFieldColSpan(field) {\n switch (field.width) {\n case '100':\n return 'col-span-12';\n case '50':\n return 'col-span-6';\n case '25':\n return 'col-span-3';\n default:\n return 'col-span-12';\n }\n }\n getFieldType(field) {\n const typeMap = {\n User: 'select',\n Text: 'text',\n LongText: 'editor-field',\n Percentage: 'slider',\n Date: 'date',\n Currency: 'text',\n Number: 'number',\n Lookup: 'select',\n LookupMultiSelect: 'select',\n Checkbox: 'toggle',\n InternalModule: 'select',\n DynamicList: 'select',\n API: 'select',\n Time: 'date',\n Status: 'select',\n Attachment: 'attachment',\n EditableListView: 'actionableTable',\n LookupLog: 'actionableTable',\n LookupMatrix: 'select',\n Location: 'select',\n };\n return typeMap[field.type] ?? 'text';\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSection, isStandalone: true, selector: \"mt-fb-section\", inputs: { section: { classPropertyName: \"section\", publicName: \"section\", isSignal: true, isRequired: true, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFieldDrop: \"onFieldDrop\" }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"component\", type: Icon, selector: \"mt-icon\", inputs: [\"icon\"] }, { kind: \"directive\", type: CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: DynamicField, selector: \"mt-dynamic-field\", inputs: [\"fieldConfig\", \"fieldName\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section', standalone: true, imports: [\n Button,\n Card,\n Icon,\n CdkDrag,\n CdkDropList,\n CdkDragPlaceholder,\n TranslocoDirective,\n DynamicField,\n ReactiveFormsModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { section: [{ type: i0.Input, args: [{ isSignal: true, alias: \"section\", required: true }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }], onFieldDrop: [{ type: i0.Output, args: [\"onFieldDrop\"] }] } });","originalLength":20679,"removedExports":[],"renderedExports":["FBSection"],"renderedLength":19649},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/fb-preview-form/fb-preview-form.js":{"code":"class FBPreviewForm {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n transloco = inject(TranslocoService);\n // Inputs\n sections = input([], ...(ngDevMode ? [{ debugName: \"sections\" }] : []));\n // Tab state\n activeTab = signal('create', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n isLoading = signal(false, ...(ngDevMode ? [{ debugName: \"isLoading\" }] : []));\n tabOptions = [\n {\n label: this.transloco.translate('formBuilder.create-form'),\n value: 'create',\n },\n { label: this.transloco.translate('formBuilder.edit-form'), value: 'edit' },\n ];\n // Form control for dynamic form\n formControl = new FormControl();\n constructor() {\n // Show skeleton briefly when tab changes to force rebuild\n effect(() => {\n this.activeTab(); // Track tab changes\n this.isLoading.set(true);\n setTimeout(() => this.isLoading.set(false), 50);\n });\n }\n // Convert enriched sections to DynamicFormConfig based on active tab\n formConfig = computed(() => {\n const sections = this.sections();\n const mode = this.activeTab();\n return {\n sections: sections\n .map((section, sectionIndex) => {\n const lang = document.documentElement.lang;\n const sectionName = section.name[lang] ?? section.name['en'] ?? '';\n // Filter fields based on mode\n const visibleFields = section.fields.filter((field) => {\n if (mode === 'create') {\n return !field.hiddenInCreation;\n }\n else {\n return !field.hiddenInEditForm;\n }\n });\n return {\n key: section.id,\n label: sectionName,\n type: 'header',\n columns: 12,\n order: section.order ?? sectionIndex,\n fields: visibleFields.map((field, fieldIndex) => {\n const colSpan = this.getColSpan(field.width);\n return {\n key: `field_${field.propertyId}`,\n label: field.name,\n type: this.mapFieldType(field.type),\n colSpan,\n order: field.order ?? fieldIndex,\n placeholder: field.name,\n };\n }),\n };\n })\n .filter((section) => section.fields.length > 0), // Hide empty sections\n };\n }, ...(ngDevMode ? [{ debugName: \"formConfig\" }] : []));\n /**\n * Map property view type to dynamic form field type\n */\n mapFieldType(viewType) {\n const typeMap = {\n User: 'select',\n Text: 'text',\n LongText: 'editor-field',\n Percentage: 'slider',\n Date: 'date',\n Currency: 'text',\n Number: 'number',\n Lookup: 'select',\n LookupMultiSelect: 'select',\n Checkbox: 'toggle',\n InternalModule: 'select',\n DynamicList: 'select',\n API: 'select',\n Time: 'date',\n Status: 'select',\n Attachment: 'attachment',\n EditableListView: 'actionableTable',\n LookupLog: 'actionableTable',\n LookupMatrix: 'select',\n Location: 'select',\n };\n return typeMap[viewType] ?? 'text';\n }\n /**\n * Convert field width to colSpan\n */\n getColSpan(width) {\n const widthMap = {\n '25': 3,\n '50': 6,\n '100': 12,\n };\n return widthMap[width] ?? 12;\n }\n onClose() {\n this.ref.close();\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBPreviewForm, isStandalone: true, selector: \"mt-fb-preview-form\", inputs: { sections: { classPropertyName: \"sections\", publicName: \"sections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Tabs, selector: \"mt-tabs\", inputs: [\"options\", \"optionLabel\", \"optionValue\", \"active\", \"size\", \"fluid\", \"disabled\"], outputs: [\"activeChange\", \"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-preview-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Tabs], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sections\", required: false }] }] } });","originalLength":8703,"removedExports":[],"renderedExports":["FBPreviewForm"],"renderedLength":8117},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/lib/form-builder.js":{"code":"class FormBuilder {\n modalService = inject(ModalService);\n confirmationService = inject(ConfirmationService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n dialogRef;\n // Local UI state\n activeTab = signal('system', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n // State from facade\n sections = this.facade.sections;\n properties = this.facade.properties;\n isLoading = this.facade.isLoadingFormConfiguration;\n error = this.facade.formConfigurationError;\n // Properties map for enrichment\n propertiesMap = computed(() => {\n const map = new Map();\n for (const prop of this.properties()) {\n map.set(prop.id, prop);\n }\n return map;\n }, ...(ngDevMode ? [{ debugName: \"propertiesMap\" }] : []));\n // Enrich sections with property data for UI display\n enrichedSections = computed(() => {\n const sections = this.sections();\n const propsMap = this.propertiesMap();\n const lang = document.documentElement.lang;\n return sections.map((section) => ({\n ...section,\n fields: section.fields.map((field) => {\n const prop = propsMap.get(field.propertyId);\n const propName = prop?.name;\n const name = typeof propName === 'string'\n ? propName\n : (propName?.[lang] ??\n propName?.['en'] ??\n `Property ${field.propertyId}`);\n return {\n ...field,\n name,\n type: prop?.viewType || 'text',\n data: prop,\n };\n }),\n }));\n }, ...(ngDevMode ? [{ debugName: \"enrichedSections\" }] : []));\n // Available properties for toolbox tabs\n availableTabs = computed(() => {\n const tabs = [];\n const usedPropertyIds = new Set(this.sections().flatMap((s) => s.fields.map((f) => f.propertyId)));\n const availableProps = this.properties().filter((p) => !usedPropertyIds.has(p.id));\n const systemProps = availableProps.filter((p) => p['isSystem']);\n const customProps = availableProps.filter((p) => !p['isSystem']);\n if (systemProps.length > 0) {\n tabs.push({ id: 'system', title: 'System', properties: systemProps });\n }\n if (customProps.length > 0) {\n tabs.push({ id: 'custom', title: 'Custom', properties: customProps });\n }\n return tabs;\n }, ...(ngDevMode ? [{ debugName: \"availableTabs\" }] : []));\n constructor() {\n // Update active tab when tabs change\n effect(() => {\n const tabs = this.availableTabs();\n const currentTab = this.activeTab();\n if (tabs.length > 0 && !tabs.some((t) => t.id === currentTab)) {\n this.activeTab.set(tabs[0].id);\n }\n });\n }\n drop(event) {\n const targetSectionId = event.container.id;\n if (event.previousContainer === event.container) {\n // Reordering within the same section\n const fields = [...event.container.data];\n const [movedField] = fields.splice(event.previousIndex, 1);\n fields.splice(event.currentIndex, 0, movedField);\n // Build bulk reorder payload with new order values\n const reorderPayload = fields.map((field, index) => ({\n id: field.id,\n order: index,\n }));\n this.facade.reorderFields(targetSectionId, reorderPayload);\n }\n else if (event.previousContainer.id.startsWith('toolbox-')) {\n // Adding from toolbox\n const propertyItem = event.item.data;\n this.facade.addField(targetSectionId, {\n propertyId: propertyItem.id,\n width: '100',\n order: event.currentIndex,\n hiddenInCreation: false,\n });\n }\n else {\n // Moving between sections\n const sourceSectionId = event.previousContainer.id;\n const field = event.item.data;\n this.facade.moveField(sourceSectionId, field.id, {\n targetSectionId,\n order: event.currentIndex,\n });\n }\n }\n addSection() {\n this.dialogRef = this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.add-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: true,\n dismissible: true,\n inputValues: {\n sectionsCount: this.sections().length,\n },\n });\n }\n openPreview() {\n this.dialogRef = this.modalService.openModal(FBPreviewForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.preview'),\n styleClass: '!w-[80vw] ',\n position: 'end',\n modal: true,\n dismissible: true,\n inputValues: {\n sections: this.enrichedSections(),\n },\n });\n }\n resetFormConfiguration() {\n this.confirmationService.confirm({\n type: 'dialog',\n acceptButtonStyleClass: 'p-button-danger',\n accept: () => {\n this.facade.resetFormConfiguration();\n },\n });\n }\n noReturnPredicate = () => false;\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FormBuilder, isStandalone: true, selector: \"mt-form-builder\", ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n <!-- Properties Sidebar -->\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n @if (properties().length === 0) {\\r\\n @if (isLoading()) {\\r\\n <!-- Properties Loading Skeleton -->\\r\\n <div class=\\\"p-4 space-y-3\\\">\\r\\n <p-skeleton height=\\\"2rem\\\" styleClass=\\\"mb-4\\\" />\\r\\n @for (i of [1, 2, 3, 4, 5, 6]; track i) {\\r\\n <p-skeleton height=\\\"3rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n }\\r\\n </div>\\r\\n } @else {\\r\\n <!-- No Properties State -->\\r\\n <div class=\\\"flex-1 flex items-center justify-center p-4\\\">\\r\\n <div class=\\\"text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">{{ t(\\\"no-properties\\\") }}</p>\\r\\n </div>\\r\\n </div>\\r\\n }\\r\\n } @else {\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n @if (isLoading()) {\\r\\n <!-- Form Loading Skeleton -->\\r\\n @for (i of [1, 2]; track i) {\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 space-y-4\\\">\\r\\n <!-- Section header skeleton -->\\r\\n <div class=\\\"flex items-center justify-between\\\">\\r\\n <p-skeleton width=\\\"10rem\\\" height=\\\"1.5rem\\\" />\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n </div>\\r\\n </div>\\r\\n <!-- Fields skeleton -->\\r\\n <div class=\\\"grid grid-cols-12 gap-4\\\">\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-12\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n </div>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n } @else {\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"ngmodule\", type: TabsModule }, { kind: \"component\", type: i1$1.Tabs, selector: \"p-tabs\", inputs: [\"value\", \"scrollable\", \"lazy\", \"selectOnFocus\", \"showNavigators\", \"tabindex\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabPanels, selector: \"p-tabpanels\" }, { kind: \"component\", type: i1$1.TabPanel, selector: \"p-tabpanel\", inputs: [\"lazy\", \"value\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabList, selector: \"p-tablist\" }, { kind: \"component\", type: i1$1.Tab, selector: \"p-tab\", inputs: [\"value\", \"disabled\"], outputs: [\"valueChange\"] }, { kind: \"ngmodule\", type: SkeletonModule }, { kind: \"component\", type: i2.Skeleton, selector: \"p-skeleton\", inputs: [\"styleClass\", \"shape\", \"animation\", \"borderRadius\", \"size\", \"width\", \"height\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: FBSection, selector: \"mt-fb-section\", inputs: [\"section\", \"sectionsCount\", \"allSections\"], outputs: [\"onFieldDrop\"] }, { kind: \"ngmodule\", type: DragDropModule }, { kind: \"directive\", type: i3.CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: i3.CdkDropListGroup, selector: \"[cdkDropListGroup]\", inputs: [\"cdkDropListGroupDisabled\"], exportAs: [\"cdkDropListGroup\"] }, { kind: \"directive\", type: i3.CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: i3.CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"pipe\", type: i4.TitleCasePipe, name: \"titlecase\" }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, decorators: [{\n type: Component,\n args: [{ selector: 'mt-form-builder', standalone: true, imports: [\n CommonModule,\n FormsModule,\n TabsModule,\n SkeletonModule,\n Button,\n Card,\n TranslocoDirective,\n FBSection,\n DragDropModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n <!-- Properties Sidebar -->\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n @if (properties().length === 0) {\\r\\n @if (isLoading()) {\\r\\n <!-- Properties Loading Skeleton -->\\r\\n <div class=\\\"p-4 space-y-3\\\">\\r\\n <p-skeleton height=\\\"2rem\\\" styleClass=\\\"mb-4\\\" />\\r\\n @for (i of [1, 2, 3, 4, 5, 6]; track i) {\\r\\n <p-skeleton height=\\\"3rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n }\\r\\n </div>\\r\\n } @else {\\r\\n <!-- No Properties State -->\\r\\n <div class=\\\"flex-1 flex items-center justify-center p-4\\\">\\r\\n <div class=\\\"text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">{{ t(\\\"no-properties\\\") }}</p>\\r\\n </div>\\r\\n </div>\\r\\n }\\r\\n } @else {\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n @if (isLoading()) {\\r\\n <!-- Form Loading Skeleton -->\\r\\n @for (i of [1, 2]; track i) {\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 space-y-4\\\">\\r\\n <!-- Section header skeleton -->\\r\\n <div class=\\\"flex items-center justify-between\\\">\\r\\n <p-skeleton width=\\\"10rem\\\" height=\\\"1.5rem\\\" />\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n </div>\\r\\n </div>\\r\\n <!-- Fields skeleton -->\\r\\n <div class=\\\"grid grid-cols-12 gap-4\\\">\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-12\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n </div>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n } @else {\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"] }]\n }], ctorParameters: () => [] });","originalLength":25117,"removedExports":[],"renderedExports":["FormBuilder"],"renderedLength":23974},"C:/Users/ABDULLAH WISHAH/Documents/GitHub/components/dist/masterteam/form-builder/tmp-esm2022/public-api.js":{"code":"/*\n * Public API Surface of form-builder\n */","originalLength":157,"removedExports":[],"renderedExports":[],"renderedLength":44},"C:\\Users\\ABDULLAH WISHAH\\Documents\\GitHub\\components\\dist\\masterteam\\form-builder\\tmp-esm2022\\masterteam-form-builder.js":{"code":"/**\n * Generated bundle index. Do not edit.\n */","originalLength":129,"removedExports":[],"renderedExports":[],"renderedLength":47}},"referencedFiles":[],"code":"import * as i0 from '@angular/core';\nimport { inject, Injectable, computed, input, signal, viewChild, Component, effect, output } from '@angular/core';\nimport * as i4 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1 from '@angular/forms';\nimport { FormControl, ReactiveFormsModule, FormGroup, FormsModule } from '@angular/forms';\nimport * as i1$1 from 'primeng/tabs';\nimport { TabsModule } from 'primeng/tabs';\nimport * as i2 from 'primeng/skeleton';\nimport { SkeletonModule } from 'primeng/skeleton';\nimport { Button } from '@masterteam/components/button';\nimport { Card } from '@masterteam/components/card';\nimport { ModalService } from '@masterteam/components/modal';\nimport { ConfirmationService } from '@masterteam/components/confirmation';\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\nimport * as i3 from '@angular/cdk/drag-drop';\nimport { CdkDrag, CdkDropList, CdkDragPlaceholder, DragDropModule } from '@angular/cdk/drag-drop';\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\nimport { Icon } from '@masterteam/icons';\nimport { Action, Selector, State, Store, select } from '@ngxs/store';\nimport { HttpClient } from '@angular/common/http';\nimport { CrudStateBase, handleApiRequest, RadioCardsFieldConfig } from '@masterteam/components';\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\nimport { ToggleField } from '@masterteam/components/toggle-field';\nimport { ModalRef } from '@masterteam/components/dialog';\nimport { FormulaToolbar, FormulaEditor } from '@masterteam/components/formula';\nimport { Tabs } from '@masterteam/components/tabs';\n\n// ============================================================================\n// Module Configuration Actions\n// ============================================================================\nclass SetModuleInfo {\n moduleType;\n moduleId;\n parentModuleType;\n parentModuleId;\n parentPath;\n static type = '[FormBuilder] Set Module Info';\n constructor(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n this.moduleType = moduleType;\n this.moduleId = moduleId;\n this.parentModuleType = parentModuleType;\n this.parentModuleId = parentModuleId;\n this.parentPath = parentPath;\n }\n}\nclass ResetFormBuilderState {\n static type = '[FormBuilder] Reset State';\n}\nclass SetProperties {\n properties;\n static type = '[FormBuilder] Set Properties';\n constructor(properties) {\n this.properties = properties;\n }\n}\n// ============================================================================\n// Form Configuration Actions\n// ============================================================================\nclass GetFormConfiguration {\n static type = '[FormBuilder] Get Form Configuration';\n}\nclass ResetFormConfiguration {\n static type = '[FormBuilder] Reset Form Configuration';\n}\n// ============================================================================\n// Section Actions\n// ============================================================================\nclass AddSection {\n payload;\n static type = '[FormBuilder] Add Section';\n constructor(payload) {\n this.payload = payload;\n }\n}\nclass UpdateSection {\n sectionId;\n payload;\n static type = '[FormBuilder] Update Section';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass DeleteSection {\n sectionId;\n static type = '[FormBuilder] Delete Section';\n constructor(sectionId) {\n this.sectionId = sectionId;\n }\n}\n// ============================================================================\n// Field Actions\n// ============================================================================\nclass AddField {\n sectionId;\n payload;\n static type = '[FormBuilder] Add Field';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass UpdateField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Update Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}\nclass DeleteField {\n sectionId;\n fieldId;\n static type = '[FormBuilder] Delete Field';\n constructor(sectionId, fieldId) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n }\n}\nclass ReorderFields {\n sectionId;\n payload;\n static type = '[FormBuilder] Reorder Fields';\n constructor(sectionId, payload) {\n this.sectionId = sectionId;\n this.payload = payload;\n }\n}\nclass MoveField {\n sectionId;\n fieldId;\n payload;\n static type = '[FormBuilder] Move Field';\n constructor(sectionId, fieldId, payload) {\n this.sectionId = sectionId;\n this.fieldId = fieldId;\n this.payload = payload;\n }\n}\n\n// ============================================================================\n// Action Keys Enum\n// ============================================================================\nvar FormBuilderActionKey;\n(function (FormBuilderActionKey) {\n // Form Configuration\n FormBuilderActionKey[\"GetFormConfiguration\"] = \"getFormConfiguration\";\n FormBuilderActionKey[\"ResetFormConfiguration\"] = \"resetFormConfiguration\";\n // Section CRUD\n FormBuilderActionKey[\"AddSection\"] = \"addSection\";\n FormBuilderActionKey[\"UpdateSection\"] = \"updateSection\";\n FormBuilderActionKey[\"DeleteSection\"] = \"deleteSection\";\n // Field CRUD\n FormBuilderActionKey[\"AddField\"] = \"addField\";\n FormBuilderActionKey[\"UpdateField\"] = \"updateField\";\n FormBuilderActionKey[\"DeleteField\"] = \"deleteField\";\n FormBuilderActionKey[\"MoveField\"] = \"moveField\";\n FormBuilderActionKey[\"ReorderFields\"] = \"reorderFields\";\n})(FormBuilderActionKey || (FormBuilderActionKey = {}));\n\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\n// Default State\nconst DEFAULT_STATE = {\n // Module configuration\n moduleType: null,\n moduleId: null,\n parentModuleType: null,\n parentModuleId: null,\n parentPath: '',\n // Form data\n formConfiguration: null,\n // Properties for field enrichment\n properties: [],\n // Loading state (from LoadingStateShape)\n loadingActive: [],\n errors: {},\n};\nlet FormBuilderState = class FormBuilderState extends CrudStateBase {\n http = inject(HttpClient);\n baseUrl = 'formConfigurations';\n // ============================================================================\n // Helpers\n // ============================================================================\n getApiPath(state) {\n const { parentPath, moduleType, moduleId } = state;\n return `${this.baseUrl}${parentPath}/${moduleType}/${moduleId}`;\n }\n // ============================================================================\n // Selectors\n // ============================================================================\n static getState(state) {\n return state ?? DEFAULT_STATE;\n }\n static getFormConfiguration(state) {\n return state?.formConfiguration ?? null;\n }\n static getSections(state) {\n return state?.formConfiguration?.sections ?? [];\n }\n static getModuleType(state) {\n return state?.moduleType ?? null;\n }\n static getModuleId(state) {\n return state?.moduleId ?? null;\n }\n static getProperties(state) {\n return state?.properties ?? [];\n }\n // ============================================================================\n // Module Configuration Actions\n // ============================================================================\n setModuleInfo(ctx, action) {\n let parentPath = '';\n if (action.parentModuleType && action.parentModuleId) {\n parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\n }\n else if (action.parentPath) {\n parentPath = action.parentPath;\n }\n ctx.patchState({\n moduleType: action.moduleType,\n moduleId: action.moduleId,\n parentModuleType: action.parentModuleType ?? null,\n parentModuleId: action.parentModuleId ?? null,\n parentPath: parentPath ?? '',\n });\n }\n resetState(ctx) {\n ctx.setState(DEFAULT_STATE);\n }\n setProperties(ctx, action) {\n ctx.patchState({\n properties: action.properties,\n });\n }\n // ============================================================================\n // Form Configuration Actions\n // ============================================================================\n getFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = this.getApiPath(state);\n const req$ = this.http.get(apiPath);\n return this.load(ctx, {\n key: FormBuilderActionKey.GetFormConfiguration,\n request$: req$,\n updateState: (_state, data) => ({\n formConfiguration: data ?? null,\n }),\n });\n }\n resetFormConfiguration(ctx) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/reset`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.ResetFormConfiguration,\n request$: req$,\n onSuccess: (res, _currentState) => ({\n formConfiguration: res.data ?? null,\n }),\n });\n }\n // ============================================================================\n // Section Actions\n // ============================================================================\n addSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections`;\n const req$ = this.http.post(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.addOne(currentState.formConfiguration?.sections ?? [], res.data);\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.put(apiPath, action.payload);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.upsertOne(currentState.formConfiguration?.sections ?? [], res.data, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n deleteSection(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\n const req$ = this.http.delete(apiPath);\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteSection,\n request$: req$,\n onSuccess: (res, currentState) => {\n const sections = this.adapter.removeOne(currentState.formConfiguration?.sections ?? [], res.data.id, 'id');\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n // ============================================================================\n // Field Actions\n // ============================================================================\n addField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields`;\n const req$ = this.http.post(apiPath, action.payload);\n // Generate temp ID for optimistic update\n const tempId = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n const tempField = {\n id: tempId,\n sectionId: action.sectionId,\n propertyId: action.payload.propertyId,\n width: action.payload.width,\n order: action.payload.order ?? 0,\n hiddenInCreation: action.payload.hiddenInCreation,\n _pending: true,\n };\n // Optimistically add the temp field\n const sectionsWithTemp = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const insertIndex = action.payload.order ?? fields.length;\n fields.splice(insertIndex, 0, tempField);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithTemp,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.AddField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const newField = res.data;\n // Replace temp field with real field\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === tempId ? newField : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove temp field on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== tempId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n updateField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update for order changes\n if (action.payload.order !== undefined) {\n const newOrder = action.payload.order;\n const sections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const fields = [...section.fields];\n const currentIndex = fields.findIndex((f) => f.id === action.fieldId);\n if (currentIndex !== -1) {\n const [movedField] = fields.splice(currentIndex, 1);\n fields.splice(newOrder, 0, movedField);\n }\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections,\n },\n });\n }\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.UpdateField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const updatedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n // Update the field but preserve current array order (from optimistic update)\n // Don't re-sort by order property as other fields may have stale order values\n const updatedFields = section.fields.map((f, index) => f.id === updatedField.id\n ? { ...updatedField, order: index }\n : { ...f, order: index });\n return {\n ...section,\n fields: updatedFields,\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error - reload original state\n if (action.payload.order !== undefined) {\n return {\n formConfiguration: state.formConfiguration,\n };\n }\n return {};\n },\n });\n }\n deleteField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\n const req$ = this.http.delete(apiPath);\n // Optimistically mark field as deleting\n const sectionsWithDeleting = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: true } : f),\n };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithDeleting,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.DeleteField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const { id: deletedId, sectionId } = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sectionId) {\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== deletedId),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, currentState) => {\n // Remove _deleting flag on error\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n return {\n ...section,\n fields: section.fields.map((f) => f.id === action.fieldId ? { ...f, _deleting: false } : f),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n });\n }\n reorderFields(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/reorder`;\n const req$ = this.http.put(apiPath, action.payload);\n // Create order map for optimistic update\n const orderMap = new Map(action.payload.map((p) => [p.id, p.order]));\n // Apply optimistic update\n const optimisticSections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const reorderedFields = section.fields\n .map((f) => ({\n ...f,\n order: orderMap.get(f.id) ?? f.order,\n }))\n .sort((a, b) => a.order - b.order);\n return { ...section, fields: reorderedFields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: optimisticSections,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.ReorderFields,\n request$: req$,\n onSuccess: (res, currentState) => {\n const updatedFields = res.data;\n const fieldMap = new Map(updatedFields.map((f) => [f.id, f]));\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === action.sectionId) {\n const mergedFields = section.fields\n .map((f) => fieldMap.get(f.id) ?? f)\n .sort((a, b) => a.order - b.order);\n return { ...section, fields: mergedFields };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert to original state on error\n return {\n formConfiguration: state.formConfiguration,\n };\n },\n });\n }\n moveField(ctx, action) {\n const state = ctx.getState();\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}/move`;\n const req$ = this.http.put(apiPath, action.payload);\n // Apply optimistic update - move field immediately\n const sourceSectionId = action.sectionId;\n const targetSectionId = action.payload.targetSectionId;\n const targetOrder = action.payload.order ?? 0;\n let movedFieldData = null;\n const optimisticSections = (state.formConfiguration?.sections ?? []).map((section) => {\n if (section.id === sourceSectionId) {\n const fieldToMove = section.fields.find((f) => f.id === action.fieldId);\n if (fieldToMove) {\n movedFieldData = { ...fieldToMove, order: targetOrder };\n }\n return {\n ...section,\n fields: section.fields.filter((f) => f.id !== action.fieldId),\n };\n }\n return section;\n });\n // Add to target section\n const sectionsWithMoved = optimisticSections.map((section) => {\n if (section.id === targetSectionId && movedFieldData) {\n const fields = [...section.fields];\n fields.splice(targetOrder, 0, movedFieldData);\n return { ...section, fields };\n }\n return section;\n });\n ctx.patchState({\n formConfiguration: {\n ...state.formConfiguration,\n sections: sectionsWithMoved,\n },\n });\n return handleApiRequest({\n ctx,\n key: FormBuilderActionKey.MoveField,\n request$: req$,\n onSuccess: (res, currentState) => {\n const movedField = res.data;\n const sections = (currentState.formConfiguration?.sections ?? []).map((section) => {\n // Update the moved field with server response\n if (section.id === targetSectionId) {\n return {\n ...section,\n fields: section.fields\n .map((f) => (f.id === movedField.id ? movedField : f))\n .sort((a, b) => a.order - b.order),\n };\n }\n return section;\n });\n return {\n formConfiguration: {\n ...currentState.formConfiguration,\n sections,\n },\n };\n },\n onError: (_error, _currentState) => {\n // Revert optimistic update on error\n return {\n formConfiguration: state.formConfiguration,\n };\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState });\n};\n__decorate([\n Action(SetModuleInfo)\n], FormBuilderState.prototype, \"setModuleInfo\", null);\n__decorate([\n Action(ResetFormBuilderState)\n], FormBuilderState.prototype, \"resetState\", null);\n__decorate([\n Action(SetProperties)\n], FormBuilderState.prototype, \"setProperties\", null);\n__decorate([\n Action(GetFormConfiguration)\n], FormBuilderState.prototype, \"getFormConfiguration\", null);\n__decorate([\n Action(ResetFormConfiguration)\n], FormBuilderState.prototype, \"resetFormConfiguration\", null);\n__decorate([\n Action(AddSection)\n], FormBuilderState.prototype, \"addSection\", null);\n__decorate([\n Action(UpdateSection)\n], FormBuilderState.prototype, \"updateSection\", null);\n__decorate([\n Action(DeleteSection)\n], FormBuilderState.prototype, \"deleteSection\", null);\n__decorate([\n Action(AddField)\n], FormBuilderState.prototype, \"addField\", null);\n__decorate([\n Action(UpdateField)\n], FormBuilderState.prototype, \"updateField\", null);\n__decorate([\n Action(DeleteField)\n], FormBuilderState.prototype, \"deleteField\", null);\n__decorate([\n Action(ReorderFields)\n], FormBuilderState.prototype, \"reorderFields\", null);\n__decorate([\n Action(MoveField)\n], FormBuilderState.prototype, \"moveField\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getState\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getFormConfiguration\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getSections\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleType\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getModuleId\", null);\n__decorate([\n Selector()\n], FormBuilderState, \"getProperties\", null);\nFormBuilderState = __decorate([\n State({\n name: 'formBuilder',\n defaults: DEFAULT_STATE,\n })\n], FormBuilderState);\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderState, decorators: [{\n type: Injectable\n }], propDecorators: { setModuleInfo: [], resetState: [], setProperties: [], getFormConfiguration: [], resetFormConfiguration: [], addSection: [], updateSection: [], deleteSection: [], addField: [], updateField: [], deleteField: [], reorderFields: [], moveField: [] } });\n\nclass FormBuilderFacade {\n store = inject(Store);\n // ============================================================================\n // State Selectors\n // ============================================================================\n stateSignal = select(FormBuilderState.getState);\n formConfiguration = select(FormBuilderState.getFormConfiguration);\n sections = select(FormBuilderState.getSections);\n properties = select(FormBuilderState.getProperties);\n moduleType = select(FormBuilderState.getModuleType);\n moduleId = select(FormBuilderState.getModuleId);\n // ============================================================================\n // Loading Signals\n // ============================================================================\n isLoadingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.GetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isLoadingFormConfiguration\" }] : []));\n isResettingFormConfiguration = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.ResetFormConfiguration), ...(ngDevMode ? [{ debugName: \"isResettingFormConfiguration\" }] : []));\n isAddingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddSection), ...(ngDevMode ? [{ debugName: \"isAddingSection\" }] : []));\n isUpdatingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateSection), ...(ngDevMode ? [{ debugName: \"isUpdatingSection\" }] : []));\n isDeletingSection = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteSection), ...(ngDevMode ? [{ debugName: \"isDeletingSection\" }] : []));\n isAddingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddField), ...(ngDevMode ? [{ debugName: \"isAddingField\" }] : []));\n isUpdatingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateField), ...(ngDevMode ? [{ debugName: \"isUpdatingField\" }] : []));\n isDeletingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteField), ...(ngDevMode ? [{ debugName: \"isDeletingField\" }] : []));\n isMovingField = computed(() => this.stateSignal().loadingActive.includes(FormBuilderActionKey.MoveField), ...(ngDevMode ? [{ debugName: \"isMovingField\" }] : []));\n // ============================================================================\n // Error Signals\n // ============================================================================\n formConfigurationError = computed(() => this.stateSignal().errors[FormBuilderActionKey.GetFormConfiguration] ??\n null, ...(ngDevMode ? [{ debugName: \"formConfigurationError\" }] : []));\n sectionError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddSection] ??\n errors[FormBuilderActionKey.UpdateSection] ??\n errors[FormBuilderActionKey.DeleteSection] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"sectionError\" }] : []));\n fieldError = computed(() => {\n const errors = this.stateSignal().errors;\n return (errors[FormBuilderActionKey.AddField] ??\n errors[FormBuilderActionKey.UpdateField] ??\n errors[FormBuilderActionKey.DeleteField] ??\n errors[FormBuilderActionKey.MoveField] ??\n null);\n }, ...(ngDevMode ? [{ debugName: \"fieldError\" }] : []));\n // ============================================================================\n // Module Configuration Dispatchers\n // ============================================================================\n setModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {\n return this.store.dispatch(new SetModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath));\n }\n resetState() {\n return this.store.dispatch(new ResetFormBuilderState());\n }\n setProperties(properties) {\n return this.store.dispatch(new SetProperties(properties));\n }\n // ============================================================================\n // Form Configuration Dispatchers\n // ============================================================================\n getFormConfiguration() {\n return this.store.dispatch(new GetFormConfiguration());\n }\n resetFormConfiguration() {\n return this.store.dispatch(new ResetFormConfiguration());\n }\n // ============================================================================\n // Section Dispatchers\n // ============================================================================\n addSection(payload) {\n return this.store.dispatch(new AddSection(payload));\n }\n updateSection(sectionId, payload) {\n return this.store.dispatch(new UpdateSection(sectionId, payload));\n }\n deleteSection(sectionId) {\n return this.store.dispatch(new DeleteSection(sectionId));\n }\n // ============================================================================\n // Field Dispatchers\n // ============================================================================\n addField(sectionId, payload) {\n return this.store.dispatch(new AddField(sectionId, payload));\n }\n updateField(sectionId, fieldId, payload) {\n return this.store.dispatch(new UpdateField(sectionId, fieldId, payload));\n }\n deleteField(sectionId, fieldId) {\n return this.store.dispatch(new DeleteField(sectionId, fieldId));\n }\n reorderFields(sectionId, payload) {\n return this.store.dispatch(new ReorderFields(sectionId, payload));\n }\n moveField(sectionId, fieldId, payload) {\n return this.store.dispatch(new MoveField(sectionId, fieldId, payload));\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\n static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, providedIn: 'root' });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilderFacade, decorators: [{\n type: Injectable,\n args: [{ providedIn: 'root' }]\n }] });\n\n/**\n * Condition Formula Constants\n * Static functions and operators for condition formulas (Show/Hide/Enable/Disable)\n */\n/**\n * Functions for field conditions\n */\nconst CONDITION_FUNCTION_CATEGORIES = [\n {\n name: 'Logic',\n displayName: 'Field Visibility',\n functions: [\n {\n name: 'SHOW_IF',\n category: 'Logic',\n description: 'Show this field when condition is true',\n signature: 'SHOW_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is visible',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'SHOW_IF(@Status == \"Active\")',\n 'SHOW_IF(@Type == \"Custom\")',\n ],\n },\n {\n name: 'HIDE_IF',\n category: 'Logic',\n description: 'Hide this field when condition is true',\n signature: 'HIDE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is hidden',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['HIDE_IF(@Status == \"Closed\")', 'HIDE_IF(ISNULL(@Parent))'],\n },\n {\n name: 'DISABLE_IF',\n category: 'Logic',\n description: 'Disable this field when condition is true',\n signature: 'DISABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is disabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'DISABLE_IF(@IsLocked == true)',\n 'DISABLE_IF(@Status == \"Approved\")',\n ],\n },\n {\n name: 'ENABLE_IF',\n category: 'Logic',\n description: 'Enable this field when condition is true',\n signature: 'ENABLE_IF(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'When true, field is enabled',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: [\n 'ENABLE_IF(@Status == \"Draft\")',\n 'ENABLE_IF(@CanEdit == true)',\n ],\n },\n ],\n },\n {\n name: 'Aggregation',\n displayName: 'Logic Helpers',\n functions: [\n {\n name: 'AND',\n category: 'Aggregation',\n description: 'Returns true if all conditions are true',\n signature: 'AND(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['AND(@Status == \"Active\", @Priority > 0)'],\n },\n {\n name: 'OR',\n category: 'Aggregation',\n description: 'Returns true if any condition is true',\n signature: 'OR(condition1, condition2)',\n parameters: [\n {\n name: 'condition1',\n type: 'boolean',\n description: 'First condition',\n required: true,\n },\n {\n name: 'condition2',\n type: 'boolean',\n description: 'Second condition',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['OR(@Status == \"Active\", @Status == \"Pending\")'],\n },\n {\n name: 'NOT',\n category: 'Aggregation',\n description: 'Returns the opposite of the condition',\n signature: 'NOT(condition)',\n parameters: [\n {\n name: 'condition',\n type: 'boolean',\n description: 'The condition to negate',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['NOT(@IsCompleted)'],\n },\n {\n name: 'ISNULL',\n category: 'Aggregation',\n description: 'Returns true if value is null or empty',\n signature: 'ISNULL(value)',\n parameters: [\n {\n name: 'value',\n type: 'any',\n description: 'The value to check',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['ISNULL(@Description)'],\n },\n {\n name: 'CONTAINS',\n category: 'Aggregation',\n description: 'Returns true if text contains the search string',\n signature: 'CONTAINS(text, search)',\n parameters: [\n {\n name: 'text',\n type: 'string',\n description: 'The text to search in',\n required: true,\n },\n {\n name: 'search',\n type: 'string',\n description: 'The string to search for',\n required: true,\n },\n ],\n returnType: 'boolean',\n examples: ['CONTAINS(@Name, \"Project\")'],\n },\n ],\n },\n];\n/**\n * Operators for conditions\n */\nconst CONDITION_OPERATORS = [\n // Comparison\n {\n symbol: '==',\n name: 'Equal',\n type: 'comparison',\n description: 'Equal to',\n precedence: 3,\n },\n {\n symbol: '!=',\n name: 'Not Equal',\n type: 'comparison',\n description: 'Not equal to',\n precedence: 3,\n },\n {\n symbol: '>',\n name: 'Greater Than',\n type: 'comparison',\n description: 'Greater than',\n precedence: 4,\n },\n {\n symbol: '<',\n name: 'Less Than',\n type: 'comparison',\n description: 'Less than',\n precedence: 4,\n },\n {\n symbol: '>=',\n name: 'Greater or Equal',\n type: 'comparison',\n description: 'Greater than or equal',\n precedence: 4,\n },\n {\n symbol: '<=',\n name: 'Less or Equal',\n type: 'comparison',\n description: 'Less than or equal',\n precedence: 4,\n },\n // Logical\n {\n symbol: '&&',\n name: 'And',\n type: 'logical',\n description: 'Logical AND',\n precedence: 2,\n },\n {\n symbol: '||',\n name: 'Or',\n type: 'logical',\n description: 'Logical OR',\n precedence: 1,\n },\n];\n\n/**\n * Field Conditions Dialog\n *\n * Allows users to define conditional display formulas for form fields.\n * Uses FormulaToolbar + FormulaEditor directly for a visual formula editing experience.\n */\nclass FBFieldConditions {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n // Inputs\n /** Initial formula (JSON string from backend) */\n initialFormula = input('', ...(ngDevMode ? [{ debugName: \"initialFormula\" }] : []));\n /** Available fields from the form builder (other fields that can be referenced) */\n availableFields = input([], ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n // Form control for the formula editor (tokens array)\n formulaControl = new FormControl([]);\n // View child for the editor\n editorRef = viewChild('editor', ...(ngDevMode ? [{ debugName: \"editorRef\" }] : []));\n // Condition-specific functions and operators\n functionCategories = CONDITION_FUNCTION_CATEGORIES;\n operators = CONDITION_OPERATORS;\n /** Extract property keys for toolbar */\n propertyKeys = computed(() => this.availableFields().map((f) => f.key), ...(ngDevMode ? [{ debugName: \"propertyKeys\" }] : []));\n /** Toolbar labels */\n toolbarLabels = {\n functions: 'Functions',\n properties: 'Fields',\n operators: 'Operators',\n noPropertiesAvailable: 'No fields available',\n };\n ngOnInit() {\n // Parse JSON string to tokens\n const formula = this.initialFormula();\n if (formula) {\n try {\n const tokens = JSON.parse(formula);\n this.formulaControl.patchValue(tokens);\n }\n catch {\n // Invalid JSON, start with empty\n }\n }\n }\n /** Handle block insert from toolbar */\n onBlockInsert(block) {\n const editor = this.editorRef();\n if (editor) {\n editor.addBlock(block);\n }\n }\n onSave() {\n const tokens = this.formulaControl.value ?? [];\n const formula = tokens.length > 0 ? JSON.stringify(tokens) : '';\n this.ref.close({ saved: true, conditionalDisplayFormula: formula });\n }\n onCancel() {\n this.ref.close({ saved: false });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"21.0.3\", type: FBFieldConditions, isStandalone: true, selector: \"mt-fb-field-conditions\", inputs: { initialFormula: { classPropertyName: \"initialFormula\", publicName: \"initialFormula\", isSignal: true, isRequired: false, transformFunction: null }, availableFields: { classPropertyName: \"availableFields\", publicName: \"availableFields\", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: \"editorRef\", first: true, predicate: [\"editor\"], descendants: true, isSignal: true }], ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: FormulaToolbar, selector: \"mt-formula-toolbar\", inputs: [\"knownProperties\", \"functionCategories\", \"operators\", \"initialTab\", \"searchPlaceholder\", \"labels\"], outputs: [\"onBlockInsert\", \"onTabChange\"] }, { kind: \"component\", type: FormulaEditor, selector: \"mt-formula-editor\", inputs: [\"placeholder\", \"initialTokens\", \"disabled\"], outputs: [\"formulaChange\", \"tokensChange\", \"onBlur\", \"onFocus\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldConditions, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-conditions', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n Button,\n FormulaToolbar,\n FormulaEditor,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], propDecorators: { initialFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialFormula\", required: false }] }], availableFields: [{ type: i0.Input, args: [{ isSignal: true, alias: \"availableFields\", required: false }] }], editorRef: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }] } });\n\nclass FBFieldForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input('', ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n /** All sections with enriched fields (to get available fields for conditions) */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n conditionalDisplayFormula = signal('', ...(ngDevMode ? [{ debugName: \"conditionalDisplayFormula\" }] : []));\n conditionsDialogRef;\n /**\n * Compute available fields for condition formula\n * Excludes the current field being edited\n */\n availableFields = computed(() => {\n const sections = this.allSections();\n const currentField = this.initialData();\n const fields = [];\n for (const section of sections) {\n for (const field of section.fields) {\n // Exclude the current field being edited\n if (currentField && field.id === currentField.id)\n continue;\n fields.push({\n key: field.name,\n name: field.name,\n type: field.type,\n });\n }\n }\n return fields;\n }, ...(ngDevMode ? [{ debugName: \"availableFields\" }] : []));\n // Form\n formControl = new FormControl();\n showHideControl = new FormControl(false);\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'isRequired',\n label: this.transloco.translate('formBuilder.is-required'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 1,\n },\n {\n key: 'hiddenInCreation',\n label: this.transloco.translate('formBuilder.hidden-in-creation'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 2,\n },\n {\n key: 'hiddenInEditForm',\n label: this.transloco.translate('formBuilder.hidden-in-edit-form'),\n type: 'toggle',\n toggleShape: 'card',\n colSpan: 12,\n order: 3,\n },\n new RadioCardsFieldConfig({\n key: 'size',\n label: this.transloco.translate('formBuilder.size'),\n placeholder: this.transloco.translate('formBuilder.size'),\n options: [\n { id: 's', name: 'S' },\n { id: 'm', name: 'M' },\n { id: 'l', name: 'L' },\n ],\n order: 4,\n size: 'small',\n }),\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n const widthToSize = {\n '25': 's',\n '50': 'm',\n '100': 'l',\n };\n this.formControl.patchValue({\n isRequired: data.isRequired ?? false,\n hiddenInCreation: data.hiddenInCreation ?? false,\n hiddenInEditForm: data.hiddenInEditForm ?? false,\n size: widthToSize[data.width] ?? 'l',\n });\n // Set show/hide toggle based on existing value\n this.showHideControl.patchValue(data.showConditionalDisplayFormula ?? false);\n this.conditionalDisplayFormula.set(data.conditionalDisplayFormula ?? '');\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n const widthMap = {\n s: '25',\n m: '50',\n l: '100',\n };\n const payload = {\n width: widthMap[formValue.size] ?? '100',\n hiddenInCreation: formValue.hiddenInCreation ?? false,\n hiddenInEditForm: formValue.hiddenInEditForm ?? false,\n isRequired: formValue.isRequired ?? false,\n showConditionalDisplayFormula: this.showHideControl.value ?? false,\n conditionalDisplayFormula: this.showHideControl.value\n ? this.conditionalDisplayFormula()\n : null,\n };\n this.submitting.set(true);\n this.facade.updateField(sectionId, field.id, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n onCancel() {\n this.ref.close(false);\n }\n onSetConditions() {\n this.conditionsDialogRef = this.modalService.openModal(FBFieldConditions, 'drawer', {\n header: this.transloco.translate('formBuilder.set-conditions'),\n styleClass: '!w-[calc(100%-25rem)] !absolute ',\n position: 'start',\n modal: true,\n dismissible: true,\n appendTo: '#page-content',\n inputValues: {\n initialFormula: this.conditionalDisplayFormula(),\n availableFields: this.availableFields(),\n },\n });\n this.conditionsDialogRef.onClose.subscribe((result) => {\n if (result?.saved) {\n this.conditionalDisplayFormula.set(result.conditionalDisplayFormula ?? '');\n }\n });\n }\n onDelete(event) {\n const field = this.initialData();\n const sectionId = this.sectionId();\n if (!field || !sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteField(sectionId, field.id).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBFieldForm, isStandalone: true, selector: \"mt-fb-field-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: ToggleField, selector: \"mt-toggle-field\", inputs: [\"label\", \"labelPosition\", \"placeholder\", \"readonly\", \"pInputs\", \"required\", \"toggleShape\", \"size\", \"icon\", \"descriptionCard\"], outputs: [\"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBFieldForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-field-form', standalone: true, imports: [\n TranslocoDirective,\n ReactiveFormsModule,\n DynamicForm,\n Button,\n ToggleField,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }] } });\n\nclass FBSectionForm {\n transloco = inject(TranslocoService);\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n confirmationService = inject(ConfirmationService);\n facade = inject(FormBuilderFacade);\n // Inputs\n sectionId = input(null, ...(ngDevMode ? [{ debugName: \"sectionId\" }] : []));\n initialData = input(null, ...(ngDevMode ? [{ debugName: \"initialData\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n // UI State\n submitting = signal(false, ...(ngDevMode ? [{ debugName: \"submitting\" }] : []));\n deleting = signal(false, ...(ngDevMode ? [{ debugName: \"deleting\" }] : []));\n // Form\n formControl = new FormControl();\n formConfig = {\n sections: [\n {\n key: 'section-form',\n type: 'none',\n columns: 12,\n order: 1,\n fields: [\n {\n key: 'name-ar',\n label: this.transloco.translate('formBuilder.name-ar'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-ar'),\n colSpan: 12,\n order: 1,\n },\n {\n key: 'name-en',\n label: this.transloco.translate('formBuilder.name-en'),\n type: 'text',\n placeholder: this.transloco.translate('formBuilder.name-en'),\n colSpan: 12,\n order: 2,\n },\n ],\n },\n ],\n };\n constructor() {\n effect(() => {\n const data = this.initialData();\n if (data) {\n this.formControl.patchValue({\n 'name-ar': data.ar,\n 'name-en': data.en,\n });\n }\n });\n }\n onSave() {\n if (this.formControl.invalid)\n return;\n const formValue = this.formControl.value;\n const payload = {\n name: {\n ar: formValue['name-ar'],\n en: formValue['name-en'],\n },\n };\n this.submitting.set(true);\n const sectionId = this.sectionId();\n if (sectionId) {\n // Update existing section\n this.facade.updateSection(sectionId, payload).subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n else {\n // Create new section\n this.facade\n .addSection({ ...payload, order: this.sectionsCount() })\n .subscribe({\n next: () => this.ref.close(true),\n error: () => this.submitting.set(false),\n });\n }\n }\n onCancel() {\n this.ref.close(false);\n }\n onDelete(event) {\n const sectionId = this.sectionId();\n if (!sectionId)\n return;\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.deleting.set(true);\n this.facade.deleteSection(sectionId).subscribe({\n next: () => this.ref.close(true),\n error: () => this.deleting.set(false),\n });\n },\n });\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSectionForm, isStandalone: true, selector: \"mt-fb-section-form\", inputs: { sectionId: { classPropertyName: \"sectionId\", publicName: \"sectionId\", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: \"initialData\", publicName: \"initialData\", isSignal: true, isRequired: false, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSectionForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Button], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionId\", required: false }] }], initialData: [{ type: i0.Input, args: [{ isSignal: true, alias: \"initialData\", required: false }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }] } });\n\nclass FBSection {\n confirmationService = inject(ConfirmationService);\n modalService = inject(ModalService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n // Inputs\n section = input.required(...(ngDevMode ? [{ debugName: \"section\" }] : []));\n sectionsCount = input(0, ...(ngDevMode ? [{ debugName: \"sectionsCount\" }] : []));\n /** All sections - used to get available fields for condition formulas */\n allSections = input([], ...(ngDevMode ? [{ debugName: \"allSections\" }] : []));\n // Outputs - only keep drag/drop since it needs coordination with parent drop list group\n onFieldDrop = output();\n // Computed\n sectionName = computed(() => {\n const lang = document.documentElement.lang;\n const section = this.section();\n return section.name[lang] ?? section.name['en'];\n }, ...(ngDevMode ? [{ debugName: \"sectionName\" }] : []));\n fields = computed(() => this.section().fields, ...(ngDevMode ? [{ debugName: \"fields\" }] : []));\n // UI State\n expanded = signal(true, ...(ngDevMode ? [{ debugName: \"expanded\" }] : []));\n // Form groups cache for dynamic fields\n formGroupsCache = new Map();\n constructor() {\n // Cleanup stale form groups when fields change\n effect(() => {\n const currentIds = new Set(this.fields().map((f) => f.id));\n for (const id of this.formGroupsCache.keys()) {\n if (!currentIds.has(id)) {\n this.formGroupsCache.delete(id);\n }\n }\n });\n }\n getFormGroup(field) {\n let fg = this.formGroupsCache.get(field.id);\n if (fg) {\n // Check if field name changed\n if (!fg.contains(field.name)) {\n const oldKey = Object.keys(fg.controls)[0];\n const value = oldKey ? fg.get(oldKey)?.value : field.data?.data;\n fg = new FormGroup({\n [field.name]: new FormControl(value),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n }\n else {\n fg = new FormGroup({\n [field.name]: new FormControl(field.data?.data),\n });\n this.formGroupsCache.set(field.id, fg);\n }\n return fg;\n }\n toggleExpanded() {\n this.expanded.update((v) => !v);\n }\n onDrop(event) {\n this.onFieldDrop.emit(event);\n }\n editSection(event) {\n event.stopPropagation();\n const section = this.section();\n this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.edit-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: true,\n dismissible: true,\n inputValues: {\n sectionId: section.id,\n initialData: section.name,\n sectionsCount: this.sectionsCount(),\n },\n });\n }\n removeField(event, field) {\n this.confirmationService.confirmDelete({\n event,\n type: 'popup',\n accept: () => {\n this.facade.deleteField(this.section().id, field.id);\n },\n });\n }\n editField(field) {\n this.modalService.openModal(FBFieldForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.field-settings'),\n height: '20vw',\n styleClass: '!w-100 !absolute !shadow-none',\n position: 'end',\n modal: true,\n dismissible: true,\n appendTo: '#page-content',\n inputValues: {\n initialData: field,\n sectionId: this.section().id,\n allSections: this.allSections(),\n },\n });\n }\n getFieldColSpan(field) {\n switch (field.width) {\n case '100':\n return 'col-span-12';\n case '50':\n return 'col-span-6';\n case '25':\n return 'col-span-3';\n default:\n return 'col-span-12';\n }\n }\n getFieldType(field) {\n const typeMap = {\n User: 'select',\n Text: 'text',\n LongText: 'editor-field',\n Percentage: 'slider',\n Date: 'date',\n Currency: 'text',\n Number: 'number',\n Lookup: 'select',\n LookupMultiSelect: 'select',\n Checkbox: 'toggle',\n InternalModule: 'select',\n DynamicList: 'select',\n API: 'select',\n Time: 'date',\n Status: 'select',\n Attachment: 'attachment',\n EditableListView: 'actionableTable',\n LookupLog: 'actionableTable',\n LookupMatrix: 'select',\n Location: 'select',\n };\n return typeMap[field.type] ?? 'text';\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBSection, isStandalone: true, selector: \"mt-fb-section\", inputs: { section: { classPropertyName: \"section\", publicName: \"section\", isSignal: true, isRequired: true, transformFunction: null }, sectionsCount: { classPropertyName: \"sectionsCount\", publicName: \"sectionsCount\", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: \"allSections\", publicName: \"allSections\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFieldDrop: \"onFieldDrop\" }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"component\", type: Icon, selector: \"mt-icon\", inputs: [\"icon\"] }, { kind: \"directive\", type: CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: DynamicField, selector: \"mt-dynamic-field\", inputs: [\"fieldConfig\", \"fieldName\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.ɵNgNoValidate, selector: \"form:not([ngNoForm]):not([ngNativeValidate])\" }, { kind: \"directive\", type: i1.NgControlStatusGroup, selector: \"[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]\" }, { kind: \"directive\", type: i1.FormGroupDirective, selector: \"[formGroup]\", inputs: [\"formGroup\"], outputs: [\"ngSubmit\"], exportAs: [\"ngForm\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBSection, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-section', standalone: true, imports: [\n Button,\n Card,\n Icon,\n CdkDrag,\n CdkDropList,\n CdkDragPlaceholder,\n TranslocoDirective,\n DynamicField,\n ReactiveFormsModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { section: [{ type: i0.Input, args: [{ isSignal: true, alias: \"section\", required: true }] }], sectionsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sectionsCount\", required: false }] }], allSections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"allSections\", required: false }] }], onFieldDrop: [{ type: i0.Output, args: [\"onFieldDrop\"] }] } });\n\nclass FBPreviewForm {\n modalService = inject(ModalService);\n ref = inject(ModalRef);\n transloco = inject(TranslocoService);\n // Inputs\n sections = input([], ...(ngDevMode ? [{ debugName: \"sections\" }] : []));\n // Tab state\n activeTab = signal('create', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n isLoading = signal(false, ...(ngDevMode ? [{ debugName: \"isLoading\" }] : []));\n tabOptions = [\n {\n label: this.transloco.translate('formBuilder.create-form'),\n value: 'create',\n },\n { label: this.transloco.translate('formBuilder.edit-form'), value: 'edit' },\n ];\n // Form control for dynamic form\n formControl = new FormControl();\n constructor() {\n // Show skeleton briefly when tab changes to force rebuild\n effect(() => {\n this.activeTab(); // Track tab changes\n this.isLoading.set(true);\n setTimeout(() => this.isLoading.set(false), 50);\n });\n }\n // Convert enriched sections to DynamicFormConfig based on active tab\n formConfig = computed(() => {\n const sections = this.sections();\n const mode = this.activeTab();\n return {\n sections: sections\n .map((section, sectionIndex) => {\n const lang = document.documentElement.lang;\n const sectionName = section.name[lang] ?? section.name['en'] ?? '';\n // Filter fields based on mode\n const visibleFields = section.fields.filter((field) => {\n if (mode === 'create') {\n return !field.hiddenInCreation;\n }\n else {\n return !field.hiddenInEditForm;\n }\n });\n return {\n key: section.id,\n label: sectionName,\n type: 'header',\n columns: 12,\n order: section.order ?? sectionIndex,\n fields: visibleFields.map((field, fieldIndex) => {\n const colSpan = this.getColSpan(field.width);\n return {\n key: `field_${field.propertyId}`,\n label: field.name,\n type: this.mapFieldType(field.type),\n colSpan,\n order: field.order ?? fieldIndex,\n placeholder: field.name,\n };\n }),\n };\n })\n .filter((section) => section.fields.length > 0), // Hide empty sections\n };\n }, ...(ngDevMode ? [{ debugName: \"formConfig\" }] : []));\n /**\n * Map property view type to dynamic form field type\n */\n mapFieldType(viewType) {\n const typeMap = {\n User: 'select',\n Text: 'text',\n LongText: 'editor-field',\n Percentage: 'slider',\n Date: 'date',\n Currency: 'text',\n Number: 'number',\n Lookup: 'select',\n LookupMultiSelect: 'select',\n Checkbox: 'toggle',\n InternalModule: 'select',\n DynamicList: 'select',\n API: 'select',\n Time: 'date',\n Status: 'select',\n Attachment: 'attachment',\n EditableListView: 'actionableTable',\n LookupLog: 'actionableTable',\n LookupMatrix: 'select',\n Location: 'select',\n };\n return typeMap[viewType] ?? 'text';\n }\n /**\n * Convert field width to colSpan\n */\n getColSpan(width) {\n const widthMap = {\n '25': 3,\n '50': 6,\n '100': 12,\n };\n return widthMap[width] ?? 12;\n }\n onClose() {\n this.ref.close();\n }\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FBPreviewForm, isStandalone: true, selector: \"mt-fb-preview-form\", inputs: { sections: { classPropertyName: \"sections\", publicName: \"sections\", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", dependencies: [{ kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"ngmodule\", type: ReactiveFormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.FormControlDirective, selector: \"[formControl]\", inputs: [\"formControl\", \"disabled\", \"ngModel\"], outputs: [\"ngModelChange\"], exportAs: [\"ngForm\"] }, { kind: \"component\", type: DynamicForm, selector: \"mt-dynamic-form\", inputs: [\"formConfig\"] }, { kind: \"component\", type: Tabs, selector: \"mt-tabs\", inputs: [\"options\", \"optionLabel\", \"optionValue\", \"active\", \"size\", \"fluid\", \"disabled\"], outputs: [\"activeChange\", \"onChange\"] }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FBPreviewForm, decorators: [{\n type: Component,\n args: [{ selector: 'mt-fb-preview-form', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Tabs], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\" }]\n }], ctorParameters: () => [], propDecorators: { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: \"sections\", required: false }] }] } });\n\nclass FormBuilder {\n modalService = inject(ModalService);\n confirmationService = inject(ConfirmationService);\n translocoService = inject(TranslocoService);\n facade = inject(FormBuilderFacade);\n dialogRef;\n // Local UI state\n activeTab = signal('system', ...(ngDevMode ? [{ debugName: \"activeTab\" }] : []));\n // State from facade\n sections = this.facade.sections;\n properties = this.facade.properties;\n isLoading = this.facade.isLoadingFormConfiguration;\n error = this.facade.formConfigurationError;\n // Properties map for enrichment\n propertiesMap = computed(() => {\n const map = new Map();\n for (const prop of this.properties()) {\n map.set(prop.id, prop);\n }\n return map;\n }, ...(ngDevMode ? [{ debugName: \"propertiesMap\" }] : []));\n // Enrich sections with property data for UI display\n enrichedSections = computed(() => {\n const sections = this.sections();\n const propsMap = this.propertiesMap();\n const lang = document.documentElement.lang;\n return sections.map((section) => ({\n ...section,\n fields: section.fields.map((field) => {\n const prop = propsMap.get(field.propertyId);\n const propName = prop?.name;\n const name = typeof propName === 'string'\n ? propName\n : (propName?.[lang] ??\n propName?.['en'] ??\n `Property ${field.propertyId}`);\n return {\n ...field,\n name,\n type: prop?.viewType || 'text',\n data: prop,\n };\n }),\n }));\n }, ...(ngDevMode ? [{ debugName: \"enrichedSections\" }] : []));\n // Available properties for toolbox tabs\n availableTabs = computed(() => {\n const tabs = [];\n const usedPropertyIds = new Set(this.sections().flatMap((s) => s.fields.map((f) => f.propertyId)));\n const availableProps = this.properties().filter((p) => !usedPropertyIds.has(p.id));\n const systemProps = availableProps.filter((p) => p['isSystem']);\n const customProps = availableProps.filter((p) => !p['isSystem']);\n if (systemProps.length > 0) {\n tabs.push({ id: 'system', title: 'System', properties: systemProps });\n }\n if (customProps.length > 0) {\n tabs.push({ id: 'custom', title: 'Custom', properties: customProps });\n }\n return tabs;\n }, ...(ngDevMode ? [{ debugName: \"availableTabs\" }] : []));\n constructor() {\n // Update active tab when tabs change\n effect(() => {\n const tabs = this.availableTabs();\n const currentTab = this.activeTab();\n if (tabs.length > 0 && !tabs.some((t) => t.id === currentTab)) {\n this.activeTab.set(tabs[0].id);\n }\n });\n }\n drop(event) {\n const targetSectionId = event.container.id;\n if (event.previousContainer === event.container) {\n // Reordering within the same section\n const fields = [...event.container.data];\n const [movedField] = fields.splice(event.previousIndex, 1);\n fields.splice(event.currentIndex, 0, movedField);\n // Build bulk reorder payload with new order values\n const reorderPayload = fields.map((field, index) => ({\n id: field.id,\n order: index,\n }));\n this.facade.reorderFields(targetSectionId, reorderPayload);\n }\n else if (event.previousContainer.id.startsWith('toolbox-')) {\n // Adding from toolbox\n const propertyItem = event.item.data;\n this.facade.addField(targetSectionId, {\n propertyId: propertyItem.id,\n width: '100',\n order: event.currentIndex,\n hiddenInCreation: false,\n });\n }\n else {\n // Moving between sections\n const sourceSectionId = event.previousContainer.id;\n const field = event.item.data;\n this.facade.moveField(sourceSectionId, field.id, {\n targetSectionId,\n order: event.currentIndex,\n });\n }\n }\n addSection() {\n this.dialogRef = this.modalService.openModal(FBSectionForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.add-section'),\n height: '20vw',\n styleClass: '!w-100 !absolute ',\n position: 'end',\n appendTo: '#page-content',\n modal: true,\n dismissible: true,\n inputValues: {\n sectionsCount: this.sections().length,\n },\n });\n }\n openPreview() {\n this.dialogRef = this.modalService.openModal(FBPreviewForm, 'drawer', {\n header: this.translocoService.translate('formBuilder.preview'),\n styleClass: '!w-[80vw] ',\n position: 'end',\n modal: true,\n dismissible: true,\n inputValues: {\n sections: this.enrichedSections(),\n },\n });\n }\n resetFormConfiguration() {\n this.confirmationService.confirm({\n type: 'dialog',\n acceptButtonStyleClass: 'p-button-danger',\n accept: () => {\n this.facade.resetFormConfiguration();\n },\n });\n }\n noReturnPredicate = () => false;\n static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });\n static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"21.0.3\", type: FormBuilder, isStandalone: true, selector: \"mt-form-builder\", ngImport: i0, template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n <!-- Properties Sidebar -->\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n @if (properties().length === 0) {\\r\\n @if (isLoading()) {\\r\\n <!-- Properties Loading Skeleton -->\\r\\n <div class=\\\"p-4 space-y-3\\\">\\r\\n <p-skeleton height=\\\"2rem\\\" styleClass=\\\"mb-4\\\" />\\r\\n @for (i of [1, 2, 3, 4, 5, 6]; track i) {\\r\\n <p-skeleton height=\\\"3rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n }\\r\\n </div>\\r\\n } @else {\\r\\n <!-- No Properties State -->\\r\\n <div class=\\\"flex-1 flex items-center justify-center p-4\\\">\\r\\n <div class=\\\"text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">{{ t(\\\"no-properties\\\") }}</p>\\r\\n </div>\\r\\n </div>\\r\\n }\\r\\n } @else {\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n @if (isLoading()) {\\r\\n <!-- Form Loading Skeleton -->\\r\\n @for (i of [1, 2]; track i) {\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 space-y-4\\\">\\r\\n <!-- Section header skeleton -->\\r\\n <div class=\\\"flex items-center justify-between\\\">\\r\\n <p-skeleton width=\\\"10rem\\\" height=\\\"1.5rem\\\" />\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n </div>\\r\\n </div>\\r\\n <!-- Fields skeleton -->\\r\\n <div class=\\\"grid grid-cols-12 gap-4\\\">\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-12\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n </div>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n } @else {\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"ngmodule\", type: TabsModule }, { kind: \"component\", type: i1$1.Tabs, selector: \"p-tabs\", inputs: [\"value\", \"scrollable\", \"lazy\", \"selectOnFocus\", \"showNavigators\", \"tabindex\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabPanels, selector: \"p-tabpanels\" }, { kind: \"component\", type: i1$1.TabPanel, selector: \"p-tabpanel\", inputs: [\"lazy\", \"value\"], outputs: [\"valueChange\"] }, { kind: \"component\", type: i1$1.TabList, selector: \"p-tablist\" }, { kind: \"component\", type: i1$1.Tab, selector: \"p-tab\", inputs: [\"value\", \"disabled\"], outputs: [\"valueChange\"] }, { kind: \"ngmodule\", type: SkeletonModule }, { kind: \"component\", type: i2.Skeleton, selector: \"p-skeleton\", inputs: [\"styleClass\", \"shape\", \"animation\", \"borderRadius\", \"size\", \"width\", \"height\"] }, { kind: \"component\", type: Button, selector: \"mt-button\", inputs: [\"icon\", \"label\", \"tooltip\", \"class\", \"type\", \"styleClass\", \"severity\", \"badge\", \"variant\", \"badgeSeverity\", \"size\", \"iconPos\", \"autofocus\", \"fluid\", \"raised\", \"rounded\", \"text\", \"plain\", \"outlined\", \"link\", \"disabled\", \"loading\", \"pInputs\"], outputs: [\"onClick\", \"onFocus\", \"onBlur\"] }, { kind: \"component\", type: Card, selector: \"mt-card\", inputs: [\"class\", \"title\", \"paddingless\"] }, { kind: \"directive\", type: TranslocoDirective, selector: \"[transloco]\", inputs: [\"transloco\", \"translocoParams\", \"translocoScope\", \"translocoRead\", \"translocoPrefix\", \"translocoLang\", \"translocoLoadingTpl\"] }, { kind: \"component\", type: FBSection, selector: \"mt-fb-section\", inputs: [\"section\", \"sectionsCount\", \"allSections\"], outputs: [\"onFieldDrop\"] }, { kind: \"ngmodule\", type: DragDropModule }, { kind: \"directive\", type: i3.CdkDropList, selector: \"[cdkDropList], cdk-drop-list\", inputs: [\"cdkDropListConnectedTo\", \"cdkDropListData\", \"cdkDropListOrientation\", \"id\", \"cdkDropListLockAxis\", \"cdkDropListDisabled\", \"cdkDropListSortingDisabled\", \"cdkDropListEnterPredicate\", \"cdkDropListSortPredicate\", \"cdkDropListAutoScrollDisabled\", \"cdkDropListAutoScrollStep\", \"cdkDropListElementContainer\", \"cdkDropListHasAnchor\"], outputs: [\"cdkDropListDropped\", \"cdkDropListEntered\", \"cdkDropListExited\", \"cdkDropListSorted\"], exportAs: [\"cdkDropList\"] }, { kind: \"directive\", type: i3.CdkDropListGroup, selector: \"[cdkDropListGroup]\", inputs: [\"cdkDropListGroupDisabled\"], exportAs: [\"cdkDropListGroup\"] }, { kind: \"directive\", type: i3.CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }, { kind: \"directive\", type: i3.CdkDragPlaceholder, selector: \"ng-template[cdkDragPlaceholder]\", inputs: [\"data\"] }, { kind: \"pipe\", type: i4.TitleCasePipe, name: \"titlecase\" }] });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"21.0.3\", ngImport: i0, type: FormBuilder, decorators: [{\n type: Component,\n args: [{ selector: 'mt-form-builder', standalone: true, imports: [\n CommonModule,\n FormsModule,\n TabsModule,\n SkeletonModule,\n Button,\n Card,\n TranslocoDirective,\n FBSection,\n DragDropModule,\n ], template: \"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n <!-- Properties Sidebar -->\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n @if (properties().length === 0) {\\r\\n @if (isLoading()) {\\r\\n <!-- Properties Loading Skeleton -->\\r\\n <div class=\\\"p-4 space-y-3\\\">\\r\\n <p-skeleton height=\\\"2rem\\\" styleClass=\\\"mb-4\\\" />\\r\\n @for (i of [1, 2, 3, 4, 5, 6]; track i) {\\r\\n <p-skeleton height=\\\"3rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n }\\r\\n </div>\\r\\n } @else {\\r\\n <!-- No Properties State -->\\r\\n <div class=\\\"flex-1 flex items-center justify-center p-4\\\">\\r\\n <div class=\\\"text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">{{ t(\\\"no-properties\\\") }}</p>\\r\\n </div>\\r\\n </div>\\r\\n }\\r\\n } @else {\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n @if (isLoading()) {\\r\\n <!-- Form Loading Skeleton -->\\r\\n @for (i of [1, 2]; track i) {\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 space-y-4\\\">\\r\\n <!-- Section header skeleton -->\\r\\n <div class=\\\"flex items-center justify-between\\\">\\r\\n <p-skeleton width=\\\"10rem\\\" height=\\\"1.5rem\\\" />\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n </div>\\r\\n </div>\\r\\n <!-- Fields skeleton -->\\r\\n <div class=\\\"grid grid-cols-12 gap-4\\\">\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-12\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n </div>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n } @else {\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\", styles: [\".cdk-drag{cursor:grab}.cdk-drag:active,.cdk-drag-preview{cursor:grabbing}.cdk-drag-placeholder{opacity:.5}.cdk-drop-list-dragging .cdk-drag{cursor:grabbing}\\n\"] }]\n }], ctorParameters: () => [] });\n\n/*\n * Public API Surface of form-builder\n */\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { AddField, AddSection, DeleteField, DeleteSection, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ReorderFields, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, SetProperties, UpdateField, UpdateSection };\n//# sourceMappingURL=masterteam-form-builder.mjs.map\n","map":null,"preliminaryFileName":"masterteam-form-builder.mjs","sourcemapFileName":"masterteam-form-builder.mjs.map"},{"fileName":"masterteam-form-builder.mjs.map","names":[],"needsCodeReference":false,"originalFileName":null,"originalFileNames":[],"source":"{\"version\":3,\"file\":\"masterteam-form-builder.mjs\",\"sources\":[\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.actions.ts\",\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.model.ts\",\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.state.ts\",\"../../../../packages/masterteam/form-builder/src/store/form-builder/form-builder.facade.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-conditions/condition-constants.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-conditions/fb-field-conditions.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-conditions/fb-field-conditions.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-form/fb-field-form.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-field-form/fb-field-form.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section-form/fb-section-form.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section-form/fb-section-form.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section/fb-section.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-section/fb-section.html\",\"../../../../packages/masterteam/form-builder/src/lib/fb-preview-form/fb-preview-form.ts\",\"../../../../packages/masterteam/form-builder/src/lib/fb-preview-form/fb-preview-form.html\",\"../../../../packages/masterteam/form-builder/src/lib/form-builder.ts\",\"../../../../packages/masterteam/form-builder/src/lib/form-builder.html\",\"../../../../packages/masterteam/form-builder/src/public-api.ts\",\"../../../../packages/masterteam/form-builder/src/masterteam-form-builder.ts\"],\"sourcesContent\":[\"import type {\\r\\n AddFieldPayload,\\r\\n AddSectionPayload,\\r\\n MoveFieldPayload,\\r\\n PropertyItem,\\r\\n ReorderFieldPayload,\\r\\n UpdateFieldPayload,\\r\\n UpdateSectionPayload,\\r\\n} from './form-builder.model';\\r\\n\\r\\n// ============================================================================\\r\\n// Module Configuration Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class SetModuleInfo {\\r\\n static readonly type = '[FormBuilder] Set Module Info';\\r\\n constructor(\\r\\n public moduleType: string,\\r\\n public moduleId: string | number,\\r\\n public parentModuleType?: string,\\r\\n public parentModuleId?: string | number,\\r\\n public parentPath?: string,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class ResetFormBuilderState {\\r\\n static readonly type = '[FormBuilder] Reset State';\\r\\n}\\r\\n\\r\\nexport class SetProperties {\\r\\n static readonly type = '[FormBuilder] Set Properties';\\r\\n constructor(public properties: PropertyItem[]) {}\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Form Configuration Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class GetFormConfiguration {\\r\\n static readonly type = '[FormBuilder] Get Form Configuration';\\r\\n}\\r\\n\\r\\nexport class ResetFormConfiguration {\\r\\n static readonly type = '[FormBuilder] Reset Form Configuration';\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Section Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class AddSection {\\r\\n static readonly type = '[FormBuilder] Add Section';\\r\\n constructor(public payload: AddSectionPayload) {}\\r\\n}\\r\\n\\r\\nexport class UpdateSection {\\r\\n static readonly type = '[FormBuilder] Update Section';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public payload: UpdateSectionPayload,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class DeleteSection {\\r\\n static readonly type = '[FormBuilder] Delete Section';\\r\\n constructor(public sectionId: string) {}\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Field Actions\\r\\n// ============================================================================\\r\\n\\r\\nexport class AddField {\\r\\n static readonly type = '[FormBuilder] Add Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public payload: AddFieldPayload,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class UpdateField {\\r\\n static readonly type = '[FormBuilder] Update Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public fieldId: string,\\r\\n public payload: UpdateFieldPayload,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class DeleteField {\\r\\n static readonly type = '[FormBuilder] Delete Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public fieldId: string,\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class ReorderFields {\\r\\n static readonly type = '[FormBuilder] Reorder Fields';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public payload: ReorderFieldPayload[],\\r\\n ) {}\\r\\n}\\r\\n\\r\\nexport class MoveField {\\r\\n static readonly type = '[FormBuilder] Move Field';\\r\\n constructor(\\r\\n public sectionId: string,\\r\\n public fieldId: string,\\r\\n public payload: MoveFieldPayload,\\r\\n ) {}\\r\\n}\\r\\n\",\"import type { LoadingStateShape } from '@masterteam/components';\\r\\n\\r\\n// ============================================================================\\r\\n// Action Keys Enum\\r\\n// ============================================================================\\r\\nexport enum FormBuilderActionKey {\\r\\n // Form Configuration\\r\\n GetFormConfiguration = 'getFormConfiguration',\\r\\n ResetFormConfiguration = 'resetFormConfiguration',\\r\\n\\r\\n // Section CRUD\\r\\n AddSection = 'addSection',\\r\\n UpdateSection = 'updateSection',\\r\\n DeleteSection = 'deleteSection',\\r\\n\\r\\n // Field CRUD\\r\\n AddField = 'addField',\\r\\n UpdateField = 'updateField',\\r\\n DeleteField = 'deleteField',\\r\\n MoveField = 'moveField',\\r\\n ReorderFields = 'reorderFields',\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// API Models\\r\\n// ============================================================================\\r\\n\\r\\nexport type FieldWidth = '25' | '50' | '100';\\r\\n\\r\\nexport interface FormField {\\r\\n id: string;\\r\\n sectionId: string;\\r\\n propertyId: number;\\r\\n width: FieldWidth;\\r\\n order: number;\\r\\n hiddenInCreation?: boolean;\\r\\n hiddenInEditForm?: boolean;\\r\\n isRequired?: boolean;\\r\\n showConditionalDisplayFormula?: boolean;\\r\\n conditionalDisplayFormula?: string;\\r\\n _pending?: boolean; // Optimistic: field is being added\\r\\n _deleting?: boolean; // Optimistic: field is being deleted\\r\\n}\\r\\n\\r\\nexport interface FormSection {\\r\\n id: string;\\r\\n name: {\\r\\n en: string;\\r\\n ar: string;\\r\\n };\\r\\n order: number;\\r\\n fields: FormField[];\\r\\n}\\r\\n\\r\\nexport interface FormConfiguration {\\r\\n isActive: boolean;\\r\\n sections: FormSection[];\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Request Payloads\\r\\n// ============================================================================\\r\\n\\r\\nexport interface AddSectionPayload {\\r\\n name: { en: string; ar: string };\\r\\n order?: number;\\r\\n}\\r\\n\\r\\nexport interface UpdateSectionPayload {\\r\\n name?: { en: string; ar: string };\\r\\n order?: number;\\r\\n}\\r\\n\\r\\nexport interface AddFieldPayload {\\r\\n propertyId: number;\\r\\n width: FieldWidth;\\r\\n order?: number;\\r\\n hiddenInCreation?: boolean;\\r\\n hiddenInEditForm?: boolean;\\r\\n isRequired?: boolean;\\r\\n showConditionalDisplayFormula?: boolean;\\r\\n conditionalDisplayFormula?: string;\\r\\n}\\r\\n\\r\\nexport interface UpdateFieldPayload {\\r\\n width?: FieldWidth;\\r\\n order?: number;\\r\\n hiddenInCreation?: boolean;\\r\\n hiddenInEditForm?: boolean;\\r\\n isRequired?: boolean;\\r\\n showConditionalDisplayFormula?: boolean;\\r\\n conditionalDisplayFormula?: string | null;\\r\\n}\\r\\n\\r\\nexport interface MoveFieldPayload {\\r\\n targetSectionId: string;\\r\\n order?: number;\\r\\n}\\r\\n\\r\\nexport interface ReorderFieldPayload {\\r\\n id: string;\\r\\n order: number;\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Property Item (for enrichment)\\r\\n// ============================================================================\\r\\nexport interface PropertyItem {\\r\\n id: number;\\r\\n name: string | Record<string, string>;\\r\\n viewType?: string;\\r\\n [key: string]: any;\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// Enriched Types (for UI display)\\r\\n// ============================================================================\\r\\n\\r\\n// Enriched field with UI properties (from PropertyItem)\\r\\nexport interface EnrichedFormField extends FormField {\\r\\n name: string;\\r\\n type: string;\\r\\n data?: any;\\r\\n}\\r\\n\\r\\n// Enriched section for UI display\\r\\nexport interface EnrichedFormSection extends Omit<FormSection, 'fields'> {\\r\\n fields: EnrichedFormField[];\\r\\n}\\r\\n\\r\\n// ============================================================================\\r\\n// State Model\\r\\n// ============================================================================\\r\\nexport interface FormBuilderStateModel extends LoadingStateShape<FormBuilderActionKey> {\\r\\n // Module configuration\\r\\n moduleType: string | null;\\r\\n moduleId: string | number | null;\\r\\n parentModuleType: string | null;\\r\\n parentModuleId: string | number | null;\\r\\n parentPath: string;\\r\\n\\r\\n // Form data\\r\\n formConfiguration: FormConfiguration | null;\\r\\n\\r\\n // Properties for field enrichment\\r\\n properties: PropertyItem[];\\r\\n}\\r\\n\",\"import { HttpClient } from '@angular/common/http';\\r\\nimport { inject, Injectable } from '@angular/core';\\r\\nimport { Action, Selector, State, StateContext } from '@ngxs/store';\\r\\nimport {\\r\\n CrudStateBase,\\r\\n handleApiRequest,\\r\\n Response,\\r\\n} from '@masterteam/components';\\r\\n\\r\\nimport {\\r\\n FormBuilderActionKey,\\r\\n FormBuilderStateModel,\\r\\n FormConfiguration,\\r\\n FormField,\\r\\n FormSection,\\r\\n} from './form-builder.model';\\r\\nimport {\\r\\n AddField,\\r\\n AddSection,\\r\\n DeleteField,\\r\\n DeleteSection,\\r\\n GetFormConfiguration,\\r\\n MoveField,\\r\\n ReorderFields,\\r\\n ResetFormBuilderState,\\r\\n ResetFormConfiguration,\\r\\n SetModuleInfo,\\r\\n SetProperties,\\r\\n UpdateField,\\r\\n UpdateSection,\\r\\n} from './form-builder.actions';\\r\\n\\r\\n// Default State\\r\\nconst DEFAULT_STATE: FormBuilderStateModel = {\\r\\n // Module configuration\\r\\n moduleType: null,\\r\\n moduleId: null,\\r\\n parentModuleType: null,\\r\\n parentModuleId: null,\\r\\n parentPath: '',\\r\\n\\r\\n // Form data\\r\\n formConfiguration: null,\\r\\n\\r\\n // Properties for field enrichment\\r\\n properties: [],\\r\\n\\r\\n // Loading state (from LoadingStateShape)\\r\\n loadingActive: [],\\r\\n errors: {},\\r\\n};\\r\\n\\r\\n@State<FormBuilderStateModel>({\\r\\n name: 'formBuilder',\\r\\n defaults: DEFAULT_STATE,\\r\\n})\\r\\n@Injectable()\\r\\nexport class FormBuilderState extends CrudStateBase<\\r\\n FormSection,\\r\\n FormBuilderStateModel,\\r\\n FormBuilderActionKey\\r\\n> {\\r\\n private http = inject(HttpClient);\\r\\n private baseUrl = 'formConfigurations';\\r\\n\\r\\n // ============================================================================\\r\\n // Helpers\\r\\n // ============================================================================\\r\\n\\r\\n private getApiPath(state: FormBuilderStateModel): string {\\r\\n const { parentPath, moduleType, moduleId } = state;\\r\\n return `${this.baseUrl}${parentPath}/${moduleType}/${moduleId}`;\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Selectors\\r\\n // ============================================================================\\r\\n\\r\\n @Selector()\\r\\n static getState(state: FormBuilderStateModel): FormBuilderStateModel {\\r\\n return state ?? DEFAULT_STATE;\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getFormConfiguration(\\r\\n state: FormBuilderStateModel,\\r\\n ): FormConfiguration | null {\\r\\n return state?.formConfiguration ?? null;\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getSections(state: FormBuilderStateModel): FormSection[] {\\r\\n return state?.formConfiguration?.sections ?? [];\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getModuleType(state: FormBuilderStateModel): string | null {\\r\\n return state?.moduleType ?? null;\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getModuleId(state: FormBuilderStateModel): string | number | null {\\r\\n return state?.moduleId ?? null;\\r\\n }\\r\\n\\r\\n @Selector()\\r\\n static getProperties(state: FormBuilderStateModel) {\\r\\n return state?.properties ?? [];\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Module Configuration Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(SetModuleInfo)\\r\\n setModuleInfo(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: SetModuleInfo,\\r\\n ) {\\r\\n let parentPath = '';\\r\\n if (action.parentModuleType && action.parentModuleId) {\\r\\n parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\\r\\n } else if (action.parentPath) {\\r\\n parentPath = action.parentPath;\\r\\n }\\r\\n ctx.patchState({\\r\\n moduleType: action.moduleType,\\r\\n moduleId: action.moduleId,\\r\\n parentModuleType: action.parentModuleType ?? null,\\r\\n parentModuleId: action.parentModuleId ?? null,\\r\\n parentPath: parentPath ?? '',\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(ResetFormBuilderState)\\r\\n resetState(ctx: StateContext<FormBuilderStateModel>) {\\r\\n ctx.setState(DEFAULT_STATE);\\r\\n }\\r\\n\\r\\n @Action(SetProperties)\\r\\n setProperties(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: SetProperties,\\r\\n ) {\\r\\n ctx.patchState({\\r\\n properties: action.properties,\\r\\n });\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Form Configuration Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(GetFormConfiguration)\\r\\n getFormConfiguration(ctx: StateContext<FormBuilderStateModel>) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = this.getApiPath(state);\\r\\n const req$ = this.http.get<Response<FormConfiguration>>(apiPath);\\r\\n\\r\\n return this.load(ctx, {\\r\\n key: FormBuilderActionKey.GetFormConfiguration,\\r\\n request$: req$,\\r\\n updateState: (_state, data) => ({\\r\\n formConfiguration: data ?? null,\\r\\n }),\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(ResetFormConfiguration)\\r\\n resetFormConfiguration(ctx: StateContext<FormBuilderStateModel>) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/reset`;\\r\\n const req$ = this.http.delete<Response<FormConfiguration>>(apiPath);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.ResetFormConfiguration,\\r\\n request$: req$,\\r\\n onSuccess: (res, _currentState) => ({\\r\\n formConfiguration: res.data ?? null,\\r\\n }),\\r\\n });\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Section Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(AddSection)\\r\\n addSection(ctx: StateContext<FormBuilderStateModel>, action: AddSection) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections`;\\r\\n const req$ = this.http.post<Response<FormSection>>(apiPath, action.payload);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.AddSection,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const sections = this.adapter.addOne(\\r\\n currentState.formConfiguration?.sections ?? [],\\r\\n res.data,\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(UpdateSection)\\r\\n updateSection(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: UpdateSection,\\r\\n ) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\\r\\n const req$ = this.http.put<Response<FormSection>>(apiPath, action.payload);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.UpdateSection,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const sections = this.adapter.upsertOne(\\r\\n currentState.formConfiguration?.sections ?? [],\\r\\n res.data,\\r\\n 'id',\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(DeleteSection)\\r\\n deleteSection(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: DeleteSection,\\r\\n ) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}`;\\r\\n const req$ = this.http.delete<Response<{ id: string }>>(apiPath);\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.DeleteSection,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const sections = this.adapter.removeOne(\\r\\n currentState.formConfiguration?.sections ?? [],\\r\\n res.data.id,\\r\\n 'id',\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Field Actions\\r\\n // ============================================================================\\r\\n\\r\\n @Action(AddField)\\r\\n addField(ctx: StateContext<FormBuilderStateModel>, action: AddField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields`;\\r\\n const req$ = this.http.post<Response<FormField>>(apiPath, action.payload);\\r\\n\\r\\n // Generate temp ID for optimistic update\\r\\n const tempId = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\\r\\n const tempField: FormField = {\\r\\n id: tempId,\\r\\n sectionId: action.sectionId,\\r\\n propertyId: action.payload.propertyId,\\r\\n width: action.payload.width,\\r\\n order: action.payload.order ?? 0,\\r\\n hiddenInCreation: action.payload.hiddenInCreation,\\r\\n _pending: true,\\r\\n };\\r\\n\\r\\n // Optimistically add the temp field\\r\\n const sectionsWithTemp = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n const fields = [...section.fields];\\r\\n const insertIndex = action.payload.order ?? fields.length;\\r\\n fields.splice(insertIndex, 0, tempField);\\r\\n return { ...section, fields };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections: sectionsWithTemp,\\r\\n },\\r\\n });\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.AddField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const newField = res.data;\\r\\n // Replace temp field with real field\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.map((f) =>\\r\\n f.id === tempId ? newField : f,\\r\\n ),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, currentState) => {\\r\\n // Remove temp field on error\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.filter((f) => f.id !== tempId),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(UpdateField)\\r\\n updateField(ctx: StateContext<FormBuilderStateModel>, action: UpdateField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\\r\\n const req$ = this.http.put<Response<FormField>>(apiPath, action.payload);\\r\\n\\r\\n // Apply optimistic update for order changes\\r\\n if (action.payload.order !== undefined) {\\r\\n const newOrder = action.payload.order;\\r\\n const sections = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n const fields = [...section.fields];\\r\\n const currentIndex = fields.findIndex(\\r\\n (f) => f.id === action.fieldId,\\r\\n );\\r\\n if (currentIndex !== -1) {\\r\\n const [movedField] = fields.splice(currentIndex, 1);\\r\\n fields.splice(newOrder, 0, movedField);\\r\\n }\\r\\n return { ...section, fields };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.UpdateField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const updatedField = res.data;\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n // Update the field but preserve current array order (from optimistic update)\\r\\n // Don't re-sort by order property as other fields may have stale order values\\r\\n const updatedFields = section.fields.map((f, index) =>\\r\\n f.id === updatedField.id\\r\\n ? { ...updatedField, order: index }\\r\\n : { ...f, order: index },\\r\\n );\\r\\n return {\\r\\n ...section,\\r\\n fields: updatedFields,\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, _currentState) => {\\r\\n // Revert optimistic update on error - reload original state\\r\\n if (action.payload.order !== undefined) {\\r\\n return {\\r\\n formConfiguration: state.formConfiguration,\\r\\n };\\r\\n }\\r\\n return {};\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(DeleteField)\\r\\n deleteField(ctx: StateContext<FormBuilderStateModel>, action: DeleteField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}`;\\r\\n const req$ =\\r\\n this.http.delete<Response<{ id: string; sectionId: string }>>(apiPath);\\r\\n\\r\\n // Optimistically mark field as deleting\\r\\n const sectionsWithDeleting = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.map((f) =>\\r\\n f.id === action.fieldId ? { ...f, _deleting: true } : f,\\r\\n ),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections: sectionsWithDeleting,\\r\\n },\\r\\n });\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.DeleteField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const { id: deletedId, sectionId } = res.data;\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.filter((f) => f.id !== deletedId),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, currentState) => {\\r\\n // Remove _deleting flag on error\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.map((f) =>\\r\\n f.id === action.fieldId ? { ...f, _deleting: false } : f,\\r\\n ),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(ReorderFields)\\r\\n reorderFields(\\r\\n ctx: StateContext<FormBuilderStateModel>,\\r\\n action: ReorderFields,\\r\\n ) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/reorder`;\\r\\n const req$ = this.http.put<Response<FormField[]>>(apiPath, action.payload);\\r\\n\\r\\n // Create order map for optimistic update\\r\\n const orderMap = new Map(action.payload.map((p) => [p.id, p.order]));\\r\\n\\r\\n // Apply optimistic update\\r\\n const optimisticSections = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n const reorderedFields = section.fields\\r\\n .map((f) => ({\\r\\n ...f,\\r\\n order: orderMap.get(f.id) ?? f.order,\\r\\n }))\\r\\n .sort((a, b) => a.order - b.order);\\r\\n return { ...section, fields: reorderedFields };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections: optimisticSections,\\r\\n },\\r\\n });\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.ReorderFields,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const updatedFields = res.data;\\r\\n const fieldMap = new Map(updatedFields.map((f) => [f.id, f]));\\r\\n\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === action.sectionId) {\\r\\n const mergedFields = section.fields\\r\\n .map((f) => fieldMap.get(f.id) ?? f)\\r\\n .sort((a, b) => a.order - b.order);\\r\\n return { ...section, fields: mergedFields };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, _currentState) => {\\r\\n // Revert to original state on error\\r\\n return {\\r\\n formConfiguration: state.formConfiguration,\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n @Action(MoveField)\\r\\n moveField(ctx: StateContext<FormBuilderStateModel>, action: MoveField) {\\r\\n const state = ctx.getState();\\r\\n const apiPath = `${this.getApiPath(state)}/sections/${action.sectionId}/fields/${action.fieldId}/move`;\\r\\n const req$ = this.http.put<Response<FormField>>(apiPath, action.payload);\\r\\n\\r\\n // Apply optimistic update - move field immediately\\r\\n const sourceSectionId = action.sectionId;\\r\\n const targetSectionId = action.payload.targetSectionId;\\r\\n const targetOrder = action.payload.order ?? 0;\\r\\n\\r\\n let movedFieldData: FormField | null = null;\\r\\n const optimisticSections = (state.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n if (section.id === sourceSectionId) {\\r\\n const fieldToMove = section.fields.find(\\r\\n (f) => f.id === action.fieldId,\\r\\n );\\r\\n if (fieldToMove) {\\r\\n movedFieldData = { ...fieldToMove, order: targetOrder };\\r\\n }\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields.filter((f) => f.id !== action.fieldId),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n\\r\\n // Add to target section\\r\\n const sectionsWithMoved = optimisticSections.map((section) => {\\r\\n if (section.id === targetSectionId && movedFieldData) {\\r\\n const fields = [...section.fields];\\r\\n fields.splice(targetOrder, 0, movedFieldData);\\r\\n return { ...section, fields };\\r\\n }\\r\\n return section;\\r\\n });\\r\\n\\r\\n ctx.patchState({\\r\\n formConfiguration: {\\r\\n ...state.formConfiguration!,\\r\\n sections: sectionsWithMoved,\\r\\n },\\r\\n });\\r\\n\\r\\n return handleApiRequest({\\r\\n ctx,\\r\\n key: FormBuilderActionKey.MoveField,\\r\\n request$: req$,\\r\\n onSuccess: (res, currentState) => {\\r\\n const movedField = res.data;\\r\\n const sections = (currentState.formConfiguration?.sections ?? []).map(\\r\\n (section) => {\\r\\n // Update the moved field with server response\\r\\n if (section.id === targetSectionId) {\\r\\n return {\\r\\n ...section,\\r\\n fields: section.fields\\r\\n .map((f) => (f.id === movedField.id ? movedField : f))\\r\\n .sort((a, b) => a.order - b.order),\\r\\n };\\r\\n }\\r\\n return section;\\r\\n },\\r\\n );\\r\\n return {\\r\\n formConfiguration: {\\r\\n ...currentState.formConfiguration!,\\r\\n sections,\\r\\n },\\r\\n };\\r\\n },\\r\\n onError: (_error, _currentState) => {\\r\\n // Revert optimistic update on error\\r\\n return {\\r\\n formConfiguration: state.formConfiguration,\\r\\n };\\r\\n },\\r\\n });\\r\\n }\\r\\n}\\r\\n\",\"import { computed, Injectable, inject } from '@angular/core';\\r\\nimport { Store, select } from '@ngxs/store';\\r\\n\\r\\nimport {\\r\\n AddFieldPayload,\\r\\n AddSectionPayload,\\r\\n FormBuilderActionKey,\\r\\n MoveFieldPayload,\\r\\n PropertyItem,\\r\\n ReorderFieldPayload,\\r\\n UpdateFieldPayload,\\r\\n UpdateSectionPayload,\\r\\n} from './form-builder.model';\\r\\nimport {\\r\\n AddField,\\r\\n AddSection,\\r\\n DeleteField,\\r\\n DeleteSection,\\r\\n GetFormConfiguration,\\r\\n MoveField,\\r\\n ReorderFields,\\r\\n ResetFormBuilderState,\\r\\n ResetFormConfiguration,\\r\\n SetModuleInfo,\\r\\n SetProperties,\\r\\n UpdateField,\\r\\n UpdateSection,\\r\\n} from './form-builder.actions';\\r\\nimport { FormBuilderState } from './form-builder.state';\\r\\n\\r\\n@Injectable({ providedIn: 'root' })\\r\\nexport class FormBuilderFacade {\\r\\n private readonly store = inject(Store);\\r\\n\\r\\n // ============================================================================\\r\\n // State Selectors\\r\\n // ============================================================================\\r\\n\\r\\n private readonly stateSignal = select(FormBuilderState.getState);\\r\\n\\r\\n readonly formConfiguration = select(FormBuilderState.getFormConfiguration);\\r\\n readonly sections = select(FormBuilderState.getSections);\\r\\n readonly properties = select(FormBuilderState.getProperties);\\r\\n readonly moduleType = select(FormBuilderState.getModuleType);\\r\\n readonly moduleId = select(FormBuilderState.getModuleId);\\r\\n\\r\\n // ============================================================================\\r\\n // Loading Signals\\r\\n // ============================================================================\\r\\n\\r\\n readonly isLoadingFormConfiguration = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.GetFormConfiguration,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isResettingFormConfiguration = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.ResetFormConfiguration,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isAddingSection = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddSection),\\r\\n );\\r\\n\\r\\n readonly isUpdatingSection = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.UpdateSection,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isDeletingSection = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(\\r\\n FormBuilderActionKey.DeleteSection,\\r\\n ),\\r\\n );\\r\\n\\r\\n readonly isAddingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.AddField),\\r\\n );\\r\\n\\r\\n readonly isUpdatingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.UpdateField),\\r\\n );\\r\\n\\r\\n readonly isDeletingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.DeleteField),\\r\\n );\\r\\n\\r\\n readonly isMovingField = computed(() =>\\r\\n this.stateSignal().loadingActive.includes(FormBuilderActionKey.MoveField),\\r\\n );\\r\\n\\r\\n // ============================================================================\\r\\n // Error Signals\\r\\n // ============================================================================\\r\\n\\r\\n readonly formConfigurationError = computed(\\r\\n () =>\\r\\n this.stateSignal().errors[FormBuilderActionKey.GetFormConfiguration] ??\\r\\n null,\\r\\n );\\r\\n\\r\\n readonly sectionError = computed(() => {\\r\\n const errors = this.stateSignal().errors;\\r\\n return (\\r\\n errors[FormBuilderActionKey.AddSection] ??\\r\\n errors[FormBuilderActionKey.UpdateSection] ??\\r\\n errors[FormBuilderActionKey.DeleteSection] ??\\r\\n null\\r\\n );\\r\\n });\\r\\n\\r\\n readonly fieldError = computed(() => {\\r\\n const errors = this.stateSignal().errors;\\r\\n return (\\r\\n errors[FormBuilderActionKey.AddField] ??\\r\\n errors[FormBuilderActionKey.UpdateField] ??\\r\\n errors[FormBuilderActionKey.DeleteField] ??\\r\\n errors[FormBuilderActionKey.MoveField] ??\\r\\n null\\r\\n );\\r\\n });\\r\\n\\r\\n // ============================================================================\\r\\n // Module Configuration Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n setModuleInfo(\\r\\n moduleType: string,\\r\\n moduleId: string | number,\\r\\n parentModuleType?: string,\\r\\n parentModuleId?: string | number,\\r\\n parentPath?: string,\\r\\n ) {\\r\\n return this.store.dispatch(\\r\\n new SetModuleInfo(\\r\\n moduleType,\\r\\n moduleId,\\r\\n parentModuleType,\\r\\n parentModuleId,\\r\\n parentPath,\\r\\n ),\\r\\n );\\r\\n }\\r\\n\\r\\n resetState() {\\r\\n return this.store.dispatch(new ResetFormBuilderState());\\r\\n }\\r\\n\\r\\n setProperties(properties: PropertyItem[]) {\\r\\n return this.store.dispatch(new SetProperties(properties));\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Form Configuration Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n getFormConfiguration() {\\r\\n return this.store.dispatch(new GetFormConfiguration());\\r\\n }\\r\\n\\r\\n resetFormConfiguration() {\\r\\n return this.store.dispatch(new ResetFormConfiguration());\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Section Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n addSection(payload: AddSectionPayload) {\\r\\n return this.store.dispatch(new AddSection(payload));\\r\\n }\\r\\n\\r\\n updateSection(sectionId: string, payload: UpdateSectionPayload) {\\r\\n return this.store.dispatch(new UpdateSection(sectionId, payload));\\r\\n }\\r\\n\\r\\n deleteSection(sectionId: string) {\\r\\n return this.store.dispatch(new DeleteSection(sectionId));\\r\\n }\\r\\n\\r\\n // ============================================================================\\r\\n // Field Dispatchers\\r\\n // ============================================================================\\r\\n\\r\\n addField(sectionId: string, payload: AddFieldPayload) {\\r\\n return this.store.dispatch(new AddField(sectionId, payload));\\r\\n }\\r\\n\\r\\n updateField(sectionId: string, fieldId: string, payload: UpdateFieldPayload) {\\r\\n return this.store.dispatch(new UpdateField(sectionId, fieldId, payload));\\r\\n }\\r\\n\\r\\n deleteField(sectionId: string, fieldId: string) {\\r\\n return this.store.dispatch(new DeleteField(sectionId, fieldId));\\r\\n }\\r\\n\\r\\n reorderFields(sectionId: string, payload: ReorderFieldPayload[]) {\\r\\n return this.store.dispatch(new ReorderFields(sectionId, payload));\\r\\n }\\r\\n\\r\\n moveField(sectionId: string, fieldId: string, payload: MoveFieldPayload) {\\r\\n return this.store.dispatch(new MoveField(sectionId, fieldId, payload));\\r\\n }\\r\\n}\\r\\n\",\"/**\\r\\n * Condition Formula Constants\\r\\n * Static functions and operators for condition formulas (Show/Hide/Enable/Disable)\\r\\n */\\r\\n\\r\\nimport type {\\r\\n FunctionCategoryGroup,\\r\\n OperatorDefinition,\\r\\n} from '@masterteam/components/formula';\\r\\n\\r\\n/**\\r\\n * Functions for field conditions\\r\\n */\\r\\nexport const CONDITION_FUNCTION_CATEGORIES: FunctionCategoryGroup[] = [\\r\\n {\\r\\n name: 'Logic',\\r\\n displayName: 'Field Visibility',\\r\\n functions: [\\r\\n {\\r\\n name: 'SHOW_IF',\\r\\n category: 'Logic',\\r\\n description: 'Show this field when condition is true',\\r\\n signature: 'SHOW_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is visible',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: [\\r\\n 'SHOW_IF(@Status == \\\"Active\\\")',\\r\\n 'SHOW_IF(@Type == \\\"Custom\\\")',\\r\\n ],\\r\\n },\\r\\n {\\r\\n name: 'HIDE_IF',\\r\\n category: 'Logic',\\r\\n description: 'Hide this field when condition is true',\\r\\n signature: 'HIDE_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is hidden',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['HIDE_IF(@Status == \\\"Closed\\\")', 'HIDE_IF(ISNULL(@Parent))'],\\r\\n },\\r\\n {\\r\\n name: 'DISABLE_IF',\\r\\n category: 'Logic',\\r\\n description: 'Disable this field when condition is true',\\r\\n signature: 'DISABLE_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is disabled',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: [\\r\\n 'DISABLE_IF(@IsLocked == true)',\\r\\n 'DISABLE_IF(@Status == \\\"Approved\\\")',\\r\\n ],\\r\\n },\\r\\n {\\r\\n name: 'ENABLE_IF',\\r\\n category: 'Logic',\\r\\n description: 'Enable this field when condition is true',\\r\\n signature: 'ENABLE_IF(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'When true, field is enabled',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: [\\r\\n 'ENABLE_IF(@Status == \\\"Draft\\\")',\\r\\n 'ENABLE_IF(@CanEdit == true)',\\r\\n ],\\r\\n },\\r\\n ],\\r\\n },\\r\\n {\\r\\n name: 'Aggregation',\\r\\n displayName: 'Logic Helpers',\\r\\n functions: [\\r\\n {\\r\\n name: 'AND',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if all conditions are true',\\r\\n signature: 'AND(condition1, condition2)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition1',\\r\\n type: 'boolean',\\r\\n description: 'First condition',\\r\\n required: true,\\r\\n },\\r\\n {\\r\\n name: 'condition2',\\r\\n type: 'boolean',\\r\\n description: 'Second condition',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['AND(@Status == \\\"Active\\\", @Priority > 0)'],\\r\\n },\\r\\n {\\r\\n name: 'OR',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if any condition is true',\\r\\n signature: 'OR(condition1, condition2)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition1',\\r\\n type: 'boolean',\\r\\n description: 'First condition',\\r\\n required: true,\\r\\n },\\r\\n {\\r\\n name: 'condition2',\\r\\n type: 'boolean',\\r\\n description: 'Second condition',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['OR(@Status == \\\"Active\\\", @Status == \\\"Pending\\\")'],\\r\\n },\\r\\n {\\r\\n name: 'NOT',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns the opposite of the condition',\\r\\n signature: 'NOT(condition)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'condition',\\r\\n type: 'boolean',\\r\\n description: 'The condition to negate',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['NOT(@IsCompleted)'],\\r\\n },\\r\\n {\\r\\n name: 'ISNULL',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if value is null or empty',\\r\\n signature: 'ISNULL(value)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'value',\\r\\n type: 'any',\\r\\n description: 'The value to check',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['ISNULL(@Description)'],\\r\\n },\\r\\n {\\r\\n name: 'CONTAINS',\\r\\n category: 'Aggregation',\\r\\n description: 'Returns true if text contains the search string',\\r\\n signature: 'CONTAINS(text, search)',\\r\\n parameters: [\\r\\n {\\r\\n name: 'text',\\r\\n type: 'string',\\r\\n description: 'The text to search in',\\r\\n required: true,\\r\\n },\\r\\n {\\r\\n name: 'search',\\r\\n type: 'string',\\r\\n description: 'The string to search for',\\r\\n required: true,\\r\\n },\\r\\n ],\\r\\n returnType: 'boolean',\\r\\n examples: ['CONTAINS(@Name, \\\"Project\\\")'],\\r\\n },\\r\\n ],\\r\\n },\\r\\n];\\r\\n\\r\\n/**\\r\\n * Operators for conditions\\r\\n */\\r\\nexport const CONDITION_OPERATORS: OperatorDefinition[] = [\\r\\n // Comparison\\r\\n {\\r\\n symbol: '==',\\r\\n name: 'Equal',\\r\\n type: 'comparison',\\r\\n description: 'Equal to',\\r\\n precedence: 3,\\r\\n },\\r\\n {\\r\\n symbol: '!=',\\r\\n name: 'Not Equal',\\r\\n type: 'comparison',\\r\\n description: 'Not equal to',\\r\\n precedence: 3,\\r\\n },\\r\\n {\\r\\n symbol: '>',\\r\\n name: 'Greater Than',\\r\\n type: 'comparison',\\r\\n description: 'Greater than',\\r\\n precedence: 4,\\r\\n },\\r\\n {\\r\\n symbol: '<',\\r\\n name: 'Less Than',\\r\\n type: 'comparison',\\r\\n description: 'Less than',\\r\\n precedence: 4,\\r\\n },\\r\\n {\\r\\n symbol: '>=',\\r\\n name: 'Greater or Equal',\\r\\n type: 'comparison',\\r\\n description: 'Greater than or equal',\\r\\n precedence: 4,\\r\\n },\\r\\n {\\r\\n symbol: '<=',\\r\\n name: 'Less or Equal',\\r\\n type: 'comparison',\\r\\n description: 'Less than or equal',\\r\\n precedence: 4,\\r\\n },\\r\\n // Logical\\r\\n {\\r\\n symbol: '&&',\\r\\n name: 'And',\\r\\n type: 'logical',\\r\\n description: 'Logical AND',\\r\\n precedence: 2,\\r\\n },\\r\\n {\\r\\n symbol: '||',\\r\\n name: 'Or',\\r\\n type: 'logical',\\r\\n description: 'Logical OR',\\r\\n precedence: 1,\\r\\n },\\r\\n];\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n inject,\\r\\n input,\\r\\n OnInit,\\r\\n signal,\\r\\n viewChild,\\r\\n} from '@angular/core';\\r\\nimport { TranslocoDirective } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport {\\r\\n FormulaEditor,\\r\\n FormulaToolbar,\\r\\n SmartBlock,\\r\\n FormulaToken,\\r\\n} from '@masterteam/components/formula';\\r\\nimport {\\r\\n CONDITION_FUNCTION_CATEGORIES,\\r\\n CONDITION_OPERATORS,\\r\\n} from './condition-constants';\\r\\n\\r\\n/**\\r\\n * Field property for condition formula\\r\\n */\\r\\nexport interface ConditionFieldProperty {\\r\\n /** Unique key (used in formula as @key) */\\r\\n key: string;\\r\\n /** Display name */\\r\\n name: string;\\r\\n /** Field type for hint */\\r\\n type?: string;\\r\\n}\\r\\n\\r\\n/**\\r\\n * Field Conditions Dialog\\r\\n *\\r\\n * Allows users to define conditional display formulas for form fields.\\r\\n * Uses FormulaToolbar + FormulaEditor directly for a visual formula editing experience.\\r\\n */\\r\\n@Component({\\r\\n selector: 'mt-fb-field-conditions',\\r\\n standalone: true,\\r\\n imports: [\\r\\n TranslocoDirective,\\r\\n ReactiveFormsModule,\\r\\n Button,\\r\\n FormulaToolbar,\\r\\n FormulaEditor,\\r\\n ],\\r\\n templateUrl: './fb-field-conditions.html',\\r\\n})\\r\\nexport class FBFieldConditions implements OnInit {\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n\\r\\n // Inputs\\r\\n /** Initial formula (JSON string from backend) */\\r\\n readonly initialFormula = input<string>('');\\r\\n\\r\\n /** Available fields from the form builder (other fields that can be referenced) */\\r\\n readonly availableFields = input<ConditionFieldProperty[]>([]);\\r\\n\\r\\n // UI State\\r\\n readonly submitting = signal(false);\\r\\n\\r\\n // Form control for the formula editor (tokens array)\\r\\n readonly formulaControl = new FormControl<FormulaToken[]>([]);\\r\\n\\r\\n // View child for the editor\\r\\n private readonly editorRef = viewChild<FormulaEditor>('editor');\\r\\n\\r\\n // Condition-specific functions and operators\\r\\n readonly functionCategories = CONDITION_FUNCTION_CATEGORIES;\\r\\n readonly operators = CONDITION_OPERATORS;\\r\\n\\r\\n /** Extract property keys for toolbar */\\r\\n readonly propertyKeys = computed(() =>\\r\\n this.availableFields().map((f) => f.key),\\r\\n );\\r\\n\\r\\n /** Toolbar labels */\\r\\n readonly toolbarLabels = {\\r\\n functions: 'Functions',\\r\\n properties: 'Fields',\\r\\n operators: 'Operators',\\r\\n noPropertiesAvailable: 'No fields available',\\r\\n };\\r\\n\\r\\n ngOnInit(): void {\\r\\n // Parse JSON string to tokens\\r\\n const formula = this.initialFormula();\\r\\n if (formula) {\\r\\n try {\\r\\n const tokens = JSON.parse(formula) as FormulaToken[];\\r\\n this.formulaControl.patchValue(tokens);\\r\\n } catch {\\r\\n // Invalid JSON, start with empty\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n /** Handle block insert from toolbar */\\r\\n onBlockInsert(block: SmartBlock): void {\\r\\n const editor = this.editorRef();\\r\\n if (editor) {\\r\\n editor.addBlock(block);\\r\\n }\\r\\n }\\r\\n\\r\\n onSave(): void {\\r\\n const tokens = this.formulaControl.value ?? [];\\r\\n const formula = tokens.length > 0 ? JSON.stringify(tokens) : '';\\r\\n this.ref.close({ saved: true, conditionalDisplayFormula: formula });\\r\\n }\\r\\n\\r\\n onCancel(): void {\\r\\n this.ref.close({ saved: false });\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-3\\\">\\r\\n <!-- Formula Toolbar -->\\r\\n <mt-formula-toolbar\\r\\n [knownProperties]=\\\"propertyKeys()\\\"\\r\\n [functionCategories]=\\\"functionCategories\\\"\\r\\n [operators]=\\\"operators\\\"\\r\\n [labels]=\\\"toolbarLabels\\\"\\r\\n (onBlockInsert)=\\\"onBlockInsert($event)\\\"\\r\\n />\\r\\n <!-- Formula Editor -->\\r\\n <mt-formula-editor\\r\\n #editor\\r\\n [placeholder]=\\\"t('build-condition-formula')\\\"\\r\\n [formControl]=\\\"formulaControl\\\"\\r\\n />\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n />\\r\\n <mt-button\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n />\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n effect,\\r\\n inject,\\r\\n input,\\r\\n signal,\\r\\n} from '@angular/core';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\\r\\nimport {\\r\\n DynamicFormConfig,\\r\\n RadioCardsFieldConfig,\\r\\n} from '@masterteam/components';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { ToggleField } from '@masterteam/components/toggle-field';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport type {\\r\\n EnrichedFormField,\\r\\n EnrichedFormSection,\\r\\n FieldWidth,\\r\\n} from '../../store/form-builder/form-builder.model';\\r\\nimport { FormBuilderFacade } from '../../store/form-builder';\\r\\nimport {\\r\\n FBFieldConditions,\\r\\n ConditionFieldProperty,\\r\\n} from '../fb-field-conditions/fb-field-conditions';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-field-form',\\r\\n standalone: true,\\r\\n imports: [\\r\\n TranslocoDirective,\\r\\n ReactiveFormsModule,\\r\\n DynamicForm,\\r\\n Button,\\r\\n ToggleField,\\r\\n ],\\r\\n templateUrl: './fb-field-form.html',\\r\\n})\\r\\nexport class FBFieldForm {\\r\\n private readonly transloco = inject(TranslocoService);\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n // Inputs\\r\\n readonly sectionId = input<string>('');\\r\\n readonly initialData = input<EnrichedFormField | null>(null);\\r\\n /** All sections with enriched fields (to get available fields for conditions) */\\r\\n readonly allSections = input<EnrichedFormSection[]>([]);\\r\\n\\r\\n // UI State\\r\\n readonly submitting = signal(false);\\r\\n readonly deleting = signal(false);\\r\\n readonly conditionalDisplayFormula = signal<string>('');\\r\\n private conditionsDialogRef: any;\\r\\n\\r\\n /**\\r\\n * Compute available fields for condition formula\\r\\n * Excludes the current field being edited\\r\\n */\\r\\n readonly availableFields = computed<ConditionFieldProperty[]>(() => {\\r\\n const sections = this.allSections();\\r\\n const currentField = this.initialData();\\r\\n const fields: ConditionFieldProperty[] = [];\\r\\n\\r\\n for (const section of sections) {\\r\\n for (const field of section.fields) {\\r\\n // Exclude the current field being edited\\r\\n if (currentField && field.id === currentField.id) continue;\\r\\n\\r\\n fields.push({\\r\\n key: field.name,\\r\\n name: field.name,\\r\\n type: field.type,\\r\\n });\\r\\n }\\r\\n }\\r\\n\\r\\n return fields;\\r\\n });\\r\\n\\r\\n // Form\\r\\n readonly formControl = new FormControl();\\r\\n readonly showHideControl = new FormControl(false);\\r\\n readonly formConfig: DynamicFormConfig = {\\r\\n sections: [\\r\\n {\\r\\n key: 'section-form',\\r\\n type: 'none',\\r\\n columns: 12,\\r\\n order: 1,\\r\\n fields: [\\r\\n {\\r\\n key: 'isRequired',\\r\\n label: this.transloco.translate('formBuilder.is-required'),\\r\\n type: 'toggle',\\r\\n toggleShape: 'card',\\r\\n colSpan: 12,\\r\\n order: 1,\\r\\n },\\r\\n {\\r\\n key: 'hiddenInCreation',\\r\\n label: this.transloco.translate('formBuilder.hidden-in-creation'),\\r\\n type: 'toggle',\\r\\n toggleShape: 'card',\\r\\n colSpan: 12,\\r\\n order: 2,\\r\\n },\\r\\n {\\r\\n key: 'hiddenInEditForm',\\r\\n label: this.transloco.translate('formBuilder.hidden-in-edit-form'),\\r\\n type: 'toggle',\\r\\n toggleShape: 'card',\\r\\n colSpan: 12,\\r\\n order: 3,\\r\\n },\\r\\n new RadioCardsFieldConfig({\\r\\n key: 'size',\\r\\n label: this.transloco.translate('formBuilder.size'),\\r\\n placeholder: this.transloco.translate('formBuilder.size'),\\r\\n options: [\\r\\n { id: 's', name: 'S' },\\r\\n { id: 'm', name: 'M' },\\r\\n { id: 'l', name: 'L' },\\r\\n ],\\r\\n order: 4,\\r\\n size: 'small',\\r\\n }),\\r\\n ],\\r\\n },\\r\\n ],\\r\\n };\\r\\n\\r\\n constructor() {\\r\\n effect(() => {\\r\\n const data = this.initialData();\\r\\n if (data) {\\r\\n const widthToSize: Record<string, string> = {\\r\\n '25': 's',\\r\\n '50': 'm',\\r\\n '100': 'l',\\r\\n };\\r\\n this.formControl.patchValue({\\r\\n isRequired: data.isRequired ?? false,\\r\\n hiddenInCreation: data.hiddenInCreation ?? false,\\r\\n hiddenInEditForm: data.hiddenInEditForm ?? false,\\r\\n size: widthToSize[data.width] ?? 'l',\\r\\n });\\r\\n // Set show/hide toggle based on existing value\\r\\n this.showHideControl.patchValue(\\r\\n data.showConditionalDisplayFormula ?? false,\\r\\n );\\r\\n this.conditionalDisplayFormula.set(\\r\\n data.conditionalDisplayFormula ?? '',\\r\\n );\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n onSave(): void {\\r\\n if (this.formControl.invalid) return;\\r\\n\\r\\n const formValue = this.formControl.value;\\r\\n const field = this.initialData();\\r\\n const sectionId = this.sectionId();\\r\\n\\r\\n if (!field || !sectionId) return;\\r\\n\\r\\n const widthMap: Record<string, FieldWidth> = {\\r\\n s: '25',\\r\\n m: '50',\\r\\n l: '100',\\r\\n };\\r\\n\\r\\n const payload = {\\r\\n width: widthMap[formValue.size] ?? '100',\\r\\n hiddenInCreation: formValue.hiddenInCreation ?? false,\\r\\n hiddenInEditForm: formValue.hiddenInEditForm ?? false,\\r\\n isRequired: formValue.isRequired ?? false,\\r\\n showConditionalDisplayFormula: this.showHideControl.value ?? false,\\r\\n conditionalDisplayFormula: this.showHideControl.value\\r\\n ? this.conditionalDisplayFormula()\\r\\n : null,\\r\\n };\\r\\n\\r\\n this.submitting.set(true);\\r\\n this.facade.updateField(sectionId, field.id, payload).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.submitting.set(false),\\r\\n });\\r\\n }\\r\\n\\r\\n onCancel(): void {\\r\\n this.ref.close(false);\\r\\n }\\r\\n\\r\\n onSetConditions(): void {\\r\\n this.conditionsDialogRef = this.modalService.openModal(\\r\\n FBFieldConditions,\\r\\n 'drawer',\\r\\n {\\r\\n header: this.transloco.translate('formBuilder.set-conditions'),\\r\\n styleClass: '!w-[calc(100%-25rem)] !absolute ',\\r\\n position: 'start',\\r\\n modal: true,\\r\\n dismissible: true,\\r\\n appendTo: '#page-content',\\r\\n inputValues: {\\r\\n initialFormula: this.conditionalDisplayFormula(),\\r\\n availableFields: this.availableFields(),\\r\\n },\\r\\n },\\r\\n );\\r\\n\\r\\n this.conditionsDialogRef.onClose.subscribe(\\r\\n (result: { saved: boolean; conditionalDisplayFormula?: string }) => {\\r\\n if (result?.saved) {\\r\\n this.conditionalDisplayFormula.set(\\r\\n result.conditionalDisplayFormula ?? '',\\r\\n );\\r\\n }\\r\\n },\\r\\n );\\r\\n }\\r\\n\\r\\n onDelete(event: Event): void {\\r\\n const field = this.initialData();\\r\\n const sectionId = this.sectionId();\\r\\n\\r\\n if (!field || !sectionId) return;\\r\\n\\r\\n this.confirmationService.confirmDelete({\\r\\n event,\\r\\n type: 'popup',\\r\\n accept: () => {\\r\\n this.deleting.set(true);\\r\\n this.facade.deleteField(sectionId, field.id).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.deleting.set(false),\\r\\n });\\r\\n },\\r\\n });\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10 flex flex-col gap-4\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n\\r\\n <!-- Show/Hide Toggle with Set Conditions -->\\r\\n <mt-toggle-field\\r\\n toggleShape=\\\"card\\\"\\r\\n [label]=\\\"t('show-hide')\\\"\\r\\n [descriptionCard]=\\\"t('show-hide-description')\\\"\\r\\n icon=\\\"general.eye\\\"\\r\\n [formControl]=\\\"showHideControl\\\"\\r\\n >\\r\\n <ng-template #toggleCardBottom>\\r\\n @if (showHideControl.value) {\\r\\n <div class=\\\"mt-3\\\">\\r\\n <mt-button\\r\\n [label]=\\\"t('set-conditions')\\\"\\r\\n size=\\\"small\\\"\\r\\n (onClick)=\\\"onSetConditions()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-toggle-field>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (initialData()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import { Component, effect, inject, input, signal } from '@angular/core';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\\r\\nimport { DynamicFormConfig } from '@masterteam/components';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport { FormBuilderFacade } from '../../store/form-builder';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-section-form',\\r\\n standalone: true,\\r\\n imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Button],\\r\\n templateUrl: './fb-section-form.html',\\r\\n})\\r\\nexport class FBSectionForm {\\r\\n private readonly transloco = inject(TranslocoService);\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n // Inputs\\r\\n readonly sectionId = input<string | null>(null);\\r\\n readonly initialData = input<{ ar: string; en: string } | null>(null);\\r\\n readonly sectionsCount = input<number>(0);\\r\\n\\r\\n // UI State\\r\\n readonly submitting = signal(false);\\r\\n readonly deleting = signal(false);\\r\\n\\r\\n // Form\\r\\n readonly formControl = new FormControl();\\r\\n readonly formConfig: DynamicFormConfig = {\\r\\n sections: [\\r\\n {\\r\\n key: 'section-form',\\r\\n type: 'none',\\r\\n columns: 12,\\r\\n order: 1,\\r\\n fields: [\\r\\n {\\r\\n key: 'name-ar',\\r\\n label: this.transloco.translate('formBuilder.name-ar'),\\r\\n type: 'text',\\r\\n placeholder: this.transloco.translate('formBuilder.name-ar'),\\r\\n colSpan: 12,\\r\\n order: 1,\\r\\n },\\r\\n {\\r\\n key: 'name-en',\\r\\n label: this.transloco.translate('formBuilder.name-en'),\\r\\n type: 'text',\\r\\n placeholder: this.transloco.translate('formBuilder.name-en'),\\r\\n colSpan: 12,\\r\\n order: 2,\\r\\n },\\r\\n ],\\r\\n },\\r\\n ],\\r\\n };\\r\\n\\r\\n constructor() {\\r\\n effect(() => {\\r\\n const data = this.initialData();\\r\\n if (data) {\\r\\n this.formControl.patchValue({\\r\\n 'name-ar': data.ar,\\r\\n 'name-en': data.en,\\r\\n });\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n onSave(): void {\\r\\n if (this.formControl.invalid) return;\\r\\n\\r\\n const formValue = this.formControl.value;\\r\\n const payload = {\\r\\n name: {\\r\\n ar: formValue['name-ar'],\\r\\n en: formValue['name-en'],\\r\\n },\\r\\n };\\r\\n\\r\\n this.submitting.set(true);\\r\\n const sectionId = this.sectionId();\\r\\n\\r\\n if (sectionId) {\\r\\n // Update existing section\\r\\n this.facade.updateSection(sectionId, payload).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.submitting.set(false),\\r\\n });\\r\\n } else {\\r\\n // Create new section\\r\\n this.facade\\r\\n .addSection({ ...payload, order: this.sectionsCount() })\\r\\n .subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.submitting.set(false),\\r\\n });\\r\\n }\\r\\n }\\r\\n\\r\\n onCancel(): void {\\r\\n this.ref.close(false);\\r\\n }\\r\\n\\r\\n onDelete(event: Event): void {\\r\\n const sectionId = this.sectionId();\\r\\n if (!sectionId) return;\\r\\n\\r\\n this.confirmationService.confirmDelete({\\r\\n event,\\r\\n type: 'popup',\\r\\n accept: () => {\\r\\n this.deleting.set(true);\\r\\n this.facade.deleteSection(sectionId).subscribe({\\r\\n next: () => this.ref.close(true),\\r\\n error: () => this.deleting.set(false),\\r\\n });\\r\\n },\\r\\n });\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <div class=\\\"mt-4 h-full overflow-y-auto pb-10\\\">\\r\\n <mt-dynamic-form [formConfig]=\\\"formConfig\\\" [formControl]=\\\"formControl\\\">\\r\\n </mt-dynamic-form>\\r\\n </div>\\r\\n </div>\\r\\n\\r\\n <div [class]=\\\"modalService.footerClass\\\">\\r\\n @if (sectionId()) {\\r\\n <mt-button\\r\\n [tooltip]=\\\"t('delete')\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n icon=\\\"general.trash-01\\\"\\r\\n [loading]=\\\"deleting()\\\"\\r\\n [disabled]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onDelete($event)\\\"\\r\\n class=\\\"me-auto\\\"\\r\\n ></mt-button>\\r\\n }\\r\\n <mt-button\\r\\n [label]=\\\"t('cancel')\\\"\\r\\n severity=\\\"secondary\\\"\\r\\n [disabled]=\\\"submitting() || deleting()\\\"\\r\\n (onClick)=\\\"onCancel()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n <mt-button\\r\\n [disabled]=\\\"!formControl.valid || deleting()\\\"\\r\\n [label]=\\\"t('save')\\\"\\r\\n severity=\\\"primary\\\"\\r\\n [loading]=\\\"submitting()\\\"\\r\\n (onClick)=\\\"onSave()\\\"\\r\\n >\\r\\n </mt-button>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n inject,\\r\\n input,\\r\\n output,\\r\\n signal,\\r\\n effect,\\r\\n} from '@angular/core';\\r\\nimport type {\\r\\n EnrichedFormField,\\r\\n EnrichedFormSection,\\r\\n} from '../../store/form-builder/form-builder.model';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { TranslocoService } from '@jsverse/transloco';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { Card } from '@masterteam/components/card';\\r\\nimport {\\r\\n CdkDrag,\\r\\n CdkDragDrop,\\r\\n CdkDragPlaceholder,\\r\\n CdkDropList,\\r\\n} from '@angular/cdk/drag-drop';\\r\\nimport { TranslocoDirective } from '@jsverse/transloco';\\r\\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\\r\\nimport { ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';\\r\\nimport { Icon } from '@masterteam/icons';\\r\\nimport { FormBuilderFacade } from '../../store/form-builder';\\r\\nimport { FBFieldForm } from '../fb-field-form/fb-field-form';\\r\\nimport { FBSectionForm } from '../fb-section-form/fb-section-form';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-section',\\r\\n standalone: true,\\r\\n imports: [\\r\\n Button,\\r\\n Card,\\r\\n Icon,\\r\\n CdkDrag,\\r\\n CdkDropList,\\r\\n CdkDragPlaceholder,\\r\\n TranslocoDirective,\\r\\n DynamicField,\\r\\n ReactiveFormsModule,\\r\\n ],\\r\\n templateUrl: './fb-section.html',\\r\\n})\\r\\nexport class FBSection {\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly modalService = inject(ModalService);\\r\\n private readonly translocoService = inject(TranslocoService);\\r\\n private readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n // Inputs\\r\\n readonly section = input.required<EnrichedFormSection>();\\r\\n readonly sectionsCount = input<number>(0);\\r\\n /** All sections - used to get available fields for condition formulas */\\r\\n readonly allSections = input<EnrichedFormSection[]>([]);\\r\\n\\r\\n // Outputs - only keep drag/drop since it needs coordination with parent drop list group\\r\\n readonly onFieldDrop = output<CdkDragDrop<EnrichedFormField[]>>();\\r\\n\\r\\n // Computed\\r\\n readonly sectionName = computed(() => {\\r\\n const lang = document.documentElement.lang as 'en' | 'ar';\\r\\n const section = this.section();\\r\\n return section.name[lang] ?? section.name['en'];\\r\\n });\\r\\n\\r\\n readonly fields = computed(() => this.section().fields);\\r\\n\\r\\n // UI State\\r\\n readonly expanded = signal(true);\\r\\n\\r\\n // Form groups cache for dynamic fields\\r\\n private readonly formGroupsCache = new Map<string, FormGroup>();\\r\\n\\r\\n constructor() {\\r\\n // Cleanup stale form groups when fields change\\r\\n effect(() => {\\r\\n const currentIds = new Set(this.fields().map((f) => f.id));\\r\\n for (const id of this.formGroupsCache.keys()) {\\r\\n if (!currentIds.has(id)) {\\r\\n this.formGroupsCache.delete(id);\\r\\n }\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n getFormGroup(field: EnrichedFormField): FormGroup {\\r\\n let fg = this.formGroupsCache.get(field.id);\\r\\n\\r\\n if (fg) {\\r\\n // Check if field name changed\\r\\n if (!fg.contains(field.name)) {\\r\\n const oldKey = Object.keys(fg.controls)[0];\\r\\n const value = oldKey ? fg.get(oldKey)?.value : field.data?.data;\\r\\n\\r\\n fg = new FormGroup({\\r\\n [field.name]: new FormControl(value),\\r\\n });\\r\\n this.formGroupsCache.set(field.id, fg);\\r\\n }\\r\\n } else {\\r\\n fg = new FormGroup({\\r\\n [field.name]: new FormControl(field.data?.data),\\r\\n });\\r\\n this.formGroupsCache.set(field.id, fg);\\r\\n }\\r\\n\\r\\n return fg;\\r\\n }\\r\\n\\r\\n toggleExpanded(): void {\\r\\n this.expanded.update((v) => !v);\\r\\n }\\r\\n\\r\\n onDrop(event: CdkDragDrop<EnrichedFormField[]>): void {\\r\\n this.onFieldDrop.emit(event);\\r\\n }\\r\\n\\r\\n editSection(event: Event): void {\\r\\n event.stopPropagation();\\r\\n const section = this.section();\\r\\n\\r\\n this.modalService.openModal(FBSectionForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.edit-section'),\\r\\n height: '20vw',\\r\\n styleClass: '!w-100 !absolute ',\\r\\n position: 'end',\\r\\n appendTo: '#page-content',\\r\\n modal: true,\\r\\n dismissible: true,\\r\\n\\r\\n inputValues: {\\r\\n sectionId: section.id,\\r\\n initialData: section.name,\\r\\n sectionsCount: this.sectionsCount(),\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n removeField(event: Event, field: EnrichedFormField): void {\\r\\n this.confirmationService.confirmDelete({\\r\\n event,\\r\\n type: 'popup',\\r\\n accept: () => {\\r\\n this.facade.deleteField(this.section().id, field.id);\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n editField(field: EnrichedFormField): void {\\r\\n this.modalService.openModal(FBFieldForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.field-settings'),\\r\\n height: '20vw',\\r\\n styleClass: '!w-100 !absolute !shadow-none',\\r\\n position: 'end',\\r\\n modal: true,\\r\\n dismissible: true,\\r\\n\\r\\n appendTo: '#page-content',\\r\\n inputValues: {\\r\\n initialData: field,\\r\\n sectionId: this.section().id,\\r\\n allSections: this.allSections(),\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n getFieldColSpan(field: EnrichedFormField): string {\\r\\n switch (field.width) {\\r\\n case '100':\\r\\n return 'col-span-12';\\r\\n case '50':\\r\\n return 'col-span-6';\\r\\n case '25':\\r\\n return 'col-span-3';\\r\\n default:\\r\\n return 'col-span-12';\\r\\n }\\r\\n }\\r\\n\\r\\n getFieldType(field: EnrichedFormField): string {\\r\\n const typeMap: Record<string, string> = {\\r\\n User: 'select',\\r\\n Text: 'text',\\r\\n LongText: 'editor-field',\\r\\n Percentage: 'slider',\\r\\n Date: 'date',\\r\\n Currency: 'text',\\r\\n Number: 'number',\\r\\n Lookup: 'select',\\r\\n LookupMultiSelect: 'select',\\r\\n Checkbox: 'toggle',\\r\\n InternalModule: 'select',\\r\\n DynamicList: 'select',\\r\\n API: 'select',\\r\\n Time: 'date',\\r\\n Status: 'select',\\r\\n Attachment: 'attachment',\\r\\n EditableListView: 'actionableTable',\\r\\n LookupLog: 'actionableTable',\\r\\n LookupMatrix: 'select',\\r\\n Location: 'select',\\r\\n };\\r\\n\\r\\n return typeMap[field.type] ?? 'text';\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex flex-col\\\">\\r\\n <div\\r\\n class=\\\"flex justify-between items-center bg-primary text-primary-contrast p-2 rounded-xl\\\"\\r\\n >\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"arrow.chevron-down\\\"\\r\\n class=\\\"transition-[rotate]\\\"\\r\\n [class.rotate-180]=\\\"expanded()\\\"\\r\\n (onClick)=\\\"toggleExpanded()\\\"\\r\\n ></mt-button>\\r\\n <span class=\\\"font-bold\\\">\\r\\n {{ sectionName() }}\\r\\n </span>\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.edit-02\\\"\\r\\n [tooltip]=\\\"t('edit-section')\\\"\\r\\n (onClick)=\\\"editSection($event)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n @if (expanded()) {\\r\\n <div\\r\\n cdkDropList\\r\\n [id]=\\\"section().id\\\"\\r\\n cdkDropListOrientation=\\\"mixed\\\"\\r\\n [cdkDropListData]=\\\"fields()\\\"\\r\\n (cdkDropListDropped)=\\\"onDrop($event)\\\"\\r\\n class=\\\"grid grid-cols-12 gap-4 relative py-4\\\"\\r\\n [class.min-h-27]=\\\"fields().length === 0\\\"\\r\\n >\\r\\n @for (field of fields(); track field.id) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"field\\\"\\r\\n [cdkDragDisabled]=\\\"field._pending || field._deleting\\\"\\r\\n [class]=\\\"\\r\\n getFieldColSpan(field) + ' cursor-grab active:cursor-grabbing'\\r\\n \\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n [class]=\\\"\\r\\n 'h-full min-h-27 bg-black/10 rounded-2xl ' +\\r\\n getFieldColSpan(field)\\r\\n \\\"\\r\\n ></div>\\r\\n @if (field._pending) {\\r\\n <!-- Skeleton for pending field -->\\r\\n <mt-card class=\\\"h-full animate-pulse\\\">\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1 space-y-3\\\">\\r\\n <div class=\\\"h-4 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-8 w-8 bg-surface-200 rounded\\\"></div>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n } @else {\\r\\n <mt-card\\r\\n class=\\\"h-full relative\\\"\\r\\n [class.opacity-50]=\\\"field._deleting\\\"\\r\\n >\\r\\n @if (field._deleting) {\\r\\n <div\\r\\n class=\\\"absolute inset-0 flex items-center justify-center bg-white/50 rounded-xl z-10\\\"\\r\\n >\\r\\n <div\\r\\n class=\\\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\\\"\\r\\n ></div>\\r\\n </div>\\r\\n }\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <div class=\\\"flex-1\\\">\\r\\n <form [formGroup]=\\\"getFormGroup(field)\\\">\\r\\n <mt-dynamic-field\\r\\n [fieldName]=\\\"field.name\\\"\\r\\n [fieldConfig]=\\\"{\\r\\n label: field.name,\\r\\n readonly: true,\\r\\n type: getFieldType(field),\\r\\n }\\\"\\r\\n />\\r\\n </form>\\r\\n </div>\\r\\n <div class=\\\"flex flex-col gap-1\\\">\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.settings-01\\\"\\r\\n [tooltip]=\\\"t('edit-field')\\\"\\r\\n outlined\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"editField(field)\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n size=\\\"small\\\"\\r\\n icon=\\\"general.trash-01\\\"\\r\\n severity=\\\"danger\\\"\\r\\n outlined\\r\\n [tooltip]=\\\"t('remove-field')\\\"\\r\\n [disabled]=\\\"field._deleting\\\"\\r\\n (onClick)=\\\"removeField($event, field)\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n } @empty {\\r\\n <mt-card class=\\\"absolute inset-0 top-4 h-full\\\" paddingless>\\r\\n <div class=\\\"size-full p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <mt-icon icon=\\\"editor.move\\\" class=\\\"text-3xl\\\" />\\r\\n <span>{{ t(\\\"drag-from-the-side\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import {\\r\\n Component,\\r\\n computed,\\r\\n effect,\\r\\n inject,\\r\\n input,\\r\\n signal,\\r\\n} from '@angular/core';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { ReactiveFormsModule, FormControl } from '@angular/forms';\\r\\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\\r\\nimport { DynamicFormConfig, DynamicFieldConfig } from '@masterteam/components';\\r\\nimport { Tabs } from '@masterteam/components/tabs';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ModalRef } from '@masterteam/components/dialog';\\r\\nimport type { EnrichedFormSection } from '../../store/form-builder/form-builder.model';\\r\\n\\r\\ntype PreviewMode = 'create' | 'edit';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-fb-preview-form',\\r\\n standalone: true,\\r\\n imports: [TranslocoDirective, ReactiveFormsModule, DynamicForm, Tabs],\\r\\n templateUrl: './fb-preview-form.html',\\r\\n})\\r\\nexport class FBPreviewForm {\\r\\n protected readonly modalService = inject(ModalService);\\r\\n private readonly ref = inject(ModalRef);\\r\\n private readonly transloco = inject(TranslocoService);\\r\\n\\r\\n // Inputs\\r\\n readonly sections = input<EnrichedFormSection[]>([]);\\r\\n\\r\\n // Tab state\\r\\n readonly activeTab = signal<PreviewMode>('create');\\r\\n readonly isLoading = signal(false);\\r\\n readonly tabOptions = [\\r\\n {\\r\\n label: this.transloco.translate('formBuilder.create-form'),\\r\\n value: 'create',\\r\\n },\\r\\n { label: this.transloco.translate('formBuilder.edit-form'), value: 'edit' },\\r\\n ];\\r\\n\\r\\n // Form control for dynamic form\\r\\n readonly formControl = new FormControl();\\r\\n\\r\\n constructor() {\\r\\n // Show skeleton briefly when tab changes to force rebuild\\r\\n effect(() => {\\r\\n this.activeTab(); // Track tab changes\\r\\n this.isLoading.set(true);\\r\\n setTimeout(() => this.isLoading.set(false), 50);\\r\\n });\\r\\n }\\r\\n\\r\\n // Convert enriched sections to DynamicFormConfig based on active tab\\r\\n readonly formConfig = computed<DynamicFormConfig>(() => {\\r\\n const sections = this.sections();\\r\\n const mode = this.activeTab();\\r\\n\\r\\n return {\\r\\n sections: sections\\r\\n .map((section, sectionIndex) => {\\r\\n const lang = document.documentElement.lang as 'en' | 'ar';\\r\\n const sectionName = section.name[lang] ?? section.name['en'] ?? '';\\r\\n\\r\\n // Filter fields based on mode\\r\\n const visibleFields = section.fields.filter((field) => {\\r\\n if (mode === 'create') {\\r\\n return !field.hiddenInCreation;\\r\\n } else {\\r\\n return !field.hiddenInEditForm;\\r\\n }\\r\\n });\\r\\n\\r\\n return {\\r\\n key: section.id,\\r\\n label: sectionName,\\r\\n type: 'header' as const,\\r\\n columns: 12,\\r\\n order: section.order ?? sectionIndex,\\r\\n fields: visibleFields.map((field, fieldIndex) => {\\r\\n const colSpan = this.getColSpan(field.width);\\r\\n\\r\\n return {\\r\\n key: `field_${field.propertyId}`,\\r\\n label: field.name,\\r\\n type: this.mapFieldType(field.type),\\r\\n colSpan,\\r\\n order: field.order ?? fieldIndex,\\r\\n placeholder: field.name,\\r\\n } as DynamicFieldConfig;\\r\\n }),\\r\\n };\\r\\n })\\r\\n .filter((section) => section.fields.length > 0), // Hide empty sections\\r\\n };\\r\\n });\\r\\n\\r\\n /**\\r\\n * Map property view type to dynamic form field type\\r\\n */\\r\\n private mapFieldType(viewType: string): string {\\r\\n const typeMap: Record<string, string> = {\\r\\n User: 'select',\\r\\n Text: 'text',\\r\\n LongText: 'editor-field',\\r\\n Percentage: 'slider',\\r\\n Date: 'date',\\r\\n Currency: 'text',\\r\\n Number: 'number',\\r\\n Lookup: 'select',\\r\\n LookupMultiSelect: 'select',\\r\\n Checkbox: 'toggle',\\r\\n InternalModule: 'select',\\r\\n DynamicList: 'select',\\r\\n API: 'select',\\r\\n Time: 'date',\\r\\n Status: 'select',\\r\\n Attachment: 'attachment',\\r\\n EditableListView: 'actionableTable',\\r\\n LookupLog: 'actionableTable',\\r\\n LookupMatrix: 'select',\\r\\n Location: 'select',\\r\\n };\\r\\n\\r\\n return typeMap[viewType] ?? 'text';\\r\\n }\\r\\n\\r\\n /**\\r\\n * Convert field width to colSpan\\r\\n */\\r\\n private getColSpan(width: string): number {\\r\\n const widthMap: Record<string, number> = {\\r\\n '25': 3,\\r\\n '50': 6,\\r\\n '100': 12,\\r\\n };\\r\\n\\r\\n return widthMap[width] ?? 12;\\r\\n }\\r\\n\\r\\n onClose(): void {\\r\\n this.ref.close();\\r\\n }\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div [class]=\\\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\\\">\\r\\n <!-- Tabs for Create/Edit mode -->\\r\\n <div class=\\\"flex justify-center mb-4\\\">\\r\\n <mt-tabs [options]=\\\"tabOptions\\\" [(active)]=\\\"activeTab\\\"></mt-tabs>\\r\\n </div>\\r\\n\\r\\n <div class=\\\"h-full overflow-y-auto pb-10\\\">\\r\\n @if (isLoading()) {\\r\\n <div class=\\\"space-y-4 animate-pulse\\\">\\r\\n <div class=\\\"h-6 bg-surface-200 rounded w-1/3\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded\\\"></div>\\r\\n <div class=\\\"h-10 bg-surface-200 rounded w-2/3\\\"></div>\\r\\n </div>\\r\\n } @else if (formConfig().sections.length > 0) {\\r\\n <mt-dynamic-form\\r\\n [formConfig]=\\\"formConfig()\\\"\\r\\n [formControl]=\\\"formControl\\\"\\r\\n >\\r\\n </mt-dynamic-form>\\r\\n } @else {\\r\\n <div\\r\\n class=\\\"flex justify-center items-center h-64 text-muted-color text-lg\\\"\\r\\n >\\r\\n {{ t(\\\"no-fields-visible\\\") }}\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"import { Component, computed, inject, signal, effect } from '@angular/core';\\r\\nimport { CommonModule } from '@angular/common';\\r\\nimport { FormsModule } from '@angular/forms';\\r\\nimport { TabsModule } from 'primeng/tabs';\\r\\nimport { SkeletonModule } from 'primeng/skeleton';\\r\\nimport { Button } from '@masterteam/components/button';\\r\\nimport { Card } from '@masterteam/components/card';\\r\\nimport { ModalService } from '@masterteam/components/modal';\\r\\nimport { ConfirmationService } from '@masterteam/components/confirmation';\\r\\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\\r\\nimport { FBSection } from './fb-section/fb-section';\\r\\nimport type {\\r\\n EnrichedFormSection,\\r\\n EnrichedFormField,\\r\\n FieldWidth,\\r\\n PropertyItem,\\r\\n} from '../store/form-builder/form-builder.model';\\r\\nimport { CdkDragDrop, DragDropModule } from '@angular/cdk/drag-drop';\\r\\nimport { FBSectionForm } from './fb-section-form/fb-section-form';\\r\\nimport { FBPreviewForm } from './fb-preview-form/fb-preview-form';\\r\\nimport { FormBuilderFacade } from '../store/form-builder/form-builder.facade';\\r\\n\\r\\n@Component({\\r\\n selector: 'mt-form-builder',\\r\\n standalone: true,\\r\\n imports: [\\r\\n CommonModule,\\r\\n FormsModule,\\r\\n TabsModule,\\r\\n SkeletonModule,\\r\\n Button,\\r\\n Card,\\r\\n TranslocoDirective,\\r\\n FBSection,\\r\\n DragDropModule,\\r\\n ],\\r\\n templateUrl: './form-builder.html',\\r\\n styleUrl: './form-builder.scss',\\r\\n})\\r\\nexport class FormBuilder {\\r\\n private readonly modalService = inject(ModalService);\\r\\n private readonly confirmationService = inject(ConfirmationService);\\r\\n private readonly translocoService = inject(TranslocoService);\\r\\n protected readonly facade = inject(FormBuilderFacade);\\r\\n\\r\\n private dialogRef: any;\\r\\n\\r\\n // Local UI state\\r\\n readonly activeTab = signal<string>('system');\\r\\n\\r\\n // State from facade\\r\\n readonly sections = this.facade.sections;\\r\\n readonly properties = this.facade.properties;\\r\\n readonly isLoading = this.facade.isLoadingFormConfiguration;\\r\\n readonly error = this.facade.formConfigurationError;\\r\\n\\r\\n // Properties map for enrichment\\r\\n private readonly propertiesMap = computed(() => {\\r\\n const map = new Map<number, PropertyItem>();\\r\\n for (const prop of this.properties()) {\\r\\n map.set(prop.id, prop);\\r\\n }\\r\\n return map;\\r\\n });\\r\\n\\r\\n // Enrich sections with property data for UI display\\r\\n readonly enrichedSections = computed<EnrichedFormSection[]>(() => {\\r\\n const sections = this.sections();\\r\\n const propsMap = this.propertiesMap();\\r\\n const lang = document.documentElement.lang as 'en' | 'ar';\\r\\n\\r\\n return sections.map((section) => ({\\r\\n ...section,\\r\\n fields: section.fields.map((field): EnrichedFormField => {\\r\\n const prop = propsMap.get(field.propertyId);\\r\\n const propName = prop?.name;\\r\\n const name =\\r\\n typeof propName === 'string'\\r\\n ? propName\\r\\n : (propName?.[lang] ??\\r\\n propName?.['en'] ??\\r\\n `Property ${field.propertyId}`);\\r\\n\\r\\n return {\\r\\n ...field,\\r\\n name,\\r\\n type: prop?.viewType || 'text',\\r\\n data: prop,\\r\\n };\\r\\n }),\\r\\n }));\\r\\n });\\r\\n\\r\\n // Available properties for toolbox tabs\\r\\n readonly availableTabs = computed(() => {\\r\\n const tabs: Array<{\\r\\n id: string;\\r\\n title: string;\\r\\n properties: PropertyItem[];\\r\\n }> = [];\\r\\n const usedPropertyIds = new Set(\\r\\n this.sections().flatMap((s) => s.fields.map((f) => f.propertyId)),\\r\\n );\\r\\n\\r\\n const availableProps = this.properties().filter(\\r\\n (p) => !usedPropertyIds.has(p.id),\\r\\n );\\r\\n\\r\\n const systemProps = availableProps.filter((p) => p['isSystem']);\\r\\n const customProps = availableProps.filter((p) => !p['isSystem']);\\r\\n\\r\\n if (systemProps.length > 0) {\\r\\n tabs.push({ id: 'system', title: 'System', properties: systemProps });\\r\\n }\\r\\n if (customProps.length > 0) {\\r\\n tabs.push({ id: 'custom', title: 'Custom', properties: customProps });\\r\\n }\\r\\n\\r\\n return tabs;\\r\\n });\\r\\n\\r\\n constructor() {\\r\\n // Update active tab when tabs change\\r\\n effect(() => {\\r\\n const tabs = this.availableTabs();\\r\\n const currentTab = this.activeTab();\\r\\n if (tabs.length > 0 && !tabs.some((t) => t.id === currentTab)) {\\r\\n this.activeTab.set(tabs[0].id);\\r\\n }\\r\\n });\\r\\n }\\r\\n\\r\\n drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void {\\r\\n const targetSectionId = event.container.id;\\r\\n\\r\\n if (event.previousContainer === event.container) {\\r\\n // Reordering within the same section\\r\\n const fields = [...(event.container.data as EnrichedFormField[])];\\r\\n const [movedField] = fields.splice(event.previousIndex, 1);\\r\\n fields.splice(event.currentIndex, 0, movedField);\\r\\n\\r\\n // Build bulk reorder payload with new order values\\r\\n const reorderPayload = fields.map((field, index) => ({\\r\\n id: field.id,\\r\\n order: index,\\r\\n }));\\r\\n\\r\\n this.facade.reorderFields(targetSectionId, reorderPayload);\\r\\n } else if (event.previousContainer.id.startsWith('toolbox-')) {\\r\\n // Adding from toolbox\\r\\n const propertyItem = event.item.data as PropertyItem;\\r\\n this.facade.addField(targetSectionId, {\\r\\n propertyId: propertyItem.id,\\r\\n width: '100' as FieldWidth,\\r\\n order: event.currentIndex,\\r\\n hiddenInCreation: false,\\r\\n });\\r\\n } else {\\r\\n // Moving between sections\\r\\n const sourceSectionId = event.previousContainer.id;\\r\\n const field = event.item.data as EnrichedFormField;\\r\\n this.facade.moveField(sourceSectionId, field.id, {\\r\\n targetSectionId,\\r\\n order: event.currentIndex,\\r\\n });\\r\\n }\\r\\n }\\r\\n\\r\\n addSection(): void {\\r\\n this.dialogRef = this.modalService.openModal(FBSectionForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.add-section'),\\r\\n height: '20vw',\\r\\n styleClass: '!w-100 !absolute ',\\r\\n position: 'end',\\r\\n appendTo: '#page-content',\\r\\n modal: true,\\r\\n dismissible: true,\\r\\n inputValues: {\\r\\n sectionsCount: this.sections().length,\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n openPreview(): void {\\r\\n this.dialogRef = this.modalService.openModal(FBPreviewForm, 'drawer', {\\r\\n header: this.translocoService.translate('formBuilder.preview'),\\r\\n styleClass: '!w-[80vw] ',\\r\\n position: 'end',\\r\\n modal: true,\\r\\n dismissible: true,\\r\\n inputValues: {\\r\\n sections: this.enrichedSections(),\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n resetFormConfiguration(): void {\\r\\n this.confirmationService.confirm({\\r\\n type: 'dialog',\\r\\n acceptButtonStyleClass: 'p-button-danger',\\r\\n accept: () => {\\r\\n this.facade.resetFormConfiguration();\\r\\n },\\r\\n });\\r\\n }\\r\\n\\r\\n noReturnPredicate = (): boolean => false;\\r\\n}\\r\\n\",\"<ng-container *transloco=\\\"let t; prefix: 'formBuilder'\\\">\\r\\n <div class=\\\"flex gap-4 h-full w-full overflow-hidden\\\" cdkDropListGroup>\\r\\n <!-- Properties Sidebar -->\\r\\n <mt-card\\r\\n class=\\\"z-1 w-1/5 min-w-xs shrink-0 h-full flex flex-col overflow-hidden\\\"\\r\\n >\\r\\n <ng-template #headless>\\r\\n <!-- Header -->\\r\\n <div class=\\\"flex items-center justify-between px-4 pt-5\\\">\\r\\n <h3 class=\\\"text-xl font-semibold\\\">{{ t(\\\"form-elements\\\") }}</h3>\\r\\n </div>\\r\\n\\r\\n @if (properties().length === 0) {\\r\\n @if (isLoading()) {\\r\\n <!-- Properties Loading Skeleton -->\\r\\n <div class=\\\"p-4 space-y-3\\\">\\r\\n <p-skeleton height=\\\"2rem\\\" styleClass=\\\"mb-4\\\" />\\r\\n @for (i of [1, 2, 3, 4, 5, 6]; track i) {\\r\\n <p-skeleton height=\\\"3rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n }\\r\\n </div>\\r\\n } @else {\\r\\n <!-- No Properties State -->\\r\\n <div class=\\\"flex-1 flex items-center justify-center p-4\\\">\\r\\n <div class=\\\"text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">{{ t(\\\"no-properties\\\") }}</p>\\r\\n </div>\\r\\n </div>\\r\\n }\\r\\n } @else {\\r\\n <!-- Tabs using PrimeNG -->\\r\\n <p-tabs\\r\\n [(value)]=\\\"activeTab\\\"\\r\\n styleClass=\\\"structure-tabs\\\"\\r\\n class=\\\"flex flex-1 flex-col min-h-0\\\"\\r\\n >\\r\\n <p-tablist class=\\\"shrink-0\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tab [value]=\\\"tab.id\\\">{{ tab.title | titlecase }}</p-tab>\\r\\n }\\r\\n </p-tablist>\\r\\n <p-tabpanels class=\\\"!bg-transparent !p-0 flex-1 overflow-hidden\\\">\\r\\n @for (tab of availableTabs(); track tab.id) {\\r\\n <p-tabpanel [value]=\\\"tab.id\\\" class=\\\"h-full\\\">\\r\\n <!-- Node List -->\\r\\n <div\\r\\n class=\\\"space-y-1 p-4 [&_.cdk-drag-placeholder]:hidden h-full overflow-y-auto\\\"\\r\\n [id]=\\\"'toolbox-' + tab.id\\\"\\r\\n cdkDropList\\r\\n cdkDropListSortingDisabled\\r\\n [cdkDropListData]=\\\"tab.properties\\\"\\r\\n [cdkDropListEnterPredicate]=\\\"noReturnPredicate\\\"\\r\\n >\\r\\n @for (node of tab.properties; track $index) {\\r\\n <div\\r\\n cdkDrag\\r\\n [cdkDragData]=\\\"node\\\"\\r\\n class=\\\"group cursor-move select-none relative flex items-center gap-3 py-3 px-4 rounded-lg border border-dashed border-surface-300 hover:border-solid hover:bg-emphasis dark:border-surface-500 transition-colors\\\"\\r\\n >\\r\\n <div\\r\\n *cdkDragPlaceholder\\r\\n class=\\\"col-span-12 min-h-27 w-full rounded-2xl bg-black/10 z-1\\\"\\r\\n ></div>\\r\\n <span class=\\\"flex-1 text-base font-medium\\\">{{\\r\\n node.name\\r\\n }}</span>\\r\\n </div>\\r\\n }\\r\\n\\r\\n @if (tab.properties.length === 0) {\\r\\n <div class=\\\"py-8 text-center text-muted-color\\\">\\r\\n <p class=\\\"text-sm\\\">\\r\\n All {{ tab.title }} items are in use\\r\\n </p>\\r\\n </div>\\r\\n }\\r\\n </div>\\r\\n </p-tabpanel>\\r\\n }\\r\\n </p-tabpanels>\\r\\n </p-tabs>\\r\\n }\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n <!-- Main Canvas Area -->\\r\\n <div class=\\\"flex flex-col gap-4 flex-1 w-full h-full overflow-y-auto\\\">\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 flex items-center gap-2\\\">\\r\\n <mt-button\\r\\n icon=\\\"layout.layout-top\\\"\\r\\n [label]=\\\"t('add-section')\\\"\\r\\n (onClick)=\\\"addSection()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"general.eye\\\"\\r\\n [label]=\\\"t('preview')\\\"\\r\\n (onClick)=\\\"openPreview()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n <mt-button\\r\\n icon=\\\"finance.credit-card-plus\\\"\\r\\n [label]=\\\"t('reset')\\\"\\r\\n (onClick)=\\\"resetFormConfiguration()\\\"\\r\\n [disabled]=\\\"isLoading()\\\"\\r\\n ></mt-button>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n\\r\\n @if (isLoading()) {\\r\\n <!-- Form Loading Skeleton -->\\r\\n @for (i of [1, 2]; track i) {\\r\\n <mt-card>\\r\\n <ng-template #headless>\\r\\n <div class=\\\"p-4 space-y-4\\\">\\r\\n <!-- Section header skeleton -->\\r\\n <div class=\\\"flex items-center justify-between\\\">\\r\\n <p-skeleton width=\\\"10rem\\\" height=\\\"1.5rem\\\" />\\r\\n <div class=\\\"flex gap-2\\\">\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n <p-skeleton width=\\\"2rem\\\" height=\\\"2rem\\\" shape=\\\"circle\\\" />\\r\\n </div>\\r\\n </div>\\r\\n <!-- Fields skeleton -->\\r\\n <div class=\\\"grid grid-cols-12 gap-4\\\">\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-6\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n <div class=\\\"col-span-12\\\">\\r\\n <p-skeleton height=\\\"4rem\\\" styleClass=\\\"rounded-lg\\\" />\\r\\n </div>\\r\\n </div>\\r\\n </div>\\r\\n </ng-template>\\r\\n </mt-card>\\r\\n }\\r\\n } @else {\\r\\n @for (section of enrichedSections(); track section.id) {\\r\\n <mt-fb-section\\r\\n [section]=\\\"section\\\"\\r\\n [sectionsCount]=\\\"enrichedSections().length\\\"\\r\\n [allSections]=\\\"enrichedSections()\\\"\\r\\n (onFieldDrop)=\\\"drop($event)\\\"\\r\\n >\\r\\n </mt-fb-section>\\r\\n } @empty {\\r\\n <mt-card>\\r\\n <div class=\\\"h-27 p-4\\\">\\r\\n <div\\r\\n class=\\\"flex justify-center items-center gap-4 h-full border-2 border-primary rounded-xl bg-primary-200 text-primary\\\"\\r\\n >\\r\\n <span>{{ t(\\\"no-section\\\") }}</span>\\r\\n </div>\\r\\n </div>\\r\\n </mt-card>\\r\\n }\\r\\n }\\r\\n </div>\\r\\n </div>\\r\\n</ng-container>\\r\\n\",\"/*\\r\\n * Public API Surface of form-builder\\r\\n */\\r\\n\\r\\nexport * from './lib/form-builder';\\r\\nexport * from './store/form-builder';\\r\\n\",\"/**\\n * Generated bundle index. Do not edit.\\n */\\n\\nexport * from './public-api';\\n\"],\"names\":[\"i1\"],\"mappings\":\"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\"}","type":"asset"}]}