@emuanalytics/flow-rdf-ui 0.0.50 → 0.0.52

package/dist/index.d.ts

@@ -1893,482 +1893,6 @@ interface ColorMapperValue {
     colorStops: ColorStopValue[];
 }
 
-interface FormControlControllerOptions {
-    /** A function that returns the form containing the form control. */
-    form: (input: FlowRdfFormControl) => HTMLFormElement | null;
-    /** A function that returns the form control's name, which will be submitted with the form data. */
-    name: (input: FlowRdfFormControl) => string;
-    /** A function that returns the form control's current value. */
-    value: (input: FlowRdfFormControl) => unknown | unknown[];
-    /** A function that returns the form control's default value. */
-    defaultValue: (input: FlowRdfFormControl) => unknown | unknown[];
-    /** A function that returns the form control's current disabled state. If disabled, the value won't be submitted. */
-    disabled: (input: FlowRdfFormControl) => boolean;
-    /**
-     * A function that maps to the form control's reportValidity() function. When the control is invalid, this will
-     * prevent submission and trigger the browser's constraint violation warning.
-     */
-    reportValidity: (input: FlowRdfFormControl) => boolean;
-    /** A function that sets the form control's value */
-    setValue: (input: FlowRdfFormControl, value: unknown) => void;
-    /**
-     * An array of event names to listen to. When all events in the list are emitted, the control will receive validity
-     * states such as user-valid and user-invalid.user interacted validity states. */
-    assumeInteractionOn: string[];
-}
-/** A reactive controller to allow form controls to participate in form submission, validation, etc. */
-declare class FormControlController implements ReactiveController {
-    host: FlowRdfFormControl & ReactiveControllerHost;
-    form?: HTMLFormElement | null;
-    options: FormControlControllerOptions;
-    constructor(host: ReactiveControllerHost & FlowRdfFormControl, options?: Partial<FormControlControllerOptions>);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    hostUpdated(): void;
-    private attachForm;
-    private detachForm;
-    private handleFormData;
-    private handleFormSubmit;
-    private handleFormReset;
-    private handleInteraction;
-    private reportFormValidity;
-    private setUserInteracted;
-    private doAction;
-    /** Returns the associated `<form>` element, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Resets the form, restoring all the control to their default value */
-    reset(submitter?: HTMLInputElement | FlowButton): void;
-    /** Submits the form, triggering validation and form data injection. */
-    submit(submitter?: HTMLInputElement | FlowButton): void;
-    /**
-     * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-     * the host element immediately, i.e. before Lit updates the component in the next update.
-     */
-    setValidity(isValid: boolean): void;
-    /**
-     * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-     * that affects constraint validation changes so the component receives the correct validity states.
-     */
-    updateValidity(): void;
-    /**
-     * Dispatches a non-bubbling, cancelable custom event of type `flow-ui-invalid`.
-     * If the `flow-ui-invalid` event will be cancelled then the original `invalid`
-     * event (which may have been passed as argument) will also be cancelled.
-     * If no original `invalid` event has been passed then the `flow-ui-invalid`
-     * event will be cancelled before being dispatched.
-     */
-    emitInvalidEvent(originalInvalidEvent?: Event): void;
-}
-
-/**
- * @tagname flow-ui-radio-group
- * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
- *
- * @dependency flow-ui-button-group
- *
- * @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
- *  attribute.
- *
- * @event flow-ui-change - Emitted when the radio group's selected value changes.
- * @event flow-ui-input - Emitted when the radio group receives user input.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @csspart form-control-label - The label's wrapper.
- * @csspart form-control-input - The input's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart button-group - The button group that wraps radio buttons.
- * @csspart button-group__base - The button group's `base` part.
- */
-declare class FlowRadioGroup extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    protected readonly formControlController: FormControlController;
-    private readonly hasSlotController;
-    private customValidityMessage;
-    private validationTimeout;
-    defaultSlot: HTMLSlotElement;
-    validationInput: HTMLInputElement;
-    private errorMessage;
-    defaultValue: string;
-    /**
-     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-     * instead.
-     */
-    label: string;
-    /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
-    helpText: string;
-    /** The name of the radio group, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the radio group, submitted as a name/value pair with form data. */
-    value: string;
-    /** The radio group's size. This size will be applied to all child radios and radio buttons. */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * 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;
-    /** Ensures a child radio is checked before allowing the containing form to submit. */
-    required: boolean;
-    /**
-     * Use vertical layout for the radio group.
-     */
-    vertical: boolean;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    private getAllRadios;
-    private handleRadioClick;
-    private handleKeyDown;
-    private handleLabelClick;
-    private handleInvalid;
-    private syncRadios;
-    private updateCheckedRadio;
-    handleSizeChange(): void;
-    handleValueChange(): 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;
-    render(): lit.TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-radio-group': FlowRadioGroup;
-    }
-}
-
-/**
- *
- * @tagname flow-ui-radio
- * @summary Radios allow the user to select a single option from a group.
- *
- * @dependency flow-ui-icon
- *
- * @slot - The radio's label.
- *
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-focus - Emitted when the control gains focus.
- *
- * @csspart base - The component's base wrapper.
- * @csspart control - The circular container that wraps the radio's checked state.
- * @csspart control--checked - The radio control when the radio is checked.
- * @csspart checked-icon - The checked icon, an `<flow-ui-icon>` element.
- * @csspart label - The container that wraps the radio's label.
- */
-declare class FlowRadio extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    checked: boolean;
-    protected hasFocus: boolean;
-    /** The radio's value. When selected, the radio group will receive this value. */
-    value: string;
-    /**
-     * The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
-     * attribute can typically be omitted.
-     */
-    size: 'small' | 'medium' | 'large';
-    /** Disables the radio. */
-    disabled: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private addEventListeners;
-    private removeEventListeners;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    private setInitialAttributes;
-    handleCheckedChange(): void;
-    handleDisabledChange(): void;
-    render(): lit.TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-radio': FlowRadio;
-    }
-}
-
-/**
- * @tagname flow-ui-option
- * @summary Options define the selectable items within various form controls such as [select](/components/select).
- *
- * @dependency flow-ui-icon
- *
- * @slot - The option's label.
- * @slot prefix - Used to prepend an icon or similar element to the menu item.
- * @slot suffix - Used to append an icon or similar element to the menu item.
- *
- * @csspart checked-icon - The checked icon, a `<flow-ui-icon>` element.
- * @csspart base - The component's base wrapper.
- * @csspart label - The option's label.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart suffix - The container that wraps the suffix.
- */
-declare class FlowOption extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    static dependencies: {
-        'flow-ui-icon': typeof FlowIcon;
-    };
-    private cachedTextLabel;
-    private readonly localize;
-    defaultSlot: HTMLSlotElement;
-    current: boolean;
-    selected: boolean;
-    hasHover: boolean;
-    /**
-     * The option's value. When selected, the containing form control will receive this value. The value must be unique
-     * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
-     * multiple values.
-     */
-    value: string;
-    /** Draws the option in a disabled state, preventing selection. */
-    disabled: boolean;
-    connectedCallback(): void;
-    private handleDefaultSlotChange;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    handleDisabledChange(): void;
-    handleSelectedChange(): void;
-    handleValueChange(): void;
-    /** Returns a plain text label based on the option's content. */
-    getTextLabel(): string;
-    render(): lit.TemplateResult<1>;
-}
-
-/**
- * @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>;
-}
-
-/**
- * @summary Selects allow you to choose items from a menu of predefined options.
- * @documentation https://shoelace.style/components/select
- * @status stable
- * @since 2.0
- *
- * @dependency flow-icon
- * @dependency flow-popup
- * @dependency flow-tag
- *
- * @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.
- *
- * @event flow-ui-change - Emitted when the control's value changes.
- * @event flow-ui-clear - Emitted when the control's value is cleared.
- * @event flow-ui-input - Emitted when the control receives input.
- * @event flow-ui-focus - Emitted when the control gains focus.
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-show - Emitted when the select's menu opens.
- * @event flow-ui-after-show - Emitted after the select's menu opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the select's menu closes.
- * @event flow-ui-after-hide - Emitted after the select's menu closes and all animations are complete.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @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, 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.
- * @csspart tag - The individual tags that represent each multiselect option.
- * @csspart tag__base - The tag's base part.
- * @csspart tag__content - The tag's content part.
- * @csspart tag__remove-button - The tag's remove button.
- * @csspart tag__remove-button__base - The tag's remove button base part.
- * @csspart clear-button - The clear button.
- * @csspart expand-icon - The container that wraps the expand icon.
- */
-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 closeWatcher;
-    private mutationObserver;
-    popup: SlPopup;
-    combobox: HTMLSlotElement;
-    displayInput: HTMLInputElement;
-    valueInput: HTMLInputElement;
-    listbox: HTMLSlotElement;
-    private hasFocus;
-    displayLabel: string;
-    currentOption: FlowOption;
-    selectedOptions: FlowOption[];
-    /** The name of the select, submitted as a name/value pair with form data. */
-    name: string;
-    /**
-     * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
-     * 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. */
-    defaultValue: string | string[];
-    /** The select's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Placeholder text to show as a hint when the select is empty. */
-    placeholder: string;
-    /** Allows more than one option to be selected. */
-    multiple: boolean;
-    /**
-     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
-     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
-     */
-    maxOptionsVisible: number;
-    /** 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' | 'bottom';
-    /** 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;
-    /**
-     * 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;
-    private handleBlur;
-    private handleDocumentFocusIn;
-    private handleDocumentKeyDown;
-    private handleDocumentMouseDown;
-    private handleLabelClick;
-    private handleComboboxMouseDown;
-    private handleComboboxKeyDown;
-    private handleClearClick;
-    private handleClearMouseDown;
-    private handleOptionClick;
-    private handleDefaultSlotChange;
-    private handleTagRemove;
-    private getAllOptions;
-    private getFirstOption;
-    private setCurrentOption;
-    private setSelectedOptions;
-    private toggleOptionSelection;
-    private selectionChanged;
-    protected get tags(): TemplateResult<1>[];
-    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(): TemplateResult<1>;
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-select': FlowSelect;
-    }
-}
-
 /**
  * @tagname flow-ui-color-mapper
  * @summary A component for defining mappings between data values and colors.
@@ -2461,12 +1985,47 @@ declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFo
     render(): lit.TemplateResult<1>;
 }
 
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-color-stop': FlowColorStopComponent;
-    }
-}
-
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-color-stop': FlowColorStopComponent;
+    }
+}
+
+/**
+ * @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;
@@ -2974,6 +2533,7 @@ declare class FlowUiMap extends FlowRdfElement {
      * is loading data.
      */
     busy: boolean;
