intergalactic 15.67.0-prerelease.0-prerelease-336a8dbe → 15.67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (285) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/accordion/lib/cjs/Accordion.js +7 -7
  3. package/accordion/lib/es6/Accordion.js +7 -7
  4. package/animation/lib/cjs/Animation.js +11 -11
  5. package/animation/lib/cjs/Collapse.js +28 -28
  6. package/animation/lib/cjs/FadeInOut.js +28 -28
  7. package/animation/lib/cjs/Scale.js +28 -28
  8. package/animation/lib/cjs/Slide.js +28 -28
  9. package/animation/lib/cjs/Transform.js +28 -28
  10. package/animation/lib/es6/Animation.js +11 -11
  11. package/animation/lib/es6/Collapse.js +28 -28
  12. package/animation/lib/es6/FadeInOut.js +28 -28
  13. package/animation/lib/es6/Scale.js +28 -28
  14. package/animation/lib/es6/Slide.js +28 -28
  15. package/animation/lib/es6/Transform.js +28 -28
  16. package/badge/lib/cjs/Badge.js +6 -6
  17. package/badge/lib/es6/Badge.js +6 -6
  18. package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
  19. package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
  20. package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
  21. package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
  22. package/base-trigger/lib/es6/BaseTrigger.js +18 -18
  23. package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
  24. package/base-trigger/lib/es6/FilterTrigger.js +7 -7
  25. package/base-trigger/lib/es6/LinkTrigger.js +12 -12
  26. package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
  27. package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
  28. package/button/lib/cjs/Button.js +26 -26
  29. package/button/lib/es6/Button.js +26 -26
  30. package/card/lib/cjs/Card.js +8 -8
  31. package/card/lib/es6/Card.js +8 -8
  32. package/carousel/lib/cjs/Carousel.js +18 -18
  33. package/carousel/lib/es6/Carousel.js +18 -18
  34. package/checkbox/lib/cjs/Checkbox.js +18 -18
  35. package/checkbox/lib/es6/Checkbox.js +18 -18
  36. package/color-picker/lib/cjs/ColorPicker.js +23 -23
  37. package/color-picker/lib/cjs/PaletteManager.js +23 -23
  38. package/color-picker/lib/cjs/components/InputColor.js +23 -23
  39. package/color-picker/lib/es6/ColorPicker.js +23 -23
  40. package/color-picker/lib/es6/PaletteManager.js +23 -23
  41. package/color-picker/lib/es6/components/InputColor.js +23 -23
  42. package/components.json +73 -73
  43. package/counter/lib/cjs/Counter.js +10 -10
  44. package/counter/lib/es6/Counter.js +10 -10
  45. package/d3-chart/lib/cjs/Area.js +11 -11
  46. package/d3-chart/lib/cjs/Axis.js +14 -14
  47. package/d3-chart/lib/cjs/Bar.js +10 -10
  48. package/d3-chart/lib/cjs/Bubble.js +12 -12
  49. package/d3-chart/lib/cjs/Donut.js +9 -9
  50. package/d3-chart/lib/cjs/Dots.js +8 -8
  51. package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
  52. package/d3-chart/lib/cjs/Hover.js +3 -3
  53. package/d3-chart/lib/cjs/Line.js +9 -9
  54. package/d3-chart/lib/cjs/Plot.js +3 -3
  55. package/d3-chart/lib/cjs/Radar.js +19 -19
  56. package/d3-chart/lib/cjs/RadialTree.js +11 -11
  57. package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
  58. package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
  59. package/d3-chart/lib/cjs/Tooltip.js +9 -9
  60. package/d3-chart/lib/cjs/Venn.js +9 -9
  61. package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
  62. package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
  63. package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  64. package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  65. package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  66. package/d3-chart/lib/es6/Area.js +11 -11
  67. package/d3-chart/lib/es6/Axis.js +14 -14
  68. package/d3-chart/lib/es6/Bar.js +10 -10
  69. package/d3-chart/lib/es6/Bubble.js +12 -12
  70. package/d3-chart/lib/es6/Donut.js +9 -9
  71. package/d3-chart/lib/es6/Dots.js +8 -8
  72. package/d3-chart/lib/es6/HorizontalBar.js +10 -10
  73. package/d3-chart/lib/es6/Hover.js +3 -3
  74. package/d3-chart/lib/es6/Line.js +9 -9
  75. package/d3-chart/lib/es6/Plot.js +3 -3
  76. package/d3-chart/lib/es6/Radar.js +19 -19
  77. package/d3-chart/lib/es6/RadialTree.js +11 -11
  78. package/d3-chart/lib/es6/ReferenceLine.js +9 -9
  79. package/d3-chart/lib/es6/ScatterPlot.js +9 -9
  80. package/d3-chart/lib/es6/Tooltip.js +9 -9
  81. package/d3-chart/lib/es6/Venn.js +9 -9
  82. package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
  83. package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
  84. package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  85. package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  86. package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  87. package/data-table/lib/cjs/Body.js +4 -4
  88. package/data-table/lib/cjs/DataTable.js +41 -41
  89. package/data-table/lib/cjs/Head.js +4 -4
  90. package/data-table/lib/es6/Body.js +4 -4
  91. package/data-table/lib/es6/DataTable.js +41 -41
  92. package/data-table/lib/es6/Head.js +4 -4
  93. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  94. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
  95. package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
  96. package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
  97. package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
  98. package/date-picker/lib/es6/components/Calendar.js +21 -21
  99. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
  100. package/date-picker/lib/es6/components/InputTrigger.js +26 -26
  101. package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
  102. package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
  103. package/divider/lib/cjs/Divider.js +9 -9
  104. package/divider/lib/es6/Divider.js +9 -9
  105. package/dot/lib/cjs/Dot.js +10 -10
  106. package/dot/lib/es6/Dot.js +10 -10
  107. package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
  108. package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
  109. package/dropdown/lib/cjs/Dropdown.js +2 -2
  110. package/dropdown/lib/es6/Dropdown.js +2 -2
  111. package/dropdown-menu/lib/cjs/DropdownMenu.js +15 -15
  112. package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
  113. package/dropdown-menu/lib/es6/DropdownMenu.js +15 -15
  114. package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
  115. package/ellipsis/lib/cjs/Ellipsis.js +10 -10
  116. package/ellipsis/lib/es6/Ellipsis.js +10 -10
  117. package/errors/lib/cjs/Error.js +9 -9
  118. package/errors/lib/es6/Error.js +9 -9
  119. package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
  120. package/feature-popover/lib/es6/FeaturePopover.js +10 -10
  121. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  122. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  123. package/flags/lib/cjs/Flags.js +3 -3
  124. package/flags/lib/cjs/Flags.js.map +1 -1
  125. package/flags/lib/es6/Flags.js +3 -3
  126. package/flags/lib/es6/Flags.js.map +1 -1
  127. package/flags/lib/sprites/sprite@1x.css +256 -256
  128. package/flags/lib/sprites/sprite@2x.css +257 -257
  129. package/flex-box/lib/cjs/Box/useBox.js +3 -3
  130. package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
  131. package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
  132. package/flex-box/lib/es6/Box/useBox.js +3 -3
  133. package/flex-box/lib/es6/Flex/useFlex.js +3 -3
  134. package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
  135. package/format-text/lib/cjs/FormatText.js +5 -5
  136. package/format-text/lib/es6/FormatText.js +5 -5
  137. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  138. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  139. package/grid/lib/cjs/Grid.js +114 -114
  140. package/grid/lib/es6/Grid.js +114 -114
  141. package/icon/color/Confluence/l/index.js +4 -4
  142. package/icon/color/Confluence/l/index.mjs +4 -4
  143. package/icon/color/Confluence/m/index.js +4 -4
  144. package/icon/color/Confluence/m/index.mjs +4 -4
  145. package/icon/color/MicrosoftOffice/l/index.js +10 -10
  146. package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
  147. package/icon/color/MicrosoftOffice/m/index.js +10 -10
  148. package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
  149. package/icon/lib/cjs/Icon.js +5 -5
  150. package/icon/lib/es6/Icon.js +5 -5
  151. package/icon/pay/Discover/l/index.js +1 -1
  152. package/icon/pay/Discover/l/index.mjs +1 -1
  153. package/icon/pay/Discover/m/index.js +1 -1
  154. package/icon/pay/Discover/m/index.mjs +1 -1
  155. package/icon/pay/JCB/l/index.js +10 -10
  156. package/icon/pay/JCB/l/index.mjs +10 -10
  157. package/icon/pay/JCB/m/index.js +10 -10
  158. package/icon/pay/JCB/m/index.mjs +10 -10
  159. package/icon/pay/Visa/l/index.js +2 -2
  160. package/icon/pay/Visa/l/index.mjs +2 -2
  161. package/icon/pay/Visa/m/index.js +2 -2
  162. package/icon/pay/Visa/m/index.mjs +2 -2
  163. package/illustration/lib/cjs/index.js +1 -1
  164. package/illustration/lib/cjs/index.js.map +1 -1
  165. package/illustration/lib/es6/index.js +1 -1
  166. package/illustration/lib/es6/index.js.map +1 -1
  167. package/inline-edit/lib/cjs/InlineEdit.js +4 -4
  168. package/inline-edit/lib/es6/InlineEdit.js +4 -4
  169. package/inline-input/lib/cjs/InlineInput.js +18 -18
  170. package/inline-input/lib/es6/InlineInput.js +18 -18
  171. package/input/lib/cjs/Input.js +17 -17
  172. package/input/lib/es6/Input.js +17 -17
  173. package/input-mask/lib/cjs/InputMask.js +6 -6
  174. package/input-mask/lib/es6/InputMask.js +6 -6
  175. package/input-number/lib/cjs/InputNumber.js +9 -9
  176. package/input-number/lib/es6/InputNumber.js +9 -9
  177. package/input-tags/lib/cjs/InputTags.js +12 -12
  178. package/input-tags/lib/es6/InputTags.js +12 -12
  179. package/link/lib/cjs/Link.js +12 -12
  180. package/link/lib/es6/Link.js +12 -12
  181. package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
  182. package/mini-chart/lib/cjs/component/score/Line.js +17 -17
  183. package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
  184. package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
  185. package/mini-chart/lib/es6/component/score/Donut.js +9 -9
  186. package/mini-chart/lib/es6/component/score/Line.js +17 -17
  187. package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
  188. package/mini-chart/lib/es6/component/trend/Line.js +7 -7
  189. package/modal/lib/cjs/Modal.js +9 -9
  190. package/modal/lib/es6/Modal.js +9 -9
  191. package/notice/lib/cjs/Notice.js +13 -13
  192. package/notice/lib/es6/Notice.js +13 -13
  193. package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
  194. package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
  195. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  196. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  197. package/package.json +1 -1
  198. package/pagination/lib/cjs/Pagination.js +10 -10
  199. package/pagination/lib/es6/Pagination.js +10 -10
  200. package/pills/lib/cjs/Pills.js +13 -13
  201. package/pills/lib/es6/Pills.js +13 -13
  202. package/popper/lib/cjs/Popper.js +6 -6
  203. package/popper/lib/es6/Popper.js +6 -6
  204. package/product-head/lib/cjs/Info.js +4 -4
  205. package/product-head/lib/cjs/ProductHead.js +5 -5
  206. package/product-head/lib/cjs/Title.js +4 -4
  207. package/product-head/lib/es6/Info.js +4 -4
  208. package/product-head/lib/es6/ProductHead.js +5 -5
  209. package/product-head/lib/es6/Title.js +4 -4
  210. package/progress-bar/lib/cjs/ProgressBar.js +15 -15
  211. package/progress-bar/lib/es6/ProgressBar.js +15 -15
  212. package/radio/lib/cjs/Radio.js +16 -16
  213. package/radio/lib/es6/Radio.js +16 -16
  214. package/scroll-area/lib/cjs/ScrollArea.js +10 -12
  215. package/scroll-area/lib/cjs/ScrollArea.js.map +1 -1
  216. package/scroll-area/lib/cjs/ScrollBar.js +5 -5
  217. package/scroll-area/lib/es6/ScrollArea.js +10 -12
  218. package/scroll-area/lib/es6/ScrollArea.js.map +1 -1
  219. package/scroll-area/lib/es6/ScrollBar.js +5 -5
  220. package/select/lib/cjs/InputSearch.js +6 -6
  221. package/select/lib/cjs/Select.js +9 -9
  222. package/select/lib/es6/InputSearch.js +6 -6
  223. package/select/lib/es6/Select.js +9 -9
  224. package/side-panel/lib/cjs/SidePanel.js +15 -15
  225. package/side-panel/lib/es6/SidePanel.js +15 -15
  226. package/skeleton/lib/cjs/Charts/Area.js +9 -9
  227. package/skeleton/lib/cjs/Charts/Bar.js +9 -9
  228. package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
  229. package/skeleton/lib/cjs/Charts/Donut.js +9 -9
  230. package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
  231. package/skeleton/lib/cjs/Charts/Line.js +9 -9
  232. package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
  233. package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
  234. package/skeleton/lib/cjs/Charts/Venn.js +9 -9
  235. package/skeleton/lib/cjs/Skeleton.js +8 -8
  236. package/skeleton/lib/es6/Charts/Area.js +9 -9
  237. package/skeleton/lib/es6/Charts/Bar.js +9 -9
  238. package/skeleton/lib/es6/Charts/Bubble.js +9 -9
  239. package/skeleton/lib/es6/Charts/Donut.js +9 -9
  240. package/skeleton/lib/es6/Charts/Histogram.js +9 -9
  241. package/skeleton/lib/es6/Charts/Line.js +9 -9
  242. package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
  243. package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
  244. package/skeleton/lib/es6/Charts/Venn.js +9 -9
  245. package/skeleton/lib/es6/Skeleton.js +8 -8
  246. package/slider/lib/cjs/Slider.js +7 -7
  247. package/slider/lib/es6/Slider.js +7 -7
  248. package/spin/lib/cjs/Spin.js +13 -13
  249. package/spin/lib/es6/Spin.js +13 -13
  250. package/spin-container/lib/cjs/SpinContainer.js +8 -8
  251. package/spin-container/lib/es6/SpinContainer.js +8 -8
  252. package/sticky/lib/cjs/Sticky.js +2 -2
  253. package/sticky/lib/es6/Sticky.js +2 -2
  254. package/switch/lib/cjs/Switch.js +21 -21
  255. package/switch/lib/es6/Switch.js +21 -21
  256. package/tab-line/lib/cjs/TabLine.js +13 -13
  257. package/tab-line/lib/es6/TabLine.js +13 -13
  258. package/tab-panel/lib/cjs/TabPanel.js +8 -8
  259. package/tab-panel/lib/es6/TabPanel.js +8 -8
  260. package/tag/lib/cjs/Tag.js +20 -20
  261. package/tag/lib/es6/Tag.js +20 -20
  262. package/textarea/lib/cjs/Textarea.js +8 -8
  263. package/textarea/lib/es6/Textarea.js +8 -8
  264. package/time-picker/lib/cjs/TimePicker.js +12 -12
  265. package/time-picker/lib/es6/TimePicker.js +12 -12
  266. package/tooltip/lib/cjs/Tooltip.js +6 -6
  267. package/tooltip/lib/es6/Tooltip.js +6 -6
  268. package/typography/lib/cjs/Blockquote.js +4 -4
  269. package/typography/lib/cjs/Hint.js +7 -7
  270. package/typography/lib/cjs/List.js +5 -5
  271. package/typography/lib/cjs/Text.js +34 -34
  272. package/typography/lib/es6/Blockquote.js +4 -4
  273. package/typography/lib/es6/Hint.js +7 -7
  274. package/typography/lib/es6/List.js +5 -5
  275. package/typography/lib/es6/Text.js +34 -34
  276. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
  277. package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
  278. package/utils/lib/injectStyle.js +1 -1
  279. package/utils/lib/injectStyle.js.map +1 -1
  280. package/utils/lib/injectStyle.mjs +1 -1
  281. package/utils/lib/injectStyle.mjs.map +1 -1
  282. package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
  283. package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
  284. package/wizard/lib/cjs/Wizard.js +11 -11
  285. package/wizard/lib/es6/Wizard.js +11 -11
