@fusion.dev/helix 0.158.0 → 0.159.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 +880 -34
- package/dist/app-header/root/app-header-root.css.js +1 -1
- package/dist/button/root/button-root.d.ts +1 -0
- package/dist/element-events.generated.js +2 -1
- package/dist/icon-button/root/icon-button-root.d.ts +1 -0
- package/dist/steps/step/step.css.js +3 -1
- package/dist/tabs/root/tabs-root.css.js +2 -1
- package/dist/tabs/root/tabs-root.d.ts +4 -0
- package/dist/tabs/tab/tab.css.js +1 -1
- package/dist/tabs/tab/tab.d.ts +2 -0
- package/dist/toast/item/toast-item.css.js +2 -2
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +297 -3
- package/types/vue.d.ts +85 -2
package/custom-elements.json
CHANGED
|
@@ -2935,6 +2935,126 @@
|
|
|
2935
2935
|
"attribute": "sticky",
|
|
2936
2936
|
"reflects": true
|
|
2937
2937
|
},
|
|
2938
|
+
{
|
|
2939
|
+
"kind": "field",
|
|
2940
|
+
"name": "defaultOpen",
|
|
2941
|
+
"type": {
|
|
2942
|
+
"text": "boolean"
|
|
2943
|
+
},
|
|
2944
|
+
"default": "false",
|
|
2945
|
+
"description": "Whether the element starts open. Ignored once `open` is written.",
|
|
2946
|
+
"attribute": "default-open",
|
|
2947
|
+
"inheritedFrom": {
|
|
2948
|
+
"name": "MixinControllerOpen",
|
|
2949
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
2950
|
+
}
|
|
2951
|
+
},
|
|
2952
|
+
{
|
|
2953
|
+
"kind": "field",
|
|
2954
|
+
"name": "open",
|
|
2955
|
+
"type": {
|
|
2956
|
+
"text": "boolean"
|
|
2957
|
+
},
|
|
2958
|
+
"description": "Whether the element is open.\n\nOne property, not two, so `dialog.open` answers the question anyone\nasking it meant. Writing always applies; `<helix-dialog open>` is the\nsame statement in markup.\n\n**Not reflected, and that is required rather than tidy.** Reflection\nwrites the resolved state back as an attribute, so an element that opened\nitself would put `open` on its own host: cloned, serialized for\nhydration, or diffed by a framework, it comes back holding whatever the\nlast reader did rather than what the author wrote. `:state(open)` carries\nthe resolved state for stylesheets, which is what the mirror is for.",
|
|
2959
|
+
"attribute": "open",
|
|
2960
|
+
"inheritedFrom": {
|
|
2961
|
+
"name": "MixinControllerOpen",
|
|
2962
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
2963
|
+
}
|
|
2964
|
+
},
|
|
2965
|
+
{
|
|
2966
|
+
"kind": "field",
|
|
2967
|
+
"name": "openState",
|
|
2968
|
+
"type": {
|
|
2969
|
+
"text": "boolean | undefined"
|
|
2970
|
+
},
|
|
2971
|
+
"privacy": "private",
|
|
2972
|
+
"default": "undefined",
|
|
2973
|
+
"description": "The state, whoever set it, and `undefined` until somebody has.\n\nPrefixed, and it has to be. These mixins compose onto one prototype\nchain, `Select` takes this one and `MixinControllerValue` together, and\nTypeScript's `private` is a compile-time fiction: two mixins with a field\ncalled `state` share one property on the instance, and the second one\nsilently overwrites the first. Measured, as a select whose `value` came\nback holding its `open` boolean.\n\nOne field and not two. Writing always applies, the way a native control\ndoes when a script assigns to it.",
|
|
2974
|
+
"inheritedFrom": {
|
|
2975
|
+
"name": "MixinControllerOpen",
|
|
2976
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
2977
|
+
}
|
|
2978
|
+
},
|
|
2979
|
+
{
|
|
2980
|
+
"kind": "field",
|
|
2981
|
+
"name": "announcedOpen",
|
|
2982
|
+
"type": {
|
|
2983
|
+
"text": "boolean | undefined"
|
|
2984
|
+
},
|
|
2985
|
+
"privacy": "private",
|
|
2986
|
+
"default": "undefined",
|
|
2987
|
+
"description": "The state `toggle` last reported, and `undefined` before the first update.\n\n`requestOpen` announces at once. An assignment to `open` announces here,\nonce it has rendered, so a consumer binding `toggle` hears every change\nthat a `close` listener on a dialog hears. The first update sets it and\nannounces nothing, because a seed is where the element starts.",
|
|
2988
|
+
"inheritedFrom": {
|
|
2989
|
+
"name": "MixinControllerOpen",
|
|
2990
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
2991
|
+
}
|
|
2992
|
+
},
|
|
2993
|
+
{
|
|
2994
|
+
"kind": "method",
|
|
2995
|
+
"name": "requestOpen",
|
|
2996
|
+
"return": {
|
|
2997
|
+
"type": {
|
|
2998
|
+
"text": "boolean"
|
|
2999
|
+
}
|
|
3000
|
+
},
|
|
3001
|
+
"parameters": [
|
|
3002
|
+
{
|
|
3003
|
+
"name": "next",
|
|
3004
|
+
"type": {
|
|
3005
|
+
"text": "boolean"
|
|
3006
|
+
}
|
|
3007
|
+
}
|
|
3008
|
+
],
|
|
3009
|
+
"description": "Requests that the element open or close, and returns whether the change\nwas applied.\n\nAnnounces before it acts, so `preventDefault()` on the `helix-before-open` or\n`helix-before-close` is a refusal and nothing moves. Nobody refusing means the\nelement opens or closes itself, whether or not a consumer declared\n`open`: a declared property is a seed and a correction, and a consumer\nwho wants the decision for themselves refuses it and assigns their own.",
|
|
3010
|
+
"inheritedFrom": {
|
|
3011
|
+
"name": "MixinControllerOpen",
|
|
3012
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
3013
|
+
},
|
|
3014
|
+
"type": {
|
|
3015
|
+
"text": "requestOpen(next: boolean) => boolean"
|
|
3016
|
+
}
|
|
3017
|
+
},
|
|
3018
|
+
{
|
|
3019
|
+
"kind": "method",
|
|
3020
|
+
"name": "announceToggle",
|
|
3021
|
+
"privacy": "private",
|
|
3022
|
+
"return": {
|
|
3023
|
+
"type": {
|
|
3024
|
+
"text": "void"
|
|
3025
|
+
}
|
|
3026
|
+
},
|
|
3027
|
+
"parameters": [
|
|
3028
|
+
{
|
|
3029
|
+
"name": "open",
|
|
3030
|
+
"type": {
|
|
3031
|
+
"text": "boolean"
|
|
3032
|
+
}
|
|
3033
|
+
}
|
|
3034
|
+
],
|
|
3035
|
+
"description": "Says the state moved, under the platform's own name and in its shape.\n\n**A native `toggle` from inside a shadow root reaches nobody**, because\nit neither bubbles nor composes, so the ten families showing a\n`popover=\"manual\"` panel and the two rendering a real `<dialog>` announce\nnothing to a consumer. The disclosures have no native element to fire\nanything at all: `AccordionItem` and `TreeItem` are `aria-expanded` and\n`hidden` written by hand, which is `<details>`'s job done manually.\n\n**From here rather than from `PopoverController`.** The controller covers\neleven families and the mixin covers sixteen, so announcing from both\nwould announce twice on the ten they share. What `toggle` reports is the\n*state*, and the state is this mixin's; the controller is a way of\nputting a panel on the screen.\n\n**`newState` and `oldState`, because that is the platform's shape**, so a\nconsumer arriving from `<details>` reads the same two words. Not\ncancelable: the before events are the request, and a second cancelable\nevent for one transition is two answers to one question.",
|
|
3036
|
+
"inheritedFrom": {
|
|
3037
|
+
"name": "MixinControllerOpen",
|
|
3038
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
3039
|
+
}
|
|
3040
|
+
},
|
|
3041
|
+
{
|
|
3042
|
+
"kind": "method",
|
|
3043
|
+
"name": "toggleOpen",
|
|
3044
|
+
"return": {
|
|
3045
|
+
"type": {
|
|
3046
|
+
"text": "boolean"
|
|
3047
|
+
}
|
|
3048
|
+
},
|
|
3049
|
+
"description": "Requests the opposite of the current state.",
|
|
3050
|
+
"inheritedFrom": {
|
|
3051
|
+
"name": "MixinControllerOpen",
|
|
3052
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
3053
|
+
},
|
|
3054
|
+
"type": {
|
|
3055
|
+
"text": "toggleOpen() => boolean"
|
|
3056
|
+
}
|
|
3057
|
+
},
|
|
2938
3058
|
{
|
|
2939
3059
|
"kind": "field",
|
|
2940
3060
|
"name": "words",
|
|
@@ -2990,6 +3110,23 @@
|
|
|
2990
3110
|
"module": "src/app-header/root/app-header-root.ts"
|
|
2991
3111
|
}
|
|
2992
3112
|
},
|
|
3113
|
+
{
|
|
3114
|
+
"kind": "field",
|
|
3115
|
+
"name": "menuLabel",
|
|
3116
|
+
"type": {
|
|
3117
|
+
"text": "string"
|
|
3118
|
+
},
|
|
3119
|
+
"default": "'Menu'",
|
|
3120
|
+
"description": "The name of the toggle that opens a folded middle region.",
|
|
3121
|
+
"attribute": "menu-label",
|
|
3122
|
+
"helix": {
|
|
3123
|
+
"words": true
|
|
3124
|
+
},
|
|
3125
|
+
"inheritedFrom": {
|
|
3126
|
+
"name": "HelixHeadlessAppHeader",
|
|
3127
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
3128
|
+
}
|
|
3129
|
+
},
|
|
2993
3130
|
{
|
|
2994
3131
|
"kind": "field",
|
|
2995
3132
|
"name": "folded",
|
|
@@ -3011,8 +3148,8 @@
|
|
|
3011
3148
|
"text": "boolean"
|
|
3012
3149
|
},
|
|
3013
3150
|
"privacy": "private",
|
|
3014
|
-
"
|
|
3015
|
-
"
|
|
3151
|
+
"description": "Whether the folded middle region is open and showing.",
|
|
3152
|
+
"readonly": true,
|
|
3016
3153
|
"inheritedFrom": {
|
|
3017
3154
|
"name": "HelixHeadlessAppHeader",
|
|
3018
3155
|
"module": "src/app-header/root/app-header-root.ts"
|
|
@@ -3063,7 +3200,7 @@
|
|
|
3063
3200
|
}
|
|
3064
3201
|
}
|
|
3065
3202
|
],
|
|
3066
|
-
"description": "Folds the middle region where the bar is narrower than `fold-below`.",
|
|
3203
|
+
"description": "Folds the middle region where the bar is narrower than `fold-below`. A bar\nthat widens closes its region, so it starts closed when it folds again;\none that narrows keeps an `open` you set.",
|
|
3067
3204
|
"inheritedFrom": {
|
|
3068
3205
|
"name": "HelixHeadlessAppHeader",
|
|
3069
3206
|
"module": "src/app-header/root/app-header-root.ts"
|
|
@@ -3091,6 +3228,57 @@
|
|
|
3091
3228
|
"module": "src/app-header/root/app-header-root.ts"
|
|
3092
3229
|
}
|
|
3093
3230
|
},
|
|
3231
|
+
{
|
|
3232
|
+
"kind": "field",
|
|
3233
|
+
"name": "handleFocusOut",
|
|
3234
|
+
"privacy": "private",
|
|
3235
|
+
"readonly": true,
|
|
3236
|
+
"description": "Closes the open region when focus moves to something outside the header.\nFocus leaving the window has no `relatedTarget`, and closes nothing.",
|
|
3237
|
+
"inheritedFrom": {
|
|
3238
|
+
"name": "HelixHeadlessAppHeader",
|
|
3239
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
3240
|
+
}
|
|
3241
|
+
},
|
|
3242
|
+
{
|
|
3243
|
+
"kind": "field",
|
|
3244
|
+
"name": "handleOutsidePress",
|
|
3245
|
+
"privacy": "private",
|
|
3246
|
+
"readonly": true,
|
|
3247
|
+
"description": "Closes the open region on a press outside the header.",
|
|
3248
|
+
"inheritedFrom": {
|
|
3249
|
+
"name": "HelixHeadlessAppHeader",
|
|
3250
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
3251
|
+
}
|
|
3252
|
+
},
|
|
3253
|
+
{
|
|
3254
|
+
"kind": "field",
|
|
3255
|
+
"name": "pressing",
|
|
3256
|
+
"type": {
|
|
3257
|
+
"text": "boolean"
|
|
3258
|
+
},
|
|
3259
|
+
"privacy": "private",
|
|
3260
|
+
"default": "false",
|
|
3261
|
+
"description": "Whether the outside press is listened for, which is while the region is open.",
|
|
3262
|
+
"inheritedFrom": {
|
|
3263
|
+
"name": "HelixHeadlessAppHeader",
|
|
3264
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
3265
|
+
}
|
|
3266
|
+
},
|
|
3267
|
+
{
|
|
3268
|
+
"kind": "method",
|
|
3269
|
+
"name": "watchPresses",
|
|
3270
|
+
"privacy": "private",
|
|
3271
|
+
"return": {
|
|
3272
|
+
"type": {
|
|
3273
|
+
"text": "void"
|
|
3274
|
+
}
|
|
3275
|
+
},
|
|
3276
|
+
"description": "Listens for a press outside while the folded region is open, and only then.",
|
|
3277
|
+
"inheritedFrom": {
|
|
3278
|
+
"name": "HelixHeadlessAppHeader",
|
|
3279
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
3280
|
+
}
|
|
3281
|
+
},
|
|
3094
3282
|
{
|
|
3095
3283
|
"kind": "field",
|
|
3096
3284
|
"name": "away",
|
|
@@ -3178,16 +3366,12 @@
|
|
|
3178
3366
|
},
|
|
3179
3367
|
{
|
|
3180
3368
|
"kind": "field",
|
|
3181
|
-
"name": "
|
|
3369
|
+
"name": "scroller",
|
|
3182
3370
|
"type": {
|
|
3183
|
-
"text": "string"
|
|
3184
|
-
},
|
|
3185
|
-
"default": "'Menu'",
|
|
3186
|
-
"description": "The name of the toggle that opens a folded middle region.",
|
|
3187
|
-
"attribute": "menu-label",
|
|
3188
|
-
"helix": {
|
|
3189
|
-
"words": true
|
|
3371
|
+
"text": "string | undefined"
|
|
3190
3372
|
},
|
|
3373
|
+
"description": "The id of the element whose scrolling lifts the bar, for an app shell that\nscrolls a container instead of the window. Unset is the window.",
|
|
3374
|
+
"attribute": "scroller",
|
|
3191
3375
|
"inheritedFrom": {
|
|
3192
3376
|
"name": "HelixHeadlessAppHeader",
|
|
3193
3377
|
"module": "src/app-header/root/app-header-root.ts"
|
|
@@ -3195,12 +3379,13 @@
|
|
|
3195
3379
|
},
|
|
3196
3380
|
{
|
|
3197
3381
|
"kind": "field",
|
|
3198
|
-
"name": "
|
|
3382
|
+
"name": "togglePlacement",
|
|
3199
3383
|
"type": {
|
|
3200
|
-
"text": "
|
|
3384
|
+
"text": "'start' | undefined"
|
|
3201
3385
|
},
|
|
3202
|
-
"description": "
|
|
3203
|
-
"attribute": "
|
|
3386
|
+
"description": "Where the toggle that opens a folded middle region sits: at the end of the\nbar, after the trailing content, or with `start`, before the leading\ncontent.\n\nOptional, so the resting bar writes no attribute onto the host.",
|
|
3387
|
+
"attribute": "toggle-placement",
|
|
3388
|
+
"reflects": true,
|
|
3204
3389
|
"inheritedFrom": {
|
|
3205
3390
|
"name": "HelixHeadlessAppHeader",
|
|
3206
3391
|
"module": "src/app-header/root/app-header-root.ts"
|
|
@@ -3687,6 +3872,31 @@
|
|
|
3687
3872
|
"description": "Whether the banner sticks to the top of the viewport.\n\nOpt in, because following the reader is a decision about the page rather\nthan about the bar, and because a reflected `true` writes an attribute the\nserver's markup does not have. Every default here is the absent attribute.\n\nIt pairs with `material`: a bar that does not stick is only ever over the\ntop of the page, so `glass` and `transparent` have nothing to be\ntranslucent against and the `scrolled` state never lands.",
|
|
3688
3873
|
"fieldName": "sticky"
|
|
3689
3874
|
},
|
|
3875
|
+
{
|
|
3876
|
+
"name": "default-open",
|
|
3877
|
+
"type": {
|
|
3878
|
+
"text": "boolean"
|
|
3879
|
+
},
|
|
3880
|
+
"default": "false",
|
|
3881
|
+
"description": "Whether the element starts open. Ignored once `open` is written.",
|
|
3882
|
+
"fieldName": "defaultOpen",
|
|
3883
|
+
"inheritedFrom": {
|
|
3884
|
+
"name": "MixinControllerOpen",
|
|
3885
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
3886
|
+
}
|
|
3887
|
+
},
|
|
3888
|
+
{
|
|
3889
|
+
"name": "open",
|
|
3890
|
+
"type": {
|
|
3891
|
+
"text": "boolean"
|
|
3892
|
+
},
|
|
3893
|
+
"description": "Whether the element is open.\n\nOne property, not two, so `dialog.open` answers the question anyone\nasking it meant. Writing always applies; `<helix-dialog open>` is the\nsame statement in markup.\n\n**Not reflected, and that is required rather than tidy.** Reflection\nwrites the resolved state back as an attribute, so an element that opened\nitself would put `open` on its own host: cloned, serialized for\nhydration, or diffed by a framework, it comes back holding whatever the\nlast reader did rather than what the author wrote. `:state(open)` carries\nthe resolved state for stylesheets, which is what the mirror is for.",
|
|
3894
|
+
"fieldName": "open",
|
|
3895
|
+
"inheritedFrom": {
|
|
3896
|
+
"name": "MixinControllerOpen",
|
|
3897
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
3898
|
+
}
|
|
3899
|
+
},
|
|
3690
3900
|
{
|
|
3691
3901
|
"name": "content-align",
|
|
3692
3902
|
"type": {
|
|
@@ -3748,6 +3958,18 @@
|
|
|
3748
3958
|
"name": "HelixHeadlessAppHeader",
|
|
3749
3959
|
"module": "src/app-header/root/app-header-root.ts"
|
|
3750
3960
|
}
|
|
3961
|
+
},
|
|
3962
|
+
{
|
|
3963
|
+
"name": "toggle-placement",
|
|
3964
|
+
"type": {
|
|
3965
|
+
"text": "'start' | undefined"
|
|
3966
|
+
},
|
|
3967
|
+
"description": "Where the toggle that opens a folded middle region sits: at the end of the\nbar, after the trailing content, or with `start`, before the leading\ncontent.\n\nOptional, so the resting bar writes no attribute onto the host.",
|
|
3968
|
+
"fieldName": "togglePlacement",
|
|
3969
|
+
"inheritedFrom": {
|
|
3970
|
+
"name": "HelixHeadlessAppHeader",
|
|
3971
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
3972
|
+
}
|
|
3751
3973
|
}
|
|
3752
3974
|
],
|
|
3753
3975
|
"superclass": {
|
|
@@ -3798,6 +4020,56 @@
|
|
|
3798
4020
|
},
|
|
3799
4021
|
"tagName": "helix-app-header",
|
|
3800
4022
|
"customElement": true,
|
|
4023
|
+
"events": [
|
|
4024
|
+
{
|
|
4025
|
+
"name": "toggle",
|
|
4026
|
+
"type": {
|
|
4027
|
+
"text": "ToggleEvent"
|
|
4028
|
+
},
|
|
4029
|
+
"description": "The folded region opened or closed. The event carries `newState` and `oldState`.",
|
|
4030
|
+
"inheritedFrom": {
|
|
4031
|
+
"name": "MixinControllerOpen",
|
|
4032
|
+
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
4033
|
+
},
|
|
4034
|
+
"reactProp": "ontoggle"
|
|
4035
|
+
},
|
|
4036
|
+
{
|
|
4037
|
+
"type": {
|
|
4038
|
+
"text": "HelixBeforeCloseEvent"
|
|
4039
|
+
},
|
|
4040
|
+
"description": "The folded region is about to close. Cancelable: cancel it to keep it open.",
|
|
4041
|
+
"name": "helix-before-close",
|
|
4042
|
+
"reactProp": "onhelix-before-close",
|
|
4043
|
+
"inheritedFrom": {
|
|
4044
|
+
"name": "HelixHeadlessAppHeader",
|
|
4045
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
4046
|
+
}
|
|
4047
|
+
},
|
|
4048
|
+
{
|
|
4049
|
+
"type": {
|
|
4050
|
+
"text": "HelixBeforeOpenEvent"
|
|
4051
|
+
},
|
|
4052
|
+
"description": "The folded region is about to open. Cancelable: cancel it to keep it closed.",
|
|
4053
|
+
"name": "helix-before-open",
|
|
4054
|
+
"reactProp": "onhelix-before-open",
|
|
4055
|
+
"inheritedFrom": {
|
|
4056
|
+
"name": "HelixHeadlessAppHeader",
|
|
4057
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
4058
|
+
}
|
|
4059
|
+
},
|
|
4060
|
+
{
|
|
4061
|
+
"type": {
|
|
4062
|
+
"text": "HelixScrolledEvent"
|
|
4063
|
+
},
|
|
4064
|
+
"description": "Fired when the page crosses the scroll threshold, with the new state. A custom state cannot be observed the way an attribute can, so listen for this event to follow it. The event uses the header's own threshold and hysteresis, so you do not need a second scroll listener.",
|
|
4065
|
+
"name": "helix-scrolled",
|
|
4066
|
+
"reactProp": "onhelix-scrolled",
|
|
4067
|
+
"inheritedFrom": {
|
|
4068
|
+
"name": "HelixHeadlessAppHeader",
|
|
4069
|
+
"module": "src/app-header/root/app-header-root.ts"
|
|
4070
|
+
}
|
|
4071
|
+
}
|
|
4072
|
+
],
|
|
3801
4073
|
"cssParts": [
|
|
3802
4074
|
{
|
|
3803
4075
|
"description": "The middle region.",
|
|
@@ -3848,20 +4120,6 @@
|
|
|
3848
4120
|
}
|
|
3849
4121
|
}
|
|
3850
4122
|
],
|
|
3851
|
-
"events": [
|
|
3852
|
-
{
|
|
3853
|
-
"type": {
|
|
3854
|
-
"text": "HelixScrolledEvent"
|
|
3855
|
-
},
|
|
3856
|
-
"description": "Fired when the page crosses the scroll threshold, with the new state. A custom state cannot be observed the way an attribute can, so listen for this event to follow it. The event uses the header's own threshold and hysteresis, so you do not need a second scroll listener.",
|
|
3857
|
-
"name": "helix-scrolled",
|
|
3858
|
-
"reactProp": "onhelix-scrolled",
|
|
3859
|
-
"inheritedFrom": {
|
|
3860
|
-
"name": "HelixHeadlessAppHeader",
|
|
3861
|
-
"module": "src/app-header/root/app-header-root.ts"
|
|
3862
|
-
}
|
|
3863
|
-
}
|
|
3864
|
-
],
|
|
3865
4123
|
"cssStates": [
|
|
3866
4124
|
{
|
|
3867
4125
|
"description": "While the bar is narrower than `fold-below`, and the middle region is behind the toggle.",
|
|
@@ -14249,6 +14507,20 @@
|
|
|
14249
14507
|
"module": "src/button-group/root/button-group-root.ts"
|
|
14250
14508
|
}
|
|
14251
14509
|
},
|
|
14510
|
+
{
|
|
14511
|
+
"kind": "field",
|
|
14512
|
+
"name": "disallowEmptySelection",
|
|
14513
|
+
"type": {
|
|
14514
|
+
"text": "boolean"
|
|
14515
|
+
},
|
|
14516
|
+
"default": "false",
|
|
14517
|
+
"description": "Keeps at least one button pressed once one is, as React Aria's\n`disallowEmptySelection`: a press that would leave none pressed is\nrefused.",
|
|
14518
|
+
"attribute": "disallow-empty-selection",
|
|
14519
|
+
"inheritedFrom": {
|
|
14520
|
+
"name": "HelixHeadlessButtonGroup",
|
|
14521
|
+
"module": "src/button-group/root/button-group-root.ts"
|
|
14522
|
+
}
|
|
14523
|
+
},
|
|
14252
14524
|
{
|
|
14253
14525
|
"kind": "field",
|
|
14254
14526
|
"name": "label",
|
|
@@ -14859,6 +15131,19 @@
|
|
|
14859
15131
|
"description": "Whether the buttons are one bar or a spaced row.\n\nJoined by default: one control made of parts, sharing borders, reading as a\nsegmented bar.\n\n`spaced` is the same set with air between them, for a row of related but\nseparate actions. The semantics and the joining are separate questions:\n`role=\"group\"` and a shared name are what make a set of buttons a set, and\n`helix-flex` gives the spacing without the group.",
|
|
14860
15132
|
"fieldName": "variant"
|
|
14861
15133
|
},
|
|
15134
|
+
{
|
|
15135
|
+
"name": "disallow-empty-selection",
|
|
15136
|
+
"type": {
|
|
15137
|
+
"text": "boolean"
|
|
15138
|
+
},
|
|
15139
|
+
"default": "false",
|
|
15140
|
+
"description": "Keeps at least one button pressed once one is, as React Aria's\n`disallowEmptySelection`: a press that would leave none pressed is\nrefused.",
|
|
15141
|
+
"fieldName": "disallowEmptySelection",
|
|
15142
|
+
"inheritedFrom": {
|
|
15143
|
+
"name": "HelixHeadlessButtonGroup",
|
|
15144
|
+
"module": "src/button-group/root/button-group-root.ts"
|
|
15145
|
+
}
|
|
15146
|
+
},
|
|
14862
15147
|
{
|
|
14863
15148
|
"name": "label",
|
|
14864
15149
|
"type": {
|
|
@@ -16761,6 +17046,14 @@
|
|
|
16761
17046
|
"module": "src/button/root/button-root.ts"
|
|
16762
17047
|
}
|
|
16763
17048
|
},
|
|
17049
|
+
{
|
|
17050
|
+
"description": "A Button Group in a selection mode has this button pressed.",
|
|
17051
|
+
"name": "pressed",
|
|
17052
|
+
"inheritedFrom": {
|
|
17053
|
+
"name": "HelixHeadlessButton",
|
|
17054
|
+
"module": "src/button/root/button-root.ts"
|
|
17055
|
+
}
|
|
17056
|
+
},
|
|
16764
17057
|
{
|
|
16765
17058
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
16766
17059
|
"name": "settled",
|
|
@@ -53520,6 +53813,14 @@
|
|
|
53520
53813
|
"module": "src/button/root/button-root.ts"
|
|
53521
53814
|
}
|
|
53522
53815
|
},
|
|
53816
|
+
{
|
|
53817
|
+
"description": "A Button Group in a selection mode has this button pressed.",
|
|
53818
|
+
"name": "pressed",
|
|
53819
|
+
"inheritedFrom": {
|
|
53820
|
+
"name": "HelixHeadlessButton",
|
|
53821
|
+
"module": "src/button/root/button-root.ts"
|
|
53822
|
+
}
|
|
53823
|
+
},
|
|
53523
53824
|
{
|
|
53524
53825
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
53525
53826
|
"name": "settled",
|
|
@@ -95354,6 +95655,14 @@
|
|
|
95354
95655
|
"module": "src/button/root/button-root.ts"
|
|
95355
95656
|
}
|
|
95356
95657
|
},
|
|
95658
|
+
{
|
|
95659
|
+
"description": "A Button Group in a selection mode has this button pressed.",
|
|
95660
|
+
"name": "pressed",
|
|
95661
|
+
"inheritedFrom": {
|
|
95662
|
+
"name": "HelixHeadlessButton",
|
|
95663
|
+
"module": "src/button/root/button-root.ts"
|
|
95664
|
+
}
|
|
95665
|
+
},
|
|
95357
95666
|
{
|
|
95358
95667
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
95359
95668
|
"name": "settled",
|
|
@@ -102993,6 +103302,31 @@
|
|
|
102993
103302
|
"module": "src/lightbox/item/lightbox-item.ts"
|
|
102994
103303
|
}
|
|
102995
103304
|
},
|
|
103305
|
+
{
|
|
103306
|
+
"kind": "field",
|
|
103307
|
+
"name": "described",
|
|
103308
|
+
"type": {
|
|
103309
|
+
"text": "boolean"
|
|
103310
|
+
},
|
|
103311
|
+
"privacy": "private",
|
|
103312
|
+
"default": "false",
|
|
103313
|
+
"description": "Whether anything is slotted into `description`, which then describes the group.",
|
|
103314
|
+
"inheritedFrom": {
|
|
103315
|
+
"name": "HelixHeadlessLightboxItem",
|
|
103316
|
+
"module": "src/lightbox/item/lightbox-item.ts"
|
|
103317
|
+
}
|
|
103318
|
+
},
|
|
103319
|
+
{
|
|
103320
|
+
"kind": "field",
|
|
103321
|
+
"name": "readDescription",
|
|
103322
|
+
"privacy": "private",
|
|
103323
|
+
"readonly": true,
|
|
103324
|
+
"description": "Reads whether the `description` slot holds anything.",
|
|
103325
|
+
"inheritedFrom": {
|
|
103326
|
+
"name": "HelixHeadlessLightboxItem",
|
|
103327
|
+
"module": "src/lightbox/item/lightbox-item.ts"
|
|
103328
|
+
}
|
|
103329
|
+
},
|
|
102996
103330
|
{
|
|
102997
103331
|
"kind": "field",
|
|
102998
103332
|
"name": "tier",
|
|
@@ -104150,6 +104484,17 @@
|
|
|
104150
104484
|
"module": "src/lightbox/root/lightbox-root.ts"
|
|
104151
104485
|
}
|
|
104152
104486
|
},
|
|
104487
|
+
{
|
|
104488
|
+
"kind": "field",
|
|
104489
|
+
"name": "phases",
|
|
104490
|
+
"privacy": "protected",
|
|
104491
|
+
"readonly": true,
|
|
104492
|
+
"default": "new OpenPhaseController(this, { mark: { entering: (on) => this.toggleState('entering', on), exiting: (on) => this.toggleState('exiting', on), }, open: () => this.open, surface: () => this.dialog, })",
|
|
104493
|
+
"inheritedFrom": {
|
|
104494
|
+
"name": "HelixHeadlessLightbox",
|
|
104495
|
+
"module": "src/lightbox/root/lightbox-root.ts"
|
|
104496
|
+
}
|
|
104497
|
+
},
|
|
104153
104498
|
{
|
|
104154
104499
|
"kind": "field",
|
|
104155
104500
|
"name": "zoomer",
|
|
@@ -105647,6 +105992,22 @@
|
|
|
105647
105992
|
}
|
|
105648
105993
|
],
|
|
105649
105994
|
"cssStates": [
|
|
105995
|
+
{
|
|
105996
|
+
"description": "From the moment the viewer opens until its entrance has finished.",
|
|
105997
|
+
"name": "entering",
|
|
105998
|
+
"inheritedFrom": {
|
|
105999
|
+
"name": "HelixHeadlessLightbox",
|
|
106000
|
+
"module": "src/lightbox/root/lightbox-root.ts"
|
|
106001
|
+
}
|
|
106002
|
+
},
|
|
106003
|
+
{
|
|
106004
|
+
"description": "From the moment the viewer closes until its exit has finished.",
|
|
106005
|
+
"name": "exiting",
|
|
106006
|
+
"inheritedFrom": {
|
|
106007
|
+
"name": "HelixHeadlessLightbox",
|
|
106008
|
+
"module": "src/lightbox/root/lightbox-root.ts"
|
|
106009
|
+
}
|
|
106010
|
+
},
|
|
105650
106011
|
{
|
|
105651
106012
|
"description": "While the viewer fills the screen.",
|
|
105652
106013
|
"name": "fullscreen",
|
|
@@ -186114,6 +186475,31 @@
|
|
|
186114
186475
|
"module": "src/steps/step/step.ts"
|
|
186115
186476
|
}
|
|
186116
186477
|
},
|
|
186478
|
+
{
|
|
186479
|
+
"kind": "field",
|
|
186480
|
+
"name": "holding",
|
|
186481
|
+
"type": {
|
|
186482
|
+
"text": "boolean"
|
|
186483
|
+
},
|
|
186484
|
+
"privacy": "private",
|
|
186485
|
+
"default": "false",
|
|
186486
|
+
"description": "Whether anything is slotted into `content`, which makes it a named group.",
|
|
186487
|
+
"inheritedFrom": {
|
|
186488
|
+
"name": "HelixHeadlessStep",
|
|
186489
|
+
"module": "src/steps/step/step.ts"
|
|
186490
|
+
}
|
|
186491
|
+
},
|
|
186492
|
+
{
|
|
186493
|
+
"kind": "field",
|
|
186494
|
+
"name": "readContent",
|
|
186495
|
+
"privacy": "private",
|
|
186496
|
+
"readonly": true,
|
|
186497
|
+
"description": "Reads whether the `content` slot holds anything.",
|
|
186498
|
+
"inheritedFrom": {
|
|
186499
|
+
"name": "HelixHeadlessStep",
|
|
186500
|
+
"module": "src/steps/step/step.ts"
|
|
186501
|
+
}
|
|
186502
|
+
},
|
|
186117
186503
|
{
|
|
186118
186504
|
"kind": "field",
|
|
186119
186505
|
"name": "status",
|
|
@@ -193782,6 +194168,49 @@
|
|
|
193782
194168
|
"module": "src/tabs/panel/tab-panel.ts"
|
|
193783
194169
|
}
|
|
193784
194170
|
},
|
|
194171
|
+
{
|
|
194172
|
+
"kind": "field",
|
|
194173
|
+
"name": "lazy",
|
|
194174
|
+
"type": {
|
|
194175
|
+
"text": "boolean"
|
|
194176
|
+
},
|
|
194177
|
+
"default": "false",
|
|
194178
|
+
"description": "Whether the panel's content waits in a `<template>` until the panel is\nfirst shown.",
|
|
194179
|
+
"attribute": "lazy",
|
|
194180
|
+
"inheritedFrom": {
|
|
194181
|
+
"name": "HelixHeadlessTabPanel",
|
|
194182
|
+
"module": "src/tabs/panel/tab-panel.ts"
|
|
194183
|
+
}
|
|
194184
|
+
},
|
|
194185
|
+
{
|
|
194186
|
+
"kind": "field",
|
|
194187
|
+
"name": "loaded",
|
|
194188
|
+
"type": {
|
|
194189
|
+
"text": "boolean"
|
|
194190
|
+
},
|
|
194191
|
+
"privacy": "private",
|
|
194192
|
+
"default": "false",
|
|
194193
|
+
"description": "Whether a `lazy` panel has put its content in.",
|
|
194194
|
+
"inheritedFrom": {
|
|
194195
|
+
"name": "HelixHeadlessTabPanel",
|
|
194196
|
+
"module": "src/tabs/panel/tab-panel.ts"
|
|
194197
|
+
}
|
|
194198
|
+
},
|
|
194199
|
+
{
|
|
194200
|
+
"kind": "method",
|
|
194201
|
+
"name": "load",
|
|
194202
|
+
"privacy": "private",
|
|
194203
|
+
"return": {
|
|
194204
|
+
"type": {
|
|
194205
|
+
"text": "void"
|
|
194206
|
+
}
|
|
194207
|
+
},
|
|
194208
|
+
"description": "Puts a `lazy` panel's content in the first time the panel is shown: the\ncontent of each `<template>` it holds, in place of the template.",
|
|
194209
|
+
"inheritedFrom": {
|
|
194210
|
+
"name": "HelixHeadlessTabPanel",
|
|
194211
|
+
"module": "src/tabs/panel/tab-panel.ts"
|
|
194212
|
+
}
|
|
194213
|
+
},
|
|
193785
194214
|
{
|
|
193786
194215
|
"kind": "field",
|
|
193787
194216
|
"name": "selected",
|
|
@@ -194201,6 +194630,19 @@
|
|
|
194201
194630
|
"tagName": "helix-tab-panel",
|
|
194202
194631
|
"customElement": true,
|
|
194203
194632
|
"attributes": [
|
|
194633
|
+
{
|
|
194634
|
+
"name": "lazy",
|
|
194635
|
+
"type": {
|
|
194636
|
+
"text": "boolean"
|
|
194637
|
+
},
|
|
194638
|
+
"default": "false",
|
|
194639
|
+
"description": "Whether the panel's content waits in a `<template>` until the panel is\nfirst shown.",
|
|
194640
|
+
"fieldName": "lazy",
|
|
194641
|
+
"inheritedFrom": {
|
|
194642
|
+
"name": "HelixHeadlessTabPanel",
|
|
194643
|
+
"module": "src/tabs/panel/tab-panel.ts"
|
|
194644
|
+
}
|
|
194645
|
+
},
|
|
194204
194646
|
{
|
|
194205
194647
|
"name": "selected",
|
|
194206
194648
|
"type": {
|
|
@@ -194228,7 +194670,29 @@
|
|
|
194228
194670
|
}
|
|
194229
194671
|
}
|
|
194230
194672
|
],
|
|
194673
|
+
"events": [
|
|
194674
|
+
{
|
|
194675
|
+
"type": {
|
|
194676
|
+
"text": "HelixLoadEvent"
|
|
194677
|
+
},
|
|
194678
|
+
"description": "Fired the first time a `lazy` panel is shown, once its template's content is in.",
|
|
194679
|
+
"name": "helix-load",
|
|
194680
|
+
"reactProp": "onhelix-load",
|
|
194681
|
+
"inheritedFrom": {
|
|
194682
|
+
"name": "HelixHeadlessTabPanel",
|
|
194683
|
+
"module": "src/tabs/panel/tab-panel.ts"
|
|
194684
|
+
}
|
|
194685
|
+
}
|
|
194686
|
+
],
|
|
194231
194687
|
"cssStates": [
|
|
194688
|
+
{
|
|
194689
|
+
"description": "Once a `lazy` panel has been shown and its content is in.",
|
|
194690
|
+
"name": "loaded",
|
|
194691
|
+
"inheritedFrom": {
|
|
194692
|
+
"name": "HelixHeadlessTabPanel",
|
|
194693
|
+
"module": "src/tabs/panel/tab-panel.ts"
|
|
194694
|
+
}
|
|
194695
|
+
},
|
|
194232
194696
|
{
|
|
194233
194697
|
"description": "While its tab is the one selected.",
|
|
194234
194698
|
"name": "selected",
|
|
@@ -194352,6 +194816,14 @@
|
|
|
194352
194816
|
"module": "src/tabs/root/tabs-root.ts"
|
|
194353
194817
|
}
|
|
194354
194818
|
},
|
|
194819
|
+
{
|
|
194820
|
+
"description": "The glyph on that button, where none is slotted.",
|
|
194821
|
+
"name": "scroll-end-mark",
|
|
194822
|
+
"inheritedFrom": {
|
|
194823
|
+
"name": "HelixHeadlessTabs",
|
|
194824
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
194825
|
+
}
|
|
194826
|
+
},
|
|
194355
194827
|
{
|
|
194356
194828
|
"description": "The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way. It holds to the start of the strip.",
|
|
194357
194829
|
"name": "scroll-start",
|
|
@@ -194360,6 +194832,14 @@
|
|
|
194360
194832
|
"module": "src/tabs/root/tabs-root.ts"
|
|
194361
194833
|
}
|
|
194362
194834
|
},
|
|
194835
|
+
{
|
|
194836
|
+
"description": "The glyph on that button, where none is slotted.",
|
|
194837
|
+
"name": "scroll-start-mark",
|
|
194838
|
+
"inheritedFrom": {
|
|
194839
|
+
"name": "HelixHeadlessTabs",
|
|
194840
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
194841
|
+
}
|
|
194842
|
+
},
|
|
194363
194843
|
{
|
|
194364
194844
|
"description": "The tab list.",
|
|
194365
194845
|
"name": "tabs",
|
|
@@ -194393,6 +194873,22 @@
|
|
|
194393
194873
|
"name": "HelixHeadlessTabs",
|
|
194394
194874
|
"module": "src/tabs/root/tabs-root.ts"
|
|
194395
194875
|
}
|
|
194876
|
+
},
|
|
194877
|
+
{
|
|
194878
|
+
"description": "Replaces the glyph on the button that scrolls the strip toward its end.",
|
|
194879
|
+
"name": "scroll-end-icon",
|
|
194880
|
+
"inheritedFrom": {
|
|
194881
|
+
"name": "HelixHeadlessTabs",
|
|
194882
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
194883
|
+
}
|
|
194884
|
+
},
|
|
194885
|
+
{
|
|
194886
|
+
"description": "Replaces the glyph on the button that scrolls the strip toward its start.",
|
|
194887
|
+
"name": "scroll-start-icon",
|
|
194888
|
+
"inheritedFrom": {
|
|
194889
|
+
"name": "HelixHeadlessTabs",
|
|
194890
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
194891
|
+
}
|
|
194396
194892
|
}
|
|
194397
194893
|
],
|
|
194398
194894
|
"members": [
|
|
@@ -194762,6 +195258,35 @@
|
|
|
194762
195258
|
"module": "src/tabs/root/tabs-root.ts"
|
|
194763
195259
|
}
|
|
194764
195260
|
},
|
|
195261
|
+
{
|
|
195262
|
+
"kind": "method",
|
|
195263
|
+
"name": "beside",
|
|
195264
|
+
"privacy": "private",
|
|
195265
|
+
"return": {
|
|
195266
|
+
"type": {
|
|
195267
|
+
"text": "HelixHeadlessTab | undefined"
|
|
195268
|
+
}
|
|
195269
|
+
},
|
|
195270
|
+
"parameters": [
|
|
195271
|
+
{
|
|
195272
|
+
"name": "gone",
|
|
195273
|
+
"type": {
|
|
195274
|
+
"text": "string"
|
|
195275
|
+
}
|
|
195276
|
+
},
|
|
195277
|
+
{
|
|
195278
|
+
"name": "tabs",
|
|
195279
|
+
"type": {
|
|
195280
|
+
"text": "HelixHeadlessTab[]"
|
|
195281
|
+
}
|
|
195282
|
+
}
|
|
195283
|
+
],
|
|
195284
|
+
"description": "The enabled tab nearest to where a removed one stood: the next ones\nnearest first, then the ones before it nearest first. The same order a\ndismissed tab hands focus in.",
|
|
195285
|
+
"inheritedFrom": {
|
|
195286
|
+
"name": "HelixHeadlessTabs",
|
|
195287
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
195288
|
+
}
|
|
195289
|
+
},
|
|
194765
195290
|
{
|
|
194766
195291
|
"kind": "method",
|
|
194767
195292
|
"name": "sync",
|
|
@@ -194873,7 +195398,30 @@
|
|
|
194873
195398
|
}
|
|
194874
195399
|
}
|
|
194875
195400
|
],
|
|
194876
|
-
"description": "One of the two scroll buttons, pointing the way it scrolls.
|
|
195401
|
+
"description": "One of the two scroll buttons, with the glyph pointing the way it scrolls.",
|
|
195402
|
+
"inheritedFrom": {
|
|
195403
|
+
"name": "HelixHeadlessTabs",
|
|
195404
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
195405
|
+
}
|
|
195406
|
+
},
|
|
195407
|
+
{
|
|
195408
|
+
"kind": "method",
|
|
195409
|
+
"name": "renderScrollIcon",
|
|
195410
|
+
"privacy": "protected",
|
|
195411
|
+
"return": {
|
|
195412
|
+
"type": {
|
|
195413
|
+
"text": "TemplateResult"
|
|
195414
|
+
}
|
|
195415
|
+
},
|
|
195416
|
+
"parameters": [
|
|
195417
|
+
{
|
|
195418
|
+
"name": "toward",
|
|
195419
|
+
"type": {
|
|
195420
|
+
"text": "1 | -1"
|
|
195421
|
+
}
|
|
195422
|
+
}
|
|
195423
|
+
],
|
|
195424
|
+
"description": "The glyph on a scroll button, behind a seam: slot fallback, so a consumer\nreplaces it by slotting, and a method, so a tier above replaces it by\noverriding. A caret along the line is mirrored on a right-to-left page, and\none down a column is not.",
|
|
194877
195425
|
"inheritedFrom": {
|
|
194878
195426
|
"name": "HelixHeadlessTabs",
|
|
194879
195427
|
"module": "src/tabs/root/tabs-root.ts"
|
|
@@ -195518,6 +196066,14 @@
|
|
|
195518
196066
|
"module": "src/tabs/tab/tab.ts"
|
|
195519
196067
|
}
|
|
195520
196068
|
},
|
|
196069
|
+
{
|
|
196070
|
+
"description": "The glyph on that mark, where none is slotted.",
|
|
196071
|
+
"name": "dismiss-mark",
|
|
196072
|
+
"inheritedFrom": {
|
|
196073
|
+
"name": "HelixHeadlessTab",
|
|
196074
|
+
"module": "src/tabs/tab/tab.ts"
|
|
196075
|
+
}
|
|
196076
|
+
},
|
|
195521
196077
|
{
|
|
195522
196078
|
"description": "The tab itself.",
|
|
195523
196079
|
"name": "tab",
|
|
@@ -195535,6 +196091,14 @@
|
|
|
195535
196091
|
"name": "HelixHeadlessTab",
|
|
195536
196092
|
"module": "src/tabs/tab/tab.ts"
|
|
195537
196093
|
}
|
|
196094
|
+
},
|
|
196095
|
+
{
|
|
196096
|
+
"description": "Replaces the glyph on the mark that closes a `dismissible` tab.",
|
|
196097
|
+
"name": "dismiss-icon",
|
|
196098
|
+
"inheritedFrom": {
|
|
196099
|
+
"name": "HelixHeadlessTab",
|
|
196100
|
+
"module": "src/tabs/tab/tab.ts"
|
|
196101
|
+
}
|
|
195538
196102
|
}
|
|
195539
196103
|
],
|
|
195540
196104
|
"members": [
|
|
@@ -210844,6 +211408,14 @@
|
|
|
210844
211408
|
"name": "HelixHeadlessToastItem",
|
|
210845
211409
|
"module": "src/toast/item/toast-item.ts"
|
|
210846
211410
|
}
|
|
211411
|
+
},
|
|
211412
|
+
{
|
|
211413
|
+
"description": "How far a swipe has moved the message down, in pixels, under a `swipe-direction` of `top` or `bottom`.",
|
|
211414
|
+
"name": "--toast-swipe-y",
|
|
211415
|
+
"inheritedFrom": {
|
|
211416
|
+
"name": "HelixHeadlessToastItem",
|
|
211417
|
+
"module": "src/toast/item/toast-item.ts"
|
|
211418
|
+
}
|
|
210847
211419
|
}
|
|
210848
211420
|
],
|
|
210849
211421
|
"members": [
|
|
@@ -211053,12 +211625,55 @@
|
|
|
211053
211625
|
"module": "src/toast/item/toast-item.ts"
|
|
211054
211626
|
}
|
|
211055
211627
|
},
|
|
211628
|
+
{
|
|
211629
|
+
"kind": "field",
|
|
211630
|
+
"name": "regionHolding",
|
|
211631
|
+
"type": {
|
|
211632
|
+
"text": "boolean"
|
|
211633
|
+
},
|
|
211634
|
+
"privacy": "private",
|
|
211635
|
+
"default": "false",
|
|
211636
|
+
"description": "Whether the timer is held for `regionHeld`, so the hold is let go once.",
|
|
211637
|
+
"inheritedFrom": {
|
|
211638
|
+
"name": "HelixHeadlessToastItem",
|
|
211639
|
+
"module": "src/toast/item/toast-item.ts"
|
|
211640
|
+
}
|
|
211641
|
+
},
|
|
211642
|
+
{
|
|
211643
|
+
"kind": "method",
|
|
211644
|
+
"name": "holdForRegion",
|
|
211645
|
+
"privacy": "private",
|
|
211646
|
+
"return": {
|
|
211647
|
+
"type": {
|
|
211648
|
+
"text": "void"
|
|
211649
|
+
}
|
|
211650
|
+
},
|
|
211651
|
+
"description": "Holds the timer while the region asks, and lets it go once.",
|
|
211652
|
+
"inheritedFrom": {
|
|
211653
|
+
"name": "HelixHeadlessToastItem",
|
|
211654
|
+
"module": "src/toast/item/toast-item.ts"
|
|
211655
|
+
}
|
|
211656
|
+
},
|
|
211657
|
+
{
|
|
211658
|
+
"kind": "field",
|
|
211659
|
+
"name": "swipeTo",
|
|
211660
|
+
"type": {
|
|
211661
|
+
"text": "ReturnType<typeof swipeEdge>"
|
|
211662
|
+
},
|
|
211663
|
+
"privacy": "private",
|
|
211664
|
+
"description": "The physical edge a swipe dismisses toward.",
|
|
211665
|
+
"readonly": true,
|
|
211666
|
+
"inheritedFrom": {
|
|
211667
|
+
"name": "HelixHeadlessToastItem",
|
|
211668
|
+
"module": "src/toast/item/toast-item.ts"
|
|
211669
|
+
}
|
|
211670
|
+
},
|
|
211056
211671
|
{
|
|
211057
211672
|
"kind": "field",
|
|
211058
211673
|
"name": "swipes",
|
|
211059
211674
|
"privacy": "protected",
|
|
211060
211675
|
"readonly": true,
|
|
211061
|
-
"default": "new SwipeController(this, { axis: () => (this.open ?
|
|
211676
|
+
"default": "new SwipeController(this, { axis: () => (this.open ? swipeAxis(this.swipeTo) : undefined), end: (dx, dy, vx, vy) => { const edge = this.swipeTo const box = this.partNamed('item')?.getBoundingClientRect() const across = swipeAxis(edge) === 'x' const shown = settleSwipe({ points: [1], size: (across ? box?.width : box?.height) ?? 0, travel: Math.max(0, towardEdge(edge, dx, dy)), velocity: towardEdge(edge, vx, vy), }) if (shown === 0 && this.dismiss()) { return } this.slide(0) }, move: (dx, dy) => this.slide(Math.max(0, towardEdge(this.swipeTo, dx, dy))), start: (_target, event) => event.pointerType !== 'mouse', surface: () => this.partNamed('item'), })",
|
|
211062
211677
|
"inheritedFrom": {
|
|
211063
211678
|
"name": "HelixHeadlessToastItem",
|
|
211064
211679
|
"module": "src/toast/item/toast-item.ts"
|
|
@@ -211081,7 +211696,7 @@
|
|
|
211081
211696
|
}
|
|
211082
211697
|
}
|
|
211083
211698
|
],
|
|
211084
|
-
"description": "Writes how far a swipe has moved the message toward
|
|
211699
|
+
"description": "Writes how far a swipe has moved the message toward its edge.",
|
|
211085
211700
|
"inheritedFrom": {
|
|
211086
211701
|
"name": "HelixHeadlessToastItem",
|
|
211087
211702
|
"module": "src/toast/item/toast-item.ts"
|
|
@@ -211903,7 +212518,7 @@
|
|
|
211903
212518
|
}
|
|
211904
212519
|
},
|
|
211905
212520
|
{
|
|
211906
|
-
"description": "The dismiss timer is paused, while a pointer or focus is on the message, or while the page is hidden.",
|
|
212521
|
+
"description": "The dismiss timer is paused, while a pointer or focus is on the message or in the stack, or while the page is hidden.",
|
|
211907
212522
|
"name": "paused",
|
|
211908
212523
|
"inheritedFrom": {
|
|
211909
212524
|
"name": "HelixHeadlessToastItem",
|
|
@@ -212079,6 +212694,19 @@
|
|
|
212079
212694
|
"module": "src/toast/root/toast-root.ts"
|
|
212080
212695
|
}
|
|
212081
212696
|
},
|
|
212697
|
+
{
|
|
212698
|
+
"kind": "field",
|
|
212699
|
+
"name": "swipeDirection",
|
|
212700
|
+
"type": {
|
|
212701
|
+
"text": "'bottom' | 'end' | 'start' | 'top' | undefined"
|
|
212702
|
+
},
|
|
212703
|
+
"description": "The edge a touch or a pen swipes a message toward to dismiss it: `end`,\nthe end of the line, or `start`, `top` or `bottom`. Unset is `end`.",
|
|
212704
|
+
"attribute": "swipe-direction",
|
|
212705
|
+
"inheritedFrom": {
|
|
212706
|
+
"name": "HelixHeadlessToast",
|
|
212707
|
+
"module": "src/toast/root/toast-root.ts"
|
|
212708
|
+
}
|
|
212709
|
+
},
|
|
212082
212710
|
{
|
|
212083
212711
|
"kind": "field",
|
|
212084
212712
|
"name": "said",
|
|
@@ -212314,6 +212942,80 @@
|
|
|
212314
212942
|
"module": "src/toast/root/toast-root.ts"
|
|
212315
212943
|
}
|
|
212316
212944
|
},
|
|
212945
|
+
{
|
|
212946
|
+
"kind": "field",
|
|
212947
|
+
"name": "pointerIn",
|
|
212948
|
+
"type": {
|
|
212949
|
+
"text": "boolean"
|
|
212950
|
+
},
|
|
212951
|
+
"privacy": "private",
|
|
212952
|
+
"default": "false",
|
|
212953
|
+
"description": "Whether a pointer is over the stack.",
|
|
212954
|
+
"inheritedFrom": {
|
|
212955
|
+
"name": "HelixHeadlessToast",
|
|
212956
|
+
"module": "src/toast/root/toast-root.ts"
|
|
212957
|
+
}
|
|
212958
|
+
},
|
|
212959
|
+
{
|
|
212960
|
+
"kind": "field",
|
|
212961
|
+
"name": "focusIn",
|
|
212962
|
+
"type": {
|
|
212963
|
+
"text": "boolean"
|
|
212964
|
+
},
|
|
212965
|
+
"privacy": "private",
|
|
212966
|
+
"default": "false",
|
|
212967
|
+
"description": "Whether focus is in the stack.",
|
|
212968
|
+
"inheritedFrom": {
|
|
212969
|
+
"name": "HelixHeadlessToast",
|
|
212970
|
+
"module": "src/toast/root/toast-root.ts"
|
|
212971
|
+
}
|
|
212972
|
+
},
|
|
212973
|
+
{
|
|
212974
|
+
"kind": "method",
|
|
212975
|
+
"name": "inform",
|
|
212976
|
+
"privacy": "private",
|
|
212977
|
+
"return": {
|
|
212978
|
+
"type": {
|
|
212979
|
+
"text": "void"
|
|
212980
|
+
}
|
|
212981
|
+
},
|
|
212982
|
+
"description": "Tells every message whether the stack holds its timer and which way it\nswipes, which only the region knows.",
|
|
212983
|
+
"inheritedFrom": {
|
|
212984
|
+
"name": "HelixHeadlessToast",
|
|
212985
|
+
"module": "src/toast/root/toast-root.ts"
|
|
212986
|
+
}
|
|
212987
|
+
},
|
|
212988
|
+
{
|
|
212989
|
+
"kind": "field",
|
|
212990
|
+
"name": "handlePointerEnter",
|
|
212991
|
+
"privacy": "private",
|
|
212992
|
+
"readonly": true,
|
|
212993
|
+
"inheritedFrom": {
|
|
212994
|
+
"name": "HelixHeadlessToast",
|
|
212995
|
+
"module": "src/toast/root/toast-root.ts"
|
|
212996
|
+
}
|
|
212997
|
+
},
|
|
212998
|
+
{
|
|
212999
|
+
"kind": "field",
|
|
213000
|
+
"name": "handlePointerLeave",
|
|
213001
|
+
"privacy": "private",
|
|
213002
|
+
"readonly": true,
|
|
213003
|
+
"inheritedFrom": {
|
|
213004
|
+
"name": "HelixHeadlessToast",
|
|
213005
|
+
"module": "src/toast/root/toast-root.ts"
|
|
213006
|
+
}
|
|
213007
|
+
},
|
|
213008
|
+
{
|
|
213009
|
+
"kind": "field",
|
|
213010
|
+
"name": "handleFocusOut",
|
|
213011
|
+
"privacy": "private",
|
|
213012
|
+
"readonly": true,
|
|
213013
|
+
"description": "Focus leaving the stack, and not moving between its messages.",
|
|
213014
|
+
"inheritedFrom": {
|
|
213015
|
+
"name": "HelixHeadlessToast",
|
|
213016
|
+
"module": "src/toast/root/toast-root.ts"
|
|
213017
|
+
}
|
|
213018
|
+
},
|
|
212317
213019
|
{
|
|
212318
213020
|
"kind": "field",
|
|
212319
213021
|
"name": "held",
|
|
@@ -212931,6 +213633,18 @@
|
|
|
212931
213633
|
"name": "HelixHeadlessToast",
|
|
212932
213634
|
"module": "src/toast/root/toast-root.ts"
|
|
212933
213635
|
}
|
|
213636
|
+
},
|
|
213637
|
+
{
|
|
213638
|
+
"name": "swipe-direction",
|
|
213639
|
+
"type": {
|
|
213640
|
+
"text": "'bottom' | 'end' | 'start' | 'top' | undefined"
|
|
213641
|
+
},
|
|
213642
|
+
"description": "The edge a touch or a pen swipes a message toward to dismiss it: `end`,\nthe end of the line, or `start`, `top` or `bottom`. Unset is `end`.",
|
|
213643
|
+
"fieldName": "swipeDirection",
|
|
213644
|
+
"inheritedFrom": {
|
|
213645
|
+
"name": "HelixHeadlessToast",
|
|
213646
|
+
"module": "src/toast/root/toast-root.ts"
|
|
213647
|
+
}
|
|
212934
213648
|
}
|
|
212935
213649
|
],
|
|
212936
213650
|
"events": [
|
|
@@ -218675,6 +219389,19 @@
|
|
|
218675
219389
|
"module": "src/tour/root/tour-root.ts"
|
|
218676
219390
|
}
|
|
218677
219391
|
},
|
|
219392
|
+
{
|
|
219393
|
+
"kind": "field",
|
|
219394
|
+
"name": "outsidePress",
|
|
219395
|
+
"type": {
|
|
219396
|
+
"text": "'block' | 'close' | undefined"
|
|
219397
|
+
},
|
|
219398
|
+
"description": "What a press outside the current stop and its target does while the tour\nruns. Unset, nothing: the page stays usable. `close` ends the tour, as\nSkip does, and `block` refuses the press.",
|
|
219399
|
+
"attribute": "outside-press",
|
|
219400
|
+
"inheritedFrom": {
|
|
219401
|
+
"name": "HelixHeadlessTour",
|
|
219402
|
+
"module": "src/tour/root/tour-root.ts"
|
|
219403
|
+
}
|
|
219404
|
+
},
|
|
218678
219405
|
{
|
|
218679
219406
|
"kind": "field",
|
|
218680
219407
|
"name": "progress",
|
|
@@ -218955,6 +219682,66 @@
|
|
|
218955
219682
|
"module": "src/tour/root/tour-root.ts"
|
|
218956
219683
|
}
|
|
218957
219684
|
},
|
|
219685
|
+
{
|
|
219686
|
+
"kind": "field",
|
|
219687
|
+
"name": "handleOutside",
|
|
219688
|
+
"privacy": "private",
|
|
219689
|
+
"readonly": true,
|
|
219690
|
+
"description": "Answers a press outside the current stop and its target, as\n`outside-press` asks. A press on the tour's own parts, the stop or the\ntarget is the reader using the tour.",
|
|
219691
|
+
"inheritedFrom": {
|
|
219692
|
+
"name": "HelixHeadlessTour",
|
|
219693
|
+
"module": "src/tour/root/tour-root.ts"
|
|
219694
|
+
}
|
|
219695
|
+
},
|
|
219696
|
+
{
|
|
219697
|
+
"kind": "field",
|
|
219698
|
+
"name": "entered",
|
|
219699
|
+
"type": {
|
|
219700
|
+
"text": "{ leave?: () => void; stop: HelixHeadlessTourStop } | undefined"
|
|
219701
|
+
},
|
|
219702
|
+
"privacy": "private",
|
|
219703
|
+
"description": "The stop whose `effect` has run, and the function to run on leaving it.",
|
|
219704
|
+
"inheritedFrom": {
|
|
219705
|
+
"name": "HelixHeadlessTour",
|
|
219706
|
+
"module": "src/tour/root/tour-root.ts"
|
|
219707
|
+
}
|
|
219708
|
+
},
|
|
219709
|
+
{
|
|
219710
|
+
"kind": "field",
|
|
219711
|
+
"name": "preparing",
|
|
219712
|
+
"type": {
|
|
219713
|
+
"text": "HelixHeadlessTourStop | undefined"
|
|
219714
|
+
},
|
|
219715
|
+
"privacy": "private",
|
|
219716
|
+
"description": "The stop held back while its `effect` settles.",
|
|
219717
|
+
"inheritedFrom": {
|
|
219718
|
+
"name": "HelixHeadlessTour",
|
|
219719
|
+
"module": "src/tour/root/tour-root.ts"
|
|
219720
|
+
}
|
|
219721
|
+
},
|
|
219722
|
+
{
|
|
219723
|
+
"kind": "method",
|
|
219724
|
+
"name": "enter",
|
|
219725
|
+
"privacy": "private",
|
|
219726
|
+
"return": {
|
|
219727
|
+
"type": {
|
|
219728
|
+
"text": "void"
|
|
219729
|
+
}
|
|
219730
|
+
},
|
|
219731
|
+
"parameters": [
|
|
219732
|
+
{
|
|
219733
|
+
"name": "stop",
|
|
219734
|
+
"type": {
|
|
219735
|
+
"text": "HelixHeadlessTourStop | undefined"
|
|
219736
|
+
}
|
|
219737
|
+
}
|
|
219738
|
+
],
|
|
219739
|
+
"description": "Runs the current stop's `effect` as the tour reaches it, and the last\none's leaving function as it leaves, and holds the stop back while a\npromise settles.",
|
|
219740
|
+
"inheritedFrom": {
|
|
219741
|
+
"name": "HelixHeadlessTour",
|
|
219742
|
+
"module": "src/tour/root/tour-root.ts"
|
|
219743
|
+
}
|
|
219744
|
+
},
|
|
218958
219745
|
{
|
|
218959
219746
|
"kind": "field",
|
|
218960
219747
|
"name": "revealed",
|
|
@@ -219685,6 +220472,18 @@
|
|
|
219685
220472
|
"module": "src/tour/root/tour-root.ts"
|
|
219686
220473
|
}
|
|
219687
220474
|
},
|
|
220475
|
+
{
|
|
220476
|
+
"name": "outside-press",
|
|
220477
|
+
"type": {
|
|
220478
|
+
"text": "'block' | 'close' | undefined"
|
|
220479
|
+
},
|
|
220480
|
+
"description": "What a press outside the current stop and its target does while the tour\nruns. Unset, nothing: the page stays usable. `close` ends the tour, as\nSkip does, and `block` refuses the press.",
|
|
220481
|
+
"fieldName": "outsidePress",
|
|
220482
|
+
"inheritedFrom": {
|
|
220483
|
+
"name": "HelixHeadlessTour",
|
|
220484
|
+
"module": "src/tour/root/tour-root.ts"
|
|
220485
|
+
}
|
|
220486
|
+
},
|
|
219688
220487
|
{
|
|
219689
220488
|
"name": "progress",
|
|
219690
220489
|
"type": {
|
|
@@ -219873,6 +220672,14 @@
|
|
|
219873
220672
|
"module": "src/tour/root/tour-root.ts"
|
|
219874
220673
|
}
|
|
219875
220674
|
},
|
|
220675
|
+
{
|
|
220676
|
+
"description": "While the tour waits for the current stop's `effect` before showing the stop.",
|
|
220677
|
+
"name": "preparing",
|
|
220678
|
+
"inheritedFrom": {
|
|
220679
|
+
"name": "HelixHeadlessTour",
|
|
220680
|
+
"module": "src/tour/root/tour-root.ts"
|
|
220681
|
+
}
|
|
220682
|
+
},
|
|
219876
220683
|
{
|
|
219877
220684
|
"description": "While the tour waits at a `wait` stop for its target to be on the page.",
|
|
219878
220685
|
"name": "waiting",
|
|
@@ -220045,6 +220852,18 @@
|
|
|
220045
220852
|
"module": "src/tour/stop/tour-stop.ts"
|
|
220046
220853
|
}
|
|
220047
220854
|
},
|
|
220855
|
+
{
|
|
220856
|
+
"kind": "field",
|
|
220857
|
+
"name": "effect",
|
|
220858
|
+
"type": {
|
|
220859
|
+
"text": "TourStopEffect | undefined"
|
|
220860
|
+
},
|
|
220861
|
+
"description": "Run as the tour reaches the stop, before it is shown: see the description\nabove. A function, so it is set from script and has no attribute.",
|
|
220862
|
+
"inheritedFrom": {
|
|
220863
|
+
"name": "HelixHeadlessTourStop",
|
|
220864
|
+
"module": "src/tour/stop/tour-stop.ts"
|
|
220865
|
+
}
|
|
220866
|
+
},
|
|
220048
220867
|
{
|
|
220049
220868
|
"kind": "field",
|
|
220050
220869
|
"name": "first",
|
|
@@ -220178,6 +220997,17 @@
|
|
|
220178
220997
|
"module": "src/tour/stop/tour-stop.ts"
|
|
220179
220998
|
}
|
|
220180
220999
|
},
|
|
221000
|
+
{
|
|
221001
|
+
"kind": "field",
|
|
221002
|
+
"name": "phases",
|
|
221003
|
+
"privacy": "protected",
|
|
221004
|
+
"readonly": true,
|
|
221005
|
+
"default": "new OpenPhaseController(this, { mark: { entering: (on) => this.toggleState('entering', on), exiting: (on) => this.toggleState('exiting', on), }, open: () => this.current && this.type !== 'wait', surface: () => this.partNamed('bubble'), })",
|
|
221006
|
+
"inheritedFrom": {
|
|
221007
|
+
"name": "HelixHeadlessTourStop",
|
|
221008
|
+
"module": "src/tour/stop/tour-stop.ts"
|
|
221009
|
+
}
|
|
221010
|
+
},
|
|
220181
221011
|
{
|
|
220182
221012
|
"kind": "field",
|
|
220183
221013
|
"name": "target",
|
|
@@ -221026,6 +221856,22 @@
|
|
|
221026
221856
|
}
|
|
221027
221857
|
],
|
|
221028
221858
|
"cssStates": [
|
|
221859
|
+
{
|
|
221860
|
+
"description": "From the moment the stop is shown until its entrance has finished.",
|
|
221861
|
+
"name": "entering",
|
|
221862
|
+
"inheritedFrom": {
|
|
221863
|
+
"name": "HelixHeadlessTourStop",
|
|
221864
|
+
"module": "src/tour/stop/tour-stop.ts"
|
|
221865
|
+
}
|
|
221866
|
+
},
|
|
221867
|
+
{
|
|
221868
|
+
"description": "From the moment the stop is left until its exit has finished.",
|
|
221869
|
+
"name": "exiting",
|
|
221870
|
+
"inheritedFrom": {
|
|
221871
|
+
"name": "HelixHeadlessTourStop",
|
|
221872
|
+
"module": "src/tour/stop/tour-stop.ts"
|
|
221873
|
+
}
|
|
221874
|
+
},
|
|
221029
221875
|
{
|
|
221030
221876
|
"description": "The panel sits below its target.",
|
|
221031
221877
|
"name": "placed-bottom",
|
|
@@ -233901,6 +234747,6 @@
|
|
|
233901
234747
|
],
|
|
233902
234748
|
"helix": {
|
|
233903
234749
|
"package": "@fusion.dev/helix",
|
|
233904
|
-
"version": "0.
|
|
234750
|
+
"version": "0.159.0"
|
|
233905
234751
|
}
|
|
233906
234752
|
}
|