@emuanalytics/flow-rdf-ui 0.0.26 → 0.0.27

package/dist/index.d.ts

@@ -899,7 +899,9 @@ declare global {
 }
 
 /**
-
+ * @tagname flow-ui-calendar
+ * @summary A calendar component for selecting dates and times.
+ *
  */
 declare class FlowCalendar extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -2255,10 +2257,8 @@ declare global {
 }
 
 /**
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
- * @status stable
- * @since 2.0
+ * @tagname flow-ui-gauge
+ * @summary Gauges are used to display a single value with an optional icon and heading.
  */
 declare class FlowGauge extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -2364,7 +2364,8 @@ declare global {
 }
 
 /**
-
+ * @tagname flow-ui-number-stepper
+ * @summary Number steppers are specialized input fields for selecting numbers.
  */
 declare class FlowNumberStepper extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -2450,7 +2451,8 @@ declare global {
 }
 
 /**
- * @summary A panel header provides a title, optional accessory controls and expand/collapse behaviour for panels.
+ * @tagname flow-ui-panel-header
+ * @summary A panel header provides a title, optional accessory controls and expand/collapse behavior for panels.
  *
  * @slot title - The panel header's title content. Alternatively, use the `title` attribute for plain text.
  * @slot prefix - The panel header's prefix content.
@@ -2497,12 +2499,10 @@ declare global {
 }
 
 /**
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
- * @status stable
- * @since 2.0
+ * @tagname flow-ui-panel
+ * @summary Panels are use with split-views to create resizable areas.
  */