@@ -29,15 +29,15 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
29
29
  var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
30
30
  var _excluded = ["position"];
31
31
  /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
32
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1x3cr_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1x3cr_gg_:after,.___SShadowHorizontal_1x3cr_gg_:before,.___SShadowVertical_1x3cr_gg_:after,.___SShadowVertical_1x3cr_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1x3cr_gg_:after,.___SShadowHorizontal_1x3cr_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_start_1x3cr_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_1x3cr_gg_._position_end_1x3cr_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1x3cr_gg_:after,.___SShadowVertical_1x3cr_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_start_1x3cr_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_1x3cr_gg_._position_end_1x3cr_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1x3cr_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_1x3cr_gg_::-webkit-scrollbar{display:none}.___SContainer_1x3cr_gg_.__keyboardFocused_1x3cr_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__*/, "1x3cr_gg_") /*__reshadow_css_end__*/, {
33
- "__SScrollArea": "___SScrollArea_1x3cr_gg_",
34
- "__SContainer": "___SContainer_1x3cr_gg_",
35
- "_keyboardFocused": "__keyboardFocused_1x3cr_gg_",
36
- "__SShadowHorizontal": "___SShadowHorizontal_1x3cr_gg_",
37
- "__SShadowVertical": "___SShadowVertical_1x3cr_gg_",
38
- "_position_median": "_position_median_1x3cr_gg_",
39
- "_position_start": "_position_start_1x3cr_gg_",
40
- "_position_end": "_position_end_1x3cr_gg_"
32
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1gc65_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before,.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_start_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_end_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_start_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_end_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1gc65_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1gc65_gg_::-webkit-scrollbar{display:none}.___SContainer_1gc65_gg_.__keyboardFocused_1gc65_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "1gc65_gg_") /*__reshadow_css_end__*/, {
33
+ "__SScrollArea": "___SScrollArea_1gc65_gg_",
34
+ "__SContainer": "___SContainer_1gc65_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_1gc65_gg_",
36
+ "__SShadowHorizontal": "___SShadowHorizontal_1gc65_gg_",
37
+ "__SShadowVertical": "___SShadowVertical_1gc65_gg_",
38
+ "_position_median": "_position_median_1gc65_gg_",
39
+ "_position_start": "_position_start_1gc65_gg_",
40
+ "_position_end": "_position_end_1gc65_gg_"
41
41
  });
