gd-bs 6.6.29 → 6.6.31

package/index.html

@@ -60,17 +60,19 @@
             for (var i = 0; i < 10; i++) {
                 items.push({
                     data: i,
-                    text: "Item " + i,
-                    title: "This is " + i + " for the item.",
-                    value: i
+                    content: "Item " + i,
+                    badge: {
+                        data: i,
+                        content: i,
+                        onClick: (el, item) => {
+                            alert("Item " + item.data + " clicked...");
+                        }
+                    }
                 });
             }
-            window["cb_ddl"] = GD.Components.Dropdown({
+            window["dev"] = GD.Components.ListGroup({
                 el: document.getElementById("dev"),
-                items: items,
-                isCheckbox: false,
-                multi: true,
-                label: "CB Dropdown"
+                items: items
             });
 
             // Components
@@ -315,6 +317,7 @@
                 value: {
                     ReasonNotTestedExplanation: "0",
                     ReasonNotTestedExplanationRadio: "Primary",
+                    ReasonNotTestedExplanationCheckbox: "Primary",
                     CBExample: true,
                     CBInlineExample: true,
                     FName: "Datta",
@@ -401,7 +404,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.29",
+    "version": "6.6.31",
     "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/components/navbar/index.ts

@@ -89,6 +89,16 @@ class _Navbar extends Base<INavbarProps> implements INavbar {
     private configureEvents() {
         let props = this.props.searchBox || {};
 
+        // See if the brand element and click event exist
+        let brand = this.el.querySelector(".navbar-brand") as HTMLAnchorElement;
+        if (brand && this.props.onClickBrand) {
+            // Set the click event
+            brand.addEventListener("click", ev => {
+                // Call the event
+                this.props.onClickBrand(brand, ev);
+            });
+        }
+
         // See if search events exist
         let searchbox = this.el.querySelector("form input") as HTMLInputElement;
         if (searchbox) {

package/src/components/navbar/types.d.ts

@@ -150,6 +150,7 @@ export interface INavbarProps<T = HTMLElement> extends IBaseProps<INavbar> {
     items?: Array<INavbarItem>;
     itemsEnd?: Array<INavbarItem>;
     onClick?: (item?: INavbarItem, ev?: Event) => void;
+    onClickBrand?: (el?: HTMLElement, ev?: Event) => void;
     onItemRendered?: (el?: HTMLElement, item?: INavbarItem) => void;
     onRendered?: (el?: HTMLElement) => void;
     searchBox?: INavbarSearchBox;

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);
     }