ngx-column-filter-popup 1.0.0 → 1.0.1

package/README.md

@@ -2,8 +2,19 @@
 
 A powerful, reusable Angular column filter component with support for multiple field types, advanced filtering rules, and customizable match modes.
 
-[![npm version](https://badge.fury.io/js/%40blumptech%2Fcolumn-filter.svg)](https://badge.fury.io/js/%40blumptech%2Fcolumn-filter)
+[![npm version](https://badge.fury.io/js/ngx-column-filter-popup.svg)](https://www.npmjs.com/package/ngx-column-filter-popup)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![GitHub stars](https://img.shields.io/github/stars/kakarotx10/ngx-column-filter.svg?style=social&label=Star)](https://github.com/kakarotx10/ngx-column-filter)
+[![GitHub forks](https://img.shields.io/github/forks/kakarotx10/ngx-column-filter.svg?style=social&label=Fork)](https://github.com/kakarotx10/ngx-column-filter)
+
+## 🚀 Quick Links
+
+- 📦 [NPM Package](https://www.npmjs.com/package/ngx-column-filter-popup)
+- 🏠 [GitHub Repository](https://github.com/kakarotx10/ngx-column-filter)
+- 📖 [Documentation](./DOCUMENTATION.md)
+- 💡 [Usage Examples](./USAGE_EXAMPLES.md)
+- 🐛 [Report Bug](https://github.com/kakarotx10/ngx-column-filter/issues)
+- 💬 [Request Feature](https://github.com/kakarotx10/ngx-column-filter/issues)
 
 ## Features
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-column-filter-popup",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A powerful, reusable Angular column filter component with support for multiple field types, advanced filtering rules, and customizable match modes",
   "keywords": [
     "angular",
@@ -21,12 +21,12 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/shivamsharma/ngx-column-filter-popup.git"
+    "url": "git+https://github.com/kakarotx10/ngx-column-filter.git"
   },
   "bugs": {
-    "url": "https://github.com/shivamsharma/ngx-column-filter-popup/issues"
+    "url": "https://github.com/kakarotx10/ngx-column-filter/issues"
   },
-  "homepage": "https://github.com/shivamsharma/ngx-column-filter-popup#readme",
+  "homepage": "https://github.com/kakarotx10/ngx-column-filter#readme",
   "main": "./src/app/lib/public-api.ts",
   "types": "./src/app/lib/public-api.ts",
   "files": [
@@ -42,6 +42,7 @@
     "start": "ng serve",
     "build": "ng build",
     "build:lib": "ng build --configuration production",
+    "build:gh-pages": "ng build --configuration production --base-href=/ngx-column-filter/",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
     "publish:npm": "npm publish",

package/src/app/components/column-filter/column-filter.component.html

@@ -42,7 +42,7 @@
               class="dropdown-select"
               [(ngModel)]="rule.matchType"
               [attr.aria-label]="'Match type for rule ' + (i + 1)">
-              <option *ngFor="let type of matchTypes" [value]="type.value">
+              <option *ngFor="let type of matchTypes" [value]="type.value" [selected]="rule.matchType === type.value">
                 {{ type.label }}
               </option>
             </select>

package/src/app/components/column-filter/column-filter.component.ts

@@ -187,6 +187,31 @@ export class ColumnFilterComponent implements OnInit, OnDestroy {
   ngOnInit() {
     if (this.initialFilter && this.initialFilter.rules && this.initialFilter.rules.length > 0) {
       this.filterRules = [...this.initialFilter.rules];
+      // Validate match types for each rule
+      this.filterRules.forEach(rule => {
+        const availableTypes = this.matchTypes;
+        if (availableTypes.length > 0) {
+          const typeExists = availableTypes.some(type => type.value === rule.matchType);
+          if (!typeExists) {
+            rule.matchType = availableTypes[0].value as MatchType;
+          }
+        }
+      });
+    } else {
+      // Ensure we have at least one rule with valid default match type
+      if (this.filterRules.length === 0) {
+        this.addRule();
+      } else {
+        // Validate existing rule's match type
+        const rule = this.filterRules[0];
+        const availableTypes = this.matchTypes;
+        if (availableTypes.length > 0) {
+          const typeExists = availableTypes.some(type => type.value === rule.matchType);
+          if (!typeExists) {
+            rule.matchType = availableTypes[0].value as MatchType;
+          }
+        }
+      }
     }
     if (this.initialFilter?.globalMatchMode) {
       this.globalMatchMode = this.initialFilter.globalMatchMode;
@@ -264,6 +289,16 @@ export class ColumnFilterComponent implements OnInit, OnDestroy {
       defaultMatchType = 'is';
     }
 
+    // Ensure default match type is valid from available match types
+    const availableTypes = this.matchTypes;
+    if (availableTypes.length > 0) {
+      // Check if default type exists in available types, otherwise use first one
+      const typeExists = availableTypes.some(type => type.value === defaultMatchType);
+      if (!typeExists) {
+        defaultMatchType = availableTypes[0].value as MatchType;
+      }
+    }
+
     this.filterRules.push({
       id: this.generateId(),
       matchType: defaultMatchType,