+    fixed: boolean;
     /**
      * The underlying core FlowMap instance. Note that this is
      * `undefined` until the map has been initialized.
@@ -3064,6 +2624,53 @@ declare global {
     }
 }
 
+/**
+ * @tagname flow-ui-option
+ * @summary Options define the selectable items within various form controls such as [select](/components/select).
+ *
+ * @dependency flow-ui-icon
+ *
+ * @slot - The option's label.
+ * @slot prefix - Used to prepend an icon or similar element to the menu item.
+ * @slot suffix - Used to append an icon or similar element to the menu item.
+ *
+ * @csspart checked-icon - The checked icon, a `<flow-ui-icon>` element.
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The option's label.
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ */
+declare class FlowOption extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'flow-ui-icon': typeof FlowIcon;
+    };
+    private cachedTextLabel;
+    private readonly localize;
+    defaultSlot: HTMLSlotElement;
+    current: boolean;
+    selected: boolean;
+    hasHover: boolean;
+    /**
+     * The option's value. When selected, the containing form control will receive this value. The value must be unique
+     * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
+     * multiple values.
+     */
+    value: string;
+    /** Draws the option in a disabled state, preventing selection. */
+    disabled: boolean;
+    connectedCallback(): void;
+    private handleDefaultSlotChange;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    handleDisabledChange(): void;
+    handleSelectedChange(): void;
+    handleValueChange(): void;
+    /** Returns a plain text label based on the option's content. */
+    getTextLabel(): string;
+    render(): lit.TemplateResult<1>;
+}
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-option': FlowOption;
@@ -3412,26 +3019,231 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      * @param ev
      * @param index
      */
