@emuanalytics/flow-rdf-ui 0.0.24 → 0.0.26

package/dist/index.d.ts

@@ -49,6 +49,8 @@ interface FlowRdfFormControl extends FlowRdfElement {
 }
 
 /**
+ *
+ *
  * @tagname flow-ui-icon
  * @summary Icons are symbols that can be used to represent various options within an application.
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/icon
@@ -83,18 +85,28 @@ declare class FlowIcon extends FlowRdfElement {
     firstUpdated(): void;
     disconnectedCallback(): void;
     private getUrl;
+    /**
+     * @internal
+     */
     handleLabelChange(): void;
+    /**
+     * @internal
+     */
     setIcon(): Promise<void>;
     render(): SVGElement | null;
 }
 
+interface VirtualElement {
+    getBoundingClientRect: () => DOMRect;
+    contextElement?: Element;
+}
 /**
  * @summary Popup is a utility that lets you declaratively anchor "popup" containers to another element.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/popup
+ * @documentation https://shoelace.style/components/popup
  * @status stable
  * @since 2.0
  *
- * @event flow-ui-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
+ * @event sl-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
  *  operations in your listener or consider debouncing it.
  *
  * @slot - The popup's content.
@@ -105,10 +117,11 @@ declare class FlowIcon extends FlowRdfElement {
  *  assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and
  *  maybe a border or box shadow.
  * @csspart popup - The popup's container. Useful for setting a background color, box shadow, etc.
+ * @csspart hover-bridge - The hover bridge element. Only available when the `hover-bridge` option is enabled.
  *
  * @cssproperty [--arrow-size=6px] - The size of the arrow. Note that an arrow won't be shown unless the `arrow`
  *  attribute is used.
- * @cssproperty [--arrow-color=var(--flow-ui-color-neutral-0)] - The color of the arrow.
+ * @cssproperty [--arrow-color=var(--sl-color-neutral-0)] - The color of the arrow.
  * @cssproperty [--auto-size-available-width] - A read-only custom property that determines the amount of width the
  *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
  *  available when using `auto-size`.
@@ -116,7 +129,7 @@ declare class FlowIcon extends FlowRdfElement {
  *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
  *  available when using `auto-size`.
  */
