igniteui-angular-extras 20.0.2 → 21.2.0-beta.1

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 (9) hide show
  1. package/LICENSE +24 -0
  2. package/README.md +72 -72
  3. package/fesm2022/igniteui-angular-extras.mjs +711 -669
  4. package/fesm2022/igniteui-angular-extras.mjs.map +1 -1
  5. package/migrations/migration-collection.json +10 -3
  6. package/migrations/update-1_0_0/index.d.ts +3 -0
  7. package/migrations/update-1_0_0/index.js +113 -0
  8. package/package.json +34 -11
  9. package/{index.d.ts → types/igniteui-angular-extras.d.ts} +72 -79
package/LICENSE ADDED
@@ -0,0 +1,24 @@
1
+ =================================================================
2
+
3
+ Infragistics Commercial License for Ignite UI for Angular Extras
4
+
5
+ =================================================================
6
+
7
+ This package contains commercial-only features and enhancements for Ignite UI for Angular.
8
+
9
+ All components, directives, services, and code within this package are licensed under the Infragistics Commercial License (EULA).
10
+
11
+ This is a commercial product, requiring a valid paid-for license for commercial use.
12
+ This product is free to use for non-commercial educational use for students in K through 12 grades
13
+ or University programs, and for educators to use in a classroom setting as examples/tools in their curriculum.
14
+
15
+ To verify eligibility for free usage, please register for trial at:
16
+ https://www.infragistics.com/angular and open a support ticket with a request for free license.
17
+
18
+ To acquire a license for commercial usage, please register for trial at:
19
+ https://www.infragistics.com/angular and refer to the purchasing options in the pricing section on the product page.
20
+
21
+ © Copyright 2026 INFRAGISTICS. All Rights Reserved.
22
+ The Infragistics Ultimate license & copyright applies to this distribution.
23
+ For information on that license, please go to:
24
+ https://www.infragistics.com/legal/license
package/README.md CHANGED
@@ -1,72 +1,72 @@
1
- ## Ignite UI for Angular Extras
2
- This package is part of our private npm feed hosted on https://packages.infragistics.com/npm/js-licensed/. If you are building a commercial product or your license has expired, you will need to [acquire a commercial license](https://www.infragistics.com/how-to-buy/product-pricing). There you will find the latest versions of the Ignite UI for Angular packages.
3
-
4
- Use our [public repository](https://github.com/IgniteUI/igniteui-angular) for questions, issues and feature requests.
5
-
6
- ### Start using Ignite UI Angular Extras
7
-
8
- #### Create a project from scratch
9
- 1. Execute the following commands
10
- ```
11
- npm i -g @igniteui/angular-schematics
12
- ng new <project name> --collection="@igniteui/angular-schematics" --template=<template id>
13
- cd <project name>
14
- ng g @igniteui/angular-schematics:component grid <component name>
15
- npm install igniteui-angular-extras
16
- ```
17
-
18
- > Note: If your app needs to be updated from trial to licensed package, check out our [official guide](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/ignite-ui-licensing.html#upgrading-packages-using-our-angular-schematics-or-ignite-ui-cli) on the subject. Use `ng g @igniteui/angular-schematics:upgrade-packages`.
19
-
20
-
21
- 2. After the package is installed go ahead and:
22
-
23
- ## Updated Usage
24
-
25
- ### Before Version 19.x
26
-
27
- In versions prior to 19.x, Ignite UI for Angular Extras required adding the `IgxExtrasModule` to your `app.module.ts` to enable components and directives. After installing the package, you would include the module in your `app.module.ts` as follows:
28
-
29
- - Add the `IgxExtrasModule` to your app.module.ts
30
- - Apply `igxChartIntegration`, `igxConditionalFormatting`, `igxContextMenu` directives to your grid:
31
-
32
-
33
-
34
- ```typescript
35
- import { IgxExtrasModule } from 'igniteui-angular-extras';
36
-
37
- @NgModule({
38
- declarations: [ ... ],
39
- imports: [ IgxExtrasModule, ... ],
40
- bootstrap: [ ... ]
41
- })
42
- export class AppModule { }
43
- ```
44
-
45
- ```html
46
- <igx-grid #grid1 igxChartIntegration igxConditionalFormatting igxContextMenu
47
- [autoGenerate]="true" [paging]="true" [data]="localData" >
48
- </igx-grid>
49
- ```
50
-
51
- ### After Version 19.x
52
-
53
- Since version 19.x, Ignite UI for Angular Extras has adopted standalone components and directives, removing the need to add `IgxExtrasModule` to your `app.module.ts`. You can now directly import the required components and directives as standalone elements.
54
-
55
- ```typescript
56
- import { IgxChartIntegrationDirective } from 'igniteui-angular-extras';
57
- import { IgxConditionalFormattingDirective } from 'igniteui-angular-extras';
58
- import { IgxContextMenuDirective } from 'igniteui-angular-extras';
59
- ```
60
-
61
- ```html
62
- <igx-grid #grid1 igxChartIntegration igxConditionalFormatting igxContextMenu
63
- [autoGenerate]="true" [paging]="true" [data]="localData" >
64
- </igx-grid>
65
- ```
66
-
67
- 3. Execute `npm run start`
68
-
69
- ### Build
70
-
71
- Execute `npm run build:lib` to build the project. The build artifacts will be stored in the `dist/` directory. By default it builds the project with `--prod` flag for a production build.
72
- In order to run the project with a small sample, execute `npm run start`
1
+ ## Ignite UI for Angular Extras
2
+ This package is part of our private npm feed hosted on https://packages.infragistics.com/npm/js-licensed/. If you are building a commercial product or your license has expired, you will need to [acquire a commercial license](https://www.infragistics.com/how-to-buy/product-pricing). There you will find the latest versions of the Ignite UI for Angular packages.
3
+
4
+ Use our [public repository](https://github.com/IgniteUI/igniteui-angular) for questions, issues and feature requests.
5
+
6
+ ### Start using Ignite UI Angular Extras
7
+
8
+ #### Create a project from scratch
9
+ 1. Execute the following commands
10
+ ```
11
+ npm i -g @igniteui/angular-schematics
12
+ ng new <project name> --collection="@igniteui/angular-schematics" --template=<template id>
13
+ cd <project name>
14
+ ng g @igniteui/angular-schematics:component grid <component name>
15
+ npm install igniteui-angular-extras
16
+ ```
17
+
18
+ > Note: If your app needs to be updated from trial to licensed package, check out our [official guide](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/ignite-ui-licensing.html#upgrading-packages-using-our-angular-schematics-or-ignite-ui-cli) on the subject. Use `ng g @igniteui/angular-schematics:upgrade-packages`.
19
+
20
+
21
+ 2. After the package is installed go ahead and:
22
+
23
+ ## Updated Usage
24
+
25
+ ### Before Version 19.x
26
+
27
+ In versions prior to 19.x, Ignite UI for Angular Extras required adding the `IgxExtrasModule` to your `app.module.ts` to enable components and directives. After installing the package, you would include the module in your `app.module.ts` as follows:
28
+
29
+ - Add the `IgxExtrasModule` to your app.module.ts
30
+ - Apply `igxChartIntegration`, `igxConditionalFormatting`, `igxContextMenu` directives to your grid:
31
+
32
+
33
+
34
+ ```typescript
35
+ import { IgxExtrasModule } from 'igniteui-angular-extras';
36
+
37
+ @NgModule({
38
+ declarations: [ ... ],
39
+ imports: [ IgxExtrasModule, ... ],
40
+ bootstrap: [ ... ]
41
+ })
42
+ export class AppModule { }
43
+ ```
44
+
45
+ ```html
46
+ <igx-grid #grid1 igxChartIntegration igxConditionalFormatting igxContextMenu
47
+ [autoGenerate]="true" [paging]="true" [data]="localData" >
48
+ </igx-grid>
49
+ ```
50
+
51
+ ### After Version 19.x
52
+
53
+ Since version 19.x, Ignite UI for Angular Extras has adopted standalone components and directives, removing the need to add `IgxExtrasModule` to your `app.module.ts`. You can now directly import the required components and directives as standalone elements.
54
+
55
+ ```typescript
56
+ import { IgxChartIntegrationDirective } from 'igniteui-angular-extras';
57
+ import { IgxConditionalFormattingDirective } from 'igniteui-angular-extras';
58
+ import { IgxContextMenuDirective } from 'igniteui-angular-extras';
59
+ ```
60
+
61
+ ```html
62
+ <igx-grid #grid1 igxChartIntegration igxConditionalFormatting igxContextMenu
63
+ [autoGenerate]="true" [paging]="true" [data]="localData" >
64
+ </igx-grid>
65
+ ```
66
+
67
+ 3. Execute `npm run start`
68
+
69
+ ### Build
70
+
71
+ Execute `npm run build:lib` to build the project. The build artifacts will be stored in the `dist/` directory. By default it builds the project with `--prod` flag for a production build.
72
+ In order to run the project with a small sample, execute `npm run start`