-    private handleRemoveRule;
-    private handleSubQueryValueChange;
-    private handleFieldChanged;
-    private handleOperatorChanged;
-    private handleEnabledChanged;
-    private handleConditionChange;
-    private emitValueChange;
-    private operatorsForField;
-    private defaultOperatorsForFieldType;
-    private toolbarTemplate;
-    private ruleTemplate;
-    private ruleValueTemplate;
-    private subQueryBuilderTemplate;
-    private emptyRulesetTemplate;
+    private handleRemoveRule;
+    private handleSubQueryValueChange;
+    private handleFieldChanged;
+    private handleOperatorChanged;
+    private handleEnabledChanged;
+    private handleConditionChange;
+    private emitValueChange;
+    private operatorsForField;
+    private defaultOperatorsForFieldType;
+    private toolbarTemplate;
+    private ruleTemplate;
+    private ruleValueTemplate;
+    private subQueryBuilderTemplate;
+    private emptyRulesetTemplate;
+    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;
+    /** A function that returns the form control's name, which will be submitted with the form data. */
+    name: (input: FlowRdfFormControl) => string;
+    /** A function that returns the form control's current value. */
+    value: (input: FlowRdfFormControl) => unknown | unknown[];
+    /** A function that returns the form control's default value. */
+    defaultValue: (input: FlowRdfFormControl) => unknown | unknown[];
+    /** A function that returns the form control's current disabled state. If disabled, the value won't be submitted. */
+    disabled: (input: FlowRdfFormControl) => boolean;
+    /**
+     * A function that maps to the form control's reportValidity() function. When the control is invalid, this will
+     * prevent submission and trigger the browser's constraint violation warning.
+     */
+    reportValidity: (input: FlowRdfFormControl) => boolean;
+    /** A function that sets the form control's value */
+    setValue: (input: FlowRdfFormControl, value: unknown) => void;
+    /**
+     * An array of event names to listen to. When all events in the list are emitted, the control will receive validity
+     * states such as user-valid and user-invalid.user interacted validity states. */
+    assumeInteractionOn: string[];
+}
+/** A reactive controller to allow form controls to participate in form submission, validation, etc. */
+declare class FormControlController implements ReactiveController {
+    host: FlowRdfFormControl & ReactiveControllerHost;
+    form?: HTMLFormElement | null;
+    options: FormControlControllerOptions;
+    constructor(host: ReactiveControllerHost & FlowRdfFormControl, options?: Partial<FormControlControllerOptions>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+    private attachForm;
+    private detachForm;
+    private handleFormData;
+    private handleFormSubmit;
+    private handleFormReset;
+    private handleInteraction;
+    private reportFormValidity;
+    private setUserInteracted;
+    private doAction;
+    /** Returns the associated `<form>` element, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Resets the form, restoring all the control to their default value */
+    reset(submitter?: HTMLInputElement | FlowButton): void;
+    /** Submits the form, triggering validation and form data injection. */
+    submit(submitter?: HTMLInputElement | FlowButton): void;
+    /**
+     * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
+     * the host element immediately, i.e. before Lit updates the component in the next update.
+     */
+    setValidity(isValid: boolean): void;
+    /**
+     * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
+     * that affects constraint validation changes so the component receives the correct validity states.
+     */
+    updateValidity(): void;
+    /**
+     * Dispatches a non-bubbling, cancelable custom event of type `flow-ui-invalid`.
+     * If the `flow-ui-invalid` event will be cancelled then the original `invalid`
+     * event (which may have been passed as argument) will also be cancelled.
+     * If no original `invalid` event has been passed then the `flow-ui-invalid`
+     * event will be cancelled before being dispatched.
+     */
+    emitInvalidEvent(originalInvalidEvent?: Event): void;
+}
+
+/**
+ * @tagname flow-ui-radio-group
+ * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
+ *
+ * @dependency flow-ui-button-group
+ *
+ * @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
+ * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
+ *  attribute.
+ *
+ * @event flow-ui-change - Emitted when the radio group's selected value changes.
+ * @event flow-ui-input - Emitted when the radio group receives user input.
+ * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and help text.
+ * @csspart form-control-label - The label's wrapper.
+ * @csspart form-control-input - The input's wrapper.
+ * @csspart form-control-help-text - The help text's wrapper.
+ * @csspart button-group - The button group that wraps radio buttons.
+ * @csspart button-group__base - The button group's `base` part.
+ */
+declare class FlowRadioGroup extends FlowRdfElement implements FlowRdfFormControl {
+    static styles: CSSResultGroup;
+    protected readonly formControlController: FormControlController;
+    private readonly hasSlotController;
+    private customValidityMessage;
+    private validationTimeout;
+    defaultSlot: HTMLSlotElement;
+    validationInput: HTMLInputElement;
+    private errorMessage;
+    defaultValue: string;
+    /**
+     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+     * instead.
+     */
+    label: string;
+    /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /** The name of the radio group, submitted as a name/value pair with form data. */
+    name: string;
+    /** The current value of the radio group, submitted as a name/value pair with form data. */
+    value: string;
+    /** The radio group's size. This size will be applied to all child radios and radio buttons. */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * 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;
+    /** Ensures a child radio is checked before allowing the containing form to submit. */
+    required: boolean;
+    /**
+     * Use vertical layout for the radio group.
+     */
+    vertical: boolean;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    private getAllRadios;
+    private handleRadioClick;
+    private handleKeyDown;
+    private handleLabelClick;
+    private handleInvalid;
+    private syncRadios;
+    private updateCheckedRadio;
+    handleSizeChange(): void;
+    handleValueChange(): 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;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-radio-group': FlowRadioGroup;
+    }
+}
+
+/**
+ *
+ * @tagname flow-ui-radio
+ * @summary Radios allow the user to select a single option from a group.
+ *
+ * @dependency flow-ui-icon
+ *
+ * @slot - The radio's label.
+ *
+ * @event flow-ui-blur - Emitted when the control loses focus.
+ * @event flow-ui-focus - Emitted when the control gains focus.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart control - The circular container that wraps the radio's checked state.
+ * @csspart control--checked - The radio control when the radio is checked.
+ * @csspart checked-icon - The checked icon, an `<flow-ui-icon>` element.
+ * @csspart label - The container that wraps the radio's label.
+ */
+declare class FlowRadio extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    checked: boolean;
+    protected hasFocus: boolean;
+    /** The radio's value. When selected, the radio group will receive this value. */
+    value: string;
+    /**
+     * The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
+     * attribute can typically be omitted.
+     */
+    size: 'small' | 'medium' | 'large';
+    /** Disables the radio. */
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private setInitialAttributes;
+    handleCheckedChange(): void;
+    handleDisabledChange(): void;
     render(): lit.TemplateResult<1>;
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-query-builder': FlowQueryBuilder;
+        'flow-ui-radio': FlowRadio;
     }
 }
 
