intergalactic 15.66.0-prerelease-0004a874 → 15.67.0-prerelease-0da244c5

package/scroll-area/lib/cjs/ScrollArea.js

@@ -29,15 +29,15 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
 var _excluded = ["position"];
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_102k9_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_102k9_gg_:after,.___SShadowHorizontal_102k9_gg_:before,.___SShadowVertical_102k9_gg_:after,.___SShadowVertical_102k9_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_102k9_gg_:after,.___SShadowHorizontal_102k9_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_102k9_gg_._position_median_102k9_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_102k9_gg_._position_median_102k9_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_102k9_gg_._position_start_102k9_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_102k9_gg_._position_end_102k9_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_:after,.___SShadowVertical_102k9_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_102k9_gg_._position_median_102k9_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_._position_median_102k9_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_._position_start_102k9_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_._position_end_102k9_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_102k9_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_102k9_gg_::-webkit-scrollbar{display:none}.___SContainer_102k9_gg_.__keyboardFocused_102k9_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "102k9_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_102k9_gg_",
-  "__SContainer": "___SContainer_102k9_gg_",
-  "_keyboardFocused": "__keyboardFocused_102k9_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_102k9_gg_",
-  "__SShadowVertical": "___SShadowVertical_102k9_gg_",
-  "_position_median": "_position_median_102k9_gg_",
-  "_position_start": "_position_start_102k9_gg_",
-  "_position_end": "_position_end_102k9_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1gc65_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before,.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_start_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_end_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_start_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_end_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1gc65_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1gc65_gg_::-webkit-scrollbar{display:none}.___SContainer_1gc65_gg_.__keyboardFocused_1gc65_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "1gc65_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_1gc65_gg_",
+  "__SContainer": "___SContainer_1gc65_gg_",
+  "_keyboardFocused": "__keyboardFocused_1gc65_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1gc65_gg_",
+  "__SShadowVertical": "___SShadowVertical_1gc65_gg_",
+  "_position_median": "_position_median_1gc65_gg_",
+  "_position_start": "_position_start_1gc65_gg_",
+  "_position_end": "_position_end_1gc65_gg_"
 });
 var eventCalculate = undefined;
 exports.eventCalculate = eventCalculate;
@@ -95,6 +95,11 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         e.target.scrollLeft = 0;
       }
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFocusIn", function (e) {
+      setTimeout(function () {
+        e.target.scrollIntoView();
+      }, 0);
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleShadow", function (scroll, maxScroll, orientation) {
       var roundedScroll = Math.round(scroll);
       var roundedMaxScroll = Math.round(maxScroll);
@@ -207,6 +212,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this$$inner;
       this.calculate();
       this.updateBarsAria();
       if (this.$inner) {
@@ -217,6 +223,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         var _this$observer2;
         (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.observe(this.$container);
       }
+      (_this$$inner = this.$inner) === null || _this$$inner === void 0 ? void 0 : _this$$inner.addEventListener('focusin', this.handleFocusIn);
     }
   }, {
     key: "componentDidUpdate",
@@ -226,8 +233,9 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$observer3;
+      var _this$observer3, _this$$inner2;
       (_this$observer3 = this.observer) === null || _this$observer3 === void 0 ? void 0 : _this$observer3.disconnect();
+      (_this$$inner2 = this.$inner) === null || _this$$inner2 === void 0 ? void 0 : _this$$inner2.removeEventListener('focusin', this.handleFocusIn);
     }
   }, {
     key: "render",

package/scroll-area/lib/cjs/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","$inner","_this$observer","observe","_this$observer2","componentDidUpdate","componentWillUnmount","_this$observer3","disconnect","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","enhance","keyboardFocusEnhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","scrollIntoView","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","enhance","keyboardFocusEnhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      e.target.scrollIntoView();\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}

package/scroll-area/lib/cjs/ScrollBar.js

@@ -20,11 +20,11 @@ var _reactDom = require("react-dom");
 var _flexBox = require("intergalactic/flex-box");
 var _ref5 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1kdrg_gg_{position:absolute;display:flex}.___SScrollBar_1kdrg_gg_._orientation_vertical_1kdrg_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1kdrg_gg_._orientation_horizontal_1kdrg_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_1kdrg_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1kdrg_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_1kdrg_gg_",
-  "_orientation_vertical": "_orientation_vertical_1kdrg_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1kdrg_gg_",
-  "__SSlider": "___SSlider_1kdrg_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_imwvf_gg_{position:absolute;display:flex}.___SScrollBar_imwvf_gg_._orientation_vertical_imwvf_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_imwvf_gg_._orientation_horizontal_imwvf_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_imwvf_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "imwvf_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_imwvf_gg_",
+  "_orientation_vertical": "_orientation_vertical_imwvf_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_imwvf_gg_",
+  "__SSlider": "___SSlider_imwvf_gg_"
 });
 var DEFAULT_SLIDER_SIZE = 50;
 

package/scroll-area/lib/es6/ScrollArea.js

