npm - @igniteui/angular-templates - Versions diffs - 21.1.1492 → 21.1.14100-alpha.0 - Mend

@igniteui/angular-templates 21.1.1492 → 21.1.14100-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (648) hide show

package/igx-ts-legacy/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts CHANGED Viewed

@@ -1,12 +1,12 @@
-import { ErrorHandler, Injectable, Injector, NgZone } from '@angular/core';
+import { ErrorHandler, Injectable, Injector, NgZone, inject } from '@angular/core';
 import { Router } from '@angular/router';
 @Injectable()
 export class GlobalErrorHandlerService implements ErrorHandler {
+  private injector = inject(Injector);
+  private zone = inject(NgZone);
-  constructor(private injector: Injector, private zone: NgZone) { }
-  handleError(error: any) {
+  handleError(error: unknown) {
     // handle and/or log error, for example:
     console.error(error);
@@ -16,7 +16,7 @@ export class GlobalErrorHandlerService implements ErrorHandler {
       this.zone.run(() => {
         router
           .navigate(['error'])
-          .catch((err: any) => console.error(err));
+          .catch((err: unknown) => console.error(err));
       });
     }
   }

package/igx-ts-legacy/projects/_base/files/src/app/error-routing/error/{uncaught-error.component.ts → uncaught-error.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 @Component({
+  standalone: false,
   template: '<h2>Error 500: Internal Server Error</h2>',
-  standalone: false
 })
-export class UncaughtErrorComponent  { }
+export class UncaughtError { }

package/igx-ts-legacy/projects/_base/files/src/app/error-routing/{error-routing.module.ts → error-routing-module.ts} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { ErrorHandler, NgModule, Provider } from '@angular/core';
 import { environment } from '../../environments/environment';
 import { GlobalErrorHandlerService } from './error/global-error-handler.service';
-import { UncaughtErrorComponent } from './error/uncaught-error.component';
-import { PageNotFoundComponent } from './not-found/not-found.component';
+import { UncaughtError } from './error/uncaught-error';
+import { NotFound } from './not-found/not-found';
 const providers: Provider[] = [];
@@ -13,8 +13,8 @@ if (environment.production) {
 @NgModule({
   declarations: [
-    PageNotFoundComponent,
-    UncaughtErrorComponent
+    NotFound,
+    UncaughtError
   ],
   providers
 })

package/{igx-ts/projects/_base/files/src/app/error-routing/not-found/not-found.component.ts → igx-ts-legacy/projects/_base/files/src/app/error-routing/not-found/not-found.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 @Component({
+  standalone: false,
   template: '<h2>Error 404: Page not found</h2>',
-  standalone: true
 })
-export class PageNotFoundComponent { }
+export class NotFound { }

package/igx-ts-legacy/projects/_base/files/src/environments/{environment.prod.ts → environment.development.ts} RENAMED Viewed

@@ -1,3 +1,3 @@
 export const environment = {
-  production: true
+  production: false
 };

package/igx-ts-legacy/projects/_base/files/src/environments/environment.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 export const environment = {
-  production: false
+  production: true
 };

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

@@ -1,16 +1,14 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Ignite UI for Angular</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-</head>
-<body class="ig-typography ig-scrollbar">
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Ignite UI for Angular</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+  </head>
+  <body class="ig-typography ig-scrollbar">
+    <app-root></app-root>
+  </body>
 </html>

package/igx-ts-legacy/projects/_base/files/src/main.ts CHANGED Viewed

@@ -1,12 +1,5 @@
-import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-if (environment.production) {
-  enableProdMode();
-}
+import { AppModule } from './app/app-module';
 platformBrowserDynamic().bootstrapModule(AppModule)
   .catch(err => console.error(err));

package/igx-ts-legacy/projects/_base/files/tsconfig.app.json CHANGED Viewed

@@ -1,15 +1,15 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
   "include": [
-    "src/**/*.d.ts"
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
   ]
 }

package/igx-ts-legacy/projects/_base/files/tsconfig.json CHANGED Viewed

@@ -1,41 +1,33 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "forceConsistentCasingInFileNames": true,
+    "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "skipLibCheck": true,
     "isolatedModules": true,
-    "strict": true,
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
-    "moduleResolution": "Bundler",
     "importHelpers": true,
     "target": "ES2022",
-    "module": "preserve",
-    "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "module": "preserve"
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
-    "strictTemplates": true,
-    // TODO: Remove this option when fixing https://infragistics.visualstudio.com/Indigo_Platform/_workitems/edit/30602
-    "extendedDiagnostics": {
-      "checks": {
-        "optionalChainNotNullable": "suppress"
-      }
+    "strictTemplates": true
+  },
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
     }
-  }
+  ]
 }

package/igx-ts-legacy/projects/_base/files/tsconfig.spec.json CHANGED Viewed

@@ -1,17 +1,15 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
     "types": [
-      "jasmine"
+      "vitest/globals"
     ]
   },
-  "files": [
-    "src/polyfills.ts"
-  ],
   "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
+    "src/**/*.d.ts",
+    "src/**/*.ts"
   ]
 }

