netgrif · Retoocs · Jul 15, 2026 · Jul 18, 2026 · Jul 20, 2026 · Jul 20, 2026
diff --git a/angular.json b/angular.json
@@ -171,7 +171,7 @@
                                 {
                                     "type": "initial",
                                     "maximumWarning": "2mb",
-                                    "maximumError": "6mb"
+                                    "maximumError": "6.5mb"
                                 },
                                 {
                                     "type": "anyComponentStyle",

diff --git a/package.json b/package.json
@@ -34,7 +34,7 @@
         "lint": "ng lint",
         "e2e": "ng e2e",
         "ncc:clean": "node projects/netgrif-components-core/src/scripts/delete-local-build-link.js",
-        "ncc:build": "npm run ncc:clean && ng build netgrif-components-core --configuration production && npm run ncc:build-schematics",
+        "ncc:build": "npm run ncc:clean && ng build netgrif-components-core --configuration production && npm run ncc:build-schematics && npm run pfql:build-grammar",
         "ncc:local-build": "npm run ncc:build && npm i ./dist/netgrif-components-core --save-optional --legacy-peer-deps",
         "ncc:build-schematics": "node projects/netgrif-components-core/src/scripts/build-schematics.js",
         "ncc:lint": "ng lint netgrif-components-core",
@@ -65,7 +65,8 @@
         "project:sonar": "node scripts/sonar-scanner-analysis.js",
         "components:start": "npm run nc:local-build && ng serve",
         "example:start": "ng serve",
-        "example:build": "ng build nae-example-app --configuration production"
+        "example:build": "ng build nae-example-app --configuration production",
+        "pfql:build-grammar": "antlr-ng -Dlanguage=TypeScript -v true -l false -o projects/netgrif-components-core/src/lib/pfql/generated projects/netgrif-components-core/src/lib/pfql/QueryLang.g4"
     },
     "dependencies": {
         "@angular-material-components/datetime-picker": "~16.0.1",
@@ -138,6 +139,7 @@
         "@types/node": "~12.12.29",
         "@typescript-eslint/eslint-plugin": "~6.21.0",
         "@typescript-eslint/parser": "~6.21.0",
+        "antlr-ng": "^1.0.0",
         "commander": "~4.1.1",
         "cspell": "~5.18.4",
         "eslint": "~8.12.0",

diff --git a/...c/app/doc/demo-title-config/content/1/demo-title-config-content1-case-view.component.html b/...c/app/doc/demo-title-config/content/1/demo-title-config-content1-case-view.component.html
@@ -3,7 +3,7 @@
     <mat-card class="case-view-search-container">
         <div fxLayout="row" fxLayoutAlign="space-between">
             <div fxLayoutAlign="start center" fxFlex>
-                <nc-search class="search-width" (filterLoaded)="loadFilter($event)" (filterSaved)="saveFilter($event)"></nc-search>
+                <nc-search class="search-width"></nc-search>
             </div>
             <nc-create-case-button [newCaseCreationConfig]="newCaseCreationConfig" (caseCreatedEvent)="handleCaseClick($event)"></nc-create-case-button>
         </div>

diff --git a/...src/app/doc/demo-title-config/content/1/demo-title-config-content1-case-view.component.ts b/...src/app/doc/demo-title-config/content/1/demo-title-config-content1-case-view.component.ts
@@ -12,7 +12,6 @@ import {
     NAE_BASE_FILTER,
     NAE_SEARCH_CATEGORIES,
     NAE_TAB_DATA,
-    SavedFilterMetadata,
     SearchService,
     SimpleFilter,
     AbstractTabbedCaseViewComponent,
@@ -89,21 +88,4 @@ export class DemoTitleConfigContent1CaseViewComponent extends AbstractTabbedCase
         super.initializeHeader(this.caseHeaderComponent);
     }
 
-    loadFilter(filterData: SavedFilterMetadata) {
-        this._injectedTabData.tabViewRef.openTab({
-            label: {
-                text: filterData.filter.title
-            },
-            canBeClosed: true,
-            tabContentComponent: DemoTitleConfigContent1CaseViewComponent,
-            injectedObject: {...this._injectedTabData, loadFilter: filterData.filter},
-            order: this._injectedTabData.tabViewOrder,
-            parentUniqueId: this._injectedTabData.tabUniqueId
-        }, this._autoswitchToTaskTab, this._openExistingTab);
-    }
-
-    saveFilter(filterData: SavedFilterMetadata) {
-        console.log(filterData);
-    }
-
 }
