Issue #SB-0000 merge: Merge pull request #356 from princegupta1131/release-5.1.0_v11

Issue #SB-0000 fix: Update to Angular 11 from 10

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2.1
 jobs:
   build:
     docker:
-      - image: circleci/node:12.13.0
+      - image: cimg/node:14.17.3
         environment:
             CHROME_BIN: "/usr/bin/google-chrome"
     steps:

README.md

@@ -126,3 +126,10 @@ Group Card. |sb-group-card|
 |--|--|--|------------------------------------------------------------------------------------------|
 | CertificateDownloadAsImageDirective | Can be used on any DOM element to make it download certificate as image on click| sbCertificateDownloadAsImage| *`<button sbCertificateDownloadAsImage [template]="'<svg some-attr="$SOME_VAR"></svg>'" [metadata]="{$SOME_VAR: 'SOME_VALUE'}" [baseUrl]="'SAMPLE_BASE_URL'"></button>`*|
 | CertificateDownloadAsPdfDirective | Can be used on any DOM element to make it download certificate as PDF on click| sbCertificateDownloadAsPdf| *`<button sbCertificateDownloadAsImage [template]="'<svg some-attr="$SOME_VAR"></svg>'" [metadata]="{$SOME_VAR: 'SOME_VALUE'}" [baseUrl]="'SAMPLE_BASE_URL'"></button>`*|
+
+## Versions
+
+| release branch    | npm package version | Angular Version |
+|-------------------|---------------------|-----------------|
+| v10_migration     |      4.11.0         |     Ng V10      |
+| release-5.1.0_v11 |      4.12.0         |     Ng V11      |

angular.json

 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "cli": {
+    "analytics": false
+  },
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {

package.json

@@ -16,26 +16,27 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^10.2.5",
-    "@angular/common": "^10.2.5",
-    "@angular/compiler": "^10.2.5",
-    "@angular/core": "^10.2.5",
-    "@angular/forms": "^10.2.5",
-    "@angular/platform-browser": "^10.2.5",
-    "@angular/platform-browser-dynamic": "^10.2.5",
-    "@angular/router": "^10.2.5",
-    "@project-sunbird/sb-styles": "~0.0.5",
+    "@angular/animations": "^11.2.14",
+    "@angular/common": "^11.2.14",
+    "@angular/compiler": "^11.2.14",
+    "@angular/core": "^11.2.14",
+    "@angular/forms": "^11.2.14",
+    "@angular/platform-browser": "^11.2.14",
+    "@angular/platform-browser-dynamic": "^11.2.14",
+    "@angular/router": "^11.2.14",
+    "@project-sunbird/sb-styles": "0.0.11",
     "core-js": "^2.5.4",
     "rxjs": "~6.6.7",
+    "sass": "^1.56.1",
     "tslib": "^2.4.0",
     "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1002.4",
+    "@angular-devkit/build-angular": "~0.1102.19",
     "@angular-devkit/build-ng-packagr": "~0.1002.4",
-    "@angular/cli": "^10.2.4",
-    "@angular/compiler-cli": "^10.2.5",
-    "@angular/language-service": "^10.2.5",
+    "@angular/cli": "^11.2.19",
+    "@angular/compiler-cli": "^11.2.14",
+    "@angular/language-service": "^11.2.14",
     "@types/jasmine": "~2.8.8",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "~8.9.4",
@@ -45,19 +46,18 @@
     "cpy-cli": "^2.0.0",
     "jasmine-core": "~2.99.1",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~3.1.1",
+    "karma": "~6.4.1",
     "karma-chrome-launcher": "~2.2.0",
     "karma-coverage-istanbul-reporter": "~2.0.1",
     "karma-jasmine": "~1.1.2",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "ng-packagr": "^10.1.2",
-    "node-sass": "^6.0.0",
-    "protractor": "~5.4.0",
+    "ng-packagr": "^11.2.4",
+    "protractor": "~7.0.0",
     "puppeteer": "^1.19.0",
     "scss-bundle": "^3.0.1",
     "ts-node": "~7.0.0",
     "tsickle": "^0.39.1",
-    "tslint": "~5.11.0",
+    "tslint": "~6.1.3",
     "typescript": "~4.0.8"
   }
 }

projects/common-consumption/package-lock.json

+{
+    "name": "@project-sunbird/common-consumption-v11",
+    "version": "4.12.0",
+    "lockfileVersion": 2,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "@project-sunbird/common-consumption-v11",
+            "version": "4.12.0",
+            "peerDependencies": {
+                "@angular/common": "^9.1.0",
+                "@angular/core": "^9.1.0"
+            }
+        }
+    }
+}

projects/common-consumption/package.json

 {
-    "name": "@project-sunbird/common-consumption-v10",
-    "version": "4.11.0",
+    "name": "@project-sunbird/common-consumption-v11",
+    "version": "4.12.0",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/Sunbird-Ed/SunbirdEd-consumption-ngcomponents.git"

projects/common-consumption/src/lib/accordion/accordion-body/accordion-body.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 ::ng-deep :root {
   --cc-accordion-panel-br: var(--primary-300);

projects/common-consumption/src/lib/accordion/accordion-header/accordion-header.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 ::ng-deep :root {
   --cc-accordion-panel-header-bg: var(--white);

projects/common-consumption/src/lib/accordion/accordion-item/accordion-item.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 ::ng-deep :root {
   --cc-accordion-panel-header-bg: var(--white);

projects/common-consumption/src/lib/card/banner-card/banner-card.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/custom-mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 /* sb card component css */
 :host {
 

projects/common-consumption/src/lib/card/card-hover/card-hover.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 .sb-btn-grow {
   background: none;
   border:0px solid transparent;

projects/common-consumption/src/lib/card/course-card/course-card.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 .sb--card {
   border-radius: calculateRem(2px);
   // margin-bottom: calculateRem(8px) !important;

projects/common-consumption/src/lib/card/course-curiculum-card/course-curiculum-card.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep :root {
     --cc-sbcard-course-curi-title:var(--white);
 }

projects/common-consumption/src/lib/card/group-card/group-card.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/custom-mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/loadingshadows";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+@use "~@project-sunbird/sb-styles/assets/loadingshadows" as *;
 
 ::ng-deep :root {
   --cc-sbcard-img-label: #284C3F;

projects/common-consumption/src/lib/card/library-card-v2/library-card-v2.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/custom-mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 ::ng-deep :root {
   --cc-sbcard-org-text: var(--balck);

projects/common-consumption/src/lib/card/library-card-v3/library-card-v3.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/custom-mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep :root {
   --sbt-pill-hs: 212, 100%;
   --cc-sbcard-data2-bg:hsl(var(--sbt-pill-hs), 90%);

projects/common-consumption/src/lib/card/library-card-v4/library-card-v4.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/custom-mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 ::ng-deep :root {
   --cc-sbcard-org-text: var(--balck);

projects/common-consumption/src/lib/card/library-card/library-card.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/custom-mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/loadingshadows";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+@use "~@project-sunbird/sb-styles/assets/loadingshadows" as *;
 
 ::ng-deep :root {
   --cc-sbcard-bg: var(--white);

projects/common-consumption/src/lib/card/member-card/member-card.component.scss

-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/mixins/mixins";
-@import "../../../../../../node_modules/@project-sunbird/sb-styles/assets/loadingshadows";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
+@use "~@project-sunbird/sb-styles/assets/loadingshadows" as *;
 ::ng-deep :root {
   --cc-members-list-item-selected:var(--rc-E0EFFF);
   --cc-members-list-item-selected-border:var(--rc-E0EFFF);