gd-bs 6.1.1 → 6.1.2

package/package.json

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

package/src/components/checkboxGroup/item.ts

@@ -37,6 +37,7 @@ export class CheckboxItem {
         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/src/components/checkboxGroup/types.d.ts

@@ -95,6 +95,7 @@ export interface ICheckboxGroupProps extends IBaseProps<ICheckboxGroup> {
     multi?: boolean;
     onRender?: (el?: HTMLElement, item?: ICheckboxGroupItem) => void;
     onChange?: (items: ICheckboxGroupItem | Array<ICheckboxGroupItem>, ev?: Event) => void;
+    required?: boolean;
     title?: string;
     type?: number;
     value?: any;

package/src/components/dropdown/index.ts

@@ -289,6 +289,7 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
             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;
         }
     }

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

@@ -143,6 +143,7 @@ export interface IDropdownProps extends IBaseProps<IDropdown> {
     navFl?: boolean;
     onChange?: (item?: IDropdownItem | Array<IDropdownItem>, ev?: Event) => void;
     onMenuRendering?: (props: IPopoverProps) => IPopoverProps;
+    required?: boolean;
     setLabelToValue?: boolean;
     title?: string;
     type?: number;

package/src/components/form/control.ts

@@ -121,6 +121,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     items: cbProps.items,
                     onChange: cbProps.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Checkbox,
                     value
@@ -136,6 +137,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: InputGroupTypes.ColorPicker,
                     value
@@ -152,6 +154,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsDropdown).items,
                     onChange: (this._props as IFormControlPropsDropdown).onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     value
                 });
@@ -167,6 +170,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsDropdown).items,
                     onChange: (this._props as IFormControlPropsDropdown).onChange,
                     onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
+                    required: this._props.required,
                     title: this._props.title,
                     value
                 });
@@ -181,6 +185,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: InputGroupTypes.Email,
                     value
@@ -196,6 +201,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: InputGroupTypes.File,
                     value
@@ -210,6 +216,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsListBox).items,
                     onChange: (this._props as IFormControlPropsListBox).onChange,
                     placeholder: (this._props as IFormControlPropsListBox).placeholder,
+                    required: this._props.required,
                     value
                 });
                 break;
@@ -228,6 +235,7 @@ export class FormControl implements IFormControl {
                     items: cbMultiProps.items,
                     multi: true,
                     onChange: cbMultiProps.onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Checkbox,
                     value
@@ -245,6 +253,7 @@ export class FormControl implements IFormControl {
                     multi: true,
                     onChange: (this._props as IFormControlPropsDropdown).onChange,
                     onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
+                    required: this._props.required,
                     title: this._props.title,
                     value
                 });
@@ -259,6 +268,7 @@ export class FormControl implements IFormControl {
                     multi: true,
                     onChange: (this._props as IFormControlPropsMultiListBox).onChange,
                     placeholder: (this._props as IFormControlPropsMultiListBox).placeholder,
+                    required: this._props.required,
                     value
                 });
                 break;
@@ -274,6 +284,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
                     multi: true,
                     onChange: (this._props as IFormControlPropsMultiCheckbox).onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Radio,
                     value
@@ -291,6 +302,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
                     multi: true,
                     onChange: (this._props as IFormControlPropsMultiCheckbox).onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Switch,
                     value
@@ -306,6 +318,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: InputGroupTypes.Password,
                     value
@@ -322,6 +335,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Radio,
                     value
@@ -339,6 +353,7 @@ export class FormControl implements IFormControl {
                     max: (this._props as IFormControlPropsRange).max || 100,
                     onChange: (this._props as IFormControlPropsRange).onChange,
                     placeholder: (this._props as IFormControlPropsRange).placeholder,
+                    required: this._props.required,
                     step: (this._props as IFormControlPropsRange).step,
                     title: this._props.title,
                     type: InputGroupTypes.Range,
@@ -354,6 +369,7 @@ export class FormControl implements IFormControl {
                     isReadonly: true,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: InputGroupTypes.TextField,
                     value
@@ -370,6 +386,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,
+                    required: this._props.required,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Switch,
                     value
@@ -385,6 +402,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
+                    required: this._props.required,
                     rows: (this._props as IFormControlPropsTextField).rows,
                     title: this._props.title,
                     type: InputGroupTypes.TextArea,
@@ -401,6 +419,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
+                    required: this._props.required,
                     title: this._props.title,
                     type: InputGroupTypes.TextField,
                     value

package/src/components/inputGroup/index.ts

@@ -219,6 +219,7 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
                 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;
             }
@@ -233,6 +234,7 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
                 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/src/components/inputGroup/types.d.ts

@@ -91,6 +91,7 @@ export interface IInputGroupProps extends IBaseProps<IInputGroup> {
     placeholder?: string;
     prependedButtons?: Array<IButtonProps>;
     prependedLabel?: string;
+    required?: boolean;
     rows?: number;
     step?: number;
     title?: string;

package/src/components/listBox/index.ts

@@ -72,6 +72,9 @@ class _ListBox extends Base<IListBoxProps> implements IListBox {
             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);
 

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

@@ -99,8 +99,9 @@ export interface IListBoxProps extends IBaseProps<IListBox> {
     isReadonly?: boolean;
     items: Array<IDropdownItem>;
     multi?: boolean;
-    placeholder?: string;
     onLoadData?: () => Array<IDropdownItem> | PromiseLike<Array<IDropdownItem>>;
     onChange?: (items: IDropdownItem | Array<IDropdownItem>, ev?: Event) => void;
+    placeholder?: string;
+    required?: boolean;
     value?: string | Array<string>;
 }