Advanced filter component for creating complex query string.
Advanced filter supports below operators as shown in table below:
| # | Op | True if | Example |
| 1 | = | Equal to (implicit equal to) | customerSector=1001 |
| 2 | eq | Equal to | customerSector:eq=1001 |
| 3 | lt | Less than | customerAge:lt=60 |
| 4 | gt | Greater than | customerAge:gt=21 |
| 5 | le | Less than or equal to | balance:le=1000 |
| 6 | ge | Greater than or equal to | balance:ge=0 |
| 7 | ci | Contained in an array of values | currency:ci=[USD,EUR,GBP] |
| 8 | rg | In Range | amount:rg=[1000,9999] |
| 9 | ct | Contains the substring | narratives:ct=Coffee |
| 10 | bw | Begins with the substring | industry:bw=Entertain |
| 11 | ew | Ends with the substring | industry:ew=Sports |
| 12 | neq | Not equal to | customerSector:neq=2001 |
| 13 | nci | Not in an array of values | countryCode:nci=[NZ,AU] |
| 14 | ncs | Does not contain the substring | narratives:ncs=pizza |
| 15 | nbw | Does not begin with the substring | accountType:nbw=CURR |
| 16 | new | Does not end with the substring | status:new=PENDING |
| 17 | nrg | Not in range | category:nrg=[1001,9999] |
For string type:
| = Equal to (implicit equal to) |
| eq Equal to |
| ci Contained in an array of values |
| ct Contains the substring |
| bw Begins with the substring |
| ew Ends with the substring |
| neq Not equal to |
| nci Not in an array of values |
| ncs Does not contain the substring |
| nbw Does not begin with the substring |
| new Does not end with the substring |
For number / date / amount:
| = Equal to (implicit equal to) |
| eq Equal to |
| neq Not equal to |
| lt Less than |
| gt Greater than |
| le Less than or equal to |
| ge Greater than or equal to |
| rg In range |
| nrg Not in range |
For select:
| = Equal to (implicit equal to) |
| eq Equal to |
| neq Not equal to |
It's also possible to display only a subset of values for each type using operators field in advancedFilterSpec
operators: ['eq', 'neq']The component wouldn't produce any logs by default and in order to enable it writing logs to the console, the user should set the attribute _debug in the component and after doing it, one can refer to the browser’s console to find logs of the component. it has a log prefix of [advanced-filter.ts] and with that the consumer can differentiate this component's logs from other logs being written in the console.