@emuanalytics/flow-rdf-ui 0.0.28 → 0.0.29

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.cts CHANGED
@@ -424,10 +424,8 @@ declare global {
424
424
  }
425
425
 
426
426
  /**
427
+ * @tagname flow-ui-alert
427
428
  * @summary Alerts are used to display important messages inline or as toast notifications.
428
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/alert
429
- * @status stable
430
- * @since 2.0
431
429
  *
432
430
  * @dependency flow-ui-icon-button
433
431
  *
@@ -487,6 +485,7 @@ declare class FlowAlert extends FlowRdfElement {
487
485
  toast(): Promise<void>;
488
486
  render(): lit.TemplateResult<1>;
489
487
  }
488
+
490
489
  declare global {
491
490
  interface HTMLElementTagNameMap {
492
491
  'flow-ui-alert': FlowAlert;
@@ -495,7 +494,7 @@ declare global {
495
494
 
496
495
  /**
497
496
  * @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).
498
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/animation
497
+ * @documentation https://shoelace.style/components/animation
499
498
  * @status stable
500
499
  * @since 2.0
501
500
  *
@@ -506,7 +505,7 @@ declare global {
506
505
  * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To
507
506
  * animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.
508
507
  */
509
- declare class FlowAnimation extends FlowRdfElement {
508
+ declare class SlAnimation extends FlowRdfElement {
510
509
  static styles: CSSResultGroup;
511
510
  private animation?;
512
511
  private hasStarted;
@@ -528,7 +527,7 @@ declare class FlowAnimation extends FlowRdfElement {
528
527
  /** The number of milliseconds each iteration of the animation takes to complete. */
529
528
  duration: number;
530
529
  /**
531
- * The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function
530
+ * The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function
532
531
  * such as `cubic-bezier(0, 1, .76, 1.14)`.
533
532
  */
534
533
  easing: string;
@@ -549,7 +548,7 @@ declare class FlowAnimation extends FlowRdfElement {
549
548
  */
550
549
  playbackRate: number;
551
550
  /** Gets and sets the current animation time. */
552
- get currentTime(): number;
551
+ get currentTime(): CSSNumberish;
553
552
  set currentTime(time: number);
554
553
  connectedCallback(): void;
555
554
  disconnectedCallback(): void;
@@ -567,9 +566,10 @@ declare class FlowAnimation extends FlowRdfElement {
567
566
  finish(): void;
568
567
  render(): lit.TemplateResult<1>;
569
568
  }
569
+
570
570
  declare global {
571
571
  interface HTMLElementTagNameMap {
572
- 'flow-ui-animation': FlowAnimation;
572
+ 'flow-ui-animation': SlAnimation;
573
573
  }
574
574
  }
575
575
 
@@ -1185,6 +1185,7 @@ declare global {
1185
1185
  */
1186
1186
  declare class FlowCheckbox extends FlowRdfElement implements FlowRdfFormControl {
1187
1187
  static styles: CSSResultGroup;
1188
+ private readonly hasSlotController;
1188
1189
  private readonly formControlController;
1189
1190
  input: HTMLInputElement;
1190
1191
  private hasFocus;
@@ -1300,15 +1301,6 @@ declare global {
1300
1301
  }
1301
1302
  }
1302
1303
 
1303
- type FlowSelectEvent = CustomEvent<{
1304
- item: FlowMenuItem;
1305
- }>;
1306
- declare global {
1307
- interface GlobalEventHandlersEventMap {
1308
- 'flow-ui-select': FlowSelectEvent;
1309
- }
1310
- }
1311
-
1312
1304
  /**
1313
1305
  * @summary Menus provide a list of options for the user to choose from.
1314
1306
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu
@@ -1349,8 +1341,9 @@ declare global {
1349
1341
  }
1350
1342
 
1351
1343
  /**
1344
+ * @tagname flow-ui-dropdown
1352
1345
  * @summary Dropdowns expose additional content that "drops down" in a panel.
1353
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/dropdown
1346
+ * @documentation https://shoelace.style/components/dropdown
1354
1347
  * @status stable
1355
1348
  * @since 2.0
1356
1349
  *
@@ -1364,19 +1357,24 @@ declare global {
1364
1357
  * @event flow-ui-hide - Emitted when the dropdown closes.
1365
1358
  * @event flow-ui-after-hide - Emitted after the dropdown closes and all animations are complete.
1366
1359
  *
1367
- * @csspart base - The component's base wrapper.
1360
+ * @csspart base - The component's base wrapper, an `<flow-ui-popup>` element.
1361
+ * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.
1368
1362
  * @csspart trigger - The container that wraps the trigger.
1369
1363
  * @csspart panel - The panel that gets shown when the dropdown is open.
1370
1364
  *
1371
1365
  * @animation dropdown.show - The animation to use when showing the dropdown.
1372
1366
  * @animation dropdown.hide - The animation to use when hiding the dropdown.
1373
1367
  */
1374
- declare class FlowDropdown extends FlowRdfElement {
1368
+ declare class SlDropdown extends FlowRdfElement {
1375
1369
  static styles: CSSResultGroup;
1370
+ static dependencies: {
1371
+ 'flow-ui-popup': typeof SlPopup;
1372
+ };
1376
1373
  popup: SlPopup;
1377
1374
  trigger: HTMLSlotElement;
1378
1375
  panel: HTMLSlotElement;
1379
1376
  private readonly localize;
1377
+ private closeWatcher;
1380
1378
  /**
1381
1379
  * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you
1382
1380
  * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.
@@ -1403,28 +1401,26 @@ declare class FlowDropdown extends FlowRdfElement {
1403
1401
  distance: number;
1404
1402
  /** The distance in pixels from which to offset the panel along its trigger. */
1405
1403
  skidding: number;
1406
- /**
1407
- * Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
1408
- * `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
1409
- * `::part(arrow)` in your stylesheet.
1410
- */
1411
- arrow: boolean;
1412
1404
  /**
1413
1405
  * Enable this option to prevent the panel from being clipped when the component is placed inside a container with
1414
1406
  * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
1415
1407
  */
1416
1408
  hoist: boolean;
1409
+ /**
1410
+ * Syncs the popup width or height to that of the trigger element.
1411
+ */
1412
+ sync: 'width' | 'height' | 'both' | undefined;
1417
1413
  connectedCallback(): void;
1418
1414
  firstUpdated(): void;
1419
1415
  disconnectedCallback(): void;
1420
1416
  focusOnTrigger(): void;
1421
1417
  getMenu(): FlowMenu | undefined;
1422
- handleKeyDown(event: KeyboardEvent): void;
1423
- handleDocumentKeyDown(event: KeyboardEvent): void;
1424
- handleDocumentMouseDown(event: MouseEvent): void;
1425
- handlePanelSelect(event: FlowSelectEvent): void;
1418
+ private handleKeyDown;
1419
+ private handleDocumentKeyDown;
1420
+ private handleDocumentMouseDown;
1421
+ private handlePanelSelect;
1426
1422
  handleTriggerClick(): void;
1427
- handleTriggerKeyDown(event: KeyboardEvent): void;
1423
+ handleTriggerKeyDown(event: KeyboardEvent): Promise<void>;
1428
1424
  handleTriggerKeyUp(event: KeyboardEvent): void;
1429
1425
  handleTriggerSlotChange(): void;
1430
1426
  updateAccessibleTrigger(): void;
@@ -1445,11 +1441,12 @@ declare class FlowDropdown extends FlowRdfElement {
1445
1441
 
1446
1442
  declare global {
1447
1443
  interface HTMLElementTagNameMap {
1448
- 'flow-ui-dropdown': FlowDropdown;
1444
+ 'flow-ui-dropdown': SlDropdown;
1449
1445
  }
1450
1446
  }
1451
1447
 
1452
1448
  /**
1449
+ * @tagname flow-ui-input
1453
1450
  * @summary Inputs collect data from the user.
1454
1451
  * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input
1455
1452
  * @status stable
@@ -1617,6 +1614,7 @@ declare class FlowInput extends FlowRdfElement implements FlowRdfFormControl {
1617
1614
  setCustomValidity(message: string): void;
1618
1615
  render(): lit.TemplateResult<1>;
1619
1616
  }
1617
+
1620
1618
  declare global {
1621
1619
  interface HTMLElementTagNameMap {
1622
1620
  'flow-ui-input': FlowInput;
@@ -1702,7 +1700,7 @@ declare class FlowColorPicker extends FlowRdfElement implements FlowRdfFormContr
1702
1700
  private readonly localize;
1703
1701
  base: HTMLElement;
1704
1702
  input: FlowInput;
1705
- dropdown: FlowDropdown;
1703
+ dropdown: SlDropdown;
1706
1704
  previewButton: HTMLButtonElement;
1707
1705
  trigger: HTMLButtonElement;
1708
1706
  private hasFocus;
@@ -2367,10 +2365,13 @@ declare global {
2367
2365
  * @tagname flow-ui-number-stepper
2368
2366
  * @summary Number steppers are specialized input fields for selecting numbers.
2369
2367
  */
2370
- declare class FlowNumberStepper extends FlowRdfElement {
2368
+ declare class FlowNumberStepper extends FlowRdfElement implements FlowRdfFormControl {
2371
2369
  static styles: CSSResultGroup;
2370
+ private readonly formControlController;
2372
2371
  private _input;
2373
2372
  private _formatter;
2373
+ /** The name of the input, submitted as a name/value pair with form data. */
2374
+ name: string;
2374
2375
  value: number | '';
2375
2376
  step: number;
2376
2377
  min: number;
@@ -2378,11 +2379,24 @@ declare class FlowNumberStepper extends FlowRdfElement {
2378
2379
  format: string;
2379
2380
  size: 'small' | 'medium' | 'large';
2380
2381
  placeholder: string;
2382
+ /** Gets the validity state object */
2383
+ get validity(): ValidityState;
2384
+ /** Gets the validation message */
2385
+ get validationMessage(): string;
2386
+ /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
2387
+ checkValidity(): boolean;
2388
+ /** Gets the associated form, if one exists. */
2389
+ getForm(): HTMLFormElement | null;
2390
+ /** Checks for validity and shows the browser's validation message if the control is invalid. */
2391
+ reportValidity(): boolean;
2392
+ /** Sets a custom validation message. Pass an empty string to restore validity. */
2393
+ setCustomValidity(message: string): void;
2394
+ firstUpdated(): void;
2381
2395
  connectedCallback(): void;
2382
2396
  disconnectedCallback(): void;
2383
2397
  stepUp(emitEvent?: boolean): void;
2384
2398
  stepDown(emitEvent?: boolean): void;
2385
- handleValueChange(): void;
2399
+ handleValueChange(): Promise<void>;
2386
2400
  handleFormatChange(): void;
2387
2401
  private handleInputChange;
2388
2402
  private clampValue;
@@ -2494,7 +2508,7 @@ declare class FlowPanelHeader extends FlowRdfElement {
2494
2508
 
2495
2509
  declare global {
2496
2510
  interface HTMLElementTagNameMap {
2497
- 'fliow-ui-panel-header': FlowPanelHeader;
2511
+ 'flow-ui-panel-header': FlowPanelHeader;
2498
2512
  }
2499
2513
  }
2500
2514
 
@@ -2601,6 +2615,159 @@ declare global {
2601
2615
  }
2602
2616
  }
2603
2617
 
2618
+ interface FlowQueryBuilderRuleSet {
2619
+ condition: string;
2620
+ rules: Array<FlowQueryBuilderRuleSet | FlowQueryBuilderRule>;
2621
+ }
2622
+ interface FlowQueryBuilderRule<ValueType = any> {
2623
+ field?: string;
2624
+ value?: ValueType;
2625
+ operator?: string;
2626
+ enabled?: boolean;
2627
+ }
2628
+ interface FlowQueryBuilderOption {
2629
+ name: string;
2630
+ value: string;
2631
+ }
2632
+ interface FlowQueryBuilderFieldMap {
2633
+ [key: string]: FlowQueryBuilderField;
2634
+ }
2635
+ interface FlowQueryBuilderFieldBase<ValueType = any> {
2636
+ name: string;
2637
+ type: string;
2638
+ value?: ValueType;
2639
+ nullable?: boolean;
2640
+ operators?: string[];
2641
+ defaultValue?: ValueType | (() => ValueType);
2642
+ defaultOperator?: string;
2643
+ toDisplayValue?: (value: ValueType) => ValueType;
2644
+ fromDisplayValue?: (value: ValueType) => ValueType;
2645
+ validator?: (rule: FlowQueryBuilderRule<ValueType>) => string;
2646
+ }
2647
+ interface FlowQueryBuilderStringField extends FlowQueryBuilderFieldBase<string> {
2648
+ type: 'string';
2649
+ }
2650
+ interface FlowQueryBuilderNumberField extends FlowQueryBuilderFieldBase<number> {
2651
+ type: 'number';
2652
+ min?: number;
2653
+ max?: number;
2654
+ step?: number;
2655
+ }
2656
+ interface FlowQueryBuilderDateTimeFieldBase extends FlowQueryBuilderFieldBase<string> {
2657
+ dateFormat?: string | (() => string);
2658
+ timezone?: string | (() => string);
2659
+ locale?: string | (() => string);
2660
+ }
2661
+ interface FlowQueryBuilderDateTimeField extends FlowQueryBuilderDateTimeFieldBase {
2662
+ type: 'datetime';
2663
+ }
2664
+ interface FlowQueryBuilderDateField extends FlowQueryBuilderDateTimeFieldBase {
2665
+ type: 'date';
2666
+ }
2667
+ interface FlowQueryBuilderTimeField extends FlowQueryBuilderDateTimeFieldBase {
2668
+ type: 'time';
2669
+ }
2670
+ interface FlowQueryBuilderSelectField extends FlowQueryBuilderFieldBase<string> {
2671
+ type: 'select';
2672
+ options?: FlowQueryBuilderOption[];
2673
+ }
2674
+ interface FlowQueryBuilderMultiSelectField extends FlowQueryBuilderFieldBase<string[]> {
2675
+ type: 'multiselect';
2676
+ options?: FlowQueryBuilderOption[];
2677
+ }
2678
+ interface FlowQueryBuilderFieldTypeMap {
2679
+ string: FlowQueryBuilderStringField;
2680
+ number: FlowQueryBuilderNumberField;
2681
+ datetime: FlowQueryBuilderDateTimeField;
2682
+ date: FlowQueryBuilderDateField;
2683
+ time: FlowQueryBuilderTimeField;
2684
+ select: FlowQueryBuilderSelectField;
2685
+ multiselect: FlowQueryBuilderMultiSelectField;
2686
+ }
2687
+ type FlowQueryBuilderFieldType = keyof FlowQueryBuilderFieldTypeMap;
2688
+ type FlowQueryBuilderField = FlowQueryBuilderFieldTypeMap[keyof FlowQueryBuilderFieldTypeMap];
2689
+ type FlowQueryBuilderTemplateFn<T extends FlowQueryBuilderFieldType> = (rule: FlowQueryBuilderRule<T>, field: FlowQueryBuilderFieldTypeMap[T], qb: FlowQueryBuilder, update: () => void) => TemplateResult;
2690
+ interface FlowQueryBuilderConfig {
2691
+ fields: FlowQueryBuilderFieldMap;
2692
+ }
2693
+ interface FlowQueryBuilderFieldDefinition<Field extends FlowQueryBuilderFieldType> {
2694
+ operators: string[];
2695
+ template: FlowQueryBuilderTemplateFn<Field>;
2696
+ }
2697
+
2698
+ type NoUnion<T, U = T> = T extends U ? ([U] extends [T] ? T : never) : never;
2699
+ /**
2700
+ * @tagname flow-ui-query-builder
2701
+ * @summary Query builder component
2702
+ *
2703
+ * @event flow-ui-change - Emitted when the control's value changes.
2704
+ */
2705
+ declare class FlowQueryBuilder extends FlowRdfElement {
2706
+ static styles: CSSResultGroup;
2707
+ private static fieldDefinitions;
2708
+ /**
2709
+ * Register a custom field definition.
2710
+ *
2711
+ * A field definition is used to add support for a custom field type. A field type comprises:
2712
+ *
2713
+ * - a field `type` string
2714
+ * - a `template` function that returns the template for the field's value control
2715
+ * - an array of `operators` that are valid for the field
2716
+ *
2717
+ * @param type
2718
+ * @param fieldDefinition
2719
+ */
2720
+ static registerFieldDefinition<T extends FlowQueryBuilderFieldType>(type: T, fieldDefinition: FlowQueryBuilderFieldDefinition<NoUnion<T>>): void;
2721
+ private readonly hasSlotController;
2722
+ /** The query builder's value object. */
2723
+ value: FlowQueryBuilderRuleSet;
2724
+ /** The query builder's configuration object. */
2725
+ config: FlowQueryBuilderConfig;
2726
+ /** The query builder's size. */
2727
+ size: 'small' | 'medium' | 'large';
2728
+ /** Disables the select control. */
2729
+ disabled: boolean;
2730
+ /** The query builders's label. If you need to display HTML, use the `label` slot instead. */
2731
+ label: string;
2732
+ /** The query builders's help text. If you need to display HTML, use the `help-text` slot instead. */
2733
+ helpText: string;
2734
+ /** Display tree connector lines between query rules */
2735
+ treeLines: boolean;
2736
+ /** @internal */
2737
+ subQueryBuilder: boolean;
2738
+ private valueTemplateForRule;
2739
+ private getDefault;
2740
+ private handleAddRule;
2741
+ private handleAddRuleSet;
2742
+ /**
2743
+ * Handles removal of a rule set (displayed by a sub-query builder) in response to a remove event.
2744
+ *
2745
+ * @param ev
2746
+ * @param index
2747
+ */
2748
+ private handleRemoveRule;
2749
+ private handleSubQueryValueChange;
2750
+ private handleFieldChanged;
2751
+ private handleOperatorChanged;
2752
+ private handleEnabledChanged;
2753
+ private handleConditionChange;
2754
+ private emitValueChange;
2755
+ private operatorsForField;
2756
+ private defaultOperatorsForFieldType;
2757
+ private toolbarTemplate;
2758
+ ruleTemplate(rule: FlowQueryBuilderRule, fieldConfig: FlowQueryBuilderField | undefined, index: number): lit.TemplateResult<1>;
2759
+ ruleValueTemplate(rule: FlowQueryBuilderRule, fieldConfig: FlowQueryBuilderField | undefined): lit.TemplateResult<1>;
2760
+ subQueryBuilderTemplate(ruleSet: FlowQueryBuilderRuleSet, index: number): lit.TemplateResult<1>;
2761
+ emptyRulesetTemplate(): lit.TemplateResult<1>;
2762
+ render(): lit.TemplateResult<1>;
2763
+ }
2764
+
2765
+ declare global {
2766
+ interface HTMLElementTagNameMap {
2767
+ 'flow-ui-query-builder': FlowQueryBuilder;
2768
+ }
2769
+ }
2770
+
2604
2771
  interface FormControlControllerOptions {
2605
2772
  /** A function that returns the form containing the form control. */
2606
2773
  form: (input: FlowRdfFormControl) => HTMLFormElement | null;
@@ -3196,7 +3363,7 @@ declare class FlowPanelDivider extends FlowRdfElement {
3196
3363
 
3197
3364
  declare global {
3198
3365
  interface HTMLElementTagNameMap {
3199
- 'fliow-ui-split-view-divider': FlowPanelDivider;
3366
+ 'flow-ui-split-view-divider': FlowPanelDivider;
3200
3367
  }
3201
3368
  }
3202
3369
 
@@ -3376,8 +3543,8 @@ declare global {
3376
3543
  */
3377
3544
  declare class FlowStepper extends FlowRdfElement {
3378
3545
  static styles: CSSResultGroup;
3379
- bodySlot: HTMLSlotElement;
3380
- headerScrollContainer: HTMLDivElement;
3546
+ private bodySlot;
3547
+ private headerScrollContainer;
3381
3548
  private readonly attrId;
3382
3549
  private readonly componentId;
3383
3550
  private activePanel?;
@@ -3426,7 +3593,7 @@ declare global {
3426
3593
  declare class FlowSwitch extends FlowRdfElement implements FlowRdfFormControl {
3427
3594
  static styles: CSSResultGroup;
3428
3595
  private readonly formControlController;
3429
- input: HTMLInputElement;
3596
+ private input;
3430
3597
  private hasFocus;
3431
3598
  title: string;
3432
3599
  /** The name of the switch, submitted as a name/value pair with form data. */
@@ -3792,12 +3959,70 @@ declare global {
3792
3959
  }
3793
3960
 
3794
3961
  /**
3795
-
3962
+ * The timer component is the primary time control for Flo.w time-based visualizations. The current timer value is typically bound to a reactive state property
3963
+ * so that reactive queries and computed state will be re-evaluated when the timer changes.
3964
+ *
3965
+ * The timer value is an ISO8601 date/time string.
3966
+ *
3967
+ * The timer operates in two modes:
3968
+ *
3969
+ * - running - the timer is set to 'real time' and updates every second.
3970
+ * - paused - the timer is set to a specific time and does not update automatically.
3971
+ *
3972
+ * Selecting a date/time with the timer step controls or the popup calendar will set the timer to paused mode.
3973
+ * Clicking the play button switches the timer to 'real time' running mode.
3974
+ * The mode can also be set programmatically using the `running` attribute.
3975
+ *
3976
+ * @tagname flow-ui-timer
3977
+ * @summary The timer component is the primary time control for Flo.w time-based visualizations.
3978
+ *
3979
+ * @event flow-ui-change - Emitted when the control's value changes.
3980
+ * @event flow-ui-input - Emitted when the control receives input.
3796
3981
  */
3797
3982
  declare class FlowTimer extends FlowRdfElement {
3798
3983
  static styles: CSSResultGroup;
3984
+ private ticker;
3985
+ private tickerSubscription;
3986
+ private minorStepDuration;
3987
+ private majorStepDuration;
3988
+ private dropdown;
3989
+ private calendar;
3990
+ private _displayDateTime;
3991
+ /**
3992
+ * The value of the timer. (ISO8601 date/time string)
3993
+ */
3994
+ value: string;
3995
+ /**
3996
+ * The timezone to use for display. (IANA timezone string).
3997
+ * If not set, the timezone will be the browser's local timezone.
3998
+ */
3999
+ timezone?: string;
4000
+ /**
4001
+ * The locale to use for display. (IETF BCP 47 language tag).
4002
+ * If not set, the locale will be the browser's default locale.
4003
+ */
4004
+ locale?: string;
4005
+ running: boolean;
4006
+ dateFormat: string;
4007
+ dayFormat: string;
4008
+ timeFormat: string;
4009
+ zoneFormat: string;
4010
+ majorStep: string;
4011
+ minorStep: string;
4012
+ hideZone: boolean;
3799
4013
  connectedCallback(): void;
3800
4014
  disconnectedCallback(): void;
4015
+ /**
4016
+ * @internal
4017
+ */
4018
+ updateDisplayValue(): void;
4019
+ updateParsedSteps(): void;
4020
+ updateRunning(): void;
4021
+ private setDisplayDateTime;
4022
+ private handleDateTimeKeyDown;
4023
+ private handleCalendarChange;
4024
+ private handlePlayPauseClicked;
4025
+ private handleStepClicked;
3801
4026
  render(): lit.TemplateResult<1>;
3802
4027
  }
3803
4028
 
@@ -4112,14 +4337,19 @@ declare function escapeMaplibreString(value: string): string;
4112
4337
  /**
4113
4338
  * @tagname flow-ui-tool-button-group
4114
4339
  * @summary Tool buttons groups are used to build toolbars.
4340
+ *
4341
+ * @event flow-ui-change - Emitted when the control's value changes.
4342
+ * @event flow-ui-input - Emitted when the control receives input.
4343
+ *
4344
+ *
4115
4345
  */
4116
4346
  declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormControl {
4117
4347
  static styles: CSSResultGroup;
4348
+ /** @internal */
4118
4349
  protected readonly formControlController: FormControlController;
4119
4350
  private customValidityMessage;
4120
4351
  private validationTimeout;
4121
- defaultSlot: HTMLSlotElement;
4122
- validationInput: HTMLInputElement;
4352
+ private validationInput;
4123
4353
  private errorMessage;
4124
4354
  /**
4125
4355
  * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
@@ -4162,10 +4392,15 @@ declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormC
4162
4392
  private handleInvalid;
4163
4393
  private syncButtons;
4164
4394
  private updateCheckedButtons;
4395
+ /** @internal */
4165
4396
  handleSizeChange(): void;
4397
+ /** @internal */
4166
4398
  handleOutlineChange(): void;
4399
+ /** @internal */
4167
4400
  handlePillChange(): void;
4401
+ /** @internal */
4168
4402
  handleValueChange(): void;
4403
+ /** @internal */
4169
4404
  updateTabbableState(): void;
4170
4405
  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
4171
4406
  checkValidity(): boolean;
@@ -4481,6 +4716,15 @@ declare global {
4481
4716
  }
4482
4717
  }
4483
4718
 
4719
+ type FlowSelectEvent = CustomEvent<{
4720
+ item: FlowMenuItem;
4721
+ }>;
4722
+ declare global {
4723
+ interface GlobalEventHandlersEventMap {
4724
+ 'flow-ui-select': FlowSelectEvent;
4725
+ }
4726
+ }
4727
+
4484
4728
  type FlowSelectionChangeEvent = CustomEvent<{
4485
4729
  selection: FlowTreeItem[];
4486
4730
  }>;
@@ -4584,4 +4828,4 @@ declare function unregisterIconLibrary(name: string): void;
4584
4828
  declare function setDefaultLocale(locale: string): void;
4585
4829
  declare function setDefaultTimeZone(timeZone: string): void;
4586
4830
 
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 };
4831
+ 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, 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 };