@emuanalytics/flow-rdf-ui 4.1.0 → 4.1.1

package/dist/index.d.mts

@@ -2162,6 +2162,80 @@ declare global {
     }
 }
 
+/**
+ * @tagname flow-ui-progress-ring
+ * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
+ *
+ * @slot label - A label to show inside the ring.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The progress ring label.
+ *
+ * @cssproperty --size - The diameter of the progress ring (cannot be a percentage).
+ * @cssproperty --track-width - The width of the track.
+ * @cssproperty --track-color - The color of the track.
+ * @cssproperty --indicator-width - The width of the indicator. Defaults to the track width.
+ * @cssproperty --indicator-color - The color of the indicator.
+ * @cssproperty --indicator-transition-duration - The duration of the indicator's transition when the value changes.
+ */
+declare class FlowUiProgressRing extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private readonly localize;
+    /** A custom label for assistive devices. */
+    label: string;
+    /** The current progress as a percentage, 0 to 100. */
+    value: number;
+    /** If the progress animation is indeterminate */
+    indeterminate: boolean;
+    /** The progress ring's theme variant */
+    variant: 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger';
+    /** The progress ring's size */
+    size: 'small' | 'medium' | 'large';
+    connectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-progress-ring': FlowUiProgressRing;
+    }
+}
+
+/**
+ * @tagname flow-ui-busy-overlay
+ * @summary Busy overlay is used to indicate that a component which displays data is being currently updated.
+ *
+ * @dependency flow-ui-progress-ring
+ *
+ * @slot - The component to overlay with when busy.
+ * @slot busy-animation - The indeterminate custom loading animation to display when busy.
+ *
+ * @cssproperty --transition-delay - The delay after which the overlay is shown.
+ * @cssproperty --transition-duration - The duration of the overlay's fade-in/out transition.
+ * @cssproperty --progress-ring-size - The size of the default progress ring loading animation.
+ * @cssproperty --progress-ring-track-width - The width of the default progress ring's track.
+ * @cssproperty --progress-ring-track-color - The color of the default progress ring's track.
+ * @cssproperty --overlay-background-color - The background color of the overlay.
+ */
+declare class FlowUiBusyOverlay extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    busy: boolean;
+    /** The default loading animation's theme variant. */
+    variant: 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger';
+    /** Size of the loading animation */
+    size: 'small' | 'medium' | 'large';
+    /** To overlay the parent element */
+    overlayParent: boolean;
+    connectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-busy-overlay': FlowUiBusyOverlay;
+    }
+}
+
 /**
  * @tagname flow-ui-button-group
  * @summary Button groups can be used to group related buttons into sections.
@@ -2200,36 +2274,11 @@ declare global {
 }
 
 /**
- * @tagname flow-ui-spinner
- * @summary Spinners are used to show the progress of an indeterminate operation.
- *
- * @csspart base - The component's base wrapper.
- *
- * @cssproperty --track-width - The width of the track.
- * @cssproperty --track-color - The color of the track.
- * @cssproperty --indicator-color - The color of the spinner's indicator.
- * @cssproperty --speed - The time it takes for the spinner to complete one animation cycle.
- */
-declare class FlowUiSpinner extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-spinner': FlowUiSpinner;
-    }
-}
-
-/**
-
- *
  * @tagname flow-ui-button
  * @summary Buttons represent actions that are available to the user.
  *
  * @dependency flow-ui-icon
- * @dependency flow-ui-spinner
+ * @dependency flow-ui-progress-ring
  *
  * @event flow-ui-blur - Emitted when the button loses focus.
  * @event flow-ui-focus - Emitted when the button gains focus.
@@ -4862,20 +4911,21 @@ declare global {
  * @csspart indicator - The progress bar's indicator.
  * @csspart label - The progress bar's label.
  *
- * @cssproperty --height - The progress bar's height.
+ * @cssproperty --track-height - The progress bar's thickness (same as the indicator's thickness).
  * @cssproperty --track-color - The color of the track.
  * @cssproperty --indicator-color - The color of the indicator.
- * @cssproperty --label-color - The color of the label.
  */
 declare class FlowUiProgressBar extends FlowRdfElement {
     static styles: CSSResultGroup;
     private readonly localize;
+    /** A custom label for assistive devices. */
+    label: string;
     /** The current progress as a percentage, 0 to 100. */
     value: number;
     /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
     indeterminate: boolean;
-    /** A custom label for assistive devices. */
-    label: string;
+    /** The progress bar's theme variant */
+    variant: 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger';
     connectedCallback(): void;
     render(): lit_html.TemplateResult<1>;
 }
@@ -4886,41 +4936,6 @@ declare global {
     }
 }
 
