forty-cdk 0.21.0 → 0.21.1
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/drag-drop/README.md +16 -0
- package/fesm2022/forty-cdk-combobox.mjs.map +1 -1
- package/fesm2022/forty-cdk-core.mjs +21 -6
- package/fesm2022/forty-cdk-core.mjs.map +1 -1
- package/fesm2022/forty-cdk-date-field.mjs.map +1 -1
- package/fesm2022/forty-cdk-date-picker.mjs.map +1 -1
- package/fesm2022/forty-cdk-date-range-field.mjs.map +1 -1
- package/fesm2022/forty-cdk-drag-drop.mjs +40 -5
- package/fesm2022/forty-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/forty-cdk-field.mjs +37 -11
- package/fesm2022/forty-cdk-field.mjs.map +1 -1
- package/fesm2022/forty-cdk-listbox.mjs.map +1 -1
- package/fesm2022/forty-cdk-otp-input.mjs.map +1 -1
- package/fesm2022/forty-cdk-pane-resizer.mjs +1 -1
- package/fesm2022/forty-cdk-pane-resizer.mjs.map +1 -1
- package/fesm2022/forty-cdk-radio-group.mjs.map +1 -1
- package/fesm2022/forty-cdk-scroll-area.mjs +2 -2
- package/fesm2022/forty-cdk-scroll-area.mjs.map +1 -1
- package/fesm2022/forty-cdk-select.mjs.map +1 -1
- package/fesm2022/forty-cdk-slider.mjs +1 -1
- package/fesm2022/forty-cdk-slider.mjs.map +1 -1
- package/fesm2022/forty-cdk-table.mjs +70 -8
- package/fesm2022/forty-cdk-table.mjs.map +1 -1
- package/fesm2022/forty-cdk-time-field.mjs.map +1 -1
- package/fesm2022/forty-cdk-time-picker.mjs.map +1 -1
- package/fesm2022/forty-cdk-time-range-field.mjs.map +1 -1
- package/fesm2022/forty-cdk-toast.mjs +59 -9
- package/fesm2022/forty-cdk-toast.mjs.map +1 -1
- package/fesm2022/forty-cdk-toggle.mjs.map +1 -1
- package/fesm2022/forty-cdk-tree.mjs +3 -1
- package/fesm2022/forty-cdk-tree.mjs.map +1 -1
- package/fesm2022/forty-cdk-virtual-reorder.mjs +56 -7
- package/fesm2022/forty-cdk-virtual-reorder.mjs.map +1 -1
- package/field/README.md +2 -0
- package/package.json +1 -1
- package/scroll-area/README.md +1 -1
- package/types/forty-cdk-core.d.ts +50 -17
- package/types/forty-cdk-drag-drop.d.ts +39 -2
- package/types/forty-cdk-field.d.ts +18 -8
- package/types/forty-cdk-table.d.ts +23 -0
- package/types/forty-cdk-virtual-reorder.d.ts +14 -0
- package/virtual-reorder/README.md +2 -0
package/drag-drop/README.md
CHANGED
|
@@ -388,6 +388,22 @@ for the full analysis.
|
|
|
388
388
|
| `data-drag-animating` | `[forDraggable]` | Present while the item's FLIP reorder transition plays (requires `[animateReorder]`) |
|
|
389
389
|
| `data-settling` | preview element | Present while the drop-settle transition plays (requires `[animateReorder]`) |
|
|
390
390
|
|
|
391
|
+
Both `data-dragging` rows hold for a drag a **coordinator** composing the list owns rather
|
|
392
|
+
than starting through `[forDraggable]` itself — the keyboard lift of `[forVirtualReorder]`, and
|
|
393
|
+
the virtualized branch of `[forTableRowReorder]`. Those intercept the lift key before the item
|
|
394
|
+
sees it, so the list carries no lift state for the gesture, and the coordinator marks the item
|
|
395
|
+
instead ([#1693](https://github.com/tutkli/forty-cdk/issues/1693)). Styling keyed off either
|
|
396
|
+
attribute therefore behaves the same whether the collection is windowed or not.
|
|
397
|
+
|
|
398
|
+
The `data-for-drag-preview` row is also the supported hook for **keeping the clone out of element
|
|
399
|
+
queries**. The default preview is a `cloneNode(true)` copy appended to `document.body`, so for the
|
|
400
|
+
whole gesture — and past the drop, while a settle transition runs — it answers the item's own
|
|
401
|
+
selector (`[forDraggable]`, or a composed one such as `[forTableRow]`) and repeats its `data-index`.
|
|
402
|
+
`id` and `data-testid` are stripped from the clone and its whole subtree, so a hook that identifies
|
|
403
|
+
a single element stays unambiguous; anything that **enumerates** items by attribute selector during
|
|
404
|
+
a drag must filter the preview out with `:not([data-for-drag-preview])`
|
|
405
|
+
([#1691](https://github.com/tutkli/forty-cdk/issues/1691)).
|
|
406
|
+
|
|
391
407
|
## Sortable list
|
|
392
408
|
|
|
393
409
|
```html
|