gd-bs 6.6.28 → 6.6.30

package/index.html

@@ -315,6 +315,7 @@
                 value: {
                     ReasonNotTestedExplanation: "0",
                     ReasonNotTestedExplanationRadio: "Primary",
+                    ReasonNotTestedExplanationCheckbox: "Primary",
                     CBExample: true,
                     CBInlineExample: true,
                     FName: "Datta",
@@ -401,7 +402,8 @@
                             name: "CBExample",
                             title: "This is a checkbox",
                             items: [{
-                                label: "Checkbox Example w/ no label"
+                                label: "Checkbox Example w/ no label",
+                                isSelected: true
                             }],
                             type: GD.Components.FormControlTypes.Checkbox,
                             description: "This is a read-only checkbox",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.6.28",
+    "version": "6.6.30",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/checkboxGroup/index.ts

@@ -72,8 +72,20 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
         // Render the checkboxes
         this.renderItems();
 
-        // Set the value
-        this.setValue(this.props.value);
+        // Parse the items
+        let valueSet: boolean = false;
+        let items = this.props.items || [];
+        for (let i = 0; i < items.length; i++) {
+            // See if the item is using the isSelected property
+            if (typeof (items[i].isSelected) === "boolean") {
+                // Set the flag
+                valueSet = true;
+                break;
+            }
+        }
+
+        // Set the value if we need to
+        valueSet ? null : this.setValue(this.props.value);
     }
 
     // Configure the events

package/src/styles/_custom.scss

@@ -297,6 +297,10 @@
         background-color: var(--sp-theme-primary, #0078d4);
         border-color: var(--sp-theme-primary, #0078d4);
     }
+    /* Fix for readonly */
+    .form-check > .form-check-input[readonly] {
+        pointer-events: none;
+    }
     .form-control:hover, .form-select:hover {
         border-color: var(--sp-theme-tertiary, #71afe5);
     }

package/src/styles/_dataTables.scss

@@ -37,7 +37,16 @@ table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
 /* DataTables sorting with Bootstrap Icons */
 table.dataTable thead .dt-column-order,
 table.dataTable thead .dt-column-order:before,
-table.dataTable thead .dt-column-order:after {
+table.dataTable thead .dt-column-order:after,
+table.dataTable thead .dt-orderable-asc,
+table.dataTable thead .dt-orderable-desc,
+table.dataTable thead .dt-orderable-none,
+table.dataTable thead .dt-orderable-asc:before,
+table.dataTable thead .dt-orderable-desc:before,
+table.dataTable thead .dt-orderable-none:before,
+table.dataTable thead .dt-orderable-asc:after,
+table.dataTable thead .dt-orderable-desc:after,
+table.dataTable thead .dt-orderable-none:after {
     background-image: none;
     background-position: right;
     background-repeat: no-repeat;