@emuanalytics/flow-rdf-ui 0.0.39 → 0.0.40
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 +7338 -7338
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/vscode.html-custom-data.json +267 -267
- package/package.json +3 -3
|
@@ -35,13 +35,37 @@
|
|
|
35
35
|
"references": []
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
|
-
"name": "flow-ui-
|
|
39
|
-
"description": "
|
|
38
|
+
"name": "flow-ui-avatar",
|
|
39
|
+
"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.",
|
|
40
40
|
"attributes": [
|
|
41
|
+
{
|
|
42
|
+
"name": "image",
|
|
43
|
+
"description": "The image source to use for the avatar.",
|
|
44
|
+
"values": []
|
|
45
|
+
},
|
|
41
46
|
{
|
|
42
47
|
"name": "label",
|
|
43
|
-
"description": "
|
|
48
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
44
49
|
"values": []
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "initials",
|
|
53
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
54
|
+
"values": []
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "loading",
|
|
58
|
+
"description": "Indicates how the browser should load the image.",
|
|
59
|
+
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"name": "shape",
|
|
63
|
+
"description": "The shape of the avatar.",
|
|
64
|
+
"values": [
|
|
65
|
+
{ "name": "circle" },
|
|
66
|
+
{ "name": "square" },
|
|
67
|
+
{ "name": "rounded" }
|
|
68
|
+
]
|
|
45
69
|
}
|
|
46
70
|
],
|
|
47
71
|
"references": []
|
|
@@ -73,47 +97,6 @@
|
|
|
73
97
|
],
|
|
74
98
|
"references": []
|
|
75
99
|
},
|
|
76
|
-
{
|
|
77
|
-
"name": "flow-ui-badge",
|
|
78
|
-
"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.",
|
|
79
|
-
"attributes": [
|
|
80
|
-
{
|
|
81
|
-
"name": "variant",
|
|
82
|
-
"description": "The badge's theme variant.",
|
|
83
|
-
"values": [
|
|
84
|
-
{ "name": "primary" },
|
|
85
|
-
{ "name": "success" },
|
|
86
|
-
{ "name": "neutral" },
|
|
87
|
-
{ "name": "warning" },
|
|
88
|
-
{ "name": "danger" }
|
|
89
|
-
]
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"name": "pill",
|
|
93
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
94
|
-
"values": []
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
"name": "pulse",
|
|
98
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
99
|
-
"values": []
|
|
100
|
-
}
|
|
101
|
-
],
|
|
102
|
-
"references": []
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"name": "flow-ui-button-group",
|
|
106
|
-
"description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
107
|
-
"attributes": [
|
|
108
|
-
{ "name": "label", "values": [] },
|
|
109
|
-
{
|
|
110
|
-
"name": "vertical",
|
|
111
|
-
"description": "Use vertical layout for the button group.",
|
|
112
|
-
"values": []
|
|
113
|
-
}
|
|
114
|
-
],
|
|
115
|
-
"references": []
|
|
116
|
-
},
|
|
117
100
|
{
|
|
118
101
|
"name": "flow-ui-button",
|
|
119
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.",
|
|
@@ -265,37 +248,54 @@
|
|
|
265
248
|
"references": []
|
|
266
249
|
},
|
|
267
250
|
{
|
|
268
|
-
"name": "flow-ui-
|
|
269
|
-
"description": "
|
|
251
|
+
"name": "flow-ui-button-group",
|
|
252
|
+
"description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
270
253
|
"attributes": [
|
|
254
|
+
{ "name": "label", "values": [] },
|
|
271
255
|
{
|
|
272
|
-
"name": "
|
|
273
|
-
"description": "
|
|
256
|
+
"name": "vertical",
|
|
257
|
+
"description": "Use vertical layout for the button group.",
|
|
274
258
|
"values": []
|
|
275
|
-
}
|
|
259
|
+
}
|
|
260
|
+
],
|
|
261
|
+
"references": []
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"name": "flow-ui-breadcrumb",
|
|
265
|
+
"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.",
|
|
266
|
+
"attributes": [
|
|
276
267
|
{
|
|
277
268
|
"name": "label",
|
|
278
|
-
"description": "
|
|
269
|
+
"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.",
|
|
279
270
|
"values": []
|
|
280
|
-
}
|
|
271
|
+
}
|
|
272
|
+
],
|
|
273
|
+
"references": []
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"name": "flow-ui-badge",
|
|
277
|
+
"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.",
|
|
278
|
+
"attributes": [
|
|
281
279
|
{
|
|
282
|
-
"name": "
|
|
283
|
-
"description": "
|
|
284
|
-
"values": [
|
|
280
|
+
"name": "variant",
|
|
281
|
+
"description": "The badge's theme variant.",
|
|
282
|
+
"values": [
|
|
283
|
+
{ "name": "primary" },
|
|
284
|
+
{ "name": "success" },
|
|
285
|
+
{ "name": "neutral" },
|
|
286
|
+
{ "name": "warning" },
|
|
287
|
+
{ "name": "danger" }
|
|
288
|
+
]
|
|
285
289
|
},
|
|
286
290
|
{
|
|
287
|
-
"name": "
|
|
288
|
-
"description": "
|
|
289
|
-
"values": [
|
|
291
|
+
"name": "pill",
|
|
292
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
293
|
+
"values": []
|
|
290
294
|
},
|
|
291
295
|
{
|
|
292
|
-
"name": "
|
|
293
|
-
"description": "
|
|
294
|
-
"values": [
|
|
295
|
-
{ "name": "circle" },
|
|
296
|
-
{ "name": "square" },
|
|
297
|
-
{ "name": "rounded" }
|
|
298
|
-
]
|
|
296
|
+
"name": "pulse",
|
|
297
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
298
|
+
"values": []
|
|
299
299
|
}
|
|
300
300
|
],
|
|
301
301
|
"references": []
|
|
@@ -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.",
|
|
@@ -469,69 +442,6 @@
|
|
|
469
442
|
],
|
|
470
443
|
"references": []
|
|
471
444
|
},
|
|
472
|
-
{
|
|
473
|
-
"name": "flow-ui-color-mapper",
|
|
474
|
-
"description": "A component for defining mappings between data values and colors.\n\n\n---\n\n\n",
|
|
475
|
-
"attributes": [
|
|
476
|
-
{ "name": "field", "values": [] },
|
|
477
|
-
{ "name": "options", "values": [{ "name": "ColorMapperOptions" }] },
|
|
478
|
-
{ "name": "value", "values": [{ "name": "ColorMapperValue" }] },
|
|
479
|
-
{
|
|
480
|
-
"name": "size",
|
|
481
|
-
"values": [
|
|
482
|
-
{ "name": "small" },
|
|
483
|
-
{ "name": "medium" },
|
|
484
|
-
{ "name": "large" }
|
|
485
|
-
]
|
|
486
|
-
},
|
|
487
|
-
{ "name": "defaultColorStop", "values": [] },
|
|
488
|
-
{
|
|
489
|
-
"name": "swatches",
|
|
490
|
-
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
491
|
-
"values": [{ "name": "string[]" }]
|
|
492
|
-
}
|
|
493
|
-
],
|
|
494
|
-
"references": []
|
|
495
|
-
},
|
|
496
|
-
{
|
|
497
|
-
"name": "flow-ui-color-stop",
|
|
498
|
-
"description": "A single color stop used by the `flow-ui-color-mapper` component.\n\n\n---\n\n\n",
|
|
499
|
-
"attributes": [
|
|
500
|
-
{
|
|
501
|
-
"name": "name",
|
|
502
|
-
"description": "The name of the color stop, submitted as a name/value pair with form data.",
|
|
503
|
-
"values": []
|
|
504
|
-
},
|
|
505
|
-
{
|
|
506
|
-
"name": "form",
|
|
507
|
-
"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.",
|
|
508
|
-
"values": []
|
|
509
|
-
},
|
|
510
|
-
{
|
|
511
|
-
"name": "required",
|
|
512
|
-
"description": "Makes the color stop as a required field.",
|
|
513
|
-
"values": []
|
|
514
|
-
},
|
|
515
|
-
{ "name": "options", "values": [{ "name": "ColorStopOptions" }] },
|
|
516
|
-
{ "name": "value", "values": [{ "name": "ColorStopValue" }] },
|
|
517
|
-
{
|
|
518
|
-
"name": "size",
|
|
519
|
-
"values": [
|
|
520
|
-
{ "name": "small" },
|
|
521
|
-
{ "name": "medium" },
|
|
522
|
-
{ "name": "large" }
|
|
523
|
-
]
|
|
524
|
-
},
|
|
525
|
-
{ "name": "placeholder", "values": [] },
|
|
526
|
-
{ "name": "fixed", "values": [] },
|
|
527
|
-
{
|
|
528
|
-
"name": "swatches",
|
|
529
|
-
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
530
|
-
"values": [{ "name": "string[]" }]
|
|
531
|
-
}
|
|
532
|
-
],
|
|
533
|
-
"references": []
|
|
534
|
-
},
|
|
535
445
|
{
|
|
536
446
|
"name": "flow-ui-color-picker",
|
|
537
447
|
"description": "Color pickers allow the user to select a color.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the color picker loses focus.\n- **flow-ui-change** - Emitted when the color picker's value changes.\n- **flow-ui-focus** - Emitted when the color picker receives focus.\n- **flow-ui-input** - Emitted when the color picker 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 color picker.\n- **blur()** - Removes focus from the color picker.\n- **getFormattedValue(format: _'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva'_)** - Returns the current value as a string in the specified format.\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 color picker's form label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--grid-width** - The width of the color grid. _(default: undefined)_\n- **--grid-height** - The height of the color grid. _(default: undefined)_\n- **--grid-handle-size** - The size of the color grid's handle. _(default: undefined)_\n- **--slider-height** - The height of the hue and alpha sliders. _(default: undefined)_\n- **--slider-handle-size** - The diameter of the slider's handle. _(default: undefined)_\n- **--swatch-size** - The size of each predefined color swatch. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **trigger** - The color picker's dropdown trigger.\n- **swatches** - The container that holds the swatches.\n- **swatch** - Each individual swatch.\n- **grid** - The color grid.\n- **grid-handle** - The color grid's handle.\n- **slider** - Hue and opacity sliders.\n- **slider-handle** - Hue and opacity slider handles.\n- **hue-slider** - The hue slider.\n- **hue-slider-handle** - The hue slider's handle.\n- **opacity-slider** - The opacity slider.\n- **opacity-slider-handle** - The opacity slider's handle.\n- **preview** - The preview color.\n- **input** - The text input.\n- **eye-dropper-button** - The eye dropper button.\n- **eye-dropper-button__base** - The eye dropper button's exported `button` part.\n- **eye-dropper-button__prefix** - The eye dropper button's exported `prefix` part.\n- **eye-dropper-button__label** - The eye dropper button's exported `label` part.\n- **eye-dropper-button__suffix** - The eye dropper button's exported `suffix` part.\n- **eye-dropper-button__caret** - The eye dropper button's exported `caret` part.\n- **format-button** - The format button.\n- **format-button__base** - The format button's exported `button` part.\n- **format-button__prefix** - The format button's exported `prefix` part.\n- **format-button__label** - The format button's exported `label` part.\n- **format-button__suffix** - The format button's exported `suffix` part.\n- **format-button__caret** - The format button's exported `caret` part.",
|
|
@@ -647,6 +557,69 @@
|
|
|
647
557
|
],
|
|
648
558
|
"references": []
|
|
649
559
|
},
|
|
560
|
+
{
|
|
561
|
+
"name": "flow-ui-color-mapper",
|
|
562
|
+
"description": "A component for defining mappings between data values and colors.\n\n\n---\n\n\n",
|
|
563
|
+
"attributes": [
|
|
564
|
+
{ "name": "field", "values": [] },
|
|
565
|
+
{ "name": "options", "values": [{ "name": "ColorMapperOptions" }] },
|
|
566
|
+
{ "name": "value", "values": [{ "name": "ColorMapperValue" }] },
|
|
567
|
+
{
|
|
568
|
+
"name": "size",
|
|
569
|
+
"values": [
|
|
570
|
+
{ "name": "small" },
|
|
571
|
+
{ "name": "medium" },
|
|
572
|
+
{ "name": "large" }
|
|
573
|
+
]
|
|
574
|
+
},
|
|
575
|
+
{ "name": "defaultColorStop", "values": [] },
|
|
576
|
+
{
|
|
577
|
+
"name": "swatches",
|
|
578
|
+
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
579
|
+
"values": [{ "name": "string[]" }]
|
|
580
|
+
}
|
|
581
|
+
],
|
|
582
|
+
"references": []
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"name": "flow-ui-color-stop",
|
|
586
|
+
"description": "A single color stop used by the `flow-ui-color-mapper` component.\n\n\n---\n\n\n",
|
|
587
|
+
"attributes": [
|
|
588
|
+
{
|
|
589
|
+
"name": "name",
|
|
590
|
+
"description": "The name of the color stop, submitted as a name/value pair with form data.",
|
|
591
|
+
"values": []
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"name": "form",
|
|
595
|
+
"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.",
|
|
596
|
+
"values": []
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"name": "required",
|
|
600
|
+
"description": "Makes the color stop as a required field.",
|
|
601
|
+
"values": []
|
|
602
|
+
},
|
|
603
|
+
{ "name": "options", "values": [{ "name": "ColorStopOptions" }] },
|
|
604
|
+
{ "name": "value", "values": [{ "name": "ColorStopValue" }] },
|
|
605
|
+
{
|
|
606
|
+
"name": "size",
|
|
607
|
+
"values": [
|
|
608
|
+
{ "name": "small" },
|
|
609
|
+
{ "name": "medium" },
|
|
610
|
+
{ "name": "large" }
|
|
611
|
+
]
|
|
612
|
+
},
|
|
613
|
+
{ "name": "placeholder", "values": [] },
|
|
614
|
+
{ "name": "fixed", "values": [] },
|
|
615
|
+
{
|
|
616
|
+
"name": "swatches",
|
|
617
|
+
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
618
|
+
"values": [{ "name": "string[]" }]
|
|
619
|
+
}
|
|
620
|
+
],
|
|
621
|
+
"references": []
|
|
622
|
+
},
|
|
650
623
|
{
|
|
651
624
|
"name": "flow-ui-details",
|
|
652
625
|
"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.",
|
|
@@ -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.",
|
|
@@ -1161,28 +1161,6 @@
|
|
|
1161
1161
|
],
|
|
1162
1162
|
"references": []
|
|
1163
1163
|
},
|
|
1164
|
-
{
|
|
1165
|
-
"name": "flow-ui-panel",
|
|
1166
|
-
"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",
|
|
1167
|
-
"attributes": [
|
|
1168
|
-
{
|
|
1169
|
-
"name": "closed",
|
|
1170
|
-
"description": "Indicates whether the panel is open or closed.",
|
|
1171
|
-
"values": []
|
|
1172
|
-
},
|
|
1173
|
-
{
|
|
1174
|
-
"name": "scrollable",
|
|
1175
|
-
"description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
|
|
1176
|
-
"values": []
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
"name": "padding",
|
|
1180
|
-
"description": "Indicates whether the panel body has padding.",
|
|
1181
|
-
"values": []
|
|
1182
|
-
}
|
|
1183
|
-
],
|
|
1184
|
-
"references": []
|
|
1185
|
-
},
|
|
1186
1164
|
{
|
|
1187
1165
|
"name": "flow-ui-number-stepper",
|
|
1188
1166
|
"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.",
|
|
@@ -1210,22 +1188,22 @@
|
|
|
1210
1188
|
"references": []
|
|
1211
1189
|
},
|
|
1212
1190
|
{
|
|
1213
|
-
"name": "flow-ui-panel
|
|
1214
|
-
"description": "
|
|
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",
|
|
1215
1193
|
"attributes": [
|
|
1216
1194
|
{
|
|
1217
1195
|
"name": "closed",
|
|
1218
|
-
"description": "Indicates whether
|
|
1196
|
+
"description": "Indicates whether the panel is open or closed.",
|
|
1219
1197
|
"values": []
|
|
1220
1198
|
},
|
|
1221
1199
|
{
|
|
1222
|
-
"name": "
|
|
1223
|
-
"description": "
|
|
1200
|
+
"name": "scrollable",
|
|
1201
|
+
"description": "Indicates whether the panel is scrollable. By default overflow is hidden.",
|
|
1224
1202
|
"values": []
|
|
1225
1203
|
},
|
|
1226
1204
|
{
|
|
1227
|
-
"name": "
|
|
1228
|
-
"description": "
|
|
1205
|
+
"name": "padding",
|
|
1206
|
+
"description": "Indicates whether the panel body has padding.",
|
|
1229
1207
|
"values": []
|
|
1230
1208
|
}
|
|
1231
1209
|
],
|
|
@@ -1271,22 +1249,17 @@
|
|
|
1271
1249
|
"references": []
|
|
1272
1250
|
},
|
|
1273
1251
|
{
|
|
1274
|
-
"name": "flow-ui-
|
|
1275
|
-
"description": "
|
|
1252
|
+
"name": "flow-ui-radio",
|
|
1253
|
+
"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.",
|
|
1276
1254
|
"attributes": [
|
|
1277
1255
|
{
|
|
1278
1256
|
"name": "value",
|
|
1279
|
-
"description": "The
|
|
1280
|
-
"values": [
|
|
1281
|
-
},
|
|
1282
|
-
{
|
|
1283
|
-
"name": "config",
|
|
1284
|
-
"description": "The query builder's configuration object.",
|
|
1285
|
-
"values": [{ "name": "FlowQueryBuilderConfig" }]
|
|
1257
|
+
"description": "The radio's value. When selected, the radio group will receive this value.",
|
|
1258
|
+
"values": []
|
|
1286
1259
|
},
|
|
1287
1260
|
{
|
|
1288
1261
|
"name": "size",
|
|
1289
|
-
"description": "The
|
|
1262
|
+
"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.",
|
|
1290
1263
|
"values": [
|
|
1291
1264
|
{ "name": "small" },
|
|
1292
1265
|
{ "name": "medium" },
|
|
@@ -1295,22 +1268,7 @@
|
|
|
1295
1268
|
},
|
|
1296
1269
|
{
|
|
1297
1270
|
"name": "disabled",
|
|
1298
|
-
"description": "Disables the
|
|
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",
|
|
1271
|
+
"description": "Disables the radio.",
|
|
1314
1272
|
"values": []
|
|
1315
1273
|
}
|
|
1316
1274
|
],
|
|
@@ -1367,32 +1325,6 @@
|
|
|
1367
1325
|
],
|
|
1368
1326
|
"references": []
|
|
1369
1327
|
},
|
|
1370
|
-
{
|
|
1371
|
-
"name": "flow-ui-radio",
|
|
1372
|
-
"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.",
|
|
1373
|
-
"attributes": [
|
|
1374
|
-
{
|
|
1375
|
-
"name": "value",
|
|
1376
|
-
"description": "The radio's value. When selected, the radio group will receive this value.",
|
|
1377
|
-
"values": []
|
|
1378
|
-
},
|
|
1379
|
-
{
|
|
1380
|
-
"name": "size",
|
|
1381
|
-
"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.",
|
|
1382
|
-
"values": [
|
|
1383
|
-
{ "name": "small" },
|
|
1384
|
-
{ "name": "medium" },
|
|
1385
|
-
{ "name": "large" }
|
|
1386
|
-
]
|
|
1387
|
-
},
|
|
1388
|
-
{
|
|
1389
|
-
"name": "disabled",
|
|
1390
|
-
"description": "Disables the radio.",
|
|
1391
|
-
"values": []
|
|
1392
|
-
}
|
|
1393
|
-
],
|
|
1394
|
-
"references": []
|
|
1395
|
-
},
|
|
1396
1328
|
{
|
|
1397
1329
|
"name": "flow-ui-range",
|
|
1398
1330
|
"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.",
|
|
@@ -1467,6 +1399,43 @@
|
|
|
1467
1399
|
],
|
|
1468
1400
|
"references": []
|
|
1469
1401
|
},
|
|
1402
|
+
{
|
|
1403
|
+
"name": "flow-ui-panel-header",
|
|
1404
|
+
"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.",
|
|
1405
|
+
"attributes": [
|
|
1406
|
+
{
|
|
1407
|
+
"name": "closed",
|
|
1408
|
+
"description": "Indicates whether or not the header is open or closed. Toggle this attribute to expand or collapse the header.\nAlternatively, call the `expand()` and `collapse()` methods.",
|
|
1409
|
+
"values": []
|
|
1410
|
+
},
|
|
1411
|
+
{
|
|
1412
|
+
"name": "title",
|
|
1413
|
+
"description": "The header title text. Use the `title` slot instead to display HTML.",
|
|
1414
|
+
"values": []
|
|
1415
|
+
},
|
|
1416
|
+
{
|
|
1417
|
+
"name": "fixed",
|
|
1418
|
+
"description": "Set to `true` to hide the panel expand/collapse button.",
|
|
1419
|
+
"values": []
|
|
1420
|
+
}
|
|
1421
|
+
],
|
|
1422
|
+
"references": []
|
|
1423
|
+
},
|
|
1424
|
+
{
|
|
1425
|
+
"name": "flow-ui-spinner",
|
|
1426
|
+
"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.",
|
|
1427
|
+
"attributes": [],
|
|
1428
|
+
"references": []
|
|
1429
|
+
},
|
|
1430
|
+
{
|
|
1431
|
+
"name": "flow-ui-split-view-divider",
|
|
1432
|
+
"description": "Split-view dividers are used internally by split-views to create resizable areas.\n\n\n---\n\n\n",
|
|
1433
|
+
"attributes": [
|
|
1434
|
+
{ "name": "disabled", "values": [] },
|
|
1435
|
+
{ "name": "vertical", "values": [] }
|
|
1436
|
+
],
|
|
1437
|
+
"references": []
|
|
1438
|
+
},
|
|
1470
1439
|
{
|
|
1471
1440
|
"name": "flow-ui-scroll-view",
|
|
1472
1441
|
"description": "Scroll views provide a scrollable area for content.\n\n\n---\n\n\n",
|
|
@@ -1511,32 +1480,6 @@
|
|
|
1511
1480
|
],
|
|
1512
1481
|
"references": []
|
|
1513
1482
|
},
|
|
1514
|
-
{
|
|
1515
|
-
"name": "flow-ui-split-view",
|
|
1516
|
-
"description": "Split-views contain 2 or more split-view panes to create resizable areas.\n\n\n---\n\n\n",
|
|
1517
|
-
"attributes": [
|
|
1518
|
-
{ "name": "no-drag-close", "values": [] },
|
|
1519
|
-
{ "name": "positions", "values": [{ "name": "string[]" }] },
|
|
1520
|
-
{ "name": "vertical", "values": [] },
|
|
1521
|
-
{ "name": "dragging", "values": [] }
|
|
1522
|
-
],
|
|
1523
|
-
"references": []
|
|
1524
|
-
},
|
|
1525
|
-
{
|
|
1526
|
-
"name": "flow-ui-spinner",
|
|
1527
|
-
"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.",
|
|
1528
|
-
"attributes": [],
|
|
1529
|
-
"references": []
|
|
1530
|
-
},
|
|
1531
|
-
{
|
|
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",
|
|
1534
|
-
"attributes": [
|
|
1535
|
-
{ "name": "disabled", "values": [] },
|
|
1536
|
-
{ "name": "vertical", "values": [] }
|
|
1537
|
-
],
|
|
1538
|
-
"references": []
|
|
1539
|
-
},
|
|
1540
1483
|
{
|
|
1541
1484
|
"name": "flow-ui-split-view-pane",
|
|
1542
1485
|
"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",
|
|
@@ -1564,6 +1507,63 @@
|
|
|
1564
1507
|
],
|
|
1565
1508
|
"references": []
|
|
1566
1509
|
},
|
|
1510
|
+
{
|
|
1511
|
+
"name": "flow-ui-split-view",
|
|
1512
|
+
"description": "Split-views contain 2 or more split-view panes to create resizable areas.\n\n\n---\n\n\n",
|
|
1513
|
+
"attributes": [
|
|
1514
|
+
{ "name": "no-drag-close", "values": [] },
|
|
1515
|
+
{ "name": "positions", "values": [{ "name": "string[]" }] },
|
|
1516
|
+
{ "name": "vertical", "values": [] },
|
|
1517
|
+
{ "name": "dragging", "values": [] }
|
|
1518
|
+
],
|
|
1519
|
+
"references": []
|
|
1520
|
+
},
|
|
1521
|
+
{
|
|
1522
|
+
"name": "flow-ui-query-builder",
|
|
1523
|
+
"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.",
|
|
1524
|
+
"attributes": [
|
|
1525
|
+
{
|
|
1526
|
+
"name": "value",
|
|
1527
|
+
"description": "The query builder's value object.",
|
|
1528
|
+
"values": [{ "name": "FlowQueryBuilderRuleSet" }]
|
|
1529
|
+
},
|
|
1530
|
+
{
|
|
1531
|
+
"name": "config",
|
|
1532
|
+
"description": "The query builder's configuration object.",
|
|
1533
|
+
"values": [{ "name": "FlowQueryBuilderConfig" }]
|
|
1534
|
+
},
|
|
1535
|
+
{
|
|
1536
|
+
"name": "size",
|
|
1537
|
+
"description": "The query builder's size.",
|
|
1538
|
+
"values": [
|
|
1539
|
+
{ "name": "small" },
|
|
1540
|
+
{ "name": "medium" },
|
|
1541
|
+
{ "name": "large" }
|
|
1542
|
+
]
|
|
1543
|
+
},
|
|
1544
|
+
{
|
|
1545
|
+
"name": "disabled",
|
|
1546
|
+
"description": "Disables the select control.",
|
|
1547
|
+
"values": []
|
|
1548
|
+
},
|
|
1549
|
+
{
|
|
1550
|
+
"name": "label",
|
|
1551
|
+
"description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
|
|
1552
|
+
"values": []
|
|
1553
|
+
},
|
|
1554
|
+
{
|
|
1555
|
+
"name": "help-text",
|
|
1556
|
+
"description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
1557
|
+
"values": []
|
|
1558
|
+
},
|
|
1559
|
+
{
|
|
1560
|
+
"name": "tree-lines",
|
|
1561
|
+
"description": "Display tree connector lines between query rules",
|
|
1562
|
+
"values": []
|
|
1563
|
+
}
|
|
1564
|
+
],
|
|
1565
|
+
"references": []
|
|
1566
|
+
},
|
|
1567
1567
|
{
|
|
1568
1568
|
"name": "flow-ui-split-view-toggle-button",
|
|
1569
1569
|
"description": "Use a split panel toggle button to control a parent panel's open/closed state\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the icon button loses focus.\n- **flow-ui-focus** - Emitted when the icon button gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the icon button.\n- **focus(options: _FocusOptions_)** - Sets focus on the icon button.\n- **blur()** - Removes focus from the icon button.\n- **hideConfirm()** - Hide the confirmation tooltip if it is showing\n- **showConfirm()** - Show the confirmation tooltip",
|
|
@@ -1660,12 +1660,6 @@
|
|
|
1660
1660
|
],
|
|
1661
1661
|
"references": []
|
|
1662
1662
|
},
|
|
1663
|
-
{
|
|
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": [],
|
|
1667
|
-
"references": []
|
|
1668
|
-
},
|
|
1669
1663
|
{
|
|
1670
1664
|
"name": "flow-ui-stepper-panel",
|
|
1671
1665
|
"description": "Stepper panels provide a single page in a stepper to guide users through a series of steps.\n\n\n---\n\n\n",
|
|
@@ -1737,6 +1731,12 @@
|
|
|
1737
1731
|
],
|
|
1738
1732
|
"references": []
|
|
1739
1733
|
},
|
|
1734
|
+
{
|
|
1735
|
+
"name": "flow-ui-stepper",
|
|
1736
|
+
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
1737
|
+
"attributes": [],
|
|
1738
|
+
"references": []
|
|
1739
|
+
},
|
|
1740
1740
|
{
|
|
1741
1741
|
"name": "flow-ui-tab",
|
|
1742
1742
|
"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.",
|