@emuanalytics/flow-rdf-ui 0.0.49 → 0.0.51

package/dist/index.d.mts

@@ -102,12 +102,10 @@ interface VirtualElement {
     contextElement?: Element;
 }
 /**
+ * @tagname flow-ui-popup
  * @summary Popup is a utility that lets you declaratively anchor "popup" containers to another element.
- * @documentation https://shoelace.style/components/popup
- * @status stable
- * @since 2.0
- *
- * @event sl-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
+
+ * @event flow-ui-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.
@@ -122,7 +120,7 @@ interface VirtualElement {
  *
  * @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(--sl-color-neutral-0)] - The color of the arrow.
+ * @cssproperty [--arrow-color=var(--flow-ui-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`.
@@ -252,10 +250,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tooltip
  * @summary Tooltips display additional information based on a specific action.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tooltip
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-popup
  *
@@ -332,6 +328,7 @@ declare class FlowTooltip extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tooltip': FlowTooltip;
@@ -452,7 +449,7 @@ declare class FlowAlert extends FlowRdfElement {
     private autoHideTimeout;
     private readonly hasSlotController;
     private readonly localize;
-    base: HTMLElement;
+    private base;
     /**
      * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
      * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
@@ -472,7 +469,9 @@ declare class FlowAlert extends FlowRdfElement {
     private restartAutoHide;
     private handleCloseClick;
     private handleMouseMove;
+    /** @internal */
     handleOpenChange(): Promise<void>;
+    /** @internal */
     handleDurationChange(): void;
     /** Shows the alert. */
     show(): Promise<void>;
@@ -494,6 +493,7 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-animation
  * @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://shoelace.style/components/animation
  * @status stable