42
42
  var eventCalculate = undefined;
43
43
  exports.eventCalculate = eventCalculate;
@@ -97,9 +97,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
97
97
  });
98
98
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFocusIn", function (e) {
99
99
  setTimeout(function () {
100
- if (typeof e.target.scrollIntoView === 'function') {
101
- e.target.scrollIntoView();
102
- }
100
+ e.target.scrollIntoView();
103
101
  }, 0);
104
102
  });
105
103
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleShadow", function (scroll, maxScroll, orientation) {
@@ -1 +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","scrollIntoView","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","enhance","keyboardFocusEnhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n static displayName = 'ScrollArea';\n\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = () => ({\n container: React.createRef(),\n inner: React.createRef(),\n tabIndex: 0,\n });\n\n $wrapper = null;\n observer = null;\n horizontalBarRef = React.createRef();\n verticalBarRef = React.createRef();\n\n get $container() {\n return getNodeByRef(this.asProps.container);\n }\n\n get $inner() {\n return getNodeByRef(this.asProps.inner);\n }\n\n state = {\n shadowHorizontal: false,\n shadowVertical: false,\n };\n\n constructor(props) {\n super(props);\n\n if (canUseDOM()) {\n this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n }\n }\n\n refWrapper = (node) => {\n this.$wrapper = findDOMNode(node);\n };\n\n // for max height/width\n calculateSizeContainer() {\n const size = { width: '', height: '' };\n if (!this.$container || !this.$wrapper) return size;\n const { scrollWidth, scrollHeight } = this.$container;\n const style = window.getComputedStyle(this.$wrapper);\n const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n if (maxWidth) {\n if (scrollWidth > maxWidth) {\n size.width = `${maxWidth}px`;\n } else {\n size.width = '100%';\n }\n }\n\n if (maxHeight) {\n if (scrollHeight > maxHeight) {\n size.height = `${maxHeight}px`;\n } else {\n size.height = '100%';\n }\n }\n\n return size;\n }\n\n calculate = trottle(() => {\n if (!this.$container) return;\n\n const { height, width } = this.calculateSizeContainer();\n if (height) this.$container.style.height = height;\n if (width) this.$container.style.width = width;\n this.$container.dispatchEvent(eventCalculate);\n this.setShadowContainer();\n });\n\n updateBarsAria = trottle(() => {\n setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n });\n\n handleScrollContainer = trottle(() => {\n if (!this.$container) return;\n this.setShadowContainer();\n this.updateBarsAria();\n });\n\n // FIX Chrome bug, when focus state on hide control\n handleScroll = (e) => {\n if (e.target?.isEqualNode(this.$wrapper)) {\n e.target.scrollTop = 0;\n e.target.scrollLeft = 0;\n }\n };\n\n handleFocusIn = (e) => {\n setTimeout(() => {\n if (typeof e.target.scrollIntoView === 'function') {\n e.target.scrollIntoView();\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 } = this.asProps;\n return {\n container,\n orientation,\n uid,\n horizontalBarRef: this.horizontalBarRef,\n verticalBarRef: this.verticalBarRef,\n };\n }\n\n componentDidMount() {\n this.calculate();\n this.updateBarsAria();\n if (this.$inner) {\n this.observer?.observe(this.$inner);\n }\n if (this.$container) {\n this.observer?.observe(this.$container);\n }\n\n this.$inner?.addEventListener('focusin', this.handleFocusIn);\n }\n\n componentDidUpdate() {\n this.calculate();\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n }\n\n render() {\n const SScrollArea = Root;\n const SShadowVertical = BoxWithoutPosition;\n const SShadowHorizontal = BoxWithoutPosition;\n const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n const { shadowVertical, shadowHorizontal } = this.state;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n return sstyled(styles)(\n <SScrollArea\n render={Box}\n ref={this.refWrapper}\n onScroll={this.handleScroll}\n __excludeProps={['tabIndex']}\n >\n {shadowVertical && <SShadowVertical position={shadowVertical} />}\n {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <ScrollArea.Container tabIndex={tabIndex}>\n <Children />\n </ScrollArea.Container>\n {(orientation === undefined || orientation === 'horizontal') && (\n <ScrollArea.Bar orientation='horizontal' />\n )}\n {(orientation === undefined || orientation === 'vertical') && (\n <ScrollArea.Bar orientation='vertical' />\n )}\n </>\n )}\n </SScrollArea>,\n );\n }\n}\n\nfunction ContainerRoot(props) {\n const SContainer = Root;\n const { Children, styles, $refInner } = props;\n return sstyled(styles)(\n <SContainer render={Box} tabIndex={0}>\n <div ref={$refInner}>\n <Children />\n </div>\n </SContainer>,\n );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n Container: ContainerRoot,\n Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
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","scrollIntoView","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","enhance","keyboardFocusEnhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n static displayName = 'ScrollArea';\n\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = () => ({\n container: React.createRef(),\n inner: React.createRef(),\n tabIndex: 0,\n });\n\n $wrapper = null;\n observer = null;\n horizontalBarRef = React.createRef();\n verticalBarRef = React.createRef();\n\n get $container() {\n return getNodeByRef(this.asProps.container);\n }\n\n get $inner() {\n return getNodeByRef(this.asProps.inner);\n }\n\n state = {\n shadowHorizontal: false,\n shadowVertical: false,\n };\n\n constructor(props) {\n super(props);\n\n if (canUseDOM()) {\n this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n }\n }\n\n refWrapper = (node) => {\n this.$wrapper = findDOMNode(node);\n };\n\n // for max height/width\n calculateSizeContainer() {\n const size = { width: '', height: '' };\n if (!this.$container || !this.$wrapper) return size;\n const { scrollWidth, scrollHeight } = this.$container;\n const style = window.getComputedStyle(this.$wrapper);\n const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n if (maxWidth) {\n if (scrollWidth > maxWidth) {\n size.width = `${maxWidth}px`;\n } else {\n size.width = '100%';\n }\n }\n\n if (maxHeight) {\n if (scrollHeight > maxHeight) {\n size.height = `${maxHeight}px`;\n } else {\n size.height = '100%';\n }\n }\n\n return size;\n }\n\n calculate = trottle(() => {\n if (!this.$container) return;\n\n const { height, width } = this.calculateSizeContainer();\n if (height) this.$container.style.height = height;\n if (width) this.$container.style.width = width;\n this.$container.dispatchEvent(eventCalculate);\n this.setShadowContainer();\n });\n\n updateBarsAria = trottle(() => {\n setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n });\n\n handleScrollContainer = trottle(() => {\n if (!this.$container) return;\n this.setShadowContainer();\n this.updateBarsAria();\n });\n\n // FIX Chrome bug, when focus state on hide control\n handleScroll = (e) => {\n if (e.target?.isEqualNode(this.$wrapper)) {\n e.target.scrollTop = 0;\n e.target.scrollLeft = 0;\n }\n };\n\n handleFocusIn = (e) => {\n setTimeout(() => {\n e.target.scrollIntoView();\n }, 0);\n };\n\n toggleShadow = (scroll, maxScroll, orientation) => {\n const roundedScroll = Math.round(scroll);\n const roundedMaxScroll = Math.round(maxScroll);\n let shadow = '';\n // not scroll\n if (roundedMaxScroll <= 0) {\n // start scroll\n } else if (roundedScroll <= 0) {\n shadow = 'end';\n // end scroll\n } else if (roundedScroll >= roundedMaxScroll) {\n shadow = 'start';\n // median scroll\n } else if (roundedScroll > 0) {\n shadow = 'median';\n }\n this.setState({\n [orientation]: shadow,\n });\n };\n\n setShadowContainer = () => {\n if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n this.$container;\n const maxScrollRight = scrollWidth - clientWidth;\n const maxScrollBottom = scrollHeight - clientHeight;\n\n this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n };\n\n getContainerProps() {\n const { container, inner, onScroll, uid } = this.asProps;\n return {\n id: `igc-${uid}-scroll-container`,\n ref: container,\n $refInner: inner,\n onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n };\n }\n\n getBarProps() {\n const { container, orientation, uid } = this.asProps;\n return {\n container,\n orientation,\n uid,\n horizontalBarRef: this.horizontalBarRef,\n verticalBarRef: this.verticalBarRef,\n };\n }\n\n componentDidMount() {\n this.calculate();\n this.updateBarsAria();\n if (this.$inner) {\n this.observer?.observe(this.$inner);\n }\n if (this.$container) {\n this.observer?.observe(this.$container);\n }\n\n this.$inner?.addEventListener('focusin', this.handleFocusIn);\n }\n\n componentDidUpdate() {\n this.calculate();\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n }\n\n render() {\n const SScrollArea = Root;\n const SShadowVertical = BoxWithoutPosition;\n const SShadowHorizontal = BoxWithoutPosition;\n const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n const { shadowVertical, shadowHorizontal } = this.state;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n return sstyled(styles)(\n <SScrollArea\n render={Box}\n ref={this.refWrapper}\n onScroll={this.handleScroll}\n __excludeProps={['tabIndex']}\n >\n {shadowVertical && <SShadowVertical position={shadowVertical} />}\n {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <ScrollArea.Container tabIndex={tabIndex}>\n <Children />\n </ScrollArea.Container>\n {(orientation === undefined || orientation === 'horizontal') && (\n <ScrollArea.Bar orientation='horizontal' />\n )}\n {(orientation === undefined || orientation === 'vertical') && (\n <ScrollArea.Bar orientation='vertical' />\n )}\n </>\n )}\n </SScrollArea>,\n );\n }\n}\n\nfunction ContainerRoot(props) {\n const SContainer = Root;\n const { Children, styles, $refInner } = props;\n return sstyled(styles)(\n <SContainer render={Box} tabIndex={0}>\n <div ref={$refInner}>\n <Children />\n </div>\n </SContainer>,\n );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n Container: ContainerRoot,\n Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
@@ -20,11 +20,11 @@ var _reactDom = require("react-dom");
20
20
  var _flexBox = require("intergalactic/flex-box");
21
21
  var _ref5 = require("intergalactic/utils/lib/ref");
22
22
  /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1rbfk_gg_{position:absolute;display:flex}.___SScrollBar_1rbfk_gg_._orientation_vertical_1rbfk_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1rbfk_gg_._orientation_horizontal_1rbfk_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_1rbfk_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__*/, "1rbfk_gg_") /*__reshadow_css_end__*/, {
24
- "__SScrollBar": "___SScrollBar_1rbfk_gg_",
25
- "_orientation_vertical": "_orientation_vertical_1rbfk_gg_",
26
- "_orientation_horizontal": "_orientation_horizontal_1rbfk_gg_",
27
- "__SSlider": "___SSlider_1rbfk_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_imwvf_gg_{position:absolute;display:flex}.___SScrollBar_imwvf_gg_._orientation_vertical_imwvf_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_imwvf_gg_._orientation_horizontal_imwvf_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_imwvf_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "imwvf_gg_") /*__reshadow_css_end__*/, {
24
+ "__SScrollBar": "___SScrollBar_imwvf_gg_",
25
+ "_orientation_vertical": "_orientation_vertical_imwvf_gg_",
26
+ "_orientation_horizontal": "_orientation_horizontal_imwvf_gg_",
27
+ "__SSlider": "___SSlider_imwvf_gg_"
28
28
  });
29
29
  var DEFAULT_SLIDER_SIZE = 50;
30
30
 
@@ -24,15 +24,15 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
24
24
  import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
25
25
  import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