-declare class FlowSplitViewPanel extends FlowRdfElement {
+declare class FlowPanel extends FlowRdfElement {
     static styles: CSSResultGroup;
     /**
      * Indicates whether the panel is open or closed.
@@ -2527,7 +2527,7 @@ declare class FlowSplitViewPanel extends FlowRdfElement {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'flow-ui-panel': FlowSplitViewPanel;
+        'flow-ui-panel': FlowPanel;
     }
 }
 
@@ -2954,27 +2954,8 @@ declare global {
 }
 
 /**
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
- * @status stable
- * @since 2.0
- *
- * @event flow-ui-reposition - Emitted when the divider's position changes.
- *
- * @slot start - Content to place in the start panel.
- * @slot end - Content to place in the end panel.
- * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.
- *
- * @csspart start - The start panel.
- * @csspart end - The end panel.
- * @csspart panel - Targets both the start and end panels.
- * @csspart divider - The divider that separates the start and end panels.
- *
- * @cssproperty [--divider-width=4px] - The width of the visible divider.
- * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is
- *  usually wider than the divider to facilitate easier dragging.
- * @cssproperty [--min=0] - The minimum allowed size of the primary panel.
- * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.
+ * @tagname flow-ui-scroll-view
+ * @summary Scroll views provide a scrollable area for content.
  */
 declare class FlowScrollView extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -3197,10 +3178,8 @@ declare global {
 }
 
 /**
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
- * @status stable
- * @since 2.0
+ * @tagname flow-ui-split-divider
+ * @summary Split-view dividers are used internally by split-views to create resizable areas.
  */
 declare class FlowPanelDivider extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -3222,7 +3201,8 @@ declare global {
 }
 
 /**
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
+ * @tagname split-view-pane
+ * @summary Split-view panes are used with split-views to create resizable areas.
  */
 declare class FlowSplitViewPane extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -3261,10 +3241,8 @@ declare global {
 }
 
 /**
+ * @tagname flow-ui-split-view-toggle-button
  * @summary Use a split panel toggle button to control a parent panel's open/closed state
- *
- * @dependency flow-ui-icon-button flow-ui-icon
- *
  */
 declare class FlowSplitViewToggleButton extends FlowIconButton {
     static styles: lit.CSSResultGroup[];
@@ -3293,10 +3271,8 @@ declare global {
 }
 
 /**
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
- * @status stable
- * @since 2.0
+ * @tagname flow-ui-split-view
+ * @summary Split-views contain 2 or more split-view panes to create resizable areas.
  */
 declare class FlowSplitView extends FlowRdfElement {
     private animatingPanelIndex?;
@@ -3367,16 +3343,9 @@ declare global {
 }
 
 /**
- * @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.
- *
- * @csspart base - The component's base wrapper.
- *
- * @cssproperty --padding - The tab panel's padding.
+ * @tagname flow-ui-stepper-panel
+ * @summary Stepper panels provide a single page in a stepper to guide users through a series of steps.
+
  */
 declare class FlowStepperPanel extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -3402,16 +3371,8 @@ declare global {
 }
 
 /**
- * @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.
- *
- * @csspart base - The component's base wrapper.
- *
- * @cssproperty --padding - The tab panel's padding.
+ * @tagname flow-ui-stepper
+ * @summary Steppers are used to guide users through a series of steps in a wizard-like UI.
  */
 declare class FlowStepper extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -4052,6 +4013,11 @@ interface ColorMapperValue {
     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?;
@@ -4085,6 +4051,11 @@ declare class FlowColorMapper extends FlowRdfElement {
     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;
@@ -4139,27 +4110,8 @@ declare function colorMapperValueToMaplibreExpression(value: ColorMapperValue):
 declare function escapeMaplibreString(value: string): string;
 
 /**
- * @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
- *
- * @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
- *  attribute.
- *
- * @event flow-ui-change - Emitted when the radio group's selected value changes.
- * @event flow-ui-input - Emitted when the radio group receives user input.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @csspart form-control-label - The label's wrapper.
- * @csspart form-control-input - The input's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart button-group - The button group that wraps radio buttons.
- * @csspart button-group__base - The button group's `base` part.
+ * @tagname flow-ui-tool-button-group
+ * @summary Tool buttons groups are used to build toolbars.
  */
 declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormControl {
     static styles: CSSResultGroup;
@@ -4233,24 +4185,8 @@ declare global {
 }
 
 /**
- * @summary Radios buttons allow the user to select a single option from a group using a button-like control.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-button
- * @status stable
- * @since 2.0
- *
- * @slot - The radio button's label.
- * @slot prefix - A presentational prefix icon or similar element.
- * @slot suffix - A presentational suffix icon or similar element.
- *
- * @event flow-ui-blur - Emitted when the button loses focus.
- * @event flow-ui-focus - Emitted when the button gains focus.
- *
- * @csspart base - The component's base wrapper.
- * @csspart button - The internal `<button>` element.
- * @csspart button--checked - The internal button element when the radio button is checked.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart label - The container that wraps the radio button's label.
- * @csspart suffix - The container that wraps the suffix.
+ * @tagname flow-ui-tool-button
+ * @summary Tool buttons are used in toolbars. They can be used to toggle a state or perform an action.
  */
 declare class FlowToolButton extends FlowRdfElement {
     static styles: CSSResultGroup;
@@ -4648,4 +4584,4 @@ declare function unregisterIconLibrary(name: string): void;
 declare function setDefaultLocale(locale: string): void;
 declare function setDefaultTimeZone(timeZone: string): void;
 
-export { BaseColorMapperField, BaseColorStopOptions, ColorMapperField, ColorMapperOptions, ColorMapperValue, ColorStopOptions, ColorStopValue, FlowAfterCollapseEvent, FlowAfterExpandEvent, FlowAfterHideEvent, FlowAfterShowEvent, FlowAlert, FlowAnimation, FlowAvatar, FlowBadge, FlowBlurEvent, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCancelEvent, FlowCard, FlowCarousel, FlowCarouselItem, FlowChangeEvent, FlowChart, FlowCheckbox, FlowClearEvent, FlowCloseEvent, FlowCollapseEvent, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDragEndEvent, FlowDragEvent, FlowDragStartEvent, FlowDrawer, FlowDropdown, FlowErrorEvent, FlowExpandEvent, FlowFinishEvent, FlowFocusEvent, FlowGauge, FlowHideEvent, FlowHoverEvent, FlowIcon, FlowIconButton, FlowInitialFocusEvent, FlowInput, FlowInputEvent, FlowInvalidEvent, FlowLazyChangeEvent, FlowLazyLoadEvent, FlowLoadEvent, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationEvent, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowSplitViewPanel as FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowRadio, FlowRadioGroup, FlowRange, FlowRemoveEvent, FlowRepositionEvent, FlowRequestCloseEvent, FlowResizeEvent, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSelectEvent, FlowSelectionChangeEvent, FlowShowEvent, FlowSlideChange, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStartEvent, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabHideEvent, FlowTabPanel, FlowTabShowEvent, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, NumberColorMapperField, NumberColorStopOptions, SelectColorMapperField, SelectColorStopOptions, StringColorMapperField, StringColorStopOptions, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
+export { BaseColorMapperField, BaseColorStopOptions, ColorMapperField, ColorMapperOptions, ColorMapperValue, ColorStopOptions, ColorStopValue, FlowAfterCollapseEvent, FlowAfterExpandEvent, FlowAfterHideEvent, FlowAfterShowEvent, FlowAlert, FlowAnimation, FlowAvatar, FlowBadge, FlowBlurEvent, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCancelEvent, FlowCard, FlowCarousel, FlowCarouselItem, FlowChangeEvent, FlowChart, FlowCheckbox, FlowClearEvent, FlowCloseEvent, FlowCollapseEvent, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDragEndEvent, FlowDragEvent, FlowDragStartEvent, FlowDrawer, FlowDropdown, FlowErrorEvent, FlowExpandEvent, FlowFinishEvent, FlowFocusEvent, FlowGauge, FlowHideEvent, FlowHoverEvent, FlowIcon, FlowIconButton, FlowInitialFocusEvent, FlowInput, FlowInputEvent, FlowInvalidEvent, FlowLazyChangeEvent, FlowLazyLoadEvent, FlowLoadEvent, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationEvent, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowPanel, FlowPanelHeader, FlowPanelToggleEvent, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowRadio, FlowRadioGroup, FlowRange, FlowRemoveEvent, FlowRepositionEvent, FlowRequestCloseEvent, FlowResizeEvent, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSelectEvent, FlowSelectionChangeEvent, FlowShowEvent, FlowSlideChange, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStartEvent, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabHideEvent, FlowTabPanel, FlowTabShowEvent, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, NumberColorMapperField, NumberColorStopOptions, SelectColorMapperField, SelectColorStopOptions, StringColorMapperField, StringColorStopOptions, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };

package/dist/index.mjs

@@ -4370,6 +4370,7 @@ class FlowCalendar extends FlowRdfElement {
     const iso = this._selectedDate?.toISO();
     this.value = isDefined(iso) ? iso : "";
     if (emitEvents) {
+      this.emit("flow-ui-input");
       this.emit("flow-ui-change");
     }
   }
@@ -12635,7 +12636,7 @@ var __decorateClass$p = (decorators, target, key, kind) => {
     __defProp$p(target, key, result);
   return result;
 };
-class FlowSplitViewPanel extends FlowRdfElement {
+class FlowPanel extends FlowRdfElement {
   constructor() {
     super(...arguments);
     this.closed = false;
@@ -12670,7 +12671,7 @@ class FlowSplitViewPanel extends FlowRdfElement {
     return html`
       <div
         class=${classMap({
-      "panel": true,
+      panel: true,
       "panel--closed": this.closed,
       "panel--scrollable": this.scrollable,
       "panel--with-padding": this.padding
@@ -12692,18 +12693,18 @@ class FlowSplitViewPanel extends FlowRdfElement {
     `;
   }
 }
-FlowSplitViewPanel.styles = styles$q;
+FlowPanel.styles = styles$q;
 __decorateClass$p([
   property({ type: Boolean, reflect: true })
-], FlowSplitViewPanel.prototype, "closed", 2);
+], FlowPanel.prototype, "closed", 2);
 __decorateClass$p([
   property({ type: Boolean, reflect: true })
-], FlowSplitViewPanel.prototype, "scrollable", 2);
+], FlowPanel.prototype, "scrollable", 2);
 __decorateClass$p([
   property({ type: Boolean, reflect: true })
-], FlowSplitViewPanel.prototype, "padding", 2);
+], FlowPanel.prototype, "padding", 2);
 
-FlowSplitViewPanel.define("flow-ui-panel");
+FlowPanel.define("flow-ui-panel");
 
 const styles$p = css`
   ${componentStyles}
@@ -16386,7 +16387,8 @@ class FlowSplitViewPane extends FlowRdfElement {
           <slot></slot>
         </div>
         ${this.divider ? html`
-              <flow-ui-split-view-divider part="divider"
+              <flow-ui-split-view-divider
+                part="divider"
                 ?vertical=${this.vertical}
                 class="split-view-pane__divider"
               ></flow-ui-split-view-divider>
@@ -17344,11 +17346,9 @@ class FlowStepper extends FlowRdfElement {
     return this.panels.map((panel, index) => {
       const template = [this.renderHeaderItem(panel, index)];
       if (index > 0) {
-        template.unshift(
-          html`
-            <div class="stepper__header-line"></div>
-          `
-        );
+        template.unshift(html`
+          <div class="stepper__header-line"></div>
+        `);
       }
       return template;
     });
@@ -21779,7 +21779,7 @@ const translation = {
 };
 registerTranslation(translation);
 
-const version = "0.0.26";
+const version = "0.0.27";
 
 const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;
@@ -21792,4 +21792,4 @@ function announce() {
 
 announce();
 
-export { FlowAlert, FlowAnimation, FlowAvatar, FlowBadge, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCard, FlowCarousel, FlowCarouselItem, FlowChart, FlowCheckbox, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDrawer, FlowDropdown, FlowGauge, FlowIcon, FlowIconButton, FlowInput, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowSplitViewPanel as FlowPanel, FlowPanelHeader, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowRadio, FlowRadioGroup, FlowRange, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabPanel, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
+export { FlowAlert, FlowAnimation, FlowAvatar, FlowBadge, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCard, FlowCarousel, FlowCarouselItem, FlowChart, FlowCheckbox, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDrawer, FlowDropdown, FlowGauge, FlowIcon, FlowIconButton, FlowInput, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowPanel, FlowPanelHeader, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowRadio, FlowRadioGroup, FlowRange, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabPanel, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };