intergalactic 15.77.1 → 15.78.0-prerelease.1

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","element","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","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps2","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps3","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$asProps4","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","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  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      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 { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","element","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","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps2","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps3","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$asProps4","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  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      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/cjs/ScrollBar.js

@@ -20,12 +20,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__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_kjrmo_gg_{position:absolute;display:flex}.___SScrollBar_kjrmo_gg_._orientation_vertical_kjrmo_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_kjrmo) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_kjrmo_gg_._orientation_horizontal_kjrmo_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_kjrmo) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_kjrmo_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__*/, "kjrmo_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_kjrmo_gg_",
-  "_orientation_vertical": "_orientation_vertical_kjrmo_gg_",
-  "--offsetSum": "--offsetSum_kjrmo",
-  "_orientation_horizontal": "_orientation_horizontal_kjrmo_gg_",
-  "__SSlider": "___SSlider_kjrmo_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_19joq_gg_{position:absolute;display:flex}.___SScrollBar_19joq_gg_._orientation_vertical_19joq_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_19joq) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_19joq_gg_._orientation_horizontal_19joq_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_19joq) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_19joq_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__*/, "19joq_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_19joq_gg_",
+  "_orientation_vertical": "_orientation_vertical_19joq_gg_",
+  "--offsetSum": "--offsetSum_19joq",
+  "_orientation_horizontal": "_orientation_horizontal_19joq_gg_",
+  "__SSlider": "___SSlider_19joq_gg_"
 });
 var DEFAULT_SLIDER_SIZE = 50;
 

package/scroll-area/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: typeof Box;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\nexport type ScrollAreaContainerProps = BoxProps & {\n  focusRingTopOffset?: string;\n  focusRingRightOffset?: string;\n  focusRingBottomOffset?: string;\n  focusRingLeftOffset?: string;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}

package/scroll-area/lib/cjs/style/scroll-area.shadow.css

@@ -139,7 +139,11 @@ SContainer[keyboardFocused]:focus::after {
   display: block;
   content: '';
   inset: 0;
+  top: var(--focusRingTopOffset);
+  right: var(--focusRingRightOffset);
+  bottom: var(--focusRingBottomOffset);
+  left: var(--focusRingLeftOffset);
   box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
   pointer-events: none;
   z-index: 2;
-}
+}

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