-/**
- * @tagname flow-ui-progress-ring
- * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
- *
- * @slot - A label to show inside the ring.
- *
- * @csspart base - The component's base wrapper.
- * @csspart label - The progress ring label.
- *
- * @cssproperty --size - The diameter of the progress ring (cannot be a percentage).
- * @cssproperty --track-width - The width of the track.
- * @cssproperty --track-color - The color of the track.
- * @cssproperty --indicator-width - The width of the indicator. Defaults to the track width.
- * @cssproperty --indicator-color - The color of the indicator.
- * @cssproperty --indicator-transition-duration - The duration of the indicator's transition when the value changes.
- */
-declare class FlowUiProgressRing extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    indicator: SVGCircleElement;
-    indicatorOffset: string;
-    /** The current progress as a percentage, 0 to 100. */
-    value: number;
-    /** A custom label for assistive devices. */
-    label: string;
-    updated(changedProps: Map<string, unknown>): void;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-progress-ring': FlowUiProgressRing;
-    }
-}
-
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-query-builder': FlowUiQueryBuilder;
@@ -6269,7 +6284,7 @@ declare global {
  *
  * @dependency flow-ui-checkbox
  * @dependency flow-ui-icon
- * @dependency flow-ui-spinner
+ * @dependency flow-ui-progress-ring
  *
  * @event flow-ui-expand - Emitted when the tree item expands.
  * @event flow-ui-after-expand - Emitted after the tree item expands and all animations are complete.
@@ -6473,4 +6488,4 @@ declare global {
     }
 }
 
