@deck.gl/widgets 9.2.11 → 9.3.0-alpha.2
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/compass-widget.js +5 -5
- package/dist/compass-widget.js.map +1 -1
- package/dist/context-menu-widget.d.ts +27 -20
- package/dist/context-menu-widget.d.ts.map +1 -1
- package/dist/context-menu-widget.js +45 -48
- package/dist/context-menu-widget.js.map +1 -1
- package/dist/dist.dev.js +3114 -869
- package/dist/fullscreen-widget.js +1 -1
- package/dist/fullscreen-widget.js.map +1 -1
- package/dist/geocoder-widget.d.ts +2 -4
- package/dist/geocoder-widget.d.ts.map +1 -1
- package/dist/geocoder-widget.js +16 -20
- package/dist/geocoder-widget.js.map +1 -1
- package/dist/gimbal-widget.d.ts +0 -3
- package/dist/gimbal-widget.d.ts.map +1 -1
- package/dist/gimbal-widget.js +4 -22
- package/dist/gimbal-widget.js.map +1 -1
- package/dist/icon-widget.d.ts +28 -0
- package/dist/icon-widget.d.ts.map +1 -0
- package/dist/icon-widget.js +35 -0
- package/dist/icon-widget.js.map +1 -0
- package/dist/index.cjs +1271 -561
- package/dist/index.cjs.map +4 -4
- package/dist/index.d.ts +16 -12
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +11 -10
- package/dist/index.js.map +1 -1
- package/dist/info-widget.d.ts +39 -17
- package/dist/info-widget.d.ts.map +1 -1
- package/dist/info-widget.js +46 -130
- package/dist/info-widget.js.map +1 -1
- package/dist/lib/components/dropdown-menu.d.ts +12 -5
- package/dist/lib/components/dropdown-menu.d.ts.map +1 -1
- package/dist/lib/components/dropdown-menu.js +20 -11
- package/dist/lib/components/dropdown-menu.js.map +1 -1
- package/dist/lib/components/icon-button.d.ts +3 -0
- package/dist/lib/components/icon-button.d.ts.map +1 -1
- package/dist/lib/components/icon-button.js +10 -2
- package/dist/lib/components/icon-button.js.map +1 -1
- package/dist/lib/components/popover.d.ts +30 -0
- package/dist/lib/components/popover.d.ts.map +1 -0
- package/dist/lib/components/popover.js +93 -0
- package/dist/lib/components/popover.js.map +1 -0
- package/dist/lib/components/range-input.d.ts +26 -0
- package/dist/lib/components/range-input.d.ts.map +1 -0
- package/dist/lib/components/range-input.js +261 -0
- package/dist/lib/components/range-input.js.map +1 -0
- package/dist/lib/components/user-content.d.ts +8 -0
- package/dist/lib/components/user-content.d.ts.map +1 -0
- package/dist/lib/components/user-content.js +15 -0
- package/dist/lib/components/user-content.js.map +1 -0
- package/dist/lib/data-url.d.ts +5 -0
- package/dist/lib/data-url.d.ts.map +1 -0
- package/dist/lib/data-url.js +7 -0
- package/dist/lib/data-url.js.map +1 -0
- package/dist/popup-widget.d.ts +64 -0
- package/dist/popup-widget.d.ts.map +1 -0
- package/dist/popup-widget.js +76 -0
- package/dist/popup-widget.js.map +1 -0
- package/dist/reset-view-widget.d.ts +1 -1
- package/dist/reset-view-widget.d.ts.map +1 -1
- package/dist/reset-view-widget.js +12 -11
- package/dist/reset-view-widget.js.map +1 -1
- package/dist/scrollbar-widget.d.ts +68 -0
- package/dist/scrollbar-widget.d.ts.map +1 -0
- package/dist/scrollbar-widget.js +181 -0
- package/dist/scrollbar-widget.js.map +1 -0
- package/dist/selector-widget.d.ts +44 -0
- package/dist/selector-widget.d.ts.map +1 -0
- package/dist/selector-widget.js +64 -0
- package/dist/selector-widget.js.map +1 -0
- package/dist/splitter-widget.d.ts +52 -11
- package/dist/splitter-widget.d.ts.map +1 -1
- package/dist/splitter-widget.js +177 -76
- package/dist/splitter-widget.js.map +1 -1
- package/dist/stats-widget.d.ts +6 -1
- package/dist/stats-widget.d.ts.map +1 -1
- package/dist/stats-widget.js +39 -10
- package/dist/stats-widget.js.map +1 -1
- package/dist/stylesheet.css +291 -39
- package/dist/theme-widget.d.ts.map +1 -1
- package/dist/theme-widget.js +7 -5
- package/dist/theme-widget.js.map +1 -1
- package/dist/themes.d.ts +30 -0
- package/dist/themes.d.ts.map +1 -1
- package/dist/themes.js +28 -4
- package/dist/themes.js.map +1 -1
- package/dist/timeline-widget.d.ts +25 -6
- package/dist/timeline-widget.d.ts.map +1 -1
- package/dist/timeline-widget.js +51 -18
- package/dist/timeline-widget.js.map +1 -1
- package/dist/toggle-widget.d.ts +38 -0
- package/dist/toggle-widget.d.ts.map +1 -0
- package/dist/toggle-widget.js +47 -0
- package/dist/toggle-widget.js.map +1 -0
- package/dist/zoom-widget.d.ts +2 -8
- package/dist/zoom-widget.d.ts.map +1 -1
- package/dist/zoom-widget.js +23 -18
- package/dist/zoom-widget.js.map +1 -1
- package/dist.min.js +2 -2
- package/package.json +4 -3
- package/src/compass-widget.tsx +5 -5
- package/src/context-menu-widget.tsx +88 -78
- package/src/fullscreen-widget.tsx +1 -1
- package/src/geocoder-widget.tsx +17 -24
- package/src/gimbal-widget.tsx +4 -26
- package/src/icon-widget.tsx +69 -0
- package/src/index.ts +22 -15
- package/src/info-widget.tsx +100 -157
- package/src/lib/components/dropdown-menu.tsx +58 -29
- package/src/lib/components/icon-button.tsx +15 -3
- package/src/lib/components/popover.tsx +167 -0
- package/src/lib/components/range-input.tsx +432 -0
- package/src/lib/components/user-content.tsx +30 -0
- package/src/lib/data-url.ts +5 -0
- package/src/popup-widget.tsx +170 -0
- package/src/reset-view-widget.tsx +12 -11
- package/src/scrollbar-widget.tsx +288 -0
- package/src/selector-widget.tsx +111 -0
- package/src/splitter-widget.tsx +281 -96
- package/src/stats-widget.tsx +59 -12
- package/src/stylesheet.css +291 -39
- package/src/theme-widget.tsx +7 -5
- package/src/themes.ts +35 -4
- package/src/timeline-widget.tsx +103 -33
- package/src/toggle-widget.tsx +101 -0
- package/src/zoom-widget.tsx +25 -21
- package/dist/fps-widget.d.ts +0 -28
- package/dist/fps-widget.d.ts.map +0 -1
- package/dist/fps-widget.js +0 -51
- package/dist/fps-widget.js.map +0 -1
- package/dist/lib/components/grouped-icon-button.d.ts +0 -10
- package/dist/lib/components/grouped-icon-button.d.ts.map +0 -1
- package/dist/lib/components/grouped-icon-button.js +0 -7
- package/dist/lib/components/grouped-icon-button.js.map +0 -1
- package/dist/lib/components/icon-menu.d.ts +0 -16
- package/dist/lib/components/icon-menu.d.ts.map +0 -1
- package/dist/lib/components/icon-menu.js +0 -34
- package/dist/lib/components/icon-menu.js.map +0 -1
- package/dist/lib/components/simple-menu.d.ts +0 -16
- package/dist/lib/components/simple-menu.d.ts.map +0 -1
- package/dist/lib/components/simple-menu.js +0 -30
- package/dist/lib/components/simple-menu.js.map +0 -1
- package/dist/view-selector-widget.d.ts +0 -35
- package/dist/view-selector-widget.d.ts.map +0 -1
- package/dist/view-selector-widget.js +0 -63
- package/dist/view-selector-widget.js.map +0 -1
- package/src/fps-widget.tsx +0 -77
- package/src/lib/components/grouped-icon-button.tsx +0 -27
- package/src/lib/components/icon-menu.tsx +0 -71
- package/src/lib/components/simple-menu.tsx +0 -52
- package/src/view-selector-widget.tsx +0 -151
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/lib/components/icon-button.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,uBAAoB;AAYvC,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAC,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE7E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,GAAG,GAAkC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QACvB,OAAO,EAAC,GAAG,GAAG,EAAE,eAAe,EAAE,KAAK,EAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,YAC9C,iBACE,SAAS,EAAE,2BAA2B,SAAS,EAAE,EACjD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,SAAS,GAAI,GACtE,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { JSX, ComponentChildren } from 'preact';
|
|
2
|
+
import { type Placement } from '@floating-ui/dom';
|
|
3
|
+
export type PopoverProps = {
|
|
4
|
+
/** Anchor x */
|
|
5
|
+
x: number;
|
|
6
|
+
/** Anchor y */
|
|
7
|
+
y: number;
|
|
8
|
+
/** Position content relative to the anchor.
|
|
9
|
+
* @default 'right'
|
|
10
|
+
*/
|
|
11
|
+
placement?: Placement;
|
|
12
|
+
/** Pixel offset
|
|
13
|
+
* @default 0
|
|
14
|
+
*/
|
|
15
|
+
offset?: number;
|
|
16
|
+
/**
|
|
17
|
+
* Show an arrow pointing at the anchor. Optionally accepts a pixel size.
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
20
|
+
arrow?: false | number | [width: number, height: number];
|
|
21
|
+
/**
|
|
22
|
+
* CSS color of the arrow
|
|
23
|
+
* @default 'white'
|
|
24
|
+
*/
|
|
25
|
+
arrowColor?: string;
|
|
26
|
+
/** Content of the popover */
|
|
27
|
+
children: ComponentChildren;
|
|
28
|
+
};
|
|
29
|
+
export declare const Popover: ({ x, y, placement, offset: pixelOffset, arrow: arrowSize, arrowColor, children }: PopoverProps) => JSX.Element;
|
|
30
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/lib/components/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,GAAG,EAAE,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAEnD,OAAO,EAOL,KAAK,SAAS,EAEf,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe;IACf,CAAC,EAAE,MAAM,CAAC;IACV,eAAe;IACf,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,OAAO,qFAQjB,YAAY,gBAyEd,CAAC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
2
|
+
import { useRef, useEffect, useMemo } from 'preact/hooks';
|
|
3
|
+
import { computePosition, flip, shift, offset, arrow, autoUpdate } from '@floating-ui/dom';
|
|
4
|
+
export const Popover = ({ x, y, placement = 'right', offset: pixelOffset = 0, arrow: arrowSize = false, arrowColor = 'white', children }) => {
|
|
5
|
+
const anchorRef = useRef(null);
|
|
6
|
+
const contentRef = useRef(null);
|
|
7
|
+
const arrowRef = useRef(null);
|
|
8
|
+
const updaterRef = useRef();
|
|
9
|
+
updaterRef.current = () => {
|
|
10
|
+
if (!anchorRef.current || !contentRef.current)
|
|
11
|
+
return;
|
|
12
|
+
const arrowWidth = Array.isArray(arrowSize) ? arrowSize[0] : arrowSize || 0;
|
|
13
|
+
const arrowHeight = Array.isArray(arrowSize) ? arrowSize[1] : arrowSize || 0;
|
|
14
|
+
const padding = pixelOffset + Math.max(arrowHeight, arrowWidth);
|
|
15
|
+
const middleware = placement.includes('-')
|
|
16
|
+
? [offset(padding), flip(), shift()]
|
|
17
|
+
: [offset(padding), shift(), flip()];
|
|
18
|
+
if (arrowRef.current)
|
|
19
|
+
middleware.push(arrow({ element: arrowRef.current }));
|
|
20
|
+
computePosition(anchorRef.current, contentRef.current, {
|
|
21
|
+
placement,
|
|
22
|
+
strategy: 'fixed',
|
|
23
|
+
middleware
|
|
24
|
+
}).then(popoverPos => {
|
|
25
|
+
if (contentRef.current) {
|
|
26
|
+
Object.assign(contentRef.current.style, {
|
|
27
|
+
left: `${popoverPos.x}px`,
|
|
28
|
+
top: `${popoverPos.y}px`
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
const arrowData = popoverPos.middlewareData.arrow;
|
|
32
|
+
if (arrowData && arrowRef.current) {
|
|
33
|
+
const arrowStyle = createArrow(arrowWidth, arrowHeight, arrowColor, popoverPos.placement);
|
|
34
|
+
arrowStyle.transform = `translate(${arrowData.x || 0}px, ${arrowData.y || 0}px)`;
|
|
35
|
+
Object.assign(arrowRef.current.style, arrowStyle);
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
useMemo(() => {
|
|
40
|
+
updaterRef.current?.();
|
|
41
|
+
}, [x, y, placement, arrowSize, pixelOffset]);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
// initial mount
|
|
44
|
+
if (contentRef.current) {
|
|
45
|
+
contentRef.current.style.visibility = 'visible';
|
|
46
|
+
}
|
|
47
|
+
const cleanup = autoUpdate(anchorRef.current, contentRef.current, () => updaterRef.current?.());
|
|
48
|
+
return () => {
|
|
49
|
+
cleanup();
|
|
50
|
+
};
|
|
51
|
+
}, []);
|
|
52
|
+
return (_jsx("div", { style: { position: 'absolute', left: x, top: y }, ref: anchorRef, children: _jsxs("div", { className: "deck-widget deck-widget-popover", style: { position: 'fixed', visibility: 'hidden', pointerEvents: 'none' }, ref: contentRef, children: [Boolean(arrowSize) && (_jsx("div", { className: "deck-widget-popover-arrow", style: { position: 'absolute' }, ref: arrowRef })), children] }) }));
|
|
53
|
+
};
|
|
54
|
+
function createArrow(width, height, color, placement) {
|
|
55
|
+
const result = {
|
|
56
|
+
width: 0,
|
|
57
|
+
height: 0,
|
|
58
|
+
top: '',
|
|
59
|
+
bottom: '',
|
|
60
|
+
left: '',
|
|
61
|
+
right: ''
|
|
62
|
+
};
|
|
63
|
+
if (placement.startsWith('bottom')) {
|
|
64
|
+
result.borderLeft = `${width / 2}px solid transparent`;
|
|
65
|
+
result.borderRight = `${width / 2}px solid transparent`;
|
|
66
|
+
result.borderBottom = `${height}px solid ${color}`;
|
|
67
|
+
result.borderTop = '';
|
|
68
|
+
result.top = `${-height}px`;
|
|
69
|
+
}
|
|
70
|
+
else if (placement.startsWith('top')) {
|
|
71
|
+
result.borderLeft = `${width / 2}px solid transparent`;
|
|
72
|
+
result.borderRight = `${width / 2}px solid transparent`;
|
|
73
|
+
result.borderTop = `${height}px solid ${color}`;
|
|
74
|
+
result.borderBottom = '';
|
|
75
|
+
result.bottom = `${-height}px`;
|
|
76
|
+
}
|
|
77
|
+
else if (placement.startsWith('right')) {
|
|
78
|
+
result.borderTop = `${width / 2}px solid transparent`;
|
|
79
|
+
result.borderBottom = `${width / 2}px solid transparent`;
|
|
80
|
+
result.borderRight = `${height}px solid ${color}`;
|
|
81
|
+
result.borderLeft = '';
|
|
82
|
+
result.left = `${-height}px`;
|
|
83
|
+
}
|
|
84
|
+
else if (placement.startsWith('left')) {
|
|
85
|
+
result.borderTop = `${width / 2}px solid transparent`;
|
|
86
|
+
result.borderBottom = `${width / 2}px solid transparent`;
|
|
87
|
+
result.borderLeft = `${height}px solid ${color}`;
|
|
88
|
+
result.borderRight = '';
|
|
89
|
+
result.right = `${-height}px`;
|
|
90
|
+
}
|
|
91
|
+
return result;
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/lib/components/popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { JSX } from 'preact';
|
|
2
|
+
export type RangeInputDecoration = {
|
|
3
|
+
position: [start: number, end: number];
|
|
4
|
+
element: JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
export type RangeInputProps = {
|
|
7
|
+
className?: string;
|
|
8
|
+
min: number;
|
|
9
|
+
max: number;
|
|
10
|
+
step: number;
|
|
11
|
+
value: [start: number, end: number];
|
|
12
|
+
orientation: 'horizontal' | 'vertical';
|
|
13
|
+
pageSize?: number;
|
|
14
|
+
/** Show step buttons at ends */
|
|
15
|
+
stepButtons?: boolean;
|
|
16
|
+
startButtonAriaLabel?: string;
|
|
17
|
+
endButtonAriaLabel?: string;
|
|
18
|
+
/** Target element for wheel and keyboard events.
|
|
19
|
+
* If not supplied, falls back to the root element of the input.
|
|
20
|
+
*/
|
|
21
|
+
eventTarget?: HTMLElement | null;
|
|
22
|
+
decorations?: RangeInputDecoration[];
|
|
23
|
+
onChange?: (nextValue: [start: number, end: number]) => void;
|
|
24
|
+
};
|
|
25
|
+
export declare function RangeInput(props: RangeInputProps): JSX.Element;
|
|
26
|
+
//# sourceMappingURL=range-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"range-input.d.ts","sourceRoot":"","sources":["../../../src/lib/components/range-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAGhC,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC9D,CAAC;AAgDF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAkWhD"}
|
|
@@ -0,0 +1,261 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'preact/hooks';
|
|
3
|
+
const wheelListenerOptions = { passive: false };
|
|
4
|
+
const clamp = (value, min, max) => {
|
|
5
|
+
if (value < min) {
|
|
6
|
+
return min;
|
|
7
|
+
}
|
|
8
|
+
if (value > max) {
|
|
9
|
+
return max;
|
|
10
|
+
}
|
|
11
|
+
return value;
|
|
12
|
+
};
|
|
13
|
+
const getTrackDimension = (track, vertical) => {
|
|
14
|
+
if (!track || !track.firstElementChild) {
|
|
15
|
+
return [0, 0];
|
|
16
|
+
}
|
|
17
|
+
const rect = track.firstElementChild.getBoundingClientRect();
|
|
18
|
+
if (vertical) {
|
|
19
|
+
return [rect.top, rect.height];
|
|
20
|
+
}
|
|
21
|
+
return vertical ? [rect.top, rect.height] : [rect.left, rect.width];
|
|
22
|
+
};
|
|
23
|
+
const getEffectiveStep = (step, range) => {
|
|
24
|
+
if (typeof step === 'number' && !Number.isNaN(step) && step > 0) {
|
|
25
|
+
return step;
|
|
26
|
+
}
|
|
27
|
+
return Math.max(1, range / 10 || 1);
|
|
28
|
+
};
|
|
29
|
+
const getEffectivePage = (pageSize, rangeSize) => {
|
|
30
|
+
if (typeof pageSize === 'number' && !Number.isNaN(pageSize) && pageSize > 0) {
|
|
31
|
+
return pageSize;
|
|
32
|
+
}
|
|
33
|
+
return Math.max(1, rangeSize || 1);
|
|
34
|
+
};
|
|
35
|
+
export function RangeInput(props) {
|
|
36
|
+
const { className = '', min, max, step, value, orientation, pageSize, stepButtons = false, startButtonAriaLabel, endButtonAriaLabel, eventTarget, decorations = [], onChange } = props;
|
|
37
|
+
const vertical = orientation !== 'horizontal';
|
|
38
|
+
const rootRef = useRef(null);
|
|
39
|
+
const trackRef = useRef(null);
|
|
40
|
+
const thumbRef = useRef(null);
|
|
41
|
+
const dragStateRef = useRef(null);
|
|
42
|
+
const [trackLength, setTrackLength] = useState(0);
|
|
43
|
+
const range = max - min;
|
|
44
|
+
const rangeSize = Math.max(0, value[1] - value[0]);
|
|
45
|
+
const maxStart = Math.max(0, range - rangeSize);
|
|
46
|
+
const clampedStart = clamp(value[0], min, min + maxStart);
|
|
47
|
+
const { thumbLength, thumbOffset } = useMemo(() => {
|
|
48
|
+
if (trackLength <= 0 || range <= 0) {
|
|
49
|
+
return { thumbLength: 0, thumbOffset: 0 };
|
|
50
|
+
}
|
|
51
|
+
if (range <= rangeSize) {
|
|
52
|
+
return { thumbLength: 1, thumbOffset: 0 };
|
|
53
|
+
}
|
|
54
|
+
const nextThumbLength = rangeSize / range;
|
|
55
|
+
const travel = Math.max(0, 1 - nextThumbLength);
|
|
56
|
+
const ratio = maxStart <= 0 ? 0 : clamp((clampedStart - min) / maxStart, 0, 1);
|
|
57
|
+
return {
|
|
58
|
+
thumbLength: Math.max(0, Math.min(nextThumbLength, 1)),
|
|
59
|
+
thumbOffset: travel * ratio
|
|
60
|
+
};
|
|
61
|
+
}, [trackLength, range, rangeSize, maxStart, clampedStart, min]);
|
|
62
|
+
const emitRange = useCallback((nextStart) => {
|
|
63
|
+
if (!onChange) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
const clamped = clamp(nextStart, min, min + maxStart);
|
|
67
|
+
onChange([clamped, clamped + rangeSize]);
|
|
68
|
+
}, [onChange, min, maxStart, rangeSize]);
|
|
69
|
+
const handleStepNegative = useCallback((event) => {
|
|
70
|
+
event.stopPropagation();
|
|
71
|
+
emitRange(clampedStart - getEffectiveStep(step, range));
|
|
72
|
+
}, [emitRange, clampedStart, step, range]);
|
|
73
|
+
const handleStepPositive = useCallback((event) => {
|
|
74
|
+
event.stopPropagation();
|
|
75
|
+
emitRange(clampedStart + getEffectiveStep(step, range));
|
|
76
|
+
}, [emitRange, clampedStart, step, range]);
|
|
77
|
+
const handleTrackClick = useCallback((event) => {
|
|
78
|
+
if (event.button !== 0) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
const target = event.target;
|
|
82
|
+
if (target?.dataset.scrollbarThumb === 'true') {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
const track = trackRef.current;
|
|
86
|
+
if (!track) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
event.preventDefault();
|
|
90
|
+
event.stopPropagation();
|
|
91
|
+
const [trackStart] = getTrackDimension(track, vertical);
|
|
92
|
+
const coordinate = vertical ? event.clientY - trackStart : event.clientX - trackStart;
|
|
93
|
+
const span = Math.max(1, 1 - thumbLength) * trackLength;
|
|
94
|
+
const thumbCenter = (thumbLength / 2) * trackLength;
|
|
95
|
+
const ratio = span <= 0 ? 0 : clamp((coordinate - thumbCenter) / span, 0, 1);
|
|
96
|
+
emitRange(min + ratio * maxStart);
|
|
97
|
+
}, [vertical, trackLength, thumbLength, emitRange, min, maxStart]);
|
|
98
|
+
const handleThumbPointerDown = (event) => {
|
|
99
|
+
if (event.button !== 0) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
const track = trackRef.current;
|
|
103
|
+
if (!track) {
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
dragStateRef.current = {
|
|
107
|
+
pointerId: event.pointerId,
|
|
108
|
+
startCoord: vertical ? event.clientY : event.clientX,
|
|
109
|
+
startRatio: thumbOffset,
|
|
110
|
+
min,
|
|
111
|
+
max,
|
|
112
|
+
maxStart
|
|
113
|
+
};
|
|
114
|
+
event.currentTarget.setPointerCapture(event.pointerId);
|
|
115
|
+
event.preventDefault();
|
|
116
|
+
event.stopPropagation();
|
|
117
|
+
};
|
|
118
|
+
const handleThumbPointerMove = useCallback((event) => {
|
|
119
|
+
const state = dragStateRef.current;
|
|
120
|
+
if (!state || state.pointerId !== event.pointerId) {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
const [trackStart, trackLength] = getTrackDimension(trackRef.current, vertical);
|
|
124
|
+
const coordinate = vertical ? event.clientY : event.clientX;
|
|
125
|
+
const delta = coordinate - state.startCoord;
|
|
126
|
+
const ratio = state.startRatio + delta / trackLength;
|
|
127
|
+
const nextStart = clamp(ratio * (state.max - state.min), 0, state.maxStart) + state.min;
|
|
128
|
+
emitRange(nextStart);
|
|
129
|
+
event.preventDefault();
|
|
130
|
+
}, [emitRange, vertical]);
|
|
131
|
+
const handleThumbPointerUp = useCallback((event) => {
|
|
132
|
+
const state = dragStateRef.current;
|
|
133
|
+
if (state && state.pointerId === event.pointerId) {
|
|
134
|
+
dragStateRef.current = null;
|
|
135
|
+
thumbRef.current?.releasePointerCapture(event.pointerId);
|
|
136
|
+
event.preventDefault();
|
|
137
|
+
}
|
|
138
|
+
}, []);
|
|
139
|
+
const handleKeyDown = useCallback((event) => {
|
|
140
|
+
switch (event.key) {
|
|
141
|
+
case 'ArrowUp':
|
|
142
|
+
case 'ArrowLeft':
|
|
143
|
+
if ((vertical && event.key === 'ArrowUp') || (!vertical && event.key === 'ArrowLeft')) {
|
|
144
|
+
emitRange(clampedStart - getEffectiveStep(step, range));
|
|
145
|
+
event.preventDefault();
|
|
146
|
+
}
|
|
147
|
+
break;
|
|
148
|
+
case 'ArrowDown':
|
|
149
|
+
case 'ArrowRight':
|
|
150
|
+
if ((vertical && event.key === 'ArrowDown') ||
|
|
151
|
+
(!vertical && event.key === 'ArrowRight')) {
|
|
152
|
+
emitRange(clampedStart + getEffectiveStep(step, range));
|
|
153
|
+
event.preventDefault();
|
|
154
|
+
}
|
|
155
|
+
break;
|
|
156
|
+
case 'PageUp':
|
|
157
|
+
emitRange(clampedStart - getEffectivePage(pageSize, rangeSize));
|
|
158
|
+
event.preventDefault();
|
|
159
|
+
break;
|
|
160
|
+
case 'PageDown':
|
|
161
|
+
emitRange(clampedStart + getEffectivePage(pageSize, rangeSize));
|
|
162
|
+
event.preventDefault();
|
|
163
|
+
break;
|
|
164
|
+
case 'Home':
|
|
165
|
+
emitRange(min);
|
|
166
|
+
event.preventDefault();
|
|
167
|
+
break;
|
|
168
|
+
case 'End':
|
|
169
|
+
emitRange(min + maxStart);
|
|
170
|
+
event.preventDefault();
|
|
171
|
+
break;
|
|
172
|
+
default:
|
|
173
|
+
break;
|
|
174
|
+
}
|
|
175
|
+
}, [vertical, emitRange, clampedStart, step, range, pageSize, rangeSize, min, maxStart]);
|
|
176
|
+
const handleWheel = useCallback((event) => {
|
|
177
|
+
event.preventDefault();
|
|
178
|
+
event.stopPropagation();
|
|
179
|
+
if (maxStart === 0) {
|
|
180
|
+
return;
|
|
181
|
+
}
|
|
182
|
+
let delta = vertical ? event.deltaY : event.deltaX;
|
|
183
|
+
if (!vertical && delta === 0) {
|
|
184
|
+
delta = event.deltaY;
|
|
185
|
+
}
|
|
186
|
+
if (event.deltaMode === WheelEvent.DOM_DELTA_LINE) {
|
|
187
|
+
delta *= getEffectiveStep(step, range);
|
|
188
|
+
}
|
|
189
|
+
else if (event.deltaMode === WheelEvent.DOM_DELTA_PAGE) {
|
|
190
|
+
delta *= getEffectivePage(pageSize, rangeSize);
|
|
191
|
+
}
|
|
192
|
+
if (delta === 0) {
|
|
193
|
+
return;
|
|
194
|
+
}
|
|
195
|
+
emitRange(clampedStart + delta);
|
|
196
|
+
}, [emitRange, clampedStart, maxStart, vertical, step, range, pageSize, rangeSize]);
|
|
197
|
+
useLayoutEffect(() => {
|
|
198
|
+
setTrackLength(getTrackDimension(trackRef.current, vertical)[1]);
|
|
199
|
+
}, [vertical]);
|
|
200
|
+
useLayoutEffect(() => {
|
|
201
|
+
const track = trackRef.current;
|
|
202
|
+
if (!track) {
|
|
203
|
+
return undefined;
|
|
204
|
+
}
|
|
205
|
+
const update = () => {
|
|
206
|
+
setTrackLength(getTrackDimension(track, vertical)[1]);
|
|
207
|
+
};
|
|
208
|
+
update();
|
|
209
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
210
|
+
const observer = new ResizeObserver(update);
|
|
211
|
+
observer.observe(track);
|
|
212
|
+
return () => observer.disconnect();
|
|
213
|
+
}
|
|
214
|
+
if (typeof window !== 'undefined') {
|
|
215
|
+
window.addEventListener('resize', update);
|
|
216
|
+
return () => window.removeEventListener('resize', update);
|
|
217
|
+
}
|
|
218
|
+
return undefined;
|
|
219
|
+
}, [vertical]);
|
|
220
|
+
useEffect(() => {
|
|
221
|
+
const eventRoot = eventTarget ?? rootRef.current;
|
|
222
|
+
if (!eventRoot)
|
|
223
|
+
return undefined;
|
|
224
|
+
eventRoot.addEventListener('keydown', handleKeyDown);
|
|
225
|
+
eventRoot.addEventListener('wheel', handleWheel, wheelListenerOptions);
|
|
226
|
+
return () => {
|
|
227
|
+
eventRoot.removeEventListener('keydown', handleKeyDown);
|
|
228
|
+
eventRoot.removeEventListener('wheel', handleWheel, wheelListenerOptions);
|
|
229
|
+
};
|
|
230
|
+
}, [eventTarget, handleKeyDown, handleWheel]);
|
|
231
|
+
const decorationElements = useMemo(() => {
|
|
232
|
+
if (!decorations.length || range <= 0) {
|
|
233
|
+
return [];
|
|
234
|
+
}
|
|
235
|
+
return decorations.map((decoration, index) => {
|
|
236
|
+
const [start, end] = decoration.position;
|
|
237
|
+
const startRatio = (start - min) / range;
|
|
238
|
+
const endRatio = (end - min) / range;
|
|
239
|
+
const offsetPct = Math.round(startRatio * 1000) / 10;
|
|
240
|
+
const sizePct = Math.max(0, Math.round((endRatio - startRatio) * 1000) / 10);
|
|
241
|
+
const style = vertical
|
|
242
|
+
? {
|
|
243
|
+
left: '0',
|
|
244
|
+
width: '100%',
|
|
245
|
+
top: `${offsetPct}%`,
|
|
246
|
+
height: `${sizePct}%`
|
|
247
|
+
}
|
|
248
|
+
: {
|
|
249
|
+
top: '0',
|
|
250
|
+
height: '100%',
|
|
251
|
+
left: `${offsetPct}%`,
|
|
252
|
+
width: `${sizePct}%`
|
|
253
|
+
};
|
|
254
|
+
return (_jsx("div", { className: "deck-widget-range__decoration", style: style, children: decoration.element }, `decoration-${index}`));
|
|
255
|
+
});
|
|
256
|
+
}, [decorations, range, min, vertical]);
|
|
257
|
+
return (_jsxs("div", { ref: rootRef, tabIndex: 0, role: "scrollbar", "aria-valuemin": min, "aria-valuemax": min + maxStart, "aria-valuenow": clampedStart, "aria-orientation": orientation, className: `${className} deck-widget-range deck-widget-range--${orientation} ${maxStart === 0 ? 'deck-widget-range--disabled' : ''}`, children: [stepButtons && (_jsx("button", { type: "button", className: "deck-widget-range__button deck-widget-range__button--start", "aria-label": startButtonAriaLabel, disabled: clampedStart <= min, onClick: handleStepNegative, children: _jsx("span", { className: "deck-widget-icon" }) })), _jsxs("div", { className: "deck-widget-range__track", ref: trackRef, onClick: handleTrackClick, children: [_jsx("div", { className: "deck-widget-range__decorations", children: decorationElements }), _jsx("div", { className: "deck-widget-range__thumb", "data-scrollbar-thumb": "true", ref: thumbRef, style: vertical
|
|
258
|
+
? { height: `${thumbLength * 100}%`, top: `${thumbOffset * 100}%` }
|
|
259
|
+
: { width: `${thumbLength * 100}%`, left: `${thumbOffset * 100}%` }, onPointerDown: handleThumbPointerDown, onPointerMove: handleThumbPointerMove, onPointerUp: handleThumbPointerUp, onPointerCancel: handleThumbPointerUp })] }), stepButtons && (_jsx("button", { type: "button", className: "deck-widget-range__button deck-widget-range__button--end", "aria-label": endButtonAriaLabel, disabled: clampedStart >= min + maxStart, onClick: handleStepPositive, children: _jsx("span", { className: "deck-widget-icon" }) }))] }));
|
|
260
|
+
}
|
|
261
|
+
//# sourceMappingURL=range-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"range-input.js","sourceRoot":"","sources":["../../../src/lib/components/range-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { JSX } from 'preact';
|
|
2
|
+
export type UserContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
text?: string;
|
|
4
|
+
html?: string;
|
|
5
|
+
element?: HTMLElement | null;
|
|
6
|
+
};
|
|
7
|
+
export declare const UserContent: ({ text, html, element, ...props }: UserContentProps) => JSX.Element;
|
|
8
|
+
//# sourceMappingURL=user-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user-content.d.ts","sourceRoot":"","sources":["../../../src/lib/components/user-content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,GAAG,EAAoB,MAAM,QAAQ,CAAC;AAGnD,MAAM,MAAM,gBAAgB,GAAG,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,WAAW,sCAAqC,gBAAgB,gBAiB5E,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "preact/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef } from 'preact/hooks';
|
|
3
|
+
export const UserContent = ({ text, html, element, ...props }) => {
|
|
4
|
+
const containerRef = useRef(null);
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
if (containerRef.current && element) {
|
|
7
|
+
containerRef.current.append(element);
|
|
8
|
+
}
|
|
9
|
+
return () => {
|
|
10
|
+
element?.remove();
|
|
11
|
+
};
|
|
12
|
+
}, [element]);
|
|
13
|
+
return (_jsx("div", { ref: containerRef, ...props, dangerouslySetInnerHTML: html ? { __html: html } : undefined, children: text }));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=user-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user-content.js","sourceRoot":"","sources":["../../../src/lib/components/user-content.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,cAAc,CAAC;AAQ/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IAC/E,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACpC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,GAAG,EAAE;YACV,OAAO,EAAE,MAAM,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,KAAM,KAAK,EAAE,uBAAuB,EAAE,IAAI,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC,SAAS,YAC1F,IAAI,GACD,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-url.d.ts","sourceRoot":"","sources":["../../src/lib/data-url.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;cAI7D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-url.js","sourceRoot":"","sources":["../../src/lib/data-url.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU,CAAC,QAAmC;IAC5D,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChC,MAAM,MAAM,GAAG,QAAQ,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC;IACvD,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAC,CAAC;AACtD,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { Widget } from '@deck.gl/core';
|
|
2
|
+
import type { Deck, Viewport, WidgetProps } from '@deck.gl/core';
|
|
3
|
+
import { type PopoverProps } from "./lib/components/popover.js";
|
|
4
|
+
export type PopupContent = {
|
|
5
|
+
text?: string;
|
|
6
|
+
html?: string;
|
|
7
|
+
element?: HTMLElement | null;
|
|
8
|
+
};
|
|
9
|
+
export type PopupWidgetProps = WidgetProps & {
|
|
10
|
+
/** View to attach to and interact with. Required when using multiple views */
|
|
11
|
+
viewId?: string | null;
|
|
12
|
+
/** Content to display at the anchor. Opens the popup if clicked. */
|
|
13
|
+
marker?: PopupContent | null;
|
|
14
|
+
/** Content to display in the popup */
|
|
15
|
+
content: string | PopupContent;
|
|
16
|
+
/** Whether the pop up is open by default
|
|
17
|
+
* @default true
|
|
18
|
+
*/
|
|
19
|
+
defaultIsOpen?: boolean;
|
|
20
|
+
/** Anchor of the popup in world coordinates, e.g. [longitude, latitude]. */
|
|
21
|
+
position: number[];
|
|
22
|
+
/** Position popup relative to the anchor.
|
|
23
|
+
* @default 'right'
|
|
24
|
+
*/
|
|
25
|
+
placement?: PopoverProps['placement'];
|
|
26
|
+
/** Pixel offset
|
|
27
|
+
* @default 10
|
|
28
|
+
*/
|
|
29
|
+
offset?: PopoverProps['offset'];
|
|
30
|
+
/**
|
|
31
|
+
* Show an arrow pointing at the anchor. Optionally accepts a pixel size.
|
|
32
|
+
* @default 10
|
|
33
|
+
*/
|
|
34
|
+
arrow?: PopoverProps['arrow'];
|
|
35
|
+
/** Whether to show a close button in the popup
|
|
36
|
+
* @default true
|
|
37
|
+
*/
|
|
38
|
+
closeButton?: boolean;
|
|
39
|
+
/** Close the popup if clicked outside
|
|
40
|
+
* @default false
|
|
41
|
+
*/
|
|
42
|
+
closeOnClickOutside?: boolean;
|
|
43
|
+
/** Callback when popup is opened/closed */
|
|
44
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
45
|
+
};
|
|
46
|
+
export declare class PopupWidget extends Widget<PopupWidgetProps> {
|
|
47
|
+
static defaultProps: Required<PopupWidgetProps>;
|
|
48
|
+
className: string;
|
|
49
|
+
placement: "fill";
|
|
50
|
+
viewport?: Viewport;
|
|
51
|
+
isOpen: boolean;
|
|
52
|
+
constructor(props: PopupWidgetProps);
|
|
53
|
+
setProps(props: Partial<PopupWidgetProps>): void;
|
|
54
|
+
onAdd({ deck }: {
|
|
55
|
+
deck: Deck<any>;
|
|
56
|
+
viewId: string | null;
|
|
57
|
+
}): void;
|
|
58
|
+
onRemove(): void;
|
|
59
|
+
onViewportChange(viewport: any): void;
|
|
60
|
+
onClick(): void;
|
|
61
|
+
protected _setIsOpen(isOpen: boolean): void;
|
|
62
|
+
onRenderHTML(rootElement: HTMLElement): void;
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=popup-widget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-widget.d.ts","sourceRoot":"","sources":["../src/popup-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAU,KAAK,YAAY,EAAC,oCAAiC;AAIpE,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,oEAAoE;IACpE,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7B,sCAAsC;IACtC,OAAO,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,qBAAa,WAAY,SAAQ,MAAM,CAAC,gBAAgB,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAc7C;IAEF,SAAS,SAAuB;IAChC,SAAS,SAAmB;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;gBAEJ,KAAK,EAAE,gBAAgB;IAMnC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAKzC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC;IAItD,QAAQ;IAOR,gBAAgB,CAAC,QAAQ,KAAA;IAKzB,OAAO;IAMP,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO;IAOpC,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;CAoD7C"}
|