ngx-column-filter-popup 1.0.8 → 1.0.9
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/GETTING_STARTED.md +31 -0
- package/README.md +13 -1
- package/package.json +7 -1
package/GETTING_STARTED.md
CHANGED
|
@@ -24,6 +24,20 @@ First, install the package:
|
|
|
24
24
|
npm install ngx-column-filter-popup
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
+
### TypeScript Configuration
|
|
28
|
+
|
|
29
|
+
This package uses TypeScript source files. To avoid compilation errors, ensure your `tsconfig.json` has:
|
|
30
|
+
|
|
31
|
+
```json
|
|
32
|
+
{
|
|
33
|
+
"compilerOptions": {
|
|
34
|
+
"skipLibCheck": true
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
Most Angular projects (14+) have this enabled by default. If you get TypeScript compilation errors, add this setting.
|
|
40
|
+
|
|
27
41
|
---
|
|
28
42
|
|
|
29
43
|
## 2. Basic Setup
|
|
@@ -706,9 +720,26 @@ The component emits filter data in this format:
|
|
|
706
720
|
|
|
707
721
|
## ❓ Troubleshooting
|
|
708
722
|
|
|
723
|
+
### TypeScript Compilation Errors
|
|
724
|
+
|
|
725
|
+
**Error:** `File 'node_modules/ngx-column-filter-popup/...' is missing from the TypeScript compilation`
|
|
726
|
+
|
|
727
|
+
**Solution:** Add `skipLibCheck: true` to your `tsconfig.json`:
|
|
728
|
+
|
|
729
|
+
```json
|
|
730
|
+
{
|
|
731
|
+
"compilerOptions": {
|
|
732
|
+
"skipLibCheck": true
|
|
733
|
+
}
|
|
734
|
+
}
|
|
735
|
+
```
|
|
736
|
+
|
|
737
|
+
This is usually enabled by default in Angular 14+ projects. If the error persists, restart your development server.
|
|
738
|
+
|
|
709
739
|
### Component not showing?
|
|
710
740
|
- ✅ Check if `ColumnFilterComponent` is in `imports` array (standalone) or module imports
|
|
711
741
|
- ✅ Check if you're using `<lib-column-filter>` selector
|
|
742
|
+
- ✅ Ensure `CommonModule` is imported if using `*ngFor`
|
|
712
743
|
|
|
713
744
|
### Filter not working?
|
|
714
745
|
- ✅ Make sure `columnKey` matches your data property name exactly
|
package/README.md
CHANGED
|
@@ -67,7 +67,19 @@ A powerful, reusable Angular column filter component with support for multiple f
|
|
|
67
67
|
npm install ngx-column-filter-popup
|
|
68
68
|
```
|
|
69
69
|
|
|
70
|
-
|
|
70
|
+
### TypeScript Configuration
|
|
71
|
+
|
|
72
|
+
This package is published with TypeScript source files. To avoid compilation errors, add this to your `tsconfig.json`:
|
|
73
|
+
|
|
74
|
+
```json
|
|
75
|
+
{
|
|
76
|
+
"compilerOptions": {
|
|
77
|
+
"skipLibCheck": true
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
**Or** if you're using Angular's default tsconfig, ensure `skipLibCheck` is enabled (it's usually enabled by default in Angular 14+).
|
|
71
83
|
|
|
72
84
|
> 💡 **New to this library?** Check out the **[Getting Started Tutorial](./GETTING_STARTED.md)** for a complete step-by-step guide with examples!
|
|
73
85
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ngx-column-filter-popup",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"description": "A powerful, reusable Angular column filter component with support for multiple field types, advanced filtering rules, and customizable match modes",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -29,6 +29,12 @@
|
|
|
29
29
|
"homepage": "https://ngx-column-filter.netlify.app/",
|
|
30
30
|
"main": "./src/app/lib/public-api.ts",
|
|
31
31
|
"types": "./src/app/lib/public-api.ts",
|
|
32
|
+
"exports": {
|
|
33
|
+
".": {
|
|
34
|
+
"types": "./src/app/lib/public-api.ts",
|
|
35
|
+
"default": "./src/app/lib/public-api.ts"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
32
38
|
"files": [
|
|
33
39
|
"src/app/lib/**/*",
|
|
34
40
|
"src/app/components/column-filter/**/*",
|