refactor: type hostClasses() as Record<string, boolean>

Author: xidedix

projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts

@@ -22,7 +22,7 @@ export class AccordionButtonDirective {
     return {
       'accordion-button': true,
       collapsed: this.collapsed()
-    };
+    } as Record<string, boolean>;
   });
 
   readonly ariaExpanded = computed(() => !this.collapsed());

projects/coreui-angular/src/lib/accordion/accordion/accordion.component.ts

@@ -29,8 +29,8 @@ export class AccordionComponent {
     this.#accordionService.alwaysOpen = this.alwaysOpen();
   });
 
-  readonly hostClasses = computed<Record<string, boolean>>(() => ({
+  readonly hostClasses = computed(() => ({
     accordion: true,
     'accordion-flush': this.flush()
-  }));
+  }) as Record<string, boolean>);
 }

projects/coreui-angular/src/lib/button-group/button-group/button-group.component.ts

@@ -30,6 +30,6 @@ export class ButtonGroupComponent {
       'btn-group': !this.vertical(),
       'btn-group-vertical': this.vertical(),
       [`btn-group-${this.size()}`]: !!this.size()
-    };
+    } as Record<string, boolean>;
   });
 }

projects/coreui-angular/src/lib/form/form-check/form-check.component.ts

@@ -49,6 +49,6 @@ export class FormCheckComponent {
       [`form-switch-${sizing}`]: isSwitch && !!sizing,
       'form-check-inline': this.inline(),
       'form-check-reverse': this.reverse()
-    };
+    } as Record<string, boolean>;
   });
 }

projects/coreui-angular/src/lib/form/form-feedback/form-feedback.component.ts

@@ -27,6 +27,6 @@ export class FormFeedbackComponent {
       // 'valid-tooltip': valid === true && tooltip,
       // 'invalid-feedback': valid !== true && !tooltip,
       // 'invalid-tooltip': valid !== true && tooltip
-    };
+    } as Record<string, boolean>;
   });
 }

projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts

@@ -14,6 +14,6 @@ export class FormFloatingDirective {
   readonly hostClasses = computed(() => {
     return {
       'form-floating': this.floating()
-    };
+    } as Record<string, boolean>;
   });
 }

projects/coreui-angular/src/lib/form/form-select/form-select.directive.ts

@@ -25,6 +25,6 @@ export class FormSelectDirective {
       [`form-select-${sizing}`]: !!sizing,
       'is-valid': valid === true,
       'is-invalid': valid === false
-    };
+    } as Record<string, boolean>;
   });
 }

projects/coreui-angular/src/lib/form/form/form.directive.ts

@@ -15,6 +15,6 @@ export class FormDirective {
   readonly hostClasses = computed(() => {
     return {
       'was-validated': this.validated()
-    };
+    } as Record<string, boolean>;
   });
 }

projects/coreui-angular/src/lib/list-group/list-group-item.directive.ts

@@ -50,7 +50,7 @@ export class ListGroupItemDirective {
       active: !!this.active(),
       disabled: this._disabled(),
       [`list-group-item-${this.color()}`]: !!this.color()
-    };
+    } as Record<string, boolean>;
   });
 
   readonly _disabled = computed(() => this.disabled());

projects/coreui-angular/src/lib/modal/modal-dialog/modal-dialog.component.ts

@@ -43,6 +43,6 @@ export class ModalDialogComponent {
       [`modal-fullscreen-${fullscreen}-down`]: typeof fullscreen === 'string',
       'modal-dialog-scrollable': this.scrollable(),
       [`modal-${size}`]: !!size
-    };
+    } as Record<string, boolean>;
   });
 }