@emuanalytics/flow-rdf-ui 0.0.27 → 0.0.29

package/dist/index.d.cts

@@ -424,10 +424,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-alert
  * @summary Alerts are used to display important messages inline or as toast notifications.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/alert
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon-button
  *
@@ -487,6 +485,7 @@ declare class FlowAlert extends FlowRdfElement {
     toast(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-alert': FlowAlert;
@@ -495,7 +494,7 @@ declare global {
 
 /**
  * @summary Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/animation
+ * @documentation https://shoelace.style/components/animation
  * @status stable
  * @since 2.0
  *
@@ -506,7 +505,7 @@ declare global {
  * @slot - 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.
  */
-declare class FlowAnimation extends FlowRdfElement {
+declare class SlAnimation extends FlowRdfElement {
     static styles: CSSResultGroup;
     private animation?;
     private hasStarted;
@@ -528,7 +527,7 @@ declare class FlowAnimation extends FlowRdfElement {
     /** The number of milliseconds each iteration of the animation takes to complete. */
     duration: number;
     /**
-     * The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function
+     * The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function
      * such as `cubic-bezier(0, 1, .76, 1.14)`.
      */
     easing: string;
@@ -549,7 +548,7 @@ declare class FlowAnimation extends FlowRdfElement {
      */
     playbackRate: number;
     /** Gets and sets the current animation time. */
-    get currentTime(): number;
+    get currentTime(): CSSNumberish;
     set currentTime(time: number);
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -567,9 +566,10 @@ declare class FlowAnimation extends FlowRdfElement {
     finish(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-animation': FlowAnimation;
+        'flow-ui-animation': SlAnimation;
     }
 }
 
@@ -1185,6 +1185,7 @@ declare global {
  */
 declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl {
     static styles: CSSResultGroup;
+    private readonly hasSlotController;
     private readonly formControlController;
     input: HTMLInputElement;
     private hasFocus;
@@ -1300,15 +1301,6 @@ declare global {
     }
 }
 
-type FlowSelectEvent = CustomEvent<{
-    item: FlowMenuItem;
-}>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'flow-ui-select': FlowSelectEvent;
-    }
-}
-
 /**
  * @summary Menus provide a list of options for the user to choose from.
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu
@@ -1349,8 +1341,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-dropdown
  * @summary Dropdowns expose additional content that "drops down" in a panel.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/dropdown
+ * @documentation https://shoelace.style/components/dropdown
  * @status stable
  * @since 2.0
  *
@@ -1364,19 +1357,24 @@ declare global {
  * @event flow-ui-hide - Emitted when the dropdown closes.
  * @event flow-ui-after-hide - Emitted after the dropdown closes and all animations are complete.
  *
- * @csspart base - The component's base wrapper.
+ * @csspart base - The component's base wrapper, an `<flow-ui-popup>` element.
+ * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.
  * @csspart trigger - The container that wraps the trigger.
  * @csspart panel - The panel that gets shown when the dropdown is open.
  *
  * @animation dropdown.show - The animation to use when showing the dropdown.
  * @animation dropdown.hide - The animation to use when hiding the dropdown.
  */
-declare class FlowDropdown extends FlowRdfElement {
+declare class SlDropdown extends FlowRdfElement {
     static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-ui-popup': typeof SlPopup;
+    };
     popup: SlPopup;
     trigger: HTMLSlotElement;
     panel: HTMLSlotElement;
     private readonly localize;
+    private closeWatcher;
     /**
      * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
      * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.
@@ -1403,28 +1401,26 @@ declare class FlowDropdown extends FlowRdfElement {
     distance: number;
     /** The distance in pixels from which to offset the panel along its trigger. */
     skidding: number;
-    /**
-     * Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
-     * `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
-     * `::part(arrow)` in your stylesheet.
-     */
-    arrow: boolean;
     /**
      * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
      * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
      */
     hoist: boolean;
+    /**
+     * Syncs the popup width or height to that of the trigger element.
+     */
+    sync: 'width' | 'height' | 'both' | undefined;
     connectedCallback(): void;
     firstUpdated(): void;
     disconnectedCallback(): void;
     focusOnTrigger(): void;
     getMenu(): FlowMenu | undefined;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleDocumentKeyDown(event: KeyboardEvent): void;
-    handleDocumentMouseDown(event: MouseEvent): void;
-    handlePanelSelect(event: FlowSelectEvent): void;
+    private handleKeyDown;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handlePanelSelect;
     handleTriggerClick(): void;
-    handleTriggerKeyDown(event: KeyboardEvent): void;
+    handleTriggerKeyDown(event: KeyboardEvent): Promise<void>;
     handleTriggerKeyUp(event: KeyboardEvent): void;
     handleTriggerSlotChange(): void;
     updateAccessibleTrigger(): void;
@@ -1445,11 +1441,12 @@ declare class FlowDropdown extends FlowRdfElement {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-dropdown': FlowDropdown;
+        'flow-ui-dropdown': SlDropdown;
     }
 }
 
 /**
+ * @tagname flow-ui-input
  * @summary Inputs collect data from the user.
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input
  * @status stable
@@ -1617,6 +1614,7 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-input': FlowInput;
@@ -1702,7 +1700,7 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
     private readonly localize;
     base: HTMLElement;
     input: FlowInput;
-    dropdown: FlowDropdown;
+    dropdown: SlDropdown;
     previewButton: HTMLButtonElement;
     trigger: HTMLButtonElement;
     private hasFocus;
@@ -2367,10 +2365,13 @@ declare global {
  * @tagname flow-ui-number-stepper
  * @summary Number steppers are specialized input fields for selecting numbers.
  */
-declare class FlowNumberStepper extends FlowRdfElement {
+declare class FlowNumberStepper extends FlowRdfElement implements FlowRdfFormControl {
     static styles: CSSResultGroup;
+    private readonly formControlController;
     private _input;
     private _formatter;
+    /** The name of the input, submitted as a name/value pair with form data. */
+    name: string;
     value: number | '';
     step: number;
     min: number;
@@ -2378,11 +2379,24 @@ declare class FlowNumberStepper extends FlowRdfElement {
     format: string;
     size: 'small' | 'medium' | 'large';
     placeholder: string;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+    checkValidity(): boolean;
+    /** Gets the associated form, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    /** Sets a custom validation message. Pass an empty string to restore validity. */
+    setCustomValidity(message: string): void;
+    firstUpdated(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     stepUp(emitEvent?: boolean): void;
     stepDown(emitEvent?: boolean): void;
-    handleValueChange(): void;
+    handleValueChange(): Promise<void>;
     handleFormatChange(): void;
     private handleInputChange;
     private clampValue;
@@ -2494,7 +2508,7 @@ declare class FlowPanelHeader extends FlowRdfElement {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'fliow-ui-panel-header': FlowPanelHeader;
+        'flow-ui-panel-header': FlowPanelHeader;
     }
 }
 
@@ -2601,6 +2615,159 @@ declare global {
     }
 }
 
+interface FlowQueryBuilderRuleSet {
+    condition: string;
+    rules: Array<FlowQueryBuilderRuleSet | FlowQueryBuilderRule>;
+}
+interface FlowQueryBuilderRule<ValueType = any> {
+    field?: string;
+    value?: ValueType;
+    operator?: string;
+    enabled?: boolean;
+}
+interface FlowQueryBuilderOption {
+    name: string;
+    value: string;
+}
+interface FlowQueryBuilderFieldMap {
+    [key: string]: FlowQueryBuilderField;
+}
+interface FlowQueryBuilderFieldBase<ValueType = any> {
+    name: string;
+    type: string;
+    value?: ValueType;
+    nullable?: boolean;
+    operators?: string[];
+    defaultValue?: ValueType | (() => ValueType);
+    defaultOperator?: string;
+    toDisplayValue?: (value: ValueType) => ValueType;
+    fromDisplayValue?: (value: ValueType) => ValueType;
+    validator?: (rule: FlowQueryBuilderRule<ValueType>) => string;
+}
+interface FlowQueryBuilderStringField extends FlowQueryBuilderFieldBase<string> {
+    type: 'string';
+}
+interface FlowQueryBuilderNumberField extends FlowQueryBuilderFieldBase<number> {
+    type: 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+}
+interface FlowQueryBuilderDateTimeFieldBase extends FlowQueryBuilderFieldBase<string> {
+    dateFormat?: string | (() => string);
+    timezone?: string | (() => string);
+    locale?: string | (() => string);
+}
+interface FlowQueryBuilderDateTimeField extends FlowQueryBuilderDateTimeFieldBase {
+    type: 'datetime';
+}
+interface FlowQueryBuilderDateField extends FlowQueryBuilderDateTimeFieldBase {
+    type: 'date';
+}
+interface FlowQueryBuilderTimeField extends FlowQueryBuilderDateTimeFieldBase {
+    type: 'time';
+}
+interface FlowQueryBuilderSelectField extends FlowQueryBuilderFieldBase<string> {
+    type: 'select';
+    options?: FlowQueryBuilderOption[];
+}
+interface FlowQueryBuilderMultiSelectField extends FlowQueryBuilderFieldBase<string[]> {
+    type: 'multiselect';
+    options?: FlowQueryBuilderOption[];
+}
+interface FlowQueryBuilderFieldTypeMap {
+    string: FlowQueryBuilderStringField;
+    number: FlowQueryBuilderNumberField;
+    datetime: FlowQueryBuilderDateTimeField;
+    date: FlowQueryBuilderDateField;
+    time: FlowQueryBuilderTimeField;
+    select: FlowQueryBuilderSelectField;
+    multiselect: FlowQueryBuilderMultiSelectField;
+}
+type FlowQueryBuilderFieldType = keyof FlowQueryBuilderFieldTypeMap;
+type FlowQueryBuilderField = FlowQueryBuilderFieldTypeMap[keyof FlowQueryBuilderFieldTypeMap];
+type FlowQueryBuilderTemplateFn<T extends FlowQueryBuilderFieldType> = (rule: FlowQueryBuilderRule<T>, field: FlowQueryBuilderFieldTypeMap[T], qb: FlowQueryBuilder, update: () => void) => TemplateResult;
+interface FlowQueryBuilderConfig {
+    fields: FlowQueryBuilderFieldMap;
+}
+interface FlowQueryBuilderFieldDefinition<Field extends FlowQueryBuilderFieldType> {
+    operators: string[];
+    template: FlowQueryBuilderTemplateFn<Field>;
+}
+
+type NoUnion<T, U = T> = T extends U ? ([U] extends [T] ? T : never) : never;
+/**
+ * @tagname flow-ui-query-builder
+ * @summary Query builder component
+ *
+ * @event flow-ui-change - Emitted when the control's value changes.
+ */
+declare class FlowQueryBuilder extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private static fieldDefinitions;
+    /**
+     * Register a custom field definition.
+     *
+     * A field definition is used to add support for a custom field type. A field type comprises:
+     *
+     * - a field `type` string
+     * - a `template` function that returns the template for the field's value control
+     * - an array of `operators` that are valid for the field
+     *
+     * @param type
+     * @param fieldDefinition
+     */
+    static registerFieldDefinition<T extends FlowQueryBuilderFieldType>(type: T, fieldDefinition: FlowQueryBuilderFieldDefinition<NoUnion<T>>): void;
+    private readonly hasSlotController;
+    /** The query builder's value object. */
+    value: FlowQueryBuilderRuleSet;
+    /** The query builder's configuration object. */
+    config: FlowQueryBuilderConfig;
+    /** The query builder's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Disables the select control. */
+    disabled: boolean;
+    /** The query builders's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /** The query builders's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /** Display tree connector lines between query rules */
+    treeLines: boolean;
+    /** @internal */
+    subQueryBuilder: boolean;
+    private valueTemplateForRule;
+    private getDefault;
+    private handleAddRule;
+    private handleAddRuleSet;
+    /**
+     * Handles removal of a rule set (displayed by a sub-query builder) in response to a remove event.
+     *
+     * @param ev
+     * @param index
+     */
+    private handleRemoveRule;
+    private handleSubQueryValueChange;
+    private handleFieldChanged;
+    private handleOperatorChanged;
+    private handleEnabledChanged;
+    private handleConditionChange;
+    private emitValueChange;
+    private operatorsForField;
+    private defaultOperatorsForFieldType;
+    private toolbarTemplate;
+    ruleTemplate(rule: FlowQueryBuilderRule, fieldConfig: FlowQueryBuilderField | undefined, index: number): lit.TemplateResult<1>;
+    ruleValueTemplate(rule: FlowQueryBuilderRule, fieldConfig: FlowQueryBuilderField | undefined): lit.TemplateResult<1>;
+    subQueryBuilderTemplate(ruleSet: FlowQueryBuilderRuleSet, index: number): lit.TemplateResult<1>;
+    emptyRulesetTemplate(): lit.TemplateResult<1>;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-query-builder': FlowQueryBuilder;
+    }
+}
+
 interface FormControlControllerOptions {
     /** A function that returns the form containing the form control. */
     form: (input: FlowRdfFormControl) => HTMLFormElement | null;
@@ -3178,7 +3345,7 @@ declare global {
 }
 
 /**
- * @tagname flow-ui-split-divider
+ * @tagname flow-ui-split-view-divider
  * @summary Split-view dividers are used internally by split-views to create resizable areas.
  */
 declare class FlowPanelDivider extends FlowRdfElement {
@@ -3196,12 +3363,12 @@ declare class FlowPanelDivider extends FlowRdfElement {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'fliow-ui-split-view-divider': FlowPanelDivider;
+        'flow-ui-split-view-divider': FlowPanelDivider;
     }
 }
 
 /**
- * @tagname split-view-pane
+ * @tagname flow-ui-split-view-pane
  * @summary Split-view panes are used with split-views to create resizable areas.
  */
 declare class FlowSplitViewPane extends FlowRdfElement {
@@ -3376,8 +3543,8 @@ declare global {
  */
 declare class FlowStepper extends FlowRdfElement {
     static styles: CSSResultGroup;
-    bodySlot: HTMLSlotElement;
-    headerScrollContainer: HTMLDivElement;
+    private bodySlot;
+    private headerScrollContainer;
     private readonly attrId;
     private readonly componentId;
     private activePanel?;
@@ -3426,7 +3593,7 @@ declare global {
 declare class FlowSwitch extends FlowRdfElement implements FlowRdfFormControl {
     static styles: CSSResultGroup;
     private readonly formControlController;
-    input: HTMLInputElement;
+    private input;
     private hasFocus;
     title: string;
     /** The name of the switch, submitted as a name/value pair with form data. */
@@ -3792,12 +3959,70 @@ declare global {
 }
 
 /**
-
+ * The timer component is the primary time control for Flo.w time-based visualizations. The current timer value is typically bound to a reactive state property
+ * so that reactive queries and computed state will be re-evaluated when the timer changes.
+ *
+ * The timer value is an ISO8601 date/time string.
+ *
+ * The timer operates in two modes:
+ *
+ * - running - the timer is set to 'real time' and updates every second.
+ * - paused - the timer is set to a specific time and does not update automatically.
+ *
+ * Selecting a date/time with the timer step controls or the popup calendar will set the timer to paused mode.
+ * Clicking the play button switches the timer to 'real time' running mode.
+ * The mode can also be set programmatically using the `running` attribute.
+ *
+ * @tagname flow-ui-timer
+ * @summary The timer component is the primary time control for Flo.w time-based visualizations.
+ *
+ * @event flow-ui-change - Emitted when the control's value changes.
+ * @event flow-ui-input - Emitted when the control receives input.
  */
 declare class FlowTimer extends FlowRdfElement {
     static styles: CSSResultGroup;
+    private ticker;
+    private tickerSubscription;
+    private minorStepDuration;
+    private majorStepDuration;
+    private dropdown;
+    private calendar;
+    private _displayDateTime;
+    /**
+     * The value of the timer. (ISO8601 date/time string)
+     */
+    value: string;
+    /**
+     * The timezone to use for display. (IANA timezone string).
+     * If not set, the timezone will be the browser's local timezone.
+     */
+    timezone?: string;
+    /**
+     * The locale to use for display. (IETF BCP 47 language tag).
+     * If not set, the locale will be the browser's default locale.
+     */
+    locale?: string;
+    running: boolean;
+    dateFormat: string;
+    dayFormat: string;
+    timeFormat: string;
+    zoneFormat: string;
+    majorStep: string;
+    minorStep: string;
+    hideZone: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * @internal
+     */
+    updateDisplayValue(): void;
+    updateParsedSteps(): void;
+    updateRunning(): void;
+    private setDisplayDateTime;
+    private handleDateTimeKeyDown;
+    private handleCalendarChange;
+    private handlePlayPauseClicked;
+    private handleStepClicked;
     render(): lit.TemplateResult<1>;
 }
 
@@ -4112,14 +4337,19 @@ declare function escapeMaplibreString(value: string): string;
 /**
  * @tagname flow-ui-tool-button-group
  * @summary Tool buttons groups are used to build toolbars.
+ *
+ * @event flow-ui-change - Emitted when the control's value changes.
+ * @event flow-ui-input - Emitted when the control receives input.
+ *
+ *
  */
 declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormControl {
     static styles: CSSResultGroup;
+    /** @internal */
     protected readonly formControlController: FormControlController;
     private customValidityMessage;
     private validationTimeout;
-    defaultSlot: HTMLSlotElement;
-    validationInput: HTMLInputElement;
+    private validationInput;
     private errorMessage;
     /**
      * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
@@ -4162,10 +4392,15 @@ declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormC
     private handleInvalid;
     private syncButtons;
     private updateCheckedButtons;
+    /** @internal */
     handleSizeChange(): void;
+    /** @internal */
     handleOutlineChange(): void;
+    /** @internal */
     handlePillChange(): void;
+    /** @internal */
     handleValueChange(): void;
+    /** @internal */
     updateTabbableState(): void;
     /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
     checkValidity(): boolean;
@@ -4481,6 +4716,15 @@ declare global {
     }
 }
 
+type FlowSelectEvent = CustomEvent<{
+    item: FlowMenuItem;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'flow-ui-select': FlowSelectEvent;
+    }
+}
+
 type FlowSelectionChangeEvent = CustomEvent<{
     selection: FlowTreeItem[];
 }>;
@@ -4584,4 +4828,4 @@ declare function unregisterIconLibrary(name: string): void;
 declare function setDefaultLocale(locale: string): void;
 declare function setDefaultTimeZone(timeZone: string): void;
 
-export { BaseColorMapperField, BaseColorStopOptions, ColorMapperField, ColorMapperOptions, ColorMapperValue, ColorStopOptions, ColorStopValue, FlowAfterCollapseEvent, FlowAfterExpandEvent, FlowAfterHideEvent, FlowAfterShowEvent, FlowAlert, FlowAnimation, FlowAvatar, FlowBadge, FlowBlurEvent, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCancelEvent, FlowCard, FlowCarousel, FlowCarouselItem, FlowChangeEvent, FlowChart, FlowCheckbox, FlowClearEvent, FlowCloseEvent, FlowCollapseEvent, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDragEndEvent, FlowDragEvent, FlowDragStartEvent, FlowDrawer, FlowDropdown, FlowErrorEvent, FlowExpandEvent, FlowFinishEvent, FlowFocusEvent, FlowGauge, FlowHideEvent, FlowHoverEvent, FlowIcon, FlowIconButton, FlowInitialFocusEvent, FlowInput, FlowInputEvent, FlowInvalidEvent, FlowLazyChangeEvent, FlowLazyLoadEvent, FlowLoadEvent, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationEvent, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowRadio, FlowRadioGroup, FlowRange, FlowRemoveEvent, FlowRepositionEvent, FlowRequestCloseEvent, FlowResizeEvent, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSelectEvent, FlowSelectionChangeEvent, FlowShowEvent, FlowSlideChange, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStartEvent, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabHideEvent, FlowTabPanel, FlowTabShowEvent, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, NumberColorMapperField, NumberColorStopOptions, SelectColorMapperField, SelectColorStopOptions, StringColorMapperField, StringColorStopOptions, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
+export { BaseColorMapperField, BaseColorStopOptions, ColorMapperField, ColorMapperOptions, ColorMapperValue, ColorStopOptions, ColorStopValue, FlowAfterCollapseEvent, FlowAfterExpandEvent, FlowAfterHideEvent, FlowAfterShowEvent, FlowAlert, SlAnimation as FlowAnimation, FlowAvatar, FlowBadge, FlowBlurEvent, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCancelEvent, FlowCard, FlowCarousel, FlowCarouselItem, FlowChangeEvent, FlowChart, FlowCheckbox, FlowClearEvent, FlowCloseEvent, FlowCollapseEvent, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDragEndEvent, FlowDragEvent, FlowDragStartEvent, FlowDrawer, SlDropdown as FlowDropdown, FlowErrorEvent, FlowExpandEvent, FlowFinishEvent, FlowFocusEvent, FlowGauge, FlowHideEvent, FlowHoverEvent, FlowIcon, FlowIconButton, FlowInitialFocusEvent, FlowInput, FlowInputEvent, FlowInvalidEvent, FlowLazyChangeEvent, FlowLazyLoadEvent, FlowLoadEvent, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationEvent, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowQueryBuilder, FlowRadio, FlowRadioGroup, FlowRange, FlowRemoveEvent, FlowRepositionEvent, FlowRequestCloseEvent, FlowResizeEvent, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSelectEvent, FlowSelectionChangeEvent, FlowShowEvent, FlowSlideChange, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStartEvent, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabHideEvent, FlowTabPanel, FlowTabShowEvent, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, NumberColorMapperField, NumberColorStopOptions, SelectColorMapperField, SelectColorStopOptions, StringColorMapperField, StringColorStopOptions, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };