gd-bs 6.6.12 → 6.6.14

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.6.12",
+    "version": "6.6.14",
     "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/index.ts

@@ -337,8 +337,11 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
             // Prevent other events to occur
             ev.stopPropagation();
 
-            // Toggle the menu if it's visible
-            this.isVisible ? this.toggle() : null;
+            // Ensure this isn't a multi-select
+            if (this.isMulti != true) {
+                // Toggle the menu if it's visible
+                this.isVisible ? this.toggle() : null;
+            }
 
             // Execute the event
             this.props.onChange ? this.props.onChange(this.getValue(), ev) : null;

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