gd-bs 6.0.5 → 6.0.7

package/build/components/button/index.js

@@ -174,16 +174,38 @@ var _Button = /** @class */ (function (_super) {
     _Button.prototype.disable = function () { this.el.disabled = true; };
     // Enables the button
     _Button.prototype.enable = function () { this.el.disabled = false; };
+    // Sets the icon
+    _Button.prototype.setIcon = function (iconType, iconSize, iconClassName) {
+        if (iconSize === void 0) { iconSize = 16; }
+        var elButton = this.el;
+        // 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.childNodes[i]);
+                // Update the styling of the button
+                elButton.classList.add("btn-icon");
+                // Break from the loop
+                break;
+            }
+        }
+    };
     // Sets the button text
     _Button.prototype.setText = function (btnText) {
-        // Clear the element
-        while (this.el.firstChild) {
-            this.el.removeChild(this.el.firstChild);
+        var elButton = this.el;
+        // 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;
+                // Break from the loop
+                break;
+            }
         }
-        // Set the text
-        var elText = document.createTextNode(btnText == null ? "" : btnText);
-        // Append the text
-        this.el.appendChild(elText);
     };
     // Sets the button type
     _Button.prototype.setType = function (buttonType) {

package/build/components/form/control.js

@@ -96,6 +96,9 @@ var FormControl = /** @class */ (function () {
         var _this = this;
         // Parse the custom classes to add
         var className = [(this._props.className || ""), (this._props.controlClassName || "")].join(" ").trim();
+        // Set the value
+        var formValue = this._formProps.value ? this._formProps.value[this._props.name] : null;
+        var value = typeof (this._props.value) === "undefined" ? formValue : this._props.value;
         // Render the control based on the type
         switch (this._props.type) {
             // Checkbox
@@ -114,7 +117,7 @@ var FormControl = /** @class */ (function () {
                     renderRow: cbProps.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Color Picker
@@ -129,7 +132,7 @@ var FormControl = /** @class */ (function () {
                     placeholder: this._props.placeholder,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.ColorPicker,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Datalist
@@ -144,7 +147,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     onChange: this._props.onChange,
                     title: this._props.title,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Dropdown
@@ -159,7 +162,7 @@ var FormControl = /** @class */ (function () {
                     onChange: this._props.onChange,
                     onMenuRendering: this._props.onMenuRendering,
                     title: this._props.title,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Email
@@ -174,7 +177,7 @@ var FormControl = /** @class */ (function () {
                     placeholder: this._props.placeholder,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.Email,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // File
@@ -189,7 +192,7 @@ var FormControl = /** @class */ (function () {
                     placeholder: this._props.placeholder,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.File,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // List Box
@@ -201,7 +204,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Multi-Checkbox
@@ -221,7 +224,7 @@ var FormControl = /** @class */ (function () {
                     renderRow: cbMultiProps.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Multi-Dropdown
@@ -237,7 +240,7 @@ var FormControl = /** @class */ (function () {
                     onChange: this._props.onChange,
                     onMenuRendering: this._props.onMenuRendering,
                     title: this._props.title,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Multi-List Box
@@ -250,7 +253,7 @@ var FormControl = /** @class */ (function () {
                     multi: true,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Multi-Radio
@@ -268,7 +271,7 @@ var FormControl = /** @class */ (function () {
                     renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Radio,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Multi-Switch
@@ -286,7 +289,7 @@ var FormControl = /** @class */ (function () {
                     renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Switch,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Password
@@ -301,7 +304,7 @@ var FormControl = /** @class */ (function () {
                     placeholder: this._props.placeholder,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.Password,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Radio
@@ -318,7 +321,7 @@ var FormControl = /** @class */ (function () {
                     renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Radio,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Range
@@ -336,7 +339,7 @@ var FormControl = /** @class */ (function () {
                     step: this._props.step,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.Range,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Read Only
@@ -350,7 +353,7 @@ var FormControl = /** @class */ (function () {
                     placeholder: this._props.placeholder,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.TextField,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Switch
@@ -367,7 +370,7 @@ var FormControl = /** @class */ (function () {
                     renderRow: this._props.renderRow,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Switch,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Text Area
@@ -383,7 +386,7 @@ var FormControl = /** @class */ (function () {
                     rows: this._props.rows,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.TextArea,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Text Field
@@ -398,7 +401,7 @@ var FormControl = /** @class */ (function () {
                     placeholder: this._props.placeholder,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.TextField,
-                    value: this._props.value
+                    value: value
                 });
                 break;
             // Custom Type
@@ -410,7 +413,7 @@ var FormControl = /** @class */ (function () {
                 var custom = custom_1.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;
         }