@flusys/ng-ui 6.0.0-rc.1 → 6.0.1

package/README.md

@@ -1,6 +1,6 @@
 # @flusys/ng-ui
 
-Native Angular 21 UI component library for the FLUSYS platform — signal-based, standalone, zoneless-compatible, and Tailwind-friendly. No PrimeNG dependency; every component below is implemented natively in this package.
+Native Angular 22 UI component library for the FLUSYS platform — signal-based, standalone, zoneless-compatible, and Tailwind-friendly. No PrimeNG dependency; every component below is implemented natively in this package.
 
 [![npm version](https://img.shields.io/npm/v/@flusys/ng-ui.svg)](https://www.npmjs.com/package/@flusys/ng-ui)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
@@ -244,7 +244,7 @@ Native single-select dropdown with filtering. Selector: `f-select`.
 <f-select [options]="countries" optionLabel="name" optionValue="code" [(ngModel)]="selectedCountry" [filter]="true" [placeholder]="'form.selectCountry' | translate" />
 ```
 
-Key inputs: `options`, `optionLabel`, `optionValue`, `placeholder`, `disabled`, `filter`, `showClear`, `loading`, `invalid`, `touched`, `editable`. Outputs: `onFilter`, `onChange`, `onShow`, `onHide`, `onBlur`. Supports `fTemplate="selectedItem"` / `fTemplate="item"` content templates.
+Key inputs: `options`, `optionLabel`, `optionValue`, `placeholder`, `disabled`, `filter`, `showClear`, `loading`, `invalid`, `touched`, `editable`, `appendTo` (`self | body`). Outputs: `onFilter`, `onChange`, `onShow`, `onHide`, `onBlur`. Supports `fTemplate="selectedItem"` / `fTemplate="item"` content templates.
 
 ### MultiSelectComponent
 
@@ -254,7 +254,7 @@ Multi-value select with chip/comma display. Selector: `f-multiselect`.
 <f-multiselect [options]="roles" optionLabel="name" [(ngModel)]="selectedRoles" display="chip" [showToggleAll]="true" />
 ```
 
-Key inputs: `options`, `optionLabel`, `optionValue`, `placeholder`, `filter`, `display` (`comma | chip`), `maxSelectedLabels`, `selectionLimit`, `showToggleAll`, `invalid`, `touched`.
+Key inputs: `options`, `optionLabel`, `optionValue`, `placeholder`, `filter`, `display` (`comma | chip`), `maxSelectedLabels`, `selectionLimit`, `showToggleAll`, `invalid`, `touched`, `appendTo` (`self | body`).
 
 ### CheckboxComponent
 
@@ -364,7 +364,7 @@ Type-ahead input backed by an async or static suggestion list. Selector: `f-auto
 <f-autocomplete [suggestions]="filteredUsers()" field="name" [(ngModel)]="selectedUser" (completeMethod)="search($event.query)" />
 ```
 
-Key inputs: `suggestions`, `field`, `placeholder`, `disabled`, `dropdown`, `forceSelection`, `multiple`, `delay`, `minLength`, `invalid`, `touched`. Outputs: `completeMethod` (`AutoCompleteCompleteEvent`), `onSelect` (`AutoCompleteSelectEvent`), `onUnselect`, `onClear`, `onChange`.
+Key inputs: `suggestions`, `field`, `placeholder`, `disabled`, `dropdown`, `forceSelection`, `multiple`, `delay`, `minLength`, `invalid`, `touched`, `appendTo` (`self | body`). Outputs: `completeMethod` (`AutoCompleteCompleteEvent`), `onSelect` (`AutoCompleteSelectEvent`), `onUnselect`, `onClear`, `onChange`.
 
 ### ColorPickerComponent
 
@@ -434,7 +434,7 @@ Hierarchical dependent-option selector (e.g. country → state → city). Select
 <f-cascadeselect [options]="locations" optionLabel="label" optionChildren="children" [(ngModel)]="selectedLocation" />
 ```
 
-Key inputs: `options`, `optionLabel`, `optionValue`, `optionChildren`, `placeholder`, `disabled`, `invalid`, `touched`.
+Key inputs: `options`, `optionLabel`, `optionValue`, `optionChildren`, `placeholder`, `disabled`, `invalid`, `touched`, `appendTo` (`self | body`).
 
 ### KeyFilterDirective
 
@@ -454,7 +454,7 @@ Select input backed by a hierarchical tree of options. Selector: `f-treeselect`.
 <f-treeselect [options]="orgTree" [(ngModel)]="selectedNode" selectionMode="checkbox" [filter]="true" />
 ```
 
-Key inputs: `options` (`TreeNode[]`), `placeholder`, `disabled`, `filter`, `selectionMode` (`single | multiple | checkbox`), `invalid`, `touched`.
+Key inputs: `options` (`TreeNode[]`), `placeholder`, `disabled`, `filter`, `selectionMode` (`single | multiple | checkbox`), `invalid`, `touched`, `appendTo` (`self | body`).
 
 ### IconFieldComponent / InputIconComponent
 
@@ -727,8 +727,7 @@ Global confirmation modal driven by `ConfirmationService.confirm()`. Selector: `
 Anchored (non-modal) confirmation popup, also driven by `ConfirmationService`. Selector: `f-confirmpopup`.
 
 ```html
-<f-confirmpopup />
-<f-button label="Delete" (onClick)="confirmationService.confirm({ target: $event.target, message: 'Sure?', accept: onDelete })" />
+<f-confirmpopup /> <f-button label="Delete" (onClick)="confirmationService.confirm({ target: $event.target, message: 'Sure?', accept: onDelete })" />
 ```
 
 Key input: `key`.
@@ -787,8 +786,7 @@ Key inputs: `key`, `position` (`top-right | top-left | top-center | bottom-right
 Flat or popup vertical menu. Selector: `f-menu`.
 
 ```html
-<f-menu #menu [model]="actions" [popup]="true" />
-<f-button icon="ellipsis" (onClick)="menu.toggle($event)" />
+<f-menu #menu [model]="actions" [popup]="true" /> <f-button icon="ellipsis" (onClick)="menu.toggle($event)" />
 ```
 
 Key inputs: `model` (`MenuItem[]`), `popup`.