@flusys/ng-ui 9.1.1 → 9.2.0
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 +12 -0
- package/fesm2022/flusys-ng-ui.mjs +178 -76
- package/fesm2022/flusys-ng-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/flusys-ng-ui.d.ts +8 -0
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
|