-export { type BaseColorMapperField, type BaseColorStopOptions, type ColorMapperField, type ColorMapperOptions, type ColorMapperValue, type ColorStopOptions, type ColorStopValue, type FlowQueryBuilderConfig, type FlowQueryBuilderConverter, type FlowQueryBuilderConverterOptions, type FlowQueryBuilderDateField, type FlowQueryBuilderDateTimeField, type FlowQueryBuilderDateTimeFieldBase, type FlowQueryBuilderField, type FlowQueryBuilderFieldBase, type FlowQueryBuilderFieldDefinition, type FlowQueryBuilderFieldMap, type FlowQueryBuilderFieldType, type FlowQueryBuilderFieldTypeMap, type FlowQueryBuilderNumberField, type FlowQueryBuilderOption, type FlowQueryBuilderRule, type FlowQueryBuilderRuleSet, type FlowQueryBuilderSelectField, type FlowQueryBuilderStringField, type FlowQueryBuilderTemplateFn, type FlowQueryBuilderTimeField, type FlowAfterCollapseEvent as FlowUiAfterCollapseEvent, type FlowAfterExpandEvent as FlowUiAfterExpandEvent, type FlowAfterHideEvent as FlowUiAfterHideEvent, type FlowAfterShowEvent as FlowUiAfterShowEvent, FlowUiAlert, FlowUiAnimation, type FlowApplyEvent as FlowUiApplyEvent, FlowUiAvatar, FlowUiBadge, FlowUiBaseControl, type FlowBlurEvent as FlowUiBlurEvent, FlowUiBreadcrumb, FlowUiBreadcrumbItem, FlowUiButton, FlowUiButtonGroup, FlowUiCalendar, type FlowCancelEvent as FlowUiCancelEvent, FlowUiCard, FlowUiCarousel, FlowUiCarouselItem, type FlowChangeEvent as FlowUiChangeEvent, FlowUiChart, FlowUiCheckbox, FlowUiCheckboxGroup, type FlowClearEvent as FlowUiClearEvent, type FlowCloseEvent as FlowUiCloseEvent, type FlowCollapseEvent as FlowUiCollapseEvent, type FlowCollapseTreeEvent as FlowUiCollapseSplitViewEvent, FlowUiColorMapper, FlowUiColorPicker, FlowUiColorStop, FlowUiDateTimePicker, FlowUiDetails, FlowUiDialog, FlowUiDivider, type FlowDragDropEvent as FlowUiDragDrop, type FlowDragEndEvent as FlowUiDragEndEvent, type FlowDragEvent as FlowUiDragEvent, type FlowDragOverEvent as FlowUiDragOverEvent, type FlowDragStartEvent as FlowUiDragStartEvent, FlowUiDrawer, FlowUiDropdown, type FlowErrorEvent as FlowUiErrorEvent, type FlowExpandEvent as FlowUiExpandEvent, type FlowExpandTreeEvent as FlowUiExpandSplitViewEvent, type FlowFinishEvent as FlowUiFinishEvent, type FlowFocusEvent as FlowUiFocusEvent, FlowUiFormGroup, FlowUiGauge, type FlowHideEvent as FlowUiHideEvent, type FlowHoverEvent as FlowUiHoverEvent, FlowUiIcon, FlowUiIconButton, type FlowInitialFocusEvent as FlowUiInitialFocusEvent, FlowUiInput, type FlowInputEvent as FlowUiInputEvent, type FlowInvalidEvent as FlowUiInvalidEvent, type FlowLazyChangeEvent as FlowUiLazyChangeEvent, type FlowLazyLoadEvent as FlowUiLazyLoadEvent, FlowUiList, FlowUiListItem, type FlowLoadEvent as FlowUiLoadEvent, FlowUiMap, type FlowMapLoadEvent as FlowUiMapLoadEvent, FlowUiMenu, FlowUiMenuItem, FlowUiMenuLabel, type FlowMutationEvent as FlowUiMutationEvent, FlowUiMutationObserver, FlowUiOption, FlowUiPanel, FlowUiPanelHeader, type FlowPanelToggleEvent as FlowUiPanelToggleEvent, FlowUiPopup, FlowUiProgressBar, FlowUiProgressRing, FlowUiQueryBuilder, FlowUiRadio, FlowUiRadioGroup, FlowUiRange, type FlowRemoveEvent as FlowUiRemoveEvent, type FlowRepositionEvent as FlowUiRepositionEvent, type FlowRequestCloseEvent as FlowUiRequestCloseEvent, type FlowResizeEvent as FlowUiResizeEvent, FlowUiResizeObserver, FlowUiScrollView, FlowUiSelect, type FlowSelectEvent as FlowUiSelectEvent, type FlowShowEvent as FlowUiShowEvent, type FlowSlideChange as FlowUiSlideChange, FlowUiSpinner, FlowUiSplitView, FlowUiSplitViewDivider, FlowUiSplitViewPane, FlowUiSplitViewToggleButton, type FlowStartEvent as FlowUiStartEvent, FlowUiStepper, FlowUiStepperPanel, FlowUiSwitch, FlowUiTab, FlowUiTabGroup, type FlowTabHideEvent as FlowUiTabHideEvent, FlowUiTabPanel, type FlowTabShowEvent as FlowUiTabShowEvent, FlowUiTag, FlowUiTextarea, FlowUiTimer, FlowUiToolButton, FlowUiToolButtonGroup, FlowUiTooltip, FlowUiTree, FlowUiTreeItem, FlowUiVisuallyHidden, JavaScriptFilterError, type JavaScriptFilterFn, LocalizeController, type NumberColorMapperField, type NumberColorStopOptions, type SelectColorMapperField, type SelectColorStopOptions, type StringColorMapperField, type StringColorStopOptions, type Translation, addIcons, colorMapperValueToMaplibreExpression, countRuleSet, escapeMaplibreString, filterRuleSet, converter$2 as flowQueryConverter, getAnimationNames, getEasingNames, initialize, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, converter$1 as javascriptFilterConverter, converter as mapLayerFilterConverter, registerChartComponent, registerComponents, registerIconLibrary, registerTranslation, renameRuleSetFields, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };
+export { type BaseColorMapperField, type BaseColorStopOptions, type ColorMapperField, type ColorMapperOptions, type ColorMapperValue, type ColorStopOptions, type ColorStopValue, type FlowQueryBuilderConfig, type FlowQueryBuilderConverter, type FlowQueryBuilderConverterOptions, type FlowQueryBuilderDateField, type FlowQueryBuilderDateTimeField, type FlowQueryBuilderDateTimeFieldBase, type FlowQueryBuilderField, type FlowQueryBuilderFieldBase, type FlowQueryBuilderFieldDefinition, type FlowQueryBuilderFieldMap, type FlowQueryBuilderFieldType, type FlowQueryBuilderFieldTypeMap, type FlowQueryBuilderNumberField, type FlowQueryBuilderOption, type FlowQueryBuilderRule, type FlowQueryBuilderRuleSet, type FlowQueryBuilderSelectField, type FlowQueryBuilderStringField, type FlowQueryBuilderTemplateFn, type FlowQueryBuilderTimeField, type FlowAfterCollapseEvent as FlowUiAfterCollapseEvent, type FlowAfterExpandEvent as FlowUiAfterExpandEvent, type FlowAfterHideEvent as FlowUiAfterHideEvent, type FlowAfterShowEvent as FlowUiAfterShowEvent, FlowUiAlert, FlowUiAnimation, type FlowApplyEvent as FlowUiApplyEvent, FlowUiAvatar, FlowUiBadge, FlowUiBaseControl, type FlowBlurEvent as FlowUiBlurEvent, FlowUiBreadcrumb, FlowUiBreadcrumbItem, FlowUiBusyOverlay, FlowUiButton, FlowUiButtonGroup, FlowUiCalendar, type FlowCancelEvent as FlowUiCancelEvent, FlowUiCard, FlowUiCarousel, FlowUiCarouselItem, type FlowChangeEvent as FlowUiChangeEvent, FlowUiChart, FlowUiCheckbox, FlowUiCheckboxGroup, type FlowClearEvent as FlowUiClearEvent, type FlowCloseEvent as FlowUiCloseEvent, type FlowCollapseEvent as FlowUiCollapseEvent, type FlowCollapseTreeEvent as FlowUiCollapseSplitViewEvent, FlowUiColorMapper, FlowUiColorPicker, FlowUiColorStop, FlowUiDateTimePicker, FlowUiDetails, FlowUiDialog, FlowUiDivider, type FlowDragDropEvent as FlowUiDragDrop, type FlowDragEndEvent as FlowUiDragEndEvent, type FlowDragEvent as FlowUiDragEvent, type FlowDragOverEvent as FlowUiDragOverEvent, type FlowDragStartEvent as FlowUiDragStartEvent, FlowUiDrawer, FlowUiDropdown, type FlowErrorEvent as FlowUiErrorEvent, type FlowExpandEvent as FlowUiExpandEvent, type FlowExpandTreeEvent as FlowUiExpandSplitViewEvent, type FlowFinishEvent as FlowUiFinishEvent, type FlowFocusEvent as FlowUiFocusEvent, FlowUiFormGroup, FlowUiGauge, type FlowHideEvent as FlowUiHideEvent, type FlowHoverEvent as FlowUiHoverEvent, FlowUiIcon, FlowUiIconButton, type FlowInitialFocusEvent as FlowUiInitialFocusEvent, FlowUiInput, type FlowInputEvent as FlowUiInputEvent, type FlowInvalidEvent as FlowUiInvalidEvent, type FlowLazyChangeEvent as FlowUiLazyChangeEvent, type FlowLazyLoadEvent as FlowUiLazyLoadEvent, FlowUiList, FlowUiListItem, type FlowLoadEvent as FlowUiLoadEvent, FlowUiMap, type FlowMapLoadEvent as FlowUiMapLoadEvent, FlowUiMenu, FlowUiMenuItem, FlowUiMenuLabel, type FlowMutationEvent as FlowUiMutationEvent, FlowUiMutationObserver, FlowUiOption, FlowUiPanel, FlowUiPanelHeader, type FlowPanelToggleEvent as FlowUiPanelToggleEvent, FlowUiPopup, FlowUiProgressBar, FlowUiProgressRing, FlowUiQueryBuilder, FlowUiRadio, FlowUiRadioGroup, FlowUiRange, type FlowRemoveEvent as FlowUiRemoveEvent, type FlowRepositionEvent as FlowUiRepositionEvent, type FlowRequestCloseEvent as FlowUiRequestCloseEvent, type FlowResizeEvent as FlowUiResizeEvent, FlowUiResizeObserver, FlowUiScrollView, FlowUiSelect, type FlowSelectEvent as FlowUiSelectEvent, type FlowShowEvent as FlowUiShowEvent, type FlowSlideChange as FlowUiSlideChange, FlowUiSplitView, FlowUiSplitViewDivider, FlowUiSplitViewPane, FlowUiSplitViewToggleButton, type FlowStartEvent as FlowUiStartEvent, FlowUiStepper, FlowUiStepperPanel, FlowUiSwitch, FlowUiTab, FlowUiTabGroup, type FlowTabHideEvent as FlowUiTabHideEvent, FlowUiTabPanel, type FlowTabShowEvent as FlowUiTabShowEvent, FlowUiTag, FlowUiTextarea, FlowUiTimer, FlowUiToolButton, FlowUiToolButtonGroup, FlowUiTooltip, FlowUiTree, FlowUiTreeItem, FlowUiVisuallyHidden, JavaScriptFilterError, type JavaScriptFilterFn, LocalizeController, type NumberColorMapperField, type NumberColorStopOptions, type SelectColorMapperField, type SelectColorStopOptions, type StringColorMapperField, type StringColorStopOptions, type Translation, addIcons, colorMapperValueToMaplibreExpression, countRuleSet, escapeMaplibreString, filterRuleSet, converter$2 as flowQueryConverter, getAnimationNames, getEasingNames, initialize, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, converter$1 as javascriptFilterConverter, converter as mapLayerFilterConverter, registerChartComponent, registerComponents, registerIconLibrary, registerTranslation, renameRuleSetFields, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };

