gd-bs 6.0.5 → 6.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.0.5",
+    "version": "6.0.7",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",
@@ -35,7 +35,7 @@
     "dependencies": {
         "@popperjs/core": "^2.11.6",
         "bootstrap": "^5.2.2",
-        "bootstrap-icons": "^1.9.1",
+        "bootstrap-icons": "^1.10.3",
         "core-js": "^3.25.5",
         "tippy.js": "^6.3.7"
     },

package/pnpm-lock.yaml

@@ -1,7 +1,7 @@
 dependencies:
   '@popperjs/core': 2.11.6
   bootstrap: 5.2.2_@popperjs+core@2.11.6
-  bootstrap-icons: 1.9.1
+  bootstrap-icons: 1.10.3
   core-js: 3.25.5
   tippy.js: 6.3.7
 devDependencies:
@@ -1612,10 +1612,10 @@ packages:
       node: '>=8'
     resolution:
       integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
-  /bootstrap-icons/1.9.1:
+  /bootstrap-icons/1.10.3:
     dev: false
     resolution:
-      integrity: sha512-d4ZkO30MIkAhQ2nNRJqKXJVEQorALGbLWTuRxyCTJF96lRIV6imcgMehWGJUiJMJhglN0o2tqLIeDnMdiQEE9g==
+      integrity: sha512-7Qvj0j0idEm/DdX9Q0CpxAnJYqBCFCiUI6qzSPYfERMcokVuV9Mdm/AJiVZI8+Gawe4h/l6zFcOzvV7oXCZArw==
   /bootstrap/5.2.2_@popperjs+core@2.11.6:
     dependencies:
       '@popperjs/core': 2.11.6
@@ -3282,7 +3282,7 @@ specifiers:
   autoprefixer: ^10.4.12
   babel-loader: ^8.2.5
   bootstrap: ^5.2.2
-  bootstrap-icons: ^1.9.1
+  bootstrap-icons: ^1.10.3
   core-js: ^3.25.5
   css-loader: ^6.7.1
   dts-bundle: ^0.7.3

package/src/components/button/index.ts