26
26
  /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1x3cr_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1x3cr_gg_:after,.___SShadowHorizontal_1x3cr_gg_:before,.___SShadowVertical_1x3cr_gg_:after,.___SShadowVertical_1x3cr_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1x3cr_gg_:after,.___SShadowHorizontal_1x3cr_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_start_1x3cr_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_1x3cr_gg_._position_end_1x3cr_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1x3cr_gg_:after,.___SShadowVertical_1x3cr_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_median_1x3cr_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_1x3cr_gg_._position_start_1x3cr_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_1x3cr_gg_._position_end_1x3cr_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1x3cr_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_1x3cr_gg_::-webkit-scrollbar{display:none}.___SContainer_1x3cr_gg_.__keyboardFocused_1x3cr_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__*/, "1x3cr_gg_") /*__reshadow_css_end__*/, {
28
- "__SScrollArea": "___SScrollArea_1x3cr_gg_",
29
- "__SContainer": "___SContainer_1x3cr_gg_",
30
- "_keyboardFocused": "__keyboardFocused_1x3cr_gg_",
31
- "__SShadowHorizontal": "___SShadowHorizontal_1x3cr_gg_",
32
- "__SShadowVertical": "___SShadowVertical_1x3cr_gg_",
33
- "_position_median": "_position_median_1x3cr_gg_",
34
- "_position_start": "_position_start_1x3cr_gg_",
35
- "_position_end": "_position_end_1x3cr_gg_"
27
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_1gc65_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before,.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{content:\"\";position:absolute;pointer-events:none;z-index:1}.___SShadowHorizontal_1gc65_gg_:after,.___SShadowHorizontal_1gc65_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_median_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_start_1gc65_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_1gc65_gg_._position_end_1gc65_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_:after,.___SShadowVertical_1gc65_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_median_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_start_1gc65_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_1gc65_gg_._position_end_1gc65_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SContainer_1gc65_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1gc65_gg_::-webkit-scrollbar{display:none}.___SContainer_1gc65_gg_.__keyboardFocused_1gc65_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "1gc65_gg_") /*__reshadow_css_end__*/, {
28
+ "__SScrollArea": "___SScrollArea_1gc65_gg_",
29
+ "__SContainer": "___SContainer_1gc65_gg_",
30
+ "_keyboardFocused": "__keyboardFocused_1gc65_gg_",
31
+ "__SShadowHorizontal": "___SShadowHorizontal_1gc65_gg_",
32
+ "__SShadowVertical": "___SShadowVertical_1gc65_gg_",
33
+ "_position_median": "_position_median_1gc65_gg_",
34
+ "_position_start": "_position_start_1gc65_gg_",
35
+ "_position_end": "_position_end_1gc65_gg_"
36
36
  });
37
37
  var eventCalculate = undefined;
38
38
  if (typeof window !== 'undefined') {
@@ -91,9 +91,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
91
91
  });
92
92
  _defineProperty(_assertThisInitialized(_this), "handleFocusIn", function (e) {
93
93
  setTimeout(function () {
94
- if (typeof e.target.scrollIntoView === 'function') {
95
- e.target.scrollIntoView();
96
- }
94
+ e.target.scrollIntoView();
97
95
  }, 0);
98
96
  });
99
97
  _defineProperty(_assertThisInitialized(_this), "toggleShadow", function (scroll, maxScroll, orientation) {
@@ -1 +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","scrollIntoView","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_assignProps2","enhance"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n static displayName = 'ScrollArea';\n\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = () => ({\n container: React.createRef(),\n inner: React.createRef(),\n tabIndex: 0,\n });\n\n $wrapper = null;\n observer = null;\n horizontalBarRef = React.createRef();\n verticalBarRef = React.createRef();\n\n get $container() {\n return getNodeByRef(this.asProps.container);\n }\n\n get $inner() {\n return getNodeByRef(this.asProps.inner);\n }\n\n state = {\n shadowHorizontal: false,\n shadowVertical: false,\n };\n\n constructor(props) {\n super(props);\n\n if (canUseDOM()) {\n this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n }\n }\n\n refWrapper = (node) => {\n this.$wrapper = findDOMNode(node);\n };\n\n // for max height/width\n calculateSizeContainer() {\n const size = { width: '', height: '' };\n if (!this.$container || !this.$wrapper) return size;\n const { scrollWidth, scrollHeight } = this.$container;\n const style = window.getComputedStyle(this.$wrapper);\n const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n if (maxWidth) {\n if (scrollWidth > maxWidth) {\n size.width = `${maxWidth}px`;\n } else {\n size.width = '100%';\n }\n }\n\n if (maxHeight) {\n if (scrollHeight > maxHeight) {\n size.height = `${maxHeight}px`;\n } else {\n size.height = '100%';\n }\n }\n\n return size;\n }\n\n calculate = trottle(() => {\n if (!this.$container) return;\n\n const { height, width } = this.calculateSizeContainer();\n if (height) this.$container.style.height = height;\n if (width) this.$container.style.width = width;\n this.$container.dispatchEvent(eventCalculate);\n this.setShadowContainer();\n });\n\n updateBarsAria = trottle(() => {\n setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n });\n\n handleScrollContainer = trottle(() => {\n if (!this.$container) return;\n this.setShadowContainer();\n this.updateBarsAria();\n });\n\n // FIX Chrome bug, when focus state on hide control\n handleScroll = (e) => {\n if (e.target?.isEqualNode(this.$wrapper)) {\n e.target.scrollTop = 0;\n e.target.scrollLeft = 0;\n }\n };\n\n handleFocusIn = (e) => {\n setTimeout(() => {\n if (typeof e.target.scrollIntoView === 'function') {\n e.target.scrollIntoView();\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 } = this.asProps;\n return {\n container,\n orientation,\n uid,\n horizontalBarRef: this.horizontalBarRef,\n verticalBarRef: this.verticalBarRef,\n };\n }\n\n componentDidMount() {\n this.calculate();\n this.updateBarsAria();\n if (this.$inner) {\n this.observer?.observe(this.$inner);\n }\n if (this.$container) {\n this.observer?.observe(this.$container);\n }\n\n this.$inner?.addEventListener('focusin', this.handleFocusIn);\n }\n\n componentDidUpdate() {\n this.calculate();\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n }\n\n render() {\n const SScrollArea = Root;\n const SShadowVertical = BoxWithoutPosition;\n const SShadowHorizontal = BoxWithoutPosition;\n const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n const { shadowVertical, shadowHorizontal } = this.state;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n return sstyled(styles)(\n <SScrollArea\n render={Box}\n ref={this.refWrapper}\n onScroll={this.handleScroll}\n __excludeProps={['tabIndex']}\n >\n {shadowVertical && <SShadowVertical position={shadowVertical} />}\n {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <ScrollArea.Container tabIndex={tabIndex}>\n <Children />\n </ScrollArea.Container>\n {(orientation === undefined || orientation === 'horizontal') && (\n <ScrollArea.Bar orientation='horizontal' />\n )}\n {(orientation === undefined || orientation === 'vertical') && (\n <ScrollArea.Bar orientation='vertical' />\n )}\n </>\n )}\n </SScrollArea>,\n );\n }\n}\n\nfunction ContainerRoot(props) {\n const SContainer = Root;\n const { Children, styles, $refInner } = props;\n return sstyled(styles)(\n <SContainer render={Box} tabIndex={0}>\n <div ref={$refInner}>\n <Children />\n </div>\n </SContainer>,\n );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n Container: ContainerRoot,\n Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
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","scrollIntoView","scroll","maxScroll","orientation","roundedScroll","Math","round","roundedMaxScroll","shadow","setState","asProps","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","observer","ResizeObserver","onResize","calculate","_createClass","key","get","container","inner","value","size","_this$$container2","getComputedStyle","maxWidth","Number","parseInt","getPropertyValue","maxHeight","concat","getContainerProps","_this$asProps","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps2","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps3","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread","_assignProps","refWrapper","handleScroll","Fragment","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_assignProps2","enhance"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n static displayName = 'ScrollArea';\n\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = () => ({\n container: React.createRef(),\n inner: React.createRef(),\n tabIndex: 0,\n });\n\n $wrapper = null;\n observer = null;\n horizontalBarRef = React.createRef();\n verticalBarRef = React.createRef();\n\n get $container() {\n return getNodeByRef(this.asProps.container);\n }\n\n get $inner() {\n return getNodeByRef(this.asProps.inner);\n }\n\n state = {\n shadowHorizontal: false,\n shadowVertical: false,\n };\n\n constructor(props) {\n super(props);\n\n if (canUseDOM()) {\n this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n }\n }\n\n refWrapper = (node) => {\n this.$wrapper = findDOMNode(node);\n };\n\n // for max height/width\n calculateSizeContainer() {\n const size = { width: '', height: '' };\n if (!this.$container || !this.$wrapper) return size;\n const { scrollWidth, scrollHeight } = this.$container;\n const style = window.getComputedStyle(this.$wrapper);\n const maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n if (maxWidth) {\n if (scrollWidth > maxWidth) {\n size.width = `${maxWidth}px`;\n } else {\n size.width = '100%';\n }\n }\n\n if (maxHeight) {\n if (scrollHeight > maxHeight) {\n size.height = `${maxHeight}px`;\n } else {\n size.height = '100%';\n }\n }\n\n return size;\n }\n\n calculate = trottle(() => {\n if (!this.$container) return;\n\n const { height, width } = this.calculateSizeContainer();\n if (height) this.$container.style.height = height;\n if (width) this.$container.style.width = width;\n this.$container.dispatchEvent(eventCalculate);\n this.setShadowContainer();\n });\n\n updateBarsAria = trottle(() => {\n setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n });\n\n handleScrollContainer = trottle(() => {\n if (!this.$container) return;\n this.setShadowContainer();\n this.updateBarsAria();\n });\n\n // FIX Chrome bug, when focus state on hide control\n handleScroll = (e) => {\n if (e.target?.isEqualNode(this.$wrapper)) {\n e.target.scrollTop = 0;\n e.target.scrollLeft = 0;\n }\n };\n\n handleFocusIn = (e) => {\n setTimeout(() => {\n e.target.scrollIntoView();\n }, 0);\n };\n\n toggleShadow = (scroll, maxScroll, orientation) => {\n const roundedScroll = Math.round(scroll);\n const roundedMaxScroll = Math.round(maxScroll);\n let shadow = '';\n // not scroll\n if (roundedMaxScroll <= 0) {\n // start scroll\n } else if (roundedScroll <= 0) {\n shadow = 'end';\n // end scroll\n } else if (roundedScroll >= roundedMaxScroll) {\n shadow = 'start';\n // median scroll\n } else if (roundedScroll > 0) {\n shadow = 'median';\n }\n this.setState({\n [orientation]: shadow,\n });\n };\n\n setShadowContainer = () => {\n if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n this.$container;\n const maxScrollRight = scrollWidth - clientWidth;\n const maxScrollBottom = scrollHeight - clientHeight;\n\n this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n };\n\n getContainerProps() {\n const { container, inner, onScroll, uid } = this.asProps;\n return {\n id: `igc-${uid}-scroll-container`,\n ref: container,\n $refInner: inner,\n onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n };\n }\n\n getBarProps() {\n const { container, orientation, uid } = this.asProps;\n return {\n container,\n orientation,\n uid,\n horizontalBarRef: this.horizontalBarRef,\n verticalBarRef: this.verticalBarRef,\n };\n }\n\n componentDidMount() {\n this.calculate();\n this.updateBarsAria();\n if (this.$inner) {\n this.observer?.observe(this.$inner);\n }\n if (this.$container) {\n this.observer?.observe(this.$container);\n }\n\n this.$inner?.addEventListener('focusin', this.handleFocusIn);\n }\n\n componentDidUpdate() {\n this.calculate();\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n }\n\n render() {\n const SScrollArea = Root;\n const SShadowVertical = BoxWithoutPosition;\n const SShadowHorizontal = BoxWithoutPosition;\n const { Children, styles, orientation, tabIndex, forcedAdvancedMode } = this.asProps;\n const { shadowVertical, shadowHorizontal } = this.state;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n return sstyled(styles)(\n <SScrollArea\n render={Box}\n ref={this.refWrapper}\n onScroll={this.handleScroll}\n __excludeProps={['tabIndex']}\n >\n {shadowVertical && <SShadowVertical position={shadowVertical} />}\n {shadowHorizontal && <SShadowHorizontal position={shadowHorizontal} />}\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <ScrollArea.Container tabIndex={tabIndex}>\n <Children />\n </ScrollArea.Container>\n {(orientation === undefined || orientation === 'horizontal') && (\n <ScrollArea.Bar orientation='horizontal' />\n )}\n {(orientation === undefined || orientation === 'vertical') && (\n <ScrollArea.Bar orientation='vertical' />\n )}\n </>\n )}\n </SScrollArea>,\n );\n }\n}\n\nfunction ContainerRoot(props) {\n const SContainer = Root;\n const { Children, styles, $refInner } = props;\n return sstyled(styles)(\n <SContainer render={Box} tabIndex={0}>\n <div ref={$refInner}>\n <Children />\n </div>\n </SContainer>,\n );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n Container: ContainerRoot,\n Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
@@ -15,11 +15,11 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
15
15
  import { Box } from 'intergalactic/flex-box';
16
16
  import { getNodeByRef } from 'intergalactic/utils/lib/ref';
17
17
  /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
18
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1rbfk_gg_{position:absolute;display:flex}.___SScrollBar_1rbfk_gg_._orientation_vertical_1rbfk_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1rbfk_gg_._orientation_horizontal_1rbfk_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_1rbfk_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__*/, "1rbfk_gg_") /*__reshadow_css_end__*/, {
19
- "__SScrollBar": "___SScrollBar_1rbfk_gg_",
20
- "_orientation_vertical": "_orientation_vertical_1rbfk_gg_",
21
- "_orientation_horizontal": "_orientation_horizontal_1rbfk_gg_",
22
- "__SSlider": "___SSlider_1rbfk_gg_"
18
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_imwvf_gg_{position:absolute;display:flex}.___SScrollBar_imwvf_gg_._orientation_vertical_imwvf_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_imwvf_gg_._orientation_horizontal_imwvf_gg_{bottom:0;left:var(--intergalactic-spacing-1x, 4px);height:12px;width:calc(100% - var(--intergalactic-spacing-2x, 8px));align-items:center}.___SSlider_imwvf_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "imwvf_gg_") /*__reshadow_css_end__*/, {
19
+ "__SScrollBar": "___SScrollBar_imwvf_gg_",
20
+ "_orientation_vertical": "_orientation_vertical_imwvf_gg_",
21
+ "_orientation_horizontal": "_orientation_horizontal_imwvf_gg_",
22
+ "__SSlider": "___SSlider_imwvf_gg_"
23
23
  });
24
24
  export var DEFAULT_SLIDER_SIZE = 50;
25
25
 
@@ -22,12 +22,12 @@ var _context = require("./context");
22
22
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
23
23
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
24
24
  /*__reshadow-styles__:"./style/input-search.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_72jkd_gg_._size_m_72jkd_gg_{height:32px}.___SSearchClear_72jkd_gg_.__hide_72jkd_gg_{visibility:hidden}.___SOutline_72jkd_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "72jkd_gg_") /*__reshadow_css_end__*/, {
26
- "__SInputSearch": "___SInputSearch_72jkd_gg_",
27
- "_size_m": "_size_m_72jkd_gg_",
28
- "__SSearchClear": "___SSearchClear_72jkd_gg_",
29
- "_hide": "__hide_72jkd_gg_",
30
- "__SOutline": "___SOutline_72jkd_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_e3e9w_gg_._size_m_e3e9w_gg_{height:32px}.___SSearchClear_e3e9w_gg_.__hide_e3e9w_gg_{visibility:hidden}.___SOutline_e3e9w_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "e3e9w_gg_") /*__reshadow_css_end__*/, {
26
+ "__SInputSearch": "___SInputSearch_e3e9w_gg_",
27
+ "_size_m": "_size_m_e3e9w_gg_",
28
+ "__SSearchClear": "___SSearchClear_e3e9w_gg_",
29
+ "_hide": "__hide_e3e9w_gg_",
30
+ "__SOutline": "___SOutline_e3e9w_gg_"
31
31
  });
