@emuanalytics/flow-rdf-ui 0.0.25 → 0.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -4,7 +4,6 @@ import * as chartjs_chart_matrix from 'chartjs-chart-matrix';
4
4
  import * as chart_js from 'chart.js';
5
5
  import { Chart, ChartTypeRegistry, ChartOptions, ChartData, Plugin, ChartComponentLike } from 'chart.js';
6
6
  export { Chart as ChartJs } from 'chart.js';
7
- export { default as dayjs } from 'dayjs';
8
7
 
9
8
  type EventTypeRequiresDetail<T> = T extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>> ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>> ? never : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail'] ? never : T : never : never;
10
9
  type EventTypeDoesNotRequireDetail<T> = T extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>> ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>> ? T : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail'] ? T : never : T : T;
@@ -97,13 +96,17 @@ declare class FlowIcon extends FlowRdfElement {
97
96
  render(): SVGElement | null;
98
97
  }
99
98
 
99
+ interface VirtualElement {
100
+ getBoundingClientRect: () => DOMRect;
101
+ contextElement?: Element;
102
+ }
100
103
  /**
101
104
  * @summary Popup is a utility that lets you declaratively anchor "popup" containers to another element.
102
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/popup
105
+ * @documentation https://shoelace.style/components/popup
103
106
  * @status stable
104
107
  * @since 2.0
105
108
  *
106
- * @event flow-ui-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
109
+ * @event sl-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
107
110
  * operations in your listener or consider debouncing it.
108
111
  *
109
112
  * @slot - The popup's content.
@@ -114,10 +117,11 @@ declare class FlowIcon extends FlowRdfElement {
114
117
  * assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and
115
118
  * maybe a border or box shadow.
116
119
  * @csspart popup - The popup's container. Useful for setting a background color, box shadow, etc.
120
+ * @csspart hover-bridge - The hover bridge element. Only available when the `hover-bridge` option is enabled.
117
121
  *
118
122
  * @cssproperty [--arrow-size=6px] - The size of the arrow. Note that an arrow won't be shown unless the `arrow`
119
123
  * attribute is used.
120
- * @cssproperty [--arrow-color=var(--flow-ui-color-neutral-0)] - The color of the arrow.
124
+ * @cssproperty [--arrow-color=var(--sl-color-neutral-0)] - The color of the arrow.
121
125
  * @cssproperty [--auto-size-available-width] - A read-only custom property that determines the amount of width the
122
126
  * popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
123
127
  * available when using `auto-size`.
@@ -125,7 +129,7 @@ declare class FlowIcon extends FlowRdfElement {
125
129
  * popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
126
130
  * available when using `auto-size`.
127
131
  */
