@lowcodeunit/applications-flow-common 1.36.7-lets-get-social-ish → 1.36.8-lets-get-social-ish

package/fesm2020/lowcodeunit-applications-flow-common.mjs

@@ -6679,10 +6679,16 @@ class StateConfigFormComponent {
     constructor(eacSvc, formbldr) {
         this.eacSvc = eacSvc;
         this.formbldr = formbldr;
-        this.StateConfigDialogForm = this.formbldr.group({});
+        this.StateConfigForm = this.formbldr.group({});
     }
-    get StateConfigFormControl() {
-        return this.StateConfigDialogForm?.controls.config;
+    get StateConfigNameFormControl() {
+        return this.StateConfigForm?.controls.name;
+    }
+    get StateConfigDescriptionFormControl() {
+        return this.StateConfigForm?.controls.description;
+    }
+    get StateConfigValueFormControl() {
+        return this.StateConfigForm?.controls.value;
     }
     ngOnInit() {
         this.buildForm();
@@ -6690,19 +6696,25 @@ class StateConfigFormComponent {
     SaveStateConfig() {
         const saveAppReq = {
             ApplicationLookup: this.AppLookup || Guid.CreateRaw(),
-            DataToken: this.StateConfigFormControl?.value
+            DataToken: {
+                Name: this.StateConfigNameFormControl.value,
+                Description: this.StateConfigDescriptionFormControl.value,
+                Value: this.StateConfigValueFormControl.value
+            }
         };
         this.eacSvc.SaveApplicationAsCode(saveAppReq);
     }
     buildForm() {
-        this.StateConfigDialogForm.addControl('config', this.formbldr.control(this.Config ? this.Config : ''));
+        this.StateConfigForm.addControl('name', this.formbldr.control(this.Config?.Name ? this.Config?.Name : '', [Validators.required]));
+        this.StateConfigForm.addControl('description', this.formbldr.control(this.Config?.Description ? this.Config?.Description : '', [Validators.required]));
+        this.StateConfigForm.addControl('value', this.formbldr.control(this.Config?.Value ? this.Config?.Value : '', [Validators.required]));
     }
 }
 StateConfigFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StateConfigFormComponent, deps: [{ token: EaCService }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-StateConfigFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StateConfigFormComponent, selector: "lcu-state-config-form", inputs: { AppLookup: ["app-lookup", "AppLookup"], Config: ["config", "Config"] }, ngImport: i0, template: "<form\n    [formGroup]=\"StateConfigDialogForm\"\n>\n    <mat-form-field appearance=\"fill\" class=\"config-text-area\">\n\n        <mat-label>State Config</mat-label>\n\n        <textarea \n            matInput\n            formControlName=\"config\"        \n        >\n        </textarea>\n\n    </mat-form-field>\n\n</form>\n", styles: [".config-text-area{width:100%}\n"], components: [{ type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+StateConfigFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StateConfigFormComponent, selector: "lcu-state-config-form", inputs: { AppLookup: ["app-lookup", "AppLookup"], Config: ["config", "Config"] }, ngImport: i0, template: "<form\n    [formGroup]=\"StateConfigForm\"\n>\n\n<mat-form-field appearance=\"fill\" class=\"input-form\">\n\n    <mat-label>Name</mat-label>\n\n    <input \n        matInput\n        formControlName=\"name\" \n        required       \n    >\n    \n\n</mat-form-field>\n\n<mat-form-field appearance=\"fill\" class=\"config-text-area\">\n\n    <mat-label>Description</mat-label>\n\n    <textarea \n        matInput\n        formControlName=\"value\"        \n    >\n    </textarea>\n\n</mat-form-field>\n    <mat-form-field appearance=\"fill\" class=\"config-text-area\">\n\n        <mat-label>Value</mat-label>\n\n        <textarea \n            matInput\n            formControlName=\"value\"  \n            required      \n        >\n        </textarea>\n\n    </mat-form-field>\n\n</form>\n", styles: [".input-form,.config-text-area{width:100%}\n"], components: [{ type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4$1.MatLabel, selector: "mat-label" }, { type: i11$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StateConfigFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-state-config-form', template: "<form\n    [formGroup]=\"StateConfigDialogForm\"\n>\n    <mat-form-field appearance=\"fill\" class=\"config-text-area\">\n\n        <mat-label>State Config</mat-label>\n\n        <textarea \n            matInput\n            formControlName=\"config\"        \n        >\n        </textarea>\n\n    </mat-form-field>\n\n</form>\n", styles: [".config-text-area{width:100%}\n"] }]
+            args: [{ selector: 'lcu-state-config-form', template: "<form\n    [formGroup]=\"StateConfigForm\"\n>\n\n<mat-form-field appearance=\"fill\" class=\"input-form\">\n\n    <mat-label>Name</mat-label>\n\n    <input \n        matInput\n        formControlName=\"name\" \n        required       \n    >\n    \n\n</mat-form-field>\n\n<mat-form-field appearance=\"fill\" class=\"config-text-area\">\n\n    <mat-label>Description</mat-label>\n\n    <textarea \n        matInput\n        formControlName=\"value\"        \n    >\n    </textarea>\n\n</mat-form-field>\n    <mat-form-field appearance=\"fill\" class=\"config-text-area\">\n\n        <mat-label>Value</mat-label>\n\n        <textarea \n            matInput\n            formControlName=\"value\"  \n            required      \n        >\n        </textarea>\n\n    </mat-form-field>\n\n</form>\n", styles: [".input-form,.config-text-area{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: EaCService }, { type: i1$2.FormBuilder }]; }, propDecorators: { AppLookup: [{
                 type: Input,
                 args: ['app-lookup']
@@ -6725,7 +6737,7 @@ class StateConfigDialogComponent {
         return this.eacSvc.State;
     }
     get StateConfigFormControl() {
-        return this.StateConfigForm?.StateConfigFormControl;
+        return this.StateConfigForm?.StateConfigForm;
     }
     ngOnInit() {
     }