gd-bs 6.6.64 → 6.6.66

package/build/components/checkboxGroup/index.js

@@ -123,8 +123,9 @@ var _CheckboxGroup = /** @class */ (function (_super) {
         if (this.props.onChange) {
             // Add a click event
             item.checkbox.addEventListener("click", function (ev) {
+                var value = _this.getValue();
                 // Call the event
-                _this.props.onChange(_this.getValue(), ev);
+                _this.props.onChange(value.selectedItems, value.allItems, ev);
             });
         }
     };
@@ -160,18 +161,21 @@ var _CheckboxGroup = /** @class */ (function (_super) {
      */
     // Method to get the value
     _CheckboxGroup.prototype.getValue = function () {
-        var values = [];
+        var allItems = [];
+        var selectedItems = [];
         // Parse the checkboxes
         for (var i = 0; i < this._checkboxes.length; i++) {
             var cb = this._checkboxes[i];
+            // Add the item
+            allItems.push(cb.props);
             // See if it's checked
             if (cb.isChecked) {
                 // Add the value
-                values.push(cb.props);
+                selectedItems.push(cb.props);
             }
         }
         // Return the values
-        return this.props.multi ? values : values[0];
+        return { selectedItems: this.props.multi ? selectedItems : selectedItems[0], allItems: allItems };
     };
     // Sets the checkbox items
     _CheckboxGroup.prototype.setItems = function (newItems) {
@@ -219,8 +223,9 @@ var _CheckboxGroup = /** @class */ (function (_super) {
         }
         // See if a change event exists
         if (this._initFl && this.props.onChange) {
+            var value_2 = this.getValue();
             // Execute the change event
-            this.props.onChange(this.getValue());
+            this.props.onChange(value_2.selectedItems, value_2.allItems);
         }
     };
     return _CheckboxGroup;

package/build/components/checkboxGroup/item.js

@@ -94,6 +94,7 @@ var CheckboxItem = /** @class */ (function () {
         this._elCheckbox.addEventListener("click", function (ev) {
             // Update the value
             _this._isSelected = !_this._isSelected;
+            _this._props.isSelected = _this._isSelected;
             _this._elCheckbox.checked = _this._isSelected;
             // See if an event is defined
             if (_this._props.onChange) {
@@ -153,6 +154,7 @@ var CheckboxItem = /** @class */ (function () {
     CheckboxItem.prototype.toggle = function () {
         // Update the value
         this._isSelected = !this._isSelected;
+        this._props.isSelected = this._isSelected;
         // Set the checkbox value
         this._el.querySelector("input").checked = this._isSelected;
     };

package/build/components/form/control.js

@@ -372,6 +372,7 @@ var FormControl = /** @class */ (function () {
                     colSize: this._props.colSize,
                     hideLabel: true,
                     isDisabled: this._props.isDisabled,
+                    isInline: this._props.isInline,
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     multi: true,
@@ -408,6 +409,7 @@ var FormControl = /** @class */ (function () {
                     colSize: this._props.colSize,
                     hideLabel: true,
                     isDisabled: this._props.isDisabled,
+                    isInline: this._props.isInline,
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     onChange: this._props.onChange,
@@ -462,6 +464,7 @@ var FormControl = /** @class */ (function () {
                     colSize: this._props.colSize,
                     hideLabel: true,
                     isDisabled: this._props.isDisabled,
+                    isInline: this._props.isInline,
                     isReadonly: this._props.isReadonly,
                     items: this._props.items,
                     onChange: this._props.onChange,

package/package.json

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

package/src/components/checkboxGroup/index.ts

@@ -114,8 +114,10 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
         if (this.props.onChange) {
             // Add a click event
             item.checkbox.addEventListener("click", ev => {
+                let value = this.getValue();
+
                 // Call the event
-                this.props.onChange(this.getValue(), ev);
+                this.props.onChange(value.selectedItems, value.allItems, ev);
             });
         }
     }
@@ -159,22 +161,26 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
      */
 
     // Method to get the value
-    getValue(): ICheckboxGroupItem | Array<ICheckboxGroupItem> {
-        let values: Array<ICheckboxGroupItem> = [];
+    getValue(): { selectedItems: ICheckboxGroupItem | Array<ICheckboxGroupItem>, allItems: Array<ICheckboxGroupItem> } {
+        let allItems: Array<ICheckboxGroupItem> = [];
+        let selectedItems: Array<ICheckboxGroupItem> = [];
 
         // Parse the checkboxes
         for (let i = 0; i < this._checkboxes.length; i++) {
             let cb = this._checkboxes[i];
 
+            // Add the item
+            allItems.push(cb.props);
+
             // See if it's checked
             if (cb.isChecked) {
                 // Add the value
-                values.push(cb.props);
+                selectedItems.push(cb.props);
             }
         }
 
         // Return the values
-        return this.props.multi ? values : values[0];
+        return { selectedItems: this.props.multi ? selectedItems : selectedItems[0], allItems };
     }
 
     // Sets the checkbox items
@@ -231,8 +237,10 @@ class _CheckboxGroup extends Base<ICheckboxGroupProps> implements ICheckboxGroup
 
         // See if a change event exists
         if (this._initFl && this.props.onChange) {
+            let value = this.getValue();
+
             // Execute the change event
-            this.props.onChange(this.getValue());
+            this.props.onChange(value.selectedItems, value.allItems);
         }
     }
 }

package/src/components/checkboxGroup/item.ts

@@ -105,6 +105,7 @@ export class CheckboxItem {
         this._elCheckbox.addEventListener("click", ev => {
             // Update the value
             this._isSelected = !this._isSelected;
+            this._props.isSelected = this._isSelected
             this._elCheckbox.checked = this._isSelected;
 
             // See if an event is defined
@@ -157,6 +158,7 @@ export class CheckboxItem {
     toggle() {
         // Update the value
         this._isSelected = !this._isSelected;
+        this._props.isSelected = this._isSelected;
 
         // Set the checkbox value
         this._el.querySelector("input").checked = this._isSelected;

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

@@ -56,7 +56,7 @@ export interface ICheckboxGroup {
     el: HTMLElement;
 
     /** Gets the values. */
-    getValue: () => ICheckboxGroupItem | Array<ICheckboxGroupItem>;
+    getValue: () => { selectedItems: ICheckboxGroupItem | Array<ICheckboxGroupItem>, allItems: Array<ICheckboxGroupItem> };
 
     /** Hides the checkbox group. */
     hide: () => void;
@@ -80,7 +80,7 @@ export interface ICheckboxGroupItem {
     isSelected?: boolean;
     label?: string;
     name?: string;
-    onChange?: (item: ICheckboxGroupItem, ev?: Event) => void;
+    onChange?: (selectedItem: ICheckboxGroupItem, ev?: Event) => void;
     title?: string;
     type?: number;
 }
@@ -98,7 +98,7 @@ export interface ICheckboxGroupProps extends IBaseProps<ICheckboxGroup> {
     items?: Array<ICheckboxGroupItem>;
     multi?: boolean;
     onRender?: (el?: HTMLElement, item?: ICheckboxGroupItem) => void;
-    onChange?: (items: ICheckboxGroupItem | Array<ICheckboxGroupItem>, ev?: Event) => void;
+    onChange?: (selectedItems: ICheckboxGroupItem | Array<ICheckboxGroupItem>, allItems?: Array<ICheckboxGroupItem>, ev?: Event) => void;
     required?: boolean;
     title?: string;
     type?: number;

package/src/components/form/control.ts

@@ -383,6 +383,7 @@ export class FormControl implements IFormControl {
                     colSize: (this._props as IFormControlPropsMultiCheckbox).colSize,
                     hideLabel: true,
                     isDisabled: this._props.isDisabled,
+                    isInline: (this._props as IFormControlPropsCheckbox).isInline,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
                     multi: true,
@@ -419,6 +420,7 @@ export class FormControl implements IFormControl {
                     colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
                     isDisabled: this._props.isDisabled,
+                    isInline: (this._props as IFormControlPropsCheckbox).isInline,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,
@@ -473,6 +475,7 @@ export class FormControl implements IFormControl {
                     colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
                     isDisabled: this._props.isDisabled,
+                    isInline: (this._props as IFormControlPropsCheckbox).isInline,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
                     onChange: (this._props as IFormControlPropsCheckbox).onChange,