keevo-components 1.8.205 → 1.8.207
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/kv-inputs/kv-radio-group/kv-radio-group.component.mjs +11 -5
- package/esm2022/lib/components/kv-inputs/kv-select-buttons/kv-select-buttons.component.mjs +3 -3
- package/fesm2022/keevo-components.mjs +12 -6
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-inputs/kv-radio-group/kv-radio-group.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -15,6 +15,8 @@ export class KvRadioGroupComponent extends BaseComponentInput {
|
|
|
15
15
|
{ id: 0, description: 'Não' },
|
|
16
16
|
{ id: 1, description: 'Sim' },
|
|
17
17
|
];
|
|
18
|
+
this.optionValue = 'id';
|
|
19
|
+
this.optionLabel = 'description';
|
|
18
20
|
this.vertical = false;
|
|
19
21
|
this.onSelectedOption = new EventEmitter();
|
|
20
22
|
this.selectedOpt = null;
|
|
@@ -28,22 +30,26 @@ export class KvRadioGroupComponent extends BaseComponentInput {
|
|
|
28
30
|
}
|
|
29
31
|
selectedDefault() {
|
|
30
32
|
if (this.optionValueDefault != undefined && !this.selectedOpt) {
|
|
31
|
-
let item = this.options.find(opt => opt.
|
|
33
|
+
let item = this.options.find(opt => opt[this.optionValue] === this.optionValueDefault);
|
|
32
34
|
if (item)
|
|
33
35
|
this.selectedOpt = item;
|
|
34
36
|
}
|
|
35
37
|
}
|
|
36
38
|
selectedOption(event) {
|
|
37
|
-
this.onSelectedOption.emit(event.value.
|
|
39
|
+
this.onSelectedOption.emit(event.value[this.optionValue]);
|
|
38
40
|
}
|
|
39
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label &&
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValue: "optionValue", optionLabel: "optionLabel", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label && label + (showAsterisk ? '*' : '')\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option[optionValue]\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option[optionValue]\" class=\"radio-option-label\">\r\n {{ option[optionLabel] }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#004172;background:#004172}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i6.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
|
|
41
43
|
}
|
|
42
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, decorators: [{
|
|
43
45
|
type: Component,
|
|
44
|
-
args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label &&
|
|
46
|
+
args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label && label + (showAsterisk ? '*' : '')\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option[optionValue]\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option[optionValue]\" class=\"radio-option-label\">\r\n {{ option[optionLabel] }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#004172;background:#004172}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
|
|
45
47
|
}], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { options: [{
|
|
46
48
|
type: Input
|
|
49
|
+
}], optionValue: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], optionLabel: [{
|
|
52
|
+
type: Input
|
|
47
53
|
}], optionValueDefault: [{
|
|
48
54
|
type: Input
|
|
49
55
|
}], vertical: [{
|
|
@@ -51,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
51
57
|
}], onSelectedOption: [{
|
|
52
58
|
type: Output
|
|
53
59
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtcmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LXJhZGlvLWdyb3VwL2t2LXJhZGlvLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1yYWRpby1ncm91cC9rdi1yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBRXZGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7OztBQVc5RSxNQUFNLE9BQU8scUJBQXNCLFNBQVEsa0JBQXVCO0lBaUJoRSxZQUFZLGdCQUFrQztRQUM1QyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQWhCakIsWUFBTyxHQUFVO1lBQ3hCLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFO1lBQzdCLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFO1NBQzlCLENBQUM7UUFFTyxnQkFBVyxHQUFXLElBQUksQ0FBQztRQUMzQixnQkFBVyxHQUFXLGFBQWEsQ0FBQTtRQUduQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXpCLHFCQUFnQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRW5FLGdCQUFXLEdBQVEsSUFBSSxDQUFDO0lBSXhCLENBQUM7SUFFUSxRQUFRO1FBQ2YsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLGtCQUFrQixJQUFJLFNBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUM5RCxJQUFJLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7WUFDdkYsSUFBSSxJQUFJO2dCQUFFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3BDLENBQUM7SUFDSCxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQVU7UUFDdkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO0lBQzVELENBQUM7OEdBdkNVLHFCQUFxQjtrR0FBckIscUJBQXFCLG9QQUZyQixrQkFBa0IsQ0FBQyxxQkFBcUIsQ0FBQyxpRENwQnRELDJ1QkFtQkE7OzJGREdhLHFCQUFxQjtrQkFUakMsU0FBUzsrQkFDRSxnQkFBZ0IsYUFNZixrQkFBa0IsdUJBQXVCO3FGQUkzQyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIERvQ2hlY2ssXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnRJbnB1dCB9IGZyb20gJy4uLy4uLy4uL2FwaS9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtaW5wdXQnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vYXBpL3NlcnZpY2VzL2NvbXBvbmVudC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ29tcG9uZW50UHJvdmlkZXJzIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2hlbHBlcnMvY29tcG9uZW50LXByb3ZpZGVycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LXJhZGlvLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtcmFkaW8tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4va3YtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgJy4uLy4uL2tlZXZvLWNvbXBvbmVudHMtc3R5bGVzLnNjc3MnXHJcbiAgXSxcclxuICBwcm92aWRlcnM6IENvbXBvbmVudFByb3ZpZGVycyhLdlJhZGlvR3JvdXBDb21wb25lbnQpLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZSYWRpb0dyb3VwQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudElucHV0PGFueT4gaW1wbGVtZW50cyBPbkluaXQsIERvQ2hlY2sge1xyXG5cclxuICBASW5wdXQoKSBvcHRpb25zOiBhbnlbXSA9IFtcclxuICAgIHsgaWQ6IDAsIGRlc2NyaXB0aW9uOiAnTsOjbycgfSxcclxuICAgIHsgaWQ6IDEsIGRlc2NyaXB0aW9uOiAnU2ltJyB9LFxyXG4gIF07XHJcblxyXG4gIEBJbnB1dCgpIG9wdGlvblZhbHVlOiBzdHJpbmcgPSAnaWQnO1xyXG4gIEBJbnB1dCgpIG9wdGlvbkxhYmVsOiBzdHJpbmcgPSAnZGVzY3JpcHRpb24nXHJcblxyXG4gIEBJbnB1dCgpIG9wdGlvblZhbHVlRGVmYXVsdCE6IGFueVxyXG4gIEBJbnB1dCgpIHZlcnRpY2FsOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSBvblNlbGVjdGVkT3B0aW9uOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgc2VsZWN0ZWRPcHQ6IGFueSA9IG51bGw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKGNvbXBvbmVudFNlcnZpY2U6IENvbXBvbmVudFNlcnZpY2UpIHtcclxuICAgIHN1cGVyKGNvbXBvbmVudFNlcnZpY2UpO1xyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgdGhpcy5zZWxlY3RlZERlZmF1bHQoKTtcclxuICB9XHJcblxyXG4gIG5nRG9DaGVjaygpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWREZWZhdWx0KCk7XHJcbiAgfVxyXG5cclxuICBzZWxlY3RlZERlZmF1bHQoKSB7XHJcbiAgICBpZiAodGhpcy5vcHRpb25WYWx1ZURlZmF1bHQgIT0gdW5kZWZpbmVkICYmICF0aGlzLnNlbGVjdGVkT3B0KSB7XHJcbiAgICAgIGxldCBpdGVtID0gdGhpcy5vcHRpb25zLmZpbmQob3B0ID0+IG9wdFt0aGlzLm9wdGlvblZhbHVlXSA9PT0gdGhpcy5vcHRpb25WYWx1ZURlZmF1bHQpO1xyXG4gICAgICBpZiAoaXRlbSkgdGhpcy5zZWxlY3RlZE9wdCA9IGl0ZW07XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWxlY3RlZE9wdGlvbihldmVudDogYW55KSB7XHJcbiAgICB0aGlzLm9uU2VsZWN0ZWRPcHRpb24uZW1pdChldmVudC52YWx1ZVt0aGlzLm9wdGlvblZhbHVlXSk7XHJcbiAgfVxyXG59XHJcbiIsIjxrdi1sYWJlbCBbbGFiZWxdPVwibGFiZWwgJiYgbGFiZWwgKyAoc2hvd0FzdGVyaXNrID8gJyonIDogJycpXCIgLz5cclxuPGRpdiBbY2xhc3MudmVydGljYWwtcmFkaW8tZ3JvdXBdPVwidmVydGljYWxcIj5cclxuICA8ZGl2IGNsYXNzPVwib3B0aW9uXCIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zOyBsZXQgaXNGaXJzdCA9IGZpcnN0XCI+XHJcbiAgICA8cC1yYWRpb0J1dHRvblxyXG4gICAgICBbaW5wdXRJZF09XCJvcHRpb25bb3B0aW9uVmFsdWVdXCJcclxuICAgICAgbmFtZT1cIm9wdGlvblwiXHJcbiAgICAgIFt2YWx1ZV09XCJvcHRpb25cIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkT3B0XCJcclxuICAgICAgKG9uQ2xpY2spPVwic2VsZWN0ZWRPcHRpb24oJGV2ZW50KVwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgIFtjbGFzcy5tbC0zXT1cIiFpc0ZpcnN0ICYmICF2ZXJ0aWNhbFwiXHJcbiAgICA+XHJcbiAgICA8L3AtcmFkaW9CdXR0b24+XHJcbiAgICA8bGFiZWwgW2Zvcl09XCJvcHRpb25bb3B0aW9uVmFsdWVdXCIgY2xhc3M9XCJyYWRpby1vcHRpb24tbGFiZWxcIj5cclxuICAgICAge3sgb3B0aW9uW29wdGlvbkxhYmVsXSB9fTwvbGFiZWxcclxuICAgID5cclxuICA8L2Rpdj5cclxuICA8a3YtZXJyb3IgW2hhc0Vycm9yXT1cImhhc0NvbnRyb2xFcnJvcigpXCI+e3sgZXJyb01lc3NhZ2UoKSB9fTwva3YtZXJyb3I+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -16,11 +16,11 @@ export class KvSelectButtonsComponent {
|
|
|
16
16
|
this.selectChange.emit(value);
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: "options", defaultValue: "defaultValue" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i3.Ripple, selector: "[pRipple]" }] }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: "options", defaultValue: "defaultValue" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n class=\"text-sm xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i3.Ripple, selector: "[pRipple]" }] }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"] }]
|
|
23
|
+
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n class=\"text-sm xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"] }]
|
|
24
24
|
}], propDecorators: { options: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], defaultValue: [{
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
28
28
|
}], selectChange: [{
|
|
29
29
|
type: Output
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc2VsZWN0LWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LXNlbGVjdC1idXR0b25zL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zZWxlY3QtYnV0dG9ucy9rdi1zZWxlY3QtYnV0dG9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVEvRSxNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBT1csWUFBTyxHQUlWLEVBQUUsQ0FBQztRQUdDLGlCQUFZLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7S0FZaEU7SUFSQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzFDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBVTtRQUNmLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7OEdBbkJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLGtLQ1JyQyw2akJBa0JBOzsyRkRWYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLEtBQUs7OEJBS1IsT0FBTztzQkFBZixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3Ytc2VsZWN0LWJ1dHRvbnMnLFxyXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zZWxlY3QtYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2U2VsZWN0QnV0dG9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgb3B0aW9uczoge1xyXG4gICAgbGFiZWw6IHN0cmluZztcclxuICAgIGFjdGlvbjogKCkgPT4gdm9pZDtcclxuICAgIHZhbHVlOiBhbnk7XHJcbiAgfVtdID0gW107XHJcbiAgQElucHV0KCkgZGVmYXVsdFZhbHVlOiBhbnk7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBzZWxlY3RlZE9wdGlvbjogYW55O1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb24gPSB0aGlzLmRlZmF1bHRWYWx1ZTtcclxuICB9XHJcblxyXG4gIHNlbGVjdCh2YWx1ZTogYW55KSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkT3B0aW9uID0gdmFsdWU7XHJcbiAgICB0aGlzLnNlbGVjdENoYW5nZS5lbWl0KHZhbHVlKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC0xIGZsZXgtcm93IHBsLTIganVzdGlmeS1jb250ZW50LXN0YXJ0XCI+XHJcbiAgPGRpdiBjbGFzcz1cImZsZXggcC0xIGdhcC0xIHN1cmZhY2UtMjAwIGJvcmRlci1yb3VuZFwiPlxyXG4gICAgQGZvcihvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLnZhbHVlOykge1xyXG4gICAgPGJ1dHRvblxyXG4gICAgICAoY2xpY2spPVwic2VsZWN0KG9wdGlvbi52YWx1ZSlcIlxyXG4gICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgc2VsZWN0ZWRPcHRpb24gPT09IG9wdGlvbi52YWx1ZSA/ICdiZy13aGl0ZScgOiAnc3VyZmFjZS0yMDAgYWN0aXZhdGVkJyxcclxuICAgICAgICAnc2VsZWN0LWJ1dHRvbi10YXJlZmEgc2J0bi1sIGdhcC0xIGgtMnJlbSdcclxuICAgICAgXVwiXHJcbiAgICAgIHBCdXR0b25cclxuICAgICAgcFJpcHBsZVxyXG4gICAgICBjbGFzcz1cInRleHQtc20geGw6dGV4dC1iYXNlXCJcclxuICAgID5cclxuICAgICAge3sgb3B0aW9uLmxhYmVsIH19XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -3411,6 +3411,8 @@ class KvRadioGroupComponent extends BaseComponentInput {
|
|
|
3411
3411
|
{ id: 0, description: 'Não' },
|
|
3412
3412
|
{ id: 1, description: 'Sim' },
|
|
3413
3413
|
];
|
|
3414
|
+
this.optionValue = 'id';
|
|
3415
|
+
this.optionLabel = 'description';
|
|
3414
3416
|
this.vertical = false;
|
|
3415
3417
|
this.onSelectedOption = new EventEmitter();
|
|
3416
3418
|
this.selectedOpt = null;
|
|
@@ -3424,22 +3426,26 @@ class KvRadioGroupComponent extends BaseComponentInput {
|
|
|
3424
3426
|
}
|
|
3425
3427
|
selectedDefault() {
|
|
3426
3428
|
if (this.optionValueDefault != undefined && !this.selectedOpt) {
|
|
3427
|
-
let item = this.options.find(opt => opt.
|
|
3429
|
+
let item = this.options.find(opt => opt[this.optionValue] === this.optionValueDefault);
|
|
3428
3430
|
if (item)
|
|
3429
3431
|
this.selectedOpt = item;
|
|
3430
3432
|
}
|
|
3431
3433
|
}
|
|
3432
3434
|
selectedOption(event) {
|
|
3433
|
-
this.onSelectedOption.emit(event.value.
|
|
3435
|
+
this.onSelectedOption.emit(event.value[this.optionValue]);
|
|
3434
3436
|
}
|
|
3435
3437
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3436
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label &&
|
|
3438
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValue: "optionValue", optionLabel: "optionLabel", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label && label + (showAsterisk ? '*' : '')\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option[optionValue]\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option[optionValue]\" class=\"radio-option-label\">\r\n {{ option[optionLabel] }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#004172;background:#004172}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i6.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
|
|
3437
3439
|
}
|
|
3438
3440
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, decorators: [{
|
|
3439
3441
|
type: Component,
|
|
3440
|
-
args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label &&
|
|
3442
|
+
args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label && label + (showAsterisk ? '*' : '')\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n <p-radioButton\r\n [inputId]=\"option[optionValue]\"\r\n name=\"option\"\r\n [value]=\"option\"\r\n [(ngModel)]=\"selectedOpt\"\r\n (onClick)=\"selectedOption($event)\"\r\n [disabled]=\"disabled\"\r\n [class.ml-3]=\"!isFirst && !vertical\"\r\n >\r\n </p-radioButton>\r\n <label [for]=\"option[optionValue]\" class=\"radio-option-label\">\r\n {{ option[optionLabel] }}</label\r\n >\r\n </div>\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#004172;background:#004172}\n", "@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
|
|
3441
3443
|
}], ctorParameters: () => [{ type: ComponentService }], propDecorators: { options: [{
|
|
3442
3444
|
type: Input
|
|
3445
|
+
}], optionValue: [{
|
|
3446
|
+
type: Input
|
|
3447
|
+
}], optionLabel: [{
|
|
3448
|
+
type: Input
|
|
3443
3449
|
}], optionValueDefault: [{
|
|
3444
3450
|
type: Input
|
|
3445
3451
|
}], vertical: [{
|
|
@@ -3536,11 +3542,11 @@ class KvSelectButtonsComponent {
|
|
|
3536
3542
|
this.selectChange.emit(value);
|
|
3537
3543
|
}
|
|
3538
3544
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3539
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: "options", defaultValue: "defaultValue" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
|
|
3545
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: "options", defaultValue: "defaultValue" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n class=\"text-sm xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
|
|
3540
3546
|
}
|
|
3541
3547
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
3542
3548
|
type: Component,
|
|
3543
|
-
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"] }]
|
|
3549
|
+
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n class=\"text-sm xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"] }]
|
|
3544
3550
|
}], propDecorators: { options: [{
|
|
3545
3551
|
type: Input
|
|
3546
3552
|
}], defaultValue: [{
|