@churchillliving/se-ui-toolkit 6.53.559 → 6.53.560
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.
- package/bundles/churchillliving-se-ui-toolkit.umd.js +15 -21
- package/bundles/churchillliving-se-ui-toolkit.umd.js.map +1 -1
- package/esm2015/lib/components/base/cards/card.component.js +1 -1
- package/esm2015/lib/components/base/form/form.component.js +1 -1
- package/esm2015/lib/components/base/form-util/form-util.component.js +1 -1
- package/esm2015/lib/components/base/grid/grid.component.js +1 -1
- package/esm2015/lib/components/base/header/header.component.js +1 -1
- package/esm2015/lib/components/base/image-gallery/image-gallery.component.js +1 -1
- package/esm2015/lib/components/base/loader/loader.component.js +1 -1
- package/esm2015/lib/components/base/menu-bar/menu-bar.component.js +1 -1
- package/esm2015/lib/components/base/sidebar/sidebar.component.js +1 -1
- package/esm2015/lib/components/shared/dropdown/dropdown.component.js +1 -1
- package/esm2015/lib/components/shared/filter-menu/filter-menu.component.js +1 -1
- package/esm2015/lib/components/shared/global-filters/global-filters.component.js +1 -1
- package/esm2015/lib/models/response.model.js +1 -1
- package/esm2015/lib/services/card.service.js +5 -9
- package/fesm2015/churchillliving-se-ui-toolkit.js +15 -19
- package/fesm2015/churchillliving-se-ui-toolkit.js.map +1 -1
- package/lib/services/card.service.d.ts +1 -3
- package/package.json +1 -1
|
@@ -5405,7 +5405,7 @@
|
|
|
5405
5405
|
return FormUtilComponent;
|
|
5406
5406
|
}());
|
|
5407
5407
|
/** @nocollapse */ FormUtilComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: FormUtilComponent, deps: [{ token: AuthenticationService }, { token: FormService }, { token: AlertService }, { token: i4__namespace.DomSanitizer }, { token: i1__namespace.DialogService }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ChangeDetectorRef }, { token: i6__namespace.Router }, { token: i0__namespace.ElementRef }, { token: i7__namespace.DatePipe }, { token: GridService }, { token: PageLoggerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5408
|
-
/** @nocollapse */ FormUtilComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: FormUtilComponent, selector: "se-form-util", inputs: { stickyActions: "stickyActions", form: "form", hideSaveButton: "hideSaveButton", hideCancelButton: "hideCancelButton", formButtons: "formButtons", loading: "loading", activeTestMode: "activeTestMode" }, outputs: { saveForm: "saveForm", cancelForm: "cancelForm", dropDownChangeEvent: "dropDownChangeEvent", sectionClickedEvent: "sectionClickedEvent" }, host: { listeners: { "window:beforeunload": "beforeunloadHandler($event)" } }, viewQueries: [{ propertyName: "dynamicComponentContainer", predicate: ["dynamicComponentContainer"], descendants: true, read: i0.ViewContainerRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\"></p-confirmDialog>\r\n<form *ngIf=\"!isFormHidden && form\">\r\n <div *ngIf=\"loading\">\r\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\r\n </div>\r\n <div class=\"p-flex-wrap\">\r\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\r\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\r\n <span (click)=\"clickedSection(formSection)\">\r\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\r\n <div [class]=\"formSection.hidden ? 'hidden' : formSection.class\">\r\n <p-accordion>\r\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\r\n [disabled]=\"formSection.accordionDisabled\"\r\n [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\r\n <p-header>\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\r\n }}</span>\r\n </p-header>\r\n\r\n <div class=\"p-d-flex p-ai-center p-col form-component accordion-header-wrapper\">\r\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"accordionHeaderName p-d-flex p-ai-center\">\r\n <i [class]=\"formSection.icon\" class=\"\"></i>\r\n <div> {{ formSection.name }} </div>\r\n </label>\r\n\r\n <div *ngFor=\"let link of formSection.links\" >\r\n <label class=\"p-mr-3 custom-link\" [class]=\"link.name &&!formSection.disabled&&!link.disabled ? 'custom-link' : 'disabled-link'\" (click)=\"onLinkClick(link, formSection)\">\r\n {{ link.name }}\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div class=\"p-d-flex p-flex-wrap form-component form-body-wrapper\"> \r\n <div [class]=\"\r\n (formField.control==='add_button'? ' form-button-field-wrapper ':'')+\r\n ( formField.column\r\n ? 'p-col-' + formField.column + setClassName(formField)\r\n : form.column\r\n ? 'p-col-' + form.column + setClassName(formField)\r\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField))\"\r\n [ngClass]=\"formField.control === 'break_line' ? 'break-line' : ''\"\r\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\">\r\n <!-- labelControl Hyperlink on lookup Control Field-->\r\n <div *ngIf=\"formField.label?.labelControl\">\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\r\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\r\n [class]=\"formField.disabledText ? 'disable-label-control' : '' \"\r\n [href]=\"formField.label.labelControl?.hyperlink?.link\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadLabelControlIFrame(formField)\" \r\n [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <!-- labelControl on addTextbox, calendar -->\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\">\r\n <a tabindex=\"-1\" [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\r\n (click)=\"selectLookupLabel(formField)\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div [ngSwitch]=\"formField.control\">\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.SPACER\">\r\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input TextArea -->\r\n <span *ngIf=\"!formField.hidden\">\r\n\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <textarea [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" pInputTextarea [rows]=\"formField.row ? formField.row : 1 \"\r\n (change)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [name]=\"formField.field\" [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\r\n (blur)=\"onFocusOutEvent(formField)\"></textarea>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.INPUT\">\r\n <span>\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"\r\n (formField.disabled && !formField.showBottomBorder ? 'disabled-label' : '')\r\n +\r\n (formField.label.onClick ? 'custom-label' : '')\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n <span *ngIf=\"formField.isPassword\"> \r\n <i *ngIf=\"formField.textType=='password';else hideButton\" class=\"pi pi-eye\"\r\n (click)=\"changePasswordType(formField)\"></i>\r\n <ng-template #hideButton>\r\n <i class=\"pi pi-eye-slash\" (click)=\"changePasswordType(formField)\"></i>\r\n </ng-template>\r\n </span>\r\n </label>\r\n </span>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\" [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\r\n [type]=\"formField.textType ? formField.textType : 'text'\" pInputText [(ngModel)]=\"\r\n formField.value &&\r\n typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\r\n \" (change)=\"onChangeEvent(formField)\"\r\n [name]=\"formField.field ? formField.field : formField.label\"\r\n (click)=\"handleClickEvent(formField)\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.NUMERIC\">\r\n <label [class]=\"\r\n formField.label.onClick ? 'custom-link' : ''\r\n \" (click)=\"\r\n formField.label.onClick &&\r\n formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <!-- for Currency && number && Decimal && Percent -->\r\n <span class=\"input-number\">\r\n <p-inputNumber [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\r\n (ngModelChange)=\"onChangeEvent(formField)\" (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\" [mode]=\"\r\n formField.format &&\r\n formField.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \" [currency]=\"\r\n formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.currency\r\n ? formField.format.formatParams.currency\r\n : 'USD'\r\n \" [locale]=\"formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.locale\r\n ? formField.format.formatParams.locale\r\n : 'en-US'\r\n \" [minFractionDigits]=\"\r\n formField.format &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.digitsInfo\r\n ? formField.format.formatParams.digitsInfo\r\n : formField.format &&\r\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\r\n ? '2'\r\n : '0'\r\n \" [suffix]=\"\r\n formField.format &&\r\n formField.format.type === 'percent' && \r\n '%'\r\n \r\n \">\r\n </p-inputNumber>\r\n </span>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Password Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" type=\"password\" (click)=\"handleClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\" pInputText [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\r\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">{{\r\n formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-checkbox class=\"p-d-flex p-ai-center\" [binary]=\"true\" [name]=\"formField.field\"\r\n (click)=\"onClickEvent(formField)\" (change)=\"onChangeEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (onChange)=\"onFocusOutEvent(formField)\">\r\n </p-checkbox>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\r\n <label \r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <p-calendar [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty ' + formField.field\r\n : 'form-control '+ formField.field\r\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" [disabled]=\"formField.disabled\" hourFormat=\"12\"\r\n [defaultDate]=\"defaultDate\"\r\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\"\r\n [showTime]=\"formField.showTime\" (onShow)=\"setCalenderDate(formField)\"\r\n [timeOnly]=\"formField.timeOnly\" [view]=\"formField.monthOnly ? 'month' : 'date' \"\r\n (click)=\"handleClickEvent(formField)\"\r\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\r\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calenderInputValue(formField)\"\r\n (onClose)=\"onFocusOutEvent(formField)\">\r\n </p-calendar>\r\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\r\n <label *ngIf=\"!formField.label?.labelControl\" \r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" class=\"required-star\">*</span>\r\n </label>\r\n <p-dropdown [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : ''\r\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\r\n [options]=\"formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\r\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\r\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\r\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\r\n (onChange)=\"onClearValue(formField, $event)\"\r\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\">\r\n </p-dropdown>\r\n <span *ngIf=\"\r\n !formField?.isValid &&\r\n !formField.hidden\r\n \" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <span class=\"p-fluid\">\r\n <p-autoComplete [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\"\r\n (onChange)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n (completeMethod)=\"autoSearch($event, formField)\" [dropdown]=\"formField.showOption\"\r\n [field]=\"formField.displayField\" [name]=\"formField.label\" [multiple]=\"true\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-multiSelect [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [options]=\"formField.data\" optionLabel=\"label\"\r\n optionValue=\"value\" [appendTo]=\"'body'\" [name]=\"formField.field\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"formField.onClick ? formField.onClick() : ''\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\">\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Hyperlink-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" [title]=\"formField.label\" *ngSwitchCase=\"dynamicCase.HYPERLINK\">\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.component\r\n \" (click)=\"hyperlinkDialog(formField)\">\r\n {{ formField.label }}\r\n </div>\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target !== '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" [href]=\"formField.disabled?'':sanitizeUrl(formField.hyperlink?.link)\" \r\n [target]=\"formField.hyperlink?.target\" (click)=\"handleClickEvent(formField)\"\r\n [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target === '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\r\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <div class=\"close-icon-wrapper\">\r\n\r\n <span class=\"p-input-icon-right\">\r\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" \r\n class=\"form-component lookup-input\"\r\n type=\"text\"\r\n pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\" autocomplete=\"off\"\r\n [id]=\"formField.field\"\r\n [name]=\"formField.field\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (keyup.Tab)=\"selectLookupField(formField)\"\r\n readonly\r\n />\r\n </span>\r\n <div>\r\n <button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\r\n class=\"lookup-clear-icon-button\"\r\n type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\r\n \r\n </div>\r\n </div>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- File Upload Field -->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <se-file-upload [allowMultiple]=\"formField.selectMultipleFiles\"\r\n [acceptFileTypes]=\"formField.SetfileTypes\" [fields]=\"formField\"\r\n (fileUrl)=\"setFileUrls($event)\"\r\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"></se-file-upload>\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span> -->\r\n\r\n <!-- Display Card field -->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CARD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n\r\n <se-card [card]=\"formField.card\" [setCardData]=\"setCardData\"\r\n (selectedCard)=\"selectedCardClickEvent($event)\"></se-card>\r\n\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span> -->\r\n\r\n <!-- Note Detail Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\r\n <div [class]=\"formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \">\r\n <span class=\"pl-2\" (click)=\"\r\n !formField.disabled\r\n ? handleNoteFieldDialog(formField)\r\n : ''\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">{{formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label}}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </span>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Dynamic Component Container-->\r\n <!-- <span [class]=\"formField.hidden ? 'hidden' : ''\">\r\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\" #dynamicComponentContainer\r\n *ngSwitchCase=\"dynamicCase.COMPONENT\"></div>\r\n </span> -->\r\n\r\n <!-- Header component-->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\r\n <label [class]=\"formField.class\">\r\n <b> {{ formField.label }} </b>\r\n </label>\r\n </div>\r\n </span> -->\r\n\r\n <!-- Add OnClick Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\r\n <button pButton type=\"button\" [icon]=\"formField.icon\" [label]=\"formField.label\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\r\n (click)=\"onClickEvent(formField)\"\r\n [class]=\"formField.class?formField.class:''\"\r\n ></button>\r\n </div>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.REPORT\">\r\n <se-generate-report-btn [repId]=\"formField.reportId\" [label]=\"formField.label\"\r\n [params]=\"formField.params\" [showDialog]=\"formField.showDialog\" [form]=\"form\"></se-generate-report-btn>\r\n </div>\r\n </span> -->\r\n\r\n\r\n <!-- Add Input Switch -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\r\n <div>\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n </label>\r\n </div>\r\n <p-inputSwitch [name]=\"formField.label ? formField.label: 'switch'\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (click)=\"onClickEvent(formField)\"></p-inputSwitch>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- save and close buttons -->\r\n <div class=\"p-col-12 p-d-flex p-jc-end\" [ngClass]=\"{ sticky: stickyActions }\">\r\n <div class=\"inner-sticky form-component actions-buttons-wrapper-div\">\r\n <!-- save button -->\r\n <button *ngIf=\"!hideSaveButton\" [disabled]=\"isFormDisabled\" pButton type=\"button\" icon=\"pi pi-check\"\r\n label=\"Save\" class=\"p-button-success\" (click)=\"onSaveForm()\"></button>\r\n <!-- close button -->\r\n <button *ngIf=\"!hideCancelButton\" [disabled]=\"isFormDisabled\" (click)=\"onCancelForm()\" pButton type=\"button\"\r\n icon=\"pi pi-times\" label=\"Cancel\" class=\"p-button-danger p-ml-3\"></button> \r\n <!-- dynamic buttons -->\r\n <ng-container *ngFor=\"let button of formButtons\">\r\n <button *ngIf=\"!button.hidden\" pButton type=\"button\" [label]=\"button.label\" [icon]=\"button.icon ? button.icon : ''\"\r\n class=\"p-button-success p-ml-3\" (click)=\"onNewButtonClick(button)\" [disabled]=\"button.disabled?button.disabled:false\">\r\n </button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</form>", styles: [""], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { type: i11__namespace.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { type: i12__namespace.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { type: i12__namespace.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: i3__namespace.Header, selector: "p-header" }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "virtualScroll", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear"] }, { type: i18__namespace.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "scrollHeight", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide"] }, { type: i20__namespace.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
|
|
5408
|
+
/** @nocollapse */ FormUtilComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: FormUtilComponent, selector: "se-form-util", inputs: { stickyActions: "stickyActions", form: "form", hideSaveButton: "hideSaveButton", hideCancelButton: "hideCancelButton", formButtons: "formButtons", loading: "loading", activeTestMode: "activeTestMode" }, outputs: { saveForm: "saveForm", cancelForm: "cancelForm", dropDownChangeEvent: "dropDownChangeEvent", sectionClickedEvent: "sectionClickedEvent" }, host: { listeners: { "window:beforeunload": "beforeunloadHandler($event)" } }, viewQueries: [{ propertyName: "dynamicComponentContainer", predicate: ["dynamicComponentContainer"], descendants: true, read: i0.ViewContainerRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\"></p-confirmDialog>\r\n<form *ngIf=\"!isFormHidden && form\">\r\n <div *ngIf=\"loading\">\r\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\r\n </div>\r\n <div class=\"p-flex-wrap\">\r\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\r\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\r\n <span (click)=\"clickedSection(formSection)\">\r\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\r\n <div [class]=\"formSection.hidden ? 'hidden' : formSection.class\">\r\n <p-accordion>\r\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\r\n [disabled]=\"formSection.accordionDisabled\"\r\n [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\r\n <p-header>\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\r\n }}</span>\r\n </p-header>\r\n\r\n <div class=\"p-d-flex p-ai-center p-col form-component accordion-header-wrapper\">\r\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"accordionHeaderName p-d-flex p-ai-center\">\r\n <i [class]=\"formSection.icon\" class=\"\"></i>\r\n <div> {{ formSection.name }} </div>\r\n </label>\r\n\r\n <div *ngFor=\"let link of formSection.links\" >\r\n <label class=\"p-mr-3 custom-link\" [class]=\"link.name &&!formSection.disabled&&!link.disabled ? 'custom-link' : 'disabled-link'\" (click)=\"onLinkClick(link, formSection)\">\r\n {{ link.name }}\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div class=\"p-d-flex p-flex-wrap form-component form-body-wrapper\"> \r\n <div [class]=\"\r\n (formField.control==='add_button'? ' form-button-field-wrapper ':'')+\r\n ( formField.column\r\n ? 'p-col-' + formField.column + setClassName(formField)\r\n : form.column\r\n ? 'p-col-' + form.column + setClassName(formField)\r\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField))\"\r\n [ngClass]=\"formField.control === 'break_line' ? 'break-line' : ''\"\r\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\">\r\n <!-- labelControl Hyperlink on lookup Control Field-->\r\n <div *ngIf=\"formField.label?.labelControl\">\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\r\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\r\n [class]=\"formField.disabledText ? 'disable-label-control' : '' \"\r\n [href]=\"formField.label.labelControl?.hyperlink?.link\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadLabelControlIFrame(formField)\" \r\n [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <!-- labelControl on addTextbox, calendar -->\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\">\r\n <a tabindex=\"-1\" [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\r\n (click)=\"selectLookupLabel(formField)\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div [ngSwitch]=\"formField.control\">\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.SPACER\">\r\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input TextArea -->\r\n <span *ngIf=\"!formField.hidden\">\r\n\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <textarea [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" pInputTextarea [rows]=\"formField.row ? formField.row : 1 \"\r\n (change)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [name]=\"formField.field\" [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\r\n (blur)=\"onFocusOutEvent(formField)\"></textarea>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.INPUT\">\r\n <span>\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"\r\n (formField.disabled && !formField.showBottomBorder ? 'disabled-label' : '')\r\n +\r\n (formField.label.onClick ? 'custom-label' : '')\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n <span *ngIf=\"formField.isPassword\"> \r\n <i *ngIf=\"formField.textType=='password';else hideButton\" class=\"pi pi-eye\"\r\n (click)=\"changePasswordType(formField)\"></i>\r\n <ng-template #hideButton>\r\n <i class=\"pi pi-eye-slash\" (click)=\"changePasswordType(formField)\"></i>\r\n </ng-template>\r\n </span>\r\n </label>\r\n </span>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\" [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\r\n [type]=\"formField.textType ? formField.textType : 'text'\" pInputText [(ngModel)]=\"\r\n formField.value &&\r\n typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\r\n \" (change)=\"onChangeEvent(formField)\"\r\n [name]=\"formField.field ? formField.field : formField.label\"\r\n (click)=\"handleClickEvent(formField)\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.NUMERIC\">\r\n <label [class]=\"\r\n formField.label.onClick ? 'custom-link' : ''\r\n \" (click)=\"\r\n formField.label.onClick &&\r\n formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <!-- for Currency && number && Decimal && Percent -->\r\n <span class=\"input-number\">\r\n <p-inputNumber [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\r\n (ngModelChange)=\"onChangeEvent(formField)\" (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\" [mode]=\"\r\n formField.format &&\r\n formField.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \" [currency]=\"\r\n formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.currency\r\n ? formField.format.formatParams.currency\r\n : 'USD'\r\n \" [locale]=\"formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.locale\r\n ? formField.format.formatParams.locale\r\n : 'en-US'\r\n \" [minFractionDigits]=\"\r\n formField.format &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.digitsInfo\r\n ? formField.format.formatParams.digitsInfo\r\n : formField.format &&\r\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\r\n ? '2'\r\n : '0'\r\n \" [suffix]=\"\r\n formField.format &&\r\n formField.format.type === 'percent' && \r\n '%'\r\n \r\n \">\r\n </p-inputNumber>\r\n </span>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Password Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" type=\"password\" (click)=\"handleClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\" pInputText [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\r\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">{{\r\n formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-checkbox class=\"p-d-flex p-ai-center\" [binary]=\"true\" [name]=\"formField.field\"\r\n (click)=\"onClickEvent(formField)\" (change)=\"onChangeEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (onChange)=\"onFocusOutEvent(formField)\">\r\n </p-checkbox>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\r\n <label \r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <p-calendar [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty ' + formField.field\r\n : 'form-control '+ formField.field\r\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" [disabled]=\"formField.disabled\" hourFormat=\"12\"\r\n [defaultDate]=\"defaultDate\"\r\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\"\r\n [showTime]=\"formField.showTime\" (onShow)=\"setCalenderDate(formField)\"\r\n [timeOnly]=\"formField.timeOnly\" [view]=\"formField.monthOnly ? 'month' : 'date' \"\r\n (click)=\"handleClickEvent(formField)\"\r\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\r\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calenderInputValue(formField)\"\r\n (onClose)=\"onFocusOutEvent(formField)\">\r\n </p-calendar>\r\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\r\n <label *ngIf=\"!formField.label?.labelControl\" \r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" class=\"required-star\">*</span>\r\n </label>\r\n <p-dropdown [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : ''\r\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\r\n [options]=\"formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\r\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\r\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\r\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\r\n (onChange)=\"onClearValue(formField, $event)\"\r\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\">\r\n </p-dropdown>\r\n <span *ngIf=\"\r\n !formField?.isValid &&\r\n !formField.hidden\r\n \" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <span class=\"p-fluid\">\r\n <p-autoComplete [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\"\r\n (onChange)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n (completeMethod)=\"autoSearch($event, formField)\" [dropdown]=\"formField.showOption\"\r\n [field]=\"formField.displayField\" [name]=\"formField.label\" [multiple]=\"true\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-multiSelect [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [options]=\"formField.data\" optionLabel=\"label\"\r\n optionValue=\"value\" [appendTo]=\"'body'\" [name]=\"formField.field\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"formField.onClick ? formField.onClick() : ''\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\">\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Hyperlink-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" [title]=\"formField.label\" *ngSwitchCase=\"dynamicCase.HYPERLINK\">\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.component\r\n \" (click)=\"hyperlinkDialog(formField)\">\r\n {{ formField.label }}\r\n </div>\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target !== '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" [href]=\"formField.disabled?'':sanitizeUrl(formField.hyperlink?.link)\" \r\n [target]=\"formField.hyperlink?.target\" (click)=\"handleClickEvent(formField)\"\r\n [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target === '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\r\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <div class=\"close-icon-wrapper\">\r\n\r\n <span class=\"p-input-icon-right\">\r\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" \r\n class=\"form-component lookup-input\"\r\n type=\"text\"\r\n pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\" autocomplete=\"off\"\r\n [id]=\"formField.field\"\r\n [name]=\"formField.field\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (keyup.Tab)=\"selectLookupField(formField)\"\r\n readonly\r\n />\r\n </span>\r\n <div>\r\n <button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\r\n class=\"lookup-clear-icon-button\"\r\n type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\r\n \r\n </div>\r\n </div>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- File Upload Field -->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <se-file-upload [allowMultiple]=\"formField.selectMultipleFiles\"\r\n [acceptFileTypes]=\"formField.SetfileTypes\" [fields]=\"formField\"\r\n (fileUrl)=\"setFileUrls($event)\"\r\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"></se-file-upload>\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span> -->\r\n\r\n <!-- Display Card field -->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CARD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n\r\n <se-card [card]=\"formField.card\" [setCardData]=\"setCardData\"\r\n (selectedCard)=\"selectedCardClickEvent($event)\"></se-card>\r\n\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span> -->\r\n\r\n <!-- Note Detail Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\r\n <div [class]=\"formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \">\r\n <span class=\"pl-2\" (click)=\"\r\n !formField.disabled\r\n ? handleNoteFieldDialog(formField)\r\n : ''\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">{{formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label}}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </span>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Dynamic Component Container-->\r\n <!-- <span [class]=\"formField.hidden ? 'hidden' : ''\">\r\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\" #dynamicComponentContainer\r\n *ngSwitchCase=\"dynamicCase.COMPONENT\"></div>\r\n </span> -->\r\n\r\n <!-- Header component-->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\r\n <label [class]=\"formField.class\">\r\n <b> {{ formField.label }} </b>\r\n </label>\r\n </div>\r\n </span> -->\r\n\r\n <!-- Add OnClick Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\r\n <button pButton type=\"button\" [icon]=\"formField.icon\" [label]=\"formField.label\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\r\n (click)=\"onClickEvent(formField)\"\r\n [class]=\"formField.class?formField.class:''\"\r\n ></button>\r\n </div>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <!-- <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.REPORT\">\r\n <se-generate-report-btn [repId]=\"formField.reportId\" [label]=\"formField.label\"\r\n [params]=\"formField.params\" [showDialog]=\"formField.showDialog\" [form]=\"form\"></se-generate-report-btn>\r\n </div>\r\n </span> -->\r\n\r\n\r\n <!-- Add Input Switch -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\r\n <div>\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n </label>\r\n </div>\r\n <p-inputSwitch [name]=\"formField.label ? formField.label: 'switch'\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (click)=\"onClickEvent(formField)\"></p-inputSwitch>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- save and close buttons -->\r\n <div class=\"p-col-12 p-d-flex p-jc-end\" [ngClass]=\"{ sticky: stickyActions }\">\r\n <div class=\"inner-sticky form-component actions-buttons-wrapper-div\">\r\n <!-- save button -->\r\n <button *ngIf=\"!hideSaveButton\" [disabled]=\"isFormDisabled\" pButton type=\"button\" icon=\"pi pi-check\"\r\n label=\"Save\" class=\"p-button-success\" (click)=\"onSaveForm()\"></button>\r\n <!-- close button -->\r\n <button *ngIf=\"!hideCancelButton\" [disabled]=\"isFormDisabled\" (click)=\"onCancelForm()\" pButton type=\"button\"\r\n icon=\"pi pi-times\" label=\"Cancel\" class=\"p-button-danger p-ml-3\"></button> \r\n <!-- dynamic buttons -->\r\n <ng-container *ngFor=\"let button of formButtons\">\r\n <button *ngIf=\"!button.hidden\" pButton type=\"button\" [label]=\"button.label\" [icon]=\"button.icon ? button.icon : ''\"\r\n class=\"p-button-success p-ml-3\" (click)=\"onNewButtonClick(button)\" [disabled]=\"button.disabled?button.disabled:false\">\r\n </button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</form>", styles: [""], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["acceptIcon", "acceptVisible", "rejectIcon", "rejectVisible", "closeOnEscape", "blockScroll", "closable", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "visible", "position", "header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptLabel", "acceptAriaLabel", "rejectLabel", "rejectAriaLabel", "acceptButtonStyleClass", "rejectButtonStyleClass", "dismissableMask", "rtl", "appendTo", "key", "breakpoints"], outputs: ["onHide"] }, { type: i11__namespace.ProgressSpinner, selector: "p-progressSpinner", inputs: ["strokeWidth", "fill", "animationDuration", "style", "styleClass"] }, { type: i12__namespace.Accordion, selector: "p-accordion", inputs: ["expandIcon", "collapseIcon", "activeIndex", "multiple", "style", "styleClass"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { type: i12__namespace.AccordionTab, selector: "p-accordionTab", inputs: ["cache", "transitionOptions", "selected", "header", "disabled"], outputs: ["selectedChange"] }, { type: i3__namespace.Header, selector: "p-header" }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "incrementButtonIcon", "decrementButtonIcon", "step", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "disabled", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "inputStyle", "inputStyleClass"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["checkboxIcon", "disabled", "value", "name", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "readonly", "required"], outputs: ["onChange"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "icon", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "dataType", "selectionMode", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "keepInvalid", "hideOnDateTimeSelect", "numberOfMonths", "view", "timeSeparator", "focusTrap", "firstDayOfWeek", "showTransitionOptions", "hideTransitionOptions", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "locale", "disabled", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "selectOtherMonths", "showIcon", "appendTo", "readonlyInput", "monthNavigator", "yearNavigator", "timeOnly", "required", "maxDateCount", "showButtonBar", "panelStyleClass", "panelStyle", "touchUI", "tabindex"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i18__namespace.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "group", "field", "dropdown", "showEmptyMessage", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus", "optionGroupChildren", "optionGroupLabel"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["filter", "displaySelectedLabel", "maxSelectedLabels", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "display", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue", "disabled", "overlayVisible", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filterPlaceHolder", "filterLocale", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "selectionLimit", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "filterBy", "virtualScroll", "itemSize", "ariaFilterLabel", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }, { type: i20__namespace.InputSwitch, selector: "p-inputSwitch", inputs: ["disabled", "style", "styleClass", "tabindex", "inputId", "name", "readonly", "ariaLabelledBy"], outputs: ["onChange"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
|
|
5409
5409
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: FormUtilComponent, decorators: [{
|
|
5410
5410
|
type: i0.Component,
|
|
5411
5411
|
args: [{
|
|
@@ -8488,7 +8488,7 @@
|
|
|
8488
8488
|
return GridComponent;
|
|
8489
8489
|
}());
|
|
8490
8490
|
/** @nocollapse */ GridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GridComponent, deps: [{ token: i1__namespace.DialogService }, { token: GridService }, { token: AlertService }, { token: AuthenticationService }, { token: i0__namespace.ElementRef }, { token: i7__namespace.DecimalPipe }, { token: PageLoggerService }, { token: i0__namespace.ChangeDetectorRef }, { token: i6__namespace.Router }, { token: i7__namespace.DatePipe }, { token: i3__namespace.ConfirmationService }, { token: i1__namespace.DynamicDialogConfig, optional: true }, { token: i1__namespace.DynamicDialogRef, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
8491
|
-
/** @nocollapse */ GridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GridComponent, selector: "se-grid", inputs: { activeTestMode: "activeTestMode", selectedRows: "selectedRows", setGridRefreshTime: "setGridRefreshTime", addDataKeyValue: "addDataKeyValue", showRefreshBtn: "showRefreshBtn", hideRefreshBtn: "hideRefreshBtn", horizontalScroll: "horizontalScroll", hideDeleteBtn: "hideDeleteBtn", hideEditBtn: "hideEditBtn", hideAddBtn: "hideAddBtn", loading: "loading", autoLoadData: "autoLoadData", tableStyle: "tableStyle", rowStyle: "rowStyle", allowSelection: "allowSelection", selectionColumnWidth: "selectionColumnWidth", allowSelectionHeader: "allowSelectionHeader", hideGridSaveButton: "hideGridSaveButton", hideGridCancelButton: "hideGridCancelButton", allowExportToPdf: "allowExportToPdf", allowExportToExcel: "allowExportToExcel", setActionColumnAsFirst: "setActionColumnAsFirst", useInlineCRUD: "useInlineCRUD", rowActions: "rowActions", selectionType: "selectionType", dataKey: "dataKey", clearGridFilter: "clearGridFilter", searchGridFilter: "searchGridFilter", scrollable: "scrollable", scrollHeight: "scrollHeight", wordWrap: "wordWrap", newGridRow: "newGridRow", filtering: "filtering", reportButtons: "reportButtons", rowHover: "rowHover", hideFilterOptions: "hideFilterOptions", setPaginationLength: "setPaginationLength", rows: "rows", globalFilterData: "globalFilterData", columns: "columns", permissions: "permissions", allowColumnToggle: "allowColumnToggle", hideFilter: "hideFilter", lookupFilters: "lookupFilters", pagination: "pagination", showCurrentPageReport: "showCurrentPageReport", totalRecords: "totalRecords", aggregatedResult: "aggregatedResult", showconfirmDialog: "showconfirmDialog", saveAllData: "saveAllData", defaultRows: "defaultRows", columnActions: "columnActions", useServerSideEvents: "useServerSideEvents", allowCaching: "allowCaching", softCaching: "softCaching", editAllRows: "editAllRows" }, outputs: { inlineRowCancel: "inlineRowCancel", rowsChange: "rowsChange", onRowClick: "onRowClick", onCheckBoxFilterClick: "onCheckBoxFilterClick", onRowCheckBox: "onRowCheckBox", onSortChange: "onSortChange", onFilterChange: "onFilterChange", onMultiSelectionChange: "onMultiSelectionChange", onApplyFilter: "onApplyFilter", isIncludedAllColumns: "isIncludedAllColumns", onServerSideEventChange: "onServerSideEventChange", onPageChange: "onPageChange", onRowUpdate: "onRowUpdate", onCancelAllRows: "onCancelAllRows", onRowDelete: "onRowDelete", onRowAdd: "onRowAdd", onGridRowActions: "onGridRowActions", onGridRowEdit: "onGridRowEdit", onGridRowAdd: "onGridRowAdd" }, host: { listeners: { "window:beforeunload": "beforeunloadHandler($event)" } }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }, { propertyName: "gridRow", predicate: ["gridRow"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"grid-component-wrapper\">\r\n<p-confirmDialog [style]=\"{ width: '50vw' }\" *ngIf=\"useInlineCRUD\" key=\"handleInlineCRUD\"></p-confirmDialog>\r\n<p-confirmDialog class=\"grid-component-confirm-dialog\" *ngIf=\"columnActions.length > 0\"\r\n key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div class=\"global-filter-buttons-wrapper\">\r\n\r\n <!-- button for apply value on Grid -->\r\n <button *ngIf=\"filtering && (!hideFilter || showFilterbtn)\" pButton type=\"button\" icon=\"pi pi-search\" (click)=\"applyGirdFilterBtn()\"\r\n [class]=\"\r\n searchGridFilter ? 'p-button-success apply-filter-btn filter-btn' : 'hide-clear-filter-button apply-filter-btn filter-btn'\r\n \"></button>\r\n\r\n <!-- button for clear value on Grid -->\r\n <button *ngIf=\"filtering && (!hideFilter || showFilterbtn)\" pButton id=\"clearGridFilterValuesButton\" type=\"button\"\r\n icon=\"pi pi-replay\" (click)=\"cleargridFiltersValue()\" [class]=\"\r\n clearGridFilter ? 'filter-btn' : 'hide-clear-filter-button filter-btn'\r\n \" class='global-refresh global-btn'\r\n ></button>\r\n\r\n <!-- button for save all grid at once -->\r\n <button pButton *ngIf=\"editAllRows && editRowPermission\" id=\"saveAllGridValues\"\r\n icon=\"pi pi-check\" [label]=\"'Save'\"\r\n [class]=\"hideGridSaveButton ? 'hide-clear-filter-button' : 'ui-button-info'\" type=\"button\"\r\n (click)=\"saveAllRowsAtOnce()\"></button>\r\n\r\n <!-- button for cancel all grid at once -->\r\n <button pButton *ngIf=\"editAllRows && !hideGridCancelButton\" id=\"editBtnGlobalvalues\" type=\"button\" [label]=\"'Cancel'\"\r\n icon=\"pi pi-times\" class=\"ui-button-info\" (click)=\"cancelAllRowsAtOnce()\"></button>\r\n\r\n <!-- header Button for multiSelect on Grid -->\r\n <span *ngIf=\"allowColumnToggle\">\r\n <p-multiSelect [showToggleAll]=\"false\" [options]=\"columns\" [(ngModel)]=\"selectedColumns\" optionLabel=\"header\"\r\n selectedItemsLabel=\"{0} columns selected\" class=\"grid-component-multiselect-header-button\" placeholder=\"Choose Columns\">\r\n </p-multiSelect>\r\n </span>\r\n\r\n <!-- header Button for Adding new Row on Grid -->\r\n <button pButton *ngIf=\"useInlineCRUD && addRowPermission && !hideAddBtn\" type=\"button\" [label]=\"'Add'\" pAddRow\r\n [table]=\"componentTableRef\" [newRow]=\"newGridRow\" [id]=\"dataKey\" pTooltip=\"Add New Row\" tooltipPosition=\"bottom\"\r\n icon=\"pi pi-plus\" class=\"ui-button-info global-add-btn\" (click)=\"addNewRow(newGridRow, true)\" pRipple></button>\r\n\r\n \r\n <!-- header Button for Excel File on Grid -->\r\n <button *ngIf=\"allowExportToExcel\" type=\"button\" pButton icon=\"pi pi-file-excel\" (click)=\"exportExcel()\"\r\n class=\"p-button-success\" pTooltip=\"Export to Excel\" tooltipPosition=\"bottom\" pRipple></button>\r\n\r\n<!-- header Button for PDF File on Grid -->\r\n<button *ngIf=\"allowExportToPdf\" type=\"button\" pButton icon=\"pi pi-file-pdf\" (click)=\"exportPdf()\"\r\n class=\"p-button-warning p-mr-2 p-ml-2\" pTooltip=\"Export to Pdf\" tooltipPosition=\"bottom\" pRipple></button>\r\n\r\n <!-- <div *ngFor=\"let reportButton of reportButtons\" class=\"ui-button-info p-mr-2 p-ml-2\">\r\n <se-generate-report-btn *ngIf =\"!reportButton.hidden\"[repId]=\"reportButton.reportId\" [label]=\"reportButton.label\" [params]=\"reportButton.params\"\r\n [showDialog]=\"reportButton.showDialog\"></se-generate-report-btn>\r\n </div> -->\r\n\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngFor=\"let reportButton of reportButtons\">\r\n <se-generate-report-btn *ngIf =\"!reportButton.hidden\"[repId]=\"reportButton.reportId\" [label]=\"reportButton.label\" [params]=\"reportButton.params\"\r\n [showDialog]=\"reportButton.showDialog\"></se-generate-report-btn>\r\n </ng-container>\r\n\r\n</div>\r\n\r\n<p-table *ngIf=\"!isGridHidden\" id=\"my-table\" [value]=\"rowsData\" [columns]=\"selectedColumns\" sortMode=\"multiple\"\r\n [lazy]=\"useServerSideEvents\" [paginator]=\"pagination\" [alwaysShowPaginator]=\"pagination && totalRecords > 0\" [class]=\"pagination || !rowsData.length ? 'pagination' : ''\"\r\n class=\"grid-component-main-table\"\r\n [resizableColumns]=\"true\" responsiveLayout=\"scroll\" columnResizeMode=\"expand\"\r\n [rows]=\"defaultRows\" [totalRecords]=\"totalRecords\" [rowsPerPageOptions]=\"setPaginationLength\"\r\n [showCurrentPageReport]=\"showCurrentPageReport\" currentPageReportTemplate=\"Showing {first} to {last} of {{\r\n totalRecords\r\n }} entries\" [loading]=\"autoLoadData && !setGridRefreshTime ? loading : false\"\r\n (onSort)=\"sortDisabled ?? handleSortChange($event)\" (onFilter)=\"handleFilterChange($event)\"\r\n (onLazyLoad)=\"autoLoadData ? handleServerSideEvents($event) : ''\" (onPage)=\"handleServerSidePagination($event)\" #dt\r\n [dataKey]=\"dataKey\" [(selection)]=\"selectedRows\" selectionMode=\"multiple\" [scrollable]=\"scrollable\" \r\n [scrollHeight]=\"scrollHeight\"\r\n [tableStyle]=\"tableStyle\"\r\n editMode=\"row\" [editingRowKeys]=\"editingRowKeys\" [autoLayout]=\"true\" [rowHover]=\"rowHover\"\r\n [ngClass]=\"{'horizontal-scroll': horizontalScroll === true ? true : false}\">\r\n <!-- [tableStyle]=\"{ 'max-height': scrollHeight }\" -->\r\n <!-- header Button for Action on Grid -->\r\n <div *ngIf=\"rowActions.length > 0 && rowActions.length > 0\" class=\"p-d-flex p-jc-end\">\r\n <span *ngFor=\"let rowAction of rowActions\">\r\n <button pButton type=\"button\" [label]=\"rowAction.title\" [class]=\"rowAction.class\"\r\n (click)=\"rowAction.onClick(selectedRows)\"></button>\r\n </span>\r\n </div>\r\n\r\n <!-- header columns on Grid -->\r\n <ng-template pTemplate=\"header\" let-cols>\r\n <tr>\r\n <th pResizableColumn *ngIf=\"allowSelection && selectionType === 'multiple'\" class=\"grid-component-selection\">\r\n <span class=\"th-content-wrapper\">\r\n <div class=\"grid-component-table-header-inner-div-2\r\n table-header-inner-div div-last-inner-html-is-icon\">\r\n <span class=\"flex-grow-1\"> {{allowSelectionHeader}} </span>\r\n <p-tableHeaderCheckbox *ngIf=\"selectionType === 'multiple'\" binary=\"true\"\r\n (click)=\"multiCheckBoxOnclick(rowsData, $event)\"></p-tableHeaderCheckbox>\r\n </div>\r\n </span>\r\n </th>\r\n <th pResizableColumn *ngIf=\"allowSelection && selectionType === 'single'\" \r\n class=\"grid-component-selection\">\r\n Select\r\n </th>\r\n <th pResizableColumn\r\n *ngIf=\"setActionColumnAsFirst && !disabledSaveBtn && columns?.length > 0 && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">\r\n Actions\r\n </th>\r\n <th pResizableColumn *ngFor=\"let column of cols\" [pSortableColumn]=\"column.field\"\r\n [style]=\"column.style\"\r\n [class]=\"column.type === 'boolean' ? 'checkbox-th' : ''\"\r\n [pSortableColumnDisabled]=\"sortDisabled && useServerSideEvents ? true : column.sorting === false\"\r\n class=\"column?.type === 'multiple' ? 'grid-component-select-th-column-type-multiple' : ''\">\r\n <span class=\"th-content-wrapper\">\r\n <div class=\"grid-component-table-header-inner-div-1 table-header-inner-div div-last-inner-html-is-icon\"> \r\n <span [class]=\"'flex-grow-1'\">{{ column.header }}</span>\r\n <span *ngIf=\"column.isRequired\" class=\"grid-component required-star\">*</span>\r\n <p-sortIcon *ngIf=\"column.sorting !== false && column?.type !== 'multiple'\"\r\n [field]=\"column.field\"></p-sortIcon>\r\n </div>\r\n </span>\r\n </th>\r\n <th pResizableColumn\r\n *ngIf=\"!setActionColumnAsFirst && !disabledSaveBtn && columns?.length > 0 && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">Actions</th>\r\n </tr>\r\n <tr *ngIf=\"filtering && !hideFilter\">\r\n <th pResizableColumn *ngIf=\"allowSelection\" [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></th>\r\n <th pResizableColumn *ngIf=\"setActionColumnAsFirst && !disabledSaveBtn\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">\r\n </th>\r\n <th pResizableColumn *ngFor=\"let column of cols\" [ngSwitch]=\"column?.filter?.type\" [style]=\"column.style\"\r\n [class]=\"hideFilterOptions ? 'hide-table-filter' : ''\">\r\n <span *ngIf=\"column.filtering !== false\" [class]=\"column.filter?.showFilter ? '' : 'hide-filter-icon'\">\r\n <!-- Text input on Header For Filter-->\r\n <p-columnFilter [type]=\"'text'\" [field]=\"column.field\" *ngSwitchCase=\"'input'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <input type=\"text\" [(ngModel)]=\"column.filterValue\" (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (blur)=\"setFilterFocusOut(column, filter, $event)\" (keydown)=\"backspaceEvent($event, column)\"\r\n (keyup)=\"removingFilters($event, column)\" pInputText />\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- Numeric input on Header For Filter-->\r\n <p-columnFilter [type]=\"'numeric'\" [field]=\"column.field\" *ngSwitchCase=\"'numeric_input'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-inputNumber [(ngModel)]=\"column.filterValue\" (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (onBlur)=\"setFilterFocusOut(column, filter, $event)\" (keydown)=\"backspaceEvent($event, column)\"\r\n (keyup)=\"removingFilters($event, column)\"></p-inputNumber>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- lookup input on Header For Filter-->\r\n <p-columnFilter\r\n [type]=\"'text'\"\r\n [field]=\"column.field\"\r\n *ngSwitchCase=\"'lookup_input'\"\r\n >\r\n <ng-template\r\n pTemplate=\"filter\"\r\n let-value\r\n let-filter=\"filterCallback\"\r\n >\r\n <div class=\"close-icon-wrapper grid-component lookup-filter-wrapper\">\r\n <div class=\"lookup-filter-input-wrapper\"> \r\n <input\r\n id=\"lookUp_filter\"\r\n class=\"grid-component lookup-filter\"\r\n autocomplete=\"off\"\r\n type=\"text\"\r\n [(ngModel)]=\"column.filterValue\"\r\n (click)=\"setFilterLookup(column)\"\r\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (blur)=\"setFilterFocusOut(column, filter, $event)\"\r\n (keydown)=\"backspaceEvent($event, column)\"\r\n (keyup)=\"removingFilters($event, column)\"\r\n pInputText\r\n />\r\n </div> \r\n <div><button\r\n *ngIf=\"column.filterValue\"\r\n icon=\"pi pi-times\"\r\n pButton\r\n type=\"button\"\r\n (click)=\"lookupClearValue(column)\"\r\n ></button></div>\r\n </div>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- checkbox on Header For Filter-->\r\n <p-columnFilter type=\"boolean\" [field]=\"column.field\" *ngSwitchCase=\"'checkbox'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-checkbox [binary]=\"true\" [disabled]=\"column.disabled\" [(ngModel)]=\"column.filterValue\"\r\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (onChange)=\"setFilterFocusOut(column, filter, $event)\" (click)=\"clickCheckBoxFilter(column)\"\r\n (keydown)=\"backspaceEvent($event, column)\">\r\n </p-checkbox>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- multiSelect on Header For Filter-->\r\n <p-columnFilter [field]=\"column.field\" matchMode=\"in\" [showMenu]=\"false\" *ngSwitchCase=\"'multi-select'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-multiSelect [ngModel]=\"column.filterValue\" [options]=\"column.filter.data || []\" (onChange)=\"filter($event.value)\"\r\n (blur)=\"setFilterFocusOut(column, filter, $event)\" (keydown)=\"backspaceEvent($event, column)\"\r\n placeholder=\"Any\" optionLabel=\"label\">\r\n </p-multiSelect>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- dropdown on Header For Filter-->\r\n <p-columnFilter [field]=\"column.field\" matchMode=\"in\" [showMenu]=\"false\" *ngSwitchCase=\"'dropdown'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-dropdown [showClear]=\"true\" [placeholder]=\"'Select'\" [filter]=\"column.allowSearch\"\r\n [(ngModel)]=\"column.filterValue\" (keyup.enter)=\"applyDropdownFilter(filter, $event)\"\r\n [options]=\"column.filter.data || []\"\r\n (onChange)=\"searchDropdownFilter(filter, $event, column)\"></p-dropdown>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- calendar on Header For Filter-->\r\n <p-columnFilter [field]=\"column.field\" matchMode=\"in\" [showMenu]=\"false\" *ngSwitchCase=\"'calendar'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-calendar [placeholder]=\"'Select-Date'\" [(ngModel)]=\"column.filterValue\"\r\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\" appendTo=\"body\" (onSelect)=\"selectDate(column)\"\r\n [inputId]=\"column.field\" hourFormat=\"12\" (keyup.backspace)=\"removeNullCalendar(column, filter, $event)\"\r\n [showButtonBar]=\"true\" (onClose)=\"setFilterFocusOut(column, filter, $event)\"\r\n (keydown)=\"backspaceEvent($event, column)\" (onClearClick)=\"backspaceEvent($event, column)\">\r\n </p-calendar>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- Default Filter For Header -->\r\n <p-columnFilter [type]=\"\r\n column.type && column.type !== 'link' ? column.type : 'text'\r\n \" [field]=\"column.field\" display=\"menu\" *ngSwitchDefault>\r\n </p-columnFilter>\r\n </span>\r\n </th>\r\n <th pResizableColumn\r\n *ngIf=\"!setActionColumnAsFirst && !disabledSaveBtn && columns?.length > 0 && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></th>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Body columns on Grid -->\r\n <ng-template pTemplate=\"body\" let-row let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr \r\n [style]=\"rowStyle\"\r\n [ngClass]=\"row?.highlightrow ? 'highlighted-row' : ''\"\r\n [class]=\"wordWrap ? 'p-selectable-row wordWrapTrue' : 'wordWrapFalse p-selectable-row'\" (click)=\"!editing && handleRowClick(row)\"\r\n [pEditableRow]=\"row\" #gridRow [id]=\"row[dataKey]\">\r\n <td *ngIf=\"allowSelection\" class=\"grid-component-selection\">\r\n <p-tableRadioButton [value]=\"row\" *ngIf=\"selectionType === 'single'\"\r\n (click)=\"multiCheckBoxOnclick(row , $event, true)\"></p-tableRadioButton>\r\n <p-tableCheckbox [value]=\"row\" *ngIf=\"selectionType === 'multiple'\"\r\n (click)=\"multiCheckBoxOnclick(row, $event)\"></p-tableCheckbox>\r\n </td>\r\n\r\n <!-- first actions column -->\r\n <td *ngIf=\"setActionColumnAsFirst && columnActions.length > 0\">\r\n <span class=\"action-btn\" *ngFor=\"let action of columnActions\">\r\n <i [title]=\"action.tooltip\" [class]=\"action.icon\" (click)=\"handleActionClick($event, action, row)\"></i>\r\n </span>\r\n </td>\r\n <td *ngIf=\"setActionColumnAsFirst && useInlineCRUD && (deleteRowPermission || editRowPermission)\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\r\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\">\r\n <span class=\"setActionColumnWidth\">\r\n <se-grid-row-actions [editing]=\"editing\" [editRowPermission]=\"editRowPermission\"\r\n [deleteRowPermission]=\"deleteRowPermission\" [hideDeleteBtn]=\"hideDeleteBtn\" [hideEditBtn]=\"hideEditBtn\"\r\n [row]=\"row\" (onRowEditInitBtn)=\"onRowEditInit($event)\" (deleteRecordBtn)=\"deleteRecord($event)\"\r\n (onRowEditSaveBtn)=\"onRowEditSave($event)\" (onRowEditCancelBtn)=\"onRowEditCancel($event, ri)\"\r\n [editAllRows]=\"editAllRows\">\r\n </se-grid-row-actions>\r\n </span>\r\n </td>\r\n\r\n <!-- Grid Rows Data Bindings Start -->\r\n <td *ngFor=\"let column of selectedColumns\" [ngSwitch]=\"column.type\" [style]=\"column.style \" >\r\n <span class=\"td-content-wrapper\">\r\n\r\n <!-- Boolean column on Grid -->\r\n <span *ngSwitchCase=\"'boolean'\">\r\n <td *ngIf=\"!editing\">\r\n <p-checkbox [disabled]=\"!column.allowEdit ?? true\" [binary]=\"true\" (click)=\"onClickEvent(column, row)\"\r\n (ngModelChange)=\"checkBoxChangeEvent($event, column, row)\" (blur)=\"onFocusOutEvent(column, row)\" \r\n [(ngModel)]=\" \r\n row[column.field] &&\r\n (row[column.field].toString() === '1' ||\r\n row[column.field].toString().toLowerCase() === 'true' ||\r\n row[column.field].toString().toLowerCase() === 'y'||\r\n ( row[column.field].text && (row[column.field]?.text?.toString() === '1' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'true' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'y')))\r\n ? Checked\r\n : unChecked\r\n \">\r\n </p-checkbox>\r\n </td>\r\n <td *ngIf=\"editing\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <!-- for edit checkBox -->\r\n <p-checkbox (click)=\"onClickEvent(column, row)\" (ngModelChange)=\"checkBoxChangeEvent($event, column, row)\"\r\n [disabled]=\"allowDisabled(column,row)\" [binary]=\"true\" [(ngModel)]=\"\r\n row[column.field] && \r\n (row[column.field].toString() === '1' ||\r\n row[column.field].toString().toLowerCase() === 'true' ||\r\n row[column.field].toString().toLowerCase() === 'y' ||\r\n ( row[column.field].text && (row[column.field]?.text?.toString() === '1' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'true' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'y')))\r\n ? editModeChecked\r\n : editModeunCkecked\r\n \" (blur)=\"onFocusOutEvent(column, row)\"></p-checkbox>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{ row[column.field] }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n </span>\r\n\r\n <!-- link column on Grid -->\r\n <span *ngSwitchCase=\"'link'\">\r\n <!-- link column for HyperLink Case -->\r\n <span *ngIf=\"column.allowSave === false\">\r\n <span *ngIf=\"column.target !== '_self'\" (click)=\"onClickEvent(column, row)\"\r\n [title]=\"setConditionBaseValue(row, column)\" class=\"custom-link\"\r\n [class]=\"allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n\r\n <a [href]=\"column.disabled?'':row[column.field + '_obj']?.hyperlink\" target=\"_blank\">\r\n <i *ngIf=\"column.icon &&!row[column.field+'_obj']?.hideFieldValue; else noIcon\" [class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n </a>\r\n \r\n </span>\r\n <span *ngIf=\"column.target === '_self'\" (click)=\"onClickEvent(column, row)\"\r\n [title]=\"setConditionBaseValue(row, column)\"class=\"custom-link\"\r\n [class]=\" allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n\r\n <a [href]=\"column.disabled?'':row[column.field + '_obj']?.hyperlink\" [target]='column.target'>\r\n <i *ngIf=\"column.icon &&!row[column.field+'_obj']?.hideFieldValue; else noIcon\" [class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n </a>\r\n\r\n </span>\r\n </span>\r\n <!-- link column for Edit Case -->\r\n <span *ngIf=\"column.allowSave || column.allowSave === undefined\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <span\r\n *ngIf=\"(column.editable === true || column.editable === undefined) && (column.editLink === true || column.editLink === undefined)\">\r\n <input *ngIf=\"!row.isNew\" pInputText (click)=\"onClickEvent(column, row)\" type=\"text\"\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.hideFieldValue ? '' : row[column.field+'_obj']?.displayField?.toLowerCase() ?\r\n row[row[column.field+'_obj']?.displayField.toLowerCase()] : row[column.field]\" (blur)=\"onFocusOutEvent(column, row)\"\r\n (change)=\"onChangeEvent(column, row)\" />\r\n <input pInputText *ngIf=\"row.isNew\" type=\"text\" (click)=\"onClickEvent(column, row)\"\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField?.toLowerCase() ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n row[column.field]\" (blur)=\"onFocusOutEvent(column, row)\"\r\n (change)=\"onChangeEvent(column, row)\" />\r\n </span>\r\n <span *ngIf=\"column.editable === false\" >\r\n <a class=\"custom-link\" (click)=\"onClickEvent(column, row)\" [href]=\"row[column.field + '_obj']?.hyperlink\" [target]='column.target'\r\n [class]=\"allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n <i *ngIf=\"column.icon && !row[column.field+'_obj']?.hideFieldValue; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n \r\n </a>\r\n </span>\r\n <span *ngIf=\"column.editLink === false\">\r\n <a (click)=\"onClickEvent(column, row)\" [href]=\"row[column.field + '_obj']?.hyperlink\" target=\"_blank\"\r\n [class]=\"column.editable === false ? '' : allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n <i *ngIf=\"column.icon && !row[column.field+'_obj']?.hideFieldValue; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n \r\n </a>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span class=\"custom-link\" [class]=\"column.editable === false || allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n <a (click)=\"onClickEvent(column, row)\" [href]=\"column.disabled?'':row[column.field + '_obj']?.hyperlink\" [target]=\"column.target\"\r\n >\r\n <i *ngIf=\"column.icon&& !row[column.field+'_obj']?.hideFieldValue; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n </a>\r\n\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n </span>\r\n\r\n <!-- Iframe column on Grid -->\r\n <span *ngSwitchCase=\"'iframe'\">\r\n <span class=\"custom-link\" (click)=\"gridIFrame(column, row[column.field + '_obj']?.hyperlink, row)\" [title]=\"\r\n row[column.field + '_obj'] &&\r\n (row[column.field + '_obj'].displayText === null || row[column.field + '_obj'].displayText === '')\r\n ? row[column.field] : row[column.field + '_obj']?.displayText\r\n ? row[column.field + '_obj'].displayText\r\n : column.displayText\r\n ? column.displayText\r\n : row[column.field]\r\n\r\n \"\r\n > \r\n <i *ngIf=\"column.icon; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field + '_obj'] &&\r\n (row[column.field + '_obj'].displayText === null || row[column.field + '_obj'].displayText === '')\r\n ? row[column.field] : row[column.field + '_obj']?.displayText\r\n ? row[column.field + '_obj'].displayText\r\n : column.displayText ? column.displayText : row[column.field]\r\n }}\r\n </ng-template>\r\n </span>\r\n </span>\r\n\r\n <!-- dialog column on Grid -->\r\n <span *ngSwitchCase=\"'dialog'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <span\r\n *ngIf=\"row[column.field + '_secondType'] !== 'date' && !row.hidegridbtn\" \r\n [title]=\"setConditionBaseValue(row, column) \"\r\n >\r\n <span *ngIf=\"column.editable === true && !row[column.field+'_obj']?.hideFieldValue\">\r\n <input\r\n readonly\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\"\r\n type=\"text\"\r\n pInputText\r\n (click)=\"selectLookupField(column, row)\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ?\r\n row[row[column.field+'_obj']?.displayField?.toLowerCase()] : \r\n row[column.field]\"\r\n [name]=\"row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\"\r\n (blur)=\"onFocusOutEvent(column, row)\"\r\n />\r\n </span>\r\n <span\r\n *ngIf=\"column.editable === false || column.editable === undefined\r\n \" class=\"custom-link\"\r\n [class]=\"\r\n allowDisabled(column,row) ? 'disabled-link' : ''\r\n \" (click)=\"openGridDialog(column, row)\">\r\n\r\n <i *ngIf=\"(column.icon || row[column.field+'_obj']?.icon) && !row[column.field+'_obj']?.hideFieldValue ; else noIcon\" [class]=\"row[column.field+'_obj']?.icon ? row[column.field+'_obj']?.icon : column.icon\"></i>\r\n <ng-template #noIcon>{{ (!column.displayText && row.isNew ) || row[column.field+'_obj']?.hideFieldValue ? '' : setConditionBaseValue(row, column)\r\n }}</ng-template>\r\n\r\n\r\n </span>\r\n </span>\r\n\r\n <span *ngIf=\"row[column.field + '_secondType'] === 'date'\" [title]=\"\r\n row[column.field]\r\n | date: (column.format ? column.format : 'MM/dd/YY')\r\n \">\r\n <p-calendar [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" (onClose)=\"onFocusOutEvent(column, row)\"\r\n [appendTo]=\"'body'\" hourFormat=\"12\" [showTime]=\"column.showTime\" (click)=\"onClickEvent(column, row)\"\r\n [timeOnly]=\"column.timeOnly\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ?\r\n row[row[column.field+'_obj']?.displayField.toLowerCase()] : row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\"></p-calendar>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span class=\"custom-link\"\r\n [class]=\"row.disabled || allowDisabled(column,row) ? 'disabled-link' : ''\"\r\n (click)=\"openGridDialog(column, row)\" *ngIf=\"!row[column.field + '_secondType'] && !row.hidegridbtn\"\r\n [title]=\"setConditionBaseValue(row, column)\">\r\n <i *ngIf=\"(column.icon || row[column.field+'_obj']?.icon) && !row[column.field+'_obj']?.hideFieldValue ; else noIcon\" [class]=\"row[column.field+'_obj']?.icon ? row[column.field+'_obj']?.icon : column.icon\"></i>\r\n <ng-template #noIcon>{{ row[column.field+'_obj']?.hideFieldValue ? '' : setConditionBaseValue(row, column) }}</ng-template>\r\n\r\n <!-- {{ setConditionBaseValue(row, column) }} -->\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- lookup Input column on Grid -->\r\n <span *ngSwitchCase=\"'lookup_input'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <div class=\"close-icon-wrapper\">\r\n <input readonly type=\"text\" pInputText\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField?.toLowerCase()] :\r\n typeOf(row[column.field+'_obj']?.text) === 'object' && row[column.field+'_obj']?.text?.hasOwnProperty('text') ? row[column.field+'_obj']?.text?.text : \r\n column.displayField ? row[column.displayField?.toLowerCase()] : row[column.field]\r\n \"\r\n (keyup.tab)=\"selectLookupField(column, row)\" [disabled]=\"allowDisabled(column,row)\"\r\n (click)=\"selectLookupField(column, row)\" [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\"\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\" (blur)=\"onFocusOutEvent(column, row)\" />\r\n <div *ngIf=\"!allowDisabled(column,row)\"><button *ngIf=\"row[column.field] && typeOf(row[column.field]) === 'object'\r\n ? row[column.field].text\r\n : row[column.field] && !column.disabled\" icon=\"pi pi-times\" pButton type=\"button\"\r\n (click)=\"lookupClearValue(column,row)\"></button></div>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span *ngIf=\"column.linkId\">\r\n <a [href]=\"row[column.field + '_obj']?.hyperlink\" [target]=\"column.target === '_self' ? '' : '_blank'\">\r\n {{\r\n setLookupReadOnlyValue(row, column)\r\n }}\r\n </a>\r\n </span>\r\n <span *ngIf=\"!column.linkId\" [class]=\"column.component && column.editLink === true ? 'custom-link' : ''\"\r\n (click)=\"openLookupHyperlink(column, row)\">\r\n {{\r\n setLookupReadOnlyValue(row, column)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- Numeric Input column on Grid -->\r\n <span *ngSwitchCase=\"'numeric'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <!-- for Currency && Decimal && Percent -->\r\n <span class=\"input-number\">\r\n <p-inputNumber [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" [class]=\"\r\n column.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [showButtons]=\"!column.format ? true : false\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField?.toLowerCase()] : row[column.field]\" [name]=\"column.field\"\r\n [disabled]=\"allowDisabled(column,row)\" (ngModelChange)=\"onChangeEvent(column, row)\"\r\n (onBlur)=\"onFocusOutEvent(column, row)\" [mode]=\"\r\n column.format &&\r\n column.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \" [currency]=\"\r\n column.format &&\r\n column.format.type === 'currency' &&\r\n column.format.formatParams &&\r\n column.format.formatParams.currency\r\n ? column.format.formatParams.currency\r\n : 'USD'\r\n \" [locale]=\"\r\n column.format &&\r\n column.format.type === 'currency' &&\r\n column.format.formatParams &&\r\n column.format.formatParams.locale\r\n ? column.format.formatParams.locale\r\n : 'en-US'\r\n \" [minFractionDigits]=\"column.format ? setNumericMinMxFraction(column) : '0'\"\r\n [maxFractionDigits]=\"column.format ? setNumericMinMxFraction(column) : '0'\" [suffix]=\"\r\n column.format &&\r\n column.format.type === 'percent' && \r\n '%'\r\n \r\n \">\r\n </p-inputNumber>\r\n </span>\r\n <ng-template #locked_field><span *ngIf=\"!row.isNew\" [title]=\"row[column.field]\">\r\n {{ row[column.field] }}\r\n </span></ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span [title]=\"setNumericFormat(column, row)\">\r\n {{\r\n setNumericFormat(column, row)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- Button column on Grid -->\r\n <span *ngSwitchCase=\"'add_button'\">\r\n <div>\r\n <button *ngIf=\"!row.hidegridbtn\" pButton type=\"button\"\r\n [icon]=\"row[column.field+'_obj']?.icon ? row[column.field+'_obj']?.icon : column.icon\"\r\n [name]=\"column.header\" class=\"merge-btn\" [disabled]=\"allowDisabled(column,row)\"\r\n [label]=\"row[column.field+'_obj']?.displayText ? row[column.field+'_obj']?.displayText : column.value\"\r\n class=\"grid-component-grid-add-btn\" (click)=\"onClickButton(column, row)\"></button>\r\n </div>\r\n </span>\r\n\r\n <!-- Date column on Grid -->\r\n <span *ngSwitchCase=\"'date'\" [title]=\"setConditionBaseValue(row,column)\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-calendar\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty ' + column.field + row[dataKey] : column.field + row[dataKey]\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" (onClose)=\"onFocusOutEvent(column, row)\"\r\n [appendTo]=\"'body'\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\r\n [stepMinute]=\"column.minutesInterval ? column.minutesInterval : 1\" [showTime]=\"column.showTime\"\r\n [timeOnly]=\"column.timeOnly\" [dateFormat]=\"column.format ? column.format.type : calendarFormat\"\r\n (keyup)=\"calenderInputValue(column, row)\" (onShow)=\"onClickEvent(column, row)\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n row[column.field]\" [disabled]=\"allowDisabled(column,row)\"\r\n [showButtonBar]=\"!column.timeOnly\"></p-calendar>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{ setConditionBaseValue(row,column) }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n <span *ngSwitchDefault>\r\n <span [ngSwitch]=\"column.type\">\r\n <!-- Dropdown column on Grid -->\r\n <span *ngSwitchCase=\"'dropdown'\" [class]=\"dropdownInput ? '' : 'output-dropdown'\" [title]=\"\r\n setDropdwonReadOnlyValue(row, column)\r\n \">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown *ngIf=\"!row[column.field+'_obj']?.hidden\" [options]=\"\r\n row[column.field+'_data']\r\n ? row[column.field+'_data']\r\n : column.data\r\n \"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField?.toLowerCase() ? row[row[column.field+'_obj']?.displayField.toLowerCase()] : row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\" [placeholder]=\"row[column.displayField]\r\n ? row[column.displayField]\r\n : row[column.field] ? row[column.field] : 'Select'\" [showClear]=\"row[column.field] ? true : false\"\r\n [optionLabel]=\"column.optionLabel\" (click)=\"onClickEvent(column, row)\"\r\n [optionValue]=\"column.optionValue\" [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" (blur)=\"onFocusOutEvent(column, row)\"\r\n (onChange)=\"onChangeEvent(column, row)\" [filter]=\"column.allowSearch\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span *ngIf=\"!row[column.field+'_obj']?.hidden\">\r\n {{\r\n setDropdwonReadOnlyValue(row, column)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- MultiSelect column on Grid -->\r\n <span *ngSwitchCase=\"'multi-select'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-multiSelect [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" type=\"text\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField?.toLowerCase() ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n row[column.field]\" [disabled]=\"allowDisabled(column,row)\"\r\n [options]=\"column.data\" [optionLabel]=\"column.optionLabel\" [optionValue]=\"column.optionValue\"\r\n (onChange)=\"onChangeEvent(column, row)\" (onPanelShow)=\"showOption(column, row)\"\r\n (click)=\"onClickEvent(column, row)\" [appendTo]=\"'body'\" (blur)=\"onFocusOutEvent(column, row)\">\r\n </p-multiSelect>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span [title]=\"\r\n row[column.displayField]\r\n ? row[column.displayField]\r\n : setMultiSelectData(column, row[column.field])\r\n \">\r\n {{\r\n row[column.displayField]\r\n ? row[column.displayField] :\r\n setMultiSelectData(column, row[column.field])\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngSwitchCase=\"'AutoComplete'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-autoComplete \r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" \r\n [name]=\"column.header\"\r\n [suggestions]=\"column.data\" \r\n (onSelect)=\"autoCompleteSelectedValue(row, column, $event)\"\r\n [field]=\"column.optionLabel ? column.optionLabel?.toLowerCase() : column.displayField ? column.displayField?.toLowerCase() : column.field?.toLowerCase()\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n typeOf(row[column.field]) === 'object' && row[column.field]?.text ?\r\n row[column.field]?.text :\r\n row[column.field]\"\r\n [dropdown]=\"column.showOption\" \r\n (ngModelChange)=\"onChangeEvent(column, row)\"\r\n (click)=\"onClickEvent(column, row)\" \r\n (completeMethod)=\"autoSearch($event, column, row)\"\r\n (onBlur)=\"onFocusOutEvent(column, row)\" \r\n [disabled]=\"allowDisabled(column,row)\" \r\n [multiple]=\"true\"\r\n (keydown.enter)=\"onAutoCompleteFocusOut($event, column, row)\">\r\n </p-autoComplete>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span *ngIf=\"row[column.field] && row[column.field][0] && row[column.field][0][column.displayField]\">\r\n <span *ngFor=\"let value of row[column.field]; let i = index\">\r\n {{ row[column.field] && row[column.field].length > 1 ? row[column.field].length -1 === i ?\r\n value[column.displayField] : value[column.displayField] + ';' : value[column.displayField] }}\r\n </span>\r\n </span>\r\n <span *ngIf=\"row[column.field] && row[column.field][0] && row[column.field][0][column.field] && !column.displayField\">\r\n <span *ngFor=\"let value of row[column.field]; let i = index\">\r\n {{ row[column.field] && row[column.field].length > 1 ? row[column.field].length -1 === i ?\r\n value[column.field] : value[column.field] + ';' : value[column.field] }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <span *ngSwitchCase=\"'report'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"output\">\r\n <se-generate-report-btn [repId]=\"column.reportId\" [label]=\"column.label\" [params]=\"column.params\"\r\n [showDialog]=\"column.showDialog\"></se-generate-report-btn>\r\n </ng-template>\r\n <ng-template pTemplate=\"input\">\r\n <se-generate-report-btn [repId]=\"column.reportId\" [label]=\"column.label\" [params]=\"column.params\"\r\n [showDialog]=\"column.showDialog\"></se-generate-report-btn>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <span *ngSwitchDefault>\r\n <!-- Input column on Grid -->\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\"\r\n [(ngModel)]=\"row.undefined ? '' : allowDisabled(column,row) && row[column.displayField] ? row[column.displayField] : row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\"\r\n (blur)=\"onFocusOutEvent(column, row)\" (change)=\"onChangeEvent(column, row)\"\r\n (click)=\"onClickButton(column, row)\" *ngIf=\"column.field !== dataKey; else locked_field\" />\r\n <ng-template #locked_field><span *ngIf=\"!row.isNew\" [title]=\"row[column.field]\">\r\n {{ row[column.field] }}\r\n </span></ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span (click)=\"onClickEvent(column, row)\" [title]=\"\r\n setTextBoxReadOnlyValue(row, column)\r\n \">\r\n {{\r\n setTextBoxReadOnlyValue(row, column)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n </span>\r\n </span>\r\n \r\n </span>\r\n </td>\r\n <!-- Grid Rows Data Bindings End -->\r\n\r\n <!-- Action column on Grid -->\r\n <td *ngIf=\"!setActionColumnAsFirst && columns?.length > 0 && columnActions.length > 0\"\r\n class=\"for-buttons\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">\r\n <span class=\"action-btn\" *ngFor=\"let action of columnActions\">\r\n <i [title]=\"action.tooltip\" [class]=\"action.icon\" (click)=\"handleActionClick($event, action, row)\"></i>\r\n </span>\r\n </td>\r\n <td\r\n *ngIf=\"!setActionColumnAsFirst && columns?.length > 0 && useInlineCRUD && (deleteRowPermission || editRowPermission)\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\r\n class=\"for-buttons\"\r\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\">\r\n <span class='setActionColumnWidth'>\r\n <se-grid-row-actions [editing]=\"editing\" [editRowPermission]=\"editRowPermission\"\r\n [deleteRowPermission]=\"deleteRowPermission\" [hideDeleteBtn]=\"hideDeleteBtn\" [hideEditBtn]=\"hideEditBtn\"\r\n [row]=\"row\" (onRowEditInitBtn)=\"onRowEditInit($event)\" (deleteRecordBtn)=\"deleteRecord($event)\"\r\n (onRowEditSaveBtn)=\"onRowEditSave($event)\" (onRowEditCancelBtn)=\"onRowEditCancel($event, ri)\"\r\n [editAllRows]=\"editAllRows\">\r\n </se-grid-row-actions>\r\n </span>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Footer columns on Grid -->\r\n <ng-template pTemplate=\"footer\">\r\n <tr *ngIf=\"aggregateFooter\">\r\n <td\r\n *ngIf=\"setActionColumnAsFirst && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></td>\r\n <td *ngIf=\"allowSelection\" [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></td>\r\n <td *ngFor=\"let outerColumn of selectedColumns\" class=\"grid-component-outer-column\" [style]=\"outerColumn.style\">\r\n <div *ngFor=\"let innerColumn of selectedColumns\">\r\n <div *ngFor=\"let aggr of innerColumn?.aggregate\">\r\n <div\r\n *ngIf=\"aggr.aggrValue?.length && ((!aggr.displayField && innerColumn.field?.toLowerCase() === outerColumn.field?.toLowerCase()) ||\r\n aggr.displayField && aggr.displayField?.toLowerCase() === outerColumn.field?.toLowerCase())\">\r\n <div [innerHTML]=\"aggr.aggrValue\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </td>\r\n <td\r\n *ngIf=\"!setActionColumnAsFirst && columns?.length > 0 && useInlineCRUD && (deleteRowPermission || editRowPermission)\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\r\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\"></td>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Footer for Empty Message columns on Grid -->\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr class=\"grid-component no-records-found\">\r\n <td [attr.colspan]=\"selectedColumns?.length + 1\">{{totalRecords==0? 'No records found':''}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n</div>", styles: [":host ::ng-deep .p-calendar .p-inputtext{width:100%}:host ::ng-deep .p-column-filter-clear-button{display:none}:host ::ng-deep .apply-filter-btn{float:unset!important}:host ::ng-deep .hide-table-filter .pi-filter:before{display:none}:host ::ng-deep .hide-filter-icon .p-column-filter-menu-button{display:none}.disabled-link,.disabled-link a,.disabled-link label,.disabled-link span,.disabled-link div,.disable-label-control,.disabled-link.custom-link,.disabled-link.custom-link a,.disabled-link.custom-link label,.disabled-link.custom-link span,.disabled-link.custom-link div,.disable-label-control.custom-link{pointer-events:none;color:#83baf8}.custom-link{color:#205dcf;font-size:12px}.custom-link:not(.disabled-link){cursor:pointer}.mr-2{margin-right:10px;display:block}.highlighted-row{background-color:#dee2e6!important}.hide-clear-filter-button{display:none!important}\n"], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide"] }, { type: GenerateReportBtnComponent, selector: "se-generate-report-btn", inputs: ["repId", "label", "params", "showDialog", "form"] }, { type: i12__namespace$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollDelay", "virtualRowHeight", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "minBufferPx", "maxBufferPx", "responsiveLayout", "breakpoint", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { type: i12__namespace$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { type: i12__namespace$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { type: i12__namespace$1.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"] }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "virtualScroll", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i12__namespace$1.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { type: i12__namespace$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { type: GridRowActionsComponent, selector: "se-grid-row-actions", inputs: ["editing", "editRowPermission", "deleteRowPermission", "hideDeleteBtn", "hideEditBtn", "editAllRows", "row"], outputs: ["onRowEditInitBtn", "deleteRecordBtn", "onRowEditSaveBtn", "onRowEditCancelBtn"] }, { type: i12__namespace$1.CellEditor, selector: "p-cellEditor" }, { type: i18__namespace.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "scrollHeight", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: AddRowDirective, selector: "[pAddRow]", inputs: ["table", "newRow", "id"] }, { type: i22__namespace.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i3__namespace$2.Ripple, selector: "[pRipple]" }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i12__namespace$1.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { type: i12__namespace$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i7__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i12__namespace$1.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }], pipes: { "date": i7__namespace.DatePipe } });
|
|
8491
|
+
/** @nocollapse */ GridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GridComponent, selector: "se-grid", inputs: { activeTestMode: "activeTestMode", selectedRows: "selectedRows", setGridRefreshTime: "setGridRefreshTime", addDataKeyValue: "addDataKeyValue", showRefreshBtn: "showRefreshBtn", hideRefreshBtn: "hideRefreshBtn", horizontalScroll: "horizontalScroll", hideDeleteBtn: "hideDeleteBtn", hideEditBtn: "hideEditBtn", hideAddBtn: "hideAddBtn", loading: "loading", autoLoadData: "autoLoadData", tableStyle: "tableStyle", rowStyle: "rowStyle", allowSelection: "allowSelection", selectionColumnWidth: "selectionColumnWidth", allowSelectionHeader: "allowSelectionHeader", hideGridSaveButton: "hideGridSaveButton", hideGridCancelButton: "hideGridCancelButton", allowExportToPdf: "allowExportToPdf", allowExportToExcel: "allowExportToExcel", setActionColumnAsFirst: "setActionColumnAsFirst", useInlineCRUD: "useInlineCRUD", rowActions: "rowActions", selectionType: "selectionType", dataKey: "dataKey", clearGridFilter: "clearGridFilter", searchGridFilter: "searchGridFilter", scrollable: "scrollable", scrollHeight: "scrollHeight", wordWrap: "wordWrap", newGridRow: "newGridRow", filtering: "filtering", reportButtons: "reportButtons", rowHover: "rowHover", hideFilterOptions: "hideFilterOptions", setPaginationLength: "setPaginationLength", rows: "rows", globalFilterData: "globalFilterData", columns: "columns", permissions: "permissions", allowColumnToggle: "allowColumnToggle", hideFilter: "hideFilter", lookupFilters: "lookupFilters", pagination: "pagination", showCurrentPageReport: "showCurrentPageReport", totalRecords: "totalRecords", aggregatedResult: "aggregatedResult", showconfirmDialog: "showconfirmDialog", saveAllData: "saveAllData", defaultRows: "defaultRows", columnActions: "columnActions", useServerSideEvents: "useServerSideEvents", allowCaching: "allowCaching", softCaching: "softCaching", editAllRows: "editAllRows" }, outputs: { inlineRowCancel: "inlineRowCancel", rowsChange: "rowsChange", onRowClick: "onRowClick", onCheckBoxFilterClick: "onCheckBoxFilterClick", onRowCheckBox: "onRowCheckBox", onSortChange: "onSortChange", onFilterChange: "onFilterChange", onMultiSelectionChange: "onMultiSelectionChange", onApplyFilter: "onApplyFilter", isIncludedAllColumns: "isIncludedAllColumns", onServerSideEventChange: "onServerSideEventChange", onPageChange: "onPageChange", onRowUpdate: "onRowUpdate", onCancelAllRows: "onCancelAllRows", onRowDelete: "onRowDelete", onRowAdd: "onRowAdd", onGridRowActions: "onGridRowActions", onGridRowEdit: "onGridRowEdit", onGridRowAdd: "onGridRowAdd" }, host: { listeners: { "window:beforeunload": "beforeunloadHandler($event)" } }, viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }, { propertyName: "gridRow", predicate: ["gridRow"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"grid-component-wrapper\">\r\n<p-confirmDialog [style]=\"{ width: '50vw' }\" *ngIf=\"useInlineCRUD\" key=\"handleInlineCRUD\"></p-confirmDialog>\r\n<p-confirmDialog class=\"grid-component-confirm-dialog\" *ngIf=\"columnActions.length > 0\"\r\n key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div class=\"global-filter-buttons-wrapper\">\r\n\r\n <!-- button for apply value on Grid -->\r\n <button *ngIf=\"filtering && (!hideFilter || showFilterbtn)\" pButton type=\"button\" icon=\"pi pi-search\" (click)=\"applyGirdFilterBtn()\"\r\n [class]=\"\r\n searchGridFilter ? 'p-button-success apply-filter-btn filter-btn' : 'hide-clear-filter-button apply-filter-btn filter-btn'\r\n \"></button>\r\n\r\n <!-- button for clear value on Grid -->\r\n <button *ngIf=\"filtering && (!hideFilter || showFilterbtn)\" pButton id=\"clearGridFilterValuesButton\" type=\"button\"\r\n icon=\"pi pi-replay\" (click)=\"cleargridFiltersValue()\" [class]=\"\r\n clearGridFilter ? 'filter-btn' : 'hide-clear-filter-button filter-btn'\r\n \" class='global-refresh global-btn'\r\n ></button>\r\n\r\n <!-- button for save all grid at once -->\r\n <button pButton *ngIf=\"editAllRows && editRowPermission\" id=\"saveAllGridValues\"\r\n icon=\"pi pi-check\" [label]=\"'Save'\"\r\n [class]=\"hideGridSaveButton ? 'hide-clear-filter-button' : 'ui-button-info'\" type=\"button\"\r\n (click)=\"saveAllRowsAtOnce()\"></button>\r\n\r\n <!-- button for cancel all grid at once -->\r\n <button pButton *ngIf=\"editAllRows && !hideGridCancelButton\" id=\"editBtnGlobalvalues\" type=\"button\" [label]=\"'Cancel'\"\r\n icon=\"pi pi-times\" class=\"ui-button-info\" (click)=\"cancelAllRowsAtOnce()\"></button>\r\n\r\n <!-- header Button for multiSelect on Grid -->\r\n <span *ngIf=\"allowColumnToggle\">\r\n <p-multiSelect [showToggleAll]=\"false\" [options]=\"columns\" [(ngModel)]=\"selectedColumns\" optionLabel=\"header\"\r\n selectedItemsLabel=\"{0} columns selected\" class=\"grid-component-multiselect-header-button\" placeholder=\"Choose Columns\">\r\n </p-multiSelect>\r\n </span>\r\n\r\n <!-- header Button for Adding new Row on Grid -->\r\n <button pButton *ngIf=\"useInlineCRUD && addRowPermission && !hideAddBtn\" type=\"button\" [label]=\"'Add'\" pAddRow\r\n [table]=\"componentTableRef\" [newRow]=\"newGridRow\" [id]=\"dataKey\" pTooltip=\"Add New Row\" tooltipPosition=\"bottom\"\r\n icon=\"pi pi-plus\" class=\"ui-button-info global-add-btn\" (click)=\"addNewRow(newGridRow, true)\" pRipple></button>\r\n\r\n \r\n <!-- header Button for Excel File on Grid -->\r\n <button *ngIf=\"allowExportToExcel\" type=\"button\" pButton icon=\"pi pi-file-excel\" (click)=\"exportExcel()\"\r\n class=\"p-button-success\" pTooltip=\"Export to Excel\" tooltipPosition=\"bottom\" pRipple></button>\r\n\r\n<!-- header Button for PDF File on Grid -->\r\n<button *ngIf=\"allowExportToPdf\" type=\"button\" pButton icon=\"pi pi-file-pdf\" (click)=\"exportPdf()\"\r\n class=\"p-button-warning p-mr-2 p-ml-2\" pTooltip=\"Export to Pdf\" tooltipPosition=\"bottom\" pRipple></button>\r\n\r\n <!-- <div *ngFor=\"let reportButton of reportButtons\" class=\"ui-button-info p-mr-2 p-ml-2\">\r\n <se-generate-report-btn *ngIf =\"!reportButton.hidden\"[repId]=\"reportButton.reportId\" [label]=\"reportButton.label\" [params]=\"reportButton.params\"\r\n [showDialog]=\"reportButton.showDialog\"></se-generate-report-btn>\r\n </div> -->\r\n\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngFor=\"let reportButton of reportButtons\">\r\n <se-generate-report-btn *ngIf =\"!reportButton.hidden\"[repId]=\"reportButton.reportId\" [label]=\"reportButton.label\" [params]=\"reportButton.params\"\r\n [showDialog]=\"reportButton.showDialog\"></se-generate-report-btn>\r\n </ng-container>\r\n\r\n</div>\r\n\r\n<p-table *ngIf=\"!isGridHidden\" id=\"my-table\" [value]=\"rowsData\" [columns]=\"selectedColumns\" sortMode=\"multiple\"\r\n [lazy]=\"useServerSideEvents\" [paginator]=\"pagination\" [alwaysShowPaginator]=\"pagination && totalRecords > 0\" [class]=\"pagination || !rowsData.length ? 'pagination' : ''\"\r\n class=\"grid-component-main-table\"\r\n [resizableColumns]=\"true\" responsiveLayout=\"scroll\" columnResizeMode=\"expand\"\r\n [rows]=\"defaultRows\" [totalRecords]=\"totalRecords\" [rowsPerPageOptions]=\"setPaginationLength\"\r\n [showCurrentPageReport]=\"showCurrentPageReport\" currentPageReportTemplate=\"Showing {first} to {last} of {{\r\n totalRecords\r\n }} entries\" [loading]=\"autoLoadData && !setGridRefreshTime ? loading : false\"\r\n (onSort)=\"sortDisabled ?? handleSortChange($event)\" (onFilter)=\"handleFilterChange($event)\"\r\n (onLazyLoad)=\"autoLoadData ? handleServerSideEvents($event) : ''\" (onPage)=\"handleServerSidePagination($event)\" #dt\r\n [dataKey]=\"dataKey\" [(selection)]=\"selectedRows\" selectionMode=\"multiple\" [scrollable]=\"scrollable\" \r\n [scrollHeight]=\"scrollHeight\"\r\n [tableStyle]=\"tableStyle\"\r\n editMode=\"row\" [editingRowKeys]=\"editingRowKeys\" [autoLayout]=\"true\" [rowHover]=\"rowHover\"\r\n [ngClass]=\"{'horizontal-scroll': horizontalScroll === true ? true : false}\">\r\n <!-- [tableStyle]=\"{ 'max-height': scrollHeight }\" -->\r\n <!-- header Button for Action on Grid -->\r\n <div *ngIf=\"rowActions.length > 0 && rowActions.length > 0\" class=\"p-d-flex p-jc-end\">\r\n <span *ngFor=\"let rowAction of rowActions\">\r\n <button pButton type=\"button\" [label]=\"rowAction.title\" [class]=\"rowAction.class\"\r\n (click)=\"rowAction.onClick(selectedRows)\"></button>\r\n </span>\r\n </div>\r\n\r\n <!-- header columns on Grid -->\r\n <ng-template pTemplate=\"header\" let-cols>\r\n <tr>\r\n <th pResizableColumn *ngIf=\"allowSelection && selectionType === 'multiple'\" class=\"grid-component-selection\">\r\n <span class=\"th-content-wrapper\">\r\n <div class=\"grid-component-table-header-inner-div-2\r\n table-header-inner-div div-last-inner-html-is-icon\">\r\n <span class=\"flex-grow-1\"> {{allowSelectionHeader}} </span>\r\n <p-tableHeaderCheckbox *ngIf=\"selectionType === 'multiple'\" binary=\"true\"\r\n (click)=\"multiCheckBoxOnclick(rowsData, $event)\"></p-tableHeaderCheckbox>\r\n </div>\r\n </span>\r\n </th>\r\n <th pResizableColumn *ngIf=\"allowSelection && selectionType === 'single'\" \r\n class=\"grid-component-selection\">\r\n Select\r\n </th>\r\n <th pResizableColumn\r\n *ngIf=\"setActionColumnAsFirst && !disabledSaveBtn && columns?.length > 0 && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">\r\n Actions\r\n </th>\r\n <th pResizableColumn *ngFor=\"let column of cols\" [pSortableColumn]=\"column.field\"\r\n [style]=\"column.style\"\r\n [class]=\"column.type === 'boolean' ? 'checkbox-th' : ''\"\r\n [pSortableColumnDisabled]=\"sortDisabled && useServerSideEvents ? true : column.sorting === false\"\r\n class=\"column?.type === 'multiple' ? 'grid-component-select-th-column-type-multiple' : ''\">\r\n <span class=\"th-content-wrapper\">\r\n <div class=\"grid-component-table-header-inner-div-1 table-header-inner-div div-last-inner-html-is-icon\"> \r\n <span [class]=\"'flex-grow-1'\">{{ column.header }}</span>\r\n <span *ngIf=\"column.isRequired\" class=\"grid-component required-star\">*</span>\r\n <p-sortIcon *ngIf=\"column.sorting !== false && column?.type !== 'multiple'\"\r\n [field]=\"column.field\"></p-sortIcon>\r\n </div>\r\n </span>\r\n </th>\r\n <th pResizableColumn\r\n *ngIf=\"!setActionColumnAsFirst && !disabledSaveBtn && columns?.length > 0 && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">Actions</th>\r\n </tr>\r\n <tr *ngIf=\"filtering && !hideFilter\">\r\n <th pResizableColumn *ngIf=\"allowSelection\" [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></th>\r\n <th pResizableColumn *ngIf=\"setActionColumnAsFirst && !disabledSaveBtn\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">\r\n </th>\r\n <th pResizableColumn *ngFor=\"let column of cols\" [ngSwitch]=\"column?.filter?.type\" [style]=\"column.style\"\r\n [class]=\"hideFilterOptions ? 'hide-table-filter' : ''\">\r\n <span *ngIf=\"column.filtering !== false\" [class]=\"column.filter?.showFilter ? '' : 'hide-filter-icon'\">\r\n <!-- Text input on Header For Filter-->\r\n <p-columnFilter [type]=\"'text'\" [field]=\"column.field\" *ngSwitchCase=\"'input'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <input type=\"text\" [(ngModel)]=\"column.filterValue\" (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (blur)=\"setFilterFocusOut(column, filter, $event)\" (keydown)=\"backspaceEvent($event, column)\"\r\n (keyup)=\"removingFilters($event, column)\" pInputText />\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- Numeric input on Header For Filter-->\r\n <p-columnFilter [type]=\"'numeric'\" [field]=\"column.field\" *ngSwitchCase=\"'numeric_input'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-inputNumber [(ngModel)]=\"column.filterValue\" (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (onBlur)=\"setFilterFocusOut(column, filter, $event)\" (keydown)=\"backspaceEvent($event, column)\"\r\n (keyup)=\"removingFilters($event, column)\"></p-inputNumber>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- lookup input on Header For Filter-->\r\n <p-columnFilter\r\n [type]=\"'text'\"\r\n [field]=\"column.field\"\r\n *ngSwitchCase=\"'lookup_input'\"\r\n >\r\n <ng-template\r\n pTemplate=\"filter\"\r\n let-value\r\n let-filter=\"filterCallback\"\r\n >\r\n <div class=\"close-icon-wrapper grid-component lookup-filter-wrapper\">\r\n <div class=\"lookup-filter-input-wrapper\"> \r\n <input\r\n id=\"lookUp_filter\"\r\n class=\"grid-component lookup-filter\"\r\n autocomplete=\"off\"\r\n type=\"text\"\r\n [(ngModel)]=\"column.filterValue\"\r\n (click)=\"setFilterLookup(column)\"\r\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (blur)=\"setFilterFocusOut(column, filter, $event)\"\r\n (keydown)=\"backspaceEvent($event, column)\"\r\n (keyup)=\"removingFilters($event, column)\"\r\n pInputText\r\n />\r\n </div> \r\n <div><button\r\n *ngIf=\"column.filterValue\"\r\n icon=\"pi pi-times\"\r\n pButton\r\n type=\"button\"\r\n (click)=\"lookupClearValue(column)\"\r\n ></button></div>\r\n </div>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- checkbox on Header For Filter-->\r\n <p-columnFilter type=\"boolean\" [field]=\"column.field\" *ngSwitchCase=\"'checkbox'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-checkbox [binary]=\"true\" [disabled]=\"column.disabled\" [(ngModel)]=\"column.filterValue\"\r\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\"\r\n (onChange)=\"setFilterFocusOut(column, filter, $event)\" (click)=\"clickCheckBoxFilter(column)\"\r\n (keydown)=\"backspaceEvent($event, column)\">\r\n </p-checkbox>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- multiSelect on Header For Filter-->\r\n <p-columnFilter [field]=\"column.field\" matchMode=\"in\" [showMenu]=\"false\" *ngSwitchCase=\"'multi-select'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-multiSelect [ngModel]=\"column.filterValue\" [options]=\"column.filter.data || []\" (onChange)=\"filter($event.value)\"\r\n (blur)=\"setFilterFocusOut(column, filter, $event)\" (keydown)=\"backspaceEvent($event, column)\"\r\n placeholder=\"Any\" optionLabel=\"label\">\r\n </p-multiSelect>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- dropdown on Header For Filter-->\r\n <p-columnFilter [field]=\"column.field\" matchMode=\"in\" [showMenu]=\"false\" *ngSwitchCase=\"'dropdown'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-dropdown [showClear]=\"true\" [placeholder]=\"'Select'\" [filter]=\"column.allowSearch\"\r\n [(ngModel)]=\"column.filterValue\" (keyup.enter)=\"applyDropdownFilter(filter, $event)\"\r\n [options]=\"column.filter.data || []\"\r\n (onChange)=\"searchDropdownFilter(filter, $event, column)\"></p-dropdown>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- calendar on Header For Filter-->\r\n <p-columnFilter [field]=\"column.field\" matchMode=\"in\" [showMenu]=\"false\" *ngSwitchCase=\"'calendar'\">\r\n <ng-template pTemplate=\"filter\" let-value let-filter=\"filterCallback\">\r\n <p-calendar [placeholder]=\"'Select-Date'\" [(ngModel)]=\"column.filterValue\"\r\n (keyup.enter)=\"applyEnterEvent(filter, $event, column)\" appendTo=\"body\" (onSelect)=\"selectDate(column)\"\r\n [inputId]=\"column.field\" hourFormat=\"12\" (keyup.backspace)=\"removeNullCalendar(column, filter, $event)\"\r\n [showButtonBar]=\"true\" (onClose)=\"setFilterFocusOut(column, filter, $event)\"\r\n (keydown)=\"backspaceEvent($event, column)\" (onClearClick)=\"backspaceEvent($event, column)\">\r\n </p-calendar>\r\n </ng-template>\r\n </p-columnFilter>\r\n\r\n <!-- Default Filter For Header -->\r\n <p-columnFilter [type]=\"\r\n column.type && column.type !== 'link' ? column.type : 'text'\r\n \" [field]=\"column.field\" display=\"menu\" *ngSwitchDefault>\r\n </p-columnFilter>\r\n </span>\r\n </th>\r\n <th pResizableColumn\r\n *ngIf=\"!setActionColumnAsFirst && !disabledSaveBtn && columns?.length > 0 && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></th>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Body columns on Grid -->\r\n <ng-template pTemplate=\"body\" let-row let-editing=\"editing\" let-ri=\"rowIndex\">\r\n <tr \r\n [style]=\"rowStyle\"\r\n [ngClass]=\"row?.highlightrow ? 'highlighted-row' : ''\"\r\n [class]=\"wordWrap ? 'p-selectable-row wordWrapTrue' : 'wordWrapFalse p-selectable-row'\" (click)=\"!editing && handleRowClick(row)\"\r\n [pEditableRow]=\"row\" #gridRow [id]=\"row[dataKey]\">\r\n <td *ngIf=\"allowSelection\" class=\"grid-component-selection\">\r\n <p-tableRadioButton [value]=\"row\" *ngIf=\"selectionType === 'single'\"\r\n (click)=\"multiCheckBoxOnclick(row , $event, true)\"></p-tableRadioButton>\r\n <p-tableCheckbox [value]=\"row\" *ngIf=\"selectionType === 'multiple'\"\r\n (click)=\"multiCheckBoxOnclick(row, $event)\"></p-tableCheckbox>\r\n </td>\r\n\r\n <!-- first actions column -->\r\n <td *ngIf=\"setActionColumnAsFirst && columnActions.length > 0\">\r\n <span class=\"action-btn\" *ngFor=\"let action of columnActions\">\r\n <i [title]=\"action.tooltip\" [class]=\"action.icon\" (click)=\"handleActionClick($event, action, row)\"></i>\r\n </span>\r\n </td>\r\n <td *ngIf=\"setActionColumnAsFirst && useInlineCRUD && (deleteRowPermission || editRowPermission)\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\r\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\">\r\n <span class=\"setActionColumnWidth\">\r\n <se-grid-row-actions [editing]=\"editing\" [editRowPermission]=\"editRowPermission\"\r\n [deleteRowPermission]=\"deleteRowPermission\" [hideDeleteBtn]=\"hideDeleteBtn\" [hideEditBtn]=\"hideEditBtn\"\r\n [row]=\"row\" (onRowEditInitBtn)=\"onRowEditInit($event)\" (deleteRecordBtn)=\"deleteRecord($event)\"\r\n (onRowEditSaveBtn)=\"onRowEditSave($event)\" (onRowEditCancelBtn)=\"onRowEditCancel($event, ri)\"\r\n [editAllRows]=\"editAllRows\">\r\n </se-grid-row-actions>\r\n </span>\r\n </td>\r\n\r\n <!-- Grid Rows Data Bindings Start -->\r\n <td *ngFor=\"let column of selectedColumns\" [ngSwitch]=\"column.type\" [style]=\"column.style \" >\r\n <span class=\"td-content-wrapper\">\r\n\r\n <!-- Boolean column on Grid -->\r\n <span *ngSwitchCase=\"'boolean'\">\r\n <td *ngIf=\"!editing\">\r\n <p-checkbox [disabled]=\"!column.allowEdit ?? true\" [binary]=\"true\" (click)=\"onClickEvent(column, row)\"\r\n (ngModelChange)=\"checkBoxChangeEvent($event, column, row)\" (blur)=\"onFocusOutEvent(column, row)\" \r\n [(ngModel)]=\" \r\n row[column.field] &&\r\n (row[column.field].toString() === '1' ||\r\n row[column.field].toString().toLowerCase() === 'true' ||\r\n row[column.field].toString().toLowerCase() === 'y'||\r\n ( row[column.field].text && (row[column.field]?.text?.toString() === '1' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'true' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'y')))\r\n ? Checked\r\n : unChecked\r\n \">\r\n </p-checkbox>\r\n </td>\r\n <td *ngIf=\"editing\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <!-- for edit checkBox -->\r\n <p-checkbox (click)=\"onClickEvent(column, row)\" (ngModelChange)=\"checkBoxChangeEvent($event, column, row)\"\r\n [disabled]=\"allowDisabled(column,row)\" [binary]=\"true\" [(ngModel)]=\"\r\n row[column.field] && \r\n (row[column.field].toString() === '1' ||\r\n row[column.field].toString().toLowerCase() === 'true' ||\r\n row[column.field].toString().toLowerCase() === 'y' ||\r\n ( row[column.field].text && (row[column.field]?.text?.toString() === '1' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'true' ||\r\n row[column.field]?.text?.toString()?.toLowerCase() === 'y')))\r\n ? editModeChecked\r\n : editModeunCkecked\r\n \" (blur)=\"onFocusOutEvent(column, row)\"></p-checkbox>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{ row[column.field] }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </td>\r\n </span>\r\n\r\n <!-- link column on Grid -->\r\n <span *ngSwitchCase=\"'link'\">\r\n <!-- link column for HyperLink Case -->\r\n <span *ngIf=\"column.allowSave === false\">\r\n <span *ngIf=\"column.target !== '_self'\" (click)=\"onClickEvent(column, row)\"\r\n [title]=\"setConditionBaseValue(row, column)\" class=\"custom-link\"\r\n [class]=\"allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n\r\n <a [href]=\"column.disabled?'':row[column.field + '_obj']?.hyperlink\" target=\"_blank\">\r\n <i *ngIf=\"column.icon &&!row[column.field+'_obj']?.hideFieldValue; else noIcon\" [class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n </a>\r\n \r\n </span>\r\n <span *ngIf=\"column.target === '_self'\" (click)=\"onClickEvent(column, row)\"\r\n [title]=\"setConditionBaseValue(row, column)\"class=\"custom-link\"\r\n [class]=\" allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n\r\n <a [href]=\"column.disabled?'':row[column.field + '_obj']?.hyperlink\" [target]='column.target'>\r\n <i *ngIf=\"column.icon &&!row[column.field+'_obj']?.hideFieldValue; else noIcon\" [class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n </a>\r\n\r\n </span>\r\n </span>\r\n <!-- link column for Edit Case -->\r\n <span *ngIf=\"column.allowSave || column.allowSave === undefined\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <span\r\n *ngIf=\"(column.editable === true || column.editable === undefined) && (column.editLink === true || column.editLink === undefined)\">\r\n <input *ngIf=\"!row.isNew\" pInputText (click)=\"onClickEvent(column, row)\" type=\"text\"\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.hideFieldValue ? '' : row[column.field+'_obj']?.displayField?.toLowerCase() ?\r\n row[row[column.field+'_obj']?.displayField.toLowerCase()] : row[column.field]\" (blur)=\"onFocusOutEvent(column, row)\"\r\n (change)=\"onChangeEvent(column, row)\" />\r\n <input pInputText *ngIf=\"row.isNew\" type=\"text\" (click)=\"onClickEvent(column, row)\"\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField?.toLowerCase() ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n row[column.field]\" (blur)=\"onFocusOutEvent(column, row)\"\r\n (change)=\"onChangeEvent(column, row)\" />\r\n </span>\r\n <span *ngIf=\"column.editable === false\" >\r\n <a class=\"custom-link\" (click)=\"onClickEvent(column, row)\" [href]=\"row[column.field + '_obj']?.hyperlink\" [target]='column.target'\r\n [class]=\"allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n <i *ngIf=\"column.icon && !row[column.field+'_obj']?.hideFieldValue; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n \r\n </a>\r\n </span>\r\n <span *ngIf=\"column.editLink === false\">\r\n <a (click)=\"onClickEvent(column, row)\" [href]=\"row[column.field + '_obj']?.hyperlink\" target=\"_blank\"\r\n [class]=\"column.editable === false ? '' : allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n <i *ngIf=\"column.icon && !row[column.field+'_obj']?.hideFieldValue; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n \r\n </a>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span class=\"custom-link\" [class]=\"column.editable === false || allowDisabled(column,row) ? 'disabled-link' : ''\">\r\n <a (click)=\"onClickEvent(column, row)\" [href]=\"column.disabled?'':row[column.field + '_obj']?.hyperlink\" [target]=\"column.target\"\r\n >\r\n <i *ngIf=\"column.icon&& !row[column.field+'_obj']?.hideFieldValue; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field+'_obj']?.hideFieldValue?'':\r\n setConditionBaseValue(row, column)\r\n }}\r\n </ng-template>\r\n </a>\r\n\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n </span>\r\n\r\n <!-- Iframe column on Grid -->\r\n <span *ngSwitchCase=\"'iframe'\">\r\n <span class=\"custom-link\" (click)=\"gridIFrame(column, row[column.field + '_obj']?.hyperlink, row)\" [title]=\"\r\n row[column.field + '_obj'] &&\r\n (row[column.field + '_obj'].displayText === null || row[column.field + '_obj'].displayText === '')\r\n ? row[column.field] : row[column.field + '_obj']?.displayText\r\n ? row[column.field + '_obj'].displayText\r\n : column.displayText\r\n ? column.displayText\r\n : row[column.field]\r\n\r\n \"\r\n > \r\n <i *ngIf=\"column.icon; else noIcon\"[class]=\"column.icon\"></i>\r\n <ng-template #noIcon>\r\n {{\r\n row[column.field + '_obj'] &&\r\n (row[column.field + '_obj'].displayText === null || row[column.field + '_obj'].displayText === '')\r\n ? row[column.field] : row[column.field + '_obj']?.displayText\r\n ? row[column.field + '_obj'].displayText\r\n : column.displayText ? column.displayText : row[column.field]\r\n }}\r\n </ng-template>\r\n </span>\r\n </span>\r\n\r\n <!-- dialog column on Grid -->\r\n <span *ngSwitchCase=\"'dialog'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <span\r\n *ngIf=\"row[column.field + '_secondType'] !== 'date' && !row.hidegridbtn\" \r\n [title]=\"setConditionBaseValue(row, column) \"\r\n >\r\n <span *ngIf=\"column.editable === true && !row[column.field+'_obj']?.hideFieldValue\">\r\n <input\r\n readonly\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\"\r\n type=\"text\"\r\n pInputText\r\n (click)=\"selectLookupField(column, row)\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ?\r\n row[row[column.field+'_obj']?.displayField?.toLowerCase()] : \r\n row[column.field]\"\r\n [name]=\"row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\"\r\n (blur)=\"onFocusOutEvent(column, row)\"\r\n />\r\n </span>\r\n <span\r\n *ngIf=\"column.editable === false || column.editable === undefined\r\n \" class=\"custom-link\"\r\n [class]=\"\r\n allowDisabled(column,row) ? 'disabled-link' : ''\r\n \" (click)=\"openGridDialog(column, row)\">\r\n\r\n <i *ngIf=\"(column.icon || row[column.field+'_obj']?.icon) && !row[column.field+'_obj']?.hideFieldValue ; else noIcon\" [class]=\"row[column.field+'_obj']?.icon ? row[column.field+'_obj']?.icon : column.icon\"></i>\r\n <ng-template #noIcon>{{ (!column.displayText && row.isNew ) || row[column.field+'_obj']?.hideFieldValue ? '' : setConditionBaseValue(row, column)\r\n }}</ng-template>\r\n\r\n\r\n </span>\r\n </span>\r\n\r\n <span *ngIf=\"row[column.field + '_secondType'] === 'date'\" [title]=\"\r\n row[column.field]\r\n | date: (column.format ? column.format : 'MM/dd/YY')\r\n \">\r\n <p-calendar [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" (onClose)=\"onFocusOutEvent(column, row)\"\r\n [appendTo]=\"'body'\" hourFormat=\"12\" [showTime]=\"column.showTime\" (click)=\"onClickEvent(column, row)\"\r\n [timeOnly]=\"column.timeOnly\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ?\r\n row[row[column.field+'_obj']?.displayField.toLowerCase()] : row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\"></p-calendar>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span class=\"custom-link\"\r\n [class]=\"row.disabled || allowDisabled(column,row) ? 'disabled-link' : ''\"\r\n (click)=\"openGridDialog(column, row)\" *ngIf=\"!row[column.field + '_secondType'] && !row.hidegridbtn\"\r\n [title]=\"setConditionBaseValue(row, column)\">\r\n <i *ngIf=\"(column.icon || row[column.field+'_obj']?.icon) && !row[column.field+'_obj']?.hideFieldValue ; else noIcon\" [class]=\"row[column.field+'_obj']?.icon ? row[column.field+'_obj']?.icon : column.icon\"></i>\r\n <ng-template #noIcon>{{ row[column.field+'_obj']?.hideFieldValue ? '' : setConditionBaseValue(row, column) }}</ng-template>\r\n\r\n <!-- {{ setConditionBaseValue(row, column) }} -->\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- lookup Input column on Grid -->\r\n <span *ngSwitchCase=\"'lookup_input'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <div class=\"close-icon-wrapper\">\r\n <input readonly type=\"text\" pInputText\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField?.toLowerCase()] :\r\n typeOf(row[column.field+'_obj']?.text) === 'object' && row[column.field+'_obj']?.text?.hasOwnProperty('text') ? row[column.field+'_obj']?.text?.text : \r\n column.displayField ? row[column.displayField?.toLowerCase()] : row[column.field]\r\n \"\r\n (keyup.tab)=\"selectLookupField(column, row)\" [disabled]=\"allowDisabled(column,row)\"\r\n (click)=\"selectLookupField(column, row)\" [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\"\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\" (blur)=\"onFocusOutEvent(column, row)\" />\r\n <div *ngIf=\"!allowDisabled(column,row)\"><button *ngIf=\"row[column.field] && typeOf(row[column.field]) === 'object'\r\n ? row[column.field].text\r\n : row[column.field] && !column.disabled\" icon=\"pi pi-times\" pButton type=\"button\"\r\n (click)=\"lookupClearValue(column,row)\"></button></div>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span *ngIf=\"column.linkId\">\r\n <a [href]=\"row[column.field + '_obj']?.hyperlink\" [target]=\"column.target === '_self' ? '' : '_blank'\">\r\n {{\r\n setLookupReadOnlyValue(row, column)\r\n }}\r\n </a>\r\n </span>\r\n <span *ngIf=\"!column.linkId\" [class]=\"column.component && column.editLink === true ? 'custom-link' : ''\"\r\n (click)=\"openLookupHyperlink(column, row)\">\r\n {{\r\n setLookupReadOnlyValue(row, column)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- Numeric Input column on Grid -->\r\n <span *ngSwitchCase=\"'numeric'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <!-- for Currency && Decimal && Percent -->\r\n <span class=\"input-number\">\r\n <p-inputNumber [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" [class]=\"\r\n column.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [showButtons]=\"!column.format ? true : false\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField?.toLowerCase()] : row[column.field]\" [name]=\"column.field\"\r\n [disabled]=\"allowDisabled(column,row)\" (ngModelChange)=\"onChangeEvent(column, row)\"\r\n (onBlur)=\"onFocusOutEvent(column, row)\" [mode]=\"\r\n column.format &&\r\n column.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \" [currency]=\"\r\n column.format &&\r\n column.format.type === 'currency' &&\r\n column.format.formatParams &&\r\n column.format.formatParams.currency\r\n ? column.format.formatParams.currency\r\n : 'USD'\r\n \" [locale]=\"\r\n column.format &&\r\n column.format.type === 'currency' &&\r\n column.format.formatParams &&\r\n column.format.formatParams.locale\r\n ? column.format.formatParams.locale\r\n : 'en-US'\r\n \" [minFractionDigits]=\"column.format ? setNumericMinMxFraction(column) : '0'\"\r\n [maxFractionDigits]=\"column.format ? setNumericMinMxFraction(column) : '0'\" [suffix]=\"\r\n column.format &&\r\n column.format.type === 'percent' && \r\n '%'\r\n \r\n \">\r\n </p-inputNumber>\r\n </span>\r\n <ng-template #locked_field><span *ngIf=\"!row.isNew\" [title]=\"row[column.field]\">\r\n {{ row[column.field] }}\r\n </span></ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span [title]=\"setNumericFormat(column, row)\">\r\n {{\r\n setNumericFormat(column, row)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- Button column on Grid -->\r\n <span *ngSwitchCase=\"'add_button'\">\r\n <div>\r\n <button *ngIf=\"!row.hidegridbtn\" pButton type=\"button\"\r\n [icon]=\"row[column.field+'_obj']?.icon ? row[column.field+'_obj']?.icon : column.icon\"\r\n [name]=\"column.header\" class=\"merge-btn\" [disabled]=\"allowDisabled(column,row)\"\r\n [label]=\"row[column.field+'_obj']?.displayText ? row[column.field+'_obj']?.displayText : column.value\"\r\n class=\"grid-component-grid-add-btn\" (click)=\"onClickButton(column, row)\"></button>\r\n </div>\r\n </span>\r\n\r\n <!-- Date column on Grid -->\r\n <span *ngSwitchCase=\"'date'\" [title]=\"setConditionBaseValue(row,column)\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-calendar\r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty ' + column.field + row[dataKey] : column.field + row[dataKey]\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" (onClose)=\"onFocusOutEvent(column, row)\"\r\n [appendTo]=\"'body'\" hourFormat=\"12\" [defaultDate]=\"defaultDate\"\r\n [stepMinute]=\"column.minutesInterval ? column.minutesInterval : 1\" [showTime]=\"column.showTime\"\r\n [timeOnly]=\"column.timeOnly\" [dateFormat]=\"column.format ? column.format.type : calendarFormat\"\r\n (keyup)=\"calenderInputValue(column, row)\" (onShow)=\"onClickEvent(column, row)\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n row[column.field]\" [disabled]=\"allowDisabled(column,row)\"\r\n [showButtonBar]=\"!column.timeOnly\"></p-calendar>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n {{ setConditionBaseValue(row,column) }}\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n <span *ngSwitchDefault>\r\n <span [ngSwitch]=\"column.type\">\r\n <!-- Dropdown column on Grid -->\r\n <span *ngSwitchCase=\"'dropdown'\" [class]=\"dropdownInput ? '' : 'output-dropdown'\" [title]=\"\r\n setDropdwonReadOnlyValue(row, column)\r\n \">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-dropdown *ngIf=\"!row[column.field+'_obj']?.hidden\" [options]=\"\r\n row[column.field+'_data']\r\n ? row[column.field+'_data']\r\n : column.data\r\n \"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField?.toLowerCase() ? row[row[column.field+'_obj']?.displayField.toLowerCase()] : row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\" [placeholder]=\"row[column.displayField]\r\n ? row[column.displayField]\r\n : row[column.field] ? row[column.field] : 'Select'\" [showClear]=\"row[column.field] ? true : false\"\r\n [optionLabel]=\"column.optionLabel\" (click)=\"onClickEvent(column, row)\"\r\n [optionValue]=\"column.optionValue\" [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" (blur)=\"onFocusOutEvent(column, row)\"\r\n (onChange)=\"onChangeEvent(column, row)\" [filter]=\"column.allowSearch\"></p-dropdown>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span *ngIf=\"!row[column.field+'_obj']?.hidden\">\r\n {{\r\n setDropdwonReadOnlyValue(row, column)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- MultiSelect column on Grid -->\r\n <span *ngSwitchCase=\"'multi-select'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-multiSelect [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" type=\"text\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField?.toLowerCase() ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n row[column.field]\" [disabled]=\"allowDisabled(column,row)\"\r\n [options]=\"column.data\" [optionLabel]=\"column.optionLabel\" [optionValue]=\"column.optionValue\"\r\n (onChange)=\"onChangeEvent(column, row)\" (onPanelShow)=\"showOption(column, row)\"\r\n (click)=\"onClickEvent(column, row)\" [appendTo]=\"'body'\" (blur)=\"onFocusOutEvent(column, row)\">\r\n </p-multiSelect>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span [title]=\"\r\n row[column.displayField]\r\n ? row[column.displayField]\r\n : setMultiSelectData(column, row[column.field])\r\n \">\r\n {{\r\n row[column.displayField]\r\n ? row[column.displayField] :\r\n setMultiSelectData(column, row[column.field])\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngSwitchCase=\"'AutoComplete'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <p-autoComplete \r\n [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\" \r\n [name]=\"column.header\"\r\n [suggestions]=\"column.data\" \r\n (onSelect)=\"autoCompleteSelectedValue(row, column, $event)\"\r\n [field]=\"column.optionLabel ? column.optionLabel?.toLowerCase() : column.displayField ? column.displayField?.toLowerCase() : column.field?.toLowerCase()\"\r\n [(ngModel)]=\"row[column.field+'_obj']?.displayField ? row[row[column.field+'_obj']?.displayField.toLowerCase()] :\r\n typeOf(row[column.field]) === 'object' && row[column.field]?.text ?\r\n row[column.field]?.text :\r\n row[column.field]\"\r\n [dropdown]=\"column.showOption\" \r\n (ngModelChange)=\"onChangeEvent(column, row)\"\r\n (click)=\"onClickEvent(column, row)\" \r\n (completeMethod)=\"autoSearch($event, column, row)\"\r\n (onBlur)=\"onFocusOutEvent(column, row)\" \r\n [disabled]=\"allowDisabled(column,row)\" \r\n [multiple]=\"true\"\r\n (keydown.enter)=\"onAutoCompleteFocusOut($event, column, row)\">\r\n </p-autoComplete>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span *ngIf=\"row[column.field] && row[column.field][0] && row[column.field][0][column.displayField]\">\r\n <span *ngFor=\"let value of row[column.field]; let i = index\">\r\n {{ row[column.field] && row[column.field].length > 1 ? row[column.field].length -1 === i ?\r\n value[column.displayField] : value[column.displayField] + ';' : value[column.displayField] }}\r\n </span>\r\n </span>\r\n <span *ngIf=\"row[column.field] && row[column.field][0] && row[column.field][0][column.field] && !column.displayField\">\r\n <span *ngFor=\"let value of row[column.field]; let i = index\">\r\n {{ row[column.field] && row[column.field].length > 1 ? row[column.field].length -1 === i ?\r\n value[column.field] : value[column.field] + ';' : value[column.field] }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <span *ngSwitchCase=\"'report'\">\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"output\">\r\n <se-generate-report-btn [repId]=\"column.reportId\" [label]=\"column.label\" [params]=\"column.params\"\r\n [showDialog]=\"column.showDialog\"></se-generate-report-btn>\r\n </ng-template>\r\n <ng-template pTemplate=\"input\">\r\n <se-generate-report-btn [repId]=\"column.reportId\" [label]=\"column.label\" [params]=\"column.params\"\r\n [showDialog]=\"column.showDialog\"></se-generate-report-btn>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n\r\n <span *ngSwitchDefault>\r\n <!-- Input column on Grid -->\r\n <p-cellEditor>\r\n <ng-template pTemplate=\"input\">\r\n <input pInputText type=\"text\" [class]=\"column.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"allowDisabled(column,row) ? 'hide-border' : ''\"\r\n [(ngModel)]=\"row.undefined ? '' : allowDisabled(column,row) && row[column.displayField] ? row[column.displayField] : row[column.field]\"\r\n [disabled]=\"allowDisabled(column,row)\"\r\n (blur)=\"onFocusOutEvent(column, row)\" (change)=\"onChangeEvent(column, row)\"\r\n (click)=\"onClickButton(column, row)\" *ngIf=\"column.field !== dataKey; else locked_field\" />\r\n <ng-template #locked_field><span *ngIf=\"!row.isNew\" [title]=\"row[column.field]\">\r\n {{ row[column.field] }}\r\n </span></ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"output\">\r\n <span (click)=\"onClickEvent(column, row)\" [title]=\"\r\n setTextBoxReadOnlyValue(row, column)\r\n \">\r\n {{\r\n setTextBoxReadOnlyValue(row, column)\r\n }}\r\n </span>\r\n </ng-template>\r\n </p-cellEditor>\r\n </span>\r\n </span>\r\n </span>\r\n \r\n </span>\r\n </td>\r\n <!-- Grid Rows Data Bindings End -->\r\n\r\n <!-- Action column on Grid -->\r\n <td *ngIf=\"!setActionColumnAsFirst && columns?.length > 0 && columnActions.length > 0\"\r\n class=\"for-buttons\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\">\r\n <span class=\"action-btn\" *ngFor=\"let action of columnActions\">\r\n <i [title]=\"action.tooltip\" [class]=\"action.icon\" (click)=\"handleActionClick($event, action, row)\"></i>\r\n </span>\r\n </td>\r\n <td\r\n *ngIf=\"!setActionColumnAsFirst && columns?.length > 0 && useInlineCRUD && (deleteRowPermission || editRowPermission)\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\r\n class=\"for-buttons\"\r\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\">\r\n <span class='setActionColumnWidth'>\r\n <se-grid-row-actions [editing]=\"editing\" [editRowPermission]=\"editRowPermission\"\r\n [deleteRowPermission]=\"deleteRowPermission\" [hideDeleteBtn]=\"hideDeleteBtn\" [hideEditBtn]=\"hideEditBtn\"\r\n [row]=\"row\" (onRowEditInitBtn)=\"onRowEditInit($event)\" (deleteRecordBtn)=\"deleteRecord($event)\"\r\n (onRowEditSaveBtn)=\"onRowEditSave($event)\" (onRowEditCancelBtn)=\"onRowEditCancel($event, ri)\"\r\n [editAllRows]=\"editAllRows\">\r\n </se-grid-row-actions>\r\n </span>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Footer columns on Grid -->\r\n <ng-template pTemplate=\"footer\">\r\n <tr *ngIf=\"aggregateFooter\">\r\n <td\r\n *ngIf=\"setActionColumnAsFirst && (columnActions.length > 0 || (useInlineCRUD && (deleteRowPermission || editRowPermission)))\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></td>\r\n <td *ngIf=\"allowSelection\" [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"></td>\r\n <td *ngFor=\"let outerColumn of selectedColumns\" class=\"grid-component-outer-column\" [style]=\"outerColumn.style\">\r\n <div *ngFor=\"let innerColumn of selectedColumns\">\r\n <div *ngFor=\"let aggr of innerColumn?.aggregate\">\r\n <div\r\n *ngIf=\"aggr.aggrValue?.length && ((!aggr.displayField && innerColumn.field?.toLowerCase() === outerColumn.field?.toLowerCase()) ||\r\n aggr.displayField && aggr.displayField?.toLowerCase() === outerColumn.field?.toLowerCase())\">\r\n <div [innerHTML]=\"aggr.aggrValue\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </td>\r\n <td\r\n *ngIf=\"!setActionColumnAsFirst && columns?.length > 0 && useInlineCRUD && (deleteRowPermission || editRowPermission)\"\r\n [class]=\"inEditMode ? 'three-action-btn' : 'two-action-btn'\"\r\n [ngClass]=\"disabledSaveBtn ? 'hide-clear-filter-button' : ''\"></td>\r\n </tr>\r\n </ng-template>\r\n\r\n <!-- Footer for Empty Message columns on Grid -->\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr class=\"grid-component no-records-found\">\r\n <td [attr.colspan]=\"selectedColumns?.length + 1\">{{totalRecords==0? 'No records found':''}}</td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n</div>", styles: [":host ::ng-deep .p-calendar .p-inputtext{width:100%}:host ::ng-deep .p-column-filter-clear-button{display:none}:host ::ng-deep .apply-filter-btn{float:unset!important}:host ::ng-deep .hide-table-filter .pi-filter:before{display:none}:host ::ng-deep .hide-filter-icon .p-column-filter-menu-button{display:none}.disabled-link,.disabled-link a,.disabled-link label,.disabled-link span,.disabled-link div,.disable-label-control,.disabled-link.custom-link,.disabled-link.custom-link a,.disabled-link.custom-link label,.disabled-link.custom-link span,.disabled-link.custom-link div,.disable-label-control.custom-link{pointer-events:none;color:#83baf8}.custom-link{color:#205dcf;font-size:12px}.custom-link:not(.disabled-link){cursor:pointer}.mr-2{margin-right:10px;display:block}.highlighted-row{background-color:#dee2e6!important}.hide-clear-filter-button{display:none!important}\n"], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["acceptIcon", "acceptVisible", "rejectIcon", "rejectVisible", "closeOnEscape", "blockScroll", "closable", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "visible", "position", "header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptLabel", "acceptAriaLabel", "rejectLabel", "rejectAriaLabel", "acceptButtonStyleClass", "rejectButtonStyleClass", "dismissableMask", "rtl", "appendTo", "key", "breakpoints"], outputs: ["onHide"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["filter", "displaySelectedLabel", "maxSelectedLabels", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "display", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue", "disabled", "overlayVisible", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filterPlaceHolder", "filterLocale", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "selectionLimit", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "filterBy", "virtualScroll", "itemSize", "ariaFilterLabel", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }, { type: GenerateReportBtnComponent, selector: "se-generate-report-btn", inputs: ["repId", "label", "params", "showDialog", "form"] }, { type: i12__namespace$1.Table, selector: "p-table", inputs: ["pageLinks", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "contextMenuSelectionMode", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "filterDelay", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "virtualScrollDelay", "virtualRowHeight", "columnResizeMode", "loadingIcon", "showLoader", "showInitialSortBadge", "stateStorage", "editMode", "totalRecords", "value", "columns", "first", "rows", "sortField", "sortOrder", "multiSortMeta", "selection", "contextMenuSelection", "frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "rowsPerPageOptions", "paginatorDropdownAppendTo", "showCurrentPageReport", "showJumpToPageDropdown", "selectionMode", "dataKey", "metaKeySelection", "globalFilterFields", "filterLocale", "scrollable", "scrollHeight", "virtualScroll", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "reorderableColumns", "loading", "rowHover", "customSort", "autoLayout", "exportFunction", "stateKey", "minBufferPx", "maxBufferPx"], outputs: ["selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { type: i12__namespace$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { type: i12__namespace$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { type: i12__namespace$1.ColumnFilter, selector: "p-columnFilter", inputs: ["type", "display", "showMenu", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "maxConstraints", "useGrouping", "field", "matchMode", "placeholder", "matchModeOptions", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay"] }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "incrementButtonIcon", "decrementButtonIcon", "step", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "disabled", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "inputStyle", "inputStyleClass"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["checkboxIcon", "disabled", "value", "name", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "readonly", "required"], outputs: ["onChange"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "icon", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "dataType", "selectionMode", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "keepInvalid", "hideOnDateTimeSelect", "numberOfMonths", "view", "timeSeparator", "focusTrap", "firstDayOfWeek", "showTransitionOptions", "hideTransitionOptions", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "locale", "disabled", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "selectOtherMonths", "showIcon", "appendTo", "readonlyInput", "monthNavigator", "yearNavigator", "timeOnly", "required", "maxDateCount", "showButtonBar", "panelStyleClass", "panelStyle", "touchUI", "tabindex"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i12__namespace$1.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { type: i12__namespace$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { type: GridRowActionsComponent, selector: "se-grid-row-actions", inputs: ["editing", "editRowPermission", "deleteRowPermission", "hideDeleteBtn", "hideEditBtn", "editAllRows", "row"], outputs: ["onRowEditInitBtn", "deleteRecordBtn", "onRowEditSaveBtn", "onRowEditCancelBtn"] }, { type: i12__namespace$1.CellEditor, selector: "p-cellEditor" }, { type: i18__namespace.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "group", "field", "dropdown", "showEmptyMessage", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus", "optionGroupChildren", "optionGroupLabel"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: AddRowDirective, selector: "[pAddRow]", inputs: ["table", "newRow", "id"] }, { type: i22__namespace.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { type: i3__namespace$2.Ripple, selector: "[pRipple]" }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i12__namespace$1.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { type: i12__namespace$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i7__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i12__namespace$1.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }], pipes: { "date": i7__namespace.DatePipe } });
|
|
8492
8492
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GridComponent, decorators: [{
|
|
8493
8493
|
type: i0.Component,
|
|
8494
8494
|
args: [{
|
|
@@ -8993,7 +8993,7 @@
|
|
|
8993
8993
|
return CardComponent;
|
|
8994
8994
|
}());
|
|
8995
8995
|
/** @nocollapse */ CardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: CardComponent, deps: [{ token: i1__namespace.DialogService }, { token: GridService }, { token: i3__namespace.ConfirmationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
8996
|
-
/** @nocollapse */ CardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: CardComponent, selector: "se-card", inputs: { data: "data", width: "width", height: "height", card: "card", setCardData: "setCardData" }, outputs: { selectedCard: "selectedCard" }, usesOnChanges: true, ngImport: i0__namespace, template: "<!-- Display Files Card -->\r\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n class=\"example-list\"\r\n (cdkDropListDropped)=\"dragAndDrop($event)\"\r\n>\r\n <div \r\n class=\"p-d-flex cards-wrapper\" \r\n [ngStyle]=\"{ width: width, height: height }\" \r\n *ngIf=\"data\" \r\n [class]=\"card && card.class ? card.class : ''\">\r\n <div\r\n cdkDrag\r\n class=\"example-box p-d-flex p-flex-column cards-wrapper\"\r\n [class]=\"\r\n card && card.width && card.width.length > 0\r\n ? 'p-col-' + card.width\r\n : 'p-col-3'\r\n \"\r\n *ngFor=\"let file of data; let i = index\"\r\n (click)=\"onClickEvent(file,i)\"\r\n [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\r\n >\r\n <!-- start cards image functionality -->\r\n <se-file\r\n [url]=\"file.blobfileurl\"\r\n [type]=\"file.fileextension\"\r\n [caption]=\"file?.filecaption\"\r\n [height]=\"card?.height\"\r\n [allowDownloadFile]=\"card?.allowDownload\"\r\n [allowEditableCaption]=\"card?.allowEditableCaption\"\r\n [allowDeleteFile]=\"card?.allowDelete\"\r\n [name]=\"file.blobfileurl\"\r\n [id]=\"file.fileextension\"\r\n (onDeleteEvent)=\"deleteImage($event)\"\r\n (onSaveEvent)=\"saveCaption($event)\"\r\n ></se-file>\r\n <!-- End cards image functionality -->\r\n\r\n <!-- start form functionality in card -->\r\n <se-form-util\r\n class=\"form-content\"\r\n [form]=\"file.dynamicform\"\r\n [hideSaveButton]=\"true\"\r\n [hideCancelButton]=\"true\"\r\n ></se-form-util>\r\n <!-- End form functionality in card -->\r\n </div>\r\n </div>\r\n\r\n <!-- in case of form and data is empty or null -->\r\n <div *ngIf=\"dynamicForm && (!data || data.length == 0)\">\r\n <se-form-util\r\n *ngIf=\"dynamicForm\"\r\n [form]=\"dynamicForm\"\r\n [hideSaveButton]=\"true\"\r\n [hideCancelButton]=\"true\"\r\n ></se-form-util>\r\n </div>\r\n</div>\r\n", styles: [":host ::ng-deep .custom-card .action-buttons{visibility:hidden}:host ::ng-deep .custom-card .image-wrapper:hover .action-buttons{visibility:visible}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:hover .header-icons{opacity:1}.card-active{transform:scale(1.1);transition:all .2s linear;z-index:999}\n"], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["
|
|
8996
|
+
/** @nocollapse */ CardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: CardComponent, selector: "se-card", inputs: { data: "data", width: "width", height: "height", card: "card", setCardData: "setCardData" }, outputs: { selectedCard: "selectedCard" }, usesOnChanges: true, ngImport: i0__namespace, template: "<!-- Display Files Card -->\r\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n class=\"example-list\"\r\n (cdkDropListDropped)=\"dragAndDrop($event)\"\r\n>\r\n <div \r\n class=\"p-d-flex cards-wrapper\" \r\n [ngStyle]=\"{ width: width, height: height }\" \r\n *ngIf=\"data\" \r\n [class]=\"card && card.class ? card.class : ''\">\r\n <div\r\n cdkDrag\r\n class=\"example-box p-d-flex p-flex-column cards-wrapper\"\r\n [class]=\"\r\n card && card.width && card.width.length > 0\r\n ? 'p-col-' + card.width\r\n : 'p-col-3'\r\n \"\r\n *ngFor=\"let file of data; let i = index\"\r\n (click)=\"onClickEvent(file,i)\"\r\n [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\r\n >\r\n <!-- start cards image functionality -->\r\n <se-file\r\n [url]=\"file.blobfileurl\"\r\n [type]=\"file.fileextension\"\r\n [caption]=\"file?.filecaption\"\r\n [height]=\"card?.height\"\r\n [allowDownloadFile]=\"card?.allowDownload\"\r\n [allowEditableCaption]=\"card?.allowEditableCaption\"\r\n [allowDeleteFile]=\"card?.allowDelete\"\r\n [name]=\"file.blobfileurl\"\r\n [id]=\"file.fileextension\"\r\n (onDeleteEvent)=\"deleteImage($event)\"\r\n (onSaveEvent)=\"saveCaption($event)\"\r\n ></se-file>\r\n <!-- End cards image functionality -->\r\n\r\n <!-- start form functionality in card -->\r\n <se-form-util\r\n class=\"form-content\"\r\n [form]=\"file.dynamicform\"\r\n [hideSaveButton]=\"true\"\r\n [hideCancelButton]=\"true\"\r\n ></se-form-util>\r\n <!-- End form functionality in card -->\r\n </div>\r\n </div>\r\n\r\n <!-- in case of form and data is empty or null -->\r\n <div *ngIf=\"dynamicForm && (!data || data.length == 0)\">\r\n <se-form-util\r\n *ngIf=\"dynamicForm\"\r\n [form]=\"dynamicForm\"\r\n [hideSaveButton]=\"true\"\r\n [hideCancelButton]=\"true\"\r\n ></se-form-util>\r\n </div>\r\n</div>\r\n", styles: [":host ::ng-deep .custom-card .action-buttons{visibility:hidden}:host ::ng-deep .custom-card .image-wrapper:hover .action-buttons{visibility:visible}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:hover .header-icons{opacity:1}.card-active{transform:scale(1.1);transition:all .2s linear;z-index:999}\n"], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["acceptIcon", "acceptVisible", "rejectIcon", "rejectVisible", "closeOnEscape", "blockScroll", "closable", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "visible", "position", "header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptLabel", "acceptAriaLabel", "rejectLabel", "rejectAriaLabel", "acceptButtonStyleClass", "rejectButtonStyleClass", "dismissableMask", "rtl", "appendTo", "key", "breakpoints"], outputs: ["onHide"] }, { type: fileComponent, selector: "se-file", inputs: ["url", "caption", "width", "height", "id", "name", "type", "allowDownloadFile", "allowEditableCaption", "allowDeleteFile"], outputs: ["onDeleteEvent", "onSaveEvent"] }, { type: FormUtilComponent, selector: "se-form-util", inputs: ["stickyActions", "form", "hideSaveButton", "hideCancelButton", "formButtons", "loading", "activeTestMode"], outputs: ["saveForm", "cancelForm", "dropDownChangeEvent", "sectionClickedEvent"] }], directives: [{ type: i7__namespace$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
8997
8997
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: CardComponent, decorators: [{
|
|
8998
8998
|
type: i0.Component,
|
|
8999
8999
|
args: [{
|
|
@@ -10152,7 +10152,7 @@
|
|
|
10152
10152
|
return FormComponent;
|
|
10153
10153
|
}());
|
|
10154
10154
|
/** @nocollapse */ FormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: FormComponent, deps: [{ token: AuthenticationService }, { token: FormService }, { token: AlertService }, { token: i4__namespace.DomSanitizer }, { token: i1__namespace.DialogService }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ChangeDetectorRef }, { token: i6__namespace.Router }, { token: i0__namespace.ElementRef }, { token: i7__namespace.DatePipe }, { token: GridService }, { token: PageLoggerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10155
|
-
/** @nocollapse */ FormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: FormComponent, selector: "se-form", inputs: { stickyActions: "stickyActions", form: "form", hideSaveButton: "hideSaveButton", hideCancelButton: "hideCancelButton", formButtons: "formButtons", loading: "loading", activeTestMode: "activeTestMode" }, outputs: { saveForm: "saveForm", cancelForm: "cancelForm", dropDownChangeEvent: "dropDownChangeEvent", sectionClickedEvent: "sectionClickedEvent" }, host: { listeners: { "window:beforeunload": "beforeunloadHandler($event)" } }, viewQueries: [{ propertyName: "dynamicComponentContainer", predicate: ["dynamicComponentContainer"], descendants: true, read: i0.ViewContainerRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\"></p-confirmDialog>\r\n<form *ngIf=\"!isFormHidden && form\">\r\n <div *ngIf=\"loading\">\r\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\r\n </div>\r\n <div class=\"p-flex-wrap\">\r\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\r\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\r\n <span (click)=\"clickedSection(formSection)\">\r\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\r\n <div [class]=\"formSection.hidden ? 'hidden' : formSection.class\">\r\n <p-accordion>\r\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\r\n [disabled]=\"formSection.accordionDisabled\"\r\n [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\r\n <p-header>\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\r\n }}</span>\r\n </p-header>\r\n\r\n <div class=\"p-d-flex p-ai-center p-col form-component accordion-header-wrapper\">\r\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"accordionHeaderName p-d-flex p-ai-center\">\r\n <i [class]=\"formSection.icon\" class=\"\"></i>\r\n <div> {{ formSection.name }} </div>\r\n </label>\r\n\r\n <div *ngFor=\"let link of formSection.links\" >\r\n <label class=\"p-mr-3 custom-link\" [class]=\"link.name &&!formSection.disabled&&!link.disabled ? 'custom-link' : 'disabled-link'\" (click)=\"onLinkClick(link, formSection)\">\r\n {{ link.name }}\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div class=\"p-d-flex p-flex-wrap form-component form-body-wrapper\"> \r\n <div [class]=\"\r\n (formField.control==='add_button'? ' form-button-field-wrapper ':'')+\r\n ( formField.column\r\n ? 'p-col-' + formField.column + setClassName(formField)\r\n : form.column\r\n ? 'p-col-' + form.column + setClassName(formField)\r\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField))\"\r\n [ngClass]=\"formField.control === 'break_line' ? 'break-line' : ''\"\r\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\">\r\n <!-- labelControl Hyperlink on lookup Control Field-->\r\n <div *ngIf=\"formField.label?.labelControl\">\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\r\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\r\n [class]=\"formField.disabledText ? 'disable-label-control' : '' \"\r\n [href]=\"formField.label.labelControl?.hyperlink?.link\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadLabelControlIFrame(formField)\" \r\n [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <!-- labelControl on addTextbox, calendar -->\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\">\r\n <a tabindex=\"-1\" [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\r\n (click)=\"selectLookupLabel(formField)\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div [ngSwitch]=\"formField.control\">\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.SPACER\">\r\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input TextArea -->\r\n <span *ngIf=\"!formField.hidden\">\r\n\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <textarea [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" pInputTextarea [rows]=\"formField.row ? formField.row : 1 \"\r\n (change)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [name]=\"formField.field\" [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\r\n (blur)=\"onFocusOutEvent(formField)\"></textarea>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.INPUT\">\r\n <span>\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"\r\n (formField.disabled && !formField.showBottomBorder ? 'disabled-label' : '')\r\n +\r\n (formField.label.onClick ? 'custom-label' : '')\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n <span *ngIf=\"formField.isPassword\"> \r\n <i *ngIf=\"formField.textType=='password';else hideButton\" class=\"pi pi-eye\"\r\n (click)=\"changePasswordType(formField)\"></i>\r\n <ng-template #hideButton>\r\n <i class=\"pi pi-eye-slash\" (click)=\"changePasswordType(formField)\"></i>\r\n </ng-template>\r\n </span>\r\n </label>\r\n </span>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\" [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\r\n [type]=\"formField.textType ? formField.textType : 'text'\" pInputText [(ngModel)]=\"\r\n formField.value &&\r\n typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\r\n \" (change)=\"onChangeEvent(formField)\"\r\n [name]=\"formField.field ? formField.field : formField.label\"\r\n (click)=\"handleClickEvent(formField)\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.NUMERIC\">\r\n <label [class]=\"\r\n formField.label.onClick ? 'custom-link' : ''\r\n \" (click)=\"\r\n formField.label.onClick &&\r\n formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <!-- for Currency && number && Decimal && Percent -->\r\n <span class=\"input-number\">\r\n <p-inputNumber [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\r\n (ngModelChange)=\"onChangeEvent(formField)\" (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\" [mode]=\"\r\n formField.format &&\r\n formField.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \" [currency]=\"\r\n formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.currency\r\n ? formField.format.formatParams.currency\r\n : 'USD'\r\n \" [locale]=\"formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.locale\r\n ? formField.format.formatParams.locale\r\n : 'en-US'\r\n \" [minFractionDigits]=\"\r\n formField.format &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.digitsInfo\r\n ? formField.format.formatParams.digitsInfo\r\n : formField.format &&\r\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\r\n ? '2'\r\n : '0'\r\n \" [suffix]=\"\r\n formField.format &&\r\n formField.format.type === 'percent' && \r\n '%'\r\n \r\n \">\r\n </p-inputNumber>\r\n </span>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Password Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" type=\"password\" (click)=\"handleClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\" pInputText [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\r\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">{{\r\n formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-checkbox class=\"p-d-flex p-ai-center\" [binary]=\"true\" [name]=\"formField.field\"\r\n (click)=\"onClickEvent(formField)\" (change)=\"onChangeEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (onChange)=\"onFocusOutEvent(formField)\">\r\n </p-checkbox>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\r\n <label \r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <p-calendar [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty ' + formField.field\r\n : 'form-control '+ formField.field\r\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" [disabled]=\"formField.disabled\" hourFormat=\"12\"\r\n [defaultDate]=\"defaultDate\"\r\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\"\r\n [showTime]=\"formField.showTime\" (onShow)=\"setCalenderDate(formField)\"\r\n [timeOnly]=\"formField.timeOnly\" [view]=\"formField.monthOnly ? 'month' : 'date' \"\r\n (click)=\"handleClickEvent(formField)\"\r\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\r\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calenderInputValue(formField)\"\r\n (onClose)=\"onFocusOutEvent(formField)\">\r\n </p-calendar>\r\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\r\n <label *ngIf=\"!formField.label?.labelControl\" \r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" class=\"required-star\">*</span>\r\n </label>\r\n <p-dropdown [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : ''\r\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\r\n [options]=\"formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\r\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\r\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\r\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\r\n (onChange)=\"onClearValue(formField, $event)\"\r\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\">\r\n </p-dropdown>\r\n <span *ngIf=\"\r\n !formField?.isValid &&\r\n !formField.hidden\r\n \" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <span class=\"p-fluid\">\r\n <p-autoComplete [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\"\r\n (onChange)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n (completeMethod)=\"autoSearch($event, formField)\" [dropdown]=\"formField.showOption\"\r\n [field]=\"formField.displayField\" [name]=\"formField.label\" [multiple]=\"true\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-multiSelect [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [options]=\"formField.data\" optionLabel=\"label\"\r\n optionValue=\"value\" [appendTo]=\"'body'\" [name]=\"formField.field\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"formField.onClick ? formField.onClick() : ''\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\">\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Hyperlink-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" [title]=\"formField.label\" *ngSwitchCase=\"dynamicCase.HYPERLINK\">\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.component\r\n \" (click)=\"hyperlinkDialog(formField)\">\r\n {{ formField.label }}\r\n </div>\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target !== '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" [href]=\"formField.disabled?'':sanitizeUrl(formField.hyperlink?.link)\" \r\n [target]=\"formField.hyperlink?.target\" (click)=\"handleClickEvent(formField)\"\r\n [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target === '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\r\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <div class=\"close-icon-wrapper\">\r\n\r\n <span class=\"p-input-icon-right\">\r\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" \r\n class=\"form-component lookup-input\"\r\n type=\"text\"\r\n pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\" autocomplete=\"off\"\r\n [id]=\"formField.field\"\r\n [name]=\"formField.field\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (keyup.Tab)=\"selectLookupField(formField)\"\r\n readonly\r\n />\r\n </span>\r\n <div>\r\n <button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\r\n class=\"lookup-clear-icon-button\"\r\n type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\r\n \r\n </div>\r\n </div>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- File Upload Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <se-file-upload [allowMultiple]=\"formField.selectMultipleFiles\"\r\n [acceptFileTypes]=\"formField.SetfileTypes\" [fields]=\"formField\"\r\n (fileUrl)=\"setFileUrls($event)\"\r\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"></se-file-upload>\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Display Card field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CARD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n\r\n <se-card [card]=\"formField.card\" [setCardData]=\"setCardData\"\r\n (selectedCard)=\"selectedCardClickEvent($event)\"></se-card>\r\n\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Note Detail Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\r\n <div [class]=\"formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \">\r\n <span class=\"pl-2\" (click)=\"\r\n !formField.disabled\r\n ? handleNoteFieldDialog(formField)\r\n : ''\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">{{formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label}}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </span>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Dynamic Component Container-->\r\n <span [class]=\"formField.hidden ? 'hidden' : ''\">\r\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\" #dynamicComponentContainer\r\n *ngSwitchCase=\"dynamicCase.COMPONENT\"></div>\r\n </span>\r\n\r\n <!-- Header component-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\r\n <label [class]=\"formField.class\">\r\n <b> {{ formField.label }} </b>\r\n </label>\r\n </div>\r\n </span>\r\n\r\n <!-- Add OnClick Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\r\n <button pButton type=\"button\" [icon]=\"formField.icon\" [label]=\"formField.label\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\r\n (click)=\"onClickEvent(formField)\"\r\n [class]=\"formField.class?formField.class:''\"\r\n ></button>\r\n </div>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.REPORT\">\r\n <se-generate-report-btn [repId]=\"formField.reportId\" [label]=\"formField.label\"\r\n [params]=\"formField.params\" [showDialog]=\"formField.showDialog\" [form]=\"form\"></se-generate-report-btn>\r\n </div>\r\n </span>\r\n\r\n\r\n <!-- Add Input Switch -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\r\n <div>\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n </label>\r\n </div>\r\n <p-inputSwitch [name]=\"formField.label ? formField.label: 'switch'\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (click)=\"onClickEvent(formField)\"></p-inputSwitch>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- save and close buttons -->\r\n <div class=\"p-col-12 p-d-flex p-jc-end\" [ngClass]=\"{ sticky: stickyActions }\">\r\n <div class=\"inner-sticky form-component actions-buttons-wrapper-div\">\r\n <!-- save button -->\r\n <button *ngIf=\"!hideSaveButton\" [disabled]=\"isFormDisabled\" pButton type=\"button\" icon=\"pi pi-check\"\r\n label=\"Save\" class=\"p-button-success\" (click)=\"onSaveForm()\"></button>\r\n <!-- close button -->\r\n <button *ngIf=\"!hideCancelButton\" [disabled]=\"isFormDisabled\" (click)=\"onCancelForm()\" pButton type=\"button\"\r\n icon=\"pi pi-times\" label=\"Cancel\" class=\"p-button-danger p-ml-3\"></button> \r\n <!-- dynamic buttons -->\r\n <ng-container *ngFor=\"let button of formButtons\">\r\n <button *ngIf=\"!button.hidden\" pButton type=\"button\" [label]=\"button.label\" [icon]=\"button.icon ? button.icon : ''\"\r\n class=\"p-button-success p-ml-3\" (click)=\"onNewButtonClick(button)\" [disabled]=\"button.disabled?button.disabled:false\">\r\n </button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</form>", styles: [".custom-link{color:#4e87f1;text-decoration:none}.custom-link:not(.disabled-link){cursor:pointer}.break-line{width:100%}:host ::ng-deep .hide-accordian .p-accordion-header{display:none}:host ::ng-deep .hide-today-btn{visibility:hidden}.error{color:red}.hidden{display:none!important}.disabled-link,.disabled-link a,.disabled-link label,.disabled-link span,.disabled-link div,.disable-label-control,.disabled-link.custom-link,.disabled-link.custom-link a,.disabled-link.custom-link label,.disabled-link.custom-link span,.disabled-link.custom-link div,.disable-label-control.custom-link{pointer-events:none;color:#83baf8}.progress-spinner{z-index:999}.progress-spinner:before{content:\"\"}\n"], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { type: i11__namespace.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { type: i12__namespace.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { type: i12__namespace.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: i3__namespace.Header, selector: "p-header" }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "virtualScroll", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear"] }, { type: i18__namespace.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "scrollHeight", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide"] }, { type: FileUploadComponent, selector: "se-file-upload", inputs: ["acceptFileTypes", "allowMultiple", "fields"], outputs: ["fileUrl", "uploadFileOnReturn"] }, { type: CardComponent, selector: "se-card", inputs: ["data", "width", "height", "card", "setCardData"], outputs: ["selectedCard"] }, { type: GenerateReportBtnComponent, selector: "se-generate-report-btn", inputs: ["repId", "label", "params", "showDialog", "form"] }, { type: i20__namespace.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
|
|
10155
|
+
/** @nocollapse */ FormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: FormComponent, selector: "se-form", inputs: { stickyActions: "stickyActions", form: "form", hideSaveButton: "hideSaveButton", hideCancelButton: "hideCancelButton", formButtons: "formButtons", loading: "loading", activeTestMode: "activeTestMode" }, outputs: { saveForm: "saveForm", cancelForm: "cancelForm", dropDownChangeEvent: "dropDownChangeEvent", sectionClickedEvent: "sectionClickedEvent" }, host: { listeners: { "window:beforeunload": "beforeunloadHandler($event)" } }, viewQueries: [{ propertyName: "dynamicComponentContainer", predicate: ["dynamicComponentContainer"], descendants: true, read: i0.ViewContainerRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\"></p-confirmDialog>\r\n<form *ngIf=\"!isFormHidden && form\">\r\n <div *ngIf=\"loading\">\r\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\r\n </div>\r\n <div class=\"p-flex-wrap\">\r\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\r\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\r\n <span (click)=\"clickedSection(formSection)\">\r\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\r\n <div [class]=\"formSection.hidden ? 'hidden' : formSection.class\">\r\n <p-accordion>\r\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\r\n [disabled]=\"formSection.accordionDisabled\"\r\n [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\r\n <p-header>\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\r\n }}</span>\r\n </p-header>\r\n\r\n <div class=\"p-d-flex p-ai-center p-col form-component accordion-header-wrapper\">\r\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"accordionHeaderName p-d-flex p-ai-center\">\r\n <i [class]=\"formSection.icon\" class=\"\"></i>\r\n <div> {{ formSection.name }} </div>\r\n </label>\r\n\r\n <div *ngFor=\"let link of formSection.links\" >\r\n <label class=\"p-mr-3 custom-link\" [class]=\"link.name &&!formSection.disabled&&!link.disabled ? 'custom-link' : 'disabled-link'\" (click)=\"onLinkClick(link, formSection)\">\r\n {{ link.name }}\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div class=\"p-d-flex p-flex-wrap form-component form-body-wrapper\"> \r\n <div [class]=\"\r\n (formField.control==='add_button'? ' form-button-field-wrapper ':'')+\r\n ( formField.column\r\n ? 'p-col-' + formField.column + setClassName(formField)\r\n : form.column\r\n ? 'p-col-' + form.column + setClassName(formField)\r\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField))\"\r\n [ngClass]=\"formField.control === 'break_line' ? 'break-line' : ''\"\r\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\">\r\n <!-- labelControl Hyperlink on lookup Control Field-->\r\n <div *ngIf=\"formField.label?.labelControl\">\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\r\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\r\n [class]=\"formField.disabledText ? 'disable-label-control' : '' \"\r\n [href]=\"formField.label.labelControl?.hyperlink?.link\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadLabelControlIFrame(formField)\" \r\n [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <!-- labelControl on addTextbox, calendar -->\r\n <div class=\"link-label custom-link\"\r\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\">\r\n <a tabindex=\"-1\" [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\r\n (click)=\"selectLookupLabel(formField)\" [title]=\"formField.label.name\">\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div [ngSwitch]=\"formField.control\">\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.SPACER\">\r\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input TextArea -->\r\n <span *ngIf=\"!formField.hidden\">\r\n\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <textarea [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" pInputTextarea [rows]=\"formField.row ? formField.row : 1 \"\r\n (change)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [name]=\"formField.field\" [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\r\n (blur)=\"onFocusOutEvent(formField)\"></textarea>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.INPUT\">\r\n <span>\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"\r\n (formField.disabled && !formField.showBottomBorder ? 'disabled-label' : '')\r\n +\r\n (formField.label.onClick ? 'custom-label' : '')\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n <span *ngIf=\"formField.isPassword\"> \r\n <i *ngIf=\"formField.textType=='password';else hideButton\" class=\"pi pi-eye\"\r\n (click)=\"changePasswordType(formField)\"></i>\r\n <ng-template #hideButton>\r\n <i class=\"pi pi-eye-slash\" (click)=\"changePasswordType(formField)\"></i>\r\n </ng-template>\r\n </span>\r\n </label>\r\n </span>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\" [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\r\n [type]=\"formField.textType ? formField.textType : 'text'\" pInputText [(ngModel)]=\"\r\n formField.value &&\r\n typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\r\n \" (change)=\"onChangeEvent(formField)\"\r\n [name]=\"formField.field ? formField.field : formField.label\"\r\n (click)=\"handleClickEvent(formField)\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.NUMERIC\">\r\n <label [class]=\"\r\n formField.label.onClick ? 'custom-link' : ''\r\n \" (click)=\"\r\n formField.label.onClick &&\r\n formField.label.onClick()\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <!-- for Currency && number && Decimal && Percent -->\r\n <span class=\"input-number\">\r\n <p-inputNumber [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [name]=\"formField.field\"\r\n (ngModelChange)=\"onChangeEvent(formField)\" (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\" [mode]=\"\r\n formField.format &&\r\n formField.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \" [currency]=\"\r\n formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.currency\r\n ? formField.format.formatParams.currency\r\n : 'USD'\r\n \" [locale]=\"formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.locale\r\n ? formField.format.formatParams.locale\r\n : 'en-US'\r\n \" [minFractionDigits]=\"\r\n formField.format &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.digitsInfo\r\n ? formField.format.formatParams.digitsInfo\r\n : formField.format &&\r\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\r\n ? '2'\r\n : '0'\r\n \" [suffix]=\"\r\n formField.format &&\r\n formField.format.type === 'percent' && \r\n '%'\r\n \r\n \">\r\n </p-inputNumber>\r\n </span>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Password Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" type=\"password\" (click)=\"handleClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\" pInputText [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" (blur)=\"onFocusOutEvent(formField)\" />\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\r\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">{{\r\n formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-checkbox class=\"p-d-flex p-ai-center\" [binary]=\"true\" [name]=\"formField.field\"\r\n (click)=\"onClickEvent(formField)\" (change)=\"onChangeEvent(formField)\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (onChange)=\"onFocusOutEvent(formField)\">\r\n </p-checkbox>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <span [class]=\"formField.disabled ? 'disabled-calendar-header-span' : ''\">\r\n <label \r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <p-calendar [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty ' + formField.field\r\n : 'form-control '+ formField.field\r\n \" [showButtonBar]=\"!formField.timeOnly\" [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\" [disabled]=\"formField.disabled\" hourFormat=\"12\"\r\n [defaultDate]=\"defaultDate\"\r\n [stepMinute]=\"formField.minutesInterval ? formField.minutesInterval : 1\"\r\n [showTime]=\"formField.showTime\" (onShow)=\"setCalenderDate(formField)\"\r\n [timeOnly]=\"formField.timeOnly\" [view]=\"formField.monthOnly ? 'month' : 'date' \"\r\n (click)=\"handleClickEvent(formField)\"\r\n [dateFormat]=\"formField?.format?.type ? formField.format?.type : calendarFormat\"\r\n (ngModelChange)=\"calendarChangeValue(formField)\" (onInput)=\"calenderInputValue(formField)\"\r\n (onClose)=\"onFocusOutEvent(formField)\">\r\n </p-calendar>\r\n <!-- [todayButtonStyleClass]=\"column.timeOnly ? 'hide-today-btn' : 'show-today-btn'\" -->\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\r\n <label *ngIf=\"!formField.label?.labelControl\" \r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \r\n (click)=\"formField.label.onClick && formField.label.onClick()\" \r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" class=\"required-star\">*</span>\r\n </label>\r\n <p-dropdown [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : ''\r\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\r\n [options]=\"formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\r\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\r\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\r\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\r\n (onChange)=\"onClearValue(formField, $event)\"\r\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\">\r\n </p-dropdown>\r\n <span *ngIf=\"\r\n !formField?.isValid &&\r\n !formField.hidden\r\n \" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <span class=\"p-fluid\">\r\n <p-autoComplete [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\"\r\n (onChange)=\"onChangeEvent(formField)\" (click)=\"handleClickEvent(formField)\"\r\n (completeMethod)=\"autoSearch($event, formField)\" [dropdown]=\"formField.showOption\"\r\n [field]=\"formField.displayField\" [name]=\"formField.label\" [multiple]=\"true\"\r\n [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-multiSelect [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" [(ngModel)]=\"formField.value\" [options]=\"formField.data\" optionLabel=\"label\"\r\n optionValue=\"value\" [appendTo]=\"'body'\" [name]=\"formField.field\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"formField.onClick ? formField.onClick() : ''\" [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\">\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Hyperlink-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" [title]=\"formField.label\" *ngSwitchCase=\"dynamicCase.HYPERLINK\">\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.component\r\n \" (click)=\"hyperlinkDialog(formField)\">\r\n {{ formField.label }}\r\n </div>\r\n <div [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \" *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target !== '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" [href]=\"formField.disabled?'':sanitizeUrl(formField.hyperlink?.link)\" \r\n [target]=\"formField.hyperlink?.target\" (click)=\"handleClickEvent(formField)\"\r\n [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target === '_iframe' &&\r\n !formField.hyperlink.component\r\n \">\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\r\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <div class=\"close-icon-wrapper\">\r\n\r\n <span class=\"p-input-icon-right\">\r\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\r\n <input [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \" \r\n class=\"form-component lookup-input\"\r\n type=\"text\"\r\n pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\" autocomplete=\"off\"\r\n [id]=\"formField.field\"\r\n [name]=\"formField.field\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (keyup.Tab)=\"selectLookupField(formField)\"\r\n readonly\r\n />\r\n </span>\r\n <div>\r\n <button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\r\n class=\"lookup-clear-icon-button\"\r\n type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\r\n \r\n </div>\r\n </div>\r\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- File Upload Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n <se-file-upload [allowMultiple]=\"formField.selectMultipleFiles\"\r\n [acceptFileTypes]=\"formField.SetfileTypes\" [fields]=\"formField\"\r\n (fileUrl)=\"setFileUrls($event)\"\r\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"></se-file-upload>\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Display Card field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CARD\">\r\n <span [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \">\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n </span>\r\n\r\n <se-card [card]=\"formField.card\" [setCardData]=\"setCardData\"\r\n (selectedCard)=\"selectedCardClickEvent($event)\"></se-card>\r\n\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Note Detail Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\r\n <div [class]=\"formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \">\r\n <span class=\"pl-2\" (click)=\"\r\n !formField.disabled\r\n ? handleNoteFieldDialog(formField)\r\n : ''\r\n \" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">{{formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label}}\r\n <span *ngIf=\"formField.requiredField\" class=\"required-star\">*</span>\r\n </span>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Dynamic Component Container-->\r\n <span [class]=\"formField.hidden ? 'hidden' : ''\">\r\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\" #dynamicComponentContainer\r\n *ngSwitchCase=\"dynamicCase.COMPONENT\"></div>\r\n </span>\r\n\r\n <!-- Header component-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\r\n <label [class]=\"formField.class\">\r\n <b> {{ formField.label }} </b>\r\n </label>\r\n </div>\r\n </span>\r\n\r\n <!-- Add OnClick Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\r\n <button pButton type=\"button\" [icon]=\"formField.icon\" [label]=\"formField.label\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\r\n (click)=\"onClickEvent(formField)\"\r\n [class]=\"formField.class?formField.class:''\"\r\n ></button>\r\n </div>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.REPORT\">\r\n <se-generate-report-btn [repId]=\"formField.reportId\" [label]=\"formField.label\"\r\n [params]=\"formField.params\" [showDialog]=\"formField.showDialog\" [form]=\"form\"></se-generate-report-btn>\r\n </div>\r\n </span>\r\n\r\n\r\n <!-- Add Input Switch -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\r\n <div>\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n </label>\r\n </div>\r\n <p-inputSwitch [name]=\"formField.label ? formField.label: 'switch'\"\r\n [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\r\n (click)=\"onClickEvent(formField)\"></p-inputSwitch>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- save and close buttons -->\r\n <div class=\"p-col-12 p-d-flex p-jc-end\" [ngClass]=\"{ sticky: stickyActions }\">\r\n <div class=\"inner-sticky form-component actions-buttons-wrapper-div\">\r\n <!-- save button -->\r\n <button *ngIf=\"!hideSaveButton\" [disabled]=\"isFormDisabled\" pButton type=\"button\" icon=\"pi pi-check\"\r\n label=\"Save\" class=\"p-button-success\" (click)=\"onSaveForm()\"></button>\r\n <!-- close button -->\r\n <button *ngIf=\"!hideCancelButton\" [disabled]=\"isFormDisabled\" (click)=\"onCancelForm()\" pButton type=\"button\"\r\n icon=\"pi pi-times\" label=\"Cancel\" class=\"p-button-danger p-ml-3\"></button> \r\n <!-- dynamic buttons -->\r\n <ng-container *ngFor=\"let button of formButtons\">\r\n <button *ngIf=\"!button.hidden\" pButton type=\"button\" [label]=\"button.label\" [icon]=\"button.icon ? button.icon : ''\"\r\n class=\"p-button-success p-ml-3\" (click)=\"onNewButtonClick(button)\" [disabled]=\"button.disabled?button.disabled:false\">\r\n </button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</form>", styles: [".custom-link{color:#4e87f1;text-decoration:none}.custom-link:not(.disabled-link){cursor:pointer}.break-line{width:100%}:host ::ng-deep .hide-accordian .p-accordion-header{display:none}:host ::ng-deep .hide-today-btn{visibility:hidden}.error{color:red}.hidden{display:none!important}.disabled-link,.disabled-link a,.disabled-link label,.disabled-link span,.disabled-link div,.disable-label-control,.disabled-link.custom-link,.disabled-link.custom-link a,.disabled-link.custom-link label,.disabled-link.custom-link span,.disabled-link.custom-link div,.disable-label-control.custom-link{pointer-events:none;color:#83baf8}.progress-spinner{z-index:999}.progress-spinner:before{content:\"\"}\n"], components: [{ type: i10__namespace.ConfirmDialog, selector: "p-confirmDialog", inputs: ["acceptIcon", "acceptVisible", "rejectIcon", "rejectVisible", "closeOnEscape", "blockScroll", "closable", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "visible", "position", "header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptLabel", "acceptAriaLabel", "rejectLabel", "rejectAriaLabel", "acceptButtonStyleClass", "rejectButtonStyleClass", "dismissableMask", "rtl", "appendTo", "key", "breakpoints"], outputs: ["onHide"] }, { type: i11__namespace.ProgressSpinner, selector: "p-progressSpinner", inputs: ["strokeWidth", "fill", "animationDuration", "style", "styleClass"] }, { type: i12__namespace.Accordion, selector: "p-accordion", inputs: ["expandIcon", "collapseIcon", "activeIndex", "multiple", "style", "styleClass"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { type: i12__namespace.AccordionTab, selector: "p-accordionTab", inputs: ["cache", "transitionOptions", "selected", "header", "disabled"], outputs: ["selectedChange"] }, { type: i3__namespace.Header, selector: "p-header" }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "incrementButtonIcon", "decrementButtonIcon", "step", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "disabled", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "inputStyle", "inputStyleClass"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["checkboxIcon", "disabled", "value", "name", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "readonly", "required"], outputs: ["onChange"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "icon", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "dataType", "selectionMode", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "keepInvalid", "hideOnDateTimeSelect", "numberOfMonths", "view", "timeSeparator", "focusTrap", "firstDayOfWeek", "showTransitionOptions", "hideTransitionOptions", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "locale", "disabled", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "selectOtherMonths", "showIcon", "appendTo", "readonlyInput", "monthNavigator", "yearNavigator", "timeOnly", "required", "maxDateCount", "showButtonBar", "panelStyleClass", "panelStyle", "touchUI", "tabindex"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i18__namespace.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "group", "field", "dropdown", "showEmptyMessage", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus", "optionGroupChildren", "optionGroupLabel"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["filter", "displaySelectedLabel", "maxSelectedLabels", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "display", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue", "disabled", "overlayVisible", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filterPlaceHolder", "filterLocale", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "selectionLimit", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "filterBy", "virtualScroll", "itemSize", "ariaFilterLabel", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }, { type: FileUploadComponent, selector: "se-file-upload", inputs: ["acceptFileTypes", "allowMultiple", "fields"], outputs: ["fileUrl", "uploadFileOnReturn"] }, { type: CardComponent, selector: "se-card", inputs: ["data", "width", "height", "card", "setCardData"], outputs: ["selectedCard"] }, { type: GenerateReportBtnComponent, selector: "se-generate-report-btn", inputs: ["repId", "label", "params", "showDialog", "form"] }, { type: i20__namespace.InputSwitch, selector: "p-inputSwitch", inputs: ["disabled", "style", "styleClass", "tabindex", "inputId", "name", "readonly", "ariaLabelledBy"], outputs: ["onChange"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace$1.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
|
|
10156
10156
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: FormComponent, decorators: [{
|
|
10157
10157
|
type: i0.Component,
|
|
10158
10158
|
args: [{
|
|
@@ -10212,7 +10212,7 @@
|
|
|
10212
10212
|
return DropdownComponent;
|
|
10213
10213
|
}());
|
|
10214
10214
|
/** @nocollapse */ DropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DropdownComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10215
|
-
/** @nocollapse */ DropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DropdownComponent, selector: "se-dropdown", inputs: { options: "options", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0__namespace, template: "<p-dropdown\r\n [options]=\"options\"\r\n [(ngModel)]=\"selectedOption\"\r\n (onChange)=\"handleValueChange($event)\"\r\n></p-dropdown>\r\n", styles: [""], components: [{ type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "
|
|
10215
|
+
/** @nocollapse */ DropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DropdownComponent, selector: "se-dropdown", inputs: { options: "options", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0__namespace, template: "<p-dropdown\r\n [options]=\"options\"\r\n [(ngModel)]=\"selectedOption\"\r\n (onChange)=\"handleValueChange($event)\"\r\n></p-dropdown>\r\n", styles: [""], components: [{ type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }], directives: [{ type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
10216
10216
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DropdownComponent, decorators: [{
|
|
10217
10217
|
type: i0.Component,
|
|
10218
10218
|
args: [{
|
|
@@ -10248,7 +10248,7 @@
|
|
|
10248
10248
|
return GalleryComponent;
|
|
10249
10249
|
}());
|
|
10250
10250
|
/** @nocollapse */ GalleryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GalleryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10251
|
-
/** @nocollapse */ GalleryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GalleryComponent, selector: "se-gallery", inputs: { galleryImage: "galleryImage", width: "width" }, ngImport: i0__namespace, template: "<div class=\"col-lg-5 p-0\">\r\n <div class=\"col-lg-12 pl-48\">\r\n <div *ngIf='galleryImage != undefined' [ngStyle]=\"{width:width}\">\r\n <p-galleria [(value)]=\"galleryImage\" [responsiveOptions]=\"responsiveOptions\">\r\n <ng-template pTemplate=\"item\" let-item>\r\n <img [src]=\"item.big\" [ngStyle]=\"{width:width}\"/>\r\n </ng-template>\r\n <ng-template pTemplate=\"thumbnail\" let-item>\r\n <div class=\"p-nogutter p-justify-center\">\r\n <img [src]=\"item.small\" [alt]=\"item.label\" [ngStyle]=\"{width:'90%'}\" />\r\n </div>\r\n </ng-template>\r\n </p-galleria>\r\n </div>\r\n </div>\r\n</div>", styles: ["@media (max-width: 1366px){.property-gallery ngx-gallery{width:100%!important}}\n"], components: [{ type: i1__namespace$3.Galleria, selector: "p-galleria", inputs: ["
|
|
10251
|
+
/** @nocollapse */ GalleryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GalleryComponent, selector: "se-gallery", inputs: { galleryImage: "galleryImage", width: "width" }, ngImport: i0__namespace, template: "<div class=\"col-lg-5 p-0\">\r\n <div class=\"col-lg-12 pl-48\">\r\n <div *ngIf='galleryImage != undefined' [ngStyle]=\"{width:width}\">\r\n <p-galleria [(value)]=\"galleryImage\" [responsiveOptions]=\"responsiveOptions\">\r\n <ng-template pTemplate=\"item\" let-item>\r\n <img [src]=\"item.big\" [ngStyle]=\"{width:width}\"/>\r\n </ng-template>\r\n <ng-template pTemplate=\"thumbnail\" let-item>\r\n <div class=\"p-nogutter p-justify-center\">\r\n <img [src]=\"item.small\" [alt]=\"item.label\" [ngStyle]=\"{width:'90%'}\" />\r\n </div>\r\n </ng-template>\r\n </p-galleria>\r\n </div>\r\n </div>\r\n</div>", styles: ["@media (max-width: 1366px){.property-gallery ngx-gallery{width:100%!important}}\n"], components: [{ type: i1__namespace$3.Galleria, selector: "p-galleria", inputs: ["fullScreen", "numVisible", "showItemNavigators", "showThumbnailNavigators", "showItemNavigatorsOnHover", "changeItemOnIndicatorHover", "circular", "autoPlay", "transitionInterval", "showThumbnails", "thumbnailsPosition", "verticalThumbnailViewPortHeight", "showIndicators", "showIndicatorsOnItem", "indicatorsPosition", "baseZIndex", "activeIndex", "visible", "id", "value", "responsiveOptions", "maskClass", "containerClass", "containerStyle"], outputs: ["activeIndexChange", "visibleChange"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3__namespace.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
|
|
10252
10252
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GalleryComponent, decorators: [{
|
|
10253
10253
|
type: i0.Component,
|
|
10254
10254
|
args: [{
|
|
@@ -10307,7 +10307,7 @@
|
|
|
10307
10307
|
return AppFilterMenuComponent;
|
|
10308
10308
|
}());
|
|
10309
10309
|
/** @nocollapse */ AppFilterMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: AppFilterMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10310
|
-
/** @nocollapse */ AppFilterMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: AppFilterMenuComponent, selector: "se-filter-menu", inputs: { globalFilter: "globalFilter" }, ngImport: i0__namespace, template: "<p-dropdown\r\n class=\"filter\"\r\n [options]=\"filterOptions\"\r\n [(ngModel)]=\"globalFilter.matchMode\"\r\n appendTo=\"body\"\r\n></p-dropdown>\r\n", styles: [":host ::ng-deep .filter .p-inputtext{display:none}:host ::ng-deep .filter .p-dropdown .p-dropdown-clear-icon{display:none!important}\n"], components: [{ type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "
|
|
10310
|
+
/** @nocollapse */ AppFilterMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: AppFilterMenuComponent, selector: "se-filter-menu", inputs: { globalFilter: "globalFilter" }, ngImport: i0__namespace, template: "<p-dropdown\r\n class=\"filter\"\r\n [options]=\"filterOptions\"\r\n [(ngModel)]=\"globalFilter.matchMode\"\r\n appendTo=\"body\"\r\n></p-dropdown>\r\n", styles: [":host ::ng-deep .filter .p-inputtext{display:none}:host ::ng-deep .filter .p-dropdown .p-dropdown-clear-icon{display:none!important}\n"], components: [{ type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }], directives: [{ type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
10311
10311
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: AppFilterMenuComponent, decorators: [{
|
|
10312
10312
|
type: i0.Component,
|
|
10313
10313
|
args: [{
|
|
@@ -10415,7 +10415,7 @@
|
|
|
10415
10415
|
return MenuBarComponent;
|
|
10416
10416
|
}());
|
|
10417
10417
|
/** @nocollapse */ MenuBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: MenuBarComponent, deps: [{ token: AuthenticationService }, { token: i2__namespace$3.CookieService }, { token: i6__namespace.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10418
|
-
/** @nocollapse */ MenuBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\r\n <div\r\n *ngIf=\"!isMenubarHidden\"\r\n class=\"p-p-0 sidebar\"\r\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\r\n >\r\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\r\n <div class=\"p-d-flex p-ai-center toggle-btn\">\r\n <p-avatar \r\n pBadge\r\n (click)=\"clickEvent()\"\r\n [image]=\"headshotPath\" \r\n size=\"xlarge\"\r\n [hidden]=\"!this.headshotPath\"\r\n shape=\"circle\"\r\n class=\"p-pr-3\"\r\n [title]=\"toolTip\"\r\n ></p-avatar>\r\n <p-avatar \r\n pBadge\r\n (click)=\"clickEvent()\"\r\n icon=\"pi pi-user\" \r\n size=\"xlarge\"\r\n [hidden]=\"this.headshotPath\"\r\n shape=\"circle\"\r\n class=\"p-pr-3\"\r\n [title]=\"toolTip\"\r\n ></p-avatar>\r\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\r\n <i\r\n class=\"pi pi-fw toggle-icon\" \r\n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\r\n ></i>\r\n \r\n <span>{{ menuTitle }}</span>\r\n </button>\r\n </div>\r\n <nav\r\n class=\"navbar navbar-expand-lg p-p-0 grow-1\"\r\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\r\n >\r\n <div class=\"main-menu-menus-wrapper\">\r\n <div class=\"top-menu-main-menu-wrapper\">\r\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\r\n </div>\r\n <div class=\"bottom-menu-main-menu-wrapper\">\r\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\r\n </div>\r\n </div>\r\n </nav>\r\n <div class=\"nav-footer p-m-2\" [innerHtml]=\"menuFooter\"></div>\r\n </div>\r\n</div>\r\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}.toggle-icon{position:absolute;right:5px;z-index:9}\n"], components: [{ type: i4__namespace$1.Avatar, selector: "p-avatar", inputs: ["
|
|
10418
|
+
/** @nocollapse */ MenuBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\" *ngIf=\"hiddenPanelMenu\">\r\n <div\r\n *ngIf=\"!isMenubarHidden\"\r\n class=\"p-p-0 sidebar\"\r\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\r\n >\r\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\r\n <div class=\"p-d-flex p-ai-center toggle-btn\">\r\n <p-avatar \r\n pBadge\r\n (click)=\"clickEvent()\"\r\n [image]=\"headshotPath\" \r\n size=\"xlarge\"\r\n [hidden]=\"!this.headshotPath\"\r\n shape=\"circle\"\r\n class=\"p-pr-3\"\r\n [title]=\"toolTip\"\r\n ></p-avatar>\r\n <p-avatar \r\n pBadge\r\n (click)=\"clickEvent()\"\r\n icon=\"pi pi-user\" \r\n size=\"xlarge\"\r\n [hidden]=\"this.headshotPath\"\r\n shape=\"circle\"\r\n class=\"p-pr-3\"\r\n [title]=\"toolTip\"\r\n ></p-avatar>\r\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\r\n <i\r\n class=\"pi pi-fw toggle-icon\" \r\n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\r\n ></i>\r\n \r\n <span>{{ menuTitle }}</span>\r\n </button>\r\n </div>\r\n <nav\r\n class=\"navbar navbar-expand-lg p-p-0 grow-1\"\r\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\r\n >\r\n <div class=\"main-menu-menus-wrapper\">\r\n <div class=\"top-menu-main-menu-wrapper\">\r\n <p-panelMenu [model]=\"menuBarItemsTop\" class=\"menuSidebar first\"></p-panelMenu>\r\n </div>\r\n <div class=\"bottom-menu-main-menu-wrapper\">\r\n <p-panelMenu [model]=\"menuBarItemsBottom\" class=\"menuSidebar second\"></p-panelMenu>\r\n </div>\r\n </div>\r\n </nav>\r\n <div class=\"nav-footer p-m-2\" [innerHtml]=\"menuFooter\"></div>\r\n </div>\r\n</div>\r\n", styles: [".wrapper{position:relative;z-index:1}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}.toggle-icon{position:absolute;right:5px;z-index:9}\n"], components: [{ type: i4__namespace$1.Avatar, selector: "p-avatar", inputs: ["size", "shape", "label", "icon", "image", "style", "styleClass"] }, { type: i5__namespace.PanelMenu, selector: "p-panelMenu", inputs: ["multiple", "transitionOptions", "model", "style", "styleClass"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
10419
10419
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: MenuBarComponent, decorators: [{
|
|
10420
10420
|
type: i0.Component,
|
|
10421
10421
|
args: [{
|
|
@@ -10789,7 +10789,7 @@
|
|
|
10789
10789
|
return SidebarComponent;
|
|
10790
10790
|
}());
|
|
10791
10791
|
/** @nocollapse */ SidebarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SidebarComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: AuthenticationService }, { token: i1__namespace.DialogService }, { token: i6__namespace.Router }, { token: i6__namespace.ActivatedRoute }, { token: PageLoggerService }, { token: HyperlinkService }, { token: AlertService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10792
|
-
/** @nocollapse */ SidebarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, ngImport: i0__namespace, template: "<span\r\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\r\n>\r\n<span *ngIf=\"!navHidden\">\r\n <nav\r\n *ngIf=\"!collapseSidebar\"\r\n class=\"navbar navbar-expand-lg p-p-0 grow-1\"\r\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\r\n >\r\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\r\n <i\r\n class=\"pi pi-fw toggle-icon\"\r\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\r\n ></i>\r\n <span>{{ menuTitle }}</span>\r\n </button>\r\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\r\n </nav>\r\n</span>\r\n \r\n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-p-0 grow-1\"\r\n class='hide-nav'>\r\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\r\n </span>\r\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}.toggle-icon{position:absolute;top:44%;left:4px;z-index:9}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], components: [{ type: i5__namespace.PanelMenu, selector: "p-panelMenu", inputs: ["
|
|
10792
|
+
/** @nocollapse */ SidebarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, ngImport: i0__namespace, template: "<span\r\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\r\n>\r\n<span *ngIf=\"!navHidden\">\r\n <nav\r\n *ngIf=\"!collapseSidebar\"\r\n class=\"navbar navbar-expand-lg p-p-0 grow-1\"\r\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\r\n >\r\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\r\n <i\r\n class=\"pi pi-fw toggle-icon\"\r\n [ngClass]=\"toggleMenu ? 'pi-chevron-left' : 'pi-chevron-right'\"\r\n ></i>\r\n <span>{{ menuTitle }}</span>\r\n </button>\r\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\r\n </nav>\r\n</span>\r\n \r\n <span *ngIf=\"collapseSidebar\" class=\"navbar navbar-expand-lg p-p-0 grow-1\"\r\n class='hide-nav'>\r\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\r\n </span>\r\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}.toggle-icon{position:absolute;top:44%;left:4px;z-index:9}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], components: [{ type: i5__namespace.PanelMenu, selector: "p-panelMenu", inputs: ["multiple", "transitionOptions", "model", "style", "styleClass"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
10793
10793
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SidebarComponent, decorators: [{
|
|
10794
10794
|
type: i0.Component,
|
|
10795
10795
|
args: [{
|
|
@@ -10891,7 +10891,7 @@
|
|
|
10891
10891
|
return HeaderComponent;
|
|
10892
10892
|
}());
|
|
10893
10893
|
/** @nocollapse */ HeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: HeaderComponent, deps: [{ token: AuthenticationService }, { token: i7__namespace.DatePipe }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10894
|
-
/** @nocollapse */ HeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: HeaderComponent, selector: "se-header", inputs: { headers: "headers" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div *ngIf=\"!isHeaderHidden && headers\" class=\"card p-sticky header-component\">\r\n <div class=\"header-list p-p-1 p-d-flex\">\r\n <div\r\n [class]=\"'p-md-' + headerField.column + ' p-sm-6 p-col-12 p-py-0'\"\r\n class=\"header-list-item section-wrapper-in-header\"\r\n *ngFor=\"let headerField of headers.fields\"\r\n >\r\n <div [ngSwitch]=\"headerField.control\">\r\n <!-- For Dropdown -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-wrap section-wrapper-in-header p-ai-center\"\r\n *ngSwitchCase=\"dynamicCase.DROPDOWN\"\r\n >\r\n <b\r\n ><label for=\"\">{{ headerField.label }}</label></b\r\n >\r\n <p-dropdown\r\n [placeholder]=\"headerField.label\"\r\n [options]=\"headerField.data\"\r\n [(ngModel)]=\"headerField.value\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n </span>\r\n \r\n <!-- For label -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-wrap section-wrapper-in-header p-ai-center\"\r\n *ngSwitchCase=\"dynamicCase.LABEL\"\r\n >\r\n <b\r\n ><label for=\"\">{{ headerField.label }}</label></b\r\n >\r\n <!-- for value -->\r\n <Span *ngIf=\"!headerField.format\">\r\n <label for=\"\">{{ headerField.value }}</label> \r\n </Span>\r\n\r\n <!-- for currency -->\r\n <span\r\n *ngIf=\"\r\n headerField.format && headerField.format.type === 'currency'\r\n \"\r\n >\r\n <label>{{\r\n headerField.value\r\n | currency\r\n : (headerField.format.formatParams &&\r\n headerField.format.formatParams.currency\r\n ? headerField.format.formatParams.currency\r\n : 'USD')\r\n }}</label>\r\n </span>\r\n\r\n <!-- for percent -->\r\n <span *ngIf=\"headerField.format && headerField.format.type === 'percent'\">\r\n <label >{{ headerField.value }}%</label>\r\n </span>\r\n\r\n <!-- for decimal -->\r\n <span\r\n *ngIf=\"\r\n headerField.format && headerField.format.type === 'decimal'\r\n \"\r\n >\r\n <label>{{\r\n headerField.value\r\n | number\r\n : (headerField.format.formatParams &&\r\n headerField.format.formatParams.digitsInfo\r\n ? '2.' +\r\n headerField.format.formatParams.digitsInfo +\r\n '-8'\r\n : '2.2-8')\r\n }}</label>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.INPUT\">\r\n <b\r\n ><label for=\"\">{{ headerField.label }}</label></b\r\n >\r\n <input\r\n class=\"p-mr-2 form-control\"\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"headerField.value\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n />\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.NUMERIC\">\r\n <label>{{ headerField.label }}</label>\r\n <input\r\n class=\"flex-grow-1 p-mr-2 form-control\"\r\n type=\"number\"\r\n pInputText\r\n [(ngModel)]=\"headerField.value\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n />\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label>{{ headerField.label }}</label>\r\n <p-checkbox\r\n class=\"p-d-flex p-ai-center\"\r\n [(ngModel)]=\"headerField.value\"\r\n binary=\"true\"\r\n ></p-checkbox>\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <label>{{ headerField.label }}</label>\r\n <p-calendar\r\n class=\"flex-grow-1 p-mr-2\"\r\n [placeholder]=\"headerField.label\"\r\n [showButtonBar]=\"!headerField.timeOnly\"\r\n [(ngModel)]=\"headerField.value\"\r\n hourFormat=\"12\"\r\n dataType=\"string\"\r\n [timeOnly]=\"headerField.timeOnly\"\r\n [showTime]=\"headerField.showTime\"\r\n [dateFormat]=\"headerField.format ? headerField.format.dateType : 'mm/dd/yy'\"\r\n >\r\n </p-calendar>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label>{{ headerField.label }}</label>\r\n <p-multiSelect\r\n [(ngModel)]=\"headerField.value\"\r\n [options]=\"headerField.data\"\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n [appendTo]=\"'body'\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n >\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Button -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.BUTTON\">\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n label=\"{{ headerField.label }}\"\r\n class=\"{{ headerField.class }}\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n ></button>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".header-list-item:after{content:\"\"}.header-list-item:last-child:after{display:none}.card.p-sticky{position:sticky;z-index:1;top:0}\n"], components: [{ type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "virtualScroll", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i3__namespace$2.Ripple, selector: "[pRipple]" }], pipes: { "currency": i7__namespace.CurrencyPipe, "number": i7__namespace.DecimalPipe } });
|
|
10894
|
+
/** @nocollapse */ HeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: HeaderComponent, selector: "se-header", inputs: { headers: "headers" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div *ngIf=\"!isHeaderHidden && headers\" class=\"card p-sticky header-component\">\r\n <div class=\"header-list p-p-1 p-d-flex\">\r\n <div\r\n [class]=\"'p-md-' + headerField.column + ' p-sm-6 p-col-12 p-py-0'\"\r\n class=\"header-list-item section-wrapper-in-header\"\r\n *ngFor=\"let headerField of headers.fields\"\r\n >\r\n <div [ngSwitch]=\"headerField.control\">\r\n <!-- For Dropdown -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-wrap section-wrapper-in-header p-ai-center\"\r\n *ngSwitchCase=\"dynamicCase.DROPDOWN\"\r\n >\r\n <b\r\n ><label for=\"\">{{ headerField.label }}</label></b\r\n >\r\n <p-dropdown\r\n [placeholder]=\"headerField.label\"\r\n [options]=\"headerField.data\"\r\n [(ngModel)]=\"headerField.value\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n </span>\r\n \r\n <!-- For label -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-wrap section-wrapper-in-header p-ai-center\"\r\n *ngSwitchCase=\"dynamicCase.LABEL\"\r\n >\r\n <b\r\n ><label for=\"\">{{ headerField.label }}</label></b\r\n >\r\n <!-- for value -->\r\n <Span *ngIf=\"!headerField.format\">\r\n <label for=\"\">{{ headerField.value }}</label> \r\n </Span>\r\n\r\n <!-- for currency -->\r\n <span\r\n *ngIf=\"\r\n headerField.format && headerField.format.type === 'currency'\r\n \"\r\n >\r\n <label>{{\r\n headerField.value\r\n | currency\r\n : (headerField.format.formatParams &&\r\n headerField.format.formatParams.currency\r\n ? headerField.format.formatParams.currency\r\n : 'USD')\r\n }}</label>\r\n </span>\r\n\r\n <!-- for percent -->\r\n <span *ngIf=\"headerField.format && headerField.format.type === 'percent'\">\r\n <label >{{ headerField.value }}%</label>\r\n </span>\r\n\r\n <!-- for decimal -->\r\n <span\r\n *ngIf=\"\r\n headerField.format && headerField.format.type === 'decimal'\r\n \"\r\n >\r\n <label>{{\r\n headerField.value\r\n | number\r\n : (headerField.format.formatParams &&\r\n headerField.format.formatParams.digitsInfo\r\n ? '2.' +\r\n headerField.format.formatParams.digitsInfo +\r\n '-8'\r\n : '2.2-8')\r\n }}</label>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.INPUT\">\r\n <b\r\n ><label for=\"\">{{ headerField.label }}</label></b\r\n >\r\n <input\r\n class=\"p-mr-2 form-control\"\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"headerField.value\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n />\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.NUMERIC\">\r\n <label>{{ headerField.label }}</label>\r\n <input\r\n class=\"flex-grow-1 p-mr-2 form-control\"\r\n type=\"number\"\r\n pInputText\r\n [(ngModel)]=\"headerField.value\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n />\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label>{{ headerField.label }}</label>\r\n <p-checkbox\r\n class=\"p-d-flex p-ai-center\"\r\n [(ngModel)]=\"headerField.value\"\r\n binary=\"true\"\r\n ></p-checkbox>\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <label>{{ headerField.label }}</label>\r\n <p-calendar\r\n class=\"flex-grow-1 p-mr-2\"\r\n [placeholder]=\"headerField.label\"\r\n [showButtonBar]=\"!headerField.timeOnly\"\r\n [(ngModel)]=\"headerField.value\"\r\n hourFormat=\"12\"\r\n dataType=\"string\"\r\n [timeOnly]=\"headerField.timeOnly\"\r\n [showTime]=\"headerField.showTime\"\r\n [dateFormat]=\"headerField.format ? headerField.format.dateType : 'mm/dd/yy'\"\r\n >\r\n </p-calendar>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label>{{ headerField.label }}</label>\r\n <p-multiSelect\r\n [(ngModel)]=\"headerField.value\"\r\n [options]=\"headerField.data\"\r\n optionLabel=\"label\"\r\n optionValue=\"value\"\r\n [appendTo]=\"'body'\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n >\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Button -->\r\n <span *ngIf=\"!headerField.hidden\">\r\n <div class=\"p-col-12 p-0\" *ngSwitchCase=\"dynamicCase.BUTTON\">\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n label=\"{{ headerField.label }}\"\r\n class=\"{{ headerField.class }}\"\r\n (click)=\"headerField.onClick ? headerField.onClick() : ''\"\r\n ></button>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".header-list-item:after{content:\"\"}.header-list-item:last-child:after{display:none}.card.p-sticky{position:sticky;z-index:1;top:0}\n"], components: [{ type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["checkboxIcon", "disabled", "value", "name", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "readonly", "required"], outputs: ["onChange"] }, { type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "icon", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "dataType", "selectionMode", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "keepInvalid", "hideOnDateTimeSelect", "numberOfMonths", "view", "timeSeparator", "focusTrap", "firstDayOfWeek", "showTransitionOptions", "hideTransitionOptions", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "locale", "disabled", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "selectOtherMonths", "showIcon", "appendTo", "readonlyInput", "monthNavigator", "yearNavigator", "timeOnly", "required", "maxDateCount", "showButtonBar", "panelStyleClass", "panelStyle", "touchUI", "tabindex"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["filter", "displaySelectedLabel", "maxSelectedLabels", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "display", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue", "disabled", "overlayVisible", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filterPlaceHolder", "filterLocale", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "selectionLimit", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "filterBy", "virtualScroll", "itemSize", "ariaFilterLabel", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i3__namespace$2.Ripple, selector: "[pRipple]" }], pipes: { "currency": i7__namespace.CurrencyPipe, "number": i7__namespace.DecimalPipe } });
|
|
10895
10895
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: HeaderComponent, decorators: [{
|
|
10896
10896
|
type: i0.Component,
|
|
10897
10897
|
args: [{
|
|
@@ -10964,7 +10964,7 @@
|
|
|
10964
10964
|
return LoaderComponent;
|
|
10965
10965
|
}());
|
|
10966
10966
|
/** @nocollapse */ LoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: LoaderComponent, deps: [{ token: LoaderService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
10967
|
-
/** @nocollapse */ LoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: LoaderComponent, selector: "se-loader", ngImport: i0__namespace, template: "<span\r\n *ngIf=\"isLoading\"\r\n [ngClass]=\"isDarkBackground ? 'spinner-light' : 'spinner-dark'\"\r\n>\r\n <p-progressSpinner\r\n styleClass=\"custom-spinner\"\r\n strokeWidth=\"4\"\r\n fill=\"transparent\"\r\n animationDuration=\".8s\"\r\n ></p-progressSpinner>\r\n</span>\r\n", styles: [":host ::ng-deep .spinner-dark .p-progress-spinner{top:50%;left:50%;z-index:9;transform:translate(-50%,-50%)}:host ::ng-deep .spinner-light .p-progress-spinner{z-index:9;transform:translate(-50%,-50%)}\n"], components: [{ type: i11__namespace.ProgressSpinner, selector: "p-progressSpinner", inputs: ["
|
|
10967
|
+
/** @nocollapse */ LoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: LoaderComponent, selector: "se-loader", ngImport: i0__namespace, template: "<span\r\n *ngIf=\"isLoading\"\r\n [ngClass]=\"isDarkBackground ? 'spinner-light' : 'spinner-dark'\"\r\n>\r\n <p-progressSpinner\r\n styleClass=\"custom-spinner\"\r\n strokeWidth=\"4\"\r\n fill=\"transparent\"\r\n animationDuration=\".8s\"\r\n ></p-progressSpinner>\r\n</span>\r\n", styles: [":host ::ng-deep .spinner-dark .p-progress-spinner{top:50%;left:50%;z-index:9;transform:translate(-50%,-50%)}:host ::ng-deep .spinner-light .p-progress-spinner{z-index:9;transform:translate(-50%,-50%)}\n"], components: [{ type: i11__namespace.ProgressSpinner, selector: "p-progressSpinner", inputs: ["strokeWidth", "fill", "animationDuration", "style", "styleClass"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
10968
10968
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: LoaderComponent, decorators: [{
|
|
10969
10969
|
type: i0.Component,
|
|
10970
10970
|
args: [{
|
|
@@ -11533,7 +11533,7 @@
|
|
|
11533
11533
|
return SeGlobalFilterComponent;
|
|
11534
11534
|
}());
|
|
11535
11535
|
/** @nocollapse */ SeGlobalFilterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SeGlobalFilterComponent, deps: [{ token: i7__namespace.DatePipe }, { token: i1__namespace.DynamicDialogRef, optional: true }, { token: i1__namespace.DynamicDialogConfig, optional: true }, { token: GridService }, { token: i1__namespace.DialogService }, { token: AlertService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
11536
|
-
/** @nocollapse */ SeGlobalFilterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SeGlobalFilterComponent, selector: "se-global-filters", inputs: { globalFilters: "globalFilters", searchGlobalFilterBtn: "searchGlobalFilterBtn", clearGlobalFilterBtn: "clearGlobalFilterBtn", activeTestMode: "activeTestMode" }, outputs: { filtersApplied: "filtersApplied" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["rangeCalendar"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"global-filters-component-wrapper-div\">\r\n <div\r\n [class]=\"globalFilter.hidden ? 'globalFilterHidden' : globalFilter.column ? 'p-col-' + globalFilter.column : 'p-col-3'\"\r\n *ngFor=\"let globalFilter of globalFilters\"\r\n >\r\n <div [ngSwitch]=\"globalFilter.type\">\r\n <!-- Calender control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex p-ai-center\">\r\n <p-calendar\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n [placeholder]=\"'Select-Date'\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (onSelect)=\"selectDate(globalFilter, true)\"\r\n [inputId]=\"globalFilter.field\"\r\n [dateFormat]=\"calendarFormat\"\r\n (onClose)=\"onFocusOutEvent(globalFilter)\"\r\n appendTo=\"body\"\r\n [showButtonBar]=\"true\"\r\n [disabled]=\"globalFilter.disabled\"\r\n (keyup)=\"calendarFocusEvent(globalFilter)\"\r\n >\r\n </p-calendar>\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Calender Range -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\r\n >\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex p-ai-center\">\r\n <button\r\n pButton\r\n type=\"button\"\r\n [disabled]=\"globalFilter.disabled\" \r\n class=\"custom-btn\"\r\n (click)=\"showPrevious(globalFilter)\"\r\n label=\"Previous {{\r\n globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n }} <<\"\r\n >\r\n <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\r\n </button>\r\n <label class=\"global-filters-label\"\r\n >\r\n <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\r\n <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\r\n {{ globalFilter.labelText ? globalFilter.labelText : '' }}\r\n </span>\r\n {{\r\n startDate\r\n | date\r\n : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n }}\r\n to\r\n {{\r\n endDate\r\n | date\r\n : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n }}\r\n <span *ngIf=\"globalFilter.prefix===false\">\r\n {{ globalFilter.labelText ? globalFilter.labelText : ''}}\r\n </span></label\r\n >\r\n <button\r\n pButton\r\n type=\"button\"\r\n [disabled]=\"globalFilter.disabled\" \r\n class=\"custom-btn\"\r\n (click)=\"showNext(globalFilter)\"\r\n label=\"Next {{\r\n globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n }} >>\"\r\n >\r\n <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\r\n </button>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox Control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-checkbox\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'p-d-flex p-ai-center'\"\r\n [binary]=\"true\"\r\n (keyup.enter)=\"applyFilters()\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [disabled]=\"globalFilter.disabled\"\r\n (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n (click)=\"onFocusOutEvent(globalFilter)\"\r\n ></p-checkbox>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.SPACER\"\r\n >\r\n <span\r\n [class]=\"\r\n globalFilter.column\r\n ? 'p-col-' + globalFilter.column\r\n : ''\r\n \"\r\n ></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown Control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-dropdown\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [name]=\"globalFilter.displayText\"\r\n [showClear]=\"true\"\r\n [styleClass]=\"globalFilter.field\"\r\n (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\r\n [placeholder]=\"globalFilter.displayText\"\r\n [options]=\"globalFilter.data || []\"\r\n [optionLabel]=\"globalFilter.optionLabel\"\r\n [optionValue]=\"globalFilter.optionValue\"\r\n [filter]=\"globalFilter.allowSearch\"\r\n (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n (keyup.enter)=\"applyFilters()\"\r\n [disabled]=\"globalFilter.disabled\"\r\n ></p-dropdown>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.INPUT\">\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"globalFilter.value\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (blur)=\"onFocusOutEvent(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n class=\"form-control\"\r\n />\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- NumericInput control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\r\n >\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n <input\r\n type=\"number\"\r\n pInputText\r\n [(ngModel)]=\"globalFilter.value\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (blur)=\"onFocusOutEvent(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n class=\"form-control\"\r\n />\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n \r\n <!-- Date Range Control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\r\n <label for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex p-ai-center\">\r\n <p-calendar \r\n #rangeCalendar\r\n [showButtonBar]=\"true\"\r\n\r\n [inputId]=\"globalFilter.displayText\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n [(ngModel)]=\"globalFilter.value\" \r\n selectionMode=\"range\" \r\n appendTo=\"body\"\r\n (onSelect)=\"selectDate(globalFilter, true)\"\r\n [dateFormat]=\"calendarFormat\"\r\n (onClose)=\"onFocusOutEvent(globalFilter)\"\r\n (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\r\n (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\r\n (keyup)=\"calendarFocusEvent(globalFilter, $event)\"\r\n (onClearClick)=\"clearDateRangeValue(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n (keyup.enter)=\"applyFilters(true, globalFilter)\"\r\n \r\n ></p-calendar>\r\n <!-- todayButtonStyleClass=\"p-d-none\"\r\n clearButtonStyleClass=\"p-ml-auto\" -->\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Numeric Range control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\r\n >\r\n <label for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex\">\r\n <div class=\"p-d-flex flex-nowrap align-items-center p-mr-2\">\r\n <p-inputNumber\r\n [showButtons]=\"false\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\r\n (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 grow-1 input-number'\"\r\n [disabled]=\"globalFilter.disabled\"\r\n >\r\n </p-inputNumber>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n <span class=\"to-numeric p-mr-2\">To</span>\r\n <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n <p-inputNumber\r\n [showButtons]=\"false\"\r\n [(ngModel)]=\"globalFilter.valueTwo\"\r\n [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 p-mr-2 grow-1 input-number'\"\r\n (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\r\n (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n >\r\n </p-inputNumber>\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- MultiSelect control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.MULTISELECT\"\r\n >\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-multiSelect\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [options]=\"globalFilter.data\"\r\n optionLabel=\"label\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n optionValue=\"value\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"globalFilter.disabled\"\r\n ></p-multiSelect>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\r\n >\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div> \r\n <input\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"globalFilter.field\"\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value\"\r\n (blur)=\"onFocusOutEvent(globalFilter)\"\r\n [name]=\"globalFilter.field\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (click)=\"selectLookupField(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n class=\"form-control lookup-input\"\r\n />\r\n <span class=\"p-input-icon-right global-filter\">\r\n <i class=\"pi pi-chevron-right lookup-input-icon global-filter\"></i>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<!-- Apply button -->\r\n\r\n<button\r\npButton\r\ntype=\"button\"\r\nicon=\"pi pi-search\"\r\nid=\"searchGlobalFilterBtn\"\r\n(click)=\"applyFilters()\"\r\nclass=\"global-search align-globalFilter-btn global-btn hide-filter-button\"\r\n></button>\r\n\r\n<!-- Close button -->\r\n<button\r\npButton\r\nid=\"clearGlobalFilterBtn\"\r\ntype=\"button\"\r\nicon=\"pi pi-replay\"\r\n(click)=\"clearFilters()\"\r\nclass=\"hide-filter-button\"\r\n></button>\r\n", styles: [":host ::ng-deep .input-number .p-inputnumber-button-group{visibility:hidden}:host ::ng-deep .input-number:hover .p-inputnumber-button-group{visibility:visible}.error{color:red}.hide-filter-button{display:none}\n"], components: [{ type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: AppFilterMenuComponent, selector: "se-filter-menu", inputs: ["globalFilter"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "virtualScroll", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear"] }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide"] }], directives: [{ type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }], pipes: { "date": i7__namespace.DatePipe } });
|
|
11536
|
+
/** @nocollapse */ SeGlobalFilterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SeGlobalFilterComponent, selector: "se-global-filters", inputs: { globalFilters: "globalFilters", searchGlobalFilterBtn: "searchGlobalFilterBtn", clearGlobalFilterBtn: "clearGlobalFilterBtn", activeTestMode: "activeTestMode" }, outputs: { filtersApplied: "filtersApplied" }, viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["rangeCalendar"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"global-filters-component-wrapper-div\">\r\n <div\r\n [class]=\"globalFilter.hidden ? 'globalFilterHidden' : globalFilter.column ? 'p-col-' + globalFilter.column : 'p-col-3'\"\r\n *ngFor=\"let globalFilter of globalFilters\"\r\n >\r\n <div [ngSwitch]=\"globalFilter.type\">\r\n <!-- Calender control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CALENDAR\">\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex p-ai-center\">\r\n <p-calendar\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText: 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n [placeholder]=\"'Select-Date'\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (onSelect)=\"selectDate(globalFilter, true)\"\r\n [inputId]=\"globalFilter.field\"\r\n [dateFormat]=\"calendarFormat\"\r\n (onClose)=\"onFocusOutEvent(globalFilter)\"\r\n appendTo=\"body\"\r\n [showButtonBar]=\"true\"\r\n [disabled]=\"globalFilter.disabled\"\r\n (keyup)=\"calendarFocusEvent(globalFilter)\"\r\n >\r\n </p-calendar>\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Calender Range -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.CALENDAR_RANGE\"\r\n >\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex p-ai-center\">\r\n <button\r\n pButton\r\n type=\"button\"\r\n [disabled]=\"globalFilter.disabled\" \r\n class=\"custom-btn\"\r\n (click)=\"showPrevious(globalFilter)\"\r\n label=\"Previous {{\r\n globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n }} <<\"\r\n >\r\n <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\r\n </button>\r\n <label class=\"global-filters-label\"\r\n >\r\n <span [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"></span>\r\n <span *ngIf=\"globalFilter.prefix===true || globalFilter.prefix===undefined\">\r\n {{ globalFilter.labelText ? globalFilter.labelText : '' }}\r\n </span>\r\n {{\r\n startDate\r\n | date\r\n : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n }}\r\n to\r\n {{\r\n endDate\r\n | date\r\n : (globalFilter.format ? globalFilter.format : 'MM/dd/yyyy')\r\n }}\r\n <span *ngIf=\"globalFilter.prefix===false\">\r\n {{ globalFilter.labelText ? globalFilter.labelText : ''}}\r\n </span></label\r\n >\r\n <button\r\n pButton\r\n type=\"button\"\r\n [disabled]=\"globalFilter.disabled\" \r\n class=\"custom-btn\"\r\n (click)=\"showNext(globalFilter)\"\r\n label=\"Next {{\r\n globalFilter.dayRange ? globalFilter.dayRange : 'Week'\r\n }} >>\"\r\n >\r\n <!-- [ngStyle]=\"{ background: globalFilter.color ? globalFilter.color : ''}\" -->\r\n </button>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox Control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.CHECKBOX\">\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-checkbox\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty': 'p-d-flex p-ai-center'\"\r\n [binary]=\"true\"\r\n (keyup.enter)=\"applyFilters()\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [disabled]=\"globalFilter.disabled\"\r\n (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n (click)=\"onFocusOutEvent(globalFilter)\"\r\n ></p-checkbox>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.SPACER\"\r\n >\r\n <span\r\n [class]=\"\r\n globalFilter.column\r\n ? 'p-col-' + globalFilter.column\r\n : ''\r\n \"\r\n ></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown Control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DROPDOWN\">\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-dropdown\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [name]=\"globalFilter.displayText\"\r\n [showClear]=\"true\"\r\n [styleClass]=\"globalFilter.field\"\r\n (keyup.Tab)=\"tabFocusEvent(globalFilter)\"\r\n [placeholder]=\"globalFilter.displayText\"\r\n [options]=\"globalFilter.data || []\"\r\n [optionLabel]=\"globalFilter.optionLabel\"\r\n [optionValue]=\"globalFilter.optionValue\"\r\n [filter]=\"globalFilter.allowSearch\"\r\n (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n (keyup.enter)=\"applyFilters()\"\r\n [disabled]=\"globalFilter.disabled\"\r\n ></p-dropdown>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.INPUT\">\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"\">\r\n <input\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"globalFilter.value\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (blur)=\"onFocusOutEvent(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n class=\"form-control\"\r\n />\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- NumericInput control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.NUMERICINPUT\"\r\n >\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n <input\r\n type=\"number\"\r\n pInputText\r\n [(ngModel)]=\"globalFilter.value\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (blur)=\"onFocusOutEvent(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n class=\"form-control\"\r\n />\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n \r\n <!-- Date Range Control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div class=\"global-filters-filter-div\" *ngSwitchCase=\"fiterTypes.DATE_RANGE\">\r\n <label for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex p-ai-center\">\r\n <p-calendar \r\n #rangeCalendar\r\n [showButtonBar]=\"true\"\r\n\r\n [inputId]=\"globalFilter.displayText\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty ' + globalFilter.displayText : 'p-flex-grow-1 p-mr-2 grow-1 ' + globalFilter.displayText\"\r\n [(ngModel)]=\"globalFilter.value\" \r\n selectionMode=\"range\" \r\n appendTo=\"body\"\r\n (onSelect)=\"selectDate(globalFilter, true)\"\r\n [dateFormat]=\"calendarFormat\"\r\n (onClose)=\"onFocusOutEvent(globalFilter)\"\r\n (onClickOutside)=\"setDateRangeFilterValue(globalFilter)\"\r\n (onBlur)=\"setDateRangeFilterValue(globalFilter)\"\r\n (keyup)=\"calendarFocusEvent(globalFilter, $event)\"\r\n (onClearClick)=\"clearDateRangeValue(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n (keyup.enter)=\"applyFilters(true, globalFilter)\"\r\n \r\n ></p-calendar>\r\n <!-- todayButtonStyleClass=\"p-d-none\"\r\n clearButtonStyleClass=\"p-ml-auto\" -->\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Numeric Range control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.NUMERIC_RANGE\"\r\n >\r\n <label for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div class=\"p-d-flex\">\r\n <div class=\"p-d-flex flex-nowrap align-items-center p-mr-2\">\r\n <p-inputNumber\r\n [showButtons]=\"false\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n (onBlur)=\"setNumericRangeValueFrom(globalFilter)\"\r\n (keyup.enter)=\"setNumericRangeValueFrom(globalFilter,true)\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 grow-1 input-number'\"\r\n [disabled]=\"globalFilter.disabled\"\r\n >\r\n </p-inputNumber>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n <span class=\"to-numeric p-mr-2\">To</span>\r\n <div class=\"p-d-flex flex-nowrap align-items-center\">\r\n <p-inputNumber\r\n [showButtons]=\"false\"\r\n [(ngModel)]=\"globalFilter.valueTwo\"\r\n [minFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n [maxFractionDigits]=\"globalFilter?.format?.type === 'decimal' ? globalFilter.format?.formatParams?.digitsInfo ? globalFilter.format?.formatParams?.digitsInfo : '2' : '0'\"\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : 'flex-grow-1 p-mr-2 grow-1 input-number'\"\r\n (onBlur)=\"setNumericRangeValueTwo(globalFilter)\"\r\n (keyup.enter)=\"setNumericRangeValueTwo(globalFilter,true)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n >\r\n </p-inputNumber>\r\n <span *ngIf=\"globalFilter.filtering\">\r\n <se-filter-menu [globalFilter]=\"globalFilter\"></se-filter-menu>\r\n </span>\r\n </div>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- MultiSelect control -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.MULTISELECT\"\r\n >\r\n <label class=\"\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <p-multiSelect\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [(ngModel)]=\"globalFilter.value\"\r\n [options]=\"globalFilter.data\"\r\n optionLabel=\"label\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (onChange)=\"onFocusOutEvent(globalFilter)\"\r\n optionValue=\"value\"\r\n [appendTo]=\"'body'\"\r\n [disabled]=\"globalFilter.disabled\"\r\n ></p-multiSelect>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span [hidden]=\"globalFilter.hidden\">\r\n <div\r\n class=\"global-filters-filter-div\"\r\n *ngSwitchCase=\"fiterTypes.LOOKUP_INPUT\"\r\n >\r\n <label class=\"global-filters-label\" for=\"basic\">{{ globalFilter.displayText }}\r\n <span *ngIf=\"globalFilter.requiredField\" class=\"required-star\">*</span>\r\n </label>\r\n <div> \r\n <input\r\n [class]=\"globalFilter.errorMessage ? 'ng-invalid ng-dirty' : ''\"\r\n [id]=\"globalFilter.field\"\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"globalFilter?.valueTwo?.text ? globalFilter.valueTwo.text : globalFilter.value\"\r\n (blur)=\"onFocusOutEvent(globalFilter)\"\r\n [name]=\"globalFilter.field\"\r\n (keyup.enter)=\"applyFilters()\"\r\n (click)=\"selectLookupField(globalFilter)\"\r\n [disabled]=\"globalFilter.disabled\"\r\n class=\"form-control lookup-input\"\r\n />\r\n <span class=\"p-input-icon-right global-filter\">\r\n <i class=\"pi pi-chevron-right lookup-input-icon global-filter\"></i>\r\n </span>\r\n </div>\r\n <span *ngIf=\"globalFilter.errorMessage && globalFilter.errorMessage.length > 0\" class=\"error\">{{\r\n globalFilter.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<!-- Apply button -->\r\n\r\n<button\r\npButton\r\ntype=\"button\"\r\nicon=\"pi pi-search\"\r\nid=\"searchGlobalFilterBtn\"\r\n(click)=\"applyFilters()\"\r\nclass=\"global-search align-globalFilter-btn global-btn hide-filter-button\"\r\n></button>\r\n\r\n<!-- Close button -->\r\n<button\r\npButton\r\nid=\"clearGlobalFilterBtn\"\r\ntype=\"button\"\r\nicon=\"pi pi-replay\"\r\n(click)=\"clearFilters()\"\r\nclass=\"hide-filter-button\"\r\n></button>\r\n", styles: [":host ::ng-deep .input-number .p-inputnumber-button-group{visibility:hidden}:host ::ng-deep .input-number:hover .p-inputnumber-button-group{visibility:visible}.error{color:red}.hide-filter-button{display:none}\n"], components: [{ type: i16__namespace.Calendar, selector: "p-calendar", inputs: ["dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "icon", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "dataType", "selectionMode", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "keepInvalid", "hideOnDateTimeSelect", "numberOfMonths", "view", "timeSeparator", "focusTrap", "firstDayOfWeek", "showTransitionOptions", "hideTransitionOptions", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "locale", "disabled", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "selectOtherMonths", "showIcon", "appendTo", "readonlyInput", "monthNavigator", "yearNavigator", "timeOnly", "required", "maxDateCount", "showButtonBar", "panelStyleClass", "panelStyle", "touchUI", "tabindex"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: AppFilterMenuComponent, selector: "se-filter-menu", inputs: ["globalFilter"] }, { type: i15__namespace.Checkbox, selector: "p-checkbox", inputs: ["checkboxIcon", "disabled", "value", "name", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "readonly", "required"], outputs: ["onChange"] }, { type: i17__namespace.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "autoDisplayFirst", "emptyFilterMessage", "emptyMessage", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "disabled", "options", "filterValue", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "group", "showClear", "virtualScroll", "itemSize", "ariaFilterLabel", "ariaLabelledBy", "maxlength", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i14__namespace.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "incrementButtonIcon", "decrementButtonIcon", "step", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "disabled", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "inputStyle", "inputStyleClass"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }, { type: i19__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["filter", "displaySelectedLabel", "maxSelectedLabels", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "autofocusFilter", "display", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue", "disabled", "overlayVisible", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filterPlaceHolder", "filterLocale", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "selectionLimit", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "filterBy", "virtualScroll", "itemSize", "ariaFilterLabel", "tooltipStyleClass"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }], directives: [{ type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i23__namespace.InputText, selector: "[pInputText]" }, { type: i2__namespace$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }], pipes: { "date": i7__namespace.DatePipe } });
|
|
11537
11537
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SeGlobalFilterComponent, decorators: [{
|
|
11538
11538
|
type: i0.Component,
|
|
11539
11539
|
args: [{
|
|
@@ -11954,10 +11954,9 @@
|
|
|
11954
11954
|
}], ctorParameters: function () { return []; } });
|
|
11955
11955
|
|
|
11956
11956
|
var CardService = /** @class */ (function () {
|
|
11957
|
-
function CardService(requestService, alertService
|
|
11957
|
+
function CardService(requestService, alertService) {
|
|
11958
11958
|
this.requestService = requestService;
|
|
11959
11959
|
this.alertService = alertService;
|
|
11960
|
-
this.env = env;
|
|
11961
11960
|
}
|
|
11962
11961
|
CardService.prototype.deleteImage = function (imageInfo, uniqueKey, dynamicForm, cardId) {
|
|
11963
11962
|
var _this = this;
|
|
@@ -12045,19 +12044,14 @@
|
|
|
12045
12044
|
};
|
|
12046
12045
|
return CardService;
|
|
12047
12046
|
}());
|
|
12048
|
-
/** @nocollapse */ CardService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: CardService, deps: [{ token: RequestService }, { token: AlertService }
|
|
12047
|
+
/** @nocollapse */ CardService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: CardService, deps: [{ token: RequestService }, { token: AlertService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
12049
12048
|
/** @nocollapse */ CardService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: CardService, providedIn: 'root' });
|
|
12050
12049
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: CardService, decorators: [{
|
|
12051
12050
|
type: i0.Injectable,
|
|
12052
12051
|
args: [{
|
|
12053
12052
|
providedIn: 'root'
|
|
12054
12053
|
}]
|
|
12055
|
-
}], ctorParameters: function () {
|
|
12056
|
-
return [{ type: RequestService }, { type: AlertService }, { type: undefined, decorators: [{
|
|
12057
|
-
type: i0.Inject,
|
|
12058
|
-
args: ['env']
|
|
12059
|
-
}] }];
|
|
12060
|
-
} });
|
|
12054
|
+
}], ctorParameters: function () { return [{ type: RequestService }, { type: AlertService }]; } });
|
|
12061
12055
|
|
|
12062
12056
|
/*
|
|
12063
12057
|
* Public API Surface of se-ui-toolkit
|