gd-bs 6.6.86 → 6.6.88

package/build/components/form/control.js

@@ -124,6 +124,7 @@ var FormControl = /** @class */ (function () {
             case _1.FormControlTypes.ColorPicker:
                 // Add the input
                 this._tb = (0, inputGroup_1.InputGroup)({
+                    appendedDropdown: this.props.appendedDropdown,
                     appendedLabel: this.props.appendedLabel,
                     className: className,
                     id: this._props.id,
@@ -131,6 +132,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    prependedDropdown: this.props.prependedDropdown,
                     prependedLabel: this.props.prependedLabel,
                     required: this._props.required,
                     title: this._props.title,
@@ -211,6 +213,7 @@ var FormControl = /** @class */ (function () {
             case _1.FormControlTypes.Email:
                 // Add the input
                 this._tb = (0, inputGroup_1.InputGroup)({
+                    appendedDropdown: this.props.appendedDropdown,
                     appendedLabel: this.props.appendedLabel,
                     className: className,
                     id: this._props.id,
@@ -218,6 +221,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    prependedDropdown: this.props.prependedDropdown,
                     prependedLabel: this.props.prependedLabel,
                     required: this._props.required,
                     title: this._props.title,
@@ -229,6 +233,7 @@ var FormControl = /** @class */ (function () {
             case _1.FormControlTypes.File:
                 // Add the input
                 this._tb = (0, inputGroup_1.InputGroup)({
+                    appendedDropdown: this.props.appendedDropdown,
                     appendedLabel: this.props.appendedLabel,
                     className: className,
                     id: this._props.id,
@@ -236,6 +241,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    prependedDropdown: this.props.prependedDropdown,
                     prependedLabel: this.props.prependedLabel,
                     required: this._props.required,
                     title: this._props.title,
@@ -387,6 +393,7 @@ var FormControl = /** @class */ (function () {
             case _1.FormControlTypes.Password:
                 // Add the input
                 this._tb = (0, inputGroup_1.InputGroup)({
+                    appendedDropdown: this.props.appendedDropdown,
                     appendedLabel: this.props.appendedLabel,
                     className: className,
                     id: this._props.id,
@@ -394,6 +401,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    prependedDropdown: this.props.prependedDropdown,
                     prependedLabel: this.props.prependedLabel,
                     required: this._props.required,
                     title: this._props.title,
@@ -442,6 +450,7 @@ var FormControl = /** @class */ (function () {
             case _1.FormControlTypes.Readonly:
                 // Add the input
                 this._tb = (0, inputGroup_1.InputGroup)({
+                    appendedDropdown: this.props.appendedDropdown,
                     appendedLabel: this.props.appendedLabel,
                     className: className,
                     id: this._props.id,
@@ -449,6 +458,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: true,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    prependedDropdown: this.props.prependedDropdown,
                     prependedLabel: this.props.prependedLabel,
                     required: this._props.required,
                     title: this._props.title,
@@ -478,6 +488,7 @@ var FormControl = /** @class */ (function () {
             case _1.FormControlTypes.TextArea:
                 // Add the input
                 this._tb = (0, inputGroup_1.InputGroup)({
+                    appendedDropdown: this.props.appendedDropdown,
                     appendedLabel: this.props.appendedLabel,
                     className: className,
                     id: this._props.id,
@@ -485,6 +496,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    prependedDropdown: this.props.prependedDropdown,
                     prependedLabel: this.props.prependedLabel,
                     required: this._props.required,
                     rows: this._props.rows,
@@ -497,6 +509,7 @@ var FormControl = /** @class */ (function () {
             case _1.FormControlTypes.TextField:
                 // Add the input
                 this._tb = (0, inputGroup_1.InputGroup)({
+                    appendedDropdown: this.props.appendedDropdown,
                     appendedLabel: this.props.appendedLabel,
                     className: className,
                     id: this._props.id,
@@ -504,6 +517,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    prependedDropdown: this.props.prependedDropdown,
                     prependedLabel: this.props.prependedLabel,
                     required: this._props.required,
                     title: this._props.title,

package/build/components/inputGroup/index.js

@@ -18,6 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputGroup = exports.InputGroupTypes = void 0;
 var base_1 = require("../base");
 var button_1 = require("../button");
+var dropdown_1 = require("../dropdown");
 var templates_1 = require("./templates");
 /**
  * Input Group Types
@@ -43,6 +44,8 @@ var _InputGroup = /** @class */ (function (_super) {
     function _InputGroup(props, template) {
         if (template === void 0) { template = templates_1.HTML; }
         var _this = _super.call(this, template, props) || this;
+        _this._ddlAppended = null;
+        _this._ddlPrepended = null;
         _this._fileValue = null;
         _this._initFl = false;
         // Configure the collapse
@@ -91,6 +94,12 @@ var _InputGroup = /** @class */ (function (_super) {
                 // Add the button
                 this.el.insertBefore((0, button_1.Button)(buttons[i]).el, elInput);
             }
+            // See if there is a dropdown
+            if (this.props.prependedDropdown) {
+                // Add the dropdown
+                this._ddlPrepended = (0, dropdown_1.Dropdown)(this.props.prependedDropdown);
+                this.el.insertBefore(this._ddlPrepended.el, elInput);
+            }
             // Default the appended buttons
             var appendedButtons = this.props.appendedButtons || [];
             if (this.props.type == InputGroupTypes.Range) {
@@ -113,6 +122,12 @@ var _InputGroup = /** @class */ (function (_super) {
                 // Add the button
                 this.el.appendChild((0, button_1.Button)(appendedButtons[i]).el);
             }
+            // See if there is a dropdown
+            if (this.props.appendedDropdown) {
+                // Add the dropdown
+                this._ddlAppended = (0, dropdown_1.Dropdown)(this.props.appendedDropdown);
+                this.el.appendChild(this._ddlAppended.el);
+            }
         }
     };
     // Configure the events
@@ -273,11 +288,60 @@ var _InputGroup = /** @class */ (function (_super) {
         // Set the default value
         this.setValue(this.props.value);
     };
-    /**
-     * Public Interface
-     */
+    Object.defineProperty(_InputGroup.prototype, "appendedDropdown", {
+        /**
+         * Public Interface
+         */
+        get: function () { return this._ddlAppended; },
+        enumerable: false,
+        configurable: true
+    });
     _InputGroup.prototype.getFileInfo = function () { return this._fileValue; };
-    _InputGroup.prototype.getValue = function () { return this.elTextbox.value; };
+    _InputGroup.prototype.getValue = function () {
+        var _a, _b;
+        var value = "";
+        // See if a prepended dropdown exist
+        if (this._ddlPrepended) {
+            // See if this is a multi item
+            if (this.props.prependedDropdown.multi) {
+                // Set the value
+                var items = this._ddlPrepended.getValue();
+                for (var i = 0; i < items.length; i++) {
+                    // Add the value
+                    value += items[i].value;
+                }
+            }
+            else {
+                // Set the value
+                value += (_a = this._ddlPrepended.getValue()) === null || _a === void 0 ? void 0 : _a.value;
+            }
+        }
+        // Append the input value
+        value += this.elTextbox.value;
+        // See if a appended dropdown exist
+        if (this._ddlAppended) {
+            // See if this is a multi item
+            if (this.props.appendedDropdown.multi) {
+                // Set the value
+                var items = this._ddlAppended.getValue();
+                for (var i = 0; i < items.length; i++) {
+                    // Add the value
+                    value += items[i].value;
+                }
+            }
+            else {
+                // Set the value
+                value += (_b = this._ddlAppended.getValue()) === null || _b === void 0 ? void 0 : _b.value;
+            }
+        }
+        // Return the value
+        return value;
+    };
+    Object.defineProperty(_InputGroup.prototype, "prependedDropdown", {
+        get: function () { return this._ddlPrepended; },
+        enumerable: false,
+        configurable: true
+    });
     // Sets the textbox value
     _InputGroup.prototype.setValue = function (value) {
         if (value === void 0) { value = ""; }