gd-bs 6.6.13 → 6.6.15

package/index.html

@@ -61,13 +61,14 @@
                 items.push({
                     data: i,
                     text: "Item " + i,
+                    title: "This is " + i + " for the item.",
                     value: i
                 });
             }
             window["cb_ddl"] = GD.Components.Dropdown({
                 el: document.getElementById("dev"),
                 items: items,
-                isCheckbox: true,
+                isCheckbox: false,
                 multi: true,
                 label: "CB Dropdown"
             });
@@ -360,18 +361,23 @@
                             description: "This is a single dropdown option.",
                             items: [{
                                 text: "Test 1",
+                                title: "This is the first item.",
                                 value: 1
                             }, {
                                 text: "Test 2",
+                                title: "This is the second item.",
                                 value: 2
                             }, {
                                 text: "Test 3",
+                                title: "This is the third item.",
                                 value: 3
                             }, {
                                 text: "Test 4",
+                                title: "This is the fourth item.",
                                 value: 4
                             }, {
                                 text: "Test 5",
+                                title: "This is the fifth item.",
                                 value: 5,
                                 isDisabled: true
                             }],

package/package.json

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

package/src/components/checkboxGroup/item.ts

@@ -40,7 +40,7 @@ export class CheckboxItem {
             this._elCheckbox.required = this._parent.required ? true : false;
 
             // Default the title property for the checkbox
-            this._elCheckbox.title = this.props.label || this._parent.title || "";
+            this._elCheckbox.title = this.props.title || this.props.label || this._parent.title || "";
         }
 
         // See if we are rendering a row

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

@@ -81,6 +81,7 @@ export interface ICheckboxGroupItem {
     label?: string;
     name?: string;
     onChange?: (item: ICheckboxGroupItem, ev?: Event) => void;
+    title?: string;
     type?: number;
 }
 

package/src/components/dropdown/formItem.ts

@@ -41,6 +41,7 @@ export class DropdownFormItem {
             this._el.className = this._props.className || "";
             this._el.disabled = this._props.isDisabled ? true : false;
             this._el.innerText = this._props.text == null ? "" : this._props.text;
+            this._props.title ? this._el.title = this._props.title : null;
 
             // See if the item is selected
             if (this._props.isSelected) {

package/src/components/dropdown/item.ts

@@ -41,6 +41,7 @@ export class DropdownItem {
             this._el.classList.add("dropdown-header");
             this._props.isDisabled ? this._el.classList.add("disabled") : null;
             this._el.innerText = this._props.text == null ? "" : this._props.text;
+            this._props.title ? this._el.title = this._props.title : null;
         } else {
             // See if we are rendering this in a nav bar
             if (this._parent.navFl) {
@@ -50,6 +51,7 @@ export class DropdownItem {
                 this._elLink.classList.add("dropdown-item");
                 this._props.isDisabled ? this._elLink.classList.add("disabled") : null;
                 this._props.target ? this._elLink.setAttribute("data-bs-target", this._props.target) : null;
+                this._props.title ? this._elLink.title = this._props.title : null;
                 this._props.toggle ? this._elLink.setAttribute("data-bs-toggle", this._props.toggle) : null;
                 this._elLink.href = this._props.href || "#";
                 this._elLink.innerText = this._props.text == null ? "" : this._props.text;
@@ -64,6 +66,7 @@ export class DropdownItem {
                 this._elLink.classList.add("dropdown-item");
                 this._props.isDisabled ? this._elLink.classList.add("disabled") : null;
                 this._props.target ? this._elLink.setAttribute("data-bs-target", this._props.target) : null;
+                this._props.title ? this._elLink.title = this._props.title : null;
                 this._props.toggle ? this._elLink.setAttribute("data-bs-toggle", this._props.toggle) : null;
                 this._elLink.href = this._props.href || "#";
                 this._elLink.innerText = this._props.text == null ? "" : this._props.text;

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

@@ -125,6 +125,7 @@ export interface IDropdownItem {
     onRender?: (el: HTMLElement, item?: IDropdownItem) => void;
     target?: string;
     text?: string;
+    title?: string;
     toggle?: string;
     value?: string;
 }