@@ -3612,6 +3424,195 @@ declare global {
     }
 }
 
+/**
+ * @summary Selects allow you to choose items from a menu of predefined options.
+ * @documentation https://shoelace.style/components/select
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency flow-icon
+ * @dependency flow-popup
+ * @dependency flow-tag
+ *
+ * @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.
+ *
+ * @event flow-ui-change - Emitted when the control's value changes.
+ * @event flow-ui-clear - Emitted when the control's value is cleared.
+ * @event flow-ui-input - Emitted when the control receives input.
+ * @event flow-ui-focus - Emitted when the control gains focus.
+ * @event flow-ui-blur - Emitted when the control loses focus.
+ * @event flow-ui-show - Emitted when the select's menu opens.
+ * @event flow-ui-after-show - Emitted after the select's menu opens and all animations are complete.
+ * @event flow-ui-hide - Emitted when the select's menu closes.
+ * @event flow-ui-after-hide - Emitted after the select's menu closes and all animations are complete.
+ * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and help text.
+ * @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, 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.
+ * @csspart tag - The individual tags that represent each multiselect option.
+ * @csspart tag__base - The tag's base part.
+ * @csspart tag__content - The tag's content part.
+ * @csspart tag__remove-button - The tag's remove button.
+ * @csspart tag__remove-button__base - The tag's remove button base part.
+ * @csspart clear-button - The clear button.
+ * @csspart expand-icon - The container that wraps the expand icon.
+ */
+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 closeWatcher;
+    private mutationObserver;
+    popup: SlPopup;
+    combobox: HTMLSlotElement;
+    displayInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    listbox: HTMLSlotElement;
+    private hasFocus;
+    displayLabel: string;
+    currentOption: FlowOption;
+    selectedOptions: FlowOption[];
+    /** The name of the select, submitted as a name/value pair with form data. */
+    name: string;
+    /**
+     * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
+     * 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. */
+    defaultValue: string | string[];
+    /** The select's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Placeholder text to show as a hint when the select is empty. */
+    placeholder: string;
+    /** Allows more than one option to be selected. */
+    multiple: boolean;
+    /**
+     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
+     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
+     */
+    maxOptionsVisible: number;
+    /** 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' | 'bottom';
+    /** 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;
+    /**
+     * 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;
+    private handleBlur;
+    private handleDocumentFocusIn;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handleLabelClick;
+    private handleComboboxMouseDown;
+    private handleComboboxKeyDown;
+    private handleClearClick;
+    private handleClearMouseDown;
+    private handleOptionClick;
+    private handleDefaultSlotChange;
+    private handleTagRemove;
+    private getAllOptions;
+    private getFirstOption;
+    private setCurrentOption;
+    private setSelectedOptions;
+    private toggleOptionSelection;
+    private selectionChanged;
+    protected get tags(): TemplateResult<1>[];
+    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(): TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-select': FlowSelect;
+    }
+}
+
 /**
  * @tagname flow-ui-split-view-divider
  * @summary Split-view dividers are used internally by split-views to create resizable areas.
@@ -4669,10 +4670,13 @@ declare global {
     }
 }
 
-type FlowDragStartEvent = CustomEvent<Record<PropertyKey, never>>;
+type FlowDragEvent = CustomEvent<{
+    x: number;
+    y: number;
+}>;
 declare global {
     interface GlobalEventHandlersEventMap {
-        'flow-ui-drag-start': FlowDragStartEvent;
+        'flow-ui-drag': FlowDragEvent;
     }
 }
 
@@ -4683,13 +4687,10 @@ declare global {
     }
 }
 
-type FlowDragEvent = CustomEvent<{
-    x: number;
-    y: number;
-}>;
+type FlowDragStartEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {
-        'flow-ui-drag': FlowDragEvent;
+        'flow-ui-drag-start': FlowDragStartEvent;
     }
 }
 
@@ -4782,6 +4783,15 @@ declare global {
     }
 }
 
+type FlowMapLoadEvent = CustomEvent<{
+    map: FlowMap;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'flow-ui-map-load': FlowMapLoadEvent;
+    }
+}
+
 type FlowMutationEvent = CustomEvent<{
     mutationList: MutationRecord[];
 }>;
@@ -4791,6 +4801,13 @@ declare global {
     }
 }
 
+type FlowPanelToggleEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'flow-ui-panel-toggle': FlowPanelToggleEvent;
+    }
+}
+
 type FlowRemoveEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {
@@ -4883,13 +4900,6 @@ declare global {
     }
 }
 
-type FlowPanelToggleEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'flow-ui-panel-toggle': FlowPanelToggleEvent;
-    }
-}
-
 /** Gets a list of all supported animation names. */
 declare function getAnimationNames(): string[];
 /** Gets a list of all supported easing function names. */
