intergalactic 15.100.0 → 15.101.0

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

@@ -30,27 +30,27 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_a901z_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_a901z_gg_:after,.___SShadowHorizontal_a901z_gg_:before,.___SShadowVertical_a901z_gg_:after,.___SShadowVertical_a901z_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_a901z_gg_:after,.___SShadowHorizontal_a901z_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_a901z_gg_._position_median_a901z_gg_:before{left:0;display:block;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_a901z_gg_._position_median_a901z_gg_:after{right:0;display:block;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_a901z_gg_._position_start_a901z_gg_:before{left:0;display:block;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_a901z_gg_._position_end_a901z_gg_:after{right:0;display:block;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_a901z_gg_.__leftOffset_a901z_gg_:before{left:var(--leftOffset_a901z)}.___SShadowHorizontal_a901z_gg_.__rightOffset_a901z_gg_:after{right:var(--rightOffset_a901z)}.___SShadowVertical_a901z_gg_:after,.___SShadowVertical_a901z_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_a901z_gg_._position_median_a901z_gg_:before{top:0;display:block;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_a901z_gg_._position_median_a901z_gg_:after{bottom:0;display:block;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_a901z_gg_._position_start_a901z_gg_:before{top:0;display:block;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_a901z_gg_._position_end_a901z_gg_:after{bottom:0;display:block;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_a901z_gg_.__topOffset_a901z_gg_:before{top:var(--topOffset_a901z)}.___SShadowVertical_a901z_gg_.__bottomOffset_a901z_gg_:after{bottom:var(--bottomOffset_a901z)}.___SContainer_a901z_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_a901z_gg_::-webkit-scrollbar{display:none}.___SContainer_a901z_gg_.__keyboardFocused_a901z_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_a901z);right:var(--focusRingRightOffset_a901z);bottom:var(--focusRingBottomOffset_a901z);left:var(--focusRingLeftOffset_a901z);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__*/, "a901z_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_a901z_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_a901z_gg_",
-  "_leftOffset": "__leftOffset_a901z_gg_",
-  "--leftOffset": "--leftOffset_a901z",
-  "_rightOffset": "__rightOffset_a901z_gg_",
-  "--rightOffset": "--rightOffset_a901z",
-  "__SShadowVertical": "___SShadowVertical_a901z_gg_",
-  "_topOffset": "__topOffset_a901z_gg_",
-  "--topOffset": "--topOffset_a901z",
-  "_bottomOffset": "__bottomOffset_a901z_gg_",
-  "--bottomOffset": "--bottomOffset_a901z",
-  "__SContainer": "___SContainer_a901z_gg_",
-  "_keyboardFocused": "__keyboardFocused_a901z_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_a901z",
-  "--focusRingRightOffset": "--focusRingRightOffset_a901z",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_a901z",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_a901z",
-  "_position_median": "_position_median_a901z_gg_",
-  "_position_start": "_position_start_a901z_gg_",
-  "_position_end": "_position_end_a901z_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_48drj_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before,.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_48drj_gg_._position_median_48drj_gg_:before{left:0;display:block;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_48drj_gg_._position_median_48drj_gg_:after{right:0;display:block;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_48drj_gg_._position_start_48drj_gg_:before{left:0;display:block;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_48drj_gg_._position_end_48drj_gg_:after{right:0;display:block;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_48drj_gg_.__leftOffset_48drj_gg_:before{left:var(--leftOffset_48drj)}.___SShadowHorizontal_48drj_gg_.__rightOffset_48drj_gg_:after{right:var(--rightOffset_48drj)}.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_48drj_gg_._position_median_48drj_gg_:before{top:0;display:block;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_48drj_gg_._position_median_48drj_gg_:after{bottom:0;display:block;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_48drj_gg_._position_start_48drj_gg_:before{top:0;display:block;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_48drj_gg_._position_end_48drj_gg_:after{bottom:0;display:block;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_48drj_gg_.__topOffset_48drj_gg_:before{top:var(--topOffset_48drj)}.___SShadowVertical_48drj_gg_.__bottomOffset_48drj_gg_:after{bottom:var(--bottomOffset_48drj)}.___SContainer_48drj_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_48drj_gg_::-webkit-scrollbar{display:none}.___SContainer_48drj_gg_.__keyboardFocused_48drj_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_48drj);right:var(--focusRingRightOffset_48drj);bottom:var(--focusRingBottomOffset_48drj);left:var(--focusRingLeftOffset_48drj);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__*/, "48drj_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_48drj_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_48drj_gg_",
+  "_leftOffset": "__leftOffset_48drj_gg_",
+  "--leftOffset": "--leftOffset_48drj",
+  "_rightOffset": "__rightOffset_48drj_gg_",
+  "--rightOffset": "--rightOffset_48drj",
+  "__SShadowVertical": "___SShadowVertical_48drj_gg_",
+  "_topOffset": "__topOffset_48drj_gg_",
+  "--topOffset": "--topOffset_48drj",
+  "_bottomOffset": "__bottomOffset_48drj_gg_",
+  "--bottomOffset": "--bottomOffset_48drj",
+  "__SContainer": "___SContainer_48drj_gg_",
+  "_keyboardFocused": "__keyboardFocused_48drj_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_48drj",
+  "--focusRingRightOffset": "--focusRingRightOffset_48drj",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_48drj",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_48drj",
+  "_position_median": "_position_median_48drj_gg_",
+  "_position_start": "_position_start_48drj_gg_",
+  "_position_end": "_position_end_48drj_gg_"
 });
 var eventCalculate = undefined;
 exports.eventCalculate = eventCalculate;
@@ -234,7 +234,8 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
       }
       if (maxHeight) {
         if (hMax && parent.scrollHeight > parentRect.height) {
-          var _diff = parent.scrollHeight - parentRect.height;
+          /** even if height is like 100.486px we should round it to 100, not 101 */
+          var _diff = Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));
           if (_diff < maxHeight) {
             maxHeight = maxHeight - _diff;
             this.$wrapper.style.setProperty('max-height', "".concat(maxHeight, "px"));

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","_index","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","element","propertyKey","value","propertyValue","concat","setProperty","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","_parent$getBoundingCl","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","_this$asProps2","wMax","hMax","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","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$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","enhance","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(), keyboardFocusEnhance()];\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  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\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 parent = this.$wrapper.parentElement;\n    const parentRect = parent?.getBoundingClientRect() ?? { width: 0, height: 0 };\n    const { wMax, hMax } = this.asProps;\n\n    if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n    if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (wMax && parent.scrollWidth > parentRect.width) {\n        const diff = parent.scrollWidth - parentRect.width;\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (hMax && parent.scrollHeight > parentRect.height) {\n        const diff = parent.scrollHeight - parentRect.height;\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\n\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      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\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, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\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 {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = 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        {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        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\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","_index","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","element","propertyKey","value","propertyValue","concat","setProperty","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","_parent$getBoundingCl","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","_this$asProps2","wMax","hMax","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","toFixed","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","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$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","enhance","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(), keyboardFocusEnhance()];\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  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\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 parent = this.$wrapper.parentElement;\n    const parentRect = parent?.getBoundingClientRect() ?? { width: 0, height: 0 };\n    const { wMax, hMax } = this.asProps;\n\n    if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n    if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (wMax && parent.scrollWidth > parentRect.width) {\n        const diff = parent.scrollWidth - parentRect.width;\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (hMax && parent.scrollHeight > parentRect.height) {\n        /** even if height is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\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      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\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, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\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 {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = 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        {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        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\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":";;;;;;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAHA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAGA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAV,uBAAA,CAAAC,OAAA;AACA,IAAAU,qBAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,SAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,UAAA,GAAAV,sBAAA,CAAAF,OAAA;AAAqD,IAAAa,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIrD,IAAIC,cAAc,GAAGC,SAAS;AAACC,OAAA,CAAAF,cAAA,GAAAA,cAAA;AAC/B,IAAI,OAAOG,MAAM,KAAK,WAAW,EAAE;EACjCD,OAAA,CAAAF,cAAA,GAAAA,cAAc,GAAG,IAAII,KAAK,CAAC,WAAW,CAAC;AACzC;AAEA,IAAMC,kBAAkB,gBAAGC,iBAAK,CAACC,UAAU,CAAC,UAAAC,KAAA,EAAyBC,GAAG;EAAA,IAAzBC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,aAAAJ,KAAA,EAAAb,SAAA;EAAA,oBAC/DZ,MAAA,YAAA8B,aAAA,CAAC3B,QAAA,CAAA4B,GAAG,MAAAC,SAAA;IAACN,GAAG,EAAEA;EAAI,GAAKE,KAAK,EAAI;AAAA,CAC7B,CAAC;AAAC,IAEGK,cAAc,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EA8BlB,SAAAA,eAAYL,KAAK,EAAE;IAAA,IAAAU,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,cAAA;IACjBK,KAAA,GAAAF,MAAA,CAAAI,IAAA,OAAMZ,KAAK;IAAE,IAAAa,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,eAnBJ,IAAI;IAAA,IAAAG,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,eACJ,IAAI;IAAA,IAAAG,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,oCACIf,iBAAK,CAACoB,SAAS,EAAE;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,kCACnBf,iBAAK,CAACoB,SAAS,EAAE;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,YAU1B;MACNM,gBAAgB,EAAE,KAAK;MACvBC,cAAc,EAAE;IAClB,CAAC;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,iBAUY,UAACQ,IAAI,EAAK;MACrBR,KAAA,CAAKS,QAAQ,GAAG,IAAAC,qBAAW,EAACF,IAAI,CAAC;IACnC,CAAC;IAAA,IAAAL,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,2BAEsB,UAACW,OAAO,EAAEC,WAAW,EAAEC,KAAK,EAAK;MACtD,IAAIC,aAAa,GAAGD,KAAK;MAEzB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;QAC7BC,aAAa,GAAGD,KAAK,GAAG,CAAC,MAAAE,MAAA,CAAM,GAAG,GAAGF,KAAK,YAAAE,MAAA,CAASF,KAAK,OAAI;MAC9D;MAEAF,OAAO,CAACpC,KAAK,CAACyC,WAAW,CAACJ,WAAW,EAAEE,aAAa,CAAC;IACvD,CAAC;IAAA,IAAAX,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,gBA0DW,IAAAiB,sBAAO,EAAC,YAAM;MACxB,IAAI,CAACjB,KAAA,CAAKkB,UAAU,EAAE;MAEtB,IAAAC,qBAAA,GAA0BnB,KAAA,CAAKoB,sBAAsB,EAAE;QAA/CC,MAAM,GAAAF,qBAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;MACrB,IAAID,MAAM,EAAErB,KAAA,CAAKkB,UAAU,CAAC3C,KAAK,CAAC8C,MAAM,GAAGA,MAAM;MACjD,IAAIC,KAAK,EAAEtB,KAAA,CAAKkB,UAAU,CAAC3C,KAAK,CAAC+C,KAAK,GAAGA,KAAK;MAC9CtB,KAAA,CAAKkB,UAAU,CAACK,aAAa,CAAC5C,cAAc,CAAC;MAC7CqB,KAAA,CAAKwB,kBAAkB,EAAE;IAC3B,CAAC,CAAC;IAAA,IAAArB,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,qBAEe,IAAAiB,sBAAO,EAAC,YAAM;MAC7B,IAAAQ,uBAAY,EAACzB,KAAA,CAAKkB,UAAU,EAAElB,KAAA,CAAK0B,gBAAgB,CAACC,OAAO,EAAE3B,KAAA,CAAK4B,cAAc,CAACD,OAAO,CAAC;IAC3F,CAAC,CAAC;IAAA,IAAAxB,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,4BAEsB,IAAAiB,sBAAO,EAAC,YAAM;MACpC,IAAI,CAACjB,KAAA,CAAKkB,UAAU,EAAE;MACtBlB,KAAA,CAAKwB,kBAAkB,EAAE;MACzBxB,KAAA,CAAK6B,cAAc,EAAE;IACvB,CAAC,CAAC;IAEF;IAAA,IAAA1B,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,mBACe,UAAC8B,CAAC,EAAK;MAAA,IAAAC,SAAA;MACpB,KAAAA,SAAA,GAAID,CAAC,CAACE,MAAM,cAAAD,SAAA,eAARA,SAAA,CAAUE,WAAW,CAACjC,KAAA,CAAKS,QAAQ,CAAC,EAAE;QACxCqB,CAAC,CAACE,MAAM,CAACE,SAAS,GAAG,CAAC;QACtBJ,CAAC,CAACE,MAAM,CAACG,UAAU,GAAG,CAAC;MACzB;IACF,CAAC;IAAA,IAAAhC,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,oBAEe,UAAC8B,CAAC,EAAK;MACrBM,UAAU,CAAC,YAAM;QACf,IAAAC,aAAA,GAA8ErC,KAAA,CAAKsC,OAAO;UAAlFC,eAAe,GAAAF,aAAA,CAAfE,eAAe;UAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;UAAEC,WAAW,GAAAJ,aAAA,CAAXI,WAAW;UAAEC,SAAS,GAAAL,aAAA,CAATK,SAAS;UAAEC,YAAY,GAAAN,aAAA,CAAZM,YAAY;QAEzE,IAAI3C,KAAA,CAAKkB,UAAU,IAAI,OAAOlB,KAAA,CAAKkB,UAAU,CAAC0B,QAAQ,KAAK,UAAU,EAAE;UACrE,IAAMC,QAAQ,GAAG7C,KAAA,CAAKkB,UAAU,CAAC4B,qBAAqB,EAAE;UACxD,IAAMnC,OAAO,GAAGmB,CAAC,CAACE,MAAM,CAACc,qBAAqB,EAAE;UAEhD,IAAMC,MAAM,GAAG;YACbC,GAAG,EAAEN,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,CAAC;YACnBO,IAAI,EAAET,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,CAAC;YACrBU,KAAK,EAAET,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,CAAC;YACvBU,MAAM,EAAER,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI;UAC1B,CAAC;UAED,IAAIE,QAAQ,EAAE;YACZ,IAAMO,aAAa,GACjBC,IAAI,CAACC,KAAK,CAAC3C,OAAO,CAACqC,GAAG,CAAC,IAAIH,QAAQ,CAACM,MAAM,GAAGJ,MAAM,CAACI,MAAM,IAC1DE,IAAI,CAACC,KAAK,CAAC3C,OAAO,CAACwC,MAAM,CAAC,IAAIN,QAAQ,CAACG,GAAG,GAAGD,MAAM,CAACC,GAAG,IACvDK,IAAI,CAACC,KAAK,CAAC3C,OAAO,CAACsC,IAAI,CAAC,IAAIJ,QAAQ,CAACK,KAAK,GAAGH,MAAM,CAACG,KAAK,IACzDG,IAAI,CAACC,KAAK,CAAC3C,OAAO,CAACuC,KAAK,CAAC,IAAIL,QAAQ,CAACI,IAAI,GAAGF,MAAM,CAACE,IAAI;YAE1D,IAAIG,aAAa,IAAIb,eAAe,EAAE;cACpCvC,KAAA,CAAKkB,UAAU,CAAC0B,QAAQ,CAAC;gBACvBI,GAAG,EAAErC,OAAO,CAACqC,GAAG,GAAGhD,KAAA,CAAKkB,UAAU,CAACgB,SAAS,GAAGa,MAAM,CAACC,GAAG,GAAGH,QAAQ,CAACG,GAAG;gBACxEC,IAAI,EAAEtC,OAAO,CAACsC,IAAI,GAAGjD,KAAA,CAAKkB,UAAU,CAACiB,UAAU,GAAGY,MAAM,CAACE,IAAI,GAAGJ,QAAQ,CAACI;cAC3E,CAAC,CAAC;YACJ;UACF;QACF;MACF,CAAC,EAAE,CAAC,CAAC;IACP,CAAC;IAAA,IAAA9C,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,mBAEc,UAACuD,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAK;MACjD,IAAMC,aAAa,GAAGL,IAAI,CAACM,KAAK,CAACJ,MAAM,CAAC;MACxC,IAAMK,gBAAgB,GAAGP,IAAI,CAACM,KAAK,CAACH,SAAS,CAAC;MAC9C,IAAIK,MAAM,GAAG,EAAE;MACf;MACA,IAAID,gBAAgB,IAAI,CAAC,EAAE;QACzB;MAAA,CACD,MAAM,IAAIF,aAAa,IAAI,CAAC,EAAE;QAC7BG,MAAM,GAAG,KAAK;QACd;MACF,CAAC,MAAM,IAAIH,aAAa,IAAIE,gBAAgB,EAAE;QAC5CC,MAAM,GAAG,OAAO;QAChB;MACF,CAAC,MAAM,IAAIH,aAAa,GAAG,CAAC,EAAE;QAC5BG,MAAM,GAAG,QAAQ;MACnB;MACA7D,KAAA,CAAK8D,QAAQ,KAAA3D,gBAAA,iBACVsD,WAAW,EAAGI,MAAM,EACrB;IACJ,CAAC;IAAA,IAAA1D,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,yBAEoB,YAAM;MACzB,IAAI,CAACA,KAAA,CAAKsC,OAAO,CAACuB,MAAM,IAAI,CAAC7D,KAAA,CAAKkB,UAAU,IAAI,CAAClB,KAAA,CAAKS,QAAQ,EAAE;MAEhE,IAAAsD,gBAAA,GACE/D,KAAA,CAAKkB,UAAU;QADT8C,WAAW,GAAAD,gBAAA,CAAXC,WAAW;QAAEC,WAAW,GAAAF,gBAAA,CAAXE,WAAW;QAAEC,YAAY,GAAAH,gBAAA,CAAZG,YAAY;QAAEC,YAAY,GAAAJ,gBAAA,CAAZI,YAAY;QAAEhC,UAAU,GAAA4B,gBAAA,CAAV5B,UAAU;QAAED,SAAS,GAAA6B,gBAAA,CAAT7B,SAAS;MAEnF,IAAMkC,cAAc,GAAGJ,WAAW,GAAGC,WAAW;MAChD,IAAMI,eAAe,GAAGH,YAAY,GAAGC,YAAY;MAEnDnE,KAAA,CAAKsE,YAAY,CAACnC,UAAU,EAAEiC,cAAc,EAAE,kBAAkB,CAAC;MACjEpE,KAAA,CAAKsE,YAAY,CAACpC,SAAS,EAAEmC,eAAe,EAAE,gBAAgB,CAAC;IACjE,CAAC;IAvKC,IAAI,IAAAE,qBAAS,GAAE,EAAE;MACfvE,KAAA,CAAKwE,QAAQ,GAAG,IAAIC,cAAc,CAAC,IAAAC,kCAAoB,EAACpF,KAAK,CAACqF,QAAQ,EAAE3E,KAAA,CAAK4E,SAAS,CAAC,CAAC;IAC1F;IAAC,OAAA5E,KAAA;EACH;EAAC,IAAA6E,aAAA,aAAAlF,cAAA;IAAAmF,GAAA;IAAAC,GAAA,EAnBD,SAAAA,IAAA,EAAiB;MACf,OAAO,IAAAC,kBAAY,EAAC,IAAI,CAAC1C,OAAO,CAAC2C,SAAS,CAAC;IAC7C;EAAC;IAAAH,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAa;MACX,OAAO,IAAAC,kBAAY,EAAC,IAAI,CAAC1C,OAAO,CAAC4C,KAAK,CAAC;IACzC;EAAC;IAAAJ,GAAA;IAAAjE,KAAA;IA6BD;IACA,SAAAO,uBAAA,EAAyB;MAAA,IAAA+D,qBAAA;MACvB,IAAMC,IAAI,GAAG;QAAE9D,KAAK,EAAE,EAAE;QAAED,MAAM,EAAE;MAAG,CAAC;MACtC,IAAI,CAAC,IAAI,CAACH,UAAU,IAAI,CAAC,IAAI,CAACT,QAAQ,EAAE,OAAO2E,IAAI;MACnD,IAAAC,iBAAA,GAAsC,IAAI,CAACnE,UAAU;QAA7C8C,WAAW,GAAAqB,iBAAA,CAAXrB,WAAW;QAAEE,YAAY,GAAAmB,iBAAA,CAAZnB,YAAY;MACjC,IAAM3F,KAAK,GAAGO,MAAM,CAACwG,gBAAgB,CAAC,IAAI,CAAC7E,QAAQ,CAAC;MACpD,IAAM8E,MAAM,GAAG,IAAI,CAAC9E,QAAQ,CAAC+E,aAAa;MAC1C,IAAMC,UAAU,IAAAN,qBAAA,GAAGI,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEzC,qBAAqB,EAAE,cAAAqC,qBAAA,cAAAA,qBAAA,GAAI;QAAE7D,KAAK,EAAE,CAAC;QAAED,MAAM,EAAE;MAAE,CAAC;MAC7E,IAAAqE,cAAA,GAAuB,IAAI,CAACpD,OAAO;QAA3BqD,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEC,IAAI,GAAAF,cAAA,CAAJE,IAAI;MAElB,IAAID,IAAI,EAAE,IAAI,CAACE,oBAAoB,CAAC,IAAI,CAACpF,QAAQ,EAAE,WAAW,EAAEkF,IAAI,CAAC;MACrE,IAAIC,IAAI,EAAE,IAAI,CAACC,oBAAoB,CAAC,IAAI,CAACpF,QAAQ,EAAE,YAAY,EAAEmF,IAAI,CAAC;MAEtE,IAAIE,QAAQ,GAAGC,MAAM,CAACC,QAAQ,CAACzH,KAAK,CAAC0H,gBAAgB,CAAC,WAAW,CAAC,CAAC;MACnE,IAAIC,SAAS,GAAGH,MAAM,CAACC,QAAQ,CAACzH,KAAK,CAAC0H,gBAAgB,CAAC,YAAY,CAAC,CAAC;MAErE,IAAIH,QAAQ,EAAE;QACZ,IAAIH,IAAI,IAAIJ,MAAM,CAACvB,WAAW,GAAGyB,UAAU,CAACnE,KAAK,EAAE;UACjD,IAAM6E,IAAI,GAAGZ,MAAM,CAACvB,WAAW,GAAGyB,UAAU,CAACnE,KAAK;UAElD,IAAI6E,IAAI,GAAGL,QAAQ,EAAE;YACnBA,QAAQ,GAAGA,QAAQ,GAAGK,IAAI;YAE1B,IAAI,CAAC1F,QAAQ,CAAClC,KAAK,CAACyC,WAAW,CAAC,WAAW,KAAAD,MAAA,CAAK+E,QAAQ,QAAK;UAC/D;QACF;QAEA,IAAI9B,WAAW,GAAG8B,QAAQ,EAAE;UAC1BV,IAAI,CAAC9D,KAAK,MAAAP,MAAA,CAAM+E,QAAQ,OAAI;QAC9B,CAAC,MAAM;UACLV,IAAI,CAAC9D,KAAK,GAAG,MAAM;QACrB;MACF;MAEA,IAAI4E,SAAS,EAAE;QACb,IAAIN,IAAI,IAAIL,MAAM,CAACrB,YAAY,GAAGuB,UAAU,CAACpE,MAAM,EAAE;UACnD;UACA,IAAM8E,KAAI,GACR9C,IAAI,CAACM,KAAK,CAAC4B,MAAM,CAACrB,YAAY,CAACkC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG/C,IAAI,CAACM,KAAK,CAAC8B,UAAU,CAACpE,MAAM,CAAC+E,OAAO,CAAC,CAAC,CAAC,CAAC;UAEvF,IAAID,KAAI,GAAGD,SAAS,EAAE;YACpBA,SAAS,GAAGA,SAAS,GAAGC,KAAI;YAE5B,IAAI,CAAC1F,QAAQ,CAAClC,KAAK,CAACyC,WAAW,CAAC,YAAY,KAAAD,MAAA,CAAKmF,SAAS,QAAK;UACjE;QACF;QACA,IAAIhC,YAAY,GAAGgC,SAAS,EAAE;UAC5Bd,IAAI,CAAC/D,MAAM,MAAAN,MAAA,CAAMmF,SAAS,OAAI;QAChC,CAAC,MAAM;UACLd,IAAI,CAAC/D,MAAM,GAAG,MAAM;QACtB;MACF;MAEA,OAAO+D,IAAI;IACb;EAAC;IAAAN,GAAA;IAAAjE,KAAA,EAgGD,SAAAwF,kBAAA,EAAoB;MAClB,IAAAC,cAAA,GAA4C,IAAI,CAAChE,OAAO;QAAhD2C,SAAS,GAAAqB,cAAA,CAATrB,SAAS;QAAEC,KAAK,GAAAoB,cAAA,CAALpB,KAAK;QAAEqB,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,GAAG,GAAAF,cAAA,CAAHE,GAAG;MACvC,OAAO;QACLC,EAAE,SAAA1F,MAAA,CAASyF,GAAG,sBAAmB;QACjCpH,GAAG,EAAE6F,SAAS;QACdyB,SAAS,EAAExB,KAAK;QAChBqB,QAAQ,EAAE,IAAA7B,kCAAoB,EAAC6B,QAAQ,EAAE,IAAI,CAACI,qBAAqB;MACrE,CAAC;IACH;EAAC;IAAA7B,GAAA;IAAAjE,KAAA,EAED,SAAA+F,YAAA,EAAc;MACZ,IAAAC,cAAA,GAAiE,IAAI,CAACvE,OAAO;QAArE2C,SAAS,GAAA4B,cAAA,CAAT5B,SAAS;QAAExB,WAAW,GAAAoD,cAAA,CAAXpD,WAAW;QAAE+C,GAAG,GAAAK,cAAA,CAAHL,GAAG;QAAEhE,UAAU,GAAAqE,cAAA,CAAVrE,UAAU;QAAEC,WAAW,GAAAoE,cAAA,CAAXpE,WAAW;MAE5D,OAAO;QACLwC,SAAS,EAATA,SAAS;QACTxB,WAAW,EAAXA,WAAW;QACX+C,GAAG,EAAHA,GAAG;QACH9E,gBAAgB,EAAE,IAAI,CAACA,gBAAgB;QACvCE,cAAc,EAAE,IAAI,CAACA,cAAc;QACnCY,UAAU,EAAVA,UAAU;QACVC,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAqC,GAAA;IAAAjE,KAAA,EAED,SAAAiG,kBAAA,EAAoB;MAAA,IAAAC,YAAA;MAClB,IAAI,CAACnC,SAAS,EAAE;MAChB,IAAI,CAAC/C,cAAc,EAAE;MACrB,IAAI,IAAI,CAACmF,MAAM,EAAE;QAAA,IAAAC,cAAA;QACf,CAAAA,cAAA,OAAI,CAACzC,QAAQ,cAAAyC,cAAA,uBAAbA,cAAA,CAAeC,OAAO,CAAC,IAAI,CAACF,MAAM,CAAC;MACrC;MACA,IAAI,IAAI,CAAC9F,UAAU,EAAE;QAAA,IAAAiG,eAAA;QACnB,CAAAA,eAAA,OAAI,CAAC3C,QAAQ,cAAA2C,eAAA,uBAAbA,eAAA,CAAeD,OAAO,CAAC,IAAI,CAAChG,UAAU,CAAC;MACzC;MAEA,CAAA6F,YAAA,OAAI,CAACC,MAAM,cAAAD,YAAA,uBAAXA,YAAA,CAAaK,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACC,aAAa,CAAC;IAC9D;EAAC;IAAAvC,GAAA;IAAAjE,KAAA,EAED,SAAAyG,mBAAA,EAAqB;MACnB,IAAI,CAAC1C,SAAS,EAAE;IAClB;EAAC;IAAAE,GAAA;IAAAjE,KAAA,EAED,SAAA0G,qBAAA,EAAuB;MAAA,IAAAC,eAAA,EAAAC,aAAA;MACrB,CAAAD,eAAA,OAAI,CAAChD,QAAQ,cAAAgD,eAAA,uBAAbA,eAAA,CAAeE,UAAU,EAAE;MAC3B,CAAAD,aAAA,OAAI,CAACT,MAAM,cAAAS,aAAA,uBAAXA,aAAA,CAAaE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,aAAa,CAAC;IACjE;EAAC;IAAAvC,GAAA;IAAAjE,KAAA,EAED,SAAA+G,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAvF,OAAA;QAAAwF,KAAA;MACP,IAAMC,WAAW,GAsBLtI,YAAG;MArBf,IAAMuI,eAAe,GAAGhJ,kBAAkB;MAC1C,IAAMiJ,iBAAiB,GAAGjJ,kBAAkB;MAC5C,IAAAkJ,cAAA,GAUI,IAAI,CAAC5F,OAAO;QATd6F,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QACRC,MAAM,GAAAF,cAAA,CAANE,MAAM;QACN3E,WAAW,GAAAyE,cAAA,CAAXzE,WAAW;QACX4E,QAAQ,GAAAH,cAAA,CAARG,QAAQ;QACRC,kBAAkB,GAAAJ,cAAA,CAAlBI,kBAAkB;QAClB9F,UAAU,GAAA0F,cAAA,CAAV1F,UAAU;QACVC,WAAW,GAAAyF,cAAA,CAAXzF,WAAW;QACXC,SAAS,GAAAwF,cAAA,CAATxF,SAAS;QACTC,YAAY,GAAAuF,cAAA,CAAZvF,YAAY;MAEd,IAAA4F,WAAA,GAA6C,IAAI,CAACC,KAAK;QAA/CjI,cAAc,GAAAgI,WAAA,CAAdhI,cAAc;QAAED,gBAAgB,GAAAiI,WAAA,CAAhBjI,gBAAgB;MAExC,IAAMmI,YAAY,GAChBH,kBAAkB,IAClB,IAAAI,4BAAa,EAACP,QAAQ,EAAE,CAACQ,UAAU,CAACC,SAAS,CAACC,WAAW,EAAEF,UAAU,CAACG,GAAG,CAACD,WAAW,CAAC,CAAC;MAEzF,OAAAf,KAAA,GAAO,IAAArJ,aAAO,EAAC2J,MAAM,CAAC,eACpB1K,MAAA,YAAA8B,aAAA,CAACuI,WAAW,EAAAD,KAAA,CAAAiB,EAAA,oBAAAC,cAAA,qBAAAzL,KAAA,CAAA0L,WAAA;QAAA,OAEL,IAAI,CAACC,UAAU;QAAA,YACV,IAAI,CAACC,YAAY;QAAA,kBACX,CAAC,UAAU;MAAC,GAAAtB,IAAA,KAE3BY,YAAY,gBACX/K,MAAA,YAAA8B,aAAA,CAAC2I,QAAQ,EAAAL,KAAA,CAAAiB,EAAA,iBAAG,gBAEZrL,MAAA,YAAA8B,aAAA,CAAA9B,MAAA,YAAA0L,QAAA,qBACE1L,MAAA,YAAA8B,aAAA,CAACmJ,UAAU,CAACC,SAAS;QAACP,QAAQ,EAAEA;MAAS,gBACvC3K,MAAA,YAAA8B,aAAA,CAAC2I,QAAQ,EAAAL,KAAA,CAAAiB,EAAA,iBAAG,CACS,EACtB,CAACtF,WAAW,KAAK7E,SAAS,IAAI6E,WAAW,KAAK,YAAY,kBACzD/F,MAAA,YAAA8B,aAAA,CAACmJ,UAAU,CAACG,GAAG;QAACrF,WAAW,EAAC;MAAY,EACzC,EACA,CAACA,WAAW,KAAK7E,SAAS,IAAI6E,WAAW,KAAK,UAAU,kBACvD/F,MAAA,YAAA8B,aAAA,CAACmJ,UAAU,CAACG,GAAG;QAACrF,WAAW,EAAC;MAAU,EACvC,CAEJ,EACAlD,cAAc,iBACb7C,MAAA,YAAA8B,aAAA,CAACwI,eAAe,EAAAF,KAAA,CAAAiB,EAAA;QAAA,YACJxI,cAAc;QAAA,aACbmC,SAAS,MAAA3B,MAAA,CAAM2B,SAAS,UAAO9D,SAAS;QAAA,gBACrC+D,YAAY,MAAA5B,MAAA,CAAM4B,YAAY,UAAO/D;MAAS,GAE/D,EACA0B,gBAAgB,iBACf5C,MAAA,YAAA8B,aAAA,CAACyI,iBAAiB,EAAAH,KAAA,CAAAiB,EAAA;QAAA,YACNzI,gBAAgB;QAAA,cACdkC,UAAU,MAAAzB,MAAA,CAAMyB,UAAU,UAAO5D,SAAS;QAAA,eACzC6D,WAAW,MAAA1B,MAAA,CAAM0B,WAAW,UAAO7D;MAAS,GAE5D,CACW;IAElB;EAAC;EAAA,OAAAe,cAAA;AAAA,EAnT0B0J,eAAS;AAAA,IAAAlJ,gBAAA,aAAhCR,cAAc,iBACG,YAAY;AAAA,IAAAQ,gBAAA,aAD7BR,cAAc,WAGHpB,KAAK;AAAA,IAAA4B,gBAAA,aAHhBR,cAAc,aAID,CAAC,IAAA2J,oBAAmB,GAAE,EAAE,IAAAC,gCAAoB,GAAE,CAAC;AAAA,IAAApJ,gBAAA,aAJ5DR,cAAc,kBAMI;EAAA,OAAO;IAC3BsF,SAAS,eAAEhG,iBAAK,CAACoB,SAAS,EAAE;IAC5B6E,KAAK,eAAEjG,iBAAK,CAACoB,SAAS,EAAE;IACxBgI,QAAQ,EAAE;EACZ,CAAC;AAAA,CAAC;AA4SJ,SAASmB,aAAaA,CAAClK,KAAK,EAAE;EAAA,IAAAmK,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC5B,IAAMC,UAAU,GAYJnK,YAAG;EAXf,IACE0I,QAAQ,GAON7I,KAAK,CAPP6I,QAAQ;IACRC,MAAM,GAMJ9I,KAAK,CANP8I,MAAM;IACN1B,SAAS,GAKPpH,KAAK,CALPoH,SAAS;IAAAmD,qBAAA,GAKPvK,KAAK,CAJPwK,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;IAAAE,qBAAA,GAIpBzK,KAAK,CAHP0K,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;IAAAE,qBAAA,GAGtB3K,KAAK,CAFP4K,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;IAAAE,qBAAA,GAEvB7K,KAAK,CADP8K,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;EAEzB,OAAAR,KAAA,GAAO,IAAAlL,aAAO,EAAC2J,MAAM,CAAC,eACpB1K,MAAA,YAAA8B,aAAA,CAACoK,UAAU,EAAAD,KAAA,CAAAZ,EAAA,mBAAAC,cAAA,qBAAAzL,KAAA,CAAA0L,WAAA;IAAA,YAEC,CAAC;IAAA,sBACSa,kBAAkB;IAAA,wBAChBE,oBAAoB;IAAA,yBACnBE,qBAAqB;IAAA,uBACvBE;EAAmB,GAAAX,KAAA,kBAExC/L,MAAA,YAAA8B,aAAA,QAAAmK,KAAA,CAAAZ,EAAA;IAAA,OAAUrC;EAAS,iBACjBhJ,MAAA,YAAA8B,aAAA,CAAC2I,QAAQ,EAAAwB,KAAA,CAAAZ,EAAA,iBAAG,CACR,CACK;AAEjB;AAEAS,aAAa,CAACa,OAAO,GAAG,CAAC,IAAAd,gCAAoB,GAAE,CAAC;AAEhD,IAAMZ,UAAU,GAAG,IAAA2B,gBAAe,EAAC3K,cAAc,EAAE;EACjDiJ,SAAS,EAAEY,aAAa;EACxBV,GAAG,EAAEyB;AACP,CAAC,CAAC;;AAEF;AAAA1L,OAAA,CAAA8J,UAAA,GAAAA,UAAA;AAAA,IAAA6B,QAAA,GAEe7B,UAAU;AAAA9J,OAAA,cAAA2L,QAAA"}

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

@@ -21,12 +21,12 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_blh46_gg_{position:absolute;display:flex}.___SScrollBar_blh46_gg_._orientation_vertical_blh46_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_blh46) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_blh46_gg_._orientation_horizontal_blh46_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_blh46) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_blh46_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__*/, "blh46_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_blh46_gg_",
-  "_orientation_vertical": "_orientation_vertical_blh46_gg_",
-  "--offsetSum": "--offsetSum_blh46",
-  "_orientation_horizontal": "_orientation_horizontal_blh46_gg_",
-  "__SSlider": "___SSlider_blh46_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1j30l_gg_{position:absolute;display:flex}.___SScrollBar_1j30l_gg_._orientation_vertical_1j30l_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1j30l_gg_._orientation_horizontal_1j30l_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1j30l_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__*/, "1j30l_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1j30l_gg_",
+  "_orientation_vertical": "_orientation_vertical_1j30l_gg_",
+  "--offsetSum": "--offsetSum_1j30l",
+  "_orientation_horizontal": "_orientation_horizontal_1j30l_gg_",
+  "__SSlider": "___SSlider_1j30l_gg_"
 });
 var DEFAULT_SLIDER_SIZE = 50;
 

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

@@ -24,27 +24,27 @@ 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_a901z_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_a901z_gg_:after,.___SShadowHorizontal_a901z_gg_:before,.___SShadowVertical_a901z_gg_:after,.___SShadowVertical_a901z_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_a901z_gg_:after,.___SShadowHorizontal_a901z_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_a901z_gg_._position_median_a901z_gg_:before{left:0;display:block;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_a901z_gg_._position_median_a901z_gg_:after{right:0;display:block;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_a901z_gg_._position_start_a901z_gg_:before{left:0;display:block;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_a901z_gg_._position_end_a901z_gg_:after{right:0;display:block;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_a901z_gg_.__leftOffset_a901z_gg_:before{left:var(--leftOffset_a901z)}.___SShadowHorizontal_a901z_gg_.__rightOffset_a901z_gg_:after{right:var(--rightOffset_a901z)}.___SShadowVertical_a901z_gg_:after,.___SShadowVertical_a901z_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_a901z_gg_._position_median_a901z_gg_:before{top:0;display:block;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_a901z_gg_._position_median_a901z_gg_:after{bottom:0;display:block;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_a901z_gg_._position_start_a901z_gg_:before{top:0;display:block;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_a901z_gg_._position_end_a901z_gg_:after{bottom:0;display:block;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_a901z_gg_.__topOffset_a901z_gg_:before{top:var(--topOffset_a901z)}.___SShadowVertical_a901z_gg_.__bottomOffset_a901z_gg_:after{bottom:var(--bottomOffset_a901z)}.___SContainer_a901z_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_a901z_gg_::-webkit-scrollbar{display:none}.___SContainer_a901z_gg_.__keyboardFocused_a901z_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_a901z);right:var(--focusRingRightOffset_a901z);bottom:var(--focusRingBottomOffset_a901z);left:var(--focusRingLeftOffset_a901z);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__*/, "a901z_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_a901z_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_a901z_gg_",
-  "_leftOffset": "__leftOffset_a901z_gg_",
-  "--leftOffset": "--leftOffset_a901z",
-  "_rightOffset": "__rightOffset_a901z_gg_",
-  "--rightOffset": "--rightOffset_a901z",
-  "__SShadowVertical": "___SShadowVertical_a901z_gg_",
-  "_topOffset": "__topOffset_a901z_gg_",
-  "--topOffset": "--topOffset_a901z",
-  "_bottomOffset": "__bottomOffset_a901z_gg_",
-  "--bottomOffset": "--bottomOffset_a901z",
-  "__SContainer": "___SContainer_a901z_gg_",
-  "_keyboardFocused": "__keyboardFocused_a901z_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_a901z",
-  "--focusRingRightOffset": "--focusRingRightOffset_a901z",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_a901z",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_a901z",
-  "_position_median": "_position_median_a901z_gg_",
-  "_position_start": "_position_start_a901z_gg_",
-  "_position_end": "_position_end_a901z_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_48drj_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before,.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_48drj_gg_._position_median_48drj_gg_:before{left:0;display:block;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_48drj_gg_._position_median_48drj_gg_:after{right:0;display:block;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_48drj_gg_._position_start_48drj_gg_:before{left:0;display:block;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_48drj_gg_._position_end_48drj_gg_:after{right:0;display:block;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_48drj_gg_.__leftOffset_48drj_gg_:before{left:var(--leftOffset_48drj)}.___SShadowHorizontal_48drj_gg_.__rightOffset_48drj_gg_:after{right:var(--rightOffset_48drj)}.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_48drj_gg_._position_median_48drj_gg_:before{top:0;display:block;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_48drj_gg_._position_median_48drj_gg_:after{bottom:0;display:block;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_48drj_gg_._position_start_48drj_gg_:before{top:0;display:block;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_48drj_gg_._position_end_48drj_gg_:after{bottom:0;display:block;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_48drj_gg_.__topOffset_48drj_gg_:before{top:var(--topOffset_48drj)}.___SShadowVertical_48drj_gg_.__bottomOffset_48drj_gg_:after{bottom:var(--bottomOffset_48drj)}.___SContainer_48drj_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_48drj_gg_::-webkit-scrollbar{display:none}.___SContainer_48drj_gg_.__keyboardFocused_48drj_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_48drj);right:var(--focusRingRightOffset_48drj);bottom:var(--focusRingBottomOffset_48drj);left:var(--focusRingLeftOffset_48drj);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__*/, "48drj_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_48drj_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_48drj_gg_",
+  "_leftOffset": "__leftOffset_48drj_gg_",
+  "--leftOffset": "--leftOffset_48drj",
+  "_rightOffset": "__rightOffset_48drj_gg_",
+  "--rightOffset": "--rightOffset_48drj",
+  "__SShadowVertical": "___SShadowVertical_48drj_gg_",
+  "_topOffset": "__topOffset_48drj_gg_",
+  "--topOffset": "--topOffset_48drj",
+  "_bottomOffset": "__bottomOffset_48drj_gg_",
+  "--bottomOffset": "--bottomOffset_48drj",
+  "__SContainer": "___SContainer_48drj_gg_",
+  "_keyboardFocused": "__keyboardFocused_48drj_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_48drj",
+  "--focusRingRightOffset": "--focusRingRightOffset_48drj",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_48drj",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_48drj",
+  "_position_median": "_position_median_48drj_gg_",
+  "_position_start": "_position_start_48drj_gg_",
+  "_position_end": "_position_end_48drj_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {
@@ -227,7 +227,8 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
       }
       if (maxHeight) {
         if (hMax && parent.scrollHeight > parentRect.height) {
-          var _diff = parent.scrollHeight - parentRect.height;
+          /** even if height is like 100.486px we should round it to 100, not 101 */
+          var _diff = Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));
           if (_diff < maxHeight) {
             maxHeight = maxHeight - _diff;
             this.$wrapper.style.setProperty('max-height', "".concat(maxHeight, "px"));

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","element","propertyKey","value","propertyValue","concat","setProperty","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","_parent$getBoundingCl","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","_this$asProps2","wMax","hMax","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","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$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","_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(), keyboardFocusEnhance()];\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  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\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 parent = this.$wrapper.parentElement;\n    const parentRect = parent?.getBoundingClientRect() ?? { width: 0, height: 0 };\n    const { wMax, hMax } = this.asProps;\n\n    if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n    if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (wMax && parent.scrollWidth > parentRect.width) {\n        const diff = parent.scrollWidth - parentRect.width;\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (hMax && parent.scrollHeight > parentRect.height) {\n        const diff = parent.scrollHeight - parentRect.height;\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\n\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      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\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, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\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 {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = 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        {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        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\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":["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","element","propertyKey","value","propertyValue","concat","setProperty","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","_parent$getBoundingCl","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","_this$asProps2","wMax","hMax","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","toFixed","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","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$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","_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(), keyboardFocusEnhance()];\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  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\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 parent = this.$wrapper.parentElement;\n    const parentRect = parent?.getBoundingClientRect() ?? { width: 0, height: 0 };\n    const { wMax, hMax } = this.asProps;\n\n    if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n    if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (wMax && parent.scrollWidth > parentRect.width) {\n        const diff = parent.scrollWidth - parentRect.width;\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (hMax && parent.scrollHeight > parentRect.height) {\n        /** even if height is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\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      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\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, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\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 {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = 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        {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        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\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,12 +15,12 @@ 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_blh46_gg_{position:absolute;display:flex}.___SScrollBar_blh46_gg_._orientation_vertical_blh46_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_blh46) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_blh46_gg_._orientation_horizontal_blh46_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_blh46) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_blh46_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__*/, "blh46_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_blh46_gg_",
-  "_orientation_vertical": "_orientation_vertical_blh46_gg_",
-  "--offsetSum": "--offsetSum_blh46",
-  "_orientation_horizontal": "_orientation_horizontal_blh46_gg_",
-  "__SSlider": "___SSlider_blh46_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1j30l_gg_{position:absolute;display:flex}.___SScrollBar_1j30l_gg_._orientation_vertical_1j30l_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1j30l_gg_._orientation_horizontal_1j30l_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1j30l_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__*/, "1j30l_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1j30l_gg_",
+  "_orientation_vertical": "_orientation_vertical_1j30l_gg_",
+  "--offsetSum": "--offsetSum_1j30l",
+  "_orientation_horizontal": "_orientation_horizontal_1j30l_gg_",
+  "__SSlider": "___SSlider_1j30l_gg_"
 });
 export var DEFAULT_SLIDER_SIZE = 50;
 

package/select/lib/cjs/InputSearch.js

@@ -23,12 +23,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_q8s5v_gg_._size_m_q8s5v_gg_{height:32px}.___SSearchClear_q8s5v_gg_.__hide_q8s5v_gg_{visibility:hidden}.___SOutline_q8s5v_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "q8s5v_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_q8s5v_gg_",
-  "_size_m": "_size_m_q8s5v_gg_",
-  "__SSearchClear": "___SSearchClear_q8s5v_gg_",
-  "_hide": "__hide_q8s5v_gg_",
-  "__SOutline": "___SOutline_q8s5v_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1s3ek_gg_._size_m_1s3ek_gg_{height:32px}.___SSearchClear_1s3ek_gg_.__hide_1s3ek_gg_{visibility:hidden}.___SOutline_1s3ek_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1s3ek_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1s3ek_gg_",
+  "_size_m": "_size_m_1s3ek_gg_",
+  "__SSearchClear": "___SSearchClear_1s3ek_gg_",
+  "_hide": "__hide_1s3ek_gg_",
+  "__SOutline": "___SOutline_1s3ek_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -37,14 +37,14 @@ var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _popper = require("intergalactic/popper");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1f38o_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_1f38o_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_1f38o_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}.___SOptionCheckbox_1f38o_gg_.__selected_1f38o_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1f38o_gg_._size_l_1f38o_gg_{width:20px;height:20px}.___SOptionCheckbox_1f38o_gg_._size_l_1f38o_gg_.__selected_1f38o_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1f38o_gg_.__indeterminate_1f38o_gg_:before,.___SOptionCheckbox_1f38o_gg_.__selected_1f38o_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1f38o_gg_.__theme_1f38o_gg_:before{border-color:var(--theme_1f38o)}.___SOptionCheckbox_1f38o_gg_.__theme_1f38o_gg_.__indeterminate_1f38o_gg_:before,.___SOptionCheckbox_1f38o_gg_.__theme_1f38o_gg_.__selected_1f38o_gg_:before{background-color:var(--theme_1f38o);border-color:var(--theme_1f38o)}.___SOptionCheckbox_1f38o_gg_.__selected_1f38o_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1f38o_gg_.__selected_1f38o_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1f38o_gg_.__indeterminate_1f38o_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1f38o_gg_.__indeterminate_1f38o_gg_._size_l_1f38o_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1f38o_gg_.__indeterminate_1f38o_gg_._size_m_1f38o_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1f38o_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_1f38o_gg_",
-  "_selected": "__selected_1f38o_gg_",
-  "_size_l": "_size_l_1f38o_gg_",
-  "_indeterminate": "__indeterminate_1f38o_gg_",
-  "_theme": "__theme_1f38o_gg_",
-  "--theme": "--theme_1f38o",
-  "_size_m": "_size_m_1f38o_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_102h2_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_102h2_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_102h2_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}.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_102h2_gg_._size_l_102h2_gg_{width:20px;height:20px}.___SOptionCheckbox_102h2_gg_._size_l_102h2_gg_.__selected_102h2_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_:before,.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_:before{border-color:var(--theme_102h2)}.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_.__indeterminate_102h2_gg_:before,.___SOptionCheckbox_102h2_gg_.__theme_102h2_gg_.__selected_102h2_gg_:before{background-color:var(--theme_102h2);border-color:var(--theme_102h2)}.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_102h2_gg_.__selected_102h2_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_._size_l_102h2_gg_:after{width:12px;height:2px}.___SOptionCheckbox_102h2_gg_.__indeterminate_102h2_gg_._size_m_102h2_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "102h2_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_102h2_gg_",
+  "_selected": "__selected_102h2_gg_",
+  "_size_l": "_size_l_102h2_gg_",
+  "_indeterminate": "__indeterminate_102h2_gg_",
+  "_theme": "__theme_102h2_gg_",
+  "--theme": "--theme_102h2",
+  "_size_m": "_size_m_102h2_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_q8s5v_gg_._size_m_q8s5v_gg_{height:32px}.___SSearchClear_q8s5v_gg_.__hide_q8s5v_gg_{visibility:hidden}.___SOutline_q8s5v_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "q8s5v_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_q8s5v_gg_",
-  "_size_m": "_size_m_q8s5v_gg_",
-  "__SSearchClear": "___SSearchClear_q8s5v_gg_",
-  "_hide": "__hide_q8s5v_gg_",
-  "__SOutline": "___SOutline_q8s5v_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1s3ek_gg_._size_m_1s3ek_gg_{height:32px}.___SSearchClear_1s3ek_gg_.__hide_1s3ek_gg_{visibility:hidden}.___SOutline_1s3ek_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1s3ek_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1s3ek_gg_",
+  "_size_m": "_size_m_1s3ek_gg_",
+  "__SSearchClear": "___SSearchClear_1s3ek_gg_",
+  "_hide": "__hide_1s3ek_gg_",
+  "__SOutline": "___SOutline_1s3ek_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);