-declare class FlowPopup extends FlowRdfElement {
+declare class SlPopup extends FlowRdfElement {
     static styles: CSSResultGroup;
     private anchorEl;
     private cleanup;
@@ -124,10 +137,11 @@ declare class FlowPopup extends FlowRdfElement {
     popup: HTMLElement;
     private arrowEl;
     /**
-     * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a
-     * reference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.
+     * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
+     * element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
+     * `anchor` slot instead.
      */
-    anchor: Element | string;
+    anchor: Element | string | VirtualElement;
     /**
      * Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
      * down and the popup will be hidden.
@@ -211,6 +225,13 @@ declare class FlowPopup extends FlowRdfElement {
     autoSizeBoundary: Element | Element[];
     /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
     autoSizePadding: number;
+    /**
+     * When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the
+     * gap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane
+     * because the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is
+     * active.
+     */
+    hoverBridge: boolean;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     updated(changedProps: Map<string, unknown>): Promise<void>;
@@ -219,11 +240,13 @@ declare class FlowPopup extends FlowRdfElement {
     private stop;
     /** Forces the popup to recalculate and reposition itself. */
     reposition(): void;
+    private updateHoverBridge;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-popup': FlowPopup;
+        'flow-ui-popup': SlPopup;
     }
 }
 
@@ -261,7 +284,7 @@ declare class FlowTooltip extends FlowRdfElement {
     private readonly localize;
     defaultSlot: HTMLSlotElement;
     body: HTMLElement;
-    popup: FlowPopup;
+    popup: SlPopup;
     /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
     content: string;
     /**
@@ -880,17 +903,33 @@ declare global {
  */
 declare class FlowCalendar extends FlowRdfElement {
     static styles: CSSResultGroup;
+    private _monthSelect;
+    private _yearSelect;
     private _displayDate;
-    private _selectedDate;
+    private _selectedDate?;
     value: string;
+    displayMode: 'date' | 'time' | 'datetime';
+    timezone?: string;
+    locale?: string;
+    size: 'small' | 'medium' | 'large';
     connectedCallback(): void;
     disconnectedCallback(): void;
     handleValueChange(): void;
+    handleTimezoneChange(): void;
     private dateClicked;
-    private changeDisplayDate;
+    private stepDisplayDate;
+    /**
+     * Generate a list of years for the year select dropdown
+     */
+    private yearOptionsForDate;
+    private makeDate;
+    private updateValue;
+    private handleHeaderSelectChange;
+    private handleTimeChange;
     private calendarHeaderTemplate;
     private dayOfWeekGridTemplate;
     private dayGridTemplate;
+    private timeTemplate;
     render(): lit.TemplateResult<1>;
 }
 
@@ -1332,7 +1371,7 @@ declare global {
  */
 declare class FlowDropdown extends FlowRdfElement {
     static styles: CSSResultGroup;
-    popup: FlowPopup;
+    popup: SlPopup;
     trigger: HTMLSlotElement;
     panel: HTMLSlotElement;
     private readonly localize;
@@ -1789,6 +1828,155 @@ declare global {
     }
 }
 
+/**
+ * @summary Tags are used as labels to organize things or to indicate a selection.
+ * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tag
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency flow-ui-icon-button
+ *
+ * @slot - The tag's content.
+ *
+ * @event flow-ui-remove - Emitted when the remove button is activated.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart content - The tag's content.
+ * @csspart remove-button - The tag's remove button, an `<flow-ui-icon-button>`.
+ * @csspart remove-button__base - The remove button's exported `base` part.
+ */
+declare class FlowTag extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-icon-button': typeof FlowIconButton;
+    };
+    private readonly localize;
+    /** The tag's theme variant. */
+    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
+    /** The tag's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Draws a pill-style tag with rounded edges. */
+    pill: boolean;
+    /** Makes the tag removable and shows a remove button. */
+    removable: boolean;
+    private handleRemoveClick;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-tag': FlowTag;
+    }
+}
+
+declare class FlowDatetimePicker extends FlowRdfElement implements FlowRdfFormControl {
+    static styles: CSSResultGroup;
+    private readonly formControlController;
+    private readonly hasSlotController;
+    private readonly localize;
+    popup: SlPopup;
+    combobox: HTMLSlotElement;
+    displayInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    calendarContainer: HTMLDivElement;
+    private hasFocus;
+    displayLabel: string;
+    /** The name of the select, submitted as a name/value pair with form data. */
+    name: string;
+    value: string;
+    displayMode: 'date' | 'time' | 'datetime';
+    format: string;
+    timezone?: string;
+    locale?: string;
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string;
+    /** The select's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Placeholder text to show as a hint when the select is empty. */
+    placeholder: string;
+    /** Disables the select control. */
+    disabled: boolean;
+    /** Adds a clear button when the select is not empty. */
+    clearable: boolean;
+    /**
+     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
+     * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.
+     */
+    open: boolean;
+    /**
+     * Enable this option to prevent the listbox 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;
+    /** Draws a filled select. */
+    filled: boolean;
+    /** Draws a pill-style select with rounded edges. */
+    pill: boolean;
+    /** The select's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
+     * inside of the viewport.
+     */
+    placement: 'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start';
+    /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
+     */
+    form: string;
+    /** The select's required attribute. */
+    required: boolean;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    connectedCallback(): void;
+    private addOpenListeners;
+    private removeOpenListeners;
+    updateDisplayLabel(): void;
+    private handleFocus;
+    private handleBlur;
+    private handleDocumentFocusIn;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handleLabelClick;
+    private handleComboboxMouseDown;
+    private handleComboboxKeyDown;
+    private handleClearClick;
+    private handleClearMouseDown;
+    private handleCalendarChange;
+    private handleInvalid;
+    handleDisabledChange(): void;
+    handleValueChange(): void;
+    handleOpenChange(): Promise<void>;
+    /** Shows the listbox. */
+    show(): Promise<void>;
+    /** Hides the listbox. */
+    hide(): Promise<void>;
+    /** 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;
+    /** Sets focus on the control. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the control. */
+    blur(): void;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-date-time-picker': FlowDatetimePicker;
+    }
+}
+
 /**
  * @summary Details show a brief summary and expand to show additional content.
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details
@@ -2175,6 +2363,37 @@ declare global {
     }
 }
 
+/**
+
+ */
+declare class FlowNumberStepper extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private _input;
+    private _formatter;
+    value: number | '';
+    step: number;
+    min: number;
+    max: number;
+    format: string;
+    size: 'small' | 'medium' | 'large';
+    placeholder: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stepUp(emitEvent?: boolean): void;
+    stepDown(emitEvent?: boolean): void;
+    handleValueChange(): void;
+    handleFormatChange(): void;
+    private handleInputChange;
+    private clampValue;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-number-stepper': FlowNumberStepper;
+    }
+}
+
 /**
  * @summary Options define the selectable items within various form controls such as [select](/components/select).
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/option
@@ -2195,6 +2414,9 @@ declare global {
  */
 declare class FlowOption extends FlowRdfElement {
     static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-ui-icon': typeof FlowIcon;
+    };
     private cachedTextLabel;
     private readonly localize;
     defaultSlot: HTMLSlotElement;
@@ -2220,6 +2442,7 @@ declare class FlowOption extends FlowRdfElement {
     getTextLabel(): string;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-option': FlowOption;
@@ -2784,56 +3007,20 @@ declare global {
     }
 }
 