package/igx-ts-legacy/projects/_base/files/vitest-base.config.ts ADDED Viewed

@@ -0,0 +1,11 @@
+// Learn more about Vitest configuration options at https://vitest.dev/config/
+import { defineConfig } from 'vitest/config';
+export default defineConfig({
+  resolve: {
+    alias: [
+      { find: /^fflate$/, replacement: 'fflate/browser' }
+    ]
+  }
+});

package/igx-ts-legacy/projects/_base_with_home/files/index.html CHANGED Viewed

@@ -1,17 +1,15 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Ignite UI for Angular</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <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="ig-typography ig-scrollbar">
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Ignite UI for Angular</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <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="ig-typography ig-scrollbar">
+    <app-root></app-root>
+  </body>
 </html>

package/igx-ts-legacy/projects/_base_with_home/files/src/app/app-routing-module.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { Home } from './home/home';
+import { NotFound } from './error-routing/not-found/not-found';
+import { UncaughtError } from './error-routing/error/uncaught-error';
+import { ErrorRoutingModule } from './error-routing/error-routing-module';
+export const routes: Routes = [
+  { path: '', redirectTo: '/home', pathMatch: 'full'},
+  { path: 'home', component: Home, data: { text: 'Home' }},
+  { path: 'error', component: UncaughtError },
+  { path: '**', component: NotFound } // must always be last
+];
+@NgModule({
+  imports: [RouterModule.forRoot(routes), ErrorRoutingModule],
+  exports: [RouterModule, ErrorRoutingModule]
+})
+export class AppRoutingModule { }

package/igx-ts-legacy/projects/_base_with_home/files/src/app/home/home.html ADDED Viewed

@@ -0,0 +1,9 @@
+<!--The content below is only a placeholder and can be replaced.-->
+<h1>{{title()}}</h1>
+<img src="assets/responsive.gif" alt="Ignite UI CLI">
+<div id="linksContainer">
+  <h3 class="links"><a target="_blank" rel="noopener" href="https://github.com/IgniteUI/ignite-ui-cli">Ignite UI CLI </a></h3>
+  <h3 class="links"><a target="_blank" rel="noopener" href="https://www.infragistics.com/products/ignite-ui-angular">Component Demos</a></h3>
+  <h3 class="links"><a target="_blank" rel="noopener" href="https://github.com/IgniteUI/igniteui-angular-ui-kits">Sketch UI Kit</a></h3>
+</div>

package/igx-ts-legacy/projects/_base_with_home/files/src/app/home/home.spec.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { Home } from './home';
+describe('Home', () => {
+  let component: Home;
+  let fixture: ComponentFixture<Home>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ Home ],
+      imports: [ RouterTestingModule ]
+    })
+    .compileComponents();
+  });
+  beforeEach(() => {
+    fixture = TestBed.createComponent(Home);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/projects/_base_with_home/files/src/app/home/home.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { Component, signal } from '@angular/core';
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.html',
+  styleUrl: './home.scss',
+  standalone: false
+})
+export class Home  {
+  protected readonly title = signal('Welcome to Ignite UI for Angular!');
+  constructor() { }
+}

package/igx-ts-legacy/projects/base/files/src/index.html CHANGED Viewed

@@ -1,17 +1,15 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title><%=ApplicationTitle%></title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <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="ig-typography ig-scrollbar">
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title><%=ApplicationTitle%></title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <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="ig-typography ig-scrollbar">
+    <app-root></app-root>
+  </body>
 </html>

package/igx-ts-legacy/projects/empty/files/src/app/app-module.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { NgModule, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { AppRoutingModule } from './app-routing-module';
+import { App } from './app';
+import { Home } from './home/home';
+@NgModule({
+  declarations: [
+    App,
+    Home
+  ],
+  imports: [
+    BrowserModule,
+    HammerModule,
+    AppRoutingModule,
+    BrowserAnimationsModule
+  ],
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true })
+  ],
+  bootstrap: [App]
+})
+export class AppModule {
+}

package/igx-ts-legacy/projects/empty/files/src/app/{app-routing.module.ts → app-routing-module.ts} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { HomeComponent } from './home/home.component';
+import { Home } from './home/home';
 const routes: Routes = [
   { path: '', redirectTo: '/home', pathMatch: 'full'},
-  { path: 'home', component: HomeComponent, data: { text: 'Home' }}
+  { path: 'home', component: Home, data: { text: 'Home' }}
 ];
 @NgModule({

package/igx-ts-legacy/projects/empty/files/src/app/app.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { Component, signal } from '@angular/core';
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.html',
+  styleUrl: './app.scss',
+  standalone: false
+})
+export class App {
+  protected readonly title = signal('Home - IgniteUI for Angular');
+}

package/igx-ts-legacy/projects/empty/files/src/app/home/home.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.html',
+  styleUrl: './home.scss',
+  standalone: false
+})
+export class Home {
+}

package/igx-ts-legacy/projects/side-nav/files/src/app/{app.module.ts → app-module.ts} RENAMED Viewed

