gd-bs 6.6.30 → 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

package/package.json

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

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;