gd-bs 6.2.3 → 6.2.5

package/package.json

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

package/src/components/button/index.ts

@@ -113,12 +113,12 @@ class _Button extends Base<IButtonProps> implements IButton {
 
         // Set the icon if it exists
         if (this.props.iconType) {
+            // Update the styling of the button
+            this.el.classList.add("btn-icon");
+
             if (typeof (this.props.iconType) === "function") {
                 // Append the icon
                 this.el.prepend((this.props.iconType as Function)(this.props.iconSize, this.props.iconSize, this.props.iconClassName));
-
-                // Update the styling of the button
-                this.el.classList.add("btn-icon");
             }
             // Else, it's an element
             else if (typeof (this.props.iconType === "object")) {

package/src/components/dropdown/index.ts

@@ -502,6 +502,16 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
         }
     }
 
+    // Sets the label of the dropdown
+    setLabel(value: string) {
+        // Get the dropdown
+        let ddl = this.el.querySelector(".dropdown-toggle");
+        if (ddl) {
+            // Set the inner html
+            ddl.innerHTML = value;
+        }
+    }
+
     // Enables/Disables the dark theme
     setTheme(isDark: boolean) {
         // Get the menu

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

@@ -83,6 +83,9 @@ export interface IDropdown {
     /** Updates the dropdown items. */
     setItems: (items: Array<IDropdownItem>) => void;
 
+    /** Updates the label of the dropdown. */
+    setLabel: (value: string) => void;
+
     /** Enables/Disables the dark theme. */
     setTheme: (isDark: boolean) => void;
 
@@ -144,7 +147,6 @@ export interface IDropdownProps extends IBaseProps<IDropdown> {
     onChange?: (item?: IDropdownItem | Array<IDropdownItem>, ev?: Event) => void;
     onMenuRendering?: (props: IPopoverProps) => IPopoverProps;
     required?: boolean;
-    setLabelToValue?: boolean;
     title?: string;
     type?: number;
     value?: any;

package/src/components/form/control.ts

@@ -99,7 +99,7 @@ export class FormControl implements IFormControl {
     // Creates the control
     private create() {
         // Parse the custom classes to add
-        let className = [(this._props.className || ""), (this._props.controlClassName || "")].join(" ").trim();
+        let className = this._props.controlClassName || "";
 
         // Set the value
         let formValue = this._formProps.value ? this._formProps.value[this._props.name] : null;

package/src/components/form/group.ts

@@ -96,6 +96,15 @@ export class FormGroup {
             elDescription = null;
         }
 
+        // Set the class name
+        if (this._props.className) {
+            // Set the class
+            this._el.className = [
+                this._el.className || "",
+                this._props.className
+            ].join(' ').trim();
+        }
+
         // Create the control
         this._control = new FormControl(this._props, this._formProps, elLabel);