@emuanalytics/flow-rdf-ui 0.0.27 → 0.0.28

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/index.cjs CHANGED
@@ -21797,7 +21797,7 @@ const translation = {
21797
21797
  };
21798
21798
  localize.registerTranslation(translation);
21799
21799
 
21800
- const version = "0.0.27";
21800
+ const version = "0.0.28";
21801
21801
 
21802
21802
  const CONSOLE_HIGHLIGHT_STYLE = `
21803
21803
  padding: 2px 4px;
package/dist/index.d.cts CHANGED
@@ -3178,7 +3178,7 @@ declare global {
3178
3178
  }
3179
3179
 
3180
3180
  /**
3181
- * @tagname flow-ui-split-divider
3181
+ * @tagname flow-ui-split-view-divider
3182
3182
  * @summary Split-view dividers are used internally by split-views to create resizable areas.
3183
3183
  */
3184
3184
  declare class FlowPanelDivider extends FlowRdfElement {
@@ -3201,7 +3201,7 @@ declare global {
3201
3201
  }
3202
3202
 
3203
3203
  /**
3204
- * @tagname split-view-pane
3204
+ * @tagname flow-ui-split-view-pane
3205
3205
  * @summary Split-view panes are used with split-views to create resizable areas.
3206
3206
  */
3207
3207
  declare class FlowSplitViewPane extends FlowRdfElement {
package/dist/index.d.mts CHANGED
@@ -3178,7 +3178,7 @@ declare global {
3178
3178
  }
3179
3179
 
3180
3180
  /**
3181
- * @tagname flow-ui-split-divider
3181
+ * @tagname flow-ui-split-view-divider
3182
3182
  * @summary Split-view dividers are used internally by split-views to create resizable areas.
3183
3183
  */
3184
3184
  declare class FlowPanelDivider extends FlowRdfElement {
@@ -3201,7 +3201,7 @@ declare global {
3201
3201
  }
3202
3202
 
3203
3203
  /**
3204
- * @tagname split-view-pane
3204
+ * @tagname flow-ui-split-view-pane
3205
3205
  * @summary Split-view panes are used with split-views to create resizable areas.
3206
3206
  */
3207
3207
  declare class FlowSplitViewPane extends FlowRdfElement {
package/dist/index.d.ts CHANGED
@@ -3178,7 +3178,7 @@ declare global {
3178
3178
  }
3179
3179
 
3180
3180
  /**
3181
- * @tagname flow-ui-split-divider
3181
+ * @tagname flow-ui-split-view-divider
3182
3182
  * @summary Split-view dividers are used internally by split-views to create resizable areas.
3183
3183
  */
3184
3184
  declare class FlowPanelDivider extends FlowRdfElement {
@@ -3201,7 +3201,7 @@ declare global {
3201
3201
  }
3202
3202
 
3203
3203
  /**
3204
- * @tagname split-view-pane
3204
+ * @tagname flow-ui-split-view-pane
3205
3205
  * @summary Split-view panes are used with split-views to create resizable areas.
3206
3206
  */
3207
3207
  declare class FlowSplitViewPane extends FlowRdfElement {
package/dist/index.mjs CHANGED
@@ -21779,7 +21779,7 @@ const translation = {
21779
21779
  };
21780
21780
  registerTranslation(translation);
21781
21781
 
21782
- const version = "0.0.27";
21782
+ const version = "0.0.28";
21783
21783
 
21784
21784
  const CONSOLE_HIGHLIGHT_STYLE = `
21785
21785
  padding: 2px 4px;
@@ -96,33 +96,6 @@
96
96
  ],
97
97
  "references": []
98
98
  },
