@emuanalytics/flow-rdf-ui 0.0.38 → 0.0.40

package/dist/vscode.html-custom-data.json

@@ -70,46 +70,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-badge",
-      "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.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        },
-        {
-          "name": "pill",
-          "description": "Draws a pill-style badge with rounded edges.",
-          "values": []
-        },
-        {
-          "name": "pulse",
-          "description": "Makes the badge pulsate to draw attention.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "flow-ui-breadcrumb",
-      "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.",
-      "attributes": [
-        {
-          "name": "label",
-          "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.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-breadcrumb-item",
       "description": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.\n- **separator** - The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The breadcrumb item's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.\n- **separator** - The container that wraps the separator.",
@@ -300,6 +260,46 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-breadcrumb",
+      "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.",
+      "attributes": [
+        {
+          "name": "label",
+          "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.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "flow-ui-badge",
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        },
+        {
+          "name": "pill",
+          "description": "Draws a pill-style badge with rounded edges.",
+          "values": []
+        },
+        {
+          "name": "pulse",
+          "description": "Makes the badge pulsate to draw attention.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-calendar",
       "description": "A calendar component for selecting dates and times.\n\n\n---\n\n\n",
@@ -390,33 +390,6 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "flow-ui-chart",
-      "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.",
-      "attributes": [
-        {
-          "name": "type",
-          "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
-          "values": []
-        },
-        {
-          "name": "options",
-          "description": "The Chart.js `options` object.",
-          "values": [{ "name": "ChartOptions" }]
-        },
-        {
-          "name": "data",
-          "description": "The Chart.js `data` object",
-          "values": [{ "name": "ChartData" }]
-        },
-        {
-          "name": "plugins",
-          "description": "List of extra plugins to use for this chart.",
-          "values": [{ "name": "Plugin[]" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-checkbox",
       "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 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-color-mapper",
-      "description": "A component for defining mappings between data values and colors.\n\n\n---\n\n\n",
-      "attributes": [
-        { "name": "field", "values": [] },
-        { "name": "options", "values": [{ "name": "ColorMapperOptions" }] },
-        { "name": "value", "values": [{ "name": "ColorMapperValue" }] },
-        {
-          "name": "size",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        { "name": "defaultColorStop", "values": [] },
-        {
-          "name": "swatches",
-          "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.",
-          "values": [{ "name": "string[]" }]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "flow-ui-color-stop",
-      "description": "A single color stop used by the `flow-ui-color-mapper` component.\n\n\n---\n\n\n",
-      "attributes": [
-        {
-          "name": "name",
-          "description": "The name of the color stop, submitted as a name/value pair with form data.",
-          "values": []
-        },
-        {
-          "name": "form",
-          "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.",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Makes the color stop as a required field.",
-          "values": []
-        },
-        { "name": "options", "values": [{ "name": "ColorStopOptions" }] },
-        { "name": "value", "values": [{ "name": "ColorStopValue" }] },
-        {
-          "name": "size",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        { "name": "placeholder", "values": [] },
-        { "name": "fixed", "values": [] },
-        {
-          "name": "swatches",
-          "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.",
-          "values": [{ "name": "string[]" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-color-picker",
       "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 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-color-mapper",
+      "description": "A component for defining mappings between data values and colors.\n\n\n---\n\n\n",
+      "attributes": [
+        { "name": "field", "values": [] },
+        { "name": "options", "values": [{ "name": "ColorMapperOptions" }] },
+        { "name": "value", "values": [{ "name": "ColorMapperValue" }] },
+        {
+          "name": "size",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        { "name": "defaultColorStop", "values": [] },
+        {
+          "name": "swatches",
+          "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.",
+          "values": [{ "name": "string[]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "flow-ui-color-stop",
+      "description": "A single color stop used by the `flow-ui-color-mapper` component.\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The name of the color stop, submitted as a name/value pair with form data.",
+          "values": []
+        },
+        {
+          "name": "form",
+          "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.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Makes the color stop as a required field.",
+          "values": []
+        },
+        { "name": "options", "values": [{ "name": "ColorStopOptions" }] },
+        { "name": "value", "values": [{ "name": "ColorStopValue" }] },
+        {
+          "name": "size",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        { "name": "placeholder", "values": [] },
+        { "name": "fixed", "values": [] },
+        {
+          "name": "swatches",
+          "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.",
+          "values": [{ "name": "string[]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-details",
       "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 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-chart",
+      "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.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
+          "values": []
+        },
+        {
+          "name": "options",
+          "description": "The Chart.js `options` object.",
+          "values": [{ "name": "ChartOptions" }]
+        },
+        {
+          "name": "data",
+          "description": "The Chart.js `data` object",
+          "values": [{ "name": "ChartData" }]
+        },
+        {
+          "name": "plugins",
+          "description": "List of extra plugins to use for this chart.",
+          "values": [{ "name": "Plugin[]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-dialog",
       "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.",
@@ -1027,18 +1027,60 @@
           "values": []
         },
         {
-          "name": "inputmode",
-          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-          "values": [
-            { "name": "none" },
-            { "name": "text" },
-            { "name": "decimal" },
-            { "name": "numeric" },
-            { "name": "tel" },
-            { "name": "search" },
-            { "name": "email" },
-            { "name": "url" }
-          ]
+          "name": "inputmode",
+          "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
+          "values": [
+            { "name": "none" },
+            { "name": "text" },
+            { "name": "decimal" },
+            { "name": "numeric" },
+            { "name": "tel" },
+            { "name": "search" },
+            { "name": "email" },
+            { "name": "url" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "flow-ui-map",
+      "description": "Display a Flo.w map.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-load** - Dispatched when the map is first initialized and has completed loading.\n\n### **CSS Parts:**\n - **base** - The base element of the component.\n- **busy-indicator** - The busy indicator flow-ui-progress-bar.\n- **control-container** - The map control containers.\n- **control-container--top-left** - The top left control container element.\n- **control-container--top-right** - The top right control container element.\n- **control-container--bottom-left** - The bottom left control container element.\n- **control-container--bottom-right** - The bottom right control container element.",
+      "attributes": [
+        {
+          "name": "map-id",
+          "description": "The map ID. If not provided, a unique ID will be generated.",
+          "values": []
+        },
+        {
+          "name": "base-style",
+          "description": "The base style of the map.",
+          "values": []
+        },
+        {
+          "name": "center",
+          "description": "The center of the map specified as a longitude and latitude pair.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
+          "values": [{ "name": "[number" }, { "name": "number]" }]
+        },
+        {
+          "name": "zoom",
+          "description": "The zoom level of the map.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
+          "values": []
+        },
+        {
+          "name": "bearing",
+          "description": "The bearing of the map.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
+          "values": []
+        },
+        {
+          "name": "pitch",
+          "description": "The pitch of the map.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
+          "values": []
+        },
+        {
+          "name": "busy",
+          "description": "Set to `true` to show a busy indicator on the map.\n\nNote that the busy indicator will also be automatically be shown when the map\nis loading data.",
+          "values": []
         }
       ],
       "references": []
@@ -1145,48 +1187,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-map",
-      "description": "Display a Flo.w map.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-load** - Dispatched when the map is first initialized and has completed loading.\n\n### **CSS Parts:**\n - **base** - The base element of the component.\n- **busy-indicator** - The busy indicator flow-ui-progress-bar.\n- **control-container** - The map control containers.\n- **control-container--top-left** - The top left control container element.\n- **control-container--top-right** - The top right control container element.\n- **control-container--bottom-left** - The bottom left control container element.\n- **control-container--bottom-right** - The bottom right control container element.",
-      "attributes": [
-        {
-          "name": "map-id",
-          "description": "The map ID. If not provided, a unique ID will be generated.",
-          "values": []
-        },
-        {
-          "name": "base-style",
-          "description": "The base style of the map.",
-          "values": []
-        },
-        {
-          "name": "center",
-          "description": "The center of the map specified as a longitude and latitude pair.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
-          "values": [{ "name": "[number" }, { "name": "number]" }]
-        },
-        {
-          "name": "zoom",
-          "description": "The zoom level of the map.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
-          "values": []
-        },
-        {
-          "name": "bearing",
-          "description": "The bearing of the map.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
-          "values": []
-        },
-        {
-          "name": "pitch",
-          "description": "The pitch of the map.\n\nAlternatively, use the `setCenter` method to update the center of the map\nwith animation options.",
-          "values": []
-        },
-        {
-          "name": "busy",
-          "description": "Set to `true` to show a busy indicator on the map.\n\nNote that the busy indicator will also be automatically be shown when the map\nis loading data.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-panel",
       "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",
@@ -1209,28 +1209,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-panel-header",
-      "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.",
-      "attributes": [
-        {
-          "name": "closed",
-          "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.",
-          "values": []
-        },
-        {
-          "name": "title",
-          "description": "The header title text. Use the `title` slot instead to display HTML.",
-          "values": []
-        },
-        {
-          "name": "fixed",
-          "description": "Set to `true` to hide the panel expand/collapse button.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-progress-bar",
       "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.",
@@ -1270,52 +1248,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-query-builder",
-      "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.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The query builder's value object.",
-          "values": [{ "name": "FlowQueryBuilderRuleSet" }]
-        },
-        {
-          "name": "config",
-          "description": "The query builder's configuration object.",
-          "values": [{ "name": "FlowQueryBuilderConfig" }]
-        },
-        {
-          "name": "size",
-          "description": "The query builder's size.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the select control.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
-          "values": []
-        },
-        {
-          "name": "help-text",
-          "description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
-          "values": []
-        },
-        {
-          "name": "tree-lines",
-          "description": "Display tree connector lines between query rules",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-radio",
       "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.",
@@ -1467,6 +1399,43 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-panel-header",
+      "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.",
+      "attributes": [
+        {
+          "name": "closed",
+          "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.",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "The header title text. Use the `title` slot instead to display HTML.",
+          "values": []
+        },
+        {
+          "name": "fixed",
+          "description": "Set to `true` to hide the panel expand/collapse button.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "flow-ui-spinner",
+      "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.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "flow-ui-split-view-divider",
+      "description": "Split-view dividers are used internally by split-views to create resizable areas.\n\n\n---\n\n\n",
+      "attributes": [
+        { "name": "disabled", "values": [] },
+        { "name": "vertical", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-scroll-view",
       "description": "Scroll views provide a scrollable area for content.\n\n\n---\n\n\n",
@@ -1512,9 +1481,30 @@
       "references": []
     },
     {
-      "name": "flow-ui-spinner",
-      "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.",
-      "attributes": [],
+      "name": "flow-ui-split-view-pane",
+      "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",
+      "attributes": [
+        { "name": "vertical", "values": [] },
+        { "name": "size", "values": [] },
+        { "name": "min-size", "values": [] },
+        { "name": "max-size", "values": [] },
+        { "name": "closed-size", "values": [] },
+        {
+          "name": "closed",
+          "description": "Indicates if the split-view pane is open or closed.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Indicates if the split-view pane has a divider.",
+          "values": []
+        },
+        {
+          "name": "hidden",
+          "description": "Indicates if the split-view pane is hidden.",
+          "values": []
+        }
+      ],
       "references": []
     },
     {
@@ -1529,36 +1519,46 @@
       "references": []
     },
     {
-      "name": "flow-ui-split-view-divider",
-      "description": "Split-view dividers are used internally by split-views to create resizable areas.\n\n\n---\n\n\n",
-      "attributes": [
-        { "name": "disabled", "values": [] },
-        { "name": "vertical", "values": [] }
-      ],
-      "references": []
-    },
-    {
-      "name": "flow-ui-split-view-pane",
-      "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",
+      "name": "flow-ui-query-builder",
+      "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.",
       "attributes": [
-        { "name": "vertical", "values": [] },
-        { "name": "size", "values": [] },
-        { "name": "min-size", "values": [] },
-        { "name": "max-size", "values": [] },
-        { "name": "closed-size", "values": [] },
         {
-          "name": "closed",
-          "description": "Indicates if the split-view pane is open or closed.",
+          "name": "value",
+          "description": "The query builder's value object.",
+          "values": [{ "name": "FlowQueryBuilderRuleSet" }]
+        },
+        {
+          "name": "config",
+          "description": "The query builder's configuration object.",
+          "values": [{ "name": "FlowQueryBuilderConfig" }]
+        },
+        {
+          "name": "size",
+          "description": "The query builder's size.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the select control.",
           "values": []
         },
         {
-          "name": "divider",
-          "description": "Indicates if the split-view pane has a divider.",
+          "name": "label",
+          "description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
           "values": []
         },
         {
-          "name": "hidden",
-          "description": "Indicates if the split-view pane is hidden.",
+          "name": "help-text",
+          "description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
+          "values": []
+        },
+        {
+          "name": "tree-lines",
+          "description": "Display tree connector lines between query rules",
           "values": []
         }
       ],
@@ -1660,12 +1660,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-stepper",
-      "description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "flow-ui-stepper-panel",
       "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 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-stepper",
+      "description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "flow-ui-tab",
       "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.",