@salutejs/plasma-new-hope 0.335.0-canary.2199.17384366399.0 → 0.335.0-canary.2203.17433640523.0

package/es/components/Tooltip/Tooltip.js

@@ -1,15 +1,16 @@
 import './Tooltip_1qsg6ij.css';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import React, { forwardRef, useState, useEffect } from 'react';
 import { styled } from '@linaria/react';
 import { cx } from '../../utils/index.js';
 import { TooltipRoot, StyledContentLeft } from './Tooltip.styles.js';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
+import { useDelayedTooltip } from './hooks/useDelayedTooltip.js';
 import { component } from '../../engines/common.js';
 import { popoverConfig } from '../Popover/Popover.js';
 
-var _excluded = ["id", "text", "opened", "isVisible", "isOpen", "hasArrow", "arrow", "animated", "offset", "minWidth", "maxWidth", "placement", "usePortal", "target", "children", "onDismiss", "view", "size", "contentLeft", "zIndex", "className", "style", "hoverTimeout", "trigger"];
+var _excluded = ["id", "text", "opened", "isVisible", "isOpen", "hasArrow", "arrow", "animated", "offset", "minWidth", "maxWidth", "placement", "usePortal", "target", "children", "onDismiss", "view", "size", "contentLeft", "zIndex", "className", "style", "hoverTimeout", "mouseEnterDelay", "mouseLeaveDelay", "trigger"];
 var ESCAPE_KEYCODE = 27;
 var getStringValue = function getStringValue(value) {
   return typeof value === 'number' ? "".concat(value, "rem") : value;
@@ -30,6 +31,7 @@ var StyledPopover = /*#__PURE__*/styled(_exp())({
 
 var tooltipRoot = function tooltipRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
+    var _ref2, _mouseLeaveDelay;
     var id = _ref.id,
       text = _ref.text,
       opened = _ref.opened,
@@ -57,28 +59,23 @@ var tooltipRoot = function tooltipRoot(Root) {
       zIndex = _ref$zIndex === void 0 ? '9200' : _ref$zIndex,
       className = _ref.className,
       style = _ref.style,
-      _ref$hoverTimeout = _ref.hoverTimeout,
-      hoverTimeout = _ref$hoverTimeout === void 0 ? 300 : _ref$hoverTimeout,
+      hoverTimeout = _ref.hoverTimeout,
+      _ref$mouseEnterDelay = _ref.mouseEnterDelay,
+      mouseEnterDelay = _ref$mouseEnterDelay === void 0 ? 0 : _ref$mouseEnterDelay,
+      mouseLeaveDelay = _ref.mouseLeaveDelay,
       trigger = _ref.trigger,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       ref = _useState2[0],
       setRef = _useState2[1];
-    var timeoutRef = useRef();
-    var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isOpened = _useState4[0],
-      setIsOpened = _useState4[1];
-    var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isHovered = _useState6[0],
-      setIsHovered = _useState6[1];
-
-    // TODO убрать после отказа от старого API
-    var innerIsOpen = Boolean(isVisible || isOpen || opened);
-    var innerHasArrow = arrow || hasArrow;
-    var showTooltip = innerIsOpen && Boolean(text);
+    mouseLeaveDelay = (_ref2 = (_mouseLeaveDelay = mouseLeaveDelay) !== null && _mouseLeaveDelay !== void 0 ? _mouseLeaveDelay : hoverTimeout) !== null && _ref2 !== void 0 ? _ref2 : 300;
+    var _useDelayedTooltip = useDelayedTooltip(mouseEnterDelay, mouseLeaveDelay),
+      openedState = _useDelayedTooltip.opened,
+      showTooltip = _useDelayedTooltip.showTooltip,
+      hideTooltip = _useDelayedTooltip.hideTooltip,
+      setOpened = _useDelayedTooltip.setOpened;
+    var isTooltipOpened = Boolean(text) && (isVisible || isOpen || opened || openedState);
     useEffect(function () {
       var onKeyDown = function onKeyDown(event) {
         if (event.keyCode === ESCAPE_KEYCODE) {
@@ -90,43 +87,26 @@ var tooltipRoot = function tooltipRoot(Root) {
         window.removeEventListener('keydown', onKeyDown);
       };
     }, []);
-    var onMouseEnter = function onMouseEnter() {
-      clearTimeout(timeoutRef.current);
-      setIsHovered(true);
-    };
-    var onMouseLeave = function onMouseLeave() {
-      timeoutRef.current = setTimeout(function () {
-        setIsHovered(false);
-      }, hoverTimeout);
-    };
-    useEffect(function () {
-      return function () {
-        return clearTimeout(timeoutRef.current);
-      };
-    }, [trigger]);
     var onToggle = function onToggle(isOpen) {
       if (trigger === 'hover') {
         if (isOpen) {
-          clearTimeout(timeoutRef.current);
-          setIsOpened(true);
+          showTooltip();
         } else {
-          timeoutRef.current = setTimeout(function () {
-            setIsOpened(false);
-          }, hoverTimeout);
+          hideTooltip();
         }
       } else {
-        setIsOpened(isOpen);
+        setOpened(isOpen);
       }
     };
     return /*#__PURE__*/React.createElement(StyledPopover, _extends({
-      opened: showTooltip || isOpened || isHovered,
+      opened: isTooltipOpened,
       placement: placement,
       offset: offset,
       zIndex: zIndex,
       target: target || children,
       usePortal: usePortal,
-      hasArrow: innerHasArrow,
-      "aria-hidden": !innerIsOpen,
+      hasArrow: arrow || hasArrow,
+      "aria-hidden": !isTooltipOpened,
       "aria-live": "polite",
       role: "tooltip",
       animated: animated,
@@ -134,16 +114,13 @@ var tooltipRoot = function tooltipRoot(Root) {
     }, (trigger === 'hover' || trigger === 'click') && {
       trigger: trigger,
       onToggle: onToggle
-    }, rest), /*#__PURE__*/React.createElement(Root, _extends({
+    }, rest), /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
       ref: setRef,
       className: className,
       style: style
-    }, trigger === 'hover' && {
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    }), /*#__PURE__*/React.createElement(TooltipRoot, {
+    }, /*#__PURE__*/React.createElement(TooltipRoot, {
       ref: outerRef,
       id: id,
       maxWidth: getStringValue(maxWidth),

package/es/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState, useRef } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n    return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n    ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n    ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n    ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n    ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n    ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n    ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n    forwardRef<HTMLDivElement, TooltipProps>(\n        (\n            {\n                id,\n                text,\n                opened,\n                isVisible,\n                isOpen,\n                hasArrow = true,\n                arrow,\n                animated,\n                offset = [3, 8],\n                minWidth,\n                maxWidth,\n                placement = 'bottom',\n                usePortal = true,\n                target,\n                children,\n                onDismiss,\n                view,\n                size,\n                contentLeft,\n                zIndex = '9200',\n                className,\n                style,\n                hoverTimeout = 300,\n                trigger,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [ref, setRef] = useState<HTMLDivElement | null>(null);\n            const timeoutRef = useRef<number | undefined>();\n            const [isOpened, setIsOpened] = useState(false);\n            const [isHovered, setIsHovered] = useState(false);\n\n            // TODO убрать после отказа от старого API\n            const innerIsOpen = Boolean(isVisible || isOpen || opened);\n            const innerHasArrow = arrow || hasArrow;\n            const showTooltip = innerIsOpen && Boolean(text);\n\n            useEffect(() => {\n                const onKeyDown = (event: KeyboardEvent) => {\n                    if (event.keyCode === ESCAPE_KEYCODE) {\n                        onDismiss?.();\n                    }\n                };\n\n                window.addEventListener('keydown', onKeyDown);\n\n                return () => {\n                    window.removeEventListener('keydown', onKeyDown);\n                };\n            }, []);\n\n            const onMouseEnter = () => {\n                clearTimeout(timeoutRef.current);\n                setIsHovered(true);\n            };\n\n            const onMouseLeave = () => {\n                timeoutRef.current = setTimeout(() => {\n                    setIsHovered(false);\n                }, hoverTimeout);\n            };\n\n            useEffect(() => {\n                return () => clearTimeout(timeoutRef.current);\n            }, [trigger]);\n\n            const onToggle = (isOpen: boolean) => {\n                if (trigger === 'hover') {\n                    if (isOpen) {\n                        clearTimeout(timeoutRef.current);\n                        setIsOpened(true);\n                    } else {\n                        timeoutRef.current = setTimeout(() => {\n                            setIsOpened(false);\n                        }, hoverTimeout);\n                    }\n                } else {\n                    setIsOpened(isOpen);\n                }\n            };\n\n            return (\n                <StyledPopover\n                    opened={showTooltip || isOpened || isHovered}\n                    placement={placement}\n                    offset={offset}\n                    zIndex={zIndex}\n                    target={target || children}\n                    usePortal={usePortal}\n                    hasArrow={innerHasArrow}\n                    aria-hidden={!innerIsOpen}\n                    aria-live=\"polite\"\n                    role=\"tooltip\"\n                    animated={animated}\n                    className={cx(ref?.classList.toString())}\n                    {...((trigger === 'hover' || trigger === 'click') && { trigger, onToggle })}\n                    {...rest}\n                >\n                    <Root\n                        view={view}\n                        size={size}\n                        ref={setRef}\n                        className={className}\n                        style={style}\n                        {...(trigger === 'hover' && { onMouseEnter, onMouseLeave })}\n                    >\n                        <TooltipRoot\n                            ref={outerRef}\n                            id={id}\n                            maxWidth={getStringValue(maxWidth)}\n                            minWidth={getStringValue(minWidth)}\n                        >\n                            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                            {text}\n                        </TooltipRoot>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const tooltipConfig = {\n    name: 'Tooltip',\n    tag: 'div',\n    layout: tooltipRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","_ref$hoverTimeout","hoverTimeout","trigger","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","timeoutRef","useRef","_useState3","_useState4","isOpened","setIsOpened","_useState5","_useState6","isHovered","setIsHovered","innerIsOpen","Boolean","innerHasArrow","showTooltip","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","onMouseEnter","clearTimeout","current","onMouseLeave","setTimeout","onToggle","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState } from 'react';\nimport { styled } from '@linaria/react';\nimport { RootProps, component } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { popoverConfig, popoverTokens } from '../Popover';\n\nimport { useDelayedTooltip } from './hooks';\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n    return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n    ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n    ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n    ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n    ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n    ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n    ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n    forwardRef<HTMLDivElement, TooltipProps>(\n        (\n            {\n                id,\n                text,\n                opened,\n                isVisible,\n                isOpen,\n                hasArrow = true,\n                arrow,\n                animated,\n                offset = [3, 8],\n                minWidth,\n                maxWidth,\n                placement = 'bottom',\n                usePortal = true,\n                target,\n                children,\n                onDismiss,\n                view,\n                size,\n                contentLeft,\n                zIndex = '9200',\n                className,\n                style,\n                hoverTimeout,\n                mouseEnterDelay = 0,\n                mouseLeaveDelay,\n                trigger,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [ref, setRef] = useState<HTMLDivElement | null>(null);\n\n            mouseLeaveDelay = mouseLeaveDelay ?? hoverTimeout ?? 300;\n\n            const { opened: openedState, showTooltip, hideTooltip, setOpened } = useDelayedTooltip(\n                mouseEnterDelay,\n                mouseLeaveDelay,\n            );\n\n            const isTooltipOpened = Boolean(text) && (isVisible || isOpen || opened || openedState);\n\n            useEffect(() => {\n                const onKeyDown = (event: KeyboardEvent) => {\n                    if (event.keyCode === ESCAPE_KEYCODE) {\n                        onDismiss?.();\n                    }\n                };\n\n                window.addEventListener('keydown', onKeyDown);\n\n                return () => {\n                    window.removeEventListener('keydown', onKeyDown);\n                };\n            }, []);\n\n            const onToggle = (isOpen: boolean) => {\n                if (trigger === 'hover') {\n                    if (isOpen) {\n                        showTooltip();\n                    } else {\n                        hideTooltip();\n                    }\n                } else {\n                    setOpened(isOpen);\n                }\n            };\n\n            return (\n                <StyledPopover\n                    opened={isTooltipOpened}\n                    placement={placement}\n                    offset={offset}\n                    zIndex={zIndex}\n                    target={target || children}\n                    usePortal={usePortal}\n                    hasArrow={arrow || hasArrow}\n                    aria-hidden={!isTooltipOpened}\n                    aria-live=\"polite\"\n                    role=\"tooltip\"\n                    animated={animated}\n                    className={cx(ref?.classList.toString())}\n                    {...((trigger === 'hover' || trigger === 'click') && { trigger, onToggle })}\n                    {...rest}\n                >\n                    <Root view={view} size={size} ref={setRef} className={className} style={style}>\n                        <TooltipRoot\n                            ref={outerRef}\n                            id={id}\n                            maxWidth={getStringValue(maxWidth)}\n                            minWidth={getStringValue(minWidth)}\n                        >\n                            {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                            {text}\n                        </TooltipRoot>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const tooltipConfig = {\n    name: 'Tooltip',\n    tag: 'div',\n    layout: tooltipRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","_ref2","_mouseLeaveDelay","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","hoverTimeout","_ref$mouseEnterDelay","mouseEnterDelay","mouseLeaveDelay","trigger","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","_useDelayedTooltip","useDelayedTooltip","openedState","showTooltip","hideTooltip","setOpened","isTooltipOpened","Boolean","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","onToggle","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Tooltip/hooks/useDelayedTooltip.js

@@ -0,0 +1,45 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useRef, useEffect } from 'react';
+
+var useDelayedTooltip = function useDelayedTooltip(openDelay, closeDelay) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    opened = _useState2[0],
+    setOpened = _useState2[1];
+  var openTimeoutRef = useRef(null);
+  var closeTimeoutRef = useRef(null);
+  var clearTimeouts = function clearTimeouts() {
+    if (openTimeoutRef.current) {
+      clearTimeout(openTimeoutRef.current);
+      openTimeoutRef.current = null;
+    }
+    if (closeTimeoutRef.current) {
+      clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  };
+  var showTooltip = function showTooltip() {
+    clearTimeouts();
+    openTimeoutRef.current = setTimeout(function () {
+      setOpened(true);
+    }, openDelay);
+  };
+  var hideTooltip = function hideTooltip() {
+    clearTimeouts();
+    closeTimeoutRef.current = setTimeout(function () {
+      setOpened(false);
+    }, closeDelay);
+  };
+  useEffect(function () {
+    return clearTimeouts;
+  }, []);
+  return {
+    opened: opened,
+    setOpened: setOpened,
+    showTooltip: showTooltip,
+    hideTooltip: hideTooltip
+  };
+};
+
+export { useDelayedTooltip };
+//# sourceMappingURL=useDelayedTooltip.js.map

package/es/components/Tooltip/hooks/useDelayedTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayedTooltip.js","sources":["../../../../src/components/Tooltip/hooks/useDelayedTooltip.ts"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\n\nexport const useDelayedTooltip = (openDelay: number, closeDelay: number) => {\n    const [opened, setOpened] = useState(false);\n\n    const openTimeoutRef = useRef<number | null>(null);\n    const closeTimeoutRef = useRef<number | null>(null);\n\n    const clearTimeouts = () => {\n        if (openTimeoutRef.current) {\n            clearTimeout(openTimeoutRef.current);\n            openTimeoutRef.current = null;\n        }\n\n        if (closeTimeoutRef.current) {\n            clearTimeout(closeTimeoutRef.current);\n            closeTimeoutRef.current = null;\n        }\n    };\n\n    const showTooltip = () => {\n        clearTimeouts();\n\n        openTimeoutRef.current = setTimeout(() => {\n            setOpened(true);\n        }, openDelay);\n    };\n\n    const hideTooltip = () => {\n        clearTimeouts();\n\n        closeTimeoutRef.current = setTimeout(() => {\n            setOpened(false);\n        }, closeDelay);\n    };\n\n    useEffect(() => {\n        return clearTimeouts;\n    }, []);\n\n    return {\n        opened,\n        setOpened,\n        showTooltip,\n        hideTooltip,\n    };\n};\n"],"names":["useDelayedTooltip","openDelay","closeDelay","_useState","useState","_useState2","_slicedToArray","opened","setOpened","openTimeoutRef","useRef","closeTimeoutRef","clearTimeouts","current","clearTimeout","showTooltip","setTimeout","hideTooltip","useEffect"],"mappings":";;;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,SAAiB,EAAEC,UAAkB,EAAK;AACxE,EAAA,IAAAC,SAAA,GAA4BC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApCI,IAAAA,MAAM,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAExB,EAAA,IAAMI,cAAc,GAAGC,MAAM,CAAgB,IAAI,CAAC,CAAA;AAClD,EAAA,IAAMC,eAAe,GAAGD,MAAM,CAAgB,IAAI,CAAC,CAAA;AAEnD,EAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,GAAS;IACxB,IAAIH,cAAc,CAACI,OAAO,EAAE;AACxBC,MAAAA,YAAY,CAACL,cAAc,CAACI,OAAO,CAAC,CAAA;MACpCJ,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;AACjC,KAAA;IAEA,IAAIF,eAAe,CAACE,OAAO,EAAE;AACzBC,MAAAA,YAAY,CAACH,eAAe,CAACE,OAAO,CAAC,CAAA;MACrCF,eAAe,CAACE,OAAO,GAAG,IAAI,CAAA;AAClC,KAAA;GACH,CAAA;AAED,EAAA,IAAME,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtBH,IAAAA,aAAa,EAAE,CAAA;AAEfH,IAAAA,cAAc,CAACI,OAAO,GAAGG,UAAU,CAAC,YAAM;MACtCR,SAAS,CAAC,IAAI,CAAC,CAAA;KAClB,EAAEP,SAAS,CAAC,CAAA;GAChB,CAAA;AAED,EAAA,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtBL,IAAAA,aAAa,EAAE,CAAA;AAEfD,IAAAA,eAAe,CAACE,OAAO,GAAGG,UAAU,CAAC,YAAM;MACvCR,SAAS,CAAC,KAAK,CAAC,CAAA;KACnB,EAAEN,UAAU,CAAC,CAAA;GACjB,CAAA;AAEDgB,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,OAAON,aAAa,CAAA;GACvB,EAAE,EAAE,CAAC,CAAA;EAEN,OAAO;AACHL,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,SAAS,EAATA,SAAS;AACTO,IAAAA,WAAW,EAAXA,WAAW;AACXE,IAAAA,WAAW,EAAXA,WAAAA;GACH,CAAA;AACL;;;;"}

package/es/components/Tree/Tree.css

@@ -1,9 +1,9 @@
 .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);}
 
-.Tree_styles_1w91oy6_io9xczg__8da3a57b{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1w91oy6_io9xczg__8da3a57b:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1w91oy6_io9xczg__8da3a57b:active{color:var(--plasma-tree-arrow-color-active);}
-.Tree_styles_1w91oy6_smciu6q__8da3a57b{-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;}
+.Tree_styles_6sla5y_io9xczg__91ae2632{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_6sla5y_io9xczg__91ae2632:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_6sla5y_io9xczg__91ae2632:active{color:var(--plasma-tree-arrow-color-active);}
+.Tree_styles_6sla5y_smciu6q__91ae2632{-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;}
 
-.Tree_styles_1w91oy6_t1bgqryr__8da3a57b{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:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Tree_styles_1w91oy6_t1un80r8__8da3a57b{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Tree_styles_1w91oy6_c92yb2c__8da3a57b{line-height:0;}
-.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b{margin:0;border:1px solid transparent;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeFocused__8da3a57b:not(.Tree_styles_1w91oy6_rcTreeActiveFocused__8da3a57b){border-color:cyan;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b .Tree_styles_1w91oy6_draggable__8da3a57b{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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_dragging__8da3a57b{background:rgba(100,100,255,0.1);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_dropContainer__8da3a57b > .Tree_styles_1w91oy6_draggable__8da3a57b::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_dropContainer__8da3a57b ~ .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b{border-left:2px solid chocolate;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_dropTarget__8da3a57b{background-color:yellowgreen;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_dropTarget__8da3a57b ~ .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b{border-left:none;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_filterNode__8da3a57b > .Tree_styles_1w91oy6_rcTreeNodeContentWrapper__8da3a57b{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b ul{margin:0;padding:0 0 0 18px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeContentWrapper__8da3a57b{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeContentWrapper__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b span.Tree_styles_1w91oy6_rcTreeIconEle__8da3a57b{cursor:default;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeIconEle__8da3a57b{cursor:pointer;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeIcon__customize__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b.Tree_styles_1w91oy6_rcTreeIcon__customize__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeIconEle__8da3a57b.Tree_styles_1w91oy6_rcTreeIcon__customize__8da3a57b{background-image:none;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeIcon_loading__8da3a57b{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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeSwitcherNoop__8da3a57b{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeInverted__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeSwitcherNoop__8da3a57b{display:none;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeSwitcher_open__8da3a57b{background-position:-93px -56px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeSwitcher_close__8da3a57b{background-position:-75px -56px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckboxChecked__8da3a57b{background-position:-14px 0;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckboxIndeterminate__8da3a57b{background-position:-14px -28px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckboxDisabled__8da3a57b{background-position:0 -56px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b.Tree_styles_1w91oy6_rcTreeCheckboxChecked__8da3a57b.Tree_styles_1w91oy6_rcTreeCheckboxDisabled__8da3a57b{background-position:-14px -56px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b.Tree_styles_1w91oy6_rcTreeCheckboxIndeterminate__8da3a57b.Tree_styles_1w91oy6_rcTreeCheckboxDisabled__8da3a57b{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b.Tree_styles_1w91oy6_rcTreeCheckboxIndeterminate__8da3a57b.Tree_styles_1w91oy6_rcTreeCheckboxDisabled__8da3a57b::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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b:not(.Tree_styles_1w91oy6_rcTreeShowLine__8da3a57b) .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b .Tree_styles_1w91oy6_rcTreeSwitcherNoop__8da3a57b{background:none;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_rcTreeShowLine__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_rcTreeShowLine__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b:not(:last-child) > .Tree_styles_1w91oy6_rcTreeSwitcherNoop__8da3a57b{background-position:-56px -18px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_rcTreeShowLine__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b:last-child > .Tree_styles_1w91oy6_rcTreeSwitcherNoop__8da3a57b{background-position:-56px -36px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeChildTree__8da3a57b{display:none;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeChildTreeOpen__8da3a57b{display:block;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b > span:not(.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b),.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b > a,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b > a span{color:#767676;cursor:not-allowed;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenodeActive__8da3a57b{background:rgba(0,0,0,0.1);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeSelected__8da3a57b{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeIcon__open__8da3a57b{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeIcon__close__8da3a57b{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeIcon__docu__8da3a57b{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeIcon__customize__8da3a57b{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeTitle__8da3a57b{display:inline-block;width:100%;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeIndent__8da3a57b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeIndentUnit__8da3a57b{display:inline-block;width:16px;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeDraggableIcon__8da3a57b{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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeList__8da3a57b{border:none !important;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeListHolder__8da3a57b{overflow:hidden auto;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b{position:relative;z-index: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;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeItemFilled__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeInverted__8da3a57b:not(tree-item-filled) .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeContentWrapper__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b .Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b,.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b .Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeItemFilled__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b::before{inset:0;border-radius:0;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_treeItemHasSelectedChildren__8da3a57b:not(.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b) .Tree_styles_1w91oy6_rcTreeTitle__8da3a57b{color:var(--plasma-tree-color-selected);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_treeItemHasSelectedChildren__8da3a57b:not(.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b) .Tree_styles_1w91oy6_rcTreeIcon__customize__8da3a57b{color:var(--plasma-tree-color-selected);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_treeItemPrimaryBackground__8da3a57b::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeSelected__8da3a57b::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b:not(.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b:not(.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeContentWrapper__8da3a57b{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-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b{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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeInverted__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeSwitcher_open__8da3a57b .Tree_styles_1w91oy6_arrow__8da3a57b{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeInverted__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeSwitcher_close__8da3a57b .Tree_styles_1w91oy6_arrow__8da3a57b{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeInverted__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b.Tree_styles_1w91oy6_rcTreeSwitcher_open__8da3a57b .Tree_styles_1w91oy6_arrow__8da3a57b{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b{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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b::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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckboxChecked__8da3a57b::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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeCheckbox__8da3a57b.Tree_styles_1w91oy6_rcTreeCheckboxIndeterminate__8da3a57b::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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeTitle__8da3a57b{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_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeInverted__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b span.Tree_styles_1w91oy6_rcTreeSwitcher__8da3a57b{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b.Tree_styles_1w91oy6_treeInverted__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b::before{left:0;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeSelected__8da3a57b{opacity:1;box-shadow:none;background:none;}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeSelected__8da3a57b .Tree_styles_1w91oy6_rcTreeTitle__8da3a57b{color:var(--plasma-tree-color-selected);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b .Tree_styles_1w91oy6_rcTreeTitle__8da3a57b{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeNodeSelected__8da3a57b .Tree_styles_1w91oy6_rcTreeIcon__customize__8da3a57b{color:var(--plasma-tree-color-selected);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTree__8da3a57b .Tree_styles_1w91oy6_rcTreeTreenode__8da3a57b.Tree_styles_1w91oy6_rcTreeTreenodeDisabled__8da3a57b .Tree_styles_1w91oy6_rcTreeIcon__customize__8da3a57b{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1w91oy6_b1njos1z__8da3a57b .Tree_styles_1w91oy6_rcTreeIndentUnit__8da3a57b{width:var(--plasma-tree-item-indent);}
+.Tree_styles_6sla5y_t1bgqryr__91ae2632{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:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Tree_styles_6sla5y_t1un80r8__91ae2632{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Tree_styles_6sla5y_c92yb2c__91ae2632{line-height:0;}
+.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632{margin:0;border:1px solid transparent;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeFocused__91ae2632:not(.Tree_styles_6sla5y_rcTreeActiveFocused__91ae2632){border-color:cyan;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_draggable__91ae2632{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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dragging__91ae2632{background:rgba(100,100,255,0.1);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropContainer__91ae2632 > .Tree_styles_6sla5y_draggable__91ae2632::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropContainer__91ae2632 ~ .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{border-left:2px solid chocolate;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropTarget__91ae2632{background-color:yellowgreen;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropTarget__91ae2632 ~ .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{border-left:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_filterNode__91ae2632 > .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{cursor:default;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632{cursor:default;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632{cursor:pointer;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{background-image:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIcon_loading__91ae2632{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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{display:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632{background-position:-93px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_close__91ae2632{background-position:-75px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632{background-position:-14px 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632{background-position:-14px -28px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{background-position:0 -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{background-position:-14px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632::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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632:not(.Tree_styles_6sla5y_rcTreeShowLine__91ae2632) .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(:last-child) > .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background-position:-56px -18px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:last-child > .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background-position:-56px -36px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeChildTree__91ae2632{display:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeChildTreeOpen__91ae2632{display:block;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > span:not(.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632),.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > a,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeActive__91ae2632{background:rgba(0,0,0,0.1);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__open__91ae2632{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__close__91ae2632{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__docu__91ae2632{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{display:inline-block;width:100%;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndent__91ae2632{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndentUnit__91ae2632{display:inline-block;width:16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeDraggableIcon__91ae2632{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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeList__91ae2632{border:none !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeListHolder__91ae2632{overflow:hidden auto;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{position:relative;z-index: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;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeItemFilled__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632:not(tree-item-filled) .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeItemFilled__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{inset:0;border-radius:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemHasSelectedChildren__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632) .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemHasSelectedChildren__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632) .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemPrimaryBackground__91ae2632::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632):not(.Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632):not(.Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{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-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_close__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632::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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632::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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632::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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{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_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{left:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632{opacity:1;box-shadow:none;background:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndentUnit__91ae2632{width:var(--plasma-tree-item-indent);}

package/es/components/Tree/Tree.js

@@ -44,13 +44,19 @@ var treeRoot = function treeRoot(Root) {
       _ref$hasIcon = _ref.hasIcon,
       hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
       icon = _ref.icon,
-      renderTitle = _ref.renderTitle;
+      renderTitle = _ref.renderTitle,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'default' : _ref$mode;
     var _useState = useState(defaultSelectedKeys || []),
       _useState2 = _slicedToArray(_useState, 2),
       selected = _useState2[0],
       setSelected = _useState2[1];
     var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
+    var isRadioMode = mode === 'radio' && !multiple;
     var handleSelect = function handleSelect(updatedSelectedKeys, info) {
+      if (!multiple && isRadioMode && updatedSelectedKeys.length === 0) {
+        return;
+      }
       setSelected(updatedSelectedKeys);
       if (onTreeSelect) {
         onTreeSelect(updatedSelectedKeys, info);
@@ -58,6 +64,7 @@ var treeRoot = function treeRoot(Root) {
     };
     var invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;
     var itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;
+    var radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;
 
     // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,
     // чтобы соблюсти иерархию вложенности в UI.
@@ -75,7 +82,7 @@ var treeRoot = function treeRoot(Root) {
       virtual: virtual,
       multiple: multiple,
       checkable: checkable,
-      className: cx(className, invertedClass, itemFilledClass),
+      className: cx(className, invertedClass, itemFilledClass, radioModeClass),
       defaultExpandAll: defaultExpandAll,
       autoExpandParent: autoExpandParent,
       style: {

package/es/components/Tree/Tree.js.map

@@ -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 { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<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                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            },\n            ref,\n        ) => {\n            const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n            const selectedKeys = outerSelectedKeys ?? selected;\n\n            const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\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\n            // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n            // чтобы соблюсти иерархию вложенности в UI.\n            const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n            return (\n                <Root view={view} size={size} ref={ref} items={items}>\n                    <Tree\n                        height={height}\n                        itemHeight={itemHeight}\n                        virtual={virtual}\n                        multiple={multiple}\n                        checkable={checkable}\n                        className={cx(className, invertedClass, itemFilledClass)}\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 size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n                                </IconArrowWrapper>\n                            );\n                        }}\n                        icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n                        titleRender={(item) => (\n                            <TitleWrapper\n                                fullWidthItemSelection={fullWidthItemSelection}\n                                arrowPlacement={arrowPlacement}\n                            >\n                                <Title>\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                    />\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","_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","_useState","useState","_useState2","_slicedToArray","selected","setSelected","handleSelect","updatedSelectedKeys","info","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cx","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"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 { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<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                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                mode = 'default',\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\n            // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n            // чтобы соблюсти иерархию вложенности в UI.\n            const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n            return (\n                <Root view={view} size={size} ref={ref} items={items}>\n                    <Tree\n                        height={height}\n                        itemHeight={itemHeight}\n                        virtual={virtual}\n                        multiple={multiple}\n                        checkable={checkable}\n                        className={cx(className, invertedClass, itemFilledClass, radioModeClass)}\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 size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n                                </IconArrowWrapper>\n                            );\n                        }}\n                        icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n                        titleRender={(item) => (\n                            <TitleWrapper\n                                fullWidthItemSelection={fullWidthItemSelection}\n                                arrowPlacement={arrowPlacement}\n                            >\n                                <Title>\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                    />\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","_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$mode","mode","_useState","useState","_useState2","_slicedToArray","selected","setSelected","isRadioMode","handleSelect","updatedSelectedKeys","info","length","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","radioModeClass","treeRadioMode","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cx","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Tree/Tree.styles.js

@@ -1,4 +1,4 @@
-import './Tree.styles_1w91oy6.css';
+import './Tree.styles_6sla5y.css';
 import { styled } from '@linaria/react';
 import { treeTokens } from './Tree.tokens.js';
 import { IconDisclosureRightCentered } from '../_Icon/Icons/IconDisclosureRightCentered.js';

package/es/components/Tree/Tree.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n    fullWidthItemSelection: boolean;\n    arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n        arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n    ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n    margin: var(${tokens.iconFolderMargin});\n\n    ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n    line-height: 0;\n`;\n\nexport const base = css`\n    .rc-tree {\n        margin: 0;\n        border: 1px solid transparent;\n    }\n    .rc-tree-focused:not(.rc-tree-active-focused) {\n        border-color: cyan;\n    }\n    .rc-tree .rc-tree-treenode {\n        margin: 0;\n        padding: 0;\n        line-height: 24px;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n    }\n    .rc-tree .rc-tree-treenode .draggable {\n        color: #333;\n        -moz-user-select: none;\n        -khtml-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        /* Required to make elements draggable in old WebKit */\n    }\n    .rc-tree .rc-tree-treenode.dragging {\n        background: rgba(100, 100, 255, 0.1);\n    }\n    .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        box-shadow: inset 0 0 0 2px red;\n        content: '';\n    }\n    .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n        border-left: 2px solid chocolate;\n    }\n    .rc-tree .rc-tree-treenode.drop-target {\n        background-color: yellowgreen;\n    }\n    .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n        border-left: none;\n    }\n    .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n        color: #a60000 !important;\n        font-weight: bold !important;\n    }\n    .rc-tree .rc-tree-treenode ul {\n        margin: 0;\n        padding: 0 0 0 18px;\n    }\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        position: relative;\n        display: inline-block;\n        height: 24px;\n        margin: 0;\n        padding: 0;\n        text-decoration: none;\n        vertical-align: top;\n        cursor: pointer;\n        color: var(${tokens.color});\n    }\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle {\n        cursor: default;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n        cursor: pointer;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n        background-image: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n        margin-right: 2px;\n        vertical-align: top;\n        background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n        no-repeat scroll 0 0 transparent;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        flex: none;\n    }\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        display: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n        background-position: -93px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n        background-position: -75px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        width: 13px;\n        height: 13px;\n        margin: 0 3px;\n        background-position: 0 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n        background-position: -14px 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n        background-position: -14px -28px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n        background-position: 0 -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n        background-position: -14px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n        position: relative;\n        background: #ccc;\n        border-radius: 3px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n        position: absolute;\n        top: 5px;\n        left: 3px;\n        width: 5px;\n        height: 0;\n        border: 2px solid #fff;\n        border-top: 0;\n        border-left: 0;\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        content: ' ';\n    }\n    .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n        background: none;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n        background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n        repeat-y;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n        background-position: -56px -18px;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n        background-position: -56px -36px;\n    }\n    .rc-tree-child-tree {\n        display: none;\n    }\n    .rc-tree-child-tree-open {\n        display: block;\n    }\n    .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n    .rc-tree-treenode-disabled > a,\n    .rc-tree-treenode-disabled > a span {\n        color: #767676;\n        cursor: not-allowed;\n    }\n    .rc-tree-treenode-active {\n        background: rgba(0, 0, 0, 0.1);\n    }\n    .rc-tree-node-selected {\n        background-color: #ffe6b0;\n        box-shadow: 0 0 0 1px #ffb951;\n        opacity: 0.8;\n    }\n    .rc-tree-icon__open {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -16px;\n    }\n    .rc-tree-icon__close {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px 0;\n    }\n    .rc-tree-icon__docu {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -32px;\n    }\n    .rc-tree-icon__customize {\n        display: block;\n        line-height: 0;\n        color: var(${tokens.iconFolderColor});\n        margin: var(${tokens.iconFolderMargin});\n    }\n    .rc-tree-title {\n        display: inline-block;\n        width: 100%;\n    }\n    .rc-tree-indent {\n        display: inline-flex;\n        height: 0;\n        vertical-align: bottom;\n    }\n    .rc-tree-indent-unit {\n        display: inline-block;\n        width: 16px;\n    }\n    .rc-tree-draggable-icon {\n        display: inline-flex;\n        justify-content: center;\n        width: 16px;\n    }\n\n    .rc-tree, .rc-tree-list {\n        border: none !important;\n    }\n\n    .rc-tree .rc-tree-list-holder {\n        overflow: hidden auto;\n    }\n\n    .rc-tree .rc-tree-treenode {\n        position: relative;\n        z-index: 0;\n        display: flex;\n        align-items: center;\n        min-height: var(${tokens.itemHeight});\n        padding: 0;\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPadding}) !important;\n    }\n\n    .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPaddingTight});\n    }\n\n    .rc-tree .rc-tree-treenode::before {\n        content: '';\n        position: absolute;\n        z-index: -1;\n        top: var(${tokens.itemTop});\n        bottom: var(${tokens.itemBottom});\n        left: var(${tokens.switcherSize});\n        right: 0;\n        background: transparent;\n        border-radius: var(${tokens.itemBorderRadius});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox {\n        opacity: var(${tokens.itemDisabledOpacity});\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n        inset: 0;\n        border-radius: 0;\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemPrimaryBackground}::before {\n        background: var(${tokens.itemBackgroundColorPrimary});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n        background: var(${tokens.itemBackgroundColorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before {\n        background: var(${tokens.itemBackgroundColorHover});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before {\n        background: var(${tokens.itemBackgroundColorActive});\n    }\n\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        display: flex;\n        align-items: center;\n        align-self: stretch;\n        height: auto;\n        flex: 1;\n        min-width: max-content;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n        width: var(${tokens.switcherSize});\n        height: var(${tokens.switcherSize});\n        margin: var(${tokens.switcherMargin});\n        line-height: 0;\n        vertical-align: 0;\n        background: transparent;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        margin: var(${tokens.switcherMarginInverted});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(0);\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 0;\n        vertical-align: 0;\n        width: var(${tokens.checkboxSize});\n        height: var(${tokens.checkboxSize});\n        margin: var(${tokens.checkboxMargin});\n        background-image: none;\n        flex: none;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n        content: '';\n        display: block;\n        width: var(${tokens.checkboxInnerSize});\n        height: var(${tokens.checkboxInnerSize});\n        border: 0.125rem solid var(${tokens.checkboxBorderColor});\n        border-radius: var(${tokens.checkboxBorderRadius});\n        box-sizing: border-box;\n        background-size: contain;\n        background-repeat: no-repeat;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n        border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        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\");\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        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\");\n    }\n\n    .rc-tree-title {\n        color: var(${tokens.color});\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        order: 1;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode::before {\n        left: 0;\n    }\n\n    .rc-tree-node-selected {\n        opacity: 1;\n        box-shadow: none;\n        background: none;\n    }\n\n    .rc-tree-node-selected .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n        color: var(${tokens.itemDisabledColor});\n    }\n\n    .rc-tree-node-selected .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n        color: var(${tokens.itemDisabledColor});;\n    }\n\n    .rc-tree-indent-unit {\n        width: var(${tokens.itemIndent});\n    }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;AASO,IAAMA,gBAAgB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,2BAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,UAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,UAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GA6YhB;;;;"}
+{"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n    fullWidthItemSelection: boolean;\n    arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n        arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n    ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n    margin: var(${tokens.iconFolderMargin});\n\n    ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n    line-height: 0;\n`;\n\nexport const base = css`\n    .rc-tree {\n        margin: 0;\n        border: 1px solid transparent;\n    }\n    .rc-tree-focused:not(.rc-tree-active-focused) {\n        border-color: cyan;\n    }\n    .rc-tree .rc-tree-treenode {\n        margin: 0;\n        padding: 0;\n        line-height: 24px;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n    }\n    .rc-tree .rc-tree-treenode .draggable {\n        color: #333;\n        -moz-user-select: none;\n        -khtml-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        /* Required to make elements draggable in old WebKit */\n    }\n    .rc-tree .rc-tree-treenode.dragging {\n        background: rgba(100, 100, 255, 0.1);\n    }\n    .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        box-shadow: inset 0 0 0 2px red;\n        content: '';\n    }\n    .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n        border-left: 2px solid chocolate;\n    }\n    .rc-tree .rc-tree-treenode.drop-target {\n        background-color: yellowgreen;\n    }\n    .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n        border-left: none;\n    }\n    .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n        color: #a60000 !important;\n        font-weight: bold !important;\n    }\n    .rc-tree .rc-tree-treenode ul {\n        margin: 0;\n        padding: 0 0 0 18px;\n    }\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        position: relative;\n        display: inline-block;\n        height: 24px;\n        margin: 0;\n        padding: 0;\n        text-decoration: none;\n        vertical-align: top;\n        cursor: pointer;\n        color: var(${tokens.color});\n    }\n    .rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper {\n       cursor: default;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle {\n        cursor: default;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n        cursor: pointer;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n        background-image: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n        margin-right: 2px;\n        vertical-align: top;\n        background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n        no-repeat scroll 0 0 transparent;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        flex: none;\n    }\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        display: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n        background-position: -93px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n        background-position: -75px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        width: 13px;\n        height: 13px;\n        margin: 0 3px;\n        background-position: 0 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n        background-position: -14px 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n        background-position: -14px -28px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n        background-position: 0 -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n        background-position: -14px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n        position: relative;\n        background: #ccc;\n        border-radius: 3px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n        position: absolute;\n        top: 5px;\n        left: 3px;\n        width: 5px;\n        height: 0;\n        border: 2px solid #fff;\n        border-top: 0;\n        border-left: 0;\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        content: ' ';\n    }\n    .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n        background: none;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n        background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n        repeat-y;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n        background-position: -56px -18px;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n        background-position: -56px -36px;\n    }\n    .rc-tree-child-tree {\n        display: none;\n    }\n    .rc-tree-child-tree-open {\n        display: block;\n    }\n    .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n    .rc-tree-treenode-disabled > a,\n    .rc-tree-treenode-disabled > a span {\n        color: #767676;\n        cursor: not-allowed;\n    }\n    .rc-tree-treenode-active {\n        background: rgba(0, 0, 0, 0.1);\n    }\n    .rc-tree-node-selected {\n        background-color: #ffe6b0;\n        box-shadow: 0 0 0 1px #ffb951;\n        opacity: 0.8;\n    }\n    .rc-tree-icon__open {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -16px;\n    }\n    .rc-tree-icon__close {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px 0;\n    }\n    .rc-tree-icon__docu {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -32px;\n    }\n    .rc-tree-icon__customize {\n        display: block;\n        line-height: 0;\n        color: var(${tokens.iconFolderColor});\n        margin: var(${tokens.iconFolderMargin});\n    }\n    .rc-tree-title {\n        display: inline-block;\n        width: 100%;\n    }\n    .rc-tree-indent {\n        display: inline-flex;\n        height: 0;\n        vertical-align: bottom;\n    }\n    .rc-tree-indent-unit {\n        display: inline-block;\n        width: 16px;\n    }\n    .rc-tree-draggable-icon {\n        display: inline-flex;\n        justify-content: center;\n        width: 16px;\n    }\n\n    .rc-tree, .rc-tree-list {\n        border: none !important;\n    }\n\n    .rc-tree .rc-tree-list-holder {\n        overflow: hidden auto;\n    }\n\n    .rc-tree .rc-tree-treenode {\n        position: relative;\n        z-index: 0;\n        display: flex;\n        align-items: center;\n        min-height: var(${tokens.itemHeight});\n        padding: 0;\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPadding}) !important;\n    }\n\n    .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPaddingTight});\n    }\n\n    .rc-tree .rc-tree-treenode::before {\n        content: '';\n        position: absolute;\n        z-index: -1;\n        top: var(${tokens.itemTop});\n        bottom: var(${tokens.itemBottom});\n        left: var(${tokens.switcherSize});\n        right: 0;\n        background: transparent;\n        border-radius: var(${tokens.itemBorderRadius});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox {\n        opacity: var(${tokens.itemDisabledOpacity});\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n        inset: 0;\n        border-radius: 0;\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemPrimaryBackground}::before {\n        background: var(${tokens.itemBackgroundColorPrimary});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n        background: var(${tokens.itemBackgroundColorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):hover::before {\n        background: var(${tokens.itemBackgroundColorHover});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):active::before {\n        background: var(${tokens.itemBackgroundColorActive});\n    }\n\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        display: flex;\n        align-items: center;\n        align-self: stretch;\n        height: auto;\n        flex: 1;\n        min-width: max-content;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n        width: var(${tokens.switcherSize});\n        height: var(${tokens.switcherSize});\n        margin: var(${tokens.switcherMargin});\n        line-height: 0;\n        vertical-align: 0;\n        background: transparent;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        margin: var(${tokens.switcherMarginInverted});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(0);\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 0;\n        vertical-align: 0;\n        width: var(${tokens.checkboxSize});\n        height: var(${tokens.checkboxSize});\n        margin: var(${tokens.checkboxMargin});\n        background-image: none;\n        flex: none;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n        content: '';\n        display: block;\n        width: var(${tokens.checkboxInnerSize});\n        height: var(${tokens.checkboxInnerSize});\n        border: 0.125rem solid var(${tokens.checkboxBorderColor});\n        border-radius: var(${tokens.checkboxBorderRadius});\n        box-sizing: border-box;\n        background-size: contain;\n        background-repeat: no-repeat;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n        border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        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\");\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        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\");\n    }\n\n    .rc-tree-title {\n        color: var(${tokens.color});\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        order: 1;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode::before {\n        left: 0;\n    }\n\n    .rc-tree-node-selected {\n        opacity: 1;\n        box-shadow: none;\n        background: none;\n    }\n\n    .rc-tree-node-selected .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n        color: var(${tokens.itemDisabledColor});\n    }\n\n    .rc-tree-node-selected .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n        color: var(${tokens.itemDisabledColor});;\n    }\n\n    .rc-tree-indent-unit {\n        width: var(${tokens.itemIndent});\n    }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;AASO,IAAMA,gBAAgB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,2BAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,UAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,UAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GAiZhB;;;;"}