@churchillliving/se-ui-toolkit 6.54.520 → 6.54.522
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/lookup-control/lookup-control.component.mjs +6 -2
- package/fesm2022/churchillliving-se-ui-toolkit.mjs +5 -1
- package/fesm2022/churchillliving-se-ui-toolkit.mjs.map +1 -1
- package/lib/components/shared/controls/lookup-control/lookup-control.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -12,7 +12,11 @@ export class LookupControlComponent {
|
|
|
12
12
|
}
|
|
13
13
|
ngOnInit() {
|
|
14
14
|
}
|
|
15
|
+
ngOnChanges(ngOnChanges) {
|
|
16
|
+
console.log('ngOnChanges: ', ngOnChanges);
|
|
17
|
+
}
|
|
15
18
|
typeOf(value) {
|
|
19
|
+
console.log('value: ', value);
|
|
16
20
|
return typeof value;
|
|
17
21
|
}
|
|
18
22
|
selectLookupField(formField) {
|
|
@@ -25,7 +29,7 @@ export class LookupControlComponent {
|
|
|
25
29
|
this.keyupTab.emit(formField);
|
|
26
30
|
}
|
|
27
31
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LookupControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: LookupControlComponent, selector: "lookup-control", inputs: { formField: "formField" }, outputs: { onClick: "onClick", onClearLookupValue: "onClearLookupValue", keyupTab: "keyupTab" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n typeOf(formField.label) === 'object'\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>\n <div class=\"close-icon-wrapper\">\n\n <span class=\"p-input-icon-right\">\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\n <input data-title-element=\"self\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" class=\"form-component lookup-input\" type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\" autocomplete=\"off\" [id]=\"formField.field\" [name]=\"formField.field\"\n (click)=\"selectLookupField(formField)\" [disabled]=\"formField.disabled\"\n (keyup.Tab)=\"onTabLookupFieldSelect(formField)\" readonly />\n </span>\n <div>\n <button tabindex=\"-1\" *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\n class=\"lookup-clear-icon-button\" type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\n\n </div>\n </div>\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }] }); }
|
|
32
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: LookupControlComponent, selector: "lookup-control", inputs: { formField: "formField" }, outputs: { onClick: "onClick", onClearLookupValue: "onClearLookupValue", keyupTab: "keyupTab" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n typeOf(formField.label) === 'object'\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>\n <div class=\"close-icon-wrapper\">\n\n <span class=\"p-input-icon-right\">\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\n <input data-title-element=\"self\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" class=\"form-component lookup-input\" type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\" autocomplete=\"off\" [id]=\"formField.field\" [name]=\"formField.field\"\n (click)=\"selectLookupField(formField)\" [disabled]=\"formField.disabled\"\n (keyup.Tab)=\"onTabLookupFieldSelect(formField)\" readonly />\n </span>\n <div>\n <button tabindex=\"-1\" *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\n class=\"lookup-clear-icon-button\" type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\n\n </div>\n </div>\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }] }); }
|
|
29
33
|
}
|
|
30
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LookupControlComponent, decorators: [{
|
|
31
35
|
type: Component,
|
|
@@ -39,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
|
|
|
39
43
|
}], keyupTab: [{
|
|
40
44
|
type: Output
|
|
41
45
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9va3VwLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvc2hhcmVkL2NvbnRyb2xzL2xvb2t1cC1jb250cm9sL2xvb2t1cC1jb250cm9sLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlLXVpLXRvb2xraXQvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9jb250cm9scy9sb29rdXAtY29udHJvbC9sb29rdXAtY29udHJvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUTlGLE1BQU0sT0FBTyxzQkFBc0I7SUFObkM7UUFRYyxZQUFPLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdkQsdUJBQWtCLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEUsYUFBUSxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO0tBcUJyRTtJQXBCRyxRQUFRO0lBQ1IsQ0FBQztJQUVELFdBQVcsQ0FBQyxXQUEyQjtRQUNuQyxPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxXQUFXLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVU7UUFDYixPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUM5QixPQUFPLE9BQU8sS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxTQUFxQjtRQUNuQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBQ0QsZ0JBQWdCLENBQUMsU0FBcUI7UUFDbEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBQ0Qsc0JBQXNCLENBQUMsU0FBcUI7UUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbEMsQ0FBQztpSUF4QlEsc0JBQXNCO3FIQUF0QixzQkFBc0IsZ05DUm5DLHU5REFvQ087OzJGRDVCTSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0ksZ0JBQWdCOzhCQU1qQixTQUFTO3NCQUFqQixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElGb3JtRmllbGQgfSBmcm9tICcuLi8uLi8uLi8uLi9tb2RlbHMvZm9ybS5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xvb2t1cC1jb250cm9sJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9va3VwLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xvb2t1cC1jb250cm9sLmNvbXBvbmVudC5zY3NzJ10sXG5cbn0pXG5leHBvcnQgY2xhc3MgTG9va3VwQ29udHJvbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgZm9ybUZpZWxkOiBJRm9ybUZpZWxkIHwgYW55O1xuICAgIEBPdXRwdXQoKSBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8SUZvcm1GaWVsZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIG9uQ2xlYXJMb29rdXBWYWx1ZTogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBrZXl1cFRhYjogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIG5nT25Jbml0KCkge1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKG5nT25DaGFuZ2VzIDogU2ltcGxlQ2hhbmdlcykge1xuICAgICAgICBjb25zb2xlLmxvZygnbmdPbkNoYW5nZXM6ICcsIG5nT25DaGFuZ2VzKTtcbiAgICB9XG5cbiAgICB0eXBlT2YodmFsdWU6IGFueSkge1xuICAgICAgICBjb25zb2xlLmxvZygndmFsdWU6ICcsIHZhbHVlKTtcbiAgICAgICAgcmV0dXJuIHR5cGVvZiB2YWx1ZTtcbiAgICB9XG4gICAgc2VsZWN0TG9va3VwRmllbGQoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMub25DbGljay5lbWl0KGZvcm1GaWVsZCk7XG4gICAgfVxuICAgIGxvb2t1cENsZWFyVmFsdWUoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMub25DbGVhckxvb2t1cFZhbHVlLmVtaXQoZm9ybUZpZWxkKTtcbiAgICB9XG4gICAgb25UYWJMb29rdXBGaWVsZFNlbGVjdChmb3JtRmllbGQ6IElGb3JtRmllbGQpIHtcbiAgICAgICAgdGhpcy5rZXl1cFRhYi5lbWl0KGZvcm1GaWVsZCk7XG4gICAgfVxufSIsIjxzcGFuICpuZ0lmPVwiIWZvcm1GaWVsZC5oaWRkZW5cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtblwiPlxuICAgICAgICA8c3BhbiBbY2xhc3NdPVwiZm9ybUZpZWxkLmRpc2FibGVkID8gJ2Rpc2FibGVkLWxvb2t1cC1oZWFkZXInIDogJydcIj5cbiAgICAgICAgICAgIDxsYWJlbCAqbmdJZj1cIiFmb3JtRmllbGQubGFiZWwubGFiZWxDb250cm9sXCIgW2NsYXNzXT1cImZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrID8gJ2N1c3RvbS1saW5rJyA6ICcnXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZm9ybUZpZWxkLmxhYmVsLm9uQ2xpY2sgJiYgZm9ybUZpZWxkLmxhYmVsLm9uQ2xpY2soKVwiIGRhdGEtdGl0bGUtZWxlbWVudD1cInNlbGZcIj5cbiAgICAgICAgICAgICAgICB7e1xuICAgICAgICAgICAgICAgIHR5cGVPZihmb3JtRmllbGQubGFiZWwpID09PSAnb2JqZWN0J1xuICAgICAgICAgICAgICAgID8gZm9ybUZpZWxkLmxhYmVsLm5hbWVcbiAgICAgICAgICAgICAgICA6IGZvcm1GaWVsZC5sYWJlbFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJmb3JtRmllbGQucmVxdWlyZWRGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzc109XCIncmVxdWlyZWQtc3RhciAnICsgKGZvcm1GaWVsZD8uZXJyb3JNZXNzYWdlID8gJyBpbnZhbGlkICcgOiAnJylcIj4qPC9zcGFuPlxuICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2xvc2UtaWNvbi13cmFwcGVyXCI+XG5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicC1pbnB1dC1pY29uLXJpZ2h0XCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJwaSBwaS1jaGV2cm9uLXJpZ2h0IGxvb2t1cC1pbnB1dC1pY29uXCI+PC9pPlxuICAgICAgICAgICAgICAgIDxpbnB1dCBkYXRhLXRpdGxlLWVsZW1lbnQ9XCJzZWxmXCIgW2NsYXNzXT1cIlxuICAgICAgICAgIGZvcm1GaWVsZC5lcnJvck1lc3NhZ2VcbiAgICAgICAgICAgID8gJ25nLWludmFsaWQgbmctZGlydHknXG4gICAgICAgICAgICA6ICdmb3JtLWNvbnRyb2wnXG4gICAgICAgIFwiIGNsYXNzPVwiZm9ybS1jb21wb25lbnQgbG9va3VwLWlucHV0XCIgdHlwZT1cInRleHRcIiBwSW5wdXRUZXh0IFsobmdNb2RlbCldPVwiZm9ybUZpZWxkLnZhbHVlICYmIHR5cGVPZihmb3JtRmllbGQudmFsdWUpID09PSAnb2JqZWN0J1xuICAgICAgICA/IGZvcm1GaWVsZC52YWx1ZS50ZXh0XG4gICAgICAgIDogZm9ybUZpZWxkLnZhbHVlXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgW2lkXT1cImZvcm1GaWVsZC5maWVsZFwiIFtuYW1lXT1cImZvcm1GaWVsZC5maWVsZFwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RMb29rdXBGaWVsZChmb3JtRmllbGQpXCIgW2Rpc2FibGVkXT1cImZvcm1GaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIChrZXl1cC5UYWIpPVwib25UYWJMb29rdXBGaWVsZFNlbGVjdChmb3JtRmllbGQpXCIgcmVhZG9ubHkgLz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0YWJpbmRleD1cIi0xXCIgKm5nSWY9XCJmb3JtRmllbGQudmFsdWUgJiYgIWZvcm1GaWVsZC5kaXNhYmxlZFwiIGljb249XCJwaSBwaS10aW1lc1wiIHBCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJsb29rdXAtY2xlYXItaWNvbi1idXR0b25cIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImxvb2t1cENsZWFyVmFsdWUoZm9ybUZpZWxkKVwiPjwvYnV0dG9uPlxuXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiIWZvcm1GaWVsZD8uaXNWYWxpZFwiIGRhdGEtdGl0bGUtZWxlbWVudD1cInNlbGZcIiBjbGFzcz1cImVycm9yXCI+e3sgZm9ybUZpZWxkLmVycm9yTWVzc2FnZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvc3Bhbj4iXX0=
|
|
@@ -6768,7 +6768,11 @@ class LookupControlComponent {
|
|
|
6768
6768
|
}
|
|
6769
6769
|
ngOnInit() {
|
|
6770
6770
|
}
|
|
6771
|
+
ngOnChanges(ngOnChanges) {
|
|
6772
|
+
console.log('ngOnChanges: ', ngOnChanges);
|
|
6773
|
+
}
|
|
6771
6774
|
typeOf(value) {
|
|
6775
|
+
console.log('value: ', value);
|
|
6772
6776
|
return typeof value;
|
|
6773
6777
|
}
|
|
6774
6778
|
selectLookupField(formField) {
|
|
@@ -6781,7 +6785,7 @@ class LookupControlComponent {
|
|
|
6781
6785
|
this.keyupTab.emit(formField);
|
|
6782
6786
|
}
|
|
6783
6787
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LookupControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6784
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: LookupControlComponent, selector: "lookup-control", inputs: { formField: "formField" }, outputs: { onClick: "onClick", onClearLookupValue: "onClearLookupValue", keyupTab: "keyupTab" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n typeOf(formField.label) === 'object'\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>\n <div class=\"close-icon-wrapper\">\n\n <span class=\"p-input-icon-right\">\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\n <input data-title-element=\"self\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" class=\"form-component lookup-input\" type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\" autocomplete=\"off\" [id]=\"formField.field\" [name]=\"formField.field\"\n (click)=\"selectLookupField(formField)\" [disabled]=\"formField.disabled\"\n (keyup.Tab)=\"onTabLookupFieldSelect(formField)\" readonly />\n </span>\n <div>\n <button tabindex=\"-1\" *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\n class=\"lookup-clear-icon-button\" type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\n\n </div>\n </div>\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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: "directive", type: i3$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i3$2.InputText, selector: "[pInputText]" }] }); }
|
|
6788
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: LookupControlComponent, selector: "lookup-control", inputs: { formField: "formField" }, outputs: { onClick: "onClick", onClearLookupValue: "onClearLookupValue", keyupTab: "keyupTab" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <span [class]=\"formField.disabled ? 'disabled-lookup-header' : ''\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\"\n (click)=\"formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">\n {{\n typeOf(formField.label) === 'object'\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>\n <div class=\"close-icon-wrapper\">\n\n <span class=\"p-input-icon-right\">\n <i class=\"pi pi-chevron-right lookup-input-icon\"></i>\n <input data-title-element=\"self\" [class]=\"\n formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : 'form-control'\n \" class=\"form-component lookup-input\" type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\n ? formField.value.text\n : formField.value\" autocomplete=\"off\" [id]=\"formField.field\" [name]=\"formField.field\"\n (click)=\"selectLookupField(formField)\" [disabled]=\"formField.disabled\"\n (keyup.Tab)=\"onTabLookupFieldSelect(formField)\" readonly />\n </span>\n <div>\n <button tabindex=\"-1\" *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton\n class=\"lookup-clear-icon-button\" type=\"button\" (click)=\"lookupClearValue(formField)\"></button>\n\n </div>\n </div>\n <span *ngIf=\"!formField?.isValid\" data-title-element=\"self\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", styles: [".invalid.required-star{color:red!important}.required-star{color:#000;margin-left:2px}.error{color:red}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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: "directive", type: i3$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i3$2.InputText, selector: "[pInputText]" }] }); }
|
|
6785
6789
|
}
|
|
6786
6790
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LookupControlComponent, decorators: [{
|
|
6787
6791
|
type: Component,
|