@@ -4972,4 +4982,4 @@ declare const isRuleOrRuleset: (r: unknown) => r is FlowQueryBuilderRuleSet | Fl
 
 declare const converter: FlowQueryBuilderConverter;
 
-export { 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, FlowUiMap as FlowMap, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationEvent, FlowMutationObserver, FlowOption, FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowQueryBuilder, FlowQueryBuilderConfig, FlowQueryBuilderConverter, FlowQueryBuilderConverterOptions, FlowQueryBuilderDateField, FlowQueryBuilderDateTimeField, FlowQueryBuilderDateTimeFieldBase, FlowQueryBuilderField, FlowQueryBuilderFieldBase, FlowQueryBuilderFieldDefinition, FlowQueryBuilderFieldMap, FlowQueryBuilderFieldType, FlowQueryBuilderFieldTypeMap, FlowQueryBuilderMultiSelectField, FlowQueryBuilderNumberField, FlowQueryBuilderOption, FlowQueryBuilderRule, FlowQueryBuilderRuleSet, FlowQueryBuilderSelectField, FlowQueryBuilderStringField, FlowQueryBuilderTemplateFn, FlowQueryBuilderTimeField, 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, addIcons, filterRuleSet, converter as flowQueryConverter, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, registerChartComponent, registerIconLibrary, renameRuleSetFields, setBasePath, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };
+export { FlowQueryBuilderConfig, FlowQueryBuilderConverter, FlowQueryBuilderConverterOptions, FlowQueryBuilderDateField, FlowQueryBuilderDateTimeField, FlowQueryBuilderDateTimeFieldBase, FlowQueryBuilderField, FlowQueryBuilderFieldBase, FlowQueryBuilderFieldDefinition, FlowQueryBuilderFieldMap, FlowQueryBuilderFieldType, FlowQueryBuilderFieldTypeMap, FlowQueryBuilderMultiSelectField, FlowQueryBuilderNumberField, FlowQueryBuilderOption, FlowQueryBuilderRule, FlowQueryBuilderRuleSet, FlowQueryBuilderSelectField, FlowQueryBuilderStringField, FlowQueryBuilderTemplateFn, FlowQueryBuilderTimeField, FlowAfterCollapseEvent as FlowUiAfterCollapseEvent, FlowAfterExpandEvent as FlowUiAfterExpandEvent, FlowAfterHideEvent as FlowUiAfterHideEvent, FlowAfterShowEvent as FlowUiAfterShowEvent, FlowAlert as FlowUiAlert, SlAnimation as FlowUiAnimation, FlowAvatar as FlowUiAvatar, FlowBadge as FlowUiBadge, FlowBlurEvent as FlowUiBlurEvent, FlowBreadcrumb as FlowUiBreadcrumb, FlowBreadcrumbItem as FlowUiBreadcrumbItem, FlowButton as FlowUiButton, FlowButtonGroup as FlowUiButtonGroup, FlowCalendar as FlowUiCalendar, FlowCancelEvent as FlowUiCancelEvent, FlowCard as FlowUiCard, FlowCarousel as FlowUiCarousel, FlowCarouselItem as FlowUiCarouselItem, FlowChangeEvent as FlowUiChangeEvent, FlowChart as FlowUiChart, FlowCheckbox as FlowUiCheckbox, FlowClearEvent as FlowUiClearEvent, FlowCloseEvent as FlowUiCloseEvent, FlowCollapseEvent as FlowUiCollapseEvent, FlowColorMapper as FlowUiColorMapper, FlowColorPicker as FlowUiColorPicker, FlowColorStopComponent as FlowUiColorStop, FlowDatetimePicker as FlowUiDateTimePicker, FlowDetails as FlowUiDetails, FlowDialog as FlowUiDialog, FlowDivider as FlowUiDivider, FlowDragEvent as FlowUiDragEvent, FlowDragStartEvent as FlowUiDragStartEvent, FlowDrawer as FlowUiDrawer, SlDropdown as FlowUiDropdown, FlowErrorEvent as FlowUiErrorEvent, FlowExpandEvent as FlowUiExpandEvent, FlowFinishEvent as FlowUiFinishEvent, FlowFocusEvent as FlowUiFocusEvent, FlowGauge as FlowUiGauge, FlowHideEvent as FlowUiHideEvent, FlowHoverEvent as FlowUiHoverEvent, FlowIcon as FlowUiIcon, FlowIconButton as FlowUiIconButton, FlowInitialFocusEvent as FlowUiInitialFocusEvent, FlowInput as FlowUiInput, FlowInputEvent as FlowUiInputEvent, FlowInvalidEvent as FlowUiInvalidEvent, FlowLazyChangeEvent as FlowUiLazyChangeEvent, FlowLazyLoadEvent as FlowUiLazyLoadEvent, FlowLoadEvent as FlowUiLoadEvent, FlowUiMap, FlowMapLoadEvent as FlowUiMapLoadEvent, FlowMenu as FlowUiMenu, FlowMenuItem as FlowUiMenuItem, FlowMenuLabel as FlowUiMenuLabel, FlowMutationEvent as FlowUiMutationEvent, FlowMutationObserver as FlowUiMutationObserver, FlowOption as FlowUiOption, FlowPanel as FlowUiPanel, FlowPanelHeader as FlowUiPanelHeader, FlowPanelToggleEvent as FlowUiPanelToggleEvent, SlPopup as FlowUiPopup, FlowProgressBar as FlowUiProgressBar, FlowProgressRing as FlowUiProgressRing, FlowQueryBuilder as FlowUiQueryBuilder, FlowRadio as FlowUiRadio, FlowRadioGroup as FlowUiRadioGroup, FlowRange as FlowUiRange, FlowRemoveEvent as FlowUiRemoveEvent, FlowRepositionEvent as FlowUiRepositionEvent, FlowRequestCloseEvent as FlowUiRequestCloseEvent, FlowResizeEvent as FlowUiResizeEvent, FlowResizeObserver as FlowUiResizeObserver, FlowScrollView as FlowUiScrollView, FlowSelect as FlowUiSelect, FlowSelectEvent as FlowUiSelectEvent, FlowSelectionChangeEvent as FlowUiSelectionChangeEvent, FlowShowEvent as FlowUiShowEvent, FlowSlideChange as FlowUiSlideChange, FlowSpinner as FlowUiSpinner, FlowSplitView as FlowUiSplitView, FlowPanelDivider as FlowUiSplitViewDivider, FlowSplitViewPane as FlowUiSplitViewPane, FlowSplitViewToggleButton as FlowUiSplitViewToggleButton, FlowStartEvent as FlowUiStartEvent, FlowStepper as FlowUiStepper, FlowStepperPanel as FlowUiStepperPanel, FlowSwitch as FlowUiSwitch, FlowTab as FlowUiTab, FlowTabGroup as FlowUiTabGroup, FlowTabHideEvent as FlowUiTabHideEvent, FlowTabPanel as FlowUiTabPanel, FlowTabShowEvent as FlowUiTabShowEvent, FlowTag as FlowUiTag, FlowTextarea as FlowUiTextarea, FlowTimer as FlowUiTimer, FlowToolButton as FlowUiToolButton, FlowToolButtonGroup as FlowUiToolButtonGroup, FlowTooltip as FlowUiTooltip, FlowTree as FlowUiTree, FlowTreeItem as FlowUiTreeItem, FlowDragEndEvent as FlowUiUiDragEndEvent, addIcons, filterRuleSet, converter as flowQueryConverter, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, registerChartComponent, registerIconLibrary, renameRuleSetFields, setBasePath, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };