@emuanalytics/flow-rdf-ui 0.0.28 → 0.0.29
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/dist/custom-elements.json +5431 -4029
- package/dist/index.cjs +2542 -1170
- package/dist/index.d.cts +288 -44
- package/dist/index.d.mts +288 -44
- package/dist/index.d.ts +288 -44
- package/dist/index.mjs +2493 -1126
- package/dist/vscode.html-custom-data.json +352 -268
- package/package.json +13 -10
|
@@ -34,68 +34,6 @@
|
|
|
34
34
|
],
|
|
35
35
|
"references": []
|
|
36
36
|
},
|
|
37
|
-
{
|
|
38
|
-
"name": "flow-ui-animation",
|
|
39
|
-
"description": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-cancel** - Emitted when the animation is canceled.\n- **flow-ui-finish** - Emitted when the animation finishes.\n- **flow-ui-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n\n### **Slots:**\n - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
|
|
40
|
-
"attributes": [
|
|
41
|
-
{
|
|
42
|
-
"name": "name",
|
|
43
|
-
"description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
|
|
44
|
-
"values": []
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"name": "play",
|
|
48
|
-
"description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
|
|
49
|
-
"values": []
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
"name": "delay",
|
|
53
|
-
"description": "The number of milliseconds to delay the start of the animation.",
|
|
54
|
-
"values": []
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"name": "direction",
|
|
58
|
-
"description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
|
|
59
|
-
"values": [{ "name": "PlaybackDirection" }]
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
"name": "duration",
|
|
63
|
-
"description": "The number of milliseconds each iteration of the animation takes to complete.",
|
|
64
|
-
"values": []
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
"name": "easing",
|
|
68
|
-
"description": "The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
|
|
69
|
-
"values": []
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
"name": "end-delay",
|
|
73
|
-
"description": "The number of milliseconds to delay after the active period of an animation sequence.",
|
|
74
|
-
"values": []
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"name": "fill",
|
|
78
|
-
"description": "Sets how the animation applies styles to its target before and after its execution.",
|
|
79
|
-
"values": [{ "name": "FillMode" }]
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
"name": "iterations",
|
|
83
|
-
"description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
|
|
84
|
-
"values": []
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"name": "iteration-start",
|
|
88
|
-
"description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
|
|
89
|
-
"values": []
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"name": "playback-rate",
|
|
93
|
-
"description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
|
|
94
|
-
"values": []
|
|
95
|
-
}
|
|
96
|
-
],
|
|
97
|
-
"references": []
|
|
98
|
-
},
|
|
99
37
|
{
|
|
100
38
|
"name": "flow-ui-badge",
|
|
101
39
|
"description": "Badges are used to draw attention and display statuses or counts.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
@@ -125,37 +63,13 @@
|
|
|
125
63
|
"references": []
|
|
126
64
|
},
|
|
127
65
|
{
|
|
128
|
-
"name": "flow-ui-
|
|
129
|
-
"description": "
|
|
66
|
+
"name": "flow-ui-breadcrumb",
|
|
67
|
+
"description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
130
68
|
"attributes": [
|
|
131
|
-
{
|
|
132
|
-
"name": "image",
|
|
133
|
-
"description": "The image source to use for the avatar.",
|
|
134
|
-
"values": []
|
|
135
|
-
},
|
|
136
69
|
{
|
|
137
70
|
"name": "label",
|
|
138
|
-
"description": "
|
|
139
|
-
"values": []
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
"name": "initials",
|
|
143
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
71
|
+
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
144
72
|
"values": []
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"name": "loading",
|
|
148
|
-
"description": "Indicates how the browser should load the image.",
|
|
149
|
-
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"name": "shape",
|
|
153
|
-
"description": "The shape of the avatar.",
|
|
154
|
-
"values": [
|
|
155
|
-
{ "name": "circle" },
|
|
156
|
-
{ "name": "square" },
|
|
157
|
-
{ "name": "rounded" }
|
|
158
|
-
]
|
|
159
73
|
}
|
|
160
74
|
],
|
|
161
75
|
"references": []
|
|
@@ -333,13 +247,37 @@
|
|
|
333
247
|
"references": []
|
|
334
248
|
},
|
|
335
249
|
{
|
|
336
|
-
"name": "flow-ui-
|
|
337
|
-
"description": "
|
|
250
|
+
"name": "flow-ui-avatar",
|
|
251
|
+
"description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
|
|
338
252
|
"attributes": [
|
|
253
|
+
{
|
|
254
|
+
"name": "image",
|
|
255
|
+
"description": "The image source to use for the avatar.",
|
|
256
|
+
"values": []
|
|
257
|
+
},
|
|
339
258
|
{
|
|
340
259
|
"name": "label",
|
|
341
|
-
"description": "
|
|
260
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
261
|
+
"values": []
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"name": "initials",
|
|
265
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
342
266
|
"values": []
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"name": "loading",
|
|
270
|
+
"description": "Indicates how the browser should load the image.",
|
|
271
|
+
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"name": "shape",
|
|
275
|
+
"description": "The shape of the avatar.",
|
|
276
|
+
"values": [
|
|
277
|
+
{ "name": "circle" },
|
|
278
|
+
{ "name": "square" },
|
|
279
|
+
{ "name": "rounded" }
|
|
280
|
+
]
|
|
343
281
|
}
|
|
344
282
|
],
|
|
345
283
|
"references": []
|
|
@@ -441,39 +379,6 @@
|
|
|
441
379
|
],
|
|
442
380
|
"references": []
|
|
443
381
|
},
|
|
444
|
-
{
|
|
445
|
-
"name": "flow-ui-carousel-item",
|
|
446
|
-
"description": "A carousel item represent a slide within a [carousel](/components/carousel).\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The carousel item's content..\n\n### **CSS Properties:**\n - **--aspect-ratio** - The slide's aspect ratio. Inherited from the carousel by default. _(default: undefined)_",
|
|
447
|
-
"attributes": [],
|
|
448
|
-
"references": []
|
|
449
|
-
},
|
|
450
|
-
{
|
|
451
|
-
"name": "flow-ui-chart",
|
|
452
|
-
"description": "The chart component displays Chart.js charts.\n\n\n---\n\n\n\n\n### **Methods:**\n - **repaint()** - Trigger a repaint of the chart.\n\n### **CSS Properties:**\n - **--background-color** - Chart background color (applied as the background color of the base container). _(default: undefined)_\n- **--text-color** - General text color (titles etc.) _(default: undefined)_\n- **--axis-color** - Color of the axis lines. _(default: undefined)_\n- **--x-axis-color** - Color of the x-axis lines. (defaults to `--axis-color`) _(default: undefined)_\n- **--y-axis-color** - Color of the y-axis lines. (defaults to `--axis-color`) _(default: undefined)_\n- **--axis-grid-color** - Color of the axis grid lines. _(default: undefined)_\n- **--x-axis-grid-color** - Color of the x-axis grid lines. (defaults to `--axis-grid-color`) _(default: undefined)_\n- **--y-axis-grid-color** - Color of the y-axis grid lines. (defaults to `--axis-grid-color`) _(default: undefined)_\n- **--axis-label-color** - Color of the axis labels. _(default: undefined)_\n- **--x-axis-label-color** - Color of the x-axis labels. (defaults to `--axis-label-color`) _(default: undefined)_\n- **--y-axis-label-color** - Color of the y-axis labels. (defaults to `--axis-label-color`) _(default: undefined)_\n- **--tick-label-color** - Color of the tick labels. _(default: undefined)_\n- **--x-tick-label-color** - Color of the x-axis tick labels. (defaults to `--tick-label-color`) _(default: undefined)_\n- **--y-tick-label-color** - Color of the y-axis tick labels. (defaults to `--tick-label-color`) _(default: undefined)_\n- **--dataset-stroke-color-n** - Color of the stroke for dataset n (where n = 0-9). _(default: undefined)_\n- **--dataset-fill-color-n** - Color of the fill for dataset n (where n = 0-9). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The base container of the chart.",
|
|
453
|
-
"attributes": [
|
|
454
|
-
{
|
|
455
|
-
"name": "type",
|
|
456
|
-
"description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
|
|
457
|
-
"values": []
|
|
458
|
-
},
|
|
459
|
-
{
|
|
460
|
-
"name": "options",
|
|
461
|
-
"description": "The Chart.js `options` object.",
|
|
462
|
-
"values": [{ "name": "ChartOptions" }]
|
|
463
|
-
},
|
|
464
|
-
{
|
|
465
|
-
"name": "data",
|
|
466
|
-
"description": "The Chart.js `data` object",
|
|
467
|
-
"values": [{ "name": "ChartData" }]
|
|
468
|
-
},
|
|
469
|
-
{
|
|
470
|
-
"name": "plugins",
|
|
471
|
-
"description": "List of extra plugins to use for this chart.",
|
|
472
|
-
"values": [{ "name": "Plugin[]" }]
|
|
473
|
-
}
|
|
474
|
-
],
|
|
475
|
-
"references": []
|
|
476
|
-
},
|
|
477
382
|
{
|
|
478
383
|
"name": "flow-ui-checkbox",
|
|
479
384
|
"description": "Checkboxes allow the user to toggle an option on or off.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the checkbox loses focus.\n- **flow-ui-change** - Emitted when the checked state changes.\n- **flow-ui-focus** - Emitted when the checkbox gains focus.\n- **flow-ui-input** - Emitted when the checkbox receives input.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<flow-ui-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<flow-ui-icon>` element.\n- **label** - The container that wraps the checkbox's label.",
|
|
@@ -704,6 +609,39 @@
|
|
|
704
609
|
],
|
|
705
610
|
"references": []
|
|
706
611
|
},
|
|
612
|
+
{
|
|
613
|
+
"name": "flow-ui-carousel-item",
|
|
614
|
+
"description": "A carousel item represent a slide within a [carousel](/components/carousel).\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The carousel item's content..\n\n### **CSS Properties:**\n - **--aspect-ratio** - The slide's aspect ratio. Inherited from the carousel by default. _(default: undefined)_",
|
|
615
|
+
"attributes": [],
|
|
616
|
+
"references": []
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "flow-ui-chart",
|
|
620
|
+
"description": "The chart component displays Chart.js charts.\n\n\n---\n\n\n\n\n### **Methods:**\n - **repaint()** - Trigger a repaint of the chart.\n\n### **CSS Properties:**\n - **--background-color** - Chart background color (applied as the background color of the base container). _(default: undefined)_\n- **--text-color** - General text color (titles etc.) _(default: undefined)_\n- **--axis-color** - Color of the axis lines. _(default: undefined)_\n- **--x-axis-color** - Color of the x-axis lines. (defaults to `--axis-color`) _(default: undefined)_\n- **--y-axis-color** - Color of the y-axis lines. (defaults to `--axis-color`) _(default: undefined)_\n- **--axis-grid-color** - Color of the axis grid lines. _(default: undefined)_\n- **--x-axis-grid-color** - Color of the x-axis grid lines. (defaults to `--axis-grid-color`) _(default: undefined)_\n- **--y-axis-grid-color** - Color of the y-axis grid lines. (defaults to `--axis-grid-color`) _(default: undefined)_\n- **--axis-label-color** - Color of the axis labels. _(default: undefined)_\n- **--x-axis-label-color** - Color of the x-axis labels. (defaults to `--axis-label-color`) _(default: undefined)_\n- **--y-axis-label-color** - Color of the y-axis labels. (defaults to `--axis-label-color`) _(default: undefined)_\n- **--tick-label-color** - Color of the tick labels. _(default: undefined)_\n- **--x-tick-label-color** - Color of the x-axis tick labels. (defaults to `--tick-label-color`) _(default: undefined)_\n- **--y-tick-label-color** - Color of the y-axis tick labels. (defaults to `--tick-label-color`) _(default: undefined)_\n- **--dataset-stroke-color-n** - Color of the stroke for dataset n (where n = 0-9). _(default: undefined)_\n- **--dataset-fill-color-n** - Color of the fill for dataset n (where n = 0-9). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The base container of the chart.",
|
|
621
|
+
"attributes": [
|
|
622
|
+
{
|
|
623
|
+
"name": "type",
|
|
624
|
+
"description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
|
|
625
|
+
"values": []
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "options",
|
|
629
|
+
"description": "The Chart.js `options` object.",
|
|
630
|
+
"values": [{ "name": "ChartOptions" }]
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "data",
|
|
634
|
+
"description": "The Chart.js `data` object",
|
|
635
|
+
"values": [{ "name": "ChartData" }]
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "plugins",
|
|
639
|
+
"description": "List of extra plugins to use for this chart.",
|
|
640
|
+
"values": [{ "name": "Plugin[]" }]
|
|
641
|
+
}
|
|
642
|
+
],
|
|
643
|
+
"references": []
|
|
644
|
+
},
|
|
707
645
|
{
|
|
708
646
|
"name": "flow-ui-details",
|
|
709
647
|
"description": "Details show a brief summary and expand to show additional content.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-show** - Emitted when the details opens.\n- **flow-ui-after-show** - Emitted after the details opens and all animations are complete.\n- **flow-ui-hide** - Emitted when the details closes.\n- **flow-ui-after-hide** - Emitted after the details closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the details.\n- **hide()** - Hides the details\n\n### **Slots:**\n - _default_ - The details' main content.\n- **summary** - The details' summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **content** - The details content.",
|
|
@@ -797,6 +735,71 @@
|
|
|
797
735
|
],
|
|
798
736
|
"references": []
|
|
799
737
|
},
|
|
738
|
+
{
|
|
739
|
+
"name": "flow-ui-dropdown",
|
|
740
|
+
"description": "Dropdowns expose additional content that \"drops down\" in a panel.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-show** - Emitted when the dropdown opens.\n- **flow-ui-after-show** - Emitted after the dropdown opens and all animations are complete.\n- **flow-ui-hide** - Emitted when the dropdown closes.\n- **flow-ui-after-hide** - Emitted after the dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the dropdown panel.\n- **hide()** - Hides the dropdown panel\n- **reposition()** - Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.\n\n### **Slots:**\n - _default_ - The dropdown's main content.\n- **trigger** - The dropdown's trigger, usually a `<flow-ui-button>` element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<flow-ui-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **trigger** - The container that wraps the trigger.\n- **panel** - The panel that gets shown when the dropdown is open.",
|
|
741
|
+
"attributes": [
|
|
742
|
+
{
|
|
743
|
+
"name": "open",
|
|
744
|
+
"description": "Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.",
|
|
745
|
+
"values": []
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"name": "placement",
|
|
749
|
+
"description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
|
|
750
|
+
"values": [
|
|
751
|
+
{ "name": "" },
|
|
752
|
+
{ "name": "top" },
|
|
753
|
+
{ "name": "top-start" },
|
|
754
|
+
{ "name": "top-end" },
|
|
755
|
+
{ "name": "bottom" },
|
|
756
|
+
{ "name": "bottom-start" },
|
|
757
|
+
{ "name": "bottom-end" },
|
|
758
|
+
{ "name": "right" },
|
|
759
|
+
{ "name": "right-start" },
|
|
760
|
+
{ "name": "right-end" },
|
|
761
|
+
{ "name": "left" },
|
|
762
|
+
{ "name": "left-start" },
|
|
763
|
+
{ "name": "left-end" }
|
|
764
|
+
]
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"name": "disabled",
|
|
768
|
+
"description": "Disables the dropdown so the panel will not open.",
|
|
769
|
+
"values": []
|
|
770
|
+
},
|
|
771
|
+
{
|
|
772
|
+
"name": "stay-open-on-select",
|
|
773
|
+
"description": "By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.",
|
|
774
|
+
"values": []
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
"name": "distance",
|
|
778
|
+
"description": "The distance in pixels from which to offset the panel away from its trigger.",
|
|
779
|
+
"values": []
|
|
780
|
+
},
|
|
781
|
+
{
|
|
782
|
+
"name": "skidding",
|
|
783
|
+
"description": "The distance in pixels from which to offset the panel along its trigger.",
|
|
784
|
+
"values": []
|
|
785
|
+
},
|
|
786
|
+
{
|
|
787
|
+
"name": "hoist",
|
|
788
|
+
"description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
|
|
789
|
+
"values": []
|
|
790
|
+
},
|
|
791
|
+
{
|
|
792
|
+
"name": "sync",
|
|
793
|
+
"description": "Syncs the popup width or height to that of the trigger element.",
|
|
794
|
+
"values": [
|
|
795
|
+
{ "name": "width" },
|
|
796
|
+
{ "name": "height" },
|
|
797
|
+
{ "name": "both" }
|
|
798
|
+
]
|
|
799
|
+
}
|
|
800
|
+
],
|
|
801
|
+
"references": []
|
|
802
|
+
},
|
|
800
803
|
{
|
|
801
804
|
"name": "flow-ui-gauge",
|
|
802
805
|
"description": "Gauges are used to display a single value with an optional icon and heading.\n\n\n---\n\n\n",
|
|
@@ -1113,8 +1116,13 @@
|
|
|
1113
1116
|
},
|
|
1114
1117
|
{
|
|
1115
1118
|
"name": "flow-ui-number-stepper",
|
|
1116
|
-
"description": "Number steppers are specialized input fields for selecting numbers.\n\n\n---\n\n\n",
|
|
1119
|
+
"description": "Number steppers are specialized input fields for selecting numbers.\n\n\n---\n\n\n\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.",
|
|
1117
1120
|
"attributes": [
|
|
1121
|
+
{
|
|
1122
|
+
"name": "name",
|
|
1123
|
+
"description": "The name of the input, submitted as a name/value pair with form data.",
|
|
1124
|
+
"values": []
|
|
1125
|
+
},
|
|
1118
1126
|
{ "name": "value", "values": [{ "name": "''" }] },
|
|
1119
1127
|
{ "name": "step", "values": [] },
|
|
1120
1128
|
{ "name": "min", "values": [] },
|
|
@@ -1132,28 +1140,6 @@
|
|
|
1132
1140
|
],
|
|
1133
1141
|
"references": []
|
|
1134
1142
|
},
|
|
1135
|
-
{
|
|
1136
|
-
"name": "flow-ui-panel",
|
|
1137
|
-
"description": "Panels are use with split-views to create resizable areas.\n\n\n---\n\n\n\n\n### **Methods:**\n - **expand(emitEvent)** - Shows the details.\n- **collapse(emitEvent)** - Hides the details",
|
|
1138
|
-
"attributes": [
|
|
1139
|
-
{
|
|
1140
|
-
"name": "closed",
|
|
1141
|
-
"description": "Indicates whether the panel is open or closed.",
|
|
1142
|
-
"values": []
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"name": "scrollable",
|
|
1146
|
-
"description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
|
|
1147
|
-
"values": []
|
|
1148
|
-
},
|
|
1149
|
-
{
|
|
1150
|
-
"name": "padding",
|
|
1151
|
-
"description": "Indicates whether the panel body has padding.",
|
|
1152
|
-
"values": []
|
|
1153
|
-
}
|
|
1154
|
-
],
|
|
1155
|
-
"references": []
|
|
1156
|
-
},
|
|
1157
1143
|
{
|
|
1158
1144
|
"name": "flow-ui-panel-header",
|
|
1159
1145
|
"description": "A panel header provides a title, optional accessory controls and expand/collapse behavior for panels.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-collapse** - Emitted when the header is collapsed by UI interaction.\n- **flow-ui-expand** - Emitted when the header is expanded by UI interaction.\n\n### **Slots:**\n - **title** - The panel header's title content. Alternatively, use the `title` attribute for plain text.\n- **prefix** - The panel header's prefix content.\n- **suffix** - The panel header's suffix content.\n- **expand-icon** - Specify an alternative `<flow-ui-icon>` to use for the expand icon.\n- **collapse-icon** - Specify an alternative `<flow-ui-icon>` to use for the collapse icon.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **title** - The container that wraps the title.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.\n- **toggle-icon** - The container that wraps the expand/collapse icon.",
|
|
@@ -1216,17 +1202,22 @@
|
|
|
1216
1202
|
"references": []
|
|
1217
1203
|
},
|
|
1218
1204
|
{
|
|
1219
|
-
"name": "flow-ui-
|
|
1220
|
-
"description": "
|
|
1205
|
+
"name": "flow-ui-query-builder",
|
|
1206
|
+
"description": "Query builder component\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n\n### **Methods:**\n - **registerFieldDefinition(type: _T_, fieldDefinition: _FlowQueryBuilderFieldDefinition<NoUnion<T>>_)** - Register a custom field definition.\n\nA field definition is used to add support for a custom field type. A field type comprises:\n\n- a field `type` string\n- a `template` function that returns the template for the field's value control\n- an array of `operators` that are valid for the field",
|
|
1221
1207
|
"attributes": [
|
|
1222
1208
|
{
|
|
1223
1209
|
"name": "value",
|
|
1224
|
-
"description": "The
|
|
1225
|
-
"values": []
|
|
1210
|
+
"description": "The query builder's value object.",
|
|
1211
|
+
"values": [{ "name": "FlowQueryBuilderRuleSet" }]
|
|
1212
|
+
},
|
|
1213
|
+
{
|
|
1214
|
+
"name": "config",
|
|
1215
|
+
"description": "The query builder's configuration object.",
|
|
1216
|
+
"values": [{ "name": "FlowQueryBuilderConfig" }]
|
|
1226
1217
|
},
|
|
1227
1218
|
{
|
|
1228
1219
|
"name": "size",
|
|
1229
|
-
"description": "The
|
|
1220
|
+
"description": "The query builder's size.",
|
|
1230
1221
|
"values": [
|
|
1231
1222
|
{ "name": "small" },
|
|
1232
1223
|
{ "name": "medium" },
|
|
@@ -1235,11 +1226,48 @@
|
|
|
1235
1226
|
},
|
|
1236
1227
|
{
|
|
1237
1228
|
"name": "disabled",
|
|
1238
|
-
"description": "Disables the
|
|
1229
|
+
"description": "Disables the select control.",
|
|
1239
1230
|
"values": []
|
|
1240
|
-
}
|
|
1241
|
-
|
|
1242
|
-
|
|
1231
|
+
},
|
|
1232
|
+
{
|
|
1233
|
+
"name": "label",
|
|
1234
|
+
"description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
|
|
1235
|
+
"values": []
|
|
1236
|
+
},
|
|
1237
|
+
{
|
|
1238
|
+
"name": "help-text",
|
|
1239
|
+
"description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
1240
|
+
"values": []
|
|
1241
|
+
},
|
|
1242
|
+
{
|
|
1243
|
+
"name": "tree-lines",
|
|
1244
|
+
"description": "Display tree connector lines between query rules",
|
|
1245
|
+
"values": []
|
|
1246
|
+
}
|
|
1247
|
+
],
|
|
1248
|
+
"references": []
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "flow-ui-panel",
|
|
1252
|
+
"description": "Panels are use with split-views to create resizable areas.\n\n\n---\n\n\n\n\n### **Methods:**\n - **expand(emitEvent)** - Shows the details.\n- **collapse(emitEvent)** - Hides the details",
|
|
1253
|
+
"attributes": [
|
|
1254
|
+
{
|
|
1255
|
+
"name": "closed",
|
|
1256
|
+
"description": "Indicates whether the panel is open or closed.",
|
|
1257
|
+
"values": []
|
|
1258
|
+
},
|
|
1259
|
+
{
|
|
1260
|
+
"name": "scrollable",
|
|
1261
|
+
"description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
|
|
1262
|
+
"values": []
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"name": "padding",
|
|
1266
|
+
"description": "Indicates whether the panel body has padding.",
|
|
1267
|
+
"values": []
|
|
1268
|
+
}
|
|
1269
|
+
],
|
|
1270
|
+
"references": []
|
|
1243
1271
|
},
|
|
1244
1272
|
{
|
|
1245
1273
|
"name": "flow-ui-radio-group",
|
|
@@ -1293,62 +1321,26 @@
|
|
|
1293
1321
|
"references": []
|
|
1294
1322
|
},
|
|
1295
1323
|
{
|
|
1296
|
-
"name": "flow-ui-
|
|
1297
|
-
"description": "
|
|
1324
|
+
"name": "flow-ui-radio",
|
|
1325
|
+
"description": "Radios allow the user to select a single option from a group.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the control loses focus.\n- **flow-ui-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an `<flow-ui-icon>` element.\n- **label** - The container that wraps the radio's label.",
|
|
1298
1326
|
"attributes": [
|
|
1299
|
-
{ "name": "title", "values": [] },
|
|
1300
|
-
{
|
|
1301
|
-
"name": "name",
|
|
1302
|
-
"description": "The name of the range, submitted as a name/value pair with form data.",
|
|
1303
|
-
"values": []
|
|
1304
|
-
},
|
|
1305
1327
|
{
|
|
1306
1328
|
"name": "value",
|
|
1307
|
-
"description": "The
|
|
1308
|
-
"values": []
|
|
1309
|
-
},
|
|
1310
|
-
{
|
|
1311
|
-
"name": "label",
|
|
1312
|
-
"description": "The range's label. If you need to display HTML, use the `label` slot instead.",
|
|
1313
|
-
"values": []
|
|
1314
|
-
},
|
|
1315
|
-
{
|
|
1316
|
-
"name": "help-text",
|
|
1317
|
-
"description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
|
|
1318
|
-
"values": []
|
|
1319
|
-
},
|
|
1320
|
-
{
|
|
1321
|
-
"name": "disabled",
|
|
1322
|
-
"description": "Disables the range.",
|
|
1323
|
-
"values": []
|
|
1324
|
-
},
|
|
1325
|
-
{
|
|
1326
|
-
"name": "min",
|
|
1327
|
-
"description": "The minimum acceptable value of the range.",
|
|
1328
|
-
"values": []
|
|
1329
|
-
},
|
|
1330
|
-
{
|
|
1331
|
-
"name": "max",
|
|
1332
|
-
"description": "The maximum acceptable value of the range.",
|
|
1333
|
-
"values": []
|
|
1334
|
-
},
|
|
1335
|
-
{
|
|
1336
|
-
"name": "step",
|
|
1337
|
-
"description": "The interval at which the range will increase and decrease.",
|
|
1329
|
+
"description": "The radio's value. When selected, the radio group will receive this value.",
|
|
1338
1330
|
"values": []
|
|
1339
1331
|
},
|
|
1340
1332
|
{
|
|
1341
|
-
"name": "
|
|
1342
|
-
"description": "The
|
|
1333
|
+
"name": "size",
|
|
1334
|
+
"description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
|
|
1343
1335
|
"values": [
|
|
1344
|
-
{ "name": "
|
|
1345
|
-
{ "name": "
|
|
1346
|
-
{ "name": "
|
|
1336
|
+
{ "name": "small" },
|
|
1337
|
+
{ "name": "medium" },
|
|
1338
|
+
{ "name": "large" }
|
|
1347
1339
|
]
|
|
1348
1340
|
},
|
|
1349
1341
|
{
|
|
1350
|
-
"name": "
|
|
1351
|
-
"description": "
|
|
1342
|
+
"name": "disabled",
|
|
1343
|
+
"description": "Disables the radio.",
|
|
1352
1344
|
"values": []
|
|
1353
1345
|
}
|
|
1354
1346
|
],
|
|
@@ -1437,30 +1429,9 @@
|
|
|
1437
1429
|
"references": []
|
|
1438
1430
|
},
|
|
1439
1431
|
{
|
|
1440
|
-
"name": "flow-ui-
|
|
1441
|
-
"description": "
|
|
1442
|
-
"attributes": [
|
|
1443
|
-
{ "name": "vertical", "values": [] },
|
|
1444
|
-
{ "name": "size", "values": [] },
|
|
1445
|
-
{ "name": "min-size", "values": [] },
|
|
1446
|
-
{ "name": "max-size", "values": [] },
|
|
1447
|
-
{ "name": "closed-size", "values": [] },
|
|
1448
|
-
{
|
|
1449
|
-
"name": "closed",
|
|
1450
|
-
"description": "Indicates if the split-view pane is open or closed.",
|
|
1451
|
-
"values": []
|
|
1452
|
-
},
|
|
1453
|
-
{
|
|
1454
|
-
"name": "divider",
|
|
1455
|
-
"description": "Indicates if the split-view pane has a divider.",
|
|
1456
|
-
"values": []
|
|
1457
|
-
},
|
|
1458
|
-
{
|
|
1459
|
-
"name": "hidden",
|
|
1460
|
-
"description": "Indicates if the split-view pane is hidden.",
|
|
1461
|
-
"values": []
|
|
1462
|
-
}
|
|
1463
|
-
],
|
|
1432
|
+
"name": "flow-ui-stepper",
|
|
1433
|
+
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
1434
|
+
"attributes": [],
|
|
1464
1435
|
"references": []
|
|
1465
1436
|
},
|
|
1466
1437
|
{
|
|
@@ -1559,12 +1530,6 @@
|
|
|
1559
1530
|
],
|
|
1560
1531
|
"references": []
|
|
1561
1532
|
},
|
|
1562
|
-
{
|
|
1563
|
-
"name": "flow-ui-stepper",
|
|
1564
|
-
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
1565
|
-
"attributes": [],
|
|
1566
|
-
"references": []
|
|
1567
|
-
},
|
|
1568
1533
|
{
|
|
1569
1534
|
"name": "flow-ui-stepper-panel",
|
|
1570
1535
|
"description": "Stepper panels provide a single page in a stepper to guide users through a series of steps.\n\n\n---\n\n\n",
|
|
@@ -1636,6 +1601,65 @@
|
|
|
1636
1601
|
],
|
|
1637
1602
|
"references": []
|
|
1638
1603
|
},
|
|
1604
|
+
{
|
|
1605
|
+
"name": "flow-ui-split-view-pane",
|
|
1606
|
+
"description": "Split-view panes are used with split-views to create resizable areas.\n\n\n---\n\n\n\n\n### **Methods:**\n - **expand(emitEvent)** - Shows the details.\n- **collapse(emitEvent)** - Hides the details",
|
|
1607
|
+
"attributes": [
|
|
1608
|
+
{ "name": "vertical", "values": [] },
|
|
1609
|
+
{ "name": "size", "values": [] },
|
|
1610
|
+
{ "name": "min-size", "values": [] },
|
|
1611
|
+
{ "name": "max-size", "values": [] },
|
|
1612
|
+
{ "name": "closed-size", "values": [] },
|
|
1613
|
+
{
|
|
1614
|
+
"name": "closed",
|
|
1615
|
+
"description": "Indicates if the split-view pane is open or closed.",
|
|
1616
|
+
"values": []
|
|
1617
|
+
},
|
|
1618
|
+
{
|
|
1619
|
+
"name": "divider",
|
|
1620
|
+
"description": "Indicates if the split-view pane has a divider.",
|
|
1621
|
+
"values": []
|
|
1622
|
+
},
|
|
1623
|
+
{
|
|
1624
|
+
"name": "hidden",
|
|
1625
|
+
"description": "Indicates if the split-view pane is hidden.",
|
|
1626
|
+
"values": []
|
|
1627
|
+
}
|
|
1628
|
+
],
|
|
1629
|
+
"references": []
|
|
1630
|
+
},
|
|
1631
|
+
{
|
|
1632
|
+
"name": "flow-ui-tab-group",
|
|
1633
|
+
"description": "Tab groups organize content into a container that shows one section at a time.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-tab-show** - Emitted when a tab is shown.\n- **flow-ui-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<flow-ui-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<flow-ui-tab>` elements.\n\n### **CSS Properties:**\n - **--indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n- **--track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **tabs** - The container that wraps the tabs.\n- **active-tab-indicator** - The line that highlights the currently selected tab.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button** - The previous/next scroll buttons that show when tabs are scrollable, an `<flow-ui-icon-button>`.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
|
|
1634
|
+
"attributes": [
|
|
1635
|
+
{
|
|
1636
|
+
"name": "placement",
|
|
1637
|
+
"description": "The placement of the tabs.",
|
|
1638
|
+
"values": [
|
|
1639
|
+
{ "name": "top" },
|
|
1640
|
+
{ "name": "bottom" },
|
|
1641
|
+
{ "name": "start" },
|
|
1642
|
+
{ "name": "end" }
|
|
1643
|
+
]
|
|
1644
|
+
},
|
|
1645
|
+
{
|
|
1646
|
+
"name": "activation",
|
|
1647
|
+
"description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
|
|
1648
|
+
"values": [{ "name": "auto" }, { "name": "manual" }]
|
|
1649
|
+
},
|
|
1650
|
+
{
|
|
1651
|
+
"name": "no-scroll-controls",
|
|
1652
|
+
"description": "Disables the scroll arrows that appear when tabs overflow.",
|
|
1653
|
+
"values": []
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"name": "control-split-view",
|
|
1657
|
+
"description": "Set to `true` to allow parent split-view pane to be automatically opened and closed when tabs are clicked.",
|
|
1658
|
+
"values": []
|
|
1659
|
+
}
|
|
1660
|
+
],
|
|
1661
|
+
"references": []
|
|
1662
|
+
},
|
|
1639
1663
|
{
|
|
1640
1664
|
"name": "flow-ui-tab",
|
|
1641
1665
|
"description": "Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-close** - Emitted when the tab is closable and the close button is activated.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus to the tab.\n- **blur()** - Removes focus from the tab.\n\n### **Slots:**\n - _default_ - The tab's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **close-button** - The close button, an `<flow-ui-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
|
|
@@ -1698,54 +1722,62 @@
|
|
|
1698
1722
|
"references": []
|
|
1699
1723
|
},
|
|
1700
1724
|
{
|
|
1701
|
-
"name": "flow-ui-
|
|
1702
|
-
"description": "
|
|
1725
|
+
"name": "flow-ui-range",
|
|
1726
|
+
"description": "Ranges allow the user to select a single value within a given range using a slider.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the control loses focus.\n- **flow-ui-change** - Emitted when an alteration to the control's value is committed by the user.\n- **flow-ui-focus** - Emitted when the control gains focus.\n- **flow-ui-input** - Emitted when the control receives input.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the range.\n- **blur()** - Removes focus from the range.\n- **stepUp()** - Increments the value of the range by the value of the step attribute.\n- **stepDown()** - Decrements the value of the range by the value of the step attribute.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The range's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--thumb-size** - The size of the thumb. _(default: undefined)_\n- **--tooltip-offset** - The vertical distance the tooltip is offset from the track. _(default: undefined)_\n- **--track-color-active** - The color of the portion of the track that represents the current value. _(default: undefined)_\n- **--track-color-inactive** - The of the portion of the track that represents the remaining value. _(default: undefined)_\n- **--track-height** - The height of the track. _(default: undefined)_\n- **--track-active-offset** - The point of origin of the active track. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The range's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **input** - The internal `<input>` element.\n- **tooltip** - The range's tooltip.",
|
|
1703
1727
|
"attributes": [
|
|
1728
|
+
{ "name": "title", "values": [] },
|
|
1704
1729
|
{
|
|
1705
|
-
"name": "
|
|
1706
|
-
"description": "The
|
|
1707
|
-
"values": [
|
|
1708
|
-
{ "name": "top" },
|
|
1709
|
-
{ "name": "bottom" },
|
|
1710
|
-
{ "name": "start" },
|
|
1711
|
-
{ "name": "end" }
|
|
1712
|
-
]
|
|
1730
|
+
"name": "name",
|
|
1731
|
+
"description": "The name of the range, submitted as a name/value pair with form data.",
|
|
1732
|
+
"values": []
|
|
1713
1733
|
},
|
|
1714
1734
|
{
|
|
1715
|
-
"name": "
|
|
1716
|
-
"description": "
|
|
1717
|
-
"values": [
|
|
1735
|
+
"name": "value",
|
|
1736
|
+
"description": "The current value of the range, submitted as a name/value pair with form data.",
|
|
1737
|
+
"values": []
|
|
1718
1738
|
},
|
|
1719
1739
|
{
|
|
1720
|
-
"name": "
|
|
1721
|
-
"description": "
|
|
1740
|
+
"name": "label",
|
|
1741
|
+
"description": "The range's label. If you need to display HTML, use the `label` slot instead.",
|
|
1722
1742
|
"values": []
|
|
1723
1743
|
},
|
|
1724
1744
|
{
|
|
1725
|
-
"name": "
|
|
1726
|
-
"description": "
|
|
1745
|
+
"name": "help-text",
|
|
1746
|
+
"description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
|
|
1727
1747
|
"values": []
|
|
1728
|
-
}
|
|
1729
|
-
],
|
|
1730
|
-
"references": []
|
|
1731
|
-
},
|
|
1732
|
-
{
|
|
1733
|
-
"name": "flow-ui-tab-panel",
|
|
1734
|
-
"description": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Properties:**\n - **--padding** - The tab panel's padding. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
1735
|
-
"attributes": [
|
|
1748
|
+
},
|
|
1736
1749
|
{
|
|
1737
|
-
"name": "
|
|
1738
|
-
"description": "
|
|
1750
|
+
"name": "disabled",
|
|
1751
|
+
"description": "Disables the range.",
|
|
1739
1752
|
"values": []
|
|
1740
1753
|
},
|
|
1741
1754
|
{
|
|
1742
|
-
"name": "
|
|
1743
|
-
"description": "
|
|
1755
|
+
"name": "min",
|
|
1756
|
+
"description": "The minimum acceptable value of the range.",
|
|
1744
1757
|
"values": []
|
|
1745
1758
|
},
|
|
1746
1759
|
{
|
|
1747
|
-
"name": "
|
|
1748
|
-
"description": "
|
|
1760
|
+
"name": "max",
|
|
1761
|
+
"description": "The maximum acceptable value of the range.",
|
|
1762
|
+
"values": []
|
|
1763
|
+
},
|
|
1764
|
+
{
|
|
1765
|
+
"name": "step",
|
|
1766
|
+
"description": "The interval at which the range will increase and decrease.",
|
|
1767
|
+
"values": []
|
|
1768
|
+
},
|
|
1769
|
+
{
|
|
1770
|
+
"name": "tooltip",
|
|
1771
|
+
"description": "The preferred placement of the range's tooltip.",
|
|
1772
|
+
"values": [
|
|
1773
|
+
{ "name": "top" },
|
|
1774
|
+
{ "name": "bottom" },
|
|
1775
|
+
{ "name": "none" }
|
|
1776
|
+
]
|
|
1777
|
+
},
|
|
1778
|
+
{
|
|
1779
|
+
"name": "form",
|
|
1780
|
+
"description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
|
|
1749
1781
|
"values": []
|
|
1750
1782
|
}
|
|
1751
1783
|
],
|
|
@@ -1989,7 +2021,7 @@
|
|
|
1989
2021
|
},
|
|
1990
2022
|
{
|
|
1991
2023
|
"name": "flow-ui-tool-button-group",
|
|
1992
|
-
"description": "Tool buttons groups are used to build toolbars.\n\n\n---\n\n\n\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.",
|
|
2024
|
+
"description": "Tool buttons groups are used to build toolbars.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n- **flow-ui-input** - Emitted when the control receives input.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.",
|
|
1993
2025
|
"attributes": [
|
|
1994
2026
|
{
|
|
1995
2027
|
"name": "label",
|
|
@@ -2120,6 +2152,42 @@
|
|
|
2120
2152
|
],
|
|
2121
2153
|
"references": []
|
|
2122
2154
|
},
|
|
2155
|
+
{
|
|
2156
|
+
"name": "flow-ui-timer",
|
|
2157
|
+
"description": "The timer component is the primary time control for Flo.w time-based visualizations.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n- **flow-ui-input** - Emitted when the control receives input.",
|
|
2158
|
+
"attributes": [
|
|
2159
|
+
{
|
|
2160
|
+
"name": "value",
|
|
2161
|
+
"description": "The value of the timer. (ISO8601 date/time string)",
|
|
2162
|
+
"values": []
|
|
2163
|
+
},
|
|
2164
|
+
{
|
|
2165
|
+
"name": "timezone",
|
|
2166
|
+
"description": "The timezone to use for display. (IANA timezone string).\nIf not set, the timezone will be the browser's local timezone.",
|
|
2167
|
+
"values": []
|
|
2168
|
+
},
|
|
2169
|
+
{
|
|
2170
|
+
"name": "locale",
|
|
2171
|
+
"description": "The locale to use for display. (IETF BCP 47 language tag).\nIf not set, the locale will be the browser's default locale.",
|
|
2172
|
+
"values": []
|
|
2173
|
+
},
|
|
2174
|
+
{ "name": "running", "values": [] },
|
|
2175
|
+
{ "name": "dateFormat", "values": [] },
|
|
2176
|
+
{ "name": "dayFormat", "values": [] },
|
|
2177
|
+
{ "name": "timeFormat", "values": [] },
|
|
2178
|
+
{ "name": "zoneFormat", "values": [] },
|
|
2179
|
+
{ "name": "major-step", "values": [] },
|
|
2180
|
+
{ "name": "minor-step", "values": [] },
|
|
2181
|
+
{ "name": "hide-zone", "values": [] }
|
|
2182
|
+
],
|
|
2183
|
+
"references": []
|
|
2184
|
+
},
|
|
2185
|
+
{
|
|
2186
|
+
"name": "flow-ui-visually-hidden",
|
|
2187
|
+
"description": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The content to be visually hidden.",
|
|
2188
|
+
"attributes": [],
|
|
2189
|
+
"references": []
|
|
2190
|
+
},
|
|
2123
2191
|
{
|
|
2124
2192
|
"name": "flow-ui-tree-item",
|
|
2125
2193
|
"description": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-expand** - Emitted when the tree item expands.\n- **flow-ui-after-expand** - Emitted after the tree item expands and all animations are complete.\n- **flow-ui-collapse** - Emitted when the tree item collapses.\n- **flow-ui-after-collapse** - Emitted after the tree item collapses and all animations are complete.\n- **flow-ui-lazy-change** - Emitted when the tree item's lazy state changes.\n- **flow-ui-lazy-load** - Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.\n\n### **Methods:**\n - **getChildrenItems({ includeDisabled = true }: _{ includeDisabled?: boolean }_): _FlowTreeItem[]_** - Gets all the nested tree items in this node.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded.\n- **collapse-icon** - The icon to show when the tree item is collapsed.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **item** - The tree item's container. This element wraps everything except slotted tree item children.\n- **item--disabled** - Applied when the tree item is disabled.\n- **item--expanded** - Applied when the tree item is expanded.\n- **item--indeterminate** - Applied when the selection is indeterminate.\n- **item--selected** - Applied when the tree item is selected.\n- **indentation** - The tree item's indentation container.\n- **expand-button** - The container that wraps the tree item's expand button and spinner.\n- **label** - The tree item's label.\n- **children** - The container that wraps the tree item's nested children.\n- **checkbox** - The checkbox that shows when using multiselect.\n- **checkbox__base** - The checkbox's exported `base` part.\n- **checkbox__control** - The checkbox's exported `control` part.\n- **checkbox__control--checked** - The checkbox's exported `control--checked` part.\n- **checkbox__control--indeterminate** - The checkbox's exported `control--indeterminate` part.\n- **checkbox__checked-icon** - The checkbox's exported `checked-icon` part.\n- **checkbox__indeterminate-icon** - The checkbox's exported `indeterminate-icon` part.\n- **checkbox__label** - The checkbox's exported `label` part.",
|
|
@@ -2148,9 +2216,25 @@
|
|
|
2148
2216
|
"references": []
|
|
2149
2217
|
},
|
|
2150
2218
|
{
|
|
2151
|
-
"name": "flow-ui-
|
|
2152
|
-
"description": "
|
|
2153
|
-
"attributes": [
|
|
2219
|
+
"name": "flow-ui-tab-panel",
|
|
2220
|
+
"description": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The tab panel's content.\n\n### **CSS Properties:**\n - **--padding** - The tab panel's padding. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
2221
|
+
"attributes": [
|
|
2222
|
+
{
|
|
2223
|
+
"name": "name",
|
|
2224
|
+
"description": "The tab panel's name.",
|
|
2225
|
+
"values": []
|
|
2226
|
+
},
|
|
2227
|
+
{
|
|
2228
|
+
"name": "active",
|
|
2229
|
+
"description": "When true, the tab panel will be shown.",
|
|
2230
|
+
"values": []
|
|
2231
|
+
},
|
|
2232
|
+
{
|
|
2233
|
+
"name": "scrollable",
|
|
2234
|
+
"description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
|
|
2235
|
+
"values": []
|
|
2236
|
+
}
|
|
2237
|
+
],
|
|
2154
2238
|
"references": []
|
|
2155
2239
|
}
|
|
2156
2240
|
]
|