package/dist/index.d.ts

@@ -2162,6 +2162,80 @@ declare global {
     }
 }
 
+/**
+ * @tagname flow-ui-progress-ring
+ * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
+ *
+ * @slot label - A label to show inside the ring.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The progress ring label.
+ *
+ * @cssproperty --size - The diameter of the progress ring (cannot be a percentage).
+ * @cssproperty --track-width - The width of the track.
+ * @cssproperty --track-color - The color of the track.
+ * @cssproperty --indicator-width - The width of the indicator. Defaults to the track width.
+ * @cssproperty --indicator-color - The color of the indicator.
+ * @cssproperty --indicator-transition-duration - The duration of the indicator's transition when the value changes.
+ */
+declare class FlowUiProgressRing extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private readonly localize;
+    /** A custom label for assistive devices. */
+    label: string;
+    /** The current progress as a percentage, 0 to 100. */
+    value: number;
+    /** If the progress animation is indeterminate */
+    indeterminate: boolean;
+    /** The progress ring's theme variant */
+    variant: 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger';
+    /** The progress ring's size */
+    size: 'small' | 'medium' | 'large';
+    connectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-progress-ring': FlowUiProgressRing;
+    }
+}
+
+/**
+ * @tagname flow-ui-busy-overlay
+ * @summary Busy overlay is used to indicate that a component which displays data is being currently updated.
+ *
+ * @dependency flow-ui-progress-ring
+ *
+ * @slot - The component to overlay with when busy.
+ * @slot busy-animation - The indeterminate custom loading animation to display when busy.
+ *
+ * @cssproperty --transition-delay - The delay after which the overlay is shown.
+ * @cssproperty --transition-duration - The duration of the overlay's fade-in/out transition.
+ * @cssproperty --progress-ring-size - The size of the default progress ring loading animation.
+ * @cssproperty --progress-ring-track-width - The width of the default progress ring's track.
+ * @cssproperty --progress-ring-track-color - The color of the default progress ring's track.
+ * @cssproperty --overlay-background-color - The background color of the overlay.
+ */
+declare class FlowUiBusyOverlay extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    busy: boolean;
+    /** The default loading animation's theme variant. */
+    variant: 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger';
+    /** Size of the loading animation */
+    size: 'small' | 'medium' | 'large';
+    /** To overlay the parent element */
+    overlayParent: boolean;
+    connectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-busy-overlay': FlowUiBusyOverlay;
+    }
+}
+
 /**
  * @tagname flow-ui-button-group
  * @summary Button groups can be used to group related buttons into sections.
@@ -2200,36 +2274,11 @@ declare global {
 }
 
 /**
- * @tagname flow-ui-spinner
- * @summary Spinners are used to show the progress of an indeterminate operation.
- *
- * @csspart base - The component's base wrapper.
- *
- * @cssproperty --track-width - The width of the track.
- * @cssproperty --track-color - The color of the track.
- * @cssproperty --indicator-color - The color of the spinner's indicator.
- * @cssproperty --speed - The time it takes for the spinner to complete one animation cycle.
- */
-declare class FlowUiSpinner extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-spinner': FlowUiSpinner;
-    }
-}
-
-/**
-
- *
  * @tagname flow-ui-button
  * @summary Buttons represent actions that are available to the user.
  *
  * @dependency flow-ui-icon
- * @dependency flow-ui-spinner
+ * @dependency flow-ui-progress-ring
  *
  * @event flow-ui-blur - Emitted when the button loses focus.
  * @event flow-ui-focus - Emitted when the button gains focus.
@@ -4862,20 +4911,21 @@ declare global {
  * @csspart indicator - The progress bar's indicator.
  * @csspart label - The progress bar's label.
  *
- * @cssproperty --height - The progress bar's height.
+ * @cssproperty --track-height - The progress bar's thickness (same as the indicator's thickness).
  * @cssproperty --track-color - The color of the track.
  * @cssproperty --indicator-color - The color of the indicator.
- * @cssproperty --label-color - The color of the label.
  */
 declare class FlowUiProgressBar extends FlowRdfElement {
     static styles: CSSResultGroup;
     private readonly localize;
+    /** A custom label for assistive devices. */
+    label: string;
     /** The current progress as a percentage, 0 to 100. */
     value: number;
     /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
     indeterminate: boolean;
-    /** A custom label for assistive devices. */
-    label: string;
+    /** The progress bar's theme variant */
+    variant: 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger';
     connectedCallback(): void;
     render(): lit_html.TemplateResult<1>;
 }
