{"_id":"@svar-ui/svelte-filter","_rev":"9-baa6f63e33313eb26674e8dd384c19bf","name":"@svar-ui/svelte-filter","dist-tags":{"latest":"2.6.1"},"versions":{"2.2.1":{"name":"@svar-ui/svelte-filter","version":"2.2.1","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"license":"MIT","_id":"@svar-ui/svelte-filter@2.2.1","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"}],"homepage":"https://svar.dev/svelte/filter/","bugs":{"url":"https://forum.svar.dev"},"dist":{"shasum":"257fe90ba26414a25ca0db00710018706f50df6e","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.2.1.tgz","fileCount":18,"integrity":"sha512-R93TK+iJn0Iwv+ZYECr5b+VLZl5ttK1BuI3VzGoukfOkmSQT9gZbpUKWPaLi8uZG8JUNp0EQGchvbA+9KYweYA==","signatures":[{"sig":"MEUCIQDoYDoM5GONBfPtY74LHqZwLki+xln/LfWmxeKO17EbcwIgIah0kPlESjzf9jWh/por6TjB0vzAqn/q04pzcvX3Ga0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":41517},"type":"module","svelte":"src/index.js","exports":{".":{"svelte":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"64e62307fb7737d8feaf525b41ffd8acdad0dc85","scripts":{"lint":"yarn eslint ./demos ./src","test":"true","build":"vite build","start":"vite --open","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"_npmUser":{"name":"marta-ko","email":"mk@svar.dev"},"productTag":"filter","repository":{"url":"git+https://github.com/svar-widgets/filter.git","type":"git"},"_npmVersion":"11.5.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","directories":{},"_nodeVersion":"24.7.0","dependencies":{"@svar-ui/lib-dom":"0.9.2","@svar-ui/lib-state":"1.9.6","@svar-ui/svelte-core":"2.2.1","@svar-ui/svelte-menu":"2.2.1","@svar-ui/filter-store":"2.2.1","@svar-ui/filter-locales":"2.2.1"},"productTrial":false,"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svelte-filter_2.2.1_1758099522458_0.304795472098218","host":"s3://npm-registry-packages-npm-production"}},"2.3.0":{"name":"@svar-ui/svelte-filter","version":"2.3.0","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"license":"MIT","_id":"@svar-ui/svelte-filter@2.3.0","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"}],"homepage":"https://svar.dev/svelte/filter/","bugs":{"url":"https://forum.svar.dev"},"dist":{"shasum":"53c6df818faccf6b63f98a67d0a6688646a3349d","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.3.0.tgz","fileCount":19,"integrity":"sha512-54vEpl0fInLY7wrRnAK5+T7Seg5a4zVbSFYJKKE5Xnmb5e4I2tSrw46/yvWd9kUy8jQEadxN91cEnQRDwrklpA==","signatures":[{"sig":"MEYCIQDcy16vqXCYG1lo14VKRYBYBpwD533iMbkrHfqLU48l5AIhAJskZfHbPXrNTHB5YwFZbxRmCV6iV3ZJeRjmKtqXnHM0","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43711},"type":"module","svelte":"src/index.js","exports":{".":{"types":"./types/index.d.ts","svelte":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"5d25ea0ed67a403e79cc5e85e08e4a1f0f8bc2d4","scripts":{"lint":"yarn eslint ./demos ./src","test":"true","build":"vite build","start":"vite --open","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"_npmUser":{"name":"marta-ko","email":"mk@svar.dev"},"productTag":"filter","repository":{"url":"git+https://github.com/svar-widgets/filter.git","type":"git"},"_npmVersion":"11.5.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","directories":{},"_nodeVersion":"24.7.0","dependencies":{"@svar-ui/lib-dom":"0.9.2","@svar-ui/lib-state":"1.9.6","@svar-ui/svelte-core":"2.3.1","@svar-ui/svelte-menu":"2.3.0","@svar-ui/filter-store":"2.3.0","@svar-ui/filter-locales":"2.3.0"},"productTrial":false,"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svelte-filter_2.3.0_1758230616638_0.631223246210699","host":"s3://npm-registry-packages-npm-production"}},"2.4.0":{"name":"@svar-ui/svelte-filter","version":"2.4.0","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"license":"MIT","_id":"@svar-ui/svelte-filter@2.4.0","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"},{"name":"mkozhukh","email":"mkozhukh@ya.ru"}],"homepage":"https://svar.dev/svelte/filter/","bugs":{"url":"https://forum.svar.dev"},"dist":{"shasum":"85e68ddc63a1cc183481ce35e6e10a821165c66b","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.4.0.tgz","fileCount":19,"integrity":"sha512-+bEZagNiGMAPQY/hXdrfkZiUbAS72n4y6byWPamwMTB58PeNn9yRt6p4Vfsjk3dOvRb507dO8tDHfCZLeBPcRQ==","signatures":[{"sig":"MEQCIASoMgU7Ut0IZ3REATsoGwhhEH/GD9fZy6C35xjQcdRcAiBkOrzEpfXY+yU6eItkYdgh9+087yAs8EiiS40DAijF+w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43849},"type":"module","svelte":"src/index.js","exports":{".":{"types":"./types/index.d.ts","svelte":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"2c48fe7f8aa79dc023e519a33881f70a617e4d3d","scripts":{"lint":"yarn eslint ./demos ./src","test":"true","build":"vite build","start":"vite --open","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"_npmUser":{"name":"mkozhukh","email":"mkozhukh@ya.ru"},"productTag":"filter","repository":{"url":"git+https://github.com/svar-widgets/filter.git","type":"git"},"_npmVersion":"11.5.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","directories":{},"_nodeVersion":"24.7.0","dependencies":{"@svar-ui/lib-dom":"0.11.1","@svar-ui/lib-state":"1.9.6","@svar-ui/svelte-core":"2.4.0","@svar-ui/svelte-menu":"2.4.0","@svar-ui/filter-store":"2.4.0","@svar-ui/filter-locales":"2.4.0"},"productTrial":false,"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svelte-filter_2.4.0_1765370340593_0.31724849549921785","host":"s3://npm-registry-packages-npm-production"}},"2.4.1":{"name":"@svar-ui/svelte-filter","version":"2.4.1","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"license":"MIT","_id":"@svar-ui/svelte-filter@2.4.1","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"},{"name":"mkozhukh","email":"mkozhukh@ya.ru"}],"homepage":"https://svar.dev/svelte/filter/","bugs":{"url":"https://forum.svar.dev"},"dist":{"shasum":"321260d00e3bf427eece46753caa7cca75ac82d8","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.4.1.tgz","fileCount":19,"integrity":"sha512-uXlQ9RCGuTF8R1ya/yOyeNgSnW/YhQ2tMFe75l9toltwUbsHJUzhjBsuSHx/C49/g4k431NqDlvOXFZFYyinvA==","signatures":[{"sig":"MEUCIQDqKdQOZuTIrfCS0hcsnvY9tufpniQpx+AQwo1jQZ6r0wIgbAy6zeB+UqG4ivljZeiDXS3FuCzhcCMQnupk5X8OBcY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43901},"type":"module","svelte":"src/index.js","exports":{".":{"types":"./types/index.d.ts","svelte":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"e8936ab73026aab54040f57efa5e4427d7d39249","scripts":{"lint":"yarn eslint ./demos ./src","test":"true","build":"vite build","start":"vite --open","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"_npmUser":{"name":"marta-ko","email":"mk@svar.dev"},"productTag":"filter","repository":{"url":"git+https://github.com/svar-widgets/filter.git","type":"git"},"_npmVersion":"11.5.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","directories":{},"_nodeVersion":"24.7.0","dependencies":{"@svar-ui/lib-dom":"0.12.0","@svar-ui/lib-state":"1.9.6","@svar-ui/svelte-core":"2.4.1","@svar-ui/svelte-menu":"2.4.2","@svar-ui/filter-store":"2.4.1","@svar-ui/filter-locales":"2.4.1"},"productTrial":false,"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svelte-filter_2.4.1_1772642950405_0.6418491842828102","host":"s3://npm-registry-packages-npm-production"}},"2.4.2":{"name":"@svar-ui/svelte-filter","version":"2.4.2","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"license":"MIT","_id":"@svar-ui/svelte-filter@2.4.2","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"},{"name":"mkozhukh","email":"mkozhukh@ya.ru"}],"homepage":"https://svar.dev/svelte/filter/","bugs":{"url":"https://forum.svar.dev"},"dist":{"shasum":"4231d3f92e6d08502bd5ad14aa43d5e3b2b3b66b","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.4.2.tgz","fileCount":19,"integrity":"sha512-i6pXfw6a1wKRQGx33I8j4xMrcLJft98sxgsiN0gLvtb8geukw7mq3G1UKGYIesXAncOAeH2UEB8O8goyOjIx6Q==","signatures":[{"sig":"MEUCIQDvdOHcYG+uVb8Im3pBcGfdk5VjYk2w8ZoeEADGHReUDwIgabYo/Au9aLSbo2tSssM7644U0lVnetkXJ21wUOeUagE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43901},"type":"module","svelte":"src/index.js","exports":{".":{"types":"./types/index.d.ts","svelte":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"58a2c2626cf2d0495f898c6ed86adaa933761f30","scripts":{"lint":"yarn eslint ./demos ./src","test":"true","build":"vite build","start":"vite --open","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"_npmUser":{"name":"marta-ko","email":"mk@svar.dev"},"productTag":"filter","repository":{"url":"git+https://github.com/svar-widgets/filter.git","type":"git"},"_npmVersion":"11.5.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","directories":{},"_nodeVersion":"24.7.0","dependencies":{"@svar-ui/lib-dom":"0.12.0","@svar-ui/lib-state":"1.9.6","@svar-ui/svelte-core":"2.4.1","@svar-ui/svelte-menu":"2.4.2","@svar-ui/filter-store":"2.4.2","@svar-ui/filter-locales":"2.4.2"},"productTrial":false,"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svelte-filter_2.4.2_1772661984250_0.3200439394922363","host":"s3://npm-registry-packages-npm-production"}},"2.5.0":{"name":"@svar-ui/svelte-filter","version":"2.5.0","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"license":"MIT","_id":"@svar-ui/svelte-filter@2.5.0","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"},{"name":"mkozhukh","email":"mkozhukh@ya.ru"}],"homepage":"https://svar.dev/svelte/filter/","bugs":{"url":"https://forum.svar.dev"},"dist":{"shasum":"968b7697fb4461a8577d2e2cca36c2c7fc911bd2","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.5.0.tgz","fileCount":22,"integrity":"sha512-iVmVMPZSopSm//MwMi6uuXbR699ajT9bNsAJxYWNiWuSj1deKEMDz0t5Lm+h7TUYNvYoX9nYe379ZUN8tqc7Qw==","signatures":[{"sig":"MEUCIQC2APmMT4KMxw2L1z+WOhOtSiNvLeshVESQVyrV1/0dbQIgJAbyCC531tYAdESgz2cU0O3TZ9XCsAoBxte/qwjp5rU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":59980},"type":"module","svelte":"src/index.js","exports":{".":{"types":"./types/index.d.ts","svelte":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"aa0006e8f18b27fc9e1e4efdebceb4893892fc2d","scripts":{"lint":"yarn eslint ./demos ./src","test":"true","build":"vite build","start":"vite --open","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"_npmUser":{"name":"marta-ko","email":"mk@svar.dev"},"productTag":"filter","repository":{"url":"git+https://github.com/svar-widgets/filter.git","type":"git"},"_npmVersion":"11.5.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","directories":{},"_nodeVersion":"24.7.0","dependencies":{"@svar-ui/lib-dom":"0.12.1","@svar-ui/lib-state":"1.9.6","@svar-ui/svelte-core":"2.5.0","@svar-ui/svelte-menu":"2.5.0","@svar-ui/filter-store":"2.5.0","@svar-ui/filter-locales":"2.5.0"},"productTrial":false,"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svelte-filter_2.5.0_1773838369201_0.7620829452831581","host":"s3://npm-registry-packages-npm-production"}},"2.6.0":{"name":"@svar-ui/svelte-filter","version":"2.6.0","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"license":"MIT","_id":"@svar-ui/svelte-filter@2.6.0","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"},{"name":"mkozhukh","email":"mkozhukh@ya.ru"}],"homepage":"https://svar.dev/svelte/filter/","bugs":{"url":"https://forum.svar.dev"},"dist":{"shasum":"d1fde753211d91c5fbe4a57b2403918a3b8d6187","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.6.0.tgz","fileCount":22,"integrity":"sha512-7NKo2kqQXhj/EzY2jlLOa3CbO4StVugjxkKDwJmwf2Wxy+jcWTfhY0OvvlDsr3bofHcEE722FIuXziBKXmaj6A==","signatures":[{"sig":"MEQCIAlNNV0elpxffB1kA5yHTGkDJgzTrb0lRel1MQktPe8qAiAxlQNHfsv+CIRHVqQE30GBjCDi7NZsNVhnSE6QagTd8g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":60199},"type":"module","svelte":"src/index.js","exports":{".":{"types":"./types/index.d.ts","svelte":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"a13cd47a9ae5257174be7fc62185ec50e080e5c9","scripts":{"lint":"yarn eslint ./demos ./src","test":"true","build":"vite build","start":"vite --open","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"_npmUser":{"name":"mkozhukh","email":"mkozhukh@ya.ru"},"productTag":"filter","repository":{"url":"git+https://github.com/svar-widgets/filter.git","type":"git"},"_npmVersion":"11.5.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","directories":{},"_nodeVersion":"24.7.0","dependencies":{"@svar-ui/lib-dom":"0.13.1","@svar-ui/lib-state":"1.9.7","@svar-ui/svelte-core":"2.6.0","@svar-ui/svelte-menu":"2.6.0","@svar-ui/filter-store":"2.6.0","@svar-ui/filter-locales":"2.6.0"},"productTrial":false,"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svelte-filter_2.6.0_1780493787900_0.041372493013671185","host":"s3://npm-registry-packages-npm-production"}},"2.6.1":{"name":"@svar-ui/svelte-filter","version":"2.6.1","description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","productTag":"filter","productTrial":false,"type":"module","scripts":{"build":"vite build","build:dist":"vite build --mode dist","build:tests":"vite build --mode test","lint":"yarn eslint ./demos ./src","start":"vite --open","start:tests":"vite --open=/tests/ --host 0.0.0.0  --port 5100 --mode test","test":"true","test:cypress":"cypress run -P ./ --config \"baseUrl=http://localhost:5100/tests\""},"svelte":"src/index.js","exports":{".":{"svelte":"./src/index.js","types":"./types/index.d.ts"},"./package.json":"./package.json"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/svar-widgets/filter.git"},"bugs":{"url":"https://forum.svar.dev"},"homepage":"https://svar.dev/svelte/filter/","dependencies":{"@svar-ui/lib-dom":"0.14.0","@svar-ui/lib-state":"1.9.7","@svar-ui/filter-locales":"2.6.1","@svar-ui/filter-store":"2.6.1","@svar-ui/svelte-core":"2.6.1","@svar-ui/svelte-menu":"2.6.1"},"keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"_id":"@svar-ui/svelte-filter@2.6.1","gitHead":"2d5138777d627297e92cedafc0856d3c488017d5","_nodeVersion":"24.7.0","_npmVersion":"11.5.1","dist":{"integrity":"sha512-EyQwGRglTLzDItzYcwUBFlixr0mCjl02e6237RLDvdhfbwl0RTtkD15RXNLXOq6NGTryHyVZA961Tf2b3rJVMQ==","shasum":"994dd695373e2b9c0d638ee4ff575d365888225d","tarball":"https://registry.npmjs.org/@svar-ui/svelte-filter/-/svelte-filter-2.6.1.tgz","fileCount":22,"unpackedSize":60239,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDXaTIRH6PX7tF7U+oHb3+vE9Evma5uO8uJcQdzi7ywKwIgYx9umkYUsRB+fjvfouxDkZXeO+AOnsmwsm+JBaFocfY="}]},"_npmUser":{"name":"marta-ko","email":"mk@svar.dev"},"directories":{},"maintainers":[{"name":"marta-ko","email":"mk@svar.dev"},{"name":"mkozhukh","email":"mkozhukh@ya.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/svelte-filter_2.6.1_1788260764873_0.3879711015552585"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-17T08:58:42.333Z","modified":"2026-09-01T11:06:05.221Z","2.2.1":"2025-09-17T08:58:42.630Z","2.3.0":"2025-09-18T21:23:36.833Z","2.4.0":"2025-12-10T12:39:00.742Z","2.4.1":"2026-03-04T16:49:10.583Z","2.4.2":"2026-03-04T22:06:24.408Z","2.5.0":"2026-03-18T12:52:49.348Z","2.6.0":"2026-06-03T13:36:28.042Z","2.6.1":"2026-09-01T11:06:04.989Z"},"bugs":{"url":"https://forum.svar.dev"},"license":"MIT","homepage":"https://svar.dev/svelte/filter/","keywords":["svelte","ui component","filter","filter builder","query","query builder","filtering","svelte5","svar widgets"],"repository":{"type":"git","url":"git+https://github.com/svar-widgets/filter.git"},"description":"SVAR Svelte Filter - a flexible and customizable filter builder (query builder) for Svelte apps","maintainers":[{"name":"marta-ko","email":"mk@svar.dev"},{"name":"mkozhukh","email":"mkozhukh@ya.ru"}],"readme":"<div align=\"center\">\n\t\n# SVAR Svelte Filter | Query Builder\n\n[![npm](https://img.shields.io/npm/v/@svar-ui/svelte-filter.svg)](https://www.npmjs.com/package/@svar-ui/svelte-filter)\n[![License](https://img.shields.io/github/license/svar-widgets/filter)](https://github.com/svar-widgets/filter/blob/main/license.txt)\n[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/svelte-filter.svg)](https://www.npmjs.com/package/@svar-ui/svelte-filter)\n\n</div>\n\n<div align=\"center\">\n\n[Website](https://svar.dev/svelte/filter/) • [Documentation](https://docs.svar.dev/svelte/filter/filter-main-overview) • [Demos](https://docs.svar.dev/svelte/filter/samples/)\n\n</div>\n\n[SVAR Svelte Filter](https://svar.dev/svelte/filter/) is a Svelte library that helps you add flexible filtering features to your apps: from simple filter bars to advanced query builders. It provides an intuitive UI to create and edit filtering rules, group filters, define conditions, and choose combining logic (AND/OR).\n\n<div align=\"center\">\n\t\n<img src=\"https://svar.dev/images/github/github_filter.png\" alt=\"SVAR Filter - Svelte Query Builder Component\" style=\"width: 700px;\">\n\n</div>\n\n### :jigsaw: Included Components\n\nThe package includes 4 components:\n\n-   **FilterBuilder** - the main component that provides an interactive interface for building complex queries and filtering large datasets.\n-   **FilterEditor** - allows you to create a filtering rule for a single field, and can be used as a standalone component.\n-   **FilterBar** - a simplified filter bar UI with inputs and select controls. It allows building filtering rules for several fields and combining them with logical operators.\n-   **FilterQuery** - a YouTrack-style search bar that supports three input styles: structured syntax, natural language, or both mixed together. Optional AI support converts conversational queries to structured filters instantly.\n\n### :sparkles: Key features:\n\n-   Complex filter queries: multi-field rules, groups of filters, nested filters, AND/OR logic.\n-   Multiple data types: text, number, and date filtering with type-specific operators.\n-   Natural language filtering: AI-powered conversational input\n-   Different types of presentation: visual query builder, toolbar with filters, search bar for structured queries and natural text input\n-   Localization: labels and date formats can be customized to match users' locale.\n-   Dynamic loading: filter options can be loaded on demand when a new filter is added.\n-   JSON output: the component outputs structured JSON that can be transformed into SQL or other query formats.\n-   Intuitive, straightforward API: easily set and retrieve values, customize filters, and track changes.\n-   Full TypeScript support with complete type definitions.\n\n[Check out the demos](https://docs.svar.dev/svelte/filter/samples/#/base/willow) to see all SVAR Filter features in action.\n\n### How to Use\n\nYou can install SVAR Svelte Filter as follows:\n\n```\nnpm install @svar-ui/svelte-filter\n```\n\nTo use SVAR Filter, simply import the package and include the component in your Svelte file:\n\n```svelte\n<script>\n\timport { FilterBuilder } from \"@svar-ui/svelte-filter\";\n\n\tconst fields = [\n\t\t{ id: \"first_name\", label: \"Name\", type: \"text\" },\n\t\t{ id: \"age\", label: \"Age\", type: \"number\" },\n\t];\n\tconst options = {\n\t\tfirst_name: [\"Alex\", \"Marta\", \"Claire\", \"David\"],\n\t\tage: [21, 25, 28, 35, 42, 51, 53],\n\t};\n</script>\n\n<FilterBuilder {fields} {options} />\n```\n\nFor further instructions, see the detailed [how-to-start guide](https://docs.svar.dev/svelte/filter/getting_started).\n\n### How to Modify\n\nTypically, you don't need to modify the code. However, if you wish to do so, follow these steps:\n\n1. Run `yarn` to install dependencies. Note that this project is a monorepo using `yarn` workspaces, so npm will not work\n2. Start the project in development mode with `yarn start`\n\n### Run Tests\n\nTo run the test:\n\n1. Start the test examples with:\n    ```sh\n    yarn start:tests\n    ```\n2. In a separate console, run the end-to-end tests with:\n    ```sh\n    yarn test:cypress\n    ```\n\n### Need Help?\n\n[Post an Issue](https://github.com/svar-widgets/filter/issues/) or use our [community forum](https://forum.svar.dev).\n\n### ⭐ Show Your Support\n\nIf SVAR Svelte Filter helps your project, [give it a star on GitHub](https://github.com/svar-widgets/filter)! It helps more developers discover this component and keeps our team motivated to ship new features.\n","readmeFilename":"readme.md"}