@emuanalytics/flow-rdf-ui 0.0.40 → 0.0.41
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 +8289 -8289
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/vscode.html-custom-data.json +269 -269
- package/package.json +3 -3
|
@@ -35,37 +35,13 @@
|
|
|
35
35
|
"references": []
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
|
-
"name": "flow-ui-
|
|
39
|
-
"description": "
|
|
38
|
+
"name": "flow-ui-breadcrumb",
|
|
39
|
+
"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.",
|
|
40
40
|
"attributes": [
|
|
41
|
-
{
|
|
42
|
-
"name": "image",
|
|
43
|
-
"description": "The image source to use for the avatar.",
|
|
44
|
-
"values": []
|
|
45
|
-
},
|
|
46
41
|
{
|
|
47
42
|
"name": "label",
|
|
48
|
-
"description": "
|
|
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).",
|
|
43
|
+
"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.",
|
|
54
44
|
"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
|
-
]
|
|
69
45
|
}
|
|
70
46
|
],
|
|
71
47
|
"references": []
|
|
@@ -97,6 +73,47 @@
|
|
|
97
73
|
],
|
|
98
74
|
"references": []
|
|
99
75
|
},
|
|
76
|
+
{
|
|
77
|
+
"name": "flow-ui-button-group",
|
|
78
|
+
"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.",
|
|
79
|
+
"attributes": [
|
|
80
|
+
{ "name": "label", "values": [] },
|
|
81
|
+
{
|
|
82
|
+
"name": "vertical",
|
|
83
|
+
"description": "Use vertical layout for the button group.",
|
|
84
|
+
"values": []
|
|
85
|
+
}
|
|
86
|
+
],
|
|
87
|
+
"references": []
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"name": "flow-ui-badge",
|
|
91
|
+
"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.",
|
|
92
|
+
"attributes": [
|
|
93
|
+
{
|
|
94
|
+
"name": "variant",
|
|
95
|
+
"description": "The badge's theme variant.",
|
|
96
|
+
"values": [
|
|
97
|
+
{ "name": "primary" },
|
|
98
|
+
{ "name": "success" },
|
|
99
|
+
{ "name": "neutral" },
|
|
100
|
+
{ "name": "warning" },
|
|
101
|
+
{ "name": "danger" }
|
|
102
|
+
]
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "pill",
|
|
106
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
107
|
+
"values": []
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"name": "pulse",
|
|
111
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
112
|
+
"values": []
|
|
113
|
+
}
|
|
114
|
+
],
|
|
115
|
+
"references": []
|
|
116
|
+
},
|
|
100
117
|
{
|
|
101
118
|
"name": "flow-ui-button",
|
|
102
119
|
"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.",
|
|
@@ -248,54 +265,37 @@
|
|
|
248
265
|
"references": []
|
|
249
266
|
},
|
|
250
267
|
{
|
|
251
|
-
"name": "flow-ui-
|
|
252
|
-
"description": "
|
|
268
|
+
"name": "flow-ui-avatar",
|
|
269
|
+
"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.",
|
|
253
270
|
"attributes": [
|
|
254
|
-
{ "name": "label", "values": [] },
|
|
255
271
|
{
|
|
256
|
-
"name": "
|
|
257
|
-
"description": "
|
|
272
|
+
"name": "image",
|
|
273
|
+
"description": "The image source to use for the avatar.",
|
|
258
274
|
"values": []
|
|
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": [
|
|
275
|
+
},
|
|
267
276
|
{
|
|
268
277
|
"name": "label",
|
|
269
|
-
"description": "
|
|
278
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
270
279
|
"values": []
|
|
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": [
|
|
279
|
-
{
|
|
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
|
-
]
|
|
289
280
|
},
|
|
290
281
|
{
|
|
291
|
-
"name": "
|
|
292
|
-
"description": "
|
|
282
|
+
"name": "initials",
|
|
283
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
293
284
|
"values": []
|
|
294
285
|
},
|
|
295
286
|
{
|
|
296
|
-
"name": "
|
|
297
|
-
"description": "
|
|
298
|
-
"values": []
|
|
287
|
+
"name": "loading",
|
|
288
|
+
"description": "Indicates how the browser should load the image.",
|
|
289
|
+
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"name": "shape",
|
|
293
|
+
"description": "The shape of the avatar.",
|
|
294
|
+
"values": [
|
|
295
|
+
{ "name": "circle" },
|
|
296
|
+
{ "name": "square" },
|
|
297
|
+
{ "name": "rounded" }
|
|
298
|
+
]
|
|
299
299
|
}
|
|
300
300
|
],
|
|
301
301
|
"references": []
|
|
@@ -390,6 +390,33 @@
|
|
|
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
|
+
},
|
|
393
420
|
{
|
|
394
421
|
"name": "flow-ui-checkbox",
|
|
395
422
|
"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.",
|
|
@@ -442,6 +469,69 @@
|
|
|
442
469
|
],
|
|
443
470
|
"references": []
|
|
444
471
|
},
|
|
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
|
+
},
|
|
445
535
|
{
|
|
446
536
|
"name": "flow-ui-color-picker",
|
|
447
537
|
"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.",
|
|
@@ -548,74 +638,11 @@
|
|
|
548
638
|
"name": "form",
|
|
549
639
|
"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.",
|
|
550
640
|
"values": []
|
|
551
|
-
},
|
|
552
|
-
{
|
|
553
|
-
"name": "required",
|
|
554
|
-
"description": "Makes the color picker a required field.",
|
|
555
|
-
"values": []
|
|
556
|
-
}
|
|
557
|
-
],
|
|
558
|
-
"references": []
|
|
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": [] },
|
|
641
|
+
},
|
|
615
642
|
{
|
|
616
|
-
"name": "
|
|
617
|
-
"description": "
|
|
618
|
-
"values": [
|
|
643
|
+
"name": "required",
|
|
644
|
+
"description": "Makes the color picker a required field.",
|
|
645
|
+
"values": []
|
|
619
646
|
}
|
|
620
647
|
],
|
|
621
648
|
"references": []
|
|
@@ -642,33 +669,6 @@
|
|
|
642
669
|
],
|
|
643
670
|
"references": []
|
|
644
671
|
},
|
|
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.",
|
|
@@ -1209,6 +1209,28 @@
|
|
|
1209
1209
|
],
|
|
1210
1210
|
"references": []
|
|
1211
1211
|
},
|
|
1212
|
+
{
|
|
1213
|
+
"name": "flow-ui-panel-header",
|
|
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.",
|
|
1215
|
+
"attributes": [
|
|
1216
|
+
{
|
|
1217
|
+
"name": "closed",
|
|
1218
|
+
"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.",
|
|
1219
|
+
"values": []
|
|
1220
|
+
},
|
|
1221
|
+
{
|
|
1222
|
+
"name": "title",
|
|
1223
|
+
"description": "The header title text. Use the `title` slot instead to display HTML.",
|
|
1224
|
+
"values": []
|
|
1225
|
+
},
|
|
1226
|
+
{
|
|
1227
|
+
"name": "fixed",
|
|
1228
|
+
"description": "Set to `true` to hide the panel expand/collapse button.",
|
|
1229
|
+
"values": []
|
|
1230
|
+
}
|
|
1231
|
+
],
|
|
1232
|
+
"references": []
|
|
1233
|
+
},
|
|
1212
1234
|
{
|
|
1213
1235
|
"name": "flow-ui-progress-bar",
|
|
1214
1236
|
"description": "Progress bars are used to show the status of an ongoing operation.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - A label to show inside the progress indicator.\n\n### **CSS Properties:**\n - **--height** - The progress bar's height. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the indicator. _(default: undefined)_\n- **--label-color** - The color of the label. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **indicator** - The progress bar's indicator.\n- **label** - The progress bar's label.",
|
|
@@ -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.",
|
|
@@ -1325,6 +1393,18 @@
|
|
|
1325
1393
|
],
|
|
1326
1394
|
"references": []
|
|
1327
1395
|
},
|
|
1396
|
+
{
|
|
1397
|
+
"name": "flow-ui-resize-observer",
|
|
1398
|
+
"description": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-resize** - Emitted when the element is resized.\n\n### **Slots:**\n - _default_ - One or more elements to watch for resizing.",
|
|
1399
|
+
"attributes": [
|
|
1400
|
+
{
|
|
1401
|
+
"name": "disabled",
|
|
1402
|
+
"description": "Disables the observer.",
|
|
1403
|
+
"values": []
|
|
1404
|
+
}
|
|
1405
|
+
],
|
|
1406
|
+
"references": []
|
|
1407
|
+
},
|
|
1328
1408
|
{
|
|
1329
1409
|
"name": "flow-ui-range",
|
|
1330
1410
|
"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.",
|
|
@@ -1387,55 +1467,6 @@
|
|
|
1387
1467
|
],
|
|
1388
1468
|
"references": []
|
|
1389
1469
|
},
|
|
1390
|
-
{
|
|
1391
|
-
"name": "flow-ui-resize-observer",
|
|
1392
|
-
"description": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-resize** - Emitted when the element is resized.\n\n### **Slots:**\n - _default_ - One or more elements to watch for resizing.",
|
|
1393
|
-
"attributes": [
|
|
1394
|
-
{
|
|
1395
|
-
"name": "disabled",
|
|
1396
|
-
"description": "Disables the observer.",
|
|
1397
|
-
"values": []
|
|
1398
|
-
}
|
|
1399
|
-
],
|
|
1400
|
-
"references": []
|
|
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
|
-
},
|
|
1439
1470
|
{
|
|
1440
1471
|
"name": "flow-ui-scroll-view",
|
|
1441
1472
|
"description": "Scroll views provide a scrollable area for content.\n\n\n---\n\n\n",
|
|
@@ -1481,30 +1512,9 @@
|
|
|
1481
1512
|
"references": []
|
|
1482
1513
|
},
|
|
1483
1514
|
{
|
|
1484
|
-
"name": "flow-ui-
|
|
1485
|
-
"description": "
|
|
1486
|
-
"attributes": [
|
|
1487
|
-
{ "name": "vertical", "values": [] },
|
|
1488
|
-
{ "name": "size", "values": [] },
|
|
1489
|
-
{ "name": "min-size", "values": [] },
|
|
1490
|
-
{ "name": "max-size", "values": [] },
|
|
1491
|
-
{ "name": "closed-size", "values": [] },
|
|
1492
|
-
{
|
|
1493
|
-
"name": "closed",
|
|
1494
|
-
"description": "Indicates if the split-view pane is open or closed.",
|
|
1495
|
-
"values": []
|
|
1496
|
-
},
|
|
1497
|
-
{
|
|
1498
|
-
"name": "divider",
|
|
1499
|
-
"description": "Indicates if the split-view pane has a divider.",
|
|
1500
|
-
"values": []
|
|
1501
|
-
},
|
|
1502
|
-
{
|
|
1503
|
-
"name": "hidden",
|
|
1504
|
-
"description": "Indicates if the split-view pane is hidden.",
|
|
1505
|
-
"values": []
|
|
1506
|
-
}
|
|
1507
|
-
],
|
|
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": [],
|
|
1508
1518
|
"references": []
|
|
1509
1519
|
},
|
|
1510
1520
|
{
|
|
@@ -1519,46 +1529,36 @@
|
|
|
1519
1529
|
"references": []
|
|
1520
1530
|
},
|
|
1521
1531
|
{
|
|
1522
|
-
"name": "flow-ui-
|
|
1523
|
-
"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",
|
|
1524
1534
|
"attributes": [
|
|
1535
|
+
{ "name": "disabled", "values": [] },
|
|
1536
|
+
{ "name": "vertical", "values": [] }
|
|
1537
|
+
],
|
|
1538
|
+
"references": []
|
|
1539
|
+
},
|
|
1540
|
+
{
|
|
1541
|
+
"name": "flow-ui-split-view-pane",
|
|
1542
|
+
"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",
|
|
1543
|
+
"attributes": [
|
|
1544
|
+
{ "name": "vertical", "values": [] },
|
|
1545
|
+
{ "name": "size", "values": [] },
|
|
1546
|
+
{ "name": "min-size", "values": [] },
|
|
1547
|
+
{ "name": "max-size", "values": [] },
|
|
1548
|
+
{ "name": "closed-size", "values": [] },
|
|
1525
1549
|
{
|
|
1526
|
-
"name": "
|
|
1527
|
-
"description": "
|
|
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.",
|
|
1550
|
+
"name": "closed",
|
|
1551
|
+
"description": "Indicates if the split-view pane is open or closed.",
|
|
1552
1552
|
"values": []
|
|
1553
1553
|
},
|
|
1554
1554
|
{
|
|
1555
|
-
"name": "
|
|
1556
|
-
"description": "
|
|
1555
|
+
"name": "divider",
|
|
1556
|
+
"description": "Indicates if the split-view pane has a divider.",
|
|
1557
1557
|
"values": []
|
|
1558
1558
|
},
|
|
1559
1559
|
{
|
|
1560
|
-
"name": "
|
|
1561
|
-
"description": "
|
|
1560
|
+
"name": "hidden",
|
|
1561
|
+
"description": "Indicates if the split-view pane is hidden.",
|
|
1562
1562
|
"values": []
|
|
1563
1563
|
}
|
|
1564
1564
|
],
|
|
@@ -1660,6 +1660,12 @@
|
|
|
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
|
+
},
|
|
1663
1669
|
{
|
|
1664
1670
|
"name": "flow-ui-stepper-panel",
|
|
1665
1671
|
"description": "Stepper panels provide a single page in a stepper to guide users through a series of steps.\n\n\n---\n\n\n",
|
|
@@ -1731,12 +1737,6 @@
|
|
|
1731
1737
|
],
|
|
1732
1738
|
"references": []
|
|
1733
1739
|
},
|
|
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.",
|