@@ -1,16 +1,16 @@
-import { NgModule } from '@angular/core';
+import { NgModule, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { HomeComponent } from './home/home.component';
+import { AppRoutingModule } from './app-routing-module';
+import { App } from './app';
+import { Home } from './home/home';
 @NgModule({
   declarations: [
-    AppComponent,
-    HomeComponent
+    App,
+    Home
   ],
   imports: [
     FormsModule,
@@ -23,7 +23,10 @@ import { HomeComponent } from './home/home.component';
     IgxNavigationDrawerModule,
     IgxRippleModule
   ],
-  providers: [],
-  bootstrap: [AppComponent]
+  providers: [
+    provideBrowserGlobalErrorListeners(),
+    provideZoneChangeDetection({ eventCoalescing: true })
+  ],
+  bootstrap: [App]
 })
 export class AppModule { }

package/igx-ts-legacy/projects/side-nav/files/src/app/{app.component.spec.ts → app.spec.ts} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { TestBed, waitForAsync } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AppComponent } from './app.component';
+import { App } from './app';
-describe('AppComponent', () => {
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
       imports: [
         RouterTestingModule,
         IgxLayoutModule,
@@ -14,14 +14,14 @@ describe('AppComponent', () => {
         IgxRippleModule
       ],
       declarations: [
-        AppComponent
+        App
       ],
     }).compileComponents();
-  }));
+  });
-  it('should create the app', waitForAsync(() => {
-    const fixture = TestBed.createComponent(AppComponent);
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
-  }));
+  });
 });

package/igx-ts-legacy/projects/side-nav/files/src/app/{app.component.ts → app.ts} RENAMED Viewed

@@ -2,16 +2,16 @@ import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { NavigationStart, Router } from '@angular/router';
 import { IgxNavigationDrawerComponent } from 'igniteui-angular';
 import { filter } from 'rxjs/operators';
-import { routes } from './app-routing.module';
+import { routes } from './app-routing-module';
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
+  templateUrl: './app.html',
+  styleUrl: './app.scss',
   encapsulation: ViewEncapsulation.None,
   standalone: false
 })
-export class AppComponent implements OnInit {
+export class App implements OnInit {
   public topNavLinks: {
     path: string,
     name: string

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

@@ -6,47 +6,43 @@
     "start": "ng serve -o",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "test": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng test",
+    "test": "ng test --browsers=chromium",
     "lint": "ng lint"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~21.1.5",
-    "@angular/common": "~21.1.5",
-    "@angular/compiler": "~21.1.5",
-    "@angular/core": "~21.1.5",
-    "@angular/forms": "~21.1.5",
-    "@angular/platform-browser": "~21.1.5",
-    "@angular/platform-browser-dynamic": "~21.1.5",
-    "@angular/router": "~21.1.5",
+    "@angular/animations": "~21.2.0",
+    "@angular/common": "~21.2.0",
+    "@angular/compiler": "~21.2.0",
+    "@angular/core": "~21.2.0",
+    "@angular/forms": "~21.2.0",
+    "@angular/platform-browser": "~21.2.0",
+    "@angular/platform-browser-dynamic": "~21.2.0",
+    "@angular/router": "~21.2.0",
     "angular-auth-oidc-client": "~15.0.4",
     "hammerjs": "~2.0.8",
     "igniteui-angular": "~21.1.0",
     "minireset.css": "~0.0.7",
-    "rxjs": "~7.8.0",
+    "rxjs": "~7.8.1",
     "tslib": "~2.8.1",
-    "zone.js": "~0.15.0"
+    "zone.js": "~0.16.0"
   },
   "devDependencies": {
-    "@angular/build": "~21.1.5",
-    "@angular-devkit/build-angular": "~21.1.5",
-    "@angular/cli": "~21.1.5",
-    "@angular/compiler-cli": "~21.1.5",
-    "@angular/language-service": "~21.1.5",
+    "@angular/build": "~21.2.1",
+    "@angular/cli": "~21.2.1",
+    "@angular/compiler-cli": "~21.2.0",
+    "@angular/language-service": "~21.2.0",
+    "@eslint/js": "^10.0.1",
     "@types/facebook-js-sdk": "~3.3.6",
-    "@types/hammerjs": "~2.0.41",
-    "@types/jasmine": "~5.1.4",
-    "@types/jasminewd2": "~2.0.3",
-    "angular-eslint": "~21.2.0",
-    "eslint": "~9.39.1",
+    "@types/hammerjs": "~2.0.46",
+    "@vitest/browser-playwright": "^4.1.0",
+    "angular-eslint": "~21.3.0",
+    "eslint": "^10.0.2",
     "igniteui-cli": "~<%=cliVersion%>",
-    "jasmine-core": "~5.12.1",
-    "karma": "~6.4.4",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.1",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
+    "playwright": "^1.58.2",
+    "prettier": "^3.8.1",
     "typescript": "~5.9.3",
-    "typescript-eslint": "~8.47.0"
+    "typescript-eslint": "8.56.1",
+    "vitest": "^4.1.0"
   }
 }