@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/custom-elements.json +4393 -4454
- package/dist/index.cjs +581 -390
- package/dist/index.d.cts +115 -130
- package/dist/index.d.mts +115 -130
- package/dist/index.d.ts +115 -130
- package/dist/index.mjs +530 -336
- package/dist/vscode.html-custom-data.json +462 -289
- package/package.json +4 -2
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://
|
|
105
|
+
* @documentation https://shoelace.style/components/popup
|
|
103
106
|
* @status stable
|
|
104
107
|
* @since 2.0
|
|
105
108
|
*
|
|
106
|
-
* @event
|
|
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(--
|
|
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
|
|
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
|
|
137
|
-
* reference
|
|
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':
|
|
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:
|
|
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
|
|
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:
|
|
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:
|
|
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
|
|
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
|
-
* @
|
|
2235
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
2473
|
-
* @
|
|
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
|
|
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':
|
|
2530
|
+
'flow-ui-panel': FlowPanel;
|
|
2503
2531
|
}
|
|
2504
2532
|
}
|
|
2505
2533
|
|
|
@@ -2926,27 +2954,8 @@ declare global {
|
|
|
2926
2954
|
}
|
|
2927
2955
|
|
|
2928
2956
|
/**
|
|
2929
|
-
* @
|
|
2930
|
-
* @
|
|
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://
|
|
2993
|
+
* @documentation https://shoelace.style/components/select
|
|
2985
2994
|
* @status stable
|
|
2986
2995
|
* @since 2.0
|
|
2987
2996
|
*
|
|
2988
|
-
* @dependency flow-
|
|
2989
|
-
* @dependency flow-
|
|
2990
|
-
* @dependency flow-
|
|
2997
|
+
* @dependency flow-icon
|
|
2998
|
+
* @dependency flow-popup
|
|
2999
|
+
* @dependency flow-tag
|
|
2991
3000
|
*
|
|
2992
|
-
* @slot - The listbox options. Must be `<flow-
|
|
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
|
|
3035
|
-
|
|
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():
|
|
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
|
-
* @
|
|
3155
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
3251
|
-
* @
|
|
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
|
-
* @
|
|
3325
|
-
* @
|
|
3326
|
-
|
|
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
|
-
* @
|
|
3360
|
-
* @
|
|
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
|
-
* @
|
|
4097
|
-
* @
|
|
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
|
-
* @
|
|
4191
|
-
* @
|
|
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
|
-
|
|
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 };
|