diff --git a/...c/app/doc/demo-title-config/content/2/demo-title-config-content2-case-view.component.html b/...c/app/doc/demo-title-config/content/2/demo-title-config-content2-case-view.component.html
@@ -3,7 +3,7 @@
     <mat-card class="case-view-search-container">
         <div fxLayout="row" fxLayoutAlign="space-between">
             <div fxLayoutAlign="start center" fxFlex>
-                <nc-search class="search-width" (filterLoaded)="loadFilter($event)" (filterSaved)="saveFilter($event)"></nc-search>
+                <nc-search class="search-width"></nc-search>
             </div>
             <nc-create-case-button [newCaseCreationConfig]="newCaseCreationConfig" (caseCreatedEvent)="handleCaseClick($event)"></nc-create-case-button>
         </div>

diff --git a/...src/app/doc/demo-title-config/content/2/demo-title-config-content2-case-view.component.ts b/...src/app/doc/demo-title-config/content/2/demo-title-config-content2-case-view.component.ts
@@ -12,7 +12,6 @@ import {
     NAE_BASE_FILTER,
     NAE_SEARCH_CATEGORIES,
     NAE_TAB_DATA,
-    SavedFilterMetadata,
     SearchService,
     SimpleFilter,
     AbstractTabbedCaseViewComponent,
@@ -87,21 +86,4 @@ export class DemoTitleConfigContent2CaseViewComponent extends AbstractTabbedCase
         super.initializeHeader(this.caseHeaderComponent);
     }
 
-    loadFilter(filterData: SavedFilterMetadata) {
-        this._injectedTabData.tabViewRef.openTab({
-            label: {
-                text: filterData.filter.title
-            },
-            canBeClosed: true,
-            tabContentComponent: DemoTitleConfigContent2CaseViewComponent,
-            injectedObject: {...this._injectedTabData, loadFilter: filterData.filter},
-            order: this._injectedTabData.tabViewOrder,
-            parentUniqueId: this._injectedTabData.tabUniqueId
-        }, this._autoswitchToTaskTab, this._openExistingTab);
-    }
-
-    saveFilter(filterData: SavedFilterMetadata) {
-        console.log(filterData);
-    }
-
 }
diff --git a/...c/app/doc/demo-title-config/content/3/demo-title-config-content3-case-view.component.html b/...c/app/doc/demo-title-config/content/3/demo-title-config-content3-case-view.component.html
@@ -3,7 +3,7 @@
     <mat-card class="case-view-search-container">
         <div fxLayout="row" fxLayoutAlign="space-between">
             <div fxLayoutAlign="start center" fxFlex>
-                <nc-search class="search-width" (filterLoaded)="loadFilter($event)" (filterSaved)="saveFilter($event)"></nc-search>
+                <nc-search class="search-width"></nc-search>
             </div>
             <nc-create-case-button [newCaseCreationConfig]="newCaseCreationConfig" (caseCreatedEvent)="handleCaseClick($event)"></nc-create-case-button>
         </div>

diff --git a/...src/app/doc/demo-title-config/content/3/demo-title-config-content3-case-view.component.ts b/...src/app/doc/demo-title-config/content/3/demo-title-config-content3-case-view.component.ts
@@ -14,7 +14,7 @@ import {
     Filter,
     FilterType,
     NAE_BASE_FILTER,
-    AllowedNetsServiceFactory, SavedFilterMetadata, AllowedNetsService
+    AllowedNetsServiceFactory, AllowedNetsService
 } from '@netgrif/components-core';
 import {HeaderComponent} from '@netgrif/components';
 import {Subject} from 'rxjs';
@@ -85,21 +85,4 @@ export class DemoTitleConfigContent3CaseViewComponent extends AbstractTabbedCase
         super.initializeHeader(this.caseHeaderComponent);
     }
 
