gd-bs 6.6.65 → 6.6.67

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.6.65",
+    "version": "6.6.67",
     "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/controlTypes.d.ts

@@ -101,7 +101,7 @@ export interface IFormControlPropsCheckbox extends IFormControlProps {
     hideLabel?: boolean;
     isInline?: boolean;
     items?: Array<ICheckboxGroupItem>;
-    onChange?: (item: ICheckboxGroupItem, ev?: Event) => void;
+    onChange?: (selectedItem: ICheckboxGroupItem, allItems?: Array<ICheckboxGroupItem>, ev?: Event) => void;
     onControlRendering?: (control: IFormControlPropsCheckbox) => void | PromiseLike<IFormControlPropsCheckbox>;
     onGetValue?: (control: IFormControlPropsCheckbox) => any;
     onValidate?: (control: IFormControlPropsCheckbox, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;
@@ -153,7 +153,7 @@ export interface IFormControlPropsMultiCheckbox extends IFormControlProps {
     hideLabel?: boolean;
     isInline?: boolean;
     items?: Array<ICheckboxGroupItem>;
-    onChange?: (item: Array<ICheckboxGroupItem>, ev?: Event) => void;
+    onChange?: (selectedItems: Array<ICheckboxGroupItem>, allItems?: Array<ICheckboxGroupItem>, ev?: Event) => void;
     onControlRendering?: (control: IFormControlPropsCheckbox) => void | PromiseLike<IFormControlPropsCheckbox>;
     onGetValue?: (control: IFormControlPropsCheckbox) => any;
     onValidate?: (control: IFormControlPropsCheckbox, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;