raise-common-lib 0.0.207 → 0.0.208

package/README.md

@@ -1,57 +1,57 @@
-# RaiseCommonLib
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
-
-## Build
-
-Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `npm run build`, go to the dist folder `cd dist/raise-common-lib` and run `npm publish`.
-
-## Usage
-- ### Install
-```bash
-$ npm install raise-common-lib
-```
-- ### Set **angular.json**
-```json
-    "projects": {
-		"lpInvestor": {
-			"projectType": "application",
-			"architect": {
-				"build": {
-					"options": {
-                        ...
-						"assets": [
-                            ...
-							{
-								"glob": "**/*",
-								"input": "node_modules/raise-common-lib/src/assets/",
-								"output": "/assets/"
-							}
-						],
-                        "styles": [
-                            ...
-							"node_modules/raise-common-lib/src/assets/style/styles.scss",
-							"src/styles.scss",
-						],
-                    }
-                ...    
-            ...            
-        ...                
-```
-
-- ### Import Module
-```tsx
-//app.module.ts
-
-import { RaiseCommonLibModule } from "raise-common-lib";
-
-@NgModule({
-    imports: [
-        ...
-        RaiseCommonLibModule
-	],
-```
+# RaiseCommonLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
+
+## Build
+
+Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `npm run build`, go to the dist folder `cd dist/raise-common-lib` and run `npm publish`.
+
+## Usage
+- ### Install
+```bash
+$ npm install raise-common-lib
+```
+- ### Set **angular.json**
+```json
+    "projects": {
+		"lpInvestor": {
+			"projectType": "application",
+			"architect": {
+				"build": {
+					"options": {
+                        ...
+						"assets": [
+                            ...
+							{
+								"glob": "**/*",
+								"input": "node_modules/raise-common-lib/src/assets/",
+								"output": "/assets/"
+							}
+						],
+                        "styles": [
+                            ...
+							"node_modules/raise-common-lib/src/assets/style/styles.scss",
+							"src/styles.scss",
+						],
+                    }
+                ...    
+            ...            
+        ...                
+```
+
+- ### Import Module
+```tsx
+//app.module.ts
+
+import { RaiseCommonLibModule } from "raise-common-lib";
+
+@NgModule({
+    imports: [
+        ...
+        RaiseCommonLibModule
+	],
+```

package/bundles/raise-common-lib.umd.js

@@ -22671,6 +22671,7 @@
             this.disabled = false;
             this.error = false;
             this.valueChange = new core.EventEmitter();
+            this.indeterminate = false;
         }
         /**
          * @return {?}
@@ -22679,8 +22680,24 @@
          * @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
@@ -22707,14 +22724,62 @@
                  */
                 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: core.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 */
@@ -22750,6 +22815,10 @@
         CheckboxGroupComponent.prototype.error;
         /** @type {?} */
         CheckboxGroupComponent.prototype.valueChange;
+        /** @type {?} */
+        CheckboxGroupComponent.prototype.translation;
+        /** @type {?} */
+        CheckboxGroupComponent.prototype.indeterminate;
         /**
          * @type {?}
          * @private