128
- declare class FlowPopup extends FlowRdfElement {
132
+ declare class SlPopup extends FlowRdfElement {
129
133
  static styles: CSSResultGroup;
130
134
  private anchorEl;
131
135
  private cleanup;
@@ -133,10 +137,11 @@ declare class FlowPopup extends FlowRdfElement {
133
137
  popup: HTMLElement;
134
138
  private arrowEl;
135
139
  /**
136
- * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a
137
- * reference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.
140
+ * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
141
+ * element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
142
+ * `anchor` slot instead.
138
143
  */
139
- anchor: Element | string;
144
+ anchor: Element | string | VirtualElement;
140
145
  /**
141
146
  * Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
142
147
  * down and the popup will be hidden.
@@ -220,6 +225,13 @@ declare class FlowPopup extends FlowRdfElement {
220
225
  autoSizeBoundary: Element | Element[];
221
226
  /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
222
227
  autoSizePadding: number;
228
+ /**
229
+ * When a gap exists between the anchor and the popup element, this option will add a "hover bridge" that fills the
230
+ * gap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane
231
+ * because the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is
232
+ * active.
233
+ */
234
+ hoverBridge: boolean;
223
235
  connectedCallback(): Promise<void>;
224
236
  disconnectedCallback(): void;
225
237
  updated(changedProps: Map<string, unknown>): Promise<void>;
@@ -228,11 +240,13 @@ declare class FlowPopup extends FlowRdfElement {
228
240
  private stop;
229
241
  /** Forces the popup to recalculate and reposition itself. */
230
242
  reposition(): void;
243
+ private updateHoverBridge;
231
244
  render(): lit.TemplateResult<1>;
232
245
  }
246
+
233
247
  declare global {
234
248
  interface HTMLElementTagNameMap {
235
- 'flow-ui-popup': FlowPopup;
249
+ 'flow-ui-popup': SlPopup;
236
250
  }
237
251
  }
238
252
 
@@ -270,7 +284,7 @@ declare class FlowTooltip extends FlowRdfElement {
270
284
  private readonly localize;
271
285
  defaultSlot: HTMLSlotElement;
272
286
  body: HTMLElement;
273
- popup: FlowPopup;
287
+ popup: SlPopup;
274
288
  /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
275
289
  content: string;
276
290
  /**
@@ -885,7 +899,9 @@ declare global {
885
899
  }
886
900
 
887
901
  /**
888
-
902
+ * @tagname flow-ui-calendar
903
+ * @summary A calendar component for selecting dates and times.
904
+ *
889
905
  */
890
906
  declare class FlowCalendar extends FlowRdfElement {
891
907
  static styles: CSSResultGroup;
@@ -895,13 +911,18 @@ declare class FlowCalendar extends FlowRdfElement {
895
911
  private _selectedDate?;
896
912
  value: string;
897
913
  displayMode: 'date' | 'time' | 'datetime';
898
- timezone: string;
914
+ timezone?: string;
915
+ locale?: string;
899
916
  size: 'small' | 'medium' | 'large';
900
917
  connectedCallback(): void;
901
918
  disconnectedCallback(): void;
902
919
  handleValueChange(): void;
920
+ handleTimezoneChange(): void;
903
921
  private dateClicked;
904
922
  private stepDisplayDate;
923
+ /**
924
+ * Generate a list of years for the year select dropdown
925
+ */
905
926
  private yearOptionsForDate;
906
927
  private makeDate;
907
928
  private updateValue;
@@ -1352,7 +1373,7 @@ declare global {
1352
1373
  */
1353
1374
  declare class FlowDropdown extends FlowRdfElement {
1354
1375
  static styles: CSSResultGroup;
1355
- popup: FlowPopup;
1376
+ popup: SlPopup;
1356
1377
  trigger: HTMLSlotElement;
1357
1378
  panel: HTMLSlotElement;
1358
1379
  private readonly localize;
@@ -1828,6 +1849,9 @@ declare global {
1828
1849
  */
1829
1850
  declare class FlowTag extends FlowRdfElement {
1830
1851
  static styles: CSSResultGroup;
1852
+ static dependencies: {
1853
+ 'flow-icon-button': typeof FlowIconButton;
1854
+ };
1831
1855
  private readonly localize;
1832
1856
  /** The tag's theme variant. */
1833
1857
  variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
@@ -1840,6 +1864,7 @@ declare class FlowTag extends FlowRdfElement {
1840
1864
  private handleRemoveClick;
1841
1865
  render(): lit.TemplateResult<1>;
1842
1866
  }
1867
+
1843
1868
  declare global {
1844
1869
  interface HTMLElementTagNameMap {
1845
1870
  'flow-ui-tag': FlowTag;
@@ -1851,7 +1876,7 @@ declare class FlowDatetimePicker extends FlowRdfElement implements FlowRdfFormCo
1851
1876
  private readonly formControlController;
1852
1877
  private readonly hasSlotController;
1853
1878
  private readonly localize;
1854
- popup: FlowPopup;
1879
+ popup: SlPopup;
1855
1880
  combobox: HTMLSlotElement;
1856
1881
  displayInput: HTMLInputElement;
1857
1882
  valueInput: HTMLInputElement;
@@ -1863,7 +1888,8 @@ declare class FlowDatetimePicker extends FlowRdfElement implements FlowRdfFormCo
1863
1888
  value: string;
1864
1889
  displayMode: 'date' | 'time' | 'datetime';
1865
1890
  format: string;
1866
- timezone: string;
1891
+ timezone?: string;
1892
+ locale?: string;
1867
1893
  /** The default value of the form control. Primarily used for resetting the form control. */
1868
1894
  defaultValue: string;
1869
1895
  /** The select's size. */
@@ -2231,10 +2257,8 @@ declare global {
2231
2257
  }
2232
2258
 
2233
2259
  /**
2234
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
2235
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
2236
- * @status stable
2237
- * @since 2.0
2260
+ * @tagname flow-ui-gauge
2261
+ * @summary Gauges are used to display a single value with an optional icon and heading.
2238
2262
  */
2239
2263
  declare class FlowGauge extends FlowRdfElement {
2240
2264
  static styles: CSSResultGroup;
@@ -2340,7 +2364,8 @@ declare global {
2340
2364
  }
2341
2365
 
2342
2366
  /**
2343
-
2367
+ * @tagname flow-ui-number-stepper
2368
+ * @summary Number steppers are specialized input fields for selecting numbers.
2344
2369
  */
2345
2370
  declare class FlowNumberStepper extends FlowRdfElement {
2346
2371
  static styles: CSSResultGroup;
@@ -2390,6 +2415,9 @@ declare global {
2390
2415
  */
2391
2416
  declare class FlowOption extends FlowRdfElement {
2392
2417
  static styles: CSSResultGroup;
2418
+ static dependencies: {
2419
+ 'flow-ui-icon': typeof FlowIcon;
2420
+ };
2393
2421
  private cachedTextLabel;
2394
2422
  private readonly localize;
2395
2423
  defaultSlot: HTMLSlotElement;
@@ -2415,6 +2443,7 @@ declare class FlowOption extends FlowRdfElement {
2415
2443
  getTextLabel(): string;
2416
2444
  render(): lit.TemplateResult<1>;
2417
2445
  }
2446
+
2418
2447
  declare global {
2419
2448
  interface HTMLElementTagNameMap {
2420
2449
  'flow-ui-option': FlowOption;
@@ -2422,7 +2451,8 @@ declare global {
2422
2451
  }
2423
2452
 
2424
2453
  /**
2425
- * @summary A panel header provides a title, optional accessory controls and expand/collapse behaviour for panels.
2454
+ * @tagname flow-ui-panel-header
2455
+ * @summary A panel header provides a title, optional accessory controls and expand/collapse behavior for panels.
2426
2456
  *
2427
2457
  * @slot title - The panel header's title content. Alternatively, use the `title` attribute for plain text.
2428
2458
  * @slot prefix - The panel header's prefix content.
@@ -2469,12 +2499,10 @@ declare global {
2469
2499
  }
2470
2500
 
2471
2501
  /**
2472
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
2473
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
2474
- * @status stable
2475
- * @since 2.0
2502
+ * @tagname flow-ui-panel
2503
+ * @summary Panels are use with split-views to create resizable areas.
2476
2504
  */
2477
- declare class FlowSplitViewPanel extends FlowRdfElement {
2505
+ declare class FlowPanel extends FlowRdfElement {
2478
2506
  static styles: CSSResultGroup;
2479
2507
  /**
2480
2508
  * Indicates whether the panel is open or closed.
@@ -2499,7 +2527,7 @@ declare class FlowSplitViewPanel extends FlowRdfElement {
2499
2527
 
2500
2528
  declare global {
2501
2529
  interface HTMLElementTagNameMap {
2502
- 'flow-ui-panel': FlowSplitViewPanel;
2530
+ 'flow-ui-panel': FlowPanel;
2503
2531
  }
2504
2532
  }
2505
2533
 
@@ -2926,27 +2954,8 @@ declare global {
2926
2954
  }
2927
2955
 
2928
2956
  /**
2929
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
2930
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
2931
- * @status stable
2932
- * @since 2.0
2933
- *
2934
- * @event flow-ui-reposition - Emitted when the divider's position changes.
2935
- *
2936
- * @slot start - Content to place in the start panel.
2937
- * @slot end - Content to place in the end panel.
2938
- * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.
2939
- *
2940
- * @csspart start - The start panel.
2941
- * @csspart end - The end panel.
2942
- * @csspart panel - Targets both the start and end panels.
2943
- * @csspart divider - The divider that separates the start and end panels.
2944
- *
2945
- * @cssproperty [--divider-width=4px] - The width of the visible divider.
2946
- * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is
2947
- * usually wider than the divider to facilitate easier dragging.
2948
- * @cssproperty [--min=0] - The minimum allowed size of the primary panel.
2949
- * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.
2957
+ * @tagname flow-ui-scroll-view
2958
+ * @summary Scroll views provide a scrollable area for content.
2950
2959
  */
2951
2960
  declare class FlowScrollView extends FlowRdfElement {
2952
2961
  static styles: CSSResultGroup;
@@ -2981,17 +2990,18 @@ declare global {
2981
2990
 
2982
2991
  /**
2983
2992
  * @summary Selects allow you to choose items from a menu of predefined options.
2984
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/select
2993
+ * @documentation https://shoelace.style/components/select
2985
2994
  * @status stable
2986
2995
  * @since 2.0
2987
2996
  *
2988
- * @dependency flow-ui-icon
2989
- * @dependency flow-ui-popup
2990
- * @dependency flow-ui-tag
2997
+ * @dependency flow-icon
2998
+ * @dependency flow-popup
2999
+ * @dependency flow-tag
2991
3000
  *
2992
- * @slot - The listbox options. Must be `<flow-ui-option>` elements. You can use `<flow-ui-divider>` to group items visually.
3001
+ * @slot - The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.
2993
3002
  * @slot label - The input's label. Alternatively, you can use the `label` attribute.
2994
3003
  * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
3004
+ * @slot suffix - Used to append a presentational icon or similar element to the combobox.
2995
3005
  * @slot clear-icon - An icon to use in lieu of the default clear icon.
2996
3006
  * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.
2997
3007
  * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
@@ -3011,8 +3021,9 @@ declare global {
3011
3021
  * @csspart form-control-label - The label's wrapper.
3012
3022
  * @csspart form-control-input - The select's wrapper.
3013
3023
  * @csspart form-control-help-text - The help text's wrapper.
3014
- * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.
3024
+ * @csspart combobox - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.
3015
3025
  * @csspart prefix - The container that wraps the prefix slot.
3026
+ * @csspart suffix - The container that wraps the suffix slot.
3016
3027
  * @csspart display-input - The element that displays the selected option's label, an `<input>` element.
3017
3028
  * @csspart listbox - The listbox container where options are slotted.
3018
3029
  * @csspart tags - The container that houses option tags when `multiselect` is used.
@@ -3026,13 +3037,19 @@ declare global {
3026
3037
  */
3027
3038
  declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
3028
3039
  static styles: CSSResultGroup;
3040
+ static dependencies: {
3041
+ 'flow-icon': typeof FlowIcon;
3042
+ 'flow-popup': typeof SlPopup;
3043
+ 'flow-tag': typeof FlowTag;
3044
+ };
3029
3045
  private readonly formControlController;
3030
3046
  private readonly hasSlotController;
3031
3047
  private readonly localize;
3032
3048
  private typeToSelectString;
3033
3049
  private typeToSelectTimeout;
3034
- private pendingValue;
3035
- popup: FlowPopup;
3050
+ private closeWatcher;
3051
+ private mutationObserver;
3052
+ popup: SlPopup;
3036
3053
  combobox: HTMLSlotElement;
3037
3054
  displayInput: HTMLInputElement;
3038
3055
  valueInput: HTMLInputElement;
@@ -3045,7 +3062,8 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
3045
3062
  name: string;
3046
3063
  /**
3047
3064
  * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
3048
- * value will be a space-delimited list of values based on the options selected.
3065
+ * value attribute will be a space-delimited list of values based on the options selected, and the value property will
3066
+ * be an array. **For this reason, values must not contain spaces.**
3049
3067
  */
3050
3068
  value: string | string[];
3051
3069
  /** The default value of the form control. Primarily used for resetting the form control. */
@@ -3096,11 +3114,18 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
3096
3114
  form: string;
3097
3115
  /** The select's required attribute. */
3098
3116
  required: boolean;
3117
+ /**
3118
+ * A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second
3119
+ * is the current tag's index. The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at
3120
+ * the specified value.
3121
+ */
3122
+ getTag: (option: FlowOption, index: number) => TemplateResult | string | HTMLElement;
3099
3123
  /** Gets the validity state object */
3100
3124
  get validity(): ValidityState;
3101
3125
  /** Gets the validation message */
3102
3126
  get validationMessage(): string;
3103
3127
  connectedCallback(): void;
3128
+ disconnectedCallback(): void;
3104
3129
  private addOpenListeners;
3105
3130
  private removeOpenListeners;
3106
3131
  private handleFocus;
@@ -3122,6 +3147,7 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
3122
3147
  private setSelectedOptions;
3123
3148
  private toggleOptionSelection;
3124
3149
  private selectionChanged;
3150
+ protected get tags(): TemplateResult<1>[];
3125
3151
  private handleInvalid;
3126
3152
  handleDisabledChange(): void;
3127
3153
  handleValueChange(): void;
@@ -3142,8 +3168,9 @@ declare class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
3142
3168
  focus(options?: FocusOptions): void;
3143
3169
  /** Removes focus from the control. */
3144
3170
  blur(): void;
3145
- render(): lit.TemplateResult<1>;
3171
+ render(): TemplateResult<1>;
3146
3172
  }
3173
+
3147
3174
  declare global {
3148
3175
  interface HTMLElementTagNameMap {
3149
3176
  'flow-ui-select': FlowSelect;
@@ -3151,10 +3178,8 @@ declare global {
3151
3178
  }
3152
3179
 
3153
3180
  /**
3154
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
3155
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
3156
- * @status stable
3157
- * @since 2.0
3181
+ * @tagname flow-ui-split-divider
3182
+ * @summary Split-view dividers are used internally by split-views to create resizable areas.
3158
3183
  */
3159
3184
  declare class FlowPanelDivider extends FlowRdfElement {
3160
3185
  static styles: CSSResultGroup;
@@ -3176,7 +3201,8 @@ declare global {
3176
3201
  }
3177
3202
 
3178
3203
  /**
3179
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
3204
+ * @tagname split-view-pane
3205
+ * @summary Split-view panes are used with split-views to create resizable areas.
3180
3206
  */
3181
3207
  declare class FlowSplitViewPane extends FlowRdfElement {
3182
3208
  static styles: CSSResultGroup;
@@ -3215,10 +3241,8 @@ declare global {
3215
3241
  }
3216
3242
 
3217
3243
  /**
3244
+ * @tagname flow-ui-split-view-toggle-button
3218
3245
  * @summary Use a split panel toggle button to control a parent panel's open/closed state
3219
- *
3220
- * @dependency flow-ui-icon-button flow-ui-icon
3221
- *
3222
3246
  */
3223
3247
  declare class FlowSplitViewToggleButton extends FlowIconButton {
3224
3248
  static styles: lit.CSSResultGroup[];
@@ -3247,10 +3271,8 @@ declare global {
3247
3271
  }
3248
3272
 
3249
3273
  /**
3250
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
3251
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
3252
- * @status stable
3253
- * @since 2.0
3274
+ * @tagname flow-ui-split-view
3275
+ * @summary Split-views contain 2 or more split-view panes to create resizable areas.
3254
3276
  */
3255
3277
  declare class FlowSplitView extends FlowRdfElement {
3256
3278
  private animatingPanelIndex?;
@@ -3321,16 +3343,9 @@ declare global {
3321
3343
  }
3322
3344
 
3323
3345
  /**
3324
- * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
3325
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel
3326
- * @status stable
3327
- * @since 2.0
3328
- *
3329
- * @slot - The tab panel's content.
3330
- *
3331
- * @csspart base - The component's base wrapper.
3332
- *
3333
- * @cssproperty --padding - The tab panel's padding.
3346
+ * @tagname flow-ui-stepper-panel
3347
+ * @summary Stepper panels provide a single page in a stepper to guide users through a series of steps.
3348
+
3334
3349
  */
3335
3350
  declare class FlowStepperPanel extends FlowRdfElement {
3336
3351
  static styles: CSSResultGroup;
@@ -3356,16 +3371,8 @@ declare global {
3356
3371
  }
3357
3372
 
3358
3373
  /**
3359
- * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
3360
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel
3361
- * @status stable
3362
- * @since 2.0
3363
- *
3364
- * @slot - The tab panel's content.
3365
- *
3366
- * @csspart base - The component's base wrapper.
3367
- *
3368
- * @cssproperty --padding - The tab panel's padding.
3374
+ * @tagname flow-ui-stepper
3375
+ * @summary Steppers are used to guide users through a series of steps in a wizard-like UI.
3369
3376
  */
3370
3377
  declare class FlowStepper extends FlowRdfElement {
3371
3378
  static styles: CSSResultGroup;
@@ -4006,6 +4013,11 @@ interface ColorMapperValue {
4006
4013
  colorStops: ColorStopValue[];
4007
4014
  }
4008
4015
 
4016
+ /**
4017
+ * @tagname flow-ui-color-mapper
4018
+ * @summary A component for defining mappings between data values and colors.
4019
+ *
4020
+ */
4009
4021
  declare class FlowColorMapper extends FlowRdfElement {
4010
4022
  static styles: CSSResultGroup;
4011
4023
  private currentField?;
@@ -4039,6 +4051,11 @@ declare class FlowColorMapper extends FlowRdfElement {
4039
4051
  render(): lit.TemplateResult<1>;
4040
4052
  }
4041
4053
 
4054
+ /**
4055
+ * @tagname flow-ui-color-stop
4056
+ * @summary A single color stop used by the `flow-ui-color-mapper` component.
4057
+ *
4058
+ */
4042
4059
  declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
4043
4060
  static styles: CSSResultGroup;
4044
4061
  private readonly formControlController;
@@ -4093,27 +4110,8 @@ declare function colorMapperValueToMaplibreExpression(value: ColorMapperValue):
4093
4110
  declare function escapeMaplibreString(value: string): string;
4094
4111
 
4095
4112
  /**
4096
- * @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.
4097
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group
4098
- * @status stable
4099
- * @since 2.0
4100
- *
4101
- * @dependency flow-ui-button-group
4102
- *
4103
- * @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
4104
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
4105
- * attribute.
4106
- *
4107
- * @event flow-ui-change - Emitted when the radio group's selected value changes.
4108
- * @event flow-ui-input - Emitted when the radio group receives user input.
4109
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
4110
- *
4111
- * @csspart form-control - The form control that wraps the label, input, and help text.
4112
- * @csspart form-control-label - The label's wrapper.
4113
- * @csspart form-control-input - The input's wrapper.
4114
- * @csspart form-control-help-text - The help text's wrapper.
4115
- * @csspart button-group - The button group that wraps radio buttons.
4116
- * @csspart button-group__base - The button group's `base` part.
4113
+ * @tagname flow-ui-tool-button-group
4114
+ * @summary Tool buttons groups are used to build toolbars.
4117
4115
  */
4118
4116
  declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormControl {
4119
4117
  static styles: CSSResultGroup;
@@ -4187,24 +4185,8 @@ declare global {
4187
4185
  }
4188
4186
 
4189
4187
  /**
4190
- * @summary Radios buttons allow the user to select a single option from a group using a button-like control.
4191
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-button
4192
- * @status stable
4193
- * @since 2.0
4194
- *
4195
- * @slot - The radio button's label.
4196
- * @slot prefix - A presentational prefix icon or similar element.
4197
- * @slot suffix - A presentational suffix icon or similar element.
4198
- *
4199
- * @event flow-ui-blur - Emitted when the button loses focus.
4200
- * @event flow-ui-focus - Emitted when the button gains focus.
4201
- *
4202
- * @csspart base - The component's base wrapper.
4203
- * @csspart button - The internal `<button>` element.
4204
- * @csspart button--checked - The internal button element when the radio button is checked.
4205
- * @csspart prefix - The container that wraps the prefix.
4206
- * @csspart label - The container that wraps the radio button's label.
4207
- * @csspart suffix - The container that wraps the suffix.
4188
+ * @tagname flow-ui-tool-button
4189
+ * @summary Tool buttons are used in toolbars. They can be used to toggle a state or perform an action.
4208
4190
  */
4209
4191
  declare class FlowToolButton extends FlowRdfElement {
4210
4192
  static styles: CSSResultGroup;
@@ -4599,4 +4581,7 @@ declare function registerIconLibrary(name: string, options: {
4599
4581
  /** Removes an icon library from the registry. */
4600
4582
  declare function unregisterIconLibrary(name: string): void;
4601
4583
 
4602
- 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, 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, unregisterIconLibrary };
4584
+ declare function setDefaultLocale(locale: string): void;
4585
+ declare function setDefaultTimeZone(timeZone: string): void;
4586
+
4587
+ 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 };