@churchillliving/se-ui-toolkit 6.53.180 → 6.53.182

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/bundles/churchillliving-se-ui-toolkit.umd.js +21 -2
  2. package/bundles/churchillliving-se-ui-toolkit.umd.js.map +1 -1
  3. package/churchillliving-se-ui-toolkit.metadata.json +1 -1
  4. package/esm2015/lib/components/base/form/form.component.js +13 -2
  5. package/esm2015/lib/components/shared/global-filters/global-filters.component.js +8 -2
  6. package/esm2015/lib/models/form.model.js +1 -1
  7. package/esm2015/lib/services/form.service.js +3 -1
  8. package/fesm2015/churchillliving-se-ui-toolkit.js +21 -2
  9. package/fesm2015/churchillliving-se-ui-toolkit.js.map +1 -1
  10. package/lib/components/base/form/form.component.d.ts +1 -0
  11. package/lib/models/form.model.d.ts +4 -0
  12. package/package.json +1 -1
package/bundles/churchillliving-se-ui-toolkit.umd.js CHANGED
@@ -5858,6 +5858,8 @@
5858
5858
  disabled: fieldInfo.disabled,
5859
5859
  disabledText: fieldInfo.disabledText,
5860
5860
  timeOnly: fieldInfo.timeOnly,
5861
+ isPassword: fieldInfo.isPassword,
5862
+ textType: fieldInfo.textType,
5861
5863
  monthOnly: fieldInfo.monthOnly,
5862
5864
  showTime: fieldInfo.showTime,
5863
5865
  height: fieldInfo.height,
@@ -6257,6 +6259,9 @@
6257
6259
  if (formSection.fields) {
6258
6260
  formSection.fields.forEach(function (field) {
6259
6261
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
6262
+ if (field.isPassword) {
6263
+ field.textType = 'password';
6264
+ }
6260
6265
  // convert string time into date
6261
6266
  if ((field === null || field === void 0 ? void 0 : field.control) === exports.EFormControl.CALENDAR && (field === null || field === void 0 ? void 0 : field.onChange)) {
6262
6267
  field['previousValue'] = field === null || field === void 0 ? void 0 : field.value;
@@ -7130,12 +7135,20 @@
7130
7135
  data['selectedCard'] = 'card-active';
7131
7136
  }
7132
7137
  };
7138
+ FormComponent.prototype.changePasswordType = function (formField) {
7139
+ if (formField.textType == 'text') {
7140
+ formField.textType = 'password';
7141
+ }
7142
+ else {
7143
+ formField.textType = 'text';
7144
+ }
7145
+ };
7133
7146
  return FormComponent;
7134
7147
  }());