-/**
- * @summary Tags are used as labels to organize things or to indicate a selection.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tag
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - The tag's content.
- *
- * @event flow-ui-remove - Emitted when the remove button is activated.
- *
- * @csspart base - The component's base wrapper.
- * @csspart content - The tag's content.
- * @csspart remove-button - The tag's remove button, an `<flow-ui-icon-button>`.
- * @csspart remove-button__base - The remove button's exported `base` part.
- */
-declare class FlowTag extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    /** The tag's theme variant. */
-    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
-    /** The tag's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Draws a pill-style tag with rounded edges. */
-    pill: boolean;
-    /** Makes the tag removable and shows a remove button. */
-    removable: boolean;
-    private handleRemoveClick;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tag': FlowTag;
-    }
-}
-
 /**
  * @summary Selects allow you to choose items from a menu of predefined options.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/select
+ * @documentation https://shoelace.style/components/select
  * @status stable
  * @since 2.0
  *
- * @dependency flow-ui-icon
- * @dependency flow-ui-popup
- * @dependency flow-ui-tag
+ * @dependency flow-icon
+ * @dependency flow-popup
+ * @dependency flow-tag
  *
- * @slot - The listbox options. Must be `<flow-ui-option>` elements. You can use `<flow-ui-divider>` to group items visually.
+ * @slot - The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.
  * @slot label - The input's label. Alternatively, you can use the `label` attribute.
  * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
+ * @slot suffix - Used to append a presentational icon or similar element to the combobox.
  * @slot clear-icon - An icon to use in lieu of the default clear icon.
  * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.
  * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
@@ -2853,8 +3040,9 @@ declare global {
  * @csspart form-control-label - The label's wrapper.
  * @csspart form-control-input - The select's wrapper.
  * @csspart form-control-help-text - The help text's wrapper.
- * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.
+ * @csspart combobox - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.
  * @csspart prefix - The container that wraps the prefix slot.
+ * @csspart suffix - The container that wraps the suffix slot.
  * @csspart display-input - The element that displays the selected option's label, an `<input>` element.
  * @csspart listbox - The listbox container where options are slotted.
  * @csspart tags - The container that houses option tags when `multiselect` is used.
@@ -2868,13 +3056,19 @@ declare global {
  */
 declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
     static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-icon': typeof FlowIcon;
+        'flow-popup': typeof SlPopup;
+        'flow-tag': typeof FlowTag;
+    };
     private readonly formControlController;
     private readonly hasSlotController;
     private readonly localize;
     private typeToSelectString;
     private typeToSelectTimeout;
-    private pendingValue;
-    popup: FlowPopup;
+    private closeWatcher;
+    private mutationObserver;
+    popup: SlPopup;
     combobox: HTMLSlotElement;
     displayInput: HTMLInputElement;
     valueInput: HTMLInputElement;
@@ -2887,7 +3081,8 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
     name: string;
     /**
      * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
-     * value will be a space-delimited list of values based on the options selected.
+     * value attribute will be a space-delimited list of values based on the options selected, and the value property will
+     * be an array. **For this reason, values must not contain spaces.**
      */
     value: string | string[];
     /** The default value of the form control. Primarily used for resetting the form control. */
@@ -2938,11 +3133,18 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
     form: string;
     /** The select's required attribute. */
     required: boolean;
+    /**
+     * A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second
+     * is the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at
+     * the specified value.
+     */
+    getTag: (option: FlowOption, index: number) => TemplateResult | string | HTMLElement;
     /** Gets the validity state object */
     get validity(): ValidityState;
     /** Gets the validation message */
     get validationMessage(): string;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     private addOpenListeners;
     private removeOpenListeners;
     private handleFocus;
@@ -2964,6 +3166,7 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
     private setSelectedOptions;
     private toggleOptionSelection;
     private selectionChanged;
+    protected get tags(): TemplateResult<1>[];
     private handleInvalid;
     handleDisabledChange(): void;
     handleValueChange(): void;
@@ -2984,8 +3187,9 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
     focus(options?: FocusOptions): void;
     /** Removes focus from the control. */
     blur(): void;
-    render(): lit.TemplateResult<1>;
+    render(): TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-select': FlowSelect;
@@ -3626,6 +3830,22 @@ declare global {
     }
 }
 
+/**
+
+ */
+declare class FlowTimer extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-timer': FlowTimer;
+    }
+}
+
 /**
  * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tree-item
@@ -4425,4 +4645,7 @@ declare function registerIconLibrary(name: string, options: {
 /** Removes an icon library from the registry. */
 declare function unregisterIconLibrary(name: 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, 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, FlowOption, FlowSplitViewPanel as FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, 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, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, NumberColorMapperField, NumberColorStopOptions, SelectColorMapperField, SelectColorStopOptions, StringColorMapperField, StringColorStopOptions, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, unregisterIconLibrary };
+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, FlowSplitViewPanel as 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 };