@@ -24,23 +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_14xgr_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_14xgr_gg_:after,.___SShadowHorizontal_14xgr_gg_:before,.___SShadowVertical_14xgr_gg_:after,.___SShadowVertical_14xgr_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_14xgr_gg_:after,.___SShadowHorizontal_14xgr_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_14xgr_gg_._position_median_14xgr_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_._position_median_14xgr_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_._position_start_14xgr_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_._position_end_14xgr_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_.__leftOffset_14xgr_gg_:before{left:var(--leftOffset_14xgr)}.___SShadowHorizontal_14xgr_gg_.__rightOffset_14xgr_gg_:after{right:var(--rightOffset_14xgr)}.___SShadowVertical_14xgr_gg_:after,.___SShadowVertical_14xgr_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_14xgr_gg_._position_median_14xgr_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_._position_median_14xgr_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_._position_start_14xgr_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_._position_end_14xgr_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_.__topOffset_14xgr_gg_:before{top:var(--topOffset_14xgr)}.___SShadowVertical_14xgr_gg_.__bottomOffset_14xgr_gg_:after{bottom:var(--bottomOffset_14xgr)}.___SContainer_14xgr_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_14xgr_gg_::-webkit-scrollbar{display:none}.___SContainer_14xgr_gg_.__keyboardFocused_14xgr_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "14xgr_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_14xgr_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_14xgr_gg_",
-  "_leftOffset": "__leftOffset_14xgr_gg_",
-  "--leftOffset": "--leftOffset_14xgr",
-  "_rightOffset": "__rightOffset_14xgr_gg_",
-  "--rightOffset": "--rightOffset_14xgr",
-  "__SShadowVertical": "___SShadowVertical_14xgr_gg_",
-  "_topOffset": "__topOffset_14xgr_gg_",
-  "--topOffset": "--topOffset_14xgr",
-  "_bottomOffset": "__bottomOffset_14xgr_gg_",
-  "--bottomOffset": "--bottomOffset_14xgr",
-  "__SContainer": "___SContainer_14xgr_gg_",
-  "_keyboardFocused": "__keyboardFocused_14xgr_gg_",
-  "_position_median": "_position_median_14xgr_gg_",
-  "_position_start": "_position_start_14xgr_gg_",
-  "_position_end": "_position_end_14xgr_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_zw7xf_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_zw7xf_gg_:after,.___SShadowHorizontal_zw7xf_gg_:before,.___SShadowVertical_zw7xf_gg_:after,.___SShadowVertical_zw7xf_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_zw7xf_gg_:after,.___SShadowHorizontal_zw7xf_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_zw7xf_gg_._position_median_zw7xf_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_._position_median_zw7xf_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_._position_start_zw7xf_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_._position_end_zw7xf_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_.__leftOffset_zw7xf_gg_:before{left:var(--leftOffset_zw7xf)}.___SShadowHorizontal_zw7xf_gg_.__rightOffset_zw7xf_gg_:after{right:var(--rightOffset_zw7xf)}.___SShadowVertical_zw7xf_gg_:after,.___SShadowVertical_zw7xf_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_zw7xf_gg_._position_median_zw7xf_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_._position_median_zw7xf_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_._position_start_zw7xf_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_._position_end_zw7xf_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_.__topOffset_zw7xf_gg_:before{top:var(--topOffset_zw7xf)}.___SShadowVertical_zw7xf_gg_.__bottomOffset_zw7xf_gg_:after{bottom:var(--bottomOffset_zw7xf)}.___SContainer_zw7xf_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_zw7xf_gg_::-webkit-scrollbar{display:none}.___SContainer_zw7xf_gg_.__keyboardFocused_zw7xf_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_zw7xf);right:var(--focusRingRightOffset_zw7xf);bottom:var(--focusRingBottomOffset_zw7xf);left:var(--focusRingLeftOffset_zw7xf);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__*/, "zw7xf_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_zw7xf_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_zw7xf_gg_",
+  "_leftOffset": "__leftOffset_zw7xf_gg_",
+  "--leftOffset": "--leftOffset_zw7xf",
+  "_rightOffset": "__rightOffset_zw7xf_gg_",
+  "--rightOffset": "--rightOffset_zw7xf",
+  "__SShadowVertical": "___SShadowVertical_zw7xf_gg_",
+  "_topOffset": "__topOffset_zw7xf_gg_",
+  "--topOffset": "--topOffset_zw7xf",
+  "_bottomOffset": "__bottomOffset_zw7xf_gg_",
+  "--bottomOffset": "--bottomOffset_zw7xf",
+  "__SContainer": "___SContainer_zw7xf_gg_",
+  "_keyboardFocused": "__keyboardFocused_zw7xf_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_zw7xf",
+  "--focusRingRightOffset": "--focusRingRightOffset_zw7xf",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_zw7xf",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_zw7xf",
+  "_position_median": "_position_median_zw7xf_gg_",
+  "_position_start": "_position_start_zw7xf_gg_",
+  "_position_end": "_position_end_zw7xf_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {
@@ -328,9 +332,21 @@ function ContainerRoot(props) {
   var SContainer = Box;
   var Children = props.Children,
     styles = props.styles,
-    $refInner = props.$refInner;
+    $refInner = props.$refInner,
+    _props$focusRingTopOf = props.focusRingTopOffset,
+    focusRingTopOffset = _props$focusRingTopOf === void 0 ? 0 : _props$focusRingTopOf,
+    _props$focusRingRight = props.focusRingRightOffset,
+    focusRingRightOffset = _props$focusRingRight === void 0 ? 0 : _props$focusRingRight,
+    _props$focusRingBotto = props.focusRingBottomOffset,
+    focusRingBottomOffset = _props$focusRingBotto === void 0 ? 0 : _props$focusRingBotto,
+    _props$focusRingLeftO = props.focusRingLeftOffset,
+    focusRingLeftOffset = _props$focusRingLeftO === void 0 ? 0 : _props$focusRingLeftO;
   return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SContainer, _ref4.cn("SContainer", _objectSpread({}, _assignProps2({
-    "tabIndex": 0
+    "tabIndex": 0,
+    "focusRingTopOffset": focusRingTopOffset,
+    "focusRingRightOffset": focusRingRightOffset,
+    "focusRingBottomOffset": focusRingBottomOffset,
+    "focusRingLeftOffset": focusRingLeftOffset
   }, _ref2))), /*#__PURE__*/React.createElement("div", _ref4.cn("div", {
     "ref": $refInner
   }), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))));

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["React","findDOMNode","createComponent","Component","sstyled","Root","Box","trottle","getNodeByRef","isAdvanceMode","callAllEventHandlers","BarRoot","setAreaValue","keyboardFocusEnhance","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","eventCalculate","undefined","window","Event","BoxWithoutPosition","forwardRef","_ref5","ref","position","props","_objectWithoutProperties","_excluded","createElement","_extends","ScrollAreaRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","shadowHorizontal","shadowVertical","node","$wrapper","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","element","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","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps2","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps3","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$asProps4","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_assignProps2","enhance"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), 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  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      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 { Children, styles, $refInner } = props;\n  return sstyled(styles)(\n    <SContainer render={Box} tabIndex={0}>\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","names":["React","findDOMNode","createComponent","Component","sstyled","Root","Box","trottle","getNodeByRef","isAdvanceMode","callAllEventHandlers","BarRoot","setAreaValue","keyboardFocusEnhance","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","eventCalculate","undefined","window","Event","BoxWithoutPosition","forwardRef","_ref5","ref","position","props","_objectWithoutProperties","_excluded","createElement","_extends","ScrollAreaRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","shadowHorizontal","shadowVertical","node","$wrapper","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","element","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","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps2","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps3","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$asProps4","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  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      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_kjrmo_gg_{position:absolute;display:flex}.___SScrollBar_kjrmo_gg_._orientation_vertical_kjrmo_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_kjrmo) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_kjrmo_gg_._orientation_horizontal_kjrmo_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_kjrmo) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_kjrmo_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__*/, "kjrmo_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_kjrmo_gg_",
-  "_orientation_vertical": "_orientation_vertical_kjrmo_gg_",
-  "--offsetSum": "--offsetSum_kjrmo",
-  "_orientation_horizontal": "_orientation_horizontal_kjrmo_gg_",
-  "__SSlider": "___SSlider_kjrmo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_19joq_gg_{position:absolute;display:flex}.___SScrollBar_19joq_gg_._orientation_vertical_19joq_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_19joq) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_19joq_gg_._orientation_horizontal_19joq_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_19joq) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_19joq_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__*/, "19joq_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_19joq_gg_",
+  "_orientation_vertical": "_orientation_vertical_19joq_gg_",
+  "--offsetSum": "--offsetSum_19joq",
+  "_orientation_horizontal": "_orientation_horizontal_19joq_gg_",
+  "__SSlider": "___SSlider_19joq_gg_"
 });
 export var DEFAULT_SLIDER_SIZE = 50;
 

package/scroll-area/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: typeof Box;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\nexport type ScrollAreaContainerProps = BoxProps & {\n  focusRingTopOffset?: string;\n  focusRingRightOffset?: string;\n  focusRingBottomOffset?: string;\n  focusRingLeftOffset?: string;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}

package/scroll-area/lib/es6/style/scroll-area.shadow.css

@@ -139,7 +139,11 @@ SContainer[keyboardFocused]:focus::after {
   display: block;
   content: '';
   inset: 0;
+  top: var(--focusRingTopOffset);
+  right: var(--focusRingRightOffset);
+  bottom: var(--focusRingBottomOffset);
+  left: var(--focusRingLeftOffset);
   box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
   pointer-events: none;
   z-index: 2;
-}
+}

package/scroll-area/lib/types/index.d.ts

@@ -48,12 +48,19 @@ export type ScrollBarContext = ScrollBarProps & {
   getSliderProps: PropGetterFn;
 };
 
+export type ScrollAreaContainerProps = BoxProps & {
+  focusRingTopOffset?: string;
+  focusRingRightOffset?: string;
+  focusRingBottomOffset?: string;
+  focusRingLeftOffset?: string;
+};
+
 declare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {
   Slider: typeof Box;
 };
 
 declare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {
-  Container: typeof Box;
+  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;
   Bar: typeof ScrollBar;
 };
 

package/select/lib/cjs/InputSearch.js

@@ -22,12 +22,12 @@ var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1xeqn_gg_._size_m_1xeqn_gg_{height:32px}.___SSearchClear_1xeqn_gg_.__hide_1xeqn_gg_{visibility:hidden}.___SOutline_1xeqn_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1xeqn_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_1xeqn_gg_",
-  "_size_m": "_size_m_1xeqn_gg_",
-  "__SSearchClear": "___SSearchClear_1xeqn_gg_",
-  "_hide": "__hide_1xeqn_gg_",
-  "__SOutline": "___SOutline_1xeqn_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_rpr3u_gg_._size_m_rpr3u_gg_{height:32px}.___SSearchClear_rpr3u_gg_.__hide_rpr3u_gg_{visibility:hidden}.___SOutline_rpr3u_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "rpr3u_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_rpr3u_gg_",
+  "_size_m": "_size_m_rpr3u_gg_",
+  "__SSearchClear": "___SSearchClear_rpr3u_gg_",
+  "_hide": "__hide_rpr3u_gg_",
+  "__SOutline": "___SOutline_rpr3u_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -36,14 +36,14 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1w9o0_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_1w9o0_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_1w9o0_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_1w9o0_gg_.__selected_1w9o0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1w9o0_gg_._size_l_1w9o0_gg_{width:20px;height:20px}.___SOptionCheckbox_1w9o0_gg_._size_l_1w9o0_gg_.__selected_1w9o0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_:before,.___SOptionCheckbox_1w9o0_gg_.__selected_1w9o0_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1w9o0_gg_.__theme_1w9o0_gg_:before{border-color:var(--theme_1w9o0)}.___SOptionCheckbox_1w9o0_gg_.__theme_1w9o0_gg_.__indeterminate_1w9o0_gg_:before,.___SOptionCheckbox_1w9o0_gg_.__theme_1w9o0_gg_.__selected_1w9o0_gg_:before{background-color:var(--theme_1w9o0);border-color:var(--theme_1w9o0)}.___SOptionCheckbox_1w9o0_gg_.__selected_1w9o0_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1w9o0_gg_.__selected_1w9o0_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_._size_l_1w9o0_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_._size_m_1w9o0_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1w9o0_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_1w9o0_gg_",
-  "_selected": "__selected_1w9o0_gg_",
-  "_size_l": "_size_l_1w9o0_gg_",
-  "_indeterminate": "__indeterminate_1w9o0_gg_",
-  "_theme": "__theme_1w9o0_gg_",
-  "--theme": "--theme_1w9o0",
-  "_size_m": "_size_m_1w9o0_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_9m535_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_9m535_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_9m535_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_9m535_gg_.__selected_9m535_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_9m535_gg_._size_l_9m535_gg_{width:20px;height:20px}.___SOptionCheckbox_9m535_gg_._size_l_9m535_gg_.__selected_9m535_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_:before,.___SOptionCheckbox_9m535_gg_.__selected_9m535_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_9m535_gg_.__theme_9m535_gg_:before{border-color:var(--theme_9m535)}.___SOptionCheckbox_9m535_gg_.__theme_9m535_gg_.__indeterminate_9m535_gg_:before,.___SOptionCheckbox_9m535_gg_.__theme_9m535_gg_.__selected_9m535_gg_:before{background-color:var(--theme_9m535);border-color:var(--theme_9m535)}.___SOptionCheckbox_9m535_gg_.__selected_9m535_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_9m535_gg_.__selected_9m535_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_._size_l_9m535_gg_:after{width:12px;height:2px}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_._size_m_9m535_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "9m535_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_9m535_gg_",
+  "_selected": "__selected_9m535_gg_",
+  "_size_l": "_size_l_9m535_gg_",
+  "_indeterminate": "__indeterminate_9m535_gg_",
+  "_theme": "__theme_9m535_gg_",
+  "--theme": "--theme_9m535",
+  "_size_m": "_size_m_9m535_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_1xeqn_gg_._size_m_1xeqn_gg_{height:32px}.___SSearchClear_1xeqn_gg_.__hide_1xeqn_gg_{visibility:hidden}.___SOutline_1xeqn_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1xeqn_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_1xeqn_gg_",
-  "_size_m": "_size_m_1xeqn_gg_",
-  "__SSearchClear": "___SSearchClear_1xeqn_gg_",
-  "_hide": "__hide_1xeqn_gg_",
-  "__SOutline": "___SOutline_1xeqn_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_rpr3u_gg_._size_m_rpr3u_gg_{height:32px}.___SSearchClear_rpr3u_gg_.__hide_rpr3u_gg_{visibility:hidden}.___SOutline_rpr3u_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "rpr3u_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_rpr3u_gg_",
+  "_size_m": "_size_m_rpr3u_gg_",
+  "__SSearchClear": "___SSearchClear_rpr3u_gg_",
+  "_hide": "__hide_rpr3u_gg_",
+  "__SOutline": "___SOutline_rpr3u_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);

package/select/lib/es6/Select.js

@@ -34,14 +34,14 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1w9o0_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_1w9o0_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_1w9o0_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_1w9o0_gg_.__selected_1w9o0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1w9o0_gg_._size_l_1w9o0_gg_{width:20px;height:20px}.___SOptionCheckbox_1w9o0_gg_._size_l_1w9o0_gg_.__selected_1w9o0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_:before,.___SOptionCheckbox_1w9o0_gg_.__selected_1w9o0_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1w9o0_gg_.__theme_1w9o0_gg_:before{border-color:var(--theme_1w9o0)}.___SOptionCheckbox_1w9o0_gg_.__theme_1w9o0_gg_.__indeterminate_1w9o0_gg_:before,.___SOptionCheckbox_1w9o0_gg_.__theme_1w9o0_gg_.__selected_1w9o0_gg_:before{background-color:var(--theme_1w9o0);border-color:var(--theme_1w9o0)}.___SOptionCheckbox_1w9o0_gg_.__selected_1w9o0_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1w9o0_gg_.__selected_1w9o0_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_._size_l_1w9o0_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1w9o0_gg_.__indeterminate_1w9o0_gg_._size_m_1w9o0_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1w9o0_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_1w9o0_gg_",
-  "_selected": "__selected_1w9o0_gg_",
-  "_size_l": "_size_l_1w9o0_gg_",
-  "_indeterminate": "__indeterminate_1w9o0_gg_",
-  "_theme": "__theme_1w9o0_gg_",
-  "--theme": "--theme_1w9o0",
-  "_size_m": "_size_m_1w9o0_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_9m535_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_9m535_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_9m535_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_9m535_gg_.__selected_9m535_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_9m535_gg_._size_l_9m535_gg_{width:20px;height:20px}.___SOptionCheckbox_9m535_gg_._size_l_9m535_gg_.__selected_9m535_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_:before,.___SOptionCheckbox_9m535_gg_.__selected_9m535_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_9m535_gg_.__theme_9m535_gg_:before{border-color:var(--theme_9m535)}.___SOptionCheckbox_9m535_gg_.__theme_9m535_gg_.__indeterminate_9m535_gg_:before,.___SOptionCheckbox_9m535_gg_.__theme_9m535_gg_.__selected_9m535_gg_:before{background-color:var(--theme_9m535);border-color:var(--theme_9m535)}.___SOptionCheckbox_9m535_gg_.__selected_9m535_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_9m535_gg_.__selected_9m535_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_._size_l_9m535_gg_:after{width:12px;height:2px}.___SOptionCheckbox_9m535_gg_.__indeterminate_9m535_gg_._size_m_9m535_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "9m535_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_9m535_gg_",
+  "_selected": "__selected_9m535_gg_",
+  "_size_l": "_size_l_9m535_gg_",
+  "_indeterminate": "__indeterminate_9m535_gg_",
+  "_theme": "__theme_9m535_gg_",
+  "--theme": "--theme_9m535",
+  "_size_m": "_size_m_9m535_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;