mat-table-ext 0.0.10 → 1.0.0-beta.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 (33) hide show
  1. package/README.md +57 -57
  2. package/assets/_theming.scss +7 -7
  3. package/assets/pinLeft.svg +11 -11
  4. package/assets/pinNone.svg +5 -5
  5. package/assets/pinRight.svg +11 -11
  6. package/assets/pinned.svg +6 -2
  7. package/fesm2022/mat-table-ext-test1.mjs +3019 -0
  8. package/fesm2022/mat-table-ext-test1.mjs.map +1 -0
  9. package/index.d.ts +774 -5
  10. package/package.json +13 -21
  11. package/esm2020/lib/components/column-pinning/column-pinning.component.mjs +0 -58
  12. package/esm2020/lib/components/editing/editing.component.mjs +0 -122
  13. package/esm2020/lib/components/filter-columns-component/filter-columns-component.component.mjs +0 -68
  14. package/esm2020/lib/directives/resize-column.directive.mjs +0 -99
  15. package/esm2020/lib/mat-table-ext.component.mjs +0 -1020
  16. package/esm2020/lib/mat-table-ext.module.mjs +0 -237
  17. package/esm2020/lib/mat-table-ext.service.mjs +0 -20
  18. package/esm2020/lib/models/tableExtModels.mjs +0 -2
  19. package/esm2020/mat-table-ext.mjs +0 -5
  20. package/esm2020/public-api.mjs +0 -11
  21. package/fesm2015/mat-table-ext.mjs +0 -1584
  22. package/fesm2015/mat-table-ext.mjs.map +0 -1
  23. package/fesm2020/mat-table-ext.mjs +0 -1581
  24. package/fesm2020/mat-table-ext.mjs.map +0 -1
  25. package/lib/components/column-pinning/column-pinning.component.d.ts +0 -27
  26. package/lib/components/editing/editing.component.d.ts +0 -42
  27. package/lib/components/filter-columns-component/filter-columns-component.component.d.ts +0 -26
  28. package/lib/directives/resize-column.directive.d.ts +0 -27
  29. package/lib/mat-table-ext.component.d.ts +0 -348
  30. package/lib/mat-table-ext.module.d.ts +0 -58
  31. package/lib/mat-table-ext.service.d.ts +0 -11
  32. package/lib/models/tableExtModels.d.ts +0 -76
  33. package/public-api.d.ts +0 -7