-    loadFilter(filterData: SavedFilterMetadata) {
-        this._injectedTabData.tabViewRef.openTab({
-            label: {
-                text: filterData.filter.title
-            },
-            canBeClosed: true,
-            tabContentComponent: DemoTitleConfigContent3CaseViewComponent,
-            injectedObject: {...this._injectedTabData, loadFilter: filterData.filter},
-            order: this._injectedTabData.tabViewOrder,
-            parentUniqueId: this._injectedTabData.tabUniqueId
-        }, this._autoswitchToTaskTab, this._openExistingTab);
-    }
-
-    saveFilter(filterData: SavedFilterMetadata) {
-        console.log(filterData);
-    }
-
 }
diff --git a/...app/doc/single-tabbed-view/single-tabbed-case-view/single-tabbed-case-view.component.html b/...app/doc/single-tabbed-view/single-tabbed-case-view/single-tabbed-case-view.component.html
@@ -3,8 +3,7 @@
     <mat-card class="case-view-search-container">
         <div fxLayout="row" fxLayoutAlign="space-between">
             <div fxLayoutAlign="start center" fxFlex>
-                <nc-search class="search-width" (filterLoaded)="loadFilter($event)"
-                           (filterSaved)="saveFilter($event)"></nc-search>
+                <nc-search class="search-width"></nc-search>
             </div>
             <nc-create-case-button [newCaseCreationConfig]="newCaseCreationConfig"
                                    (caseCreatedEvent)="handleCaseClick($event)"></nc-create-case-button>

diff --git a/...c/app/doc/single-tabbed-view/single-tabbed-case-view/single-tabbed-case-view.component.ts b/...c/app/doc/single-tabbed-view/single-tabbed-case-view/single-tabbed-case-view.component.ts
@@ -7,7 +7,6 @@ import {
     LoggerService,
     NAE_TAB_DATA,
     OverflowService,
-    SavedFilterMetadata,
     SearchService,
     ViewIdService
 } from '@netgrif/components-core';
@@ -43,21 +42,4 @@ export class SingleTabbedCaseViewComponent extends AbstractTabbedCaseViewCompone
         super.initializeHeader(this.caseHeaderComponent);
     }
 
-    loadFilter(filterData: SavedFilterMetadata) {
-        this._injectedTabData.tabViewRef.openTab({
-            label: {
-                text: filterData.filter.title
-            },
-            canBeClosed: true,
-            tabContentComponent: SingleTabbedCaseViewComponent,
-            injectedObject: {...this._injectedTabData, loadFilter: filterData.filter},
-            order: this._injectedTabData.tabViewOrder,
-            parentUniqueId: this._injectedTabData.tabUniqueId
-        }, this._autoswitchToTaskTab, this._openExistingTab);
-    }
-
-    saveFilter(filterData: SavedFilterMetadata) {
-        console.log(filterData);
-    }
-
 }
diff --git a/...example-app/src/app/doc/tabbed-case-view/tabbed-case-view/tabbed-case-view.component.html b/...example-app/src/app/doc/tabbed-case-view/tabbed-case-view/tabbed-case-view.component.html
@@ -5,8 +5,7 @@
 
         <div fxLayout="row" class="max-height" fxLayoutAlign="space-between">
             <div fxLayoutAlign="start center" fxFlex>
-                <nc-search class="search-width search-fix" (filterLoaded)="loadFilter($event)"
-                           (filterSaved)="saveFilter($event)"></nc-search>
+                <nc-search class="search-width search-fix"></nc-search>
             </div>
             <nc-create-case-button fxLayoutAlign="center-center" fxLayout="row"
                                    [newCaseCreationConfig]="newCaseCreationConfig"

diff --git a/...e-example-app/src/app/doc/tabbed-case-view/tabbed-case-view/tabbed-case-view.component.ts b/...e-example-app/src/app/doc/tabbed-case-view/tabbed-case-view/tabbed-case-view.component.ts
@@ -14,7 +14,7 @@ import {
     ViewIdService,
     Filter,
     NAE_NEW_CASE_CONFIGURATION,
-    NAE_BASE_FILTER, AllowedNetsServiceFactory, AllowedNetsService, SavedFilterMetadata, OverflowService
+    NAE_BASE_FILTER, AllowedNetsServiceFactory, AllowedNetsService, OverflowService
 } from '@netgrif/components-core';
 import {HeaderComponent} from '@netgrif/components';
 import {Subject} from 'rxjs';
