@fusion.dev/helix 0.42.0 → 0.44.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/custom-elements.json +81 -85
- package/dist/chat/composer/chat-composer.d.ts +1 -1
- package/dist/chat/message/chat-message.d.ts +1 -1
- package/dist/chat/root/chat-root.d.ts +1 -1
- package/dist/date-picker/root/date-picker-root.css.js +4 -0
- package/dist/date-picker/root/date-picker-root.d.ts +7 -4
- package/dist/element-events.generated.js +1 -7
- package/dist/format-date/root/format-date-root.d.ts +1 -1
- package/dist/notifications/group/notification-group.d.ts +1 -1
- package/dist/notifications/notification/notification.d.ts +1 -1
- package/dist/notifications/root/notifications-root.d.ts +1 -1
- package/dist/slider/root/slider-root.d.ts +1 -1
- package/dist/speed-dial/item/speed-dial-item.css.js +1 -5
- package/dist/speed-dial/item/speed-dial-item.d.ts +1 -1
- package/dist/speed-dial/root/speed-dial-root.css.js +4 -0
- package/dist/speed-dial/root/speed-dial-root.d.ts +1 -1
- package/dist/toast/item/toast-item.d.ts +1 -1
- package/dist/toast/root/toast-root.d.ts +2 -2
- package/dist/toggle/group/toggle-group.d.ts +3 -1
- package/dist/toggle/root/toggle-root.d.ts +2 -2
- package/package.json +6 -6
- package/types/jsx.d.ts +246 -88
- package/types/vue.d.ts +58 -22
package/types/vue.d.ts
CHANGED
|
@@ -6233,15 +6233,27 @@ Written by the listbox. */
|
|
|
6233
6233
|
|
|
6234
6234
|
`<option selected>` reflects to `defaultSelected` and `option.selected` is
|
|
6235
6235
|
live state that does not reflect, and those are two different facts. This
|
|
6236
|
-
element has one `selected` doing both jobs, so
|
|
6237
|
-
|
|
6238
|
-
|
|
6239
|
-
|
|
6240
|
-
|
|
6241
|
-
|
|
6242
|
-
|
|
6243
|
-
|
|
6244
|
-
|
|
6236
|
+
element has one `selected` doing both jobs, so the declaration is the
|
|
6237
|
+
attribute and the state is the property.
|
|
6238
|
+
|
|
6239
|
+
**The attribute, read when it is asked for, and never a snapshot taken in
|
|
6240
|
+
the constructor.** A field initializer runs there, and an element the HTML
|
|
6241
|
+
parser created has none of its attributes yet at that moment: measured on
|
|
6242
|
+
this element, on `Radio` and on `Toggle`, `<helix-option value="a"
|
|
6243
|
+
selected>` reported `defaultSelected` as `false` both from parsed markup
|
|
6244
|
+
and from `createElement` followed by `setAttribute`, which is every way a
|
|
6245
|
+
consumer writes one. The snapshot could only ever be true for an element
|
|
6246
|
+
already in the document when `customElements.define` ran.
|
|
6247
|
+
|
|
6248
|
+
Nothing overwrites it either, which is what makes reading it late correct
|
|
6249
|
+
rather than merely later: `selected` does not reflect, for the reason
|
|
6250
|
+
`willUpdate` records, so the listbox's writes never reach the attribute and
|
|
6251
|
+
what it says is what the markup said.
|
|
6252
|
+
|
|
6253
|
+
**The deeper half is not this.** State reflecting under the declaration's
|
|
6254
|
+
name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
6255
|
+
Splitting them means moving what every stylesheet selects on, which is a
|
|
6256
|
+
change of its own rather than a property being added. */
|
|
6245
6257
|
defaultSelected?: (HelixOption["defaultSelected"]) | undefined;
|
|
6246
6258
|
};
|
|
6247
6259
|
|
|
@@ -6995,9 +7007,22 @@ Written by the group. */
|
|
|
6995
7007
|
|
|
6996
7008
|
`<option selected>` reflects to `defaultSelected` and `option.selected` is
|
|
6997
7009
|
live state that does not reflect, and those are two different facts. This
|
|
6998
|
-
element has one `selected` doing both jobs, so
|
|
6999
|
-
|
|
7000
|
-
|
|
7010
|
+
element has one `selected` doing both jobs, so the declaration is the
|
|
7011
|
+
attribute and the state is the property.
|
|
7012
|
+
|
|
7013
|
+
**The attribute, read when it is asked for, and never a snapshot taken in
|
|
7014
|
+
the constructor.** A field initializer runs there, and an element the HTML
|
|
7015
|
+
parser created has none of its attributes yet at that moment: measured on
|
|
7016
|
+
this element, on `Option` and on `Toggle`, `<helix-radio value="a"
|
|
7017
|
+
selected>` reported `defaultSelected` as `false` both from parsed markup
|
|
7018
|
+
and from `createElement` followed by `setAttribute`, which is every way a
|
|
7019
|
+
consumer writes one. The snapshot could only ever be true for an element
|
|
7020
|
+
already in the document when `customElements.define` ran.
|
|
7021
|
+
|
|
7022
|
+
Nothing overwrites it either, which is what makes reading it late correct
|
|
7023
|
+
rather than merely later: `selected` does not reflect, for the reason
|
|
7024
|
+
`willUpdate` records, so the group's writes never reach the attribute and
|
|
7025
|
+
what it says is what the markup said.
|
|
7001
7026
|
|
|
7002
7027
|
**The deeper half is not this.** State reflecting under the declaration's
|
|
7003
7028
|
name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
@@ -8069,9 +8094,9 @@ has an honest answer. */
|
|
|
8069
8094
|
};
|
|
8070
8095
|
|
|
8071
8096
|
export type HelixSplitterVueEvents = {
|
|
8072
|
-
/** Fired before a pane shuts or reopens, and
|
|
8097
|
+
/** Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it. */
|
|
8073
8098
|
"helix-before-collapse": HelixSplitterHelixBeforeCollapseElementEvent;
|
|
8074
|
-
/** Fired before the divider settles, and
|
|
8099
|
+
/** Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own. */
|
|
8075
8100
|
"helix-before-resize": HelixSplitterHelixBeforeResizeElementEvent;
|
|
8076
8101
|
};
|
|
8077
8102
|
|
|
@@ -9390,9 +9415,22 @@ export type HelixToggleVueProps = {
|
|
|
9390
9415
|
|
|
9391
9416
|
`<option selected>` reflects to `defaultSelected` and `option.selected` is
|
|
9392
9417
|
live state that does not reflect, and those are two different facts. This
|
|
9393
|
-
element has one `selected` doing both jobs, so
|
|
9394
|
-
|
|
9395
|
-
|
|
9418
|
+
element has one `selected` doing both jobs, so the declaration is the
|
|
9419
|
+
attribute and the state is the property.
|
|
9420
|
+
|
|
9421
|
+
**The attribute, read when it is asked for, and never a snapshot taken in
|
|
9422
|
+
the constructor.** A field initializer runs there, and an element the HTML
|
|
9423
|
+
parser created has none of its attributes yet at that moment: measured on
|
|
9424
|
+
this element, on `Option` and on `Radio`, `<helix-toggle value="light"
|
|
9425
|
+
selected>` reported `defaultSelected` as `false` both from parsed markup
|
|
9426
|
+
and from `createElement` followed by `setAttribute`, which is every way a
|
|
9427
|
+
consumer writes one. The snapshot could only ever be true for an element
|
|
9428
|
+
already in the document when `customElements.define` ran.
|
|
9429
|
+
|
|
9430
|
+
Nothing overwrites it either, which is what makes reading it late correct
|
|
9431
|
+
rather than merely later: `selected` does not reflect, for the reason
|
|
9432
|
+
`willUpdate` records, so the group's writes never reach the attribute and
|
|
9433
|
+
what it says is what the markup said.
|
|
9396
9434
|
|
|
9397
9435
|
**The deeper half is not this.** State reflecting under the declaration's
|
|
9398
9436
|
name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
@@ -9632,8 +9670,6 @@ export type HelixTourVueEvents = {
|
|
|
9632
9670
|
"helix-complete": HelixTourHelixCompleteElementEvent;
|
|
9633
9671
|
/** A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves. */
|
|
9634
9672
|
"helix-tour-ask": HelixTourHelixTourAskElementEvent;
|
|
9635
|
-
/** Says the state moved, carrying `newState` and `oldState`. */
|
|
9636
|
-
toggle: HelixTourElementEvent;
|
|
9637
9673
|
};
|
|
9638
9674
|
|
|
9639
9675
|
/** `HelixTourStop` component event */
|
|
@@ -11157,11 +11193,11 @@ export type CustomCssProperties = {
|
|
|
11157
11193
|
"--slider-track-size"?: (string) | undefined;
|
|
11158
11194
|
/** The value as a fraction of the range, 0 to 1. */
|
|
11159
11195
|
"--slider-fraction"?: (string) | undefined;
|
|
11160
|
-
/** Where
|
|
11196
|
+
/** Where a range's filled span starts, as a fraction of the track, 0 to 1. */
|
|
11161
11197
|
"--slider-from"?: (string) | undefined;
|
|
11162
11198
|
/** Where one marker sits, as a percentage of the track. */
|
|
11163
11199
|
"--slider-marker-at"?: (string) | undefined;
|
|
11164
|
-
/** Where
|
|
11200
|
+
/** Where a range's filled span ends, as a fraction of the track, 0 to 1. */
|
|
11165
11201
|
"--slider-to"?: (string) | undefined;
|
|
11166
11202
|
/** How much of the line's color the wash takes where it meets the line. */
|
|
11167
11203
|
"--sparkline-area-opacity"?: (string) | undefined;
|
|
@@ -11561,7 +11597,7 @@ export interface WcToolkitVueGlobalComponents {
|
|
|
11561
11597
|
HelixDateInputVueProps,
|
|
11562
11598
|
HelixDateInputVueEvents
|
|
11563
11599
|
>;
|
|
11564
|
-
/** Six week rows always, so the grid keeps one height and a month change does not move whatever sits beneath it. The column track is wider than the day, and the day is centered in it. The difference is the space between days, which belongs to the track rather than to a 'gap', so a range can paint across the whole track and stay continuous. Days from the neighboring months stay in place
|
|
11600
|
+
/** Six week rows always, so the grid keeps one height and a month change does not move whatever sits beneath it. The column track is wider than the day, and the day is centered in it. The difference is the space between days, which belongs to the track rather than to a 'gap', so a range can paint across the whole track and stay continuous. Days from the neighboring months stay in place, marked quieter rather than hidden, so the first and last weeks are whole rows rather than ragged ones. They are filler and take no click, which the pointer says: no hover, and the cursor a box that does nothing has. At 'months="2"' the same date is a trailing cell in one grid and a real one in the next, so a filler day that could be chosen would put one answer on the page twice. */
|
|
11565
11601
|
"helix-date-picker": DefineCustomElement<
|
|
11566
11602
|
HelixDatePicker,
|
|
11567
11603
|
HelixDatePickerVueProps,
|