@@ -4886,41 +4936,6 @@ declare global {
     }
 }
 
-/**
- * @tagname flow-ui-progress-ring
- * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
- *
- * @slot - A label to show inside the ring.
- *
- * @csspart base - The component's base wrapper.
- * @csspart label - The progress ring label.
- *
- * @cssproperty --size - The diameter of the progress ring (cannot be a percentage).
- * @cssproperty --track-width - The width of the track.
- * @cssproperty --track-color - The color of the track.
- * @cssproperty --indicator-width - The width of the indicator. Defaults to the track width.
- * @cssproperty --indicator-color - The color of the indicator.
- * @cssproperty --indicator-transition-duration - The duration of the indicator's transition when the value changes.
- */
-declare class FlowUiProgressRing extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    indicator: SVGCircleElement;
-    indicatorOffset: string;
-    /** The current progress as a percentage, 0 to 100. */
-    value: number;
-    /** A custom label for assistive devices. */
-    label: string;
-    updated(changedProps: Map<string, unknown>): void;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-progress-ring': FlowUiProgressRing;
-    }
-}
-
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-query-builder': FlowUiQueryBuilder;
@@ -6269,7 +6284,7 @@ declare global {
  *
  * @dependency flow-ui-checkbox
  * @dependency flow-ui-icon
- * @dependency flow-ui-spinner
+ * @dependency flow-ui-progress-ring
  *
  * @event flow-ui-expand - Emitted when the tree item expands.
  * @event flow-ui-after-expand - Emitted after the tree item expands and all animations are complete.
@@ -6473,4 +6488,4 @@ declare global {
     }
 }
 
