@salutejs/plasma-new-hope 0.343.0-canary.2365.19816292443.0 → 0.343.0-canary.2367.19851506127.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/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -7
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/DateTimePicker/DateTimePicker.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
- package/cjs/components/DateTimePicker/ui/Input/{Input.styles_lw80by.css → Input.styles_1vvloyr.css} +1 -1
- package/cjs/components/Loader/Loader.css +6 -14
- package/cjs/components/Loader/Loader.js +6 -16
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/Loader.styles.js +51 -1
- package/cjs/components/Loader/Loader.styles.js.map +1 -1
- package/{es/components/Loader/Loader.styles_ju7bog.css → cjs/components/Loader/Loader.styles_xzuvzj.css} +3 -0
- package/cjs/components/Pagination/Pagination.css +9 -9
- package/cjs/components/Pagination/Pagination.styles.js +7 -7
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_11gdtmg.css → Pagination.styles_qhyqps.css} +1 -1
- package/cjs/components/Tree/Tree.css +7 -7
- package/cjs/components/Tree/Tree.js +5 -12
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +19 -3
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_1n6h7n6.css +8 -0
- package/cjs/components/Tree/Tree.tokens.js +8 -2
- package/cjs/components/Tree/Tree.tokens.js.map +1 -1
- package/cjs/index.css +23 -20
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -7
- package/emotion/cjs/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
- package/emotion/cjs/components/Loader/Loader.js +6 -16
- package/emotion/cjs/components/Loader/Loader.styles.js +38 -5
- package/emotion/cjs/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/cjs/components/Tree/Tree.js +5 -12
- package/emotion/cjs/components/Tree/Tree.styles.js +22 -16
- package/emotion/cjs/components/Tree/Tree.tokens.js +8 -2
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +7 -7
- package/emotion/es/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
- package/emotion/es/components/Loader/Loader.js +7 -17
- package/emotion/es/components/Loader/Loader.styles.js +29 -5
- package/emotion/es/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/es/components/Tree/Tree.js +5 -12
- package/emotion/es/components/Tree/Tree.styles.js +22 -16
- package/emotion/es/components/Tree/Tree.tokens.js +8 -2
- package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js +8 -8
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
- package/es/components/DateTimePicker/ui/Input/{Input.styles_lw80by.css → Input.styles_1vvloyr.css} +1 -1
- package/es/components/Loader/Loader.css +6 -14
- package/es/components/Loader/Loader.js +7 -17
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Loader/Loader.styles.js +49 -2
- package/es/components/Loader/Loader.styles.js.map +1 -1
- package/{cjs/components/Loader/Loader.styles_ju7bog.css → es/components/Loader/Loader.styles_xzuvzj.css} +3 -0
- package/es/components/Pagination/Pagination.css +9 -9
- package/es/components/Pagination/Pagination.styles.js +7 -7
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_11gdtmg.css → Pagination.styles_qhyqps.css} +1 -1
- package/es/components/Tree/Tree.css +7 -7
- package/es/components/Tree/Tree.js +5 -12
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +19 -3
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_1n6h7n6.css +8 -0
- package/es/components/Tree/Tree.tokens.js +8 -2
- package/es/components/Tree/Tree.tokens.js.map +1 -1
- package/es/index.css +23 -20
- package/package.json +5 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -7
- package/styled-components/cjs/components/DateTimePicker/ui/Input/Input.styles.js +8 -2
- package/styled-components/cjs/components/Loader/Loader.js +6 -16
- package/styled-components/cjs/components/Loader/Loader.styles.js +45 -2
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +14 -12
- package/styled-components/cjs/components/Tree/Tree.js +5 -12
- package/styled-components/cjs/components/Tree/Tree.styles.js +26 -12
- package/styled-components/cjs/components/Tree/Tree.tokens.js +8 -2
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/Tree/Tree.config.js +34 -10
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +7 -7
- package/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js +8 -2
- package/styled-components/es/components/Loader/Loader.js +7 -17
- package/styled-components/es/components/Loader/Loader.styles.js +36 -2
- package/styled-components/es/components/Pagination/Pagination.styles.js +14 -12
- package/styled-components/es/components/Tree/Tree.js +5 -12
- package/styled-components/es/components/Tree/Tree.styles.js +26 -12
- package/styled-components/es/components/Tree/Tree.tokens.js +8 -2
- package/styled-components/es/examples/components/Tree/Tree.config.js +34 -10
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/Loader/Loader.d.ts.map +1 -1
- package/types/components/Loader/Loader.styles.d.ts +8 -0
- package/types/components/Loader/Loader.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts +2 -0
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.tokens.d.ts +8 -2
- package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
- package/types/examples/components/Tree/Tree.config.d.ts.map +1 -1
- package/cjs/components/Tree/Tree.styles_ihv9l0.css +0 -8
- package/es/components/Tree/Tree.styles_ihv9l0.css +0 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport {
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport {\n base,\n LoaderContentWrapper,\n LoaderWrapper,\n StyledOverlay,\n StyledProgressBarCircular,\n StyledSpinner,\n} from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n const {\n type = 'spinner',\n hasOverlay = false,\n withBlur = false,\n value = 0,\n overlayColor,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeSize,\n hasTrack,\n style,\n zIndex = DEFAULT_Z_INDEX,\n onOverlayClick,\n ...rest\n } = props;\n\n const loaderContent = (\n <Root ref={ref} view={view} size={size} className={className} style={style} {...rest}>\n {type === 'spinner' ? (\n <StyledSpinner size={size} view={view} />\n ) : (\n <StyledProgressBarCircular\n value={value}\n maxValue={maxValue}\n strokeSize={strokeSize}\n size={size}\n view={view}\n hasTrack={hasTrack}\n >\n {children}\n </StyledProgressBarCircular>\n )}\n </Root>\n );\n\n if (!hasOverlay) {\n return loaderContent;\n }\n\n const overlayBackgroundToken = overlayColor || `var(${tokens.overlayColor})`;\n\n return (\n <LoaderWrapper zIndex={zIndex}>\n <StyledOverlay\n className={classes.loaderOverlay}\n backgroundColorToken={overlayBackgroundToken}\n withBlur={withBlur}\n onClick={onOverlayClick}\n />\n <LoaderContentWrapper>{loaderContent}</LoaderContentWrapper>\n </LoaderWrapper>\n );\n });\n\nexport const loaderConfig = {\n name: 'Loader',\n tag: 'div',\n layout: loaderRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasOverlay","hasOverlay","_props$withBlur","withBlur","_props$value","value","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","_props$zIndex","zIndex","DEFAULT_Z_INDEX","onOverlayClick","rest","_objectWithoutProperties","_excluded","loaderContent","React","createElement","_extends","StyledSpinner","StyledProgressBarCircular","overlayBackgroundToken","concat","tokens","LoaderWrapper","StyledOverlay","classes","loaderOverlay","backgroundColorToken","onClick","LoaderContentWrapper","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Loader.
|
|
1
|
+
require('./Loader.styles_xzuvzj.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -29,7 +29,57 @@ var StyledProgressBarCircular = /*#__PURE__*/react.styled(_exp8())({
|
|
|
29
29
|
"class": "s14gpc11",
|
|
30
30
|
propsAsIs: true
|
|
31
31
|
});
|
|
32
|
+
var _exp37 = function _exp37() {
|
|
33
|
+
return function (_ref) {
|
|
34
|
+
var zIndex = _ref.zIndex;
|
|
35
|
+
return zIndex || 9000;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
var LoaderWrapper = /*#__PURE__*/react.styled('div')({
|
|
39
|
+
name: "LoaderWrapper",
|
|
40
|
+
"class": "l17iuurt",
|
|
41
|
+
propsAsIs: false,
|
|
42
|
+
vars: {
|
|
43
|
+
"l17iuurt-0": [/*#__PURE__*/_exp37()]
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
var _exp38 = function _exp38() {
|
|
47
|
+
return function (_ref2) {
|
|
48
|
+
var withBlur = _ref2.withBlur;
|
|
49
|
+
return withBlur ? 'blur(1rem)' : 'none';
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
var _exp39 = function _exp39() {
|
|
53
|
+
return function (_ref3) {
|
|
54
|
+
var onClick = _ref3.onClick;
|
|
55
|
+
return onClick ? 'pointer' : 'default';
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
var _exp40 = function _exp40() {
|
|
59
|
+
return function (_ref4) {
|
|
60
|
+
var backgroundColorToken = _ref4.backgroundColorToken;
|
|
61
|
+
return backgroundColorToken;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
var StyledOverlay = /*#__PURE__*/react.styled('div')({
|
|
65
|
+
name: "StyledOverlay",
|
|
66
|
+
"class": "spt1qmx",
|
|
67
|
+
propsAsIs: false,
|
|
68
|
+
vars: {
|
|
69
|
+
"spt1qmx-0": [/*#__PURE__*/_exp38()],
|
|
70
|
+
"spt1qmx-1": [/*#__PURE__*/_exp39()],
|
|
71
|
+
"spt1qmx-2": [/*#__PURE__*/_exp40()]
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
var LoaderContentWrapper = /*#__PURE__*/react.styled('div')({
|
|
75
|
+
name: "LoaderContentWrapper",
|
|
76
|
+
"class": "lh3ju30",
|
|
77
|
+
propsAsIs: false
|
|
78
|
+
});
|
|
32
79
|
|
|
80
|
+
exports.LoaderContentWrapper = LoaderContentWrapper;
|
|
81
|
+
exports.LoaderWrapper = LoaderWrapper;
|
|
82
|
+
exports.StyledOverlay = StyledOverlay;
|
|
33
83
|
exports.StyledProgressBarCircular = StyledProgressBarCircular;
|
|
34
84
|
exports.StyledSpinner = StyledSpinner;
|
|
35
85
|
exports.base = base;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.styles.js","sources":["../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular"],"mappings":";;;;;;;;;AASA,IAAMA,mBAAmB,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,+BAA+B,gBAAGJ,kBAAW,CAACK,+CAAyB,CAAC,CAAA;AAC9E,IAAMC,mBAAmB,gBAAGH,gBAAS,CAACC,+BAA+B,CAAC,CAAA;AAE/D,IAAMG,IAAI,GAQhB,WAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMO,aAAa,gBAAGC,YAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAAC,IAAAC,KAAA,GA3BgBA,SA2BhBA,KAAAA,GAAA;AAAA,EAAA,OAE8CR,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5D,IAAMS,yBAAyB,gBAAGL,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkB9C
|
|
1
|
+
{"version":3,"file":"Loader.styles.js","sources":["../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n\nexport const LoaderWrapper = styled.div<{ zIndex?: string }>`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: ${({ zIndex }) => zIndex || 9000};\n`;\n\nexport const StyledOverlay = styled.div<{\n backgroundColorToken: string;\n withBlur?: boolean;\n}>`\n position: absolute;\n inset: 0;\n background: var(--plasma_private-overlay-background-color);\n backdrop-filter: ${({ withBlur }) => (withBlur ? 'blur(1rem)' : 'none')};\n cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};\n\n --plasma_private-overlay-background-color: ${({ backgroundColorToken }) => backgroundColorToken};\n`;\n\nexport const LoaderContentWrapper = styled.div`\n position: relative;\n z-index: 1;\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp3","StyledSpinner","styled","name","class","propsAsIs","_exp8","StyledProgressBarCircular","_exp37","_ref","zIndex","LoaderWrapper","vars","_exp38","_ref2","withBlur","_exp39","_ref3","onClick","_exp40","_ref4","backgroundColorToken","StyledOverlay","LoaderContentWrapper"],"mappings":"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"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
.b1pysjlh{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}
|
|
2
2
|
.s14s1lcu{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
3
3
|
.s14gpc11{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
4
|
+
.l17iuurt{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:var(--l17iuurt-0);}
|
|
5
|
+
.spt1qmx{position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);-webkit-backdrop-filter:var(--spt1qmx-0);backdrop-filter:var(--spt1qmx-0);cursor:var(--spt1qmx-1);--plasma_private-overlay-background-color:var(--spt1qmx-2);}
|
|
6
|
+
.lh3ju30{position:relative;z-index:1;}
|
|
@@ -39,15 +39,15 @@
|
|
|
39
39
|
|
|
40
40
|
.ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
41
41
|
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.
|
|
42
|
+
.Pagination_styles_qhyqps_p1m4gnut__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
|
|
43
|
+
.Pagination_styles_qhyqps_p195n7xj__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
44
|
+
.Pagination_styles_qhyqps_p19axp12__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasPerpageSelect__5c2c4865{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasQuickJump__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
|
|
45
|
+
.Pagination_styles_qhyqps_p1rlzvhv__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
|
|
46
|
+
.Pagination_styles_qhyqps_pivhg1z__5c2c4865{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
|
|
47
|
+
.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationPageButtonActive__5c2c4865{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationButtonDisabled__5c2c4865{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_qhyqps_pshury3__5c2c4865:focus{outline:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_focusVisible__5c2c4865:focus::before,.Pagination_styles_qhyqps_pshury3__5c2c4865[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
|
|
48
|
+
.Pagination_styles_qhyqps_pwlctp1__5c2c4865.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
|
|
49
|
+
.Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865 .Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
|
|
50
|
+
.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationEllipsisText__5c2c4865{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
51
51
|
|
|
52
52
|
.base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
|
53
53
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Pagination.
|
|
1
|
+
require('./Pagination.styles_qhyqps.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -32,26 +32,26 @@ var PaginationSection = /*#__PURE__*/react.styled('div')({
|
|
|
32
32
|
"class": "p1rlzvhv",
|
|
33
33
|
propsAsIs: false
|
|
34
34
|
});
|
|
35
|
-
var
|
|
35
|
+
var _exp9 = function _exp9() {
|
|
36
36
|
return ButtonGroup;
|
|
37
37
|
};
|
|
38
|
-
var PaginationButtonGroup = /*#__PURE__*/react.styled(
|
|
38
|
+
var PaginationButtonGroup = /*#__PURE__*/react.styled(_exp9())({
|
|
39
39
|
name: "PaginationButtonGroup",
|
|
40
40
|
"class": "pivhg1z",
|
|
41
41
|
propsAsIs: true
|
|
42
42
|
});
|
|
43
|
-
var
|
|
43
|
+
var _exp46 = function _exp46() {
|
|
44
44
|
return Button;
|
|
45
45
|
};
|
|
46
|
-
var PaginationButton = /*#__PURE__*/react.styled(
|
|
46
|
+
var PaginationButton = /*#__PURE__*/react.styled(_exp46())({
|
|
47
47
|
name: "PaginationButton",
|
|
48
48
|
"class": "pshury3",
|
|
49
49
|
propsAsIs: true
|
|
50
50
|
});
|
|
51
|
-
var
|
|
51
|
+
var _exp102 = function _exp102() {
|
|
52
52
|
return PaginationButton;
|
|
53
53
|
};
|
|
54
|
-
var PaginationShorter = /*#__PURE__*/react.styled(
|
|
54
|
+
var PaginationShorter = /*#__PURE__*/react.styled(_exp102())({
|
|
55
55
|
name: "PaginationShorter",
|
|
56
56
|
"class": "pwlctp1",
|
|
57
57
|
propsAsIs: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus, applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n flex-direction: column;\n gap: 0.5rem;\n justify-content: flex-start;\n }\n &.${classes.defaultType} {\n width: 100%;\n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: nowrap;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n align-items: center;\n gap: var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n\n &.${classes.compactType} {\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n\n &.${classes.withHasPerPageSelect} {\n
|
|
1
|
+
{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus, applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n display: flex;\n color: var(${tokens.paginationColor});\n\n &.${classes.compactType} {\n flex-direction: column;\n gap: 0.5rem;\n justify-content: flex-start;\n }\n &.${classes.defaultType} {\n width: 100%;\n justify-content: space-between;\n flex: 0 0 100%;\n gap: 1rem;\n flex-wrap: nowrap;\n }\n`;\n\nexport const PaginationPages = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n`;\n\nexport const PaginationActions = styled.div`\n display: flex;\n justify-content: space-between;\n flex-grow: 1;\n align-items: center;\n gap: var(${tokens.paginationHelperTextGap});\n flex-shrink: 1;\n\n &.${classes.compactType} {\n flex-direction: row;\n width: 100%;\n flex-wrap: wrap;\n }\n\n &.${classes.defaultType} {\n flex-direction: row;\n }\n\n &.${classes.withHasPerPageSelect} {\n flex-direction: row-reverse;\n }\n\n &.${classes.withHasQuickJump} {\n flex-direction: row;\n }\n`;\n\nexport const PaginationSection = styled.div`\n display: flex;\n gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n &.${classes.paginationPageButtonActive} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonColor});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n cursor: default;\n }\n\n &.${classes.buttonDisabled} {\n ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n tokens.buttonBackgroundColor\n}));\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'var(--plasma_private-btn-br)',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n ${buttonTokens.buttonPadding}: 0;\n`;\n\nexport const PaginationActionsLeft = styled.div`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(${tokens.paginationHelperTextGap});\n\n .${classes.defaultType} & {\n min-width: 0;\n flex-wrap: nowrap;\n flex-shrink: 1;\n }\n`;\n\nexport const PaginationHelperText = styled.div`\n color: var(${tokens.paginationHelperTextColor});\n\n &.${classes.defaultType} {\n min-width: 0;\n ${applyEllipsis()}\n flex-shrink: 1;\n }\n\n &.${classes.ellipsisText} {\n ${applyEllipsis()}\n }\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp9","PaginationButtonGroup","_exp46","PaginationButton","_exp102","PaginationShorter","PaginationActionsLeft","PaginationHelperText"],"mappings":";;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,kBAAW,CAACK,+BAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,gBAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKpC,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyBtC,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,GArEgBA,SAqEhBA,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,YAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,GA/FgBA,SA+FhBA,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAuDrC,EAAA;AAAC,IAAAQ,OAAA,GAxJgBA,SAwJhBA,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,YAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC,EAAA;AAEM,IAAMU,qBAAqB,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW1C,EAAA;AAEM,IAAMW,oBAAoB,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYzC;;;;;;;;;;;;"}
|
package/cjs/components/Pagination/{Pagination.styles_11gdtmg.css → Pagination.styles_qhyqps.css}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.p1m4gnut{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.p1m4gnut.pagination-type-compact{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.p1m4gnut.pagination-type-default{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
|
|
2
2
|
.p195n7xj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
3
|
-
.p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1
|
|
3
|
+
.p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.p19axp12.pagination-type-compact{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.p19axp12.pagination-type-default{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
|
|
4
4
|
.p1rlzvhv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
|
|
5
5
|
.pivhg1z{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
|
|
6
6
|
.pshury3{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.pshury3.pagination-page-button-active{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.pshury3.pagination-button-disabled{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.pshury3:focus{outline:none;}.pshury3::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.pshury3.focus-visible:focus::before,.pshury3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
2
2
|
|
|
3
|
-
.
|
|
4
|
-
.
|
|
3
|
+
.Tree_styles_1n6h7n6_io9xczg__235fc154{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1n6h7n6_io9xczg__235fc154:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1n6h7n6_io9xczg__235fc154:active{color:var(--plasma-tree-arrow-color-active);}
|
|
4
|
+
.Tree_styles_1n6h7n6_smciu6q__235fc154{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
5
5
|
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94{margin:0;border:1px solid transparent;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeFocused__82de4e94:not(.Tree_styles_ihv9l0_rcTreeActiveFocused__82de4e94){border-color:cyan;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;margin:0;padding:var(--plasma-tree-item-padding);position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeTightVariant__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94{padding:var(--plasma-tree-item-padding-tight);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 .Tree_styles_ihv9l0_draggable__82de4e94{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dragging__82de4e94{opacity:0.28;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dropContainer__82de4e94::before,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94:not(:has(.Tree_styles_ihv9l0_dropContainer__82de4e94)) .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dropTarget__82de4e94.Tree_styles_ihv9l0_treeLeafNode__82de4e94::before,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94:not(:has(.Tree_styles_ihv9l0_dropContainer__82de4e94)) .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dropTarget__82de4e94.Tree_styles_ihv9l0_dragOver__82de4e94::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_filterNode__82de4e94 > .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94{position:relative;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeRadioMode__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94{cursor:default;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeIconEle__82de4e94{cursor:default;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeIconEle__82de4e94{cursor:pointer;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeIconEle__82de4e94.Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{background-image:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeIcon_loading__82de4e94{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{display:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_open__82de4e94{background-position:-93px -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_close__82de4e94{background-position:-75px -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxChecked__82de4e94{background-position:-14px 0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94{background-position:-14px -28px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94{background-position:0 -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxChecked__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94{background-position:-14px -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94:not(.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94) .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 .Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{background:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(:last-child) > .Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{background-position:-56px -18px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:last-child > .Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{background-position:-56px -36px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeChildTree__82de4e94{display:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeChildTreeOpen__82de4e94{display:block;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 > span:not(.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94),.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 > a,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeActive__82de4e94{background:rgba(0,0,0,0.1);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__open__82de4e94{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__close__82de4e94{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__docu__82de4e94{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{display:grid;width:100%;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIndent__82de4e94{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIndentUnit__82de4e94{display:inline-block;width:16px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeDraggableIcon__82de4e94{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeList__82de4e94{border:none !important;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeListHolder__82de4e94{overflow:hidden auto;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:calc(var(--plasma-tree-switcher-size) + var(--plasma-tree-item-background-extra-offset));right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeItemFilled__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94::before{inset:0;border-radius:0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_treeItemHasSelectedChildren__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94) .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_treeItemHasSelectedChildren__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94) .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_treeItemPrimaryBackground__82de4e94::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94):not(.Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeRadioMode__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94):not(.Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeRadioMode__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_open__82de4e94 .Tree_styles_ihv9l0_arrow__82de4e94{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_close__82de4e94 .Tree_styles_ihv9l0_arrow__82de4e94{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_open__82de4e94 .Tree_styles_ihv9l0_arrow__82de4e94{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxChecked__82de4e94::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94::before{left:0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94{opacity:1;box-shadow:none;background:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIndentUnit__82de4e94{width:var(--plasma-tree-item-indent);}
|
|
6
|
+
.Tree_styles_1n6h7n6_t1bgqryr__235fc154{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:var(--t1bgqryr-1);}
|
|
7
|
+
.Tree_styles_1n6h7n6_t1un80r8__235fc154{margin:var(--plasma-tree-icon-folder-margin);overflow:var(--t1un80r8-0);text-overflow:var(--t1un80r8-1);white-space:var(--t1un80r8-2);}
|
|
8
|
+
.Tree_styles_1n6h7n6_c92yb2c__235fc154{line-height:0;}
|
|
9
|
+
.Tree_styles_1n6h7n6_l1njos1z__235fc154{top:var(--l1njos1z-0);left:var(--l1njos1z-1);bottom:var(--l1njos1z-2);right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(--plasma-tree-item-draggable-line-color);border-radius:1px;pointer-events:none;}
|
|
10
|
+
.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154{margin:0;border:1px solid transparent;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeFocused__235fc154:not(.Tree_styles_1n6h7n6_rcTreeActiveFocused__235fc154){border-color:cyan;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;margin:0;padding-top:var(--plasma-tree-item-padding-top);padding-right:var(--plasma-tree-item-padding-right);padding-bottom:var(--plasma-tree-item-padding-bottom);padding-left:var(--plasma-tree-item-padding-left);position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeTightVariant__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154{padding-top:var(--plasma-tree-item-padding-tight-top);padding-right:var(--plasma-tree-item-padding-tight-right);padding-bottom:var(--plasma-tree-item-padding-tight-bottom);padding-left:var(--plasma-tree-item-padding-tight-left);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 .Tree_styles_1n6h7n6_draggable__235fc154{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dragging__235fc154{opacity:0.28;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dropContainer__235fc154::before,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154:not(:has(.Tree_styles_1n6h7n6_dropContainer__235fc154)) .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dropTarget__235fc154.Tree_styles_1n6h7n6_treeLeafNode__235fc154::before,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154:not(:has(.Tree_styles_1n6h7n6_dropContainer__235fc154)) .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dropTarget__235fc154.Tree_styles_1n6h7n6_dragOver__235fc154::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_filterNode__235fc154 > .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154{position:relative;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeRadioMode__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154{cursor:default;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeIconEle__235fc154{cursor:default;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeIconEle__235fc154{cursor:pointer;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeIconEle__235fc154.Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{background-image:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeIcon_loading__235fc154{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{display:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_open__235fc154{background-position:-93px -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_close__235fc154{background-position:-75px -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxChecked__235fc154{background-position:-14px 0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154{background-position:-14px -28px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154{background-position:0 -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxChecked__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154{background-position:-14px -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154:not(.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154) .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 .Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{background:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(:last-child) > .Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{background-position:-56px -18px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:last-child > .Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{background-position:-56px -36px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeChildTree__235fc154{display:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeChildTreeOpen__235fc154{display:block;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 > span:not(.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154),.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 > a,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeActive__235fc154{background:rgba(0,0,0,0.1);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__open__235fc154{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__close__235fc154{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__docu__235fc154{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{display:grid;width:100%;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIndent__235fc154{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIndentUnit__235fc154{display:inline-block;width:16px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeDraggableIcon__235fc154{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeList__235fc154{border:none !important;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeListHolder__235fc154{overflow:hidden auto;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:calc(var(--plasma-tree-switcher-size) + var(--plasma-tree-item-background-extra-offset));right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeItemFilled__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154::before{inset:0;border-radius:0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_treeItemHasSelectedChildren__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154) .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_treeItemHasSelectedChildren__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154) .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_treeItemPrimaryBackground__235fc154::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154):not(.Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeRadioMode__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154):not(.Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeRadioMode__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_open__235fc154 .Tree_styles_1n6h7n6_arrow__235fc154{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_close__235fc154 .Tree_styles_1n6h7n6_arrow__235fc154{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_open__235fc154 .Tree_styles_1n6h7n6_arrow__235fc154{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxChecked__235fc154::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154::before{left:0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154{opacity:1;box-shadow:none;background:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIndentUnit__235fc154{width:var(--plasma-tree-item-indent);}
|
|
@@ -164,21 +164,14 @@ var treeRoot = function treeRoot(Root) {
|
|
|
164
164
|
indent = props.indent;
|
|
165
165
|
var left = -dropLevelOffset * indent + offset;
|
|
166
166
|
var style = {};
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
style.top = 0;
|
|
170
|
-
break;
|
|
171
|
-
case 1:
|
|
172
|
-
style.bottom = 0;
|
|
173
|
-
break;
|
|
174
|
-
default:
|
|
175
|
-
style.bottom = 0;
|
|
176
|
-
style.left = indent + offset;
|
|
177
|
-
break;
|
|
167
|
+
if (dropPosition === 0) {
|
|
168
|
+
style.left = indent + offset;
|
|
178
169
|
}
|
|
179
170
|
return /*#__PURE__*/React__default.default.createElement(Tree_styles.Line, {
|
|
180
171
|
style: style,
|
|
181
|
-
left: left
|
|
172
|
+
left: left,
|
|
173
|
+
dropPosition: dropPosition,
|
|
174
|
+
variant: variant
|
|
182
175
|
});
|
|
183
176
|
}
|
|
184
177
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo } from 'react';\nimport type { Key } from 'react';\nimport Tree from 'rc-tree';\nimport { RootPropsOmitDraggable } from 'src/engines';\nimport cls from 'classnames';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport {\n IconArrowWrapper,\n StyledArrow,\n base,\n StyledFolder,\n TitleWrapper,\n Title,\n ContentRight,\n Line,\n} from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootPropsOmitDraggable<HTMLDivElement, TreeProps>) =>\n forwardRef<HTMLDivElement, TreeProps>(\n (\n {\n items,\n arrowPlacement = 'left',\n virtual = true,\n height,\n itemHeight,\n size,\n view,\n variant,\n fullWidthItemSelection = false,\n multiple = false,\n defaultExpandAll = false,\n autoExpandParent = false,\n checkable = false,\n selectedKeys: outerSelectedKeys,\n checkedKeys,\n expandedKeys,\n defaultCheckedKeys,\n defaultExpandedKeys,\n defaultSelectedKeys,\n className,\n onTreeSelect,\n onTreeCheck,\n onTreeExpand,\n hasIcon = false,\n icon,\n renderTitle,\n singleLine = true,\n mode = 'default',\n draggable = false,\n onDragStart,\n onDragEnter,\n onDragOver,\n onDragLeave,\n onDragEnd,\n onDrop,\n allowDrop,\n },\n ref,\n ) => {\n const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n const selectedKeys = outerSelectedKeys ?? selected;\n\n const isRadioMode = mode === 'radio' && !multiple;\n\n const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\n if (!multiple && isRadioMode && updatedSelectedKeys.length === 0) {\n return;\n }\n\n setSelected(updatedSelectedKeys);\n\n if (onTreeSelect) {\n onTreeSelect(updatedSelectedKeys, info);\n }\n };\n\n const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n const radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;\n const tightVariantClass = variant === 'tight' ? classes.treeTightVariant : undefined;\n\n // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n // чтобы соблюсти иерархию вложенности в UI.\n const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n return (\n <Root view={view} size={size} variant={variant} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cls(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass)}\n defaultExpandAll={defaultExpandAll}\n autoExpandParent={autoExpandParent}\n style={{ border: '1px solid #000' }}\n treeData={treeData}\n selectedKeys={selectedKeys}\n {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n defaultCheckedKeys={defaultCheckedKeys}\n defaultExpandedKeys={defaultExpandedKeys}\n onSelect={handleSelect}\n // Тайп кастинг для упрощения API\n onCheck={onTreeCheck as any}\n onExpand={onTreeExpand}\n switcherIcon={(node) => {\n if (node.isLeaf) {\n return null;\n }\n\n return (\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className=\"arrow\"\n />\n </IconArrowWrapper>\n );\n }}\n icon={\n hasIcon && (icon || <StyledFolder size={sizeToIconSize(size, variant)} color=\"inherit\" />)\n }\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n singleLine={singleLine}\n >\n <Title singleLine={singleLine}>\n {/* eslint-disable-next-line no-nested-ternary */}\n {renderTitle\n ? renderTitle(item)\n : typeof item.title === 'function'\n ? item.title(item)\n : item.title}\n </Title>\n\n {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n </TitleWrapper>\n )}\n draggable={draggable}\n onDragStart={onDragStart}\n onDragEnter={onDragEnter}\n onDragOver={onDragOver}\n onDragLeave={onDragLeave}\n onDragEnd={onDragEnd}\n onDrop={onDrop}\n allowDrop={allowDrop}\n dropIndicatorRender={(props) => {\n const offset = 0;\n const { dropPosition, dropLevelOffset, indent } = props;\n const left = -dropLevelOffset * indent + offset;\n\n const style: React.CSSProperties = {};\n\n switch (dropPosition) {\n case -1:\n style.top = 0;\n break;\n case 1:\n style.bottom = 0;\n break;\n default:\n style.bottom = 0;\n style.left = indent + offset;\n break;\n }\n return <Line style={style} left={left} />;\n }}\n />\n </Root>\n );\n },\n );\n\nexport const treeConfig = {\n name: 'Tree',\n tag: 'div',\n layout: treeRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","variant","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$autoExpandParent","autoExpandParent","_ref$checkable","checkable","outerSelectedKeys","selectedKeys","checkedKeys","expandedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","_ref$singleLine","singleLine","_ref$mode","mode","_ref$draggable","draggable","onDragStart","onDragEnter","onDragOver","onDragLeave","onDragEnd","onDrop","allowDrop","_useState","useState","_useState2","_slicedToArray","selected","setSelected","isRadioMode","handleSelect","updatedSelectedKeys","info","length","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","radioModeClass","treeRadioMode","tightVariantClass","treeTightVariant","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cls","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","dropIndicatorRender","props","offset","dropPosition","dropLevelOffset","indent","left","top","bottom","Line","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo } from 'react';\nimport type { Key } from 'react';\nimport Tree from 'rc-tree';\nimport { RootPropsOmitDraggable } from 'src/engines';\nimport cls from 'classnames';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport {\n IconArrowWrapper,\n StyledArrow,\n base,\n StyledFolder,\n TitleWrapper,\n Title,\n ContentRight,\n Line,\n} from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootPropsOmitDraggable<HTMLDivElement, TreeProps>) =>\n forwardRef<HTMLDivElement, TreeProps>(\n (\n {\n items,\n arrowPlacement = 'left',\n virtual = true,\n height,\n itemHeight,\n size,\n view,\n variant,\n fullWidthItemSelection = false,\n multiple = false,\n defaultExpandAll = false,\n autoExpandParent = false,\n checkable = false,\n selectedKeys: outerSelectedKeys,\n checkedKeys,\n expandedKeys,\n defaultCheckedKeys,\n defaultExpandedKeys,\n defaultSelectedKeys,\n className,\n onTreeSelect,\n onTreeCheck,\n onTreeExpand,\n hasIcon = false,\n icon,\n renderTitle,\n singleLine = true,\n mode = 'default',\n draggable = false,\n onDragStart,\n onDragEnter,\n onDragOver,\n onDragLeave,\n onDragEnd,\n onDrop,\n allowDrop,\n },\n ref,\n ) => {\n const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n const selectedKeys = outerSelectedKeys ?? selected;\n\n const isRadioMode = mode === 'radio' && !multiple;\n\n const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\n if (!multiple && isRadioMode && updatedSelectedKeys.length === 0) {\n return;\n }\n\n setSelected(updatedSelectedKeys);\n\n if (onTreeSelect) {\n onTreeSelect(updatedSelectedKeys, info);\n }\n };\n\n const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n const radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;\n const tightVariantClass = variant === 'tight' ? classes.treeTightVariant : undefined;\n\n // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n // чтобы соблюсти иерархию вложенности в UI.\n const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n return (\n <Root view={view} size={size} variant={variant} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cls(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass)}\n defaultExpandAll={defaultExpandAll}\n autoExpandParent={autoExpandParent}\n style={{ border: '1px solid #000' }}\n treeData={treeData}\n selectedKeys={selectedKeys}\n {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n defaultCheckedKeys={defaultCheckedKeys}\n defaultExpandedKeys={defaultExpandedKeys}\n onSelect={handleSelect}\n // Тайп кастинг для упрощения API\n onCheck={onTreeCheck as any}\n onExpand={onTreeExpand}\n switcherIcon={(node) => {\n if (node.isLeaf) {\n return null;\n }\n\n return (\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className=\"arrow\"\n />\n </IconArrowWrapper>\n );\n }}\n icon={\n hasIcon && (icon || <StyledFolder size={sizeToIconSize(size, variant)} color=\"inherit\" />)\n }\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n singleLine={singleLine}\n >\n <Title singleLine={singleLine}>\n {/* eslint-disable-next-line no-nested-ternary */}\n {renderTitle\n ? renderTitle(item)\n : typeof item.title === 'function'\n ? item.title(item)\n : item.title}\n </Title>\n\n {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n </TitleWrapper>\n )}\n draggable={draggable}\n onDragStart={onDragStart}\n onDragEnter={onDragEnter}\n onDragOver={onDragOver}\n onDragLeave={onDragLeave}\n onDragEnd={onDragEnd}\n onDrop={onDrop}\n allowDrop={allowDrop}\n dropIndicatorRender={(props) => {\n const offset = 0;\n const { dropPosition, dropLevelOffset, indent } = props;\n const left = -dropLevelOffset * indent + offset;\n\n const style: React.CSSProperties = {};\n\n if (dropPosition === 0) {\n style.left = indent + offset;\n }\n\n return <Line style={style} left={left} dropPosition={dropPosition} variant={variant} />;\n }}\n />\n </Root>\n );\n },\n );\n\nexport const treeConfig = {\n name: 'Tree',\n tag: 'div',\n layout: treeRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","variant","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$autoExpandParent","autoExpandParent","_ref$checkable","checkable","outerSelectedKeys","selectedKeys","checkedKeys","expandedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","_ref$singleLine","singleLine","_ref$mode","mode","_ref$draggable","draggable","onDragStart","onDragEnter","onDragOver","onDragLeave","onDragEnd","onDrop","allowDrop","_useState","useState","_useState2","_slicedToArray","selected","setSelected","isRadioMode","handleSelect","updatedSelectedKeys","info","length","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","radioModeClass","treeRadioMode","tightVariantClass","treeTightVariant","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cls","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","dropIndicatorRender","props","offset","dropPosition","dropLevelOffset","indent","left","Line","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Tree.
|
|
1
|
+
require('./Tree.styles_1n6h7n6.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -86,16 +86,32 @@ var ContentRight = /*#__PURE__*/react.styled('div')({
|
|
|
86
86
|
});
|
|
87
87
|
var _exp12 = function _exp12() {
|
|
88
88
|
return function (_ref6) {
|
|
89
|
-
var
|
|
89
|
+
var dropPosition = _ref6.dropPosition,
|
|
90
|
+
variant = _ref6.variant;
|
|
91
|
+
return dropPosition === -1 ? "calc(var(".concat(variant === 'normal' ? Tree_tokens.treeTokens.itemPaddingTop : Tree_tokens.treeTokens.itemPaddingTightTop, ") * -1)") : 'auto';
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
var _exp13 = function _exp13() {
|
|
95
|
+
return function (_ref7) {
|
|
96
|
+
var left = _ref7.left;
|
|
90
97
|
return left;
|
|
91
98
|
};
|
|
92
99
|
};
|
|
100
|
+
var _exp14 = function _exp14() {
|
|
101
|
+
return function (_ref8) {
|
|
102
|
+
var dropPosition = _ref8.dropPosition,
|
|
103
|
+
variant = _ref8.variant;
|
|
104
|
+
return dropPosition !== -1 ? "calc(var(".concat(variant === 'normal' ? Tree_tokens.treeTokens.itemPaddingBottom : Tree_tokens.treeTokens.itemPaddingTightBottom, ") * -1)") : 'auto';
|
|
105
|
+
};
|
|
106
|
+
};
|
|
93
107
|
var Line = /*#__PURE__*/react.styled('div')({
|
|
94
108
|
name: "Line",
|
|
95
109
|
"class": "l1njos1z",
|
|
96
110
|
propsAsIs: false,
|
|
97
111
|
vars: {
|
|
98
|
-
"l1njos1z-0": [/*#__PURE__*/_exp12(),
|
|
112
|
+
"l1njos1z-0": [/*#__PURE__*/_exp12()],
|
|
113
|
+
"l1njos1z-1": [/*#__PURE__*/_exp13(), "px"],
|
|
114
|
+
"l1njos1z-2": [/*#__PURE__*/_exp14()]
|
|
99
115
|
}
|
|
100
116
|
});
|
|
101
117
|
var base = "bbf7gwp";
|