32
32
  var InputSearchRoot = /*#__PURE__*/function (_Component) {
33
33
  (0, _inherits2["default"])(InputSearchRoot, _Component);
@@ -36,15 +36,15 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
36
36
  var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
37
37
  var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
38
38
  /*__reshadow-styles__:"./style/select.shadow.css"*/
39
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_kt1o1_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_kt1o1_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_kt1o1_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_kt1o1_gg_._size_l_kt1o1_gg_{width:20px;height:20px}.___SOptionCheckbox_kt1o1_gg_._size_l_kt1o1_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_kt1o1_gg_.__checked_kt1o1_gg_:before,.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_kt1o1_gg_.__theme_kt1o1_gg_:before{border-color:var(--theme_kt1o1)}.___SOptionCheckbox_kt1o1_gg_.__theme_kt1o1_gg_.__checked_kt1o1_gg_:before{background-color:var(--theme_kt1o1);border-color:var(--theme_kt1o1)}.___SOptionCheckbox_kt1o1_gg_.__selected_kt1o1_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_kt1o1_gg_.__selected_kt1o1_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_._size_l_kt1o1_gg_:after{width:12px;height:2px}.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_._size_m_kt1o1_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "kt1o1_gg_") /*__reshadow_css_end__*/, {
40
- "__SOptionCheckbox": "___SOptionCheckbox_kt1o1_gg_",
41
- "_checked": "__checked_kt1o1_gg_",
42
- "_indeterminate": "__indeterminate_kt1o1_gg_",
43
- "_theme": "__theme_kt1o1_gg_",
44
- "--theme": "--theme_kt1o1",
45
- "_size_l": "_size_l_kt1o1_gg_",
46
- "_size_m": "_size_m_kt1o1_gg_",
47
- "_selected": "__selected_kt1o1_gg_"
39
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_bz050_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_bz050_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_bz050_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_{width:20px;height:20px}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_.__checked_bz050_gg_:before,.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_:before{border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_.__checked_bz050_gg_:before{background-color:var(--theme_bz050);border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_l_bz050_gg_:after{width:12px;height:2px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_m_bz050_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "bz050_gg_") /*__reshadow_css_end__*/, {
40
+ "__SOptionCheckbox": "___SOptionCheckbox_bz050_gg_",
41
+ "_checked": "__checked_bz050_gg_",
42
+ "_indeterminate": "__indeterminate_bz050_gg_",
43
+ "_theme": "__theme_bz050_gg_",
44
+ "--theme": "--theme_bz050",
45
+ "_size_l": "_size_l_bz050_gg_",
46
+ "_size_m": "_size_m_bz050_gg_",
47
+ "_selected": "__selected_bz050_gg_"
48
48
  });
49
49
  function isSelectedOption(value, valueOption) {
50
50
  return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
@@ -19,12 +19,12 @@ import { selectContext } from './context';
19
19
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
20
20
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
21
21
  /*__reshadow-styles__:"./style/input-search.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_72jkd_gg_._size_m_72jkd_gg_{height:32px}.___SSearchClear_72jkd_gg_.__hide_72jkd_gg_{visibility:hidden}.___SOutline_72jkd_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "72jkd_gg_") /*__reshadow_css_end__*/, {
23
- "__SInputSearch": "___SInputSearch_72jkd_gg_",
24
- "_size_m": "_size_m_72jkd_gg_",
25
- "__SSearchClear": "___SSearchClear_72jkd_gg_",
26
- "_hide": "__hide_72jkd_gg_",
27
- "__SOutline": "___SOutline_72jkd_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_e3e9w_gg_._size_m_e3e9w_gg_{height:32px}.___SSearchClear_e3e9w_gg_.__hide_e3e9w_gg_{visibility:hidden}.___SOutline_e3e9w_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "e3e9w_gg_") /*__reshadow_css_end__*/, {
23
+ "__SInputSearch": "___SInputSearch_e3e9w_gg_",
24
+ "_size_m": "_size_m_e3e9w_gg_",
25
+ "__SSearchClear": "___SSearchClear_e3e9w_gg_",
26
+ "_hide": "__hide_e3e9w_gg_",
27
+ "__SOutline": "___SOutline_e3e9w_gg_"
28
28
  });
29
29
  var InputSearchRoot = /*#__PURE__*/function (_Component) {
30
30
  _inherits(InputSearchRoot, _Component);
@@ -33,15 +33,15 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
33
33
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
34
34
  import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
35
35
  /*__reshadow-styles__:"./style/select.shadow.css"*/
36
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_kt1o1_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_kt1o1_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_kt1o1_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_kt1o1_gg_._size_l_kt1o1_gg_{width:20px;height:20px}.___SOptionCheckbox_kt1o1_gg_._size_l_kt1o1_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_kt1o1_gg_.__checked_kt1o1_gg_:before,.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_kt1o1_gg_.__theme_kt1o1_gg_:before{border-color:var(--theme_kt1o1)}.___SOptionCheckbox_kt1o1_gg_.__theme_kt1o1_gg_.__checked_kt1o1_gg_:before{background-color:var(--theme_kt1o1);border-color:var(--theme_kt1o1)}.___SOptionCheckbox_kt1o1_gg_.__selected_kt1o1_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_kt1o1_gg_.__selected_kt1o1_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_._size_l_kt1o1_gg_:after{width:12px;height:2px}.___SOptionCheckbox_kt1o1_gg_.__indeterminate_kt1o1_gg_._size_m_kt1o1_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "kt1o1_gg_") /*__reshadow_css_end__*/, {
37
- "__SOptionCheckbox": "___SOptionCheckbox_kt1o1_gg_",
38
- "_checked": "__checked_kt1o1_gg_",
39
- "_indeterminate": "__indeterminate_kt1o1_gg_",
40
- "_theme": "__theme_kt1o1_gg_",
41
- "--theme": "--theme_kt1o1",
42
- "_size_l": "_size_l_kt1o1_gg_",
43
- "_size_m": "_size_m_kt1o1_gg_",
44
- "_selected": "__selected_kt1o1_gg_"
36
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_bz050_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_bz050_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_bz050_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_{width:20px;height:20px}.___SOptionCheckbox_bz050_gg_._size_l_bz050_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_bz050_gg_.__checked_bz050_gg_:before,.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_:before{border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__theme_bz050_gg_.__checked_bz050_gg_:before{background-color:var(--theme_bz050);border-color:var(--theme_bz050)}.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_bz050_gg_.__selected_bz050_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_l_bz050_gg_:after{width:12px;height:2px}.___SOptionCheckbox_bz050_gg_.__indeterminate_bz050_gg_._size_m_bz050_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "bz050_gg_") /*__reshadow_css_end__*/, {
37
+ "__SOptionCheckbox": "___SOptionCheckbox_bz050_gg_",
38
+ "_checked": "__checked_bz050_gg_",
39
+ "_indeterminate": "__indeterminate_bz050_gg_",
40
+ "_theme": "__theme_bz050_gg_",
41
+ "--theme": "--theme_bz050",
42
+ "_size_l": "_size_l_bz050_gg_",
43
+ "_size_m": "_size_m_bz050_gg_",
44
+ "_selected": "__selected_bz050_gg_"
45
45
  });
46
46
  function isSelectedOption(value, valueOption) {
47
47
  return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
@@ -30,21 +30,21 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
30
30
  var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
31
31
  var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
32
32
  /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
33
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOverlay_a99ot_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_a99ot_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_a99ot_gg_._placement_right_a99ot_gg_,.___SPanel_a99ot_gg_._placement_top_a99ot_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_a99ot_gg_._placement_top_a99ot_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_a99ot_gg_._placement_right_a99ot_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_a99ot_gg_._placement_bottom_a99ot_gg_,.___SPanel_a99ot_gg_._placement_left_a99ot_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_a99ot_gg_._placement_bottom_a99ot_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_a99ot_gg_._placement_left_a99ot_gg_{height:100vh;margin-right:auto;top:0}.___SClose_a99ot_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_a99ot_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_a99ot_gg_.__keyboardFocused_a99ot_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_a99ot_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_a99ot_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_a99ot_gg_,.___STitle_a99ot_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_a99ot_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_a99ot_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_a99ot_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_a99ot_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_a99ot_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "a99ot_gg_") /*__reshadow_css_end__*/, {
34
- "__SOverlay": "___SOverlay_a99ot_gg_",
35
- "__SPanel": "___SPanel_a99ot_gg_",
36
- "_placement_top": "_placement_top_a99ot_gg_",
37
- "_placement_right": "_placement_right_a99ot_gg_",
38
- "_placement_bottom": "_placement_bottom_a99ot_gg_",
39
- "_placement_left": "_placement_left_a99ot_gg_",
40
- "__SClose": "___SClose_a99ot_gg_",
41
- "_keyboardFocused": "__keyboardFocused_a99ot_gg_",
42
- "__SBackText": "___SBackText_a99ot_gg_",
43
- "__STitle": "___STitle_a99ot_gg_",
44
- "__SHeader": "___SHeader_a99ot_gg_",
45
- "__SFooter": "___SFooter_a99ot_gg_",
46
- "__SBody": "___SBody_a99ot_gg_",
47
- "__SBack": "___SBack_a99ot_gg_"
33
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOverlay_q8248_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_q8248_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_q8248_gg_._placement_right_q8248_gg_,.___SPanel_q8248_gg_._placement_top_q8248_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_q8248_gg_._placement_top_q8248_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_q8248_gg_._placement_right_q8248_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_q8248_gg_._placement_bottom_q8248_gg_,.___SPanel_q8248_gg_._placement_left_q8248_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_q8248_gg_._placement_bottom_q8248_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_q8248_gg_._placement_left_q8248_gg_{height:100vh;margin-right:auto;top:0}.___SClose_q8248_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_q8248_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_q8248_gg_.__keyboardFocused_q8248_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_q8248_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_q8248_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_q8248_gg_,.___STitle_q8248_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_q8248_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_q8248_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_q8248_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_q8248_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_q8248_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "q8248_gg_") /*__reshadow_css_end__*/, {
34
+ "__SOverlay": "___SOverlay_q8248_gg_",
35
+ "__SPanel": "___SPanel_q8248_gg_",
36
+ "_placement_top": "_placement_top_q8248_gg_",
37
+ "_placement_right": "_placement_right_q8248_gg_",
38
+ "_placement_bottom": "_placement_bottom_q8248_gg_",
39
+ "_placement_left": "_placement_left_q8248_gg_",
40
+ "__SClose": "___SClose_q8248_gg_",
41
+ "_keyboardFocused": "__keyboardFocused_q8248_gg_",
42
+ "__SBackText": "___SBackText_q8248_gg_",
43
+ "__STitle": "___STitle_q8248_gg_",
44
+ "__SHeader": "___SHeader_q8248_gg_",
45
+ "__SFooter": "___SFooter_q8248_gg_",
46
+ "__SBody": "___SBody_q8248_gg_",
47
+ "__SBack": "___SBack_q8248_gg_"
48
48
  });
49
49
  var RootSidePanel = /*#__PURE__*/function (_Component) {
50
50
  (0, _inherits2["default"])(RootSidePanel, _Component);
@@ -32,21 +32,21 @@ import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
32
32
  import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
33
33
  import { useContextTheme } from 'intergalactic/utils/lib/ThemeProvider';
34
34
  /*__reshadow-styles__:"./style/side-panel.shadow.css"*/
35
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_a99ot_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_a99ot_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_a99ot_gg_._placement_right_a99ot_gg_,.___SPanel_a99ot_gg_._placement_top_a99ot_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_a99ot_gg_._placement_top_a99ot_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_a99ot_gg_._placement_right_a99ot_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_a99ot_gg_._placement_bottom_a99ot_gg_,.___SPanel_a99ot_gg_._placement_left_a99ot_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_a99ot_gg_._placement_bottom_a99ot_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_a99ot_gg_._placement_left_a99ot_gg_{height:100vh;margin-right:auto;top:0}.___SClose_a99ot_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_a99ot_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_a99ot_gg_.__keyboardFocused_a99ot_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_a99ot_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_a99ot_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_a99ot_gg_,.___STitle_a99ot_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_a99ot_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_a99ot_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_a99ot_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_a99ot_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_a99ot_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "a99ot_gg_") /*__reshadow_css_end__*/, {
36
- "__SOverlay": "___SOverlay_a99ot_gg_",
37
- "__SPanel": "___SPanel_a99ot_gg_",
38
- "_placement_top": "_placement_top_a99ot_gg_",
39
- "_placement_right": "_placement_right_a99ot_gg_",
40
- "_placement_bottom": "_placement_bottom_a99ot_gg_",
41
- "_placement_left": "_placement_left_a99ot_gg_",
42
- "__SClose": "___SClose_a99ot_gg_",
43
- "_keyboardFocused": "__keyboardFocused_a99ot_gg_",
44
- "__SBackText": "___SBackText_a99ot_gg_",
45
- "__STitle": "___STitle_a99ot_gg_",
46
- "__SHeader": "___SHeader_a99ot_gg_",
47
- "__SFooter": "___SFooter_a99ot_gg_",
48
- "__SBody": "___SBody_a99ot_gg_",
49
- "__SBack": "___SBack_a99ot_gg_"
35
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_q8248_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;z-index:var(--intergalactic-z-index-overlay, 500);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_q8248_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_q8248_gg_._placement_right_q8248_gg_,.___SPanel_q8248_gg_._placement_top_q8248_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_q8248_gg_._placement_top_q8248_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_q8248_gg_._placement_right_q8248_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_q8248_gg_._placement_bottom_q8248_gg_,.___SPanel_q8248_gg_._placement_left_q8248_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_q8248_gg_._placement_bottom_q8248_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_q8248_gg_._placement_left_q8248_gg_{height:100vh;margin-right:auto;top:0}.___SClose_q8248_gg_{cursor:pointer;position:absolute;z-index:1;display:inline-flex;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px) var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_q8248_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_q8248_gg_.__keyboardFocused_q8248_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBack_q8248_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);margin-bottom:var(--intergalactic-spacing-1x, 4px);cursor:pointer}@media (hover:hover){.___SBack_q8248_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBackText_q8248_gg_,.___STitle_q8248_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_q8248_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_q8248_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_q8248_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-14x, 56px);padding-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_q8248_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_q8248_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-10x, 40px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "q8248_gg_") /*__reshadow_css_end__*/, {
36
+ "__SOverlay": "___SOverlay_q8248_gg_",
37
+ "__SPanel": "___SPanel_q8248_gg_",
38
+ "_placement_top": "_placement_top_q8248_gg_",
39
+ "_placement_right": "_placement_right_q8248_gg_",
40
+ "_placement_bottom": "_placement_bottom_q8248_gg_",
41
+ "_placement_left": "_placement_left_q8248_gg_",
42
+ "__SClose": "___SClose_q8248_gg_",
43
+ "_keyboardFocused": "__keyboardFocused_q8248_gg_",
44
+ "__SBackText": "___SBackText_q8248_gg_",
45
+ "__STitle": "___STitle_q8248_gg_",
46
+ "__SHeader": "___SHeader_q8248_gg_",
47
+ "__SFooter": "___SFooter_q8248_gg_",
48
+ "__SBody": "___SBody_q8248_gg_",
49
+ "__SBack": "___SBack_q8248_gg_"
50
50
  });
51
51
  var RootSidePanel = /*#__PURE__*/function (_Component) {
52
52
  _inherits(RootSidePanel, _Component);