gd-bs 5.7.6 → 5.7.7

package/index.html

@@ -64,6 +64,8 @@
                     name: "cb",
                     label: "My CB",
                     items,
+                    //renderRow: false,
+                    //colSize: 3,
                     type: 8
                 }]
             });

package/package.json

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

package/src/components/checkboxGroup/index.ts

@@ -35,21 +35,13 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
 
     // Configure the card group
     private configure(cbTemplate: string) {
-        let colSize = this.props.colSize > 0 && this.props.colSize < 13 ? this.props.colSize : (this.props.label ? 10 : 12);
         let renderRow = typeof (this.props.renderRow) === "boolean" ? this.props.renderRow : true;
 
-        // See if we are not rendering a row
-        if (!renderRow) {
-            // Remove the row class
-            this.el.classList.remove("row");
-        }
-
         // See if a label is defined
         let label = this.el.querySelector("legend");
         if (label) {
             if (this.props.label && this.props.hideLabel != true) {
                 // Add the label
-                renderRow ? label.classList.add("col-" + (12 - colSize)) : null;
                 label.innerHTML = this.props.label;
             } else {
                 // Remove the label
@@ -60,10 +52,7 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
         // Get the group and configure the size
         let group = this.el.querySelector("div");
         if (group) {
-            if (renderRow) {
-                // Set the class
-                group.classList.add("col-" + colSize);
-            } else {
+            if (!renderRow) {
                 // Remove the group element
                 this.el.removeChild(group);
             }

package/src/components/checkboxGroup/item.ts

@@ -42,6 +42,10 @@ export class CheckboxItem {
             this._elCheckbox.title = this.props.label || this._parent.title || "";
         }
 
+        // Set the column size
+        let colSize = this._parent.colSize > 0 && this._parent.colSize < 13 ? this._parent.colSize : 12;
+        this._el.classList.add("col-" + colSize);
+
         // See if the title property is defined
         if (this._parent.title) {
             // Set the title

package/src/components/checkboxGroup/templates.ts

@@ -1,8 +1,8 @@
 // Checkbox
 export const HTML = `
-<div class="row">
+<div>
     <legend class="col-form-label"></legend>
-    <div></div>
+    <div class="row"></div>
 </div>`.trim();
 
 // Checkbox

package/src/components/form/control.ts

@@ -117,6 +117,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     items: cbProps.items,
                     onChange: cbProps.onChange,
+                    renderRow: cbProps.renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Checkbox,
                     value: this._props.value
@@ -224,6 +225,7 @@ export class FormControl implements IFormControl {
                     items: cbMultiProps.items,
                     multi: true,
                     onChange: cbMultiProps.onChange,
+                    renderRow: cbMultiProps.renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Checkbox,
                     value: this._props.value
@@ -270,6 +272,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
                     multi: true,
                     onChange: (this._props as IFormControlPropsMultiCheckbox).onChange,
+                    renderRow: (this._props as IFormControlPropsMultiCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Radio,
                     value: this._props.value
@@ -287,6 +290,7 @@ export class FormControl implements IFormControl {
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
                     multi: true,
                     onChange: (this._props as IFormControlPropsMultiCheckbox).onChange,
+                    renderRow: (this._props as IFormControlPropsMultiCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Switch,
                     value: this._props.value
@@ -318,6 +322,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,
+                    renderRow: (this._props as IFormControlPropsCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Radio,
                     value: this._props.value
@@ -366,6 +371,7 @@ export class FormControl implements IFormControl {
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,
+                    renderRow: (this._props as IFormControlPropsCheckbox).renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Switch,
                     value: this._props.value

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

@@ -103,6 +103,7 @@ export interface IFormControlPropsCheckbox extends IFormControlProps {
     onControlRendering?: (control: IFormControlPropsCheckbox) => void | PromiseLike<IFormControlPropsCheckbox>;
     onGetValue?: (control: IFormControlPropsCheckbox) => any;
     onValidate?: (control: IFormControlPropsCheckbox, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;
+    renderRow?: boolean;
 }
 
 /**
@@ -142,6 +143,7 @@ export interface IFormControlPropsMultiCheckbox extends IFormControlProps {
     onControlRendering?: (control: IFormControlPropsCheckbox) => void | PromiseLike<IFormControlPropsCheckbox>;
     onGetValue?: (control: IFormControlPropsCheckbox) => any;
     onValidate?: (control: IFormControlPropsCheckbox, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;
+    renderRow?: boolean;
 }
 
 /**