7135
7148
  FormComponent.decorators = [
7136
7149
  { type: i0.Component, args: [{
7137
7150
  selector: 'se-form',
7138
- template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\" ></p-confirmDialog>\n<form *ngIf=\"!isFormHidden && form\">\n <div *ngIf=\"loading\">\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\n </div>\n <div class=\"p-d-flex p-flex-wrap container w-100 my-5\">\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\n <span (click)=\"clickedSection(formSection)\">\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\n <div *ngIf=\"!formSection.hidden\" [class]=\"formSection.class\">\n <p-accordion>\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\n [disabled]=\"formSection.accordionDisabled\" [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\n <p-header>\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\n }}</span>\n </p-header>\n\n <div class=\"p-d-flex p-ai-center p-col\">\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"p-mb-0 p-d-flex p-ai-center p-mr-3\">\n <i [class]=\"formSection.icon\" class=\"p-mr-1\"></i>\n <b> {{ formSection.name }} </b>\n </label>\n\n <div\n *ngFor=\"let link of formSection.links\"\n [class]=\"formSection.disabled ? 'disabled-link' : ''\"\n >\n <label\n class=\"p-mr-3\"\n [class]=\"link.name ? 'custom-link' : ''\"\n (click)=\"link.onClick()\"\n >\n {{ link.name }}\n </label>\n </div>\n </div>\n\n <div class=\"p-d-flex p-flex-wrap\">\n <div\n [class]=\"formField.column\n ? 'p-col-' + formField.column + setClassName(formField)\n : form.column\n ? 'p-col-' + form.column + setClassName(formField)\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField)\"\n [ngClass]=\"formField.control === 'break_line' ? 'break-line' : ''\"\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\"\n >\n <!-- labelControl Hyperlink on Lookup Control Field-->\n <div *ngIf=\"formField.label?.labelControl\">\n <div\n class=\"link-label custom-link p-mt-1\"\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\"\n >\n <a\n class=\"pl-2\"\n tabindex=\"-1\"\n (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\n [href]=\"formField.label.labelControl?.hyperlink?.link\"\n [title]=\"formField.label.name\"\n >\n {{ formField.label.name }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n <div\n class=\"link-label custom-link p-mt-1\"\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\"\n >\n <a\n class=\"pl-2\"\n tabindex=\"-1\"\n (click)=\"loadLabelControlIFrame(formField)\"\n [title]=\"formField.label.name\"\n >\n {{ formField.label.name }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n <!-- labelControl on addTextbox -->\n <div\n class=\"link-label custom-link p-mt-1\"\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\"\n >\n <a\n tabindex=\"-1\"\n [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\n (click)=\"selectLookupLabel(formField)\"\n [title]=\"formField.label.name\"\n >\n {{ formField.label.name }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n </div>\n <div [ngSwitch]=\"formField.control\">\n\n <!-- Spacer Control -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.SPACER\"\n >\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\n </div>\n </span>\n\n <!-- Input TextArea -->\n <span *ngIf=\"!formField.hidden\">\n\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <textarea\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n pInputTextarea\n [rows]=\"formField.row ? formField.row : 1 \"\n (change)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\"\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n [disabled]=\"formField.disabled\"\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\n (blur)=\"onFocusOutEvent(formField)\"\n ></textarea>\n </div>\n </span>\n\n <!-- Text Input -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.INPUT\"\n >\n <span\n [class]=\"formField.disabled && !formField.showBottomBorder ? 'disabled-link' : ''\"\n >\n <label\n *ngIf=\"!formField.label.labelControl\"\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\"\n [title]=\"formField.label && typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\"\n >\n {{\n formField.label && typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n <input\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\"\n [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\n type=\"text\"\n pInputText\n [(ngModel)]=\"\n formField.value &&\n typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\n \"\n (change)=\"onChangeEvent(formField)\"\n [name]=\"formField.field ? formField.field : formField.label\"\n (click)=\"handleClickEvent(formField)\"\n [disabled]=\"formField.disabled\"\n (blur)=\"onFocusOutEvent(formField)\"\n />\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- Number Input -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.NUMERIC\"\n >\n <label\n [class]=\"\n formField.label.onClick ? 'custom-link' : ''\n \"\n (click)=\"\n formField.label.onClick &&\n formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\"\n >\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <!-- for Currency && number && Decimal && Percent -->\n <span\n class=\"input-number\"\n >\n <p-inputNumber\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n (ngModelChange)=\"onChangeEvent(formField)\"\n (click)=\"selectLookupField(formField)\"\n [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\"\n [mode]=\"\n formField.format &&\n formField.format.type === 'currency'\n ? 'currency'\n : 'decimal'\n \"\n [currency]=\"\n formField.format &&\n formField.format.type === 'currency' &&\n formField.format.formatParams &&\n formField.format.formatParams.currency\n ? formField.format.formatParams.currency\n : 'USD'\n \"\n [locale]=\"formField.format &&\n formField.format.type === 'currency' &&\n formField.format.formatParams &&\n formField.format.formatParams.locale\n ? formField.format.formatParams.locale\n : 'en-US'\n \"\n [minFractionDigits]=\"\n formField.format &&\n formField.format.formatParams &&\n formField.format.formatParams.digitsInfo\n ? formField.format.formatParams.digitsInfo\n : formField.format &&\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\n ? '2'\n : '0'\n \"\n [suffix]=\"\n formField.format &&\n formField.format.type === 'percent' && !formField?.format?.formatParams?.allowCalculate\n ? '%'\n : ''\n \"\n >\n </p-inputNumber>\n </span>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n <span *ngIf=\"formField.required\"> * </span>\n </div>\n </span>\n\n <!-- Password Input -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <input\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n type=\"password\"\n (click)=\"handleClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\"\n pInputText\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n (blur)=\"onFocusOutEvent(formField)\"\n />\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n <span *ngIf=\"formField.required\"> * </span>\n </div>\n </span>\n\n <!-- Checkbox -->\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\n <label *ngIf=\"!formField.label.labelControl\"\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \" [title]=\"formField.label &&\n typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\">{{\n formField.label &&\n typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <p-checkbox\n class=\"p-d-flex p-ai-center\"\n [binary]=\"true\"\n [name]=\"formField.field\"\n (click)=\"onClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\"\n [(ngModel)]=\"formField.value\"\n [disabled]=\"formField.disabled\"\n (onChange)=\"onFocusOutEvent(formField)\"\n >\n </p-checkbox>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- Calendar -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\n <span\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\n >\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n <p-calendar\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \"\n [showButtonBar]=\"true\"\n [todayButtonStyleClass]=\"formField.timeOnly ? 'hide-today-btn' : ''\"\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\"\n [defaultDate]=\"defaultDate\"\n [stepMinute] = \"formField.minutesInterval ? formField.minutesInterval : 1\"\n [showTime]=\"formField.showTime\"\n (onShow)=\"setCalenderDate(formField)\"\n [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \"\n (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField.format ? formField.format.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\"\n (onInput)=\"calenderInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\">\n </p-calendar>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- Dropdown -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\">*</span>\n </label>\n <p-dropdown\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n autocomplete=\"off\"\n [styleClass]='formField.field'\n [placeholder]=\"formField.value\"\n [options]=\"formField.data\"\n [filter]=\"formField.allowSearch\"\n [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\"\n [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\"\n (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\"\n [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\"\n [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n >\n </p-dropdown>\n <span\n *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- AutoComplete Search -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n [suggestions]=\"formField.data\"\n [(ngModel)]=\"formField.value\"\n (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\"\n (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\"\n [field]=\"formField.displayField\"\n [name]=\"formField.label\"\n [multiple]=\"true\"\n [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n </span>\n\n <!-- Multi-select -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <p-multiSelect\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n [(ngModel)]=\"formField.value\"\n [options]=\"formField.data\"\n optionLabel=\"label\"\n optionValue=\"value\" [appendTo]=\"'body'\"\n [name]=\"formField.field\"\n (onChange)=\"onChangeEvent(formField)\"\n (click)=\"formField.onClick ? formField.onClick() : ''\"\n [disabled]=\"formField.disabled\" (blur)=\"onFocusOutEvent(formField)\">\n </p-multiSelect>\n </div>\n </span>\n\n <!-- Hyperlink-->\n <span *ngIf=\"!formField.hidden\">\n <div\n [class]=\"\n formField.disabled\n ? 'disabled-link'\n : 'link-label custom-link'\n \"\n [title]=\"formField.label\"\n *ngSwitchCase=\"dynamicCase.HYPERLINK\"\n >\n <div\n *ngIf=\"\n formField.hyperlink &&\n formField.hyperlink.component\n \"\n (click)=\"hyperlinkDialog(formField)\"\n >\n {{ formField.label }}\n </div>\n <div\n [class]=\"\n formField.disabled\n ? 'disabled-link'\n : 'link-label custom-link'\n \"\n *ngIf=\"\n formField.hyperlink &&\n formField.hyperlink.target !== '_iframe' &&\n !formField.hyperlink.component\n \"\n >\n <a\n class=\"pl-2\"\n tabindex=\"-1\"\n [href]=\"sanitizeUrl(formField.hyperlink?.link)\"\n [target]=\"formField.hyperlink?.target\"\n (click)=\"handleClickEvent(formField)\"\n [title]=\"formField.label\"\n >\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n <div\n *ngIf=\"\n formField.hyperlink &&\n formField.hyperlink.target === '_iframe' &&\n !formField.hyperlink.component\n \"\n >\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n </div>\n </span>\n\n <!-- Lookup Control Field -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\n <span\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\n >\n <label\n *ngIf=\"!formField.label.labelControl\"\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\">\n {{\n typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n <div class=\"close-icon-wrapper\">\n <input\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\"\n autocomplete=\"off\"\n [id]=\"formField.field\"\n [name]=\"formField.field\"\n (click)=\"selectLookupField(formField)\"\n [disabled]=\"formField.disabled\"\n (keyup.Tab)=\"selectLookupField(formField)\"\n readonly\n (keydown)=\"$event.preventDefault()\"\n />\n <div><button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton type=\"button\" (click)=\"lookupClearValue(formField)\"></button></div>\n </div>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- File Upload Field -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\"\n >\n <span\n [class]=\"\n formField.disabled ? 'disabled-link' : ''\n \"\n >\n <label [title]=\"formField.label\">\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n <se-file-upload\n [allowMultiple]=\"formField.selectMultipleFiles\"\n [acceptFileTypes]=\"formField.SetfileTypes\"\n [fields]=\"formField\"\n (fileUrl)=\"setFileUrls($event)\"\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"\n ></se-file-upload>\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\n formField.errorMessage\n }}</span>\n </div>\n </span>\n\n <!-- Display Card field -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.CARD\"\n >\n <span\n [class]=\"\n formField.disabled ? 'disabled-link' : ''\n \"\n >\n <label [title]=\"formField.label\">\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n\n <se-card\n [card]=\"formField.card\"\n (onDeleteCard)=\"fileOnchangeEvent()\"\n (selectedCard)=\"selectedCardClickEvent($event)\"\n ></se-card>\n\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\n formField.errorMessage\n }}</span>\n </div>\n </span>\n\n <!-- Note Detail Field -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\n <div [class]=\"formField.disabled\n ? 'disabled-link'\n : 'link-label custom-link'\n \"\n >\n <span class=\"pl-2\" (click)=\"\n !formField.disabled\n ? handleNoteFieldDialog(formField)\n : ''\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">{{formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label}}\n <span *ngIf=\"formField.requiredField\">*</span>\n </span>\n </div>\n </div>\n </span>\n\n <!-- Dynamic Component Container-->\n <span *ngIf=\"!formField.hidden\">\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\"\n #dynamicComponentContainer\n *ngSwitchCase=\"dynamicCase.COMPONENT\"\n ></div>\n </span>\n\n <!-- Header component-->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\n <label [class]=\"formField.class\">\n <b> {{ formField.label }} </b>\n </label>\n </div>\n </span>\n\n <!-- Add OnClick Button -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\n <button\n pButton\n type=\"button\"\n [icon]=\"formField.icon\"\n [label]=\"formField.label\"\n [disabled]=\"formField.disabled\"\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\n (click)=\"onClickEvent(formField)\"\n ></button>\n </div>\n </span>\n <!-- Add Generate Report Button -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.REPORT\"> \n <se-generate-report-btn [repId]=\"formField.reportId\" [params]=\"formField.params\" [showDialog]=\"formField.showDialog\"></se-generate-report-btn>\n </div>\n </span>\n \n\n <!-- Add Input Switch -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\n <div>\n <label [title]=\"formField.label\">\n {{ formField.label }}\n </label>\n </div>\n <p-inputSwitch\n [name]=\"formField.label ? formField.label: 'switch'\"\n [(ngModel)]=\"formField.value\"\n [disabled]=\"formField.disabled\"\n (click)=\"onClickEvent(formField)\"\n ></p-inputSwitch>\n </div>\n </span>\n </div>\n </div>\n </div>\n </p-accordionTab>\n </p-accordion>\n </div>\n </div>\n </span>\n\n </div>\n </span>\n\n <!-- save and close buttons -->\n <div\n class=\"p-col-12 p-d-flex p-jc-end\"\n [ngClass]=\"{ sticky: stickyActions }\"\n >\n <!-- save button -->\n <button\n *ngIf=\"!hideSaveButton\"\n [disabled]=\"isFormDisabled\"\n pButton\n type=\"button\"\n icon=\"pi pi-check\"\n label=\"Save\"\n class=\"p-button-success\"\n (click)=\"onSaveForm()\"\n ></button>\n\n <!-- close button -->\n <button\n *ngIf=\"!hideCancelButton\"\n [disabled]=\"isFormDisabled\"\n (click)=\"onCancelForm()\"\n pButton type=\"button\"\n icon=\"pi pi-times\"\n label=\"Cancel\"\n class=\"p-button-danger p-ml-3\"\n ></button>\n </div>\n </div>\n</form>\n",
7151
+ template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\" ></p-confirmDialog>\n<form *ngIf=\"!isFormHidden && form\">\n <div *ngIf=\"loading\">\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\n </div>\n <div class=\"p-d-flex p-flex-wrap container w-100 my-5\">\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\n <span (click)=\"clickedSection(formSection)\">\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\n <div *ngIf=\"!formSection.hidden\" [class]=\"formSection.class\">\n <p-accordion>\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\n [disabled]=\"formSection.accordionDisabled\" [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\n <p-header>\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\n }}</span>\n </p-header>\n\n <div class=\"p-d-flex p-ai-center p-col\">\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"p-mb-0 p-d-flex p-ai-center p-mr-3\">\n <i [class]=\"formSection.icon\" class=\"p-mr-1\"></i>\n <b> {{ formSection.name }} </b>\n </label>\n\n <div\n *ngFor=\"let link of formSection.links\"\n [class]=\"formSection.disabled ? 'disabled-link' : ''\"\n >\n <label\n class=\"p-mr-3\"\n [class]=\"link.name ? 'custom-link' : ''\"\n (click)=\"link.onClick()\"\n >\n {{ link.name }}\n </label>\n </div>\n </div>\n\n <div class=\"p-d-flex p-flex-wrap\">\n <div\n [class]=\"formField.column\n ? 'p-col-' + formField.column + setClassName(formField)\n : form.column\n ? 'p-col-' + form.column + setClassName(formField)\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField)\"\n [ngClass]=\"formField.control === 'break_line' ? 'break-line' : ''\"\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\"\n >\n <!-- labelControl Hyperlink on Lookup Control Field-->\n <div *ngIf=\"formField.label?.labelControl\">\n <div\n class=\"link-label custom-link p-mt-1\"\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\"\n >\n <a\n class=\"pl-2\"\n tabindex=\"-1\"\n (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\n [href]=\"formField.label.labelControl?.hyperlink?.link\"\n [title]=\"formField.label.name\"\n >\n {{ formField.label.name }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n <div\n class=\"link-label custom-link p-mt-1\"\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\"\n >\n <a\n class=\"pl-2\"\n tabindex=\"-1\"\n (click)=\"loadLabelControlIFrame(formField)\"\n [title]=\"formField.label.name\"\n >\n {{ formField.label.name }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n <!-- labelControl on addTextbox -->\n <div\n class=\"link-label custom-link p-mt-1\"\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\"\n >\n <a\n tabindex=\"-1\"\n [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\n (click)=\"selectLookupLabel(formField)\"\n [title]=\"formField.label.name\"\n >\n {{ formField.label.name }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n </div>\n <div [ngSwitch]=\"formField.control\">\n\n <!-- Spacer Control -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.SPACER\"\n >\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\n </div>\n </span>\n\n <!-- Input TextArea -->\n <span *ngIf=\"!formField.hidden\">\n\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <textarea\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n pInputTextarea\n [rows]=\"formField.row ? formField.row : 1 \"\n (change)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\"\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n [disabled]=\"formField.disabled\"\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\n (blur)=\"onFocusOutEvent(formField)\"\n ></textarea>\n </div>\n </span>\n\n <!-- Text Input -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.INPUT\"\n >\n <span\n [class]=\"formField.disabled && !formField.showBottomBorder ? 'disabled-link' : ''\"\n >\n <label\n *ngIf=\"!formField.label.labelControl\"\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\"\n [title]=\"formField.label && typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\"\n >\n {{\n formField.label && typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n <span *ngIf=\"formField.isPassword\">&nbsp; \n <i *ngIf=\"formField.textType=='password';else hideButton\" class=\"pi pi-eye\" (click)=\"changePasswordType(formField)\"></i>\n <ng-template #hideButton>\n <i class=\"pi pi-eye-slash\" (click)=\"changePasswordType(formField)\"></i>\n </ng-template>\n </span>\n </label>\n </span>\n <input\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\"\n [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\n [type]=\"formField.isPassword?'password':'text'\"\n pInputText\n [(ngModel)]=\"\n formField.value &&\n typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\n \"\n (change)=\"onChangeEvent(formField)\"\n [name]=\"formField.field ? formField.field : formField.label\"\n (click)=\"handleClickEvent(formField)\"\n [disabled]=\"formField.disabled\"\n (blur)=\"onFocusOutEvent(formField)\"\n />\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- Number Input -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.NUMERIC\"\n >\n <label\n [class]=\"\n formField.label.onClick ? 'custom-link' : ''\n \"\n (click)=\"\n formField.label.onClick &&\n formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\"\n >\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <!-- for Currency && number && Decimal && Percent -->\n <span\n class=\"input-number\"\n >\n <p-inputNumber\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n (ngModelChange)=\"onChangeEvent(formField)\"\n (click)=\"selectLookupField(formField)\"\n [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\"\n [mode]=\"\n formField.format &&\n formField.format.type === 'currency'\n ? 'currency'\n : 'decimal'\n \"\n [currency]=\"\n formField.format &&\n formField.format.type === 'currency' &&\n formField.format.formatParams &&\n formField.format.formatParams.currency\n ? formField.format.formatParams.currency\n : 'USD'\n \"\n [locale]=\"formField.format &&\n formField.format.type === 'currency' &&\n formField.format.formatParams &&\n formField.format.formatParams.locale\n ? formField.format.formatParams.locale\n : 'en-US'\n \"\n [minFractionDigits]=\"\n formField.format &&\n formField.format.formatParams &&\n formField.format.formatParams.digitsInfo\n ? formField.format.formatParams.digitsInfo\n : formField.format &&\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\n ? '2'\n : '0'\n \"\n [suffix]=\"\n formField.format &&\n formField.format.type === 'percent' && !formField?.format?.formatParams?.allowCalculate\n ? '%'\n : ''\n \"\n >\n </p-inputNumber>\n </span>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n <span *ngIf=\"formField.required\"> * </span>\n </div>\n </span>\n\n <!-- Password Input -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <input\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n type=\"password\"\n (click)=\"handleClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\"\n pInputText\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n (blur)=\"onFocusOutEvent(formField)\"\n />\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n <span *ngIf=\"formField.required\"> * </span>\n </div>\n </span>\n\n <!-- Checkbox -->\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\n <label *ngIf=\"!formField.label.labelControl\"\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \" [title]=\"formField.label &&\n typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\">{{\n formField.label &&\n typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <p-checkbox\n class=\"p-d-flex p-ai-center\"\n [binary]=\"true\"\n [name]=\"formField.field\"\n (click)=\"onClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\"\n [(ngModel)]=\"formField.value\"\n [disabled]=\"formField.disabled\"\n (onChange)=\"onFocusOutEvent(formField)\"\n >\n </p-checkbox>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- Calendar -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\n <span\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\n >\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n <p-calendar\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty ' + formField.field\n : 'form-control '+ formField.field\n \"\n [showButtonBar]=\"true\"\n [todayButtonStyleClass]=\"formField.timeOnly ? 'hide-today-btn' : ''\"\n [(ngModel)]=\"formField.value\"\n [name]=\"formField.field\"\n [disabled]=\"formField.disabled\" hourFormat=\"12\"\n [defaultDate]=\"defaultDate\"\n [stepMinute] = \"formField.minutesInterval ? formField.minutesInterval : 1\"\n [showTime]=\"formField.showTime\"\n (onShow)=\"setCalenderDate(formField)\"\n [timeOnly]=\"formField.timeOnly\"\n [view]=\"formField.monthOnly ? 'month' : 'date' \"\n (click)=\"handleClickEvent(formField)\"\n [dateFormat]=\"formField.format ? formField.format.type : calendarFormat\"\n (ngModelChange)=\"calendarChangeValue(formField)\"\n (onInput)=\"calenderInputValue(formField)\"\n (onClose)=\"onFocusOutEvent(formField)\">\n </p-calendar>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- Dropdown -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\">*</span>\n </label>\n <p-dropdown\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n autocomplete=\"off\"\n [styleClass]='formField.field'\n [placeholder]=\"formField.value\"\n [options]=\"formField.data\"\n [filter]=\"formField.allowSearch\"\n [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\"\n [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\"\n (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\"\n [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\"\n [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n >\n </p-dropdown>\n <span\n *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- AutoComplete Search -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n [suggestions]=\"formField.data\"\n [(ngModel)]=\"formField.value\"\n (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\"\n (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\"\n [field]=\"formField.displayField\"\n [name]=\"formField.label\"\n [multiple]=\"true\"\n [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n </span>\n\n <!-- Multi-select -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"formField.label.onClick\n ? formField.label.name\n : formField.label\">\n {{\n formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n <p-multiSelect\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n [(ngModel)]=\"formField.value\"\n [options]=\"formField.data\"\n optionLabel=\"label\"\n optionValue=\"value\" [appendTo]=\"'body'\"\n [name]=\"formField.field\"\n (onChange)=\"onChangeEvent(formField)\"\n (click)=\"formField.onClick ? formField.onClick() : ''\"\n [disabled]=\"formField.disabled\" (blur)=\"onFocusOutEvent(formField)\">\n </p-multiSelect>\n </div>\n </span>\n\n <!-- Hyperlink-->\n <span *ngIf=\"!formField.hidden\">\n <div\n [class]=\"\n formField.disabled\n ? 'disabled-link'\n : 'link-label custom-link'\n \"\n [title]=\"formField.label\"\n *ngSwitchCase=\"dynamicCase.HYPERLINK\"\n >\n <div\n *ngIf=\"\n formField.hyperlink &&\n formField.hyperlink.component\n \"\n (click)=\"hyperlinkDialog(formField)\"\n >\n {{ formField.label }}\n </div>\n <div\n [class]=\"\n formField.disabled\n ? 'disabled-link'\n : 'link-label custom-link'\n \"\n *ngIf=\"\n formField.hyperlink &&\n formField.hyperlink.target !== '_iframe' &&\n !formField.hyperlink.component\n \"\n >\n <a\n class=\"pl-2\"\n tabindex=\"-1\"\n [href]=\"sanitizeUrl(formField.hyperlink?.link)\"\n [target]=\"formField.hyperlink?.target\"\n (click)=\"handleClickEvent(formField)\"\n [title]=\"formField.label\"\n >\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n <div\n *ngIf=\"\n formField.hyperlink &&\n formField.hyperlink.target === '_iframe' &&\n !formField.hyperlink.component\n \"\n >\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </a>\n </div>\n </div>\n </span>\n\n <!-- Lookup Control Field -->\n <span *ngIf=\"!formField.hidden\">\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\n <span\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\n >\n <label\n *ngIf=\"!formField.label.labelControl\"\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\n \"\n [title]=\"typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\">\n {{\n typeOf(formField.label) === 'object'\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n <div class=\"close-icon-wrapper\">\n <input\n [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \"\n type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\"\n autocomplete=\"off\"\n [id]=\"formField.field\"\n [name]=\"formField.field\"\n (click)=\"selectLookupField(formField)\"\n [disabled]=\"formField.disabled\"\n (keyup.Tab)=\"selectLookupField(formField)\"\n readonly\n (keydown)=\"$event.preventDefault()\"\n />\n <div><button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton type=\"button\" (click)=\"lookupClearValue(formField)\"></button></div>\n </div>\n <span\n *ngIf=\"!formField?.isValid\"\n class=\"error\"\n >{{ formField.errorMessage }}</span\n >\n </div>\n </span>\n\n <!-- File Upload Field -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\"\n >\n <span\n [class]=\"\n formField.disabled ? 'disabled-link' : ''\n \"\n >\n <label [title]=\"formField.label\">\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n <se-file-upload\n [allowMultiple]=\"formField.selectMultipleFiles\"\n [acceptFileTypes]=\"formField.SetfileTypes\"\n [fields]=\"formField\"\n (fileUrl)=\"setFileUrls($event)\"\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"\n ></se-file-upload>\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\n formField.errorMessage\n }}</span>\n </div>\n </span>\n\n <!-- Display Card field -->\n <span *ngIf=\"!formField.hidden\">\n <div\n class=\"p-d-flex p-flex-column\"\n *ngSwitchCase=\"dynamicCase.CARD\"\n >\n <span\n [class]=\"\n formField.disabled ? 'disabled-link' : ''\n \"\n >\n <label [title]=\"formField.label\">\n {{ formField.label }}\n <span *ngIf=\"formField.requiredField\">*</span>\n </label>\n </span>\n\n <se-card\n [card]=\"formField.card\"\n (onDeleteCard)=\"fileOnchangeEvent()\"\n (selectedCard)=\"selectedCardClickEvent($event)\"\n ></se-card>\n\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\n formField.errorMessage\n }}</span>\n </div>\n </span>\n\n <!-- Note Detail Field -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\n <div [class]=\"formField.disabled\n ? 'disabled-link'\n : 'link-label custom-link'\n \"\n >\n <span class=\"pl-2\" (click)=\"\n !formField.disabled\n ? handleNoteFieldDialog(formField)\n : ''\n \"\n [title]=\"formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\">{{formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label}}\n <span *ngIf=\"formField.requiredField\">*</span>\n </span>\n </div>\n </div>\n </span>\n\n <!-- Dynamic Component Container-->\n <span *ngIf=\"!formField.hidden\">\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\"\n #dynamicComponentContainer\n *ngSwitchCase=\"dynamicCase.COMPONENT\"\n ></div>\n </span>\n\n <!-- Header component-->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\n <label [class]=\"formField.class\">\n <b> {{ formField.label }} </b>\n </label>\n </div>\n </span>\n\n <!-- Add OnClick Button -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\n <button\n pButton\n type=\"button\"\n [icon]=\"formField.icon\"\n [label]=\"formField.label\"\n [disabled]=\"formField.disabled\"\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\n (click)=\"onClickEvent(formField)\"\n ></button>\n </div>\n </span>\n <!-- Add Generate Report Button -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.REPORT\"> \n <se-generate-report-btn [repId]=\"formField.reportId\" [params]=\"formField.params\" [showDialog]=\"formField.showDialog\"></se-generate-report-btn>\n </div>\n </span>\n \n\n <!-- Add Input Switch -->\n <span *ngIf=\"!formField.hidden\">\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\n <div>\n <label [title]=\"formField.label\">\n {{ formField.label }}\n </label>\n </div>\n <p-inputSwitch\n [name]=\"formField.label ? formField.label: 'switch'\"\n [(ngModel)]=\"formField.value\"\n [disabled]=\"formField.disabled\"\n (click)=\"onClickEvent(formField)\"\n ></p-inputSwitch>\n </div>\n </span>\n </div>\n </div>\n </div>\n </p-accordionTab>\n </p-accordion>\n </div>\n </div>\n </span>\n\n </div>\n </span>\n\n <!-- save and close buttons -->\n <div\n class=\"p-col-12 p-d-flex p-jc-end\"\n [ngClass]=\"{ sticky: stickyActions }\"\n >\n <!-- save button -->\n <button\n *ngIf=\"!hideSaveButton\"\n [disabled]=\"isFormDisabled\"\n pButton\n type=\"button\"\n icon=\"pi pi-check\"\n label=\"Save\"\n class=\"p-button-success\"\n (click)=\"onSaveForm()\"\n ></button>\n\n <!-- close button -->\n <button\n *ngIf=\"!hideCancelButton\"\n [disabled]=\"isFormDisabled\"\n (click)=\"onCancelForm()\"\n pButton type=\"button\"\n icon=\"pi pi-times\"\n label=\"Cancel\"\n class=\"p-button-danger p-ml-3\"\n ></button>\n </div>\n </div>\n</form>\n",
7139
7152
  styles: ["*{font-family:\"Lato\",sans-serif}.fa-solid,.fa-light,.fa-regular,.fa-thin,.fa-duotone{font-family:\"Font Awesome 6 Pro\"!important}.pi{font-family:\"primeicons\"}#toast-container{background:black}.grow-1{flex-grow:1}.w-100{width:100%}.center-content{width:100%!important}.custom-link{color:#4e87f1;cursor:pointer;text-decoration:none}.break-line{width:100%}:host ::ng-deep .p-calendar,:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .toast-error{background:black!important}:host ::ng-deep .p-float-label label{margin-top:-.5rem!important}:host ::ng-deep .p-datepicker .p-datepicker-buttonbar{padding:0}:host ::ng-deep .hide-accordian .p-accordion-header{display:none}:host ::ng-deep .input-number{border:0;border-radius:2px}:host ::ng-deep .input-number input{border:0;border-radius:3px}:host ::ng-deep .input-number button{color:#2d2d2d;width:15px;height:10.8px;border:0;background-color:#eee}:host ::ng-deep .input-number button:hover{color:#2d2d2d;background-color:#ddd}:host ::ng-deep .input-number button span{font-size:12px}:host ::ng-deep .close-icon-wrapper{position:relative}:host ::ng-deep div[ng-reflect-ng-switch=lookup_input] span .close-icon-wrapper input{display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;text-overflow:ellipsis;cursor:pointer}:host ::ng-deep .hide-today-btn{visibility:hidden}label{margin:0 0 5px}span,textarea{width:100%}.error{color:red}.link-label{display:flex;align-items:center;height:39px;margin-top:22px}.link-label a{color:#4e87f1;cursor:pointer;font-size:12px;text-decoration:none}.custom-link{color:#4e87f1;cursor:pointer;font-size:12px}.label-custom-link{font-size:12px}.hidden{display:none!important}.sticky{width:calc(100% - 260px);position:fixed;bottom:0;right:0}.fixed-height{height:calc(100vh - 65px)}.disabled-link label{pointer-events:none;opacity:.9}.disabled-link a,.disabled-link span,.disabled-link div{pointer-events:none;opacity:.5}.disabled-link div{color:#636363}.disable-label-control{pointer-events:none}#remove-boder{border:none!important}input[type=text]{cursor:pointer}.progress-spinner{position:fixed;z-index:999;height:60px;width:60px;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.progress-spinner:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000026}:host ::ng-deep .custom-spinner .p-progress-spinner-circle{stroke:#000!important}:host ::ng-deep .p-progress-spinner{height:60px!important;width:60px!important}.close-icon-wrapper{position:relative}.close-icon-wrapper input{width:100%}.close-icon-wrapper button{position:absolute;right:5px;top:6px;width:25px;height:25px;background:unset;color:#777;border:0}\n"]
