@igniteui/angular-templates 13.0.900-beta.0 → 13.0.900-rc.3

package/Update.js

@@ -24,7 +24,7 @@ function createExpression(expressionType, packageName) {
         return String.raw `(from ["'])${packageName}(?<submodules>\/.*?)?(["'])`;
     }
     else if (expressionType === RegularExpressionType.STYLE) {
-        return String.raw `(node_modules\/|~)${packageName}(\/)`;
+        return String.raw `(node_modules\/|[~"'])${packageName}(\/)`;
     }
 }
 function updateWorkspace(rootPath) {

package/Update.spec.js

@@ -118,10 +118,14 @@ export class HomeComponent {
                 path: "src/home.component.scss",
                 content: `@import '~igniteui-angular/theming';
 @import '~igniteui-dockmanager/styles/themes/test';
+@use 'igniteui-angular/theming';
+@forward 'igniteui-angular/theming';
 @include igx-core();
 `,
                 expected: `@import '~@infragistics/igniteui-angular/theming';
 @import '~@infragistics/igniteui-dockmanager/styles/themes/test';
+@use '@infragistics/igniteui-angular/theming';
+@forward '@infragistics/igniteui-angular/theming';
 @include igx-core();
 `
             }, {

package/igx-ts/bullet-graph/default/index.js

@@ -15,7 +15,7 @@ class IgxBulletGraphTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
                 import: ["IgxBulletGraphModule"],
                 from: "igniteui-angular-gauges"
             }];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-gauges@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-gauges@~13.0.0"];
     }
 }
 module.exports = new IgxBulletGraphTemplate();

package/igx-ts/category-chart/default/index.js

@@ -15,7 +15,7 @@ class IgxCategoryChartTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForA
             { import: "IgxCategoryChartModule", from: "igniteui-angular-charts" },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-charts@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
     }
 }
 module.exports = new IgxCategoryChartTemplate();

package/igx-ts/custom-templates/awesome-grid/index.js

@@ -33,7 +33,7 @@ class IgxGridAwesomeTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
             },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-charts@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
     }
 }
 module.exports = new IgxGridAwesomeTemplate();

package/igx-ts/custom-templates/crm-grid/index.js

@@ -43,7 +43,7 @@ class IgxGridCRMTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAngular
             },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-charts@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
     }
 }
 module.exports = new IgxGridCRMTemplate();

package/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.html

@@ -35,7 +35,7 @@
     <span *ngIf="buttonSelected === 0">Feeding {{volume}} records every {{frequency / 1000}} sec.
       ~{{volume/5}} records updated.</span>
   </div>
-  <igx-grid #grid1 igxPreventDocumentScroll (rowSelected)="rowSelectionChanged($event)" [data]="data"
+  <igx-grid #grid1 igxPreventDocumentScroll (rowSelectionChanging)="rowSelectionChanging($event)" [data]="data"
     width="100%" height="90%" [autoGenerate]="false" displayDensity="compact" primaryKey="ID" hiddenColumnsText="Hidden"
     [rowSelection]="selectionMode" [allowFiltering]="true" filterMode="excelStyleFilter"
     (keydown)="gridKeydown($event)" (gridKeydown)="customKeydown($event)">

package/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts

@@ -217,7 +217,7 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy
     }
   }
 
-  public rowSelectionChanged(args: IRowSelectionEventArgs): void {
+  public rowSelectionChanging(args: IRowSelectionEventArgs): void {
     this.grid1.clearCellSelection();
     this.chartData = [];
     args.newSelection.forEach(row => {
@@ -367,7 +367,7 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy
     const type = args.targetType;
 
     if (type === 'dataCell' && target.column.field === 'Chart' && evt.key.toLowerCase() === 'enter') {
-      this.grid1.selectRows([target.row.rowID], true);
+      this.grid1.selectRows([target.row.key], true);
       this.openSingleRowChart(target);
     }
   }

package/igx-ts/custom-templates/fintech-grid/index.js

@@ -29,7 +29,7 @@ class IgxFinTechGridTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
             },
             { import: "FormsModule", from: "@angular/forms" }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-charts@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
     }
 }
 module.exports = new IgxFinTechGridTemplate();

package/igx-ts/financial-chart/default/index.js

@@ -13,7 +13,7 @@ class IgxFinancialChartTemplate extends IgniteUIForAngularTemplate_1.IgniteUIFor
         this.dependencies = [
             { import: "IgxFinancialChartModule", from: "igniteui-angular-charts" }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-charts@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0"];
     }
 }
 module.exports = new IgxFinancialChartTemplate();

package/igx-ts/linear-gauge/default/index.js

