ngx-histaff-alpha 5.8.5 → 5.8.6

package/fesm2022/{ngx-histaff-alpha-ai-hint-for-table.component-0Lzx0qfX.mjs → ngx-histaff-alpha-ai-hint-for-table.component-Bl1_9vY4.mjs}

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { input, signal, inject, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { c as BaseComponent, C as CoreWorkflowService, T as TranslatePipe, f as TooltipDirective } from './ngx-histaff-alpha-ngx-histaff-alpha-1ZMcJ6mu.mjs';
-import { D as DbService } from './ngx-histaff-alpha-core-toast-loading.component-yTFbMo5P.mjs';
+import { e as BaseComponent, b as CoreWorkflowService, T as TranslatePipe, g as TooltipDirective } from './ngx-histaff-alpha-ngx-histaff-alpha-BdR4YDv8.mjs';
+import { D as DbService } from './ngx-histaff-alpha-core-toast-loading.component-qnsnXPsb.mjs';
 import { take } from 'rxjs';
 
 class AiHintForTableComponent extends BaseComponent {
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }] });
 
 export { AiHintForTableComponent };
-//# sourceMappingURL=ngx-histaff-alpha-ai-hint-for-table.component-0Lzx0qfX.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ai-hint-for-table.component-Bl1_9vY4.mjs.map

