@gfazioli/mantine-split-pane 0.1.1
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/LICENSE +21 -0
- package/README.md +71 -0
- package/dist/cjs/Pane/SplitPane.cjs +147 -0
- package/dist/cjs/Pane/SplitPane.cjs.map +1 -0
- package/dist/cjs/Pane/SplitPane.module.css.cjs +7 -0
- package/dist/cjs/Pane/SplitPane.module.css.cjs.map +1 -0
- package/dist/cjs/Resizer/SplitPaneResizer.cjs +184 -0
- package/dist/cjs/Resizer/SplitPaneResizer.cjs.map +1 -0
- package/dist/cjs/Resizer/SplitPaneResizer.module.css.cjs +7 -0
- package/dist/cjs/Resizer/SplitPaneResizer.module.css.cjs.map +1 -0
- package/dist/cjs/Split.cjs +99 -0
- package/dist/cjs/Split.cjs.map +1 -0
- package/dist/cjs/Split.context.cjs +13 -0
- package/dist/cjs/Split.context.cjs.map +1 -0
- package/dist/cjs/Split.errors.cjs +10 -0
- package/dist/cjs/Split.errors.cjs.map +1 -0
- package/dist/cjs/Split.module.css.cjs +7 -0
- package/dist/cjs/Split.module.css.cjs.map +1 -0
- package/dist/cjs/index.cjs +15 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/esm/Pane/SplitPane.mjs +145 -0
- package/dist/esm/Pane/SplitPane.mjs.map +1 -0
- package/dist/esm/Pane/SplitPane.module.css.mjs +5 -0
- package/dist/esm/Pane/SplitPane.module.css.mjs.map +1 -0
- package/dist/esm/Resizer/SplitPaneResizer.mjs +182 -0
- package/dist/esm/Resizer/SplitPaneResizer.mjs.map +1 -0
- package/dist/esm/Resizer/SplitPaneResizer.module.css.mjs +5 -0
- package/dist/esm/Resizer/SplitPaneResizer.module.css.mjs.map +1 -0
- package/dist/esm/Split.context.mjs +10 -0
- package/dist/esm/Split.context.mjs.map +1 -0
- package/dist/esm/Split.errors.mjs +8 -0
- package/dist/esm/Split.errors.mjs.map +1 -0
- package/dist/esm/Split.mjs +97 -0
- package/dist/esm/Split.mjs.map +1 -0
- package/dist/esm/Split.module.css.mjs +5 -0
- package/dist/esm/Split.module.css.mjs.map +1 -0
- package/dist/esm/index.mjs +5 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/styles.css +1 -0
- package/dist/styles.layer.css +1 -0
- package/dist/types/Pane/SplitPane.d.ts +32 -0
- package/dist/types/Pane/index.d.ts +2 -0
- package/dist/types/Resizer/SplitPaneResizer.d.ts +75 -0
- package/dist/types/Resizer/index.d.ts +2 -0
- package/dist/types/Split.context.d.ts +11 -0
- package/dist/types/Split.d.ts +39 -0
- package/dist/types/Split.errors.d.ts +4 -0
- package/dist/types/index.d.mts +7 -0
- package/dist/types/index.d.ts +7 -0
- package/package.json +50 -0
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var core = require('@mantine/core');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var SplitPane = require('./Pane/SplitPane.cjs');
|
|
7
|
+
var Split_context = require('./Split.context.cjs');
|
|
8
|
+
var Split_module = require('./Split.module.css.cjs');
|
|
9
|
+
|
|
10
|
+
const defaultProps = {
|
|
11
|
+
inline: false,
|
|
12
|
+
orientation: "vertical",
|
|
13
|
+
size: "sm",
|
|
14
|
+
variant: "default"
|
|
15
|
+
};
|
|
16
|
+
const varsResolver = core.createVarsResolver((_, { inline }) => ({
|
|
17
|
+
root: {
|
|
18
|
+
"--split-inline": inline ? "inline-flex" : "flex"
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
const Split = core.factory((_props, ref) => {
|
|
22
|
+
const props = core.useProps("Split", defaultProps, _props);
|
|
23
|
+
const {
|
|
24
|
+
orientation,
|
|
25
|
+
inline,
|
|
26
|
+
size,
|
|
27
|
+
radius,
|
|
28
|
+
color,
|
|
29
|
+
hoverColor,
|
|
30
|
+
opacity,
|
|
31
|
+
withKnob,
|
|
32
|
+
knobAlwaysOn,
|
|
33
|
+
knobSize,
|
|
34
|
+
knobOpacity,
|
|
35
|
+
knobRadius,
|
|
36
|
+
knobColor,
|
|
37
|
+
knobHoverColor,
|
|
38
|
+
variant,
|
|
39
|
+
spacing,
|
|
40
|
+
classNames,
|
|
41
|
+
style,
|
|
42
|
+
styles,
|
|
43
|
+
unstyled,
|
|
44
|
+
vars,
|
|
45
|
+
mod,
|
|
46
|
+
children,
|
|
47
|
+
className,
|
|
48
|
+
...others
|
|
49
|
+
} = props;
|
|
50
|
+
const getStyles = core.useStyles({
|
|
51
|
+
name: "Split",
|
|
52
|
+
props,
|
|
53
|
+
classes: Split_module,
|
|
54
|
+
className,
|
|
55
|
+
style,
|
|
56
|
+
classNames,
|
|
57
|
+
styles,
|
|
58
|
+
unstyled,
|
|
59
|
+
vars,
|
|
60
|
+
varsResolver
|
|
61
|
+
});
|
|
62
|
+
const childrenArray = React.Children.toArray(children);
|
|
63
|
+
const content = childrenArray.map((child, index) => {
|
|
64
|
+
const withResizer = index < childrenArray.length - 1;
|
|
65
|
+
return React.cloneElement(child, {
|
|
66
|
+
key: `pane-${index}`,
|
|
67
|
+
withResizer
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
return /* @__PURE__ */ React.createElement(
|
|
71
|
+
Split_context.SplitContextProvider,
|
|
72
|
+
{
|
|
73
|
+
value: {
|
|
74
|
+
orientation,
|
|
75
|
+
size,
|
|
76
|
+
opacity,
|
|
77
|
+
radius,
|
|
78
|
+
color,
|
|
79
|
+
hoverColor,
|
|
80
|
+
knobSize,
|
|
81
|
+
knobOpacity,
|
|
82
|
+
knobRadius,
|
|
83
|
+
knobColor,
|
|
84
|
+
knobHoverColor,
|
|
85
|
+
variant,
|
|
86
|
+
withKnob,
|
|
87
|
+
knobAlwaysOn,
|
|
88
|
+
spacing
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
/* @__PURE__ */ React.createElement(core.Box, { ref, mod: { orientation }, ...getStyles("root"), ...others }, content)
|
|
92
|
+
);
|
|
93
|
+
});
|
|
94
|
+
Split.classes = Split_module;
|
|
95
|
+
Split.displayName = "Split";
|
|
96
|
+
Split.Pane = SplitPane.SplitPane;
|
|
97
|
+
|
|
98
|
+
exports.Split = Split;
|
|
99
|
+
//# sourceMappingURL=Split.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Split.cjs","sources":["../../src/Split.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n Factory,\n StylesApiProps,\n createVarsResolver,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport React from 'react';\nimport { SplitPane } from './Pane/SplitPane';\nimport { SplitPaneResizerSharedProps, SplitPaneResizerVariant } from './Resizer/SplitPaneResizer';\nimport { SplitContextProvider } from './Split.context';\nimport classes from './Split.module.css';\n\nexport type SplitStylesNames = 'root';\n\nexport type SplitVariant = SplitPaneResizerVariant;\n\nexport type SplitCssVariables = {\n root: '--split-inline';\n};\n\nexport interface SplitBaseProps extends SplitPaneResizerSharedProps {\n /** Make main split container inline */\n inline?: boolean;\n\n /** Split children */\n children?: React.ReactNode;\n}\n\nexport interface SplitProps extends BoxProps, SplitBaseProps, StylesApiProps<SplitFactory> {}\n\nexport type SplitFactory = Factory<{\n props: SplitProps;\n defaultComponent: 'div';\n ref: HTMLDivElement;\n stylesNames: SplitStylesNames;\n vars: SplitCssVariables;\n variant: SplitVariant;\n staticComponents: {\n Pane: typeof SplitPane;\n };\n}>;\n\nconst defaultProps: Partial<SplitProps> = {\n inline: false,\n orientation: 'vertical',\n size: 'sm',\n variant: 'default',\n};\n\nconst varsResolver = createVarsResolver<SplitFactory>((_, { inline }) => ({\n root: {\n '--split-inline': inline ? 'inline-flex' : 'flex',\n },\n}));\n\nexport const Split = factory<SplitFactory>((_props, ref) => {\n const props = useProps('Split', defaultProps, _props);\n const {\n orientation,\n inline,\n\n size,\n radius,\n color,\n hoverColor,\n opacity,\n\n withKnob,\n knobAlwaysOn,\n knobSize,\n knobOpacity,\n knobRadius,\n knobColor,\n knobHoverColor,\n variant,\n spacing,\n\n classNames,\n style,\n styles,\n unstyled,\n vars,\n mod,\n children,\n className,\n ...others\n } = props;\n\n const getStyles = useStyles<SplitFactory>({\n name: 'Split',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const childrenArray = React.Children.toArray(children);\n\n const content = childrenArray.map((child, index) => {\n const withResizer = index < childrenArray.length - 1;\n\n return React.cloneElement(child as JSX.Element, {\n key: `pane-${index}`,\n withResizer,\n });\n });\n\n return (\n <SplitContextProvider\n value={{\n orientation,\n size,\n opacity,\n radius,\n color,\n hoverColor,\n knobSize,\n knobOpacity,\n knobRadius,\n knobColor,\n knobHoverColor,\n variant,\n withKnob,\n knobAlwaysOn,\n spacing,\n }}\n >\n <Box ref={ref} mod={{ orientation }} {...getStyles('root')} {...others}>\n {content}\n </Box>\n </SplitContextProvider>\n );\n});\n\nSplit.classes = classes;\nSplit.displayName = 'Split';\nSplit.Pane = SplitPane;\n"],"names":["createVarsResolver","factory","useProps","useStyles","classes","SplitContextProvider","Box","SplitPane"],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var core = require('@mantine/core');
|
|
5
|
+
var Split_errors = require('./Split.errors.cjs');
|
|
6
|
+
|
|
7
|
+
const [SplitContextProvider, useSplitContext] = core.createSafeContext(
|
|
8
|
+
Split_errors.SPLIT_ERRORS.context
|
|
9
|
+
);
|
|
10
|
+
|
|
11
|
+
exports.SplitContextProvider = SplitContextProvider;
|
|
12
|
+
exports.useSplitContext = useSplitContext;
|
|
13
|
+
//# sourceMappingURL=Split.context.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Split.context.cjs","sources":["../../src/Split.context.ts"],"sourcesContent":["import { MantineSpacing, createSafeContext } from '@mantine/core';\nimport { SplitPaneResizerProps } from './Resizer/SplitPaneResizer';\nimport { SPLIT_ERRORS } from './Split.errors';\n\ninterface SplitContext\n extends Omit<\n SplitPaneResizerProps,\n | 'minWidth'\n | 'minHeight'\n | 'maxWidth'\n | 'maxHeight'\n | 'onDoubleClick'\n | 'onResizeEnd'\n | 'onResizeStart'\n | 'onResize'\n | 'paneRef'\n > {\n /** Spacing between resizer and pane */\n spacing?: MantineSpacing;\n}\n\nexport const [SplitContextProvider, useSplitContext] = createSafeContext<SplitContext>(\n SPLIT_ERRORS.context\n);\n"],"names":["createSafeContext","SPLIT_ERRORS"],"mappings":";;;;;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,GAAGA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACxE,CAAEC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAY,CAAC,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtB,CAAA,CAAA;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const SPLIT_ERRORS = {
|
|
5
|
+
context: "Split component was not found in the tree",
|
|
6
|
+
children: "Split.Pane component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
exports.SPLIT_ERRORS = SPLIT_ERRORS;
|
|
10
|
+
//# sourceMappingURL=Split.errors.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Split.errors.cjs","sources":["../../src/Split.errors.ts"],"sourcesContent":["export const SPLIT_ERRORS = {\n context: 'Split component was not found in the tree',\n children:\n 'Split.Pane component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported',\n};\n"],"names":[],"mappings":";;;AAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,YAAY,CAAG,CAAA,CAAA,CAAA;AAC5B,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAA2C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtD,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAA8J,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC1K,CAAA,CAAA;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Split.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var SplitPane = require('./Pane/SplitPane.cjs');
|
|
5
|
+
var SplitPaneResizer = require('./Resizer/SplitPaneResizer.cjs');
|
|
6
|
+
var Split = require('./Split.cjs');
|
|
7
|
+
var Split_context = require('./Split.context.cjs');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.SplitPane = SplitPane.SplitPane;
|
|
12
|
+
exports.SplitPaneResizer = SplitPaneResizer.SplitPaneResizer;
|
|
13
|
+
exports.Split = Split.Split;
|
|
14
|
+
exports.useSplitContext = Split_context.useSplitContext;
|
|
15
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createVarsResolver, factory, useProps, useStyles, Box } from '@mantine/core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { SplitPaneResizer } from '../Resizer/SplitPaneResizer.mjs';
|
|
5
|
+
import { useSplitContext } from '../Split.context.mjs';
|
|
6
|
+
import classes from './SplitPane.module.css.mjs';
|
|
7
|
+
|
|
8
|
+
const varsResolver = createVarsResolver((_, { grow }) => {
|
|
9
|
+
return {
|
|
10
|
+
root: {
|
|
11
|
+
"--split-pane-grow": grow ? 1 : "initial"
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
});
|
|
15
|
+
const defaultProps = {
|
|
16
|
+
withResizer: true,
|
|
17
|
+
minWidth: 20,
|
|
18
|
+
minHeight: 20,
|
|
19
|
+
initialWidth: "auto",
|
|
20
|
+
grow: false
|
|
21
|
+
};
|
|
22
|
+
const SplitPane = factory((_props, ref) => {
|
|
23
|
+
const props = useProps("Pane", defaultProps, _props);
|
|
24
|
+
const {
|
|
25
|
+
children,
|
|
26
|
+
withResizer,
|
|
27
|
+
size,
|
|
28
|
+
grow,
|
|
29
|
+
color,
|
|
30
|
+
hoverColor,
|
|
31
|
+
opacity,
|
|
32
|
+
radius,
|
|
33
|
+
knobSize,
|
|
34
|
+
knobOpacity,
|
|
35
|
+
knobRadius,
|
|
36
|
+
knobColor,
|
|
37
|
+
knobHoverColor,
|
|
38
|
+
initialWidth,
|
|
39
|
+
initialHeight,
|
|
40
|
+
minWidth,
|
|
41
|
+
minHeight,
|
|
42
|
+
maxWidth,
|
|
43
|
+
maxHeight,
|
|
44
|
+
onResizeStart,
|
|
45
|
+
onResizing,
|
|
46
|
+
onResizeEnd,
|
|
47
|
+
variant,
|
|
48
|
+
withKnob,
|
|
49
|
+
knobAlwaysOn,
|
|
50
|
+
spacing,
|
|
51
|
+
className,
|
|
52
|
+
style,
|
|
53
|
+
classNames,
|
|
54
|
+
styles,
|
|
55
|
+
unstyled,
|
|
56
|
+
vars,
|
|
57
|
+
mod,
|
|
58
|
+
...others
|
|
59
|
+
} = props;
|
|
60
|
+
const {
|
|
61
|
+
orientation,
|
|
62
|
+
size: sizeContext,
|
|
63
|
+
opacity: opacityContext,
|
|
64
|
+
radius: radiusContext,
|
|
65
|
+
color: colorContext,
|
|
66
|
+
hoverColor: hoverColorContext,
|
|
67
|
+
knobSize: knobSizeContext,
|
|
68
|
+
knobOpacity: knobOpacityContext,
|
|
69
|
+
knobRadius: knobRadiusContext,
|
|
70
|
+
knobColor: knobColorContext,
|
|
71
|
+
knobHoverColor: knobHoverColorContext,
|
|
72
|
+
variant: variantContext,
|
|
73
|
+
withKnob: withKnobContext,
|
|
74
|
+
knobAlwaysOn: knobAlwaysOnContext,
|
|
75
|
+
spacing: spacingContext
|
|
76
|
+
} = useSplitContext();
|
|
77
|
+
const paneRef = React.useRef(null);
|
|
78
|
+
const getStyles = useStyles({
|
|
79
|
+
name: "SplitPane",
|
|
80
|
+
classes,
|
|
81
|
+
props,
|
|
82
|
+
className,
|
|
83
|
+
style,
|
|
84
|
+
classNames,
|
|
85
|
+
styles,
|
|
86
|
+
unstyled,
|
|
87
|
+
vars,
|
|
88
|
+
varsResolver
|
|
89
|
+
});
|
|
90
|
+
const handleDoubleClick = (e) => {
|
|
91
|
+
e.preventDefault();
|
|
92
|
+
e.stopPropagation();
|
|
93
|
+
if (orientation === "vertical") {
|
|
94
|
+
paneRef.current.style.width = typeof initialWidth === "number" ? `${initialWidth}px` : initialWidth;
|
|
95
|
+
}
|
|
96
|
+
if (orientation === "horizontal") {
|
|
97
|
+
paneRef.current.style.height = typeof initialHeight === "number" ? `${initialHeight}px` : initialHeight;
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
101
|
+
Box,
|
|
102
|
+
{
|
|
103
|
+
ref: paneRef,
|
|
104
|
+
w: orientation === "vertical" ? initialWidth : void 0,
|
|
105
|
+
h: orientation === "horizontal" ? initialHeight : void 0,
|
|
106
|
+
mod: { orientation },
|
|
107
|
+
...others,
|
|
108
|
+
...getStyles("root")
|
|
109
|
+
},
|
|
110
|
+
children
|
|
111
|
+
), withResizer && /* @__PURE__ */ React.createElement(
|
|
112
|
+
SplitPaneResizer,
|
|
113
|
+
{
|
|
114
|
+
onResizeStart,
|
|
115
|
+
onResizing,
|
|
116
|
+
onResizeEnd,
|
|
117
|
+
onDoubleClick: handleDoubleClick,
|
|
118
|
+
paneRef,
|
|
119
|
+
size: size === void 0 ? sizeContext : size,
|
|
120
|
+
opacity: opacity === void 0 ? opacityContext : opacity,
|
|
121
|
+
radius: radius === void 0 ? radiusContext : radius,
|
|
122
|
+
color: color === void 0 ? colorContext : color,
|
|
123
|
+
hoverColor: hoverColor === void 0 ? hoverColorContext : hoverColor,
|
|
124
|
+
knobSize: knobSize === void 0 ? knobSizeContext : knobSize,
|
|
125
|
+
knobOpacity: knobOpacity === void 0 ? knobOpacityContext : knobOpacity,
|
|
126
|
+
knobRadius: knobRadius === void 0 ? knobRadiusContext : knobRadius,
|
|
127
|
+
knobColor: knobColor === void 0 ? knobColorContext : knobColor,
|
|
128
|
+
knobHoverColor: knobHoverColor === void 0 ? knobHoverColorContext : knobHoverColor,
|
|
129
|
+
withKnob: withKnob === void 0 ? withKnobContext : withKnob,
|
|
130
|
+
knobAlwaysOn: knobAlwaysOn === void 0 ? knobAlwaysOnContext : knobAlwaysOn,
|
|
131
|
+
minWidth,
|
|
132
|
+
minHeight,
|
|
133
|
+
maxWidth,
|
|
134
|
+
maxHeight,
|
|
135
|
+
orientation,
|
|
136
|
+
spacing: spacing === void 0 ? spacingContext : spacing,
|
|
137
|
+
variant: variant === void 0 ? variantContext : variant
|
|
138
|
+
}
|
|
139
|
+
));
|
|
140
|
+
});
|
|
141
|
+
SplitPane.classes = classes;
|
|
142
|
+
SplitPane.displayName = "SplitPane";
|
|
143
|
+
|
|
144
|
+
export { SplitPane };
|
|
145
|
+
//# sourceMappingURL=SplitPane.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitPane.mjs","sources":["../../../src/Pane/SplitPane.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n Factory,\n StylesApiProps,\n createVarsResolver,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport React from 'react';\nimport {\n SplitPaneResizer,\n SplitPaneResizerBaseProps,\n SplitPaneResizerVariant,\n} from '../Resizer/SplitPaneResizer';\nimport { useSplitContext } from '../Split.context';\nimport classes from './SplitPane.module.css';\n\nexport type SplitPaneStylesNames = 'root';\n\nexport type SplitPaneVariant = SplitPaneResizerVariant;\n\nexport type SplitPaneCssVariables = {};\n\nexport interface SplitPaneProps\n extends BoxProps,\n Omit<SplitPaneResizerBaseProps, 'paneRef'>,\n StylesApiProps<SplitPaneFactory> {\n /** Split pane content */\n children: React.ReactNode;\n\n /** Grow pane to fill available space */\n grow?: boolean;\n\n /** Initial width of the pane */\n initialWidth?: number | string;\n\n /** Initial height of the pane */\n initialHeight?: number | string;\n\n /** Usually you won't need to use this prop directly, it's used internally by Split component */\n withResizer?: boolean;\n}\n\nexport type SplitPaneFactory = Factory<{\n props: SplitPaneProps;\n ref: HTMLDivElement;\n stylesNames: SplitPaneStylesNames;\n vars: SplitPaneCssVariables;\n variant: SplitPaneVariant;\n //defaultComponent: 'div';\n}>;\n\nconst varsResolver = createVarsResolver<SplitPaneFactory>((_, { grow }) => {\n return {\n root: {\n '--split-pane-grow': grow ? 1 : 'initial',\n },\n };\n});\n\nconst defaultProps: Partial<SplitPaneProps> = {\n withResizer: true,\n minWidth: 20,\n minHeight: 20,\n initialWidth: 'auto',\n grow: false,\n};\n\nexport const SplitPane = factory<SplitPaneFactory>((_props, ref) => {\n const props = useProps('Pane', defaultProps, _props);\n\n const {\n children,\n withResizer,\n size,\n grow,\n color,\n hoverColor,\n opacity,\n radius,\n knobSize,\n knobOpacity,\n knobRadius,\n knobColor,\n knobHoverColor,\n initialWidth,\n initialHeight,\n minWidth,\n minHeight,\n maxWidth,\n maxHeight,\n onResizeStart,\n onResizing,\n onResizeEnd,\n variant,\n withKnob,\n knobAlwaysOn,\n spacing,\n\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n mod,\n ...others\n } = props;\n\n const {\n orientation,\n size: sizeContext,\n opacity: opacityContext,\n radius: radiusContext,\n color: colorContext,\n hoverColor: hoverColorContext,\n knobSize: knobSizeContext,\n knobOpacity: knobOpacityContext,\n knobRadius: knobRadiusContext,\n knobColor: knobColorContext,\n knobHoverColor: knobHoverColorContext,\n variant: variantContext,\n withKnob: withKnobContext,\n knobAlwaysOn: knobAlwaysOnContext,\n spacing: spacingContext,\n } = useSplitContext();\n\n const paneRef = React.useRef<HTMLDivElement>(null);\n\n const getStyles = useStyles<SplitPaneFactory>({\n name: 'SplitPane',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const handleDoubleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n\n if (orientation === 'vertical') {\n paneRef.current.style.width =\n typeof initialWidth === 'number' ? `${initialWidth}px` : initialWidth;\n }\n\n if (orientation === 'horizontal') {\n paneRef.current.style.height =\n typeof initialHeight === 'number' ? `${initialHeight}px` : initialHeight;\n }\n };\n\n return (\n <>\n <Box\n ref={paneRef}\n w={orientation === 'vertical' ? initialWidth : undefined}\n h={orientation === 'horizontal' ? initialHeight : undefined}\n mod={{ orientation }}\n {...others}\n {...getStyles('root')}\n >\n {children}\n </Box>\n {withResizer && (\n <SplitPaneResizer\n onResizeStart={onResizeStart}\n onResizing={onResizing}\n onResizeEnd={onResizeEnd}\n onDoubleClick={handleDoubleClick}\n paneRef={paneRef}\n size={size === undefined ? sizeContext : size}\n opacity={opacity === undefined ? opacityContext : opacity}\n radius={radius === undefined ? radiusContext : radius}\n color={color === undefined ? colorContext : color}\n hoverColor={hoverColor === undefined ? hoverColorContext : hoverColor}\n knobSize={knobSize === undefined ? knobSizeContext : knobSize}\n knobOpacity={knobOpacity === undefined ? knobOpacityContext : knobOpacity}\n knobRadius={knobRadius === undefined ? knobRadiusContext : knobRadius}\n knobColor={knobColor === undefined ? knobColorContext : knobColor}\n knobHoverColor={knobHoverColor === undefined ? knobHoverColorContext : knobHoverColor}\n withKnob={withKnob === undefined ? withKnobContext : withKnob}\n knobAlwaysOn={knobAlwaysOn === undefined ? knobAlwaysOnContext : knobAlwaysOn}\n minWidth={minWidth}\n minHeight={minHeight}\n maxWidth={maxWidth}\n maxHeight={maxHeight}\n orientation={orientation}\n spacing={spacing === undefined ? spacingContext : spacing}\n variant={variant === undefined ? variantContext : variant}\n />\n )}\n </>\n );\n});\n\nSplitPane.classes = classes;\nSplitPane.displayName = 'SplitPane';\n"],"names":[],"mappings":";;;;;;;AAaA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,CAAC,CAAC,CAAE,CAAA,CAAA,CAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACzD,CAAA,CAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,IAAI,CAAE,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,mBAAmB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,CAAG,CAAA,CAAA,CAAC,GAAG,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC/C,CAAK,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAG,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,YAAY,CAAG,CAAA,CAAA,CAAA;AACrB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAI,CAAA,CAAA,CAAA,CAAA;AACnB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAE,CAAA,CAAA;AACd,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAE,CAAA,CAAA;AACf,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE,CAAK,CAAA,CAAA,CAAA,CAAA;AACb,CAAC,CAAC;AACU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,GAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AAClD,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC;AACvD,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAClB,CAAA,CAAA,CAAA,CAAI,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAA,CAAI,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjB,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjB,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAG,CAAA,CAAA,CAAA;AACP,CAAA,CAAA,CAAA,CAAI,GAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAG,CAAA,CAAA,CAAA,CAAA,CAAG,KAAK,CAAC;AACZ,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACrB,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC3B,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACzB,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvB,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC7B,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC/B,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,EAAE,CAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACzC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC3B,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC7B,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,EAAE,CAAmB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACrC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC3B,CAAG,CAAA,CAAA,CAAA,CAAA,CAAG,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAC;AACxB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,OAAO,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAC;AACrC,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA;AAC9B,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACrB,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACX,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAA,CAAA,CAAA,CAAI,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA,CAAA,CAAA,CAAI,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACV,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAI,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAG,CAAC,CAAC;AACL,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAG,CAAA,CAAA,CAAC,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACnC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAC;AACvB,CAAA,CAAA,CAAA,CAAI,CAAC,CAAC,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAC;AACxB,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAE,CAAA,CAAA;AACpC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,GAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,KAAK,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAE,CAAA,CAAC,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC;AAC1G,CAAK,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAA,CAAI,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAE,CAAA,CAAA;AACtC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,KAAK,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAE,CAAA,CAAC,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC;AAC9G,CAAK,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAG,CAAC;AACJ,CAAA,CAAE,CAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtG,CAAA,CAAA,CAAA,CAAI,CAAG,CAAA,CAAA,CAAA;AACP,CAAI,CAAA,CAAA,CAAA,CAAA;AACJ,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,EAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAClB,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,UAAU,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA;AAC3D,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,YAAY,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA;AAC9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAG,CAAA,CAAA,CAAA,CAAE,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAE,CAAA,CAAA;AAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC;AAC1B,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAA,CAAI,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACZ,CAAA,CAAA,CAAG,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACvD,CAAA,CAAA,CAAA,CAAI,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACpB,CAAI,CAAA,CAAA,CAAA,CAAA;AACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjB,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAE,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACtC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACb,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAI,CAAA,CAAA,CAAA,CAAA;AAChD,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC5D,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACxD,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACpD,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACxE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC5E,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACxE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACpE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,EAAE,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACxF,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,EAAE,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAmB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjB,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC5D,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAC,CAAA,CAAA,CAAG,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC5D,CAAK,CAAA,CAAA,CAAA,CAAA;AACL,CAAA,CAAA,CAAG,CAAC,CAAC;AACL,CAAC,CAAE,CAAA;AACH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC;AAC5B,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitPane.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createVarsResolver, parseThemeColor, getSize, rgba, getRadius, getThemeColor, factory, useProps, useStyles, Box } from '@mantine/core';
|
|
3
|
+
import React, { useRef } from 'react';
|
|
4
|
+
import classes from './SplitPaneResizer.module.css.mjs';
|
|
5
|
+
|
|
6
|
+
const varsResolver = createVarsResolver(
|
|
7
|
+
(theme, {
|
|
8
|
+
size,
|
|
9
|
+
opacity,
|
|
10
|
+
radius,
|
|
11
|
+
color,
|
|
12
|
+
hoverColor,
|
|
13
|
+
knobSize,
|
|
14
|
+
knobOpacity,
|
|
15
|
+
knobRadius,
|
|
16
|
+
knobColor,
|
|
17
|
+
knobHoverColor,
|
|
18
|
+
withKnob,
|
|
19
|
+
knobAlwaysOn,
|
|
20
|
+
spacing
|
|
21
|
+
}) => {
|
|
22
|
+
const colorDarkParsed = parseThemeColor({
|
|
23
|
+
color: color || "dark.5",
|
|
24
|
+
theme
|
|
25
|
+
});
|
|
26
|
+
const colorLightParsed = parseThemeColor({
|
|
27
|
+
color: color || "gray.3",
|
|
28
|
+
theme
|
|
29
|
+
});
|
|
30
|
+
const hoverColorDarkParsed = parseThemeColor({
|
|
31
|
+
color: hoverColor || "dark.3",
|
|
32
|
+
theme
|
|
33
|
+
});
|
|
34
|
+
const hoverColorLightParsed = parseThemeColor({
|
|
35
|
+
color: hoverColor || "gray.4",
|
|
36
|
+
theme
|
|
37
|
+
});
|
|
38
|
+
return {
|
|
39
|
+
root: {
|
|
40
|
+
"--split-resizer-size": getSize(size, "split-resizer-size"),
|
|
41
|
+
"--split-resizer-color-light": rgba(colorLightParsed.value, Number(opacity)),
|
|
42
|
+
"--split-resizer-color-dark": rgba(colorDarkParsed.value, Number(opacity)),
|
|
43
|
+
"--split-resizer-hover-color-light": rgba(hoverColorLightParsed.value, 1),
|
|
44
|
+
"--split-resizer-hover-color-dark": rgba(hoverColorDarkParsed.value, 1),
|
|
45
|
+
"--split-resizer-radius": getRadius(radius),
|
|
46
|
+
"--split-resizer-knob-size": getSize(knobSize, "split-resizer-knob-size"),
|
|
47
|
+
"--split-resizer-knob-opacity": withKnob && knobAlwaysOn ? knobOpacity : "0",
|
|
48
|
+
"--split-resizer-knob-hover-opacity": withKnob ? "1" : "0",
|
|
49
|
+
"--split-resizer-knob-radius": getRadius(knobRadius),
|
|
50
|
+
"--split-resizer-knob-color": getThemeColor(knobColor, theme),
|
|
51
|
+
"--split-resizer-knob-hover-color": getThemeColor(knobHoverColor, theme),
|
|
52
|
+
"--split-resizer-spacing": getSize(spacing, "split-resizer-spacing")
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
const defaultProps = {
|
|
58
|
+
size: "md",
|
|
59
|
+
opacity: 0.8,
|
|
60
|
+
radius: "xs",
|
|
61
|
+
knobColor: "blue",
|
|
62
|
+
knobSize: "sm",
|
|
63
|
+
knobOpacity: 0.5,
|
|
64
|
+
knobRadius: "sm",
|
|
65
|
+
minWidth: 20,
|
|
66
|
+
minHeight: 20,
|
|
67
|
+
orientation: "vertical",
|
|
68
|
+
paneRef: { current: null },
|
|
69
|
+
variant: "default",
|
|
70
|
+
withKnob: false,
|
|
71
|
+
knobAlwaysOn: true
|
|
72
|
+
};
|
|
73
|
+
const SplitPaneResizer = factory((_props, ref) => {
|
|
74
|
+
const props = useProps("Resizer", defaultProps, _props);
|
|
75
|
+
const {
|
|
76
|
+
size,
|
|
77
|
+
opacity,
|
|
78
|
+
radius,
|
|
79
|
+
color,
|
|
80
|
+
hoverColor,
|
|
81
|
+
knobSize,
|
|
82
|
+
knobOpacity,
|
|
83
|
+
knobRadius,
|
|
84
|
+
knobColor,
|
|
85
|
+
knobHoverColor,
|
|
86
|
+
minWidth,
|
|
87
|
+
minHeight,
|
|
88
|
+
maxWidth,
|
|
89
|
+
maxHeight,
|
|
90
|
+
orientation,
|
|
91
|
+
onResizeStart,
|
|
92
|
+
onResizing,
|
|
93
|
+
onResizeEnd,
|
|
94
|
+
paneRef,
|
|
95
|
+
variant,
|
|
96
|
+
withKnob,
|
|
97
|
+
knobAlwaysOn,
|
|
98
|
+
spacing,
|
|
99
|
+
className,
|
|
100
|
+
style,
|
|
101
|
+
classNames,
|
|
102
|
+
styles,
|
|
103
|
+
unstyled,
|
|
104
|
+
vars,
|
|
105
|
+
mod,
|
|
106
|
+
...others
|
|
107
|
+
} = props;
|
|
108
|
+
const getStyles = useStyles({
|
|
109
|
+
name: "SplitPaneResizer",
|
|
110
|
+
classes,
|
|
111
|
+
props,
|
|
112
|
+
className,
|
|
113
|
+
style,
|
|
114
|
+
classNames,
|
|
115
|
+
styles,
|
|
116
|
+
unstyled,
|
|
117
|
+
vars,
|
|
118
|
+
varsResolver
|
|
119
|
+
});
|
|
120
|
+
const containerRef = useRef(null);
|
|
121
|
+
const handleMouseMove = (event) => {
|
|
122
|
+
if (!paneRef.current)
|
|
123
|
+
return;
|
|
124
|
+
const computedStyle = window.getComputedStyle(containerRef.current);
|
|
125
|
+
if (orientation === "vertical") {
|
|
126
|
+
const margin = parseFloat(computedStyle.getPropertyValue("margin-left")) + 1;
|
|
127
|
+
const delta = event.clientX - paneRef.current.getBoundingClientRect().right - margin;
|
|
128
|
+
const width = paneRef.current.getBoundingClientRect().width + delta;
|
|
129
|
+
const widthString = `${width}px`;
|
|
130
|
+
if (minWidth && width < minWidth)
|
|
131
|
+
return;
|
|
132
|
+
if (maxWidth && width > maxWidth)
|
|
133
|
+
return;
|
|
134
|
+
onResizing?.({ width: widthString, height: paneRef.current.style.height });
|
|
135
|
+
paneRef.current.style.width = widthString;
|
|
136
|
+
} else {
|
|
137
|
+
const margin = parseFloat(computedStyle.getPropertyValue("margin-top")) + 1;
|
|
138
|
+
const delta = event.clientY - paneRef.current.getBoundingClientRect().bottom - margin;
|
|
139
|
+
const height = paneRef.current.getBoundingClientRect().height + delta;
|
|
140
|
+
const heightString = `${height}px`;
|
|
141
|
+
if (minHeight && height < minHeight)
|
|
142
|
+
return;
|
|
143
|
+
if (maxHeight && height > maxHeight)
|
|
144
|
+
return;
|
|
145
|
+
onResizing?.({ width: paneRef.current.style.width, height: heightString });
|
|
146
|
+
paneRef.current.style.height = heightString;
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
const handleMouseUp = () => {
|
|
150
|
+
if (!paneRef.current)
|
|
151
|
+
return;
|
|
152
|
+
document.removeEventListener("mousemove", handleMouseMove);
|
|
153
|
+
document.removeEventListener("mouseup", handleMouseUp);
|
|
154
|
+
document.body.style.cursor = "initial";
|
|
155
|
+
const { width, height } = paneRef.current.style || {};
|
|
156
|
+
onResizeEnd?.({ width, height });
|
|
157
|
+
};
|
|
158
|
+
const handleDragStart = (e) => {
|
|
159
|
+
e.preventDefault();
|
|
160
|
+
e.stopPropagation();
|
|
161
|
+
document.addEventListener("mousemove", handleMouseMove);
|
|
162
|
+
document.addEventListener("mouseup", handleMouseUp);
|
|
163
|
+
onResizeStart?.();
|
|
164
|
+
document.body.style.cursor = "col-resize";
|
|
165
|
+
};
|
|
166
|
+
return /* @__PURE__ */ React.createElement(
|
|
167
|
+
Box,
|
|
168
|
+
{
|
|
169
|
+
onDoubleClick: props?.onDoubleClick,
|
|
170
|
+
ref: containerRef,
|
|
171
|
+
mod: { orientation },
|
|
172
|
+
onMouseDown: handleDragStart,
|
|
173
|
+
...getStyles("root", { variant }),
|
|
174
|
+
...others
|
|
175
|
+
}
|
|
176
|
+
);
|
|
177
|
+
});
|
|
178
|
+
SplitPaneResizer.classes = classes;
|
|
179
|
+
SplitPaneResizer.displayName = "SplitPaneResizer";
|
|
180
|
+
|
|
181
|
+
export { SplitPaneResizer };
|
|
182
|
+
//# sourceMappingURL=SplitPaneResizer.mjs.map
|