@@ -177,16 +177,44 @@ class _Button extends Base<IButtonProps> implements IButton {
     // Enables the button
     enable() { (this.el as HTMLButtonElement).disabled = false; }
 
+    // Sets the icon
+    setIcon(iconType: Function, iconSize: number = 16, iconClassName?: string) {
+        let elButton = this.el as HTMLButtonElement;
+
+        // Parse the child nodes
+        for (var i = 0; i < elButton.childNodes.length; i++) {
+            // See if this is the icon
+            if (elButton.childNodes[i].nodeName == "svg") {
+                // Insert the icon
+                elButton.insertBefore(iconType(iconSize, iconSize, iconClassName), elButton.childNodes[i]);
+
+                // Remove the existing icon
+                elButton.removeChild((this.el as HTMLButtonElement).childNodes[i]);
+
+                // Update the styling of the button
+                elButton.classList.add("btn-icon");
+
+                // Break from the loop
+                break;
+            }
+        }
+    }
+
     // Sets the button text
     setText(btnText?: string) {
-        // Clear the element
-        while (this.el.firstChild) { this.el.removeChild(this.el.firstChild); }
+        let elButton = this.el as HTMLButtonElement;
 
-        // Set the text
-        let elText = document.createTextNode(btnText == null ? "" : btnText);
+        // Parse the child nodes
+        for (var i = 0; i < elButton.childNodes.length; i++) {
+            // See if this is the text element
+            if (elButton.childNodes[i].nodeName == "#text") {
+                // Set the value
+                elButton.childNodes[i].nodeValue = btnText;
 
-        // Append the text
-        this.el.appendChild(elText);
+                // Break from the loop
+                break;
+            }
+        }
     }
 
     // Sets the button type

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

@@ -63,6 +63,9 @@ export interface IButton {
     /** Hides the button. */
     hide: () => void;
 
+    /** Updates the icon. */
+    setIcon: (iconType: Function, iconSize: number, iconClassName?: string) => void;
+
     /** Updates the button text. */
     setText: (btnText?: string) => void;
 

package/src/components/form/control.ts

@@ -101,6 +101,10 @@ export class FormControl implements IFormControl {
         // Parse the custom classes to add
         let className = [(this._props.className || ""), (this._props.controlClassName || "")].join(" ").trim();
 
+        // Set the value
+        let formValue = this._formProps.value ? this._formProps.value[this._props.name] : null;
+        let value = typeof (this._props.value) === "undefined" ? formValue : this._props.value;
+
         // Render the control based on the type
         switch (this._props.type) {
             // Checkbox
@@ -120,7 +124,7 @@ export class FormControl implements IFormControl {
                     renderRow: cbProps.renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Checkbox,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Color Picker
@@ -135,7 +139,7 @@ export class FormControl implements IFormControl {
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
                     title: this._props.title,
                     type: InputGroupTypes.ColorPicker,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Datalist
@@ -150,7 +154,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsDropdown).items,
                     onChange: (this._props as IFormControlPropsDropdown).onChange,
                     title: this._props.title,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Dropdown
@@ -165,7 +169,7 @@ export class FormControl implements IFormControl {
                     onChange: (this._props as IFormControlPropsDropdown).onChange,
                     onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
                     title: this._props.title,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Email
@@ -180,7 +184,7 @@ export class FormControl implements IFormControl {
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
                     title: this._props.title,
                     type: InputGroupTypes.Email,
-                    value: this._props.value
+                    value
                 });
                 break;
             // File
@@ -195,7 +199,7 @@ export class FormControl implements IFormControl {
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
                     title: this._props.title,
                     type: InputGroupTypes.File,
-                    value: this._props.value
+                    value
                 });
                 break;
             // List Box
@@ -207,7 +211,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsListBox).items,
                     onChange: (this._props as IFormControlPropsListBox).onChange,
                     placeholder: (this._props as IFormControlPropsListBox).placeholder,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Multi-Checkbox
@@ -228,7 +232,7 @@ export class FormControl implements IFormControl {
                     renderRow: cbMultiProps.renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Checkbox,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Multi-Dropdown
@@ -244,7 +248,7 @@ export class FormControl implements IFormControl {
                     onChange: (this._props as IFormControlPropsDropdown).onChange,
                     onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
                     title: this._props.title,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Multi-List Box
@@ -257,7 +261,7 @@ export class FormControl implements IFormControl {
                     multi: true,
                     onChange: (this._props as IFormControlPropsMultiListBox).onChange,
                     placeholder: (this._props as IFormControlPropsMultiListBox).placeholder,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Multi-Radio
@@ -275,7 +279,7 @@ export class FormControl implements IFormControl {
                     renderRow: (this._props as IFormControlPropsMultiCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Radio,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Multi-Switch
@@ -293,7 +297,7 @@ export class FormControl implements IFormControl {
                     renderRow: (this._props as IFormControlPropsMultiCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Switch,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Password
@@ -308,7 +312,7 @@ export class FormControl implements IFormControl {
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
                     title: this._props.title,
                     type: InputGroupTypes.Password,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Radio
@@ -325,7 +329,7 @@ export class FormControl implements IFormControl {
                     renderRow: (this._props as IFormControlPropsCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Radio,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Range
@@ -343,7 +347,7 @@ export class FormControl implements IFormControl {
                     step: (this._props as IFormControlPropsRange).step,
                     title: this._props.title,
                     type: InputGroupTypes.Range,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Read Only
@@ -357,7 +361,7 @@ export class FormControl implements IFormControl {
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
                     title: this._props.title,
                     type: InputGroupTypes.TextField,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Switch
@@ -374,7 +378,7 @@ export class FormControl implements IFormControl {
                     renderRow: (this._props as IFormControlPropsCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Switch,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Text Area
@@ -390,7 +394,7 @@ export class FormControl implements IFormControl {
                     rows: (this._props as IFormControlPropsTextField).rows,
                     title: this._props.title,
                     type: InputGroupTypes.TextArea,
-                    value: this._props.value
+                    value
                 });
                 break;
             // Text Field
@@ -405,7 +409,7 @@ export class FormControl implements IFormControl {
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
                     title: this._props.title,
                     type: InputGroupTypes.TextField,
-                    value: this._props.value
+                    value
                 });
                 break;
 
@@ -419,7 +423,7 @@ export class FormControl implements IFormControl {
                 let custom = CustomControls.getByType(this._props.type);
                 if (custom && typeof (custom) === "function") {
                     // Execute the event
-                    this._custom = custom(this._props);
+                    this._custom = custom(this._props, this._formProps);
                 }
                 break;
         }

package/src/components/form/custom.ts

@@ -1,4 +1,5 @@
 import { IFormControlProps } from "./controlTypes";
+import { IFormProps } from "./formTypes";
 
 /**
  * Custom Controls
@@ -7,8 +8,8 @@ export class CustomControls {
     private static _customTypes = {};
 
     // Gets the event by type
-    static getByType(key: number): (props?: IFormControlProps) => void { return this._customTypes[key]; }
+    static getByType(key: number): (props?: IFormControlProps, formProps?: IFormProps) => void { return this._customTypes[key]; }
 
     // Registers a custom control type
-    static registerType(key: number, event: (props?: IFormControlProps) => void) { this._customTypes[key] = event; }
+    static registerType(key: number, event: (props?: IFormControlProps, formProps?: IFormProps) => void) { this._customTypes[key] = event; }
 }