@@ -17,7 +17,7 @@ class IgxLinearGaugeTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
                 from: "igniteui-angular-gauges"
             }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-gauges@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-gauges@~13.0.0"];
     }
 }
 module.exports = new IgxLinearGaugeTemplate();

package/igx-ts/map/default/index.js

@@ -21,7 +21,7 @@ class IgxGeographicMapTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForA
                 from: "igniteui-angular-charts"
             }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-charts@~12.1.2", "igniteui-angular-maps@~12.1.0"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-charts@~13.0.0", "igniteui-angular-maps@~13.0.0"];
     }
 }
 module.exports = new IgxGeographicMapTemplate();

package/igx-ts/projects/_base/files/package.json

@@ -19,7 +19,7 @@
     "@angular/platform-browser-dynamic": "~13.0.0",
     "@angular/router": "~13.0.0",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "~13.0.0-alpha.8",
+    "igniteui-angular": "~13.0.0-rc.1",
     "core-js": "^3.6.5",
     "jszip": "^3.5.0",
     "minireset.css": "~0.0.4",
@@ -29,11 +29,11 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~13.0.1",
-    "@angular-eslint/builder": "13.0.0-alpha.0",
-    "@angular-eslint/eslint-plugin": "13.0.0-alpha.0",
-    "@angular-eslint/eslint-plugin-template": "13.0.0-alpha.0",
-    "@angular-eslint/schematics": "13.0.0-alpha.0",
-    "@angular-eslint/template-parser": "13.0.0-alpha.0",
+    "@angular-eslint/builder": "13.0.1",
+    "@angular-eslint/eslint-plugin": "13.0.1",
+    "@angular-eslint/eslint-plugin-template": "13.0.1",
+    "@angular-eslint/schematics": "13.0.1",
+    "@angular-eslint/template-parser": "13.0.1",
     "@angular/cli": "~13.0.1",
     "@angular/compiler-cli": "~13.0.0",
     "@types/jasmine": "~3.8.0",

package/igx-ts/projects/_base/files/src/index.html

@@ -11,7 +11,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet">
 </head>
-<body class="igx-typography">
+<body class="igx-typography igx-scrollbar">
   <app-root></app-root>
 </body>
 </html>

package/igx-ts/projects/side-nav-auth/files/package.json

@@ -20,7 +20,7 @@
     "@angular/router": "~13.0.0",
     "angular-auth-oidc-client": "^9.0.3",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "~13.0.0-alpha.8",
+    "igniteui-angular": "~13.0.0-rc.1",
     "core-js": "^3.6.5",
     "jszip": "^3.5.0",
     "minireset.css": "~0.0.4",
@@ -30,11 +30,11 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~13.0.1",
-    "@angular-eslint/builder": "13.0.0-alpha.0",
-    "@angular-eslint/eslint-plugin": "13.0.0-alpha.0",
-    "@angular-eslint/eslint-plugin-template": "13.0.0-alpha.0",
-    "@angular-eslint/schematics": "13.0.0-alpha.0",
-    "@angular-eslint/template-parser": "13.0.0-alpha.0",
+    "@angular-eslint/builder": "13.0.1",
+    "@angular-eslint/eslint-plugin": "13.0.1",
+    "@angular-eslint/eslint-plugin-template": "13.0.1",
+    "@angular-eslint/schematics": "13.0.1",
+    "@angular-eslint/template-parser": "13.0.1",
     "@angular/cli": "~13.0.1",
     "@angular/compiler-cli": "~13.0.0",
     "@angular/language-service": "~13.0.0",

package/igx-ts/projects/side-nav-auth/files/src/index.html

@@ -15,7 +15,7 @@
   <script src="https://connect.facebook.net/en_US/sdk.js"></script>
 </head>
 
-<body class="igx-typography">
+<body class="igx-typography igx-scrollbar">
   <app-root></app-root>
 </body>
 

package/igx-ts/radial-gauge/default/index.js

@@ -17,7 +17,7 @@ class IgxRadialGaugeTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAng
                 from: "igniteui-angular-gauges"
             }
         ];
-        this.packages = ["igniteui-angular-core@~12.1.2", "igniteui-angular-gauges@~12.1.2"];
+        this.packages = ["igniteui-angular-core@~13.0.0", "igniteui-angular-gauges@~13.0.0"];
     }
 }
 module.exports = new IgxRadialGaugeTemplate();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "13.0.900-beta.0",
+  "version": "13.0.900-rc.3",
   "description": "Templates for Ignite UI for Angular projects and components",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "dependencies": {
-    "@igniteui/cli-core": "~9.0.0-beta.0",
-    "typescript": "^4.4.4"
+    "@igniteui/cli-core": "~9.0.0-rc.3",
+    "typescript": "~4.4.4"
   }
 }