@flusys/ng-ui 9.1.0 → 9.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -1
- package/fesm2022/flusys-ng-ui.mjs +38330 -16269
- package/fesm2022/flusys-ng-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/flusys-ng-ui.d.ts +9597 -4387
package/README.md
CHANGED
|
@@ -174,6 +174,18 @@ Use `(onChange)` to react to value changes, not `(click)` on the host: a `<label
|
|
|
174
174
|
|
|
175
175
|
---
|
|
176
176
|
|
|
177
|
+
## Truncated Text
|
|
178
|
+
|
|
179
|
+
`select`, `multiselect`, `treeselect`, `cascadeselect`, `autocomplete` and `listbox` cut long labels off with `…`, both the selected value in the field and the option rows. Hovering a cut-off label shows its full text as a tooltip; a label that fits shows none. The same behaviour is available for any `truncate` element through `OverflowTitleDirective`:
|
|
180
|
+
|
|
181
|
+
```html
|
|
182
|
+
<span class="truncate" fOverflowTitle>{{ longLabel }}</span>
|
|
183
|
+
```
|
|
184
|
+
|
|
185
|
+
It measures on `mouseenter`, so it follows resizes and label changes without observers.
|
|
186
|
+
|
|
187
|
+
---
|
|
188
|
+
|
|
177
189
|
## Buttons & Actions
|
|
178
190
|
|
|
179
191
|
### ButtonComponent
|
|
@@ -523,7 +535,7 @@ Select input backed by a hierarchical tree of options. Selector: `f-treeselect`.
|
|
|
523
535
|
<f-treeselect [options]="orgTree" [(ngModel)]="selectedNode" selectionMode="checkbox" [filter]="true" />
|
|
524
536
|
```
|
|
525
537
|
|
|
526
|
-
Key inputs: `options` (`TreeNode[]`), `placeholder`, `inputId` (id of the trigger, for `<label for>`), `disabled`, `filter`, `filterBy`, `selectionMode` (`single | multiple | checkbox`), `propagateSelectionDown` / `propagateSelectionUp` (checkbox cascading), `invalid`, `touched`, `appendTo` (`self | body`). A node with `selectable: false` is a heading: clicking it expands or collapses it, and it never becomes part of the value.
|
|
538
|
+
Key inputs: `options` (`TreeNode[]`), `placeholder`, `inputId` (id of the trigger, for `<label for>`), `disabled`, `filter`, `filterBy`, `filterPlaceholder`, `emptyMessage`, `selectionMode` (`single | multiple | checkbox`), `propagateSelectionDown` / `propagateSelectionUp` (checkbox cascading), `invalid`, `touched`, `appendTo` (`self | body`). A node with `selectable: false` is a heading: clicking it expands or collapses it, and it never becomes part of the value.
|
|
527
539
|
|
|
528
540
|
### IconFieldComponent / InputIconComponent
|
|
529
541
|
|