-export { type BaseColorMapperField, type BaseColorStopOptions, type ColorMapperField, type ColorMapperOptions, type ColorMapperValue, type ColorStopOptions, type ColorStopValue, type FlowQueryBuilderConfig, type FlowQueryBuilderConverter, type FlowQueryBuilderConverterOptions, type FlowQueryBuilderDateField, type FlowQueryBuilderDateTimeField, type FlowQueryBuilderDateTimeFieldBase, type FlowQueryBuilderField, type FlowQueryBuilderFieldBase, type FlowQueryBuilderFieldDefinition, type FlowQueryBuilderFieldMap, type FlowQueryBuilderFieldType, type FlowQueryBuilderFieldTypeMap, type FlowQueryBuilderNumberField, type FlowQueryBuilderOption, type FlowQueryBuilderRule, type FlowQueryBuilderRuleSet, type FlowQueryBuilderSelectField, type FlowQueryBuilderStringField, type FlowQueryBuilderTemplateFn, type FlowQueryBuilderTimeField, type FlowAfterCollapseEvent as FlowUiAfterCollapseEvent, type FlowAfterExpandEvent as FlowUiAfterExpandEvent, type FlowAfterHideEvent as FlowUiAfterHideEvent, type FlowAfterShowEvent as FlowUiAfterShowEvent, FlowUiAlert, FlowUiAnimation, type FlowApplyEvent as FlowUiApplyEvent, FlowUiAvatar, FlowUiBadge, FlowUiBaseControl, type FlowBlurEvent as FlowUiBlurEvent, FlowUiBreadcrumb, FlowUiBreadcrumbItem, FlowUiButton, FlowUiButtonGroup, FlowUiCalendar, type FlowCancelEvent as FlowUiCancelEvent, FlowUiCard, FlowUiCarousel, FlowUiCarouselItem, type FlowChangeEvent as FlowUiChangeEvent, FlowUiChart, FlowUiCheckbox, FlowUiCheckboxGroup, type FlowClearEvent as FlowUiClearEvent, type FlowCloseEvent as FlowUiCloseEvent, type FlowCollapseEvent as FlowUiCollapseEvent, type FlowCollapseTreeEvent as FlowUiCollapseSplitViewEvent, FlowUiColorMapper, FlowUiColorPicker, FlowUiColorStop, FlowUiDateTimePicker, FlowUiDetails, FlowUiDialog, FlowUiDivider, type FlowDragDropEvent as FlowUiDragDrop, type FlowDragEndEvent as FlowUiDragEndEvent, type FlowDragEvent as FlowUiDragEvent, type FlowDragOverEvent as FlowUiDragOverEvent, type FlowDragStartEvent as FlowUiDragStartEvent, FlowUiDrawer, FlowUiDropdown, type FlowErrorEvent as FlowUiErrorEvent, type FlowExpandEvent as FlowUiExpandEvent, type FlowExpandTreeEvent as FlowUiExpandSplitViewEvent, type FlowFinishEvent as FlowUiFinishEvent, type FlowFocusEvent as FlowUiFocusEvent, FlowUiFormGroup, FlowUiGauge, type FlowHideEvent as FlowUiHideEvent, type FlowHoverEvent as FlowUiHoverEvent, FlowUiIcon, FlowUiIconButton, type FlowInitialFocusEvent as FlowUiInitialFocusEvent, FlowUiInput, type FlowInputEvent as FlowUiInputEvent, type FlowInvalidEvent as FlowUiInvalidEvent, type FlowLazyChangeEvent as FlowUiLazyChangeEvent, type FlowLazyLoadEvent as FlowUiLazyLoadEvent, FlowUiList, FlowUiListItem, type FlowLoadEvent as FlowUiLoadEvent, FlowUiMap, type FlowMapLoadEvent as FlowUiMapLoadEvent, FlowUiMenu, FlowUiMenuItem, FlowUiMenuLabel, type FlowMutationEvent as FlowUiMutationEvent, FlowUiMutationObserver, FlowUiOption, FlowUiPanel, FlowUiPanelHeader, type FlowPanelToggleEvent as FlowUiPanelToggleEvent, FlowUiPopup, FlowUiProgressBar, FlowUiProgressRing, FlowUiQueryBuilder, FlowUiRadio, FlowUiRadioGroup, FlowUiRange, type FlowRemoveEvent as FlowUiRemoveEvent, type FlowRepositionEvent as FlowUiRepositionEvent, type FlowRequestCloseEvent as FlowUiRequestCloseEvent, type FlowResizeEvent as FlowUiResizeEvent, FlowUiResizeObserver, FlowUiScrollView, FlowUiSelect, type FlowSelectEvent as FlowUiSelectEvent, type FlowShowEvent as FlowUiShowEvent, type FlowSlideChange as FlowUiSlideChange, FlowUiSpinner, FlowUiSplitView, FlowUiSplitViewDivider, FlowUiSplitViewPane, FlowUiSplitViewToggleButton, type FlowStartEvent as FlowUiStartEvent, FlowUiStepper, FlowUiStepperPanel, FlowUiSwitch, FlowUiTab, FlowUiTabGroup, type FlowTabHideEvent as FlowUiTabHideEvent, FlowUiTabPanel, type FlowTabShowEvent as FlowUiTabShowEvent, FlowUiTag, FlowUiTextarea, FlowUiTimer, FlowUiToolButton, FlowUiToolButtonGroup, FlowUiTooltip, FlowUiTree, FlowUiTreeItem, FlowUiVisuallyHidden, JavaScriptFilterError, type JavaScriptFilterFn, LocalizeController, type NumberColorMapperField, type NumberColorStopOptions, type SelectColorMapperField, type SelectColorStopOptions, type StringColorMapperField, type StringColorStopOptions, type Translation, addIcons, colorMapperValueToMaplibreExpression, countRuleSet, escapeMaplibreString, filterRuleSet, converter$2 as flowQueryConverter, getAnimationNames, getEasingNames, initialize, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, converter$1 as javascriptFilterConverter, converter as mapLayerFilterConverter, registerChartComponent, registerComponents, registerIconLibrary, registerTranslation, renameRuleSetFields, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };
+export { type BaseColorMapperField, type BaseColorStopOptions, type ColorMapperField, type ColorMapperOptions, type ColorMapperValue, type ColorStopOptions, type ColorStopValue, type FlowQueryBuilderConfig, type FlowQueryBuilderConverter, type FlowQueryBuilderConverterOptions, type FlowQueryBuilderDateField, type FlowQueryBuilderDateTimeField, type FlowQueryBuilderDateTimeFieldBase, type FlowQueryBuilderField, type FlowQueryBuilderFieldBase, type FlowQueryBuilderFieldDefinition, type FlowQueryBuilderFieldMap, type FlowQueryBuilderFieldType, type FlowQueryBuilderFieldTypeMap, type FlowQueryBuilderNumberField, type FlowQueryBuilderOption, type FlowQueryBuilderRule, type FlowQueryBuilderRuleSet, type FlowQueryBuilderSelectField, type FlowQueryBuilderStringField, type FlowQueryBuilderTemplateFn, type FlowQueryBuilderTimeField, type FlowAfterCollapseEvent as FlowUiAfterCollapseEvent, type FlowAfterExpandEvent as FlowUiAfterExpandEvent, type FlowAfterHideEvent as FlowUiAfterHideEvent, type FlowAfterShowEvent as FlowUiAfterShowEvent, FlowUiAlert, FlowUiAnimation, type FlowApplyEvent as FlowUiApplyEvent, FlowUiAvatar, FlowUiBadge, FlowUiBaseControl, type FlowBlurEvent as FlowUiBlurEvent, FlowUiBreadcrumb, FlowUiBreadcrumbItem, FlowUiBusyOverlay, FlowUiButton, FlowUiButtonGroup, FlowUiCalendar, type FlowCancelEvent as FlowUiCancelEvent, FlowUiCard, FlowUiCarousel, FlowUiCarouselItem, type FlowChangeEvent as FlowUiChangeEvent, FlowUiChart, FlowUiCheckbox, FlowUiCheckboxGroup, type FlowClearEvent as FlowUiClearEvent, type FlowCloseEvent as FlowUiCloseEvent, type FlowCollapseEvent as FlowUiCollapseEvent, type FlowCollapseTreeEvent as FlowUiCollapseSplitViewEvent, FlowUiColorMapper, FlowUiColorPicker, FlowUiColorStop, FlowUiDateTimePicker, FlowUiDetails, FlowUiDialog, FlowUiDivider, type FlowDragDropEvent as FlowUiDragDrop, type FlowDragEndEvent as FlowUiDragEndEvent, type FlowDragEvent as FlowUiDragEvent, type FlowDragOverEvent as FlowUiDragOverEvent, type FlowDragStartEvent as FlowUiDragStartEvent, FlowUiDrawer, FlowUiDropdown, type FlowErrorEvent as FlowUiErrorEvent, type FlowExpandEvent as FlowUiExpandEvent, type FlowExpandTreeEvent as FlowUiExpandSplitViewEvent, type FlowFinishEvent as FlowUiFinishEvent, type FlowFocusEvent as FlowUiFocusEvent, FlowUiFormGroup, FlowUiGauge, type FlowHideEvent as FlowUiHideEvent, type FlowHoverEvent as FlowUiHoverEvent, FlowUiIcon, FlowUiIconButton, type FlowInitialFocusEvent as FlowUiInitialFocusEvent, FlowUiInput, type FlowInputEvent as FlowUiInputEvent, type FlowInvalidEvent as FlowUiInvalidEvent, type FlowLazyChangeEvent as FlowUiLazyChangeEvent, type FlowLazyLoadEvent as FlowUiLazyLoadEvent, FlowUiList, FlowUiListItem, type FlowLoadEvent as FlowUiLoadEvent, FlowUiMap, type FlowMapLoadEvent as FlowUiMapLoadEvent, FlowUiMenu, FlowUiMenuItem, FlowUiMenuLabel, type FlowMutationEvent as FlowUiMutationEvent, FlowUiMutationObserver, FlowUiOption, FlowUiPanel, FlowUiPanelHeader, type FlowPanelToggleEvent as FlowUiPanelToggleEvent, FlowUiPopup, FlowUiProgressBar, FlowUiProgressRing, FlowUiQueryBuilder, FlowUiRadio, FlowUiRadioGroup, FlowUiRange, type FlowRemoveEvent as FlowUiRemoveEvent, type FlowRepositionEvent as FlowUiRepositionEvent, type FlowRequestCloseEvent as FlowUiRequestCloseEvent, type FlowResizeEvent as FlowUiResizeEvent, FlowUiResizeObserver, FlowUiScrollView, FlowUiSelect, type FlowSelectEvent as FlowUiSelectEvent, type FlowShowEvent as FlowUiShowEvent, type FlowSlideChange as FlowUiSlideChange, FlowUiSplitView, FlowUiSplitViewDivider, FlowUiSplitViewPane, FlowUiSplitViewToggleButton, type FlowStartEvent as FlowUiStartEvent, FlowUiStepper, FlowUiStepperPanel, FlowUiSwitch, FlowUiTab, FlowUiTabGroup, type FlowTabHideEvent as FlowUiTabHideEvent, FlowUiTabPanel, type FlowTabShowEvent as FlowUiTabShowEvent, FlowUiTag, FlowUiTextarea, FlowUiTimer, FlowUiToolButton, FlowUiToolButtonGroup, FlowUiTooltip, FlowUiTree, FlowUiTreeItem, FlowUiVisuallyHidden, JavaScriptFilterError, type JavaScriptFilterFn, LocalizeController, type NumberColorMapperField, type NumberColorStopOptions, type SelectColorMapperField, type SelectColorStopOptions, type StringColorMapperField, type StringColorStopOptions, type Translation, addIcons, colorMapperValueToMaplibreExpression, countRuleSet, escapeMaplibreString, filterRuleSet, converter$2 as flowQueryConverter, getAnimationNames, getEasingNames, initialize, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, converter$1 as javascriptFilterConverter, converter as mapLayerFilterConverter, registerChartComponent, registerComponents, registerIconLibrary, registerTranslation, renameRuleSetFields, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };

package/dist/index.mjs

@@ -6,6 +6,7 @@ export { default as FlowUiBadge } from './components/badge/badge.component.mjs';
 export { default as FlowUiBaseControl } from './components/base-control/base-control.component.mjs';
 export { default as FlowUiBreadcrumbItem } from './components/breadcrumb-item/breadcrumb-item.component.mjs';
 export { default as FlowUiBreadcrumb } from './components/breadcrumb/breadcrumb.component.mjs';
+export { default as FlowUiBusyOverlay } from './components/busy-overlay/busy-overlay.component.mjs';
 export { default as FlowUiButtonGroup } from './components/button-group/button-group.component.mjs';
 export { default as FlowUiButton } from './components/button/button.component.mjs';
 export { default as FlowUiCalendar } from './components/calendar/calendar.component.mjs';
@@ -49,7 +50,6 @@ export { default as FlowUiRange } from './components/range/range.component.mjs';
 export { default as FlowUiResizeObserver } from './components/resize-observer/resize-observer.component.mjs';
 export { default as FlowUiScrollView } from './components/scroll-view/scroll-view.component.mjs';
 export { default as FlowUiSelect } from './components/select/select.component.mjs';
-export { default as FlowUiSpinner } from './components/spinner/spinner.component.mjs';
 export { default as FlowUiSplitViewDivider } from './components/split-view-divider/split-view-divider.component.mjs';
 export { default as FlowUiSplitViewPane } from './components/split-view-pane/split-view-pane.component.mjs';
 export { default as FlowUiSplitViewToggleButton } from './components/split-view-toggle-button/split-view-toggle-button.component.mjs';

