@redsift/products 11.5.0 → 11.6.0-muiv5-alpha.0
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/_virtual/_rollupPluginBabelHelpers.js +93 -0
- package/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
- package/_virtual/jsx-runtime.js +4 -0
- package/_virtual/jsx-runtime.js.map +1 -0
- package/_virtual/react-jsx-runtime.development.js +4 -0
- package/_virtual/react-jsx-runtime.development.js.map +1 -0
- package/_virtual/react-jsx-runtime.production.min.js +4 -0
- package/_virtual/react-jsx-runtime.production.min.js.map +1 -0
- package/components/radar/index.d.ts +55 -0
- package/components/radar/index.js +25 -0
- package/components/radar/index.js.map +1 -0
- package/components/radar-button/RadarButton.d.ts +8 -0
- package/components/radar-button/RadarButton.js +25 -0
- package/components/radar-button/RadarButton.js.map +1 -0
- package/components/radar-dialog/PulsedRadarImage.js +437 -0
- package/components/radar-dialog/PulsedRadarImage.js.map +1 -0
- package/components/radar-dialog/RadarDialog.js +146 -0
- package/components/radar-dialog/RadarDialog.js.map +1 -0
- package/components/radar-dialog/RadarSimpleDialog.d.ts +15 -0
- package/components/radar-dialog/RadarSimpleDialog.js +23 -0
- package/components/radar-dialog/RadarSimpleDialog.js.map +1 -0
- package/components/radar-dialog/ScatterGrid.js +1548 -0
- package/components/radar-dialog/ScatterGrid.js.map +1 -0
- package/components/radar-item/RadarItem.d.ts +9 -0
- package/components/radar-item/RadarItem.js +23 -0
- package/components/radar-item/RadarItem.js.map +1 -0
- package/components/radar-menu-button/RadarMenuButton.d.ts +35 -0
- package/components/radar-menu-button/RadarMenuButton.js +61 -0
- package/components/radar-menu-button/RadarMenuButton.js.map +1 -0
- package/components/radar-menu-button/RadarSimpleMenuButton.d.ts +13 -0
- package/components/radar-menu-button/RadarSimpleMenuButton.js +42 -0
- package/components/radar-menu-button/RadarSimpleMenuButton.js.map +1 -0
- package/index.d.ts +5 -199
- package/index.js +5 -9038
- package/index.js.map +1 -1
- package/package.json +8 -8
- package/packages/popovers/src/components/dialog/Dialog.js +56 -0
- package/packages/popovers/src/components/dialog/Dialog.js.map +1 -0
- package/packages/popovers/src/components/dialog/context.js +6 -0
- package/packages/popovers/src/components/dialog/context.js.map +1 -0
- package/packages/popovers/src/components/dialog/types.js +20 -0
- package/packages/popovers/src/components/dialog/types.js.map +1 -0
- package/packages/popovers/src/components/dialog/useDialog.js +95 -0
- package/packages/popovers/src/components/dialog/useDialog.js.map +1 -0
- package/packages/popovers/src/components/dialog/useDialogContext.js +13 -0
- package/packages/popovers/src/components/dialog/useDialogContext.js.map +1 -0
- package/packages/popovers/src/components/dialog-content/DialogContent.js +97 -0
- package/packages/popovers/src/components/dialog-content/DialogContent.js.map +1 -0
- package/packages/popovers/src/components/dialog-content/intl/en-US.json.js +7 -0
- package/packages/popovers/src/components/dialog-content/intl/en-US.json.js.map +1 -0
- package/packages/popovers/src/components/dialog-content/intl/fr-FR.json.js +7 -0
- package/packages/popovers/src/components/dialog-content/intl/fr-FR.json.js.map +1 -0
- package/packages/popovers/src/components/dialog-content/intl/index.js +10 -0
- package/packages/popovers/src/components/dialog-content/intl/index.js.map +1 -0
- package/packages/popovers/src/components/dialog-content/styles.js +77 -0
- package/packages/popovers/src/components/dialog-content/styles.js.map +1 -0
- package/packages/popovers/src/components/dialog-content-actions/DialogContentActions.js +38 -0
- package/packages/popovers/src/components/dialog-content-actions/DialogContentActions.js.map +1 -0
- package/packages/popovers/src/components/dialog-content-actions/styles.js +20 -0
- package/packages/popovers/src/components/dialog-content-actions/styles.js.map +1 -0
- package/packages/popovers/src/components/dialog-content-body/DialogContentBody.js +49 -0
- package/packages/popovers/src/components/dialog-content-body/DialogContentBody.js.map +1 -0
- package/packages/popovers/src/components/dialog-content-body/styles.js +65 -0
- package/packages/popovers/src/components/dialog-content-body/styles.js.map +1 -0
- package/packages/popovers/src/components/dialog-content-header/DialogContentHeader.js +86 -0
- package/packages/popovers/src/components/dialog-content-header/DialogContentHeader.js.map +1 -0
- package/packages/popovers/src/components/dialog-content-header/styles.js +31 -0
- package/packages/popovers/src/components/dialog-content-header/styles.js.map +1 -0
- package/packages/popovers/src/components/dialog-trigger/DialogTrigger.js +47 -0
- package/packages/popovers/src/components/dialog-trigger/DialogTrigger.js.map +1 -0
- package/popovers/src/components/dialog/types.d.ts +50 -0
- package/popovers/src/components/dialog-content/types.d.ts +12 -0
- package/popovers/src/components/dialog-content-body/types.d.ts +12 -0
- package/popovers/src/components/dialog-content-header/types.d.ts +27 -0
- package/popovers/src/components/dialog-trigger/types.d.ts +10 -0
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { extends as _extends, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
|
|
3
|
+
import { Flexbox, Icon } from '@redsift/design-system';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { ScatterGrid } from './ScatterGrid.js';
|
|
6
|
+
import { rsiRedSiftHorizontal } from '@redsift/icons';
|
|
7
|
+
import { PulsedRadarImage } from './PulsedRadarImage.js';
|
|
8
|
+
import { Dialog } from '../../packages/popovers/src/components/dialog/Dialog.js';
|
|
9
|
+
import { DialogTrigger } from '../../packages/popovers/src/components/dialog-trigger/DialogTrigger.js';
|
|
10
|
+
import { DialogContent } from '../../packages/popovers/src/components/dialog-content/DialogContent.js';
|
|
11
|
+
import { DialogContentBody } from '../../packages/popovers/src/components/dialog-content-body/DialogContentBody.js';
|
|
12
|
+
|
|
13
|
+
const _excluded = ["children"],
|
|
14
|
+
_excluded2 = ["children"],
|
|
15
|
+
_excluded3 = ["children", "backgroundPosition"];
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* The RadarDialog component.
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
const BaseRadarDialog = props => {
|
|
22
|
+
return /*#__PURE__*/React__default.createElement(Dialog, _extends({
|
|
23
|
+
size: "large"
|
|
24
|
+
}, props, {
|
|
25
|
+
hasCloseButton: false
|
|
26
|
+
}));
|
|
27
|
+
};
|
|
28
|
+
BaseRadarDialog.displayName = 'Dialog';
|
|
29
|
+
const RadarDialogContentHeader = props => {
|
|
30
|
+
const {
|
|
31
|
+
children
|
|
32
|
+
} = props,
|
|
33
|
+
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
34
|
+
return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
|
|
35
|
+
flexDirection: "column",
|
|
36
|
+
paddingLeft: "32px",
|
|
37
|
+
paddingRight: "32px",
|
|
38
|
+
gap: "26px"
|
|
39
|
+
}, forwardedProps), /*#__PURE__*/React__default.createElement(Flexbox, {
|
|
40
|
+
flexDirection: "row",
|
|
41
|
+
gap: "0",
|
|
42
|
+
justifyContent: "space-between",
|
|
43
|
+
alignItems: "center"
|
|
44
|
+
}, /*#__PURE__*/React__default.createElement(ScatterGrid, null), /*#__PURE__*/React__default.createElement(Icon, {
|
|
45
|
+
icon: rsiRedSiftHorizontal,
|
|
46
|
+
size: {
|
|
47
|
+
width: 176
|
|
48
|
+
}
|
|
49
|
+
})), children);
|
|
50
|
+
};
|
|
51
|
+
const RadarDialogContentBody = props => {
|
|
52
|
+
const {
|
|
53
|
+
children
|
|
54
|
+
} = props,
|
|
55
|
+
forwardedProps = _objectWithoutProperties(props, _excluded2);
|
|
56
|
+
return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
|
|
57
|
+
flexDirection: "column",
|
|
58
|
+
maxWidth: "550px",
|
|
59
|
+
padding: "24px 32px"
|
|
60
|
+
}, forwardedProps), children);
|
|
61
|
+
};
|
|
62
|
+
const RadarDialogTrigger = DialogTrigger;
|
|
63
|
+
RadarDialogTrigger.displayName = 'DialogTrigger';
|
|
64
|
+
const StyledDialogContent = styled(DialogContent)`
|
|
65
|
+
border-radius: 4px;
|
|
66
|
+
padding: 0;
|
|
67
|
+
overflow: hidden;
|
|
68
|
+
`;
|
|
69
|
+
const Background = _ref2 => {
|
|
70
|
+
let {
|
|
71
|
+
dialogContentRef
|
|
72
|
+
} = _ref2;
|
|
73
|
+
const [pulsedRadarImageStyle, setPulsedImageRadarStyle] = useState({
|
|
74
|
+
position: 'absolute',
|
|
75
|
+
bottom: 0,
|
|
76
|
+
right: 0,
|
|
77
|
+
zIndex: -1
|
|
78
|
+
});
|
|
79
|
+
useEffect(() => {
|
|
80
|
+
function handleResize() {
|
|
81
|
+
var _dialogContentRef$cur;
|
|
82
|
+
if ((_dialogContentRef$cur = dialogContentRef.current) !== null && _dialogContentRef$cur !== void 0 && _dialogContentRef$cur.clientHeight) {
|
|
83
|
+
var _dialogContentRef$cur2;
|
|
84
|
+
if (((_dialogContentRef$cur2 = dialogContentRef.current) === null || _dialogContentRef$cur2 === void 0 ? void 0 : _dialogContentRef$cur2.clientHeight) < 672) {
|
|
85
|
+
setPulsedImageRadarStyle({
|
|
86
|
+
position: 'absolute',
|
|
87
|
+
top: 0,
|
|
88
|
+
right: 0,
|
|
89
|
+
zIndex: -1
|
|
90
|
+
});
|
|
91
|
+
} else {
|
|
92
|
+
setPulsedImageRadarStyle({
|
|
93
|
+
position: 'absolute',
|
|
94
|
+
bottom: 0,
|
|
95
|
+
right: 0,
|
|
96
|
+
zIndex: -1
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
window.addEventListener('resize', handleResize);
|
|
102
|
+
handleResize();
|
|
103
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
104
|
+
}, []);
|
|
105
|
+
return /*#__PURE__*/React__default.createElement(PulsedRadarImage, {
|
|
106
|
+
style: pulsedRadarImageStyle
|
|
107
|
+
});
|
|
108
|
+
};
|
|
109
|
+
const BaseRadarDialogContent = /*#__PURE__*/forwardRef((props, ref) => {
|
|
110
|
+
const {
|
|
111
|
+
children,
|
|
112
|
+
backgroundPosition
|
|
113
|
+
} = props,
|
|
114
|
+
forwardedProps = _objectWithoutProperties(props, _excluded3);
|
|
115
|
+
const dialogContentRef = useRef(null);
|
|
116
|
+
const _ref = ref !== null && ref !== void 0 ? ref : dialogContentRef;
|
|
117
|
+
return /*#__PURE__*/React__default.createElement(StyledDialogContent, _extends({}, forwardedProps, {
|
|
118
|
+
ref: _ref
|
|
119
|
+
}), /*#__PURE__*/React__default.createElement(DialogContentBody, {
|
|
120
|
+
style: {
|
|
121
|
+
padding: '0',
|
|
122
|
+
margin: '0'
|
|
123
|
+
}
|
|
124
|
+
}, children, backgroundPosition === 'top' ? /*#__PURE__*/React__default.createElement(Background, {
|
|
125
|
+
dialogContentRef: _ref
|
|
126
|
+
}) : /*#__PURE__*/React__default.createElement(PulsedRadarImage, {
|
|
127
|
+
style: {
|
|
128
|
+
position: 'absolute',
|
|
129
|
+
bottom: 0,
|
|
130
|
+
right: 0,
|
|
131
|
+
zIndex: -1
|
|
132
|
+
}
|
|
133
|
+
})));
|
|
134
|
+
});
|
|
135
|
+
BaseRadarDialogContent.displayName = 'DialogContent';
|
|
136
|
+
const RadarDialogContent = Object.assign(BaseRadarDialogContent, {
|
|
137
|
+
Header: RadarDialogContentHeader,
|
|
138
|
+
Body: RadarDialogContentBody
|
|
139
|
+
});
|
|
140
|
+
const RadarDialog = Object.assign(BaseRadarDialog, {
|
|
141
|
+
Trigger: RadarDialogTrigger,
|
|
142
|
+
Content: RadarDialogContent
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
export { BaseRadarDialog, BaseRadarDialogContent, RadarDialog, RadarDialogContent, RadarDialogContentBody, RadarDialogContentHeader, RadarDialogTrigger };
|
|
146
|
+
//# sourceMappingURL=RadarDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadarDialog.js","sources":["../../../src/components/radar-dialog/RadarDialog.tsx"],"sourcesContent":["import React, { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport {\n Dialog,\n DialogContent,\n DialogContentProps,\n DialogTrigger,\n DialogContentHeaderProps,\n DialogContentBodyProps,\n DialogContentBody,\n DialogProps,\n} from '@redsift/popovers';\nimport { Comp, Flexbox, Icon } from '@redsift/design-system';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { ScatterGrid } from './ScatterGrid';\nimport { rsiRedSiftHorizontal } from '@redsift/icons';\nimport { PulsedRadarImage } from './PulsedRadarImage';\n\n/**\n * The RadarDialog component.\n */\n\nexport const BaseRadarDialog: React.FC<DialogProps> & {\n displayName?: string;\n className?: string;\n} = (props) => {\n return <Dialog size=\"large\" {...props} hasCloseButton={false} />;\n};\nBaseRadarDialog.displayName = 'Dialog';\n\nexport const RadarDialogContentHeader: Comp<DialogContentHeaderProps, HTMLDivElement> = (props) => {\n const { children, ...forwardedProps } = props;\n return (\n <Flexbox flexDirection=\"column\" paddingLeft=\"32px\" paddingRight=\"32px\" gap=\"26px\" {...forwardedProps}>\n <Flexbox flexDirection=\"row\" gap=\"0\" justifyContent=\"space-between\" alignItems=\"center\">\n <ScatterGrid />\n <Icon icon={rsiRedSiftHorizontal} size={{ width: 176 }} />\n </Flexbox>\n {children}\n </Flexbox>\n );\n};\n\nexport const RadarDialogContentBody: Comp<DialogContentBodyProps, HTMLDivElement> = (props) => {\n const { children, ...forwardedProps } = props;\n return (\n <Flexbox flexDirection=\"column\" maxWidth=\"550px\" padding=\"24px 32px\" {...forwardedProps}>\n {children}\n </Flexbox>\n );\n};\n\nexport const RadarDialogTrigger = DialogTrigger;\nRadarDialogTrigger.displayName = 'DialogTrigger';\n\nconst StyledDialogContent = styled(DialogContent)`\n border-radius: 4px;\n padding: 0;\n overflow: hidden;\n`;\n\nconst Background: React.FC<{ dialogContentRef: RefObject<HTMLDivElement> }> = ({ dialogContentRef }) => {\n const [pulsedRadarImageStyle, setPulsedImageRadarStyle] = useState<CSSProperties>({\n position: 'absolute',\n bottom: 0,\n right: 0,\n zIndex: -1,\n });\n useEffect(() => {\n function handleResize() {\n if (dialogContentRef.current?.clientHeight) {\n if (dialogContentRef.current?.clientHeight < 672) {\n setPulsedImageRadarStyle({ position: 'absolute', top: 0, right: 0, zIndex: -1 });\n } else {\n setPulsedImageRadarStyle({ position: 'absolute', bottom: 0, right: 0, zIndex: -1 });\n }\n }\n }\n\n window.addEventListener('resize', handleResize);\n handleResize();\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return <PulsedRadarImage style={pulsedRadarImageStyle} />;\n};\n\nexport const BaseRadarDialogContent: Comp<\n DialogContentProps & { backgroundPosition?: 'top' | 'bottom' },\n HTMLDivElement\n> = forwardRef((props, ref) => {\n const { children, backgroundPosition, ...forwardedProps } = props;\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const _ref = ref ?? dialogContentRef;\n\n return (\n <StyledDialogContent {...forwardedProps} ref={_ref}>\n <DialogContentBody\n style={{\n padding: '0',\n margin: '0',\n }}\n >\n {children}\n\n {backgroundPosition === 'top' ? (\n <Background dialogContentRef={_ref as RefObject<HTMLDivElement>} />\n ) : (\n <PulsedRadarImage style={{ position: 'absolute', bottom: 0, right: 0, zIndex: -1 }} />\n )}\n </DialogContentBody>\n </StyledDialogContent>\n );\n});\nBaseRadarDialogContent.displayName = 'DialogContent';\n\nexport const RadarDialogContent = Object.assign(BaseRadarDialogContent, {\n Header: RadarDialogContentHeader,\n Body: RadarDialogContentBody,\n});\n\nexport const RadarDialog = Object.assign(BaseRadarDialog, {\n Trigger: RadarDialogTrigger,\n Content: RadarDialogContent,\n});\n"],"names":["BaseRadarDialog","props","React","createElement","Dialog","_extends","size","hasCloseButton","displayName","RadarDialogContentHeader","children","forwardedProps","_objectWithoutProperties","_excluded","Flexbox","flexDirection","paddingLeft","paddingRight","gap","justifyContent","alignItems","ScatterGrid","Icon","icon","rsiRedSiftHorizontal","width","RadarDialogContentBody","_excluded2","maxWidth","padding","RadarDialogTrigger","DialogTrigger","StyledDialogContent","styled","DialogContent","Background","_ref2","dialogContentRef","pulsedRadarImageStyle","setPulsedImageRadarStyle","useState","position","bottom","right","zIndex","useEffect","handleResize","_dialogContentRef$cur","current","clientHeight","_dialogContentRef$cur2","top","window","addEventListener","removeEventListener","PulsedRadarImage","style","BaseRadarDialogContent","forwardRef","ref","backgroundPosition","_excluded3","useRef","_ref","DialogContentBody","margin","RadarDialogContent","Object","assign","Header","Body","RadarDialog","Trigger","Content"],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { Comp } from '@redsift/design-system';
|
|
3
|
+
import { DialogProps } from '../../popovers/src/components/dialog/types.js';
|
|
4
|
+
import { DialogTriggerProps } from '../../popovers/src/components/dialog-trigger/types.js';
|
|
5
|
+
import { DialogContentBodyProps } from '../../popovers/src/components/dialog-content-body/types.js';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* The RadarSimpleDialog component.
|
|
9
|
+
*/
|
|
10
|
+
type RadarSimpleDialogProps = Comp<Omit<DialogProps, 'children'> & {
|
|
11
|
+
header?: ReactNode;
|
|
12
|
+
trigger?: Omit<DialogTriggerProps, 'ref'>;
|
|
13
|
+
} & Pick<DialogContentBodyProps, 'children'>, HTMLDivElement>;
|
|
14
|
+
|
|
15
|
+
export { RadarSimpleDialogProps };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { RadarDialog } from './RadarDialog.js';
|
|
4
|
+
|
|
5
|
+
const _excluded = ["header", "children", "trigger"];
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* The RadarSimpleDialog component.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
const RadarSimpleDialog = props => {
|
|
12
|
+
const {
|
|
13
|
+
header,
|
|
14
|
+
children,
|
|
15
|
+
trigger
|
|
16
|
+
} = props,
|
|
17
|
+
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
18
|
+
return /*#__PURE__*/React__default.createElement(RadarDialog, forwardedProps, trigger ? /*#__PURE__*/React__default.createElement(RadarDialog.Trigger, trigger) : null, /*#__PURE__*/React__default.createElement(RadarDialog.Content, null, /*#__PURE__*/React__default.createElement(RadarDialog.Content.Header, null, header), /*#__PURE__*/React__default.createElement(RadarDialog.Content.Body, null, children)));
|
|
19
|
+
};
|
|
20
|
+
RadarSimpleDialog.displayName = 'Dialog';
|
|
21
|
+
|
|
22
|
+
export { RadarSimpleDialog };
|
|
23
|
+
//# sourceMappingURL=RadarSimpleDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadarSimpleDialog.js","sources":["../../../src/components/radar-dialog/RadarSimpleDialog.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DialogContentBodyProps, DialogProps, DialogTriggerProps } from '@redsift/popovers';\nimport { Comp } from '@redsift/design-system';\nimport { RadarDialog } from './RadarDialog';\n\n/**\n * The RadarSimpleDialog component.\n */\nexport type RadarSimpleDialogProps = Comp<\n Omit<DialogProps, 'children'> & { header?: ReactNode; trigger?: Omit<DialogTriggerProps, 'ref'> } & Pick<\n DialogContentBodyProps,\n 'children'\n >,\n HTMLDivElement\n>;\n\nexport const RadarSimpleDialog: RadarSimpleDialogProps = (props) => {\n const { header, children, trigger, ...forwardedProps } = props;\n\n return (\n <RadarDialog {...forwardedProps}>\n {trigger ? <RadarDialog.Trigger {...trigger} /> : null}\n <RadarDialog.Content>\n <RadarDialog.Content.Header>{header}</RadarDialog.Content.Header>\n <RadarDialog.Content.Body>{children}</RadarDialog.Content.Body>\n </RadarDialog.Content>\n </RadarDialog>\n );\n};\nRadarSimpleDialog.displayName = 'Dialog';\n"],"names":["RadarSimpleDialog","props","header","children","trigger","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","RadarDialog","Trigger","Content","Header","Body","displayName"],"mappings":";;;;;;AAKA;AACA;AACA;;AASaA,MAAAA,iBAAyC,GAAIC,KAAK,IAAK;EAClE,MAAM;MAAEC,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,OAAAA;AAA2B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAE9D,oBACEC,cAAA,CAAAC,aAAA,CAACC,WAAW,EAAKL,cAAc,EAC5BD,OAAO,gBAAGI,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACC,OAAO,EAAKP,OAAU,CAAC,GAAG,IAAI,eACtDI,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACE,OAAO,EAAA,IAAA,eAClBJ,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACE,OAAO,CAACC,MAAM,EAAA,IAAA,EAAEX,MAAmC,CAAC,eACjEM,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACE,OAAO,CAACE,IAAI,EAAEX,IAAAA,EAAAA,QAAmC,CAC3C,CACV,CAAC,CAAA;AAElB,EAAC;AACDH,iBAAiB,CAACe,WAAW,GAAG,QAAQ;;;;"}
|