package/fesm2022/{ngx-histaff-alpha-ai-hint-for-table.component-0Lzx0qfX.mjs.map → ngx-histaff-alpha-ai-hint-for-table.component-Bl1_9vY4.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-histaff-alpha-ai-hint-for-table.component-0Lzx0qfX.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input, signal } from '@angular/core';\r\nimport { IWorkflowSchemaTable } from '../../interfaces/IWorkflowSchema';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslatePipe } from '../../../../app-pipes/translate.pipe';\r\nimport { TooltipDirective } from '../../../tooltip/tooltip.directive';\r\nimport { BaseComponent } from '../../../base-component/base/base.component';\r\nimport { DbService } from '../../../../services/db.service';\r\nimport { CoreWorkflowService } from '../../core-workflow.service';\r\nimport { take } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ai-hint-for-table',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    TranslatePipe,\r\n    TooltipDirective,\r\n    ReactiveFormsModule,\r\n  ],\r\n  templateUrl: './ai-hint-for-table.component.html',\r\n  styleUrl: './ai-hint-for-table.component.scss'\r\n})\r\nexport class AiHintForTableComponent extends BaseComponent {\r\n  $table = input.required<IWorkflowSchemaTable>()\r\n\r\n  $editing = signal(false);\r\n  hintControl = new FormControl('');\r\n\r\n  dbs = inject(DbService);\r\n  wfs = inject(CoreWorkflowService);\r\n\r\n  override ngOnInit() {\r\n    this.subscriptions.push(\r\n      this.mls.lang$.subscribe(x => this.lang = x)\r\n    )\r\n    this.hintControl.setValue(this.$table().hintForAi || '');\r\n  }\r\n\r\n  startEditing(): void {\r\n    this.$editing.set(true);\r\n  }\r\n\r\n  save(): void {\r\n    this.$editing.set(false);\r\n    this.wfs.$workflowDbSchema.update(current => {\r\n      const founds = current.filter(x => x.id === this.$table().id);\r\n      if (founds) {\r\n        founds[0].hintForAi = this.hintControl.getRawValue() ?? ''\r\n      }\r\n      return [...current];\r\n    })\r\n          this.dbs.updateTableHint(this.$table().table, this.hintControl.getRawValue() ?? '')\r\n          .pipe(take(1))\r\n          .subscribe({\r\n            next: () => console.log('Hint saved'),\r\n            error: err => console.error('Failed to save hint', err)\r\n          });\r\n  }\r\n}\r\n","<span class=\"ai-table-hint-wrapper\">\r\n  @if (!$editing()) {\r\n    <i\r\n        class=\"feather feather-more-vertical ai-table-icon\"\r\n        [appTooltip]=\"'Edit Hint for AI' | translate : lang\" [showAnyway]=\"true\"\r\n        (click)=\"startEditing()\">\r\n    </i>\r\n  } @else {\r\n    <input\r\n      type=\"text\"\r\n      class=\"form-control form-control-sm ai-table-hint-input\"\r\n      [formControl]=\"hintControl\"\r\n      (blur)=\"save()\"\r\n      (keydown.enter)=\"save()\" />\r\n  }\r\n</span>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-histaff-alpha-ai-hint-for-table.component-Bl1_9vY4.mjs","sources":["../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.ts","../../../projects/ngx-histaff-alpha/src/lib/app/libraries/core-workflow-builder/db-settings/ai-hint-for-table/ai-hint-for-table.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input, signal } from '@angular/core';\r\nimport { IWorkflowSchemaTable } from '../../interfaces/IWorkflowSchema';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslatePipe } from '../../../../app-pipes/translate.pipe';\r\nimport { TooltipDirective } from '../../../tooltip/tooltip.directive';\r\nimport { BaseComponent } from '../../../base-component/base/base.component';\r\nimport { DbService } from '../../../../services/db.service';\r\nimport { CoreWorkflowService } from '../../core-workflow.service';\r\nimport { take } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ai-hint-for-table',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    TranslatePipe,\r\n    TooltipDirective,\r\n    ReactiveFormsModule,\r\n  ],\r\n  templateUrl: './ai-hint-for-table.component.html',\r\n  styleUrl: './ai-hint-for-table.component.scss'\r\n})\r\nexport class AiHintForTableComponent extends BaseComponent {\r\n  $table = input.required<IWorkflowSchemaTable>()\r\n\r\n  $editing = signal(false);\r\n  hintControl = new FormControl('');\r\n\r\n  dbs = inject(DbService);\r\n  wfs = inject(CoreWorkflowService);\r\n\r\n  override ngOnInit() {\r\n    this.subscriptions.push(\r\n      this.mls.lang$.subscribe(x => this.lang = x)\r\n    )\r\n    this.hintControl.setValue(this.$table().hintForAi || '');\r\n  }\r\n\r\n  startEditing(): void {\r\n    this.$editing.set(true);\r\n  }\r\n\r\n  save(): void {\r\n    this.$editing.set(false);\r\n    this.wfs.$workflowDbSchema.update(current => {\r\n      const founds = current.filter(x => x.id === this.$table().id);\r\n      if (founds) {\r\n        founds[0].hintForAi = this.hintControl.getRawValue() ?? ''\r\n      }\r\n      return [...current];\r\n    })\r\n          this.dbs.updateTableHint(this.$table().table, this.hintControl.getRawValue() ?? '')\r\n          .pipe(take(1))\r\n          .subscribe({\r\n            next: () => console.log('Hint saved'),\r\n            error: err => console.error('Failed to save hint', err)\r\n          });\r\n  }\r\n}\r\n","<span class=\"ai-table-hint-wrapper\">\r\n  @if (!$editing()) {\r\n    <i\r\n        class=\"feather feather-more-vertical ai-table-icon\"\r\n        [appTooltip]=\"'Edit Hint for AI' | translate : lang\" [showAnyway]=\"true\"\r\n        (click)=\"startEditing()\">\r\n    </i>\r\n  } @else {\r\n    <input\r\n      type=\"text\"\r\n      class=\"form-control form-control-sm ai-table-hint-input\"\r\n      [formControl]=\"hintControl\"\r\n      (blur)=\"save()\"\r\n      (keydown.enter)=\"save()\" />\r\n  }\r\n</span>\r\n"],"names":[],"mappings":";;;;;;;;AAqBM,MAAO,uBAAwB,SAAQ,aAAa,CAAA;AAX1D,IAAA,WAAA,GAAA;;AAYE,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAwB;AAE/C,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;AACxB,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC;AAEjC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC;AACvB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC;AA6BlC;IA3BU,QAAQ,GAAA;QACf,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAC7C;AACD,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,IAAI,EAAE,CAAC;;IAG1D,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;IAGzB,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,MAAM,CAAC,OAAO,IAAG;YAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC;YAC7D,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE;;AAE5D,YAAA,OAAO,CAAC,GAAG,OAAO,CAAC;AACrB,SAAC,CAAC;QACI,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE;AACjF,aAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACZ,aAAA,SAAS,CAAC;YACT,IAAI,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;AACrC,YAAA,KAAK,EAAE,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG;AACvD,SAAA,CAAC;;8GAlCC,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,0OCrBpC,8gBAgBA,EAAA,MAAA,EAAA,CAAA,4RAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDFI,aAAa,EACb,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,sIAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EACZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,aAAa;wBACb,gBAAgB;wBAChB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,8gBAAA,EAAA,MAAA,EAAA,CAAA,4RAAA,CAAA,EAAA;;;;;"}