@@ -90,21 +90,4 @@ export class TabbedCaseViewComponent extends AbstractTabbedCaseViewComponent imp
         super.initializeHeader(this.caseHeaderComponent);
     }
 
-    loadFilter(filterData: SavedFilterMetadata) {
-        this._injectedTabData.tabViewRef.openTab({
-            label: {
-                text: filterData.filter.title
-            },
-            canBeClosed: true,
-            tabContentComponent: TabbedCaseViewComponent,
-            injectedObject: {...this._injectedTabData, loadFilter: filterData.filter},
-            order: this._injectedTabData.tabViewOrder,
-            parentUniqueId: this._injectedTabData.tabUniqueId
-        }, this._autoswitchToTaskTab, this._openExistingTab);
-    }
-
-    saveFilter(filterData: SavedFilterMetadata) {
-        console.log(filterData);
-    }
-
 }
diff --git a/projects/netgrif-components-core/package.json b/projects/netgrif-components-core/package.json
@@ -60,6 +60,7 @@
         "moment": "~2.29.4",
         "natural-orderby": "~2.0.3",
         "rxjs": "~6.6.7",
-        "zone.js": "~0.14.0"
+        "zone.js": "~0.14.0",
+        "antlr4ng": "^3.0.16"
     }
 }
diff --git a/projects/netgrif-components-core/src/assets/i18n/de.json b/projects/netgrif-components-core/src/assets/i18n/de.json
@@ -127,10 +127,6 @@
                     "name": "Fallname",
                     "placeholder": "Geben Sie den Fallnamen ein"
                 },
-                "visualId": {
-                    "name": "Visuelle ID",
-                    "placeholder": "Geben Sie die visuelle ID ein"
-                },
                 "stringId": {
                     "name": "Fall ID",
                     "placeholder": "Geben Sie die Fall ID ein"
@@ -143,10 +139,6 @@
                     "name": "Prozess",
                     "placeholder": "Wählen Sie den Prozess aus"
                 },
-                "role": {
-                    "name": "Prozessrolle",
-                    "placeholder": "Wählen Sie die Prozessrolle aus"
-                },
                 "task": {
                     "name": "Fallaufgabe",
                     "placeholder": "Wählen Sie die Fallaufgabe aus"
@@ -163,6 +155,7 @@
                     "name": "Falldatei",
                     "placeholder": {
                         "field": "Wählen Sie das Datenfeld aus",
+                        "plainField": "Eingeben data field",
                         "value": "Geben Sie den Wert des Datenfeldes ein"
                     }
                 }
@@ -176,15 +169,15 @@
                     "name": "Prozess",
                     "placeholder": "Wählen Sie den Prozess aus"
                 },
-                "role": {
-                    "name": "Aufgabenprocessrolle",
-                    "placeholder": "Wählen Sie die Prozessrolle der Aufgabe aus"
-                },
                 "task": {
                     "name": "Aufgabe",
                     "placeholder": "Wählen Sie die Aufgabe aus"
                 }
             },
+            "plainText": {
+                "name": "Klartext",
+                "placeholder": "Schreiben Sie eine gültige PFQL-Abfrage auf."
+            },
             "select": "Suchkategorie",
             "userMe": "ICH"
         },