@@ -24,15 +24,15 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_102k9_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_102k9_gg_:after,.___SShadowHorizontal_102k9_gg_:before,.___SShadowVertical_102k9_gg_:after,.___SShadowVertical_102k9_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_102k9_gg_:after,.___SShadowHorizontal_102k9_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_102k9_gg_._position_median_102k9_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_102k9_gg_._position_median_102k9_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_102k9_gg_._position_start_102k9_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_102k9_gg_._position_end_102k9_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_:after,.___SShadowVertical_102k9_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_102k9_gg_._position_median_102k9_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_._position_median_102k9_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_._position_start_102k9_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_102k9_gg_._position_end_102k9_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_102k9_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_102k9_gg_::-webkit-scrollbar{display:none}.___SContainer_102k9_gg_.__keyboardFocused_102k9_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "102k9_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_102k9_gg_",
-  "__SContainer": "___SContainer_102k9_gg_",
-  "_keyboardFocused": "__keyboardFocused_102k9_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_102k9_gg_",
-  "__SShadowVertical": "___SShadowVertical_102k9_gg_",
-  "_position_median": "_position_median_102k9_gg_",
-  "_position_start": "_position_start_102k9_gg_",
-  "_position_end": "_position_end_102k9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1gc65_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before,.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_start_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_end_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_start_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_end_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1gc65_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1gc65_gg_::-webkit-scrollbar{display:none}.___SContainer_1gc65_gg_.__keyboardFocused_1gc65_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "1gc65_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_1gc65_gg_",
+  "__SContainer": "___SContainer_1gc65_gg_",
+  "_keyboardFocused": "__keyboardFocused_1gc65_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1gc65_gg_",
+  "__SShadowVertical": "___SShadowVertical_1gc65_gg_",
+  "_position_median": "_position_median_1gc65_gg_",
+  "_position_start": "_position_start_1gc65_gg_",
+  "_position_end": "_position_end_1gc65_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {
@@ -89,6 +89,11 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         e.target.scrollLeft = 0;
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "handleFocusIn", function (e) {
+      setTimeout(function () {
+        e.target.scrollIntoView();
+      }, 0);
+    });
     _defineProperty(_assertThisInitialized(_this), "toggleShadow", function (scroll, maxScroll, orientation) {
       var roundedScroll = Math.round(scroll);
       var roundedMaxScroll = Math.round(maxScroll);
@@ -201,6 +206,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this$$inner;
       this.calculate();
       this.updateBarsAria();
       if (this.$inner) {
@@ -211,6 +217,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         var _this$observer2;
         (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.observe(this.$container);
       }
+      (_this$$inner = this.$inner) === null || _this$$inner === void 0 ? void 0 : _this$$inner.addEventListener('focusin', this.handleFocusIn);
     }
   }, {
     key: "componentDidUpdate",
@@ -220,8 +227,9 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$observer3;
+      var _this$observer3, _this$$inner2;
       (_this$observer3 = this.observer) === null || _this$observer3 === void 0 ? void 0 : _this$observer3.disconnect();
+      (_this$$inner2 = this.$inner) === null || _this$$inner2 === void 0 ? void 0 : _this$$inner2.removeEventListener('focusin', this.handleFocusIn);
     }
   }, {
     key: "render",

package/scroll-area/lib/es6/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["React","findDOMNode","createComponent","Component","sstyled","Root","Box","trottle","getNodeByRef","isAdvanceMode","callAllEventHandlers","BarRoot","setAreaValue","keyboardFocusEnhance","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","eventCalculate","undefined","window","Event","BoxWithoutPosition","forwardRef","_ref5","ref","position","props","_objectWithoutProperties","_excluded","createElement","_extends","ScrollAreaRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","shadowHorizontal","shadowVertical","node","$wrapper","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","$inner","_this$observer","observe","_this$observer2","componentDidUpdate","componentWillUnmount","_this$observer3","disconnect","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_assignProps2","enhance"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,WAAW;AAEvC,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,OAAO,MAAM,+BAA+B;AACnD,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,OAAO,IAAIC,YAAY,QAAQ,aAAa;AACnD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,SAAS,MAAM,8BAA8B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIrD,IAAIC,cAAc,GAAGC,SAAS;AAC9B,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCF,cAAc,GAAG,IAAIG,KAAK,CAAC,WAAW,CAAC;AACzC;AAEA,IAAMC,kBAAkB,gBAAGvB,KAAK,CAACwB,UAAU,CAAC,UAAAC,KAAA,EAAyBC,GAAG;EAAA,IAAzBC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA;EAAA,oBAC/D9B,KAAA,CAAA+B,aAAA,CAACzB,GAAG,EAAA0B,QAAA;IAACN,GAAG,EAAEA;EAAI,GAAKE,KAAK,EAAI;AAAA,CAC7B,CAAC;AAAC,IAEGK,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EA8BlB,SAAAA,eAAYL,KAAK,EAAE;IAAA,IAAAU,KAAA;IAAAC,eAAA,OAAAN,cAAA;IACjBK,KAAA,GAAAF,MAAA,CAAAI,IAAA,OAAMZ,KAAK;IAAEa,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,eAnBJ,IAAI;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,eACJ,IAAI;IAAAG,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,oCACItC,KAAK,CAAC2C,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,kCACnBtC,KAAK,CAAC2C,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,YAU1B;MACNM,gBAAgB,EAAE,KAAK;MACvBC,cAAc,EAAE;IAClB,CAAC;IAAAJ,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,iBAUY,UAACQ,IAAI,EAAK;MACrBR,KAAA,CAAKS,QAAQ,GAAG9C,WAAW,CAAC6C,IAAI,CAAC;IACnC,CAAC;IAAAL,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,gBA8BW/B,OAAO,CAAC,YAAM;MACxB,IAAI,CAAC+B,KAAA,CAAKU,UAAU,EAAE;MAEtB,IAAAC,qBAAA,GAA0BX,KAAA,CAAKY,sBAAsB,EAAE;QAA/CC,MAAM,GAAAF,qBAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;MACrB,IAAID,MAAM,EAAEb,KAAA,CAAKU,UAAU,CAAChC,KAAK,CAACmC,MAAM,GAAGA,MAAM;MACjD,IAAIC,KAAK,EAAEd,KAAA,CAAKU,UAAU,CAAChC,KAAK,CAACoC,KAAK,GAAGA,KAAK;MAC9Cd,KAAA,CAAKU,UAAU,CAACK,aAAa,CAAClC,cAAc,CAAC;MAC7CmB,KAAA,CAAKgB,kBAAkB,EAAE;IAC3B,CAAC,CAAC;IAAAb,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,qBAEe/B,OAAO,CAAC,YAAM;MAC7BK,YAAY,CAAC0B,KAAA,CAAKU,UAAU,EAAEV,KAAA,CAAKiB,gBAAgB,CAACC,OAAO,EAAElB,KAAA,CAAKmB,cAAc,CAACD,OAAO,CAAC;IAC3F,CAAC,CAAC;IAAAf,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,4BAEsB/B,OAAO,CAAC,YAAM;MACpC,IAAI,CAAC+B,KAAA,CAAKU,UAAU,EAAE;MACtBV,KAAA,CAAKgB,kBAAkB,EAAE;MACzBhB,KAAA,CAAKoB,cAAc,EAAE;IACvB,CAAC,CAAC;IAEF;IAAAjB,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,mBACe,UAACqB,CAAC,EAAK;MAAA,IAAAC,SAAA;MACpB,KAAAA,SAAA,GAAID,CAAC,CAACE,MAAM,cAAAD,SAAA,eAARA,SAAA,CAAUE,WAAW,CAACxB,KAAA,CAAKS,QAAQ,CAAC,EAAE;QACxCY,CAAC,CAACE,MAAM,CAACE,SAAS,GAAG,CAAC;QACtBJ,CAAC,CAACE,MAAM,CAACG,UAAU,GAAG,CAAC;MACzB;IACF,CAAC;IAAAvB,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,mBAEc,UAAC2B,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAK;MACjD,IAAMC,aAAa,GAAGC,IAAI,CAACC,KAAK,CAACL,MAAM,CAAC;MACxC,IAAMM,gBAAgB,GAAGF,IAAI,CAACC,KAAK,CAACJ,SAAS,CAAC;MAC9C,IAAIM,MAAM,GAAG,EAAE;MACf;MACA,IAAID,gBAAgB,IAAI,CAAC,EAAE;QACzB;MAAA,CACD,MAAM,IAAIH,aAAa,IAAI,CAAC,EAAE;QAC7BI,MAAM,GAAG,KAAK;QACd;MACF,CAAC,MAAM,IAAIJ,aAAa,IAAIG,gBAAgB,EAAE;QAC5CC,MAAM,GAAG,OAAO;QAChB;MACF,CAAC,MAAM,IAAIJ,aAAa,GAAG,CAAC,EAAE;QAC5BI,MAAM,GAAG,QAAQ;MACnB;MACAlC,KAAA,CAAKmC,QAAQ,CAAAhC,eAAA,KACV0B,WAAW,EAAGK,MAAM,EACrB;IACJ,CAAC;IAAA/B,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,yBAEoB,YAAM;MACzB,IAAI,CAACA,KAAA,CAAKoC,OAAO,CAACF,MAAM,IAAI,CAAClC,KAAA,CAAKU,UAAU,IAAI,CAACV,KAAA,CAAKS,QAAQ,EAAE;MAEhE,IAAA4B,gBAAA,GACErC,KAAA,CAAKU,UAAU;QADT4B,WAAW,GAAAD,gBAAA,CAAXC,WAAW;QAAEC,WAAW,GAAAF,gBAAA,CAAXE,WAAW;QAAEC,YAAY,GAAAH,gBAAA,CAAZG,YAAY;QAAEC,YAAY,GAAAJ,gBAAA,CAAZI,YAAY;QAAEf,UAAU,GAAAW,gBAAA,CAAVX,UAAU;QAAED,SAAS,GAAAY,gBAAA,CAATZ,SAAS;MAEnF,IAAMiB,cAAc,GAAGJ,WAAW,GAAGC,WAAW;MAChD,IAAMI,eAAe,GAAGH,YAAY,GAAGC,YAAY;MAEnDzC,KAAA,CAAK4C,YAAY,CAAClB,UAAU,EAAEgB,cAAc,EAAE,kBAAkB,CAAC;MACjE1C,KAAA,CAAK4C,YAAY,CAACnB,SAAS,EAAEkB,eAAe,EAAE,gBAAgB,CAAC;IACjE,CAAC;IAhGC,IAAIlE,SAAS,EAAE,EAAE;MACfuB,KAAA,CAAK6C,QAAQ,GAAG,IAAIC,cAAc,CAAC1E,oBAAoB,CAACkB,KAAK,CAACyD,QAAQ,EAAE/C,KAAA,CAAKgD,SAAS,CAAC,CAAC;IAC1F;IAAC,OAAAhD,KAAA;EACH;EAACiD,YAAA,CAAAtD,cAAA;IAAAuD,GAAA;IAAAC,GAAA,EAnBD,SAAAA,IAAA,EAAiB;MACf,OAAOjF,YAAY,CAAC,IAAI,CAACkE,OAAO,CAACgB,SAAS,CAAC;IAC7C;EAAC;IAAAF,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAa;MACX,OAAOjF,YAAY,CAAC,IAAI,CAACkE,OAAO,CAACiB,KAAK,CAAC;IACzC;EAAC;IAAAH,GAAA;IAAAI,KAAA;IAmBD;IACA,SAAA1C,uBAAA,EAAyB;MACvB,IAAM2C,IAAI,GAAG;QAAEzC,KAAK,EAAE,EAAE;QAAED,MAAM,EAAE;MAAG,CAAC;MACtC,IAAI,CAAC,IAAI,CAACH,UAAU,IAAI,CAAC,IAAI,CAACD,QAAQ,EAAE,OAAO8C,IAAI;MACnD,IAAAC,iBAAA,GAAsC,IAAI,CAAC9C,UAAU;QAA7C4B,WAAW,GAAAkB,iBAAA,CAAXlB,WAAW;QAAEE,YAAY,GAAAgB,iBAAA,CAAZhB,YAAY;MACjC,IAAM9D,KAAK,GAAGK,MAAM,CAAC0E,gBAAgB,CAAC,IAAI,CAAChD,QAAQ,CAAC;MACpD,IAAMiD,QAAQ,GAAGC,MAAM,CAACC,QAAQ,CAAClF,KAAK,CAACmF,gBAAgB,CAAC,WAAW,CAAC,CAAC;MACrE,IAAMC,SAAS,GAAGH,MAAM,CAACC,QAAQ,CAAClF,KAAK,CAACmF,gBAAgB,CAAC,YAAY,CAAC,CAAC;MAEvE,IAAIH,QAAQ,EAAE;QACZ,IAAIpB,WAAW,GAAGoB,QAAQ,EAAE;UAC1BH,IAAI,CAACzC,KAAK,MAAAiD,MAAA,CAAML,QAAQ,OAAI;QAC9B,CAAC,MAAM;UACLH,IAAI,CAACzC,KAAK,GAAG,MAAM;QACrB;MACF;MAEA,IAAIgD,SAAS,EAAE;QACb,IAAItB,YAAY,GAAGsB,SAAS,EAAE;UAC5BP,IAAI,CAAC1C,MAAM,MAAAkD,MAAA,CAAMD,SAAS,OAAI;QAChC,CAAC,MAAM;UACLP,IAAI,CAAC1C,MAAM,GAAG,MAAM;QACtB;MACF;MAEA,OAAO0C,IAAI;IACb;EAAC;IAAAL,GAAA;IAAAI,KAAA,EA+DD,SAAAU,kBAAA,EAAoB;MAClB,IAAAC,aAAA,GAA4C,IAAI,CAAC7B,OAAO;QAAhDgB,SAAS,GAAAa,aAAA,CAATb,SAAS;QAAEC,KAAK,GAAAY,aAAA,CAALZ,KAAK;QAAEa,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;MACvC,OAAO;QACLC,EAAE,SAAAL,MAAA,CAASI,GAAG,sBAAmB;QACjC/E,GAAG,EAAEgE,SAAS;QACdiB,SAAS,EAAEhB,KAAK;QAChBa,QAAQ,EAAE9F,oBAAoB,CAAC8F,QAAQ,EAAE,IAAI,CAACI,qBAAqB;MACrE,CAAC;IACH;EAAC;IAAApB,GAAA;IAAAI,KAAA,EAED,SAAAiB,YAAA,EAAc;MACZ,IAAAC,cAAA,GAAwC,IAAI,CAACpC,OAAO;QAA5CgB,SAAS,GAAAoB,cAAA,CAATpB,SAAS;QAAEvB,WAAW,GAAA2C,cAAA,CAAX3C,WAAW;QAAEsC,GAAG,GAAAK,cAAA,CAAHL,GAAG;MACnC,OAAO;QACLf,SAAS,EAATA,SAAS;QACTvB,WAAW,EAAXA,WAAW;QACXsC,GAAG,EAAHA,GAAG;QACHlD,gBAAgB,EAAE,IAAI,CAACA,gBAAgB;QACvCE,cAAc,EAAE,IAAI,CAACA;MACvB,CAAC;IACH;EAAC;IAAA+B,GAAA;IAAAI,KAAA,EAED,SAAAmB,kBAAA,EAAoB;MAClB,IAAI,CAACzB,SAAS,EAAE;MAChB,IAAI,CAAC5B,cAAc,EAAE;MACrB,IAAI,IAAI,CAACsD,MAAM,EAAE;QAAA,IAAAC,cAAA;QACf,CAAAA,cAAA,OAAI,CAAC9B,QAAQ,cAAA8B,cAAA,uBAAbA,cAAA,CAAeC,OAAO,CAAC,IAAI,CAACF,MAAM,CAAC;MACrC;MACA,IAAI,IAAI,CAAChE,UAAU,EAAE;QAAA,IAAAmE,eAAA;QACnB,CAAAA,eAAA,OAAI,CAAChC,QAAQ,cAAAgC,eAAA,uBAAbA,eAAA,CAAeD,OAAO,CAAC,IAAI,CAAClE,UAAU,CAAC;MACzC;IACF;EAAC;IAAAwC,GAAA;IAAAI,KAAA,EAED,SAAAwB,mBAAA,EAAqB;MACnB,IAAI,CAAC9B,SAAS,EAAE;IAClB;EAAC;IAAAE,GAAA;IAAAI,KAAA,EAED,SAAAyB,qBAAA,EAAuB;MAAA,IAAAC,eAAA;MACrB,CAAAA,eAAA,OAAI,CAACnC,QAAQ,cAAAmC,eAAA,uBAAbA,eAAA,CAAeC,UAAU,EAAE;IAC7B;EAAC;IAAA/B,GAAA;IAAAI,KAAA,EAED,SAAA4B,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA/C,OAAA;QAAAgD,KAAA;MACP,IAAMC,WAAW,GAYLrH,GAAG;MAXf,IAAMsH,eAAe,GAAGrG,kBAAkB;MAC1C,IAAMsG,iBAAiB,GAAGtG,kBAAkB;MAC5C,IAAAuG,cAAA,GAAwE,IAAI,CAACpD,OAAO;QAA5EqD,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAE7D,WAAW,GAAA2D,cAAA,CAAX3D,WAAW;QAAE8D,QAAQ,GAAAH,cAAA,CAARG,QAAQ;QAAEC,kBAAkB,GAAAJ,cAAA,CAAlBI,kBAAkB;MACnE,IAAAC,WAAA,GAA6C,IAAI,CAACC,KAAK;QAA/CvF,cAAc,GAAAsF,WAAA,CAAdtF,cAAc;QAAED,gBAAgB,GAAAuF,WAAA,CAAhBvF,gBAAgB;MAExC,IAAMyF,YAAY,GAChBH,kBAAkB,IAClBzH,aAAa,CAACsH,QAAQ,EAAE,CAACO,UAAU,CAACC,SAAS,CAACC,WAAW,EAAEF,UAAU,CAACG,GAAG,CAACD,WAAW,CAAC,CAAC;MAEzF,OAAAd,KAAA,GAAOtH,OAAO,CAAC4H,MAAM,CAAC,eACpBhI,KAAA,CAAA+B,aAAA,CAAC4F,WAAW,EAAAD,KAAA,CAAAgB,EAAA,gBAAAC,aAAA,KAAAC,YAAA;QAAA,OAEL,IAAI,CAACC,UAAU;QAAA,YACV,IAAI,CAACC,YAAY;QAAA,kBACX,CAAC,UAAU;MAAC,GAAArB,IAAA,KAE3B5E,cAAc,iBAAI7C,KAAA,CAAA+B,aAAA,CAAC6F,eAAe,EAAAF,KAAA,CAAAgB,EAAA;QAAA,YAAW7F;MAAc,GAAI,EAC/DD,gBAAgB,iBAAI5C,KAAA,CAAA+B,aAAA,CAAC8F,iBAAiB,EAAAH,KAAA,CAAAgB,EAAA;QAAA,YAAW9F;MAAgB,GAAI,EACrEyF,YAAY,gBACXrI,KAAA,CAAA+B,aAAA,CAACgG,QAAQ,EAAAL,KAAA,CAAAgB,EAAA,iBAAG,gBAEZ1I,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAA+I,QAAA,qBACE/I,KAAA,CAAA+B,aAAA,CAACuG,UAAU,CAACC,SAAS;QAACN,QAAQ,EAAEA;MAAS,gBACvCjI,KAAA,CAAA+B,aAAA,CAACgG,QAAQ,EAAAL,KAAA,CAAAgB,EAAA,iBAAG,CACS,EACtB,CAACvE,WAAW,KAAK/C,SAAS,IAAI+C,WAAW,KAAK,YAAY,kBACzDnE,KAAA,CAAA+B,aAAA,CAACuG,UAAU,CAACG,GAAG;QAACtE,WAAW,EAAC;MAAY,EACzC,EACA,CAACA,WAAW,KAAK/C,SAAS,IAAI+C,WAAW,KAAK,UAAU,kBACvDnE,KAAA,CAAA+B,aAAA,CAACuG,UAAU,CAACG,GAAG;QAACtE,WAAW,EAAC;MAAU,EACvC,CAEJ,CACW;IAElB;EAAC;EAAA,OAAAlC,cAAA;AAAA,EAhN0B9B,SAAS;AAAAsC,eAAA,CAAhCR,cAAc,iBACG,YAAY;AAAAQ,eAAA,CAD7BR,cAAc,WAGHjB,KAAK;AAAAyB,eAAA,CAHhBR,cAAc,aAID,CAACnB,mBAAmB,EAAE,CAAC;AAAA2B,eAAA,CAJpCR,cAAc,kBAMI;EAAA,OAAO;IAC3ByD,SAAS,eAAE1F,KAAK,CAAC2C,SAAS,EAAE;IAC5BgD,KAAK,eAAE3F,KAAK,CAAC2C,SAAS,EAAE;IACxBsF,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC;AAyMJ,SAASe,aAAaA,CAACpH,KAAK,EAAE;EAAA,IAAAqH,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC5B,IAAMC,UAAU,GAGM9I,GAAG;EAFzB,IAAQyH,QAAQ,GAAwBnG,KAAK,CAArCmG,QAAQ;IAAEC,MAAM,GAAgBpG,KAAK,CAA3BoG,MAAM;IAAErB,SAAS,GAAK/E,KAAK,CAAnB+E,SAAS;EACnC,OAAAwC,KAAA,GAAO/I,OAAO,CAAC4H,MAAM,CAAC,eACpBhI,KAAA,CAAA+B,aAAA,CAACqH,UAAU,EAAAD,KAAA,CAAAT,EAAA,eAAAC,aAAA,KAAAU,aAAA;IAAA,YAAwB;EAAC,GAAAJ,KAAA,kBAClCjJ,KAAA,CAAA+B,aAAA,QAAAoH,KAAA,CAAAT,EAAA;IAAA,OAAU/B;EAAS,iBACjB3G,KAAA,CAAA+B,aAAA,CAACgG,QAAQ,EAAAoB,KAAA,CAAAT,EAAA,iBAAG,CACR,CACK;AAEjB;AAEAM,aAAa,CAACM,OAAO,GAAG,CAACzI,oBAAoB,EAAE,CAAC;AAEhD,IAAMyH,UAAU,GAAGpI,eAAe,CAAC+B,cAAc,EAAE;EACjDsG,SAAS,EAAES,aAAa;EACxBP,GAAG,EAAE9H;AACP,CAAC,CAAC;;AAEF;AACA,SAASQ,cAAc,EAAEmH,UAAU;AACnC,eAAeA,UAAU"}
+{"version":3,"file":"ScrollArea.js","names":["React","findDOMNode","createComponent","Component","sstyled","Root","Box","trottle","getNodeByRef","isAdvanceMode","callAllEventHandlers","BarRoot","setAreaValue","keyboardFocusEnhance","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","eventCalculate","undefined","window","Event","BoxWithoutPosition","forwardRef","_ref5","ref","position","props","_objectWithoutProperties","_excluded","createElement","_extends","ScrollAreaRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","shadowHorizontal","shadowVertical","node","$wrapper","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","scrollIntoView","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_assignProps2","enhance"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      e.target.scrollIntoView();\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid } = this.asProps;\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {shadowVertical && <SShadowVertical position={shadowVertical} />}\n        {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}

package/scroll-area/lib/es6/ScrollBar.js

@@ -15,11 +15,11 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import { getNodeByRef } from 'intergalactic/utils/lib/ref';
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1kdrg_gg_{position:absolute;display:flex}.___SScrollBar_1kdrg_gg_._orientation_vertical_1kdrg_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1kdrg_gg_._orientation_horizontal_1kdrg_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_1kdrg_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1kdrg_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_1kdrg_gg_",
-  "_orientation_vertical": "_orientation_vertical_1kdrg_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1kdrg_gg_",
-  "__SSlider": "___SSlider_1kdrg_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_imwvf_gg_{position:absolute;display:flex}.___SScrollBar_imwvf_gg_._orientation_vertical_imwvf_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_imwvf_gg_._orientation_horizontal_imwvf_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_imwvf_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "imwvf_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_imwvf_gg_",
+  "_orientation_vertical": "_orientation_vertical_imwvf_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_imwvf_gg_",
+  "__SSlider": "___SSlider_imwvf_gg_"
 });
 export var DEFAULT_SLIDER_SIZE = 50;
 

package/select/lib/cjs/InputSearch.js

@@ -22,12 +22,12 @@ var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_148xc_gg_._size_m_148xc_gg_{height:32px}.___SSearchClear_148xc_gg_.__hide_148xc_gg_{visibility:hidden}.___SOutline_148xc_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "148xc_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_148xc_gg_",
-  "_size_m": "_size_m_148xc_gg_",
-  "__SSearchClear": "___SSearchClear_148xc_gg_",
-  "_hide": "__hide_148xc_gg_",
-  "__SOutline": "___SOutline_148xc_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_e3e9w_gg_._size_m_e3e9w_gg_{height:32px}.___SSearchClear_e3e9w_gg_.__hide_e3e9w_gg_{visibility:hidden}.___SOutline_e3e9w_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "e3e9w_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_e3e9w_gg_",
+  "_size_m": "_size_m_e3e9w_gg_",
+  "__SSearchClear": "___SSearchClear_e3e9w_gg_",
+  "_hide": "__hide_e3e9w_gg_",
+  "__SOutline": "___SOutline_e3e9w_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -36,15 +36,15 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1th4t_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_1th4t_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_1th4t_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1th4t_gg_._size_l_1th4t_gg_{width:20px;height:20px}.___SOptionCheckbox_1th4t_gg_._size_l_1th4t_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1th4t_gg_.__checked_1th4t_gg_:before,.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1th4t_gg_.__theme_1th4t_gg_:before{border-color:var(--theme_1th4t)}.___SOptionCheckbox_1th4t_gg_.__theme_1th4t_gg_.__checked_1th4t_gg_:before{background-color:var(--theme_1th4t);border-color:var(--theme_1th4t)}.___SOptionCheckbox_1th4t_gg_.__selected_1th4t_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1th4t_gg_.__selected_1th4t_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_._size_l_1th4t_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_._size_m_1th4t_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1th4t_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_1th4t_gg_",
-  "_checked": "__checked_1th4t_gg_",
-  "_indeterminate": "__indeterminate_1th4t_gg_",
-  "_theme": "__theme_1th4t_gg_",
-  "--theme": "--theme_1th4t",
-  "_size_l": "_size_l_1th4t_gg_",
-  "_size_m": "_size_m_1th4t_gg_",
-  "_selected": "__selected_1th4t_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_bz050_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_bz050_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_bz050_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_{width:20px;height:20px}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_.__checked_bz050_gg_:before,.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_:before{border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_.__checked_bz050_gg_:before{background-color:var(--theme_bz050);border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_l_bz050_gg_:after{width:12px;height:2px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_m_bz050_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "bz050_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_bz050_gg_",
+  "_checked": "__checked_bz050_gg_",
+  "_indeterminate": "__indeterminate_bz050_gg_",
+  "_theme": "__theme_bz050_gg_",
+  "--theme": "--theme_bz050",
+  "_size_l": "_size_l_bz050_gg_",
+  "_size_m": "_size_m_bz050_gg_",
+  "_selected": "__selected_bz050_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/select/lib/es6/InputSearch.js

@@ -19,12 +19,12 @@ import { selectContext } from './context';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_148xc_gg_._size_m_148xc_gg_{height:32px}.___SSearchClear_148xc_gg_.__hide_148xc_gg_{visibility:hidden}.___SOutline_148xc_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "148xc_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_148xc_gg_",
-  "_size_m": "_size_m_148xc_gg_",
-  "__SSearchClear": "___SSearchClear_148xc_gg_",
-  "_hide": "__hide_148xc_gg_",
-  "__SOutline": "___SOutline_148xc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_e3e9w_gg_._size_m_e3e9w_gg_{height:32px}.___SSearchClear_e3e9w_gg_.__hide_e3e9w_gg_{visibility:hidden}.___SOutline_e3e9w_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "e3e9w_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_e3e9w_gg_",
+  "_size_m": "_size_m_e3e9w_gg_",
+  "__SSearchClear": "___SSearchClear_e3e9w_gg_",
+  "_hide": "__hide_e3e9w_gg_",
+  "__SOutline": "___SOutline_e3e9w_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);

package/select/lib/es6/Select.js

@@ -33,15 +33,15 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1th4t_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_1th4t_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_1th4t_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1th4t_gg_._size_l_1th4t_gg_{width:20px;height:20px}.___SOptionCheckbox_1th4t_gg_._size_l_1th4t_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1th4t_gg_.__checked_1th4t_gg_:before,.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1th4t_gg_.__theme_1th4t_gg_:before{border-color:var(--theme_1th4t)}.___SOptionCheckbox_1th4t_gg_.__theme_1th4t_gg_.__checked_1th4t_gg_:before{background-color:var(--theme_1th4t);border-color:var(--theme_1th4t)}.___SOptionCheckbox_1th4t_gg_.__selected_1th4t_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1th4t_gg_.__selected_1th4t_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_._size_l_1th4t_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1th4t_gg_.__indeterminate_1th4t_gg_._size_m_1th4t_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1th4t_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_1th4t_gg_",
-  "_checked": "__checked_1th4t_gg_",
-  "_indeterminate": "__indeterminate_1th4t_gg_",
-  "_theme": "__theme_1th4t_gg_",
-  "--theme": "--theme_1th4t",
-  "_size_l": "_size_l_1th4t_gg_",
-  "_size_m": "_size_m_1th4t_gg_",
-  "_selected": "__selected_1th4t_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_bz050_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_bz050_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_bz050_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_{width:20px;height:20px}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_.__checked_bz050_gg_:before,.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_:before{border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_.__checked_bz050_gg_:before{background-color:var(--theme_bz050);border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_l_bz050_gg_:after{width:12px;height:2px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_m_bz050_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "bz050_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_bz050_gg_",
+  "_checked": "__checked_bz050_gg_",
+  "_indeterminate": "__indeterminate_bz050_gg_",
+  "_theme": "__theme_bz050_gg_",
+  "--theme": "--theme_bz050",
+  "_size_l": "_size_l_bz050_gg_",
+  "_size_m": "_size_m_bz050_gg_",
+  "_selected": "__selected_bz050_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/side-panel/lib/cjs/SidePanel.js

@@ -30,21 +30,21 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOverlay_o7m1i_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_o7m1i_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_o7m1i_gg_._placement_right_o7m1i_gg_,.___SPanel_o7m1i_gg_._placement_top_o7m1i_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_o7m1i_gg_._placement_top_o7m1i_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_o7m1i_gg_._placement_right_o7m1i_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_o7m1i_gg_._placement_bottom_o7m1i_gg_,.___SPanel_o7m1i_gg_._placement_left_o7m1i_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_o7m1i_gg_._placement_bottom_o7m1i_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_o7m1i_gg_._placement_left_o7m1i_gg_{height:100vh;margin-right:auto;top:0}.___SClose_o7m1i_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_o7m1i_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_o7m1i_gg_.__keyboardFocused_o7m1i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_o7m1i_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_o7m1i_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_o7m1i_gg_,.___STitle_o7m1i_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_o7m1i_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_o7m1i_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_o7m1i_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_o7m1i_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_o7m1i_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "o7m1i_gg_") /*__reshadow_css_end__*/, {
-  "__SOverlay": "___SOverlay_o7m1i_gg_",
-  "__SPanel": "___SPanel_o7m1i_gg_",
-  "_placement_top": "_placement_top_o7m1i_gg_",
-  "_placement_right": "_placement_right_o7m1i_gg_",
-  "_placement_bottom": "_placement_bottom_o7m1i_gg_",
-  "_placement_left": "_placement_left_o7m1i_gg_",
-  "__SClose": "___SClose_o7m1i_gg_",
-  "_keyboardFocused": "__keyboardFocused_o7m1i_gg_",
-  "__SBackText": "___SBackText_o7m1i_gg_",
-  "__STitle": "___STitle_o7m1i_gg_",
-  "__SHeader": "___SHeader_o7m1i_gg_",
-  "__SFooter": "___SFooter_o7m1i_gg_",
-  "__SBody": "___SBody_o7m1i_gg_",
-  "__SBack": "___SBack_o7m1i_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOverlay_q8248_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_q8248_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_q8248_gg_._placement_right_q8248_gg_,.___SPanel_q8248_gg_._placement_top_q8248_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_q8248_gg_._placement_top_q8248_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_q8248_gg_._placement_right_q8248_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_q8248_gg_._placement_bottom_q8248_gg_,.___SPanel_q8248_gg_._placement_left_q8248_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_q8248_gg_._placement_bottom_q8248_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_q8248_gg_._placement_left_q8248_gg_{height:100vh;margin-right:auto;top:0}.___SClose_q8248_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_q8248_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_q8248_gg_.__keyboardFocused_q8248_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_q8248_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_q8248_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_q8248_gg_,.___STitle_q8248_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_q8248_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_q8248_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_q8248_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_q8248_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_q8248_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "q8248_gg_") /*__reshadow_css_end__*/, {
+  "__SOverlay": "___SOverlay_q8248_gg_",
+  "__SPanel": "___SPanel_q8248_gg_",
+  "_placement_top": "_placement_top_q8248_gg_",
+  "_placement_right": "_placement_right_q8248_gg_",
+  "_placement_bottom": "_placement_bottom_q8248_gg_",
+  "_placement_left": "_placement_left_q8248_gg_",
+  "__SClose": "___SClose_q8248_gg_",
+  "_keyboardFocused": "__keyboardFocused_q8248_gg_",
+  "__SBackText": "___SBackText_q8248_gg_",
+  "__STitle": "___STitle_q8248_gg_",
+  "__SHeader": "___SHeader_q8248_gg_",
+  "__SFooter": "___SFooter_q8248_gg_",
+  "__SBody": "___SBody_q8248_gg_",
+  "__SBack": "___SBack_q8248_gg_"
 });
 var RootSidePanel = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSidePanel, _Component);