@emuanalytics/flow-rdf-ui 0.0.42 → 0.0.43
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 +5799 -5799
- package/dist/index.cjs +3 -1
- package/dist/index.d.cts +2 -0
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +3 -1
- package/dist/vscode.html-custom-data.json +220 -220
- package/package.json +1 -1
|
@@ -70,6 +70,33 @@
|
|
|
70
70
|
],
|
|
71
71
|
"references": []
|
|
72
72
|
},
|
|
73
|
+
{
|
|
74
|
+
"name": "flow-ui-breadcrumb-item",
|
|
75
|
+
"description": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.\n- **separator** - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The breadcrumb item's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.\n- **separator** - The container that wraps the separator.",
|
|
76
|
+
"attributes": [
|
|
77
|
+
{
|
|
78
|
+
"name": "href",
|
|
79
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
80
|
+
"values": []
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"name": "target",
|
|
84
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
85
|
+
"values": [
|
|
86
|
+
{ "name": "_blank" },
|
|
87
|
+
{ "name": "_parent" },
|
|
88
|
+
{ "name": "_self" },
|
|
89
|
+
{ "name": "_top" }
|
|
90
|
+
]
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"name": "rel",
|
|
94
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
95
|
+
"values": []
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"references": []
|
|
99
|
+
},
|
|
73
100
|
{
|
|
74
101
|
"name": "flow-ui-button",
|
|
75
102
|
"description": "Buttons represent actions that are available to the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the button loses focus.\n- **flow-ui-focus** - Emitted when the button gains focus.\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 button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\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 - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<flow-ui-icon>` element.",
|
|
@@ -220,45 +247,6 @@
|
|
|
220
247
|
],
|
|
221
248
|
"references": []
|
|
222
249
|
},
|
|
223
|
-
{
|
|
224
|
-
"name": "flow-ui-breadcrumb-item",
|
|
225
|
-
"description": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.\n- **separator** - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The breadcrumb item's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.\n- **separator** - The container that wraps the separator.",
|
|
226
|
-
"attributes": [
|
|
227
|
-
{
|
|
228
|
-
"name": "href",
|
|
229
|
-
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
230
|
-
"values": []
|
|
231
|
-
},
|
|
232
|
-
{
|
|
233
|
-
"name": "target",
|
|
234
|
-
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
235
|
-
"values": [
|
|
236
|
-
{ "name": "_blank" },
|
|
237
|
-
{ "name": "_parent" },
|
|
238
|
-
{ "name": "_self" },
|
|
239
|
-
{ "name": "_top" }
|
|
240
|
-
]
|
|
241
|
-
},
|
|
242
|
-
{
|
|
243
|
-
"name": "rel",
|
|
244
|
-
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
245
|
-
"values": []
|
|
246
|
-
}
|
|
247
|
-
],
|
|
248
|
-
"references": []
|
|
249
|
-
},
|
|
250
|
-
{
|
|
251
|
-
"name": "flow-ui-breadcrumb",
|
|
252
|
-
"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.",
|
|
253
|
-
"attributes": [
|
|
254
|
-
{
|
|
255
|
-
"name": "label",
|
|
256
|
-
"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.",
|
|
257
|
-
"values": []
|
|
258
|
-
}
|
|
259
|
-
],
|
|
260
|
-
"references": []
|
|
261
|
-
},
|
|
262
250
|
{
|
|
263
251
|
"name": "flow-ui-badge",
|
|
264
252
|
"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.",
|
|
@@ -301,9 +289,15 @@
|
|
|
301
289
|
"references": []
|
|
302
290
|
},
|
|
303
291
|
{
|
|
304
|
-
"name": "flow-ui-
|
|
305
|
-
"description": "
|
|
306
|
-
"attributes": [
|
|
292
|
+
"name": "flow-ui-breadcrumb",
|
|
293
|
+
"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.",
|
|
294
|
+
"attributes": [
|
|
295
|
+
{
|
|
296
|
+
"name": "label",
|
|
297
|
+
"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.",
|
|
298
|
+
"values": []
|
|
299
|
+
}
|
|
300
|
+
],
|
|
307
301
|
"references": []
|
|
308
302
|
},
|
|
309
303
|
{
|
|
@@ -332,6 +326,12 @@
|
|
|
332
326
|
],
|
|
333
327
|
"references": []
|
|
334
328
|
},
|
|
329
|
+
{
|
|
330
|
+
"name": "flow-ui-card",
|
|
331
|
+
"description": "Cards can be used to group related subjects in a container.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
|
|
332
|
+
"attributes": [],
|
|
333
|
+
"references": []
|
|
334
|
+
},
|
|
335
335
|
{
|
|
336
336
|
"name": "flow-ui-carousel",
|
|
337
337
|
"description": "Carousels display an arbitrary number of content slides along a horizontal or vertical axis.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-slide-change** - Emitted when the active slide changes.\n\n### **Methods:**\n - **previous(behavior: _ScrollBehavior_)** - Move the carousel backward by `slides-per-move` slides.\n- **next(behavior: _ScrollBehavior_)** - Move the carousel forward by `slides-per-move` slides.\n- **goToSlide(index: _number_, behavior: _ScrollBehavior_)** - Scrolls the carousel to the slide specified by `index`.\n\n### **Slots:**\n - _default_ - The carousel's main content, one or more `<flow-ui-carousel-item>` elements.\n- **next-icon** - Optional next icon to use instead of the default. Works best with `<flow-ui-icon>`.\n- **previous-icon** - Optional previous icon to use instead of the default. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--slide-gap** - The space between each slide. _(default: undefined)_\n- **--aspect-ratio** - The aspect ratio of each slide. _(default: undefined)_\n- **--scroll-hint** - The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The carousel's internal wrapper.\n- **scroll-container** - The scroll container that wraps the slides.\n- **pagination** - The pagination indicators wrapper.\n- **pagination-item** - The pagination indicator.\n- **pagination-item--active** - Applied when the item is active.\n- **navigation** - The navigation wrapper.\n- **navigation-button** - The navigation button.\n- **navigation-button--previous** - Applied to the previous button.\n- **navigation-button--next** - Applied to the next button.",
|
|
@@ -390,33 +390,6 @@
|
|
|
390
390
|
"attributes": [],
|
|
391
391
|
"references": []
|
|
392
392
|
},
|
|
393
|
-
{
|
|
394
|
-
"name": "flow-ui-chart",
|
|
395
|
-
"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.",
|
|
396
|
-
"attributes": [
|
|
397
|
-
{
|
|
398
|
-
"name": "type",
|
|
399
|
-
"description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
|
|
400
|
-
"values": []
|
|
401
|
-
},
|
|
402
|
-
{
|
|
403
|
-
"name": "options",
|
|
404
|
-
"description": "The Chart.js `options` object.",
|
|
405
|
-
"values": [{ "name": "ChartOptions" }]
|
|
406
|
-
},
|
|
407
|
-
{
|
|
408
|
-
"name": "data",
|
|
409
|
-
"description": "The Chart.js `data` object",
|
|
410
|
-
"values": [{ "name": "ChartData" }]
|
|
411
|
-
},
|
|
412
|
-
{
|
|
413
|
-
"name": "plugins",
|
|
414
|
-
"description": "List of extra plugins to use for this chart.",
|
|
415
|
-
"values": [{ "name": "Plugin[]" }]
|
|
416
|
-
}
|
|
417
|
-
],
|
|
418
|
-
"references": []
|
|
419
|
-
},
|
|
420
393
|
{
|
|
421
394
|
"name": "flow-ui-checkbox",
|
|
422
395
|
"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.",
|
|
@@ -669,6 +642,33 @@
|
|
|
669
642
|
],
|
|
670
643
|
"references": []
|
|
671
644
|
},
|
|
645
|
+
{
|
|
646
|
+
"name": "flow-ui-chart",
|
|
647
|
+
"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.",
|
|
648
|
+
"attributes": [
|
|
649
|
+
{
|
|
650
|
+
"name": "type",
|
|
651
|
+
"description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
|
|
652
|
+
"values": []
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"name": "options",
|
|
656
|
+
"description": "The Chart.js `options` object.",
|
|
657
|
+
"values": [{ "name": "ChartOptions" }]
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"name": "data",
|
|
661
|
+
"description": "The Chart.js `data` object",
|
|
662
|
+
"values": [{ "name": "ChartData" }]
|
|
663
|
+
},
|
|
664
|
+
{
|
|
665
|
+
"name": "plugins",
|
|
666
|
+
"description": "List of extra plugins to use for this chart.",
|
|
667
|
+
"values": [{ "name": "Plugin[]" }]
|
|
668
|
+
}
|
|
669
|
+
],
|
|
670
|
+
"references": []
|
|
671
|
+
},
|
|
672
672
|
{
|
|
673
673
|
"name": "flow-ui-dialog",
|
|
674
674
|
"description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-show** - Emitted when the dialog opens.\n- **flow-ui-after-show** - Emitted after the dialog opens and all animations are complete.\n- **flow-ui-hide** - Emitted when the dialog closes.\n- **flow-ui-after-hide** - Emitted after the dialog closes and all animations are complete.\n- **flow-ui-initial-focus** - Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **flow-ui-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog\n\n### **Slots:**\n - _default_ - The dialog's main content.\n- **label** - The dialog's label. Alternatively, you can use the `label` attribute.\n- **header-actions** - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.\n- **footer** - The dialog's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--header-spacing** - The amount of padding to use for the header. _(default: undefined)_\n- **--body-spacing** - The amount of padding to use for the body. _(default: undefined)_\n- **--footer-spacing** - The amount of padding to use for the footer. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the dialog.\n- **panel** - The dialog's panel (where the dialog and its content are rendered).\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **header-actions** - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.\n- **title** - The dialog's title.\n- **close-button** - The close button, an `<flow-ui-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
|
|
@@ -1187,6 +1187,28 @@
|
|
|
1187
1187
|
],
|
|
1188
1188
|
"references": []
|
|
1189
1189
|
},
|
|
1190
|
+
{
|
|
1191
|
+
"name": "flow-ui-panel",
|
|
1192
|
+
"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",
|
|
1193
|
+
"attributes": [
|
|
1194
|
+
{
|
|
1195
|
+
"name": "closed",
|
|
1196
|
+
"description": "Indicates whether the panel is open or closed.",
|
|
1197
|
+
"values": []
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"name": "scrollable",
|
|
1201
|
+
"description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
|
|
1202
|
+
"values": []
|
|
1203
|
+
},
|
|
1204
|
+
{
|
|
1205
|
+
"name": "padding",
|
|
1206
|
+
"description": "Indicates whether the panel body has padding.",
|
|
1207
|
+
"values": []
|
|
1208
|
+
}
|
|
1209
|
+
],
|
|
1210
|
+
"references": []
|
|
1211
|
+
},
|
|
1190
1212
|
{
|
|
1191
1213
|
"name": "flow-ui-panel-header",
|
|
1192
1214
|
"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.",
|
|
@@ -1248,6 +1270,52 @@
|
|
|
1248
1270
|
],
|
|
1249
1271
|
"references": []
|
|
1250
1272
|
},
|
|
1273
|
+
{
|
|
1274
|
+
"name": "flow-ui-query-builder",
|
|
1275
|
+
"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\n- **isRule(value: _unknown_): _value is FlowQueryBuilderRule_** - Static helper method to determine if supplied argument is\na `FlowQueryBuilderRule`.\n- **isRuleSet(value: _unknown_): __** - Static helper method to determine if supplied argument is\na `FlowQueryBuilderRuleSet`.\n- **filterRuleSet(ruleset: _FlowQueryBuilderRuleSet_, options: _{ excludeFields?: string[]; includeFields?: string[] }_): __** - Static helper method to recursively filter a `FlowQueryBuilderRuleSet`.\n\nThis can be used to sanitize user queries before they are executed.\n- **renameRuleSetFields(ruleset: _FlowQueryBuilderRuleSet_, replacements: _Record<string, string>_, ruleSet): __** - Static helper method to rename fields in a `FlowQueryBuilderRuleSet`.\n- **transformRuleSet(ruleSet: _FlowQueryBuilderRuleSet_, transformFn: _(rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined_): __** - Static helper method to recursively apply a transform function to each rule\nin a `FlowQueryBuilderRuleSet`.\n\nThe transform fn should expect a single FlowQueryBuilderRule and return:\n\n- the same rule unmodifed or modified in place\n- `undefined` to exclude the rule from the rule set\n\nThis can be used to sanitize rule sets before they are used to perform queries.\n\n### **Slots:**\n - **label** - The component's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.",
|
|
1276
|
+
"attributes": [
|
|
1277
|
+
{
|
|
1278
|
+
"name": "value",
|
|
1279
|
+
"description": "The query builder's value object.",
|
|
1280
|
+
"values": [{ "name": "FlowQueryBuilderRuleSet" }]
|
|
1281
|
+
},
|
|
1282
|
+
{
|
|
1283
|
+
"name": "config",
|
|
1284
|
+
"description": "The query builder's configuration object.",
|
|
1285
|
+
"values": [{ "name": "FlowQueryBuilderConfig" }]
|
|
1286
|
+
},
|
|
1287
|
+
{
|
|
1288
|
+
"name": "size",
|
|
1289
|
+
"description": "The query builder's size.",
|
|
1290
|
+
"values": [
|
|
1291
|
+
{ "name": "small" },
|
|
1292
|
+
{ "name": "medium" },
|
|
1293
|
+
{ "name": "large" }
|
|
1294
|
+
]
|
|
1295
|
+
},
|
|
1296
|
+
{
|
|
1297
|
+
"name": "disabled",
|
|
1298
|
+
"description": "Disables the select control.",
|
|
1299
|
+
"values": []
|
|
1300
|
+
},
|
|
1301
|
+
{
|
|
1302
|
+
"name": "label",
|
|
1303
|
+
"description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
|
|
1304
|
+
"values": []
|
|
1305
|
+
},
|
|
1306
|
+
{
|
|
1307
|
+
"name": "help-text",
|
|
1308
|
+
"description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
1309
|
+
"values": []
|
|
1310
|
+
},
|
|
1311
|
+
{
|
|
1312
|
+
"name": "tree-lines",
|
|
1313
|
+
"description": "Display tree connector lines between query rules",
|
|
1314
|
+
"values": []
|
|
1315
|
+
}
|
|
1316
|
+
],
|
|
1317
|
+
"references": []
|
|
1318
|
+
},
|
|
1251
1319
|
{
|
|
1252
1320
|
"name": "flow-ui-radio",
|
|
1253
1321
|
"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.",
|
|
@@ -1400,85 +1468,72 @@
|
|
|
1400
1468
|
"references": []
|
|
1401
1469
|
},
|
|
1402
1470
|
{
|
|
1403
|
-
"name": "flow-ui-
|
|
1404
|
-
"description": "
|
|
1405
|
-
"attributes": [],
|
|
1406
|
-
"references": []
|
|
1407
|
-
},
|
|
1408
|
-
{
|
|
1409
|
-
"name": "flow-ui-panel",
|
|
1410
|
-
"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",
|
|
1471
|
+
"name": "flow-ui-scroll-view",
|
|
1472
|
+
"description": "Scroll views provide a scrollable area for content.\n\n\n---\n\n\n",
|
|
1411
1473
|
"attributes": [
|
|
1412
1474
|
{
|
|
1413
|
-
"name": "
|
|
1414
|
-
"
|
|
1415
|
-
"values": []
|
|
1475
|
+
"name": "mode",
|
|
1476
|
+
"values": [{ "name": "native" }, { "name": "overlay" }]
|
|
1416
1477
|
},
|
|
1417
1478
|
{
|
|
1418
|
-
"name": "
|
|
1419
|
-
"
|
|
1420
|
-
|
|
1479
|
+
"name": "overflow-x",
|
|
1480
|
+
"values": [
|
|
1481
|
+
{ "name": "" },
|
|
1482
|
+
{ "name": "hidden" },
|
|
1483
|
+
{ "name": "scroll" },
|
|
1484
|
+
{ "name": "visible" },
|
|
1485
|
+
{ "name": "visible-hidden" },
|
|
1486
|
+
{ "name": "visible-scroll" }
|
|
1487
|
+
]
|
|
1421
1488
|
},
|
|
1422
1489
|
{
|
|
1423
|
-
"name": "
|
|
1424
|
-
"
|
|
1425
|
-
|
|
1426
|
-
|
|
1490
|
+
"name": "overflow-y",
|
|
1491
|
+
"values": [
|
|
1492
|
+
{ "name": "" },
|
|
1493
|
+
{ "name": "hidden" },
|
|
1494
|
+
{ "name": "scroll" },
|
|
1495
|
+
{ "name": "visible" },
|
|
1496
|
+
{ "name": "visible-hidden" },
|
|
1497
|
+
{ "name": "visible-scroll" }
|
|
1498
|
+
]
|
|
1499
|
+
},
|
|
1500
|
+
{
|
|
1501
|
+
"name": "auto-hide",
|
|
1502
|
+
"values": [
|
|
1503
|
+
{ "name": "never" },
|
|
1504
|
+
{ "name": "scroll" },
|
|
1505
|
+
{ "name": "leave" },
|
|
1506
|
+
{ "name": "move" }
|
|
1507
|
+
]
|
|
1508
|
+
},
|
|
1509
|
+
{ "name": "auto-hide-delay", "values": [] },
|
|
1510
|
+
{ "name": "auto-hide-suspend", "values": [] }
|
|
1427
1511
|
],
|
|
1428
1512
|
"references": []
|
|
1429
1513
|
},
|
|
1430
1514
|
{
|
|
1431
|
-
"name": "flow-ui-
|
|
1432
|
-
"description": "
|
|
1515
|
+
"name": "flow-ui-spinner",
|
|
1516
|
+
"description": "Spinners are used to show the progress of an indeterminate operation.\n\n\n---\n\n\n\n\n### **CSS Properties:**\n - **--track-width** - The width of the track. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the spinner's indicator. _(default: undefined)_\n- **--speed** - The time it takes for the spinner to complete one animation cycle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
1517
|
+
"attributes": [],
|
|
1518
|
+
"references": []
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "flow-ui-split-view",
|
|
1522
|
+
"description": "Split-views contain 2 or more split-view panes to create resizable areas.\n\n\n---\n\n\n",
|
|
1433
1523
|
"attributes": [
|
|
1434
|
-
{ "name": "
|
|
1435
|
-
{ "name": "
|
|
1524
|
+
{ "name": "no-drag-close", "values": [] },
|
|
1525
|
+
{ "name": "positions", "values": [{ "name": "string[]" }] },
|
|
1526
|
+
{ "name": "vertical", "values": [] },
|
|
1527
|
+
{ "name": "dragging", "values": [] }
|
|
1436
1528
|
],
|
|
1437
1529
|
"references": []
|
|
1438
1530
|
},
|
|
1439
1531
|
{
|
|
1440
|
-
"name": "flow-ui-
|
|
1441
|
-
"description": "
|
|
1532
|
+
"name": "flow-ui-split-view-divider",
|
|
1533
|
+
"description": "Split-view dividers are used internally by split-views to create resizable areas.\n\n\n---\n\n\n",
|
|
1442
1534
|
"attributes": [
|
|
1443
|
-
{
|
|
1444
|
-
|
|
1445
|
-
"description": "The query builder's value object.",
|
|
1446
|
-
"values": [{ "name": "FlowQueryBuilderRuleSet" }]
|
|
1447
|
-
},
|
|
1448
|
-
{
|
|
1449
|
-
"name": "config",
|
|
1450
|
-
"description": "The query builder's configuration object.",
|
|
1451
|
-
"values": [{ "name": "FlowQueryBuilderConfig" }]
|
|
1452
|
-
},
|
|
1453
|
-
{
|
|
1454
|
-
"name": "size",
|
|
1455
|
-
"description": "The query builder's size.",
|
|
1456
|
-
"values": [
|
|
1457
|
-
{ "name": "small" },
|
|
1458
|
-
{ "name": "medium" },
|
|
1459
|
-
{ "name": "large" }
|
|
1460
|
-
]
|
|
1461
|
-
},
|
|
1462
|
-
{
|
|
1463
|
-
"name": "disabled",
|
|
1464
|
-
"description": "Disables the select control.",
|
|
1465
|
-
"values": []
|
|
1466
|
-
},
|
|
1467
|
-
{
|
|
1468
|
-
"name": "label",
|
|
1469
|
-
"description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
|
|
1470
|
-
"values": []
|
|
1471
|
-
},
|
|
1472
|
-
{
|
|
1473
|
-
"name": "help-text",
|
|
1474
|
-
"description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
1475
|
-
"values": []
|
|
1476
|
-
},
|
|
1477
|
-
{
|
|
1478
|
-
"name": "tree-lines",
|
|
1479
|
-
"description": "Display tree connector lines between query rules",
|
|
1480
|
-
"values": []
|
|
1481
|
-
}
|
|
1535
|
+
{ "name": "disabled", "values": [] },
|
|
1536
|
+
{ "name": "vertical", "values": [] }
|
|
1482
1537
|
],
|
|
1483
1538
|
"references": []
|
|
1484
1539
|
},
|
|
@@ -1606,58 +1661,9 @@
|
|
|
1606
1661
|
"references": []
|
|
1607
1662
|
},
|
|
1608
1663
|
{
|
|
1609
|
-
"name": "flow-ui-
|
|
1610
|
-
"description": "
|
|
1611
|
-
"attributes": [
|
|
1612
|
-
{
|
|
1613
|
-
"name": "mode",
|
|
1614
|
-
"values": [{ "name": "native" }, { "name": "overlay" }]
|
|
1615
|
-
},
|
|
1616
|
-
{
|
|
1617
|
-
"name": "overflow-x",
|
|
1618
|
-
"values": [
|
|
1619
|
-
{ "name": "" },
|
|
1620
|
-
{ "name": "hidden" },
|
|
1621
|
-
{ "name": "scroll" },
|
|
1622
|
-
{ "name": "visible" },
|
|
1623
|
-
{ "name": "visible-hidden" },
|
|
1624
|
-
{ "name": "visible-scroll" }
|
|
1625
|
-
]
|
|
1626
|
-
},
|
|
1627
|
-
{
|
|
1628
|
-
"name": "overflow-y",
|
|
1629
|
-
"values": [
|
|
1630
|
-
{ "name": "" },
|
|
1631
|
-
{ "name": "hidden" },
|
|
1632
|
-
{ "name": "scroll" },
|
|
1633
|
-
{ "name": "visible" },
|
|
1634
|
-
{ "name": "visible-hidden" },
|
|
1635
|
-
{ "name": "visible-scroll" }
|
|
1636
|
-
]
|
|
1637
|
-
},
|
|
1638
|
-
{
|
|
1639
|
-
"name": "auto-hide",
|
|
1640
|
-
"values": [
|
|
1641
|
-
{ "name": "never" },
|
|
1642
|
-
{ "name": "scroll" },
|
|
1643
|
-
{ "name": "leave" },
|
|
1644
|
-
{ "name": "move" }
|
|
1645
|
-
]
|
|
1646
|
-
},
|
|
1647
|
-
{ "name": "auto-hide-delay", "values": [] },
|
|
1648
|
-
{ "name": "auto-hide-suspend", "values": [] }
|
|
1649
|
-
],
|
|
1650
|
-
"references": []
|
|
1651
|
-
},
|
|
1652
|
-
{
|
|
1653
|
-
"name": "flow-ui-split-view",
|
|
1654
|
-
"description": "Split-views contain 2 or more split-view panes to create resizable areas.\n\n\n---\n\n\n",
|
|
1655
|
-
"attributes": [
|
|
1656
|
-
{ "name": "no-drag-close", "values": [] },
|
|
1657
|
-
{ "name": "positions", "values": [{ "name": "string[]" }] },
|
|
1658
|
-
{ "name": "vertical", "values": [] },
|
|
1659
|
-
{ "name": "dragging", "values": [] }
|
|
1660
|
-
],
|
|
1664
|
+
"name": "flow-ui-stepper",
|
|
1665
|
+
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
1666
|
+
"attributes": [],
|
|
1661
1667
|
"references": []
|
|
1662
1668
|
},
|
|
1663
1669
|
{
|
|
@@ -1824,12 +1830,6 @@
|
|
|
1824
1830
|
],
|
|
1825
1831
|
"references": []
|
|
1826
1832
|
},
|
|
1827
|
-
{
|
|
1828
|
-
"name": "flow-ui-stepper",
|
|
1829
|
-
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
1830
|
-
"attributes": [],
|
|
1831
|
-
"references": []
|
|
1832
|
-
},
|
|
1833
1833
|
{
|
|
1834
1834
|
"name": "flow-ui-tab-panel",
|
|
1835
1835
|
"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.",
|
|
@@ -2002,6 +2002,36 @@
|
|
|
2002
2002
|
],
|
|
2003
2003
|
"references": []
|
|
2004
2004
|
},
|
|
2005
|
+
{
|
|
2006
|
+
"name": "flow-ui-timer",
|
|
2007
|
+
"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.",
|
|
2008
|
+
"attributes": [
|
|
2009
|
+
{
|
|
2010
|
+
"name": "value",
|
|
2011
|
+
"description": "The value of the timer. (ISO8601 date/time string)",
|
|
2012
|
+
"values": []
|
|
2013
|
+
},
|
|
2014
|
+
{
|
|
2015
|
+
"name": "timezone",
|
|
2016
|
+
"description": "The timezone to use for display. (IANA timezone string).\nIf not set, the timezone will be the browser's local timezone.",
|
|
2017
|
+
"values": []
|
|
2018
|
+
},
|
|
2019
|
+
{
|
|
2020
|
+
"name": "locale",
|
|
2021
|
+
"description": "The locale to use for display. (IETF BCP 47 language tag).\nIf not set, the locale will be the browser's default locale.",
|
|
2022
|
+
"values": []
|
|
2023
|
+
},
|
|
2024
|
+
{ "name": "running", "values": [] },
|
|
2025
|
+
{ "name": "dateFormat", "values": [] },
|
|
2026
|
+
{ "name": "dayFormat", "values": [] },
|
|
2027
|
+
{ "name": "timeFormat", "values": [] },
|
|
2028
|
+
{ "name": "zoneFormat", "values": [] },
|
|
2029
|
+
{ "name": "major-step", "values": [] },
|
|
2030
|
+
{ "name": "minor-step", "values": [] },
|
|
2031
|
+
{ "name": "hide-zone", "values": [] }
|
|
2032
|
+
],
|
|
2033
|
+
"references": []
|
|
2034
|
+
},
|
|
2005
2035
|
{
|
|
2006
2036
|
"name": "flow-ui-tool-button",
|
|
2007
2037
|
"description": "Tool buttons are used in toolbars. They can be used to toggle a state or perform an action.\n\n\n---\n\n\n\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the radio button.\n- **blur()** - Removes focus from the radio button.",
|
|
@@ -2088,36 +2118,6 @@
|
|
|
2088
2118
|
],
|
|
2089
2119
|
"references": []
|
|
2090
2120
|
},
|
|
2091
|
-
{
|
|
2092
|
-
"name": "flow-ui-timer",
|
|
2093
|
-
"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.",
|
|
2094
|
-
"attributes": [
|
|
2095
|
-
{
|
|
2096
|
-
"name": "value",
|
|
2097
|
-
"description": "The value of the timer. (ISO8601 date/time string)",
|
|
2098
|
-
"values": []
|
|
2099
|
-
},
|
|
2100
|
-
{
|
|
2101
|
-
"name": "timezone",
|
|
2102
|
-
"description": "The timezone to use for display. (IANA timezone string).\nIf not set, the timezone will be the browser's local timezone.",
|
|
2103
|
-
"values": []
|
|
2104
|
-
},
|
|
2105
|
-
{
|
|
2106
|
-
"name": "locale",
|
|
2107
|
-
"description": "The locale to use for display. (IETF BCP 47 language tag).\nIf not set, the locale will be the browser's default locale.",
|
|
2108
|
-
"values": []
|
|
2109
|
-
},
|
|
2110
|
-
{ "name": "running", "values": [] },
|
|
2111
|
-
{ "name": "dateFormat", "values": [] },
|
|
2112
|
-
{ "name": "dayFormat", "values": [] },
|
|
2113
|
-
{ "name": "timeFormat", "values": [] },
|
|
2114
|
-
{ "name": "zoneFormat", "values": [] },
|
|
2115
|
-
{ "name": "major-step", "values": [] },
|
|
2116
|
-
{ "name": "minor-step", "values": [] },
|
|
2117
|
-
{ "name": "hide-zone", "values": [] }
|
|
2118
|
-
],
|
|
2119
|
-
"references": []
|
|
2120
|
-
},
|
|
2121
2121
|
{
|
|
2122
2122
|
"name": "flow-ui-tool-button-group",
|
|
2123
2123
|
"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.",
|