@emuanalytics/flow-rdf-ui 0.0.26 → 0.0.28
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 +823 -1026
- package/dist/index.cjs +15 -15
- package/dist/index.d.cts +42 -106
- package/dist/index.d.mts +42 -106
- package/dist/index.d.ts +42 -106
- package/dist/index.mjs +15 -15
- package/dist/vscode.html-custom-data.json +527 -64
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4388,6 +4388,7 @@ class FlowCalendar extends FlowRdfElement {
|
|
|
4388
4388
|
const iso = this._selectedDate?.toISO();
|
|
4389
4389
|
this.value = isDefined(iso) ? iso : "";
|
|
4390
4390
|
if (emitEvents) {
|
|
4391
|
+
this.emit("flow-ui-input");
|
|
4391
4392
|
this.emit("flow-ui-change");
|
|
4392
4393
|
}
|
|
4393
4394
|
}
|
|
@@ -12653,7 +12654,7 @@ var __decorateClass$p = (decorators, target, key, kind) => {
|
|
|
12653
12654
|
__defProp$p(target, key, result);
|
|
12654
12655
|
return result;
|
|
12655
12656
|
};
|
|
12656
|
-
class
|
|
12657
|
+
class FlowPanel extends FlowRdfElement {
|
|
12657
12658
|
constructor() {
|
|
12658
12659
|
super(...arguments);
|
|
12659
12660
|
this.closed = false;
|
|
@@ -12688,7 +12689,7 @@ class FlowSplitViewPanel extends FlowRdfElement {
|
|
|
12688
12689
|
return lit.html`
|
|
12689
12690
|
<div
|
|
12690
12691
|
class=${classMap_js.classMap({
|
|
12691
|
-
|
|
12692
|
+
panel: true,
|
|
12692
12693
|
"panel--closed": this.closed,
|
|
12693
12694
|
"panel--scrollable": this.scrollable,
|
|
12694
12695
|
"panel--with-padding": this.padding
|
|
@@ -12710,18 +12711,18 @@ class FlowSplitViewPanel extends FlowRdfElement {
|
|
|
12710
12711
|
`;
|
|
12711
12712
|
}
|
|
12712
12713
|
}
|
|
12713
|
-
|
|
12714
|
+
FlowPanel.styles = styles$q;
|
|
12714
12715
|
__decorateClass$p([
|
|
12715
12716
|
decorators_js.property({ type: Boolean, reflect: true })
|
|
12716
|
-
],
|
|
12717
|
+
], FlowPanel.prototype, "closed", 2);
|
|
12717
12718
|
__decorateClass$p([
|
|
12718
12719
|
decorators_js.property({ type: Boolean, reflect: true })
|
|
12719
|
-
],
|
|
12720
|
+
], FlowPanel.prototype, "scrollable", 2);
|
|
12720
12721
|
__decorateClass$p([
|
|
12721
12722
|
decorators_js.property({ type: Boolean, reflect: true })
|
|
12722
|
-
],
|
|
12723
|
+
], FlowPanel.prototype, "padding", 2);
|
|
12723
12724
|
|
|
12724
|
-
|
|
12725
|
+
FlowPanel.define("flow-ui-panel");
|
|
12725
12726
|
|
|
12726
12727
|
const styles$p = lit.css`
|
|
12727
12728
|
${componentStyles}
|
|
@@ -16404,7 +16405,8 @@ class FlowSplitViewPane extends FlowRdfElement {
|
|
|
16404
16405
|
<slot></slot>
|
|
16405
16406
|
</div>
|
|
16406
16407
|
${this.divider ? lit.html`
|
|
16407
|
-
<flow-ui-split-view-divider
|
|
16408
|
+
<flow-ui-split-view-divider
|
|
16409
|
+
part="divider"
|
|
16408
16410
|
?vertical=${this.vertical}
|
|
16409
16411
|
class="split-view-pane__divider"
|
|
16410
16412
|
></flow-ui-split-view-divider>
|
|
@@ -17362,11 +17364,9 @@ class FlowStepper extends FlowRdfElement {
|
|
|
17362
17364
|
return this.panels.map((panel, index) => {
|
|
17363
17365
|
const template = [this.renderHeaderItem(panel, index)];
|
|
17364
17366
|
if (index > 0) {
|
|
17365
|
-
template.unshift(
|
|
17366
|
-
|
|
17367
|
-
|
|
17368
|
-
`
|
|
17369
|
-
);
|
|
17367
|
+
template.unshift(lit.html`
|
|
17368
|
+
<div class="stepper__header-line"></div>
|
|
17369
|
+
`);
|
|
17370
17370
|
}
|
|
17371
17371
|
return template;
|
|
17372
17372
|
});
|
|
@@ -21797,7 +21797,7 @@ const translation = {
|
|
|
21797
21797
|
};
|
|
21798
21798
|
localize.registerTranslation(translation);
|
|
21799
21799
|
|
|
21800
|
-
const version = "0.0.
|
|
21800
|
+
const version = "0.0.28";
|
|
21801
21801
|
|
|
21802
21802
|
const CONSOLE_HIGHLIGHT_STYLE = `
|
|
21803
21803
|
padding: 2px 4px;
|
|
@@ -21820,7 +21820,7 @@ exports.FlowIcon = FlowIcon;
|
|
|
21820
21820
|
exports.FlowIconButton = FlowIconButton;
|
|
21821
21821
|
exports.FlowNumberStepper = FlowNumberStepper;
|
|
21822
21822
|
exports.FlowOption = FlowOption;
|
|
21823
|
-
exports.FlowPanel =
|
|
21823
|
+
exports.FlowPanel = FlowPanel;
|
|
21824
21824
|
exports.FlowPanelHeader = FlowPanelHeader;
|
|
21825
21825
|
exports.FlowPopup = SlPopup;
|
|
21826
21826
|
exports.FlowScrollView = FlowScrollView;
|
package/dist/index.d.cts
CHANGED
|
@@ -899,7 +899,9 @@ declare global {
|
|
|
899
899
|
}
|
|
900
900
|
|
|
901
901
|
/**
|
|
902
|
-
|
|
902
|
+
* @tagname flow-ui-calendar
|
|
903
|
+
* @summary A calendar component for selecting dates and times.
|
|
904
|
+
*
|
|
903
905
|
*/
|
|
904
906
|
declare class FlowCalendar extends FlowRdfElement {
|
|
905
907
|
static styles: CSSResultGroup;
|
|
@@ -2255,10 +2257,8 @@ declare global {
|
|
|
2255
2257
|
}
|
|
2256
2258
|
|
|
2257
2259
|
/**
|
|
2258
|
-
* @
|
|
2259
|
-
* @
|
|
2260
|
-
* @status stable
|
|
2261
|
-
* @since 2.0
|
|
2260
|
+
* @tagname flow-ui-gauge
|
|
2261
|
+
* @summary Gauges are used to display a single value with an optional icon and heading.
|
|
2262
2262
|
*/
|
|
2263
2263
|
declare class FlowGauge extends FlowRdfElement {
|
|
2264
2264
|
static styles: CSSResultGroup;
|
|
@@ -2364,7 +2364,8 @@ declare global {
|
|
|
2364
2364
|
}
|
|
2365
2365
|
|
|
2366
2366
|
/**
|
|
2367
|
-
|
|
2367
|
+
* @tagname flow-ui-number-stepper
|
|
2368
|
+
* @summary Number steppers are specialized input fields for selecting numbers.
|
|
2368
2369
|
*/
|
|
2369
2370
|
declare class FlowNumberStepper extends FlowRdfElement {
|
|
2370
2371
|
static styles: CSSResultGroup;
|
|
@@ -2450,7 +2451,8 @@ declare global {
|
|
|
2450
2451
|
}
|
|
2451
2452
|
|
|
2452
2453
|
/**
|
|
2453
|
-
* @
|
|
2454
|
+
* @tagname flow-ui-panel-header
|
|
2455
|
+
* @summary A panel header provides a title, optional accessory controls and expand/collapse behavior for panels.
|
|
2454
2456
|
*
|
|
2455
2457
|
* @slot title - The panel header's title content. Alternatively, use the `title` attribute for plain text.
|
|
2456
2458
|
* @slot prefix - The panel header's prefix content.
|
|
@@ -2497,12 +2499,10 @@ declare global {
|
|
|
2497
2499
|
}
|
|
2498
2500
|
|
|
2499
2501
|
/**
|
|
2500
|
-
* @
|
|
2501
|
-
* @
|
|
2502
|
-
* @status stable
|
|
2503
|
-
* @since 2.0
|
|
2502
|
+
* @tagname flow-ui-panel
|
|
2503
|
+
* @summary Panels are use with split-views to create resizable areas.
|
|
2504
2504
|
*/
|
|
2505
|
-
declare class
|
|
2505
|
+
declare class FlowPanel extends FlowRdfElement {
|
|
2506
2506
|
static styles: CSSResultGroup;
|
|
2507
2507
|
/**
|
|
2508
2508
|
* Indicates whether the panel is open or closed.
|
|
@@ -2527,7 +2527,7 @@ declare class FlowSplitViewPanel extends FlowRdfElement {
|
|
|
2527
2527
|
|
|
2528
2528
|
declare global {
|
|
2529
2529
|
interface HTMLElementTagNameMap {
|
|
2530
|
-
'flow-ui-panel':
|
|
2530
|
+
'flow-ui-panel': FlowPanel;
|
|
2531
2531
|
}
|
|
2532
2532
|
}
|
|
2533
2533
|
|
|
@@ -2954,27 +2954,8 @@ declare global {
|
|
|
2954
2954
|
}
|
|
2955
2955
|
|
|
2956
2956
|
/**
|
|
2957
|
-
* @
|
|
2958
|
-
* @
|
|
2959
|
-
* @status stable
|
|
2960
|
-
* @since 2.0
|
|
2961
|
-
*
|
|
2962
|
-
* @event flow-ui-reposition - Emitted when the divider's position changes.
|
|
2963
|
-
*
|
|
2964
|
-
* @slot start - Content to place in the start panel.
|
|
2965
|
-
* @slot end - Content to place in the end panel.
|
|
2966
|
-
* @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.
|
|
2967
|
-
*
|
|
2968
|
-
* @csspart start - The start panel.
|
|
2969
|
-
* @csspart end - The end panel.
|
|
2970
|
-
* @csspart panel - Targets both the start and end panels.
|
|
2971
|
-
* @csspart divider - The divider that separates the start and end panels.
|
|
2972
|
-
*
|
|
2973
|
-
* @cssproperty [--divider-width=4px] - The width of the visible divider.
|
|
2974
|
-
* @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is
|
|
2975
|
-
* usually wider than the divider to facilitate easier dragging.
|
|
2976
|
-
* @cssproperty [--min=0] - The minimum allowed size of the primary panel.
|
|
2977
|
-
* @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.
|
|
2978
2959
|
*/
|
|
2979
2960
|
declare class FlowScrollView extends FlowRdfElement {
|
|
2980
2961
|
static styles: CSSResultGroup;
|
|
@@ -3197,10 +3178,8 @@ declare global {
|
|
|
3197
3178
|
}
|
|
3198
3179
|
|
|
3199
3180
|
/**
|
|
3200
|
-
* @
|
|
3201
|
-
* @
|
|
3202
|
-
* @status stable
|
|
3203
|
-
* @since 2.0
|
|
3181
|
+
* @tagname flow-ui-split-view-divider
|
|
3182
|
+
* @summary Split-view dividers are used internally by split-views to create resizable areas.
|
|
3204
3183
|
*/
|
|
3205
3184
|
declare class FlowPanelDivider extends FlowRdfElement {
|
|
3206
3185
|
static styles: CSSResultGroup;
|
|
@@ -3222,7 +3201,8 @@ declare global {
|
|
|
3222
3201
|
}
|
|
3223
3202
|
|
|
3224
3203
|
/**
|
|
3225
|
-
* @
|
|
3204
|
+
* @tagname flow-ui-split-view-pane
|
|
3205
|
+
* @summary Split-view panes are used with split-views to create resizable areas.
|
|
3226
3206
|
*/
|
|
3227
3207
|
declare class FlowSplitViewPane extends FlowRdfElement {
|
|
3228
3208
|
static styles: CSSResultGroup;
|
|
@@ -3261,10 +3241,8 @@ declare global {
|
|
|
3261
3241
|
}
|
|
3262
3242
|
|
|
3263
3243
|
/**
|
|
3244
|
+
* @tagname flow-ui-split-view-toggle-button
|
|
3264
3245
|
* @summary Use a split panel toggle button to control a parent panel's open/closed state
|
|
3265
|
-
*
|
|
3266
|
-
* @dependency flow-ui-icon-button flow-ui-icon
|
|
3267
|
-
*
|
|
3268
3246
|
*/
|
|
3269
3247
|
declare class FlowSplitViewToggleButton extends FlowIconButton {
|
|
3270
3248
|
static styles: lit.CSSResultGroup[];
|
|
@@ -3293,10 +3271,8 @@ declare global {
|
|
|
3293
3271
|
}
|
|
3294
3272
|
|
|
3295
3273
|
/**
|
|
3296
|
-
* @
|
|
3297
|
-
* @
|
|
3298
|
-
* @status stable
|
|
3299
|
-
* @since 2.0
|
|
3274
|
+
* @tagname flow-ui-split-view
|
|
3275
|
+
* @summary Split-views contain 2 or more split-view panes to create resizable areas.
|
|
3300
3276
|
*/
|
|
3301
3277
|
declare class FlowSplitView extends FlowRdfElement {
|
|
3302
3278
|
private animatingPanelIndex?;
|
|
@@ -3367,16 +3343,9 @@ declare global {
|
|
|
3367
3343
|
}
|
|
3368
3344
|
|
|
3369
3345
|
/**
|
|
3370
|
-
* @
|
|
3371
|
-
* @
|
|
3372
|
-
|
|
3373
|
-
* @since 2.0
|
|
3374
|
-
*
|
|
3375
|
-
* @slot - The tab panel's content.
|
|
3376
|
-
*
|
|
3377
|
-
* @csspart base - The component's base wrapper.
|
|
3378
|
-
*
|
|
3379
|
-
* @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
|
+
|
|
3380
3349
|
*/
|
|
3381
3350
|
declare class FlowStepperPanel extends FlowRdfElement {
|
|
3382
3351
|
static styles: CSSResultGroup;
|
|
@@ -3402,16 +3371,8 @@ declare global {
|
|
|
3402
3371
|
}
|
|
3403
3372
|
|
|
3404
3373
|
/**
|
|
3405
|
-
* @
|
|
3406
|
-
* @
|
|
3407
|
-
* @status stable
|
|
3408
|
-
* @since 2.0
|
|
3409
|
-
*
|
|
3410
|
-
* @slot - The tab panel's content.
|
|
3411
|
-
*
|
|
3412
|
-
* @csspart base - The component's base wrapper.
|
|
3413
|
-
*
|
|
3414
|
-
* @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.
|
|
3415
3376
|
*/
|
|
3416
3377
|
declare class FlowStepper extends FlowRdfElement {
|
|
3417
3378
|
static styles: CSSResultGroup;
|
|
@@ -4052,6 +4013,11 @@ interface ColorMapperValue {
|
|
|
4052
4013
|
colorStops: ColorStopValue[];
|
|
4053
4014
|
}
|
|
4054
4015
|
|
|
4016
|
+
/**
|
|
4017
|
+
* @tagname flow-ui-color-mapper
|
|
4018
|
+
* @summary A component for defining mappings between data values and colors.
|
|
4019
|
+
*
|
|
4020
|
+
*/
|
|
4055
4021
|
declare class FlowColorMapper extends FlowRdfElement {
|
|
4056
4022
|
static styles: CSSResultGroup;
|
|
4057
4023
|
private currentField?;
|
|
@@ -4085,6 +4051,11 @@ declare class FlowColorMapper extends FlowRdfElement {
|
|
|
4085
4051
|
render(): lit.TemplateResult<1>;
|
|
4086
4052
|
}
|
|
4087
4053
|
|
|
4054
|
+
/**
|
|
4055
|
+
* @tagname flow-ui-color-stop
|
|
4056
|
+
* @summary A single color stop used by the `flow-ui-color-mapper` component.
|
|
4057
|
+
*
|
|
4058
|
+
*/
|
|
4088
4059
|
declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
|
|
4089
4060
|
static styles: CSSResultGroup;
|
|
4090
4061
|
private readonly formControlController;
|
|
@@ -4139,27 +4110,8 @@ declare function colorMapperValueToMaplibreExpression(value: ColorMapperValue):
|
|
|
4139
4110
|
declare function escapeMaplibreString(value: string): string;
|
|
4140
4111
|
|
|
4141
4112
|
/**
|
|
4142
|
-
* @
|
|
4143
|
-
* @
|
|
4144
|
-
* @status stable
|
|
4145
|
-
* @since 2.0
|
|
4146
|
-
*
|
|
4147
|
-
* @dependency flow-ui-button-group
|
|
4148
|
-
*
|
|
4149
|
-
* @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
|
|
4150
|
-
* @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
|
|
4151
|
-
* attribute.
|
|
4152
|
-
*
|
|
4153
|
-
* @event flow-ui-change - Emitted when the radio group's selected value changes.
|
|
4154
|
-
* @event flow-ui-input - Emitted when the radio group receives user input.
|
|
4155
|
-
* @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
|
|
4156
|
-
*
|
|
4157
|
-
* @csspart form-control - The form control that wraps the label, input, and help text.
|
|
4158
|
-
* @csspart form-control-label - The label's wrapper.
|
|
4159
|
-
* @csspart form-control-input - The input's wrapper.
|
|
4160
|
-
* @csspart form-control-help-text - The help text's wrapper.
|
|
4161
|
-
* @csspart button-group - The button group that wraps radio buttons.
|
|
4162
|
-
* @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.
|
|
4163
4115
|
*/
|
|
4164
4116
|
declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormControl {
|
|
4165
4117
|
static styles: CSSResultGroup;
|
|
@@ -4233,24 +4185,8 @@ declare global {
|
|
|
4233
4185
|
}
|
|
4234
4186
|
|
|
4235
4187
|
/**
|
|
4236
|
-
* @
|
|
4237
|
-
* @
|
|
4238
|
-
* @status stable
|
|
4239
|
-
* @since 2.0
|
|
4240
|
-
*
|
|
4241
|
-
* @slot - The radio button's label.
|
|
4242
|
-
* @slot prefix - A presentational prefix icon or similar element.
|
|
4243
|
-
* @slot suffix - A presentational suffix icon or similar element.
|
|
4244
|
-
*
|
|
4245
|
-
* @event flow-ui-blur - Emitted when the button loses focus.
|
|
4246
|
-
* @event flow-ui-focus - Emitted when the button gains focus.
|
|
4247
|
-
*
|
|
4248
|
-
* @csspart base - The component's base wrapper.
|
|
4249
|
-
* @csspart button - The internal `<button>` element.
|
|
4250
|
-
* @csspart button--checked - The internal button element when the radio button is checked.
|
|
4251
|
-
* @csspart prefix - The container that wraps the prefix.
|
|
4252
|
-
* @csspart label - The container that wraps the radio button's label.
|
|
4253
|
-
* @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.
|
|
4254
4190
|
*/
|
|
4255
4191
|
declare class FlowToolButton extends FlowRdfElement {
|
|
4256
4192
|
static styles: CSSResultGroup;
|
|
@@ -4648,4 +4584,4 @@ declare function unregisterIconLibrary(name: string): void;
|
|
|
4648
4584
|
declare function setDefaultLocale(locale: string): void;
|
|
4649
4585
|
declare function setDefaultTimeZone(timeZone: string): void;
|
|
4650
4586
|
|
|
4651
|
-
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,
|
|
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 };
|
package/dist/index.d.mts
CHANGED
|
@@ -899,7 +899,9 @@ declare global {
|
|
|
899
899
|
}
|
|
900
900
|
|
|
901
901
|
/**
|
|
902
|
-
|
|
902
|
+
* @tagname flow-ui-calendar
|
|
903
|
+
* @summary A calendar component for selecting dates and times.
|
|
904
|
+
*
|
|
903
905
|
*/
|
|
904
906
|
declare class FlowCalendar extends FlowRdfElement {
|
|
905
907
|
static styles: CSSResultGroup;
|
|
@@ -2255,10 +2257,8 @@ declare global {
|
|
|
2255
2257
|
}
|
|
2256
2258
|
|
|
2257
2259
|
/**
|
|
2258
|
-
* @
|
|
2259
|
-
* @
|
|
2260
|
-
* @status stable
|
|
2261
|
-
* @since 2.0
|
|
2260
|
+
* @tagname flow-ui-gauge
|
|
2261
|
+
* @summary Gauges are used to display a single value with an optional icon and heading.
|
|
2262
2262
|
*/
|
|
2263
2263
|
declare class FlowGauge extends FlowRdfElement {
|
|
2264
2264
|
static styles: CSSResultGroup;
|
|
@@ -2364,7 +2364,8 @@ declare global {
|
|
|
2364
2364
|
}
|
|
2365
2365
|
|
|
2366
2366
|
/**
|
|
2367
|
-
|
|
2367
|
+
* @tagname flow-ui-number-stepper
|
|
2368
|
+
* @summary Number steppers are specialized input fields for selecting numbers.
|
|
2368
2369
|
*/
|
|
2369
2370
|
declare class FlowNumberStepper extends FlowRdfElement {
|
|
2370
2371
|
static styles: CSSResultGroup;
|
|
@@ -2450,7 +2451,8 @@ declare global {
|
|
|
2450
2451
|
}
|
|
2451
2452
|
|
|
2452
2453
|
/**
|
|
2453
|
-
* @
|
|
2454
|
+
* @tagname flow-ui-panel-header
|
|
2455
|
+
* @summary A panel header provides a title, optional accessory controls and expand/collapse behavior for panels.
|
|
2454
2456
|
*
|
|
2455
2457
|
* @slot title - The panel header's title content. Alternatively, use the `title` attribute for plain text.
|
|
2456
2458
|
* @slot prefix - The panel header's prefix content.
|
|
@@ -2497,12 +2499,10 @@ declare global {
|
|
|
2497
2499
|
}
|
|
2498
2500
|
|
|
2499
2501
|
/**
|
|
2500
|
-
* @
|
|
2501
|
-
* @
|
|
2502
|
-
* @status stable
|
|
2503
|
-
* @since 2.0
|
|
2502
|
+
* @tagname flow-ui-panel
|
|
2503
|
+
* @summary Panels are use with split-views to create resizable areas.
|
|
2504
2504
|
*/
|
|
2505
|
-
declare class
|
|
2505
|
+
declare class FlowPanel extends FlowRdfElement {
|
|
2506
2506
|
static styles: CSSResultGroup;
|
|
2507
2507
|
/**
|
|
2508
2508
|
* Indicates whether the panel is open or closed.
|
|
@@ -2527,7 +2527,7 @@ declare class FlowSplitViewPanel extends FlowRdfElement {
|
|
|
2527
2527
|
|
|
2528
2528
|
declare global {
|
|
2529
2529
|
interface HTMLElementTagNameMap {
|
|
2530
|
-
'flow-ui-panel':
|
|
2530
|
+
'flow-ui-panel': FlowPanel;
|
|
2531
2531
|
}
|
|
2532
2532
|
}
|
|
2533
2533
|
|
|
@@ -2954,27 +2954,8 @@ declare global {
|
|
|
2954
2954
|
}
|
|
2955
2955
|
|
|
2956
2956
|
/**
|
|
2957
|
-
* @
|
|
2958
|
-
* @
|
|
2959
|
-
* @status stable
|
|
2960
|
-
* @since 2.0
|
|
2961
|
-
*
|
|
2962
|
-
* @event flow-ui-reposition - Emitted when the divider's position changes.
|
|
2963
|
-
*
|
|
2964
|
-
* @slot start - Content to place in the start panel.
|
|
2965
|
-
* @slot end - Content to place in the end panel.
|
|
2966
|
-
* @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.
|
|
2967
|
-
*
|
|
2968
|
-
* @csspart start - The start panel.
|
|
2969
|
-
* @csspart end - The end panel.
|
|
2970
|
-
* @csspart panel - Targets both the start and end panels.
|
|
2971
|
-
* @csspart divider - The divider that separates the start and end panels.
|
|
2972
|
-
*
|
|
2973
|
-
* @cssproperty [--divider-width=4px] - The width of the visible divider.
|
|
2974
|
-
* @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is
|
|
2975
|
-
* usually wider than the divider to facilitate easier dragging.
|
|
2976
|
-
* @cssproperty [--min=0] - The minimum allowed size of the primary panel.
|
|
2977
|
-
* @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.
|
|
2978
2959
|
*/
|
|
2979
2960
|
declare class FlowScrollView extends FlowRdfElement {
|
|
2980
2961
|
static styles: CSSResultGroup;
|
|
@@ -3197,10 +3178,8 @@ declare global {
|
|
|
3197
3178
|
}
|
|
3198
3179
|
|
|
3199
3180
|
/**
|
|
3200
|
-
* @
|
|
3201
|
-
* @
|
|
3202
|
-
* @status stable
|
|
3203
|
-
* @since 2.0
|
|
3181
|
+
* @tagname flow-ui-split-view-divider
|
|
3182
|
+
* @summary Split-view dividers are used internally by split-views to create resizable areas.
|
|
3204
3183
|
*/
|
|
3205
3184
|
declare class FlowPanelDivider extends FlowRdfElement {
|
|
3206
3185
|
static styles: CSSResultGroup;
|
|
@@ -3222,7 +3201,8 @@ declare global {
|
|
|
3222
3201
|
}
|
|
3223
3202
|
|
|
3224
3203
|
/**
|
|
3225
|
-
* @
|
|
3204
|
+
* @tagname flow-ui-split-view-pane
|
|
3205
|
+
* @summary Split-view panes are used with split-views to create resizable areas.
|
|
3226
3206
|
*/
|
|
3227
3207
|
declare class FlowSplitViewPane extends FlowRdfElement {
|
|
3228
3208
|
static styles: CSSResultGroup;
|
|
@@ -3261,10 +3241,8 @@ declare global {
|
|
|
3261
3241
|
}
|
|
3262
3242
|
|
|
3263
3243
|
/**
|
|
3244
|
+
* @tagname flow-ui-split-view-toggle-button
|
|
3264
3245
|
* @summary Use a split panel toggle button to control a parent panel's open/closed state
|
|
3265
|
-
*
|
|
3266
|
-
* @dependency flow-ui-icon-button flow-ui-icon
|
|
3267
|
-
*
|
|
3268
3246
|
*/
|
|
3269
3247
|
declare class FlowSplitViewToggleButton extends FlowIconButton {
|
|
3270
3248
|
static styles: lit.CSSResultGroup[];
|
|
@@ -3293,10 +3271,8 @@ declare global {
|
|
|
3293
3271
|
}
|
|
3294
3272
|
|
|
3295
3273
|
/**
|
|
3296
|
-
* @
|
|
3297
|
-
* @
|
|
3298
|
-
* @status stable
|
|
3299
|
-
* @since 2.0
|
|
3274
|
+
* @tagname flow-ui-split-view
|
|
3275
|
+
* @summary Split-views contain 2 or more split-view panes to create resizable areas.
|
|
3300
3276
|
*/
|
|
3301
3277
|
declare class FlowSplitView extends FlowRdfElement {
|
|
3302
3278
|
private animatingPanelIndex?;
|
|
@@ -3367,16 +3343,9 @@ declare global {
|
|
|
3367
3343
|
}
|
|
3368
3344
|
|
|
3369
3345
|
/**
|
|
3370
|
-
* @
|
|
3371
|
-
* @
|
|
3372
|
-
|
|
3373
|
-
* @since 2.0
|
|
3374
|
-
*
|
|
3375
|
-
* @slot - The tab panel's content.
|
|
3376
|
-
*
|
|
3377
|
-
* @csspart base - The component's base wrapper.
|
|
3378
|
-
*
|
|
3379
|
-
* @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
|
+
|
|
3380
3349
|
*/
|
|
3381
3350
|
declare class FlowStepperPanel extends FlowRdfElement {
|
|
3382
3351
|
static styles: CSSResultGroup;
|
|
@@ -3402,16 +3371,8 @@ declare global {
|
|
|
3402
3371
|
}
|
|
3403
3372
|
|
|
3404
3373
|
/**
|
|
3405
|
-
* @
|
|
3406
|
-
* @
|
|
3407
|
-
* @status stable
|
|
3408
|
-
* @since 2.0
|
|
3409
|
-
*
|
|
3410
|
-
* @slot - The tab panel's content.
|
|
3411
|
-
*
|
|
3412
|
-
* @csspart base - The component's base wrapper.
|
|
3413
|
-
*
|
|
3414
|
-
* @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.
|
|
3415
3376
|
*/
|
|
3416
3377
|
declare class FlowStepper extends FlowRdfElement {
|
|
3417
3378
|
static styles: CSSResultGroup;
|
|
@@ -4052,6 +4013,11 @@ interface ColorMapperValue {
|
|
|
4052
4013
|
colorStops: ColorStopValue[];
|
|
4053
4014
|
}
|
|
4054
4015
|
|
|
4016
|
+
/**
|
|
4017
|
+
* @tagname flow-ui-color-mapper
|
|
4018
|
+
* @summary A component for defining mappings between data values and colors.
|
|
4019
|
+
*
|
|
4020
|
+
*/
|
|
4055
4021
|
declare class FlowColorMapper extends FlowRdfElement {
|
|
4056
4022
|
static styles: CSSResultGroup;
|
|
4057
4023
|
private currentField?;
|
|
@@ -4085,6 +4051,11 @@ declare class FlowColorMapper extends FlowRdfElement {
|
|
|
4085
4051
|
render(): lit.TemplateResult<1>;
|
|
4086
4052
|
}
|
|
4087
4053
|
|
|
4054
|
+
/**
|
|
4055
|
+
* @tagname flow-ui-color-stop
|
|
4056
|
+
* @summary A single color stop used by the `flow-ui-color-mapper` component.
|
|
4057
|
+
*
|
|
4058
|
+
*/
|
|
4088
4059
|
declare class FlowColorStopComponent extends FlowRdfElement implements FlowRdfFormControl {
|
|
4089
4060
|
static styles: CSSResultGroup;
|
|
4090
4061
|
private readonly formControlController;
|
|
@@ -4139,27 +4110,8 @@ declare function colorMapperValueToMaplibreExpression(value: ColorMapperValue):
|
|
|
4139
4110
|
declare function escapeMaplibreString(value: string): string;
|
|
4140
4111
|
|
|
4141
4112
|
/**
|
|
4142
|
-
* @
|
|
4143
|
-
* @
|
|
4144
|
-
* @status stable
|
|
4145
|
-
* @since 2.0
|
|
4146
|
-
*
|
|
4147
|
-
* @dependency flow-ui-button-group
|
|
4148
|
-
*
|
|
4149
|
-
* @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.
|
|
4150
|
-
* @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
|
|
4151
|
-
* attribute.
|
|
4152
|
-
*
|
|
4153
|
-
* @event flow-ui-change - Emitted when the radio group's selected value changes.
|
|
4154
|
-
* @event flow-ui-input - Emitted when the radio group receives user input.
|
|
4155
|
-
* @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
|
|
4156
|
-
*
|
|
4157
|
-
* @csspart form-control - The form control that wraps the label, input, and help text.
|
|
4158
|
-
* @csspart form-control-label - The label's wrapper.
|
|
4159
|
-
* @csspart form-control-input - The input's wrapper.
|
|
4160
|
-
* @csspart form-control-help-text - The help text's wrapper.
|
|
4161
|
-
* @csspart button-group - The button group that wraps radio buttons.
|
|
4162
|
-
* @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.
|
|
4163
4115
|
*/
|
|
4164
4116
|
declare class FlowToolButtonGroup extends FlowRdfElement implements FlowRdfFormControl {
|
|
4165
4117
|
static styles: CSSResultGroup;
|
|
@@ -4233,24 +4185,8 @@ declare global {
|
|
|
4233
4185
|
}
|
|
4234
4186
|
|
|
4235
4187
|
/**
|
|
4236
|
-
* @
|
|
4237
|
-
* @
|
|
4238
|
-
* @status stable
|
|
4239
|
-
* @since 2.0
|
|
4240
|
-
*
|
|
4241
|
-
* @slot - The radio button's label.
|
|
4242
|
-
* @slot prefix - A presentational prefix icon or similar element.
|
|
4243
|
-
* @slot suffix - A presentational suffix icon or similar element.
|
|
4244
|
-
*
|
|
4245
|
-
* @event flow-ui-blur - Emitted when the button loses focus.
|
|
4246
|
-
* @event flow-ui-focus - Emitted when the button gains focus.
|
|
4247
|
-
*
|
|
4248
|
-
* @csspart base - The component's base wrapper.
|
|
4249
|
-
* @csspart button - The internal `<button>` element.
|
|
4250
|
-
* @csspart button--checked - The internal button element when the radio button is checked.
|
|
4251
|
-
* @csspart prefix - The container that wraps the prefix.
|
|
4252
|
-
* @csspart label - The container that wraps the radio button's label.
|
|
4253
|
-
* @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.
|
|
4254
4190
|
*/
|
|
4255
4191
|
declare class FlowToolButton extends FlowRdfElement {
|
|
4256
4192
|
static styles: CSSResultGroup;
|
|
@@ -4648,4 +4584,4 @@ declare function unregisterIconLibrary(name: string): void;
|
|
|
4648
4584
|
declare function setDefaultLocale(locale: string): void;
|
|
4649
4585
|
declare function setDefaultTimeZone(timeZone: string): void;
|
|
4650
4586
|
|
|
4651
|
-
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,
|
|
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 };
|