keevo-components 1.8.193 → 1.8.194

package/esm2022/lib/components/kv-inputs/kv-radio-group/kv-radio-group.component.mjs

@@ -37,11 +37,11 @@ export class KvRadioGroupComponent extends BaseComponentInput {
         this.onSelectedOption.emit(event.value.id);
     }
     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 }); }
-    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 && (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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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"] }] }); }
+    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 && (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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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:#002542;background:#002542}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, decorators: [{
             type: Component,
-            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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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"] }]
+            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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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:#002542;background:#002542}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { options: [{
                 type: Input
             }], optionValueDefault: [{

package/fesm2022/keevo-components.mjs

@@ -3418,11 +3418,11 @@ class KvRadioGroupComponent extends BaseComponentInput {
         this.onSelectedOption.emit(event.value.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    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 && (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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    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 && (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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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:#002542;background:#002542}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, decorators: [{
             type: Component,
-            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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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"] }]
+            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.id\"\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.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</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:#002542;background:#002542}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}: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"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { options: [{
                 type: Input
             }], optionValueDefault: [{