99
- {
100
- "name": "flow-ui-breadcrumb-item",
101
- "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.",
102
- "attributes": [
103
- {
104
- "name": "href",
105
- "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
106
- "values": []
107
- },
108
- {
109
- "name": "target",
110
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
111
- "values": [
112
- { "name": "_blank" },
113
- { "name": "_parent" },
114
- { "name": "_self" },
115
- { "name": "_top" }
116
- ]
117
- },
118
- {
119
- "name": "rel",
120
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
121
- "values": []
122
- }
123
- ],
124
- "references": []
125
- },
126
99
  {
127
100
  "name": "flow-ui-badge",
128
101
  "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.",
@@ -151,6 +124,69 @@
151
124
  ],
152
125
  "references": []
153
126
  },
127
+ {
128
+ "name": "flow-ui-avatar",
129
+ "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.",
130
+ "attributes": [
131
+ {
132
+ "name": "image",
133
+ "description": "The image source to use for the avatar.",
134
+ "values": []
135
+ },
136
+ {
137
+ "name": "label",
138
+ "description": "A label to use to describe the avatar to assistive devices.",
139
+ "values": []
140
+ },
141
+ {
142
+ "name": "initials",
143
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
144
+ "values": []
145
+ },
146
+ {
147
+ "name": "loading",
148
+ "description": "Indicates how the browser should load the image.",
149
+ "values": [{ "name": "eager" }, { "name": "lazy" }]
150
+ },
151
+ {
152
+ "name": "shape",
153
+ "description": "The shape of the avatar.",
154
+ "values": [
155
+ { "name": "circle" },
156
+ { "name": "square" },
157
+ { "name": "rounded" }
158
+ ]
159
+ }
160
+ ],
161
+ "references": []
162
+ },
163
+ {
164
+ "name": "flow-ui-breadcrumb-item",
165
+ "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.",
166
+ "attributes": [
167
+ {
168
+ "name": "href",
169
+ "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
170
+ "values": []
171
+ },
172
+ {
173
+ "name": "target",
174
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
175
+ "values": [
176
+ { "name": "_blank" },
177
+ { "name": "_parent" },
178
+ { "name": "_self" },
179
+ { "name": "_top" }
180
+ ]
181
+ },
182
+ {
183
+ "name": "rel",
184
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
185
+ "values": []
186
+ }
187
+ ],
188
+ "references": []
189
+ },
154
190
  {
155
191
  "name": "flow-ui-button",
156
192
  "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.",
@@ -296,6 +332,18 @@
296
332
  ],
297
333
  "references": []
298
334
  },
335
+ {
336
+ "name": "flow-ui-breadcrumb",
337
+ "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.",
338
+ "attributes": [
339
+ {
340
+ "name": "label",
341
+ "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.",
342
+ "values": []
343
+ }
344
+ ],
345
+ "references": []
346
+ },
299
347
  {
300
348
  "name": "flow-ui-button-group",
301
349
  "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.",
@@ -335,54 +383,6 @@
335
383
  ],
336
384
  "references": []
337
385
  },
338
- {
339
- "name": "flow-ui-breadcrumb",
340
- "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.",
341
- "attributes": [
342
- {
343
- "name": "label",
344
- "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.",
345
- "values": []
346
- }
347
- ],
348
- "references": []
349
- },
350
- {
351
- "name": "flow-ui-avatar",
352
- "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.",
353
- "attributes": [
354
- {
355
- "name": "image",
356
- "description": "The image source to use for the avatar.",
357
- "values": []
358
- },
359
- {
360
- "name": "label",
361
- "description": "A label to use to describe the avatar to assistive devices.",
362
- "values": []
363
- },
364
- {
365
- "name": "initials",
366
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
367
- "values": []
368
- },
369
- {
370
- "name": "loading",
371
- "description": "Indicates how the browser should load the image.",
372
- "values": [{ "name": "eager" }, { "name": "lazy" }]
373
- },
374
- {
375
- "name": "shape",
376
- "description": "The shape of the avatar.",
377
- "values": [
378
- { "name": "circle" },
379
- { "name": "square" },
380
- { "name": "rounded" }
381
- ]
382
- }
383
- ],
384
- "references": []
385
- },
386
386
  {
387
387
  "name": "flow-ui-card",
388
388
  "description": "Cards can be used to group related subjects in a container.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
@@ -589,28 +589,6 @@
589
589
  ],
