gd-bs 5.6.2 → 5.6.3

package/package.json

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

package/src/components/checkboxGroup/item.ts

@@ -35,7 +35,8 @@ export class CheckboxItem {
         // Set the attributes
         this._elCheckbox = this._el.querySelector("input");
         if (this._elCheckbox) {
-            this._elCheckbox.disabled = this._parent.isReadonly || this._props.isDisabled ? true : false;
+            this._elCheckbox.disabled = this._parent.isDisabled ? true : false;
+            this._elCheckbox.readOnly = this._parent.isReadonly ? 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

@@ -87,6 +87,7 @@ export interface ICheckboxGroupItem {
 export interface ICheckboxGroupProps extends IBaseProps<ICheckboxGroup> {
     colSize?: number;
     hideLabel?: boolean;
+    isDisabled?: boolean;
     isInline?: boolean;
     isReadonly?: boolean;
     label?: string;

package/src/components/form/control.ts

@@ -113,6 +113,7 @@ export class FormControl implements IFormControl {
                     colSize: cbProps.colSize,
                     hideLabel: true,
                     isInline: cbProps.isInline,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     items: cbProps.items,
                     onChange: cbProps.onChange,
@@ -127,6 +128,7 @@ export class FormControl implements IFormControl {
                 this._tb = InputGroup({
                     className,
                     id: this._props.id,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
@@ -171,6 +173,7 @@ export class FormControl implements IFormControl {
                 this._tb = InputGroup({
                     className,
                     id: this._props.id,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
@@ -185,6 +188,7 @@ export class FormControl implements IFormControl {
                 this._tb = InputGroup({
                     className,
                     id: this._props.id,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
@@ -214,6 +218,7 @@ export class FormControl implements IFormControl {
                     className,
                     colSize: cbMultiProps.colSize,
                     hideLabel: true,
+                    isDisabled: this._props.isDisabled,
                     isInline: cbMultiProps.isInline,
                     isReadonly: this._props.isReadonly,
                     items: cbMultiProps.items,
@@ -260,6 +265,7 @@ export class FormControl implements IFormControl {
                     className,
                     colSize: (this._props as IFormControlPropsMultiCheckbox).colSize,
                     hideLabel: true,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
                     multi: true,
@@ -276,6 +282,7 @@ export class FormControl implements IFormControl {
                     className,
                     colSize: (this._props as IFormControlPropsMultiCheckbox).colSize,
                     hideLabel: true,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
                     multi: true,
@@ -291,6 +298,7 @@ export class FormControl implements IFormControl {
                 this._tb = InputGroup({
                     className,
                     id: this._props.id,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
@@ -306,6 +314,7 @@ export class FormControl implements IFormControl {
                     className,
                     colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,
@@ -320,6 +329,7 @@ export class FormControl implements IFormControl {
                 this._tb = InputGroup({
                     className,
                     id: this._props.id,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     min: (this._props as IFormControlPropsRange).min || 0,
                     max: (this._props as IFormControlPropsRange).max || 100,
@@ -352,6 +362,7 @@ export class FormControl implements IFormControl {
                     className,
                     colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,
@@ -366,6 +377,7 @@ export class FormControl implements IFormControl {
                 this._tb = InputGroup({
                     className,
                     id: this._props.id,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,
@@ -381,6 +393,7 @@ export class FormControl implements IFormControl {
                 this._tb = InputGroup({
                     className,
                     id: this._props.id,
+                    isDisabled: this._props.isDisabled,
                     isReadonly: this._props.isReadonly,
                     onChange: (this._props as IFormControlPropsTextField).onChange,
                     placeholder: (this._props as IFormControlPropsTextField).placeholder,

package/src/components/form/controlTypes.d.ts

@@ -73,6 +73,7 @@ export interface IFormControlProps extends IBaseProps<IFormControl> {
     description?: string;
     errorMessage?: string;
     id?: string;
+    isDisabled?: boolean;
     isReadonly?: boolean;
     isPlainText?: boolean;
     label?: string;

package/src/components/inputGroup/index.ts

@@ -205,7 +205,8 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
                 // Update the textbox
                 this.props.id ? textarea.id = this.props.id : null;
                 this.props.placeholder ? textarea.placeholder = this.props.placeholder : null;
-                textarea.disable = this.props.isReadonly ? true : false;
+                textarea.disable = this.props.isDisabled ? true : false;
+                textarea.readOnly = this.props.isReadonly ? true : false;
                 textarea.rows = this.props.rows;
                 this.props.title ? textarea.title = this.props.title : null;
             }
@@ -218,7 +219,8 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
                 // Update the textbox
                 this.props.id ? input.id = this.props.id : null;
                 this.props.placeholder ? input.placeholder = this.props.placeholder : null;
-                input.disable = this.props.isReadonly ? true : false;
+                input.disable = this.props.isDisabled ? true : false;
+                input.readOnly = this.props.isReadonly ? 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

@@ -67,6 +67,7 @@ export interface IInputGroupProps extends IBaseProps<IInputGroup> {
     appendedLabel?: string;
     formFl?: boolean;
     id?: string;
+    isDisabled?: boolean;
     isLarge?: boolean;
     isReadonly?: boolean;
     isSmall?: boolean;