@churchillliving/se-ui-toolkit 6.54.208 → 6.54.209
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/checkbox-control/checkbox-control.component.mjs
CHANGED
|
@@ -24,11 +24,11 @@ export class CheckboxComponent {
|
|
|
24
24
|
this.onFocusOut.emit(formField);
|
|
25
25
|
}
|
|
26
26
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CheckboxComponent, selector: "checkbox-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", onFocusOut: "onFocusOut" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '
|
|
27
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CheckboxComponent, selector: "checkbox-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", onFocusOut: "onFocusOut" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '')\n \" [binary]=\"true\" [name]=\"formField.field\" (click)=\"onClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\" [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\n (onChange)=\"onFocusOutEvent(formField)\">\n </p-checkbox>\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", 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.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"] }] }); }
|
|
28
28
|
}
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'checkbox-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '
|
|
31
|
+
args: [{ selector: 'checkbox-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '')\n \" [binary]=\"true\" [name]=\"formField.field\" (click)=\"onClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\" [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\n (onChange)=\"onFocusOutEvent(formField)\">\n </p-checkbox>\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>" }]
|
|
32
32
|
}], propDecorators: { formField: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], onChange: [{
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
|
|
|
38
38
|
}], onFocusOut: [{
|
|
39
39
|
type: Output
|
|
40
40
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtY29udHJvbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvY29udHJvbHMvY2hlY2tib3gtY29udHJvbC9jaGVja2JveC1jb250cm9sLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlLXVpLXRvb2xraXQvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9jb250cm9scy9jaGVja2JveC1jb250cm9sL2NoZWNrYm94LWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFNL0UsTUFBTSxPQUFPLGlCQUFpQjtJQUo5QjtRQU1jLGFBQVEsR0FBNkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN4RCxZQUFPLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdkQsZUFBVSxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO0tBZXZFO0lBZEcsUUFBUTtJQUNSLENBQUM7SUFDRCxNQUFNLENBQUMsS0FBVTtRQUNiLE9BQU8sT0FBTyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUNILGFBQWEsQ0FBQyxTQUFxQjtRQUMvQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUNqQyxDQUFDO0lBQ0QsWUFBWSxDQUFDLFNBQXFCO1FBQzlCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQ2hDLENBQUM7SUFDRCxlQUFlLENBQUMsU0FBcUI7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUE7SUFDbkMsQ0FBQztpSUFsQlEsaUJBQWlCO3FIQUFqQixpQkFBaUIsNktDTjlCLDJxQ0FzQk87OzJGRGhCTSxpQkFBaUI7a0JBSjdCLFNBQVM7K0JBQ0ksa0JBQWtCOzhCQUluQixTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJRm9ybUZpZWxkIH0gZnJvbSAnLi4vLi4vLi4vLi4vbW9kZWxzL2Zvcm0ubW9kZWwnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjaGVja2JveC1jb250cm9sJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3gtY29udHJvbC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBmb3JtRmllbGQ6IElGb3JtRmllbGQgfCBhbnk7XG4gICAgQE91dHB1dCgpIG9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8SUZvcm1GaWVsZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxJRm9ybUZpZWxkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBAT3V0cHV0KCkgb25Gb2N1c091dDogRXZlbnRFbWl0dGVyPElGb3JtRmllbGQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIG5nT25Jbml0KCkge1xuICAgIH1cbiAgICB0eXBlT2YodmFsdWU6IGFueSkge1xuICAgICAgICByZXR1cm4gdHlwZW9mIHZhbHVlO1xuICAgICAgfVxuICAgIG9uQ2hhbmdlRXZlbnQoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdChmb3JtRmllbGQpXG4gICAgfVxuICAgIG9uQ2xpY2tFdmVudChmb3JtRmllbGQ6IElGb3JtRmllbGQpIHtcbiAgICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoZm9ybUZpZWxkKVxuICAgIH1cbiAgICBvbkZvY3VzT3V0RXZlbnQoZm9ybUZpZWxkOiBJRm9ybUZpZWxkKSB7XG4gICAgICAgIHRoaXMub25Gb2N1c091dC5lbWl0KGZvcm1GaWVsZClcbiAgICB9XG59IiwiPHNwYW4gKm5nSWY9XCIhZm9ybUZpZWxkLmhpZGRlblwiPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uXCI+XG4gICAgICAgIDxsYWJlbCAqbmdJZj1cIiFmb3JtRmllbGQubGFiZWwubGFiZWxDb250cm9sXCIgW2NsYXNzXT1cImZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrID8gJ2N1c3RvbS1saW5rJyA6ICcnXCIgKGNsaWNrKT1cIlxuICAgICAgICAgIGZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrICYmIGZvcm1GaWVsZC5sYWJlbC5vbkNsaWNrKClcIiBkYXRhLXRpdGxlLWVsZW1lbnQ9XCJzZWxmXCI+e3tcbiAgICAgICAgICAgIGZvcm1GaWVsZC5sYWJlbCAmJlxuICAgICAgICAgICAgdHlwZU9mKGZvcm1GaWVsZC5sYWJlbCkgPT09ICdvYmplY3QnXG4gICAgICAgICAgICA/IGZvcm1GaWVsZC5sYWJlbC5uYW1lXG4gICAgICAgICAgICA6IGZvcm1GaWVsZC5sYWJlbFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZm9ybUZpZWxkLnJlcXVpcmVkRmllbGRcIlxuICAgICAgICAgICAgICAgIFtjbGFzc109XCIncmVxdWlyZWQtc3RhciAnICsgKGZvcm1GaWVsZD8uZXJyb3JNZXNzYWdlID8gJyBpbnZhbGlkICcgOiAnJylcIj4qPC9zcGFuPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8cC1jaGVja2JveCBbY2xhc3NdPVwiICdmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciAnK1xuICAgICAgICAgIChmb3JtRmllbGQuZXJyb3JNZXNzYWdlXG4gICAgICAgICAgICA/ICduZy1pbnZhbGlkIG5nLWRpcnR5J1xuICAgICAgICAgICAgOiAnJylcbiAgICAgICAgICAgIFwiIFtiaW5hcnldPVwidHJ1ZVwiIFtuYW1lXT1cImZvcm1GaWVsZC5maWVsZFwiIChjbGljayk9XCJvbkNsaWNrRXZlbnQoZm9ybUZpZWxkKVwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlRXZlbnQoZm9ybUZpZWxkKVwiIFsobmdNb2RlbCldPVwiZm9ybUZpZWxkLnZhbHVlXCIgW2Rpc2FibGVkXT1cImZvcm1GaWVsZC5kaXNhYmxlZFwiXG4gICAgICAgICAgICAob25DaGFuZ2UpPVwib25Gb2N1c091dEV2ZW50KGZvcm1GaWVsZClcIj5cbiAgICAgICAgPC9wLWNoZWNrYm94PlxuICAgICAgICA8c3BhbiAqbmdJZj1cIiFmb3JtRmllbGQ/LmlzVmFsaWRcIiBjbGFzcz1cImVycm9yXCI+e3sgZm9ybUZpZWxkLmVycm9yTWVzc2FnZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvc3Bhbj4iXX0=
|
|
@@ -9335,11 +9335,11 @@ class CheckboxComponent {
|
|
|
9335
9335
|
this.onFocusOut.emit(formField);
|
|
9336
9336
|
}
|
|
9337
9337
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9338
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CheckboxComponent, selector: "checkbox-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", onFocusOut: "onFocusOut" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '
|
|
9338
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: CheckboxComponent, selector: "checkbox-control", inputs: { formField: "formField" }, outputs: { onChange: "onChange", onClick: "onClick", onFocusOut: "onFocusOut" }, ngImport: i0, template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '')\n \" [binary]=\"true\" [name]=\"formField.field\" (click)=\"onClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\" [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\n (onChange)=\"onFocusOutEvent(formField)\">\n </p-checkbox>\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>", dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.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"] }] }); }
|
|
9339
9339
|
}
|
|
9340
9340
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
9341
9341
|
type: Component,
|
|
9342
|
-
args: [{ selector: 'checkbox-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '
|
|
9342
|
+
args: [{ selector: 'checkbox-control', template: "<span *ngIf=\"!formField.hidden\">\n <div class=\"flex flex-column\">\n <label *ngIf=\"!formField.label.labelControl\" [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\n formField.label.onClick && formField.label.onClick()\" data-title-element=\"self\">{{\n formField.label &&\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 <p-checkbox [class]=\" 'flex align-items-center '+\n (formField.errorMessage\n ? 'ng-invalid ng-dirty'\n : '')\n \" [binary]=\"true\" [name]=\"formField.field\" (click)=\"onClickEvent(formField)\"\n (change)=\"onChangeEvent(formField)\" [(ngModel)]=\"formField.value\" [disabled]=\"formField.disabled\"\n (onChange)=\"onFocusOutEvent(formField)\">\n </p-checkbox>\n <span *ngIf=\"!formField?.isValid\" class=\"error\">{{ formField.errorMessage }}</span>\n </div>\n</span>" }]
|
|
9343
9343
|
}], propDecorators: { formField: [{
|
|
9344
9344
|
type: Input
|
|
9345
9345
|
}], onChange: [{
|