package/fesm2022/{ngx-histaff-alpha-core-form-design.component-DPZ9W8ms.mjs → ngx-histaff-alpha-core-form-design.component-BsuF_N7l.mjs}

@@ -1,16 +1,16 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, Component, signal, effect, HostListener, ChangeDetectionStrategy, Injectable, computed, ViewContainerRef, Input, EventEmitter, Output, viewChild, Renderer2, input, isDevMode } from '@angular/core';
+import { inject, ChangeDetectorRef, Component, signal, effect, HostListener, ChangeDetectionStrategy, Injectable, computed, viewChild, ViewContainerRef, Input, EventEmitter, Output, Renderer2, input, isDevMode } from '@angular/core';
 import { trigger, state, transition, style, animate } from '@angular/animations';
-import { m as CoreFormDesignService, C as CoreWorkflowService, B as BaseEditComponent, h as AlertService, z as AppConfigService, K as EnumCorePageEditMode, L as EnumCoreButtonVNSCode, R as READONLY_WORKFLOW_FIELDS, O as noneAutoClosedAlertOptions, o as DialogService, M as MultiLanguageService, d as CorePageHeaderComponent, P as CoreFormComponent, Q as CoreButtonGroupVnsComponent, T as TranslatePipe, E as EnumFormBaseContolType, c as BaseComponent, U as EnumCoreTablePipeType, V as CoreCheckboxComponent, q as CoreDropdownComponent, f as TooltipDirective, G as GptService, k as alertOptions, x as CoreRadioGroupComponent, W as HtmlTooltipDirective, X as EnumFormDesignMode, p as DomService, J as JsonService, y as ApplicationHelpService, a as EnumCoreFormControlSeekerSourceType, H as HotKeysDirective, Y as CoreControlComponent, i as TableCellPipe, r as CoreChecklistComponent, t as CoreFormControlSeekerComponent, Z as CoreAttachmentComponent, s as CoreDatePickerComponent, _ as CoreMonthSelectorComponent, u as CoreCurrencyInputComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-1ZMcJ6mu.mjs';
+import { n as CoreFormDesignService, b as CoreWorkflowService, B as BaseEditComponent, i as AlertService, K as AppConfigService, L as EnumCorePageEditMode, O as EnumCoreButtonVNSCode, R as READONLY_WORKFLOW_FIELDS, P as noneAutoClosedAlertOptions, p as DialogService, M as MultiLanguageService, C as CorePageHeaderComponent, Q as CoreFormComponent, U as CoreButtonGroupVnsComponent, T as TranslatePipe, E as EnumFormBaseContolType, e as BaseComponent, V as EnumCoreTablePipeType, W as CoreCheckboxComponent, r as CoreDropdownComponent, g as TooltipDirective, G as GptService, l as alertOptions, y as CoreRadioGroupComponent, X as HtmlTooltipDirective, Y as EnumFormDesignMode, q as DomService, J as JsonService, z as ApplicationHelpService, c as EnumCoreFormControlSeekerSourceType, H as HotKeysDirective, Z as CoreControlComponent, j as TableCellPipe, s as CoreChecklistComponent, u as CoreFormControlSeekerComponent, _ as CoreAttachmentComponent, t as CoreDatePickerComponent, $ as CoreMonthSelectorComponent, v as CoreCurrencyInputComponent } from './ngx-histaff-alpha-ngx-histaff-alpha-BdR4YDv8.mjs';
 import * as i1 from '@angular/forms';
 import { FormsModule, FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import { NgStyle, AsyncPipe, NgTemplateOutlet } from '@angular/common';
 import { BehaviorSubject, catchError, of, filter, distinctUntilChanged, tap, switchMap } from 'rxjs';
 import { Router, ActivatedRoute } from '@angular/router';
-import { CoreStickerCollectionComponent } from './ngx-histaff-alpha-core-sticker-collection.component-47egFcr2.mjs';
-import { D as DbService, C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-yTFbMo5P.mjs';
+import { CoreStickerCollectionComponent } from './ngx-histaff-alpha-core-sticker-collection.component-CzNeWEKx.mjs';
+import { D as DbService, C as CoreToastLoadingComponent } from './ngx-histaff-alpha-core-toast-loading.component-qnsnXPsb.mjs';
 import { EnumTranslateKey } from 'alpha-global-constants';
-import { L as LiveFormComponent } from './ngx-histaff-alpha-live-form.component-DzcXc-MH.mjs';
+import { L as LiveFormComponent } from './ngx-histaff-alpha-live-form.component-C0U0MDM-.mjs';
 
 const slideFromTopFadeIn = trigger('slideFromTopFadeIn', [
     state('in', style({ opacity: 1, transform: 'translateY(0)' })),
@@ -340,50 +340,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 class MandatoryPropsComponent extends BasePropsComponent {
     constructor() {
         super(...arguments);
+        this.$fieldInputRef = viewChild('fieldInput');
         this.afs = inject(CoreFormDesignService);
         this.$isNormalField = computed(() => this.afs.$currentControl()?.type !== 'calculated');
         this.$typedField = computed(() => {
             const control = this.$control();
-            return AttachmentFieldHelperService.isAttachment(control)
+            const field = AttachmentFieldHelperService.isAttachment(control)
                 ? control.assignTo || ''
                 : control.field;
+            return field;
         });
     }
-    setTypedField(val) {
-        const control = this.$control();
-        const context = this.$formContext();
-        const toCamelCase = (input) => {
-            return input
-                .replace(/[^a-zA-Z0-9 ]/g, ' ') // remove special characters
-                .replace(/([a-z])([A-Z])/g, '$1 $2') // split camelCase
-                .replace(/\s+/g, ' ') // collapse multiple spaces
-                .trim()
-                .split(' ')
-                .map((word, index) => index === 0
-                ? word.toLowerCase()
-                : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-                .join('');
-        };
-        const corrected = toCamelCase(val);
-        const current = AttachmentFieldHelperService.isAttachment(control)
-            ? control.assignTo || ''
-            : control.field;
-        if (current === corrected)
-            return;
-        if (AttachmentFieldHelperService.isAttachment(control)) {
-            AttachmentFieldHelperService.handleFieldNameChangeForAttachment(control, context, corrected);
-        }
-        else {
-            control.field = corrected;
+    onFieldChange(val) {
+        this.setControlProp('field', val);
+        const expected = this.$typedField();
+        const actual = this.$fieldInputRef()?.nativeElement.value;
+        if (!!actual && actual !== expected) {
+            console.warn('Manual fix: input mismatch detected. Forcing value reset.');
+            this.$fieldInputRef().nativeElement.value = expected;
         }
-        this.patchControl(control);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MandatoryPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: MandatoryPropsComponent, isStandalone: true, selector: "mandatory-props", usesInheritance: true, ngImport: i0, template: "<div class=\"setting-group mandatory-group\" [ngStyle]=\"{ padding: '15px', maxWidth: '352px' }\">\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Field</label>\r\n    <input class=\"form-control\" type=\"text\" [ngModel]=\"$typedField()\" (ngModelChange)=\"setControlProp('field', $event)\" />\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Label</label>\r\n    <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.label\" (ngModelChange)=\"setControlProp('label', $event)\" />\r\n  </div>\r\n\r\n  @if ($isNormalField()) {\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Flex Size</label>\r\n      <input class=\"form-control\" type=\"number\" [ngModel]=\"$control()?.flexSize\" (ngModelChange)=\"setControlProp('flexSize', $event)\" />\r\n    </div>\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Default</label>\r\n      <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.value\" (ngModelChange)=\"setControlProp('value', $event)\" />\r\n    </div>\r\n  }\r\n\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: MandatoryPropsComponent, isStandalone: true, selector: "mandatory-props", viewQueries: [{ propertyName: "$fieldInputRef", first: true, predicate: ["fieldInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"setting-group mandatory-group\" [ngStyle]=\"{ padding: '15px', maxWidth: '352px' }\">\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Field: {{ $typedField() }}</label>\r\n    <!-- <input class=\"form-control\" type=\"text\" \r\n      [ngModel]=\"$typedField()\" \r\n      (focus)=\"capturePreviousField()\"\r\n      (ngModelChange)=\"setControlProp('field', $event, previousFieldName)\" /> -->\r\n    <input #fieldInput class=\"form-control\" type=\"text\" \r\n      [ngModel]=\"$typedField()\" \r\n      (ngModelChange)=\"onFieldChange($event)\" />\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Label</label>\r\n    <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.label\" (ngModelChange)=\"setControlProp('label', $event)\" />\r\n  </div>\r\n\r\n  @if ($isNormalField()) {\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Flex Size</label>\r\n      <input class=\"form-control\" type=\"number\" [ngModel]=\"$control()?.flexSize\" (ngModelChange)=\"setControlProp('flexSize', $event)\" />\r\n    </div>\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Default</label>\r\n      <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.value\" (ngModelChange)=\"setControlProp('value', $event)\" />\r\n    </div>\r\n  }\r\n\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MandatoryPropsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mandatory-props', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, FormsModule], template: "<div class=\"setting-group mandatory-group\" [ngStyle]=\"{ padding: '15px', maxWidth: '352px' }\">\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Field</label>\r\n    <input class=\"form-control\" type=\"text\" [ngModel]=\"$typedField()\" (ngModelChange)=\"setControlProp('field', $event)\" />\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Label</label>\r\n    <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.label\" (ngModelChange)=\"setControlProp('label', $event)\" />\r\n  </div>\r\n\r\n  @if ($isNormalField()) {\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Flex Size</label>\r\n      <input class=\"form-control\" type=\"number\" [ngModel]=\"$control()?.flexSize\" (ngModelChange)=\"setControlProp('flexSize', $event)\" />\r\n    </div>\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Default</label>\r\n      <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.value\" (ngModelChange)=\"setControlProp('value', $event)\" />\r\n    </div>\r\n  }\r\n\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"] }]
+            args: [{ selector: 'mandatory-props', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgStyle, FormsModule], template: "<div class=\"setting-group mandatory-group\" [ngStyle]=\"{ padding: '15px', maxWidth: '352px' }\">\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Field: {{ $typedField() }}</label>\r\n    <!-- <input class=\"form-control\" type=\"text\" \r\n      [ngModel]=\"$typedField()\" \r\n      (focus)=\"capturePreviousField()\"\r\n      (ngModelChange)=\"setControlProp('field', $event, previousFieldName)\" /> -->\r\n    <input #fieldInput class=\"form-control\" type=\"text\" \r\n      [ngModel]=\"$typedField()\" \r\n      (ngModelChange)=\"onFieldChange($event)\" />\r\n  </div>\r\n\r\n  <div class=\"setting-row\">\r\n    <label>Label</label>\r\n    <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.label\" (ngModelChange)=\"setControlProp('label', $event)\" />\r\n  </div>\r\n\r\n  @if ($isNormalField()) {\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Flex Size</label>\r\n      <input class=\"form-control\" type=\"number\" [ngModel]=\"$control()?.flexSize\" (ngModelChange)=\"setControlProp('flexSize', $event)\" />\r\n    </div>\r\n\r\n    <div class=\"setting-row\">\r\n      <label>Default</label>\r\n      <input class=\"form-control\" type=\"text\" [ngModel]=\"$control()?.value\" (ngModelChange)=\"setControlProp('value', $event)\" />\r\n    </div>\r\n  }\r\n\r\n</div>", styles: [".setting-group{display:flex;flex-direction:column}.setting-row{display:flex;justify-content:flex-start;align-items:center;height:50px}.setting-row label{width:30%}.setting-row .control-wrapper,.setting-row input,.setting-row .readonly-field{width:65%}.setting-row .readonly-field{font-style:italic;color:#666}.setting-row input.validator-value{text-align:right}.setting-row input.validator-value.pattern{text-align:left}.setting-row .control-wrapper{display:flex;align-items:center;justify-content:flex-start}.validator-group .setting-row{justify-content:flex-start}.validator-group .setting-row input{margin-left:15px;width:100%}.tiny-lock{margin-left:6px;font-size:12px;color:#888}\n"] }]
         }] });
 
 class OptionalPropsComponent extends BasePropsComponent {
@@ -1616,6 +1598,9 @@ class CoreFormDesignComponent extends BaseComponent {
             label: this.generateLabelNameFor(template),
             value: null
         });
+        if (normalized.controlType === EnumFormBaseContolType.CALCULATED) {
+            normalized.returnType = 'number';
+        }
         this.coreFormDesignService.$placeholderSections.update(sections => {
             const section = sections[sectionIndex];
             const row = section?.rows[rowIndex];
@@ -2068,4 +2053,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
         }], ctorParameters: () => [{ type: MultiLanguageService }] });
 
 export { CoreFormDesignComponent };
-//# sourceMappingURL=ngx-histaff-alpha-core-form-design.component-DPZ9W8ms.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-core-form-design.component-BsuF_N7l.mjs.map