7140
7153
  },] }
7141
7154
  ];
@@ -8576,12 +8589,18 @@
8576
8589
  setTimeout(function () {
8577
8590
  // spliting date range value and assign to value and valueTwo in Date_Range Control
8578
8591
  var dateRangeFilter = _this.globalFilters.filter(function (filter) { return filter.type === exports.GridFilterControlType.DATE_RANGE; });
8579
- dateRangeFilter.forEach(function (dateRange) {
8592
+ dateRangeFilter === null || dateRangeFilter === void 0 ? void 0 : dateRangeFilter.forEach(function (dateRange) {
8580
8593
  var _a, _b;
8581
8594
  if (dateRange.value && dateRange.valueTwo) {
8582
8595
  dateRange.value = (_b = (_a = (dateRange.value + "-" + dateRange.valueTwo)) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.split('-');
8583
8596
  _this.setDateRangeFilterValue(dateRange);
8584
8597
  }
8598
+ else if (dateRange.value && !dateRange.valueTwo) {
8599
+ _this.matchSameFields(dateRange.fromField, dateRange.value, 'gte');
8600
+ }
8601
+ else if (!dateRange.value && dateRange.valueTwo) {
8602
+ _this.matchSameFields(dateRange.fromField, dateRange.valueTwo, 'gte');
8603
+ }
8585
8604
  });
8586
8605
  // Filtring Numeric Range controls on global filter
8587
8606
  var numerRangeFilter = _this.globalFilters.filter(function (filter) { return filter.type === exports.GridFilterControlType.NUMERIC_RANGE; });