@emuanalytics/flow-rdf-ui 4.1.0-preview.2 → 4.1.0-preview.21

package/dist/index.d.ts

@@ -94,6 +94,13 @@ declare global {
     }
 }
 
+type FlowDragDropEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'flow-ui-drag-drop': FlowDragDropEvent;
+    }
+}
+
 type FlowDragEndEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {
@@ -101,6 +108,13 @@ declare global {
     }
 }
 
+type FlowDragOverEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'flow-ui-drag-over': FlowDragOverEvent;
+    }
+}
+
 type FlowDragStartEvent = CustomEvent<Record<PropertyKey, never>>;
 declare global {
     interface GlobalEventHandlersEventMap {
@@ -1199,7 +1213,8 @@ type NoUnion<T, U = T> = T extends U ? ([U] extends [T] ? T : never) : never;
  * @event flow-ui-input - Emitted when the control's value changes.
  * @event flow-ui-change - Emitted when the control's value changes.
  * @event flow-ui-select - Emitted when a custom menu item is selected.
- *
+ * @event flow-ui-remove - Emitted when the user attempts to remove a rule or ruleset. Calling `event.preventDefault()` will cancel the removal.
+ * @event flow-ui-clear - Emitted when the user clears all rules from the tool menu.
  * @slot label - The component's label. Alternatively, you can use the `label` attribute.
  * @slot help-text - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.
  */
@@ -1239,6 +1254,8 @@ declare class FlowUiQueryBuilder extends FlowRdfElement {
     treeLines: boolean;
     /** @internal */
     subQueryBuilder: boolean;
+    /** Display control borders */
+    borders: boolean;
     connectedCallback(): void;
     /** @internal */
     handleClassChange(): void;
@@ -1557,6 +1574,15 @@ declare function renameRuleSetFields(ruleset: FlowQueryBuilderRuleSet, replaceme
  * @returns A new {@link FlowQueryBuilderRuleSet} with transformed rules.
  */
 declare function transformRuleSet(ruleSet: FlowQueryBuilderRuleSet, transformFn: (rule: FlowQueryBuilderRule) => FlowQueryBuilderRule | undefined, clone?: boolean): FlowQueryBuilderRuleSet;
+/**
+ * Recursively count the number of active rules in the supplied {@link FlowQueryBuilderRuleSet}.
+ *
+ * An 'active' rules is defined as having a valid field and being enabled.
+ *
+ * @param ruleSet Query builder rule set to count.
+ * @returns The number of active rules in the rule set.
+ */
+declare function countRuleSet(ruleset: FlowQueryBuilderRuleSet): number;
 /**
  * Helper function to determine if the supplied argument is a {@link FlowQueryBuilderRule}
  */
@@ -1939,6 +1965,8 @@ declare class FlowUiBadge extends FlowRdfElement {
     static styles: CSSResultGroup;
     /** The badge's theme variant. */
     variant: 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger';
+    /** The badge size. */
+    size: 'small' | 'medium' | 'large';
     /** Draws a pill-style badge with rounded edges. */
     pill: boolean;
     /** Makes the badge pulsate to draw attention. */
@@ -2409,6 +2437,7 @@ declare global {
 declare class FlowUiCard extends FlowRdfElement {
     static styles: CSSResultGroup;
     private readonly hasSlotController;
+    title: string;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -2541,6 +2570,8 @@ declare global {
  * @tagname flow-ui-chart
  * @summary The chart component displays Chart.js charts.
  *
+ * @slot title - The chart's title. Alternatively, you can use the `title` attribute.
+ *
  * @cssproperty --background-color - Chart background color (applied as the background color of the base container).
  * @cssproperty --text-color - General text color (titles etc.)
  * @cssproperty --axis-color - Color of the axis lines.
@@ -2558,14 +2589,23 @@ declare global {
  * @cssproperty --dataset-stroke-color-n - Color of the stroke for dataset n (where n = 0-9).
  * @cssproperty --dataset-fill-color-n - Color of the fill for dataset n (where n = 0-9).
  *
- * @csspart base - The base container of the chart.
+ * @cssproperty --header-padding - Chart header padding.
+ * @cssproperty --header-height - Chart header height.
+ * @cssproperty --header-font-size - Chart header font size.
+ * @cssproperty --header-color - Chart header text color.
+ *
+ * @csspart header - The header container of the chart.
+ * @csspart title - The chart title placed in the header.
  */
 declare class FlowUiChart extends FlowRdfElement {
     static styles: CSSResultGroup;
+    private readonly hasSlotController;
     private _chartRef;
     private _chart;
     /** The Chart.js chart instance. */
     get chart(): Chart<keyof ChartTypeRegistry, (number | chart_js.Point | [number, number] | chart_js.BubbleDataPoint | chartjs_chart_matrix.MatrixDataPoint | null)[], unknown>;
+    /** A label displayed in the chart's header. If you need to display HTML, use the `label` slot instead. */
+    title: string;
     /** The Chart.js chart type (e.g `line`, `bar` or a custom type). */
     type: string;
     /** The Chart.js `options` object. */
@@ -3845,6 +3885,10 @@ declare class FlowUiTab extends FlowRdfElement {
     disabled: boolean;
     /** Full title of tab  */
     label: string;
+    /** @internal
+     * The placement of the tabs. This is set by the parent tab group.
+     * */
+    placement: 'top' | 'bottom' | 'start' | 'end';
     /**
      * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
      * inside of the viewport.
@@ -3959,7 +4003,7 @@ declare class FlowUiTabGroup extends FlowRdfElement {
  * @dependency flow-ui-icon-button
  *
  * @slot - The dialog's main content.
- * @slot heading - The dialog's heading text. Alternatively, you can use the `heading` attribute.
+ * @slot title - The dialog's title text. Alternatively, you can use the `title` attribute.
  * @slot header-actions - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.
  * @slot footer - The dialog's footer, usually one or more buttons representing various options.
  *
@@ -3982,7 +4026,7 @@ declare class FlowUiTabGroup extends FlowRdfElement {
  * @csspart panel - The dialog's panel (where the dialog and its content are rendered).
  * @csspart header - The dialog's header. This element wraps the title and header actions.
  * @csspart header-actions - Optional actions to add to the header. Works best with `<flow-ui-icon-button>`.
- * @csspart heading - The dialog's heading text.
+ * @csspart title - The dialog's title text.
  * @csspart close-button - The close button, an `<flow-ui-icon-button>`.
  * @csspart close-button__base - The close button's exported `base` part.
  * @csspart body - The dialog's body.
@@ -4024,9 +4068,9 @@ declare class FlowUiDialog extends FlowRdfElement {
      */
     open: boolean;
     /**
-     * The dialog's heading text. If you need to display HTML, use the `heading` slot instead.
+     * The dialog's title text. If you need to display HTML, use the `title` slot instead.
      */
-    heading: string;
+    title: string;
     /**
      * Disables the header. This will also remove the default close button, so please ensure you provide an easy,
      * accessible way for users to dismiss the dialog.
@@ -4216,6 +4260,8 @@ declare class FlowUiFormGroup extends FlowRdfElement {
     private readonly hasSlotController;
     /** @internal */
     defaultSlot: HTMLSlotElement;
+    /** @internal - add form control class */
+    class: string;
     /**
      * The form group's label. If you need to display HTML, use the `label` slot instead.
      */
@@ -4224,14 +4270,14 @@ declare class FlowUiFormGroup extends FlowRdfElement {
     size: 'small' | 'medium' | 'large';
     /** The form groups's help text. If you need to display HTML, use the `help-text` slot instead. */
     helpText: string;
-    /** Set to `true` to hide divider lines between child form controls. */
-    noDividers: boolean;
-    /** Set to `true` to hide the form group border.  */
-    noBorder: boolean;
+    /** Set to `true` to display form group borders.  */
+    borders: boolean;
     /** The form group's theme variant. */
     variant: 'default' | 'warning' | 'danger';
     connectedCallback(): void;
     /** @internal */
+    handleClassChange(): void;
+    /** @internal */
     handleStyleChange(): void;
     private syncControls;
     private getAllControls;
@@ -4253,7 +4299,7 @@ declare global {
  * @dependency flow-ui-dialog
  * @dependency flow-ui-button
  *
- * @slot label - The gauge's label. Alternatively, you can use the `label` attribute.
+ * @slot title - The gauge's title. Alternatively, you can use the `title` attribute.
  * @slot value - The gauge's value. Alternatively, you can use the `value` attribute.
  * @slot unit - Alternatively, you can use the `unit` attribute.
  * @slot info - The content to display in the gauge's info dialog. If this is set then an info button will be displayed in the gauge's header.
@@ -4261,7 +4307,7 @@ declare global {
  * @csspart base - The component's base wrapper.
  * @csspart header - The gauge's header.
  * @csspart header-icon - The icon in the gauge's header.
- * @csspart label - The text in the gauge's header.
+ * @csspart title - The title text in the gauge's header.
  * @csspart info-button - The info button in the gauge's header (if info dialog configured).
  */
 declare class FlowUiGauge extends FlowRdfElement {
@@ -4269,8 +4315,8 @@ declare class FlowUiGauge extends FlowRdfElement {
     private readonly hasSlotController;
     private _formatter;
     private _infoDialog;
-    /** The gauge label displayed in the header. Alternatively, use the `label` slot to enhance the label with HTML markup. */
-    label: string;
+    /** The gauge title displayed in the header. Alternatively, use the `title` slot to enhance the label with HTML markup. */
+    title: string;
     /** The units of the gauge value. */
     units: string;
     /** The value to display in the gauge. */
@@ -4311,6 +4357,131 @@ declare global {
     }
 }
 
+/**
+ * @tagname flow-ui-list-item
+ * @summary A list item.
+ *
+ * @dependency flow-ui-input
+ * @dependency flow-ui-icon
+ * @dependency flow-ui-menu
+ * @dependency flow-ui-menu-item
+ *
+ * @slot prefix - The list item's prefix content.
+ * @slot suffix - The list item's suffix content.
+ * @slot menu - Specify custom menu items to add to the list item's menu.
+ *
+ * @event flow-ui-change - Emitted when the list item is renamed.
+ * @event flow-ui-remove - Emitted when the list item is removed. Calling `event.preventDefault()` will cancel the removal.
+ * @event flow-ui-select - Emitted when a menu item is selected.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart input - The list item's flow-ui-input control.
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ * @csspart reorder-icon - The list item's reorder icon.
+ * @csspart menu-button - The list item's menu-button.
+ *
+ * @cssproperty padding - The padding around the header. Defaults to `--flow-ui-panel-header-padding`.
+ * @cssproperty header-height - The height of the header. Defaults to `--flow-ui-panel-header-height`.
+ * @cssproperty background-color - The background color of the header. Defaults to `--flow-ui-panel-header-background-color`.
+ * @cssproperty color - The text color of the header. Defaults to `--flow-ui-panel-header-color`.
+ * @cssproperty accessory-color - The color of the accessory controls. Defaults to `--flow-ui-panel-header-accessory-color`.
+ */
+declare class FlowUiListItem extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private readonly hasSlotController;
+    /** @internal */
+    input: FlowUiInput;
+    /** The label text for the list item. */
+    label: string;
+    /** The tracking value (id) for the list item. */
+    value: string;
+    /** Set to enable renaming of the list item text. */
+    readonly: boolean;
+    /** Set to reordering of the list item. */
+    reorder: boolean;
+    /** Set to enable removing the list item. */
+    removable: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    rename(): void;
+    private handleMenuSelect;
+    private handleInputEvents;
+    private handleReorderPointerDown;
+    private handleReorderPointerUp;
+    private handleDragStart;
+    private handleDragOver;
+    private handleDragEnd;
+    private handleDrop;
+    renderMenu(): lit_html.TemplateResult<1>;
+    render(): lit_html.TemplateResult<1>;
+}
+
+/**
+ * @tagname flow-ui-list
+ * @summary A panel header provides a label, optional accessory controls and expand/collapse behavior for panels.
+ *
+ * @dependency flow-ui-list-item
+ *
+ * @slot label - The panel header's text content. Alternatively, use the `label` attribute for plain text.
+ * @slot prefix - The panel header's prefix content.
+ * @slot suffix - The panel header's suffix content.
+ * @slot expand-icon - Specify an alternative `<flow-ui-icon>` to use for the expand icon.
+ * @slot collapse-icon - Specify an alternative `<flow-ui-icon>` to use for the collapse icon.
+ *
+ * @event flow-ui-change - Emitted when a list item is renamed.
+ * @event flow-ui-remove - Emitted when a list item is removed.
+ * @event flow-ui-drag-start - Emitted when the user starts dragging to reorder list items.
+ * @event flow-ui-drag-drop - Emitted when the user drops a list item to reorder it.
+ * @event flow-ui-drag-end - Emitted when the drag-drop operation has finished or been cancelled.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The container that wraps the label.
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ * @csspart toggle-icon - The container that wraps the expand/collapse icon.
+ *
+ *
+ * @cssproperty padding - The padding around the list item`.
+ * @cssproperty height - The height of the list item.
+ * @cssproperty background-color - The background color of the list item.
+ * @cssproperty color - The text color of the list item.
+ * @cssproperty accessory-color - The color of the accessory controls.
+ */
+declare class FlowUiList extends FlowRdfElement {
+    static styles: CSSResultGroup;
+    private draggedItem;
+    private draggedOverItem;
+    /** Set to enable renaming of the list item text. */
+    readonly: boolean;
+    /** Set to reordering of the list item. */
+    reorder: boolean;
+    /** Set to enable removing the list item. */
+    removable: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get listItems(): FlowUiListItem[];
+    private handleDragStart;
+    private handleDragOver;
+    private handleDrop;
+    private handleDragEnd;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-list': FlowUiList;
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'flow-ui-list-item': FlowUiListItem;
+    }
+}
+
 /**
  * This component wraps a `FlowCoreMap` instance from the flow-rdf-core library and
  * provides access to its API.
@@ -4405,6 +4576,10 @@ declare class FlowUiMap extends FlowRdfElement {
      * Set the bearing snap threshold in degrees. Set to 0 to disable bearing snapping.
      */
     bearingSnap: number;
+    /**
+     * Set fade duration in milliseconds for the label collision fade-in/fade-out animation.
+     */
+    fadeDuration: number;
     /**
      * The underlying core FlowCoreMap instance. Note that this is
      * `undefined` until the map has been initialized.
@@ -4565,7 +4740,7 @@ declare global {
  *
  * @dependency flow-ui-split-view-toggle-button
  *
- * @slot label - The panel header's text content. Alternatively, use the `label` attribute for plain text.
+ * @slot title - The panel header's title content. Alternatively, use the `title` attribute for plain text.
  * @slot prefix - The panel header's prefix content.
  * @slot suffix - The panel header's suffix content.
  * @slot expand-icon - Specify an alternative `<flow-ui-icon>` to use for the expand icon.
@@ -4575,7 +4750,7 @@ declare global {
  * @event flow-ui-expand - Emitted when the header is expanded by UI interaction.
  *
  * @csspart base - The component's base wrapper.
- * @csspart label - The container that wraps the label.
+ * @csspart title - The container that wraps the title.
  * @csspart prefix - The container that wraps the prefix.
  * @csspart suffix - The container that wraps the suffix.
  * @csspart toggle-icon - The container that wraps the expand/collapse icon.
@@ -4596,8 +4771,8 @@ declare class FlowUiPanelHeader extends FlowRdfElement {
      * Alternatively, call the `expand()` and `collapse()` methods.
      */
     closed: boolean;
-    /** The header text. Use the `label` slot instead to display HTML. */
-    label: string;
+    /** The header title. Use the `title` slot instead to display HTML. */
+    title: string;
     /** Set to `true` to hide the panel expand/collapse button. */
     fixed: boolean;
     constructor();
@@ -4624,6 +4799,7 @@ declare global {
  */
 declare class FlowUiPanel extends FlowRdfElement {
     static styles: CSSResultGroup;
+    formElements: Array<HTMLElement>;
     /**
      * Indicates whether the panel is open or closed.
      */
@@ -4642,6 +4818,7 @@ declare class FlowUiPanel extends FlowRdfElement {
     expand(emitEvent?: boolean): Promise<void>;
     /** Close the panel */
     collapse(emitEvent?: boolean): Promise<void>;
+    private handleSlotChange;
     render(): lit_html.TemplateResult<1>;
 }
 
@@ -5620,6 +5797,10 @@ declare class FlowUiTabPanel extends FlowRdfElement {
      * Indicates whether the panel is scrollable. By default overflow is hidden.
      */
     scrollable: boolean;
+    /**
+     * Indicates whether the panel body has padding.
+     */
+    padding: boolean;
     connectedCallback(): void;
     /** @internal */
     handleActiveChange(): void;
@@ -6268,4 +6449,4 @@ declare global {
     }
 }
 
-export { type BaseColorMapperField, type BaseColorStopOptions, type ColorMapperField, type ColorMapperOptions, type ColorMapperValue, type ColorStopOptions, type ColorStopValue, type FlowQueryBuilderConfig, type FlowQueryBuilderConverter, type FlowQueryBuilderConverterOptions, type FlowQueryBuilderDateField, type FlowQueryBuilderDateTimeField, type FlowQueryBuilderDateTimeFieldBase, type FlowQueryBuilderField, type FlowQueryBuilderFieldBase, type FlowQueryBuilderFieldDefinition, type FlowQueryBuilderFieldMap, type FlowQueryBuilderFieldType, type FlowQueryBuilderFieldTypeMap, type FlowQueryBuilderNumberField, type FlowQueryBuilderOption, type FlowQueryBuilderRule, type FlowQueryBuilderRuleSet, type FlowQueryBuilderSelectField, type FlowQueryBuilderStringField, type FlowQueryBuilderTemplateFn, type FlowQueryBuilderTimeField, type FlowAfterCollapseEvent as FlowUiAfterCollapseEvent, type FlowAfterExpandEvent as FlowUiAfterExpandEvent, type FlowAfterHideEvent as FlowUiAfterHideEvent, type FlowAfterShowEvent as FlowUiAfterShowEvent, FlowUiAlert, FlowUiAnimation, FlowUiAvatar, FlowUiBadge, FlowUiBaseControl, type FlowBlurEvent as FlowUiBlurEvent, FlowUiBreadcrumb, FlowUiBreadcrumbItem, FlowUiButton, FlowUiButtonGroup, FlowUiCalendar, type FlowCancelEvent as FlowUiCancelEvent, FlowUiCard, FlowUiCarousel, FlowUiCarouselItem, type FlowChangeEvent as FlowUiChangeEvent, FlowUiChart, FlowUiCheckbox, FlowUiCheckboxGroup, type FlowClearEvent as FlowUiClearEvent, type FlowCloseEvent as FlowUiCloseEvent, type FlowCollapseEvent as FlowUiCollapseEvent, type FlowCollapseTreeEvent as FlowUiCollapseSplitViewEvent, FlowUiColorMapper, FlowUiColorPicker, FlowUiColorStop, FlowUiDateTimePicker, FlowUiDetails, FlowUiDialog, FlowUiDivider, type FlowDragEvent as FlowUiDragEvent, type FlowDragStartEvent as FlowUiDragStartEvent, FlowUiDrawer, FlowUiDropdown, type FlowErrorEvent as FlowUiErrorEvent, type FlowExpandEvent as FlowUiExpandEvent, type FlowExpandTreeEvent as FlowUiExpandSplitViewEvent, type FlowFinishEvent as FlowUiFinishEvent, type FlowFocusEvent as FlowUiFocusEvent, FlowUiFormGroup, FlowUiGauge, type FlowHideEvent as FlowUiHideEvent, type FlowHoverEvent as FlowUiHoverEvent, FlowUiIcon, FlowUiIconButton, type FlowInitialFocusEvent as FlowUiInitialFocusEvent, FlowUiInput, type FlowInputEvent as FlowUiInputEvent, type FlowInvalidEvent as FlowUiInvalidEvent, type FlowLazyChangeEvent as FlowUiLazyChangeEvent, type FlowLazyLoadEvent as FlowUiLazyLoadEvent, type FlowLoadEvent as FlowUiLoadEvent, FlowUiMap, type FlowMapLoadEvent as FlowUiMapLoadEvent, FlowUiMenu, FlowUiMenuItem, FlowUiMenuLabel, type FlowMutationEvent as FlowUiMutationEvent, FlowUiMutationObserver, FlowUiOption, FlowUiPanel, FlowUiPanelHeader, type FlowPanelToggleEvent as FlowUiPanelToggleEvent, FlowUiPopup, FlowUiProgressBar, FlowUiProgressRing, FlowUiQueryBuilder, FlowUiRadio, FlowUiRadioGroup, FlowUiRange, type FlowRemoveEvent as FlowUiRemoveEvent, type FlowRepositionEvent as FlowUiRepositionEvent, type FlowRequestCloseEvent as FlowUiRequestCloseEvent, type FlowResizeEvent as FlowUiResizeEvent, FlowUiResizeObserver, FlowUiScrollView, FlowUiSelect, type FlowSelectEvent as FlowUiSelectEvent, type FlowShowEvent as FlowUiShowEvent, type FlowSlideChange as FlowUiSlideChange, FlowUiSpinner, FlowUiSplitView, FlowUiSplitViewDivider, FlowUiSplitViewPane, FlowUiSplitViewToggleButton, type FlowStartEvent as FlowUiStartEvent, FlowUiStepper, FlowUiStepperPanel, FlowUiSwitch, FlowUiTab, FlowUiTabGroup, type FlowTabHideEvent as FlowUiTabHideEvent, FlowUiTabPanel, type FlowTabShowEvent as FlowUiTabShowEvent, FlowUiTag, FlowUiTextarea, FlowUiTimer, FlowUiToolButton, FlowUiToolButtonGroup, FlowUiTooltip, FlowUiTree, FlowUiTreeItem, type FlowDragEndEvent as FlowUiUiDragEndEvent, FlowUiVisuallyHidden, JavaScriptFilterError, type JavaScriptFilterFn, LocalizeController, type NumberColorMapperField, type NumberColorStopOptions, type SelectColorMapperField, type SelectColorStopOptions, type StringColorMapperField, type StringColorStopOptions, type Translation, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, filterRuleSet, converter$2 as flowQueryConverter, getAnimationNames, getEasingNames, initialize, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, converter$1 as javascriptFilterConverter, converter as mapLayerFilterConverter, registerChartComponent, registerComponents, registerIconLibrary, registerTranslation, renameRuleSetFields, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };
+export { type BaseColorMapperField, type BaseColorStopOptions, type ColorMapperField, type ColorMapperOptions, type ColorMapperValue, type ColorStopOptions, type ColorStopValue, type FlowQueryBuilderConfig, type FlowQueryBuilderConverter, type FlowQueryBuilderConverterOptions, type FlowQueryBuilderDateField, type FlowQueryBuilderDateTimeField, type FlowQueryBuilderDateTimeFieldBase, type FlowQueryBuilderField, type FlowQueryBuilderFieldBase, type FlowQueryBuilderFieldDefinition, type FlowQueryBuilderFieldMap, type FlowQueryBuilderFieldType, type FlowQueryBuilderFieldTypeMap, type FlowQueryBuilderNumberField, type FlowQueryBuilderOption, type FlowQueryBuilderRule, type FlowQueryBuilderRuleSet, type FlowQueryBuilderSelectField, type FlowQueryBuilderStringField, type FlowQueryBuilderTemplateFn, type FlowQueryBuilderTimeField, type FlowAfterCollapseEvent as FlowUiAfterCollapseEvent, type FlowAfterExpandEvent as FlowUiAfterExpandEvent, type FlowAfterHideEvent as FlowUiAfterHideEvent, type FlowAfterShowEvent as FlowUiAfterShowEvent, FlowUiAlert, FlowUiAnimation, FlowUiAvatar, FlowUiBadge, FlowUiBaseControl, type FlowBlurEvent as FlowUiBlurEvent, FlowUiBreadcrumb, FlowUiBreadcrumbItem, FlowUiButton, FlowUiButtonGroup, FlowUiCalendar, type FlowCancelEvent as FlowUiCancelEvent, FlowUiCard, FlowUiCarousel, FlowUiCarouselItem, type FlowChangeEvent as FlowUiChangeEvent, FlowUiChart, FlowUiCheckbox, FlowUiCheckboxGroup, type FlowClearEvent as FlowUiClearEvent, type FlowCloseEvent as FlowUiCloseEvent, type FlowCollapseEvent as FlowUiCollapseEvent, type FlowCollapseTreeEvent as FlowUiCollapseSplitViewEvent, FlowUiColorMapper, FlowUiColorPicker, FlowUiColorStop, FlowUiDateTimePicker, FlowUiDetails, FlowUiDialog, FlowUiDivider, type FlowDragDropEvent as FlowUiDragDrop, type FlowDragEndEvent as FlowUiDragEndEvent, type FlowDragEvent as FlowUiDragEvent, type FlowDragOverEvent as FlowUiDragOverEvent, type FlowDragStartEvent as FlowUiDragStartEvent, FlowUiDrawer, FlowUiDropdown, type FlowErrorEvent as FlowUiErrorEvent, type FlowExpandEvent as FlowUiExpandEvent, type FlowExpandTreeEvent as FlowUiExpandSplitViewEvent, type FlowFinishEvent as FlowUiFinishEvent, type FlowFocusEvent as FlowUiFocusEvent, FlowUiFormGroup, FlowUiGauge, type FlowHideEvent as FlowUiHideEvent, type FlowHoverEvent as FlowUiHoverEvent, FlowUiIcon, FlowUiIconButton, type FlowInitialFocusEvent as FlowUiInitialFocusEvent, FlowUiInput, type FlowInputEvent as FlowUiInputEvent, type FlowInvalidEvent as FlowUiInvalidEvent, type FlowLazyChangeEvent as FlowUiLazyChangeEvent, type FlowLazyLoadEvent as FlowUiLazyLoadEvent, FlowUiList, FlowUiListItem, type FlowLoadEvent as FlowUiLoadEvent, FlowUiMap, type FlowMapLoadEvent as FlowUiMapLoadEvent, FlowUiMenu, FlowUiMenuItem, FlowUiMenuLabel, type FlowMutationEvent as FlowUiMutationEvent, FlowUiMutationObserver, FlowUiOption, FlowUiPanel, FlowUiPanelHeader, type FlowPanelToggleEvent as FlowUiPanelToggleEvent, FlowUiPopup, FlowUiProgressBar, FlowUiProgressRing, FlowUiQueryBuilder, FlowUiRadio, FlowUiRadioGroup, FlowUiRange, type FlowRemoveEvent as FlowUiRemoveEvent, type FlowRepositionEvent as FlowUiRepositionEvent, type FlowRequestCloseEvent as FlowUiRequestCloseEvent, type FlowResizeEvent as FlowUiResizeEvent, FlowUiResizeObserver, FlowUiScrollView, FlowUiSelect, type FlowSelectEvent as FlowUiSelectEvent, type FlowShowEvent as FlowUiShowEvent, type FlowSlideChange as FlowUiSlideChange, FlowUiSpinner, FlowUiSplitView, FlowUiSplitViewDivider, FlowUiSplitViewPane, FlowUiSplitViewToggleButton, type FlowStartEvent as FlowUiStartEvent, FlowUiStepper, FlowUiStepperPanel, FlowUiSwitch, FlowUiTab, FlowUiTabGroup, type FlowTabHideEvent as FlowUiTabHideEvent, FlowUiTabPanel, type FlowTabShowEvent as FlowUiTabShowEvent, FlowUiTag, FlowUiTextarea, FlowUiTimer, FlowUiToolButton, FlowUiToolButtonGroup, FlowUiTooltip, FlowUiTree, FlowUiTreeItem, FlowUiVisuallyHidden, JavaScriptFilterError, type JavaScriptFilterFn, LocalizeController, type NumberColorMapperField, type NumberColorStopOptions, type SelectColorMapperField, type SelectColorStopOptions, type StringColorMapperField, type StringColorStopOptions, type Translation, addIcons, colorMapperValueToMaplibreExpression, countRuleSet, escapeMaplibreString, filterRuleSet, converter$2 as flowQueryConverter, getAnimationNames, getEasingNames, initialize, initializeChartJs, isRule, isRuleOrRuleset, isRuleSet, converter$1 as javascriptFilterConverter, converter as mapLayerFilterConverter, registerChartComponent, registerComponents, registerIconLibrary, registerTranslation, renameRuleSetFields, setDefaultLocale, setDefaultTimeZone, transformRuleSet, unregisterIconLibrary };

package/dist/index.mjs

@@ -29,6 +29,8 @@ export { default as FlowUiGauge } from './components/gauge/gauge.component.mjs';
 export { default as FlowUiIconButton } from './components/icon-button/icon-button.component.mjs';
 export { default as FlowUiIcon } from './components/icon/icon.component.mjs';
 export { default as FlowUiInput } from './components/input/input.component.mjs';
+export { default as FlowUiList } from './components/list/list.component.mjs';
+export { default as FlowUiListItem } from './components/list-item/list-item.component.mjs';
 export { default as FlowUiMap } from './components/map/map.component.mjs';
 export { default as FlowUiMenuItem } from './components/menu-item/menu-item.component.mjs';
 export { default as FlowUiMenuLabel } from './components/menu-label/menu-label.component.mjs';
@@ -76,7 +78,7 @@ export { registerIconLibrary, unregisterIconLibrary } from './components/icon/li
 export { setDefaultLocale, setDefaultTimeZone } from './utilities/locale.mjs';
 export { registerTranslation } from './internal/localize.mjs';
 export { LocalizeController } from './utilities/localize.mjs';
-export { filterRuleSet, isRule, isRuleOrRuleset, isRuleSet, renameRuleSetFields, transformRuleSet } from './components/query-builder/helpers.mjs';
+export { countRuleSet, filterRuleSet, isRule, isRuleOrRuleset, isRuleSet, renameRuleSetFields, transformRuleSet } from './components/query-builder/helpers.mjs';
 export { default as flowQueryConverter } from './components/query-builder/converters/flow-query-converters.mjs';
 export { default as javascriptFilterConverter } from './components/query-builder/converters/javascript-filter-converter.mjs';
 export { default as mapLayerFilterConverter } from './components/query-builder/converters/map-layer-filter-converter.mjs';

package/dist/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "4.1.0-preview.1";
+const version = "4.1.0-preview.20";
 
 export { version };

package/dist/styles/form-control.styles.mjs

@@ -144,6 +144,10 @@ const formControlStyles = css`
     user-select: none;
   }
 
+  .form-control--disabled .form-control__label {
+    color: var(--control-color-disabled);
+  }
+
   :host([required]) .form-control--has-label .form-control__label::after {
     content: var(--flow-ui-control-required-content);
     margin-inline-start: var(--flow-ui-control-required-content-offset);
@@ -176,6 +180,7 @@ const formControlStyles = css`
   }
 
   .form-control--has-divider .form-control__divider {
+    --color: var(--flow-ui-color-neutral-300);
     display: block;
     grid-column: 1 / -1;
     --spacing: var(--flow-ui-spacing-x-small);

package/dist/utilities/register-components.mjs

@@ -28,6 +28,8 @@ import FlowUiGauge from '../components/gauge/gauge.component.mjs';
 import FlowUiIconButton from '../components/icon-button/icon-button.component.mjs';
 import FlowUiIcon from '../components/icon/icon.component.mjs';
 import FlowUiInput from '../components/input/input.component.mjs';
+import FlowUiListItem from '../components/list-item/list-item.component.mjs';
+import FlowUiList from '../components/list/list.component.mjs';
 import FlowUiMap from '../components/map/map.component.mjs';
 import FlowUiMenuItem from '../components/menu-item/menu-item.component.mjs';
 import FlowUiMenuLabel from '../components/menu-label/menu-label.component.mjs';
@@ -98,6 +100,9 @@ async function registerComponents() {
   FlowUiIconButton.define("flow-ui-icon-button");
   FlowUiIcon.define("flow-ui-icon");
   FlowUiInput.define("flow-ui-input");
+  FlowUiList.define("flow-ui-list");
+  FlowUiListItem.define("flow-ui-list");
+  FlowUiListItem.define("flow-ui-list-item");
   FlowUiMap.define("flow-ui-map");
   FlowUiMenuItem.define("flow-ui-menu-item");
   FlowUiMenuLabel.define("flow-ui-menu-label");
@@ -164,6 +169,8 @@ async function registerComponents() {
     window.customElements.whenDefined("flow-ui-icon-button"),
     window.customElements.whenDefined("flow-ui-icon"),
     window.customElements.whenDefined("flow-ui-input"),
+    window.customElements.whenDefined("flow-ui-list"),
+    window.customElements.whenDefined("flow-ui-list-item"),
     window.customElements.whenDefined("flow-ui-map"),
     window.customElements.whenDefined("flow-ui-menu-item"),
     window.customElements.whenDefined("flow-ui-menu-label"),