chore: sync with v4.5.25

Author: xidedix

projects/coreui-angular/src/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.ts

@@ -1,8 +1,8 @@
 import { Component, HostBinding, Input } from '@angular/core';
-import { CommonModule, NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import { RouterModule } from '@angular/router';
 
-import { HtmlAttributesDirective, SharedModule } from '../../shared';
+import { HtmlAttributesDirective } from '../../shared';
 import { INavAttributes, INavLinkProps } from './breadcrumb-item';
 
 @Component({

projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts

@@ -8,8 +8,7 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 class MockElementRef extends ElementRef {}
 
 @Component({
-  template: `
-    <div cCollapse></div>`
+  template: `<div cCollapse></div>`
 })
 class TestComponent {}
 

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

@@ -7,6 +7,7 @@ import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 })
 export class FormCheckInputDirective {
 
+  static ngAcceptInputType_checked: BooleanInput;
   static ngAcceptInputType_indeterminate: BooleanInput;
 
   /**
@@ -23,15 +24,21 @@ export class FormCheckInputDirective {
    */
   @Input()
   set indeterminate(value: boolean) {
-    const newValue = coerceBooleanProperty(value);
-    if (this._indeterminate !== newValue) {
-      this._indeterminate = newValue;
-      this.renderer.setProperty(this.hostElement.nativeElement, 'indeterminate', newValue);
+    const indeterminate = coerceBooleanProperty(value);
+    if (this._indeterminate !== indeterminate) {
+      this._indeterminate = indeterminate;
+      const htmlInputElement = this.hostElement.nativeElement as HTMLInputElement;
+      if (indeterminate) {
+        this.renderer.setProperty(htmlInputElement, 'checked', false);
+      }
+      this.renderer.setProperty(htmlInputElement, 'indeterminate', indeterminate);
     }
   };
+
   get indeterminate() {
     return this._indeterminate;
   }
+
   private _indeterminate = false;
 
   /**
@@ -49,6 +56,15 @@ export class FormCheckInputDirective {
     };
   }
 
+  @Input()
+  set checked(value: boolean) {
+    const checked = coerceBooleanProperty(value);
+    const htmlInputElement = this.hostElement?.nativeElement as HTMLInputElement;
+    if (htmlInputElement) {
+      this.renderer.setProperty(htmlInputElement, 'checked', checked);
+    }
+  }
+
   get checked(): boolean {
     return this.hostElement?.nativeElement?.checked;
   }

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

@@ -19,7 +19,7 @@ export class FormControlDirective implements OnInit {
   @Input() sizing?: '' | 'sm' | 'lg' | string = '';
   /**
    * Set component validation state to valid.
-   * @type boolean
+   * @type boolean | undefined
    */
   @Input() valid?: boolean;
 
@@ -57,7 +57,7 @@ export class FormControlDirective implements OnInit {
   ngOnInit(): void {
     const hostTag = this.hostTag.toLowerCase();
     if (hostTag !== 'input' && hostTag !== 'textarea') {
-      console.warn(`CoreUI [cFormControl] works with '<input>' and '<texarea>' - not with '<${hostTag}>'`);
+      console.warn(`CoreUI [cFormControl] works with '<input>' and '<textarea>' - not with '<${hostTag}>'`);
     }
   }
 

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

@@ -6,8 +6,7 @@ import { By } from '@angular/platform-browser';
 class MockElementRef extends ElementRef {}
 
 @Component({
-  template: `
-    <li cListGroupItem></li>`
+  template: `<li cListGroupItem></li>`
 })
 class TestComponent {}
 

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

@@ -6,7 +6,7 @@ import { CollapseDirective } from '../collapse';
 import { Colors } from '../coreui.types';
 
 // todo: fix container prop issue not rendering children
-// todo: workaroud -  use <c-container> component directly in template
+// todo: workaround -  use <c-container> component directly in template
 
 @Component({
   selector: 'c-navbar',

projects/coreui-angular/src/lib/pagination/page-item/page-item.directive.ts

@@ -6,7 +6,8 @@ import {
   HostBinding,
   Input,
   OnChanges,
-  Renderer2, SimpleChanges
+  Renderer2,
+  SimpleChanges
 } from '@angular/core';
 
 import { PageLinkDirective } from '../page-link/page-link.directive';

projects/coreui-angular/src/lib/services/class-toggle.service.ts

@@ -19,8 +19,8 @@ export class ClassToggleService {
     const element = document.querySelector(selector);
     if (element) {
       element.classList.contains(className) ?
-      this.renderer.removeClass(element, className) :
-      this.renderer.addClass(element, className);
+        this.renderer.removeClass(element, className) :
+        this.renderer.addClass(element, className);
     }
   }
 }

projects/coreui-angular/src/lib/shared/html-attr.directive.spec.ts

@@ -5,8 +5,7 @@ import { By } from '@angular/platform-browser';
 import { HtmlAttributesDirective } from './html-attr.directive';
 
 @Component({
-  template: `
-    <div [cHtmlAttr]="{class: 'test', style: {backgroundColor: 'red'}, id: 'id-1'}"></div>`
+  template: `<div [cHtmlAttr]="{class: 'test', style: {backgroundColor: 'red'}, id: 'id-1'}"></div>`
 })
 class TestComponent {}
 

projects/coreui-angular/src/lib/shared/shared.module.ts

@@ -12,7 +12,6 @@ import { TemplateIdDirective } from './template-id.directive';
     HtmlAttributesDirective,
     TemplateIdDirective
   ],
-  providers: []
 })
 export class SharedModule {