@emuanalytics/flow-rdf-ui 0.0.46 → 0.0.49
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 +2576 -2576
- package/dist/index.cjs +4 -7
- package/dist/index.d.cts +1 -4
- package/dist/index.d.mts +1 -4
- package/dist/index.d.ts +1 -4
- package/dist/index.mjs +3 -5
- package/dist/vscode.html-custom-data.json +124 -124
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -22,7 +22,7 @@ const live_js = require('lit/directives/live.js');
|
|
|
22
22
|
const tinycolor = require('@ctrl/tinycolor');
|
|
23
23
|
const styleMap_js = require('lit/directives/style-map.js');
|
|
24
24
|
const d3Format$1 = require('d3-format');
|
|
25
|
-
const
|
|
25
|
+
const flowRdfCore = require('@emuanalytics/flow-rdf-core');
|
|
26
26
|
const cloneDeep = require('clone-deep');
|
|
27
27
|
const overlayscrollbars = require('overlayscrollbars');
|
|
28
28
|
const unsafeHtml_js = require('lit/directives/unsafe-html.js');
|
|
@@ -45,7 +45,6 @@ function _interopNamespaceCompat(e) {
|
|
|
45
45
|
|
|
46
46
|
const animations__namespace = /*#__PURE__*/_interopNamespaceCompat(animations);
|
|
47
47
|
const AnnotationPlugin__default = /*#__PURE__*/_interopDefaultCompat(AnnotationPlugin);
|
|
48
|
-
const flowRdfCorePackage__namespace = /*#__PURE__*/_interopNamespaceCompat(flowRdfCorePackage);
|
|
49
48
|
const cloneDeep__default = /*#__PURE__*/_interopDefaultCompat(cloneDeep);
|
|
50
49
|
|
|
51
50
|
function animateTo(el, keyframes, options) {
|
|
@@ -11712,6 +11711,7 @@ class FlowUiMap extends FlowRdfElement {
|
|
|
11712
11711
|
await this.updateComplete;
|
|
11713
11712
|
this._map = await this.initializeMap();
|
|
11714
11713
|
this._resolveInitialized(this._map);
|
|
11714
|
+
this.emit("flow-ui-load");
|
|
11715
11715
|
}
|
|
11716
11716
|
disconnectedCallback() {
|
|
11717
11717
|
super.disconnectedCallback();
|
|
@@ -11724,7 +11724,7 @@ class FlowUiMap extends FlowRdfElement {
|
|
|
11724
11724
|
const mapContainer = document.createElement("div");
|
|
11725
11725
|
mapContainer.slot = "map";
|
|
11726
11726
|
this.appendChild(mapContainer);
|
|
11727
|
-
const map = new
|
|
11727
|
+
const map = new flowRdfCore.FlowMap({
|
|
11728
11728
|
id: this.mapId ?? `flow-map-${mapIdCounter++}`,
|
|
11729
11729
|
container: mapContainer,
|
|
11730
11730
|
baseStyle: this.baseStyle,
|
|
@@ -11735,7 +11735,6 @@ class FlowUiMap extends FlowRdfElement {
|
|
|
11735
11735
|
map.on("loading", (ev) => {
|
|
11736
11736
|
this._mapLoading = ev.loading;
|
|
11737
11737
|
});
|
|
11738
|
-
this.emit("flow-ui-load");
|
|
11739
11738
|
return map;
|
|
11740
11739
|
}
|
|
11741
11740
|
render() {
|
|
@@ -23680,7 +23679,7 @@ const translation = {
|
|
|
23680
23679
|
};
|
|
23681
23680
|
localize.registerTranslation(translation);
|
|
23682
23681
|
|
|
23683
|
-
const version = "0.0.
|
|
23682
|
+
const version = "0.0.49";
|
|
23684
23683
|
|
|
23685
23684
|
const CONSOLE_HIGHLIGHT_STYLE = `
|
|
23686
23685
|
padding: 2px 4px;
|
|
@@ -23691,7 +23690,6 @@ function announce() {
|
|
|
23691
23690
|
console.log("%cFlo.w RDF UI v%s", CONSOLE_HIGHLIGHT_STYLE, version);
|
|
23692
23691
|
}
|
|
23693
23692
|
|
|
23694
|
-
const flowRdfCore = flowRdfCorePackage__namespace;
|
|
23695
23693
|
announce();
|
|
23696
23694
|
|
|
23697
23695
|
exports.ChartJs = chart_js.Chart;
|
|
@@ -23728,7 +23726,6 @@ exports.FlowToolButtonGroup = FlowToolButtonGroup;
|
|
|
23728
23726
|
exports.addIcons = addIcons;
|
|
23729
23727
|
exports.colorMapperValueToMaplibreExpression = colorMapperValueToMaplibreExpression;
|
|
23730
23728
|
exports.escapeMaplibreString = escapeMaplibreString;
|
|
23731
|
-
exports.flowRdfCore = flowRdfCore;
|
|
23732
23729
|
exports.getAnimationNames = getAnimationNames;
|
|
23733
23730
|
exports.getBasePath = getBasePath;
|
|
23734
23731
|
exports.getEasingNames = getEasingNames;
|
package/dist/index.d.cts
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
|
-
import * as flowRdfCorePackage from '@emuanalytics/flow-rdf-core';
|
|
8
7
|
import { FlowMap } from '@emuanalytics/flow-rdf-core';
|
|
9
8
|
|
|
10
9
|
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;
|
|
@@ -5003,6 +5002,4 @@ declare function unregisterIconLibrary(name: string): void;
|
|
|
5003
5002
|
declare function setDefaultLocale(locale: string): void;
|
|
5004
5003
|
declare function setDefaultTimeZone(timeZone: string): void;
|
|
5005
5004
|
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
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, FlowUiMap as FlowMap, 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, flowRdfCore, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
|
|
5005
|
+
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, FlowUiMap as FlowMap, 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 };
|
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
|
-
import * as flowRdfCorePackage from '@emuanalytics/flow-rdf-core';
|
|
8
7
|
import { FlowMap } from '@emuanalytics/flow-rdf-core';
|
|
9
8
|
|
|
10
9
|
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;
|
|
@@ -5003,6 +5002,4 @@ declare function unregisterIconLibrary(name: string): void;
|
|
|
5003
5002
|
declare function setDefaultLocale(locale: string): void;
|
|
5004
5003
|
declare function setDefaultTimeZone(timeZone: string): void;
|
|
5005
5004
|
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
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, FlowUiMap as FlowMap, 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, flowRdfCore, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
|
|
5005
|
+
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, FlowUiMap as FlowMap, 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 };
|
package/dist/index.d.ts
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
|
-
import * as flowRdfCorePackage from '@emuanalytics/flow-rdf-core';
|
|
8
7
|
import { FlowMap } from '@emuanalytics/flow-rdf-core';
|
|
9
8
|
|
|
10
9
|
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;
|
|
@@ -5003,6 +5002,4 @@ declare function unregisterIconLibrary(name: string): void;
|
|
|
5003
5002
|
declare function setDefaultLocale(locale: string): void;
|
|
5004
5003
|
declare function setDefaultTimeZone(timeZone: string): void;
|
|
5005
5004
|
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
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, FlowUiMap as FlowMap, 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, flowRdfCore, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
|
|
5005
|
+
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, FlowUiMap as FlowMap, 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 };
|
package/dist/index.mjs
CHANGED
|
@@ -21,7 +21,6 @@ import { live } from 'lit/directives/live.js';
|
|
|
21
21
|
import { TinyColor } from '@ctrl/tinycolor';
|
|
22
22
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
23
23
|
import { format, formatLocale } from 'd3-format';
|
|
24
|
-
import * as flowRdfCorePackage from '@emuanalytics/flow-rdf-core';
|
|
25
24
|
import { FlowMap } from '@emuanalytics/flow-rdf-core';
|
|
26
25
|
import cloneDeep from 'clone-deep';
|
|
27
26
|
import { OverlayScrollbars } from 'overlayscrollbars';
|
|
@@ -11693,6 +11692,7 @@ class FlowUiMap extends FlowRdfElement {
|
|
|
11693
11692
|
await this.updateComplete;
|
|
11694
11693
|
this._map = await this.initializeMap();
|
|
11695
11694
|
this._resolveInitialized(this._map);
|
|
11695
|
+
this.emit("flow-ui-load");
|
|
11696
11696
|
}
|
|
11697
11697
|
disconnectedCallback() {
|
|
11698
11698
|
super.disconnectedCallback();
|
|
@@ -11716,7 +11716,6 @@ class FlowUiMap extends FlowRdfElement {
|
|
|
11716
11716
|
map.on("loading", (ev) => {
|
|
11717
11717
|
this._mapLoading = ev.loading;
|
|
11718
11718
|
});
|
|
11719
|
-
this.emit("flow-ui-load");
|
|
11720
11719
|
return map;
|
|
11721
11720
|
}
|
|
11722
11721
|
render() {
|
|
@@ -23661,7 +23660,7 @@ const translation = {
|
|
|
23661
23660
|
};
|
|
23662
23661
|
registerTranslation(translation);
|
|
23663
23662
|
|
|
23664
|
-
const version = "0.0.
|
|
23663
|
+
const version = "0.0.49";
|
|
23665
23664
|
|
|
23666
23665
|
const CONSOLE_HIGHLIGHT_STYLE = `
|
|
23667
23666
|
padding: 2px 4px;
|
|
@@ -23672,7 +23671,6 @@ function announce() {
|
|
|
23672
23671
|
console.log("%cFlo.w RDF UI v%s", CONSOLE_HIGHLIGHT_STYLE, version);
|
|
23673
23672
|
}
|
|
23674
23673
|
|
|
23675
|
-
const flowRdfCore = flowRdfCorePackage;
|
|
23676
23674
|
announce();
|
|
23677
23675
|
|
|
23678
|
-
export { FlowAlert, SlAnimation as FlowAnimation, FlowAvatar, FlowBadge, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCard, FlowCarousel, FlowCarouselItem, FlowChart, FlowCheckbox, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDrawer, SlDropdown as FlowDropdown, FlowGauge, FlowIcon, FlowIconButton, FlowInput, FlowUiMap as FlowMap, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowPanel, FlowPanelHeader, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowQueryBuilder, FlowRadio, FlowRadioGroup, FlowRange, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabPanel, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString,
|
|
23676
|
+
export { FlowAlert, SlAnimation as FlowAnimation, FlowAvatar, FlowBadge, FlowBreadcrumb, FlowBreadcrumbItem, FlowButton, FlowButtonGroup, FlowCalendar, FlowCard, FlowCarousel, FlowCarouselItem, FlowChart, FlowCheckbox, FlowColorMapper, FlowColorPicker, FlowColorStopComponent as FlowColorStop, FlowDatetimePicker as FlowDateTimePicker, FlowDetails, FlowDialog, FlowDivider, FlowDrawer, SlDropdown as FlowDropdown, FlowGauge, FlowIcon, FlowIconButton, FlowInput, FlowUiMap as FlowMap, FlowMenu, FlowMenuItem, FlowMenuLabel, FlowMutationObserver, FlowNumberStepper, FlowOption, FlowPanel, FlowPanelHeader, SlPopup as FlowPopup, FlowProgressBar, FlowProgressRing, FlowQueryBuilder, FlowRadio, FlowRadioGroup, FlowRange, FlowResizeObserver, FlowScrollView, FlowSelect, FlowSpinner, FlowSplitView, FlowPanelDivider as FlowSplitViewDivider, FlowSplitViewPane, FlowSplitViewToggleButton, FlowStepper, FlowStepperPanel, FlowSwitch, FlowTab, FlowTabGroup, FlowTabPanel, FlowTag, FlowTextarea, FlowTimer, FlowToolButton, FlowToolButtonGroup, FlowTooltip, FlowTree, FlowTreeItem, FlowVisuallyHidden, addIcons, colorMapperValueToMaplibreExpression, escapeMaplibreString, getAnimationNames, getBasePath, getEasingNames, initializeChartJs, registerChartComponent, registerIconLibrary, setBasePath, setDefaultLocale, setDefaultTimeZone, unregisterIconLibrary };
|
|
@@ -35,29 +35,37 @@
|
|
|
35
35
|
"references": []
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
|
-
"name": "flow-ui-
|
|
39
|
-
"description": "
|
|
38
|
+
"name": "flow-ui-avatar",
|
|
39
|
+
"description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
|
|
40
40
|
"attributes": [
|
|
41
41
|
{
|
|
42
|
-
"name": "
|
|
43
|
-
"description": "The
|
|
44
|
-
"values": [
|
|
45
|
-
{ "name": "primary" },
|
|
46
|
-
{ "name": "success" },
|
|
47
|
-
{ "name": "neutral" },
|
|
48
|
-
{ "name": "warning" },
|
|
49
|
-
{ "name": "danger" }
|
|
50
|
-
]
|
|
42
|
+
"name": "image",
|
|
43
|
+
"description": "The image source to use for the avatar.",
|
|
44
|
+
"values": []
|
|
51
45
|
},
|
|
52
46
|
{
|
|
53
|
-
"name": "
|
|
54
|
-
"description": "
|
|
47
|
+
"name": "label",
|
|
48
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
55
49
|
"values": []
|
|
56
50
|
},
|
|
57
51
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "
|
|
52
|
+
"name": "initials",
|
|
53
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
60
54
|
"values": []
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "loading",
|
|
58
|
+
"description": "Indicates how the browser should load the image.",
|
|
59
|
+
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"name": "shape",
|
|
63
|
+
"description": "The shape of the avatar.",
|
|
64
|
+
"values": [
|
|
65
|
+
{ "name": "circle" },
|
|
66
|
+
{ "name": "square" },
|
|
67
|
+
{ "name": "rounded" }
|
|
68
|
+
]
|
|
61
69
|
}
|
|
62
70
|
],
|
|
63
71
|
"references": []
|
|
@@ -89,54 +97,6 @@
|
|
|
89
97
|
],
|
|
90
98
|
"references": []
|
|
91
99
|
},
|
|
92
|
-
{
|
|
93
|
-
"name": "flow-ui-breadcrumb",
|
|
94
|
-
"description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
95
|
-
"attributes": [
|
|
96
|
-
{
|
|
97
|
-
"name": "label",
|
|
98
|
-
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
99
|
-
"values": []
|
|
100
|
-
}
|
|
101
|
-
],
|
|
102
|
-
"references": []
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"name": "flow-ui-avatar",
|
|
106
|
-
"description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
|
|
107
|
-
"attributes": [
|
|
108
|
-
{
|
|
109
|
-
"name": "image",
|
|
110
|
-
"description": "The image source to use for the avatar.",
|
|
111
|
-
"values": []
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"name": "label",
|
|
115
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
116
|
-
"values": []
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"name": "initials",
|
|
120
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
121
|
-
"values": []
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
"name": "loading",
|
|
125
|
-
"description": "Indicates how the browser should load the image.",
|
|
126
|
-
"values": [{ "name": "eager" }, { "name": "lazy" }]
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
"name": "shape",
|
|
130
|
-
"description": "The shape of the avatar.",
|
|
131
|
-
"values": [
|
|
132
|
-
{ "name": "circle" },
|
|
133
|
-
{ "name": "square" },
|
|
134
|
-
{ "name": "rounded" }
|
|
135
|
-
]
|
|
136
|
-
}
|
|
137
|
-
],
|
|
138
|
-
"references": []
|
|
139
|
-
},
|
|
140
100
|
{
|
|
141
101
|
"name": "flow-ui-button",
|
|
142
102
|
"description": "Buttons represent actions that are available to the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the button loses focus.\n- **flow-ui-focus** - Emitted when the button gains focus.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<flow-ui-icon>` element.",
|
|
@@ -287,6 +247,59 @@
|
|
|
287
247
|
],
|
|
288
248
|
"references": []
|
|
289
249
|
},
|
|
250
|
+
{
|
|
251
|
+
"name": "flow-ui-button-group",
|
|
252
|
+
"description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
253
|
+
"attributes": [
|
|
254
|
+
{ "name": "label", "values": [] },
|
|
255
|
+
{
|
|
256
|
+
"name": "vertical",
|
|
257
|
+
"description": "Use vertical layout for the button group.",
|
|
258
|
+
"values": []
|
|
259
|
+
}
|
|
260
|
+
],
|
|
261
|
+
"references": []
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"name": "flow-ui-breadcrumb",
|
|
265
|
+
"description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
266
|
+
"attributes": [
|
|
267
|
+
{
|
|
268
|
+
"name": "label",
|
|
269
|
+
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
270
|
+
"values": []
|
|
271
|
+
}
|
|
272
|
+
],
|
|
273
|
+
"references": []
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"name": "flow-ui-badge",
|
|
277
|
+
"description": "Badges are used to draw attention and display statuses or counts.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
278
|
+
"attributes": [
|
|
279
|
+
{
|
|
280
|
+
"name": "variant",
|
|
281
|
+
"description": "The badge's theme variant.",
|
|
282
|
+
"values": [
|
|
283
|
+
{ "name": "primary" },
|
|
284
|
+
{ "name": "success" },
|
|
285
|
+
{ "name": "neutral" },
|
|
286
|
+
{ "name": "warning" },
|
|
287
|
+
{ "name": "danger" }
|
|
288
|
+
]
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"name": "pill",
|
|
292
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
293
|
+
"values": []
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"name": "pulse",
|
|
297
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
298
|
+
"values": []
|
|
299
|
+
}
|
|
300
|
+
],
|
|
301
|
+
"references": []
|
|
302
|
+
},
|
|
290
303
|
{
|
|
291
304
|
"name": "flow-ui-calendar",
|
|
292
305
|
"description": "A calendar component for selecting dates and times.\n\n\n---\n\n\n",
|
|
@@ -313,19 +326,6 @@
|
|
|
313
326
|
],
|
|
314
327
|
"references": []
|
|
315
328
|
},
|
|
316
|
-
{
|
|
317
|
-
"name": "flow-ui-button-group",
|
|
318
|
-
"description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
319
|
-
"attributes": [
|
|
320
|
-
{ "name": "label", "values": [] },
|
|
321
|
-
{
|
|
322
|
-
"name": "vertical",
|
|
323
|
-
"description": "Use vertical layout for the button group.",
|
|
324
|
-
"values": []
|
|
325
|
-
}
|
|
326
|
-
],
|
|
327
|
-
"references": []
|
|
328
|
-
},
|
|
329
329
|
{
|
|
330
330
|
"name": "flow-ui-card",
|
|
331
331
|
"description": "Cards can be used to group related subjects in a container.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
|
|
@@ -1316,6 +1316,32 @@
|
|
|
1316
1316
|
],
|
|
1317
1317
|
"references": []
|
|
1318
1318
|
},
|
|
1319
|
+
{
|
|
1320
|
+
"name": "flow-ui-radio",
|
|
1321
|
+
"description": "Radios allow the user to select a single option from a group.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the control loses focus.\n- **flow-ui-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an `<flow-ui-icon>` element.\n- **label** - The container that wraps the radio's label.",
|
|
1322
|
+
"attributes": [
|
|
1323
|
+
{
|
|
1324
|
+
"name": "value",
|
|
1325
|
+
"description": "The radio's value. When selected, the radio group will receive this value.",
|
|
1326
|
+
"values": []
|
|
1327
|
+
},
|
|
1328
|
+
{
|
|
1329
|
+
"name": "size",
|
|
1330
|
+
"description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
|
|
1331
|
+
"values": [
|
|
1332
|
+
{ "name": "small" },
|
|
1333
|
+
{ "name": "medium" },
|
|
1334
|
+
{ "name": "large" }
|
|
1335
|
+
]
|
|
1336
|
+
},
|
|
1337
|
+
{
|
|
1338
|
+
"name": "disabled",
|
|
1339
|
+
"description": "Disables the radio.",
|
|
1340
|
+
"values": []
|
|
1341
|
+
}
|
|
1342
|
+
],
|
|
1343
|
+
"references": []
|
|
1344
|
+
},
|
|
1319
1345
|
{
|
|
1320
1346
|
"name": "flow-ui-radio-group",
|
|
1321
1347
|
"description": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the radio group's selected value changes.\n- **flow-ui-input** - Emitted when the radio group receives user input.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-group** - The button group that wraps radio buttons.\n- **button-group__base** - The button group's `base` part.",
|
|
@@ -1429,32 +1455,6 @@
|
|
|
1429
1455
|
],
|
|
1430
1456
|
"references": []
|
|
1431
1457
|
},
|
|
1432
|
-
{
|
|
1433
|
-
"name": "flow-ui-radio",
|
|
1434
|
-
"description": "Radios allow the user to select a single option from a group.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the control loses focus.\n- **flow-ui-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an `<flow-ui-icon>` element.\n- **label** - The container that wraps the radio's label.",
|
|
1435
|
-
"attributes": [
|
|
1436
|
-
{
|
|
1437
|
-
"name": "value",
|
|
1438
|
-
"description": "The radio's value. When selected, the radio group will receive this value.",
|
|
1439
|
-
"values": []
|
|
1440
|
-
},
|
|
1441
|
-
{
|
|
1442
|
-
"name": "size",
|
|
1443
|
-
"description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
|
|
1444
|
-
"values": [
|
|
1445
|
-
{ "name": "small" },
|
|
1446
|
-
{ "name": "medium" },
|
|
1447
|
-
{ "name": "large" }
|
|
1448
|
-
]
|
|
1449
|
-
},
|
|
1450
|
-
{
|
|
1451
|
-
"name": "disabled",
|
|
1452
|
-
"description": "Disables the radio.",
|
|
1453
|
-
"values": []
|
|
1454
|
-
}
|
|
1455
|
-
],
|
|
1456
|
-
"references": []
|
|
1457
|
-
},
|
|
1458
1458
|
{
|
|
1459
1459
|
"name": "flow-ui-resize-observer",
|
|
1460
1460
|
"description": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-resize** - Emitted when the element is resized.\n\n### **Slots:**\n - _default_ - One or more elements to watch for resizing.",
|
|
@@ -1564,12 +1564,6 @@
|
|
|
1564
1564
|
],
|
|
1565
1565
|
"references": []
|
|
1566
1566
|
},
|
|
1567
|
-
{
|
|
1568
|
-
"name": "flow-ui-stepper",
|
|
1569
|
-
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
1570
|
-
"attributes": [],
|
|
1571
|
-
"references": []
|
|
1572
|
-
},
|
|
1573
1567
|
{
|
|
1574
1568
|
"name": "flow-ui-split-view-toggle-button",
|
|
1575
1569
|
"description": "Use a split panel toggle button to control a parent panel's open/closed state\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the icon button loses focus.\n- **flow-ui-focus** - Emitted when the icon button gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the icon button.\n- **focus(options: _FocusOptions_)** - Sets focus on the icon button.\n- **blur()** - Removes focus from the icon button.\n- **hideConfirm()** - Hide the confirmation tooltip if it is showing\n- **showConfirm()** - Show the confirmation tooltip",
|
|
@@ -1666,6 +1660,12 @@
|
|
|
1666
1660
|
],
|
|
1667
1661
|
"references": []
|
|
1668
1662
|
},
|
|
1663
|
+
{
|
|
1664
|
+
"name": "flow-ui-stepper",
|
|
1665
|
+
"description": "Steppers are used to guide users through a series of steps in a wizard-like UI.\n\n\n---\n\n\n",
|
|
1666
|
+
"attributes": [],
|
|
1667
|
+
"references": []
|
|
1668
|
+
},
|
|
1669
1669
|
{
|
|
1670
1670
|
"name": "flow-ui-stepper-panel",
|
|
1671
1671
|
"description": "Stepper panels provide a single page in a stepper to guide users through a series of steps.\n\n\n---\n\n\n",
|
|
@@ -2174,22 +2174,6 @@
|
|
|
2174
2174
|
],
|
|
2175
2175
|
"references": []
|
|
2176
2176
|
},
|
|
2177
|
-
{
|
|
2178
|
-
"name": "flow-ui-tree",
|
|
2179
|
-
"description": "Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-selection-change** - Emitted when a tree item is selected or deselected.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded. Works best with `<flow-ui-icon>`.\n- **collapse-icon** - The icon to show when the tree item is collapsed. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--indent-size** - The size of the indentation for nested items. _(default: var(--flow-ui-spacing-medium))_\n- **--indent-guide-color** - The color of the indentation line. _(default: var(--flow-ui-color-neutral-200))_\n- **--indent-guide-offset** - The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position. _(default: 0)_\n- **--indent-guide-style** - The style of the indentation line, e.g. solid, dotted, dashed. _(default: solid)_\n- **--indent-guide-width** - The width of the indentation line. _(default: 0)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
2180
|
-
"attributes": [
|
|
2181
|
-
{
|
|
2182
|
-
"name": "selection",
|
|
2183
|
-
"description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
|
|
2184
|
-
"values": [
|
|
2185
|
-
{ "name": "single" },
|
|
2186
|
-
{ "name": "multiple" },
|
|
2187
|
-
{ "name": "leaf" }
|
|
2188
|
-
]
|
|
2189
|
-
}
|
|
2190
|
-
],
|
|
2191
|
-
"references": []
|
|
2192
|
-
},
|
|
2193
2177
|
{
|
|
2194
2178
|
"name": "flow-ui-tooltip",
|
|
2195
2179
|
"description": "Tooltips display additional information based on a specific action.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-show** - Emitted when the tooltip begins to show.\n- **flow-ui-after-show** - Emitted after the tooltip has shown and all animations are complete.\n- **flow-ui-hide** - Emitted when the tooltip begins to hide.\n- **flow-ui-after-hide** - Emitted after the tooltip has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip.\n- **hide()** - Hides the tooltip\n\n### **Slots:**\n - _default_ - The tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **content** - The content to render in the tooltip. Alternatively, you can use the `content` attribute.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<flow-ui-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip's body where its content is rendered.",
|
|
@@ -2251,6 +2235,22 @@
|
|
|
2251
2235
|
],
|
|
2252
2236
|
"references": []
|
|
2253
2237
|
},
|
|
2238
|
+
{
|
|
2239
|
+
"name": "flow-ui-tree",
|
|
2240
|
+
"description": "Trees allow you to display a hierarchical list of selectable [tree items](/components/tree-item). Items with children can be expanded and collapsed as desired by the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-selection-change** - Emitted when a tree item is selected or deselected.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded. Works best with `<flow-ui-icon>`.\n- **collapse-icon** - The icon to show when the tree item is collapsed. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--indent-size** - The size of the indentation for nested items. _(default: var(--flow-ui-spacing-medium))_\n- **--indent-guide-color** - The color of the indentation line. _(default: var(--flow-ui-color-neutral-200))_\n- **--indent-guide-offset** - The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position. _(default: 0)_\n- **--indent-guide-style** - The style of the indentation line, e.g. solid, dotted, dashed. _(default: solid)_\n- **--indent-guide-width** - The width of the indentation line. _(default: 0)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
2241
|
+
"attributes": [
|
|
2242
|
+
{
|
|
2243
|
+
"name": "selection",
|
|
2244
|
+
"description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
|
|
2245
|
+
"values": [
|
|
2246
|
+
{ "name": "single" },
|
|
2247
|
+
{ "name": "multiple" },
|
|
2248
|
+
{ "name": "leaf" }
|
|
2249
|
+
]
|
|
2250
|
+
}
|
|
2251
|
+
],
|
|
2252
|
+
"references": []
|
|
2253
|
+
},
|
|
2254
2254
|
{
|
|
2255
2255
|
"name": "flow-ui-tree-item",
|
|
2256
2256
|
"description": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-expand** - Emitted when the tree item expands.\n- **flow-ui-after-expand** - Emitted after the tree item expands and all animations are complete.\n- **flow-ui-collapse** - Emitted when the tree item collapses.\n- **flow-ui-after-collapse** - Emitted after the tree item collapses and all animations are complete.\n- **flow-ui-lazy-change** - Emitted when the tree item's lazy state changes.\n- **flow-ui-lazy-load** - Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.\n\n### **Methods:**\n - **getChildrenItems({ includeDisabled = true }: _{ includeDisabled?: boolean }_): _FlowTreeItem[]_** - Gets all the nested tree items in this node.\n\n### **Slots:**\n - _default_ - The default slot.\n- **expand-icon** - The icon to show when the tree item is expanded.\n- **collapse-icon** - The icon to show when the tree item is collapsed.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **item** - The tree item's container. This element wraps everything except slotted tree item children.\n- **item--disabled** - Applied when the tree item is disabled.\n- **item--expanded** - Applied when the tree item is expanded.\n- **item--indeterminate** - Applied when the selection is indeterminate.\n- **item--selected** - Applied when the tree item is selected.\n- **indentation** - The tree item's indentation container.\n- **expand-button** - The container that wraps the tree item's expand button and spinner.\n- **label** - The tree item's label.\n- **children** - The container that wraps the tree item's nested children.\n- **checkbox** - The checkbox that shows when using multiselect.\n- **checkbox__base** - The checkbox's exported `base` part.\n- **checkbox__control** - The checkbox's exported `control` part.\n- **checkbox__control--checked** - The checkbox's exported `control--checked` part.\n- **checkbox__control--indeterminate** - The checkbox's exported `control--indeterminate` part.\n- **checkbox__checked-icon** - The checkbox's exported `checked-icon` part.\n- **checkbox__indeterminate-icon** - The checkbox's exported `indeterminate-icon` part.\n- **checkbox__label** - The checkbox's exported `label` part.",
|