@igniteui/angular-templates 18.2.1422-beta.0 → 18.2.1422-beta.1

package/AngularTypeScriptFileUpdate.d.ts

@@ -1,6 +1,6 @@
 import * as ts from 'typescript';
 import { KeyValuePair, FormatSettings, PropertyAssignment, TemplateDependency, TypeScriptFileUpdate, RouteEntry } from '@igniteui/cli-core';
-import { AngularRouteLike, AngularDecoratorOptions } from './types';
+import { AngularRouteLike } from './types';
 export declare class AngularTypeScriptFileUpdate extends TypeScriptFileUpdate {
     readonly filePath: string;
     readonly standalone: boolean;
@@ -35,14 +35,6 @@ export declare class AngularTypeScriptFileUpdate extends TypeScriptFileUpdate {
      * @param multiline Whether to format the new entry as multiline.
      */
     addNgModuleMeta(dep: TemplateDependency, variables?: KeyValuePair<string>, multiline?: boolean): void;
-    /**
-     * Sorts the elements of an Angular decorator property that is an {@link ts.ArrayLiteralExpression}.
-     * @param decoratorName The name of the decorator to look for.
-     * @param target The target metadata property to sort.
-     *
-     * @remarks The {@link target} must be a {@link ts.PropertyAssignment} with an initializer that is an {@link ts.ArrayLiteralExpression}.
-     */
-    sortDecoratorPropertyInitializer(decoratorName: string, target: AngularDecoratorOptions): void;
     /**
      * Adds metadata to the arguments provided in `TestBed.configureTestingModule`.
      * @param dep The dependency to add to the testing module's metadata.
@@ -82,7 +74,7 @@ export declare class AngularTypeScriptFileUpdate extends TypeScriptFileUpdate {
      * @param target The target metadata property to update.
      * @param multiline Whether to format the new entry as multiline.
      */
-    private addMetaToNgDecorator;
+    private mutateNgDecoratorMeta;
     /**
      * Updates Angular's metadata related to NgModules, Standalone Components or TestingModules.
      * @param target The name of the target metadata property to update.

package/AngularTypeScriptFileUpdate.js

@@ -54,7 +54,7 @@ class AngularTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
         }
         const structure = this.buildRouteStructure(route, multiline);
         const newRoute = this.factory.createObjectLiteralExpression(structure, multiline);
-        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.variableAsParentCondition)(this.astTransformer, cli_core_1.ROUTES_VARIABLE_NAME), [newRoute], anchorElement, { prepend });
+        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.variableAsParentCondition)(this.astTransformer, cli_core_1.ROUTES_VARIABLE_NAME), [newRoute], prepend, anchorElement);
     }
     addChildRoute(parentPath, route, asIdentifier = false, multiline = false) {
         super.addChildRoute(parentPath, route, asIdentifier, multiline);
@@ -100,46 +100,6 @@ class AngularTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
         this.addRootToModule(dep, copy);
         this.applyDecoratorMutations(cli_core_1.NG_MODULE_DECORATOR_NAME, copy, multiline);
     }
-    /**
-     * Sorts the elements of an Angular decorator property that is an {@link ts.ArrayLiteralExpression}.
-     * @param decoratorName The name of the decorator to look for.
-     * @param target The target metadata property to sort.
-     *
-     * @remarks The {@link target} must be a {@link ts.PropertyAssignment} with an initializer that is an {@link ts.ArrayLiteralExpression}.
-     */
-    sortDecoratorPropertyInitializer(decoratorName, target) {
-        const visitCondition = (node) => {
-            const propertyAssignment = this.astTransformer.findNodeAncestor(node, (node) => ts.isPropertyAssignment(node) &&
-                ts.isIdentifier(node.name) &&
-                node.name.text.toLowerCase() === target.toLowerCase() &&
-                ts.isArrayLiteralExpression(node.initializer));
-            if (!propertyAssignment) {
-                return false;
-            }
-            const expectedDecorator = this.checkNgDecorator(decoratorName, node);
-            return expectedDecorator;
-        };
-        const igxMembersPrefix = 'igx';
-        this.astTransformer.requestSortInArrayLiteral(visitCondition, (a, b) => {
-            // this check is just to type guard to a ts.Identifier
-            // in reality, the elements should always be identifiers
-            if (!ts.isIdentifier(a) || !ts.isIdentifier(b))
-                return -1;
-            const aText = a.text.toLowerCase();
-            const bText = b.text.toLowerCase();
-            if (aText.startsWith(igxMembersPrefix) &&
-                !bText.startsWith(igxMembersPrefix)) {
-                return 1;
-            }
-            else if (!aText.startsWith(igxMembersPrefix) &&
-                bText.startsWith(igxMembersPrefix)) {
-                return -1;
-            }
-            else {
-                return aText.localeCompare(bText);
-            }
-        });
-    }
     /**
      * Adds metadata to the arguments provided in `TestBed.configureTestingModule`.
      * @param dep The dependency to add to the testing module's metadata.
@@ -312,7 +272,7 @@ class AngularTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
     applyDecoratorMutations(decoratorName, meta, multiline = false) {
         for (const key of Object.keys(meta)) {
             if (meta[key].length > 0) {
-                this.addMetaToNgDecorator(decoratorName, meta[key], key, multiline);
+                this.mutateNgDecoratorMeta(decoratorName, meta[key], key, multiline);
             }
         }
     }
@@ -323,7 +283,7 @@ class AngularTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
      * @param target The target metadata property to update.
      * @param multiline Whether to format the new entry as multiline.
      */
-    addMetaToNgDecorator(name, meta, target, multiline = false) {
+    mutateNgDecoratorMeta(name, meta, target, multiline = false) {
         const identifiers = meta.map(ts.factory.createIdentifier);
         const targetMetaProp = this.findNgDecoratorProperty(name, target);
         this.mutateNgMeta(target, targetMetaProp, identifiers, (node) => this.checkNgDecorator(name, node), multiline);
@@ -340,7 +300,7 @@ class AngularTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
         const value = targetMetaProp && !ts.isArrayLiteralExpression(targetMetaProp.initializer)
             ? [targetMetaProp.initializer, ...identifiers]
             : identifiers;
-        this.astTransformer.requestNewMemberInObjectLiteral(visitorCondition, target, this.factory.createArrayLiteralExpression(value, multiline), { multiline });
+        this.astTransformer.requestNewMemberInObjectLiteral(visitorCondition, target, this.factory.createArrayLiteralExpression(value, multiline), multiline);
     }
     /**
      * Checks if a node has an ancestor with a specific decorator.

package/igx-ts/projects/_base/files/__dot__github/workflows/github.io.yml

@@ -8,7 +8,8 @@ on:
 
 jobs:
   build-and-deploy:
-
+    # Deactivate the workflow. Will be changed when AB is ready
+    if: false
     runs-on: ubuntu-latest
 
     permissions:
@@ -17,7 +18,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v3
@@ -31,10 +32,10 @@ jobs:
       run: echo "PROJECT_NAME=$(jq -r '.name' package.json)" >> $GITHUB_ENV
     - name: Determine if project is standalone and set build path
       run: |
-        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].schematics[\"@schematics/angular:application\"].standalone == false" angular.json > /dev/null; then
-          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
-        else
+        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].architect.build.builder == \"@angular-devkit/build-angular:application\"" angular.json > /dev/null; then
           echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}/browser" >> $GITHUB_ENV
+        else
+          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
         fi
     - name: Build project with dynamic base-href
       run: npm run build -- --base-href "/${{ github.event.repository.name }}/"

package/igx-ts/projects/_base/files/__dot__github/workflows/node.js.yml

@@ -19,7 +19,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

package/igx-ts/projects/_base_with_home/files/__dot__github/workflows/github.io.yml

@@ -8,7 +8,8 @@ on:
 
 jobs:
   build-and-deploy:
-
+    # Deactivate the workflow. Will be changed when AB is ready
+    if: false
     runs-on: ubuntu-latest
 
     permissions:
@@ -17,7 +18,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v3
@@ -31,10 +32,10 @@ jobs:
       run: echo "PROJECT_NAME=$(jq -r '.name' package.json)" >> $GITHUB_ENV
     - name: Determine if project is standalone and set build path
       run: |
-        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].schematics[\"@schematics/angular:application\"].standalone == false" angular.json > /dev/null; then
-          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
-        else
+        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].architect.build.builder == \"@angular-devkit/build-angular:application\"" angular.json > /dev/null; then
           echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}/browser" >> $GITHUB_ENV
+        else
+          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
         fi
     - name: Build project with dynamic base-href
       run: npm run build -- --base-href "/${{ github.event.repository.name }}/"

package/igx-ts/projects/_base_with_home/files/__dot__github/workflows/node.js.yml

@@ -19,7 +19,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

package/igx-ts-legacy/projects/_base/files/__dot__github/workflows/github.io.yml

@@ -8,7 +8,8 @@ on:
 
 jobs:
   build-and-deploy:
-
+    # Deactivate the workflow. Will be changed when AB is ready
+    if: false
     runs-on: ubuntu-latest
 
     permissions:
@@ -17,7 +18,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v3
@@ -31,10 +32,10 @@ jobs:
       run: echo "PROJECT_NAME=$(jq -r '.name' package.json)" >> $GITHUB_ENV
     - name: Determine if project is standalone and set build path
       run: |
-        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].schematics[\"@schematics/angular:application\"].standalone == false" angular.json > /dev/null; then
-          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
-        else
+        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].architect.build.builder == \"@angular-devkit/build-angular:application\"" angular.json > /dev/null; then
           echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}/browser" >> $GITHUB_ENV
+        else
+          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
         fi
     - name: Build project with dynamic base-href
       run: npm run build -- --base-href "/${{ github.event.repository.name }}/"

package/igx-ts-legacy/projects/_base/files/__dot__github/workflows/node.js.yml

@@ -19,7 +19,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

package/igx-ts-legacy/projects/_base_with_home/files/__dot__github/workflows/github.io.yml

@@ -8,7 +8,8 @@ on:
 
 jobs:
   build-and-deploy:
-
+    # Deactivate the workflow. Will be changed when AB is ready
+    if: false
     runs-on: ubuntu-latest
 
     permissions:
@@ -17,7 +18,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v3
@@ -31,10 +32,10 @@ jobs:
       run: echo "PROJECT_NAME=$(jq -r '.name' package.json)" >> $GITHUB_ENV
     - name: Determine if project is standalone and set build path
       run: |
-        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].schematics[\"@schematics/angular:application\"].standalone == false" angular.json > /dev/null; then
-          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
-        else
+        if jq -e ".projects[\"${{ env.PROJECT_NAME }}\"].architect.build.builder == \"@angular-devkit/build-angular:application\"" angular.json > /dev/null; then
           echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}/browser" >> $GITHUB_ENV
+        else
+          echo "BUILD_PATH=./dist/${{ env.PROJECT_NAME }}" >> $GITHUB_ENV
         fi
     - name: Build project with dynamic base-href
       run: npm run build -- --base-href "/${{ github.event.repository.name }}/"

package/igx-ts-legacy/projects/_base_with_home/files/__dot__github/workflows/node.js.yml

@@ -19,7 +19,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "18.2.1422-beta.0",
+  "version": "18.2.1422-beta.1",
   "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": "~14.2.2-beta.0",
+    "@igniteui/cli-core": "~14.2.2-beta.1",
     "typescript": "~5.5.4"
   }
 }

package/types/index.d.ts

@@ -1,6 +1,4 @@
-export * from "./AngularDecoratorMetaTarget";
+export * from "./enumerations/AngularDecoratorMetaTarget";
 export * from "./enumerations/AngularRouteTarget";
-export * from "./enumerations/AngularDecoratorName";
-export * from "./enumerations/AngularDecoratorMetaTargetType";
 export * from "./AngularRouteEntry";
 export * from "./AngularRouteLike";

package/types/index.js

@@ -14,9 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AngularDecoratorMetaTarget"), exports);
+__exportStar(require("./enumerations/AngularDecoratorMetaTarget"), exports);
 __exportStar(require("./enumerations/AngularRouteTarget"), exports);
-__exportStar(require("./enumerations/AngularDecoratorName"), exports);
-__exportStar(require("./enumerations/AngularDecoratorMetaTargetType"), exports);
 __exportStar(require("./AngularRouteEntry"), exports);
 __exportStar(require("./AngularRouteLike"), exports);

package/types/enumerations/AngularDecoratorMetaTargetType.d.ts

@@ -1,8 +0,0 @@
-/** Represents the names of the different members an Angular decorator can have. */
-export declare enum AngularDecoratorOptions {
-    Imports = "imports",
-    Declarations = "declarations",
-    Providers = "providers",
-    Exports = "exports",
-    Schemas = "schemas"
-}

package/types/enumerations/AngularDecoratorMetaTargetType.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AngularDecoratorOptions = void 0;
-/** Represents the names of the different members an Angular decorator can have. */
-var AngularDecoratorOptions;
-(function (AngularDecoratorOptions) {
-    AngularDecoratorOptions["Imports"] = "imports";
-    AngularDecoratorOptions["Declarations"] = "declarations";
-    AngularDecoratorOptions["Providers"] = "providers";
-    AngularDecoratorOptions["Exports"] = "exports";
-    AngularDecoratorOptions["Schemas"] = "schemas";
-})(AngularDecoratorOptions || (exports.AngularDecoratorOptions = AngularDecoratorOptions = {}));

package/types/enumerations/AngularDecoratorName.d.ts

@@ -1,4 +0,0 @@
-export declare enum AngularDecoratorName {
-    Component = "Component",
-    NgModule = "NgModule"
-}

package/types/enumerations/AngularDecoratorName.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AngularDecoratorName = void 0;
-/* Represents the names of the different decorators in Angular. */
-var AngularDecoratorName;
-(function (AngularDecoratorName) {
-    AngularDecoratorName["Component"] = "Component";
-    AngularDecoratorName["NgModule"] = "NgModule";
-})(AngularDecoratorName || (exports.AngularDecoratorName = AngularDecoratorName = {}));