angular-slickgrid 7.7.0 → 8.1.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.
- package/README.md +19 -18
- package/app/modules/angular-slickgrid/components/angular-slickgrid.component.d.ts +3 -9
- package/esm2022/app/modules/angular-slickgrid/components/angular-slickgrid.component.mjs +18 -34
- package/esm2022/app/modules/angular-slickgrid/extensions/slickRowDetailView.mjs +3 -4
- package/esm2022/app/modules/angular-slickgrid/global-grid-options.mjs +32 -24
- package/esm2022/app/modules/angular-slickgrid/modules/angular-slickgrid.module.mjs +4 -4
- package/esm2022/app/modules/angular-slickgrid/services/angularUtil.service.mjs +3 -3
- package/esm2022/app/modules/angular-slickgrid/services/container.service.mjs +3 -3
- package/esm2022/app/modules/angular-slickgrid/services/translater.service.mjs +3 -3
- package/fesm2022/angular-slickgrid.mjs +63 -72
- package/fesm2022/angular-slickgrid.mjs.map +1 -1
- package/package.json +11 -14
package/README.md
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
[](http://www.typescriptlang.org/)
|
|
5
5
|
[](https://npmjs.org/package/angular-slickgrid)
|
|
6
6
|
[](https://www.npmjs.com/package/angular-slickgrid)
|
|
7
|
+
<!--[](https://bundlephobia.com/result?p=angular-slickgrid)-->
|
|
7
8
|
|
|
8
9
|
[](https://github.com/ghiscoding/Angular-Slickgrid/actions)
|
|
9
10
|
[](https://www.cypress.io/)
|
|
@@ -11,13 +12,13 @@
|
|
|
11
12
|
[](https://codecov.io/gh/ghiscoding/Angular-Slickgrid)
|
|
12
13
|
|
|
13
14
|
### Brief introduction
|
|
14
|
-
One of the best JavasSript datagrid [SlickGrid](https://github.com/mleibman/SlickGrid), which was originally developed by @mleibman, is now available to the Angular world. SlickGrid beats most other datagrids in terms of features, customizability and performance (running smoothly with even a million rows). Angular-Slickgrid is a wrapper on top of [Slickgrid-Universal](https://github.com/ghiscoding/slickgrid-universal/) (which is required), in the early beginning we used the `6pac/SlickGrid` fork but that was dropped in >=[v7.0](https://github.com/ghiscoding/Angular-Slickgrid/releases/tag/v7.0.3) since Slickgrid-Universal is now a standalone project. SlickGrid was also recently rewritten
|
|
15
|
+
One of the best JavasSript datagrid [SlickGrid](https://github.com/mleibman/SlickGrid), which was originally developed by @mleibman, is now available to the Angular world. SlickGrid beats most other datagrids in terms of features, customizability and performance (running smoothly with even a million rows). Angular-Slickgrid is a wrapper on top of [Slickgrid-Universal](https://github.com/ghiscoding/slickgrid-universal/) (which is required), in the early beginning we used the `6pac/SlickGrid` fork but that was dropped in >=[v7.0](https://github.com/ghiscoding/Angular-Slickgrid/releases/tag/v7.0.3) since Slickgrid-Universal is now a standalone project. SlickGrid was also recently rewritten with browser native code (no more ~jQuery~ 🎉).
|
|
15
16
|
|
|
16
17
|
### License
|
|
17
18
|
[MIT License](LICENSE)
|
|
18
19
|
|
|
19
20
|
## Documentation
|
|
20
|
-
📕 [Documentation](https://ghiscoding.gitbook.io/angular-slickgrid/getting-started/quick-start) website powered by GitBook.
|
|
21
|
+
📕 [Documentation](https://ghiscoding.gitbook.io/angular-slickgrid/getting-started/quick-start) website powered by GitBook for version 7+ (_or use the [Wikis](https://github.com/ghiscoding/Angular-Slickgrid/wiki) for older versions_).
|
|
21
22
|
|
|
22
23
|
For common issues, see the [Troubleshooting Section](#troubleshooting-section) below
|
|
23
24
|
|
|
@@ -31,19 +32,18 @@ npm install angular-slickgrid
|
|
|
31
32
|
```
|
|
32
33
|
|
|
33
34
|
### Demo page
|
|
34
|
-
`Angular-Slickgrid` works with all `Bootstrap` versions, you can see a demo of each one below. It also with any other
|
|
35
|
-
- [Bootstrap 5 demo](https://ghiscoding.github.io/Angular-Slickgrid) / [examples repo](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap5-demo-with-translate)
|
|
36
|
-
- [Bootstrap 4 demo](https://ghiscoding.github.io/angular-slickgrid-demos) / [examples repo](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap4-demo-with-translate)
|
|
37
|
-
- `Bootstrap 5 demo with Single Locale` / [examples repo](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap5-demo-with-locales)
|
|
35
|
+
`Angular-Slickgrid` works with all `Bootstrap` versions, you can see a demo of each one below. It also works well with any other frameworks like Material or Bulma and there are also couple of extra styling themes based on Material & Salesforce which are also available. You can also use different SVG icons, you may want to look at the [Docs - SVG Icons](https://ghiscoding.gitbook.io/angular-slickgrid/styling/svg-icons)
|
|
38
36
|
|
|
39
|
-
[
|
|
37
|
+
[Angular-Slickgrid-Demos](https://github.com/ghiscoding/angular-slickgrid-demos) includes the following:
|
|
38
|
+
- [Bootstrap 5 demo](https://ghiscoding.github.io/Angular-Slickgrid) / [examples repo](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap5-demo-with-translate) - Code samples which uses `ngx-translate` to support multiple locales.
|
|
39
|
+
- [Bootstrap 5 (single Locale)](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap5-demo-with-locales) / [examples repo](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap5-demo-with-locales) - Code Sample with a single Locale (without `ngx-translate`)
|
|
40
40
|
|
|
41
41
|
#### Working Demo
|
|
42
|
-
For a complete set of working demos (over 30 examples), we strongly suggest you
|
|
42
|
+
For a complete set of working demos (over 30 examples), we strongly suggest you clone [Angular-Slickgrid Demos](https://github.com/ghiscoding/angular-slickgrid-demos) repository (instructions are provided in the demo repo). The repo provides multiple demos and they are updated for every new project release, so it is updated frequently and is also used as the GitHub live demo page for both the [Bootstrap 5 demo](https://ghiscoding.github.io/Angular-Slickgrid) and [Bootstrap 5 demo (single Locale)](https://ghiscoding.github.io/angular-slickgrid-demos).
|
|
43
43
|
|
|
44
44
|
```sh
|
|
45
45
|
git clone https://github.com/ghiscoding/angular-slickgrid-demos
|
|
46
|
-
cd
|
|
46
|
+
cd bootstrap5-demo-with-translate # or any of the other demos
|
|
47
47
|
npm install
|
|
48
48
|
npm start
|
|
49
49
|
```
|
|
@@ -64,14 +64,15 @@ Check out the [Releases](https://github.com/ghiscoding/Angular-Slickgrid/release
|
|
|
64
64
|
> **Note** please be aware that only the latest version of Angular-Slickgrid is supported and will receive bug fixes. The reason older versions are not supported is simply because it's already a lot of work to maintain for a single developer.
|
|
65
65
|
|
|
66
66
|
| Angular-Slickgrid | Angular version | Migration Guide | Notes |
|
|
67
|
-
|
|
68
|
-
|
|
|
69
|
-
|
|
|
70
|
-
|
|
|
71
|
-
|
|
|
72
|
-
|
|
|
73
|
-
|
|
|
74
|
-
|
|
|
67
|
+
|-------------------|-----------------|-----------------|-------|
|
|
68
|
+
| 8.x | >=18.0 | [Migration 8.x](https://ghiscoding.gitbook.io/angular-slickgrid/migrations/migration-to-8.x) | Modern UI / Dark Mode, requires Slickgrid-Universal [5.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v5.0.0) version |
|
|
69
|
+
| 7.x | >=17.0 | [Migration 7.x](https://ghiscoding.gitbook.io/angular-slickgrid/migrations/migration-to-7.x) | merge SlickGrid into Slickgrid-Universal, requires Slickgrid-Universal [4.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v4.0.2) version |
|
|
70
|
+
| 6.x | >=16.0 | [Migration 6.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-6.x) | removal of jQuery (now uses browser native code), requires Slickgrid-Universal [3.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v3.0.0) version |
|
|
71
|
+
| 5.x | >=14.0 | [Migration 5.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-5.x) | removal of jQueryUI, requires Slickgrid-Universal [2.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v2.0.0) version |
|
|
72
|
+
| 4.x | >=13.0 | [Migration 4.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-4.x) | for Ivy build only, requires Slickgrid-Universal [1.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v1.1.1) version |
|
|
73
|
+
| 3.x | >=12.0 | [Migration 3.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-3.x) | the lib now uses [Slickgrid-Universal](https://github.com/ghiscoding/slickgrid-universal) monorepo [v0.19.2](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v0.19.2). Also, IE11 is EOL and no longer supported. |
|
|
74
|
+
| 2.x | 7-11.x | [Migration 2.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-2.x) | support multiple grids on same page |
|
|
75
|
+
| 1.x | 4-6.x | | |
|
|
75
76
|
|
|
76
77
|
**Note** For a full compatibility table of Angular-Slickgrid with Slickgrid-Universal, please take a look at the [Versions Compatibility Table - Wiki](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Versions-Compatibility-Table).
|
|
77
78
|
|
|
@@ -79,7 +80,7 @@ For Angular 12+ see the instructions below - [Angular 12 with WebPack 5 - polyfi
|
|
|
79
80
|
|
|
80
81
|
### ngx-translate Compatibility
|
|
81
82
|
|
|
82
|
-
Angular-Slickgrid uses `ngx-translate` library to support Locales, it is also required even when using a single Locale. The reason is because, we use `@Optional() TranslateService` in the lib and for that to work, it requires `ngx-translate` to installed. Once you run the build and if you are using a single Locale then the tree shaking process should remove these optional dependencies. See their version compatibility table below for more info
|
|
83
|
+
Angular-Slickgrid uses `ngx-translate` library to support Locales, it is also required that is even when using a single Locale. The reason is because, we use `@Optional() TranslateService` in the lib and for that to work, it requires `ngx-translate` to be installed. Once you run the build and if you are using a single Locale then the tree shaking process should remove these optional dependencies. See their version compatibility table below for more info
|
|
83
84
|
|
|
84
85
|
| Angular Version | @ngx-translate/core |
|
|
85
86
|
|-----------------|---------------------|
|
|
@@ -187,17 +187,11 @@ export declare class AngularSlickgridComponent<TData = any> implements AfterView
|
|
|
187
187
|
* @returns {Array<Object>} sort flat parent/child dataset
|
|
188
188
|
*/
|
|
189
189
|
protected sortTreeDataset<T>(flatDatasetInput: T[], forceGridRefresh?: boolean): T[];
|
|
190
|
+
/** Prepare and load all SlickGrid editors, if an async editor is found then we'll also execute it. */
|
|
191
|
+
protected loadSlickGridEditors(columnDefinitions: Column<TData>[]): Column<TData>[];
|
|
190
192
|
/**
|
|
191
|
-
*
|
|
192
|
-
* however "editor" is used internally by SlickGrid for it's own Editor Factory
|
|
193
|
-
* so in our lib we will swap "editor" and copy it into a new property called "internalColumnEditor"
|
|
194
|
-
* then take back "editor.model" and make it the new "editor" so that SlickGrid Editor Factory still works
|
|
195
|
-
*/
|
|
196
|
-
protected swapInternalEditorToSlickGridFactoryEditor(columnDefinitions: Column[]): any[];
|
|
197
|
-
/**
|
|
198
|
-
* Update the "internalColumnEditor.collection" property.
|
|
193
|
+
* When the Editor(s) has a "editor.collection" property, we'll load the async collection.
|
|
199
194
|
* Since this is called after the async call resolves, the pointer will not be the same as the "column" argument passed.
|
|
200
|
-
* Once we found the new pointer, we will reassign the "editor" and "collection" to the "internalColumnEditor" so it has newest collection
|
|
201
195
|
*/
|
|
202
196
|
protected updateEditorCollection<T = any>(column: Column<T>, newCollection: T[]): void;
|
|
203
197
|
static ɵfac: i0.ɵɵFactoryDeclaration<AngularSlickgridComponent<any>, [null, null, null, null, null, { optional: true; }, { optional: true; }, null, null]>;
|