gd-bs 5.5.6 → 5.5.9

package/index.html

@@ -536,7 +536,7 @@
                 id: "my-panel",
                 title: "Panel Example",
                 hideCloseButton: true,
-                type: 12,
+                type: 8,
                 options: {
                     keyboard: false
                 },
@@ -756,7 +756,7 @@
                 el: document.querySelector("#modal"),
                 id: "my-modal",
                 title: "My Modal",
-                type: 4,
+                type: 9,
                 options: {
                     keyboard: true,
                     autoClose: false

package/package.json

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

package/src/components/form/control.ts

@@ -110,6 +110,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: cbProps.colSize,
                     hideLabel: true,
                     isInline: cbProps.isInline,
                     isReadonly: this._props.isReadonly,
@@ -211,6 +212,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: cbMultiProps.colSize,
                     hideLabel: true,
                     isInline: cbMultiProps.isInline,
                     isReadonly: this._props.isReadonly,
@@ -256,6 +258,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsMultiCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
@@ -271,6 +274,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsMultiCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
@@ -300,6 +304,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
@@ -345,6 +350,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,

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

@@ -93,6 +93,7 @@ export interface IFormControlProps extends IBaseProps<IFormControl> {
  * Form Control Properties - Checkbox
  */
 export interface IFormControlPropsCheckbox extends IFormControlProps {
+    colSize?: number;
     el?: HTMLInputElement;
     hideLabel?: boolean;
     isInline?: boolean;
@@ -131,6 +132,7 @@ export interface IFormControlPropsListBox extends IFormControlProps {
  * Form Control Properties - Multiple Checkbox
  */
 export interface IFormControlPropsMultiCheckbox extends IFormControlProps {
+    colSize?: number;
     el?: HTMLInputElement;
     hideLabel?: boolean;
     isInline?: boolean;

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

@@ -134,6 +134,9 @@ export interface IForm {
     /** Hides the form. */
     hide: () => void;
 
+    /** Inserts a control into the form */
+    insertControl: (idx: number, control: IFormControlProps) => void;
+
     /** Validates the form */
     isValid: () => boolean;
 

package/src/components/form/index.ts

@@ -166,6 +166,22 @@ class _Form extends Base<IFormProps> implements IForm {
         return values;
     }
 
+    // Inserts a control into the form
+    insertControl(idx: number, control: IFormControlProps) {
+        // Create the group
+        let group = new FormGroup(control, this.props);
+        this._groups.push(group);
+
+        // Validate the index
+        if (idx < this.el.childElementCount) {
+            // Insert the control
+            this.el.insertBefore(group.el, this.el.childNodes[idx]);
+        } else {
+            // Append the control
+            this.el.appendChild(group.el);
+        }
+    }
+
     // Validates the form
     isValid() {
         let isValid = true;