gd-bs 6.1.1 → 6.1.3

package/build/components/checkboxGroup/item.js

@@ -33,6 +33,7 @@ var CheckboxItem = /** @class */ (function () {
         if (this._elCheckbox) {
             this._elCheckbox.disabled = this._parent.isDisabled ? true : false;
             this._elCheckbox.readOnly = this._parent.isReadonly ? true : false;
+            this._elCheckbox.required = this._parent.required ? true : false;
             // Default the title property for the checkbox
             this._elCheckbox.title = this.props.label || this._parent.title || "";
         }

package/build/components/dropdown/index.js

@@ -302,6 +302,7 @@ var _Dropdown = /** @class */ (function (_super) {
             dropdown.classList.add("form-select");
             dropdown.disabled = this.props.isReadonly ? true : false;
             dropdown.multiple = this.props.multi ? true : false;
+            dropdown.required = this.props.required ? true : false;
             this.props.title ? dropdown.title = this.props.title : null;
         }
     };
@@ -431,6 +432,10 @@ var _Dropdown = /** @class */ (function (_super) {
         // Parse the items
         for (var i = 0; i < this._items.length; i++) {
             var item = this._items[i];
+            // Skip disabled items
+            if (item.el.disabled) {
+                continue;
+            }
             // See if this item is selected
             if (item.isSelected) {
                 // Add the value

package/build/components/form/control.js

@@ -114,6 +114,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     items: cbProps.items,
                     onChange: cbProps.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,
                     value: value
@@ -129,6 +130,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.ColorPicker,
                     value: value
@@ -145,6 +147,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     onChange: this._props.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     value: value
                 });
@@ -160,6 +163,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     onChange: this._props.onChange,
                     onMenuRendering: this._props.onMenuRendering,
+                    required: this._props.required,
                     title: this._props.title,
                     value: value
                 });
@@ -174,6 +178,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.Email,
                     value: value
@@ -189,6 +194,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.File,
                     value: value
@@ -203,6 +209,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     value: value
                 });
                 break;
@@ -220,6 +227,7 @@ var FormControl = /** @class */ (function () {
                     items: cbMultiProps.items,
                     multi: true,
                     onChange: cbMultiProps.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,
                     value: value
@@ -237,6 +245,7 @@ var FormControl = /** @class */ (function () {
                     multi: true,
                     onChange: this._props.onChange,
                     onMenuRendering: this._props.onMenuRendering,
+                    required: this._props.required,
                     title: this._props.title,
                     value: value
                 });
@@ -251,6 +260,7 @@ var FormControl = /** @class */ (function () {
                     multi: true,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     value: value
                 });
                 break;
@@ -266,6 +276,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     multi: true,
                     onChange: this._props.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Radio,
                     value: value
@@ -283,6 +294,7 @@ var FormControl = /** @class */ (function () {
                     items: this._props.items,
                     multi: true,
                     onChange: this._props.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Switch,
                     value: value
@@ -298,6 +310,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.Password,
                     value: value
@@ -314,6 +327,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     onChange: this._props.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Radio,
                     value: value
@@ -331,6 +345,7 @@ var FormControl = /** @class */ (function () {
                     max: this._props.max || 100,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     step: this._props.step,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.Range,
@@ -346,6 +361,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: true,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.TextField,
                     value: value
@@ -362,6 +378,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     onChange: this._props.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: checkboxGroup_1.CheckboxGroupTypes.Switch,
                     value: value
@@ -377,6 +394,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     rows: this._props.rows,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.TextArea,
@@ -393,6 +411,7 @@ var FormControl = /** @class */ (function () {
                     isReadonly: this._props.isReadonly,
                     onChange: this._props.onChange,
                     placeholder: this._props.placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: inputGroup_1.InputGroupTypes.TextField,
                     value: value

package/build/components/inputGroup/index.js

@@ -215,6 +215,7 @@ var _InputGroup = /** @class */ (function (_super) {
                 this.props.placeholder ? textarea.placeholder = this.props.placeholder : null;
                 textarea.disabled = this.props.isDisabled ? true : false;
                 textarea.readOnly = this.props.isReadonly ? true : false;
+                textarea.required = this.props.required ? true : false;
                 textarea.rows = this.props.rows;
                 this.props.title ? textarea.title = this.props.title : null;
             }
@@ -229,6 +230,7 @@ var _InputGroup = /** @class */ (function (_super) {
                 this.props.placeholder ? input.placeholder = this.props.placeholder : null;
                 input.disabled = this.props.isDisabled ? true : false;
                 input.readOnly = this.props.isReadonly ? true : false;
+                input.required = this.props.required ? true : false;
                 this.props.title ? input.title = this.props.title : null;
                 typeof (this.props.min) === "number" ? input.min = this.props.min + "" : null;
                 typeof (this.props.max) === "number" ? input.max = this.props.max + "" : null;

package/build/components/listBox/index.js

@@ -80,6 +80,8 @@ var _ListBox = /** @class */ (function (_super) {
             // Disable the search box
             this._elSearchBox ? this._elSearchBox.disabled = true : null;
         }
+        // Set the required property
+        this._elSearchBox.required = this.props.required ? true : false;
         // Set the options
         this.setOptions(this.props.items);
         // Set the value if it's been defined

package/build/icons/svgs/folderPlus.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.folderPlus = void 0;
 var generate_1 = require("../generate");
 function folderPlus(height, width, className) {
-    return (0, generate_1.generateIcon)("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-folder-plus' viewBox='0 0 16 16'>   <path d='m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z'/>   <path d='M13.5 10a.5.5 0 0 1 .5.5V12h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V13h-1.5a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z'/> </svg>", height, width, className);
+    return (0, generate_1.generateIcon)("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-folder-plus' viewBox='0 0 16 16'>   <path d='m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2Zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672Z'/>   <path d='M13.5 9a.5.5 0 0 1 .5.5V11h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V12h-1.5a.5.5 0 0 1 0-1H13V9.5a.5.5 0 0 1 .5-.5Z'/> </svg>", height, width, className);
 }
 exports.folderPlus = folderPlus;

package/build/icons/svgs/postcardHeartFill.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.postcardHeartFill = void 0;
 var generate_1 = require("../generate");
 function postcardHeartFill(height, width, className) {
-    return (0, generate_1.generateIcon)("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-postcard-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2Zm6 2.5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7Zm3.5.878c1.482-1.42 4.795 1.392 0 4.622-4.795-3.23-1.482-6.043 0-4.622ZM2 5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z'/> </svg>", height, width, className);
+    return (0, generate_1.generateIcon)("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-postcard-heart-fill' viewBox='0 0 16 16'>   <path d='M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2Zm6 2.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0Zm3.5.878c1.482-1.42 4.795 1.392 0 4.622-4.795-3.23-1.482-6.043 0-4.622ZM2 5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z'/> </svg>", height, width, className);
 }
 exports.postcardHeartFill = postcardHeartFill;

package/build/icons/svgs/trash.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.trash = void 0;
 var generate_1 = require("../generate");
 function trash(height, width, className) {
-    return (0, generate_1.generateIcon)("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash' viewBox='0 0 16 16'>   <path d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z'/>   <path fill-rule='evenodd' d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z'/> </svg>", height, width, className);
+    return (0, generate_1.generateIcon)("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-trash' viewBox='0 0 16 16'>   <path d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z'/>   <path d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z'/> </svg>", height, width, className);
 }
 exports.trash = trash;