@emuanalytics/flow-rdf-ui 4.0.1 → 4.0.2

package/dist/index.cjs

@@ -24716,7 +24716,7 @@ class FlowUiVisuallyHidden extends FlowRdfElement {
 }
 FlowUiVisuallyHidden.styles = styles;
 
-function registerComponents() {
+async function registerComponents() {
   FlowUiAlert.define("flow-ui-alert");
   FlowUiAnimation.define("flow-ui-animation");
   FlowUiAvatar.define("flow-ui-avatar");
@@ -24782,9 +24782,77 @@ function registerComponents() {
   FlowUiTreeItem.define("flow-ui-tree-item");
   FlowUiTree.define("flow-ui-tree");
   FlowUiVisuallyHidden.define("flow-ui-visually-hidden");
+  return Promise.all([
+    window.customElements.whenDefined("flow-ui-alert"),
+    window.customElements.whenDefined("flow-ui-animation"),
+    window.customElements.whenDefined("flow-ui-avatar"),
+    window.customElements.whenDefined("flow-ui-badge"),
+    window.customElements.whenDefined("flow-ui-breadcrumb-item"),
+    window.customElements.whenDefined("flow-ui-breadcrumb"),
+    window.customElements.whenDefined("flow-ui-button-group"),
+    window.customElements.whenDefined("flow-ui-button"),
+    window.customElements.whenDefined("flow-ui-calendar"),
+    window.customElements.whenDefined("flow-ui-card"),
+    window.customElements.whenDefined("flow-ui-carousel-item"),
+    window.customElements.whenDefined("flow-ui-carousel"),
+    window.customElements.whenDefined("flow-ui-chart"),
+    window.customElements.whenDefined("flow-ui-checkbox"),
+    window.customElements.whenDefined("flow-ui-color-mapper"),
+    window.customElements.whenDefined("flow-ui-color-picker"),
+    window.customElements.whenDefined("flow-ui-color-stop"),
+    window.customElements.whenDefined("flow-ui-date-time-picker"),
+    window.customElements.whenDefined("flow-ui-details"),
+    window.customElements.whenDefined("flow-ui-dialog"),
+    window.customElements.whenDefined("flow-ui-divider"),
+    window.customElements.whenDefined("flow-ui-drawer"),
+    window.customElements.whenDefined("flow-ui-dropdown"),
+    window.customElements.whenDefined("flow-ui-gauge"),
+    window.customElements.whenDefined("flow-ui-icon-button"),
+    window.customElements.whenDefined("flow-ui-icon"),
+    window.customElements.whenDefined("flow-ui-input"),
+    window.customElements.whenDefined("flow-ui-map"),
+    window.customElements.whenDefined("flow-ui-menu-item"),
+    window.customElements.whenDefined("flow-ui-menu-label"),
+    window.customElements.whenDefined("flow-ui-menu"),
+    window.customElements.whenDefined("flow-ui-mutation-observer"),
+    window.customElements.whenDefined("flow-ui-option"),
+    window.customElements.whenDefined("flow-ui-panel-header"),
+    window.customElements.whenDefined("flow-ui-panel"),
+    window.customElements.whenDefined("flow-ui-popup"),
+    window.customElements.whenDefined("flow-ui-progress-bar"),
+    window.customElements.whenDefined("flow-ui-progress-ring"),
+    window.customElements.whenDefined("flow-ui-query-builder"),
+    window.customElements.whenDefined("flow-ui-radio-group"),
+    window.customElements.whenDefined("flow-ui-radio"),
+    window.customElements.whenDefined("flow-ui-range"),
+    window.customElements.whenDefined("flow-ui-resize-observer"),
+    window.customElements.whenDefined("flow-ui-scroll-view"),
+    window.customElements.whenDefined("flow-ui-select"),
+    window.customElements.whenDefined("flow-ui-spinner"),
+    window.customElements.whenDefined("flow-ui-split-view-divider"),
+    window.customElements.whenDefined("flow-ui-split-view-pane"),
+    window.customElements.whenDefined("flow-ui-split-view-toggle-button"),
+    window.customElements.whenDefined("flow-ui-split-view"),
+    window.customElements.whenDefined("flow-ui-stepper-panel"),
+    window.customElements.whenDefined("flow-ui-stepper"),
+    window.customElements.whenDefined("flow-ui-switch"),
+    window.customElements.whenDefined("flow-ui-tab-group"),
+    window.customElements.whenDefined("flow-ui-tab-panel"),
+    window.customElements.whenDefined("flow-ui-tab"),
+    window.customElements.whenDefined("flow-ui-tag"),
+    window.customElements.whenDefined("flow-ui-textarea"),
+    window.customElements.whenDefined("flow-ui-timer"),
+    window.customElements.whenDefined("flow-ui-tool-button-group"),
+    window.customElements.whenDefined("flow-ui-tool-button"),
+    window.customElements.whenDefined("flow-ui-tooltip"),
+    window.customElements.whenDefined("flow-ui-tree-item"),
+    window.customElements.whenDefined("flow-ui-tree"),
+    window.customElements.whenDefined("flow-ui-visually-hidden")
+  ]).then(() => {
+  });
 }
 
-const version = "4.0.1";
+const version = "4.0.2";
 
 const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;

package/dist/index.d.cts

@@ -1286,8 +1286,10 @@ declare const converter: FlowQueryBuilderConverter;
  *
  * This function is called automatically when using the `flow-rdf-angular`
  * support library.
+ *
+ * @returns A promise that resolves when all custom elements have been defined.
  */
-declare function registerComponents(): void;
+declare function registerComponents(): Promise<void>;
 
 type FunctionParams<T> = T extends (...args: infer U) => string ? U : [];
 interface Translation$1 {

package/dist/index.d.mts

@@ -1286,8 +1286,10 @@ declare const converter: FlowQueryBuilderConverter;
  *
  * This function is called automatically when using the `flow-rdf-angular`
  * support library.
+ *
+ * @returns A promise that resolves when all custom elements have been defined.
  */
-declare function registerComponents(): void;
+declare function registerComponents(): Promise<void>;
 
 type FunctionParams<T> = T extends (...args: infer U) => string ? U : [];
 interface Translation$1 {

package/dist/index.d.ts

@@ -1286,8 +1286,10 @@ declare const converter: FlowQueryBuilderConverter;
  *
  * This function is called automatically when using the `flow-rdf-angular`
  * support library.
+ *
+ * @returns A promise that resolves when all custom elements have been defined.
  */
-declare function registerComponents(): void;
+declare function registerComponents(): Promise<void>;
 
 type FunctionParams<T> = T extends (...args: infer U) => string ? U : [];
 interface Translation$1 {

package/dist/index.mjs

@@ -24710,7 +24710,7 @@ class FlowUiVisuallyHidden extends FlowRdfElement {
 }
 FlowUiVisuallyHidden.styles = styles;
 
-function registerComponents() {
+async function registerComponents() {
   FlowUiAlert.define("flow-ui-alert");
   FlowUiAnimation.define("flow-ui-animation");
   FlowUiAvatar.define("flow-ui-avatar");
@@ -24776,9 +24776,77 @@ function registerComponents() {
   FlowUiTreeItem.define("flow-ui-tree-item");
   FlowUiTree.define("flow-ui-tree");
   FlowUiVisuallyHidden.define("flow-ui-visually-hidden");
+  return Promise.all([
+    window.customElements.whenDefined("flow-ui-alert"),
+    window.customElements.whenDefined("flow-ui-animation"),
+    window.customElements.whenDefined("flow-ui-avatar"),
+    window.customElements.whenDefined("flow-ui-badge"),
+    window.customElements.whenDefined("flow-ui-breadcrumb-item"),
+    window.customElements.whenDefined("flow-ui-breadcrumb"),
+    window.customElements.whenDefined("flow-ui-button-group"),
+    window.customElements.whenDefined("flow-ui-button"),
+    window.customElements.whenDefined("flow-ui-calendar"),
+    window.customElements.whenDefined("flow-ui-card"),
+    window.customElements.whenDefined("flow-ui-carousel-item"),
+    window.customElements.whenDefined("flow-ui-carousel"),
+    window.customElements.whenDefined("flow-ui-chart"),
+    window.customElements.whenDefined("flow-ui-checkbox"),
+    window.customElements.whenDefined("flow-ui-color-mapper"),
+    window.customElements.whenDefined("flow-ui-color-picker"),
+    window.customElements.whenDefined("flow-ui-color-stop"),
+    window.customElements.whenDefined("flow-ui-date-time-picker"),
+    window.customElements.whenDefined("flow-ui-details"),
+    window.customElements.whenDefined("flow-ui-dialog"),
+    window.customElements.whenDefined("flow-ui-divider"),
+    window.customElements.whenDefined("flow-ui-drawer"),
+    window.customElements.whenDefined("flow-ui-dropdown"),
+    window.customElements.whenDefined("flow-ui-gauge"),
+    window.customElements.whenDefined("flow-ui-icon-button"),
+    window.customElements.whenDefined("flow-ui-icon"),
+    window.customElements.whenDefined("flow-ui-input"),
+    window.customElements.whenDefined("flow-ui-map"),
+    window.customElements.whenDefined("flow-ui-menu-item"),
+    window.customElements.whenDefined("flow-ui-menu-label"),
+    window.customElements.whenDefined("flow-ui-menu"),
+    window.customElements.whenDefined("flow-ui-mutation-observer"),
+    window.customElements.whenDefined("flow-ui-option"),
+    window.customElements.whenDefined("flow-ui-panel-header"),
+    window.customElements.whenDefined("flow-ui-panel"),
+    window.customElements.whenDefined("flow-ui-popup"),
+    window.customElements.whenDefined("flow-ui-progress-bar"),
+    window.customElements.whenDefined("flow-ui-progress-ring"),
+    window.customElements.whenDefined("flow-ui-query-builder"),
+    window.customElements.whenDefined("flow-ui-radio-group"),
+    window.customElements.whenDefined("flow-ui-radio"),
+    window.customElements.whenDefined("flow-ui-range"),
+    window.customElements.whenDefined("flow-ui-resize-observer"),
+    window.customElements.whenDefined("flow-ui-scroll-view"),
+    window.customElements.whenDefined("flow-ui-select"),
+    window.customElements.whenDefined("flow-ui-spinner"),
+    window.customElements.whenDefined("flow-ui-split-view-divider"),
+    window.customElements.whenDefined("flow-ui-split-view-pane"),
+    window.customElements.whenDefined("flow-ui-split-view-toggle-button"),
+    window.customElements.whenDefined("flow-ui-split-view"),
+    window.customElements.whenDefined("flow-ui-stepper-panel"),
+    window.customElements.whenDefined("flow-ui-stepper"),
+    window.customElements.whenDefined("flow-ui-switch"),
+    window.customElements.whenDefined("flow-ui-tab-group"),
+    window.customElements.whenDefined("flow-ui-tab-panel"),
+    window.customElements.whenDefined("flow-ui-tab"),
+    window.customElements.whenDefined("flow-ui-tag"),
+    window.customElements.whenDefined("flow-ui-textarea"),
+    window.customElements.whenDefined("flow-ui-timer"),
+    window.customElements.whenDefined("flow-ui-tool-button-group"),
+    window.customElements.whenDefined("flow-ui-tool-button"),
+    window.customElements.whenDefined("flow-ui-tooltip"),
+    window.customElements.whenDefined("flow-ui-tree-item"),
+    window.customElements.whenDefined("flow-ui-tree"),
+    window.customElements.whenDefined("flow-ui-visually-hidden")
+  ]).then(() => {
+  });
 }
 
-const version = "4.0.1";
+const version = "4.0.2";
 
 const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;

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

@@ -34,6 +34,42 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-avatar",
+      "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.",
+      "attributes": [
+        {
+          "name": "image",
+          "description": "The image source to use for the avatar.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A label to use to describe the avatar to assistive devices.",
+          "values": []
+        },
+        {
+          "name": "initials",
+          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
+          "values": []
+        },
+        {
+          "name": "loading",
+          "description": "Indicates how the browser should load the image.",
+          "values": [{ "name": "eager" }, { "name": "lazy" }]
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the avatar.",
+          "values": [
+            { "name": "circle" },
+            { "name": "square" },
+            { "name": "rounded" }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-animation",
       "description": "Animate elements declaratively with over 100 animation presets. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-cancel** - Emitted when the animation is canceled.\n- **flow-ui-finish** - Emitted when the animation finishes.\n- **flow-ui-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n\n### **Slots:**\n - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
@@ -331,42 +367,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-avatar",
-      "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.",
-      "attributes": [
-        {
-          "name": "image",
-          "description": "The image source to use for the avatar.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "A label to use to describe the avatar to assistive devices.",
-          "values": []
-        },
-        {
-          "name": "initials",
-          "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
-          "values": []
-        },
-        {
-          "name": "loading",
-          "description": "Indicates how the browser should load the image.",
-          "values": [{ "name": "eager" }, { "name": "lazy" }]
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the avatar.",
-          "values": [
-            { "name": "circle" },
-            { "name": "square" },
-            { "name": "rounded" }
-          ]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-calendar",
       "description": "A calendar component for selecting dates and times.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-input** - Emitted when the calendar value changes.\n- **flow-ui-change** - Emitted when the calendar value changes.\n\n### **CSS Properties:**\n - **--width** - The width of the calendar in CSS units. Set automatically if `size` is set. _(default: undefined)_\n- **--font-size** - The font size of the calendar. Set automatically if `size` is set. _(default: undefined)_\n- **--day-font-size** - The font size of the day labels. Set automatically if `size` is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1785,6 +1785,42 @@
       ],
       "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\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": "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.",
@@ -1823,42 +1859,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\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": "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-group",
       "description": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the radio group's selected value changes.\n- **flow-ui-input** - Emitted when the radio group receives user 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 - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\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 input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-group** - The button group that wraps radio buttons.\n- **button-group__base** - The button group's `base` part.",
@@ -2886,36 +2886,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-tree",
-      "description": "Trees allow you to display a hierarchical list of selectable [tree items](./flow-ui-tree-item). Items with children can be expanded and collapsed as desired by the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when a tree item is selected or deselected.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded. Works best with `<flow-ui-icon>`.\n- **collapse-icon** - The icon to show when the tree item is collapsed. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--indent-size** - The size of the indentation for nested items. _(default: var(--flow-ui-spacing-medium))_\n- **--indent-guide-color** - The color of the indentation line. _(default: var(--flow-ui-color-neutral-200))_\n- **--indent-guide-offset** - The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position. _(default: 0)_\n- **--indent-guide-style** - The style of the indentation line, e.g. solid, dotted, dashed. _(default: solid)_\n- **--indent-guide-width** - The width of the indentation line. _(default: 0)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
-          "values": [{ "name": "string[]" }]
-        },
-        {
-          "name": "selection-mode",
-          "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
-          "values": [
-            { "name": "single" },
-            { "name": "multiple" },
-            { "name": "leaf" }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "The select's size.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-tree-item",
       "description": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-expand** - Emitted when the tree item expands.\n- **flow-ui-after-expand** - Emitted after the tree item expands and all animations are complete.\n- **flow-ui-collapse** - Emitted when the tree item collapses.\n- **flow-ui-after-collapse** - Emitted after the tree item collapses and all animations are complete.\n- **flow-ui-lazy-change** - Emitted when the tree item's lazy state changes.\n- **flow-ui-lazy-load** - Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.\n\n### **Methods:**\n - **getChildrenItems({ includeDisabled = true }: _{ includeDisabled?: boolean }_): _FlowUiTreeItem[]_** - Gets all the nested tree items in this node.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded.\n- **collapse-icon** - The icon to show when the tree item is collapsed.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **item** - The tree item's container. This element wraps everything except slotted tree item children.\n- **item--disabled** - Applied when the tree item is disabled.\n- **item--expanded** - Applied when the tree item is expanded.\n- **item--indeterminate** - Applied when the selection is indeterminate.\n- **item--selected** - Applied when the tree item is selected.\n- **indentation** - The tree item's indentation container.\n- **expand-button** - The container that wraps the tree item's expand button and spinner.\n- **label** - The tree item's label.\n- **children** - The container that wraps the tree item's nested children.\n- **checkbox** - The checkbox that shows when using multiselect.\n- **checkbox__base** - The checkbox's exported `base` part.\n- **checkbox__control** - The checkbox's exported `control` part.\n- **checkbox__control--checked** - The checkbox's exported `control--checked` part.\n- **checkbox__control--indeterminate** - The checkbox's exported `control--indeterminate` part.\n- **checkbox__checked-icon** - The checkbox's exported `checked-icon` part.\n- **checkbox__indeterminate-icon** - The checkbox's exported `indeterminate-icon` part.\n- **checkbox__label** - The checkbox's exported `label` part.",
@@ -2962,6 +2932,36 @@
       "description": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The content to be visually hidden.",
       "attributes": [],
       "references": []
+    },
+    {
+      "name": "flow-ui-tree",
+      "description": "Trees allow you to display a hierarchical list of selectable [tree items](./flow-ui-tree-item). Items with children can be expanded and collapsed as desired by the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when a tree item is selected or deselected.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded. Works best with `<flow-ui-icon>`.\n- **collapse-icon** - The icon to show when the tree item is collapsed. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--indent-size** - The size of the indentation for nested items. _(default: var(--flow-ui-spacing-medium))_\n- **--indent-guide-color** - The color of the indentation line. _(default: var(--flow-ui-color-neutral-200))_\n- **--indent-guide-offset** - The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position. _(default: 0)_\n- **--indent-guide-style** - The style of the indentation line, e.g. solid, dotted, dashed. _(default: solid)_\n- **--indent-guide-width** - The width of the indentation line. _(default: 0)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
+          "values": [{ "name": "string[]" }]
+        },
+        {
+          "name": "selection-mode",
+          "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
+          "values": [
+            { "name": "single" },
+            { "name": "multiple" },
+            { "name": "leaf" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "The select's size.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        }
+      ],
+      "references": []
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emuanalytics/flow-rdf-ui",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -106,13 +106,13 @@
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.5.1",
     "webdriverio": "^8.14.3",
-    "@emuanalytics/flow-rdf-core": "4.0.1"
+    "@emuanalytics/flow-rdf-core": "4.0.2"
   },
   "peerDependencies": {
     "chart.js": "^4.4.2",
     "lit": "^2.7.2",
     "lit-html": "^2.7.5",
-    "@emuanalytics/flow-rdf-core": "4.0.1"
+    "@emuanalytics/flow-rdf-core": "4.0.2"
   },
   "scripts": {
     "dev": "vite",