590
590
  "references": []
591
591
  },
592
- {
593
- "name": "flow-ui-details",
594
- "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.",
595
- "attributes": [
596
- {
597
- "name": "open",
598
- "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
599
- "values": []
600
- },
601
- {
602
- "name": "summary",
603
- "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
604
- "values": []
605
- },
606
- {
607
- "name": "disabled",
608
- "description": "Disables the details so it can't be toggled.",
609
- "values": []
610
- }
611
- ],
612
- "references": []
613
- },
614
592
  {
615
593
  "name": "flow-ui-color-picker",
616
594
  "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.",
@@ -726,6 +704,28 @@
726
704
  ],
727
705
  "references": []
728
706
  },
707
+ {
708
+ "name": "flow-ui-details",
709
+ "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.",
710
+ "attributes": [
711
+ {
712
+ "name": "open",
713
+ "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
714
+ "values": []
715
+ },
716
+ {
717
+ "name": "summary",
718
+ "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
719
+ "values": []
720
+ },
721
+ {
722
+ "name": "disabled",
723
+ "description": "Disables the details so it can't be toggled.",
724
+ "values": []
725
+ }
726
+ ],
727
+ "references": []
728
+ },
729
729
  {
730
730
  "name": "flow-ui-dialog",
731
731
  "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.",
@@ -1068,6 +1068,12 @@
1068
1068
  ],
1069
1069
  "references": []
1070
1070
  },
1071
+ {
1072
+ "name": "flow-ui-menu-label",
1073
+ "description": "Menu labels are used to describe a group of menu items.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The menu label's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
1074
+ "attributes": [],
1075
+ "references": []
1076
+ },
1071
1077
  {
1072
1078
  "name": "flow-ui-mutation-observer",
1073
1079
  "description": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-mutation** - Emitted when a mutation occurs.\n\n### **Slots:**\n - _default_ - The content to watch for mutations.",
@@ -1348,12 +1354,6 @@
1348
1354
  ],
1349
1355
  "references": []
1350
1356
  },
1351
- {
1352
- "name": "flow-ui-menu-label",
1353
- "description": "Menu labels are used to describe a group of menu items.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The menu label's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
1354
- "attributes": [],
1355
- "references": []
1356
- },
1357
1357
  {
1358
1358
  "name": "flow-ui-resize-observer",
1359
1359
  "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.",
@@ -1410,6 +1410,12 @@
1410
1410
  ],
1411
1411
  "references": []
1412
1412
  },
1413
+ {
1414
+ "name": "flow-ui-spinner",
1415
+ "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.",
1416
+ "attributes": [],
1417
+ "references": []
1418
+ },
1413
1419
  {
1414
1420
  "name": "flow-ui-split-view",
1415
1421
  "description": "Split-views contain 2 or more split-view panes to create resizable areas.\n\n\n---\n\n\n",
@@ -1422,7 +1428,7 @@
1422
1428
  "references": []
1423
1429
  },
1424
1430
  {
1425
- "name": "flow-ui-split-divider",
1431
+ "name": "flow-ui-split-view-divider",
1426
1432
  "description": "Split-view dividers are used internally by split-views to create resizable areas.\n\n\n---\n\n\n",
1427
1433
  "attributes": [
1428
1434
  { "name": "disabled", "values": [] },
@@ -1431,13 +1437,7 @@
1431
1437
  "references": []
1432
1438
  },
1433
1439
  {
1434
- "name": "flow-ui-spinner",
1435
- "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.",
1436
- "attributes": [],
1437
- "references": []
1438
- },
1439
- {
1440
- "name": "split-view-pane",
1440
+ "name": "flow-ui-split-view-pane",
1441
1441
  "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",
1442
1442
  "attributes": [
1443
1443
  { "name": "vertical", "values": [] },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emuanalytics/flow-rdf-ui",
3
- "version": "0.0.27",
3
+ "version": "0.0.28",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",