@churchillliving/se-ui-toolkit 6.54.591 → 6.54.592
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/esm2022/lib/components/shared/controls/autocomplete-control/autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/shared/controls/dropdown-control/dropdown-control.component.mjs +3 -3
- package/fesm2022/churchillliving-se-ui-toolkit.mjs +4 -4
- package/fesm2022/churchillliving-se-ui-toolkit.mjs.map +1 -1
- package/package.json +1 -1
package/esm2022/lib/components/shared/controls/autocomplete-control/autocomplete.component.mjs
CHANGED
|
@@ -25,11 +25,11 @@ export class AutoCompleteControlComponent {
|
|
|
25
25
|
this.onChange.emit(formField);
|
|
26
26
|
}
|
|
27
27
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutoCompleteControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AutoCompleteControlComponent, selector: "autoComplete-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", completeMethod: "completeMethod" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] }); }
|
|
28
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AutoCompleteControlComponent, selector: "autoComplete-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", completeMethod: "completeMethod" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" [appendTo]=\"'body'\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] }); }
|
|
29
29
|
}
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutoCompleteControlComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
|
-
args: [{ selector: 'autoComplete-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
32
|
+
args: [{ selector: 'autoComplete-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" [appendTo]=\"'body'\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
33
33
|
}], propDecorators: { formField: [{
|
|
34
34
|
type: Input
|
|
35
35
|
}], onChange: [{
|
|
@@ -41,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
41
41
|
}], completeMethod: [{
|
|
42
42
|
type: Output
|
|
43
43
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlLXVpLXRvb2xraXQvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9jb250cm9scy9hdXRvY29tcGxldGUtY29udHJvbC9hdXRvY29tcGxldGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvc2hhcmVkL2NvbnRyb2xzL2F1dG9jb21wbGV0ZS1jb250cm9sL2F1dG9jb21wbGV0ZS1jb250cm9sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9FLE1BQU0sT0FBTyw0QkFBNEI7SUFMekM7UUFPYyxhQUFRLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDeEQsWUFBTyxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELGtCQUFhLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDN0QsbUJBQWMsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWlCcEU7SUFkRyxRQUFRO0lBQ1IsQ0FBQztJQUNELFVBQVUsQ0FBQyxLQUFVLEVBQUUsU0FBcUI7UUFDeEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0lBQ3BFLENBQUM7SUFDRCxnQkFBZ0IsQ0FBQyxTQUFxQjtRQUNsQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUNoQyxDQUFDO0lBQ0QsZUFBZSxDQUFDLFNBQXFCO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQ3RDLENBQUM7SUFDRCxhQUFhLENBQUMsU0FBcUI7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUE7SUFDakMsQ0FBQztrSUFyQlEsNEJBQTRCO3NIQUE1Qiw0QkFBNEIseU5DUHpDLGkyQ0EwQk87OzRGRG5CTSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksc0JBQXNCOzhCQUt2QixTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElGb3JtRmllbGQgfSBmcm9tICcuLi8uLi8uLi8uLi9tb2RlbHMvZm9ybS5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2F1dG9Db21wbGV0ZS1jb250cm9sJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXV0b2NvbXBsZXRlLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F1dG9jb21wbGV0ZS1jb250cm9sLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9Db21wbGV0ZUNvbnRyb2xDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIGZvcm1GaWVsZDogSUZvcm1GaWVsZCB8IGFueTtcbiAgICBAT3V0cHV0KCkgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxJRm9ybUZpZWxkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgb25DbGljazogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBmb2N1c091dEV2ZW50OiBFdmVudEVtaXR0ZXI8SUZvcm1GaWVsZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIGNvbXBsZXRlTWV0aG9kOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgfVxuICAgIGF1dG9TZWFyY2goZXZlbnQ6IGFueSwgZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMuY29tcGxldGVNZXRob2QuZW1pdCh7IGZvcm1GaWVsZDogZm9ybUZpZWxkLCBldmVudDogZXZlbnQgfSlcbiAgICB9XG4gICAgaGFuZGxlQ2xpY2tFdmVudChmb3JtRmllbGQ6IElGb3JtRmllbGQpIHtcbiAgICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoZm9ybUZpZWxkKVxuICAgIH1cbiAgICBvbkZvY3VzT3V0RXZlbnQoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMuZm9jdXNPdXRFdmVudC5lbWl0KGZvcm1GaWVsZClcbiAgICB9XG4gICAgb25DaGFuZ2VFdmVudChmb3JtRmllbGQ6IElGb3JtRmllbGQpIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZS5lbWl0KGZvcm1GaWVsZClcbiAgICB9XG59IiwiPHNwYW4gKm5nSWY9XCIhZm9ybUZpZWxkLmhpZGRlblwiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uXCI+XG4gICAgICAgIDxsYWJlbCBbY2xhc3NdPVwiZm9ybUZpZWxkLmxhYmVsLm9uQ2xpY2sgPyAnY3VzdG9tLWxpbmsnIDogJydcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrICYmIGZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrKClcIiBkYXRhLXRpdGxlLWVsZW1lbnQ9XCJzZWxmXCI+XG4gICAgICAgICAgICB7e1xuICAgICAgICAgICAgZm9ybUZpZWxkLmxhYmVsLmxhYmVsQ29udHJvbFxuICAgICAgICAgICAgPyAnJ1xuICAgICAgICAgICAgOiBmb3JtRmllbGQubGFiZWwub25DbGlja1xuICAgICAgICAgICAgPyBmb3JtRmllbGQubGFiZWwubmFtZVxuICAgICAgICAgICAgOiBmb3JtRmllbGQubGFiZWxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImZvcm1GaWVsZC5yZXF1aXJlZEZpZWxkXCJcbiAgICAgICAgICAgICAgICBbY2xhc3NdPVwiJ3JlcXVpcmVkLXN0YXIgJyArIChmb3JtRmllbGQ/LmVycm9yTWVzc2FnZSA/ICcgaW52YWxpZCAnIDogJycpXCI+Kjwvc3Bhbj5cbiAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwLWZsdWlkXCI+XG4gICAgICAgICAgICA8cC1hdXRvQ29tcGxldGUgZGF0YS10aXRsZS1lbGVtZW50PVwiaW5wdXQsc3BhblwiIFtjbGFzc109XCJcbiAgICAgICAgICBmb3JtRmllbGQuZXJyb3JNZXNzYWdlXG4gICAgICAgICAgICA/ICduZy1pbnZhbGlkIG5nLWRpcnR5J1xuICAgICAgICAgICAgOiAnZm9ybS1jb250cm9sJ1xuICAgICAgICBcIiBbc3VnZ2VzdGlvbnNdPVwiZm9ybUZpZWxkLmRhdGFcIiBbKG5nTW9kZWwpXT1cImZvcm1GaWVsZC52YWx1ZVwiIChvbkNoYW5nZSk9XCJvbkNoYW5nZUV2ZW50KGZvcm1GaWVsZClcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGlja0V2ZW50KGZvcm1GaWVsZClcIiAoY29tcGxldGVNZXRob2QpPVwiYXV0b1NlYXJjaCgkZXZlbnQsIGZvcm1GaWVsZClcIlxuICAgICAgICAgICAgICAgIFtkcm9wZG93bl09XCJmb3JtRmllbGQuc2hvd09wdGlvblwiIFtmaWVsZF09XCJmb3JtRmllbGQuZGlzcGxheUZpZWxkXCIgW25hbWVdPVwiZm9ybUZpZWxkLmxhYmVsXCJcbiAgICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwidHJ1ZVwiIFtkaXNhYmxlZF09XCJmb3JtRmllbGQuZGlzYWJsZWRcIiBbYXBwZW5kVG9dPVwiJ2JvZHknXCIgKG9uQmx1cik9XCJvbkZvY3VzT3V0RXZlbnQoZm9ybUZpZWxkKVwiPlxuICAgICAgICAgICAgPC9wLWF1dG9Db21wbGV0ZT5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuPC9zcGFuPiJdfQ==
|
package/esm2022/lib/components/shared/controls/dropdown-control/dropdown-control.component.mjs
CHANGED
|
@@ -37,11 +37,11 @@ export class DropdownControlComponent {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownControlComponent, deps: [{ token: i1.DropdownService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownControlComponent, selector: "dropdown-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", keyupTab: "keyupTab", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
|
|
40
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownControlComponent, selector: "dropdown-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", keyupTab: "keyupTab", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [appendTo]=\"'body'\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownControlComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
args: [{ selector: 'dropdown-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"] }]
|
|
44
|
+
args: [{ selector: 'dropdown-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [appendTo]=\"'body'\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"] }]
|
|
45
45
|
}], ctorParameters: () => [{ type: i1.DropdownService }, { type: i0.ChangeDetectorRef }], propDecorators: { formField: [{
|
|
46
46
|
type: Input
|
|
47
47
|
}], onChange: [{
|
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
55
55
|
}], onKeyDown: [{
|
|
56
56
|
type: Output
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tY29udHJvbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvY29udHJvbHMvZHJvcGRvd24tY29udHJvbC9kcm9wZG93bi1jb250cm9sLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlLXVpLXRvb2xraXQvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9jb250cm9scy9kcm9wZG93bi1jb250cm9sL2Ryb3Bkb3duLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFsRyxNQUFNLE9BQU8sd0JBQXdCO0lBU2pDLFlBQXFCLGVBQWdDLEVBQVcsR0FBc0I7UUFBakUsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQVcsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFSdEYsb0JBQWUsR0FBVSxFQUFFLENBQUM7UUFFbEIsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pELFlBQU8sR0FBNkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN2RCxrQkFBYSxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzdELGFBQVEsR0FBNkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN4RCxjQUFTLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFNEIsQ0FBQztJQUd6RixRQUFRO0lBQ1IsQ0FBQztJQUNELFlBQVksQ0FBQyxTQUFxQixFQUFFLEtBQVU7UUFDMUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFDRCxrQkFBa0IsQ0FBQyxTQUFxQjtRQUNwQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQTtJQUM3QixDQUFDO0lBQ0QsZUFBZSxDQUFDLFNBQXFCO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFDRCxhQUFhLENBQUMsU0FBcUI7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUNELGVBQWUsQ0FBQyxTQUFxQixFQUFFLEtBQVU7UUFDN0MsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsaUJBQWlCLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1lBQ2hGLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQztJQUNQLENBQUM7a0lBaENRLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlPQ1JyQyx3M0RBcUNTOzs0RkQ3Qkksd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNJLGtCQUFrQjtvSEFNbkIsU0FBUztzQkFBakIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJRm9ybUZpZWxkIH0gZnJvbSAnLi4vLi4vLi4vLi4vbW9kZWxzL2Zvcm0ubW9kZWwnO1xuaW1wb3J0IHsgRHJvcGRvd25TZXJ2aWNlIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3NlcnZpY2VzL2Ryb3Bkb3duLnNlcnZpY2VcIjtcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHJvcGRvd24tY29udHJvbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLWNvbnRyb2wuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25Db250cm9sQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBmaWx0ZXJlZE9wdGlvbnM6IGFueVtdID0gW107XG4gICAgQElucHV0KCkgZm9ybUZpZWxkOiBJRm9ybUZpZWxkIHwgYW55O1xuICAgIEBPdXRwdXQoKSBvbkNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxJRm9ybUZpZWxkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgZm9jdXNPdXRFdmVudDogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBrZXl1cFRhYjogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBvbktleURvd246IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIFxuICAgIGNvbnN0cnVjdG9yKCBwcml2YXRlIGRyb3Bkb3duU2VydmljZTogRHJvcGRvd25TZXJ2aWNlLCAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKXt9XG5cblxuICAgIG5nT25Jbml0KCkge1xuICAgIH1cbiAgICBvbkNsZWFyVmFsdWUoZm9ybUZpZWxkOiBJRm9ybUZpZWxkLCBldmVudDogYW55KSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh7IGZvcm1GaWVsZDogZm9ybUZpZWxkLCBldmVudDogZXZlbnQgfSk7XG4gICAgfVxuICAgIGNsZWFyRHJvcGRvd25WYWx1ZShmb3JtRmllbGQ6IElGb3JtRmllbGQpIHtcbiAgICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoZm9ybUZpZWxkKTtcbiAgICAgICAgdGhpcy5maWx0ZXJlZE9wdGlvbnMgPSBbXVxuICAgIH1cbiAgICBvbkZvY3VzT3V0RXZlbnQoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMuZm9jdXNPdXRFdmVudC5lbWl0KGZvcm1GaWVsZCk7XG4gICAgfVxuICAgIHRhYkZvY3VzRXZlbnQoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMua2V5dXBUYWIuZW1pdChmb3JtRmllbGQpO1xuICAgIH1cbiAgICBkcm9wZG93bktleWRvd24oZm9ybUZpZWxkOiBJRm9ybUZpZWxkLCBldmVudDogYW55KXtcbiAgICAgICAgaWYgKCFmb3JtRmllbGQuYWxsb3dTZWFyY2gpIHtcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyZWRPcHRpb25zID0gdGhpcy5kcm9wZG93blNlcnZpY2Uub25Ecm9wZG93bktleWRvd24oZXZlbnQsIGZvcm1GaWVsZCk7XG4gICAgICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgICAgfVxuICAgIH1cbn0iLCI8c3BhbiAqbmdJZj1cIiFmb3JtRmllbGQuaGlkZGVuXCI+XG4gICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW5cIj5cbiAgICAgIDxsYWJlbCAqbmdJZj1cIiFmb3JtRmllbGQubGFiZWw/LmxhYmVsQ29udHJvbFwiIFxuICAgICAgW2NsYXNzXT1cImZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrID8gJ2N1c3RvbS1saW5rJyA6ICcnXCIgXG4gICAgICAoY2xpY2spPVwiZm9ybUZpZWxkLmxhYmVsLm9uQ2xpY2sgJiYgZm9ybUZpZWxkLmxhYmVsLm9uQ2xpY2soKVwiIFxuICAgICAgZGF0YS10aXRsZS1lbGVtZW50PVwic2VsZlwiPlxuICAgICAgICB7e1xuICAgICAgICBmb3JtRmllbGQubGFiZWwubGFiZWxDb250cm9sXG4gICAgICAgID8gJydcbiAgICAgICAgOiBmb3JtRmllbGQubGFiZWwub25DbGlja1xuICAgICAgICA/IGZvcm1GaWVsZC5sYWJlbC5uYW1lXG4gICAgICAgIDogZm9ybUZpZWxkLmxhYmVsXG4gICAgICAgIH19XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiZm9ybUZpZWxkLnJlcXVpcmVkRmllbGQgJiYgIWZvcm1GaWVsZC5sYWJlbD8ubGFiZWxDb250cm9sXCIgW2NsYXNzXT1cIidyZXF1aXJlZC1zdGFyICcgKyAoZm9ybUZpZWxkPy5lcnJvck1lc3NhZ2UgPyAnIGludmFsaWQgJyA6ICcnKVwiPio8L3NwYW4+XG4gICAgICA8L2xhYmVsPlxuICAgICAgPHAtZHJvcGRvd24gZGF0YS10aXRsZS1lbGVtZW50PVwiaW5wdXQsc3BhblwiIFtjbGFzc109XCJcbiAgICAgICAgICBmb3JtRmllbGQuZXJyb3JNZXNzYWdlXG4gICAgICAgICAgICA/ICduZy1pbnZhbGlkIG5nLWRpcnR5J1xuICAgICAgICAgICAgOiAnJ1xuICAgICAgICBcIiBhdXRvY29tcGxldGU9XCJvZmZcIiBbc3R5bGVDbGFzc109J2Zvcm1GaWVsZC5maWVsZCcgW3BsYWNlaG9sZGVyXT1cImZvcm1GaWVsZC52YWx1ZVwiXG4gICAgICAgIFtvcHRpb25zXT1cImZpbHRlcmVkT3B0aW9ucy5sZW5ndGggPiAwICYmICFmb3JtRmllbGQuYWxsb3dTZWFyY2ggPyBmaWx0ZXJlZE9wdGlvbnMgOiBmb3JtRmllbGQuZGF0YVwiIFtmaWx0ZXJdPVwiZm9ybUZpZWxkLmFsbG93U2VhcmNoXCIgWyhuZ01vZGVsKV09XCJmb3JtRmllbGQudmFsdWVcIlxuICAgICAgICBbb3B0aW9uTGFiZWxdPVwiZm9ybUZpZWxkLm9wdGlvbkxhYmVsXCIgW29wdGlvblZhbHVlXT1cImZvcm1GaWVsZC5vcHRpb25WYWx1ZVwiXG4gICAgICAgIFtuYW1lXT1cImZvcm1GaWVsZC5maWVsZFwiIChrZXl1cC5UYWIpPVwidGFiRm9jdXNFdmVudChmb3JtRmllbGQpXCJcbiAgICAgICAgKGNsaWNrKT1cImNsZWFyRHJvcGRvd25WYWx1ZShmb3JtRmllbGQpXCIgW2Rpc2FibGVkXT1cImZvcm1GaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgIChvbkJsdXIpPVwib25Gb2N1c091dEV2ZW50KGZvcm1GaWVsZClcIiBbc2hvd0NsZWFyXT1cImZvcm1GaWVsZC52YWx1ZSA/IHRydWUgOiBmYWxzZVwiXG4gICAgICAgIChvbkNoYW5nZSk9XCJvbkNsZWFyVmFsdWUoZm9ybUZpZWxkLCAkZXZlbnQpXCJcbiAgICAgICAgKGtleWRvd24pPVwiZHJvcGRvd25LZXlkb3duKGZvcm1GaWVsZCwgJGV2ZW50KVwiXG4gICAgICAgIFthcHBlbmRUb109XCInYm9keSdcIlxuICAgICAgICBbYXV0b0Rpc3BsYXlGaXJzdF09XCJmb3JtRmllbGQudmFsdWUgPiAwID8gdHJ1ZSA6IGZhbHNlXCJcbiAgICAgICAgZmlsdGVyTWF0Y2hNb2RlPVwic3RhcnRzV2l0aFwiXG4gICAgICAgID5cbiAgICAgIDwvcC1kcm9wZG93bj5cbiAgICAgIDxzcGFuICpuZ0lmPVwiXG4gICAgICAgICFmb3JtRmllbGQ/LmlzVmFsaWQgJiZcbiAgICAgICAgIWZvcm1GaWVsZC5oaWRkZW5cbiAgICAgIFwiIGNsYXNzPVwiZXJyb3JcIiBkYXRhLXRpdGxlLWVsZW1lbnQ9XCJzZWxmXCI+e3sgZm9ybUZpZWxkLmVycm9yTWVzc2FnZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9zcGFuPiJdfQ==
|
|
@@ -6708,11 +6708,11 @@ class DropdownControlComponent {
|
|
|
6708
6708
|
}
|
|
6709
6709
|
}
|
|
6710
6710
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownControlComponent, deps: [{ token: DropdownService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6711
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownControlComponent, selector: "dropdown-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", keyupTab: "keyupTab", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
|
|
6711
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownControlComponent, selector: "dropdown-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", keyupTab: "keyupTab", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [appendTo]=\"'body'\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
|
|
6712
6712
|
}
|
|
6713
6713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownControlComponent, decorators: [{
|
|
6714
6714
|
type: Component,
|
|
6715
|
-
args: [{ selector: 'dropdown-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"] }]
|
|
6715
|
+
args: [{ selector: 'dropdown-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label?.labelControl\" \n [class]=\"formField.label.onClick ? 'custom-link' : ''\" \n (click)=\"formField.label.onClick && formField.label.onClick()\" \n data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\" [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <p-dropdown data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : ''\n \" autocomplete=\"off\" [styleClass]='formField.field' [placeholder]=\"formField.value\"\n [options]=\"filteredOptions.length > 0 && !formField.allowSearch ? filteredOptions : formField.data\" [filter]=\"formField.allowSearch\" [(ngModel)]=\"formField.value\"\n [optionLabel]=\"formField.optionLabel\" [optionValue]=\"formField.optionValue\"\n [name]=\"formField.field\" (keyup.Tab)=\"tabFocusEvent(formField)\"\n (click)=\"clearDropdownValue(formField)\" [disabled]=\"formField.disabled\"\n (onBlur)=\"onFocusOutEvent(formField)\" [showClear]=\"formField.value ? true : false\"\n (onChange)=\"onClearValue(formField, $event)\"\n (keydown)=\"dropdownKeydown(formField, $event)\"\n [appendTo]=\"'body'\"\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\n filterMatchMode=\"startsWith\"\n >\n </p-dropdown>\n <span *ngIf=\"\n !formField?.isValid &&\n !formField.hidden\n \" class=\"error\" data-title-element=\"self\">{{ formField.errorMessage }}</span>\n </div>\n </span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red!important}\n"] }]
|
|
6716
6716
|
}], ctorParameters: () => [{ type: DropdownService }, { type: i0.ChangeDetectorRef }], propDecorators: { formField: [{
|
|
6717
6717
|
type: Input
|
|
6718
6718
|
}], onChange: [{
|
|
@@ -6749,11 +6749,11 @@ class AutoCompleteControlComponent {
|
|
|
6749
6749
|
this.onChange.emit(formField);
|
|
6750
6750
|
}
|
|
6751
6751
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutoCompleteControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6752
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AutoCompleteControlComponent, selector: "autoComplete-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", completeMethod: "completeMethod" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i20.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] }); }
|
|
6752
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AutoCompleteControlComponent, selector: "autoComplete-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", focusOutEvent: "focusOutEvent", completeMethod: "completeMethod" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" [appendTo]=\"'body'\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i20.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] }); }
|
|
6753
6753
|
}
|
|
6754
6754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutoCompleteControlComponent, decorators: [{
|
|
6755
6755
|
type: Component,
|
|
6756
|
-
args: [{ selector: 'autoComplete-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
6756
|
+
args: [{ selector: 'autoComplete-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n formField.label.labelControl\n ? ''\n : formField.label.onClick\n ? formField.label.name\n : formField.label\n }}\n <span *ngIf=\"formField.requiredField\"\n [class]=\"'required-star ' + (formField?.errorMessage ? ' invalid ' : '')\">*</span>\n </label>\n <span class=\"p-fluid\">\n <p-autoComplete data-title-element=\"input,span\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" [suggestions]=\"formField.data\" [(ngModel)]=\"formField.value\" (onChange)=\"onChangeEvent(formField)\"\n (click)=\"handleClickEvent(formField)\" (completeMethod)=\"autoSearch($event, formField)\"\n [dropdown]=\"formField.showOption\" [field]=\"formField.displayField\" [name]=\"formField.label\"\n [multiple]=\"true\" [disabled]=\"formField.disabled\" [appendTo]=\"'body'\" (onBlur)=\"onFocusOutEvent(formField)\">\n </p-autoComplete>\n </span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}\n"] }]
|
|
6757
6757
|
}], propDecorators: { formField: [{
|
|
6758
6758
|
type: Input
|
|
6759
6759
|
}], onChange: [{
|