gd-bs 6.1.0 → 6.1.1

package/index.html

@@ -55,8 +55,12 @@
         window.addEventListener("load", function() {
             // Dev
             let items = [];
-            for(var i=0; i<10; i++) {
-                items.push({ label: "Item " + i, data: i, isSelected: true });
+            for (var i = 0; i < 10; i++) {
+                items.push({
+                    label: "Item " + i,
+                    data: i,
+                    isSelected: true
+                });
             }
             window["form"] = GD.Components.Form({
                 el: document.getElementById("dev"),
@@ -64,9 +68,20 @@
                     name: "cb",
                     label: "My CB",
                     items,
-                    //renderRow: false,
-                    //colSize: 3,
+                    renderRow: true,
+                    colSize: 3,
                     type: 8
+                }, {
+                    name: "switch",
+                    label: "Select an Option",
+                    type: GD.Components.FormControlTypes.Switch,
+                    items: [{
+                        label: "Switch 1"
+                    }, {
+                        label: "Switch 2"
+                    }, {
+                        label: "Switch 3"
+                    }]
                 }]
             });
 
@@ -123,7 +138,9 @@
                     text: "Test Tooltip",
                     type: GD.Components.ButtonTypes.OutlineDanger
                 },
-                options: { trigger: "click" }
+                options: {
+                    trigger: "click"
+                }
             });
 
             window["card"] = GD.Components.Card({
@@ -134,7 +151,9 @@
                     actions: [{
                         text: "Card Action",
                         buttonType: GD.Components.ButtonTypes.OutlinePrimary,
-                        onClick: function(action, card) { alert(card.title + " was clicked."); }
+                        onClick: function(action, card) {
+                            alert(card.title + " was clicked.");
+                        }
                     }]
                 }]
             });
@@ -862,6 +881,21 @@
                                     type: GD.Components.FormControlTypes.Password,
                                 }
                             }]
+                        }, {
+                            columns: [{
+                                control: {
+                                    label: "Select an Option",
+                                    name: "option",
+                                    type: GD.Components.FormControlTypes.Switch,
+                                    items: [{
+                                        label: "Switch 1"
+                                    }, {
+                                        label: "Switch 2"
+                                    }, {
+                                        label: "Switch 3"
+                                    }]
+                                }
+                            }]
                         }, {
                             columns: [{
                                 control: {
@@ -1103,7 +1137,9 @@
                     tabContent: "This is the content for tab 4."
                 }, {
                     title: "NavTab 5",
-                    onRenderTab: function(el) { el.innerHTML = "This is the content for tab 5." }
+                    onRenderTab: function(el) {
+                        el.innerHTML = "This is the content for tab 5."
+                    }
                 }]
             });
             window["carousel"] = GD.Components.Carousel({
@@ -1183,7 +1219,9 @@
             GD.Components.Pagination({
                 el: document.querySelector("#paging"),
                 numberOfPages: 5,
-                onClick: function(pageNumber) { alert(pageNumber + " was clicked."); }
+                onClick: function(pageNumber) {
+                    alert(pageNumber + " was clicked.");
+                }
             });
             GD.Components.Progress({
                 el: document.querySelector("#progress"),

package/package.json

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

package/src/components/checkboxGroup/index.ts

@@ -35,7 +35,7 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
 
     // Configure the card group
     private configure(cbTemplate: string) {
-        let renderRow = typeof (this.props.renderRow) === "boolean" ? this.props.renderRow : true;
+        let renderRow = typeof (this.props.colSize) === "number" ? this.props.colSize > 0 : false;
 
         // See if a label is defined
         let label = this.el.querySelector("legend");

package/src/components/checkboxGroup/item.ts

@@ -42,9 +42,14 @@ 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 we are rendering a row
+        let renderRow = typeof (this._parent.colSize) === "number" ? this._parent.colSize > 0 : false;
+        if (renderRow) {
+            // 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) {

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

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

package/src/components/form/control.ts

@@ -121,7 +121,6 @@ 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
@@ -229,7 +228,6 @@ export class FormControl implements IFormControl {
                     items: cbMultiProps.items,
                     multi: true,
                     onChange: cbMultiProps.onChange,
-                    renderRow: cbMultiProps.renderRow,
                     title: this._props.title,
                     type: CheckboxGroupTypes.Checkbox,
                     value
@@ -276,7 +274,6 @@ 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
@@ -294,7 +291,6 @@ 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
@@ -326,7 +322,6 @@ 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
@@ -375,7 +370,6 @@ 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

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

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