refactor(CFormCheck): update indeterminate state

Author: mrholek

packages/coreui-vue/src/components/form/CFormCheck.ts

@@ -57,6 +57,10 @@ const CFormCheck = defineComponent({
       default: undefined,
       required: false,
     },
+    /**
+     * Input Checkbox indeterminate Property
+     */
+    indeterminate: Boolean,
     /**
      * Group checkboxes or radios on the same horizontal row by adding.
      */
@@ -149,6 +153,7 @@ const CFormCheck = defineComponent({
           },
         ],
         id: props.id,
+        indeterminate: props.indeterminate,
         onChange: (event: InputEvent) => handleChange(event),
         type: props.type,
       })

packages/docs/forms/checks-radios.md

@@ -22,14 +22,14 @@ Browser default checkboxes and radios are replaced with the help of `<CFormCheck
 
 ## Indeterminate
 
-Checkboxes can utilize the `:indeterminate` pseudo class when manually set via JavaScript (there is no available HTML attribute for specifying it).
+Checkboxes can utilize the `:indeterminate` pseudo-class when manually set via `indeterminate` property.
 
 ::: demo
-<CFormCheck id="flexCheckIndeterminate" label="Indeterminate checkbox" ref={checkboxRef} />
+<CFormCheck id="flexCheckIndeterminate" label="Indeterminate checkbox" indeterminate />
 
 :::
 ```vue
-<CFormCheck id="flexCheckIndeterminate" label="Indeterminate checkbox" ref={checkboxRef} />
+<CFormCheck id="flexCheckIndeterminate" label="Indeterminate checkbox" indeterminate />
 ```
 
 ### Disabled