@xiriframework/xiri-ng 0.2.44 → 0.2.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiriframework/xiri-ng",
-  "version": "0.2.44",
+  "version": "0.2.46",
   "description": "Angular UI component library for the Xiri Framework",
   "license": "Apache-2.0",
   "repository": {
@@ -20,17 +20,15 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.2",
-    "@angular/compiler": "^21.2",
-    "@angular/platform-browser": "^21.2",
-    "@angular/platform-browser-dynamic": "^21.2",
-    "@angular/router": "^21.2",
-    "@angular/common": "^21.2",
-    "@angular/core": "^21.2",
-    "@angular/material": "^21.2",
-    "@angular/cdk": "^21.2",
-    "@angular/forms": "^21.2",
-    "@angular/material-date-fns-adapter": "^21.2",
+    "@angular/compiler": "^22.0",
+    "@angular/platform-browser": "^22.0",
+    "@angular/router": "^22.0",
+    "@angular/common": "^22.0",
+    "@angular/core": "^22.0",
+    "@angular/material": "^22.0",
+    "@angular/cdk": "^22.0",
+    "@angular/forms": "^22.0",
+    "@angular/material-date-fns-adapter": "^22.0",
     "date-fns": "^4.3",
     "@date-fns/tz": "^1.5",
     "material-symbols": ">=0.44",

package/skills/xiri-ng-expert/SKILL.md

@@ -249,6 +249,8 @@ buttons: XiriButton[] = [
 
 `action`: `'api' | 'dialog' | 'download' | 'link' | 'back' | 'close' | 'return' | 'menu' | …`.
 
+**Navigations-Links mit Query-String:** `action: 'link'` sowie alle URL-basierten Navigations-Links (`cardlink.link`, `links`/`list`/`sidenav`/`breadcrumb`-Items, Tabellen-Link-Felder) akzeptieren URLs mit Query-String, z. B. `/Admin/Devices/Table?config=98`. Die interne `xiriUrl`-Pipe wandelt den String in eine `UrlTree`; der `?…`-Teil wird korrekt zu Route-Query-Params geparst (vorher wurde `?` als literales Segment percent-encodiert → 404). Kein separates `queryParams`-Feld nötig — alles steht im URL-String. Gilt **nicht** für `action: 'href'` (externer Link, roher String).
+
 **Selbst-pollender Button + Button-Patch:** Enthält die Antwort (api oder Dialog) `poll` (ms) + `pollUrl`, pollt der Button selbsttätig den Status und zeigt Spinner/Countdown bzw. `text` im Button, bis eine Antwort ohne `poll` kommt. Jede Antwort darf zudem ein `button`-Objekt (`text/color/icon/type/hint/disabled`) mitschicken, das den Button verändert (z. B. am Ende „Erledigt ✓"/grün/disabled). Backend: `response.NewReturnPoll(...).WithText(...).WithButton(...)`. Details: `references/components.md`.
 
 `data?: Record<string, any>` — Custom-Payload, das beim Klick mit `filterData` gemerged in den POST-Body geht (für `action: 'api'` / `'download'`). Der Backend-Builder (`xiri-go`) setzt das via `button.WithData(...)`. Beispiel: CSV-Download-Button hat `data: { _csv: true }`, das Backend liest das Flag in `LoadFilterData` und schaltet auf CSV-Output.

package/skills/xiri-ng-expert/references/form-fields.md

@@ -219,10 +219,12 @@ Array = **UND**-Verknüpfung:
 
 ```typescript
 export interface XiriFormFieldSelectOption {
-  id: number;
+  id: number | string;
   name: string;
   disabled?: boolean;
   color?: XiriColor;
+  isGroup?: boolean;                       // markiert einen Gruppen-/Elternknoten (treeselect)
+  children?: XiriFormFieldSelectOption[];  // verschachtelte Optionen → Hierarchie für treeselect
 }
 ```
 
@@ -237,6 +239,19 @@ Inline (statisch):
   ]}
 ```
 
+Hierarchisch (`treeselect` — Optionen über `children` verschachteln; auswählbar sind die Blattknoten, `isGroup` markiert Elternknoten):
+
+```typescript
+{ id: 'region', type: 'treeselect', name: 'Region',
+  list: [
+    { id: 'eu', name: 'Europa', isGroup: true, children: [
+      { id: 'at', name: 'Österreich' },
+      { id: 'de', name: 'Deutschland' },
+    ]},
+    { id: 'us', name: 'USA' },
+  ]}
+```
+
 Per Backend (`model` oder `select` mit `url`):
 
 ```typescript