raise-common-lib 0.0.207 → 0.0.208

package/fesm5/raise-common-lib.js

@@ -22306,6 +22306,7 @@ var CheckboxGroupComponent = /** @class */ (function () {
         this.disabled = false;
         this.error = false;
         this.valueChange = new EventEmitter();
+        this.indeterminate = false;
     }
     /**
      * @return {?}
@@ -22314,8 +22315,24 @@ var CheckboxGroupComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        console.log('first', this.value);
+        console.log("first", this.value);
+        this.translation = JSON.parse(localStorage.getItem("translation"));
     };
+    Object.defineProperty(CheckboxGroupComponent.prototype, "enabledDataSource", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            return this.dataSource.filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return !item[_this.fields.disabled]; })) || [];
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
      * @param {?} event
      * @param {?} option
@@ -22342,14 +22359,62 @@ var CheckboxGroupComponent = /** @class */ (function () {
              */
             function (val) { return val !== option[_this.fields.value]; }));
         }
+        this.calculateIndeterminate(result);
         this.valueChange.emit(result);
         this.ref.markForCheck();
     };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    CheckboxGroupComponent.prototype.onSelectAll = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        var _this = this;
+        if (event.checked) {
+            this.valueChange.emit(this.dataSource
+                .filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return !item[_this.fields.disabled]; }))
+                .map((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return item[_this.fields.value]; })));
+        }
+        else {
+            this.valueChange.emit([]);
+        }
+        this.ref.markForCheck();
+    };
+    /**
+     * @param {?} result
+     * @return {?}
+     */
+    CheckboxGroupComponent.prototype.calculateIndeterminate = /**
+     * @param {?} result
+     * @return {?}
+     */
+    function (result) {
+        if (result.length === this.enabledDataSource.length) {
+            this.indeterminate = false;
+        }
+        else if (result.length > 0 && result.length < this.enabledDataSource.length) {
+            this.indeterminate = true;
+        }
+        else {
+            this.indeterminate = false;
+        }
+    };
     CheckboxGroupComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-checkbox-group",
-                    template: "<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n  <div class=\"checkbox-item\" *ngFor=\"let option of dataSource\">\r\n    <ejs-checkbox\r\n      [name]=\"name\"\r\n      [label]=\"option[fields.text]\"\r\n      [value]=\"option[fields.value]\"\r\n      [disabled]=\"option[fields.disabled] || disabled\"\r\n      [checked]=\"value.includes(option[fields.value])\"\r\n      (change)=\"onChange($event, option)\"\r\n    ></ejs-checkbox>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:14px}.checkbox-group.error .e-checkbox-wrapper .e-frame{border-color:var(--rs-input-error-border-color)}"]
+                    template: "<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n  <ejs-checkbox\r\n    [label]=\"translation.SELECT_ALL ? translation.SELECT_ALL : 'Select All'\"\r\n    [indeterminate]=\"indeterminate\"\r\n    [checked]=\"value.length === enabledDataSource.length ? true : false\"\r\n    (change)=\"onSelectAll($event)\"\r\n  ></ejs-checkbox>\r\n  <div class=\"checkbox-item\" *ngFor=\"let option of dataSource\">\r\n    <ejs-checkbox\r\n      [name]=\"name\"\r\n      [label]=\"option[fields.text]\"\r\n      [value]=\"option[fields.value]\"\r\n      [disabled]=\"option[fields.disabled] || disabled\"\r\n      [checked]=\"value.includes(option[fields.value])\"\r\n      (change)=\"onChange($event, option)\"\r\n    ></ejs-checkbox>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:4px}.checkbox-group.error .e-checkbox-wrapper .e-frame{border-color:var(--rs-input-error-border-color)}"]
                 }] }
     ];
     /** @nocollapse */
@@ -22385,6 +22450,10 @@ if (false) {
     CheckboxGroupComponent.prototype.error;
     /** @type {?} */
     CheckboxGroupComponent.prototype.valueChange;
+    /** @type {?} */
+    CheckboxGroupComponent.prototype.translation;
+    /** @type {?} */
+    CheckboxGroupComponent.prototype.indeterminate;
     /**
      * @type {?}
      * @private