@bcweed/dynamic-form-lib 0.0.24 → 0.0.27
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.
|
@@ -44,10 +44,10 @@ class DynamicRefDirective {
|
|
|
44
44
|
this.el = el;
|
|
45
45
|
const t = this.refKey;
|
|
46
46
|
}
|
|
47
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
48
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicRefDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
48
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: DynamicRefDirective, isStandalone: true, selector: "[dynamicRef]", inputs: { refKey: "refKey" }, ngImport: i0 });
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicRefDirective, decorators: [{
|
|
51
51
|
type: Directive,
|
|
52
52
|
args: [{
|
|
53
53
|
selector: '[dynamicRef]',
|
|
@@ -247,16 +247,16 @@ class DynamicFormFieldComponent {
|
|
|
247
247
|
}
|
|
248
248
|
return false;
|
|
249
249
|
}
|
|
250
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
251
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DynamicFormFieldComponent, isStandalone: true, selector: "app-dynamic-form-field", inputs: { field: "field", form: "form", errors: "errors", isDisabled: "isDisabled", allowHelpOverlay: "allowHelpOverlay", allowHelpSideBar: "allowHelpSideBar" }, viewQueries: [{ propertyName: "ref", first: true, predicate: DynamicRefDirective, descendants: true }, { propertyName: "radioButton", first: true, predicate: RadioButton, descendants: true }], ngImport: i0, template: "\n<div [ngClass]=\"fieldClasses\" [formGroup]=\"form\">\n <div *ngIf=\"field.preInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preWarning\"></div>\n </p-message>\n </div>\n <div [ngStyle]=\"{ width: fieldWidthStyle(), position: 'relative' }\">\n <div *ngIf=\"field.preInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preInnerWarning\"></div>\n </p-message>\n </div>\n <!-- Label -->\n <div *ngIf=\"field.leftPreInput\" class=\"left-pre-input\">\n <span [innerHTML]=\"field.leftPreInput\" class=\"left-pre-input-text\">\n </span>\n\n </div>\n <div #field_container class=\"input-container\">\n <div class=\"label-row\" [ngStyle]=\"{ width: labelWidthStyle() }\">\n <label [attr.for]=\"field.id\" class=\"control-label\">\n {{ field.label }}\n <span *ngIf=\"field.required\" class=\"required-indicator\">*</span>\n </label>\n <div class=\"help-icons\">\n <i (click)=\"helpSideBarVisible = true\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpSideBar && field.popInfo\"></i>\n <i (click)=\"popover.toggle($event)\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpOverlay && field.popInfo\"></i>\n </div>\n </div>\n <!-- Text Input -->\n <input *ngIf=\"field.type === 'text'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"text\"\n pInputText\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Email Input -->\n <input *ngIf=\"field.type === 'email'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"email\"\n pInputText\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Number Input -->\n <p-inputNumber *ngIf=\"field.type === 'number'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [useGrouping]=\"false\"\n [minFractionDigits]=\"getDecimalPlace\"\n [min]=\"getMinValue\"\n [max]=\"getMaxValue\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control readonly' : 'form-control'\"\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputNumber>\n\n\n <!-- phone -->\n\n <p-inputMask *ngIf=\"field.type === 'phone'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n mask=\"(999) 999-9999\"\n unmask=\"true\"\n [styleClass]=\"isReadonly() ? 'form-control-phone readonly' : 'form-control-phone'\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputMask>\n <!-- Textarea -->\n <textarea *ngIf=\"field.type === 'textarea'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [rows]=\"5\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n pInputTextarea\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></textarea>\n\n <!-- Date Picker -->\n <p-datepicker *ngIf=\"field.type === 'date'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control-datepicker readonly' : 'form-control-datepicker'\"\n dateFormat=\"DD MM yy\"\n [showIcon]=\"true\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-datepicker>\n\n <!-- Select Dropdown -->\n <p-select *ngIf=\"field.type === 'select'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [id]=\"field.id\"\n appendTo=\"body\"\n [options]=\"field.options || []\"\n [placeholder]=\"field.placeholder || 'Select an option'\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [styleClass]=\"isReadonly() ? 'form-control-select readonly' : 'form-control-select'\"\n [showClear]=\"!field.required\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onChange)=\"onSelectChange($event)\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-select>\n\n <!-- Checkbox -->\n <div *ngIf=\"field.type === 'checkbox'\" class=\"checkbox-wrapper\">\n <p-checkbox [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n [binary]=\"true\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n tooltipPosition=\"right\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onChange)=\"onCheckboxChange($event)\"></p-checkbox>\n <!--label=\"{{field.}}\"-->\n\n </div>\n\n <!-- Radio Buttons -->\n <div *ngIf=\"field.type === 'radio'\" class=\"radio-group\">\n <div *ngFor=\"let option of field.options; trackBy: trackByFn; let first = first\"\n class=\"radio-option\" tooltipPosition=\"right\" pTooltip=\"{{option.toolTip}}\">\n\n <p-radioButton *ngIf=\"first\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <p-radioButton *ngIf=\"!first\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <label [for]=\"field.id + '_' + option.value\" class=\"radio-label\">\n {{ option.label }}\n </label>\n <div *ngIf=\"option.helpInfo\" class=\"radio-message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"option.helpInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"option.errorInfo && displayRadioError(option)\" class=\"radio-message-container\">\n <p-message severity=\"error\">\n <div [innerHTML]=\"option.errorInfo\"></div>\n </p-message>\n </div>\n <small class=\"radion-hint\" *ngIf=\"option.hint\" id=\"field.id + '_' + option.value + '-help'\">{{option.hint}}</small>\n\n\n </div>\n </div>\n <small class=\"field-hint\" *ngIf=\"field.hint\" id=\"field.id + '-help'\">{{field.hint}}</small>\n <!-- Valid Indicator (optional) -->\n <div *ngIf=\"isValid && isTouched && field.required\" [ngClass]=\"successIndicatorClass\">\n <i class=\"pi pi-check-circle\"></i>\n </div>\n\n </div>\n <!-- Error Messages -->\n <div *ngIf=\"showError\" class=\"error-messages\">\n <p-message *ngFor=\"let error of errors\"\n severity=\"error\"\n [text]=\"error\"></p-message>\n </div>\n\n\n\n\n <div *ngIf=\"field.postInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postInnerWarning\"></div>\n </p-message>\n </div>\n </div>\n <div *ngIf=\"field.postInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postWarning\"></div>\n </p-message>\n </div>\n</div>\n\n<p-popover appendTo=\"body\" styleClass=\"form-pop-info\" #popover>\n <h4>{{field.label}}</h4>\n <div [innerHTML]=\"field.popInfo\"></div>\n</p-popover>\n@if (allowHelpSideBar && field.popInfo) {\n<p-drawer header=\"{{field.label}}\" autoZIndex=\"false\" baseZIndex=\"10000\" [ngStyle]=\"{'z-index': '10000', 'top': '65px'}\" position=\"right\" styleClass=\"form-pop-info\" appendTo=\"body\" [(visible)]=\"helpSideBarVisible\">\n <p-scrollPanel [ngStyle]=\"{height: '100%', paddingBottom: '100px', paddingRight: '8px'}\">\n <div [innerHTML]=\"field.popInfo\"></div>\n </p-scrollPanel>\n</p-drawer>\n}\n", styles: [".p-overlay-mask,.p-drawer .p-drawer.form-pop-info{z-index:10000!important}.p-drawer-right,.p-drawer.form-pop-info.p-drawer-right{top:65px}.message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}p-message .p-message.light-font .p-message-text{font-weight:400}.form-group{margin-bottom:1rem;position:relative;transition:all .3s ease;display:flex;flex-wrap:wrap;gap:.75rem}.form-group .left-pre-input{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;flex-basis:40%;flex-shrink:0;flex-grow:0}.form-group .left-pre-input .left-pre-input-text{text-align:right;width:100%;margin-bottom:10px;font-weight:600}.form-group .input-container{flex-grow:1;flex-shrink:1;min-width:0;position:relative}.form-group .label-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.form-group .help-icons{display:flex;gap:.5rem;margin-left:.5rem}.form-group .help-icons i{cursor:pointer;color:#6c757d;transition:color .2s ease}.form-group .help-icons i:hover{color:#007bff}.form-group .control-label{display:block;font-weight:500;color:#333}.form-group .control-label .required-indicator{color:#dc3545;margin-left:.25rem}.form-group .form-control{width:100%;transition:border-color .3s ease,box-shadow .3s ease}.form-group .field-hint{display:block;margin-top:.25rem;font-size:.875rem;color:#6c757d}.form-group .checkbox-wrapper{padding:.5rem 0}.form-group .radio-group{display:flex;flex-direction:column;gap:.75rem}.form-group .radio-group .radio-option{display:flex;align-items:center;flex-wrap:wrap}.form-group .radio-group .radio-option .radio-label{margin:0;cursor:pointer;font-weight:400}.form-group .radio-group .radio-option .radion-hint{flex-basis:100%;width:100%;display:block;margin-left:36px;font-size:.875rem;color:#6c757d}.form-group .radio-group .radio-option .radio-message-container{flex-basis:100%;width:100%;margin-top:.25rem;margin-left:36px}.form-group .error-messages{margin-top:.5rem;flex-basis:100%;width:100%;animation:slideDown .3s ease}.form-group .error-messages ::ng-deep .p-message{margin-bottom:.25rem}.form-group .error-messages ::ng-deep .p-message:last-child{margin-bottom:0}.form-group .valid-indicator,.form-group .valid-indicator-select,.form-group .valid-indicator-calendar{position:absolute;color:#28a745;font-size:1.2rem;animation:fadeIn .3s ease}.form-group .valid-indicator i,.form-group .valid-indicator-select i,.form-group .valid-indicator-calendar i{display:block}.form-group .valid-indicator{right:10px;top:38px}.form-group .valid-indicator-select{right:36px;top:38px}.form-group .valid-indicator-calendar{right:80px;top:38px}.form-group .p-select,.form-group ::ng-deep .p-datepicker,.form-group .p-inputnumber{padding:0}.form-group .p-datepicker>span>input,.form-group .p-inputnumber{border:none!important}.form-group.field-error .form-control,.form-group.field-error ::ng-deep .p-inputtext,.form-group.field-error ::ng-deep .p-select,.form-group.field-error ::ng-deep .p-datepicker,.form-group.field-error ::ng-deep .p-inputnumber input{border-color:#dc3545!important}.form-group.field-error .form-control:focus,.form-group.field-error ::ng-deep .p-inputtext:focus,.form-group.field-error ::ng-deep .p-select:focus,.form-group.field-error ::ng-deep .p-datepicker:focus,.form-group.field-error ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #dc354540}.form-group.field-error .p-datepicker>span>input{border:none!important}.form-group.field-error .control-label{color:#dc3545}.form-group.field-valid .form-control,.form-group.field-valid ::ng-deep .p-inputtext,.form-group.field-valid ::ng-deep .p-select,.form-group.field-valid ::ng-deep .p-datepicker,.form-group.field-valid ::ng-deep .p-inputnumber input{border-color:#28a745}.form-group.field-valid .form-control:focus,.form-group.field-valid ::ng-deep .p-inputtext:focus,.form-group.field-valid ::ng-deep .p-select:focus,.form-group.field-valid ::ng-deep .p-datepicker:focus,.form-group.field-valid ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #28a74540}.form-group.field-valid .p-datepicker>span>input{border:none!important}.form-group.field-disabled{opacity:.6;pointer-events:none}.form-group.field-disabled .control-label{color:#6c757d}.form-group.field-error{padding:12px;border:1px solid #dc3545;background-color:var(--p-red-100);box-shadow:0 0 10px #00000080;border-radius:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .p-inputtext,::ng-deep .p-select,::ng-deep .p-datepicker .p-inputtext,::ng-deep .p-inputnumber-input{width:100%}::ng-deep .p-select{display:flex}::ng-deep .p-datepicker{width:100%}::ng-deep .p-datepicker .p-inputtext{width:100%}::ng-deep .p-inputnumber{width:100%}::ng-deep .p-checkbox{margin-right:.5rem}::ng-deep .p-radiobutton{margin-right:.5rem}@media (max-width: 768px){.form-group .radio-group .radio-option{flex-direction:row;align-items:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i5.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type:
|
|
250
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicFormFieldComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
251
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: DynamicFormFieldComponent, isStandalone: true, selector: "app-dynamic-form-field", inputs: { field: "field", form: "form", errors: "errors", isDisabled: "isDisabled", allowHelpOverlay: "allowHelpOverlay", allowHelpSideBar: "allowHelpSideBar" }, viewQueries: [{ propertyName: "ref", first: true, predicate: DynamicRefDirective, descendants: true }, { propertyName: "radioButton", first: true, predicate: RadioButton, descendants: true }], ngImport: i0, template: "\n<div [ngClass]=\"fieldClasses\" [formGroup]=\"form\">\n <div *ngIf=\"field.preInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preWarning\"></div>\n </p-message>\n </div>\n <div [ngStyle]=\"{ width: fieldWidthStyle(), position: 'relative' }\">\n <div *ngIf=\"field.preInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preInnerWarning\"></div>\n </p-message>\n </div>\n <!-- Label -->\n <div *ngIf=\"field.leftPreInput\" class=\"left-pre-input\">\n <span [innerHTML]=\"field.leftPreInput\" class=\"left-pre-input-text\">\n </span>\n\n </div>\n <div #field_container class=\"input-container\">\n <div class=\"label-row\" [ngStyle]=\"{ width: labelWidthStyle() }\">\n <label [attr.for]=\"field.id\" class=\"control-label\">\n {{ field.label }}\n <span *ngIf=\"field.required\" class=\"required-indicator\">*</span>\n </label>\n <div class=\"help-icons\">\n <i (click)=\"helpSideBarVisible = true\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpSideBar && field.popInfo\"></i>\n <i (click)=\"popover.toggle($event)\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpOverlay && field.popInfo\"></i>\n </div>\n </div>\n <!-- Text Input -->\n <input *ngIf=\"field.type === 'text'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"text\"\n pInputText\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Email Input -->\n <input *ngIf=\"field.type === 'email'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"email\"\n pInputText\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Number Input -->\n <p-inputNumber *ngIf=\"field.type === 'number'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [useGrouping]=\"false\"\n [minFractionDigits]=\"getDecimalPlace\"\n [min]=\"getMinValue\"\n [max]=\"getMaxValue\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control readonly' : 'form-control'\"\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputNumber>\n\n\n <!-- phone -->\n\n <p-inputMask *ngIf=\"field.type === 'phone'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n mask=\"(999) 999-9999\"\n unmask=\"true\"\n [styleClass]=\"isReadonly() ? 'form-control-phone readonly' : 'form-control-phone'\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputMask>\n <!-- Textarea -->\n <textarea *ngIf=\"field.type === 'textarea'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [rows]=\"5\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n pInputTextarea\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></textarea>\n\n <!-- Date Picker -->\n <p-datepicker *ngIf=\"field.type === 'date'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control-datepicker readonly' : 'form-control-datepicker'\"\n dateFormat=\"DD MM yy\"\n [showIcon]=\"true\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-datepicker>\n\n <!-- Select Dropdown -->\n <p-select *ngIf=\"field.type === 'select'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [id]=\"field.id\"\n appendTo=\"body\"\n [options]=\"field.options || []\"\n [placeholder]=\"field.placeholder || 'Select an option'\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [styleClass]=\"isReadonly() ? 'form-control-select readonly' : 'form-control-select'\"\n [showClear]=\"!field.required\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onChange)=\"onSelectChange($event)\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-select>\n\n <!-- Checkbox -->\n <div *ngIf=\"field.type === 'checkbox'\" class=\"checkbox-wrapper\">\n <p-checkbox [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n [binary]=\"true\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n tooltipPosition=\"right\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onChange)=\"onCheckboxChange($event)\"></p-checkbox>\n <!--label=\"{{field.}}\"-->\n\n </div>\n\n <!-- Radio Buttons -->\n <div *ngIf=\"field.type === 'radio'\" class=\"radio-group\">\n <div *ngFor=\"let option of field.options; trackBy: trackByFn; let first = first\"\n class=\"radio-option\" tooltipPosition=\"right\" pTooltip=\"{{option.toolTip}}\">\n\n <p-radioButton *ngIf=\"first\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <p-radioButton *ngIf=\"!first\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <label [for]=\"field.id + '_' + option.value\" class=\"radio-label\">\n {{ option.label }}\n </label>\n <div *ngIf=\"option.helpInfo\" class=\"radio-message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"option.helpInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"option.errorInfo && displayRadioError(option)\" class=\"radio-message-container\">\n <p-message severity=\"error\">\n <div [innerHTML]=\"option.errorInfo\"></div>\n </p-message>\n </div>\n <small class=\"radion-hint\" *ngIf=\"option.hint\" id=\"field.id + '_' + option.value + '-help'\">{{option.hint}}</small>\n\n\n </div>\n </div>\n <small class=\"field-hint\" *ngIf=\"field.hint\" id=\"field.id + '-help'\">{{field.hint}}</small>\n <!-- Valid Indicator (optional) -->\n <div *ngIf=\"isValid && isTouched && field.required\" [ngClass]=\"successIndicatorClass\">\n <i class=\"pi pi-check-circle\"></i>\n </div>\n\n </div>\n <!-- Error Messages -->\n <div *ngIf=\"showError\" class=\"error-messages\">\n <p-message *ngFor=\"let error of errors\"\n severity=\"error\"\n [text]=\"error\"></p-message>\n </div>\n\n\n\n\n <div *ngIf=\"field.postInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postInnerWarning\"></div>\n </p-message>\n </div>\n </div>\n <div *ngIf=\"field.postInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postWarning\"></div>\n </p-message>\n </div>\n</div>\n\n<p-popover appendTo=\"body\" styleClass=\"form-pop-info\" #popover>\n <h4>{{field.label}}</h4>\n <div [innerHTML]=\"field.popInfo\"></div>\n</p-popover>\n@if (allowHelpSideBar && field.popInfo) {\n<p-drawer header=\"{{field.label}}\" autoZIndex=\"false\" baseZIndex=\"10000\" [ngStyle]=\"{'z-index': '10000', 'top': '65px'}\" position=\"right\" styleClass=\"form-pop-info\" appendTo=\"body\" [(visible)]=\"helpSideBarVisible\">\n <p-scrollPanel [ngStyle]=\"{height: '100%', paddingBottom: '100px', paddingRight: '8px'}\">\n <div [innerHTML]=\"field.popInfo\"></div>\n </p-scrollPanel>\n</p-drawer>\n}\n", styles: [".p-overlay-mask,.p-drawer .p-drawer.form-pop-info{z-index:10000!important}.p-drawer-right,.p-drawer.form-pop-info.p-drawer-right{top:65px}.message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}p-message .p-message.light-font .p-message-text{font-weight:400}.form-group{margin-bottom:1rem;position:relative;transition:all .3s ease;display:flex;flex-wrap:wrap;gap:.75rem}.form-group .left-pre-input{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;flex-basis:40%;flex-shrink:0;flex-grow:0}.form-group .left-pre-input .left-pre-input-text{text-align:right;width:100%;margin-bottom:10px;font-weight:600}.form-group .input-container{flex-grow:1;flex-shrink:1;min-width:0;position:relative}.form-group .label-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.form-group .help-icons{display:flex;gap:.5rem;margin-left:.5rem}.form-group .help-icons i{cursor:pointer;color:#6c757d;transition:color .2s ease}.form-group .help-icons i:hover{color:#007bff}.form-group .control-label{display:block;font-weight:500;color:#333}.form-group .control-label .required-indicator{color:#dc3545;margin-left:.25rem}.form-group .form-control{width:100%;transition:border-color .3s ease,box-shadow .3s ease}.form-group .field-hint{display:block;margin-top:.25rem;font-size:.875rem;color:#6c757d}.form-group .checkbox-wrapper{padding:.5rem 0}.form-group .radio-group{display:flex;flex-direction:column;gap:.75rem}.form-group .radio-group .radio-option{display:flex;align-items:center;flex-wrap:wrap}.form-group .radio-group .radio-option .radio-label{margin:0;cursor:pointer;font-weight:400}.form-group .radio-group .radio-option .radion-hint{flex-basis:100%;width:100%;display:block;margin-left:36px;font-size:.875rem;color:#6c757d}.form-group .radio-group .radio-option .radio-message-container{flex-basis:100%;width:100%;margin-top:.25rem;margin-left:36px}.form-group .error-messages{margin-top:.5rem;flex-basis:100%;width:100%;animation:slideDown .3s ease}.form-group .error-messages ::ng-deep .p-message{margin-bottom:.25rem}.form-group .error-messages ::ng-deep .p-message:last-child{margin-bottom:0}.form-group .valid-indicator,.form-group .valid-indicator-select,.form-group .valid-indicator-calendar{position:absolute;color:#28a745;font-size:1.2rem;animation:fadeIn .3s ease}.form-group .valid-indicator i,.form-group .valid-indicator-select i,.form-group .valid-indicator-calendar i{display:block}.form-group .valid-indicator{right:10px;top:38px}.form-group .valid-indicator-select{right:36px;top:38px}.form-group .valid-indicator-calendar{right:80px;top:38px}.form-group .p-select,.form-group ::ng-deep .p-datepicker,.form-group .p-inputnumber{padding:0}.form-group .p-datepicker>span>input,.form-group .p-inputnumber{border:none!important}.form-group.field-error .form-control,.form-group.field-error ::ng-deep .p-inputtext,.form-group.field-error ::ng-deep .p-select,.form-group.field-error ::ng-deep .p-datepicker,.form-group.field-error ::ng-deep .p-inputnumber input{border-color:#dc3545!important}.form-group.field-error .form-control:focus,.form-group.field-error ::ng-deep .p-inputtext:focus,.form-group.field-error ::ng-deep .p-select:focus,.form-group.field-error ::ng-deep .p-datepicker:focus,.form-group.field-error ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #dc354540}.form-group.field-error .p-datepicker>span>input{border:none!important}.form-group.field-error .control-label{color:#dc3545}.form-group.field-valid .form-control,.form-group.field-valid ::ng-deep .p-inputtext,.form-group.field-valid ::ng-deep .p-select,.form-group.field-valid ::ng-deep .p-datepicker,.form-group.field-valid ::ng-deep .p-inputnumber input{border-color:#28a745}.form-group.field-valid .form-control:focus,.form-group.field-valid ::ng-deep .p-inputtext:focus,.form-group.field-valid ::ng-deep .p-select:focus,.form-group.field-valid ::ng-deep .p-datepicker:focus,.form-group.field-valid ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #28a74540}.form-group.field-valid .p-datepicker>span>input{border:none!important}.form-group.field-disabled{opacity:.6;pointer-events:none}.form-group.field-disabled .control-label{color:#6c757d}.form-group.field-error{padding:12px;border:1px solid #dc3545;background-color:var(--p-red-100);box-shadow:0 0 10px #00000080;border-radius:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .p-inputtext,::ng-deep .p-select,::ng-deep .p-datepicker .p-inputtext,::ng-deep .p-inputnumber-input{width:100%}::ng-deep .p-select{display:flex}::ng-deep .p-datepicker{width:100%}::ng-deep .p-datepicker .p-inputtext{width:100%}::ng-deep .p-inputnumber{width:100%}::ng-deep .p-checkbox{margin-right:.5rem}::ng-deep .p-radiobutton{margin-right:.5rem}@media(max-width:768px){.form-group .radio-group .radio-option{flex-direction:row;align-items:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i5.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "ngmodule", type:
|
|
252
252
|
//InputTextarea,
|
|
253
|
-
InputNumberModule }, { kind: "component", type: i6.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i7.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i8.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i9.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type:
|
|
253
|
+
InputNumberModule }, { kind: "component", type: i6.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i7.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i8.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i9.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type:
|
|
254
254
|
//DropdownModule,
|
|
255
|
-
DatePickerModule }, { kind: "component", type: i10.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type:
|
|
255
|
+
DatePickerModule }, { kind: "component", type: i10.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type:
|
|
256
256
|
//CalendarModule,
|
|
257
|
-
MessageModule }, { kind: "component", type: i11.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i12.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "directive", type: DynamicRefDirective, selector: "[dynamicRef]", inputs: ["refKey"] }, { kind: "ngmodule", type: ScrollPanelModule }, { kind: "component", type: i13.ScrollPanel, selector: "p-scroll-panel, p-scrollPanel, p-scrollpanel", inputs: ["styleClass", "step"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i14.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i15.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i16.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] });
|
|
257
|
+
MessageModule }, { kind: "component", type: i11.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i12.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: DynamicRefDirective, selector: "[dynamicRef]", inputs: ["refKey"] }, { kind: "ngmodule", type: ScrollPanelModule }, { kind: "component", type: i13.ScrollPanel, selector: "p-scroll-panel, p-scrollPanel, p-scrollpanel", inputs: ["styleClass", "step"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i14.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i15.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i16.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] });
|
|
258
258
|
}
|
|
259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicFormFieldComponent, decorators: [{
|
|
260
260
|
type: Component,
|
|
261
261
|
args: [{ selector: 'app-dynamic-form-field', standalone: true, imports: [
|
|
262
262
|
CommonModule,
|
|
@@ -278,7 +278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
|
|
|
278
278
|
PopoverModule,
|
|
279
279
|
DrawerModule,
|
|
280
280
|
InputMaskModule
|
|
281
|
-
], template: "\n<div [ngClass]=\"fieldClasses\" [formGroup]=\"form\">\n <div *ngIf=\"field.preInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preWarning\"></div>\n </p-message>\n </div>\n <div [ngStyle]=\"{ width: fieldWidthStyle(), position: 'relative' }\">\n <div *ngIf=\"field.preInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preInnerWarning\"></div>\n </p-message>\n </div>\n <!-- Label -->\n <div *ngIf=\"field.leftPreInput\" class=\"left-pre-input\">\n <span [innerHTML]=\"field.leftPreInput\" class=\"left-pre-input-text\">\n </span>\n\n </div>\n <div #field_container class=\"input-container\">\n <div class=\"label-row\" [ngStyle]=\"{ width: labelWidthStyle() }\">\n <label [attr.for]=\"field.id\" class=\"control-label\">\n {{ field.label }}\n <span *ngIf=\"field.required\" class=\"required-indicator\">*</span>\n </label>\n <div class=\"help-icons\">\n <i (click)=\"helpSideBarVisible = true\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpSideBar && field.popInfo\"></i>\n <i (click)=\"popover.toggle($event)\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpOverlay && field.popInfo\"></i>\n </div>\n </div>\n <!-- Text Input -->\n <input *ngIf=\"field.type === 'text'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"text\"\n pInputText\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Email Input -->\n <input *ngIf=\"field.type === 'email'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"email\"\n pInputText\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Number Input -->\n <p-inputNumber *ngIf=\"field.type === 'number'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [useGrouping]=\"false\"\n [minFractionDigits]=\"getDecimalPlace\"\n [min]=\"getMinValue\"\n [max]=\"getMaxValue\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control readonly' : 'form-control'\"\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputNumber>\n\n\n <!-- phone -->\n\n <p-inputMask *ngIf=\"field.type === 'phone'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n mask=\"(999) 999-9999\"\n unmask=\"true\"\n [styleClass]=\"isReadonly() ? 'form-control-phone readonly' : 'form-control-phone'\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputMask>\n <!-- Textarea -->\n <textarea *ngIf=\"field.type === 'textarea'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [rows]=\"5\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n pInputTextarea\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></textarea>\n\n <!-- Date Picker -->\n <p-datepicker *ngIf=\"field.type === 'date'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control-datepicker readonly' : 'form-control-datepicker'\"\n dateFormat=\"DD MM yy\"\n [showIcon]=\"true\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-datepicker>\n\n <!-- Select Dropdown -->\n <p-select *ngIf=\"field.type === 'select'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [id]=\"field.id\"\n appendTo=\"body\"\n [options]=\"field.options || []\"\n [placeholder]=\"field.placeholder || 'Select an option'\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [styleClass]=\"isReadonly() ? 'form-control-select readonly' : 'form-control-select'\"\n [showClear]=\"!field.required\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onChange)=\"onSelectChange($event)\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-select>\n\n <!-- Checkbox -->\n <div *ngIf=\"field.type === 'checkbox'\" class=\"checkbox-wrapper\">\n <p-checkbox [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n [binary]=\"true\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n tooltipPosition=\"right\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onChange)=\"onCheckboxChange($event)\"></p-checkbox>\n <!--label=\"{{field.}}\"-->\n\n </div>\n\n <!-- Radio Buttons -->\n <div *ngIf=\"field.type === 'radio'\" class=\"radio-group\">\n <div *ngFor=\"let option of field.options; trackBy: trackByFn; let first = first\"\n class=\"radio-option\" tooltipPosition=\"right\" pTooltip=\"{{option.toolTip}}\">\n\n <p-radioButton *ngIf=\"first\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <p-radioButton *ngIf=\"!first\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <label [for]=\"field.id + '_' + option.value\" class=\"radio-label\">\n {{ option.label }}\n </label>\n <div *ngIf=\"option.helpInfo\" class=\"radio-message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"option.helpInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"option.errorInfo && displayRadioError(option)\" class=\"radio-message-container\">\n <p-message severity=\"error\">\n <div [innerHTML]=\"option.errorInfo\"></div>\n </p-message>\n </div>\n <small class=\"radion-hint\" *ngIf=\"option.hint\" id=\"field.id + '_' + option.value + '-help'\">{{option.hint}}</small>\n\n\n </div>\n </div>\n <small class=\"field-hint\" *ngIf=\"field.hint\" id=\"field.id + '-help'\">{{field.hint}}</small>\n <!-- Valid Indicator (optional) -->\n <div *ngIf=\"isValid && isTouched && field.required\" [ngClass]=\"successIndicatorClass\">\n <i class=\"pi pi-check-circle\"></i>\n </div>\n\n </div>\n <!-- Error Messages -->\n <div *ngIf=\"showError\" class=\"error-messages\">\n <p-message *ngFor=\"let error of errors\"\n severity=\"error\"\n [text]=\"error\"></p-message>\n </div>\n\n\n\n\n <div *ngIf=\"field.postInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postInnerWarning\"></div>\n </p-message>\n </div>\n </div>\n <div *ngIf=\"field.postInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postWarning\"></div>\n </p-message>\n </div>\n</div>\n\n<p-popover appendTo=\"body\" styleClass=\"form-pop-info\" #popover>\n <h4>{{field.label}}</h4>\n <div [innerHTML]=\"field.popInfo\"></div>\n</p-popover>\n@if (allowHelpSideBar && field.popInfo) {\n<p-drawer header=\"{{field.label}}\" autoZIndex=\"false\" baseZIndex=\"10000\" [ngStyle]=\"{'z-index': '10000', 'top': '65px'}\" position=\"right\" styleClass=\"form-pop-info\" appendTo=\"body\" [(visible)]=\"helpSideBarVisible\">\n <p-scrollPanel [ngStyle]=\"{height: '100%', paddingBottom: '100px', paddingRight: '8px'}\">\n <div [innerHTML]=\"field.popInfo\"></div>\n </p-scrollPanel>\n</p-drawer>\n}\n", styles: [".p-overlay-mask,.p-drawer .p-drawer.form-pop-info{z-index:10000!important}.p-drawer-right,.p-drawer.form-pop-info.p-drawer-right{top:65px}.message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}p-message .p-message.light-font .p-message-text{font-weight:400}.form-group{margin-bottom:1rem;position:relative;transition:all .3s ease;display:flex;flex-wrap:wrap;gap:.75rem}.form-group .left-pre-input{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;flex-basis:40%;flex-shrink:0;flex-grow:0}.form-group .left-pre-input .left-pre-input-text{text-align:right;width:100%;margin-bottom:10px;font-weight:600}.form-group .input-container{flex-grow:1;flex-shrink:1;min-width:0;position:relative}.form-group .label-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.form-group .help-icons{display:flex;gap:.5rem;margin-left:.5rem}.form-group .help-icons i{cursor:pointer;color:#6c757d;transition:color .2s ease}.form-group .help-icons i:hover{color:#007bff}.form-group .control-label{display:block;font-weight:500;color:#333}.form-group .control-label .required-indicator{color:#dc3545;margin-left:.25rem}.form-group .form-control{width:100%;transition:border-color .3s ease,box-shadow .3s ease}.form-group .field-hint{display:block;margin-top:.25rem;font-size:.875rem;color:#6c757d}.form-group .checkbox-wrapper{padding:.5rem 0}.form-group .radio-group{display:flex;flex-direction:column;gap:.75rem}.form-group .radio-group .radio-option{display:flex;align-items:center;flex-wrap:wrap}.form-group .radio-group .radio-option .radio-label{margin:0;cursor:pointer;font-weight:400}.form-group .radio-group .radio-option .radion-hint{flex-basis:100%;width:100%;display:block;margin-left:36px;font-size:.875rem;color:#6c757d}.form-group .radio-group .radio-option .radio-message-container{flex-basis:100%;width:100%;margin-top:.25rem;margin-left:36px}.form-group .error-messages{margin-top:.5rem;flex-basis:100%;width:100%;animation:slideDown .3s ease}.form-group .error-messages ::ng-deep .p-message{margin-bottom:.25rem}.form-group .error-messages ::ng-deep .p-message:last-child{margin-bottom:0}.form-group .valid-indicator,.form-group .valid-indicator-select,.form-group .valid-indicator-calendar{position:absolute;color:#28a745;font-size:1.2rem;animation:fadeIn .3s ease}.form-group .valid-indicator i,.form-group .valid-indicator-select i,.form-group .valid-indicator-calendar i{display:block}.form-group .valid-indicator{right:10px;top:38px}.form-group .valid-indicator-select{right:36px;top:38px}.form-group .valid-indicator-calendar{right:80px;top:38px}.form-group .p-select,.form-group ::ng-deep .p-datepicker,.form-group .p-inputnumber{padding:0}.form-group .p-datepicker>span>input,.form-group .p-inputnumber{border:none!important}.form-group.field-error .form-control,.form-group.field-error ::ng-deep .p-inputtext,.form-group.field-error ::ng-deep .p-select,.form-group.field-error ::ng-deep .p-datepicker,.form-group.field-error ::ng-deep .p-inputnumber input{border-color:#dc3545!important}.form-group.field-error .form-control:focus,.form-group.field-error ::ng-deep .p-inputtext:focus,.form-group.field-error ::ng-deep .p-select:focus,.form-group.field-error ::ng-deep .p-datepicker:focus,.form-group.field-error ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #dc354540}.form-group.field-error .p-datepicker>span>input{border:none!important}.form-group.field-error .control-label{color:#dc3545}.form-group.field-valid .form-control,.form-group.field-valid ::ng-deep .p-inputtext,.form-group.field-valid ::ng-deep .p-select,.form-group.field-valid ::ng-deep .p-datepicker,.form-group.field-valid ::ng-deep .p-inputnumber input{border-color:#28a745}.form-group.field-valid .form-control:focus,.form-group.field-valid ::ng-deep .p-inputtext:focus,.form-group.field-valid ::ng-deep .p-select:focus,.form-group.field-valid ::ng-deep .p-datepicker:focus,.form-group.field-valid ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #28a74540}.form-group.field-valid .p-datepicker>span>input{border:none!important}.form-group.field-disabled{opacity:.6;pointer-events:none}.form-group.field-disabled .control-label{color:#6c757d}.form-group.field-error{padding:12px;border:1px solid #dc3545;background-color:var(--p-red-100);box-shadow:0 0 10px #00000080;border-radius:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .p-inputtext,::ng-deep .p-select,::ng-deep .p-datepicker .p-inputtext,::ng-deep .p-inputnumber-input{width:100%}::ng-deep .p-select{display:flex}::ng-deep .p-datepicker{width:100%}::ng-deep .p-datepicker .p-inputtext{width:100%}::ng-deep .p-inputnumber{width:100%}::ng-deep .p-checkbox{margin-right:.5rem}::ng-deep .p-radiobutton{margin-right:.5rem}@media (max-width: 768px){.form-group .radio-group .radio-option{flex-direction:row;align-items:flex-start}}\n"] }]
|
|
281
|
+
], template: "\n<div [ngClass]=\"fieldClasses\" [formGroup]=\"form\">\n <div *ngIf=\"field.preInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preWarning\"></div>\n </p-message>\n </div>\n <div [ngStyle]=\"{ width: fieldWidthStyle(), position: 'relative' }\">\n <div *ngIf=\"field.preInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preInnerWarning\"></div>\n </p-message>\n </div>\n <!-- Label -->\n <div *ngIf=\"field.leftPreInput\" class=\"left-pre-input\">\n <span [innerHTML]=\"field.leftPreInput\" class=\"left-pre-input-text\">\n </span>\n\n </div>\n <div #field_container class=\"input-container\">\n <div class=\"label-row\" [ngStyle]=\"{ width: labelWidthStyle() }\">\n <label [attr.for]=\"field.id\" class=\"control-label\">\n {{ field.label }}\n <span *ngIf=\"field.required\" class=\"required-indicator\">*</span>\n </label>\n <div class=\"help-icons\">\n <i (click)=\"helpSideBarVisible = true\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpSideBar && field.popInfo\"></i>\n <i (click)=\"popover.toggle($event)\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpOverlay && field.popInfo\"></i>\n </div>\n </div>\n <!-- Text Input -->\n <input *ngIf=\"field.type === 'text'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"text\"\n pInputText\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Email Input -->\n <input *ngIf=\"field.type === 'email'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"email\"\n pInputText\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Number Input -->\n <p-inputNumber *ngIf=\"field.type === 'number'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [useGrouping]=\"false\"\n [minFractionDigits]=\"getDecimalPlace\"\n [min]=\"getMinValue\"\n [max]=\"getMaxValue\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control readonly' : 'form-control'\"\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputNumber>\n\n\n <!-- phone -->\n\n <p-inputMask *ngIf=\"field.type === 'phone'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n mask=\"(999) 999-9999\"\n unmask=\"true\"\n [styleClass]=\"isReadonly() ? 'form-control-phone readonly' : 'form-control-phone'\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputMask>\n <!-- Textarea -->\n <textarea *ngIf=\"field.type === 'textarea'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [rows]=\"5\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n pInputTextarea\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></textarea>\n\n <!-- Date Picker -->\n <p-datepicker *ngIf=\"field.type === 'date'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control-datepicker readonly' : 'form-control-datepicker'\"\n dateFormat=\"DD MM yy\"\n [showIcon]=\"true\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-datepicker>\n\n <!-- Select Dropdown -->\n <p-select *ngIf=\"field.type === 'select'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [id]=\"field.id\"\n appendTo=\"body\"\n [options]=\"field.options || []\"\n [placeholder]=\"field.placeholder || 'Select an option'\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [styleClass]=\"isReadonly() ? 'form-control-select readonly' : 'form-control-select'\"\n [showClear]=\"!field.required\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onChange)=\"onSelectChange($event)\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-select>\n\n <!-- Checkbox -->\n <div *ngIf=\"field.type === 'checkbox'\" class=\"checkbox-wrapper\">\n <p-checkbox [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n [binary]=\"true\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n tooltipPosition=\"right\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onChange)=\"onCheckboxChange($event)\"></p-checkbox>\n <!--label=\"{{field.}}\"-->\n\n </div>\n\n <!-- Radio Buttons -->\n <div *ngIf=\"field.type === 'radio'\" class=\"radio-group\">\n <div *ngFor=\"let option of field.options; trackBy: trackByFn; let first = first\"\n class=\"radio-option\" tooltipPosition=\"right\" pTooltip=\"{{option.toolTip}}\">\n\n <p-radioButton *ngIf=\"first\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <p-radioButton *ngIf=\"!first\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <label [for]=\"field.id + '_' + option.value\" class=\"radio-label\">\n {{ option.label }}\n </label>\n <div *ngIf=\"option.helpInfo\" class=\"radio-message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"option.helpInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"option.errorInfo && displayRadioError(option)\" class=\"radio-message-container\">\n <p-message severity=\"error\">\n <div [innerHTML]=\"option.errorInfo\"></div>\n </p-message>\n </div>\n <small class=\"radion-hint\" *ngIf=\"option.hint\" id=\"field.id + '_' + option.value + '-help'\">{{option.hint}}</small>\n\n\n </div>\n </div>\n <small class=\"field-hint\" *ngIf=\"field.hint\" id=\"field.id + '-help'\">{{field.hint}}</small>\n <!-- Valid Indicator (optional) -->\n <div *ngIf=\"isValid && isTouched && field.required\" [ngClass]=\"successIndicatorClass\">\n <i class=\"pi pi-check-circle\"></i>\n </div>\n\n </div>\n <!-- Error Messages -->\n <div *ngIf=\"showError\" class=\"error-messages\">\n <p-message *ngFor=\"let error of errors\"\n severity=\"error\"\n [text]=\"error\"></p-message>\n </div>\n\n\n\n\n <div *ngIf=\"field.postInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postInnerWarning\"></div>\n </p-message>\n </div>\n </div>\n <div *ngIf=\"field.postInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postWarning\"></div>\n </p-message>\n </div>\n</div>\n\n<p-popover appendTo=\"body\" styleClass=\"form-pop-info\" #popover>\n <h4>{{field.label}}</h4>\n <div [innerHTML]=\"field.popInfo\"></div>\n</p-popover>\n@if (allowHelpSideBar && field.popInfo) {\n<p-drawer header=\"{{field.label}}\" autoZIndex=\"false\" baseZIndex=\"10000\" [ngStyle]=\"{'z-index': '10000', 'top': '65px'}\" position=\"right\" styleClass=\"form-pop-info\" appendTo=\"body\" [(visible)]=\"helpSideBarVisible\">\n <p-scrollPanel [ngStyle]=\"{height: '100%', paddingBottom: '100px', paddingRight: '8px'}\">\n <div [innerHTML]=\"field.popInfo\"></div>\n </p-scrollPanel>\n</p-drawer>\n}\n", styles: [".p-overlay-mask,.p-drawer .p-drawer.form-pop-info{z-index:10000!important}.p-drawer-right,.p-drawer.form-pop-info.p-drawer-right{top:65px}.message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}p-message .p-message.light-font .p-message-text{font-weight:400}.form-group{margin-bottom:1rem;position:relative;transition:all .3s ease;display:flex;flex-wrap:wrap;gap:.75rem}.form-group .left-pre-input{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;flex-basis:40%;flex-shrink:0;flex-grow:0}.form-group .left-pre-input .left-pre-input-text{text-align:right;width:100%;margin-bottom:10px;font-weight:600}.form-group .input-container{flex-grow:1;flex-shrink:1;min-width:0;position:relative}.form-group .label-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.form-group .help-icons{display:flex;gap:.5rem;margin-left:.5rem}.form-group .help-icons i{cursor:pointer;color:#6c757d;transition:color .2s ease}.form-group .help-icons i:hover{color:#007bff}.form-group .control-label{display:block;font-weight:500;color:#333}.form-group .control-label .required-indicator{color:#dc3545;margin-left:.25rem}.form-group .form-control{width:100%;transition:border-color .3s ease,box-shadow .3s ease}.form-group .field-hint{display:block;margin-top:.25rem;font-size:.875rem;color:#6c757d}.form-group .checkbox-wrapper{padding:.5rem 0}.form-group .radio-group{display:flex;flex-direction:column;gap:.75rem}.form-group .radio-group .radio-option{display:flex;align-items:center;flex-wrap:wrap}.form-group .radio-group .radio-option .radio-label{margin:0;cursor:pointer;font-weight:400}.form-group .radio-group .radio-option .radion-hint{flex-basis:100%;width:100%;display:block;margin-left:36px;font-size:.875rem;color:#6c757d}.form-group .radio-group .radio-option .radio-message-container{flex-basis:100%;width:100%;margin-top:.25rem;margin-left:36px}.form-group .error-messages{margin-top:.5rem;flex-basis:100%;width:100%;animation:slideDown .3s ease}.form-group .error-messages ::ng-deep .p-message{margin-bottom:.25rem}.form-group .error-messages ::ng-deep .p-message:last-child{margin-bottom:0}.form-group .valid-indicator,.form-group .valid-indicator-select,.form-group .valid-indicator-calendar{position:absolute;color:#28a745;font-size:1.2rem;animation:fadeIn .3s ease}.form-group .valid-indicator i,.form-group .valid-indicator-select i,.form-group .valid-indicator-calendar i{display:block}.form-group .valid-indicator{right:10px;top:38px}.form-group .valid-indicator-select{right:36px;top:38px}.form-group .valid-indicator-calendar{right:80px;top:38px}.form-group .p-select,.form-group ::ng-deep .p-datepicker,.form-group .p-inputnumber{padding:0}.form-group .p-datepicker>span>input,.form-group .p-inputnumber{border:none!important}.form-group.field-error .form-control,.form-group.field-error ::ng-deep .p-inputtext,.form-group.field-error ::ng-deep .p-select,.form-group.field-error ::ng-deep .p-datepicker,.form-group.field-error ::ng-deep .p-inputnumber input{border-color:#dc3545!important}.form-group.field-error .form-control:focus,.form-group.field-error ::ng-deep .p-inputtext:focus,.form-group.field-error ::ng-deep .p-select:focus,.form-group.field-error ::ng-deep .p-datepicker:focus,.form-group.field-error ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #dc354540}.form-group.field-error .p-datepicker>span>input{border:none!important}.form-group.field-error .control-label{color:#dc3545}.form-group.field-valid .form-control,.form-group.field-valid ::ng-deep .p-inputtext,.form-group.field-valid ::ng-deep .p-select,.form-group.field-valid ::ng-deep .p-datepicker,.form-group.field-valid ::ng-deep .p-inputnumber input{border-color:#28a745}.form-group.field-valid .form-control:focus,.form-group.field-valid ::ng-deep .p-inputtext:focus,.form-group.field-valid ::ng-deep .p-select:focus,.form-group.field-valid ::ng-deep .p-datepicker:focus,.form-group.field-valid ::ng-deep .p-inputnumber input:focus{box-shadow:0 0 0 .2rem #28a74540}.form-group.field-valid .p-datepicker>span>input{border:none!important}.form-group.field-disabled{opacity:.6;pointer-events:none}.form-group.field-disabled .control-label{color:#6c757d}.form-group.field-error{padding:12px;border:1px solid #dc3545;background-color:var(--p-red-100);box-shadow:0 0 10px #00000080;border-radius:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .p-inputtext,::ng-deep .p-select,::ng-deep .p-datepicker .p-inputtext,::ng-deep .p-inputnumber-input{width:100%}::ng-deep .p-select{display:flex}::ng-deep .p-datepicker{width:100%}::ng-deep .p-datepicker .p-inputtext{width:100%}::ng-deep .p-inputnumber{width:100%}::ng-deep .p-checkbox{margin-right:.5rem}::ng-deep .p-radiobutton{margin-right:.5rem}@media(max-width:768px){.form-group .radio-group .radio-option{flex-direction:row;align-items:flex-start}}\n"] }]
|
|
282
282
|
}], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { field: [{
|
|
283
283
|
type: Input
|
|
284
284
|
}], form: [{
|
|
@@ -606,10 +606,10 @@ class DynamicFormService {
|
|
|
606
606
|
cancelLabel: 'Cancel'
|
|
607
607
|
};
|
|
608
608
|
}
|
|
609
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
610
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
609
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
610
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicFormService, providedIn: 'root' });
|
|
611
611
|
}
|
|
612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicFormService, decorators: [{
|
|
613
613
|
type: Injectable,
|
|
614
614
|
args: [{
|
|
615
615
|
providedIn: 'root'
|
|
@@ -948,12 +948,12 @@ class DynamicFormComponent {
|
|
|
948
948
|
get cancelLabel() {
|
|
949
949
|
return this.config.cancelLabel ?? 'Cancel';
|
|
950
950
|
}
|
|
951
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
952
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DynamicFormComponent, isStandalone: true, selector: "app-dynamic-form", inputs: { config: "config", initialValues: "initialValues", allowHelpOverlay: "allowHelpOverlay", allowHelpSideBar: "allowHelpSideBar", submitFormOnCancel: "submitFormOnCancel" }, outputs: { formSubmit: "formSubmit", formSubmitOnCancel: "formSubmitOnCancel", formCancel: "formCancel", formStateChange: "formStateChange" }, viewQueries: [{ propertyName: "fieldComponents", predicate: DynamicFormFieldComponent, descendants: true }], ngImport: i0, template: "@if (config) {\r\n <div class=\"dynamic-form-container\">\r\n @if (config.title || config.description) {\r\n <div class=\"form-title\">\r\n <div class=\"title-container\">\r\n @if (config.title) {\r\n <h4>{{ config.title }}</h4>\r\n }\r\n @if (config.description) {\r\n <p class=\"form-description\">{{ config.description }}</p>\r\n }\r\n <hr class=\"title-subline\" />\r\n </div>\r\n </div>\r\n }\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\r\n <div *ngIf=\"config.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"config.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"config.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"config.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let frame of sortedFrames\">\r\n <div [ngClass]=\"frame.cssClass\" *ngIf=\"isFrameVisible(frame)\">\r\n <div [ngClass]=\"frame.innerFrameCssClass\">\r\n <div *ngIf=\"frame.title\" [ngClass]=\"frame.titleContainerCssClass\">\r\n <span *ngIf=\"frame.titlePrefix\" [ngClass]=\"frame.titlePrefixCssClass\">{{frame.titlePrefix}}</span>\r\n <h3 [ngClass]=\"frame.titleCssClass\">{{frame.title}}</h3>\r\n </div>\r\n <div *ngIf=\"frame.description\" class=\"frame-description\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"frame.description\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let section of frame.sections\">\r\n <div class=\"section-wrapper\" *ngIf=\"isSectionVisible(section)\">\r\n <div class=\"section-content\">\r\n\r\n <h5 *ngIf=\"section.title != null\" class=\"section-title\">{{section.title}}</h5>\r\n <div *ngIf=\"section.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <div class=\"fields-wrapper\">\r\n <div class=\"fields-grid\">\r\n <ng-container *ngFor=\"let field of section.fields\">\r\n <ng-container *ngIf=\"field.type == 'hidden'\" [formGroup]=\"form\">\r\n <input type=\"hidden\" [formControlName]=\"field.id\" />\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"field.type != 'hidden'\">\r\n \r\n\r\n <div class=\"field-container\" [ngClass]=\"field.cssClass\" *ngIf=\"isFieldVisible(field)\">\r\n <app-dynamic-form-field [field]=\"field\"\r\n [form]=\"form\"\r\n [isDisabled]=\"isFieldDisabled(field)\"\r\n [errors]=\"getFieldErrors(field.id)\"\r\n [allowHelpOverlay]=\"allowHelpOverlay\"\r\n [allowHelpSideBar]=\"allowHelpSideBar\">\r\n </app-dynamic-form-field>\r\n </div>\r\n \r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"section.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.postInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.postWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <ng-content></ng-content>\r\n <div id=\"buttoncont\" class=\"button-container\">\r\n <div class=\"button-group\">\r\n @if (showCancelButton()) {\r\n <button pButton\r\n type=\"button\"\r\n class=\"btn-cancel\"\r\n icon=\"{{config.cancelIcon ? config.cancelIcon : 'pi pi-times'}}\"\r\n iconPos=\"left\"\r\n [label]=\"cancelLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n (click)=\"onCancel()\">\r\n </button>\r\n }\r\n @if (showSubmitButton()) {\r\n <button pButton\r\n type=\"submit\"\r\n class=\"\"\r\n icon=\"{{config.submitIcon ? config.submitIcon : 'pi pi-check'}}\"\r\n iconPos=\"right\"\r\n [label]=\"submitLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n [loading]=\"formState.isSubmitting\">\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n <div *ngIf=\"config.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">{{config.postInfo}}</p-message>\r\n </div>\r\n <div *ngIf=\"config.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">{{config.postWarning}}</p-message>\r\n </div>\r\n\r\n </form>\r\n </div>\r\n}\r\n", styles: [".dynamic-form-container{width:100%}.dynamic-form-container p-message .p-message.light-font .p-message-text{font-weight:400}.dynamic-form-container .form-description{color:#666;margin-bottom:1rem}.dynamic-form-container .form-fields-container{margin-bottom:1rem}.dynamic-form-container .form-fields-container .row{margin-bottom:.5rem}.dynamic-form-container .form-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #dee2e6}.dynamic-form-container .form-actions button{margin-left:.5rem}.dynamic-form-container .form-actions .btn-cancel{background-color:#6c757d;border-color:#6c757d}.dynamic-form-container .form-actions .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.dynamic-form-container .section-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .section-content{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:16px}.dynamic-form-container .section-title{width:100%;text-align:left;font-size:24px;font-weight:600;margin-top:8px;margin-bottom:16px}.dynamic-form-container .message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}.dynamic-form-container .fields-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .fields-grid{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:left}.dynamic-form-container .field-container,.dynamic-form-container .field-container-2col,.dynamic-form-container .field-container-1col{width:100%;text-align:left}.dynamic-form-container .button-container{width:100%;display:flex;justify-content:flex-end}.dynamic-form-container .button-group{display:flex;gap:.5rem}@media (min-width: 1024px){.dynamic-form-container .field-container,.dynamic-form-container .field-container-2col{width:calc(50% - .5rem)}.dynamic-form-container .field-container-1col{width:100%}}@media (max-width: 768px){.dynamic-form-container .form-actions button{width:100%;margin:.25rem 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DynamicFormFieldComponent, selector: "app-dynamic-form-field", inputs: ["field", "form", "errors", "isDisabled", "allowHelpOverlay", "allowHelpSideBar"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i11.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] });
|
|
951
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicFormComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
952
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: DynamicFormComponent, isStandalone: true, selector: "app-dynamic-form", inputs: { config: "config", initialValues: "initialValues", allowHelpOverlay: "allowHelpOverlay", allowHelpSideBar: "allowHelpSideBar", submitFormOnCancel: "submitFormOnCancel" }, outputs: { formSubmit: "formSubmit", formSubmitOnCancel: "formSubmitOnCancel", formCancel: "formCancel", formStateChange: "formStateChange" }, viewQueries: [{ propertyName: "fieldComponents", predicate: DynamicFormFieldComponent, descendants: true }], ngImport: i0, template: "@if (config) {\r\n <div class=\"dynamic-form-container\">\r\n @if (config.title || config.description) {\r\n <div class=\"form-title\">\r\n <div class=\"title-container\">\r\n @if (config.title) {\r\n <h4>{{ config.title }}</h4>\r\n }\r\n @if (config.description) {\r\n <p class=\"form-description\">{{ config.description }}</p>\r\n }\r\n <hr class=\"title-subline\" />\r\n </div>\r\n </div>\r\n }\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\r\n <div *ngIf=\"config.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"config.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"config.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"config.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let frame of sortedFrames\">\r\n <div [ngClass]=\"frame.cssClass\" *ngIf=\"isFrameVisible(frame)\">\r\n <div [ngClass]=\"frame.innerFrameCssClass\">\r\n <div *ngIf=\"frame.title\" [ngClass]=\"frame.titleContainerCssClass\">\r\n <span *ngIf=\"frame.titlePrefix\" [ngClass]=\"frame.titlePrefixCssClass\">{{frame.titlePrefix}}</span>\r\n <h3 [ngClass]=\"frame.titleCssClass\">{{frame.title}}</h3>\r\n </div>\r\n <div *ngIf=\"frame.description\" class=\"frame-description\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"frame.description\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let section of frame.sections\">\r\n <div class=\"section-wrapper\" *ngIf=\"isSectionVisible(section)\">\r\n <div class=\"section-content\">\r\n\r\n <h5 *ngIf=\"section.title != null\" class=\"section-title\">{{section.title}}</h5>\r\n <div *ngIf=\"section.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <div class=\"fields-wrapper\">\r\n <div class=\"fields-grid\">\r\n <ng-container *ngFor=\"let field of section.fields\">\r\n <ng-container *ngIf=\"field.type == 'hidden'\" [formGroup]=\"form\">\r\n <input type=\"hidden\" [formControlName]=\"field.id\" />\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"field.type != 'hidden'\">\r\n \r\n\r\n <div class=\"field-container\" [ngClass]=\"field.cssClass\" *ngIf=\"isFieldVisible(field)\">\r\n <app-dynamic-form-field [field]=\"field\"\r\n [form]=\"form\"\r\n [isDisabled]=\"isFieldDisabled(field)\"\r\n [errors]=\"getFieldErrors(field.id)\"\r\n [allowHelpOverlay]=\"allowHelpOverlay\"\r\n [allowHelpSideBar]=\"allowHelpSideBar\">\r\n </app-dynamic-form-field>\r\n </div>\r\n \r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"section.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.postInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.postWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <ng-content></ng-content>\r\n <div id=\"buttoncont\" class=\"button-container\">\r\n <div class=\"button-group\">\r\n @if (showCancelButton()) {\r\n <button pButton\r\n type=\"button\"\r\n class=\"btn-cancel\"\r\n icon=\"{{config.cancelIcon ? config.cancelIcon : 'pi pi-times'}}\"\r\n iconPos=\"left\"\r\n [label]=\"cancelLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n (click)=\"onCancel()\">\r\n </button>\r\n }\r\n @if (showSubmitButton()) {\r\n <button pButton\r\n type=\"submit\"\r\n class=\"\"\r\n icon=\"{{config.submitIcon ? config.submitIcon : 'pi pi-check'}}\"\r\n iconPos=\"right\"\r\n [label]=\"submitLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n [loading]=\"formState.isSubmitting\">\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n <div *ngIf=\"config.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">{{config.postInfo}}</p-message>\r\n </div>\r\n <div *ngIf=\"config.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">{{config.postWarning}}</p-message>\r\n </div>\r\n\r\n </form>\r\n </div>\r\n}\r\n", styles: [".dynamic-form-container{width:100%}.dynamic-form-container p-message .p-message.light-font .p-message-text{font-weight:400}.dynamic-form-container .form-description{color:#666;margin-bottom:1rem}.dynamic-form-container .form-fields-container{margin-bottom:1rem}.dynamic-form-container .form-fields-container .row{margin-bottom:.5rem}.dynamic-form-container .form-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #dee2e6}.dynamic-form-container .form-actions button{margin-left:.5rem}.dynamic-form-container .form-actions .btn-cancel{background-color:#6c757d;border-color:#6c757d}.dynamic-form-container .form-actions .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.dynamic-form-container .section-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .section-content{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:16px}.dynamic-form-container .section-title{width:100%;text-align:left;font-size:24px;font-weight:600;margin-top:8px;margin-bottom:16px}.dynamic-form-container .message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}.dynamic-form-container .fields-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .fields-grid{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:left}.dynamic-form-container .field-container,.dynamic-form-container .field-container-2col,.dynamic-form-container .field-container-1col{width:100%;text-align:left}.dynamic-form-container .button-container{width:100%;display:flex;justify-content:flex-end}.dynamic-form-container .button-group{display:flex;gap:.5rem}@media(min-width:1024px){.dynamic-form-container .field-container,.dynamic-form-container .field-container-2col{width:calc(50% - .5rem)}.dynamic-form-container .field-container-1col{width:100%}}@media(max-width:768px){.dynamic-form-container .form-actions button{width:100%;margin:.25rem 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DynamicFormFieldComponent, selector: "app-dynamic-form-field", inputs: ["field", "form", "errors", "isDisabled", "allowHelpOverlay", "allowHelpSideBar"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i11.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }] });
|
|
953
953
|
}
|
|
954
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: DynamicFormComponent, decorators: [{
|
|
955
955
|
type: Component,
|
|
956
|
-
args: [{ selector: 'app-dynamic-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicFormFieldComponent, ButtonModule, MessageModule], template: "@if (config) {\r\n <div class=\"dynamic-form-container\">\r\n @if (config.title || config.description) {\r\n <div class=\"form-title\">\r\n <div class=\"title-container\">\r\n @if (config.title) {\r\n <h4>{{ config.title }}</h4>\r\n }\r\n @if (config.description) {\r\n <p class=\"form-description\">{{ config.description }}</p>\r\n }\r\n <hr class=\"title-subline\" />\r\n </div>\r\n </div>\r\n }\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\r\n <div *ngIf=\"config.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"config.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"config.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"config.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let frame of sortedFrames\">\r\n <div [ngClass]=\"frame.cssClass\" *ngIf=\"isFrameVisible(frame)\">\r\n <div [ngClass]=\"frame.innerFrameCssClass\">\r\n <div *ngIf=\"frame.title\" [ngClass]=\"frame.titleContainerCssClass\">\r\n <span *ngIf=\"frame.titlePrefix\" [ngClass]=\"frame.titlePrefixCssClass\">{{frame.titlePrefix}}</span>\r\n <h3 [ngClass]=\"frame.titleCssClass\">{{frame.title}}</h3>\r\n </div>\r\n <div *ngIf=\"frame.description\" class=\"frame-description\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"frame.description\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let section of frame.sections\">\r\n <div class=\"section-wrapper\" *ngIf=\"isSectionVisible(section)\">\r\n <div class=\"section-content\">\r\n\r\n <h5 *ngIf=\"section.title != null\" class=\"section-title\">{{section.title}}</h5>\r\n <div *ngIf=\"section.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <div class=\"fields-wrapper\">\r\n <div class=\"fields-grid\">\r\n <ng-container *ngFor=\"let field of section.fields\">\r\n <ng-container *ngIf=\"field.type == 'hidden'\" [formGroup]=\"form\">\r\n <input type=\"hidden\" [formControlName]=\"field.id\" />\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"field.type != 'hidden'\">\r\n \r\n\r\n <div class=\"field-container\" [ngClass]=\"field.cssClass\" *ngIf=\"isFieldVisible(field)\">\r\n <app-dynamic-form-field [field]=\"field\"\r\n [form]=\"form\"\r\n [isDisabled]=\"isFieldDisabled(field)\"\r\n [errors]=\"getFieldErrors(field.id)\"\r\n [allowHelpOverlay]=\"allowHelpOverlay\"\r\n [allowHelpSideBar]=\"allowHelpSideBar\">\r\n </app-dynamic-form-field>\r\n </div>\r\n \r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"section.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.postInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.postWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <ng-content></ng-content>\r\n <div id=\"buttoncont\" class=\"button-container\">\r\n <div class=\"button-group\">\r\n @if (showCancelButton()) {\r\n <button pButton\r\n type=\"button\"\r\n class=\"btn-cancel\"\r\n icon=\"{{config.cancelIcon ? config.cancelIcon : 'pi pi-times'}}\"\r\n iconPos=\"left\"\r\n [label]=\"cancelLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n (click)=\"onCancel()\">\r\n </button>\r\n }\r\n @if (showSubmitButton()) {\r\n <button pButton\r\n type=\"submit\"\r\n class=\"\"\r\n icon=\"{{config.submitIcon ? config.submitIcon : 'pi pi-check'}}\"\r\n iconPos=\"right\"\r\n [label]=\"submitLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n [loading]=\"formState.isSubmitting\">\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n <div *ngIf=\"config.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">{{config.postInfo}}</p-message>\r\n </div>\r\n <div *ngIf=\"config.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">{{config.postWarning}}</p-message>\r\n </div>\r\n\r\n </form>\r\n </div>\r\n}\r\n", styles: [".dynamic-form-container{width:100%}.dynamic-form-container p-message .p-message.light-font .p-message-text{font-weight:400}.dynamic-form-container .form-description{color:#666;margin-bottom:1rem}.dynamic-form-container .form-fields-container{margin-bottom:1rem}.dynamic-form-container .form-fields-container .row{margin-bottom:.5rem}.dynamic-form-container .form-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #dee2e6}.dynamic-form-container .form-actions button{margin-left:.5rem}.dynamic-form-container .form-actions .btn-cancel{background-color:#6c757d;border-color:#6c757d}.dynamic-form-container .form-actions .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.dynamic-form-container .section-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .section-content{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:16px}.dynamic-form-container .section-title{width:100%;text-align:left;font-size:24px;font-weight:600;margin-top:8px;margin-bottom:16px}.dynamic-form-container .message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}.dynamic-form-container .fields-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .fields-grid{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:left}.dynamic-form-container .field-container,.dynamic-form-container .field-container-2col,.dynamic-form-container .field-container-1col{width:100%;text-align:left}.dynamic-form-container .button-container{width:100%;display:flex;justify-content:flex-end}.dynamic-form-container .button-group{display:flex;gap:.5rem}@media
|
|
956
|
+
args: [{ selector: 'app-dynamic-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicFormFieldComponent, ButtonModule, MessageModule], template: "@if (config) {\r\n <div class=\"dynamic-form-container\">\r\n @if (config.title || config.description) {\r\n <div class=\"form-title\">\r\n <div class=\"title-container\">\r\n @if (config.title) {\r\n <h4>{{ config.title }}</h4>\r\n }\r\n @if (config.description) {\r\n <p class=\"form-description\">{{ config.description }}</p>\r\n }\r\n <hr class=\"title-subline\" />\r\n </div>\r\n </div>\r\n }\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\r\n <div *ngIf=\"config.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"config.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"config.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"config.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let frame of sortedFrames\">\r\n <div [ngClass]=\"frame.cssClass\" *ngIf=\"isFrameVisible(frame)\">\r\n <div [ngClass]=\"frame.innerFrameCssClass\">\r\n <div *ngIf=\"frame.title\" [ngClass]=\"frame.titleContainerCssClass\">\r\n <span *ngIf=\"frame.titlePrefix\" [ngClass]=\"frame.titlePrefixCssClass\">{{frame.titlePrefix}}</span>\r\n <h3 [ngClass]=\"frame.titleCssClass\">{{frame.title}}</h3>\r\n </div>\r\n <div *ngIf=\"frame.description\" class=\"frame-description\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"frame.description\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let section of frame.sections\">\r\n <div class=\"section-wrapper\" *ngIf=\"isSectionVisible(section)\">\r\n <div class=\"section-content\">\r\n\r\n <h5 *ngIf=\"section.title != null\" class=\"section-title\">{{section.title}}</h5>\r\n <div *ngIf=\"section.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <div class=\"fields-wrapper\">\r\n <div class=\"fields-grid\">\r\n <ng-container *ngFor=\"let field of section.fields\">\r\n <ng-container *ngIf=\"field.type == 'hidden'\" [formGroup]=\"form\">\r\n <input type=\"hidden\" [formControlName]=\"field.id\" />\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"field.type != 'hidden'\">\r\n \r\n\r\n <div class=\"field-container\" [ngClass]=\"field.cssClass\" *ngIf=\"isFieldVisible(field)\">\r\n <app-dynamic-form-field [field]=\"field\"\r\n [form]=\"form\"\r\n [isDisabled]=\"isFieldDisabled(field)\"\r\n [errors]=\"getFieldErrors(field.id)\"\r\n [allowHelpOverlay]=\"allowHelpOverlay\"\r\n [allowHelpSideBar]=\"allowHelpSideBar\">\r\n </app-dynamic-form-field>\r\n </div>\r\n \r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"section.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.postInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.postWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <ng-content></ng-content>\r\n <div id=\"buttoncont\" class=\"button-container\">\r\n <div class=\"button-group\">\r\n @if (showCancelButton()) {\r\n <button pButton\r\n type=\"button\"\r\n class=\"btn-cancel\"\r\n icon=\"{{config.cancelIcon ? config.cancelIcon : 'pi pi-times'}}\"\r\n iconPos=\"left\"\r\n [label]=\"cancelLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n (click)=\"onCancel()\">\r\n </button>\r\n }\r\n @if (showSubmitButton()) {\r\n <button pButton\r\n type=\"submit\"\r\n class=\"\"\r\n icon=\"{{config.submitIcon ? config.submitIcon : 'pi pi-check'}}\"\r\n iconPos=\"right\"\r\n [label]=\"submitLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n [loading]=\"formState.isSubmitting\">\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n <div *ngIf=\"config.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">{{config.postInfo}}</p-message>\r\n </div>\r\n <div *ngIf=\"config.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">{{config.postWarning}}</p-message>\r\n </div>\r\n\r\n </form>\r\n </div>\r\n}\r\n", styles: [".dynamic-form-container{width:100%}.dynamic-form-container p-message .p-message.light-font .p-message-text{font-weight:400}.dynamic-form-container .form-description{color:#666;margin-bottom:1rem}.dynamic-form-container .form-fields-container{margin-bottom:1rem}.dynamic-form-container .form-fields-container .row{margin-bottom:.5rem}.dynamic-form-container .form-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #dee2e6}.dynamic-form-container .form-actions button{margin-left:.5rem}.dynamic-form-container .form-actions .btn-cancel{background-color:#6c757d;border-color:#6c757d}.dynamic-form-container .form-actions .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.dynamic-form-container .section-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .section-content{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:16px}.dynamic-form-container .section-title{width:100%;text-align:left;font-size:24px;font-weight:600;margin-top:8px;margin-bottom:16px}.dynamic-form-container .message-container{width:100%;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left}.dynamic-form-container .fields-wrapper{width:100%;display:flex;justify-content:center}.dynamic-form-container .fields-grid{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:left}.dynamic-form-container .field-container,.dynamic-form-container .field-container-2col,.dynamic-form-container .field-container-1col{width:100%;text-align:left}.dynamic-form-container .button-container{width:100%;display:flex;justify-content:flex-end}.dynamic-form-container .button-group{display:flex;gap:.5rem}@media(min-width:1024px){.dynamic-form-container .field-container,.dynamic-form-container .field-container-2col{width:calc(50% - .5rem)}.dynamic-form-container .field-container-1col{width:100%}}@media(max-width:768px){.dynamic-form-container .form-actions button{width:100%;margin:.25rem 0}}\n"] }]
|
|
957
957
|
}], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { config: [{
|
|
958
958
|
type: Input
|
|
959
959
|
}], initialValues: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bcweed-dynamic-form-lib.mjs","sources":["../../../projects/dynamic-form-lib/src/lib/directives/dynamic-ref-directive.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form-field/dynamic-form-field.component.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form-field/dynamic-form-field.component.html","../../../projects/dynamic-form-lib/src/lib/validators/compare-validator.ts","../../../projects/dynamic-form-lib/src/lib/services/dynamic-form.service.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form.component.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form.component.html","../../../projects/dynamic-form-lib/src/lib/helpers/component-helper.ts","../../../projects/dynamic-form-lib/src/public-api.ts","../../../projects/dynamic-form-lib/src/bcweed-dynamic-form-lib.ts"],"sourcesContent":["import { Directive, ElementRef, Input } from '@angular/core';\nimport { RadioButton } from 'primeng/radiobutton';\n\n@Directive({\n selector: '[dynamicRef]',\n standalone: true\n})\nexport class DynamicRefDirective {\n @Input() refKey!: string;\n constructor(public el: ElementRef) {\n const t = this.refKey;\n }\n}\n","import { Component, ElementRef, Input, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormGroup, NgForm, ReactiveFormsModule } from '@angular/forms';\r\nimport { DynamicFormField, DynamicFormOption } from '../models/dynamic-form-interfaces';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TextareaModule } from 'primeng/textarea';\r\n//import { InputTextarea } from 'primeng/inputtextarea';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { CheckboxChangeEvent, CheckboxModule } from 'primeng/checkbox';\r\nimport { RadioButtonModule, RadioButtonClickEvent, RadioButton } from 'primeng/radiobutton';\r\nimport { SelectChangeEvent, SelectModule } from 'primeng/select';\r\n//import { DropdownModule } from 'primeng/dropdown';\r\nimport { DatePickerModule } from 'primeng/datepicker';\r\n//import { CalendarModule } from 'primeng/calendar';\r\nimport { MessageModule } from 'primeng/message';\r\nimport { DynamicRefDirective } from '../directives/dynamic-ref-directive';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { ScrollPanelModule } from 'primeng/scrollpanel';\r\nimport { PopoverModule } from 'primeng/popover';\r\nimport { DrawerModule } from 'primeng/drawer';\r\nimport { InputMaskModule } from 'primeng/inputmask';\r\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\r\n\r\n@Component({\r\n selector: 'app-dynamic-form-field',\r\n standalone: true,\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n InputTextModule,\r\n TextareaModule,\r\n //InputTextarea,\r\n InputNumberModule,\r\n CheckboxModule,\r\n RadioButtonModule,\r\n SelectModule,\r\n //DropdownModule,\r\n DatePickerModule,\r\n //CalendarModule,\r\n MessageModule,\r\n TooltipModule,\r\n DynamicRefDirective,\r\n ScrollPanelModule,\r\n PopoverModule,\r\n DrawerModule,\r\n InputMaskModule\r\n ],\r\n templateUrl: './dynamic-form-field.component.html',\r\n styleUrls: ['./dynamic-form-field.component.scss']\r\n})\r\nexport class DynamicFormFieldComponent implements OnInit {\r\n @Input() field!: DynamicFormField;\r\n @Input() form!: FormGroup;\r\n @Input() errors: string[] = [];\r\n @Input() isDisabled = false;\r\n @Input() allowHelpOverlay = false;\r\n @Input() allowHelpSideBar = false;\r\n @ViewChild(DynamicRefDirective) ref!: DynamicRefDirective;\r\n \r\n elementRef: ElementRef | null = null;\r\n @ViewChild(RadioButton) radioButton?: RadioButton;\r\n helpSideBarVisible = false;\r\n shouldDisable = true;\r\n isExpanded = false;\r\n isSmallMedia = false;\r\n isMediumMedia = false;\r\n\r\n constructor(private responsive: BreakpointObserver) { }\r\n \r\n ngOnInit(): void {\r\n this.responsive.observe([Breakpoints.Medium, Breakpoints.Small, Breakpoints.XSmall])\r\n .subscribe(result => {\r\n\r\n\r\n if (result.matches) {\r\n this.isSmallMedia = true;\r\n\r\n }\r\n else {\r\n this.isSmallMedia = false;\r\n\r\n }\r\n });\r\n\r\n if (!this.field || !this.form) {\r\n console.error('DynamicFormFieldComponent requires field and form inputs');\r\n \r\n }\r\n }\r\n ngAfterViewInit(): void {\r\n if (this.radioButton) {\r\n this.elementRef = this.radioButton.inputViewChild;\r\n }\r\n if (this.ref) {\r\n this.elementRef = this.ref.el;\r\n }\r\n if (this.isDisabled || this.field.disabled) {\r\n this.form.controls[this.field.id].disable();\r\n }\r\n }\r\n get isValid(): boolean {\r\n const control = this.form.get(this.field.id);\r\n return control ? control.valid : true;\r\n }\r\n\r\n get isTouched(): boolean {\r\n const control = this.form.get(this.field.id);\r\n return control ? control.touched : false;\r\n }\r\n\r\n get isDirty(): boolean {\r\n const control = this.form.get(this.field.id);\r\n return control ? control.dirty : false;\r\n }\r\n\r\n get showError(): boolean {\r\n //return !this.isValid && (this.isTouched || this.isDirty);\r\n return !this.isValid && this.isTouched;\r\n }\r\n\r\n get fieldClasses(): string {\r\n const classes = ['form-group'];\r\n \r\n if (this.showError) {\r\n if (!this.field.disabled && !this.isDisabled) {\r\n classes.push('field-error');\r\n }\r\n } else if (this.isValid && (this.isTouched || this.isDirty)) {\r\n classes.push('field-valid');\r\n }\r\n\r\n if (this.field.disabled || this.isDisabled) {\r\n classes.push('field-disabled');\r\n }\r\n\r\n if (this.field.required) {\r\n classes.push('field-required');\r\n }\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n get successIndicatorClass():string {\r\n\r\n if (this.field.type == 'select') {\r\n return \"valid-indicator-select\";\r\n }\r\n else if (this.field.type == 'date') {\r\n return \"valid-indicator-calendar\";\r\n }\r\n else {\r\n return \"valid-indicator\";\r\n\r\n }\r\n }\r\n get controlName(): string {\r\n return this.field.id;\r\n }\r\n reInitElementRef(): void {\r\n if (this.radioButton) {\r\n this.elementRef = this.radioButton.inputViewChild;\r\n }\r\n if (this.ref) {\r\n this.elementRef = this.ref.el;\r\n }\r\n if (this.isDisabled || this.field.disabled) {\r\n this.form.controls[this.field.id].disable();\r\n }\r\n\r\n }\r\n focusOn() {\r\n if (this.radioButton) {\r\n this.radioButton.inputViewChild.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n this.radioButton.inputViewChild.nativeElement.focus();\r\n }\r\n if (this.ref) {\r\n this.ref.el.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n this.ref.el.nativeElement.focus();\r\n }\r\n if (this.elementRef) {\r\n this.elementRef.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n this.elementRef.nativeElement.focus();\r\n }\r\n }\r\n onBlur(): void {\r\n const control = this.form.get(this.field.id);\r\n if (control) {\r\n control.markAsTouched();\r\n }\r\n }\r\n\r\n displayRadioError(option: DynamicFormOption) {\r\n if (option.displayError && typeof option.displayError === 'function') {\r\n return option.displayError();\r\n }\r\n return false;\r\n }\r\n\r\n onRadioButtonClick(event: RadioButtonClickEvent): void {\r\n\r\n if (typeof this.field.onClick === 'function') {\r\n\r\n this.field.onClick(event.value, this.form);\r\n }\r\n }\r\n onClick(event: Event): void {\r\n\r\n if (typeof this.field.onClick === 'function') {\r\n\r\n this.field.onClick((event.target as HTMLInputElement).value, this.form);\r\n }\r\n }\r\n onChange(event: Event): void {\r\n\r\n if (typeof this.field.onChange === 'function') {\r\n\r\n this.field.onChange((event.target as HTMLInputElement).value, this.form);\r\n }\r\n }\r\n onCheckboxChange(event: CheckboxChangeEvent): void {\r\n\r\n if (typeof this.field.onChange === 'function') {\r\n\r\n this.field.onChange((event.checked ? true : false), this.form);\r\n }\r\n }\r\n onSelectChange(event: SelectChangeEvent): void {\r\n\r\n if (typeof this.field.onChange === 'function') {\r\n\r\n this.field.onChange(event.value, this.form);\r\n }\r\n }\r\n labelWidthStyle(): string {\r\n return this.isSmallMedia ? '100%' : this.field.labelWidth ? this.field.labelWidth : '100%';\r\n }\r\n fieldWidthStyle(): string {\r\n return this.isSmallMedia ? '100%' : this.field.fieldWidth ? this.field.fieldWidth : '100%';\r\n }\r\n inputWidthStyle(): string {\r\n return this.isSmallMedia ? '100%' : this.field.inputWidth ? this.field.inputWidth : '100%';\r\n }\r\n trackByFn(index: number, item: any): any {\r\n return item.value;\r\n }\r\n get getMinValue(): number | null {\r\n if (this.field.type === 'number' && this.field.min !== undefined) {\r\n return this.field.min;\r\n }\r\n return null;\r\n }\r\n\r\n get getMaxValue(): number | null {\r\n if (this.field.type === 'number' && this.field.max !== undefined) {\r\n return this.field.max;\r\n }\r\n return null;\r\n }\r\n get getDecimalPlace(): number {\r\n if (this.field.type === 'number' && this.field.decimals !== undefined) {\r\n return this.field.decimals;\r\n }\r\n return 0;\r\n }\r\n isReadonly(): boolean {\r\n if (this.field.readonly && this.field.readonly === true) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n}\r\n","\n<div [ngClass]=\"fieldClasses\" [formGroup]=\"form\">\n <div *ngIf=\"field.preInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preWarning\"></div>\n </p-message>\n </div>\n <div [ngStyle]=\"{ width: fieldWidthStyle(), position: 'relative' }\">\n <div *ngIf=\"field.preInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preInnerWarning\"></div>\n </p-message>\n </div>\n <!-- Label -->\n <div *ngIf=\"field.leftPreInput\" class=\"left-pre-input\">\n <span [innerHTML]=\"field.leftPreInput\" class=\"left-pre-input-text\">\n </span>\n\n </div>\n <div #field_container class=\"input-container\">\n <div class=\"label-row\" [ngStyle]=\"{ width: labelWidthStyle() }\">\n <label [attr.for]=\"field.id\" class=\"control-label\">\n {{ field.label }}\n <span *ngIf=\"field.required\" class=\"required-indicator\">*</span>\n </label>\n <div class=\"help-icons\">\n <i (click)=\"helpSideBarVisible = true\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpSideBar && field.popInfo\"></i>\n <i (click)=\"popover.toggle($event)\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpOverlay && field.popInfo\"></i>\n </div>\n </div>\n <!-- Text Input -->\n <input *ngIf=\"field.type === 'text'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"text\"\n pInputText\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Email Input -->\n <input *ngIf=\"field.type === 'email'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"email\"\n pInputText\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Number Input -->\n <p-inputNumber *ngIf=\"field.type === 'number'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [useGrouping]=\"false\"\n [minFractionDigits]=\"getDecimalPlace\"\n [min]=\"getMinValue\"\n [max]=\"getMaxValue\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control readonly' : 'form-control'\"\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputNumber>\n\n\n <!-- phone -->\n\n <p-inputMask *ngIf=\"field.type === 'phone'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n mask=\"(999) 999-9999\"\n unmask=\"true\"\n [styleClass]=\"isReadonly() ? 'form-control-phone readonly' : 'form-control-phone'\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputMask>\n <!-- Textarea -->\n <textarea *ngIf=\"field.type === 'textarea'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [rows]=\"5\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n pInputTextarea\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></textarea>\n\n <!-- Date Picker -->\n <p-datepicker *ngIf=\"field.type === 'date'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control-datepicker readonly' : 'form-control-datepicker'\"\n dateFormat=\"DD MM yy\"\n [showIcon]=\"true\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-datepicker>\n\n <!-- Select Dropdown -->\n <p-select *ngIf=\"field.type === 'select'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [id]=\"field.id\"\n appendTo=\"body\"\n [options]=\"field.options || []\"\n [placeholder]=\"field.placeholder || 'Select an option'\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [styleClass]=\"isReadonly() ? 'form-control-select readonly' : 'form-control-select'\"\n [showClear]=\"!field.required\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onChange)=\"onSelectChange($event)\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-select>\n\n <!-- Checkbox -->\n <div *ngIf=\"field.type === 'checkbox'\" class=\"checkbox-wrapper\">\n <p-checkbox [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n [binary]=\"true\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n tooltipPosition=\"right\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onChange)=\"onCheckboxChange($event)\"></p-checkbox>\n <!--label=\"{{field.}}\"-->\n\n </div>\n\n <!-- Radio Buttons -->\n <div *ngIf=\"field.type === 'radio'\" class=\"radio-group\">\n <div *ngFor=\"let option of field.options; trackBy: trackByFn; let first = first\"\n class=\"radio-option\" tooltipPosition=\"right\" pTooltip=\"{{option.toolTip}}\">\n\n <p-radioButton *ngIf=\"first\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <p-radioButton *ngIf=\"!first\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <label [for]=\"field.id + '_' + option.value\" class=\"radio-label\">\n {{ option.label }}\n </label>\n <div *ngIf=\"option.helpInfo\" class=\"radio-message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"option.helpInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"option.errorInfo && displayRadioError(option)\" class=\"radio-message-container\">\n <p-message severity=\"error\">\n <div [innerHTML]=\"option.errorInfo\"></div>\n </p-message>\n </div>\n <small class=\"radion-hint\" *ngIf=\"option.hint\" id=\"field.id + '_' + option.value + '-help'\">{{option.hint}}</small>\n\n\n </div>\n </div>\n <small class=\"field-hint\" *ngIf=\"field.hint\" id=\"field.id + '-help'\">{{field.hint}}</small>\n <!-- Valid Indicator (optional) -->\n <div *ngIf=\"isValid && isTouched && field.required\" [ngClass]=\"successIndicatorClass\">\n <i class=\"pi pi-check-circle\"></i>\n </div>\n\n </div>\n <!-- Error Messages -->\n <div *ngIf=\"showError\" class=\"error-messages\">\n <p-message *ngFor=\"let error of errors\"\n severity=\"error\"\n [text]=\"error\"></p-message>\n </div>\n\n\n\n\n <div *ngIf=\"field.postInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postInnerWarning\"></div>\n </p-message>\n </div>\n </div>\n <div *ngIf=\"field.postInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postWarning\"></div>\n </p-message>\n </div>\n</div>\n\n<p-popover appendTo=\"body\" styleClass=\"form-pop-info\" #popover>\n <h4>{{field.label}}</h4>\n <div [innerHTML]=\"field.popInfo\"></div>\n</p-popover>\n@if (allowHelpSideBar && field.popInfo) {\n<p-drawer header=\"{{field.label}}\" autoZIndex=\"false\" baseZIndex=\"10000\" [ngStyle]=\"{'z-index': '10000', 'top': '65px'}\" position=\"right\" styleClass=\"form-pop-info\" appendTo=\"body\" [(visible)]=\"helpSideBarVisible\">\n <p-scrollPanel [ngStyle]=\"{height: '100%', paddingBottom: '100px', paddingRight: '8px'}\">\n <div [innerHTML]=\"field.popInfo\"></div>\n </p-scrollPanel>\n</p-drawer>\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nexport function compareValidator(\n matchingControlName: string\n): ValidatorFn {\n return (control: AbstractControl): ValidationErrors | null => {\n const group = control.parent;\n\n if (!group) {\n return null;\n }\n\n const matchingControl = group.get(matchingControlName);\n\n if (!matchingControl) {\n return null;\n }\n\n // Return error on the current control instead of modifying the other\n if (control.value !== matchingControl.value) {\n return { compare: true };\n }\n\n return null;\n };\n}\n","import { Injectable } from '@angular/core';\r\nimport { ValidatorFn, Validators, AbstractControl, ValidationErrors } from '@angular/forms';\r\nimport { DynamicFormField, DynamicFormValidation, DynamicFormError } from '../models/dynamic-form-interfaces';\r\nimport { compareValidator } from '../validators/compare-validator';\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class DynamicFormService {\r\n constructor() {}\r\n\r\n /**\r\n * Gets the validators for a specific field based on its validations\r\n */\r\n getValidators(fieldOrValidations: DynamicFormField | DynamicFormValidation[]): ValidatorFn[] {\r\n let validations: DynamicFormValidation[] = [];\r\n if (!Array.isArray(fieldOrValidations)) {\r\n if (!fieldOrValidations.validations || fieldOrValidations.validations.length === 0) {\r\n return [];\r\n }\r\n validations = fieldOrValidations.validations;\r\n }\r\n else {\r\n validations = fieldOrValidations;\r\n }\r\n\r\n\r\n const validators: ValidatorFn[] = [];\r\n\r\n validations.forEach(validation => {\r\n const validator = this.createValidator(validation);\r\n if (validator) {\r\n validators.push(validator);\r\n }\r\n });\r\n\r\n return validators;\r\n }\r\n /**\r\n * Creates a validator function based on validation type\r\n */\r\n private createValidator(validation: DynamicFormValidation): ValidatorFn | null {\r\n switch (validation.type) {\r\n case 'required':\r\n return Validators.required;\r\n\r\n case 'minLength':\r\n return validation.value ? Validators.minLength(validation.value) : null;\r\n\r\n case 'maxLength':\r\n return validation.value ? Validators.maxLength(validation.value) : null;\r\n\r\n case 'min':\r\n return validation.value !== undefined ? Validators.min(validation.value) : null;\r\n\r\n case 'max':\r\n return validation.value !== undefined ? Validators.max(validation.value) : null;\r\n\r\n case 'compare':\r\n return validation.compareToField !== undefined ? compareValidator(validation.compareToField) : null;\r\n\r\n case 'email':\r\n return Validators.email;\r\n\r\n case 'pattern':\r\n return validation.value ? Validators.pattern(validation.value) : null;\r\n\r\n case 'custom':\r\n return validation.validator ? this.customValidator(validation) : null;\r\n \r\n default:\r\n return null;\r\n }\r\n }\r\n\r\n /**\r\n * Creates a custom validator wrapper\r\n */\r\n private customValidator(validation: DynamicFormValidation): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n if (!validation.validator) {\r\n return null;\r\n }\r\n\r\n const isValid = validation.validator(control.value);\r\n return isValid ? null : { custom: { message: validation.message } };\r\n };\r\n }\r\n\r\n /**\r\n * Gets error messages for a field based on its validation errors\r\n */\r\n getErrorMessages(field: DynamicFormField, errors: ValidationErrors | null): DynamicFormError[] {\r\n if (!errors || !field.validations) {\r\n return [];\r\n }\r\n\r\n const errorMessages: DynamicFormError[] = [];\r\n\r\n field.validations.forEach(validation => {\r\n const errorKey = this.getErrorKey(validation.type);\r\n if (errors[errorKey]) {\r\n errorMessages.push({\r\n fieldId: field.id,\r\n message: validation.message\r\n });\r\n }\r\n });\r\n\r\n return errorMessages;\r\n }\r\n\r\n /**\r\n * Maps validation type to Angular error key\r\n */\r\n private getErrorKey(validationType: string): string {\r\n switch (validationType) {\r\n case 'required':\r\n return 'required';\r\n case 'minLength':\r\n return 'minlength';\r\n case 'maxLength':\r\n return 'maxlength';\r\n case 'min':\r\n return 'min';\r\n case 'max':\r\n return 'max';\r\n case 'email':\r\n return 'email';\r\n case 'pattern':\r\n return 'pattern';\r\n case 'custom':\r\n return 'custom';\r\n case 'compare':\r\n return 'compare';\r\n default:\r\n return validationType;\r\n }\r\n }\r\n\r\n /**\r\n * Validates a complete form configuration\r\n */\r\n validateFormConfig(config: any): boolean {\r\n if (!config || !config.id || !config.frames) {\r\n console.error('Invalid form config: missing required properties');\r\n return false;\r\n }\r\n\r\n if (!Array.isArray(config.frames) || config.frames.length === 0) {\r\n console.error('Invalid form config: frames must be a non-empty array');\r\n return false;\r\n }\r\n\r\n for (const frame of config.frames) {\r\n if (!Array.isArray(frame.sections) || frame.sections.length === 0) {\r\n console.error('Invalid form config: sections must be a non-empty array');\r\n return false;\r\n }\r\n\r\n }\r\n if (!Array.isArray(config.frames[0].sections) || config.frames[0].sections.length === 0 || !Array.isArray(config.frames[0].sections[0].fields) || config.frames[0].sections[0].fields.length === 0) {\r\n console.error('Invalid form config: fields must be a non-empty array');\r\n return false;\r\n }\r\n for (const frame of config.frames) {\r\n for (const section of frame.sections) {\r\n for (const field of section.fields) {\r\n if (!field.id || !field.label || !field.type) {\r\n console.error('Invalid field config: missing required properties', field);\r\n return false;\r\n }\r\n\r\n const validTypes = ['text', 'number', 'email', 'select', 'checkbox', 'radio', 'date', 'textarea'];\r\n if (!validTypes.includes(field.type)) {\r\n console.error(`Invalid field type: ${field.type}`, field);\r\n return false;\r\n }\r\n\r\n if ((field.type === 'select' || field.type === 'radio') && (!field.options || field.options.length === 0)) {\r\n console.error(`Field type ${field.type} requires options`, field);\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Creates a sample form configuration for testing\r\n */\r\n createSampleConfig(): any {\r\n return {\r\n id: 'sample-form',\r\n title: 'Sample Dynamic Form',\r\n description: 'This is a sample form configuration demonstrating all field types.',\r\n sections: [\r\n {\r\n id: 'sample-form',\r\n title: 'Sample Dynamic Form',\r\n description: 'This is a sample form configuration demonstrating all field types.',\r\n fields: [\r\n {\r\n id: 'firstName',\r\n label: 'First Name',\r\n type: 'text', \r\n placeholder: 'Enter your first name',\r\n required: true,\r\n order: 1,\r\n validations: [\r\n {\r\n type: 'required',\r\n message: 'First name is required'\r\n },\r\n {\r\n type: 'minLength',\r\n value: 2,\r\n message: 'First name must be at least 2 characters'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'email',\r\n label: 'Email Address',\r\n type: 'email',\r\n placeholder: 'Enter your email',\r\n required: true,\r\n order: 2,\r\n validations: [\r\n {\r\n type: 'required',\r\n message: 'Email is required'\r\n },\r\n {\r\n type: 'email',\r\n message: 'Please enter a valid email address'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'age',\r\n label: 'Age',\r\n type: 'number',\r\n placeholder: 'Enter your age',\r\n order: 3,\r\n validations: [\r\n {\r\n type: 'min',\r\n value: 18,\r\n message: 'You must be at least 18 years old'\r\n },\r\n {\r\n type: 'max',\r\n value: 120,\r\n message: 'Age must be less than 120'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'country',\r\n label: 'Country',\r\n type: 'select',\r\n placeholder: 'Select your country',\r\n required: true,\r\n order: 4,\r\n options: [\r\n { label: 'United States', value: 'US' },\r\n { label: 'Canada', value: 'CA' },\r\n { label: 'United Kingdom', value: 'UK' },\r\n { label: 'Australia', value: 'AU' }\r\n ],\r\n validations: [\r\n {\r\n type: 'required',\r\n message: 'Country is required'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'gender',\r\n label: 'Gender',\r\n type: 'radio',\r\n order: 5,\r\n options: [\r\n { label: 'Male', value: 'male' },\r\n { label: 'Female', value: 'female' },\r\n { label: 'Other', value: 'other' }\r\n ]\r\n },\r\n {\r\n id: 'newsletter',\r\n label: 'Subscribe to newsletter',\r\n type: 'checkbox',\r\n order: 6,\r\n value: false\r\n },\r\n {\r\n id: 'birthDate',\r\n label: 'Birth Date',\r\n type: 'date',\r\n placeholder: 'Select your birth date',\r\n order: 7\r\n },\r\n {\r\n id: 'comments',\r\n label: 'Comments',\r\n type: 'textarea',\r\n placeholder: 'Enter any additional comments',\r\n order: 8,\r\n validations: [\r\n {\r\n type: 'maxLength',\r\n value: 500,\r\n message: 'Comments must be less than 500 characters'\r\n }\r\n ]\r\n }\r\n ],\r\n }\r\n ],\r\n submitLabel: 'Submit Form',\r\n cancelLabel: 'Cancel'\r\n };\r\n }\r\n}\r\n","import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ViewChildren, QueryList } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { DynamicFormConfig, DynamicFormSection, DynamicFormState, DynamicFormValue, DynamicFormError, DynamicFormField, DynamicFormFrameGroup } from './models/dynamic-form-interfaces';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field/dynamic-form-field.component';\r\nimport { DynamicFormService } from './services/dynamic-form.service';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { inject } from '@angular/core';\r\nimport { MessageModule } from 'primeng/message';\r\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\r\n\r\n@Component({\r\n selector: 'app-dynamic-form',\r\n standalone: true,\r\n imports: [CommonModule, ReactiveFormsModule, DynamicFormFieldComponent, ButtonModule, MessageModule],\r\n templateUrl: './dynamic-form.component.html',\r\n styleUrls: ['./dynamic-form.component.scss']\r\n})\r\nexport class DynamicFormComponent implements OnInit, OnDestroy {\r\n // Inject dependencies using field initializers (this IS the injection context)\r\n private fb = inject(FormBuilder);\r\n private dynamicFormService = inject(DynamicFormService);\r\n\r\n @Input() config!: DynamicFormConfig;\r\n @Input() initialValues?: DynamicFormValue;\r\n @Input() allowHelpOverlay = false;\r\n @Input() allowHelpSideBar = false;\r\n @Input() submitFormOnCancel = false;\r\n @Output() formSubmit = new EventEmitter<DynamicFormValue>();\r\n @Output() formSubmitOnCancel = new EventEmitter<DynamicFormValue>();\r\n @Output() formCancel = new EventEmitter<void>();\r\n @Output() formStateChange = new EventEmitter<DynamicFormState>();\r\n @ViewChildren(DynamicFormFieldComponent) fieldComponents!: QueryList<DynamicFormFieldComponent>;\r\n\r\n componentMap!: Map<string, DynamicFormFieldComponent>;\r\n fieldMap!: Map<string, DynamicFormField>;\r\n form!: FormGroup;\r\n formState!: DynamicFormState;\r\n sortedFields: DynamicFormField[] = [];\r\n sortedSections: DynamicFormSection[] = [];\r\n sortedFrames: DynamicFormFrameGroup[] = [];\r\n private destroy$ = new Subject<void>();\r\n isExpanded = false;\r\n isSmallMedia = false;\r\n isMediumMedia = false;\r\n\r\n // Empty constructor - no code needed here\r\n constructor(private responsive: BreakpointObserver) {}\r\n\r\n \r\n\r\n ngOnInit(): void {\r\n this.responsive.observe([Breakpoints.Medium, Breakpoints.Small, Breakpoints.XSmall])\r\n .subscribe(result => {\r\n\r\n\r\n if (result.matches) {\r\n this.isSmallMedia = true;\r\n\r\n }\r\n else {\r\n this.isSmallMedia = false;\r\n\r\n }\r\n });\r\n\r\n this.initializeForm();\r\n this.subscribeToFormChanges();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.destroy$.next();\r\n this.destroy$.complete();\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.rebuildComponentMap();\r\n\r\n // Rebuild whenever components are added or removed from the view\r\n this.fieldComponents.changes\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe(() => {\r\n this.rebuildComponentMap();\r\n });\r\n }\r\n private rebuildComponentMap(): void {\r\n this.componentMap = new Map(\r\n this.fieldComponents.map(comp => [comp.field.id, comp])\r\n );\r\n }\r\n private initializeForm(): void {\r\n\r\n //sort frames\r\n // Sort sections and fields by order\r\n this.sortedFrames = [...this.config.frames].sort((a, b) =>\r\n (a.order ?? 0) - (b.order ?? 0)\r\n );\r\n this.sortedFrames.forEach((frame) => {\r\n frame.sections = [...frame.sections].sort((a, b) =>\r\n (a.order ?? 0) - (b.order ?? 0)\r\n );\r\n frame.sections.forEach((section) => {\r\n section.fields = [...section.fields].sort((a, b) =>\r\n (a.order ?? 0) - (b.order ?? 0)\r\n );\r\n });\r\n });\r\n \r\n \r\n // Build field map for O(1) lookup\r\n this.fieldMap = new Map();\r\n this.sortedFrames.forEach(frame => {\r\n frame.sections.forEach(section => {\r\n section.fields.forEach(field => {\r\n this.fieldMap.set(field.id, field);\r\n });\r\n });\r\n });\r\n \r\n // Build form controls\r\n const group: { [key: string]: any } = {};\r\n \r\n this.sortedFrames.forEach(frame => {\r\n frame.sections.forEach(section => {\r\n section.fields.forEach(field => {\r\n const validators = field.disabled === true ? [] : this.dynamicFormService.getValidators(field);\r\n const initialValue = this.getInitialValue(field);\r\n\r\n group[field.id] = [\r\n { value: initialValue, disabled: field.disabled ?? false },\r\n validators\r\n ];\r\n\r\n });\r\n });\r\n });\r\n\r\n this.form = this.fb.group(group);\r\n\r\n // Trigger all click and change events on form controls\r\n this.triggerAllClickAndChangeEvents();\r\n\r\n // Initialize form state\r\n this.formState = {\r\n values: this.form.value,\r\n errors: [],\r\n touched: {},\r\n isSubmitting: false,\r\n isValid: this.form.valid\r\n };\r\n if (this.form.valid) {\r\n this.markAllAsTouched();\r\n }\r\n this.emitFormState();\r\n \r\n }\r\n\r\n public triggerAllClickAndChangeEvents(updateFormstate: boolean = false): void {\r\n this.sortedFrames.forEach(frame => {\r\n frame.sections.forEach(section => {\r\n section.fields.forEach(field => {\r\n const control = this.form.get(field.id);\r\n if (control && field.onClick) {\r\n // Trigger the onClick event with current control value\r\n field.onClick(control.value, this.form);\r\n }\r\n if (control && field.onChange) {\r\n // Trigger the onChange event with current control value\r\n field.onChange(control.value, this.form);\r\n }\r\n });\r\n });\r\n })\r\n if (updateFormstate) {\r\n this.updateFormState();\r\n }\r\n\r\n }\r\n\r\n private getInitialValue(field: DynamicFormField): any {\r\n if (this.initialValues && this.initialValues[field.id] !== undefined) {\r\n //return this.initialValues[field.id];\r\n if (field.type == \"date\") {\r\n if (this.initialValues[field.id] instanceof Date && !isNaN(this.initialValues[field.id].getTime())) {\r\n console.log(field.id + \" is already a valid Date object\");\r\n return this.initialValues[field.id];\r\n }\r\n else {\r\n console.log(field.id + \" is not a valid Date object, attempting to parse\");\r\n return new Date(this.initialValues[field.id]);\r\n }\r\n }\r\n else {\r\n return this.initialValues[field.id];\r\n }\r\n }\r\n return field.value ?? this.getDefaultValue(field.type);\r\n }\r\n\r\n private getDefaultValue(type: string): any {\r\n switch (type) {\r\n case 'checkbox':\r\n return null;\r\n case 'number':\r\n return null;\r\n case 'hidden':\r\n return 0;\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n private subscribeToFormChanges(): void {\r\n this.form.valueChanges\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe(values => {\r\n this.updateFormState();\r\n });\r\n\r\n this.form.statusChanges\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe(() => {\r\n this.updateFormState();\r\n });\r\n }\r\n\r\n private updateFormState(): void {\r\n const touched: { [key: string]: boolean } = {};\r\n const errors: DynamicFormError[] = [];\r\n\r\n this.fieldMap.forEach((field, fieldId) => {\r\n const control = this.form.get(fieldId);\r\n if (control) {\r\n touched[fieldId] = control.touched;\r\n \r\n if (control.invalid && control.touched) {\r\n const fieldErrors = this.dynamicFormService.getErrorMessages(field, control.errors);\r\n errors.push(...fieldErrors);\r\n }\r\n }\r\n });\r\n\r\n this.formState = {\r\n values: this.form.value,\r\n errors,\r\n touched,\r\n isSubmitting: this.formState.isSubmitting,\r\n isValid: this.form.valid\r\n };\r\n\r\n this.emitFormState();\r\n }\r\n\r\n private emitFormState(): void {\r\n this.formStateChange.emit({ ...this.formState });\r\n }\r\n showCancelButton(): boolean {\r\n if (!this.config.hideCancelButton) {\r\n return true;\r\n }\r\n return !this.config.hideCancelButton();\r\n }\r\n\r\n showSubmitButton(): boolean {\r\n if (!this.config.hideSubmitButton) {\r\n return true;\r\n }\r\n return !this.config.hideSubmitButton();\r\n }\r\n\r\n isFieldDisabled(field: DynamicFormField): boolean {\r\n if (!field.conditionalDisabled) {\r\n //return field.disabled ?? false;\r\n return false;\r\n }\r\n return field.conditionalDisabled(this.form.value);\r\n }\r\n\r\n isFieldVisible(field: DynamicFormField): boolean {\r\n if (!field.conditionalDisplay) {\r\n return true;\r\n }\r\n return field.conditionalDisplay(this.form.value);\r\n }\r\n\r\n isSectionVisible(section: DynamicFormSection): boolean {\r\n if (!section.conditionalDisplay) {\r\n return true;\r\n }\r\n return section.conditionalDisplay(this.form.value);\r\n }\r\n\r\n isFrameVisible(frame: DynamicFormFrameGroup): boolean {\r\n if (!frame.conditionalDisplay) {\r\n return true;\r\n }\r\n return frame.conditionalDisplay(this.form.value);\r\n }\r\n\r\n onSubmit(): void {\r\n if (this.validateForm()) {\r\n this.formState.isSubmitting = true;\r\n this.emitFormState();\r\n\r\n const formValue = this.form.value;\r\n this.formSubmit.emit(formValue);\r\n\r\n // Reset submitting state after emission\r\n setTimeout(() => {\r\n this.formState.isSubmitting = false;\r\n this.emitFormState();\r\n }, 0);\r\n\r\n }\r\n }\r\n\r\n onCancel(): void {\r\n if (!this.submitFormOnCancel) {\r\n this.formCancel.emit();\r\n }\r\n else {\r\n if (this.validateForm()) {\r\n this.formState.isSubmitting = true;\r\n this.emitFormState();\r\n\r\n const formValue = this.form.value;\r\n this.formSubmitOnCancel.emit(formValue);\r\n\r\n // Reset submitting state after emission\r\n setTimeout(() => {\r\n this.formState.isSubmitting = false;\r\n this.emitFormState();\r\n }, 0);\r\n\r\n }\r\n }\r\n }\r\n private validateForm(): boolean {\r\n if (this.form.invalid) {\r\n this.markAllAsTouched();\r\n this.updateFormState();\r\n for (const frame of this.sortedFrames) {\r\n for (const section of frame.sections) {\r\n for (const field of section.fields) {\r\n const control = this.form.get(field.id);\r\n if (control && !control.valid) {\r\n const component = this.componentMap.get(field.id);\r\n if (component) {\r\n component.reInitElementRef();\r\n component.focusOn();\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n this.formState.isSubmitting = true;\r\n this.emitFormState();\r\n return true;\r\n }\r\n private markAllAsTouched(): void {\r\n Object.keys(this.form.controls).forEach(key => {\r\n const control = this.form.get(key);\r\n control?.markAsTouched();\r\n });\r\n }\r\n\r\n getFieldErrors(fieldId: string): string[] {\r\n const control = this.form.get(fieldId);\r\n if (!control || !control.errors || !control.touched) {\r\n return [];\r\n }\r\n\r\n const field = this.fieldMap.get(fieldId);\r\n if (!field) {\r\n return [];\r\n }\r\n\r\n return this.dynamicFormService.getErrorMessages(field, control.errors).map(e => e.message);\r\n }\r\n\r\n reset(): void {\r\n this.form.reset();\r\n this.formState = {\r\n values: this.form.value,\r\n errors: [],\r\n touched: {},\r\n isSubmitting: false,\r\n isValid: this.form.valid\r\n };\r\n this.emitFormState();\r\n }\r\n\r\n patchValues(values: DynamicFormValue): void {\r\n this.form.patchValue(values);\r\n if (this.form.valid) {\r\n this.markAllAsTouched();\r\n }\r\n\r\n }\r\n\r\n getFormValue(): DynamicFormValue {\r\n return this.form.value;\r\n }\r\n\r\n get submitLabel(): string {\r\n return this.config.submitLabel ?? 'Submit';\r\n }\r\n\r\n get cancelLabel(): string {\r\n return this.config.cancelLabel ?? 'Cancel';\r\n }\r\n}\r\n","@if (config) {\r\n <div class=\"dynamic-form-container\">\r\n @if (config.title || config.description) {\r\n <div class=\"form-title\">\r\n <div class=\"title-container\">\r\n @if (config.title) {\r\n <h4>{{ config.title }}</h4>\r\n }\r\n @if (config.description) {\r\n <p class=\"form-description\">{{ config.description }}</p>\r\n }\r\n <hr class=\"title-subline\" />\r\n </div>\r\n </div>\r\n }\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\r\n <div *ngIf=\"config.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"config.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"config.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"config.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let frame of sortedFrames\">\r\n <div [ngClass]=\"frame.cssClass\" *ngIf=\"isFrameVisible(frame)\">\r\n <div [ngClass]=\"frame.innerFrameCssClass\">\r\n <div *ngIf=\"frame.title\" [ngClass]=\"frame.titleContainerCssClass\">\r\n <span *ngIf=\"frame.titlePrefix\" [ngClass]=\"frame.titlePrefixCssClass\">{{frame.titlePrefix}}</span>\r\n <h3 [ngClass]=\"frame.titleCssClass\">{{frame.title}}</h3>\r\n </div>\r\n <div *ngIf=\"frame.description\" class=\"frame-description\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"frame.description\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let section of frame.sections\">\r\n <div class=\"section-wrapper\" *ngIf=\"isSectionVisible(section)\">\r\n <div class=\"section-content\">\r\n\r\n <h5 *ngIf=\"section.title != null\" class=\"section-title\">{{section.title}}</h5>\r\n <div *ngIf=\"section.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <div class=\"fields-wrapper\">\r\n <div class=\"fields-grid\">\r\n <ng-container *ngFor=\"let field of section.fields\">\r\n <ng-container *ngIf=\"field.type == 'hidden'\" [formGroup]=\"form\">\r\n <input type=\"hidden\" [formControlName]=\"field.id\" />\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"field.type != 'hidden'\">\r\n \r\n\r\n <div class=\"field-container\" [ngClass]=\"field.cssClass\" *ngIf=\"isFieldVisible(field)\">\r\n <app-dynamic-form-field [field]=\"field\"\r\n [form]=\"form\"\r\n [isDisabled]=\"isFieldDisabled(field)\"\r\n [errors]=\"getFieldErrors(field.id)\"\r\n [allowHelpOverlay]=\"allowHelpOverlay\"\r\n [allowHelpSideBar]=\"allowHelpSideBar\">\r\n </app-dynamic-form-field>\r\n </div>\r\n \r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"section.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.postInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.postWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <ng-content></ng-content>\r\n <div id=\"buttoncont\" class=\"button-container\">\r\n <div class=\"button-group\">\r\n @if (showCancelButton()) {\r\n <button pButton\r\n type=\"button\"\r\n class=\"btn-cancel\"\r\n icon=\"{{config.cancelIcon ? config.cancelIcon : 'pi pi-times'}}\"\r\n iconPos=\"left\"\r\n [label]=\"cancelLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n (click)=\"onCancel()\">\r\n </button>\r\n }\r\n @if (showSubmitButton()) {\r\n <button pButton\r\n type=\"submit\"\r\n class=\"\"\r\n icon=\"{{config.submitIcon ? config.submitIcon : 'pi pi-check'}}\"\r\n iconPos=\"right\"\r\n [label]=\"submitLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n [loading]=\"formState.isSubmitting\">\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n <div *ngIf=\"config.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">{{config.postInfo}}</p-message>\r\n </div>\r\n <div *ngIf=\"config.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">{{config.postWarning}}</p-message>\r\n </div>\r\n\r\n </form>\r\n </div>\r\n}\r\n","import { ElementRef, Injector, Type } from '@angular/core';\n\nexport function getComponentFromElement<T>(\n el: ElementRef,\n injector: Injector,\n componentType: Type<T>\n): T | null {\n try {\n // Get the native element\n const nativeElement = el.nativeElement;\n \n // Access Angular's internal context from the element\n const context = (nativeElement as any).__ngContext__;\n \n if (!context) {\n return null;\n }\n \n // The context is an array or number that references the LView\n // We need to traverse up to find the component instance\n let lView: any;\n if (typeof context === 'number') {\n // Context is an index into the LView array\n lView = (nativeElement as any).__ngContext__;\n } else if (Array.isArray(context)) {\n lView = context;\n }\n \n // Try to find the parent component by traversing the DOM tree\n let currentElement = nativeElement.parentElement;\n while (currentElement) {\n const elementContext = (currentElement as any).__ngContext__;\n if (elementContext) {\n // Check if this element has a component instance\n const lViewArray = Array.isArray(elementContext) ? elementContext : null;\n if (lViewArray) {\n // LView[8] typically contains the component instance\n for (let i = 8; i < lViewArray.length; i++) {\n const item = lViewArray[i];\n if (item && item instanceof componentType) {\n return item as T;\n }\n }\n }\n }\n currentElement = currentElement.parentElement;\n }\n \n return null;\n } catch (error) {\n console.error('Error getting component from element:', error);\n return null;\n }\n}\n","/*\r\n * Public API Surface of dynamic-form-lib\r\n */\r\n\r\nexport * from './lib/dynamic-form.component';\r\nexport * from './lib/dynamic-form-field/dynamic-form-field.component';\r\nexport * from './lib/models/dynamic-form-interfaces';\r\nexport * from './lib/services/dynamic-form.service';\r\nexport * from './lib/directives/dynamic-ref-directive';\r\nexport * from './lib/helpers/component-helper';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i5"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"bcweed-dynamic-form-lib.mjs","sources":["../../../projects/dynamic-form-lib/src/lib/directives/dynamic-ref-directive.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form-field/dynamic-form-field.component.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form-field/dynamic-form-field.component.html","../../../projects/dynamic-form-lib/src/lib/validators/compare-validator.ts","../../../projects/dynamic-form-lib/src/lib/services/dynamic-form.service.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form.component.ts","../../../projects/dynamic-form-lib/src/lib/dynamic-form.component.html","../../../projects/dynamic-form-lib/src/lib/helpers/component-helper.ts","../../../projects/dynamic-form-lib/src/public-api.ts","../../../projects/dynamic-form-lib/src/bcweed-dynamic-form-lib.ts"],"sourcesContent":["import { Directive, ElementRef, Input } from '@angular/core';\nimport { RadioButton } from 'primeng/radiobutton';\n\n@Directive({\n selector: '[dynamicRef]',\n standalone: true\n})\nexport class DynamicRefDirective {\n @Input() refKey!: string;\n constructor(public el: ElementRef) {\n const t = this.refKey;\n }\n}\n","import { Component, ElementRef, Input, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormGroup, NgForm, ReactiveFormsModule } from '@angular/forms';\r\nimport { DynamicFormField, DynamicFormOption } from '../models/dynamic-form-interfaces';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TextareaModule } from 'primeng/textarea';\r\n//import { InputTextarea } from 'primeng/inputtextarea';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { CheckboxChangeEvent, CheckboxModule } from 'primeng/checkbox';\r\nimport { RadioButtonModule, RadioButtonClickEvent, RadioButton } from 'primeng/radiobutton';\r\nimport { SelectChangeEvent, SelectModule } from 'primeng/select';\r\n//import { DropdownModule } from 'primeng/dropdown';\r\nimport { DatePickerModule } from 'primeng/datepicker';\r\n//import { CalendarModule } from 'primeng/calendar';\r\nimport { MessageModule } from 'primeng/message';\r\nimport { DynamicRefDirective } from '../directives/dynamic-ref-directive';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { ScrollPanelModule } from 'primeng/scrollpanel';\r\nimport { PopoverModule } from 'primeng/popover';\r\nimport { DrawerModule } from 'primeng/drawer';\r\nimport { InputMaskModule } from 'primeng/inputmask';\r\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\r\n\r\n@Component({\r\n selector: 'app-dynamic-form-field',\r\n standalone: true,\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n InputTextModule,\r\n TextareaModule,\r\n //InputTextarea,\r\n InputNumberModule,\r\n CheckboxModule,\r\n RadioButtonModule,\r\n SelectModule,\r\n //DropdownModule,\r\n DatePickerModule,\r\n //CalendarModule,\r\n MessageModule,\r\n TooltipModule,\r\n DynamicRefDirective,\r\n ScrollPanelModule,\r\n PopoverModule,\r\n DrawerModule,\r\n InputMaskModule\r\n ],\r\n templateUrl: './dynamic-form-field.component.html',\r\n styleUrls: ['./dynamic-form-field.component.scss']\r\n})\r\nexport class DynamicFormFieldComponent implements OnInit {\r\n @Input() field!: DynamicFormField;\r\n @Input() form!: FormGroup;\r\n @Input() errors: string[] = [];\r\n @Input() isDisabled = false;\r\n @Input() allowHelpOverlay = false;\r\n @Input() allowHelpSideBar = false;\r\n @ViewChild(DynamicRefDirective) ref!: DynamicRefDirective;\r\n \r\n elementRef: ElementRef | null = null;\r\n @ViewChild(RadioButton) radioButton?: RadioButton;\r\n helpSideBarVisible = false;\r\n shouldDisable = true;\r\n isExpanded = false;\r\n isSmallMedia = false;\r\n isMediumMedia = false;\r\n\r\n constructor(private responsive: BreakpointObserver) { }\r\n \r\n ngOnInit(): void {\r\n this.responsive.observe([Breakpoints.Medium, Breakpoints.Small, Breakpoints.XSmall])\r\n .subscribe(result => {\r\n\r\n\r\n if (result.matches) {\r\n this.isSmallMedia = true;\r\n\r\n }\r\n else {\r\n this.isSmallMedia = false;\r\n\r\n }\r\n });\r\n\r\n if (!this.field || !this.form) {\r\n console.error('DynamicFormFieldComponent requires field and form inputs');\r\n \r\n }\r\n }\r\n ngAfterViewInit(): void {\r\n if (this.radioButton) {\r\n this.elementRef = this.radioButton.inputViewChild;\r\n }\r\n if (this.ref) {\r\n this.elementRef = this.ref.el;\r\n }\r\n if (this.isDisabled || this.field.disabled) {\r\n this.form.controls[this.field.id].disable();\r\n }\r\n }\r\n get isValid(): boolean {\r\n const control = this.form.get(this.field.id);\r\n return control ? control.valid : true;\r\n }\r\n\r\n get isTouched(): boolean {\r\n const control = this.form.get(this.field.id);\r\n return control ? control.touched : false;\r\n }\r\n\r\n get isDirty(): boolean {\r\n const control = this.form.get(this.field.id);\r\n return control ? control.dirty : false;\r\n }\r\n\r\n get showError(): boolean {\r\n //return !this.isValid && (this.isTouched || this.isDirty);\r\n return !this.isValid && this.isTouched;\r\n }\r\n\r\n get fieldClasses(): string {\r\n const classes = ['form-group'];\r\n \r\n if (this.showError) {\r\n if (!this.field.disabled && !this.isDisabled) {\r\n classes.push('field-error');\r\n }\r\n } else if (this.isValid && (this.isTouched || this.isDirty)) {\r\n classes.push('field-valid');\r\n }\r\n\r\n if (this.field.disabled || this.isDisabled) {\r\n classes.push('field-disabled');\r\n }\r\n\r\n if (this.field.required) {\r\n classes.push('field-required');\r\n }\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n get successIndicatorClass():string {\r\n\r\n if (this.field.type == 'select') {\r\n return \"valid-indicator-select\";\r\n }\r\n else if (this.field.type == 'date') {\r\n return \"valid-indicator-calendar\";\r\n }\r\n else {\r\n return \"valid-indicator\";\r\n\r\n }\r\n }\r\n get controlName(): string {\r\n return this.field.id;\r\n }\r\n reInitElementRef(): void {\r\n if (this.radioButton) {\r\n this.elementRef = this.radioButton.inputViewChild;\r\n }\r\n if (this.ref) {\r\n this.elementRef = this.ref.el;\r\n }\r\n if (this.isDisabled || this.field.disabled) {\r\n this.form.controls[this.field.id].disable();\r\n }\r\n\r\n }\r\n focusOn() {\r\n if (this.radioButton) {\r\n this.radioButton.inputViewChild.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n this.radioButton.inputViewChild.nativeElement.focus();\r\n }\r\n if (this.ref) {\r\n this.ref.el.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n this.ref.el.nativeElement.focus();\r\n }\r\n if (this.elementRef) {\r\n this.elementRef.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n this.elementRef.nativeElement.focus();\r\n }\r\n }\r\n onBlur(): void {\r\n const control = this.form.get(this.field.id);\r\n if (control) {\r\n control.markAsTouched();\r\n }\r\n }\r\n\r\n displayRadioError(option: DynamicFormOption) {\r\n if (option.displayError && typeof option.displayError === 'function') {\r\n return option.displayError();\r\n }\r\n return false;\r\n }\r\n\r\n onRadioButtonClick(event: RadioButtonClickEvent): void {\r\n\r\n if (typeof this.field.onClick === 'function') {\r\n\r\n this.field.onClick(event.value, this.form);\r\n }\r\n }\r\n onClick(event: Event): void {\r\n\r\n if (typeof this.field.onClick === 'function') {\r\n\r\n this.field.onClick((event.target as HTMLInputElement).value, this.form);\r\n }\r\n }\r\n onChange(event: Event): void {\r\n\r\n if (typeof this.field.onChange === 'function') {\r\n\r\n this.field.onChange((event.target as HTMLInputElement).value, this.form);\r\n }\r\n }\r\n onCheckboxChange(event: CheckboxChangeEvent): void {\r\n\r\n if (typeof this.field.onChange === 'function') {\r\n\r\n this.field.onChange((event.checked ? true : false), this.form);\r\n }\r\n }\r\n onSelectChange(event: SelectChangeEvent): void {\r\n\r\n if (typeof this.field.onChange === 'function') {\r\n\r\n this.field.onChange(event.value, this.form);\r\n }\r\n }\r\n labelWidthStyle(): string {\r\n return this.isSmallMedia ? '100%' : this.field.labelWidth ? this.field.labelWidth : '100%';\r\n }\r\n fieldWidthStyle(): string {\r\n return this.isSmallMedia ? '100%' : this.field.fieldWidth ? this.field.fieldWidth : '100%';\r\n }\r\n inputWidthStyle(): string {\r\n return this.isSmallMedia ? '100%' : this.field.inputWidth ? this.field.inputWidth : '100%';\r\n }\r\n trackByFn(index: number, item: any): any {\r\n return item.value;\r\n }\r\n get getMinValue(): number | null {\r\n if (this.field.type === 'number' && this.field.min !== undefined) {\r\n return this.field.min;\r\n }\r\n return null;\r\n }\r\n\r\n get getMaxValue(): number | null {\r\n if (this.field.type === 'number' && this.field.max !== undefined) {\r\n return this.field.max;\r\n }\r\n return null;\r\n }\r\n get getDecimalPlace(): number {\r\n if (this.field.type === 'number' && this.field.decimals !== undefined) {\r\n return this.field.decimals;\r\n }\r\n return 0;\r\n }\r\n isReadonly(): boolean {\r\n if (this.field.readonly && this.field.readonly === true) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n}\r\n","\n<div [ngClass]=\"fieldClasses\" [formGroup]=\"form\">\n <div *ngIf=\"field.preInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preWarning\"></div>\n </p-message>\n </div>\n <div [ngStyle]=\"{ width: fieldWidthStyle(), position: 'relative' }\">\n <div *ngIf=\"field.preInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.preInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.preInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.preInnerWarning\"></div>\n </p-message>\n </div>\n <!-- Label -->\n <div *ngIf=\"field.leftPreInput\" class=\"left-pre-input\">\n <span [innerHTML]=\"field.leftPreInput\" class=\"left-pre-input-text\">\n </span>\n\n </div>\n <div #field_container class=\"input-container\">\n <div class=\"label-row\" [ngStyle]=\"{ width: labelWidthStyle() }\">\n <label [attr.for]=\"field.id\" class=\"control-label\">\n {{ field.label }}\n <span *ngIf=\"field.required\" class=\"required-indicator\">*</span>\n </label>\n <div class=\"help-icons\">\n <i (click)=\"helpSideBarVisible = true\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpSideBar && field.popInfo\"></i>\n <i (click)=\"popover.toggle($event)\" class=\"pi pi-question-circle\" *ngIf=\"allowHelpOverlay && field.popInfo\"></i>\n </div>\n </div>\n <!-- Text Input -->\n <input *ngIf=\"field.type === 'text'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"text\"\n pInputText\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Email Input -->\n <input *ngIf=\"field.type === 'email'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n type=\"email\"\n pInputText\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\" />\n <!-- Number Input -->\n <p-inputNumber *ngIf=\"field.type === 'number'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [useGrouping]=\"false\"\n [minFractionDigits]=\"getDecimalPlace\"\n [min]=\"getMinValue\"\n [max]=\"getMaxValue\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control readonly' : 'form-control'\"\n pTooltip=\"{{field.toolTip}}\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputNumber>\n\n\n <!-- phone -->\n\n <p-inputMask *ngIf=\"field.type === 'phone'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n mask=\"(999) 999-9999\"\n unmask=\"true\"\n [styleClass]=\"isReadonly() ? 'form-control-phone readonly' : 'form-control-phone'\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-inputMask>\n <!-- Textarea -->\n <textarea *ngIf=\"field.type === 'textarea'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [rows]=\"5\"\n class=\"form-control\"\n [class.readonly-field]=\"isReadonly()\"\n pInputTextarea\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (blur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></textarea>\n\n <!-- Date Picker -->\n <p-datepicker *ngIf=\"field.type === 'date'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [id]=\"field.id\"\n [formControlName]=\"controlName\"\n [placeholder]=\"field.placeholder || ''\"\n [styleClass]=\"isReadonly() ? 'form-control-datepicker readonly' : 'form-control-datepicker'\"\n dateFormat=\"DD MM yy\"\n [showIcon]=\"true\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-datepicker>\n\n <!-- Select Dropdown -->\n <p-select *ngIf=\"field.type === 'select'\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [id]=\"field.id\"\n appendTo=\"body\"\n [options]=\"field.options || []\"\n [placeholder]=\"field.placeholder || 'Select an option'\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [styleClass]=\"isReadonly() ? 'form-control-select readonly' : 'form-control-select'\"\n [showClear]=\"!field.required\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n tooltipPosition=\"bottom\"\n pTooltip=\"{{field.toolTip}}\"\n (onChange)=\"onSelectChange($event)\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onClick($event)\"></p-select>\n\n <!-- Checkbox -->\n <div *ngIf=\"field.type === 'checkbox'\" class=\"checkbox-wrapper\">\n <p-checkbox [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [refKey]=\"field.id\" dynamicRef\n [id]=\"field.id\"\n [inputId]=\"field.id\"\n [formControlName]=\"controlName\"\n [style]=\"{ width: inputWidthStyle() }\"\n [ngStyle]=\"{ width: inputWidthStyle() }\"\n [binary]=\"true\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n tooltipPosition=\"right\"\n pTooltip=\"{{field.toolTip}}\"\n (onBlur)=\"onBlur()\"\n (onChange)=\"onCheckboxChange($event)\"></p-checkbox>\n <!--label=\"{{field.}}\"-->\n\n </div>\n\n <!-- Radio Buttons -->\n <div *ngIf=\"field.type === 'radio'\" class=\"radio-group\">\n <div *ngFor=\"let option of field.options; trackBy: trackByFn; let first = first\"\n class=\"radio-option\" tooltipPosition=\"right\" pTooltip=\"{{option.toolTip}}\">\n\n <p-radioButton *ngIf=\"first\"\n [attr.data-dynamic-id]=\"field.id\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <p-radioButton *ngIf=\"!first\"\n [attr.readonly]=\"isReadonly() ? true : null\"\n [styleClass]=\"isReadonly() ? 'readonly-field' : ''\"\n [inputId]=\"field.id + '_' + option.value\"\n [id]=\"field.id + '_' + option.value\"\n [name]=\"field.id\"\n [value]=\"option.value\"\n [formControlName]=\"controlName\"\n (onBlur)=\"onBlur()\"\n (onClick)=\"onRadioButtonClick($event)\"></p-radioButton>\n <label [for]=\"field.id + '_' + option.value\" class=\"radio-label\">\n {{ option.label }}\n </label>\n <div *ngIf=\"option.helpInfo\" class=\"radio-message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"option.helpInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"option.errorInfo && displayRadioError(option)\" class=\"radio-message-container\">\n <p-message severity=\"error\">\n <div [innerHTML]=\"option.errorInfo\"></div>\n </p-message>\n </div>\n <small class=\"radion-hint\" *ngIf=\"option.hint\" id=\"field.id + '_' + option.value + '-help'\">{{option.hint}}</small>\n\n\n </div>\n </div>\n <small class=\"field-hint\" *ngIf=\"field.hint\" id=\"field.id + '-help'\">{{field.hint}}</small>\n <!-- Valid Indicator (optional) -->\n <div *ngIf=\"isValid && isTouched && field.required\" [ngClass]=\"successIndicatorClass\">\n <i class=\"pi pi-check-circle\"></i>\n </div>\n\n </div>\n <!-- Error Messages -->\n <div *ngIf=\"showError\" class=\"error-messages\">\n <p-message *ngFor=\"let error of errors\"\n severity=\"error\"\n [text]=\"error\"></p-message>\n </div>\n\n\n\n\n <div *ngIf=\"field.postInnerInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInnerInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postInnerWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postInnerWarning\"></div>\n </p-message>\n </div>\n </div>\n <div *ngIf=\"field.postInfo\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"info\">\n <div [innerHTML]=\"field.postInfo\"></div>\n </p-message>\n </div>\n <div *ngIf=\"field.postWarning\" class=\"message-container\">\n <p-message styleClass=\"light-font\" severity=\"warn\">\n <div [innerHTML]=\"field.postWarning\"></div>\n </p-message>\n </div>\n</div>\n\n<p-popover appendTo=\"body\" styleClass=\"form-pop-info\" #popover>\n <h4>{{field.label}}</h4>\n <div [innerHTML]=\"field.popInfo\"></div>\n</p-popover>\n@if (allowHelpSideBar && field.popInfo) {\n<p-drawer header=\"{{field.label}}\" autoZIndex=\"false\" baseZIndex=\"10000\" [ngStyle]=\"{'z-index': '10000', 'top': '65px'}\" position=\"right\" styleClass=\"form-pop-info\" appendTo=\"body\" [(visible)]=\"helpSideBarVisible\">\n <p-scrollPanel [ngStyle]=\"{height: '100%', paddingBottom: '100px', paddingRight: '8px'}\">\n <div [innerHTML]=\"field.popInfo\"></div>\n </p-scrollPanel>\n</p-drawer>\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nexport function compareValidator(\n matchingControlName: string\n): ValidatorFn {\n return (control: AbstractControl): ValidationErrors | null => {\n const group = control.parent;\n\n if (!group) {\n return null;\n }\n\n const matchingControl = group.get(matchingControlName);\n\n if (!matchingControl) {\n return null;\n }\n\n // Return error on the current control instead of modifying the other\n if (control.value !== matchingControl.value) {\n return { compare: true };\n }\n\n return null;\n };\n}\n","import { Injectable } from '@angular/core';\r\nimport { ValidatorFn, Validators, AbstractControl, ValidationErrors } from '@angular/forms';\r\nimport { DynamicFormField, DynamicFormValidation, DynamicFormError } from '../models/dynamic-form-interfaces';\r\nimport { compareValidator } from '../validators/compare-validator';\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class DynamicFormService {\r\n constructor() {}\r\n\r\n /**\r\n * Gets the validators for a specific field based on its validations\r\n */\r\n getValidators(fieldOrValidations: DynamicFormField | DynamicFormValidation[]): ValidatorFn[] {\r\n let validations: DynamicFormValidation[] = [];\r\n if (!Array.isArray(fieldOrValidations)) {\r\n if (!fieldOrValidations.validations || fieldOrValidations.validations.length === 0) {\r\n return [];\r\n }\r\n validations = fieldOrValidations.validations;\r\n }\r\n else {\r\n validations = fieldOrValidations;\r\n }\r\n\r\n\r\n const validators: ValidatorFn[] = [];\r\n\r\n validations.forEach(validation => {\r\n const validator = this.createValidator(validation);\r\n if (validator) {\r\n validators.push(validator);\r\n }\r\n });\r\n\r\n return validators;\r\n }\r\n /**\r\n * Creates a validator function based on validation type\r\n */\r\n private createValidator(validation: DynamicFormValidation): ValidatorFn | null {\r\n switch (validation.type) {\r\n case 'required':\r\n return Validators.required;\r\n\r\n case 'minLength':\r\n return validation.value ? Validators.minLength(validation.value) : null;\r\n\r\n case 'maxLength':\r\n return validation.value ? Validators.maxLength(validation.value) : null;\r\n\r\n case 'min':\r\n return validation.value !== undefined ? Validators.min(validation.value) : null;\r\n\r\n case 'max':\r\n return validation.value !== undefined ? Validators.max(validation.value) : null;\r\n\r\n case 'compare':\r\n return validation.compareToField !== undefined ? compareValidator(validation.compareToField) : null;\r\n\r\n case 'email':\r\n return Validators.email;\r\n\r\n case 'pattern':\r\n return validation.value ? Validators.pattern(validation.value) : null;\r\n\r\n case 'custom':\r\n return validation.validator ? this.customValidator(validation) : null;\r\n \r\n default:\r\n return null;\r\n }\r\n }\r\n\r\n /**\r\n * Creates a custom validator wrapper\r\n */\r\n private customValidator(validation: DynamicFormValidation): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n if (!validation.validator) {\r\n return null;\r\n }\r\n\r\n const isValid = validation.validator(control.value);\r\n return isValid ? null : { custom: { message: validation.message } };\r\n };\r\n }\r\n\r\n /**\r\n * Gets error messages for a field based on its validation errors\r\n */\r\n getErrorMessages(field: DynamicFormField, errors: ValidationErrors | null): DynamicFormError[] {\r\n if (!errors || !field.validations) {\r\n return [];\r\n }\r\n\r\n const errorMessages: DynamicFormError[] = [];\r\n\r\n field.validations.forEach(validation => {\r\n const errorKey = this.getErrorKey(validation.type);\r\n if (errors[errorKey]) {\r\n errorMessages.push({\r\n fieldId: field.id,\r\n message: validation.message\r\n });\r\n }\r\n });\r\n\r\n return errorMessages;\r\n }\r\n\r\n /**\r\n * Maps validation type to Angular error key\r\n */\r\n private getErrorKey(validationType: string): string {\r\n switch (validationType) {\r\n case 'required':\r\n return 'required';\r\n case 'minLength':\r\n return 'minlength';\r\n case 'maxLength':\r\n return 'maxlength';\r\n case 'min':\r\n return 'min';\r\n case 'max':\r\n return 'max';\r\n case 'email':\r\n return 'email';\r\n case 'pattern':\r\n return 'pattern';\r\n case 'custom':\r\n return 'custom';\r\n case 'compare':\r\n return 'compare';\r\n default:\r\n return validationType;\r\n }\r\n }\r\n\r\n /**\r\n * Validates a complete form configuration\r\n */\r\n validateFormConfig(config: any): boolean {\r\n if (!config || !config.id || !config.frames) {\r\n console.error('Invalid form config: missing required properties');\r\n return false;\r\n }\r\n\r\n if (!Array.isArray(config.frames) || config.frames.length === 0) {\r\n console.error('Invalid form config: frames must be a non-empty array');\r\n return false;\r\n }\r\n\r\n for (const frame of config.frames) {\r\n if (!Array.isArray(frame.sections) || frame.sections.length === 0) {\r\n console.error('Invalid form config: sections must be a non-empty array');\r\n return false;\r\n }\r\n\r\n }\r\n if (!Array.isArray(config.frames[0].sections) || config.frames[0].sections.length === 0 || !Array.isArray(config.frames[0].sections[0].fields) || config.frames[0].sections[0].fields.length === 0) {\r\n console.error('Invalid form config: fields must be a non-empty array');\r\n return false;\r\n }\r\n for (const frame of config.frames) {\r\n for (const section of frame.sections) {\r\n for (const field of section.fields) {\r\n if (!field.id || !field.label || !field.type) {\r\n console.error('Invalid field config: missing required properties', field);\r\n return false;\r\n }\r\n\r\n const validTypes = ['text', 'number', 'email', 'select', 'checkbox', 'radio', 'date', 'textarea'];\r\n if (!validTypes.includes(field.type)) {\r\n console.error(`Invalid field type: ${field.type}`, field);\r\n return false;\r\n }\r\n\r\n if ((field.type === 'select' || field.type === 'radio') && (!field.options || field.options.length === 0)) {\r\n console.error(`Field type ${field.type} requires options`, field);\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Creates a sample form configuration for testing\r\n */\r\n createSampleConfig(): any {\r\n return {\r\n id: 'sample-form',\r\n title: 'Sample Dynamic Form',\r\n description: 'This is a sample form configuration demonstrating all field types.',\r\n sections: [\r\n {\r\n id: 'sample-form',\r\n title: 'Sample Dynamic Form',\r\n description: 'This is a sample form configuration demonstrating all field types.',\r\n fields: [\r\n {\r\n id: 'firstName',\r\n label: 'First Name',\r\n type: 'text', \r\n placeholder: 'Enter your first name',\r\n required: true,\r\n order: 1,\r\n validations: [\r\n {\r\n type: 'required',\r\n message: 'First name is required'\r\n },\r\n {\r\n type: 'minLength',\r\n value: 2,\r\n message: 'First name must be at least 2 characters'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'email',\r\n label: 'Email Address',\r\n type: 'email',\r\n placeholder: 'Enter your email',\r\n required: true,\r\n order: 2,\r\n validations: [\r\n {\r\n type: 'required',\r\n message: 'Email is required'\r\n },\r\n {\r\n type: 'email',\r\n message: 'Please enter a valid email address'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'age',\r\n label: 'Age',\r\n type: 'number',\r\n placeholder: 'Enter your age',\r\n order: 3,\r\n validations: [\r\n {\r\n type: 'min',\r\n value: 18,\r\n message: 'You must be at least 18 years old'\r\n },\r\n {\r\n type: 'max',\r\n value: 120,\r\n message: 'Age must be less than 120'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'country',\r\n label: 'Country',\r\n type: 'select',\r\n placeholder: 'Select your country',\r\n required: true,\r\n order: 4,\r\n options: [\r\n { label: 'United States', value: 'US' },\r\n { label: 'Canada', value: 'CA' },\r\n { label: 'United Kingdom', value: 'UK' },\r\n { label: 'Australia', value: 'AU' }\r\n ],\r\n validations: [\r\n {\r\n type: 'required',\r\n message: 'Country is required'\r\n }\r\n ]\r\n },\r\n {\r\n id: 'gender',\r\n label: 'Gender',\r\n type: 'radio',\r\n order: 5,\r\n options: [\r\n { label: 'Male', value: 'male' },\r\n { label: 'Female', value: 'female' },\r\n { label: 'Other', value: 'other' }\r\n ]\r\n },\r\n {\r\n id: 'newsletter',\r\n label: 'Subscribe to newsletter',\r\n type: 'checkbox',\r\n order: 6,\r\n value: false\r\n },\r\n {\r\n id: 'birthDate',\r\n label: 'Birth Date',\r\n type: 'date',\r\n placeholder: 'Select your birth date',\r\n order: 7\r\n },\r\n {\r\n id: 'comments',\r\n label: 'Comments',\r\n type: 'textarea',\r\n placeholder: 'Enter any additional comments',\r\n order: 8,\r\n validations: [\r\n {\r\n type: 'maxLength',\r\n value: 500,\r\n message: 'Comments must be less than 500 characters'\r\n }\r\n ]\r\n }\r\n ],\r\n }\r\n ],\r\n submitLabel: 'Submit Form',\r\n cancelLabel: 'Cancel'\r\n };\r\n }\r\n}\r\n","import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ViewChildren, QueryList } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { DynamicFormConfig, DynamicFormSection, DynamicFormState, DynamicFormValue, DynamicFormError, DynamicFormField, DynamicFormFrameGroup } from './models/dynamic-form-interfaces';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field/dynamic-form-field.component';\r\nimport { DynamicFormService } from './services/dynamic-form.service';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { inject } from '@angular/core';\r\nimport { MessageModule } from 'primeng/message';\r\nimport { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';\r\n\r\n@Component({\r\n selector: 'app-dynamic-form',\r\n standalone: true,\r\n imports: [CommonModule, ReactiveFormsModule, DynamicFormFieldComponent, ButtonModule, MessageModule],\r\n templateUrl: './dynamic-form.component.html',\r\n styleUrls: ['./dynamic-form.component.scss']\r\n})\r\nexport class DynamicFormComponent implements OnInit, OnDestroy {\r\n // Inject dependencies using field initializers (this IS the injection context)\r\n private fb = inject(FormBuilder);\r\n private dynamicFormService = inject(DynamicFormService);\r\n\r\n @Input() config!: DynamicFormConfig;\r\n @Input() initialValues?: DynamicFormValue;\r\n @Input() allowHelpOverlay = false;\r\n @Input() allowHelpSideBar = false;\r\n @Input() submitFormOnCancel = false;\r\n @Output() formSubmit = new EventEmitter<DynamicFormValue>();\r\n @Output() formSubmitOnCancel = new EventEmitter<DynamicFormValue>();\r\n @Output() formCancel = new EventEmitter<void>();\r\n @Output() formStateChange = new EventEmitter<DynamicFormState>();\r\n @ViewChildren(DynamicFormFieldComponent) fieldComponents!: QueryList<DynamicFormFieldComponent>;\r\n\r\n componentMap!: Map<string, DynamicFormFieldComponent>;\r\n fieldMap!: Map<string, DynamicFormField>;\r\n form!: FormGroup;\r\n formState!: DynamicFormState;\r\n sortedFields: DynamicFormField[] = [];\r\n sortedSections: DynamicFormSection[] = [];\r\n sortedFrames: DynamicFormFrameGroup[] = [];\r\n private destroy$ = new Subject<void>();\r\n isExpanded = false;\r\n isSmallMedia = false;\r\n isMediumMedia = false;\r\n\r\n // Empty constructor - no code needed here\r\n constructor(private responsive: BreakpointObserver) {}\r\n\r\n \r\n\r\n ngOnInit(): void {\r\n this.responsive.observe([Breakpoints.Medium, Breakpoints.Small, Breakpoints.XSmall])\r\n .subscribe(result => {\r\n\r\n\r\n if (result.matches) {\r\n this.isSmallMedia = true;\r\n\r\n }\r\n else {\r\n this.isSmallMedia = false;\r\n\r\n }\r\n });\r\n\r\n this.initializeForm();\r\n this.subscribeToFormChanges();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.destroy$.next();\r\n this.destroy$.complete();\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.rebuildComponentMap();\r\n\r\n // Rebuild whenever components are added or removed from the view\r\n this.fieldComponents.changes\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe(() => {\r\n this.rebuildComponentMap();\r\n });\r\n }\r\n private rebuildComponentMap(): void {\r\n this.componentMap = new Map(\r\n this.fieldComponents.map(comp => [comp.field.id, comp])\r\n );\r\n }\r\n private initializeForm(): void {\r\n\r\n //sort frames\r\n // Sort sections and fields by order\r\n this.sortedFrames = [...this.config.frames].sort((a, b) =>\r\n (a.order ?? 0) - (b.order ?? 0)\r\n );\r\n this.sortedFrames.forEach((frame) => {\r\n frame.sections = [...frame.sections].sort((a, b) =>\r\n (a.order ?? 0) - (b.order ?? 0)\r\n );\r\n frame.sections.forEach((section) => {\r\n section.fields = [...section.fields].sort((a, b) =>\r\n (a.order ?? 0) - (b.order ?? 0)\r\n );\r\n });\r\n });\r\n \r\n \r\n // Build field map for O(1) lookup\r\n this.fieldMap = new Map();\r\n this.sortedFrames.forEach(frame => {\r\n frame.sections.forEach(section => {\r\n section.fields.forEach(field => {\r\n this.fieldMap.set(field.id, field);\r\n });\r\n });\r\n });\r\n \r\n // Build form controls\r\n const group: { [key: string]: any } = {};\r\n \r\n this.sortedFrames.forEach(frame => {\r\n frame.sections.forEach(section => {\r\n section.fields.forEach(field => {\r\n const validators = field.disabled === true ? [] : this.dynamicFormService.getValidators(field);\r\n const initialValue = this.getInitialValue(field);\r\n\r\n group[field.id] = [\r\n { value: initialValue, disabled: field.disabled ?? false },\r\n validators\r\n ];\r\n\r\n });\r\n });\r\n });\r\n\r\n this.form = this.fb.group(group);\r\n\r\n // Trigger all click and change events on form controls\r\n this.triggerAllClickAndChangeEvents();\r\n\r\n // Initialize form state\r\n this.formState = {\r\n values: this.form.value,\r\n errors: [],\r\n touched: {},\r\n isSubmitting: false,\r\n isValid: this.form.valid\r\n };\r\n if (this.form.valid) {\r\n this.markAllAsTouched();\r\n }\r\n this.emitFormState();\r\n \r\n }\r\n\r\n public triggerAllClickAndChangeEvents(updateFormstate: boolean = false): void {\r\n this.sortedFrames.forEach(frame => {\r\n frame.sections.forEach(section => {\r\n section.fields.forEach(field => {\r\n const control = this.form.get(field.id);\r\n if (control && field.onClick) {\r\n // Trigger the onClick event with current control value\r\n field.onClick(control.value, this.form);\r\n }\r\n if (control && field.onChange) {\r\n // Trigger the onChange event with current control value\r\n field.onChange(control.value, this.form);\r\n }\r\n });\r\n });\r\n })\r\n if (updateFormstate) {\r\n this.updateFormState();\r\n }\r\n\r\n }\r\n\r\n private getInitialValue(field: DynamicFormField): any {\r\n if (this.initialValues && this.initialValues[field.id] !== undefined) {\r\n //return this.initialValues[field.id];\r\n if (field.type == \"date\") {\r\n if (this.initialValues[field.id] instanceof Date && !isNaN(this.initialValues[field.id].getTime())) {\r\n console.log(field.id + \" is already a valid Date object\");\r\n return this.initialValues[field.id];\r\n }\r\n else {\r\n console.log(field.id + \" is not a valid Date object, attempting to parse\");\r\n return new Date(this.initialValues[field.id]);\r\n }\r\n }\r\n else {\r\n return this.initialValues[field.id];\r\n }\r\n }\r\n return field.value ?? this.getDefaultValue(field.type);\r\n }\r\n\r\n private getDefaultValue(type: string): any {\r\n switch (type) {\r\n case 'checkbox':\r\n return null;\r\n case 'number':\r\n return null;\r\n case 'hidden':\r\n return 0;\r\n default:\r\n return '';\r\n }\r\n }\r\n\r\n private subscribeToFormChanges(): void {\r\n this.form.valueChanges\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe(values => {\r\n this.updateFormState();\r\n });\r\n\r\n this.form.statusChanges\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe(() => {\r\n this.updateFormState();\r\n });\r\n }\r\n\r\n private updateFormState(): void {\r\n const touched: { [key: string]: boolean } = {};\r\n const errors: DynamicFormError[] = [];\r\n\r\n this.fieldMap.forEach((field, fieldId) => {\r\n const control = this.form.get(fieldId);\r\n if (control) {\r\n touched[fieldId] = control.touched;\r\n \r\n if (control.invalid && control.touched) {\r\n const fieldErrors = this.dynamicFormService.getErrorMessages(field, control.errors);\r\n errors.push(...fieldErrors);\r\n }\r\n }\r\n });\r\n\r\n this.formState = {\r\n values: this.form.value,\r\n errors,\r\n touched,\r\n isSubmitting: this.formState.isSubmitting,\r\n isValid: this.form.valid\r\n };\r\n\r\n this.emitFormState();\r\n }\r\n\r\n private emitFormState(): void {\r\n this.formStateChange.emit({ ...this.formState });\r\n }\r\n showCancelButton(): boolean {\r\n if (!this.config.hideCancelButton) {\r\n return true;\r\n }\r\n return !this.config.hideCancelButton();\r\n }\r\n\r\n showSubmitButton(): boolean {\r\n if (!this.config.hideSubmitButton) {\r\n return true;\r\n }\r\n return !this.config.hideSubmitButton();\r\n }\r\n\r\n isFieldDisabled(field: DynamicFormField): boolean {\r\n if (!field.conditionalDisabled) {\r\n //return field.disabled ?? false;\r\n return false;\r\n }\r\n return field.conditionalDisabled(this.form.value);\r\n }\r\n\r\n isFieldVisible(field: DynamicFormField): boolean {\r\n if (!field.conditionalDisplay) {\r\n return true;\r\n }\r\n return field.conditionalDisplay(this.form.value);\r\n }\r\n\r\n isSectionVisible(section: DynamicFormSection): boolean {\r\n if (!section.conditionalDisplay) {\r\n return true;\r\n }\r\n return section.conditionalDisplay(this.form.value);\r\n }\r\n\r\n isFrameVisible(frame: DynamicFormFrameGroup): boolean {\r\n if (!frame.conditionalDisplay) {\r\n return true;\r\n }\r\n return frame.conditionalDisplay(this.form.value);\r\n }\r\n\r\n onSubmit(): void {\r\n if (this.validateForm()) {\r\n this.formState.isSubmitting = true;\r\n this.emitFormState();\r\n\r\n const formValue = this.form.value;\r\n this.formSubmit.emit(formValue);\r\n\r\n // Reset submitting state after emission\r\n setTimeout(() => {\r\n this.formState.isSubmitting = false;\r\n this.emitFormState();\r\n }, 0);\r\n\r\n }\r\n }\r\n\r\n onCancel(): void {\r\n if (!this.submitFormOnCancel) {\r\n this.formCancel.emit();\r\n }\r\n else {\r\n if (this.validateForm()) {\r\n this.formState.isSubmitting = true;\r\n this.emitFormState();\r\n\r\n const formValue = this.form.value;\r\n this.formSubmitOnCancel.emit(formValue);\r\n\r\n // Reset submitting state after emission\r\n setTimeout(() => {\r\n this.formState.isSubmitting = false;\r\n this.emitFormState();\r\n }, 0);\r\n\r\n }\r\n }\r\n }\r\n private validateForm(): boolean {\r\n if (this.form.invalid) {\r\n this.markAllAsTouched();\r\n this.updateFormState();\r\n for (const frame of this.sortedFrames) {\r\n for (const section of frame.sections) {\r\n for (const field of section.fields) {\r\n const control = this.form.get(field.id);\r\n if (control && !control.valid) {\r\n const component = this.componentMap.get(field.id);\r\n if (component) {\r\n component.reInitElementRef();\r\n component.focusOn();\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n this.formState.isSubmitting = true;\r\n this.emitFormState();\r\n return true;\r\n }\r\n private markAllAsTouched(): void {\r\n Object.keys(this.form.controls).forEach(key => {\r\n const control = this.form.get(key);\r\n control?.markAsTouched();\r\n });\r\n }\r\n\r\n getFieldErrors(fieldId: string): string[] {\r\n const control = this.form.get(fieldId);\r\n if (!control || !control.errors || !control.touched) {\r\n return [];\r\n }\r\n\r\n const field = this.fieldMap.get(fieldId);\r\n if (!field) {\r\n return [];\r\n }\r\n\r\n return this.dynamicFormService.getErrorMessages(field, control.errors).map(e => e.message);\r\n }\r\n\r\n reset(): void {\r\n this.form.reset();\r\n this.formState = {\r\n values: this.form.value,\r\n errors: [],\r\n touched: {},\r\n isSubmitting: false,\r\n isValid: this.form.valid\r\n };\r\n this.emitFormState();\r\n }\r\n\r\n patchValues(values: DynamicFormValue): void {\r\n this.form.patchValue(values);\r\n if (this.form.valid) {\r\n this.markAllAsTouched();\r\n }\r\n\r\n }\r\n\r\n getFormValue(): DynamicFormValue {\r\n return this.form.value;\r\n }\r\n\r\n get submitLabel(): string {\r\n return this.config.submitLabel ?? 'Submit';\r\n }\r\n\r\n get cancelLabel(): string {\r\n return this.config.cancelLabel ?? 'Cancel';\r\n }\r\n}\r\n","@if (config) {\r\n <div class=\"dynamic-form-container\">\r\n @if (config.title || config.description) {\r\n <div class=\"form-title\">\r\n <div class=\"title-container\">\r\n @if (config.title) {\r\n <h4>{{ config.title }}</h4>\r\n }\r\n @if (config.description) {\r\n <p class=\"form-description\">{{ config.description }}</p>\r\n }\r\n <hr class=\"title-subline\" />\r\n </div>\r\n </div>\r\n }\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" novalidate>\r\n <div *ngIf=\"config.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"config.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"config.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"config.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let frame of sortedFrames\">\r\n <div [ngClass]=\"frame.cssClass\" *ngIf=\"isFrameVisible(frame)\">\r\n <div [ngClass]=\"frame.innerFrameCssClass\">\r\n <div *ngIf=\"frame.title\" [ngClass]=\"frame.titleContainerCssClass\">\r\n <span *ngIf=\"frame.titlePrefix\" [ngClass]=\"frame.titlePrefixCssClass\">{{frame.titlePrefix}}</span>\r\n <h3 [ngClass]=\"frame.titleCssClass\">{{frame.title}}</h3>\r\n </div>\r\n <div *ngIf=\"frame.description\" class=\"frame-description\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"frame.description\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <ng-container *ngFor=\"let section of frame.sections\">\r\n <div class=\"section-wrapper\" *ngIf=\"isSectionVisible(section)\">\r\n <div class=\"section-content\">\r\n\r\n <h5 *ngIf=\"section.title != null\" class=\"section-title\">{{section.title}}</h5>\r\n <div *ngIf=\"section.preInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.preInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.preWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.preWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n <div class=\"fields-wrapper\">\r\n <div class=\"fields-grid\">\r\n <ng-container *ngFor=\"let field of section.fields\">\r\n <ng-container *ngIf=\"field.type == 'hidden'\" [formGroup]=\"form\">\r\n <input type=\"hidden\" [formControlName]=\"field.id\" />\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"field.type != 'hidden'\">\r\n \r\n\r\n <div class=\"field-container\" [ngClass]=\"field.cssClass\" *ngIf=\"isFieldVisible(field)\">\r\n <app-dynamic-form-field [field]=\"field\"\r\n [form]=\"form\"\r\n [isDisabled]=\"isFieldDisabled(field)\"\r\n [errors]=\"getFieldErrors(field.id)\"\r\n [allowHelpOverlay]=\"allowHelpOverlay\"\r\n [allowHelpSideBar]=\"allowHelpSideBar\">\r\n </app-dynamic-form-field>\r\n </div>\r\n \r\n\r\n </ng-container>\r\n\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"section.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">\r\n <div [innerHTML]=\"section.postInfo\"></div>\r\n </p-message>\r\n </div>\r\n <div *ngIf=\"section.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">\r\n <div [innerHTML]=\"section.postWarning\"></div>\r\n </p-message>\r\n </div>\r\n\r\n\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <ng-content></ng-content>\r\n <div id=\"buttoncont\" class=\"button-container\">\r\n <div class=\"button-group\">\r\n @if (showCancelButton()) {\r\n <button pButton\r\n type=\"button\"\r\n class=\"btn-cancel\"\r\n icon=\"{{config.cancelIcon ? config.cancelIcon : 'pi pi-times'}}\"\r\n iconPos=\"left\"\r\n [label]=\"cancelLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n (click)=\"onCancel()\">\r\n </button>\r\n }\r\n @if (showSubmitButton()) {\r\n <button pButton\r\n type=\"submit\"\r\n class=\"\"\r\n icon=\"{{config.submitIcon ? config.submitIcon : 'pi pi-check'}}\"\r\n iconPos=\"right\"\r\n [label]=\"submitLabel\"\r\n [disabled]=\"formState.isSubmitting\"\r\n [loading]=\"formState.isSubmitting\">\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n <div *ngIf=\"config.postInfo\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"info\">{{config.postInfo}}</p-message>\r\n </div>\r\n <div *ngIf=\"config.postWarning\" class=\"message-container\">\r\n <p-message styleClass=\"light-font\" severity=\"warn\">{{config.postWarning}}</p-message>\r\n </div>\r\n\r\n </form>\r\n </div>\r\n}\r\n","import { ElementRef, Injector, Type } from '@angular/core';\n\nexport function getComponentFromElement<T>(\n el: ElementRef,\n injector: Injector,\n componentType: Type<T>\n): T | null {\n try {\n // Get the native element\n const nativeElement = el.nativeElement;\n \n // Access Angular's internal context from the element\n const context = (nativeElement as any).__ngContext__;\n \n if (!context) {\n return null;\n }\n \n // The context is an array or number that references the LView\n // We need to traverse up to find the component instance\n let lView: any;\n if (typeof context === 'number') {\n // Context is an index into the LView array\n lView = (nativeElement as any).__ngContext__;\n } else if (Array.isArray(context)) {\n lView = context;\n }\n \n // Try to find the parent component by traversing the DOM tree\n let currentElement = nativeElement.parentElement;\n while (currentElement) {\n const elementContext = (currentElement as any).__ngContext__;\n if (elementContext) {\n // Check if this element has a component instance\n const lViewArray = Array.isArray(elementContext) ? elementContext : null;\n if (lViewArray) {\n // LView[8] typically contains the component instance\n for (let i = 8; i < lViewArray.length; i++) {\n const item = lViewArray[i];\n if (item && item instanceof componentType) {\n return item as T;\n }\n }\n }\n }\n currentElement = currentElement.parentElement;\n }\n \n return null;\n } catch (error) {\n console.error('Error getting component from element:', error);\n return null;\n }\n}\n","/*\r\n * Public API Surface of dynamic-form-lib\r\n */\r\n\r\nexport * from './lib/dynamic-form.component';\r\nexport * from './lib/dynamic-form-field/dynamic-form-field.component';\r\nexport * from './lib/models/dynamic-form-interfaces';\r\nexport * from './lib/services/dynamic-form.service';\r\nexport * from './lib/directives/dynamic-ref-directive';\r\nexport * from './lib/helpers/component-helper';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i5"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bcweed/dynamic-form-lib",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.27",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/animations": "^
|
|
6
|
-
"@angular/cdk": "^
|
|
7
|
-
"@angular/common": "^
|
|
8
|
-
"@angular/compiler": "^
|
|
9
|
-
"@angular/core": "^
|
|
10
|
-
"@angular/forms": "^
|
|
11
|
-
"@angular/platform-browser": "^
|
|
12
|
-
"@angular/platform-browser-dynamic": "^
|
|
13
|
-
"@angular/router": "^
|
|
5
|
+
"@angular/animations": "^21.2.25",
|
|
6
|
+
"@angular/cdk": "^21.2.14",
|
|
7
|
+
"@angular/common": "^21.2.25",
|
|
8
|
+
"@angular/compiler": "^21.2.25",
|
|
9
|
+
"@angular/core": "^21.2.25",
|
|
10
|
+
"@angular/forms": "^21.2.25",
|
|
11
|
+
"@angular/platform-browser": "^21.2.25",
|
|
12
|
+
"@angular/platform-browser-dynamic": "^21.2.25",
|
|
13
|
+
"@angular/router": "^21.2.25",
|
|
14
14
|
"@primeng/themes": "^21.0.2",
|
|
15
15
|
"@tailwindcss/postcss": "^4.1.18",
|
|
16
16
|
"primeicons": "^7.0.0",
|
|
17
|
-
"primeng": "^
|
|
17
|
+
"primeng": "^21.1.10",
|
|
18
18
|
"rxjs": "~7.8.0",
|
|
19
19
|
"tailwindcss-primeui": "^0.6.1",
|
|
20
20
|
"zone.js": "~0.15.0"
|
|
@@ -24,14 +24,15 @@
|
|
|
24
24
|
},
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"module": "fesm2022/bcweed-dynamic-form-lib.mjs",
|
|
27
|
-
"typings": "
|
|
27
|
+
"typings": "types/bcweed-dynamic-form-lib.d.ts",
|
|
28
28
|
"exports": {
|
|
29
29
|
"./package.json": {
|
|
30
30
|
"default": "./package.json"
|
|
31
31
|
},
|
|
32
32
|
".": {
|
|
33
|
-
"types": "./
|
|
33
|
+
"types": "./types/bcweed-dynamic-form-lib.d.ts",
|
|
34
34
|
"default": "./fesm2022/bcweed-dynamic-form-lib.mjs"
|
|
35
35
|
}
|
|
36
|
-
}
|
|
36
|
+
},
|
|
37
|
+
"type": "module"
|
|
37
38
|
}
|
|
File without changes
|