package/README.md CHANGED
@@ -1,57 +1,57 @@
1
- # Mat Table Extension
2
-
3
- This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.10.
4
- ## Documentation
5
-
6
- Check out the [demos and API](https://fastcode-inc.github.io/custom-table-doc).
7
- ## Installation
8
-
9
- First, you should install and set up Angular Material. [Learn more about the setup](https://material.angular.io/guide/getting-started).
10
-
11
- Install the Extension library:
12
-
13
- ```bash
14
- $ npm i mat-table-ext
15
- ```
16
-
17
- ## Setup
18
-
19
- Import the MatTableExtModule into imports array.
20
-
21
- ```ts
22
- import { MatTableExtModule } from 'mat-table-ext';
23
-
24
- @NgModule({
25
- ...
26
- imports: [MatTableExtModule,...],
27
- ...
28
- })
29
- export class YourAppModule {
30
- }
31
- ```
32
- ```
33
- After adding the MatTableExtModule to your application, add the path of assets of table to your application.
34
- Add the following to your angular.json file under build and test (if required).
35
- {
36
- "assets": [
37
- {
38
- "glob": "**/*",
39
- "input": "./node_modules/mat-table-ext/assets",
40
- "output": "/assets/"
41
- }
42
- ]
43
- }
44
- ```
45
- ## Theming
46
-
47
- After importing the module, you can pass your application theme to the mat-table-ext library by adding the following content to your theme file. [More details about theming.](https://material.angular.io/guide/theming).
48
-
49
-
50
- ```ts
51
- @use '../node_modules/mat-table-ext/assets/theming' as matext;
52
-
53
- @include matext.mat-table-ext-theme($your-theme);
54
- ```
55
- ## License
56
-
57
- MIT
1
+ # Mat Table Extension
2
+
3
+ This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.10.
4
+ ## Documentation
5
+
6
+ Check out the [demos and API](https://fastcode-inc.github.io/custom-table-doc).
7
+ ## Installation
8
+
9
+ First, you should install and set up Angular Material. [Learn more about the setup](https://material.angular.io/guide/getting-started).
10
+
11
+ Install the Extension library:
12
+
13
+ ```bash
14
+ $ npm i mat-table-ext
15
+ ```
16
+
17
+ ## Setup
18
+
19
+ Import the MatTableExtModule into imports array.
20
+
21
+ ```ts
22
+ import { MatTableExtModule } from 'mat-table-ext';
23
+
24
+ @NgModule({
25
+ ...
26
+ imports: [MatTableExtModule,...],
27
+ ...
28
+ })
29
+ export class YourAppModule {
30
+ }
31
+ ```
32
+ ```
33
+ After adding the MatTableExtModule to your application, add the path of assets of table to your application.
34
+ Add the following to your angular.json file under build and test (if required).
35
+ {
36
+ "assets": [
37
+ {
38
+ "glob": "**/*",
39
+ "input": "./node_modules/mat-table-ext/assets",
40
+ "output": "/assets/"
41
+ }
42
+ ]
43
+ }
44
+ ```
45
+ ## Theming
46
+
47
+ After importing the module, you can pass your application theme to the mat-table-ext library by adding the following content to your theme file. [More details about theming.](https://material.angular.io/guide/theming).
48
+
49
+
50
+ ```ts
51
+ @use '../node_modules/mat-table-ext/assets/theming' as matext;
52
+
53
+ @include matext.mat-table-ext-theme($your-theme);
54
+ ```
55
+ ## License
56
+
57
+ MIT
package/assets/_theming.scss CHANGED
@@ -1,7 +1,7 @@
1
- @use 'sass:map';
2
- @use '@angular/material' as mat;
3
-
4
- // Create a theme.
5
- @mixin mat-table-ext-theme($theme-or-color-config) {
6
- @include mat.all-component-themes($theme-or-color-config)
7
- }
1
+ @use 'sass:map';
2
+ @use '@angular/material' as mat;
3
+
4
+ // Create a theme.
5
+ @mixin mat-table-ext-theme($theme-or-color-config) {
6
+ @include mat.all-component-themes($theme-or-color-config)
7
+ }
package/assets/pinLeft.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_4_286)">
3
- <rect width="24" height="24" transform="translate(0.380142)" fill="white"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M13.954 3.4573C13.7197 3.22299 13.3398 3.22299 13.1055 3.4573C12.8715 3.69133 12.8712 4.07058 13.1046 4.30496L4.79663 10.3308L4.78896 10.3231C4.55464 10.0888 4.17474 10.0888 3.94043 10.3231C3.70611 10.5575 3.70611 10.9374 3.94043 11.1717L8.12586 15.3571L3.1986 20.2844L3.23319 21.1766L4.12545 21.2112L9.05271 16.2839L13.2085 20.4397C13.4428 20.674 13.8227 20.674 14.057 20.4397C14.2913 20.2054 14.2913 19.8255 14.057 19.5912L14.0567 19.5909L20.0752 11.2755C20.3096 11.509 20.6888 11.5087 20.9228 11.2747C21.1572 11.0403 21.1572 10.6604 20.9228 10.4261L13.954 3.4573Z" fill="black"/>
5
- </g>
6
- <defs>
7
- <clipPath id="clip0_4_286">
8
- <rect width="24" height="24" fill="white" transform="translate(0.380142)"/>
9
- </clipPath>
10
- </defs>
11
- </svg>
1
+ <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_4_286)">
3
+ <rect width="24" height="24" transform="translate(0.380142)" fill="transparent"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.954 3.4573C13.7197 3.22299 13.3398 3.22299 13.1055 3.4573C12.8715 3.69133 12.8712 4.07058 13.1046 4.30496L4.79663 10.3308L4.78896 10.3231C4.55464 10.0888 4.17474 10.0888 3.94043 10.3231C3.70611 10.5575 3.70611 10.9374 3.94043 11.1717L8.12586 15.3571L3.1986 20.2844L3.23319 21.1766L4.12545 21.2112L9.05271 16.2839L13.2085 20.4397C13.4428 20.674 13.8227 20.674 14.057 20.4397C14.2913 20.2054 14.2913 19.8255 14.057 19.5912L14.0567 19.5909L20.0752 11.2755C20.3096 11.509 20.6888 11.5087 20.9228 11.2747C21.1572 11.0403 21.1572 10.6604 20.9228 10.4261L13.954 3.4573Z" fill="black"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_4_286">
8
+ <rect width="24" height="24" fill="white" transform="translate(0.380142)"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
package/assets/pinNone.svg CHANGED
@@ -1,5 +1,5 @@
1
- <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="24" height="24" transform="translate(0.380142)" fill="white"/>
3
- <path d="M17.819 1.82727C18.9664 1.82727 18.6781 3.26539 17.819 3.17225L19.3836 11.9539C19.4541 12.3501 19.5725 12.8388 19.2602 13.0926C19.169 13.1666 19.0589 13.2025 18.9443 13.2131C18.5579 13.2488 18.2393 12.958 17.9746 12.6742C14.986 9.47047 9.59492 3.6323 9.12197 2.88175C8.62711 2.09642 9.22058 1.85155 9.57918 1.82727H17.819Z" fill="black"/>
4
- <path d="M19.3054 15.6543L7.7861 3.07306L7.78306 3.06975C7.47521 2.73351 7.10289 2.32686 6.65801 2.42349C6.48523 2.46102 6.35964 2.57044 6.2748 2.71196C6.05558 3.07764 6.28533 3.51939 6.56097 3.84465L7.48139 4.93074L5.98874 13.2546C4.78545 13.4558 5.31219 14.6417 5.98874 14.6417H12.161V21.2852L12.8738 22.1727L13.5671 21.2852V14.6417H16.3404L18.217 16.5055C19.2879 16.9154 19.3888 16.1088 19.3054 15.6543Z" fill="black"/>
5
- </svg>
1
+ <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="24" height="24" transform="translate(0.380142)" fill="transparent"/>
3
+ <path d="M17.819 1.82727C18.9664 1.82727 18.6781 3.26539 17.819 3.17225L19.3836 11.9539C19.4541 12.3501 19.5725 12.8388 19.2602 13.0926C19.169 13.1666 19.0589 13.2025 18.9443 13.2131C18.5579 13.2488 18.2393 12.958 17.9746 12.6742C14.986 9.47047 9.59492 3.6323 9.12197 2.88175C8.62711 2.09642 9.22058 1.85155 9.57918 1.82727H17.819Z" fill="black"/>
4
+ <path d="M19.3054 15.6543L7.7861 3.07306L7.78306 3.06975C7.47521 2.73351 7.10289 2.32686 6.65801 2.42349C6.48523 2.46102 6.35964 2.57044 6.2748 2.71196C6.05558 3.07764 6.28533 3.51939 6.56097 3.84465L7.48139 4.93074L5.98874 13.2546C4.78545 13.4558 5.31219 14.6417 5.98874 14.6417H12.161V21.2852L12.8738 22.1727L13.5671 21.2852V14.6417H16.3404L18.217 16.5055C19.2879 16.9154 19.3888 16.1088 19.3054 15.6543Z" fill="black"/>
5
+ </svg>
package/assets/pinRight.svg CHANGED
@@ -1,11 +1,11 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_5_313)">
3
- <rect width="24" height="24" transform="matrix(-1 0 0 1 24 0)" fill="white"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M3.4573 10.4261C3.22298 10.6604 3.22298 11.0403 3.4573 11.2747C3.69132 11.5087 4.07057 11.509 4.30496 11.2755L10.3308 19.5835L10.3231 19.5912C10.0888 19.8255 10.0888 20.2054 10.3231 20.4397C10.5575 20.674 10.9373 20.674 11.1717 20.4397L15.3571 16.2543L20.2844 21.1815L21.1766 21.147L21.2112 20.2547L16.2839 15.3274L20.4397 11.1717C20.674 10.9374 20.674 10.5575 20.4397 10.3231C20.2054 10.0888 19.8255 10.0888 19.5912 10.3231L19.5909 10.3235L11.2755 4.30494C11.509 4.07056 11.5087 3.69132 11.2746 3.4573C11.0403 3.22299 10.6604 3.22299 10.4261 3.4573L3.4573 10.4261Z" fill="black"/>
5
- </g>
6
- <defs>
7
- <clipPath id="clip0_5_313">
8
- <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 1 24 0)"/>
9
- </clipPath>
10
- </defs>
11
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_5_313)">
3
+ <rect width="24" height="24" transform="matrix(-1 0 0 1 24 0)" fill="transparent"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.4573 10.4261C3.22298 10.6604 3.22298 11.0403 3.4573 11.2747C3.69132 11.5087 4.07057 11.509 4.30496 11.2755L10.3308 19.5835L10.3231 19.5912C10.0888 19.8255 10.0888 20.2054 10.3231 20.4397C10.5575 20.674 10.9373 20.674 11.1717 20.4397L15.3571 16.2543L20.2844 21.1815L21.1766 21.147L21.2112 20.2547L16.2839 15.3274L20.4397 11.1717C20.674 10.9374 20.674 10.5575 20.4397 10.3231C20.2054 10.0888 19.8255 10.0888 19.5912 10.3231L19.5909 10.3235L11.2755 4.30494C11.509 4.07056 11.5087 3.69132 11.2746 3.4573C11.0403 3.22299 10.6604 3.22299 10.4261 3.4573L3.4573 10.4261Z" fill="black"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_5_313">
8
+ <rect width="24" height="24" fill="white" transform="matrix(-1 0 0 1 24 0)"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
package/assets/pinned.svg CHANGED
@@ -1,2 +1,6 @@
1
- <svg viewBox="0 0 20 20" width="20px" height="20px" fill="currentColor" focusable="false" >
2
- <path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z"></path></svg>
1
+ <svg fill="#000000" xmlns="http://www.w3.org/2000/svg"
2
+ width="20px" height="20px" viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve">
3
+ <path d="M36.9,23.7h-0.5L33,7.9h0.9c1.6,0,2.9-1.3,2.9-2.9s-1.3-2.9-2.9-2.9H18.1c-1.6,0-2.9,1.3-2.9,2.9
4
+ s1.3,2.9,2.9,2.9H19l-3.3,15.8h-0.5c-1.6,0-2.9,1.3-2.9,2.9s1.3,2.9,2.9,2.9h8.4v17.4c0,1.6,1.3,3,3,3s3-1.3,3-3V29.6h7.4
5
+ c1.6,0,2.9-1.3,2.9-2.9S38.5,23.7,36.9,23.7z"/>
6
+ </svg>