@fusion.dev/helix-headless 0.52.1 → 0.53.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/custom-elements.json +691 -273
- package/dist/announcement/root/announcement-root.js +2 -5
- package/dist/area-chart/root/area-chart-root.js +10 -12
- package/dist/bar-chart/root/bar-chart-root.js +4 -5
- package/dist/blockquote/root/blockquote-root.js +2 -5
- package/dist/chat/composer/chat-composer.js +2 -5
- package/dist/chat/message/chat-message.js +4 -11
- package/dist/chat/root/chat-root.js +1 -1
- package/dist/checkbox/root/checkbox-root.js +1 -1
- package/dist/checkbox-group/root/checkbox-group-root.js +1 -1
- package/dist/color-input/root/color-input-root.js +1 -1
- package/dist/combobox/root/combobox-root.d.ts +16 -0
- package/dist/combobox/root/combobox-root.js +5 -2
- package/dist/data-table/root/data-table-root.d.ts +23 -10
- package/dist/data-table/root/data-table-root.js +12 -13
- package/dist/date-input/root/date-input-root.js +1 -1
- package/dist/divider/root/divider-root.js +2 -5
- package/dist/donut-chart/root/donut-chart-root.js +5 -6
- package/dist/drilldown/item/drilldown-item.d.ts +18 -0
- package/dist/drilldown/item/drilldown-item.js +3 -0
- package/dist/drilldown/root/drilldown-root.d.ts +20 -1
- package/dist/drilldown/root/drilldown-root.js +6 -13
- package/dist/file-input/root/file-input-root.js +2 -2
- package/dist/filter-input/root/filter-input-root.js +1 -1
- package/dist/heatmap/root/buckets.d.ts +2 -2
- package/dist/heatmap/root/buckets.js +3 -4
- package/dist/heatmap/root/heatmap-root.d.ts +0 -10
- package/dist/heatmap/root/heatmap-root.js +2 -8
- package/dist/input/root/input-root.js +1 -1
- package/dist/line-chart/root/line-chart-root.js +15 -17
- package/dist/listbox/root/listbox-root.js +1 -1
- package/dist/menu/item/menu-item.js +2 -2
- package/dist/notifications/notification/notification.d.ts +3 -9
- package/dist/notifications/notification/notification.js +3 -11
- package/dist/notifications/root/notifications-root.d.ts +0 -10
- package/dist/notifications/root/notifications-root.js +3 -9
- package/dist/number-input/root/number-input-root.js +2 -2
- package/dist/radio/root/radio-root.d.ts +10 -32
- package/dist/radio/root/radio-root.js +6 -27
- package/dist/scatter-chart/root/scatter-chart-root.js +10 -11
- package/dist/select/root/select-root.d.ts +24 -0
- package/dist/select/root/select-root.js +5 -2
- package/dist/slider/root/slider-root.js +1 -1
- package/dist/sparkline/root/sparkline-root.js +10 -12
- package/dist/switch/root/switch-root.js +3 -6
- package/dist/tabs/root/tabs-root.js +11 -4
- package/dist/tabs/tab/tab.d.ts +11 -30
- package/dist/tabs/tab/tab.js +7 -28
- package/dist/textarea/root/textarea-root.js +1 -1
- package/dist/time-input/root/time-input-root.js +1 -1
- package/dist/toggle/root/toggle-root.d.ts +10 -36
- package/dist/toggle/root/toggle-root.js +6 -27
- package/dist/tree/item/tree-item.js +6 -5
- package/dist/tree/root/tree-root.js +8 -4
- package/dist/video/root/video-root.js +7 -14
- package/package.json +5 -5
- package/types/jsx.d.ts +192 -74
- package/types/vue.d.ts +36 -16
package/types/jsx.d.ts
CHANGED
|
@@ -10005,16 +10005,26 @@ declaration. `:state(read)` is what the stylesheet reads.
|
|
|
10005
10005
|
"default-read"?: (HelixHeadlessNotification["defaultRead"]) | undefined;
|
|
10006
10006
|
/** State to open with, where nothing declared one. */
|
|
10007
10007
|
defaultRead?: (HelixHeadlessNotification["defaultRead"]) | undefined;
|
|
10008
|
-
/** Whether a reader may remove it. */
|
|
10009
|
-
dismissible?: (HelixHeadlessNotification["dismissible"]) | undefined;
|
|
10010
|
-
/** Accessible name for the dismiss control. */
|
|
10011
|
-
"dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10012
|
-
/** Accessible name for the dismiss control. */
|
|
10013
|
-
dismissLabel?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10014
10008
|
/** Locale for the timestamp.
|
|
10015
10009
|
|
|
10016
10010
|
Empty is the runtime's own. */
|
|
10017
10011
|
locale?: (HelixHeadlessNotification["locale"]) | undefined;
|
|
10012
|
+
/** Whether it offers a control to take it away. */
|
|
10013
|
+
dismissible?: (HelixHeadlessNotification["dismissible"]) | undefined;
|
|
10014
|
+
/** Accessible name for that control.
|
|
10015
|
+
|
|
10016
|
+
`attribute` is spelled out because Lit lowercases a property name to
|
|
10017
|
+
derive one rather than dash-casing it, so this would otherwise be
|
|
10018
|
+
reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
10019
|
+
would catch. */
|
|
10020
|
+
"dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10021
|
+
/** Accessible name for that control.
|
|
10022
|
+
|
|
10023
|
+
`attribute` is spelled out because Lit lowercases a property name to
|
|
10024
|
+
derive one rather than dash-casing it, so this would otherwise be
|
|
10025
|
+
reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
10026
|
+
would catch. */
|
|
10027
|
+
dismissLabel?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10018
10028
|
|
|
10019
10029
|
/** Fired when a reader asks to remove it, and cancelable. */
|
|
10020
10030
|
"onhelix-dismiss"?: ((
|
|
@@ -10050,16 +10060,26 @@ declaration. `:state(read)` is what the stylesheet reads.
|
|
|
10050
10060
|
"bool:default-read"?: (HelixHeadlessNotification["defaultRead"]) | undefined;
|
|
10051
10061
|
/** State to open with, where nothing declared one. */
|
|
10052
10062
|
"prop:defaultRead"?: (HelixHeadlessNotification["defaultRead"]) | undefined;
|
|
10053
|
-
/** Whether a reader may remove it. */
|
|
10054
|
-
"prop:dismissible"?: (HelixHeadlessNotification["dismissible"]) | undefined;
|
|
10055
|
-
/** Accessible name for the dismiss control. */
|
|
10056
|
-
"attr:dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10057
|
-
/** Accessible name for the dismiss control. */
|
|
10058
|
-
"prop:dismissLabel"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10059
10063
|
/** Locale for the timestamp.
|
|
10060
10064
|
|
|
10061
10065
|
Empty is the runtime's own. */
|
|
10062
10066
|
"prop:locale"?: (HelixHeadlessNotification["locale"]) | undefined;
|
|
10067
|
+
/** Whether it offers a control to take it away. */
|
|
10068
|
+
"prop:dismissible"?: (HelixHeadlessNotification["dismissible"]) | undefined;
|
|
10069
|
+
/** Accessible name for that control.
|
|
10070
|
+
|
|
10071
|
+
`attribute` is spelled out because Lit lowercases a property name to
|
|
10072
|
+
derive one rather than dash-casing it, so this would otherwise be
|
|
10073
|
+
reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
10074
|
+
would catch. */
|
|
10075
|
+
"attr:dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10076
|
+
/** Accessible name for that control.
|
|
10077
|
+
|
|
10078
|
+
`attribute` is spelled out because Lit lowercases a property name to
|
|
10079
|
+
derive one rather than dash-casing it, so this would otherwise be
|
|
10080
|
+
reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
10081
|
+
would catch. */
|
|
10082
|
+
"prop:dismissLabel"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
10063
10083
|
/** Fired when a reader asks to remove it, and cancelable. */
|
|
10064
10084
|
"on:helix-dismiss"?: ((
|
|
10065
10085
|
e: HelixHeadlessNotificationHelixDismissElementEvent,
|
|
@@ -12040,13 +12060,15 @@ export type HelixHeadlessRadioHelixSelectElementEvent =
|
|
|
12040
12060
|
HelixHeadlessRadioElementEvent<HelixSelectEvent>;
|
|
12041
12061
|
|
|
12042
12062
|
export type HelixHeadlessRadioProps = {
|
|
12043
|
-
/** Whether this
|
|
12063
|
+
/** Whether this one can be chosen. */
|
|
12044
12064
|
disabled?: (HelixHeadlessRadio["disabled"]) | undefined;
|
|
12045
|
-
/** Whether this is the current
|
|
12065
|
+
/** Whether this is the current one.
|
|
12046
12066
|
|
|
12047
|
-
Written by the
|
|
12067
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
12068
|
+
default from an attribute here: a family whose selection a consumer
|
|
12069
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
12048
12070
|
selected?: (HelixHeadlessRadio["selected"]) | undefined;
|
|
12049
|
-
/** Identifies this
|
|
12071
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
12050
12072
|
value?: (HelixHeadlessRadio["value"]) | undefined;
|
|
12051
12073
|
/** Whether the markup declared this one chosen, which is what a reset returns to.
|
|
12052
12074
|
|
|
@@ -12095,13 +12117,15 @@ same reason. */
|
|
|
12095
12117
|
};
|
|
12096
12118
|
|
|
12097
12119
|
export type HelixHeadlessRadioSolidJsProps = {
|
|
12098
|
-
/** Whether this
|
|
12120
|
+
/** Whether this one can be chosen. */
|
|
12099
12121
|
"prop:disabled"?: (HelixHeadlessRadio["disabled"]) | undefined;
|
|
12100
|
-
/** Whether this is the current
|
|
12122
|
+
/** Whether this is the current one.
|
|
12101
12123
|
|
|
12102
|
-
Written by the
|
|
12124
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
12125
|
+
default from an attribute here: a family whose selection a consumer
|
|
12126
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
12103
12127
|
"prop:selected"?: (HelixHeadlessRadio["selected"]) | undefined;
|
|
12104
|
-
/** Identifies this
|
|
12128
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
12105
12129
|
"prop:value"?: (HelixHeadlessRadio["value"]) | undefined;
|
|
12106
12130
|
/** Whether the markup declared this one chosen, which is what a reset returns to.
|
|
12107
12131
|
|
|
@@ -14516,11 +14540,15 @@ export type HelixHeadlessTabHelixSelectElementEvent =
|
|
|
14516
14540
|
HelixHeadlessTabElementEvent<HelixSelectEvent>;
|
|
14517
14541
|
|
|
14518
14542
|
export type HelixHeadlessTabProps = {
|
|
14519
|
-
/** Whether
|
|
14543
|
+
/** Whether this one can be chosen. */
|
|
14520
14544
|
disabled?: (HelixHeadlessTab["disabled"]) | undefined;
|
|
14521
|
-
/** Whether this
|
|
14545
|
+
/** Whether this is the current one.
|
|
14546
|
+
|
|
14547
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
14548
|
+
default from an attribute here: a family whose selection a consumer
|
|
14549
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
14522
14550
|
selected?: (HelixHeadlessTab["selected"]) | undefined;
|
|
14523
|
-
/** Identifies the
|
|
14551
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
14524
14552
|
value?: (HelixHeadlessTab["value"]) | undefined;
|
|
14525
14553
|
|
|
14526
14554
|
/** Fired when the tab is chosen. Cancelable: refusing it takes the decision and nothing moves. */
|
|
@@ -14528,11 +14556,15 @@ export type HelixHeadlessTabProps = {
|
|
|
14528
14556
|
};
|
|
14529
14557
|
|
|
14530
14558
|
export type HelixHeadlessTabSolidJsProps = {
|
|
14531
|
-
/** Whether
|
|
14559
|
+
/** Whether this one can be chosen. */
|
|
14532
14560
|
"prop:disabled"?: (HelixHeadlessTab["disabled"]) | undefined;
|
|
14533
|
-
/** Whether this
|
|
14561
|
+
/** Whether this is the current one.
|
|
14562
|
+
|
|
14563
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
14564
|
+
default from an attribute here: a family whose selection a consumer
|
|
14565
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
14534
14566
|
"prop:selected"?: (HelixHeadlessTab["selected"]) | undefined;
|
|
14535
|
-
/** Identifies the
|
|
14567
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
14536
14568
|
"prop:value"?: (HelixHeadlessTab["value"]) | undefined;
|
|
14537
14569
|
/** Fired when the tab is chosen. Cancelable: refusing it takes the decision and nothing moves. */
|
|
14538
14570
|
"on:helix-select"?: ((e: HelixHeadlessTabHelixSelectElementEvent) => void) | undefined;
|
|
@@ -16055,11 +16087,15 @@ export type HelixHeadlessToggleHelixSelectElementEvent =
|
|
|
16055
16087
|
HelixHeadlessToggleElementEvent<HelixSelectEvent>;
|
|
16056
16088
|
|
|
16057
16089
|
export type HelixHeadlessToggleProps = {
|
|
16058
|
-
/** Whether
|
|
16090
|
+
/** Whether this one can be chosen. */
|
|
16059
16091
|
disabled?: (HelixHeadlessToggle["disabled"]) | undefined;
|
|
16060
|
-
/** Whether this
|
|
16092
|
+
/** Whether this is the current one.
|
|
16093
|
+
|
|
16094
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
16095
|
+
default from an attribute here: a family whose selection a consumer
|
|
16096
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
16061
16097
|
selected?: (HelixHeadlessToggle["selected"]) | undefined;
|
|
16062
|
-
/** Identifies
|
|
16098
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
16063
16099
|
value?: (HelixHeadlessToggle["value"]) | undefined;
|
|
16064
16100
|
/** Whether the markup declared this one chosen, which is what a reset returns to.
|
|
16065
16101
|
|
|
@@ -16101,11 +16137,15 @@ hydration reports and does not patch up. */
|
|
|
16101
16137
|
};
|
|
16102
16138
|
|
|
16103
16139
|
export type HelixHeadlessToggleSolidJsProps = {
|
|
16104
|
-
/** Whether
|
|
16140
|
+
/** Whether this one can be chosen. */
|
|
16105
16141
|
"prop:disabled"?: (HelixHeadlessToggle["disabled"]) | undefined;
|
|
16106
|
-
/** Whether this
|
|
16142
|
+
/** Whether this is the current one.
|
|
16143
|
+
|
|
16144
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
16145
|
+
default from an attribute here: a family whose selection a consumer
|
|
16146
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
16107
16147
|
"prop:selected"?: (HelixHeadlessToggle["selected"]) | undefined;
|
|
16108
|
-
/** Identifies
|
|
16148
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
16109
16149
|
"prop:value"?: (HelixHeadlessToggle["value"]) | undefined;
|
|
16110
16150
|
/** Whether the markup declared this one chosen, which is what a reset returns to.
|
|
16111
16151
|
|
|
@@ -23521,6 +23561,21 @@ export type CustomElements = {
|
|
|
23521
23561
|
* - `showingPage`: Whether this row's own page is the one showing.
|
|
23522
23562
|
*
|
|
23523
23563
|
* Written by the stack. (property only)
|
|
23564
|
+
* - `selected`: Whether this is the row the set is on, which in a drill-down is where focus
|
|
23565
|
+
* is.
|
|
23566
|
+
*
|
|
23567
|
+
* A radio group's selection is an answer it holds; a page of rows has no
|
|
23568
|
+
* answer, only the row a reader has walked to, so focus is the whole of what
|
|
23569
|
+
* "the current one" can mean here. This is `Menu.Item`'s reading word for
|
|
23570
|
+
* word, and the two are one pattern: a menu that drills and a drill-down are
|
|
23571
|
+
* the same rows through the same controller.
|
|
23572
|
+
*
|
|
23573
|
+
* Asked of the document rather than of the shadow root. `focusItem` puts
|
|
23574
|
+
* focus on the control inside this row and the platform retargets it, so from
|
|
23575
|
+
* outside the shadow tree `activeElement` is this element already and nothing
|
|
23576
|
+
* has to walk a tree. `ShadowRoot.activeElement` is also the reading that does
|
|
23577
|
+
* not survive happy-dom, which climbs `getRootNode()` to the top and then
|
|
23578
|
+
* dereferences what it ran out of. (property only) (readonly)
|
|
23524
23579
|
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
23525
23580
|
*
|
|
23526
23581
|
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
@@ -27504,11 +27559,16 @@ export type CustomElements = {
|
|
|
27504
27559
|
* declaration. `:state(read)` is what the stylesheet reads.
|
|
27505
27560
|
* `hydration.dom.spec.ts` holds it.
|
|
27506
27561
|
* - `default-read`/`defaultRead`: State to open with, where nothing declared one.
|
|
27507
|
-
* - `dismissible`: Whether a reader may remove it.
|
|
27508
|
-
* - `dismiss-label`/`dismissLabel`: Accessible name for the dismiss control.
|
|
27509
27562
|
* - `locale`: Locale for the timestamp.
|
|
27510
27563
|
*
|
|
27511
27564
|
* Empty is the runtime's own.
|
|
27565
|
+
* - `dismissible`: Whether it offers a control to take it away.
|
|
27566
|
+
* - `dismiss-label`/`dismissLabel`: Accessible name for that control.
|
|
27567
|
+
*
|
|
27568
|
+
* `attribute` is spelled out because Lit lowercases a property name to
|
|
27569
|
+
* derive one rather than dash-casing it, so this would otherwise be
|
|
27570
|
+
* reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
27571
|
+
* would catch.
|
|
27512
27572
|
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
27513
27573
|
*
|
|
27514
27574
|
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
@@ -27557,6 +27617,7 @@ export type CustomElements = {
|
|
|
27557
27617
|
* Public because a consumer's own control is as likely to ask as this
|
|
27558
27618
|
* element's own markup is, and because a list marking everything read has to
|
|
27559
27619
|
* go through the same request rather than writing the property behind it.
|
|
27620
|
+
* - `dismiss() => boolean`: Announces that it should go, and reports whether the request stood.
|
|
27560
27621
|
*
|
|
27561
27622
|
* ## CSS Parts
|
|
27562
27623
|
*
|
|
@@ -29663,11 +29724,13 @@ export type CustomElements = {
|
|
|
29663
29724
|
*
|
|
29664
29725
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
29665
29726
|
*
|
|
29666
|
-
* - `disabled`: Whether this
|
|
29667
|
-
* - `selected`: Whether this is the current
|
|
29727
|
+
* - `disabled`: Whether this one can be chosen.
|
|
29728
|
+
* - `selected`: Whether this is the current one.
|
|
29668
29729
|
*
|
|
29669
|
-
* Written by the
|
|
29670
|
-
*
|
|
29730
|
+
* Written by the set rather than by a consumer, which is why it takes no
|
|
29731
|
+
* default from an attribute here: a family whose selection a consumer
|
|
29732
|
+
* declares in markup carries `defaultSelected` of its own to say so.
|
|
29733
|
+
* - `value`: Identifies this one to the set, and is what a form submits.
|
|
29671
29734
|
* - `defaultSelected`: Whether the markup declared this one chosen, which is what a reset returns to.
|
|
29672
29735
|
*
|
|
29673
29736
|
* `<option selected>` reflects to `defaultSelected` and `option.selected` is
|
|
@@ -29745,8 +29808,12 @@ export type CustomElements = {
|
|
|
29745
29808
|
*
|
|
29746
29809
|
* Methods that can be called to access component functionality.
|
|
29747
29810
|
*
|
|
29748
|
-
* - `focusItem() => void`: Moves focus to this
|
|
29749
|
-
*
|
|
29811
|
+
* - `focusItem() => void`: Moves focus to the control this renders, for the set's arrow keys.
|
|
29812
|
+
*
|
|
29813
|
+
* The set drives the keys and cannot reach the control itself, which is
|
|
29814
|
+
* inside this shadow root, so the intent is a method and the internals stay
|
|
29815
|
+
* the item's.
|
|
29816
|
+
* - `select() => boolean`: Chooses this one and announces it, and reports whether it stood.
|
|
29750
29817
|
*
|
|
29751
29818
|
* ## CSS Parts
|
|
29752
29819
|
*
|
|
@@ -32530,9 +32597,13 @@ export type CustomElements = {
|
|
|
32530
32597
|
*
|
|
32531
32598
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
32532
32599
|
*
|
|
32533
|
-
* - `disabled`: Whether
|
|
32534
|
-
* - `selected`: Whether this
|
|
32535
|
-
*
|
|
32600
|
+
* - `disabled`: Whether this one can be chosen.
|
|
32601
|
+
* - `selected`: Whether this is the current one.
|
|
32602
|
+
*
|
|
32603
|
+
* Written by the set rather than by a consumer, which is why it takes no
|
|
32604
|
+
* default from an attribute here: a family whose selection a consumer
|
|
32605
|
+
* declares in markup carries `defaultSelected` of its own to say so.
|
|
32606
|
+
* - `value`: Identifies this one to the set, and is what a form submits.
|
|
32536
32607
|
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
32537
32608
|
*
|
|
32538
32609
|
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
@@ -32570,8 +32641,12 @@ export type CustomElements = {
|
|
|
32570
32641
|
*
|
|
32571
32642
|
* Methods that can be called to access component functionality.
|
|
32572
32643
|
*
|
|
32573
|
-
* - `focusItem() => void`: Moves focus to this
|
|
32574
|
-
*
|
|
32644
|
+
* - `focusItem() => void`: Moves focus to the control this renders, for the set's arrow keys.
|
|
32645
|
+
*
|
|
32646
|
+
* The set drives the keys and cannot reach the control itself, which is
|
|
32647
|
+
* inside this shadow root, so the intent is a method and the internals stay
|
|
32648
|
+
* the item's.
|
|
32649
|
+
* - `select() => boolean`: Chooses this one and announces it, and reports whether it stood.
|
|
32575
32650
|
*
|
|
32576
32651
|
* ## CSS Parts
|
|
32577
32652
|
*
|
|
@@ -34041,9 +34116,13 @@ export type CustomElements = {
|
|
|
34041
34116
|
*
|
|
34042
34117
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
34043
34118
|
*
|
|
34044
|
-
* - `disabled`: Whether
|
|
34045
|
-
* - `selected`: Whether this
|
|
34046
|
-
*
|
|
34119
|
+
* - `disabled`: Whether this one can be chosen.
|
|
34120
|
+
* - `selected`: Whether this is the current one.
|
|
34121
|
+
*
|
|
34122
|
+
* Written by the set rather than by a consumer, which is why it takes no
|
|
34123
|
+
* default from an attribute here: a family whose selection a consumer
|
|
34124
|
+
* declares in markup carries `defaultSelected` of its own to say so.
|
|
34125
|
+
* - `value`: Identifies this one to the set, and is what a form submits.
|
|
34047
34126
|
* - `defaultSelected`: Whether the markup declared this one chosen, which is what a reset returns to.
|
|
34048
34127
|
*
|
|
34049
34128
|
* `<option selected>` reflects to `defaultSelected` and `option.selected` is
|
|
@@ -34113,12 +34192,12 @@ export type CustomElements = {
|
|
|
34113
34192
|
*
|
|
34114
34193
|
* Methods that can be called to access component functionality.
|
|
34115
34194
|
*
|
|
34116
|
-
* - `focusItem() => void`: Moves focus to this
|
|
34195
|
+
* - `focusItem() => void`: Moves focus to the control this renders, for the set's arrow keys.
|
|
34117
34196
|
*
|
|
34118
|
-
* The
|
|
34119
|
-
*
|
|
34120
|
-
*
|
|
34121
|
-
* - `select() =>
|
|
34197
|
+
* The set drives the keys and cannot reach the control itself, which is
|
|
34198
|
+
* inside this shadow root, so the intent is a method and the internals stay
|
|
34199
|
+
* the item's.
|
|
34200
|
+
* - `select() => boolean`: Chooses this one and announces it, and reports whether it stood.
|
|
34122
34201
|
*
|
|
34123
34202
|
* ## CSS Parts
|
|
34124
34203
|
*
|
|
@@ -41505,6 +41584,21 @@ export type CustomElementsSolidJs = {
|
|
|
41505
41584
|
* - `showingPage`: Whether this row's own page is the one showing.
|
|
41506
41585
|
*
|
|
41507
41586
|
* Written by the stack. (property only)
|
|
41587
|
+
* - `selected`: Whether this is the row the set is on, which in a drill-down is where focus
|
|
41588
|
+
* is.
|
|
41589
|
+
*
|
|
41590
|
+
* A radio group's selection is an answer it holds; a page of rows has no
|
|
41591
|
+
* answer, only the row a reader has walked to, so focus is the whole of what
|
|
41592
|
+
* "the current one" can mean here. This is `Menu.Item`'s reading word for
|
|
41593
|
+
* word, and the two are one pattern: a menu that drills and a drill-down are
|
|
41594
|
+
* the same rows through the same controller.
|
|
41595
|
+
*
|
|
41596
|
+
* Asked of the document rather than of the shadow root. `focusItem` puts
|
|
41597
|
+
* focus on the control inside this row and the platform retargets it, so from
|
|
41598
|
+
* outside the shadow tree `activeElement` is this element already and nothing
|
|
41599
|
+
* has to walk a tree. `ShadowRoot.activeElement` is also the reading that does
|
|
41600
|
+
* not survive happy-dom, which climbs `getRootNode()` to the top and then
|
|
41601
|
+
* dereferences what it ran out of. (property only) (readonly)
|
|
41508
41602
|
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
41509
41603
|
*
|
|
41510
41604
|
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
@@ -45552,11 +45646,16 @@ export type CustomElementsSolidJs = {
|
|
|
45552
45646
|
* declaration. `:state(read)` is what the stylesheet reads.
|
|
45553
45647
|
* `hydration.dom.spec.ts` holds it.
|
|
45554
45648
|
* - `default-read`/`defaultRead`: State to open with, where nothing declared one.
|
|
45555
|
-
* - `dismissible`: Whether a reader may remove it.
|
|
45556
|
-
* - `dismiss-label`/`dismissLabel`: Accessible name for the dismiss control.
|
|
45557
45649
|
* - `locale`: Locale for the timestamp.
|
|
45558
45650
|
*
|
|
45559
45651
|
* Empty is the runtime's own.
|
|
45652
|
+
* - `dismissible`: Whether it offers a control to take it away.
|
|
45653
|
+
* - `dismiss-label`/`dismissLabel`: Accessible name for that control.
|
|
45654
|
+
*
|
|
45655
|
+
* `attribute` is spelled out because Lit lowercases a property name to
|
|
45656
|
+
* derive one rather than dash-casing it, so this would otherwise be
|
|
45657
|
+
* reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
45658
|
+
* would catch.
|
|
45560
45659
|
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
45561
45660
|
*
|
|
45562
45661
|
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
@@ -45605,6 +45704,7 @@ export type CustomElementsSolidJs = {
|
|
|
45605
45704
|
* Public because a consumer's own control is as likely to ask as this
|
|
45606
45705
|
* element's own markup is, and because a list marking everything read has to
|
|
45607
45706
|
* go through the same request rather than writing the property behind it.
|
|
45707
|
+
* - `dismiss() => boolean`: Announces that it should go, and reports whether the request stood.
|
|
45608
45708
|
*
|
|
45609
45709
|
* ## CSS Parts
|
|
45610
45710
|
*
|
|
@@ -47741,11 +47841,13 @@ export type CustomElementsSolidJs = {
|
|
|
47741
47841
|
*
|
|
47742
47842
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
47743
47843
|
*
|
|
47744
|
-
* - `disabled`: Whether this
|
|
47745
|
-
* - `selected`: Whether this is the current
|
|
47844
|
+
* - `disabled`: Whether this one can be chosen.
|
|
47845
|
+
* - `selected`: Whether this is the current one.
|
|
47746
47846
|
*
|
|
47747
|
-
* Written by the
|
|
47748
|
-
*
|
|
47847
|
+
* Written by the set rather than by a consumer, which is why it takes no
|
|
47848
|
+
* default from an attribute here: a family whose selection a consumer
|
|
47849
|
+
* declares in markup carries `defaultSelected` of its own to say so.
|
|
47850
|
+
* - `value`: Identifies this one to the set, and is what a form submits.
|
|
47749
47851
|
* - `defaultSelected`: Whether the markup declared this one chosen, which is what a reset returns to.
|
|
47750
47852
|
*
|
|
47751
47853
|
* `<option selected>` reflects to `defaultSelected` and `option.selected` is
|
|
@@ -47823,8 +47925,12 @@ export type CustomElementsSolidJs = {
|
|
|
47823
47925
|
*
|
|
47824
47926
|
* Methods that can be called to access component functionality.
|
|
47825
47927
|
*
|
|
47826
|
-
* - `focusItem() => void`: Moves focus to this
|
|
47827
|
-
*
|
|
47928
|
+
* - `focusItem() => void`: Moves focus to the control this renders, for the set's arrow keys.
|
|
47929
|
+
*
|
|
47930
|
+
* The set drives the keys and cannot reach the control itself, which is
|
|
47931
|
+
* inside this shadow root, so the intent is a method and the internals stay
|
|
47932
|
+
* the item's.
|
|
47933
|
+
* - `select() => boolean`: Chooses this one and announces it, and reports whether it stood.
|
|
47828
47934
|
*
|
|
47829
47935
|
* ## CSS Parts
|
|
47830
47936
|
*
|
|
@@ -50669,9 +50775,13 @@ export type CustomElementsSolidJs = {
|
|
|
50669
50775
|
*
|
|
50670
50776
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
50671
50777
|
*
|
|
50672
|
-
* - `disabled`: Whether
|
|
50673
|
-
* - `selected`: Whether this
|
|
50674
|
-
*
|
|
50778
|
+
* - `disabled`: Whether this one can be chosen.
|
|
50779
|
+
* - `selected`: Whether this is the current one.
|
|
50780
|
+
*
|
|
50781
|
+
* Written by the set rather than by a consumer, which is why it takes no
|
|
50782
|
+
* default from an attribute here: a family whose selection a consumer
|
|
50783
|
+
* declares in markup carries `defaultSelected` of its own to say so.
|
|
50784
|
+
* - `value`: Identifies this one to the set, and is what a form submits.
|
|
50675
50785
|
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
50676
50786
|
*
|
|
50677
50787
|
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
@@ -50709,8 +50819,12 @@ export type CustomElementsSolidJs = {
|
|
|
50709
50819
|
*
|
|
50710
50820
|
* Methods that can be called to access component functionality.
|
|
50711
50821
|
*
|
|
50712
|
-
* - `focusItem() => void`: Moves focus to this
|
|
50713
|
-
*
|
|
50822
|
+
* - `focusItem() => void`: Moves focus to the control this renders, for the set's arrow keys.
|
|
50823
|
+
*
|
|
50824
|
+
* The set drives the keys and cannot reach the control itself, which is
|
|
50825
|
+
* inside this shadow root, so the intent is a method and the internals stay
|
|
50826
|
+
* the item's.
|
|
50827
|
+
* - `select() => boolean`: Chooses this one and announces it, and reports whether it stood.
|
|
50714
50828
|
*
|
|
50715
50829
|
* ## CSS Parts
|
|
50716
50830
|
*
|
|
@@ -52204,9 +52318,13 @@ export type CustomElementsSolidJs = {
|
|
|
52204
52318
|
*
|
|
52205
52319
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
52206
52320
|
*
|
|
52207
|
-
* - `disabled`: Whether
|
|
52208
|
-
* - `selected`: Whether this
|
|
52209
|
-
*
|
|
52321
|
+
* - `disabled`: Whether this one can be chosen.
|
|
52322
|
+
* - `selected`: Whether this is the current one.
|
|
52323
|
+
*
|
|
52324
|
+
* Written by the set rather than by a consumer, which is why it takes no
|
|
52325
|
+
* default from an attribute here: a family whose selection a consumer
|
|
52326
|
+
* declares in markup carries `defaultSelected` of its own to say so.
|
|
52327
|
+
* - `value`: Identifies this one to the set, and is what a form submits.
|
|
52210
52328
|
* - `defaultSelected`: Whether the markup declared this one chosen, which is what a reset returns to.
|
|
52211
52329
|
*
|
|
52212
52330
|
* `<option selected>` reflects to `defaultSelected` and `option.selected` is
|
|
@@ -52276,12 +52394,12 @@ export type CustomElementsSolidJs = {
|
|
|
52276
52394
|
*
|
|
52277
52395
|
* Methods that can be called to access component functionality.
|
|
52278
52396
|
*
|
|
52279
|
-
* - `focusItem() => void`: Moves focus to this
|
|
52397
|
+
* - `focusItem() => void`: Moves focus to the control this renders, for the set's arrow keys.
|
|
52280
52398
|
*
|
|
52281
|
-
* The
|
|
52282
|
-
*
|
|
52283
|
-
*
|
|
52284
|
-
* - `select() =>
|
|
52399
|
+
* The set drives the keys and cannot reach the control itself, which is
|
|
52400
|
+
* inside this shadow root, so the intent is a method and the internals stay
|
|
52401
|
+
* the item's.
|
|
52402
|
+
* - `select() => boolean`: Chooses this one and announces it, and reports whether it stood.
|
|
52285
52403
|
*
|
|
52286
52404
|
* ## CSS Parts
|
|
52287
52405
|
*
|
package/types/vue.d.ts
CHANGED
|
@@ -5135,16 +5135,26 @@ declaration. `:state(read)` is what the stylesheet reads.
|
|
|
5135
5135
|
"default-read"?: (HelixHeadlessNotification["defaultRead"]) | undefined;
|
|
5136
5136
|
/** State to open with, where nothing declared one. */
|
|
5137
5137
|
defaultRead?: (HelixHeadlessNotification["defaultRead"]) | undefined;
|
|
5138
|
-
/** Whether a reader may remove it. */
|
|
5139
|
-
dismissible?: (HelixHeadlessNotification["dismissible"]) | undefined;
|
|
5140
|
-
/** Accessible name for the dismiss control. */
|
|
5141
|
-
"dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
5142
|
-
/** Accessible name for the dismiss control. */
|
|
5143
|
-
dismissLabel?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
5144
5138
|
/** Locale for the timestamp.
|
|
5145
5139
|
|
|
5146
5140
|
Empty is the runtime's own. */
|
|
5147
5141
|
locale?: (HelixHeadlessNotification["locale"]) | undefined;
|
|
5142
|
+
/** Whether it offers a control to take it away. */
|
|
5143
|
+
dismissible?: (HelixHeadlessNotification["dismissible"]) | undefined;
|
|
5144
|
+
/** Accessible name for that control.
|
|
5145
|
+
|
|
5146
|
+
`attribute` is spelled out because Lit lowercases a property name to
|
|
5147
|
+
derive one rather than dash-casing it, so this would otherwise be
|
|
5148
|
+
reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
5149
|
+
would catch. */
|
|
5150
|
+
"dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
5151
|
+
/** Accessible name for that control.
|
|
5152
|
+
|
|
5153
|
+
`attribute` is spelled out because Lit lowercases a property name to
|
|
5154
|
+
derive one rather than dash-casing it, so this would otherwise be
|
|
5155
|
+
reachable only as `dismisslabel`, which nobody would guess and no linter
|
|
5156
|
+
would catch. */
|
|
5157
|
+
dismissLabel?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
|
|
5148
5158
|
};
|
|
5149
5159
|
|
|
5150
5160
|
export type HelixHeadlessNotificationVueEvents = {
|
|
@@ -6166,13 +6176,15 @@ export type HelixHeadlessRadioHelixSelectElementEvent =
|
|
|
6166
6176
|
HelixHeadlessRadioElementEvent<HelixSelectEvent>;
|
|
6167
6177
|
|
|
6168
6178
|
export type HelixHeadlessRadioVueProps = {
|
|
6169
|
-
/** Whether this
|
|
6179
|
+
/** Whether this one can be chosen. */
|
|
6170
6180
|
disabled?: (HelixHeadlessRadio["disabled"]) | undefined;
|
|
6171
|
-
/** Whether this is the current
|
|
6181
|
+
/** Whether this is the current one.
|
|
6172
6182
|
|
|
6173
|
-
Written by the
|
|
6183
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
6184
|
+
default from an attribute here: a family whose selection a consumer
|
|
6185
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
6174
6186
|
selected?: (HelixHeadlessRadio["selected"]) | undefined;
|
|
6175
|
-
/** Identifies this
|
|
6187
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
6176
6188
|
value?: (HelixHeadlessRadio["value"]) | undefined;
|
|
6177
6189
|
/** Whether the markup declared this one chosen, which is what a reset returns to.
|
|
6178
6190
|
|
|
@@ -7436,11 +7448,15 @@ export type HelixHeadlessTabHelixSelectElementEvent =
|
|
|
7436
7448
|
HelixHeadlessTabElementEvent<HelixSelectEvent>;
|
|
7437
7449
|
|
|
7438
7450
|
export type HelixHeadlessTabVueProps = {
|
|
7439
|
-
/** Whether
|
|
7451
|
+
/** Whether this one can be chosen. */
|
|
7440
7452
|
disabled?: (HelixHeadlessTab["disabled"]) | undefined;
|
|
7441
|
-
/** Whether this
|
|
7453
|
+
/** Whether this is the current one.
|
|
7454
|
+
|
|
7455
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
7456
|
+
default from an attribute here: a family whose selection a consumer
|
|
7457
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
7442
7458
|
selected?: (HelixHeadlessTab["selected"]) | undefined;
|
|
7443
|
-
/** Identifies the
|
|
7459
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
7444
7460
|
value?: (HelixHeadlessTab["value"]) | undefined;
|
|
7445
7461
|
};
|
|
7446
7462
|
|
|
@@ -8229,11 +8245,15 @@ export type HelixHeadlessToggleHelixSelectElementEvent =
|
|
|
8229
8245
|
HelixHeadlessToggleElementEvent<HelixSelectEvent>;
|
|
8230
8246
|
|
|
8231
8247
|
export type HelixHeadlessToggleVueProps = {
|
|
8232
|
-
/** Whether
|
|
8248
|
+
/** Whether this one can be chosen. */
|
|
8233
8249
|
disabled?: (HelixHeadlessToggle["disabled"]) | undefined;
|
|
8234
|
-
/** Whether this
|
|
8250
|
+
/** Whether this is the current one.
|
|
8251
|
+
|
|
8252
|
+
Written by the set rather than by a consumer, which is why it takes no
|
|
8253
|
+
default from an attribute here: a family whose selection a consumer
|
|
8254
|
+
declares in markup carries `defaultSelected` of its own to say so. */
|
|
8235
8255
|
selected?: (HelixHeadlessToggle["selected"]) | undefined;
|
|
8236
|
-
/** Identifies
|
|
8256
|
+
/** Identifies this one to the set, and is what a form submits. */
|
|
8237
8257
|
value?: (HelixHeadlessToggle["value"]) | undefined;
|
|
8238
8258
|
/** Whether the markup declared this one chosen, which is what a reset returns to.
|
|
8239
8259
|
|