package/dist/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "4.1.0";
+const version = "4.1.1";
 
 export { version };

package/dist/utilities/register-components.mjs

@@ -5,6 +5,7 @@ import FlowUiBadge from '../components/badge/badge.component.mjs';
 import FlowUiBaseControl from '../components/base-control/base-control.component.mjs';
 import FlowUiBreadcrumbItem from '../components/breadcrumb-item/breadcrumb-item.component.mjs';
 import FlowUiBreadcrumb from '../components/breadcrumb/breadcrumb.component.mjs';
+import FlowUiBusyOverlay from '../components/busy-overlay/busy-overlay.component.mjs';
 import FlowUiButtonGroup from '../components/button-group/button-group.component.mjs';
 import FlowUiButton from '../components/button/button.component.mjs';
 import FlowUiCalendar from '../components/calendar/calendar.component.mjs';
@@ -48,7 +49,6 @@ import FlowUiRange from '../components/range/range.component.mjs';
 import FlowUiResizeObserver from '../components/resize-observer/resize-observer.component.mjs';
 import FlowUiScrollView from '../components/scroll-view/scroll-view.component.mjs';
 import FlowUiSelect from '../components/select/select.component.mjs';
-import FlowUiSpinner from '../components/spinner/spinner.component.mjs';
 import FlowUiSplitViewDivider from '../components/split-view-divider/split-view-divider.component.mjs';
 import FlowUiSplitViewPane from '../components/split-view-pane/split-view-pane.component.mjs';
 import FlowUiSplitViewToggleButton from '../components/split-view-toggle-button/split-view-toggle-button.component.mjs';
@@ -77,6 +77,7 @@ async function registerComponents() {
   FlowUiBaseControl.define("flow-ui-base-control");
   FlowUiBreadcrumbItem.define("flow-ui-breadcrumb-item");
   FlowUiBreadcrumb.define("flow-ui-breadcrumb");
+  FlowUiBusyOverlay.define("flow-ui-busy-overlay");
   FlowUiButtonGroup.define("flow-ui-button-group");
   FlowUiButton.define("flow-ui-button");
   FlowUiCalendar.define("flow-ui-calendar");
@@ -121,7 +122,6 @@ async function registerComponents() {
   FlowUiResizeObserver.define("flow-ui-resize-observer");
   FlowUiScrollView.define("flow-ui-scroll-view");
   FlowUiSelect.define("flow-ui-select");
-  FlowUiSpinner.define("flow-ui-spinner");
   FlowUiSplitViewDivider.define("flow-ui-split-view-divider");
   FlowUiSplitViewPane.define("flow-ui-split-view-pane");
   FlowUiSplitViewToggleButton.define("flow-ui-split-view-toggle-button");