gd-bs 6.6.30 → 6.6.32

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.32",
     "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;

package/src/components/table/index.ts

@@ -115,7 +115,7 @@ class _Table extends Base<ITableProps> implements ITable {
     }
 
     // Renders a row
-    private renderRow(row: HTMLTableRowElement, data) {
+    private renderRow(row: HTMLTableRowElement, data, rowIdx: number) {
         // See if columns
         for (let i = 0; i < this.props.columns.length; i++) {
             // Create the cell
@@ -125,7 +125,7 @@ class _Table extends Base<ITableProps> implements ITable {
         // See if there is an event
         if (this.props.onRenderRow) {
             // Call the event
-            this.props.onRenderRow(row, data);
+            this.props.onRenderRow(row, data, rowIdx);
         }
     }
 
@@ -144,7 +144,7 @@ class _Table extends Base<ITableProps> implements ITable {
                 tbody.appendChild(row);
 
                 // Render the row
-                this.renderRow(row, rows[i]);
+                this.renderRow(row, rows[i], i);
             }
         }
     }

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

@@ -90,7 +90,7 @@ export interface ITableProps extends IBaseProps<ITable> {
     onRenderCell?: (el?: HTMLTableDataCellElement, column?: ITableColumn, data?: any) => void;
     onRenderHeaderCell?: (el?: HTMLTableDataCellElement, column?: ITableColumn) => void;
     onRenderHeaderRow?: (el?: HTMLTableRowElement) => void;
-    onRenderRow?: (el?: HTMLTableRowElement, data?: any) => void;
+    onRenderRow?: (el?: HTMLTableRowElement, data?: any, rowIdx?: number) => void;
     rows?: Array<any>;
 }