@@ -510,7 +510,7 @@ declare class SlAnimation extends FlowRdfElement {
     static styles: CSSResultGroup;
     private animation?;
     private hasStarted;
-    defaultSlot: Promise<HTMLSlotElement>;
+    private defaultSlot;
     /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
     name: string;
     /**
@@ -575,11 +575,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-avatar
  * @summary Avatars are used to represent a person or object.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon
  *
  * @slot icon - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.
@@ -604,9 +602,11 @@ declare class FlowAvatar extends FlowRdfElement {
     loading: 'eager' | 'lazy';
     /** The shape of the avatar. */
     shape: 'circle' | 'square' | 'rounded';
+    /** @internal */
     handleImageChange(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-avatar': FlowAvatar;
@@ -614,10 +614,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-badge
  * @summary Badges are used to draw attention and display statuses or counts.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge
- * @status stable
- * @since 2.0
  *
  * @slot - The badge's content.
  *
@@ -633,6 +631,7 @@ declare class FlowBadge extends FlowRdfElement {
     pulse: boolean;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-badge': FlowBadge;
@@ -640,11 +639,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-breadcrumb-item
  * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item
- * @status stable
- * @since 2.0
- *
+
  * @slot - The breadcrumb item's label.
  * @slot prefix - An optional prefix, usually an icon or icon button.
  * @slot suffix - An optional suffix, usually an icon or icon button.
@@ -671,6 +668,7 @@ declare class FlowBreadcrumbItem extends FlowRdfElement {
     rel: string;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-breadcrumb-item': FlowBreadcrumbItem;
@@ -678,10 +676,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-breadcrumb
  * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb
- * @status stable
- * @since 2.0
  *
  * @slot - One or more breadcrumb items to display.
  * @slot separator - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.
@@ -694,8 +690,8 @@ declare class FlowBreadcrumb extends FlowRdfElement {
     static styles: CSSResultGroup;
     private readonly localize;
     private separatorDir;
-    defaultSlot: HTMLSlotElement;
-    separatorSlot: HTMLSlotElement;
+    private defaultSlot;
+    private separatorSlot;
     /**
      * The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by
      * screen readers and other assistive devices to provide more context for users.
@@ -705,6 +701,7 @@ declare class FlowBreadcrumb extends FlowRdfElement {
     private handleSlotChange;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-breadcrumb': FlowBreadcrumb;
@@ -712,10 +709,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-button-group
  * @summary Button groups can be used to group related buttons into sections.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group
- * @status stable
- * @since 2.0
  *
  * @slot - One or more `<flow-ui-button>` elements to display in the button group.
  *
@@ -723,13 +718,16 @@ declare global {
  */
 declare class FlowButtonGroup extends FlowRdfElement {
     static styles: CSSResultGroup;
+    /** @internal */
     defaultSlot: HTMLSlotElement;
+    /** @internal  */
     disableRole: boolean;
     label: string;
     /**
      * Use vertical layout for the button group.
      */
     vertical: boolean;
+    /** @internal */
     handleVerticalChange(): Promise<void>;
     private handleFocus;
     private handleBlur;
@@ -738,6 +736,7 @@ declare class FlowButtonGroup extends FlowRdfElement {
     private handleSlotChange;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-button-group': FlowButtonGroup;
@@ -745,10 +744,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-spinner
  * @summary Spinners are used to show the progress of an indeterminate operation.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner
- * @status stable
- * @since 2.0
  *
  * @csspart base - The component's base wrapper.
  *
@@ -762,6 +759,7 @@ declare class FlowSpinner extends FlowRdfElement {
     private readonly localize;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-spinner': FlowSpinner;
@@ -794,9 +792,9 @@ declare class FlowButton extends FlowRdfElement implements FlowRdfFormControl {
     private readonly formControlController;
     private readonly hasSlotController;
     private readonly localize;
+    /** @internal */
     button: HTMLButtonElement | HTMLLinkElement;
     private hasFocus;
-    invalid: boolean;
     title: string;
     /** The button's theme variant. */
     variant: 'default' | 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
@@ -879,6 +877,7 @@ declare class FlowButton extends FlowRdfElement implements FlowRdfFormControl {
     private handleInvalid;
     private isButton;
     private isLink;
+    /** @internal */
     handleDisabledChange(): void;
     /** Simulates a click on the button. */
     click(): void;
@@ -921,7 +920,9 @@ declare class FlowCalendar extends FlowRdfElement {
     size: 'small' | 'medium' | 'large';
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /** @internal */
     handleValueChange(): void;
+    /** @internal */
     handleTimezoneChange(): void;
     private dateClicked;
     private stepDisplayDate;
@@ -947,10 +948,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-card
  * @summary Cards can be used to group related subjects in a container.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/card
- * @status stable
- * @since 2.0
+
  *
  * @slot - The card's main content.
  * @slot header - An optional header for the card.
@@ -973,6 +973,7 @@ declare class FlowCard extends FlowRdfElement {
     private readonly hasSlotController;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-card': FlowCard;
@@ -980,6 +981,7 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-carousel-item
  * @summary A carousel item represent a slide within a [carousel](/components/carousel).
  *
  * @since 2.0
@@ -996,6 +998,7 @@ declare class FlowCarouselItem extends FlowRdfElement {
     connectedCallback(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-carousel-item': FlowCarouselItem;
@@ -1003,6 +1006,7 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-carousel
  * @summary Carousels display an arbitrary number of content slides along a horizontal or vertical axis.
  *
  * @since 2.2
@@ -1100,6 +1104,7 @@ declare class FlowCarousel extends FlowRdfElement {
     goToSlide(index: number, behavior?: ScrollBehavior): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-carousel': FlowCarousel;
@@ -1165,11 +1170,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-checkbox
  * @summary Checkboxes allow the user to toggle an option on or off.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/checkbox
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon
  *
  * @slot - The checkbox's label.
@@ -1192,7 +1195,7 @@ declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl
     static styles: CSSResultGroup;
     private readonly hasSlotController;
     private readonly formControlController;
-    input: HTMLInputElement;
+    private input;
     private hasFocus;
     title: string;
     /** The name of the checkbox, submitted as a name/value pair with form data. */
@@ -1230,7 +1233,9 @@ declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl
     private handleInput;
     private handleInvalid;
     private handleFocus;
+    /** @internal  */
     handleDisabledChange(): void;
+    /** @internal  */
     handleStateChange(): void;
     /** Simulates a click on the checkbox. */
     click(): void;
@@ -1251,6 +1256,7 @@ declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-checkbox': FlowCheckbox;
@@ -1258,10 +1264,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-menu-item
  * @summary Menu items provide options for the user to pick from in a menu.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-item
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon
  *
@@ -1300,6 +1304,7 @@ declare class FlowMenuItem extends FlowRdfElement {
     getTextLabel(): string;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-menu-item': FlowMenuItem;
@@ -1307,11 +1312,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-menu
  * @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
- * @status stable
- * @since 2.0
- *
+
  * @slot - The menu's content, including menu items, menu labels, and dividers.
  *
  * @event {{ item: FlowMenuItem }} flow-ui-select - Emitted when a menu item is selected.
@@ -1339,6 +1342,7 @@ declare class FlowMenu extends FlowRdfElement {
     setCurrentItem(item: FlowMenuItem): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-menu': FlowMenu;
@@ -1348,9 +1352,6 @@ declare global {
 /**
  * @tagname flow-ui-dropdown
  * @summary Dropdowns expose additional content that "drops down" in a panel.
- * @documentation https://shoelace.style/components/dropdown
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-popup
  *
@@ -1411,6 +1412,23 @@ declare class SlDropdown extends FlowRdfElement {
      * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
      */
     hoist: boolean;
+    /**
+     * 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;
+    /**
+     * The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+     * anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
+     * align the arrow to the start, end, or center of the popover instead.
+     */
+    arrowPlacement: 'start' | 'end' | 'center' | 'anchor';
+    /**
+     * The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
+     * this will prevent it from overflowing the corners.
+     */
+    arrowPadding: number;
     /**
      * Syncs the popup width or height to that of the trigger element.
      */
@@ -1490,6 +1508,7 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
     private readonly formControlController;
     private readonly hasSlotController;
     private readonly localize;
+    private _numberFormatter;
     input: HTMLInputElement;
     private hasFocus;
     title: string;
@@ -1520,6 +1539,8 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
     disabled: boolean;
     /** Placeholder text to show as a hint when the input is empty. */
     placeholder: string;
+    /** Number format to use for input controls with `type="number"`. (D3 format string) */
+    format: string;
     /** Makes the input readonly. */
     readonly: boolean;
     /** Adds a button to toggle the password's visibility. Only applies to password types. */
@@ -1571,6 +1592,7 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
      * keyboard on supportive devices.
      */
     inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    handleFormatChange(): void;
     /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
     get valueAsDate(): Date | null;
     set valueAsDate(newValue: Date | null);
@@ -1617,6 +1639,9 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
     reportValidity(): boolean;
     /** Sets a custom validation message. Pass an empty string to restore validity. */
     setCustomValidity(message: string): void;
+    private fromDisplayValue;
+    private toDisplayValue;
+    private clampValue;
     render(): lit.TemplateResult<1>;
 }
 
@@ -1627,29 +1652,9 @@ declare global {
 }
 
 /**
- * @summary The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/visually-hidden
- * @status stable
- * @since 2.0
- *
- * @slot - The content to be visually hidden.
- */
-declare class FlowVisuallyHidden extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-visually-hidden': FlowVisuallyHidden;
-    }
-}
-
-/**
+ * @tag flow-ui-color-picker
  * @summary Color pickers allow the user to select a color.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/color-picker
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-button
  * @dependency flow-ui-button-group
  * @dependency flow-ui-dropdown
@@ -1703,11 +1708,11 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
     private readonly formControlController;
     private isSafeValue;
     private readonly localize;
-    base: HTMLElement;
-    input: FlowInput;
-    dropdown: SlDropdown;
-    previewButton: HTMLButtonElement;
-    trigger: HTMLButtonElement;
+    private base;
+    private input;
+    private dropdown;
+    private previewButton;
+    private trigger;
     private hasFocus;
     private isDraggingGridHandle;
     private isEmpty;
@@ -1808,8 +1813,11 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
     /** Generates a hex string from HSV values. Hue must be 0-360. All other arguments must be 0-100. */
     private getHexString;
     private stopNestedEventPropagation;
+    /** @internal */
     handleFormatChange(): void;
+    /** @internal  */
     handleOpacityChange(): void;
+    /** @internal  */
     handleValueChange(oldValue: string | undefined, newValue: string): void;
     /** Sets focus on the color picker. */
     focus(options?: FocusOptions): void;
@@ -1827,12 +1835,162 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-color-picker': FlowColorPicker;
     }
 }
 
+interface StringColorStopOptions {
+    type: 'string';
+}
+interface NumberColorStopOptions {
+    type: 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+    units?: string;
+}
+interface SelectColorStopOptions {
+    type: 'select';
+    options: Array<string | {
+        value: string;
+        name?: string;
+    }>;
+}
+type ColorStopOptions = StringColorStopOptions | NumberColorStopOptions | SelectColorStopOptions;
+interface ColorStopValue {
+    value: string | number;
+    color: string;
+    options?: {
+        regex: boolean;
+        caseSensitive: boolean;
+    };
+}
+interface BaseColorMapperField {
+    name?: string;
+    field: string;
+}
+interface StringColorMapperField extends StringColorStopOptions, BaseColorMapperField {
+    type: 'string';
+}
+interface NumberColorMapperField extends NumberColorStopOptions, BaseColorMapperField {
+    type: 'number';
+}
+interface SelectColorMapperField extends SelectColorStopOptions, BaseColorMapperField {
+    type: 'select';
+}
+type ColorMapperField = StringColorMapperField | NumberColorMapperField | SelectColorMapperField;
+interface ColorMapperOptions {
+    fields: Record<string, ColorMapperField>;
+}
+interface ColorMapperValue {
+    mode: 'fixed' | 'data-driven';
+    field: string | undefined;
+    type?: 'string' | 'number' | 'select';
+    defaultColor?: string;
+    colorStops: ColorStopValue[];
+}
+
+/**
+ * @tagname flow-ui-color-mapper
+ * @summary A component for defining mappings between data values and colors.
+ *
+ */
+declare class FlowColorMapper extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private currentField?;
+    private readonly hasSlotController;
+    private modeRadioGroup;
+    private fixedColorPicker;
+    private fieldSelect;
+    private infoDialog;
+    field: string;
+    options: ColorMapperOptions;
+    value: ColorMapperValue;
+    size: 'small' | 'medium' | 'large';
+    defaultColorStop: boolean;
+    /**
+     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
+     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
+     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
+     */
+    swatches: string | string[];
+    private handleFixedPickerClick;
+    private handleChange;
+    private emitChange;
+    private handleColorStopRemove;
+    private getAllColorStops;
+    private getColorStopPlaceholder;
+    private fixedColorTemplate;
+    private dataDrivenColorTemplate;
+    private colorStopsTemplate;
+    private infoDialogTemplate;
+    render(): lit.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-color-mapper': FlowColorMapper;
+    }
+}
+
+/**
+ * @tagname flow-ui-color-stop
+ * @summary A single color stop used by the `flow-ui-color-mapper` component.
+ *
+ */
+declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
+    static styles: CSSResultGroup;
+    private readonly formControlController;
+    private input;
+    private picker;
+    private textOptions;
+    /** The name of the color stop, submitted as a name/value pair with form data. */
+    name: 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;
+    /** Makes the color stop as a required field. */
+    required: boolean;
+    options: ColorStopOptions;
+    value: ColorStopValue;
+    size: 'small' | 'medium' | 'large';
+    placeholder: boolean;
+    fixed?: string;
+    /**
+     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
+     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
+     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
+     */
+    swatches: string | string[];
+    get validity(): ValidityState;
+    get validationMessage(): "" | "Invalid regular expression";
+    checkValidity(): boolean;
+    getForm(): HTMLFormElement | null;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    private handleRemove;
+    private handleChange;
+    private emitChange;
+    private validate;
+    private textInputTemplate;
+    private numberInputTemplate;
+    private fixedInputTemplate;
+    private selectInputTemplate;
+    render(): lit.TemplateResult<1>;
+}
+
+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
@@ -1983,11 +2141,9 @@ declare global {
 }
 
 /**
+ * @tag flow-ui-details
  * @summary Details show a brief summary and expand to show additional content.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon
  *
  * @slot - The details' main content.
@@ -2035,6 +2191,7 @@ declare class FlowDetails extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-details': FlowDetails;
@@ -2042,11 +2199,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-dialog
  * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/dialog
- * @status stable
- * @since 2.0
- *
+
  * @dependency flow-ui-icon-button
  *
  * @slot - The dialog's main content.
@@ -2125,6 +2280,7 @@ declare class FlowDialog extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-dialog': FlowDialog;
@@ -2132,10 +2288,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-divider
  * @summary Dividers are used to visually separate or group elements.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider
- * @status stable
- * @since 2.0
  *
  * @cssproperty --color - The color of the divider.
  * @cssproperty --width - The width of the divider.
@@ -2148,6 +2302,7 @@ declare class FlowDivider extends FlowRdfElement {
     connectedCallback(): void;
     handleVerticalChange(): void;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-divider': FlowDivider;
@@ -2155,10 +2310,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-drawer
  * @summary Drawers slide in from a container to expose additional options and information.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/drawer
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon-button
  *
@@ -2253,6 +2406,7 @@ declare class FlowDrawer extends FlowRdfElement {
     hide(): Promise<void>;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-drawer': FlowDrawer;
@@ -2379,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.
@@ -2409,10 +2564,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-menu-label
  * @summary Menu labels are used to describe a group of menu items.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-label
- * @status stable
- * @since 2.0
  *
  * @slot - The menu label's content.
  *
@@ -2422,6 +2575,7 @@ declare class FlowMenuLabel extends FlowRdfElement {
     static styles: CSSResultGroup;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-menu-label': FlowMenuLabel;
@@ -2429,10 +2583,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-mutation-observer
  * @summary The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/mutation-observer
- * @status stable
- * @since 2.0
  *
  * @event {{ mutationList: MutationRecord[] }} flow-ui-mutation - Emitted when a mutation occurs.
  *
@@ -2445,85 +2597,36 @@ declare class FlowMutationObserver extends FlowRdfElement {
      * Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.
      * `attr="class id title"`. To watch all attributes, use `*`.
      */
-    attr: string;
-    /** Indicates whether or not the attribute's previous value should be recorded when monitoring changes. */
-    attrOldValue: boolean;
-    /** Watches for changes to the character data contained within the node. */
-    charData: boolean;
-    /** Indicates whether or not the previous value of the node's text should be recorded. */
-    charDataOldValue: boolean;
-    /** Watches for the addition or removal of new child nodes. */
-    childList: boolean;
-    /** Disables the observer. */
-    disabled: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleMutation;
-    private startObserver;
-    private stopObserver;
-    handleDisabledChange(): void;
-    handleChange(): void;
-    render(): lit.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-mutation-observer': FlowMutationObserver;
-    }
-}
-
-/**
- * @tagname flow-ui-number-stepper
- * @summary Number steppers are specialized input fields for selecting numbers.
- */
-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;
-    max: number;
-    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;
+    attr: string;
+    /** Indicates whether or not the attribute's previous value should be recorded when monitoring changes. */
+    attrOldValue: boolean;
+    /** Watches for changes to the character data contained within the node. */
+    charData: boolean;
+    /** Indicates whether or not the previous value of the node's text should be recorded. */
+    charDataOldValue: boolean;
+    /** Watches for the addition or removal of new child nodes. */
+    childList: boolean;
+    /** Disables the observer. */
+    disabled: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    stepUp(emitEvent?: boolean): void;
-    stepDown(emitEvent?: boolean): void;
-    handleValueChange(): Promise<void>;
-    handleFormatChange(): void;
-    private handleInputChange;
-    private clampValue;
+    private handleMutation;
+    private startObserver;
+    private stopObserver;
+    handleDisabledChange(): void;
+    handleChange(): void;
     render(): lit.TemplateResult<1>;
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-number-stepper': FlowNumberStepper;
+        'flow-ui-mutation-observer': FlowMutationObserver;
     }
 }
 
 /**
+ * @tagname flow-ui-option
  * @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
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon
  *
@@ -2656,10 +2759,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-progress-bar
  * @summary Progress bars are used to show the status of an ongoing operation.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/progress-bar
- * @status stable
- * @since 2.0
  *
  * @slot - A label to show inside the progress indicator.
  *
@@ -2683,6 +2784,7 @@ declare class FlowProgressBar extends FlowRdfElement {
     label: string;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-progress-bar': FlowProgressBar;
@@ -2690,10 +2792,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-progress-ring
  * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/progress-ring
- * @status stable
- * @since 2.0
  *
  * @slot - A label to show inside the ring.
  *
@@ -2719,6 +2819,7 @@ declare class FlowProgressRing extends FlowRdfElement {
     updated(changedProps: Map<string, unknown>): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-progress-ring': FlowProgressRing;
@@ -2837,9 +2938,12 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      */
     static registerFieldDefinition<T extends FlowQueryBuilderFieldType>(type: T, fieldDefinition: FlowQueryBuilderFieldDefinition<NoUnion<T>>): void;
     /**
-     *
+     *  Static helper method to convert a `FlowQueryBuilderRuleSet` to a set of
+     * `where` clauses for inclusion in a Flo.w query definition.
+  
+     * @param value A value to test
      */
-    static convertToFlowQuery: FlowQueryBuilderConverter;
+    static convertToFlowQuery(ruleset: FlowQueryBuilderRuleSet, config: FlowQueryBuilderConfig, options?: FlowQueryBuilderConverterOptions): any;
     /**
      * Static helper method to determine if supplied argument is
      * a `FlowQueryBuilderRule`.
@@ -2852,7 +2956,6 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      * a `FlowQueryBuilderRuleSet`.
      *
      * @param value A value to test
-     * @returns `true` if supplied value is a FlowQueryBuilderRuleSet
      */
     static isRuleSet(value: unknown): value is FlowQueryBuilderRuleSet;
     /**
@@ -2862,9 +2965,8 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      *
      * @param ruleset Rule set to filter
      * @param options Fields to include or exclude
-     * @returns The filtered rule set
      */
-    static filterRuleSet(ruleset: FlowQueryBuilderRuleSet, options: {
+    static filterRuleSet(ruleSet: FlowQueryBuilderRuleSet, options: {
         excludeFields?: string[];
         includeFields?: string[];
     }): FlowQueryBuilderRuleSet;
@@ -2873,9 +2975,8 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      *
      * @param ruleSet A `FlowQueryBuilderRuleSet` to rename.
      * @param replacements Mapping of string to string for renaming fields.
-     * @returns The renamed rule set.
      */
-    static renameRuleSetFields(ruleset: FlowQueryBuilderRuleSet, replacements: Record<string, string>): FlowQueryBuilderRuleSet;
+    static renameRuleSetFields(ruleSet: FlowQueryBuilderRuleSet, replacements: Record<string, string>): FlowQueryBuilderRuleSet;
     /**
      * Static helper method to recursively apply  a transform function to each rule
      * in a `FlowQueryBuilderRuleSet`.
@@ -2889,7 +2990,6 @@ declare class FlowQueryBuilder extends FlowRdfElement {
      *
      * @param ruleSet query builder rule set
      * @param transformFn transform function
-     * @returns The modified rule set
      */
     static transformRuleSet(ruleSet: FlowQueryBuilderRuleSet, transformFn: (rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined): FlowQueryBuilderRuleSet;
     private readonly hasSlotController;
@@ -3010,10 +3110,8 @@ declare class FormControlController implements ReactiveController {
 }
 
 /**
+ * @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.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-button-group
  *
@@ -3092,6 +3190,7 @@ declare class FlowRadioGroup extends FlowRdfElement implements FlowRdfFormContro
     setCustomValidity(message?: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-radio-group': FlowRadioGroup;
@@ -3099,12 +3198,9 @@ declare global {
 }
 
 /**
- * fdfd
  *
+ * @tagname flow-ui-radio
  * @summary Radios allow the user to select a single option from a group.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon
  *
@@ -3144,6 +3240,7 @@ declare class FlowRadio extends FlowRdfElement {
     handleDisabledChange(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-radio': FlowRadio;
@@ -3151,10 +3248,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-range
  * @summary Ranges allow the user to select a single value within a given range using a slider.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/range
- * @status stable
- * @since 2.0
  *
  * @slot label - The range's label. Alternatively, you can use the `label` attribute.
  * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
@@ -3258,6 +3353,7 @@ declare class FlowRange extends FlowRdfElement implements FlowRdfFormControl {
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-range': FlowRange;
@@ -3265,10 +3361,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-resize-observer
  * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/resize-observer
- * @status stable
- * @since 2.0
  *
  * @slot - One or more elements to watch for resizing.
  *
@@ -3288,6 +3382,7 @@ declare class FlowResizeObserver extends FlowRdfElement {
     handleDisabledChange(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-resize-observer': FlowResizeObserver;
@@ -3641,7 +3736,6 @@ declare class FlowSplitView extends FlowRdfElement {
      * @param caOpen whether panels can be opened to grow space
      * @param amount Number of pixels to grow by
      * @param dryRun if true, don't actually row panels, just calculate the amount that can be grown
-     * @returns number of pixels actually grown
      */
     private growPanels;
     private handleCollapseExpand;
@@ -3649,7 +3743,7 @@ declare class FlowSplitView extends FlowRdfElement {
      * This is called repeatedly as the user drags a panel divider.
      *
      * @param event
-     * @returns
+     *
      */
     private handleDrag;
     private handleDragEnd;
@@ -3668,7 +3762,6 @@ declare class FlowSplitView extends FlowRdfElement {
      * @param canClose whether panels can be closed to make space
      * @param amount Number of pixels to shrink by
      * @param dryRun if true, don't actually shrink panels, just calculate the amount that can be shrunk
-     * @returns number of pixels actually shrunk
      */
     private shrinkPanels;
     private sizeToPixels;
@@ -3742,11 +3835,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-switch
  * @summary Switches allow the user to toggle an option on or off.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/switch
- * @status stable
- * @since 2.0
- *
  * @slot - The switch's label.
  *
  * @event flow-ui-blur - Emitted when the control loses focus.
@@ -3819,6 +3909,7 @@ declare class FlowSwitch extends FlowRdfElement implements FlowRdfFormControl {
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-switch': FlowSwitch;
@@ -3826,10 +3917,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tab-group
  * @summary Tab groups organize content into a container that shows one section at a time.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-group
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon-button
  *
@@ -3898,6 +3987,7 @@ declare class FlowTabGroup extends FlowRdfElement {
     show(panel: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tab-group': FlowTabGroup;
@@ -3905,10 +3995,9 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tab-panel
  * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel
- * @status stable
- * @since 2.0
+
  *
  * @slot - The tab panel's content.
  *
@@ -3932,6 +4021,7 @@ declare class FlowTabPanel extends FlowRdfElement {
     handleActiveChange(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tab-panel': FlowTabPanel;
@@ -3939,10 +4029,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tab
  * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-icon-button
  *
@@ -3990,6 +4078,7 @@ declare class FlowTab extends FlowRdfElement {
     blur(): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tab': FlowTab;
@@ -3997,10 +4086,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-textarea
  * @summary Textareas collect data from the user and allow multiple lines of text.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/textarea
- * @status stable
- * @since 2.0
  *
  * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
  * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
@@ -4126,6 +4213,7 @@ declare class FlowTextarea extends FlowRdfElement implements FlowRdfFormControl
     setCustomValidity(message: string): void;
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-textarea': FlowTextarea;
@@ -4208,9 +4296,6 @@ declare global {
 
 /**
  * @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
- * @status stable
- * @since 2.0
  *
  * @dependency flow-ui-checkbox
  * @dependency flow-ui-icon
@@ -4288,6 +4373,7 @@ declare class FlowTreeItem extends FlowRdfElement {
     }): FlowTreeItem[];
     render(): lit.TemplateResult<1>;
 }
+
 declare global {
     interface HTMLElementTagNameMap {
         'flow-ui-tree-item': FlowTreeItem;
@@ -4295,10 +4381,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-tree
  * @summary Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tree
- * @status stable
- * @since 2.0
  *
  * @event {{ selection: FlowTreeItem[] }} flow-ui-selection-change - Emitted when a tree item is selected or deselected.
  *
@@ -4351,163 +4435,13 @@ declare class FlowTree extends FlowRdfElement {
     getFocusableItems(): FlowTreeItem[];
     render(): lit.TemplateResult<1>;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tree': FlowTree;
-    }
-}
-
-interface BaseColorStopOptions {
-    type: string;
-    label?: string;
-}
-interface StringColorStopOptions {
-    type: 'string';
-}
-interface NumberColorStopOptions {
-    type: 'number';
-    min?: number;
-    max?: number;
-    step?: number;
-    units?: string;
-}
-interface SelectColorStopOptions {
-    type: 'select';
-    options: Array<string | {
-        value: string;
-        name?: string;
-    }>;
-}
-type ColorStopOptions = StringColorStopOptions | NumberColorStopOptions | SelectColorStopOptions;
-interface ColorStopValue {
-    value: string | number;
-    color: string;
-    options?: {
-        regex: boolean;
-        caseSensitive: boolean;
-    };
-}
-interface BaseColorMapperField {
-    name?: string;
-    field: string;
-}
-interface StringColorMapperField extends StringColorStopOptions, BaseColorMapperField {
-    type: 'string';
-}
-interface NumberColorMapperField extends NumberColorStopOptions, BaseColorMapperField {
-    type: 'number';
-}
-interface SelectColorMapperField extends SelectColorStopOptions, BaseColorMapperField {
-    type: 'select';
-}
-type ColorMapperField = StringColorMapperField | NumberColorMapperField | SelectColorMapperField;
-interface ColorMapperOptions {
-    fields: Record<string, ColorMapperField>;
-}
-interface ColorMapperValue {
-    mode: 'fixed' | 'data-driven';
-    field: string | undefined;
-    type?: 'string' | 'number' | 'select';
-    defaultColor?: string;
-    colorStops: ColorStopValue[];
-}
-
-/**
- * @tagname flow-ui-color-mapper
- * @summary A component for defining mappings between data values and colors.
- *
- */
-declare class FlowColorMapper extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private currentField?;
-    private readonly hasSlotController;
-    modeRadioGroup: FlowRadioGroup;
-    fixedColorPicker: FlowColorPicker;
-    fieldSelect: FlowSelect;
-    infoDialog: FlowDialog;
-    field: string;
-    options: ColorMapperOptions;
-    value: ColorMapperValue;
-    size: 'small' | 'medium' | 'large';
-    defaultColorStop: boolean;
-    /**
-     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
-     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
-     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
-     */
-    swatches: string | string[];
-    private handleFixedPickerClick;
-    private handleChange;
-    private emitChange;
-    private handleColorStopRemove;
-    handleInfoClick(): void;
-    private getAllColorStops;
-    private getColorStopPlaceholder;
-    private fixedColorTemplate;
-    private dataDrivenColorTemplate;
-    private colorStopsTemplate;
-    private infoDialogTemplate;
-    render(): lit.TemplateResult<1>;
-}
 
-/**
- * @tagname flow-ui-color-stop
- * @summary A single color stop used by the `flow-ui-color-mapper` component.
- *
- */
-declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    input: HTMLInputElement;
-    picker: FlowColorPicker;
-    tooltip: FlowTooltip;
-    textOptions: FlowToolButtonGroup;
-    /** The name of the color stop, submitted as a name/value pair with form data. */
-    name: 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;
-    /** Makes the color stop as a required field. */
-    required: boolean;
-    options: ColorStopOptions;
-    value: ColorStopValue;
-    size: 'small' | 'medium' | 'large';
-    placeholder: boolean;
-    fixed?: string;
-    /**
-     * One or more predefined color swatches to display as presets in the color picker. Can include any format the color
-     * picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a
-     * semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.
-     */
-    swatches: string | string[];
-    get validity(): ValidityState;
-    get validationMessage(): "" | "Invalid regular expression";
-    checkValidity(): boolean;
-    getForm(): HTMLFormElement | null;
-    reportValidity(): boolean;
-    setCustomValidity(message: string): void;
-    private handleRemove;
-    private handleChange;
-    private emitChange;
-    private validate;
-    private textInputTemplate;
-    private numberInputTemplate;
-    private fixedInputTemplate;
-    private selectInputTemplate;
-    render(): lit.TemplateResult<1>;
-}
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-color-stop': FlowColorStopComponent;
+        'flow-ui-tree': FlowTree;
     }
 }
 
-declare function colorMapperValueToMaplibreExpression(value: ColorMapperValue): string;
-declare function escapeMaplibreString(value: string): string;
-
 /**
  * @tagname flow-ui-tool-button-group
  * @summary Tool buttons groups are used to build toolbars.
@@ -4736,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;
     }
 }
 
@@ -4750,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;
     }
 }
 
@@ -4849,6 +4783,15 @@ declare global {
     }
 }
 
+type FlowMapLoadEvent = CustomEvent<{
+    map: FlowMap;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'flow-ui-map-load': FlowMapLoadEvent;
+    }
+}
+
 type FlowMutationEvent = CustomEvent<{
     mutationList: MutationRecord[];
 }>;
@@ -4858,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 {
@@ -4950,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. */
@@ -5002,4 +4945,41 @@ 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, 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, 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 };
+/**
+ * Given a FlowQueryBuilderRuleSet this function will recursively filter rules.
+ *
+ * This can be used to sanitize user queries before they are executed.
+ *
+ * @param ruleset Rule set to filter
+ * @param options Fields to include or exclude
+ */
+declare function filterRuleSet(ruleset: FlowQueryBuilderRuleSet, options: {
+    excludeFields?: string[];
+    includeFields?: string[];
+}): FlowQueryBuilderRuleSet;
+declare function renameRuleSetFields(ruleset: FlowQueryBuilderRuleSet, replacements: Record<string, string>): FlowQueryBuilderRuleSet;
+/**
+ * Given a FlowQueryBuilderRuleSet this function will recursively apply
+ * a transform function to each rule.
+ *
+ * The transform fn should expect a single FlowQueryBuilderRule and return:
+ *
+ * - the same rule unmodifed or modified in place
+ * - `undefined` to exclude the rule from the rule set
+ *
+ * This can be used to sanitize rule sets before they are used to perform queries.
+ *
+ * @param ruleSet query builder rule set
+ * @param transformFn transform function
+ */
+declare function transformRuleSet(ruleSet: FlowQueryBuilderRuleSet, transformFn: (rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined, clone?: boolean): FlowQueryBuilderRuleSet;
+/**
+ * Helper functions to determine if supplied argument is a FlowQueryBuilderRule or FlowQueryBuilderRuleSet
+ */
+declare const isRule: (r: unknown) => r is FlowQueryBuilderRule<any>;
+declare const isRuleSet: (r: unknown) => r is FlowQueryBuilderRuleSet;
+declare const isRuleOrRuleset: (r: unknown) => r is FlowQueryBuilderRuleSet | FlowQueryBuilderRule<any>;
+
+declare const converter: FlowQueryBuilderConverter;
+
+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 };