@@ -213,7 +206,7 @@
         },
         "help": {
             "title": "Hilfe für den erweiterten Suchmodus",
-            "text": "Man kann den erweiterten Suchmodus verwenden, um komplexere Suchanfragen zu erstellen. Beginnen Sie mit der Auswahl einer Suchkategorie. Die Suchkategorie definiert, wonach Sie suchen. Manche Suchkategorien benötigen zusätzliche Konfiguration (z.B. die Falldatei Suchkategorie). Nachdem Sie die Suchkategorie auswählen, mussen Sie den Operator auswählen. Der Operator stellt fest, wie die Daten mit der Suchanfrage übereinstimmen müssen. Mit verschiedenen Operatoren kann man nach einer genauen Übereinstimmung oder nach Werten aus einem Bereich suchen. Nach der Operatorasuwahl muss man das gesuchte Wert eingeben. Die Suchanfragen können mit den Stichwörtern UND oder ODER verbunden werden. Das ODER Stichwort findet Einträge, die mindestens eines der kombinierten Suchanfragen erfühlen. Das UND Stichwort findet Einträge, die alle der kombinierten Suchanfragen, erfühlen."
+            "text": "Man kann den erweiterten Suchmodus verwenden, um komplexere Suchanfragen zu erstellen. Beginnen Sie mit der Auswahl einer Suchkategorie. Die Suchkategorie definiert, wonach Sie suchen. Manche Suchkategorien benötigen zusätzliche Konfiguration (z.B. die Falldatei Suchkategorie). Nachdem Sie die Suchkategorie auswählen, mussen Sie den Operator auswählen. Der Operator stellt fest, wie die Daten mit der Suchanfrage übereinstimmen müssen. Mit verschiedenen Operatoren kann man nach einer genauen Übereinstimmung oder nach Werten aus einem Bereich suchen. Nach der Operatorasuwahl muss man das gesuchte Wert eingeben. Die Suchanfragen können mit den Stichwörtern UND verbunden werden. Das UND Stichwort findet Einträge, die alle der kombinierten Suchanfragen, erfühlen. Wenn Sie komplexere Suchanfragen eingeben möchten, können Sie die Kategorie „Einfache Abfrage“ auswählen und eine beliebige gültige PFQL-Abfrage eingeben."
         },
         "fullText": "Geben Sie den gesuchten Text ein",
         "and": "und",

diff --git a/projects/netgrif-components-core/src/assets/i18n/en.json b/projects/netgrif-components-core/src/assets/i18n/en.json
@@ -127,10 +127,6 @@
                     "name": "Case title",
                     "placeholder": "Enter case title"
                 },
-                "visualId": {
-                    "name": "Case visual ID",
-                    "placeholder": "Enter case visual ID"
-                },
                 "stringId": {
                     "name": "Case ID",
                     "placeholder": "Enter case ID"
@@ -143,10 +139,6 @@
                     "name": "Case process",
                     "placeholder": "Select case process"
                 },
-                "role": {
-                    "name": "Process role",
-                    "placeholder": "Select process role"
-                },
                 "task": {
                     "name": "Case task",
                     "placeholder": "Select case task"
@@ -163,6 +155,7 @@
                     "name": "Case data",
                     "placeholder": {
                         "field": "Select data field",
+                        "plainField": "Enter data field",
                         "value": "Enter data field value"
                     }
                 }
@@ -176,15 +169,15 @@
                     "name": "Task process",
                     "placeholder": "Select task process"
                 },
-                "role": {
-                    "name": "Task process role",
-                    "placeholder": "Select task process role"
-                },
                 "task": {
                     "name": "Task",
                     "placeholder": "Select task"
                 }
             },
+            "plainText": {
+                "name": "Plain query",
+                "placeholder": "Write down valid PFQL query"
+            },
             "select": "Search category",
             "userMe": "ME"
         },
@@ -213,7 +206,7 @@
         },
         "help": {
             "title": "Advanced search help",
-            "text": "Advanced search can be used to create more complex search queries. Start by selecting a search category. Search category determines, what you want your query to look for. Some categories (like searching in case data) require further configuration. Afterwards you have to select a search operator. The operator determines how the query attempts to match your data. Are you looking for numbers from a specific range? Are you looking for an exact match? Finally you have to enter the searched value. You can combine simpler queries into more complicated ones by binding them with an OR or an AND keyword. Queries combined with OR find results that match at least one sub-query. Queries combined with AND find results that match all sub-queries."
+            "text": "Advanced search can be used to create more complex search queries. Start by selecting a search category. Search category determines, what you want your query to look for. Some categories (like searching in case data) require further configuration. Afterwards you have to select a search operator. The operator determines how the query attempts to match your data. Are you looking for numbers from a specific range? Are you looking for an exact match? Finally you have to enter the searched value. You can combine queries with AND keyword. Queries combined with AND find results that match all sub-queries. If you wish to enter more complex queries you can select plain query category and enter any valid PFQL query."
         },
         "fullText": "Enter searched phrase",
         "and": "and",