@vitus-labs/elements 0.35.0 → 0.36.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.
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
6424
6424
  </script>
6425
6425
  <script>
6426
6426
  /*<!--*/
6427
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.browser.js","children":[{"name":"src","children":[{"uid":"63a6-272","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"63a6-274","name":"constants.ts"},{"uid":"63a6-276","name":"utils.ts"},{"uid":"63a6-278","name":"styled.ts"},{"uid":"63a6-280","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"63a6-282","name":"styled.ts"},{"uid":"63a6-284","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"63a6-294"}]},{"name":"Element","children":[{"uid":"63a6-286","name":"constants.ts"},{"uid":"63a6-288","name":"utils.ts"},{"uid":"63a6-290","name":"component.tsx"},{"uid":"63a6-292","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"63a6-296","name":"component.tsx"},{"uid":"63a6-298","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"63a6-300"},{"name":"Overlay","children":[{"uid":"63a6-302","name":"context.tsx"},{"uid":"63a6-304","name":"useOverlay.tsx"},{"uid":"63a6-306","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"63a6-308","name":"styled.ts"},{"uid":"63a6-310","name":"component.tsx"}]},{"uid":"63a6-312","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"63a6-272":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"63a6-271"},"63a6-274":{"renderedLength":248,"gzipLength":211,"brotliLength":0,"mainUid":"63a6-273"},"63a6-276":{"renderedLength":113,"gzipLength":130,"brotliLength":0,"mainUid":"63a6-275"},"63a6-278":{"renderedLength":987,"gzipLength":448,"brotliLength":0,"mainUid":"63a6-277"},"63a6-280":{"renderedLength":1298,"gzipLength":519,"brotliLength":0,"mainUid":"63a6-279"},"63a6-282":{"renderedLength":1647,"gzipLength":633,"brotliLength":0,"mainUid":"63a6-281"},"63a6-284":{"renderedLength":629,"gzipLength":315,"brotliLength":0,"mainUid":"63a6-283"},"63a6-286":{"renderedLength":845,"gzipLength":265,"brotliLength":0,"mainUid":"63a6-285"},"63a6-288":{"renderedLength":138,"gzipLength":116,"brotliLength":0,"mainUid":"63a6-287"},"63a6-290":{"renderedLength":4490,"gzipLength":1109,"brotliLength":0,"mainUid":"63a6-289"},"63a6-292":{"renderedLength":1842,"gzipLength":585,"brotliLength":0,"mainUid":"63a6-291"},"63a6-294":{"renderedLength":6728,"gzipLength":1321,"brotliLength":0,"mainUid":"63a6-293"},"63a6-296":{"renderedLength":511,"gzipLength":289,"brotliLength":0,"mainUid":"63a6-295"},"63a6-298":{"renderedLength":4875,"gzipLength":1156,"brotliLength":0,"mainUid":"63a6-297"},"63a6-300":{"renderedLength":553,"gzipLength":304,"brotliLength":0,"mainUid":"63a6-299"},"63a6-302":{"renderedLength":287,"gzipLength":181,"brotliLength":0,"mainUid":"63a6-301"},"63a6-304":{"renderedLength":14110,"gzipLength":2524,"brotliLength":0,"mainUid":"63a6-303"},"63a6-306":{"renderedLength":1237,"gzipLength":487,"brotliLength":0,"mainUid":"63a6-305"},"63a6-308":{"renderedLength":315,"gzipLength":226,"brotliLength":0,"mainUid":"63a6-307"},"63a6-310":{"renderedLength":567,"gzipLength":354,"brotliLength":0,"mainUid":"63a6-309"},"63a6-312":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"63a6-311"}},"nodeMetas":{"63a6-271":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-272"},"imported":[],"importedBy":[{"uid":"63a6-289"},{"uid":"63a6-295"},{"uid":"63a6-305"},{"uid":"63a6-299"},{"uid":"63a6-309"}]},"63a6-273":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-274"},"imported":[],"importedBy":[{"uid":"63a6-275"}]},"63a6-275":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-276"},"imported":[{"uid":"63a6-273"}],"importedBy":[{"uid":"63a6-279"}]},"63a6-277":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-278"},"imported":[{"uid":"63a6-320"},{"uid":"63a6-313"}],"importedBy":[{"uid":"63a6-279"}]},"63a6-279":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-280"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-275"},{"uid":"63a6-277"}],"importedBy":[{"uid":"63a6-324"}]},"63a6-281":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-282"},"imported":[{"uid":"63a6-320"},{"uid":"63a6-313"}],"importedBy":[{"uid":"63a6-283"}]},"63a6-283":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-284"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-281"}],"importedBy":[{"uid":"63a6-325"}]},"63a6-285":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-286"},"imported":[],"importedBy":[{"uid":"63a6-287"}]},"63a6-287":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-288"},"imported":[{"uid":"63a6-285"}],"importedBy":[{"uid":"63a6-289"}]},"63a6-289":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-290"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-320"},{"uid":"63a6-271"},{"uid":"63a6-321"},{"uid":"63a6-287"}],"importedBy":[{"uid":"63a6-314"}]},"63a6-291":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-292"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-320"}],"importedBy":[{"uid":"63a6-314"}]},"63a6-293":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-294"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-320"}],"importedBy":[{"uid":"63a6-322"}]},"63a6-295":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-296"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-320"},{"uid":"63a6-271"},{"uid":"63a6-314"},{"uid":"63a6-322"}],"importedBy":[{"uid":"63a6-315"}]},"63a6-297":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-298"},"imported":[{"uid":"63a6-319"}],"importedBy":[{"uid":"63a6-315"}]},"63a6-299":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-300"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-323"},{"uid":"63a6-271"}],"importedBy":[{"uid":"63a6-317"}]},"63a6-301":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-302"},"imported":[{"uid":"63a6-319"}],"importedBy":[{"uid":"63a6-316"},{"uid":"63a6-305"},{"uid":"63a6-303"}]},"63a6-303":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-304"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-320"},{"uid":"63a6-313"},{"uid":"63a6-301"}],"importedBy":[{"uid":"63a6-316"},{"uid":"63a6-305"}]},"63a6-305":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-306"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-320"},{"uid":"63a6-271"},{"uid":"63a6-317"},{"uid":"63a6-303"},{"uid":"63a6-301"}],"importedBy":[{"uid":"63a6-316"}]},"63a6-307":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-308"},"imported":[{"uid":"63a6-320"},{"uid":"63a6-313"}],"importedBy":[{"uid":"63a6-309"}]},"63a6-309":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"63a6-310"},"imported":[{"uid":"63a6-319"},{"uid":"63a6-271"},{"uid":"63a6-307"}],"importedBy":[{"uid":"63a6-318"}]},"63a6-311":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.browser.js":"63a6-312"},"imported":[{"uid":"63a6-313"},{"uid":"63a6-314"},{"uid":"63a6-315"},{"uid":"63a6-316"},{"uid":"63a6-317"},{"uid":"63a6-318"}],"importedBy":[],"isEntry":true},"63a6-313":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-311"},{"uid":"63a6-303"},{"uid":"63a6-307"},{"uid":"63a6-277"},{"uid":"63a6-281"}],"isExternal":true},"63a6-314":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"63a6-289"},{"uid":"63a6-291"}],"importedBy":[{"uid":"63a6-311"},{"uid":"63a6-295"}]},"63a6-315":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"63a6-295"},{"uid":"63a6-297"}],"importedBy":[{"uid":"63a6-311"}]},"63a6-316":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"63a6-305"},{"uid":"63a6-303"},{"uid":"63a6-301"}],"importedBy":[{"uid":"63a6-311"}]},"63a6-317":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"63a6-299"}],"importedBy":[{"uid":"63a6-311"},{"uid":"63a6-305"}]},"63a6-318":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"63a6-309"}],"importedBy":[{"uid":"63a6-311"}]},"63a6-319":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-289"},{"uid":"63a6-291"},{"uid":"63a6-295"},{"uid":"63a6-297"},{"uid":"63a6-305"},{"uid":"63a6-303"},{"uid":"63a6-301"},{"uid":"63a6-299"},{"uid":"63a6-309"},{"uid":"63a6-293"},{"uid":"63a6-279"},{"uid":"63a6-283"}],"isExternal":true},"63a6-320":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-289"},{"uid":"63a6-291"},{"uid":"63a6-295"},{"uid":"63a6-305"},{"uid":"63a6-303"},{"uid":"63a6-307"},{"uid":"63a6-293"},{"uid":"63a6-277"},{"uid":"63a6-281"}],"isExternal":true},"63a6-321":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"63a6-324"},{"uid":"63a6-325"}],"importedBy":[{"uid":"63a6-289"}]},"63a6-322":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"63a6-293"}],"importedBy":[{"uid":"63a6-295"}]},"63a6-323":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-299"}],"isExternal":true},"63a6-324":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"63a6-279"}],"importedBy":[{"uid":"63a6-321"}]},"63a6-325":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"63a6-283"}],"importedBy":[{"uid":"63a6-321"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6427
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.browser.js","children":[{"name":"src","children":[{"uid":"b1fc-272","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"b1fc-274","name":"constants.ts"},{"uid":"b1fc-276","name":"utils.ts"},{"uid":"b1fc-278","name":"styled.ts"},{"uid":"b1fc-280","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"b1fc-282","name":"styled.ts"},{"uid":"b1fc-284","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"b1fc-294"}]},{"name":"Element","children":[{"uid":"b1fc-286","name":"constants.ts"},{"uid":"b1fc-288","name":"utils.ts"},{"uid":"b1fc-290","name":"component.tsx"},{"uid":"b1fc-292","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"b1fc-296","name":"component.tsx"},{"uid":"b1fc-298","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"b1fc-300"},{"name":"Overlay","children":[{"uid":"b1fc-302","name":"context.tsx"},{"uid":"b1fc-304","name":"useOverlay.tsx"},{"uid":"b1fc-306","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"b1fc-308","name":"styled.ts"},{"uid":"b1fc-310","name":"component.tsx"}]},{"uid":"b1fc-312","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b1fc-272":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"b1fc-271"},"b1fc-274":{"renderedLength":248,"gzipLength":211,"brotliLength":0,"mainUid":"b1fc-273"},"b1fc-276":{"renderedLength":113,"gzipLength":130,"brotliLength":0,"mainUid":"b1fc-275"},"b1fc-278":{"renderedLength":987,"gzipLength":448,"brotliLength":0,"mainUid":"b1fc-277"},"b1fc-280":{"renderedLength":1298,"gzipLength":519,"brotliLength":0,"mainUid":"b1fc-279"},"b1fc-282":{"renderedLength":1647,"gzipLength":633,"brotliLength":0,"mainUid":"b1fc-281"},"b1fc-284":{"renderedLength":629,"gzipLength":315,"brotliLength":0,"mainUid":"b1fc-283"},"b1fc-286":{"renderedLength":845,"gzipLength":265,"brotliLength":0,"mainUid":"b1fc-285"},"b1fc-288":{"renderedLength":138,"gzipLength":116,"brotliLength":0,"mainUid":"b1fc-287"},"b1fc-290":{"renderedLength":4490,"gzipLength":1109,"brotliLength":0,"mainUid":"b1fc-289"},"b1fc-292":{"renderedLength":1842,"gzipLength":585,"brotliLength":0,"mainUid":"b1fc-291"},"b1fc-294":{"renderedLength":6728,"gzipLength":1321,"brotliLength":0,"mainUid":"b1fc-293"},"b1fc-296":{"renderedLength":511,"gzipLength":289,"brotliLength":0,"mainUid":"b1fc-295"},"b1fc-298":{"renderedLength":4875,"gzipLength":1156,"brotliLength":0,"mainUid":"b1fc-297"},"b1fc-300":{"renderedLength":553,"gzipLength":304,"brotliLength":0,"mainUid":"b1fc-299"},"b1fc-302":{"renderedLength":287,"gzipLength":181,"brotliLength":0,"mainUid":"b1fc-301"},"b1fc-304":{"renderedLength":14110,"gzipLength":2524,"brotliLength":0,"mainUid":"b1fc-303"},"b1fc-306":{"renderedLength":1237,"gzipLength":487,"brotliLength":0,"mainUid":"b1fc-305"},"b1fc-308":{"renderedLength":315,"gzipLength":226,"brotliLength":0,"mainUid":"b1fc-307"},"b1fc-310":{"renderedLength":567,"gzipLength":354,"brotliLength":0,"mainUid":"b1fc-309"},"b1fc-312":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b1fc-311"}},"nodeMetas":{"b1fc-271":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-272"},"imported":[],"importedBy":[{"uid":"b1fc-289"},{"uid":"b1fc-295"},{"uid":"b1fc-305"},{"uid":"b1fc-299"},{"uid":"b1fc-309"}]},"b1fc-273":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-274"},"imported":[],"importedBy":[{"uid":"b1fc-275"}]},"b1fc-275":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-276"},"imported":[{"uid":"b1fc-273"}],"importedBy":[{"uid":"b1fc-279"}]},"b1fc-277":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-278"},"imported":[{"uid":"b1fc-320"},{"uid":"b1fc-313"}],"importedBy":[{"uid":"b1fc-279"}]},"b1fc-279":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-280"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-275"},{"uid":"b1fc-277"}],"importedBy":[{"uid":"b1fc-324"}]},"b1fc-281":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-282"},"imported":[{"uid":"b1fc-320"},{"uid":"b1fc-313"}],"importedBy":[{"uid":"b1fc-283"}]},"b1fc-283":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-284"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-281"}],"importedBy":[{"uid":"b1fc-325"}]},"b1fc-285":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-286"},"imported":[],"importedBy":[{"uid":"b1fc-287"}]},"b1fc-287":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-288"},"imported":[{"uid":"b1fc-285"}],"importedBy":[{"uid":"b1fc-289"}]},"b1fc-289":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-290"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-320"},{"uid":"b1fc-271"},{"uid":"b1fc-321"},{"uid":"b1fc-287"}],"importedBy":[{"uid":"b1fc-314"}]},"b1fc-291":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-292"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-320"}],"importedBy":[{"uid":"b1fc-314"}]},"b1fc-293":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-294"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-320"}],"importedBy":[{"uid":"b1fc-322"}]},"b1fc-295":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-296"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-320"},{"uid":"b1fc-271"},{"uid":"b1fc-314"},{"uid":"b1fc-322"}],"importedBy":[{"uid":"b1fc-315"}]},"b1fc-297":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-298"},"imported":[{"uid":"b1fc-319"}],"importedBy":[{"uid":"b1fc-315"}]},"b1fc-299":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-300"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-323"},{"uid":"b1fc-271"}],"importedBy":[{"uid":"b1fc-317"}]},"b1fc-301":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-302"},"imported":[{"uid":"b1fc-319"}],"importedBy":[{"uid":"b1fc-316"},{"uid":"b1fc-305"},{"uid":"b1fc-303"}]},"b1fc-303":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-304"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-320"},{"uid":"b1fc-313"},{"uid":"b1fc-301"}],"importedBy":[{"uid":"b1fc-316"},{"uid":"b1fc-305"}]},"b1fc-305":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-306"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-320"},{"uid":"b1fc-271"},{"uid":"b1fc-317"},{"uid":"b1fc-303"},{"uid":"b1fc-301"}],"importedBy":[{"uid":"b1fc-316"}]},"b1fc-307":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-308"},"imported":[{"uid":"b1fc-320"},{"uid":"b1fc-313"}],"importedBy":[{"uid":"b1fc-309"}]},"b1fc-309":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-310"},"imported":[{"uid":"b1fc-319"},{"uid":"b1fc-271"},{"uid":"b1fc-307"}],"importedBy":[{"uid":"b1fc-318"}]},"b1fc-311":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.browser.js":"b1fc-312"},"imported":[{"uid":"b1fc-313"},{"uid":"b1fc-314"},{"uid":"b1fc-315"},{"uid":"b1fc-316"},{"uid":"b1fc-317"},{"uid":"b1fc-318"}],"importedBy":[],"isEntry":true},"b1fc-313":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-311"},{"uid":"b1fc-303"},{"uid":"b1fc-307"},{"uid":"b1fc-277"},{"uid":"b1fc-281"}],"isExternal":true},"b1fc-314":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-289"},{"uid":"b1fc-291"}],"importedBy":[{"uid":"b1fc-311"},{"uid":"b1fc-295"}]},"b1fc-315":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-295"},{"uid":"b1fc-297"}],"importedBy":[{"uid":"b1fc-311"}]},"b1fc-316":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-305"},{"uid":"b1fc-303"},{"uid":"b1fc-301"}],"importedBy":[{"uid":"b1fc-311"}]},"b1fc-317":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-299"}],"importedBy":[{"uid":"b1fc-311"},{"uid":"b1fc-305"}]},"b1fc-318":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-309"}],"importedBy":[{"uid":"b1fc-311"}]},"b1fc-319":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-289"},{"uid":"b1fc-291"},{"uid":"b1fc-295"},{"uid":"b1fc-297"},{"uid":"b1fc-305"},{"uid":"b1fc-303"},{"uid":"b1fc-301"},{"uid":"b1fc-299"},{"uid":"b1fc-309"},{"uid":"b1fc-293"},{"uid":"b1fc-279"},{"uid":"b1fc-283"}],"isExternal":true},"b1fc-320":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-289"},{"uid":"b1fc-291"},{"uid":"b1fc-295"},{"uid":"b1fc-305"},{"uid":"b1fc-303"},{"uid":"b1fc-307"},{"uid":"b1fc-293"},{"uid":"b1fc-277"},{"uid":"b1fc-281"}],"isExternal":true},"b1fc-321":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-324"},{"uid":"b1fc-325"}],"importedBy":[{"uid":"b1fc-289"}]},"b1fc-322":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-293"}],"importedBy":[{"uid":"b1fc-295"}]},"b1fc-323":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-299"}],"isExternal":true},"b1fc-324":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-279"}],"importedBy":[{"uid":"b1fc-321"}]},"b1fc-325":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-283"}],"importedBy":[{"uid":"b1fc-321"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6428
6428
 
6429
6429
  const run = () => {
6430
6430
  const width = window.innerWidth;
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
6424
6424
  </script>
6425
6425
  <script>
6426
6426
  /*<!--*/
6427
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.js","children":[{"name":"src","children":[{"uid":"63a6-1","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"63a6-3","name":"constants.ts"},{"uid":"63a6-5","name":"utils.ts"},{"uid":"63a6-7","name":"styled.ts"},{"uid":"63a6-9","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"63a6-11","name":"styled.ts"},{"uid":"63a6-13","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"63a6-23"}]},{"name":"Element","children":[{"uid":"63a6-15","name":"constants.ts"},{"uid":"63a6-17","name":"utils.ts"},{"uid":"63a6-19","name":"component.tsx"},{"uid":"63a6-21","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"63a6-25","name":"component.tsx"},{"uid":"63a6-27","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"63a6-29"},{"name":"Overlay","children":[{"uid":"63a6-31","name":"context.tsx"},{"uid":"63a6-33","name":"useOverlay.tsx"},{"uid":"63a6-35","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"63a6-37","name":"styled.ts"},{"uid":"63a6-39","name":"component.tsx"}]},{"uid":"63a6-41","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"63a6-1":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"63a6-0"},"63a6-3":{"renderedLength":248,"gzipLength":211,"brotliLength":0,"mainUid":"63a6-2"},"63a6-5":{"renderedLength":113,"gzipLength":130,"brotliLength":0,"mainUid":"63a6-4"},"63a6-7":{"renderedLength":1034,"gzipLength":461,"brotliLength":0,"mainUid":"63a6-6"},"63a6-9":{"renderedLength":1364,"gzipLength":536,"brotliLength":0,"mainUid":"63a6-8"},"63a6-11":{"renderedLength":1708,"gzipLength":647,"brotliLength":0,"mainUid":"63a6-10"},"63a6-13":{"renderedLength":655,"gzipLength":331,"brotliLength":0,"mainUid":"63a6-12"},"63a6-15":{"renderedLength":845,"gzipLength":265,"brotliLength":0,"mainUid":"63a6-14"},"63a6-17":{"renderedLength":138,"gzipLength":116,"brotliLength":0,"mainUid":"63a6-16"},"63a6-19":{"renderedLength":4617,"gzipLength":1128,"brotliLength":0,"mainUid":"63a6-18"},"63a6-21":{"renderedLength":1888,"gzipLength":604,"brotliLength":0,"mainUid":"63a6-20"},"63a6-23":{"renderedLength":6827,"gzipLength":1349,"brotliLength":0,"mainUid":"63a6-22"},"63a6-25":{"renderedLength":567,"gzipLength":310,"brotliLength":0,"mainUid":"63a6-24"},"63a6-27":{"renderedLength":4907,"gzipLength":1170,"brotliLength":0,"mainUid":"63a6-26"},"63a6-29":{"renderedLength":457,"gzipLength":281,"brotliLength":0,"mainUid":"63a6-28"},"63a6-31":{"renderedLength":319,"gzipLength":196,"brotliLength":0,"mainUid":"63a6-30"},"63a6-33":{"renderedLength":13876,"gzipLength":2497,"brotliLength":0,"mainUid":"63a6-32"},"63a6-35":{"renderedLength":904,"gzipLength":435,"brotliLength":0,"mainUid":"63a6-34"},"63a6-37":{"renderedLength":348,"gzipLength":237,"brotliLength":0,"mainUid":"63a6-36"},"63a6-39":{"renderedLength":593,"gzipLength":369,"brotliLength":0,"mainUid":"63a6-38"},"63a6-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"63a6-40"}},"nodeMetas":{"63a6-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.js":"63a6-1"},"imported":[],"importedBy":[{"uid":"63a6-18"},{"uid":"63a6-24"},{"uid":"63a6-34"},{"uid":"63a6-28"},{"uid":"63a6-38"}]},"63a6-2":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.js":"63a6-3"},"imported":[],"importedBy":[{"uid":"63a6-4"}]},"63a6-4":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.js":"63a6-5"},"imported":[{"uid":"63a6-2"}],"importedBy":[{"uid":"63a6-8"}]},"63a6-6":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.js":"63a6-7"},"imported":[{"uid":"63a6-49"},{"uid":"63a6-42"}],"importedBy":[{"uid":"63a6-8"}]},"63a6-8":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-9"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-4"},{"uid":"63a6-6"}],"importedBy":[{"uid":"63a6-53"}]},"63a6-10":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.js":"63a6-11"},"imported":[{"uid":"63a6-49"},{"uid":"63a6-42"}],"importedBy":[{"uid":"63a6-12"}]},"63a6-12":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-13"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-10"}],"importedBy":[{"uid":"63a6-54"}]},"63a6-14":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.js":"63a6-15"},"imported":[],"importedBy":[{"uid":"63a6-16"}]},"63a6-16":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.js":"63a6-17"},"imported":[{"uid":"63a6-14"}],"importedBy":[{"uid":"63a6-18"}]},"63a6-18":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-19"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-49"},{"uid":"63a6-0"},{"uid":"63a6-50"},{"uid":"63a6-16"}],"importedBy":[{"uid":"63a6-43"}]},"63a6-20":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-21"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-49"}],"importedBy":[{"uid":"63a6-43"}]},"63a6-22":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-23"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-49"}],"importedBy":[{"uid":"63a6-51"}]},"63a6-24":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-25"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-49"},{"uid":"63a6-0"},{"uid":"63a6-43"},{"uid":"63a6-51"}],"importedBy":[{"uid":"63a6-44"}]},"63a6-26":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-27"},"imported":[{"uid":"63a6-48"}],"importedBy":[{"uid":"63a6-44"}]},"63a6-28":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.js":"63a6-29"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-52"},{"uid":"63a6-0"}],"importedBy":[{"uid":"63a6-46"}]},"63a6-30":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-31"},"imported":[{"uid":"63a6-48"}],"importedBy":[{"uid":"63a6-45"},{"uid":"63a6-34"},{"uid":"63a6-32"}]},"63a6-32":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-33"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-49"},{"uid":"63a6-42"},{"uid":"63a6-30"}],"importedBy":[{"uid":"63a6-45"},{"uid":"63a6-34"}]},"63a6-34":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-35"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-49"},{"uid":"63a6-0"},{"uid":"63a6-46"},{"uid":"63a6-32"},{"uid":"63a6-30"}],"importedBy":[{"uid":"63a6-45"}]},"63a6-36":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.js":"63a6-37"},"imported":[{"uid":"63a6-49"},{"uid":"63a6-42"}],"importedBy":[{"uid":"63a6-38"}]},"63a6-38":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.js":"63a6-39"},"imported":[{"uid":"63a6-48"},{"uid":"63a6-0"},{"uid":"63a6-36"}],"importedBy":[{"uid":"63a6-47"}]},"63a6-40":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.js":"63a6-41"},"imported":[{"uid":"63a6-42"},{"uid":"63a6-43"},{"uid":"63a6-44"},{"uid":"63a6-45"},{"uid":"63a6-46"},{"uid":"63a6-47"}],"importedBy":[],"isEntry":true},"63a6-42":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-40"},{"uid":"63a6-32"},{"uid":"63a6-36"},{"uid":"63a6-6"},{"uid":"63a6-10"}],"isExternal":true},"63a6-43":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"63a6-18"},{"uid":"63a6-20"}],"importedBy":[{"uid":"63a6-40"},{"uid":"63a6-24"}]},"63a6-44":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"63a6-24"},{"uid":"63a6-26"}],"importedBy":[{"uid":"63a6-40"}]},"63a6-45":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"63a6-34"},{"uid":"63a6-32"},{"uid":"63a6-30"}],"importedBy":[{"uid":"63a6-40"}]},"63a6-46":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"63a6-28"}],"importedBy":[{"uid":"63a6-40"},{"uid":"63a6-34"}]},"63a6-47":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"63a6-38"}],"importedBy":[{"uid":"63a6-40"}]},"63a6-48":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-18"},{"uid":"63a6-20"},{"uid":"63a6-24"},{"uid":"63a6-26"},{"uid":"63a6-34"},{"uid":"63a6-32"},{"uid":"63a6-30"},{"uid":"63a6-28"},{"uid":"63a6-38"},{"uid":"63a6-22"},{"uid":"63a6-8"},{"uid":"63a6-12"}],"isExternal":true},"63a6-49":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-18"},{"uid":"63a6-20"},{"uid":"63a6-24"},{"uid":"63a6-34"},{"uid":"63a6-32"},{"uid":"63a6-36"},{"uid":"63a6-22"},{"uid":"63a6-6"},{"uid":"63a6-10"}],"isExternal":true},"63a6-50":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"63a6-53"},{"uid":"63a6-54"}],"importedBy":[{"uid":"63a6-18"}]},"63a6-51":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"63a6-22"}],"importedBy":[{"uid":"63a6-24"}]},"63a6-52":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-28"}],"isExternal":true},"63a6-53":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"63a6-8"}],"importedBy":[{"uid":"63a6-50"}]},"63a6-54":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"63a6-12"}],"importedBy":[{"uid":"63a6-50"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6427
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.js","children":[{"name":"src","children":[{"uid":"b1fc-1","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"b1fc-3","name":"constants.ts"},{"uid":"b1fc-5","name":"utils.ts"},{"uid":"b1fc-7","name":"styled.ts"},{"uid":"b1fc-9","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"b1fc-11","name":"styled.ts"},{"uid":"b1fc-13","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"b1fc-23"}]},{"name":"Element","children":[{"uid":"b1fc-15","name":"constants.ts"},{"uid":"b1fc-17","name":"utils.ts"},{"uid":"b1fc-19","name":"component.tsx"},{"uid":"b1fc-21","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"b1fc-25","name":"component.tsx"},{"uid":"b1fc-27","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"b1fc-29"},{"name":"Overlay","children":[{"uid":"b1fc-31","name":"context.tsx"},{"uid":"b1fc-33","name":"useOverlay.tsx"},{"uid":"b1fc-35","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"b1fc-37","name":"styled.ts"},{"uid":"b1fc-39","name":"component.tsx"}]},{"uid":"b1fc-41","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b1fc-1":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"b1fc-0"},"b1fc-3":{"renderedLength":248,"gzipLength":211,"brotliLength":0,"mainUid":"b1fc-2"},"b1fc-5":{"renderedLength":113,"gzipLength":130,"brotliLength":0,"mainUid":"b1fc-4"},"b1fc-7":{"renderedLength":1034,"gzipLength":461,"brotliLength":0,"mainUid":"b1fc-6"},"b1fc-9":{"renderedLength":1364,"gzipLength":536,"brotliLength":0,"mainUid":"b1fc-8"},"b1fc-11":{"renderedLength":1708,"gzipLength":647,"brotliLength":0,"mainUid":"b1fc-10"},"b1fc-13":{"renderedLength":655,"gzipLength":331,"brotliLength":0,"mainUid":"b1fc-12"},"b1fc-15":{"renderedLength":845,"gzipLength":265,"brotliLength":0,"mainUid":"b1fc-14"},"b1fc-17":{"renderedLength":138,"gzipLength":116,"brotliLength":0,"mainUid":"b1fc-16"},"b1fc-19":{"renderedLength":4617,"gzipLength":1128,"brotliLength":0,"mainUid":"b1fc-18"},"b1fc-21":{"renderedLength":1888,"gzipLength":604,"brotliLength":0,"mainUid":"b1fc-20"},"b1fc-23":{"renderedLength":6827,"gzipLength":1349,"brotliLength":0,"mainUid":"b1fc-22"},"b1fc-25":{"renderedLength":567,"gzipLength":310,"brotliLength":0,"mainUid":"b1fc-24"},"b1fc-27":{"renderedLength":4907,"gzipLength":1170,"brotliLength":0,"mainUid":"b1fc-26"},"b1fc-29":{"renderedLength":457,"gzipLength":281,"brotliLength":0,"mainUid":"b1fc-28"},"b1fc-31":{"renderedLength":319,"gzipLength":196,"brotliLength":0,"mainUid":"b1fc-30"},"b1fc-33":{"renderedLength":13876,"gzipLength":2497,"brotliLength":0,"mainUid":"b1fc-32"},"b1fc-35":{"renderedLength":904,"gzipLength":435,"brotliLength":0,"mainUid":"b1fc-34"},"b1fc-37":{"renderedLength":348,"gzipLength":237,"brotliLength":0,"mainUid":"b1fc-36"},"b1fc-39":{"renderedLength":593,"gzipLength":369,"brotliLength":0,"mainUid":"b1fc-38"},"b1fc-41":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b1fc-40"}},"nodeMetas":{"b1fc-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-1"},"imported":[],"importedBy":[{"uid":"b1fc-18"},{"uid":"b1fc-24"},{"uid":"b1fc-34"},{"uid":"b1fc-28"},{"uid":"b1fc-38"}]},"b1fc-2":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-3"},"imported":[],"importedBy":[{"uid":"b1fc-4"}]},"b1fc-4":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-5"},"imported":[{"uid":"b1fc-2"}],"importedBy":[{"uid":"b1fc-8"}]},"b1fc-6":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-7"},"imported":[{"uid":"b1fc-49"},{"uid":"b1fc-42"}],"importedBy":[{"uid":"b1fc-8"}]},"b1fc-8":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-9"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-4"},{"uid":"b1fc-6"}],"importedBy":[{"uid":"b1fc-53"}]},"b1fc-10":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-11"},"imported":[{"uid":"b1fc-49"},{"uid":"b1fc-42"}],"importedBy":[{"uid":"b1fc-12"}]},"b1fc-12":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-13"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-10"}],"importedBy":[{"uid":"b1fc-54"}]},"b1fc-14":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-15"},"imported":[],"importedBy":[{"uid":"b1fc-16"}]},"b1fc-16":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-17"},"imported":[{"uid":"b1fc-14"}],"importedBy":[{"uid":"b1fc-18"}]},"b1fc-18":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-19"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-49"},{"uid":"b1fc-0"},{"uid":"b1fc-50"},{"uid":"b1fc-16"}],"importedBy":[{"uid":"b1fc-43"}]},"b1fc-20":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-21"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-49"}],"importedBy":[{"uid":"b1fc-43"}]},"b1fc-22":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-23"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-49"}],"importedBy":[{"uid":"b1fc-51"}]},"b1fc-24":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-25"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-49"},{"uid":"b1fc-0"},{"uid":"b1fc-43"},{"uid":"b1fc-51"}],"importedBy":[{"uid":"b1fc-44"}]},"b1fc-26":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-27"},"imported":[{"uid":"b1fc-48"}],"importedBy":[{"uid":"b1fc-44"}]},"b1fc-28":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-29"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-52"},{"uid":"b1fc-0"}],"importedBy":[{"uid":"b1fc-46"}]},"b1fc-30":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-31"},"imported":[{"uid":"b1fc-48"}],"importedBy":[{"uid":"b1fc-45"},{"uid":"b1fc-34"},{"uid":"b1fc-32"}]},"b1fc-32":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-33"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-49"},{"uid":"b1fc-42"},{"uid":"b1fc-30"}],"importedBy":[{"uid":"b1fc-45"},{"uid":"b1fc-34"}]},"b1fc-34":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-35"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-49"},{"uid":"b1fc-0"},{"uid":"b1fc-46"},{"uid":"b1fc-32"},{"uid":"b1fc-30"}],"importedBy":[{"uid":"b1fc-45"}]},"b1fc-36":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-37"},"imported":[{"uid":"b1fc-49"},{"uid":"b1fc-42"}],"importedBy":[{"uid":"b1fc-38"}]},"b1fc-38":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.js":"b1fc-39"},"imported":[{"uid":"b1fc-48"},{"uid":"b1fc-0"},{"uid":"b1fc-36"}],"importedBy":[{"uid":"b1fc-47"}]},"b1fc-40":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.js":"b1fc-41"},"imported":[{"uid":"b1fc-42"},{"uid":"b1fc-43"},{"uid":"b1fc-44"},{"uid":"b1fc-45"},{"uid":"b1fc-46"},{"uid":"b1fc-47"}],"importedBy":[],"isEntry":true},"b1fc-42":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-40"},{"uid":"b1fc-32"},{"uid":"b1fc-36"},{"uid":"b1fc-6"},{"uid":"b1fc-10"}],"isExternal":true},"b1fc-43":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-18"},{"uid":"b1fc-20"}],"importedBy":[{"uid":"b1fc-40"},{"uid":"b1fc-24"}]},"b1fc-44":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-24"},{"uid":"b1fc-26"}],"importedBy":[{"uid":"b1fc-40"}]},"b1fc-45":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-34"},{"uid":"b1fc-32"},{"uid":"b1fc-30"}],"importedBy":[{"uid":"b1fc-40"}]},"b1fc-46":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-28"}],"importedBy":[{"uid":"b1fc-40"},{"uid":"b1fc-34"}]},"b1fc-47":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-38"}],"importedBy":[{"uid":"b1fc-40"}]},"b1fc-48":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-18"},{"uid":"b1fc-20"},{"uid":"b1fc-24"},{"uid":"b1fc-26"},{"uid":"b1fc-34"},{"uid":"b1fc-32"},{"uid":"b1fc-30"},{"uid":"b1fc-28"},{"uid":"b1fc-38"},{"uid":"b1fc-22"},{"uid":"b1fc-8"},{"uid":"b1fc-12"}],"isExternal":true},"b1fc-49":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-18"},{"uid":"b1fc-20"},{"uid":"b1fc-24"},{"uid":"b1fc-34"},{"uid":"b1fc-32"},{"uid":"b1fc-36"},{"uid":"b1fc-22"},{"uid":"b1fc-6"},{"uid":"b1fc-10"}],"isExternal":true},"b1fc-50":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-53"},{"uid":"b1fc-54"}],"importedBy":[{"uid":"b1fc-18"}]},"b1fc-51":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-22"}],"importedBy":[{"uid":"b1fc-24"}]},"b1fc-52":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-28"}],"isExternal":true},"b1fc-53":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-8"}],"importedBy":[{"uid":"b1fc-50"}]},"b1fc-54":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-12"}],"importedBy":[{"uid":"b1fc-50"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6428
6428
 
6429
6429
  const run = () => {
6430
6430
  const width = window.innerWidth;
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
6424
6424
  </script>
6425
6425
  <script>
6426
6426
  /*<!--*/
6427
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.module.js","children":[{"name":"src","children":[{"uid":"63a6-56","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"63a6-58","name":"constants.ts"},{"uid":"63a6-60","name":"utils.ts"},{"uid":"63a6-62","name":"styled.ts"},{"uid":"63a6-64","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"63a6-66","name":"styled.ts"},{"uid":"63a6-68","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"63a6-78"}]},{"name":"Element","children":[{"uid":"63a6-70","name":"constants.ts"},{"uid":"63a6-72","name":"utils.ts"},{"uid":"63a6-74","name":"component.tsx"},{"uid":"63a6-76","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"63a6-80","name":"component.tsx"},{"uid":"63a6-82","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"63a6-84"},{"name":"Overlay","children":[{"uid":"63a6-86","name":"context.tsx"},{"uid":"63a6-88","name":"useOverlay.tsx"},{"uid":"63a6-90","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"63a6-92","name":"styled.ts"},{"uid":"63a6-94","name":"component.tsx"}]},{"uid":"63a6-96","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"63a6-56":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"63a6-55"},"63a6-58":{"renderedLength":248,"gzipLength":211,"brotliLength":0,"mainUid":"63a6-57"},"63a6-60":{"renderedLength":113,"gzipLength":130,"brotliLength":0,"mainUid":"63a6-59"},"63a6-62":{"renderedLength":987,"gzipLength":448,"brotliLength":0,"mainUid":"63a6-61"},"63a6-64":{"renderedLength":1298,"gzipLength":519,"brotliLength":0,"mainUid":"63a6-63"},"63a6-66":{"renderedLength":1647,"gzipLength":633,"brotliLength":0,"mainUid":"63a6-65"},"63a6-68":{"renderedLength":629,"gzipLength":315,"brotliLength":0,"mainUid":"63a6-67"},"63a6-70":{"renderedLength":845,"gzipLength":265,"brotliLength":0,"mainUid":"63a6-69"},"63a6-72":{"renderedLength":138,"gzipLength":116,"brotliLength":0,"mainUid":"63a6-71"},"63a6-74":{"renderedLength":4490,"gzipLength":1109,"brotliLength":0,"mainUid":"63a6-73"},"63a6-76":{"renderedLength":1842,"gzipLength":585,"brotliLength":0,"mainUid":"63a6-75"},"63a6-78":{"renderedLength":6728,"gzipLength":1321,"brotliLength":0,"mainUid":"63a6-77"},"63a6-80":{"renderedLength":511,"gzipLength":289,"brotliLength":0,"mainUid":"63a6-79"},"63a6-82":{"renderedLength":4875,"gzipLength":1156,"brotliLength":0,"mainUid":"63a6-81"},"63a6-84":{"renderedLength":529,"gzipLength":292,"brotliLength":0,"mainUid":"63a6-83"},"63a6-86":{"renderedLength":287,"gzipLength":181,"brotliLength":0,"mainUid":"63a6-85"},"63a6-88":{"renderedLength":13719,"gzipLength":2481,"brotliLength":0,"mainUid":"63a6-87"},"63a6-90":{"renderedLength":853,"gzipLength":411,"brotliLength":0,"mainUid":"63a6-89"},"63a6-92":{"renderedLength":315,"gzipLength":226,"brotliLength":0,"mainUid":"63a6-91"},"63a6-94":{"renderedLength":567,"gzipLength":354,"brotliLength":0,"mainUid":"63a6-93"},"63a6-96":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"63a6-95"}},"nodeMetas":{"63a6-55":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-56"},"imported":[],"importedBy":[{"uid":"63a6-73"},{"uid":"63a6-79"},{"uid":"63a6-89"},{"uid":"63a6-83"},{"uid":"63a6-93"}]},"63a6-57":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-58"},"imported":[],"importedBy":[{"uid":"63a6-59"}]},"63a6-59":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-60"},"imported":[{"uid":"63a6-57"}],"importedBy":[{"uid":"63a6-63"}]},"63a6-61":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-62"},"imported":[{"uid":"63a6-104"},{"uid":"63a6-97"}],"importedBy":[{"uid":"63a6-63"}]},"63a6-63":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-64"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-59"},{"uid":"63a6-61"}],"importedBy":[{"uid":"63a6-108"}]},"63a6-65":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-66"},"imported":[{"uid":"63a6-104"},{"uid":"63a6-97"}],"importedBy":[{"uid":"63a6-67"}]},"63a6-67":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-68"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-65"}],"importedBy":[{"uid":"63a6-109"}]},"63a6-69":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-70"},"imported":[],"importedBy":[{"uid":"63a6-71"}]},"63a6-71":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-72"},"imported":[{"uid":"63a6-69"}],"importedBy":[{"uid":"63a6-73"}]},"63a6-73":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-74"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-104"},{"uid":"63a6-55"},{"uid":"63a6-105"},{"uid":"63a6-71"}],"importedBy":[{"uid":"63a6-98"}]},"63a6-75":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-76"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-104"}],"importedBy":[{"uid":"63a6-98"}]},"63a6-77":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-78"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-104"}],"importedBy":[{"uid":"63a6-106"}]},"63a6-79":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-80"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-104"},{"uid":"63a6-55"},{"uid":"63a6-98"},{"uid":"63a6-106"}],"importedBy":[{"uid":"63a6-99"}]},"63a6-81":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-82"},"imported":[{"uid":"63a6-103"}],"importedBy":[{"uid":"63a6-99"}]},"63a6-83":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-84"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-107"},{"uid":"63a6-55"}],"importedBy":[{"uid":"63a6-101"}]},"63a6-85":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-86"},"imported":[{"uid":"63a6-103"}],"importedBy":[{"uid":"63a6-100"},{"uid":"63a6-89"},{"uid":"63a6-87"}]},"63a6-87":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-88"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-104"},{"uid":"63a6-97"},{"uid":"63a6-85"}],"importedBy":[{"uid":"63a6-100"},{"uid":"63a6-89"}]},"63a6-89":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-90"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-104"},{"uid":"63a6-55"},{"uid":"63a6-101"},{"uid":"63a6-87"},{"uid":"63a6-85"}],"importedBy":[{"uid":"63a6-100"}]},"63a6-91":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-92"},"imported":[{"uid":"63a6-104"},{"uid":"63a6-97"}],"importedBy":[{"uid":"63a6-93"}]},"63a6-93":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"63a6-94"},"imported":[{"uid":"63a6-103"},{"uid":"63a6-55"},{"uid":"63a6-91"}],"importedBy":[{"uid":"63a6-102"}]},"63a6-95":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.module.js":"63a6-96"},"imported":[{"uid":"63a6-97"},{"uid":"63a6-98"},{"uid":"63a6-99"},{"uid":"63a6-100"},{"uid":"63a6-101"},{"uid":"63a6-102"}],"importedBy":[],"isEntry":true},"63a6-97":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-95"},{"uid":"63a6-87"},{"uid":"63a6-91"},{"uid":"63a6-61"},{"uid":"63a6-65"}],"isExternal":true},"63a6-98":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"63a6-73"},{"uid":"63a6-75"}],"importedBy":[{"uid":"63a6-95"},{"uid":"63a6-79"}]},"63a6-99":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"63a6-79"},{"uid":"63a6-81"}],"importedBy":[{"uid":"63a6-95"}]},"63a6-100":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"63a6-89"},{"uid":"63a6-87"},{"uid":"63a6-85"}],"importedBy":[{"uid":"63a6-95"}]},"63a6-101":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"63a6-83"}],"importedBy":[{"uid":"63a6-95"},{"uid":"63a6-89"}]},"63a6-102":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"63a6-93"}],"importedBy":[{"uid":"63a6-95"}]},"63a6-103":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-73"},{"uid":"63a6-75"},{"uid":"63a6-79"},{"uid":"63a6-81"},{"uid":"63a6-89"},{"uid":"63a6-87"},{"uid":"63a6-85"},{"uid":"63a6-83"},{"uid":"63a6-93"},{"uid":"63a6-77"},{"uid":"63a6-63"},{"uid":"63a6-67"}],"isExternal":true},"63a6-104":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-73"},{"uid":"63a6-75"},{"uid":"63a6-79"},{"uid":"63a6-89"},{"uid":"63a6-87"},{"uid":"63a6-91"},{"uid":"63a6-77"},{"uid":"63a6-61"},{"uid":"63a6-65"}],"isExternal":true},"63a6-105":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"63a6-108"},{"uid":"63a6-109"}],"importedBy":[{"uid":"63a6-73"}]},"63a6-106":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"63a6-77"}],"importedBy":[{"uid":"63a6-79"}]},"63a6-107":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-83"}],"isExternal":true},"63a6-108":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"63a6-63"}],"importedBy":[{"uid":"63a6-105"}]},"63a6-109":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"63a6-67"}],"importedBy":[{"uid":"63a6-105"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6427
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.module.js","children":[{"name":"src","children":[{"uid":"b1fc-56","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"b1fc-58","name":"constants.ts"},{"uid":"b1fc-60","name":"utils.ts"},{"uid":"b1fc-62","name":"styled.ts"},{"uid":"b1fc-64","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"b1fc-66","name":"styled.ts"},{"uid":"b1fc-68","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"b1fc-78"}]},{"name":"Element","children":[{"uid":"b1fc-70","name":"constants.ts"},{"uid":"b1fc-72","name":"utils.ts"},{"uid":"b1fc-74","name":"component.tsx"},{"uid":"b1fc-76","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"b1fc-80","name":"component.tsx"},{"uid":"b1fc-82","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"b1fc-84"},{"name":"Overlay","children":[{"uid":"b1fc-86","name":"context.tsx"},{"uid":"b1fc-88","name":"useOverlay.tsx"},{"uid":"b1fc-90","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"b1fc-92","name":"styled.ts"},{"uid":"b1fc-94","name":"component.tsx"}]},{"uid":"b1fc-96","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b1fc-56":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"b1fc-55"},"b1fc-58":{"renderedLength":248,"gzipLength":211,"brotliLength":0,"mainUid":"b1fc-57"},"b1fc-60":{"renderedLength":113,"gzipLength":130,"brotliLength":0,"mainUid":"b1fc-59"},"b1fc-62":{"renderedLength":987,"gzipLength":448,"brotliLength":0,"mainUid":"b1fc-61"},"b1fc-64":{"renderedLength":1298,"gzipLength":519,"brotliLength":0,"mainUid":"b1fc-63"},"b1fc-66":{"renderedLength":1647,"gzipLength":633,"brotliLength":0,"mainUid":"b1fc-65"},"b1fc-68":{"renderedLength":629,"gzipLength":315,"brotliLength":0,"mainUid":"b1fc-67"},"b1fc-70":{"renderedLength":845,"gzipLength":265,"brotliLength":0,"mainUid":"b1fc-69"},"b1fc-72":{"renderedLength":138,"gzipLength":116,"brotliLength":0,"mainUid":"b1fc-71"},"b1fc-74":{"renderedLength":4490,"gzipLength":1109,"brotliLength":0,"mainUid":"b1fc-73"},"b1fc-76":{"renderedLength":1842,"gzipLength":585,"brotliLength":0,"mainUid":"b1fc-75"},"b1fc-78":{"renderedLength":6728,"gzipLength":1321,"brotliLength":0,"mainUid":"b1fc-77"},"b1fc-80":{"renderedLength":511,"gzipLength":289,"brotliLength":0,"mainUid":"b1fc-79"},"b1fc-82":{"renderedLength":4875,"gzipLength":1156,"brotliLength":0,"mainUid":"b1fc-81"},"b1fc-84":{"renderedLength":529,"gzipLength":292,"brotliLength":0,"mainUid":"b1fc-83"},"b1fc-86":{"renderedLength":287,"gzipLength":181,"brotliLength":0,"mainUid":"b1fc-85"},"b1fc-88":{"renderedLength":13719,"gzipLength":2481,"brotliLength":0,"mainUid":"b1fc-87"},"b1fc-90":{"renderedLength":853,"gzipLength":411,"brotliLength":0,"mainUid":"b1fc-89"},"b1fc-92":{"renderedLength":315,"gzipLength":226,"brotliLength":0,"mainUid":"b1fc-91"},"b1fc-94":{"renderedLength":567,"gzipLength":354,"brotliLength":0,"mainUid":"b1fc-93"},"b1fc-96":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b1fc-95"}},"nodeMetas":{"b1fc-55":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-56"},"imported":[],"importedBy":[{"uid":"b1fc-73"},{"uid":"b1fc-79"},{"uid":"b1fc-89"},{"uid":"b1fc-83"},{"uid":"b1fc-93"}]},"b1fc-57":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-58"},"imported":[],"importedBy":[{"uid":"b1fc-59"}]},"b1fc-59":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-60"},"imported":[{"uid":"b1fc-57"}],"importedBy":[{"uid":"b1fc-63"}]},"b1fc-61":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-62"},"imported":[{"uid":"b1fc-104"},{"uid":"b1fc-97"}],"importedBy":[{"uid":"b1fc-63"}]},"b1fc-63":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-64"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-59"},{"uid":"b1fc-61"}],"importedBy":[{"uid":"b1fc-108"}]},"b1fc-65":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-66"},"imported":[{"uid":"b1fc-104"},{"uid":"b1fc-97"}],"importedBy":[{"uid":"b1fc-67"}]},"b1fc-67":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-68"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-65"}],"importedBy":[{"uid":"b1fc-109"}]},"b1fc-69":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-70"},"imported":[],"importedBy":[{"uid":"b1fc-71"}]},"b1fc-71":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-72"},"imported":[{"uid":"b1fc-69"}],"importedBy":[{"uid":"b1fc-73"}]},"b1fc-73":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-74"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-104"},{"uid":"b1fc-55"},{"uid":"b1fc-105"},{"uid":"b1fc-71"}],"importedBy":[{"uid":"b1fc-98"}]},"b1fc-75":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-76"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-104"}],"importedBy":[{"uid":"b1fc-98"}]},"b1fc-77":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-78"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-104"}],"importedBy":[{"uid":"b1fc-106"}]},"b1fc-79":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-80"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-104"},{"uid":"b1fc-55"},{"uid":"b1fc-98"},{"uid":"b1fc-106"}],"importedBy":[{"uid":"b1fc-99"}]},"b1fc-81":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-82"},"imported":[{"uid":"b1fc-103"}],"importedBy":[{"uid":"b1fc-99"}]},"b1fc-83":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-84"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-107"},{"uid":"b1fc-55"}],"importedBy":[{"uid":"b1fc-101"}]},"b1fc-85":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-86"},"imported":[{"uid":"b1fc-103"}],"importedBy":[{"uid":"b1fc-100"},{"uid":"b1fc-89"},{"uid":"b1fc-87"}]},"b1fc-87":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-88"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-104"},{"uid":"b1fc-97"},{"uid":"b1fc-85"}],"importedBy":[{"uid":"b1fc-100"},{"uid":"b1fc-89"}]},"b1fc-89":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-90"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-104"},{"uid":"b1fc-55"},{"uid":"b1fc-101"},{"uid":"b1fc-87"},{"uid":"b1fc-85"}],"importedBy":[{"uid":"b1fc-100"}]},"b1fc-91":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-92"},"imported":[{"uid":"b1fc-104"},{"uid":"b1fc-97"}],"importedBy":[{"uid":"b1fc-93"}]},"b1fc-93":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.module.js":"b1fc-94"},"imported":[{"uid":"b1fc-103"},{"uid":"b1fc-55"},{"uid":"b1fc-91"}],"importedBy":[{"uid":"b1fc-102"}]},"b1fc-95":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.module.js":"b1fc-96"},"imported":[{"uid":"b1fc-97"},{"uid":"b1fc-98"},{"uid":"b1fc-99"},{"uid":"b1fc-100"},{"uid":"b1fc-101"},{"uid":"b1fc-102"}],"importedBy":[],"isEntry":true},"b1fc-97":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-95"},{"uid":"b1fc-87"},{"uid":"b1fc-91"},{"uid":"b1fc-61"},{"uid":"b1fc-65"}],"isExternal":true},"b1fc-98":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-73"},{"uid":"b1fc-75"}],"importedBy":[{"uid":"b1fc-95"},{"uid":"b1fc-79"}]},"b1fc-99":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-79"},{"uid":"b1fc-81"}],"importedBy":[{"uid":"b1fc-95"}]},"b1fc-100":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-89"},{"uid":"b1fc-87"},{"uid":"b1fc-85"}],"importedBy":[{"uid":"b1fc-95"}]},"b1fc-101":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-83"}],"importedBy":[{"uid":"b1fc-95"},{"uid":"b1fc-89"}]},"b1fc-102":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-93"}],"importedBy":[{"uid":"b1fc-95"}]},"b1fc-103":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-73"},{"uid":"b1fc-75"},{"uid":"b1fc-79"},{"uid":"b1fc-81"},{"uid":"b1fc-89"},{"uid":"b1fc-87"},{"uid":"b1fc-85"},{"uid":"b1fc-83"},{"uid":"b1fc-93"},{"uid":"b1fc-77"},{"uid":"b1fc-63"},{"uid":"b1fc-67"}],"isExternal":true},"b1fc-104":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-73"},{"uid":"b1fc-75"},{"uid":"b1fc-79"},{"uid":"b1fc-89"},{"uid":"b1fc-87"},{"uid":"b1fc-91"},{"uid":"b1fc-77"},{"uid":"b1fc-61"},{"uid":"b1fc-65"}],"isExternal":true},"b1fc-105":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-108"},{"uid":"b1fc-109"}],"importedBy":[{"uid":"b1fc-73"}]},"b1fc-106":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-77"}],"importedBy":[{"uid":"b1fc-79"}]},"b1fc-107":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-83"}],"isExternal":true},"b1fc-108":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-63"}],"importedBy":[{"uid":"b1fc-105"}]},"b1fc-109":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-67"}],"importedBy":[{"uid":"b1fc-105"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6428
6428
 
6429
6429
  const run = () => {
6430
6430
  const width = window.innerWidth;
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
6424
6424
  </script>
6425
6425
  <script>
6426
6426
  /*<!--*/
6427
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.native.js","children":[{"name":"src","children":[{"uid":"63a6-111","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"63a6-113","name":"styled.ts"},{"uid":"63a6-115","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"63a6-117","name":"styled.ts"},{"uid":"63a6-119","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"63a6-125"}]},{"name":"Element","children":[{"uid":"63a6-121","name":"component.tsx"},{"uid":"63a6-123","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"63a6-127","name":"component.tsx"},{"uid":"63a6-129","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"63a6-131"},{"name":"Overlay","children":[{"uid":"63a6-133","name":"context.tsx"},{"uid":"63a6-135","name":"useOverlay.tsx"},{"uid":"63a6-137","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"63a6-139","name":"styled.ts"},{"uid":"63a6-141","name":"component.tsx"}]},{"uid":"63a6-143","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"63a6-111":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"63a6-110"},"63a6-113":{"renderedLength":668,"gzipLength":354,"brotliLength":0,"mainUid":"63a6-112"},"63a6-115":{"renderedLength":691,"gzipLength":347,"brotliLength":0,"mainUid":"63a6-114"},"63a6-117":{"renderedLength":1605,"gzipLength":613,"brotliLength":0,"mainUid":"63a6-116"},"63a6-119":{"renderedLength":629,"gzipLength":315,"brotliLength":0,"mainUid":"63a6-118"},"63a6-121":{"renderedLength":4433,"gzipLength":1090,"brotliLength":0,"mainUid":"63a6-120"},"63a6-123":{"renderedLength":1842,"gzipLength":585,"brotliLength":0,"mainUid":"63a6-122"},"63a6-125":{"renderedLength":6728,"gzipLength":1321,"brotliLength":0,"mainUid":"63a6-124"},"63a6-127":{"renderedLength":511,"gzipLength":289,"brotliLength":0,"mainUid":"63a6-126"},"63a6-129":{"renderedLength":4875,"gzipLength":1156,"brotliLength":0,"mainUid":"63a6-128"},"63a6-131":{"renderedLength":529,"gzipLength":292,"brotliLength":0,"mainUid":"63a6-130"},"63a6-133":{"renderedLength":287,"gzipLength":181,"brotliLength":0,"mainUid":"63a6-132"},"63a6-135":{"renderedLength":13719,"gzipLength":2481,"brotliLength":0,"mainUid":"63a6-134"},"63a6-137":{"renderedLength":853,"gzipLength":411,"brotliLength":0,"mainUid":"63a6-136"},"63a6-139":{"renderedLength":315,"gzipLength":226,"brotliLength":0,"mainUid":"63a6-138"},"63a6-141":{"renderedLength":552,"gzipLength":340,"brotliLength":0,"mainUid":"63a6-140"},"63a6-143":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"63a6-142"}},"nodeMetas":{"63a6-110":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.native.js":"63a6-111"},"imported":[],"importedBy":[{"uid":"63a6-120"},{"uid":"63a6-126"},{"uid":"63a6-136"},{"uid":"63a6-130"},{"uid":"63a6-140"}]},"63a6-112":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"63a6-113"},"imported":[{"uid":"63a6-151"},{"uid":"63a6-144"}],"importedBy":[{"uid":"63a6-114"}]},"63a6-114":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-115"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-159"},{"uid":"63a6-112"}],"importedBy":[{"uid":"63a6-156"}]},"63a6-116":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"63a6-117"},"imported":[{"uid":"63a6-151"},{"uid":"63a6-144"}],"importedBy":[{"uid":"63a6-118"}]},"63a6-118":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-119"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-116"}],"importedBy":[{"uid":"63a6-157"}]},"63a6-120":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-121"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-151"},{"uid":"63a6-110"},{"uid":"63a6-152"},{"uid":"63a6-153"}],"importedBy":[{"uid":"63a6-145"}]},"63a6-122":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-123"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-151"}],"importedBy":[{"uid":"63a6-145"}]},"63a6-124":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-125"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-151"}],"importedBy":[{"uid":"63a6-154"}]},"63a6-126":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-127"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-151"},{"uid":"63a6-110"},{"uid":"63a6-145"},{"uid":"63a6-154"}],"importedBy":[{"uid":"63a6-146"}]},"63a6-128":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-129"},"imported":[{"uid":"63a6-150"}],"importedBy":[{"uid":"63a6-146"}]},"63a6-130":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.native.js":"63a6-131"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-155"},{"uid":"63a6-110"}],"importedBy":[{"uid":"63a6-148"}]},"63a6-132":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-133"},"imported":[{"uid":"63a6-150"}],"importedBy":[{"uid":"63a6-147"},{"uid":"63a6-136"},{"uid":"63a6-134"}]},"63a6-134":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-135"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-151"},{"uid":"63a6-144"},{"uid":"63a6-132"}],"importedBy":[{"uid":"63a6-147"},{"uid":"63a6-136"}]},"63a6-136":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-137"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-151"},{"uid":"63a6-110"},{"uid":"63a6-148"},{"uid":"63a6-134"},{"uid":"63a6-132"}],"importedBy":[{"uid":"63a6-147"}]},"63a6-138":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"63a6-139"},"imported":[{"uid":"63a6-151"},{"uid":"63a6-144"}],"importedBy":[{"uid":"63a6-140"}]},"63a6-140":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"63a6-141"},"imported":[{"uid":"63a6-150"},{"uid":"63a6-110"},{"uid":"63a6-138"}],"importedBy":[{"uid":"63a6-149"}]},"63a6-142":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.native.js":"63a6-143"},"imported":[{"uid":"63a6-144"},{"uid":"63a6-145"},{"uid":"63a6-146"},{"uid":"63a6-147"},{"uid":"63a6-148"},{"uid":"63a6-149"}],"importedBy":[],"isEntry":true},"63a6-144":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-142"},{"uid":"63a6-134"},{"uid":"63a6-138"},{"uid":"63a6-112"},{"uid":"63a6-116"}],"isExternal":true},"63a6-145":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"63a6-120"},{"uid":"63a6-122"}],"importedBy":[{"uid":"63a6-142"},{"uid":"63a6-126"}]},"63a6-146":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"63a6-126"},{"uid":"63a6-128"}],"importedBy":[{"uid":"63a6-142"}]},"63a6-147":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"63a6-136"},{"uid":"63a6-134"},{"uid":"63a6-132"}],"importedBy":[{"uid":"63a6-142"}]},"63a6-148":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"63a6-130"}],"importedBy":[{"uid":"63a6-142"},{"uid":"63a6-136"}]},"63a6-149":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"63a6-140"}],"importedBy":[{"uid":"63a6-142"}]},"63a6-150":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-120"},{"uid":"63a6-122"},{"uid":"63a6-126"},{"uid":"63a6-128"},{"uid":"63a6-136"},{"uid":"63a6-134"},{"uid":"63a6-132"},{"uid":"63a6-130"},{"uid":"63a6-140"},{"uid":"63a6-124"},{"uid":"63a6-114"},{"uid":"63a6-118"}],"isExternal":true},"63a6-151":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-120"},{"uid":"63a6-122"},{"uid":"63a6-126"},{"uid":"63a6-136"},{"uid":"63a6-134"},{"uid":"63a6-138"},{"uid":"63a6-124"},{"uid":"63a6-112"},{"uid":"63a6-116"}],"isExternal":true},"63a6-152":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"63a6-156"},{"uid":"63a6-157"}],"importedBy":[{"uid":"63a6-120"}]},"63a6-153":{"id":"/src/Element/utils.ts","moduleParts":{},"imported":[{"uid":"63a6-158"}],"importedBy":[{"uid":"63a6-120"}]},"63a6-154":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"63a6-124"}],"importedBy":[{"uid":"63a6-126"}]},"63a6-155":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-130"}],"isExternal":true},"63a6-156":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"63a6-114"}],"importedBy":[{"uid":"63a6-152"}]},"63a6-157":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"63a6-118"}],"importedBy":[{"uid":"63a6-152"}]},"63a6-158":{"id":"/src/Element/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-153"}]},"63a6-159":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{},"imported":[{"uid":"63a6-160"}],"importedBy":[{"uid":"63a6-114"}]},"63a6-160":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-159"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6427
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.native.js","children":[{"name":"src","children":[{"uid":"b1fc-111","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"b1fc-113","name":"styled.ts"},{"uid":"b1fc-115","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"b1fc-117","name":"styled.ts"},{"uid":"b1fc-119","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"b1fc-125"}]},{"name":"Element","children":[{"uid":"b1fc-121","name":"component.tsx"},{"uid":"b1fc-123","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"b1fc-127","name":"component.tsx"},{"uid":"b1fc-129","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"b1fc-131"},{"name":"Overlay","children":[{"uid":"b1fc-133","name":"context.tsx"},{"uid":"b1fc-135","name":"useOverlay.tsx"},{"uid":"b1fc-137","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"b1fc-139","name":"styled.ts"},{"uid":"b1fc-141","name":"component.tsx"}]},{"uid":"b1fc-143","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b1fc-111":{"renderedLength":98,"gzipLength":114,"brotliLength":0,"mainUid":"b1fc-110"},"b1fc-113":{"renderedLength":668,"gzipLength":354,"brotliLength":0,"mainUid":"b1fc-112"},"b1fc-115":{"renderedLength":691,"gzipLength":347,"brotliLength":0,"mainUid":"b1fc-114"},"b1fc-117":{"renderedLength":1605,"gzipLength":613,"brotliLength":0,"mainUid":"b1fc-116"},"b1fc-119":{"renderedLength":629,"gzipLength":315,"brotliLength":0,"mainUid":"b1fc-118"},"b1fc-121":{"renderedLength":4433,"gzipLength":1090,"brotliLength":0,"mainUid":"b1fc-120"},"b1fc-123":{"renderedLength":1842,"gzipLength":585,"brotliLength":0,"mainUid":"b1fc-122"},"b1fc-125":{"renderedLength":6728,"gzipLength":1321,"brotliLength":0,"mainUid":"b1fc-124"},"b1fc-127":{"renderedLength":511,"gzipLength":289,"brotliLength":0,"mainUid":"b1fc-126"},"b1fc-129":{"renderedLength":4875,"gzipLength":1156,"brotliLength":0,"mainUid":"b1fc-128"},"b1fc-131":{"renderedLength":529,"gzipLength":292,"brotliLength":0,"mainUid":"b1fc-130"},"b1fc-133":{"renderedLength":287,"gzipLength":181,"brotliLength":0,"mainUid":"b1fc-132"},"b1fc-135":{"renderedLength":13719,"gzipLength":2481,"brotliLength":0,"mainUid":"b1fc-134"},"b1fc-137":{"renderedLength":853,"gzipLength":411,"brotliLength":0,"mainUid":"b1fc-136"},"b1fc-139":{"renderedLength":315,"gzipLength":226,"brotliLength":0,"mainUid":"b1fc-138"},"b1fc-141":{"renderedLength":552,"gzipLength":340,"brotliLength":0,"mainUid":"b1fc-140"},"b1fc-143":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b1fc-142"}},"nodeMetas":{"b1fc-110":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.native.js":"b1fc-111"},"imported":[],"importedBy":[{"uid":"b1fc-120"},{"uid":"b1fc-126"},{"uid":"b1fc-136"},{"uid":"b1fc-130"},{"uid":"b1fc-140"}]},"b1fc-112":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"b1fc-113"},"imported":[{"uid":"b1fc-151"},{"uid":"b1fc-144"}],"importedBy":[{"uid":"b1fc-114"}]},"b1fc-114":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-115"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-159"},{"uid":"b1fc-112"}],"importedBy":[{"uid":"b1fc-156"}]},"b1fc-116":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"b1fc-117"},"imported":[{"uid":"b1fc-151"},{"uid":"b1fc-144"}],"importedBy":[{"uid":"b1fc-118"}]},"b1fc-118":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-119"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-116"}],"importedBy":[{"uid":"b1fc-157"}]},"b1fc-120":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-121"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-151"},{"uid":"b1fc-110"},{"uid":"b1fc-152"},{"uid":"b1fc-153"}],"importedBy":[{"uid":"b1fc-145"}]},"b1fc-122":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-123"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-151"}],"importedBy":[{"uid":"b1fc-145"}]},"b1fc-124":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-125"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-151"}],"importedBy":[{"uid":"b1fc-154"}]},"b1fc-126":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-127"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-151"},{"uid":"b1fc-110"},{"uid":"b1fc-145"},{"uid":"b1fc-154"}],"importedBy":[{"uid":"b1fc-146"}]},"b1fc-128":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-129"},"imported":[{"uid":"b1fc-150"}],"importedBy":[{"uid":"b1fc-146"}]},"b1fc-130":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.native.js":"b1fc-131"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-155"},{"uid":"b1fc-110"}],"importedBy":[{"uid":"b1fc-148"}]},"b1fc-132":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-133"},"imported":[{"uid":"b1fc-150"}],"importedBy":[{"uid":"b1fc-147"},{"uid":"b1fc-136"},{"uid":"b1fc-134"}]},"b1fc-134":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-135"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-151"},{"uid":"b1fc-144"},{"uid":"b1fc-132"}],"importedBy":[{"uid":"b1fc-147"},{"uid":"b1fc-136"}]},"b1fc-136":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-137"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-151"},{"uid":"b1fc-110"},{"uid":"b1fc-148"},{"uid":"b1fc-134"},{"uid":"b1fc-132"}],"importedBy":[{"uid":"b1fc-147"}]},"b1fc-138":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.native.js":"b1fc-139"},"imported":[{"uid":"b1fc-151"},{"uid":"b1fc-144"}],"importedBy":[{"uid":"b1fc-140"}]},"b1fc-140":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.native.js":"b1fc-141"},"imported":[{"uid":"b1fc-150"},{"uid":"b1fc-110"},{"uid":"b1fc-138"}],"importedBy":[{"uid":"b1fc-149"}]},"b1fc-142":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.native.js":"b1fc-143"},"imported":[{"uid":"b1fc-144"},{"uid":"b1fc-145"},{"uid":"b1fc-146"},{"uid":"b1fc-147"},{"uid":"b1fc-148"},{"uid":"b1fc-149"}],"importedBy":[],"isEntry":true},"b1fc-144":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-142"},{"uid":"b1fc-134"},{"uid":"b1fc-138"},{"uid":"b1fc-112"},{"uid":"b1fc-116"}],"isExternal":true},"b1fc-145":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-120"},{"uid":"b1fc-122"}],"importedBy":[{"uid":"b1fc-142"},{"uid":"b1fc-126"}]},"b1fc-146":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-126"},{"uid":"b1fc-128"}],"importedBy":[{"uid":"b1fc-142"}]},"b1fc-147":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-136"},{"uid":"b1fc-134"},{"uid":"b1fc-132"}],"importedBy":[{"uid":"b1fc-142"}]},"b1fc-148":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-130"}],"importedBy":[{"uid":"b1fc-142"},{"uid":"b1fc-136"}]},"b1fc-149":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-140"}],"importedBy":[{"uid":"b1fc-142"}]},"b1fc-150":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-120"},{"uid":"b1fc-122"},{"uid":"b1fc-126"},{"uid":"b1fc-128"},{"uid":"b1fc-136"},{"uid":"b1fc-134"},{"uid":"b1fc-132"},{"uid":"b1fc-130"},{"uid":"b1fc-140"},{"uid":"b1fc-124"},{"uid":"b1fc-114"},{"uid":"b1fc-118"}],"isExternal":true},"b1fc-151":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-120"},{"uid":"b1fc-122"},{"uid":"b1fc-126"},{"uid":"b1fc-136"},{"uid":"b1fc-134"},{"uid":"b1fc-138"},{"uid":"b1fc-124"},{"uid":"b1fc-112"},{"uid":"b1fc-116"}],"isExternal":true},"b1fc-152":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-156"},{"uid":"b1fc-157"}],"importedBy":[{"uid":"b1fc-120"}]},"b1fc-153":{"id":"/src/Element/utils.ts","moduleParts":{},"imported":[{"uid":"b1fc-158"}],"importedBy":[{"uid":"b1fc-120"}]},"b1fc-154":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-124"}],"importedBy":[{"uid":"b1fc-126"}]},"b1fc-155":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-130"}],"isExternal":true},"b1fc-156":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-114"}],"importedBy":[{"uid":"b1fc-152"}]},"b1fc-157":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-118"}],"importedBy":[{"uid":"b1fc-152"}]},"b1fc-158":{"id":"/src/Element/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-153"}]},"b1fc-159":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{},"imported":[{"uid":"b1fc-160"}],"importedBy":[{"uid":"b1fc-114"}]},"b1fc-160":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-159"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6428
6428
 
6429
6429
  const run = () => {
6430
6430
  const width = window.innerWidth;
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
6424
6424
  </script>
6425
6425
  <script>
6426
6426
  /*<!--*/
6427
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.umd.js","children":[{"name":"src","children":[{"uid":"63a6-162","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"63a6-164","name":"constants.ts"},{"uid":"63a6-166","name":"utils.ts"},{"uid":"63a6-168","name":"styled.ts"},{"uid":"63a6-170","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"63a6-172","name":"styled.ts"},{"uid":"63a6-174","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"63a6-184"}]},{"name":"Element","children":[{"uid":"63a6-176","name":"constants.ts"},{"uid":"63a6-178","name":"utils.ts"},{"uid":"63a6-180","name":"component.tsx"},{"uid":"63a6-182","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"63a6-186","name":"component.tsx"},{"uid":"63a6-188","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"63a6-190"},{"name":"Overlay","children":[{"uid":"63a6-192","name":"context.tsx"},{"uid":"63a6-194","name":"useOverlay.tsx"},{"uid":"63a6-196","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"63a6-198","name":"styled.ts"},{"uid":"63a6-200","name":"component.tsx"}]},{"uid":"63a6-202","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"63a6-162":{"renderedLength":102,"gzipLength":117,"brotliLength":0,"mainUid":"63a6-161"},"63a6-164":{"renderedLength":262,"gzipLength":212,"brotliLength":0,"mainUid":"63a6-163"},"63a6-166":{"renderedLength":117,"gzipLength":132,"brotliLength":0,"mainUid":"63a6-165"},"63a6-168":{"renderedLength":1040,"gzipLength":459,"brotliLength":0,"mainUid":"63a6-167"},"63a6-170":{"renderedLength":1438,"gzipLength":538,"brotliLength":0,"mainUid":"63a6-169"},"63a6-172":{"renderedLength":1756,"gzipLength":649,"brotliLength":0,"mainUid":"63a6-171"},"63a6-174":{"renderedLength":689,"gzipLength":332,"brotliLength":0,"mainUid":"63a6-173"},"63a6-176":{"renderedLength":945,"gzipLength":269,"brotliLength":0,"mainUid":"63a6-175"},"63a6-178":{"renderedLength":142,"gzipLength":118,"brotliLength":0,"mainUid":"63a6-177"},"63a6-180":{"renderedLength":4771,"gzipLength":1131,"brotliLength":0,"mainUid":"63a6-179"},"63a6-182":{"renderedLength":1970,"gzipLength":607,"brotliLength":0,"mainUid":"63a6-181"},"63a6-184":{"renderedLength":7149,"gzipLength":1356,"brotliLength":0,"mainUid":"63a6-183"},"63a6-186":{"renderedLength":587,"gzipLength":311,"brotliLength":0,"mainUid":"63a6-185"},"63a6-188":{"renderedLength":5163,"gzipLength":1176,"brotliLength":0,"mainUid":"63a6-187"},"63a6-190":{"renderedLength":483,"gzipLength":281,"brotliLength":0,"mainUid":"63a6-189"},"63a6-192":{"renderedLength":327,"gzipLength":199,"brotliLength":0,"mainUid":"63a6-191"},"63a6-194":{"renderedLength":14510,"gzipLength":2506,"brotliLength":0,"mainUid":"63a6-193"},"63a6-196":{"renderedLength":940,"gzipLength":437,"brotliLength":0,"mainUid":"63a6-195"},"63a6-198":{"renderedLength":352,"gzipLength":237,"brotliLength":0,"mainUid":"63a6-197"},"63a6-200":{"renderedLength":615,"gzipLength":369,"brotliLength":0,"mainUid":"63a6-199"},"63a6-202":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"63a6-201"}},"nodeMetas":{"63a6-161":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-162"},"imported":[],"importedBy":[{"uid":"63a6-179"},{"uid":"63a6-185"},{"uid":"63a6-195"},{"uid":"63a6-189"},{"uid":"63a6-199"}]},"63a6-163":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-164"},"imported":[],"importedBy":[{"uid":"63a6-165"}]},"63a6-165":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-166"},"imported":[{"uid":"63a6-163"}],"importedBy":[{"uid":"63a6-169"}]},"63a6-167":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-168"},"imported":[{"uid":"63a6-210"},{"uid":"63a6-203"}],"importedBy":[{"uid":"63a6-169"}]},"63a6-169":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-170"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-165"},{"uid":"63a6-167"}],"importedBy":[{"uid":"63a6-214"}]},"63a6-171":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-172"},"imported":[{"uid":"63a6-210"},{"uid":"63a6-203"}],"importedBy":[{"uid":"63a6-173"}]},"63a6-173":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-174"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-171"}],"importedBy":[{"uid":"63a6-215"}]},"63a6-175":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-176"},"imported":[],"importedBy":[{"uid":"63a6-177"}]},"63a6-177":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-178"},"imported":[{"uid":"63a6-175"}],"importedBy":[{"uid":"63a6-179"}]},"63a6-179":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-180"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-210"},{"uid":"63a6-161"},{"uid":"63a6-211"},{"uid":"63a6-177"}],"importedBy":[{"uid":"63a6-204"}]},"63a6-181":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-182"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-210"}],"importedBy":[{"uid":"63a6-204"}]},"63a6-183":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-184"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-210"}],"importedBy":[{"uid":"63a6-212"}]},"63a6-185":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-186"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-210"},{"uid":"63a6-161"},{"uid":"63a6-204"},{"uid":"63a6-212"}],"importedBy":[{"uid":"63a6-205"}]},"63a6-187":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-188"},"imported":[{"uid":"63a6-209"}],"importedBy":[{"uid":"63a6-205"}]},"63a6-189":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-190"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-213"},{"uid":"63a6-161"}],"importedBy":[{"uid":"63a6-207"}]},"63a6-191":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-192"},"imported":[{"uid":"63a6-209"}],"importedBy":[{"uid":"63a6-206"},{"uid":"63a6-195"},{"uid":"63a6-193"}]},"63a6-193":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-194"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-210"},{"uid":"63a6-203"},{"uid":"63a6-191"}],"importedBy":[{"uid":"63a6-206"},{"uid":"63a6-195"}]},"63a6-195":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-196"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-210"},{"uid":"63a6-161"},{"uid":"63a6-207"},{"uid":"63a6-193"},{"uid":"63a6-191"}],"importedBy":[{"uid":"63a6-206"}]},"63a6-197":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-198"},"imported":[{"uid":"63a6-210"},{"uid":"63a6-203"}],"importedBy":[{"uid":"63a6-199"}]},"63a6-199":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"63a6-200"},"imported":[{"uid":"63a6-209"},{"uid":"63a6-161"},{"uid":"63a6-197"}],"importedBy":[{"uid":"63a6-208"}]},"63a6-201":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.umd.js":"63a6-202"},"imported":[{"uid":"63a6-203"},{"uid":"63a6-204"},{"uid":"63a6-205"},{"uid":"63a6-206"},{"uid":"63a6-207"},{"uid":"63a6-208"}],"importedBy":[],"isEntry":true},"63a6-203":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-201"},{"uid":"63a6-193"},{"uid":"63a6-197"},{"uid":"63a6-167"},{"uid":"63a6-171"}],"isExternal":true},"63a6-204":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"63a6-179"},{"uid":"63a6-181"}],"importedBy":[{"uid":"63a6-201"},{"uid":"63a6-185"}]},"63a6-205":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"63a6-185"},{"uid":"63a6-187"}],"importedBy":[{"uid":"63a6-201"}]},"63a6-206":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"63a6-195"},{"uid":"63a6-193"},{"uid":"63a6-191"}],"importedBy":[{"uid":"63a6-201"}]},"63a6-207":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"63a6-189"}],"importedBy":[{"uid":"63a6-201"},{"uid":"63a6-195"}]},"63a6-208":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"63a6-199"}],"importedBy":[{"uid":"63a6-201"}]},"63a6-209":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-179"},{"uid":"63a6-181"},{"uid":"63a6-185"},{"uid":"63a6-187"},{"uid":"63a6-195"},{"uid":"63a6-193"},{"uid":"63a6-191"},{"uid":"63a6-189"},{"uid":"63a6-199"},{"uid":"63a6-183"},{"uid":"63a6-169"},{"uid":"63a6-173"}],"isExternal":true},"63a6-210":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-179"},{"uid":"63a6-181"},{"uid":"63a6-185"},{"uid":"63a6-195"},{"uid":"63a6-193"},{"uid":"63a6-197"},{"uid":"63a6-183"},{"uid":"63a6-167"},{"uid":"63a6-171"}],"isExternal":true},"63a6-211":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"63a6-214"},{"uid":"63a6-215"}],"importedBy":[{"uid":"63a6-179"}]},"63a6-212":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"63a6-183"}],"importedBy":[{"uid":"63a6-185"}]},"63a6-213":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-189"}],"isExternal":true},"63a6-214":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"63a6-169"}],"importedBy":[{"uid":"63a6-211"}]},"63a6-215":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"63a6-173"}],"importedBy":[{"uid":"63a6-211"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6427
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.umd.js","children":[{"name":"src","children":[{"uid":"b1fc-162","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"b1fc-164","name":"constants.ts"},{"uid":"b1fc-166","name":"utils.ts"},{"uid":"b1fc-168","name":"styled.ts"},{"uid":"b1fc-170","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"b1fc-172","name":"styled.ts"},{"uid":"b1fc-174","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"b1fc-184"}]},{"name":"Element","children":[{"uid":"b1fc-176","name":"constants.ts"},{"uid":"b1fc-178","name":"utils.ts"},{"uid":"b1fc-180","name":"component.tsx"},{"uid":"b1fc-182","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"b1fc-186","name":"component.tsx"},{"uid":"b1fc-188","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"b1fc-190"},{"name":"Overlay","children":[{"uid":"b1fc-192","name":"context.tsx"},{"uid":"b1fc-194","name":"useOverlay.tsx"},{"uid":"b1fc-196","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"b1fc-198","name":"styled.ts"},{"uid":"b1fc-200","name":"component.tsx"}]},{"uid":"b1fc-202","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b1fc-162":{"renderedLength":102,"gzipLength":117,"brotliLength":0,"mainUid":"b1fc-161"},"b1fc-164":{"renderedLength":262,"gzipLength":212,"brotliLength":0,"mainUid":"b1fc-163"},"b1fc-166":{"renderedLength":117,"gzipLength":132,"brotliLength":0,"mainUid":"b1fc-165"},"b1fc-168":{"renderedLength":1040,"gzipLength":459,"brotliLength":0,"mainUid":"b1fc-167"},"b1fc-170":{"renderedLength":1438,"gzipLength":538,"brotliLength":0,"mainUid":"b1fc-169"},"b1fc-172":{"renderedLength":1756,"gzipLength":649,"brotliLength":0,"mainUid":"b1fc-171"},"b1fc-174":{"renderedLength":689,"gzipLength":332,"brotliLength":0,"mainUid":"b1fc-173"},"b1fc-176":{"renderedLength":945,"gzipLength":269,"brotliLength":0,"mainUid":"b1fc-175"},"b1fc-178":{"renderedLength":142,"gzipLength":118,"brotliLength":0,"mainUid":"b1fc-177"},"b1fc-180":{"renderedLength":4771,"gzipLength":1131,"brotliLength":0,"mainUid":"b1fc-179"},"b1fc-182":{"renderedLength":1970,"gzipLength":607,"brotliLength":0,"mainUid":"b1fc-181"},"b1fc-184":{"renderedLength":7149,"gzipLength":1356,"brotliLength":0,"mainUid":"b1fc-183"},"b1fc-186":{"renderedLength":587,"gzipLength":311,"brotliLength":0,"mainUid":"b1fc-185"},"b1fc-188":{"renderedLength":5163,"gzipLength":1176,"brotliLength":0,"mainUid":"b1fc-187"},"b1fc-190":{"renderedLength":483,"gzipLength":281,"brotliLength":0,"mainUid":"b1fc-189"},"b1fc-192":{"renderedLength":327,"gzipLength":199,"brotliLength":0,"mainUid":"b1fc-191"},"b1fc-194":{"renderedLength":14510,"gzipLength":2506,"brotliLength":0,"mainUid":"b1fc-193"},"b1fc-196":{"renderedLength":940,"gzipLength":437,"brotliLength":0,"mainUid":"b1fc-195"},"b1fc-198":{"renderedLength":352,"gzipLength":237,"brotliLength":0,"mainUid":"b1fc-197"},"b1fc-200":{"renderedLength":615,"gzipLength":369,"brotliLength":0,"mainUid":"b1fc-199"},"b1fc-202":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b1fc-201"}},"nodeMetas":{"b1fc-161":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-162"},"imported":[],"importedBy":[{"uid":"b1fc-179"},{"uid":"b1fc-185"},{"uid":"b1fc-195"},{"uid":"b1fc-189"},{"uid":"b1fc-199"}]},"b1fc-163":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-164"},"imported":[],"importedBy":[{"uid":"b1fc-165"}]},"b1fc-165":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-166"},"imported":[{"uid":"b1fc-163"}],"importedBy":[{"uid":"b1fc-169"}]},"b1fc-167":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-168"},"imported":[{"uid":"b1fc-210"},{"uid":"b1fc-203"}],"importedBy":[{"uid":"b1fc-169"}]},"b1fc-169":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-170"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-165"},{"uid":"b1fc-167"}],"importedBy":[{"uid":"b1fc-214"}]},"b1fc-171":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-172"},"imported":[{"uid":"b1fc-210"},{"uid":"b1fc-203"}],"importedBy":[{"uid":"b1fc-173"}]},"b1fc-173":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-174"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-171"}],"importedBy":[{"uid":"b1fc-215"}]},"b1fc-175":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-176"},"imported":[],"importedBy":[{"uid":"b1fc-177"}]},"b1fc-177":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-178"},"imported":[{"uid":"b1fc-175"}],"importedBy":[{"uid":"b1fc-179"}]},"b1fc-179":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-180"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-210"},{"uid":"b1fc-161"},{"uid":"b1fc-211"},{"uid":"b1fc-177"}],"importedBy":[{"uid":"b1fc-204"}]},"b1fc-181":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-182"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-210"}],"importedBy":[{"uid":"b1fc-204"}]},"b1fc-183":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-184"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-210"}],"importedBy":[{"uid":"b1fc-212"}]},"b1fc-185":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-186"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-210"},{"uid":"b1fc-161"},{"uid":"b1fc-204"},{"uid":"b1fc-212"}],"importedBy":[{"uid":"b1fc-205"}]},"b1fc-187":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-188"},"imported":[{"uid":"b1fc-209"}],"importedBy":[{"uid":"b1fc-205"}]},"b1fc-189":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-190"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-213"},{"uid":"b1fc-161"}],"importedBy":[{"uid":"b1fc-207"}]},"b1fc-191":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-192"},"imported":[{"uid":"b1fc-209"}],"importedBy":[{"uid":"b1fc-206"},{"uid":"b1fc-195"},{"uid":"b1fc-193"}]},"b1fc-193":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-194"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-210"},{"uid":"b1fc-203"},{"uid":"b1fc-191"}],"importedBy":[{"uid":"b1fc-206"},{"uid":"b1fc-195"}]},"b1fc-195":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-196"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-210"},{"uid":"b1fc-161"},{"uid":"b1fc-207"},{"uid":"b1fc-193"},{"uid":"b1fc-191"}],"importedBy":[{"uid":"b1fc-206"}]},"b1fc-197":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-198"},"imported":[{"uid":"b1fc-210"},{"uid":"b1fc-203"}],"importedBy":[{"uid":"b1fc-199"}]},"b1fc-199":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-200"},"imported":[{"uid":"b1fc-209"},{"uid":"b1fc-161"},{"uid":"b1fc-197"}],"importedBy":[{"uid":"b1fc-208"}]},"b1fc-201":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.umd.js":"b1fc-202"},"imported":[{"uid":"b1fc-203"},{"uid":"b1fc-204"},{"uid":"b1fc-205"},{"uid":"b1fc-206"},{"uid":"b1fc-207"},{"uid":"b1fc-208"}],"importedBy":[],"isEntry":true},"b1fc-203":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-201"},{"uid":"b1fc-193"},{"uid":"b1fc-197"},{"uid":"b1fc-167"},{"uid":"b1fc-171"}],"isExternal":true},"b1fc-204":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-179"},{"uid":"b1fc-181"}],"importedBy":[{"uid":"b1fc-201"},{"uid":"b1fc-185"}]},"b1fc-205":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-185"},{"uid":"b1fc-187"}],"importedBy":[{"uid":"b1fc-201"}]},"b1fc-206":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-195"},{"uid":"b1fc-193"},{"uid":"b1fc-191"}],"importedBy":[{"uid":"b1fc-201"}]},"b1fc-207":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-189"}],"importedBy":[{"uid":"b1fc-201"},{"uid":"b1fc-195"}]},"b1fc-208":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-199"}],"importedBy":[{"uid":"b1fc-201"}]},"b1fc-209":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-179"},{"uid":"b1fc-181"},{"uid":"b1fc-185"},{"uid":"b1fc-187"},{"uid":"b1fc-195"},{"uid":"b1fc-193"},{"uid":"b1fc-191"},{"uid":"b1fc-189"},{"uid":"b1fc-199"},{"uid":"b1fc-183"},{"uid":"b1fc-169"},{"uid":"b1fc-173"}],"isExternal":true},"b1fc-210":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-179"},{"uid":"b1fc-181"},{"uid":"b1fc-185"},{"uid":"b1fc-195"},{"uid":"b1fc-193"},{"uid":"b1fc-197"},{"uid":"b1fc-183"},{"uid":"b1fc-167"},{"uid":"b1fc-171"}],"isExternal":true},"b1fc-211":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-214"},{"uid":"b1fc-215"}],"importedBy":[{"uid":"b1fc-179"}]},"b1fc-212":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-183"}],"importedBy":[{"uid":"b1fc-185"}]},"b1fc-213":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-189"}],"isExternal":true},"b1fc-214":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-169"}],"importedBy":[{"uid":"b1fc-211"}]},"b1fc-215":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-173"}],"importedBy":[{"uid":"b1fc-211"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6428
6428
 
6429
6429
  const run = () => {
6430
6430
  const width = window.innerWidth;
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
6424
6424
  </script>
6425
6425
  <script>
6426
6426
  /*<!--*/
6427
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.umd.min.js","children":[{"name":"src","children":[{"uid":"63a6-217","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"63a6-219","name":"constants.ts"},{"uid":"63a6-221","name":"utils.ts"},{"uid":"63a6-223","name":"styled.ts"},{"uid":"63a6-225","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"63a6-227","name":"styled.ts"},{"uid":"63a6-229","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"63a6-239"}]},{"name":"Element","children":[{"uid":"63a6-231","name":"constants.ts"},{"uid":"63a6-233","name":"utils.ts"},{"uid":"63a6-235","name":"component.tsx"},{"uid":"63a6-237","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"63a6-241","name":"component.tsx"},{"uid":"63a6-243","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"63a6-245"},{"name":"Overlay","children":[{"uid":"63a6-247","name":"context.tsx"},{"uid":"63a6-249","name":"useOverlay.tsx"},{"uid":"63a6-251","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"63a6-253","name":"styled.ts"},{"uid":"63a6-255","name":"component.tsx"}]},{"uid":"63a6-257","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"63a6-217":{"renderedLength":102,"gzipLength":117,"brotliLength":0,"mainUid":"63a6-216"},"63a6-219":{"renderedLength":262,"gzipLength":212,"brotliLength":0,"mainUid":"63a6-218"},"63a6-221":{"renderedLength":117,"gzipLength":132,"brotliLength":0,"mainUid":"63a6-220"},"63a6-223":{"renderedLength":1040,"gzipLength":459,"brotliLength":0,"mainUid":"63a6-222"},"63a6-225":{"renderedLength":1314,"gzipLength":484,"brotliLength":0,"mainUid":"63a6-224"},"63a6-227":{"renderedLength":1756,"gzipLength":649,"brotliLength":0,"mainUid":"63a6-226"},"63a6-229":{"renderedLength":563,"gzipLength":281,"brotliLength":0,"mainUid":"63a6-228"},"63a6-231":{"renderedLength":945,"gzipLength":269,"brotliLength":0,"mainUid":"63a6-230"},"63a6-233":{"renderedLength":142,"gzipLength":118,"brotliLength":0,"mainUid":"63a6-232"},"63a6-235":{"renderedLength":4771,"gzipLength":1131,"brotliLength":0,"mainUid":"63a6-234"},"63a6-237":{"renderedLength":1970,"gzipLength":607,"brotliLength":0,"mainUid":"63a6-236"},"63a6-239":{"renderedLength":7149,"gzipLength":1356,"brotliLength":0,"mainUid":"63a6-238"},"63a6-241":{"renderedLength":587,"gzipLength":311,"brotliLength":0,"mainUid":"63a6-240"},"63a6-243":{"renderedLength":4820,"gzipLength":1099,"brotliLength":0,"mainUid":"63a6-242"},"63a6-245":{"renderedLength":483,"gzipLength":281,"brotliLength":0,"mainUid":"63a6-244"},"63a6-247":{"renderedLength":327,"gzipLength":199,"brotliLength":0,"mainUid":"63a6-246"},"63a6-249":{"renderedLength":14343,"gzipLength":2432,"brotliLength":0,"mainUid":"63a6-248"},"63a6-251":{"renderedLength":940,"gzipLength":437,"brotliLength":0,"mainUid":"63a6-250"},"63a6-253":{"renderedLength":352,"gzipLength":237,"brotliLength":0,"mainUid":"63a6-252"},"63a6-255":{"renderedLength":615,"gzipLength":369,"brotliLength":0,"mainUid":"63a6-254"},"63a6-257":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"63a6-256"}},"nodeMetas":{"63a6-216":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-217"},"imported":[],"importedBy":[{"uid":"63a6-234"},{"uid":"63a6-240"},{"uid":"63a6-250"},{"uid":"63a6-244"},{"uid":"63a6-254"}]},"63a6-218":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-219"},"imported":[],"importedBy":[{"uid":"63a6-220"}]},"63a6-220":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-221"},"imported":[{"uid":"63a6-218"}],"importedBy":[{"uid":"63a6-224"}]},"63a6-222":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-223"},"imported":[{"uid":"63a6-265"},{"uid":"63a6-258"}],"importedBy":[{"uid":"63a6-224"}]},"63a6-224":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-225"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-220"},{"uid":"63a6-222"}],"importedBy":[{"uid":"63a6-269"}]},"63a6-226":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-227"},"imported":[{"uid":"63a6-265"},{"uid":"63a6-258"}],"importedBy":[{"uid":"63a6-228"}]},"63a6-228":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-229"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-226"}],"importedBy":[{"uid":"63a6-270"}]},"63a6-230":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-231"},"imported":[],"importedBy":[{"uid":"63a6-232"}]},"63a6-232":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-233"},"imported":[{"uid":"63a6-230"}],"importedBy":[{"uid":"63a6-234"}]},"63a6-234":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-235"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-265"},{"uid":"63a6-216"},{"uid":"63a6-266"},{"uid":"63a6-232"}],"importedBy":[{"uid":"63a6-259"}]},"63a6-236":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-237"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-265"}],"importedBy":[{"uid":"63a6-259"}]},"63a6-238":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-239"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-265"}],"importedBy":[{"uid":"63a6-267"}]},"63a6-240":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-241"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-265"},{"uid":"63a6-216"},{"uid":"63a6-259"},{"uid":"63a6-267"}],"importedBy":[{"uid":"63a6-260"}]},"63a6-242":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-243"},"imported":[{"uid":"63a6-264"}],"importedBy":[{"uid":"63a6-260"}]},"63a6-244":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-245"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-268"},{"uid":"63a6-216"}],"importedBy":[{"uid":"63a6-262"}]},"63a6-246":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-247"},"imported":[{"uid":"63a6-264"}],"importedBy":[{"uid":"63a6-261"},{"uid":"63a6-250"},{"uid":"63a6-248"}]},"63a6-248":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-249"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-265"},{"uid":"63a6-258"},{"uid":"63a6-246"}],"importedBy":[{"uid":"63a6-261"},{"uid":"63a6-250"}]},"63a6-250":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-251"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-265"},{"uid":"63a6-216"},{"uid":"63a6-262"},{"uid":"63a6-248"},{"uid":"63a6-246"}],"importedBy":[{"uid":"63a6-261"}]},"63a6-252":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-253"},"imported":[{"uid":"63a6-265"},{"uid":"63a6-258"}],"importedBy":[{"uid":"63a6-254"}]},"63a6-254":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-255"},"imported":[{"uid":"63a6-264"},{"uid":"63a6-216"},{"uid":"63a6-252"}],"importedBy":[{"uid":"63a6-263"}]},"63a6-256":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"63a6-257"},"imported":[{"uid":"63a6-258"},{"uid":"63a6-259"},{"uid":"63a6-260"},{"uid":"63a6-261"},{"uid":"63a6-262"},{"uid":"63a6-263"}],"importedBy":[],"isEntry":true},"63a6-258":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-256"},{"uid":"63a6-248"},{"uid":"63a6-252"},{"uid":"63a6-222"},{"uid":"63a6-226"}],"isExternal":true},"63a6-259":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"63a6-234"},{"uid":"63a6-236"}],"importedBy":[{"uid":"63a6-256"},{"uid":"63a6-240"}]},"63a6-260":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"63a6-240"},{"uid":"63a6-242"}],"importedBy":[{"uid":"63a6-256"}]},"63a6-261":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"63a6-250"},{"uid":"63a6-248"},{"uid":"63a6-246"}],"importedBy":[{"uid":"63a6-256"}]},"63a6-262":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"63a6-244"}],"importedBy":[{"uid":"63a6-256"},{"uid":"63a6-250"}]},"63a6-263":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"63a6-254"}],"importedBy":[{"uid":"63a6-256"}]},"63a6-264":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-234"},{"uid":"63a6-236"},{"uid":"63a6-240"},{"uid":"63a6-242"},{"uid":"63a6-250"},{"uid":"63a6-248"},{"uid":"63a6-246"},{"uid":"63a6-244"},{"uid":"63a6-254"},{"uid":"63a6-238"},{"uid":"63a6-224"},{"uid":"63a6-228"}],"isExternal":true},"63a6-265":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-234"},{"uid":"63a6-236"},{"uid":"63a6-240"},{"uid":"63a6-250"},{"uid":"63a6-248"},{"uid":"63a6-252"},{"uid":"63a6-238"},{"uid":"63a6-222"},{"uid":"63a6-226"}],"isExternal":true},"63a6-266":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"63a6-269"},{"uid":"63a6-270"}],"importedBy":[{"uid":"63a6-234"}]},"63a6-267":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"63a6-238"}],"importedBy":[{"uid":"63a6-240"}]},"63a6-268":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"63a6-244"}],"isExternal":true},"63a6-269":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"63a6-224"}],"importedBy":[{"uid":"63a6-266"}]},"63a6-270":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"63a6-228"}],"importedBy":[{"uid":"63a6-266"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6427
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-elements.umd.min.js","children":[{"name":"src","children":[{"uid":"b1fc-217","name":"constants.ts"},{"name":"helpers","children":[{"name":"Wrapper","children":[{"uid":"b1fc-219","name":"constants.ts"},{"uid":"b1fc-221","name":"utils.ts"},{"uid":"b1fc-223","name":"styled.ts"},{"uid":"b1fc-225","name":"component.tsx"}]},{"name":"Content","children":[{"uid":"b1fc-227","name":"styled.ts"},{"uid":"b1fc-229","name":"component.tsx"}]},{"name":"Iterator/component.tsx","uid":"b1fc-239"}]},{"name":"Element","children":[{"uid":"b1fc-231","name":"constants.ts"},{"uid":"b1fc-233","name":"utils.ts"},{"uid":"b1fc-235","name":"component.tsx"},{"uid":"b1fc-237","name":"withEqualSizeBeforeAfter.tsx"}]},{"name":"List","children":[{"uid":"b1fc-241","name":"component.tsx"},{"uid":"b1fc-243","name":"withActiveState.tsx"}]},{"name":"Portal/component.ts","uid":"b1fc-245"},{"name":"Overlay","children":[{"uid":"b1fc-247","name":"context.tsx"},{"uid":"b1fc-249","name":"useOverlay.tsx"},{"uid":"b1fc-251","name":"component.tsx"}]},{"name":"Text","children":[{"uid":"b1fc-253","name":"styled.ts"},{"uid":"b1fc-255","name":"component.tsx"}]},{"uid":"b1fc-257","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b1fc-217":{"renderedLength":102,"gzipLength":117,"brotliLength":0,"mainUid":"b1fc-216"},"b1fc-219":{"renderedLength":262,"gzipLength":212,"brotliLength":0,"mainUid":"b1fc-218"},"b1fc-221":{"renderedLength":117,"gzipLength":132,"brotliLength":0,"mainUid":"b1fc-220"},"b1fc-223":{"renderedLength":1040,"gzipLength":459,"brotliLength":0,"mainUid":"b1fc-222"},"b1fc-225":{"renderedLength":1314,"gzipLength":484,"brotliLength":0,"mainUid":"b1fc-224"},"b1fc-227":{"renderedLength":1756,"gzipLength":649,"brotliLength":0,"mainUid":"b1fc-226"},"b1fc-229":{"renderedLength":563,"gzipLength":281,"brotliLength":0,"mainUid":"b1fc-228"},"b1fc-231":{"renderedLength":945,"gzipLength":269,"brotliLength":0,"mainUid":"b1fc-230"},"b1fc-233":{"renderedLength":142,"gzipLength":118,"brotliLength":0,"mainUid":"b1fc-232"},"b1fc-235":{"renderedLength":4771,"gzipLength":1131,"brotliLength":0,"mainUid":"b1fc-234"},"b1fc-237":{"renderedLength":1970,"gzipLength":607,"brotliLength":0,"mainUid":"b1fc-236"},"b1fc-239":{"renderedLength":7149,"gzipLength":1356,"brotliLength":0,"mainUid":"b1fc-238"},"b1fc-241":{"renderedLength":587,"gzipLength":311,"brotliLength":0,"mainUid":"b1fc-240"},"b1fc-243":{"renderedLength":4820,"gzipLength":1099,"brotliLength":0,"mainUid":"b1fc-242"},"b1fc-245":{"renderedLength":483,"gzipLength":281,"brotliLength":0,"mainUid":"b1fc-244"},"b1fc-247":{"renderedLength":327,"gzipLength":199,"brotliLength":0,"mainUid":"b1fc-246"},"b1fc-249":{"renderedLength":14343,"gzipLength":2432,"brotliLength":0,"mainUid":"b1fc-248"},"b1fc-251":{"renderedLength":940,"gzipLength":437,"brotliLength":0,"mainUid":"b1fc-250"},"b1fc-253":{"renderedLength":352,"gzipLength":237,"brotliLength":0,"mainUid":"b1fc-252"},"b1fc-255":{"renderedLength":615,"gzipLength":369,"brotliLength":0,"mainUid":"b1fc-254"},"b1fc-257":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b1fc-256"}},"nodeMetas":{"b1fc-216":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-217"},"imported":[],"importedBy":[{"uid":"b1fc-234"},{"uid":"b1fc-240"},{"uid":"b1fc-250"},{"uid":"b1fc-244"},{"uid":"b1fc-254"}]},"b1fc-218":{"id":"/src/helpers/Wrapper/constants.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-219"},"imported":[],"importedBy":[{"uid":"b1fc-220"}]},"b1fc-220":{"id":"/src/helpers/Wrapper/utils.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-221"},"imported":[{"uid":"b1fc-218"}],"importedBy":[{"uid":"b1fc-224"}]},"b1fc-222":{"id":"/src/helpers/Wrapper/styled.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-223"},"imported":[{"uid":"b1fc-265"},{"uid":"b1fc-258"}],"importedBy":[{"uid":"b1fc-224"}]},"b1fc-224":{"id":"/src/helpers/Wrapper/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-225"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-220"},{"uid":"b1fc-222"}],"importedBy":[{"uid":"b1fc-269"}]},"b1fc-226":{"id":"/src/helpers/Content/styled.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-227"},"imported":[{"uid":"b1fc-265"},{"uid":"b1fc-258"}],"importedBy":[{"uid":"b1fc-228"}]},"b1fc-228":{"id":"/src/helpers/Content/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-229"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-226"}],"importedBy":[{"uid":"b1fc-270"}]},"b1fc-230":{"id":"/src/Element/constants.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-231"},"imported":[],"importedBy":[{"uid":"b1fc-232"}]},"b1fc-232":{"id":"/src/Element/utils.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-233"},"imported":[{"uid":"b1fc-230"}],"importedBy":[{"uid":"b1fc-234"}]},"b1fc-234":{"id":"/src/Element/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-235"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-265"},{"uid":"b1fc-216"},{"uid":"b1fc-266"},{"uid":"b1fc-232"}],"importedBy":[{"uid":"b1fc-259"}]},"b1fc-236":{"id":"/src/Element/withEqualSizeBeforeAfter.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-237"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-265"}],"importedBy":[{"uid":"b1fc-259"}]},"b1fc-238":{"id":"/src/helpers/Iterator/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-239"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-265"}],"importedBy":[{"uid":"b1fc-267"}]},"b1fc-240":{"id":"/src/List/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-241"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-265"},{"uid":"b1fc-216"},{"uid":"b1fc-259"},{"uid":"b1fc-267"}],"importedBy":[{"uid":"b1fc-260"}]},"b1fc-242":{"id":"/src/List/withActiveState.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-243"},"imported":[{"uid":"b1fc-264"}],"importedBy":[{"uid":"b1fc-260"}]},"b1fc-244":{"id":"/src/Portal/component.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-245"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-268"},{"uid":"b1fc-216"}],"importedBy":[{"uid":"b1fc-262"}]},"b1fc-246":{"id":"/src/Overlay/context.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-247"},"imported":[{"uid":"b1fc-264"}],"importedBy":[{"uid":"b1fc-261"},{"uid":"b1fc-250"},{"uid":"b1fc-248"}]},"b1fc-248":{"id":"/src/Overlay/useOverlay.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-249"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-265"},{"uid":"b1fc-258"},{"uid":"b1fc-246"}],"importedBy":[{"uid":"b1fc-261"},{"uid":"b1fc-250"}]},"b1fc-250":{"id":"/src/Overlay/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-251"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-265"},{"uid":"b1fc-216"},{"uid":"b1fc-262"},{"uid":"b1fc-248"},{"uid":"b1fc-246"}],"importedBy":[{"uid":"b1fc-261"}]},"b1fc-252":{"id":"/src/Text/styled.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-253"},"imported":[{"uid":"b1fc-265"},{"uid":"b1fc-258"}],"importedBy":[{"uid":"b1fc-254"}]},"b1fc-254":{"id":"/src/Text/component.tsx","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-255"},"imported":[{"uid":"b1fc-264"},{"uid":"b1fc-216"},{"uid":"b1fc-252"}],"importedBy":[{"uid":"b1fc-263"}]},"b1fc-256":{"id":"/src/index.ts","moduleParts":{"vitus-labs-elements.umd.min.js":"b1fc-257"},"imported":[{"uid":"b1fc-258"},{"uid":"b1fc-259"},{"uid":"b1fc-260"},{"uid":"b1fc-261"},{"uid":"b1fc-262"},{"uid":"b1fc-263"}],"importedBy":[],"isEntry":true},"b1fc-258":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-256"},{"uid":"b1fc-248"},{"uid":"b1fc-252"},{"uid":"b1fc-222"},{"uid":"b1fc-226"}],"isExternal":true},"b1fc-259":{"id":"/src/Element/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-234"},{"uid":"b1fc-236"}],"importedBy":[{"uid":"b1fc-256"},{"uid":"b1fc-240"}]},"b1fc-260":{"id":"/src/List/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-240"},{"uid":"b1fc-242"}],"importedBy":[{"uid":"b1fc-256"}]},"b1fc-261":{"id":"/src/Overlay/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-250"},{"uid":"b1fc-248"},{"uid":"b1fc-246"}],"importedBy":[{"uid":"b1fc-256"}]},"b1fc-262":{"id":"/src/Portal/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-244"}],"importedBy":[{"uid":"b1fc-256"},{"uid":"b1fc-250"}]},"b1fc-263":{"id":"/src/Text/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-254"}],"importedBy":[{"uid":"b1fc-256"}]},"b1fc-264":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-234"},{"uid":"b1fc-236"},{"uid":"b1fc-240"},{"uid":"b1fc-242"},{"uid":"b1fc-250"},{"uid":"b1fc-248"},{"uid":"b1fc-246"},{"uid":"b1fc-244"},{"uid":"b1fc-254"},{"uid":"b1fc-238"},{"uid":"b1fc-224"},{"uid":"b1fc-228"}],"isExternal":true},"b1fc-265":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-234"},{"uid":"b1fc-236"},{"uid":"b1fc-240"},{"uid":"b1fc-250"},{"uid":"b1fc-248"},{"uid":"b1fc-252"},{"uid":"b1fc-238"},{"uid":"b1fc-222"},{"uid":"b1fc-226"}],"isExternal":true},"b1fc-266":{"id":"/src/helpers/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-269"},{"uid":"b1fc-270"}],"importedBy":[{"uid":"b1fc-234"}]},"b1fc-267":{"id":"/src/helpers/Iterator/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-238"}],"importedBy":[{"uid":"b1fc-240"}]},"b1fc-268":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"b1fc-244"}],"isExternal":true},"b1fc-269":{"id":"/src/helpers/Wrapper/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-224"}],"importedBy":[{"uid":"b1fc-266"}]},"b1fc-270":{"id":"/src/helpers/Content/index.ts","moduleParts":{},"imported":[{"uid":"b1fc-228"}],"importedBy":[{"uid":"b1fc-266"}]}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
6428
6428
 
6429
6429
  const run = () => {
6430
6430
  const width = window.innerWidth;
@@ -1,4 +1,4 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@vitus-labs/unistyle"),require("react"),require("@vitus-labs/core"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","@vitus-labs/unistyle","react","@vitus-labs/core","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).vitusLabsElements={},e.unistyle,e.React,e.core,e.ReactDOM)}(this,(function(e,t,n,r,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(n);const a="@vitus-labs/elements",s={button:!0,fieldset:!0,legend:!0};var c=r.config.styled(r.config.component)`
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@vitus-labs/unistyle"),require("react"),require("@vitus-labs/core"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","@vitus-labs/unistyle","react","@vitus-labs/core","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).vitusLabsElements={},e.unistyle,e.React,e.core,e.ReactDOM)}(this,(function(e,t,n,r,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(n);const a="@vitus-labs/elements",s={button:!0,fieldset:!0,legend:!0};var c=r.config.styled(r.config.component)`
2
2
  position: relative;
3
3
  ${"box-sizing: border-box;"};
4
4
 
@@ -33,7 +33,7 @@
33
33
 
34
34
  ${e.extraStyles&&t.extendCss(e.extraStyles)};
35
35
  `,css:r.config.css,normalize:!0})};
36
- `;const d=n.forwardRef((({children:e,tag:t,block:n,extendCss:r,direction:i,alignX:o,alignY:a,equalCols:d,isInline:f,...u},g)=>{const p={...u,ref:g,as:t},m=!u.dangerouslySetInnerHTML&&t&&(e=>s[e])(t),h=f?"span":"div";return m?l.default.createElement(c,{...p,$parentFix:!0,$element:{block:n,extraStyles:r}},l.default.createElement(c,{as:h,$childFix:!0,$element:{direction:i,alignX:o,alignY:a,equalCols:d}},e)):l.default.createElement(c,{...p,$element:{block:n,direction:i,alignX:o,alignY:a,equalCols:d,extraStyles:r}},e)}));var f=r.config.styled(r.config.component)`
36
+ `;const d=n.forwardRef((({children:e,tag:t,block:n,extendCss:r,direction:o,alignX:i,alignY:a,equalCols:d,isInline:f,...u},g)=>{const p={...u,ref:g,as:t},m=f?"span":"div";return!u.dangerouslySetInnerHTML&&t&&(e=>s[e])(t)?l.default.createElement(c,{...p,$parentFix:!0,$element:{block:n,extraStyles:r}},l.default.createElement(c,{as:m,$childFix:!0,$element:{direction:o,alignX:i,alignY:a,equalCols:d}},e)):l.default.createElement(c,{...p,$element:{block:n,direction:o,alignX:i,alignY:a,equalCols:d,extraStyles:r}},e)}));var f=r.config.styled(r.config.component)`
37
37
  ${r.config.css`
38
38
  box-sizing: border-box;
39
39
  `};
@@ -54,14 +54,14 @@
54
54
  `};
55
55
 
56
56
  ${n.gap&&e`
57
- ${({$contentType:i})=>(({direction:e,type:t,value:n,css:r})=>{if(!e||!t)return;return r`
57
+ ${({$contentType:o})=>(({direction:e,type:t,value:n,css:r})=>{if(!e||!t)return;return r`
58
58
  ${`${{inline:{before:"margin-right",after:"margin-left"},rows:{before:"margin-bottom",after:"margin-top"}}[e][t]}: ${n};`};
59
- `})({direction:n.parentDirection,type:i,value:t.value([n.gap],r),css:e})}
59
+ `})({direction:n.parentDirection,type:o,value:t.value([n.gap],r),css:e})}
60
60
  `};
61
61
 
62
62
  ${n.extraStyles&&t.extendCss(n.extraStyles)};
63
63
  `,css:r.config.css,normalize:!0})};
64
- `;var u=n.memo((({contentType:e,tag:t,parentDirection:n,direction:r,alignX:i,alignY:o,equalCols:a,gap:s,extendCss:c,...d})=>l.default.createElement(f,{as:t,$contentType:e,$element:{parentDirection:n,direction:r,alignX:i,alignY:o,equalCols:a,gap:s,extraStyles:c},...d})));const g={span:!0,a:!0,button:!0,input:!0,label:!0,select:!0,textarea:!0,br:!0,img:!0,strong:!0,small:!0,code:!0,b:!0,big:!0,i:!0,tt:!0,abbr:!0,acronym:!0,cite:!0,dfn:!0,em:!0,kbd:!0,samp:!0,var:!0,bdo:!0,map:!0,object:!0,q:!0,script:!0,sub:!0,sup:!0},p={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,source:!0,track:!0,wbr:!0},m="inline",h=n.forwardRef((({innerRef:e,tag:t,label:i,content:o,children:a,beforeContent:s,afterContent:c,block:f,equalCols:h,gap:y,direction:v,alignX:b="left",alignY:w="center",css:k,contentCss:C,beforeContentCss:E,afterContentCss:x,contentDirection:$="rows",contentAlignX:S="left",contentAlignY:R="center",beforeContentDirection:O="inline",beforeContentAlignX:A="left",beforeContentAlignY:N="center",afterContentDirection:L="inline",afterContentAlignX:I="left",afterContentAlignY:P="center",...T},Y)=>{const X=!!T.dangerouslySetInnerHTML||t&&(e=>!!e&&p[e])(t),_=!s&&!c,q=a||o||i,D=(e=>!!e&&g[e])(t),M=D?"span":void 0,{wrapperDirection:B,wrapperAlignX:z,wrapperAlignY:U}=n.useMemo((()=>{let e=v,t=b,n=w;return _?($&&(e=$),S&&(t=S),R&&(n=R)):e=v||m,{wrapperDirection:e,wrapperAlignX:t,wrapperAlignY:n}}),[_,$,S,R,b,w,v]),V={ref:Y||e,extendCss:k,tag:t,block:f,direction:B,alignX:z,alignY:U,as:void 0};if(X)return l.default.createElement(d,{...T,...V});const j=r.renderContent(q);return l.default.createElement(d,{...T,...V,isInline:D},s&&l.default.createElement(u,{tag:M,contentType:"before",parentDirection:B,extendCss:E,direction:O,alignX:A,alignY:N,equalCols:h,gap:y},r.renderContent(s)),_?j:l.default.createElement(u,{tag:M,contentType:"content",parentDirection:B,extendCss:C,direction:$,alignX:S,alignY:R,equalCols:h},j),c&&l.default.createElement(u,{tag:M,contentType:"after",parentDirection:B,extendCss:x,direction:L,alignX:I,alignY:P,equalCols:h,gap:y},r.renderContent(c)))})),y=`${a}/Element`;h.displayName=y,h.pkgName=a,h.VITUS_LABS__COMPONENT=y;const v={height:"offsetHeight",width:"offsetWidth"},b=({beforeContent:e,afterContent:t})=>n=>{const i=r.get(e,v[n]),o=r.get(t,v[n]);var l,a;l=i,a=o,Number.isInteger(l)&&Number.isInteger(a)&&(i>o?(e.style[n]=`${i}px`,t.style[n]=`${i}px`):(e.style[n]=`${o}px`,t.style[n]=`${o}px`))},w=({i:e,length:t})=>{const n=e+1;return{index:e,first:1===n,last:n===t,odd:n%2==1,even:n%2==0,position:n}},k=e=>{const{itemKey:t,valueName:i,children:o,component:a,data:s,wrapComponent:c,wrapProps:d,itemProps:f}=e,u=r.renderContent,g=n.useMemo((()=>"function"==typeof f?f:()=>f),[f]),p=n.useMemo((()=>"function"==typeof d?d:()=>d),[d]),m=n.useCallback(((e,n)=>"function"==typeof t?t(e,n):n),[]),h=e=>{const n=e.filter((e=>!r.isEmpty(e))),{length:i}=n;if(0===n.length)return null;return n.map(((e,n)=>{const{component:r,...o}=e,s=r||a,m=((e,n)=>t?"function"==typeof t?t(e,n):"string"==typeof t?e[t]:n:e.key||e.id||e.itemId||n)(o,n),h=w({i:n,length:i}),y={...f?g(e,h):{},...o},v=d?p(e,h):{};return c&&!r?l.default.createElement(c,{key:m,...v},u(s,y)):u(s,{key:m,...y})}))};return(()=>{if(o)return(()=>{if(!o)return null;const{length:e}=o;return f||c?n.Children.map(o,((t,n)=>{const i=n,o=w({i:n,length:e}),a=f?g({},o):{},s=d?p({},o):{};return c?l.default.createElement(c,{key:i,...s},u(t,a)):r.renderContent(t,{key:n,...a})})):o})();if(a&&Array.isArray(s)){const e=s.filter((e=>null!=e));if(e.every((e=>"string"==typeof e||"number"==typeof e)))return(e=>{const{length:t}=e;return 0===e.length?null:e.map(((e,n)=>{const r=m(e,n),o=i||"children",s=w({i:n,length:t}),h={...f?g({[o]:e},s):{},[o]:e},y=d?p({[o]:e},s):{};return c?l.default.createElement(c,{key:r,...y},u(a,h)):u(a,{key:r,...h})}))})(e);return e.every((e=>"object"==typeof e))?h(e):null}return null})()};k.isIterator=!0,k.RESERVED_PROPS=["children","component","wrapComponent","data","itemKey","valueName","itemProps","wrapProps"];const C=n.forwardRef((({rootElement:e=!1,...t},n)=>{const i=l.default.createElement(k,{...r.pick(t,k.RESERVED_PROPS)});return e?l.default.createElement(h,{ref:n,...r.omit(t,k.RESERVED_PROPS)},i):i})),E=`${a}/List`;C.displayName=E,C.pkgName=a,C.VITUS_LABS__COMPONENT=E;const x=["type","activeItems","itemProps","activeItemRequired"],$=({position:e,tag:t="div",children:r})=>{const[o]=n.useState(void 0);return e&&o?(n.useEffect((()=>{}),[]),i.createPortal(r,o)):null},S=`${a}/Portal`;$.displayName=S,$.pkgName=a,$.VITUS_LABS__COMPONENT=S;const R=n.createContext({}),{Provider:O}=R;var A=({isOpen:e=!1,openOn:i="click",closeOn:o="click",type:l="dropdown",align:a="bottom",position:s="fixed",alignX:c="left",alignY:d="bottom",offsetX:f=0,offsetY:u=0,throttleDelay:g=200,customScrollListener:p,closeOnEsc:m=!0,disabled:h,onOpen:y,onClose:v})=>{const{rootSize:b}=n.useContext(r.context),w=n.useContext(R),[k,C]=n.useState(!1),[E,x]=n.useState(e),[$,S]=n.useState(a),[O,A]=n.useState(c),[N,L]=n.useState(d),I=n.useRef(),P=n.useRef(),T=n.useCallback((()=>C(!0)),[]),Y=n.useCallback((()=>C(!1)),[]),X=n.useCallback((()=>{x(!0)}),[]),_=n.useCallback((()=>{x(!1)}),[]);n.useEffect((()=>{E?(w?.setBlocked&&w.setBlocked(),y&&y()):(w?.setUnblocked&&w.setUnblocked(),v&&v())}),[E,y,v]),n.useEffect((()=>{E&&B()}),[E,$,O,N]),n.useEffect((()=>{if(E)return window.addEventListener("resize",U,!1),window.addEventListener("scroll",U,!1),p&&p.addEventListener("scroll",U,!1),()=>{window.removeEventListener("resize",U,!1),window.removeEventListener("scroll",U,!1),p&&p.removeEventListener("scroll",U,!1)}}),[E,p]),n.useEffect((()=>(E?p&&(p.style.overflow="hidden"):p&&(p.style.overflow=""),()=>{p&&(p.style.overflow="")})),[E,l,p]),n.useEffect((()=>{if(E)return window.addEventListener("scroll",j,!1),p&&p.addEventListener("scroll",j,!1),m&&window.addEventListener("keydown",F,!1),()=>{window.removeEventListener("scroll",j,!1),p&&p.removeEventListener("scroll",j,!1),m&&window.removeEventListener("keydown",F,!1)}}),[E,p]),n.useEffect((()=>{if(!k&&!h)return"click"!==i&&"click"!==o&&"clickOnTrigger"!==o&&"clickOutsideContent"!==o||window.addEventListener("click",V,!1),"hover"!==i&&"hover"!==o||window.addEventListener("mousemove",j,!1),()=>{window.removeEventListener("click",V,!1),window.removeEventListener("mousemove",j,!1)}}),[i,o,k,h,E]);const q=e=>t=>!!(t&&t.target&&e.current)&&(e.current.contains(t.target)||t.target===e.current),D=q(I),M=q(P),B=()=>{if(!E)return;if(!I.current||!P.current)return;const e=I.current.getBoundingClientRect(),n=P.current.getBoundingClientRect(),r={position:s};if(["dropdown","tooltip","popover"].includes(l)){if(["top","bottom"].includes(a)){const t=e.top-u-n.height,i=e.bottom+u,o=e.left-f,l=e.right+f-n.width;if("top"===a){const e=t>=0;S(e?"top":"bottom"),r.top=e?t:i}else{const e=i+n.height<=window.innerHeight;S(e?"bottom":"top"),r.top=e?i:t}switch(c){case"right":{const e=l>=0;A(e?"right":"left"),r.left=e?l:o;break}case"center":r.left=e.left+(e.right-e.left)/2-n.width/2;break;default:{const e=o+n.width<=window.innerWidth;A(e?"left":"right"),r.left=e?o:l;break}}}else if(["left","right"].includes(a)){const t=e.left-f-n.width,i=e.right+f,o=e.top+u,l=e.bottom-u-n.height;if("left"===a){const e=t>=0;S(e?"left":"right"),r.left=e?t:i}else{const e=i+n.width<=window.innerWidth;S(e?"right":"left"),r.left=e?i:t}switch(d){case"top":{const e=o+n.height<=window.innerHeight;L(e?"top":"bottom"),r.top=e?o:l;break}case"center":r.top=e.top-u+(e.bottom-e.top)/2-n.height/2;break;default:{const e=l>=0;L(e?"bottom":"top"),r.top=e?l:o}}}}else if("modal"===l){switch(c){case"right":r.right=f;break;case"left":r.left=f;break;default:r.left=window.innerWidth/2-n.width/2}switch(d){case"top":r.top=u;break;case"center":r.top=window.innerHeight/2-n.height/2;break;default:r.bottom=u}}P.current.style.position=r.position,P.current.style.top=t.value([r.top],b),P.current.style.bottom=t.value([r.bottom],b),P.current.style.left=t.value([r.left],b),P.current.style.right=t.value([r.right],b)},z=e=>{E||("hover"===i&&"mousemove"===e.type||"click"===i&&"click"===e.type)&&D(e)&&X(),E&&("hover"===o&&"mousemove"===e.type&&(D(e)||M(e)||_()),"hover"===o&&"scroll"===e.type&&_(),"click"===o&&"click"===e.type&&_(),"clickOnTrigger"===o&&"click"===e.type&&D(e)&&_(),"clickOutsideContent"===o&&"click"===e.type&&(M(e)||_()))},U=r.throttle(B,g),V=z,j=r.throttle(z,g),F=e=>{"Escape"===e.key&&_()};return{triggerRef:I,contentRef:P,active:E,align:$,alignX:O,alignY:N,showContent:X,hideContent:_,blocked:k,setBlocked:T,setUnblocked:Y}};const N=({children:e,trigger:t,DOMLocation:i,triggerRefName:o="ref",contentRefName:a="ref",...s})=>{const{active:c,triggerRef:d,contentRef:f,showContent:u,hideContent:g,align:p,alignX:m,alignY:h,...y}=A(s),{openOn:v,closeOn:b}=s,w=n.useMemo((()=>"manual"===v||"manual"===b||"clickOutsideContent"===b),[v,b]);return l.default.createElement(l.default.Fragment,null,r.renderContent(t,{[o]:d,active:c,...w?{showContent:u,hideContent:g}:{}}),!1)},L=`${a}/Overlay`;N.displayName=L,N.pkgName=a,N.VITUS_LABS__COMPONENT=L;var I=r.config.styled(r.config.textComponent)`
64
+ `;var u=n.memo((({contentType:e,tag:t,parentDirection:n,direction:r,alignX:o,alignY:i,equalCols:a,gap:s,extendCss:c,...d})=>l.default.createElement(f,{as:t,$contentType:e,$element:{parentDirection:n,direction:r,alignX:o,alignY:i,equalCols:a,gap:s,extraStyles:c},...d})));const g={span:!0,a:!0,button:!0,input:!0,label:!0,select:!0,textarea:!0,br:!0,img:!0,strong:!0,small:!0,code:!0,b:!0,big:!0,i:!0,tt:!0,abbr:!0,acronym:!0,cite:!0,dfn:!0,em:!0,kbd:!0,samp:!0,var:!0,bdo:!0,map:!0,object:!0,q:!0,script:!0,sub:!0,sup:!0},p={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,source:!0,track:!0,wbr:!0},m="inline",h=n.forwardRef((({innerRef:e,tag:t,label:o,content:i,children:a,beforeContent:s,afterContent:c,block:f,equalCols:h,gap:y,direction:b,alignX:v="left",alignY:w="center",css:k,contentCss:C,beforeContentCss:E,afterContentCss:x,contentDirection:$="rows",contentAlignX:S="left",contentAlignY:R="center",beforeContentDirection:O="inline",beforeContentAlignX:A="left",beforeContentAlignY:N="center",afterContentDirection:L="inline",afterContentAlignX:I="left",afterContentAlignY:P="center",...T},Y)=>{const X=!!T.dangerouslySetInnerHTML||t&&(e=>!!e&&p[e])(t),_=!s&&!c,q=a||i||o,D=(e=>!!e&&g[e])(t),M=D?"span":void 0,{wrapperDirection:B,wrapperAlignX:z,wrapperAlignY:U}=n.useMemo((()=>{let e=b,t=v,n=w;return _?($&&(e=$),S&&(t=S),R&&(n=R)):e=b||m,{wrapperDirection:e,wrapperAlignX:t,wrapperAlignY:n}}),[_,$,S,R,v,w,b]),V={ref:Y||e,extendCss:k,tag:t,block:f,direction:B,alignX:z,alignY:U,as:void 0};if(X)return l.default.createElement(d,{...T,...V});const j=r.renderContent(q);return l.default.createElement(d,{...T,...V,isInline:D},s&&l.default.createElement(u,{tag:M,contentType:"before",parentDirection:B,extendCss:E,direction:O,alignX:A,alignY:N,equalCols:h,gap:y},r.renderContent(s)),_?j:l.default.createElement(u,{tag:M,contentType:"content",parentDirection:B,extendCss:C,direction:$,alignX:S,alignY:R,equalCols:h},j),c&&l.default.createElement(u,{tag:M,contentType:"after",parentDirection:B,extendCss:x,direction:L,alignX:I,alignY:P,equalCols:h,gap:y},r.renderContent(c)))})),y=`${a}/Element`;h.displayName=y,h.pkgName=a,h.VITUS_LABS__COMPONENT=y;const b={height:"offsetHeight",width:"offsetWidth"},v=({beforeContent:e,afterContent:t})=>n=>{const o=r.get(e,b[n]),i=r.get(t,b[n]);var l,a;l=o,a=i,Number.isInteger(l)&&Number.isInteger(a)&&(o>i?(e.style[n]=`${o}px`,t.style[n]=`${o}px`):(e.style[n]=`${i}px`,t.style[n]=`${i}px`))},w=({i:e,length:t})=>{const n=e+1;return{index:e,first:1===n,last:n===t,odd:n%2==1,even:n%2==0,position:n}},k=e=>{const{itemKey:t,valueName:o,children:i,component:a,data:s,wrapComponent:c,wrapProps:d,itemProps:f}=e,u=r.renderContent,g=n.useMemo((()=>"function"==typeof f?f:()=>f),[f]),p=n.useMemo((()=>"function"==typeof d?d:()=>d),[d]),m=n.useCallback(((e,n)=>"function"==typeof t?t(e,n):n),[]),h=e=>{const n=e.filter((e=>!r.isEmpty(e))),{length:o}=n;if(0===n.length)return null;return n.map(((e,n)=>{const{component:r,...i}=e,s=r||a,m=((e,n)=>t?"function"==typeof t?t(e,n):"string"==typeof t?e[t]:n:e.key||e.id||e.itemId||n)(i,n),h=w({i:n,length:o}),y={...f?g(e,h):{},...i},b=d?p(e,h):{};return c&&!r?l.default.createElement(c,{key:m,...b},u(s,y)):u(s,{key:m,...y})}))};return(()=>{if(i)return(()=>{if(!i)return null;const{length:e}=i;return f||c?n.Children.map(i,((t,n)=>{const o=n,i=w({i:n,length:e}),a=f?g({},i):{},s=d?p({},i):{};return c?l.default.createElement(c,{key:o,...s},u(t,a)):r.renderContent(t,{key:n,...a})})):i})();if(a&&Array.isArray(s)){const e=s.filter((e=>null!=e));if(e.every((e=>"string"==typeof e||"number"==typeof e)))return(e=>{const{length:t}=e;return 0===e.length?null:e.map(((e,n)=>{const r=m(e,n),i=o||"children",s=w({i:n,length:t}),h={...f?g({[i]:e},s):{},[i]:e},y=d?p({[i]:e},s):{};return c?l.default.createElement(c,{key:r,...y},u(a,h)):u(a,{key:r,...h})}))})(e);return e.every((e=>"object"==typeof e))?h(e):null}return null})()};k.isIterator=!0,k.RESERVED_PROPS=["children","component","wrapComponent","data","itemKey","valueName","itemProps","wrapProps"];const C=n.forwardRef((({rootElement:e=!1,...t},n)=>{const o=l.default.createElement(k,{...r.pick(t,k.RESERVED_PROPS)});return e?l.default.createElement(h,{ref:n,...r.omit(t,k.RESERVED_PROPS)},o):o})),E=`${a}/List`;C.displayName=E,C.pkgName=a,C.VITUS_LABS__COMPONENT=E;const x=["type","activeItems","itemProps","activeItemRequired"],$=({position:e,tag:t="div",children:r})=>{const[i]=n.useState(void 0);return e&&i?(n.useEffect((()=>{}),[]),o.createPortal(r,i)):null},S=`${a}/Portal`;$.displayName=S,$.pkgName=a,$.VITUS_LABS__COMPONENT=S;const R=n.createContext({}),{Provider:O}=R;var A=({isOpen:e=!1,openOn:o="click",closeOn:i="click",type:l="dropdown",align:a="bottom",position:s="fixed",alignX:c="left",alignY:d="bottom",offsetX:f=0,offsetY:u=0,throttleDelay:g=200,customScrollListener:p,closeOnEsc:m=!0,disabled:h,onOpen:y,onClose:b})=>{const{rootSize:v}=n.useContext(r.context),w=n.useContext(R),[k,C]=n.useState(!1),[E,x]=n.useState(e),[$,S]=n.useState(a),[O,A]=n.useState(c),[N,L]=n.useState(d),I=n.useRef(),P=n.useRef(),T=n.useCallback((()=>C(!0)),[]),Y=n.useCallback((()=>C(!1)),[]),X=n.useCallback((()=>{x(!0)}),[]),_=n.useCallback((()=>{x(!1)}),[]);n.useEffect((()=>{E?(w?.setBlocked&&w.setBlocked(),y&&y()):(w?.setUnblocked&&w.setUnblocked(),b&&b())}),[E,y,b]),n.useEffect((()=>{E&&B()}),[E,$,O,N]),n.useEffect((()=>{if(E)return window.addEventListener("resize",U,!1),window.addEventListener("scroll",U,!1),p&&p.addEventListener("scroll",U,!1),()=>{window.removeEventListener("resize",U,!1),window.removeEventListener("scroll",U,!1),p&&p.removeEventListener("scroll",U,!1)}}),[E,p]),n.useEffect((()=>(E?p&&(p.style.overflow="hidden"):p&&(p.style.overflow=""),()=>{p&&(p.style.overflow="")})),[E,l,p]),n.useEffect((()=>{if(E)return window.addEventListener("scroll",j,!1),p&&p.addEventListener("scroll",j,!1),m&&window.addEventListener("keydown",F,!1),()=>{window.removeEventListener("scroll",j,!1),p&&p.removeEventListener("scroll",j,!1),m&&window.removeEventListener("keydown",F,!1)}}),[E,p]),n.useEffect((()=>{if(!k&&!h)return"click"!==o&&"click"!==i&&"clickOnTrigger"!==i&&"clickOutsideContent"!==i||window.addEventListener("click",V,!1),"hover"!==o&&"hover"!==i||window.addEventListener("mousemove",j,!1),()=>{window.removeEventListener("click",V,!1),window.removeEventListener("mousemove",j,!1)}}),[o,i,k,h,E]);const q=e=>t=>!!(t&&t.target&&e.current)&&(e.current.contains(t.target)||t.target===e.current),D=q(I),M=q(P),B=()=>{if(!E)return;if(!I.current||!P.current)return;const e=I.current.getBoundingClientRect(),n=P.current.getBoundingClientRect(),r={position:s};if(["dropdown","tooltip","popover"].includes(l)){if(["top","bottom"].includes(a)){const t=e.top-u-n.height,o=e.bottom+u,i=e.left-f,l=e.right+f-n.width;if("top"===a){const e=t>=0;S(e?"top":"bottom"),r.top=e?t:o}else{const e=o+n.height<=window.innerHeight;S(e?"bottom":"top"),r.top=e?o:t}switch(c){case"right":{const e=l>=0;A(e?"right":"left"),r.left=e?l:i;break}case"center":r.left=e.left+(e.right-e.left)/2-n.width/2;break;case"left":default:{const e=i+n.width<=window.innerWidth;A(e?"left":"right"),r.left=e?i:l;break}}}else if(["left","right"].includes(a)){const t=e.left-f-n.width,o=e.right+f,i=e.top+u,l=e.bottom-u-n.height;if("left"===a){const e=t>=0;S(e?"left":"right"),r.left=e?t:o}else{const e=o+n.width<=window.innerWidth;S(e?"right":"left"),r.left=e?o:t}switch(d){case"top":{const e=i+n.height<=window.innerHeight;L(e?"top":"bottom"),r.top=e?i:l;break}case"center":r.top=e.top-u+(e.bottom-e.top)/2-n.height/2;break;case"bottom":default:{const e=l>=0;L(e?"bottom":"top"),r.top=e?l:i}}}}else if("modal"===l){switch(c){case"right":r.right=f;break;case"left":r.left=f;break;case"center":default:r.left=window.innerWidth/2-n.width/2}switch(d){case"top":r.top=u;break;case"center":r.top=window.innerHeight/2-n.height/2;break;case"bottom":default:r.bottom=u}}P.current.style.position=r.position,P.current.style.top=t.value([r.top],v),P.current.style.bottom=t.value([r.bottom],v),P.current.style.left=t.value([r.left],v),P.current.style.right=t.value([r.right],v)},z=e=>{E||("hover"===o&&"mousemove"===e.type||"click"===o&&"click"===e.type)&&D(e)&&X(),E&&("hover"===i&&"mousemove"===e.type&&(D(e)||M(e)||_()),"hover"===i&&"scroll"===e.type&&_(),"click"===i&&"click"===e.type&&_(),"clickOnTrigger"===i&&"click"===e.type&&D(e)&&_(),"clickOutsideContent"===i&&"click"===e.type&&(M(e)||_()))},U=r.throttle(B,g),V=z,j=r.throttle(z,g),F=e=>{"Escape"===e.key&&_()};return{triggerRef:I,contentRef:P,active:E,align:$,alignX:O,alignY:N,showContent:X,hideContent:_,blocked:k,setBlocked:T,setUnblocked:Y}};const N=({children:e,trigger:t,DOMLocation:o,triggerRefName:i="ref",contentRefName:a="ref",...s})=>{const{active:c,triggerRef:d,contentRef:f,showContent:u,hideContent:g,align:p,alignX:m,alignY:h,...y}=A(s),{openOn:b,closeOn:v}=s,w=n.useMemo((()=>"manual"===b||"manual"===v||"clickOutsideContent"===v),[b,v]);return l.default.createElement(l.default.Fragment,null,r.renderContent(t,{[i]:d,active:c,...w?{showContent:u,hideContent:g}:{}}),!1)},L=`${a}/Overlay`;N.displayName=L,N.pkgName=a,N.VITUS_LABS__COMPONENT=L;var I=r.config.styled(r.config.textComponent)`
65
65
  color: inherit;
66
66
  font-weight: normal;
67
67
  line-height: 1;
@@ -69,5 +69,5 @@
69
69
  ${t.makeItResponsive({key:"$text",styles:({css:e,theme:n})=>e`
70
70
  ${n.extraStyles&&t.extendCss(n.extraStyles)};
71
71
  `,css:r.config.css,normalize:!1})};
72
- `;const P=n.forwardRef((({paragraph:e,label:t,children:n,tag:r,extendCss:i,...o},a)=>{return s=e?"p":r,l.default.createElement(I,{ref:a,as:s,$text:{extraStyles:i},...o},n||t);var s})),T=`${a}/Text`;P.displayName=T,P.pkgName=a,P.VITUS_LABS__COMPONENT=T,P.isText=!0,Object.defineProperty(e,"Provider",{enumerable:!0,get:function(){return t.Provider}}),e.Element=h,e.List=C,e.Overlay=N,e.OverlayProvider=({children:e,blocked:t,setBlocked:n,setUnblocked:r})=>l.default.createElement(O,{value:{blocked:t,setBlocked:n,setUnblocked:r}},e),e.Portal=$,e.Text=P,e.useOverlay=A,e.withActiveState=e=>{const t=e.displayName||e.name||"Component",r=t=>{const{type:r="single",activeItemRequired:i,activeItems:o,itemProps:a={},...s}=t,[c,d]=n.useState((()=>{if("single"===r){if(!Array.isArray(o))return o;console.warn("Iterator is type of single. activeItems cannot be an array.")}else if("multi"===r){const e=Array.isArray(o)?o:[o];return new Map(e.map((e=>[e,!0])))}})()),f=e=>{d("single"===r?t=>i||t!==e?e:void 0:"multi"===r?t=>{const n=new Map(t);return i&&n.get(e)&&1===(e=>{let t=0;return e.forEach((e=>{e&&(t+=1)})),t})(n)||n.set(e,!n.get(e)),n}:void 0)},u=e=>{f(e)},g=e=>{f(e)},p=e=>{f(e)},m=e=>!!c&&("single"===r?c===e:"multi"===r&&c instanceof Map&&!!c.get(e)),h={unsetAllItemsActive:()=>{!1||d(new Map)}};return n.useEffect((()=>{}),[r,o]),l.default.createElement(e,{...s,itemProps:e=>{const{key:t}=e,n={..."object"==typeof a?a:a(e),active:m(t),handleItemActive:()=>(e=>{f(e)})(t),setItemActive:u,unsetItemActive:g,toggleItemActive:p,..."multi"===r?h:{}};return n}})};return r.RESERVED_KEYS=x,r.displayName=`@vitus-labs/elements/List/withActiveState(${t})`,r},e.withEqualSizeBeforeAfter=e=>{const t=e.displayName||e.name||"Component",i=t=>{const{equalBeforeAfter:i,vertical:o,afterContent:a,beforeContent:s,...c}=t,d=n.createRef();return i&&(()=>{const e=r.get(d,"current.children[0]"),t=r.get(d,"current.children[2]"),n=b({beforeContent:e,afterContent:t});n(o?"height":"width")})(),l.default.createElement(e,{...c,afterContent:a,beforeContent:s,ref:d})};return i.displayName=`withEqualSizeBeforeAfter(${t})`,i},Object.defineProperty(e,"__esModule",{value:!0})}));
72
+ `;const P=n.forwardRef((({paragraph:e,label:t,children:n,tag:r,extendCss:o,...i},a)=>{return s=e?"p":r,l.default.createElement(I,{ref:a,as:s,$text:{extraStyles:o},...i},n||t);var s})),T=`${a}/Text`;P.displayName=T,P.pkgName=a,P.VITUS_LABS__COMPONENT=T,P.isText=!0,Object.defineProperty(e,"Provider",{enumerable:!0,get:function(){return t.Provider}}),e.Element=h,e.List=C,e.Overlay=N,e.OverlayProvider=({children:e,blocked:t,setBlocked:n,setUnblocked:r})=>l.default.createElement(O,{value:{blocked:t,setBlocked:n,setUnblocked:r}},e),e.Portal=$,e.Text=P,e.useOverlay=A,e.withActiveState=e=>{const t=e.displayName||e.name||"Component",r=t=>{const{type:r="single",activeItemRequired:o,activeItems:i,itemProps:a={},...s}=t,[c,d]=n.useState((()=>{if("single"===r){if(!Array.isArray(i))return i;console.warn("Iterator is type of single. activeItems cannot be an array.")}else if("multi"===r){const e=Array.isArray(i)?i:[i];return new Map(e.map((e=>[e,!0])))}})()),f=e=>{d("single"===r?t=>o||t!==e?e:void 0:"multi"===r?t=>{const n=new Map(t);return o&&n.get(e)&&1===(e=>{let t=0;return e.forEach((e=>{e&&(t+=1)})),t})(n)||n.set(e,!n.get(e)),n}:void 0)},u=e=>{f(e)},g=e=>{f(e)},p=e=>{f(e)},m=e=>!!c&&("single"===r?c===e:"multi"===r&&c instanceof Map&&!!c.get(e)),h={unsetAllItemsActive:()=>{!1||d(new Map)}};return n.useEffect((()=>{}),[r,i]),l.default.createElement(e,{...s,itemProps:e=>{const{key:t}=e;return{..."object"==typeof a?a:a(e),active:m(t),handleItemActive:()=>(e=>{f(e)})(t),setItemActive:u,unsetItemActive:g,toggleItemActive:p,..."multi"===r?h:{}}}})};return r.RESERVED_KEYS=x,r.displayName=`@vitus-labs/elements/List/withActiveState(${t})`,r},e.withEqualSizeBeforeAfter=e=>{const t=e.displayName||e.name||"Component",o=t=>{const{equalBeforeAfter:o,vertical:i,afterContent:a,beforeContent:s,...c}=t,d=n.createRef();return o&&(()=>{const e=r.get(d,"current.children[0]"),t=r.get(d,"current.children[2]"),n=v({beforeContent:e,afterContent:t});n(i?"height":"width")})(),l.default.createElement(e,{...c,afterContent:a,beforeContent:s,ref:d})};return o.displayName=`withEqualSizeBeforeAfter(${t})`,o},Object.defineProperty(e,"__esModule",{value:!0})}));
73
73
  //# sourceMappingURL=vitus-labs-elements.umd.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"vitus-labs-elements.umd.min.js","sources":["../src/constants.ts","../src/helpers/Wrapper/constants.ts","../src/helpers/Wrapper/styled.ts","../src/helpers/Wrapper/component.tsx","../src/helpers/Wrapper/utils.ts","../src/helpers/Content/styled.ts","../src/helpers/Content/component.tsx","../src/Element/constants.ts","../src/Element/component.tsx","../src/Element/utils.ts","../src/Element/withEqualSizeBeforeAfter.tsx","../src/helpers/Iterator/component.tsx","../src/List/component.tsx","../src/List/withActiveState.tsx","../src/Portal/component.ts","../src/Overlay/context.tsx","../src/Overlay/useOverlay.tsx","../src/Overlay/component.tsx","../src/Text/styled.ts","../src/Text/component.tsx"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const PKG_NAME = '@vitus-labs/elements' as const\n","/* eslint-disable import/prefer-default-export */\n// https://stackoverflow.com/questions/35464067/flexbox-not-working-on-button-or-fieldset-elements\nexport const INLINE_ELEMENTS_FLEX_FIX = {\n button: true,\n fieldset: true,\n legend: true,\n}\n","import { config } from '@vitus-labs/core'\nimport { alignContent, extendCss, makeItResponsive } from '@vitus-labs/unistyle'\n\nconst styles = ({ theme: t, css }) => css`\n ${__WEB__ &&\n css`\n ${({ $childFix }) =>\n !$childFix &&\n css`\n display: ${t.block ? 'flex' : 'inline-flex'};\n `};\n\n ${({ $parentFix }) =>\n $parentFix &&\n t.block &&\n css`\n flex-direction: column;\n width: 100%;\n `};\n `};\n\n ${__WEB__ &&\n t.alignY === 'block' &&\n css`\n height: 100%;\n `};\n\n ${alignContent({\n direction: t.direction,\n alignX: t.alignX,\n alignY: t.alignY,\n })};\n\n ${t.block &&\n css`\n align-self: stretch;\n `}\n\n ${t.extraStyles && extendCss(t.extraStyles)};\n`\n\nconst platformStyles = __WEB__ ? 'box-sizing: border-box;' : 'display: flex;'\n\nexport default config.styled(config.component)`\n position: relative;\n ${platformStyles};\n\n ${({ $childFix }) =>\n $childFix &&\n config.css`\n display: flex;\n flex: 1;\n width: 100%;\n height: 100%;\n `};\n\n ${makeItResponsive({\n key: '$element',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { forwardRef, ReactNode } from 'react'\nimport type { StyledComponentPropsWithRef } from 'styled-components'\nimport type {\n Direction,\n AlignX,\n AlignY,\n ResponsiveBooltype,\n ExtendCss,\n} from '~/types'\nimport { isWebFixNeeded } from './utils'\nimport Styled from './styled'\n\ntype Reference = unknown\n\ntype Props = {\n children: ReactNode\n tag: StyledComponentPropsWithRef<any>\n block: ResponsiveBooltype\n isInline: boolean\n direction: Direction\n alignX: AlignX\n alignY: AlignY\n equalCols: ResponsiveBooltype\n extendCss: ExtendCss\n dangerouslySetInnerHTML: any\n}\n\nconst component = forwardRef<Reference, Partial<Props>>(\n (\n {\n children,\n tag,\n block,\n extendCss,\n direction,\n alignX,\n alignY,\n equalCols,\n isInline,\n ...props\n },\n ref\n ) => {\n const debugProps =\n process.env.NODE_ENV !== 'production'\n ? {\n 'data-vl-element': 'Element',\n }\n : {}\n\n const COMMON_PROPS = {\n ...props,\n ...debugProps,\n ref,\n as: tag,\n }\n\n const needsFix = __WEB__\n ? !props.dangerouslySetInnerHTML && tag && isWebFixNeeded(tag)\n : false\n\n // eslint-disable-next-line no-nested-ternary\n const asTag = __WEB__ ? (isInline ? 'span' : 'div') : undefined\n\n if (!needsFix || __NATIVE__) {\n return (\n <Styled\n {...COMMON_PROPS}\n $element={{\n block,\n direction,\n alignX,\n alignY,\n equalCols,\n extraStyles: extendCss,\n }}\n >\n {children}\n </Styled>\n )\n }\n\n return (\n <Styled\n {...COMMON_PROPS}\n $parentFix\n $element={{\n block,\n extraStyles: extendCss,\n }}\n >\n <Styled\n as={asTag}\n $childFix\n $element={{\n direction,\n alignX,\n alignY,\n equalCols,\n }}\n >\n {children}\n </Styled>\n </Styled>\n )\n }\n)\n\nexport default component\n","/* eslint-disable import/prefer-default-export */\nimport { INLINE_ELEMENTS_FLEX_FIX } from './constants'\n\ntype IsWebFixNeeded = (tag: string) => boolean\nexport const isWebFixNeeded: IsWebFixNeeded = (tag) =>\n INLINE_ELEMENTS_FLEX_FIX[tag]\n","import { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n alignContent,\n extendCss,\n value,\n} from '@vitus-labs/unistyle'\n\n// --------------------------------------------------------\n// calculate spacing between before / content / after\n// --------------------------------------------------------\nconst calculateGap = ({ direction, type, value, css }) => {\n if (!direction || !type) return undefined\n\n const data = {\n inline: {\n before: 'margin-right',\n after: 'margin-left',\n },\n rows: {\n before: 'margin-bottom',\n after: 'margin-top',\n },\n }\n\n const finalStyles = `${data[direction][type]}: ${value};`\n\n return css`\n ${finalStyles};\n `\n}\n\n// --------------------------------------------------------\n// calculations of styles to be rendered\n// --------------------------------------------------------\nconst styles = ({ css, theme: t, rootSize }) => css`\n ${alignContent({\n direction: t.direction,\n alignX: t.alignX,\n alignY: t.alignY,\n })};\n\n ${t.equalCols &&\n css`\n flex: 1;\n `};\n\n ${t.gap &&\n css`\n ${({ $contentType }) =>\n calculateGap({\n direction: t.parentDirection,\n type: $contentType,\n value: value([t.gap], rootSize),\n css,\n })}\n `};\n\n ${t.extraStyles && extendCss(t.extraStyles)};\n`\n\nexport default config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n display: flex;\n align-self: stretch;\n flex-wrap: wrap;\n\n ${({ $contentType }) =>\n $contentType === 'content' &&\n config.css`\n flex: 1;\n `};\n\n ${makeItResponsive({\n key: '$element',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { memo, VFC, ReactNode } from 'react'\nimport type { StyledComponentPropsWithRef } from 'styled-components'\nimport type {\n Direction,\n AlignX,\n AlignY,\n ResponsiveBooltype,\n Responsive,\n ExtendCss,\n} from '~/types'\nimport Styled from './styled'\n\ntype Props = {\n parentDirection: Direction\n gap: Responsive\n contentType: 'before' | 'content' | 'after'\n children: ReactNode\n tag: StyledComponentPropsWithRef<any>\n direction: Direction\n alignX: AlignX\n alignY: AlignY\n equalCols: ResponsiveBooltype\n extendCss: ExtendCss\n}\n\nconst component: VFC<Partial<Props>> = ({\n contentType,\n tag,\n parentDirection,\n direction,\n alignX,\n alignY,\n equalCols,\n gap,\n extendCss,\n ...props\n}) => {\n const debugProps =\n process.env.NODE_ENV !== 'production'\n ? {\n 'data-vl-element': contentType,\n }\n : {}\n\n return (\n <Styled\n as={tag}\n $contentType={contentType}\n $element={{\n parentDirection,\n direction,\n alignX,\n alignY,\n equalCols,\n gap,\n extraStyles: extendCss,\n }}\n {...debugProps}\n {...props}\n />\n )\n}\n\nexport default memo(component)\n","export const RESERVED_PROPS = [\n 'innerRef',\n 'tag',\n 'block',\n 'label',\n 'children',\n 'beforeContent',\n 'afterContent',\n\n 'equalCols',\n 'vertical',\n 'direction',\n 'alignX',\n 'alignY',\n\n 'css',\n 'contentCss',\n 'beforeContentCss',\n 'afterContentCss',\n\n 'contentDirection',\n 'contentAlignX',\n 'contentAlignY',\n\n 'beforeContentDirection',\n 'beforeContentAlignX',\n 'beforeContentAlignY',\n\n 'afterContentDirection',\n 'afterContentAlignX',\n 'afterContentAlignY',\n] as const\n\nexport const INLINE_ELEMENTS = {\n span: true,\n a: true,\n button: true,\n input: true,\n label: true,\n select: true,\n textarea: true,\n br: true,\n img: true,\n strong: true,\n small: true,\n code: true,\n b: true,\n big: true,\n i: true,\n tt: true,\n abbr: true,\n acronym: true,\n cite: true,\n dfn: true,\n em: true,\n kbd: true,\n samp: true,\n var: true,\n bdo: true,\n map: true,\n object: true,\n q: true,\n script: true,\n sub: true,\n sup: true,\n}\n\nexport const EMPTY_ELEMENTS = {\n area: true,\n base: true,\n br: true,\n col: true,\n embed: true,\n hr: true,\n img: true,\n input: true,\n keygen: true,\n link: true,\n // 'meta': true,\n // 'param': true,\n source: true,\n track: true,\n wbr: true,\n}\n","import React, { forwardRef, useMemo } from 'react'\nimport { renderContent } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport { Wrapper, Content } from '~/helpers'\nimport { isInlineElement, getShouldBeEmpty } from './utils'\nimport type { VLElement } from './types'\n\nconst defaultDirection = 'inline'\nconst defaultContentDirection = 'rows'\nconst defaultAlignX = 'left'\nconst defaultAlignY = 'center'\n\nconst component: VLElement = forwardRef(\n (\n {\n innerRef,\n tag,\n label,\n content,\n children,\n beforeContent,\n afterContent,\n\n block,\n equalCols,\n gap,\n\n direction,\n alignX = defaultAlignX,\n alignY = defaultAlignY,\n\n css,\n contentCss,\n beforeContentCss,\n afterContentCss,\n\n contentDirection = defaultContentDirection,\n contentAlignX = defaultAlignX,\n contentAlignY = defaultAlignY,\n\n beforeContentDirection = defaultDirection,\n beforeContentAlignX = defaultAlignX,\n beforeContentAlignY = defaultAlignY,\n\n afterContentDirection = defaultDirection,\n afterContentAlignX = defaultAlignX,\n afterContentAlignY = defaultAlignY,\n\n ...props\n },\n ref\n ) => {\n // --------------------------------------------------------\n // check if should render only single element\n // --------------------------------------------------------\n const shouldBeEmpty =\n !!props.dangerouslySetInnerHTML ||\n (__WEB__ && tag && getShouldBeEmpty(tag))\n\n // --------------------------------------------------------\n // if not single element, calculate values\n // --------------------------------------------------------\n const isSimpleElement = !beforeContent && !afterContent\n const CHILDREN = children || content || label\n\n const isInline = __WEB__ ? isInlineElement(tag) : false\n const SUB_TAG = __WEB__ && isInline ? 'span' : undefined\n\n // --------------------------------------------------------\n // direction & alignX & alignY calculations\n // --------------------------------------------------------\n const { wrapperDirection, wrapperAlignX, wrapperAlignY } = useMemo(() => {\n let wrapperDirection: typeof direction = direction\n let wrapperAlignX: typeof alignX = alignX\n let wrapperAlignY: typeof alignY = alignY\n\n if (isSimpleElement) {\n if (contentDirection) wrapperDirection = contentDirection\n if (contentAlignX) wrapperAlignX = contentAlignX\n if (contentAlignY) wrapperAlignY = contentAlignY\n } else if (direction) {\n wrapperDirection = direction\n } else {\n wrapperDirection = defaultDirection\n }\n\n return { wrapperDirection, wrapperAlignX, wrapperAlignY }\n }, [\n isSimpleElement,\n contentDirection,\n contentAlignX,\n contentAlignY,\n alignX,\n alignY,\n direction,\n ])\n\n // --------------------------------------------------------\n // common wrapper props\n // --------------------------------------------------------\n const WRAPPER_PROPS = {\n ref: ref || innerRef,\n extendCss: css,\n tag,\n block,\n direction: wrapperDirection,\n alignX: wrapperAlignX,\n alignY: wrapperAlignY,\n as: undefined, // reset styled-components `as` prop\n }\n\n // --------------------------------------------------------\n // return simple/empty element like input or image etc.\n // --------------------------------------------------------\n if (shouldBeEmpty) {\n return <Wrapper {...props} {...WRAPPER_PROPS} />\n }\n\n const contentRenderOutput = renderContent(CHILDREN)\n\n return (\n <Wrapper {...props} {...WRAPPER_PROPS} isInline={isInline}>\n {beforeContent && (\n <Content\n tag={SUB_TAG}\n contentType=\"before\"\n parentDirection={wrapperDirection}\n extendCss={beforeContentCss}\n direction={beforeContentDirection}\n alignX={beforeContentAlignX}\n alignY={beforeContentAlignY}\n equalCols={equalCols}\n gap={gap}\n >\n {renderContent(beforeContent)}\n </Content>\n )}\n\n {isSimpleElement ? (\n contentRenderOutput\n ) : (\n <Content\n tag={SUB_TAG}\n contentType=\"content\"\n parentDirection={wrapperDirection}\n extendCss={contentCss}\n direction={contentDirection}\n alignX={contentAlignX}\n alignY={contentAlignY}\n equalCols={equalCols}\n >\n {contentRenderOutput}\n </Content>\n )}\n\n {afterContent && (\n <Content\n tag={SUB_TAG}\n contentType=\"after\"\n parentDirection={wrapperDirection}\n extendCss={afterContentCss}\n direction={afterContentDirection}\n alignX={afterContentAlignX}\n alignY={afterContentAlignY}\n equalCols={equalCols}\n gap={gap}\n >\n {renderContent(afterContent)}\n </Content>\n )}\n </Wrapper>\n )\n }\n)\n\nconst name = `${PKG_NAME}/Element` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import { INLINE_ELEMENTS, EMPTY_ELEMENTS } from './constants'\n\n// type Value<T = unknown> = T extends true ? 'rows' : 'inline'\n\n// type TransformVerticalProp = <\n// T extends boolean | Record<string, boolean> | Array<boolean>\n// >(\n// vertical: T\n// ) => T extends boolean\n// ? Value<T>\n// : T extends Record<string, boolean>\n// ? Record<keyof T, Value<T[keyof T]>>\n// : T extends Array<boolean>\n// ? Array<Value<T[number]>>\n// : T\n\n// export const transformVerticalProp: TransformVerticalProp = (vertical) => {\n// // eslint-disable-next-line @typescript-eslint/no-explicit-any\n// if (vertical == null) return undefined as any\n\n// const verticalType = typeof vertical\n\n// // vertical is a boolean value\n// if (verticalType === 'boolean') {\n// return vertical ? 'rows' : 'inline'\n// }\n\n// if (Array.isArray(vertical)) {\n// return (vertical as Array<boolean>).map((item) =>\n// item ? 'rows' : 'inline'\n// )\n// }\n\n// if (verticalType === 'object') {\n// return Object.keys(vertical).reduce((accumulator, item) => {\n// // eslint-disable-next-line no-param-reassign\n// accumulator[item] = vertical[item] ? 'rows' : 'inline'\n// return accumulator\n// }, {} as Record<string, 'rows' | 'inline'>)\n// }\n\n// return undefined\n// }\n\ntype GetValue = (tag?: string) => boolean\n\nexport const isInlineElement: GetValue = (tag) =>\n tag ? INLINE_ELEMENTS[tag] : false\n\nexport const getShouldBeEmpty: GetValue = (tag) =>\n tag ? EMPTY_ELEMENTS[tag] : false\n","/* eslint-disable no-param-reassign */\nimport React, { createRef } from 'react'\nimport { get } from '@vitus-labs/core'\nimport type { SimpleHoc } from '~/types'\n\nconst isNumber = (a: unknown, b: unknown) =>\n Number.isInteger(a) && Number.isInteger(b)\n\nconst types = {\n height: 'offsetHeight',\n width: 'offsetWidth',\n}\n\ntype Calculate = ({\n beforeContent,\n afterContent,\n}: {\n beforeContent: HTMLElement\n afterContent: HTMLElement\n}) => (type: 'height' | 'width') => void\n\nconst calculate: Calculate =\n ({ beforeContent, afterContent }) =>\n (type: keyof typeof types) => {\n const beforeContentSize = get(beforeContent, types[type])\n const afterContentSize = get(afterContent, types[type])\n\n if (isNumber(beforeContentSize, afterContentSize)) {\n if (beforeContentSize > afterContentSize) {\n beforeContent.style[type] = `${beforeContentSize}px`\n afterContent.style[type] = `${beforeContentSize}px`\n } else {\n beforeContent.style[type] = `${afterContentSize}px`\n afterContent.style[type] = `${afterContentSize}px`\n }\n }\n }\n\ntype Props = Partial<{\n equalBeforeAfter: boolean\n vertical?: boolean\n afterContent?: React.ReactNode\n beforeContent?: React.ReactNode\n}>\n\nconst withEqualBeforeAfter: SimpleHoc<Props> = (WrappedComponent) => {\n const displayName =\n WrappedComponent.displayName || WrappedComponent.name || 'Component'\n\n const Enhanced = (props) => {\n const { equalBeforeAfter, vertical, afterContent, beforeContent, ...rest } =\n props\n const elementRef = createRef<HTMLElement>()\n\n const calculateSize = () => {\n const beforeContent = get(elementRef, 'current.children[0]')\n const afterContent = get(elementRef, 'current.children[2]')\n const updateElement = calculate({ beforeContent, afterContent })\n\n if (vertical) updateElement('height')\n else updateElement('width')\n }\n\n if (equalBeforeAfter) calculateSize()\n\n return (\n <WrappedComponent\n {...rest}\n afterContent={afterContent}\n beforeContent={beforeContent}\n ref={elementRef}\n />\n )\n }\n\n Enhanced.displayName = `withEqualSizeBeforeAfter(${displayName})`\n\n return Enhanced\n}\n\nexport default withEqualBeforeAfter\n","import React, { Children, FC, useCallback, useMemo } from 'react'\nimport { renderContent, isEmpty } from '@vitus-labs/core'\nimport type { Props, DataArrayObject, ExtendedProps } from './types'\n\nconst RESERVED_PROPS = [\n 'children',\n 'component',\n 'wrapComponent',\n 'data',\n 'itemKey',\n 'valueName',\n 'itemProps',\n 'wrapProps',\n] as const\n\ntype AttachItemProps = ({\n i,\n length,\n}: {\n i: number\n length: number\n}) => ExtendedProps\n\nconst attachItemProps: AttachItemProps = ({\n i,\n length,\n}: {\n i: number\n length: number\n}) => {\n const position = i + 1\n\n return {\n index: i,\n first: position === 1,\n last: position === length,\n odd: position % 2 === 1,\n even: position % 2 === 0,\n position,\n }\n}\n\ntype Static = {\n isIterator: true\n RESERVED_PROPS: typeof RESERVED_PROPS\n}\n\nconst component: FC<Props> & Static = (props: Props) => {\n const {\n itemKey,\n valueName,\n children,\n component,\n data,\n wrapComponent: Wrapper,\n wrapProps,\n itemProps,\n } = props\n\n const renderedElement = renderContent\n\n const injectItemProps = useMemo(\n () => (typeof itemProps === 'function' ? itemProps : () => itemProps),\n [itemProps]\n )\n\n const injectWrapItemProps = useMemo(\n () => (typeof wrapProps === 'function' ? wrapProps : () => wrapProps),\n [wrapProps]\n )\n\n const getKey = useCallback((item: string | number, index) => {\n if (typeof itemKey === 'function') return itemKey(item, index)\n\n return index\n }, [])\n\n // --------------------------------------------------------\n // render children\n // --------------------------------------------------------\n const renderChildren = () => {\n if (!children) return null\n\n const { length } = children\n\n // if no props extension is required, just return children\n if (!itemProps && !Wrapper) return children\n\n return Children.map(children, (item, i) => {\n const key = i\n const extendedProps = attachItemProps({\n i,\n length,\n })\n\n const finalItemProps = itemProps ? injectItemProps({}, extendedProps) : {}\n const finalWrapProps = wrapProps\n ? injectWrapItemProps({}, extendedProps)\n : {}\n\n if (Wrapper) {\n return (\n <Wrapper key={key} {...finalWrapProps}>\n {renderedElement(item, finalItemProps)}\n </Wrapper>\n )\n }\n\n return renderContent(item, {\n key: i,\n ...finalItemProps,\n })\n })\n }\n\n // --------------------------------------------------------\n // render array of strings or numbers\n // --------------------------------------------------------\n const renderSimpleArray = (data) => {\n const { length } = data\n\n // if the data array is empty\n if (data.length === 0) return null\n\n return data.map((item, i) => {\n const key = getKey(item, i)\n const keyName = valueName || 'children'\n const extendedProps = attachItemProps({\n i,\n length,\n })\n\n const finalItemProps = {\n ...(itemProps\n ? injectItemProps({ [keyName]: item }, extendedProps)\n : {}),\n [keyName]: item,\n }\n\n const finalWrapProps = wrapProps\n ? injectWrapItemProps({ [keyName]: item }, extendedProps)\n : {}\n\n if (Wrapper) {\n return (\n <Wrapper key={key} {...finalWrapProps}>\n {renderedElement(component, finalItemProps)}\n </Wrapper>\n )\n }\n\n return renderedElement(component, { key, ...finalItemProps })\n })\n }\n\n // --------------------------------------------------------\n // render array of objects\n // --------------------------------------------------------\n const renderComplexArray = (data) => {\n const renderData = data.filter((item) => !isEmpty(item)) // remove empty objects\n const { length } = renderData\n\n // if it's empty\n if (renderData.length === 0) return null\n\n const getKey = (item: DataArrayObject, index) => {\n if (!itemKey) return item.key || item.id || item.itemId || index\n if (typeof itemKey === 'function') return itemKey(item, index)\n if (typeof itemKey === 'string') return item[itemKey]\n\n return index\n }\n\n return renderData.map((item, i) => {\n const { component: itemComponent, ...restItem } = item as DataArrayObject\n const renderItem = itemComponent || component\n const key = getKey(restItem, i)\n const extendedProps = attachItemProps({\n i,\n length,\n })\n\n const finalItemProps = {\n ...(itemProps ? injectItemProps(item, extendedProps) : {}),\n ...restItem,\n }\n\n const finalWrapProps = wrapProps\n ? injectWrapItemProps(item, extendedProps)\n : {}\n\n if (Wrapper && !itemComponent) {\n return (\n <Wrapper key={key} {...finalWrapProps}>\n {renderedElement(renderItem, finalItemProps)}\n </Wrapper>\n )\n }\n\n return renderedElement(renderItem, { key, ...finalItemProps })\n })\n }\n\n // --------------------------------------------------------\n // render list items\n // --------------------------------------------------------\n const renderItems = () => {\n // --------------------------------------------------------\n // children have priority over props component + data\n // --------------------------------------------------------\n if (children) return renderChildren()\n\n // --------------------------------------------------------\n // render props component + data\n // --------------------------------------------------------\n if (component && Array.isArray(data)) {\n const clearData = data.filter(\n (item) => item !== null && item !== undefined\n )\n\n const isSimpleArray = clearData.every(\n (item) => typeof item === 'string' || typeof item === 'number'\n )\n\n if (isSimpleArray) return renderSimpleArray(clearData)\n\n const isComplexArray = clearData.every((item) => typeof item === 'object')\n\n if (isComplexArray) return renderComplexArray(clearData)\n\n return null\n }\n\n // --------------------------------------------------------\n // if there are no children or valid react component and data as an array,\n // return null to prevent error\n // --------------------------------------------------------\n return null\n }\n\n return renderItems()\n}\n\ncomponent.isIterator = true\ncomponent.RESERVED_PROPS = RESERVED_PROPS\n\nexport default component\n","import React, { forwardRef } from 'react'\nimport { pick, omit } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport Element, { VLElement } from '~/Element'\nimport Iterator, { Props as IteratorProps } from '~/helpers/Iterator'\nimport type { MergeTypes } from '~/types'\n\nexport type Props = MergeTypes<\n [\n IteratorProps,\n {\n rootElement?: boolean\n label: never\n content: never\n }\n ]\n>\n\nconst component: VLElement<Props> = forwardRef(\n ({ rootElement = false, ...props }, ref) => {\n const renderedList = <Iterator {...pick(props, Iterator.RESERVED_PROPS)} />\n\n if (!rootElement) return renderedList\n\n return (\n <Element ref={ref} {...omit(props, Iterator.RESERVED_PROPS)}>\n {renderedList}\n </Element>\n )\n }\n)\n\nconst name = `${PKG_NAME}/List` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import React, { useState, useEffect } from 'react'\nimport type { SimpleHoc } from '~/types'\n\nconst RESERVED_KEYS = [\n 'type',\n 'activeItems',\n 'itemProps',\n 'activeItemRequired',\n] as const\n\ntype Key = string | number\ntype MultipleMap = Map<Key, boolean>\n\ntype ItemPropsData = {\n key: Key\n first: boolean\n last: boolean\n odd: boolean\n even: boolean\n position: number\n}\n\ntype Props = {\n type?: 'single' | 'multi'\n activeItemRequired?: boolean\n activeItems?: Key | Array<string | number>\n itemProps?:\n | Record<string, unknown>\n | ((props: Record<string, unknown>) => Record<string, unknown>)\n}\n\nconst component: SimpleHoc<Props> = (WrappedComponent) => {\n const displayName =\n WrappedComponent.displayName || WrappedComponent.name || 'Component'\n\n const Enhanced = (props) => {\n const {\n type = 'single',\n activeItemRequired,\n activeItems,\n itemProps = {},\n ...rest\n } = props\n\n type InitActiveItems = () => Key | MultipleMap | undefined\n const initActiveItems: InitActiveItems = () => {\n if (type === 'single') {\n if (Array.isArray(activeItems)) {\n // eslint-disable-next-line no-console\n console.warn(\n 'Iterator is type of single. activeItems cannot be an array.'\n )\n } else {\n return activeItems\n }\n } else if (type === 'multi') {\n const activeItemsHelper = Array.isArray(activeItems)\n ? activeItems\n : [activeItems]\n\n return new Map(activeItemsHelper.map((id) => [id, true]))\n }\n\n return undefined\n }\n\n const [innerActiveItems, setActiveItems] = useState(initActiveItems())\n\n const countActiveItems = (data) => {\n let result = 0\n\n data.forEach((value) => {\n if (value) result += 1\n })\n\n return result\n }\n\n const updateItemState = (key: Key) => {\n if (type === 'single') {\n setActiveItems((prevState) => {\n if (activeItemRequired) return key\n if (prevState === key) return undefined\n\n return key\n })\n } else if (type === 'multi') {\n setActiveItems((prevState: MultipleMap) => {\n // TODO: add conditional type to fix this\n const activeItems = new Map(prevState)\n\n if (\n activeItemRequired &&\n activeItems.get(key) &&\n countActiveItems(activeItems) === 1\n ) {\n return activeItems\n }\n\n activeItems.set(key, !activeItems.get(key))\n return activeItems\n })\n } else {\n setActiveItems(undefined)\n }\n }\n\n const handleItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n const updateAllItemsState = (status) => {\n if (!status) {\n setActiveItems(new Map())\n }\n }\n\n const setItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n const unsetItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n const toggleItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n // const setAllItemsActive = () => {\n // updateAllItemsState(true)\n // }\n\n const unsetAllItemsActive = () => {\n updateAllItemsState(false)\n }\n\n const isItemActive = (key: Key): boolean => {\n if (!innerActiveItems) return false\n if (type === 'single') return innerActiveItems === key\n if (type === 'multi' && innerActiveItems instanceof Map) {\n return !!innerActiveItems.get(key)\n }\n return false\n }\n\n const attachMultipleProps = {\n unsetAllItemsActive,\n }\n\n const attachItemProps = (props: ItemPropsData) => {\n const { key } = props\n\n const defaultItemProps =\n typeof itemProps === 'object' ? itemProps : itemProps(props)\n\n const result = {\n ...defaultItemProps,\n active: isItemActive(key),\n handleItemActive: () => handleItemActive(key),\n setItemActive,\n unsetItemActive,\n toggleItemActive,\n ...(type === 'multi' ? attachMultipleProps : {}),\n }\n\n return result\n }\n\n useEffect(() => {\n if (type === 'single' && Array.isArray(activeItems)) {\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.error(\n 'When type=`single` activeItems must be a single value, not an array'\n )\n }\n }\n }, [type, activeItems])\n\n return <WrappedComponent {...rest} itemProps={attachItemProps} />\n }\n Enhanced.RESERVED_KEYS = RESERVED_KEYS\n Enhanced.displayName = `@vitus-labs/elements/List/withActiveState(${displayName})`\n\n return Enhanced\n}\n\nexport default component\n","import { useState, useEffect, ReactNode } from 'react'\nimport { createPortal } from 'react-dom'\nimport { PKG_NAME } from '~/constants'\nimport type { VLComponent } from '~/types'\n\nexport type Props = {\n position?: HTMLElement\n children: ReactNode\n tag?: string\n}\n\nconst component: VLComponent<Props> = ({\n position = __BROWSER__ ? document.body : undefined,\n tag = 'div',\n children,\n}: Props) => {\n const [element] = useState(\n __BROWSER__ ? document.createElement(tag) : undefined\n )\n\n if (!position || !element) return null\n\n useEffect(() => {\n if (__SERVER__) return undefined\n position.appendChild(element)\n\n return () => {\n position.removeChild(element)\n }\n }, [])\n\n return createPortal(children, element)\n}\n\nconst name = `${PKG_NAME}/Portal` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import React, { FC, createContext, useContext } from 'react'\n\ntype Context = {\n blocked: boolean\n setBlocked: () => void\n setUnblocked: () => void\n}\n\nconst context = createContext<Context>({} as Context)\n\nconst { Provider } = context\n\nexport const useOverlayContext = () => useContext(context)\n\nconst component: FC<Context> = ({\n children,\n blocked,\n setBlocked,\n setUnblocked,\n}) => (\n <Provider value={{ blocked, setBlocked, setUnblocked }}>{children}</Provider>\n)\n\nexport default component\n","/* eslint-disable no-console */\nimport { useRef, useState, useEffect, useContext, useCallback } from 'react'\nimport { throttle, context } from '@vitus-labs/core'\nimport { value } from '@vitus-labs/unistyle'\nimport { useOverlayContext } from './context'\n\ntype OverlayPosition = {\n position: 'absolute' | 'fixed' | 'static' | 'relative'\n top?: number | string\n bottom?: number | string\n left?: number | string\n right?: number | string\n}\n\ntype Align = 'bottom' | 'top' | 'left' | 'bottom' | 'right'\ntype AlignX = 'left' | 'center' | 'right'\ntype AlignY = 'bottom' | 'top' | 'center'\n\nexport type UseOverlayProps = {\n isOpen?: boolean\n openOn?: 'click' | 'hover' | 'manual'\n closeOn?:\n | 'click'\n | 'clickOnTrigger'\n | 'clickOutsideContent'\n | 'hover'\n | 'manual'\n type?: 'dropdown' | 'tooltip' | 'popover' | 'modal'\n position?: 'absolute' | 'fixed' | 'relative' | 'static'\n align?: Align\n alignX?: AlignX\n alignY?: AlignY\n offsetX?: number\n offsetY?: number\n throttleDelay?: number\n customScrollListener?: HTMLElement | null\n closeOnEsc?: boolean\n disabled?: boolean\n onOpen?: () => void\n onClose?: () => void\n}\n\nexport default ({\n isOpen = false,\n openOn = 'click', // click | hover\n closeOn = 'click', // click | 'clickOnTrigger' | 'clickOutsideContent' | hover | manual\n type = 'dropdown', // dropdown | tooltip | popover | modal\n align = 'bottom', // * main align prop * top | left | bottom | right\n position = 'fixed', // absolute | fixed | relative | static\n alignX = 'left', // left | center | right\n alignY = 'bottom', // top | center | bottom\n offsetX = 0,\n offsetY = 0,\n throttleDelay = 200,\n customScrollListener,\n closeOnEsc = true,\n disabled,\n onOpen,\n onClose,\n}: UseOverlayProps) => {\n const { rootSize } = useContext(context) as { rootSize: number }\n const ctx = useOverlayContext()\n\n const [blocked, handleBlocked] = useState(false)\n const [active, handleActive] = useState(isOpen)\n\n const [innerAlign, setInnerAlign] = useState(align)\n const [innerAlignX, setInnerAlignX] = useState(alignX)\n const [innerAlignY, setInnerAlignY] = useState(alignY)\n\n const triggerRef = useRef<HTMLElement>()\n const contentRef = useRef<HTMLElement>()\n\n const setBlocked = useCallback(() => handleBlocked(true), [])\n const setUnblocked = useCallback(() => handleBlocked(false), [])\n\n const showContent = useCallback(() => {\n handleActive(true)\n }, [])\n\n const hideContent = useCallback(() => {\n handleActive(false)\n }, [])\n\n // if an Overlay has an Overlay child, this will prevent closing parent child\n // + calculate correct position when an Overlay is opened\n useEffect(() => {\n if (active) {\n if (ctx?.setBlocked) ctx.setBlocked()\n if (onOpen) onOpen()\n } else {\n if (ctx?.setUnblocked) ctx.setUnblocked()\n if (onClose) onClose()\n }\n }, [active, onOpen, onClose])\n\n // calculate position on every position change state\n useEffect(() => {\n if (active) {\n calculateContentPosition()\n }\n }, [active, innerAlign, innerAlignX, innerAlignY])\n\n // handles calculating correct position of content\n // on document events (or custom scroll if set)\n useEffect(() => {\n if (!active) return undefined\n\n window.addEventListener('resize', handleContentPosition, false)\n window.addEventListener('scroll', handleContentPosition, false)\n\n if (customScrollListener) {\n customScrollListener.addEventListener(\n 'scroll',\n handleContentPosition,\n false\n )\n }\n\n return () => {\n window.removeEventListener('resize', handleContentPosition, false)\n window.removeEventListener('scroll', handleContentPosition, false)\n\n if (customScrollListener) {\n customScrollListener.removeEventListener(\n 'scroll',\n handleContentPosition,\n false\n )\n }\n }\n }, [active, customScrollListener])\n\n // make sure scrolling is blocked in case of modal windows or when\n // customScroll is set\n useEffect(() => {\n const shouldSetOverflow = __BROWSER__ && type === 'modal' && document.body\n\n if (active) {\n if (customScrollListener) {\n // eslint-disable-next-line no-param-reassign\n customScrollListener.style.overflow = 'hidden'\n }\n\n if (shouldSetOverflow) {\n document.body.style.overflow = 'hidden'\n }\n } else {\n if (customScrollListener) {\n // eslint-disable-next-line no-param-reassign\n customScrollListener.style.overflow = ''\n }\n\n if (shouldSetOverflow) {\n document.body.style.overflow = ''\n }\n }\n\n return () => {\n if (customScrollListener) {\n // eslint-disable-next-line no-param-reassign\n customScrollListener.style.overflow = ''\n }\n\n if (shouldSetOverflow) {\n document.body.style.overflow = ''\n }\n }\n }, [active, type, customScrollListener])\n\n // only when content is active handle closing\n useEffect(() => {\n if (!active) return undefined\n\n window.addEventListener('scroll', handleVisibility, false)\n\n if (customScrollListener) {\n customScrollListener.addEventListener('scroll', handleVisibility, false)\n }\n\n if (closeOnEsc) {\n window.addEventListener('keydown', handleEscKey, false)\n }\n\n return () => {\n window.removeEventListener('scroll', handleVisibility, false)\n\n if (customScrollListener) {\n customScrollListener.removeEventListener(\n 'scroll',\n handleVisibility,\n false\n )\n }\n\n if (closeOnEsc) {\n window.removeEventListener('keydown', handleEscKey, false)\n }\n }\n }, [active, customScrollListener])\n\n useEffect(() => {\n // enable overlay manipulation only when the state is NOT blocked=true\n // nor in disabled state\n if (blocked || disabled) return undefined\n\n if (\n openOn === 'click' ||\n closeOn === 'click' ||\n closeOn === 'clickOnTrigger' ||\n closeOn === 'clickOutsideContent'\n ) {\n window.addEventListener('click', handleClick, false)\n }\n\n if (openOn === 'hover' || closeOn === 'hover') {\n window.addEventListener('mousemove', handleVisibility, false)\n }\n\n return () => {\n window.removeEventListener('click', handleClick, false)\n window.removeEventListener('mousemove', handleVisibility, false)\n }\n }, [openOn, closeOn, blocked, disabled, active])\n\n const isNodeOrChild = (ref) => (e) => {\n if (e && e.target && ref.current) {\n return ref.current.contains(e.target) || e.target === ref.current\n }\n\n return false\n }\n\n const isTrigger = isNodeOrChild(triggerRef)\n const isContent = isNodeOrChild(contentRef)\n\n const calculateContentPosition = () => {\n if (!active) return\n\n if (!triggerRef.current || !contentRef.current) {\n if (process.env.NODE_ENV === 'development') {\n console.warn('Cannot access `ref` of trigger or content component.')\n }\n\n return\n }\n\n const triggerDimensions = triggerRef.current.getBoundingClientRect()\n const contentDimensions = contentRef.current.getBoundingClientRect()\n\n const overlayPosition: OverlayPosition = {\n position,\n }\n\n if (['dropdown', 'tooltip', 'popover'].includes(type)) {\n if (['top', 'bottom'].includes(align)) {\n const positionTop =\n triggerDimensions.top - offsetY - contentDimensions.height\n const positionBottom = triggerDimensions.bottom + offsetY\n\n const positionLeft = triggerDimensions.left - offsetX\n const positionRight =\n triggerDimensions.right + offsetX - contentDimensions.width\n\n if (align === 'top') {\n const isTop = positionTop >= 0\n\n setInnerAlign(isTop ? 'top' : 'bottom')\n overlayPosition.top = isTop ? positionTop : positionBottom\n } else {\n const isBottom =\n positionBottom + contentDimensions.height <= window.innerHeight\n\n setInnerAlign(isBottom ? 'bottom' : 'top')\n overlayPosition.top = isBottom ? positionBottom : positionTop\n }\n\n switch (alignX) {\n case 'right': {\n const isRight = positionRight >= 0\n\n setInnerAlignX(isRight ? 'right' : 'left')\n overlayPosition.left = isRight ? positionRight : positionLeft\n\n break\n }\n case 'center': {\n overlayPosition.left =\n triggerDimensions.left +\n (triggerDimensions.right - triggerDimensions.left) / 2 -\n contentDimensions.width / 2\n break\n }\n case 'left':\n default: {\n const isLeft =\n positionLeft + contentDimensions.width <= window.innerWidth\n\n setInnerAlignX(isLeft ? 'left' : 'right')\n overlayPosition.left = isLeft ? positionLeft : positionRight\n break\n }\n }\n } else if (['left', 'right'].includes(align)) {\n const positionLeft =\n triggerDimensions.left - offsetX - contentDimensions.width\n const positionRight = triggerDimensions.right + offsetX\n\n const positionTop = triggerDimensions.top + offsetY\n const positionBottom =\n triggerDimensions.bottom - offsetY - contentDimensions.height\n\n if (align === 'left') {\n const isLeft = positionLeft >= 0\n\n setInnerAlign(isLeft ? 'left' : 'right')\n overlayPosition.left = isLeft ? positionLeft : positionRight\n } else {\n const isRight =\n positionRight + contentDimensions.width <= window.innerWidth\n\n setInnerAlign(isRight ? 'right' : 'left')\n overlayPosition.left = isRight ? positionRight : positionLeft\n }\n\n switch (alignY) {\n case 'top': {\n const isTop =\n positionTop + contentDimensions.height <= window.innerHeight\n\n setInnerAlignY(isTop ? 'top' : 'bottom')\n overlayPosition.top = isTop ? positionTop : positionBottom\n break\n }\n case 'center':\n overlayPosition.top =\n triggerDimensions.top -\n offsetY +\n (triggerDimensions.bottom - triggerDimensions.top) / 2 -\n contentDimensions.height / 2\n break\n case 'bottom':\n default: {\n const isBottom = positionBottom >= 0\n\n setInnerAlignY(isBottom ? 'bottom' : 'top')\n overlayPosition.top = isBottom ? positionBottom : positionTop\n }\n }\n }\n } else if (type === 'modal') {\n switch (alignX) {\n case 'right':\n overlayPosition.right = offsetX\n break\n case 'left':\n overlayPosition.left = offsetX\n break\n case 'center':\n default:\n overlayPosition.left =\n window.innerWidth / 2 - contentDimensions.width / 2\n break\n }\n\n switch (alignY) {\n case 'top':\n overlayPosition.top = offsetY\n break\n case 'center':\n overlayPosition.top =\n window.innerHeight / 2 - contentDimensions.height / 2\n break\n case 'bottom':\n default:\n overlayPosition.bottom = offsetY\n break\n }\n }\n\n // ADD POSITION STYLES TO CONTENT\n contentRef.current.style.position = overlayPosition.position\n contentRef.current.style.top = value(\n [overlayPosition.top],\n rootSize\n ) as string\n contentRef.current.style.bottom = value(\n [overlayPosition.bottom],\n rootSize\n ) as string\n contentRef.current.style.left = value(\n [overlayPosition.left],\n rootSize\n ) as string\n contentRef.current.style.right = value(\n [overlayPosition.right],\n rootSize\n ) as string\n }\n\n const handleVisibilityByEventType = (e) => {\n if (!active) {\n if (\n (openOn === 'hover' && e.type === 'mousemove') ||\n (openOn === 'click' && e.type === 'click')\n ) {\n if (isTrigger(e)) {\n showContent()\n }\n }\n }\n\n if (active) {\n if (closeOn === 'hover' && e.type === 'mousemove') {\n if (!isTrigger(e) && !isContent(e)) {\n hideContent()\n }\n }\n\n if (closeOn === 'hover' && e.type === 'scroll') {\n hideContent()\n }\n\n if (closeOn === 'click' && e.type === 'click') {\n hideContent()\n }\n\n if (closeOn === 'clickOnTrigger' && e.type === 'click') {\n if (isTrigger(e)) {\n hideContent()\n }\n }\n\n if (closeOn === 'clickOutsideContent' && e.type === 'click') {\n if (!isContent(e)) {\n hideContent()\n }\n }\n }\n }\n\n const handleContentPosition = throttle(\n calculateContentPosition,\n throttleDelay\n )\n\n const handleClick = handleVisibilityByEventType\n const handleVisibility = throttle(handleVisibilityByEventType, throttleDelay)\n\n const handleEscKey = (e: any) => {\n if (e.key === 'Escape') {\n hideContent()\n }\n }\n\n return {\n triggerRef,\n contentRef,\n active,\n align: innerAlign,\n alignX: innerAlignX,\n alignY: innerAlignY,\n showContent,\n hideContent,\n blocked,\n setBlocked,\n setUnblocked,\n }\n}\n","import React, { useMemo } from 'react'\nimport { renderContent } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport Portal from '~/Portal'\nimport type { VLComponent, Content } from '~/types'\nimport useOverlay, { UseOverlayProps } from './useOverlay'\nimport Provider from './context'\n\ntype Align = 'bottom' | 'top' | 'left' | 'bottom' | 'right'\ntype AlignX = 'left' | 'center' | 'right'\ntype AlignY = 'bottom' | 'top' | 'center'\n\ntype TriggerRenderer = (\n props: Partial<{\n active: boolean\n showContent: () => void\n hideContent: () => void\n }>\n) => Content\n\ntype ContentRenderer = (\n props: Partial<{\n active: boolean\n showContent: () => void\n hideContent: () => void\n align: Align\n alignX: AlignX\n alignY: AlignY\n }>\n) => Content\n\nexport type Props = {\n children: Content | TriggerRenderer\n trigger: Content | ContentRenderer\n DOMLocation?: HTMLElement\n triggerRefName?: string\n contentRefName?: string\n} & UseOverlayProps\n\nconst component: VLComponent<Props> = ({\n children,\n trigger,\n DOMLocation,\n triggerRefName = 'ref',\n contentRefName = 'ref',\n ...props\n}) => {\n const {\n active,\n triggerRef,\n contentRef,\n showContent,\n hideContent,\n align,\n alignX,\n alignY,\n ...ctx\n } = useOverlay(props)\n\n const { openOn, closeOn } = props\n\n const passHandlers = useMemo(\n () =>\n openOn === 'manual' ||\n closeOn === 'manual' ||\n closeOn === 'clickOutsideContent',\n [openOn, closeOn]\n )\n\n return (\n <>\n {renderContent(trigger, {\n [triggerRefName]: triggerRef,\n active,\n ...(passHandlers ? { showContent, hideContent } : {}),\n })}\n\n {__BROWSER__ && active && (\n <Portal position={DOMLocation}>\n <Provider {...ctx}>\n {renderContent(children, {\n [contentRefName]: contentRef,\n active,\n align,\n alignX,\n alignY,\n ...(passHandlers ? { showContent, hideContent } : {}),\n })}\n </Provider>\n </Portal>\n )}\n </>\n )\n}\n\nconst name = `${PKG_NAME}/Overlay` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, extendCss } from '@vitus-labs/unistyle'\n\nconst styles = ({ css, theme: t }) => css`\n ${t.extraStyles && extendCss(t.extraStyles)};\n`\n\nexport default config.styled(config.textComponent)`\n color: inherit;\n font-weight: normal;\n line-height: 1;\n\n ${makeItResponsive({\n key: '$text',\n styles,\n css: config.css,\n normalize: false,\n })};\n`\n","import React, { forwardRef, ReactNode } from 'react'\nimport type { HTMLTagsText } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport type { VLForwardedComponent, ExtendCss } from '~/types'\nimport Styled from './styled'\n\nexport type Props = Partial<{\n paragraph: boolean\n label: ReactNode\n children: ReactNode\n tag: HTMLTagsText\n extendCss: ExtendCss\n}>\n\nconst component: VLForwardedComponent<Props> & {\n isText?: true\n} = forwardRef(\n ({ paragraph, label, children, tag, extendCss, ...props }, ref) => {\n type RenderContent = (as?: any) => any\n const renderContent: RenderContent = (as = undefined) => (\n <Styled ref={ref} as={as} $text={{ extraStyles: extendCss }} {...props}>\n {children || label}\n </Styled>\n )\n\n // eslint-disable-next-line no-nested-ternary\n const finalTag = __WEB__ ? (paragraph ? 'p' : tag) : undefined\n\n return renderContent(finalTag)\n }\n)\n\nconst name = `${PKG_NAME}/Text` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\ncomponent.isText = true\n\nexport default component\n"],"names":["PKG_NAME","INLINE_ELEMENTS_FLEX_FIX","button","fieldset","legend","config","styled","component","$childFix","css","makeItResponsive","key","theme","t","block","$parentFix","alignY","alignContent","direction","alignX","extraStyles","extendCss","normalize","forwardRef","children","tag","equalCols","isInline","props","ref","COMMON_PROPS","as","needsFix","dangerouslySetInnerHTML","isWebFixNeeded","asTag","React","Styled","$contentType","rootSize","gap","type","value","inline","before","after","rows","calculateGap","parentDirection","memo","contentType","INLINE_ELEMENTS","span","a","input","label","select","textarea","br","img","strong","small","code","b","big","i","tt","abbr","acronym","cite","dfn","em","kbd","samp","var","bdo","map","object","q","script","sub","sup","EMPTY_ELEMENTS","area","base","col","embed","hr","keygen","link","source","track","wbr","defaultDirection","innerRef","content","beforeContent","afterContent","defaultAlignX","defaultAlignY","contentCss","beforeContentCss","afterContentCss","contentDirection","contentAlignX","contentAlignY","beforeContentDirection","beforeContentAlignX","beforeContentAlignY","afterContentDirection","afterContentAlignX","afterContentAlignY","shouldBeEmpty","getShouldBeEmpty","isSimpleElement","CHILDREN","isInlineElement","SUB_TAG","undefined","wrapperDirection","wrapperAlignX","wrapperAlignY","useMemo","WRAPPER_PROPS","Wrapper","contentRenderOutput","renderContent","Content","name","displayName","pkgName","VITUS_LABS__COMPONENT","types","height","width","calculate","beforeContentSize","get","afterContentSize","Number","isInteger","style","attachItemProps","length","position","index","first","last","odd","even","itemKey","valueName","data","wrapComponent","wrapProps","itemProps","renderedElement","injectItemProps","injectWrapItemProps","getKey","useCallback","item","renderComplexArray","renderData","filter","isEmpty","itemComponent","restItem","renderItem","id","itemId","extendedProps","finalItemProps","finalWrapProps","Children","renderChildren","Array","isArray","clearData","every","keyName","renderSimpleArray","renderItems","isIterator","RESERVED_PROPS","rootElement","renderedList","Iterator","pick","Element","omit","RESERVED_KEYS","element","useState","useEffect","createPortal","context","createContext","Provider","isOpen","openOn","closeOn","align","offsetX","offsetY","throttleDelay","customScrollListener","closeOnEsc","disabled","onOpen","onClose","useContext","ctx","blocked","handleBlocked","active","handleActive","innerAlign","setInnerAlign","innerAlignX","setInnerAlignX","innerAlignY","setInnerAlignY","triggerRef","useRef","contentRef","setBlocked","setUnblocked","showContent","hideContent","calculateContentPosition","window","addEventListener","handleContentPosition","removeEventListener","overflow","handleVisibility","handleEscKey","handleClick","isNodeOrChild","e","target","current","contains","isTrigger","isContent","triggerDimensions","getBoundingClientRect","contentDimensions","overlayPosition","includes","positionTop","top","positionBottom","bottom","positionLeft","left","positionRight","right","isTop","isBottom","innerHeight","isRight","isLeft","innerWidth","handleVisibilityByEventType","throttle","trigger","DOMLocation","triggerRefName","contentRefName","useOverlay","passHandlers","textComponent","styles","paragraph","isText","WrappedComponent","Enhanced","activeItemRequired","activeItems","rest","innerActiveItems","setActiveItems","console","warn","activeItemsHelper","Map","initActiveItems","updateItemState","prevState","result","forEach","countActiveItems","set","setItemActive","unsetItemActive","toggleItemActive","isItemActive","attachMultipleProps","unsetAllItemsActive","handleItemActive","equalBeforeAfter","vertical","elementRef","createRef","updateElement","calculateSize"],"mappings":"yhBACO,MAAMA,EAAW,uBCCXC,EAA2B,CACtCC,QAAQ,EACRC,UAAU,EACVC,QAAQ,SCsCKC,SAAOC,OAAOD,SAAOE,UAAU;;IAFb;;IAM7B,EAAGC,UAAAA,KACHA,GACAH,SAAOI,GAAG;;;;;;;IAOVC,mBAAiB,CACjBC,IAAK,kBAtDM,EAAGC,MAAOC,EAAGJ,IAAAA,KAAUA,CAAG;IAEvCA,CAAG;MACC,EAAGD,UAAAA,MACFA,GACDC,CAAG;mBACUI,EAAEC,MAAQ,OAAS;;;MAGhC,EAAGC,WAAAA,KACHA,GACAF,EAAEC,OACFL,CAAG;;;;;;IAOM,UAAbI,EAAEG,QACFP,CAAG;;;;IAIDQ,eAAa,CACbC,UAAWL,EAAEK,UACbC,OAAQN,EAAEM,OACVH,OAAQH,EAAEG;;IAGVH,EAAEC,OACJL,CAAG;;;;IAIDI,EAAEO,aAAeC,YAAUR,EAAEO;EAqB7BX,IAAKJ,SAAOI,IACZa,WAAW;ECjCf,MAAMf,EAAYgB,cAChB,EAEIC,SAAAA,EACAC,IAAAA,EACAX,MAAAA,EACAO,UAAAA,EACAH,UAAAA,EACAC,OAAAA,EACAH,OAAAA,EACAU,UAAAA,EACAC,SAAAA,KACGC,GAELC,KAEA,MAOMC,EAAe,IAChBF,EAEHC,IAAAA,EACAE,GAAIN,GAGAO,GACDJ,EAAMK,yBAA2BR,GCtDI,CAACA,GAC7CxB,EAAyBwB,GDqDsBS,CAAeT,GAItDU,EAAmBR,EAAW,OAAS,MAE7C,OAAKK,EAmBHI,wBAACC,MACKP,yBAEM,CACRhB,MAAAA,EACAM,YAAaC,IAGfe,wBAACC,GACCN,GAAII,wBAEM,CACRjB,UAAAA,EACAC,OAAAA,EACAH,OAAAA,EACAU,UAAAA,IAGDF,IAnCHY,wBAACC,MACKP,WACM,CACRhB,MAAAA,EACAI,UAAAA,EACAC,OAAAA,EACAH,OAAAA,EACAU,UAAAA,EACAN,YAAaC,IAGdG,YEhBInB,SAAOC,OAAOD,SAAOE,UAAU;IAG1CF,SAAOI,GAAG;;;;;;;;IASV,EAAG6B,aAAAA,KACc,YAAjBA,GACAjC,SAAOI,GAAG;;;;IAIVC,mBAAiB,CACjBC,IAAK,kBA7CM,EAAGF,IAAAA,EAAKG,MAAOC,EAAG0B,SAAAA,KAAe9B,CAAG;IAC/CQ,eAAa,CACbC,UAAWL,EAAEK,UACbC,OAAQN,EAAEM,OACVH,OAAQH,EAAEG;;IAGVH,EAAEa,WACJjB,CAAG;;;;IAIDI,EAAE2B,KACJ/B,CAAG;MACC,EAAG6B,aAAAA,KAtCY,GAAGpB,UAAAA,EAAWuB,KAAAA,EAAMC,MAAAA,EAAOjC,IAAAA,MAC9C,IAAKS,IAAcuB,EAAM,OAezB,OAAOhC,CAAG;MAFU,GAXP,CACXkC,OAAQ,CACNC,OAAQ,eACRC,MAAO,eAETC,KAAM,CACJF,OAAQ,gBACRC,MAAO,eAIiB3B,GAAWuB,OAAUC;KAyB7CK,CAAa,CACX7B,UAAWL,EAAEmC,gBACbP,KAAMH,EACNI,MAAOA,QAAM,CAAC7B,EAAE2B,KAAMD,GACtB9B,IAAAA;;;IAIJI,EAAEO,aAAeC,YAAUR,EAAEO;EAwB7BX,IAAKJ,SAAOI,IACZa,WAAW;QCpBA2B,QAtCwB,EACrCC,YAAAA,EACAzB,IAAAA,EACAuB,gBAAAA,EACA9B,UAAAA,EACAC,OAAAA,EACAH,OAAAA,EACAU,UAAAA,EACAc,IAAAA,EACAnB,UAAAA,KACGO,KAUDQ,wBAACC,GACCN,GAAIN,eACUyB,WACJ,CACRF,gBAAAA,EACA9B,UAAAA,EACAC,OAAAA,EACAH,OAAAA,EACAU,UAAAA,EACAc,IAAAA,EACApB,YAAaC,MAGXO,MCzBH,MAAMuB,EAAkB,CAC7BC,MAAM,EACNC,GAAG,EACHnD,QAAQ,EACRoD,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,GAAG,EACHC,IAAI,EACJC,MAAM,EACNC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,GAAG,EACHC,QAAQ,EACRC,KAAK,EACLC,KAAK,GAGMC,EAAiB,CAC5BC,MAAM,EACNC,MAAM,EACN1B,IAAI,EACJ2B,KAAK,EACLC,OAAO,EACPC,IAAI,EACJ5B,KAAK,EACLL,OAAO,EACPkC,QAAQ,EACRC,MAAM,EAGNC,QAAQ,EACRC,OAAO,EACPC,KAAK,GC3EDC,EAAmB,SAKnBtF,EAAuBgB,cAC3B,EAEIuE,SAAAA,EACArE,IAAAA,EACA8B,MAAAA,EACAwC,QAAAA,EACAvE,SAAAA,EACAwE,cAAAA,EACAC,aAAAA,EAEAnF,MAAAA,EACAY,UAAAA,EACAc,IAAAA,EAEAtB,UAAAA,EACAC,OAAAA,EAAS+E,OACTlF,OAAAA,EAASmF,SAET1F,IAAAA,EACA2F,WAAAA,EACAC,iBAAAA,EACAC,gBAAAA,EAEAC,iBAAAA,EA5B0B,OA6B1BC,cAAAA,EAAgBN,OAChBO,cAAAA,EAAgBN,SAEhBO,uBAAAA,EAAyBb,SACzBc,oBAAAA,EAAsBT,OACtBU,oBAAAA,EAAsBT,SAEtBU,sBAAAA,EAAwBhB,SACxBiB,mBAAAA,EAAqBZ,OACrBa,mBAAAA,EAAqBZ,YAElBvE,GAELC,KAKA,MAAMmF,IACFpF,EAAMK,yBACIR,GCRwB,CAACA,KACzCA,GAAMyD,EAAezD,GDOEwF,CAAiBxF,GAKhCyF,GAAmBlB,IAAkBC,EACrCkB,EAAW3F,GAAYuE,GAAWxC,EAElC5B,ECnB+B,CAACF,KACxCA,GAAM0B,EAAgB1B,GDkBO2F,CAAgB3F,GACrC4F,EAAqB1F,EAAW,YAAS2F,GAKzCC,iBAAEA,EAAgBC,cAAEA,EAAaC,cAAEA,GAAkBC,WAAQ,KACjE,IAAIH,EAAqCrG,EACrCsG,EAA+BrG,EAC/BsG,EAA+BzG,EAYnC,OAVIkG,GACEX,IAAkBgB,EAAmBhB,GACrCC,IAAegB,EAAgBhB,GAC/BC,IAAegB,EAAgBhB,IAEnCc,EADSrG,GAGU2E,EAGd,CAAE0B,iBAAAA,EAAkBC,cAAAA,EAAeC,cAAAA,KACzC,CACDP,EACAX,EACAC,EACAC,EACAtF,EACAH,EACAE,IAMIyG,EAAgB,CACpB9F,IAAKA,GAAOiE,EACZzE,UAAWZ,EACXgB,IAAAA,EACAX,MAAAA,EACAI,UAAWqG,EACXpG,OAAQqG,EACRxG,OAAQyG,EACR1F,QAAIuF,GAMN,GAAIN,EACF,OAAO5E,wBAACwF,MAAYhG,KAAW+F,IAGjC,MAAME,EAAsBC,gBAAcX,GAE1C,OACE/E,wBAACwF,MAAYhG,KAAW+F,EAAehG,SAAUA,GAC9CqE,GACC5D,wBAAC2F,GACCtG,IAAK4F,EACLnE,YAAY,SACZF,gBAAiBuE,EACjBlG,UAAWgF,EACXnF,UAAWwF,EACXvF,OAAQwF,EACR3F,OAAQ4F,EACRlF,UAAWA,EACXc,IAAKA,GAEJsF,gBAAc9B,IAIlBkB,IAGC9E,wBAAC2F,GACCtG,IAAK4F,EACLnE,YAAY,UACZF,gBAAiBuE,EACjBlG,UAAW+E,EACXlF,UAAWqF,EACXpF,OAAQqF,EACRxF,OAAQyF,EACR/E,UAAWA,GAEVmG,GAIJ5B,GACC7D,wBAAC2F,GACCtG,IAAK4F,EACLnE,YAAY,QACZF,gBAAiBuE,EACjBlG,UAAWiF,EACXpF,UAAW2F,EACX1F,OAAQ2F,EACR9F,OAAQ+F,EACRrF,UAAWA,EACXc,IAAKA,GAEJsF,gBAAc7B,QAQrB+B,EAAO,GAAGhI,cAENiI,YAAcD,IACdE,QAAUlI,IACVmI,sBAAwBH,EE9KlC,MAGMI,EAAQ,CACZC,OAAQ,eACRC,MAAO,eAWHC,EACJ,EAAGvC,cAAAA,EAAeC,aAAAA,KACjBxD,IACC,MAAM+F,EAAoBC,MAAIzC,EAAeoC,EAAM3F,IAC7CiG,EAAmBD,MAAIxC,EAAcmC,EAAM3F,IApBpC,IAACY,EAAYU,EAAZV,EAsBDmF,EAtBazE,EAsBM2E,EArBlCC,OAAOC,UAAUvF,IAAMsF,OAAOC,UAAU7E,KAsBhCyE,EAAoBE,GACtB1C,EAAc6C,MAAMpG,GAAQ,GAAG+F,MAC/BvC,EAAa4C,MAAMpG,GAAQ,GAAG+F,QAE9BxC,EAAc6C,MAAMpG,GAAQ,GAAGiG,MAC/BzC,EAAa4C,MAAMpG,GAAQ,GAAGiG,SCVhCI,EAAmC,EACvC7E,EAAAA,EACA8E,OAAAA,MAKA,MAAMC,EAAW/E,EAAI,EAErB,MAAO,CACLgF,MAAOhF,EACPiF,MAAoB,IAAbF,EACPG,KAAMH,IAAaD,EACnBK,IAAKJ,EAAW,GAAM,EACtBK,KAAML,EAAW,GAAM,EACvBA,SAAAA,IASEzI,EAAiCqB,IACrC,MAAM0H,QACJA,EAAOC,UACPA,EAAS/H,SACTA,EAAQjB,UACRA,EAASiJ,KACTA,EACAC,cAAe7B,EAAO8B,UACtBA,EAASC,UACTA,GACE/H,EAEEgI,EAAkB9B,gBAElB+B,EAAkBnC,WACtB,IAA4B,mBAAdiC,EAA2BA,EAAY,IAAMA,GAC3D,CAACA,IAGGG,EAAsBpC,WAC1B,IAA4B,mBAAdgC,EAA2BA,EAAY,IAAMA,GAC3D,CAACA,IAGGK,EAASC,eAAY,CAACC,EAAuBhB,IAC1B,mBAAZK,EAA+BA,EAAQW,EAAMhB,GAEjDA,GACN,IAmFGiB,EAAsBV,IAC1B,MAAMW,EAAaX,EAAKY,QAAQH,IAAUI,UAAQJ,MAC5ClB,OAAEA,GAAWoB,EAGnB,GAA0B,IAAtBA,EAAWpB,OAAc,OAAO,KAUpC,OAAOoB,EAAWvF,KAAI,CAACqF,EAAMhG,KAC3B,MAAQ1D,UAAW+J,KAAkBC,GAAaN,EAC5CO,EAAaF,GAAiB/J,EAC9BI,EAXO,EAACsJ,EAAuBhB,IAChCK,EACkB,mBAAZA,EAA+BA,EAAQW,EAAMhB,GACjC,iBAAZK,EAA6BW,EAAKX,GAEtCL,EAJcgB,EAAKtJ,KAAOsJ,EAAKQ,IAAMR,EAAKS,QAAUzB,EAU/Cc,CAAOQ,EAAUtG,GACvB0G,EAAgB7B,EAAgB,CACpC7E,EAAAA,EACA8E,OAAAA,IAGI6B,EAAiB,IACjBjB,EAAYE,EAAgBI,EAAMU,GAAiB,MACpDJ,GAGCM,EAAiBnB,EACnBI,EAAoBG,EAAMU,GAC1B,GAEJ,OAAI/C,IAAY0C,EAEZlI,wBAACwF,GAAQjH,IAAKA,KAASkK,GACpBjB,EAAgBY,EAAYI,IAK5BhB,EAAgBY,EAAY,CAAE7J,IAAAA,KAAQiK,QAyCjD,MAlCoB,MAIlB,GAAIpJ,EAAU,MAlIO,MACrB,IAAKA,EAAU,OAAO,KAEtB,MAAMuH,OAAEA,GAAWvH,EAGnB,OAAKmI,GAAc/B,EAEZkD,WAASlG,IAAIpD,GAAU,CAACyI,EAAMhG,KACnC,MAAMtD,EAAMsD,EACN0G,EAAgB7B,EAAgB,CACpC7E,EAAAA,EACA8E,OAAAA,IAGI6B,EAAiBjB,EAAYE,EAAgB,GAAIc,GAAiB,GAClEE,EAAiBnB,EACnBI,EAAoB,GAAIa,GACxB,GAEJ,OAAI/C,EAEAxF,wBAACwF,GAAQjH,IAAKA,KAASkK,GACpBjB,EAAgBK,EAAMW,IAKtB9C,gBAAcmC,EAAM,CACzBtJ,IAAKsD,KACF2G,OAxB4BpJ,GA4HduJ,GAKrB,GAAIxK,GAAayK,MAAMC,QAAQzB,GAAO,CACpC,MAAM0B,EAAY1B,EAAKY,QACpBH,GAASA,MAAAA,IAOZ,GAJsBiB,EAAUC,OAC7BlB,GAAyB,iBAATA,GAAqC,iBAATA,IAG5B,MA1GG,CAACT,IACzB,MAAMT,OAAEA,GAAWS,EAGnB,OAAoB,IAAhBA,EAAKT,OAAqB,KAEvBS,EAAK5E,KAAI,CAACqF,EAAMhG,KACrB,MAAMtD,EAAMoJ,EAAOE,EAAMhG,GACnBmH,EAAU7B,GAAa,WACvBoB,EAAgB7B,EAAgB,CACpC7E,EAAAA,EACA8E,OAAAA,IAGI6B,EAAiB,IACjBjB,EACAE,EAAgB,CAAEuB,CAACA,GAAUnB,GAAQU,GACrC,GACJS,CAACA,GAAUnB,GAGPY,EAAiBnB,EACnBI,EAAoB,CAAEsB,CAACA,GAAUnB,GAAQU,GACzC,GAEJ,OAAI/C,EAEAxF,wBAACwF,GAAQjH,IAAKA,KAASkK,GACpBjB,EAAgBrJ,EAAWqK,IAK3BhB,EAAgBrJ,EAAW,CAAEI,IAAAA,KAAQiK,QAyElBS,CAAkBH,GAI5C,OAFuBA,EAAUC,OAAOlB,GAAyB,iBAATA,IAE7BC,EAAmBgB,GAEvC,KAOT,OAAO,MAGFI,MAGCC,YAAa,IACbC,eAhPa,CACrB,WACA,YACA,gBACA,OACA,UACA,YACA,YACA,mBCMIjL,EAA8BgB,cAClC,EAAGkK,YAAAA,GAAc,KAAU7J,GAASC,KAClC,MAAM6J,EAAetJ,wBAACuJ,MAAaC,OAAKhK,EAAO+J,EAASH,kBAExD,OAAKC,EAGHrJ,wBAACyJ,GAAQhK,IAAKA,KAASiK,OAAKlK,EAAO+J,EAASH,iBACzCE,GAJoBA,KAUvB1D,EAAO,GAAGhI,WAENiI,YAAcD,IACdE,QAAUlI,IACVmI,sBAAwBH,ECjClC,MAAM+D,EAAgB,CACpB,OACA,cACA,YACA,sBCIIxL,EAAgC,EACpCyI,SAAAA,EACAvH,IAAAA,EAAM,MACND,SAAAA,MAEA,MAAOwK,GAAWC,gBAC4B3E,GAG9C,OAAK0B,GAAagD,GAElBE,aAAU,QAOP,IAEIC,eAAa3K,EAAUwK,IAXI,MAc9BhE,EAAO,GAAGhI,aAENiI,YAAcD,IACdE,QAAUlI,IACVmI,sBAAwBH,EC9BlC,MAAMoE,EAAUC,gBAAuB,KAEjCC,SAAEA,GAAaF,QCgCN,EACbG,OAAAA,GAAS,EACTC,OAAAA,EAAS,QACTC,QAAAA,EAAU,QACVhK,KAAAA,EAAO,WACPiK,MAAAA,EAAQ,SACR1D,SAAAA,EAAW,QACX7H,OAAAA,EAAS,OACTH,OAAAA,EAAS,SACT2L,QAAAA,EAAU,EACVC,QAAAA,EAAU,EACVC,cAAAA,EAAgB,IAChBC,qBAAAA,EACAC,WAAAA,GAAa,EACbC,SAAAA,EACAC,OAAAA,EACAC,QAAAA,MAEA,MAAM3K,SAAEA,GAAa4K,aAAWf,WAC1BgB,EDjD+BD,aAAWf,ICmDzCiB,EAASC,GAAiBrB,YAAS,IACnCsB,EAAQC,GAAgBvB,WAASM,IAEjCkB,EAAYC,GAAiBzB,WAASS,IACtCiB,EAAaC,GAAkB3B,WAAS9K,IACxC0M,EAAaC,GAAkB7B,WAASjL,GAEzC+M,EAAaC,WACbC,EAAaD,WAEbE,EAAalE,eAAY,IAAMsD,GAAc,IAAO,IACpDa,EAAenE,eAAY,IAAMsD,GAAc,IAAQ,IAEvDc,EAAcpE,eAAY,KAC9BwD,GAAa,KACZ,IAEGa,EAAcrE,eAAY,KAC9BwD,GAAa,KACZ,IAIHtB,aAAU,KACJqB,GACEH,GAAKc,YAAYd,EAAIc,aACrBjB,GAAQA,MAERG,GAAKe,cAAcf,EAAIe,eACvBjB,GAASA,OAEd,CAACK,EAAQN,EAAQC,IAGpBhB,aAAU,KACJqB,GACFe,MAED,CAACf,EAAQE,EAAYE,EAAaE,IAIrC3B,aAAU,KACR,GAAKqB,EAaL,OAXAgB,OAAOC,iBAAiB,SAAUC,GAAuB,GACzDF,OAAOC,iBAAiB,SAAUC,GAAuB,GAErD3B,GACFA,EAAqB0B,iBACnB,SACAC,GACA,GAIG,KACLF,OAAOG,oBAAoB,SAAUD,GAAuB,GAC5DF,OAAOG,oBAAoB,SAAUD,GAAuB,GAExD3B,GACFA,EAAqB4B,oBACnB,SACAD,GACA,MAIL,CAAClB,EAAQT,IAIZZ,aAAU,KAGJqB,EACET,IAEFA,EAAqBjE,MAAM8F,SAAW,UAOpC7B,IAEFA,EAAqBjE,MAAM8F,SAAW,IAQnC,KACD7B,IAEFA,EAAqBjE,MAAM8F,SAAW,OAOzC,CAACpB,EAAQ9K,EAAMqK,IAGlBZ,aAAU,KACR,GAAKqB,EAYL,OAVAgB,OAAOC,iBAAiB,SAAUI,GAAkB,GAEhD9B,GACFA,EAAqB0B,iBAAiB,SAAUI,GAAkB,GAGhE7B,GACFwB,OAAOC,iBAAiB,UAAWK,GAAc,GAG5C,KACLN,OAAOG,oBAAoB,SAAUE,GAAkB,GAEnD9B,GACFA,EAAqB4B,oBACnB,SACAE,GACA,GAIA7B,GACFwB,OAAOG,oBAAoB,UAAWG,GAAc,MAGvD,CAACtB,EAAQT,IAEZZ,aAAU,KAGR,IAAImB,IAAWL,EAef,MAZa,UAAXR,GACY,UAAZC,GACY,mBAAZA,GACY,wBAAZA,GAEA8B,OAAOC,iBAAiB,QAASM,GAAa,GAGjC,UAAXtC,GAAkC,UAAZC,GACxB8B,OAAOC,iBAAiB,YAAaI,GAAkB,GAGlD,KACLL,OAAOG,oBAAoB,QAASI,GAAa,GACjDP,OAAOG,oBAAoB,YAAaE,GAAkB,MAE3D,CAACpC,EAAQC,EAASY,EAASL,EAAUO,IAExC,MAAMwB,EAAiBlN,GAASmN,MAC1BA,GAAKA,EAAEC,QAAUpN,EAAIqN,WAChBrN,EAAIqN,QAAQC,SAASH,EAAEC,SAAWD,EAAEC,SAAWpN,EAAIqN,SAMxDE,EAAYL,EAAchB,GAC1BsB,EAAYN,EAAcd,GAE1BK,EAA2B,KAC/B,IAAKf,EAAQ,OAEb,IAAKQ,EAAWmB,UAAYjB,EAAWiB,QAKrC,OAGF,MAAMI,EAAoBvB,EAAWmB,QAAQK,wBACvCC,EAAoBvB,EAAWiB,QAAQK,wBAEvCE,EAAmC,CACvCzG,SAAAA,GAGF,GAAI,CAAC,WAAY,UAAW,WAAW0G,SAASjN,IAC9C,GAAI,CAAC,MAAO,UAAUiN,SAAShD,GAAQ,CACrC,MAAMiD,EACJL,EAAkBM,IAAMhD,EAAU4C,EAAkBnH,OAChDwH,EAAiBP,EAAkBQ,OAASlD,EAE5CmD,EAAeT,EAAkBU,KAAOrD,EACxCsD,EACJX,EAAkBY,MAAQvD,EAAU6C,EAAkBlH,MAExD,GAAc,QAAVoE,EAAiB,CACnB,MAAMyD,EAAQR,GAAe,EAE7BjC,EAAcyC,EAAQ,MAAQ,UAC9BV,EAAgBG,IAAMO,EAAQR,EAAcE,MACvC,CACL,MAAMO,EACJP,EAAiBL,EAAkBnH,QAAUkG,OAAO8B,YAEtD3C,EAAc0C,EAAW,SAAW,OACpCX,EAAgBG,IAAMQ,EAAWP,EAAiBF,EAGpD,OAAQxO,GACN,IAAK,QAAS,CACZ,MAAMmP,EAAUL,GAAiB,EAEjCrC,EAAe0C,EAAU,QAAU,QACnCb,EAAgBO,KAAOM,EAAUL,EAAgBF,EAEjD,MAEF,IAAK,SACHN,EAAgBO,KACdV,EAAkBU,MACjBV,EAAkBY,MAAQZ,EAAkBU,MAAQ,EACrDR,EAAkBlH,MAAQ,EAC5B,MAGF,QAAS,CACP,MAAMiI,EACJR,EAAeP,EAAkBlH,OAASiG,OAAOiC,WAEnD5C,EAAe2C,EAAS,OAAS,SACjCd,EAAgBO,KAAOO,EAASR,EAAeE,EAC/C,aAGC,GAAI,CAAC,OAAQ,SAASP,SAAShD,GAAQ,CAC5C,MAAMqD,EACJT,EAAkBU,KAAOrD,EAAU6C,EAAkBlH,MACjD2H,EAAgBX,EAAkBY,MAAQvD,EAE1CgD,EAAcL,EAAkBM,IAAMhD,EACtCiD,EACJP,EAAkBQ,OAASlD,EAAU4C,EAAkBnH,OAEzD,GAAc,SAAVqE,EAAkB,CACpB,MAAM6D,EAASR,GAAgB,EAE/BrC,EAAc6C,EAAS,OAAS,SAChCd,EAAgBO,KAAOO,EAASR,EAAeE,MAC1C,CACL,MAAMK,EACJL,EAAgBT,EAAkBlH,OAASiG,OAAOiC,WAEpD9C,EAAc4C,EAAU,QAAU,QAClCb,EAAgBO,KAAOM,EAAUL,EAAgBF,EAGnD,OAAQ/O,GACN,IAAK,MAAO,CACV,MAAMmP,EACJR,EAAcH,EAAkBnH,QAAUkG,OAAO8B,YAEnDvC,EAAeqC,EAAQ,MAAQ,UAC/BV,EAAgBG,IAAMO,EAAQR,EAAcE,EAC5C,MAEF,IAAK,SACHJ,EAAgBG,IACdN,EAAkBM,IAClBhD,GACC0C,EAAkBQ,OAASR,EAAkBM,KAAO,EACrDJ,EAAkBnH,OAAS,EAC7B,MAEF,QAAS,CACP,MAAM+H,EAAWP,GAAkB,EAEnC/B,EAAesC,EAAW,SAAW,OACrCX,EAAgBG,IAAMQ,EAAWP,EAAiBF,UAInD,GAAa,UAATlN,EAAkB,CAC3B,OAAQtB,GACN,IAAK,QACHsO,EAAgBS,MAAQvD,EACxB,MACF,IAAK,OACH8C,EAAgBO,KAAOrD,EACvB,MAEF,QACE8C,EAAgBO,KACdzB,OAAOiC,WAAa,EAAIhB,EAAkBlH,MAAQ,EAIxD,OAAQtH,GACN,IAAK,MACHyO,EAAgBG,IAAMhD,EACtB,MACF,IAAK,SACH6C,EAAgBG,IACdrB,OAAO8B,YAAc,EAAIb,EAAkBnH,OAAS,EACtD,MAEF,QACEoH,EAAgBK,OAASlD,GAM/BqB,EAAWiB,QAAQrG,MAAMG,SAAWyG,EAAgBzG,SACpDiF,EAAWiB,QAAQrG,MAAM+G,IAAMlN,QAC7B,CAAC+M,EAAgBG,KACjBrN,GAEF0L,EAAWiB,QAAQrG,MAAMiH,OAASpN,QAChC,CAAC+M,EAAgBK,QACjBvN,GAEF0L,EAAWiB,QAAQrG,MAAMmH,KAAOtN,QAC9B,CAAC+M,EAAgBO,MACjBzN,GAEF0L,EAAWiB,QAAQrG,MAAMqH,MAAQxN,QAC/B,CAAC+M,EAAgBS,OACjB3N,IAIEkO,EAA+BzB,IAC9BzB,IAEW,UAAXf,GAAiC,cAAXwC,EAAEvM,MACb,UAAX+J,GAAiC,UAAXwC,EAAEvM,OAErB2M,EAAUJ,IACZZ,IAKFb,IACc,UAAZd,GAAkC,cAAXuC,EAAEvM,OACtB2M,EAAUJ,IAAOK,EAAUL,IAC9BX,KAIY,UAAZ5B,GAAkC,WAAXuC,EAAEvM,MAC3B4L,IAGc,UAAZ5B,GAAkC,UAAXuC,EAAEvM,MAC3B4L,IAGc,mBAAZ5B,GAA2C,UAAXuC,EAAEvM,MAChC2M,EAAUJ,IACZX,IAIY,wBAAZ5B,GAAgD,UAAXuC,EAAEvM,OACpC4M,EAAUL,IACbX,OAMFI,EAAwBiC,WAC5BpC,EACAzB,GAGIiC,EAAc2B,EACd7B,EAAmB8B,WAASD,EAA6B5D,GAEzDgC,EAAgBG,IACN,WAAVA,EAAErO,KACJ0N,KAIJ,MAAO,CACLN,WAAAA,EACAE,WAAAA,EACAV,OAAAA,EACAb,MAAOe,EACPtM,OAAQwM,EACR3M,OAAQ6M,EACRO,YAAAA,EACAC,YAAAA,EACAhB,QAAAA,EACAa,WAAAA,EACAC,aAAAA,UC3aE5N,EAAgC,EACpCiB,SAAAA,EACAmP,QAAAA,EACAC,YAAAA,EACAC,eAAAA,EAAiB,MACjBC,eAAAA,EAAiB,SACdlP,MAEH,MAAM2L,OACJA,EAAMQ,WACNA,EAAUE,WACVA,EAAUG,YACVA,EAAWC,YACXA,EAAW3B,MACXA,EAAKvL,OACLA,EAAMH,OACNA,KACGoM,GACD2D,EAAWnP,IAET4K,OAAEA,EAAMC,QAAEA,GAAY7K,EAEtBoP,EAAetJ,WACnB,IACa,WAAX8E,GACY,WAAZC,GACY,wBAAZA,GACF,CAACD,EAAQC,IAGX,OACErK,gDACG0F,gBAAc6I,EAAS,CACtBE,CAACA,GAAiB9C,EAClBR,OAAAA,KACIyD,EAAe,CAAE5C,YAAAA,EAAaC,YAAAA,GAAgB,MAGnD,IAkBDrG,EAAO,GAAGhI,cAENiI,YAAcD,IACdE,QAAUlI,IACVmI,sBAAwBH,QC5FnB3H,SAAOC,OAAOD,SAAO4Q,cAAc;;;;;IAK9CvQ,mBAAiB,CACjBC,IAAK,QACLuQ,OAXW,EAAGzQ,IAAAA,EAAKG,MAAOC,KAAQJ,CAAG;IACrCI,EAAEO,aAAeC,YAAUR,EAAEO;EAW7BX,IAAKJ,SAAOI,IACZa,WAAW;QCFTf,EAEFgB,cACF,EAAG4P,UAAAA,EAAW5N,MAAAA,EAAO/B,SAAAA,EAAUC,IAAAA,EAAKJ,UAAAA,KAAcO,GAASC,KAWzD,OATsCE,EAOVoP,EAAY,IAAM1P,EAN5CW,wBAACC,GAAOR,IAAKA,EAAKE,GAAIA,QAAW,CAAEX,YAAaC,MAAiBO,GAC9DJ,GAAY+B,GAFoB,IAACxB,KAapCiG,EAAO,GAAGhI,SAEhBO,EAAU0H,YAAcD,EACxBzH,EAAU2H,QAAUlI,EACpBO,EAAU4H,sBAAwBH,EAClCzH,EAAU6Q,QAAS,2IJvBY,EAC7B5P,SAAAA,EACA6L,QAAAA,EACAa,WAAAA,EACAC,aAAAA,KAEA/L,wBAACkK,GAAS5J,MAAO,CAAE2K,QAAAA,EAASa,WAAAA,EAAYC,aAAAA,IAAiB3M,wDFWtB6P,IACnC,MAAMpJ,EACJoJ,EAAiBpJ,aAAeoJ,EAAiBrJ,MAAQ,YAErDsJ,EAAY1P,IAChB,MAAMa,KACJA,EAAO,SAAQ8O,mBACfA,EAAkBC,YAClBA,EAAW7H,UACXA,EAAY,MACT8H,GACD7P,GAwBG8P,EAAkBC,GAAkB1F,WArBF,MACvC,GAAa,WAATxJ,EAAmB,CACrB,IAAIuI,MAAMC,QAAQuG,GAMhB,OAAOA,EAJPI,QAAQC,KACN,oEAKC,GAAa,UAATpP,EAAkB,CAC3B,MAAMqP,EAAoB9G,MAAMC,QAAQuG,GACpCA,EACA,CAACA,GAEL,OAAO,IAAIO,IAAID,EAAkBlN,KAAK6F,GAAO,CAACA,GAAI,QAMFuH,IAY9CC,EAAmBtR,IAErBgR,EADW,WAATlP,EACcyP,GACVX,GACAW,IAAcvR,EADaA,OAC/B,EAIgB,UAAT8B,EACOyP,IAEd,MAAMV,EAAc,IAAIO,IAAIG,GAE5B,OACEX,GACAC,EAAY/I,IAAI9H,IACkB,IA1BjB,CAAC6I,IACxB,IAAI2I,EAAS,EAMb,OAJA3I,EAAK4I,SAAS1P,IACRA,IAAOyP,GAAU,MAGhBA,GAmBDE,CAAiBb,IAKnBA,EAAYc,IAAI3R,GAAM6Q,EAAY/I,IAAI9H,IAH7B6Q,QAOIlK,IAcbiL,EAAiB5R,IACrBsR,EAAgBtR,IAGZ6R,EAAmB7R,IACvBsR,EAAgBtR,IAGZ8R,EAAoB9R,IACxBsR,EAAgBtR,IAWZ+R,EAAgB/R,KACf+Q,IACQ,WAATjP,EAA0BiP,IAAqB/Q,EACtC,UAAT8B,GAAoBiP,aAA4BK,OACzCL,EAAiBjJ,IAAI9H,IAK5BgS,EAAsB,CAC1BC,oBAd0B,MACN,GArBlBjB,EAAe,IAAII,OAmEvB,OAXA7F,aAAU,QASP,CAACzJ,EAAM+O,IAEHpP,wBAACiP,MAAqBI,EAAM9H,UA9BV/H,IACvB,MAAMjB,IAAEA,GAAQiB,EAKVuQ,EAAS,IAFQ,iBAAdxI,EAAyBA,EAAYA,EAAU/H,GAItD2L,OAAQmF,EAAa/R,GACrBkS,iBAAkB,IApDG,CAAClS,IACxBsR,EAAgBtR,IAmDUkS,CAAiBlS,GACzC4R,cAAAA,EACAC,gBAAAA,EACAC,iBAAAA,KACa,UAAThQ,EAAmBkQ,EAAsB,IAG/C,OAAOR,MAmBX,OAHAb,EAASvF,cAAgBA,EACzBuF,EAASrJ,YAAc,6CAA6CA,KAE7DqJ,8BH5IuCD,IAC9C,MAAMpJ,EACJoJ,EAAiBpJ,aAAeoJ,EAAiBrJ,MAAQ,YAErDsJ,EAAY1P,IAChB,MAAMkR,iBAAEA,EAAgBC,SAAEA,EAAQ9M,aAAEA,EAAYD,cAAEA,KAAkByL,GAClE7P,EACIoR,EAAaC,cAanB,OAFIH,GATkB,MACpB,MAAM9M,EAAgByC,MAAIuK,EAAY,uBAChC/M,EAAewC,MAAIuK,EAAY,uBAC/BE,EAAgB3K,EAAU,CAAEvC,cAAAA,EAAeC,aAAAA,IAEnCiN,EAAVH,EAAwB,SACT,UAGCI,GAGpB/Q,wBAACiP,MACKI,EACJxL,aAAcA,EACdD,cAAeA,EACfnE,IAAKmR,KAOX,OAFA1B,EAASrJ,YAAc,4BAA4BA,KAE5CqJ"}
1
+ {"version":3,"file":"vitus-labs-elements.umd.min.js","sources":["../src/constants.ts","../src/helpers/Wrapper/constants.ts","../src/helpers/Wrapper/styled.ts","../src/helpers/Wrapper/component.tsx","../src/helpers/Wrapper/utils.ts","../src/helpers/Content/styled.ts","../src/helpers/Content/component.tsx","../src/Element/constants.ts","../src/Element/component.tsx","../src/Element/utils.ts","../src/Element/withEqualSizeBeforeAfter.tsx","../src/helpers/Iterator/component.tsx","../src/List/component.tsx","../src/List/withActiveState.tsx","../src/Portal/component.ts","../src/Overlay/context.tsx","../src/Overlay/useOverlay.tsx","../src/Overlay/component.tsx","../src/Text/styled.ts","../src/Text/component.tsx"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const PKG_NAME = '@vitus-labs/elements' as const\n","/* eslint-disable import/prefer-default-export */\n// https://stackoverflow.com/questions/35464067/flexbox-not-working-on-button-or-fieldset-elements\nexport const INLINE_ELEMENTS_FLEX_FIX = {\n button: true,\n fieldset: true,\n legend: true,\n}\n","import { config } from '@vitus-labs/core'\nimport { alignContent, extendCss, makeItResponsive } from '@vitus-labs/unistyle'\n\nconst styles = ({ theme: t, css }) => css`\n ${__WEB__ &&\n css`\n ${({ $childFix }) =>\n !$childFix &&\n css`\n display: ${t.block ? 'flex' : 'inline-flex'};\n `};\n\n ${({ $parentFix }) =>\n $parentFix &&\n t.block &&\n css`\n flex-direction: column;\n width: 100%;\n `};\n `};\n\n ${__WEB__ &&\n t.alignY === 'block' &&\n css`\n height: 100%;\n `};\n\n ${alignContent({\n direction: t.direction,\n alignX: t.alignX,\n alignY: t.alignY,\n })};\n\n ${t.block &&\n css`\n align-self: stretch;\n `}\n\n ${t.extraStyles && extendCss(t.extraStyles)};\n`\n\nconst platformStyles = __WEB__ ? 'box-sizing: border-box;' : 'display: flex;'\n\nexport default config.styled(config.component)`\n position: relative;\n ${platformStyles};\n\n ${({ $childFix }) =>\n $childFix &&\n config.css`\n display: flex;\n flex: 1;\n width: 100%;\n height: 100%;\n `};\n\n ${makeItResponsive({\n key: '$element',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { forwardRef, ReactNode } from 'react'\nimport type { StyledComponentPropsWithRef } from 'styled-components'\nimport type {\n Direction,\n AlignX,\n AlignY,\n ResponsiveBooltype,\n ExtendCss,\n} from '~/types'\nimport { isWebFixNeeded } from './utils'\nimport Styled from './styled'\n\ntype Reference = unknown\n\ntype Props = {\n children: ReactNode\n tag: StyledComponentPropsWithRef<any>\n block: ResponsiveBooltype\n isInline: boolean\n direction: Direction\n alignX: AlignX\n alignY: AlignY\n equalCols: ResponsiveBooltype\n extendCss: ExtendCss\n dangerouslySetInnerHTML: any\n}\n\nconst component = forwardRef<Reference, Partial<Props>>(\n (\n {\n children,\n tag,\n block,\n extendCss,\n direction,\n alignX,\n alignY,\n equalCols,\n isInline,\n ...props\n },\n ref\n ) => {\n const debugProps =\n process.env.NODE_ENV !== 'production'\n ? {\n 'data-vl-element': 'Element',\n }\n : {}\n\n const COMMON_PROPS = {\n ...props,\n ...debugProps,\n ref,\n as: tag,\n }\n\n const needsFix = __WEB__\n ? !props.dangerouslySetInnerHTML && tag && isWebFixNeeded(tag)\n : false\n\n // eslint-disable-next-line no-nested-ternary\n const asTag = __WEB__ ? (isInline ? 'span' : 'div') : undefined\n\n if (!needsFix || __NATIVE__) {\n return (\n <Styled\n {...COMMON_PROPS}\n $element={{\n block,\n direction,\n alignX,\n alignY,\n equalCols,\n extraStyles: extendCss,\n }}\n >\n {children}\n </Styled>\n )\n }\n\n return (\n <Styled\n {...COMMON_PROPS}\n $parentFix\n $element={{\n block,\n extraStyles: extendCss,\n }}\n >\n <Styled\n as={asTag}\n $childFix\n $element={{\n direction,\n alignX,\n alignY,\n equalCols,\n }}\n >\n {children}\n </Styled>\n </Styled>\n )\n }\n)\n\nexport default component\n","/* eslint-disable import/prefer-default-export */\nimport { INLINE_ELEMENTS_FLEX_FIX } from './constants'\n\ntype IsWebFixNeeded = (tag: string) => boolean\nexport const isWebFixNeeded: IsWebFixNeeded = (tag) =>\n INLINE_ELEMENTS_FLEX_FIX[tag]\n","import { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n alignContent,\n extendCss,\n value,\n} from '@vitus-labs/unistyle'\n\n// --------------------------------------------------------\n// calculate spacing between before / content / after\n// --------------------------------------------------------\nconst calculateGap = ({ direction, type, value, css }) => {\n if (!direction || !type) return undefined\n\n const data = {\n inline: {\n before: 'margin-right',\n after: 'margin-left',\n },\n rows: {\n before: 'margin-bottom',\n after: 'margin-top',\n },\n }\n\n const finalStyles = `${data[direction][type]}: ${value};`\n\n return css`\n ${finalStyles};\n `\n}\n\n// --------------------------------------------------------\n// calculations of styles to be rendered\n// --------------------------------------------------------\nconst styles = ({ css, theme: t, rootSize }) => css`\n ${alignContent({\n direction: t.direction,\n alignX: t.alignX,\n alignY: t.alignY,\n })};\n\n ${t.equalCols &&\n css`\n flex: 1;\n `};\n\n ${t.gap &&\n css`\n ${({ $contentType }) =>\n calculateGap({\n direction: t.parentDirection,\n type: $contentType,\n value: value([t.gap], rootSize),\n css,\n })}\n `};\n\n ${t.extraStyles && extendCss(t.extraStyles)};\n`\n\nexport default config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\n };\n\n display: flex;\n align-self: stretch;\n flex-wrap: wrap;\n\n ${({ $contentType }) =>\n $contentType === 'content' &&\n config.css`\n flex: 1;\n `};\n\n ${makeItResponsive({\n key: '$element',\n styles,\n css: config.css,\n normalize: true,\n })};\n`\n","import React, { memo, VFC, ReactNode } from 'react'\nimport type { StyledComponentPropsWithRef } from 'styled-components'\nimport type {\n Direction,\n AlignX,\n AlignY,\n ResponsiveBooltype,\n Responsive,\n ExtendCss,\n} from '~/types'\nimport Styled from './styled'\n\ntype Props = {\n parentDirection: Direction\n gap: Responsive\n contentType: 'before' | 'content' | 'after'\n children: ReactNode\n tag: StyledComponentPropsWithRef<any>\n direction: Direction\n alignX: AlignX\n alignY: AlignY\n equalCols: ResponsiveBooltype\n extendCss: ExtendCss\n}\n\nconst component: VFC<Partial<Props>> = ({\n contentType,\n tag,\n parentDirection,\n direction,\n alignX,\n alignY,\n equalCols,\n gap,\n extendCss,\n ...props\n}) => {\n const debugProps =\n process.env.NODE_ENV !== 'production'\n ? {\n 'data-vl-element': contentType,\n }\n : {}\n\n return (\n <Styled\n as={tag}\n $contentType={contentType}\n $element={{\n parentDirection,\n direction,\n alignX,\n alignY,\n equalCols,\n gap,\n extraStyles: extendCss,\n }}\n {...debugProps}\n {...props}\n />\n )\n}\n\nexport default memo(component)\n","export const RESERVED_PROPS = [\n 'innerRef',\n 'tag',\n 'block',\n 'label',\n 'children',\n 'beforeContent',\n 'afterContent',\n\n 'equalCols',\n 'vertical',\n 'direction',\n 'alignX',\n 'alignY',\n\n 'css',\n 'contentCss',\n 'beforeContentCss',\n 'afterContentCss',\n\n 'contentDirection',\n 'contentAlignX',\n 'contentAlignY',\n\n 'beforeContentDirection',\n 'beforeContentAlignX',\n 'beforeContentAlignY',\n\n 'afterContentDirection',\n 'afterContentAlignX',\n 'afterContentAlignY',\n] as const\n\nexport const INLINE_ELEMENTS = {\n span: true,\n a: true,\n button: true,\n input: true,\n label: true,\n select: true,\n textarea: true,\n br: true,\n img: true,\n strong: true,\n small: true,\n code: true,\n b: true,\n big: true,\n i: true,\n tt: true,\n abbr: true,\n acronym: true,\n cite: true,\n dfn: true,\n em: true,\n kbd: true,\n samp: true,\n var: true,\n bdo: true,\n map: true,\n object: true,\n q: true,\n script: true,\n sub: true,\n sup: true,\n}\n\nexport const EMPTY_ELEMENTS = {\n area: true,\n base: true,\n br: true,\n col: true,\n embed: true,\n hr: true,\n img: true,\n input: true,\n keygen: true,\n link: true,\n // 'meta': true,\n // 'param': true,\n source: true,\n track: true,\n wbr: true,\n}\n","import React, { forwardRef, useMemo } from 'react'\nimport { renderContent } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport { Wrapper, Content } from '~/helpers'\nimport { isInlineElement, getShouldBeEmpty } from './utils'\nimport type { VLElement } from './types'\n\nconst defaultDirection = 'inline'\nconst defaultContentDirection = 'rows'\nconst defaultAlignX = 'left'\nconst defaultAlignY = 'center'\n\nconst component: VLElement = forwardRef(\n (\n {\n innerRef,\n tag,\n label,\n content,\n children,\n beforeContent,\n afterContent,\n\n block,\n equalCols,\n gap,\n\n direction,\n alignX = defaultAlignX,\n alignY = defaultAlignY,\n\n css,\n contentCss,\n beforeContentCss,\n afterContentCss,\n\n contentDirection = defaultContentDirection,\n contentAlignX = defaultAlignX,\n contentAlignY = defaultAlignY,\n\n beforeContentDirection = defaultDirection,\n beforeContentAlignX = defaultAlignX,\n beforeContentAlignY = defaultAlignY,\n\n afterContentDirection = defaultDirection,\n afterContentAlignX = defaultAlignX,\n afterContentAlignY = defaultAlignY,\n\n ...props\n },\n ref\n ) => {\n // --------------------------------------------------------\n // check if should render only single element\n // --------------------------------------------------------\n const shouldBeEmpty =\n !!props.dangerouslySetInnerHTML ||\n (__WEB__ && tag && getShouldBeEmpty(tag))\n\n // --------------------------------------------------------\n // if not single element, calculate values\n // --------------------------------------------------------\n const isSimpleElement = !beforeContent && !afterContent\n const CHILDREN = children || content || label\n\n const isInline = __WEB__ ? isInlineElement(tag) : false\n const SUB_TAG = __WEB__ && isInline ? 'span' : undefined\n\n // --------------------------------------------------------\n // direction & alignX & alignY calculations\n // --------------------------------------------------------\n const { wrapperDirection, wrapperAlignX, wrapperAlignY } = useMemo(() => {\n let wrapperDirection: typeof direction = direction\n let wrapperAlignX: typeof alignX = alignX\n let wrapperAlignY: typeof alignY = alignY\n\n if (isSimpleElement) {\n if (contentDirection) wrapperDirection = contentDirection\n if (contentAlignX) wrapperAlignX = contentAlignX\n if (contentAlignY) wrapperAlignY = contentAlignY\n } else if (direction) {\n wrapperDirection = direction\n } else {\n wrapperDirection = defaultDirection\n }\n\n return { wrapperDirection, wrapperAlignX, wrapperAlignY }\n }, [\n isSimpleElement,\n contentDirection,\n contentAlignX,\n contentAlignY,\n alignX,\n alignY,\n direction,\n ])\n\n // --------------------------------------------------------\n // common wrapper props\n // --------------------------------------------------------\n const WRAPPER_PROPS = {\n ref: ref || innerRef,\n extendCss: css,\n tag,\n block,\n direction: wrapperDirection,\n alignX: wrapperAlignX,\n alignY: wrapperAlignY,\n as: undefined, // reset styled-components `as` prop\n }\n\n // --------------------------------------------------------\n // return simple/empty element like input or image etc.\n // --------------------------------------------------------\n if (shouldBeEmpty) {\n return <Wrapper {...props} {...WRAPPER_PROPS} />\n }\n\n const contentRenderOutput = renderContent(CHILDREN)\n\n return (\n <Wrapper {...props} {...WRAPPER_PROPS} isInline={isInline}>\n {beforeContent && (\n <Content\n tag={SUB_TAG}\n contentType=\"before\"\n parentDirection={wrapperDirection}\n extendCss={beforeContentCss}\n direction={beforeContentDirection}\n alignX={beforeContentAlignX}\n alignY={beforeContentAlignY}\n equalCols={equalCols}\n gap={gap}\n >\n {renderContent(beforeContent)}\n </Content>\n )}\n\n {isSimpleElement ? (\n contentRenderOutput\n ) : (\n <Content\n tag={SUB_TAG}\n contentType=\"content\"\n parentDirection={wrapperDirection}\n extendCss={contentCss}\n direction={contentDirection}\n alignX={contentAlignX}\n alignY={contentAlignY}\n equalCols={equalCols}\n >\n {contentRenderOutput}\n </Content>\n )}\n\n {afterContent && (\n <Content\n tag={SUB_TAG}\n contentType=\"after\"\n parentDirection={wrapperDirection}\n extendCss={afterContentCss}\n direction={afterContentDirection}\n alignX={afterContentAlignX}\n alignY={afterContentAlignY}\n equalCols={equalCols}\n gap={gap}\n >\n {renderContent(afterContent)}\n </Content>\n )}\n </Wrapper>\n )\n }\n)\n\nconst name = `${PKG_NAME}/Element` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import { INLINE_ELEMENTS, EMPTY_ELEMENTS } from './constants'\n\n// type Value<T = unknown> = T extends true ? 'rows' : 'inline'\n\n// type TransformVerticalProp = <\n// T extends boolean | Record<string, boolean> | Array<boolean>\n// >(\n// vertical: T\n// ) => T extends boolean\n// ? Value<T>\n// : T extends Record<string, boolean>\n// ? Record<keyof T, Value<T[keyof T]>>\n// : T extends Array<boolean>\n// ? Array<Value<T[number]>>\n// : T\n\n// export const transformVerticalProp: TransformVerticalProp = (vertical) => {\n// // eslint-disable-next-line @typescript-eslint/no-explicit-any\n// if (vertical == null) return undefined as any\n\n// const verticalType = typeof vertical\n\n// // vertical is a boolean value\n// if (verticalType === 'boolean') {\n// return vertical ? 'rows' : 'inline'\n// }\n\n// if (Array.isArray(vertical)) {\n// return (vertical as Array<boolean>).map((item) =>\n// item ? 'rows' : 'inline'\n// )\n// }\n\n// if (verticalType === 'object') {\n// return Object.keys(vertical).reduce((accumulator, item) => {\n// // eslint-disable-next-line no-param-reassign\n// accumulator[item] = vertical[item] ? 'rows' : 'inline'\n// return accumulator\n// }, {} as Record<string, 'rows' | 'inline'>)\n// }\n\n// return undefined\n// }\n\ntype GetValue = (tag?: string) => boolean\n\nexport const isInlineElement: GetValue = (tag) =>\n tag ? INLINE_ELEMENTS[tag] : false\n\nexport const getShouldBeEmpty: GetValue = (tag) =>\n tag ? EMPTY_ELEMENTS[tag] : false\n","/* eslint-disable no-param-reassign */\nimport React, { createRef } from 'react'\nimport { get } from '@vitus-labs/core'\nimport type { SimpleHoc } from '~/types'\n\nconst isNumber = (a: unknown, b: unknown) =>\n Number.isInteger(a) && Number.isInteger(b)\n\nconst types = {\n height: 'offsetHeight',\n width: 'offsetWidth',\n}\n\ntype Calculate = ({\n beforeContent,\n afterContent,\n}: {\n beforeContent: HTMLElement\n afterContent: HTMLElement\n}) => (type: 'height' | 'width') => void\n\nconst calculate: Calculate =\n ({ beforeContent, afterContent }) =>\n (type: keyof typeof types) => {\n const beforeContentSize = get(beforeContent, types[type])\n const afterContentSize = get(afterContent, types[type])\n\n if (isNumber(beforeContentSize, afterContentSize)) {\n if (beforeContentSize > afterContentSize) {\n beforeContent.style[type] = `${beforeContentSize}px`\n afterContent.style[type] = `${beforeContentSize}px`\n } else {\n beforeContent.style[type] = `${afterContentSize}px`\n afterContent.style[type] = `${afterContentSize}px`\n }\n }\n }\n\ntype Props = Partial<{\n equalBeforeAfter: boolean\n vertical?: boolean\n afterContent?: React.ReactNode\n beforeContent?: React.ReactNode\n}>\n\nconst withEqualBeforeAfter: SimpleHoc<Props> = (WrappedComponent) => {\n const displayName =\n WrappedComponent.displayName || WrappedComponent.name || 'Component'\n\n const Enhanced = (props) => {\n const { equalBeforeAfter, vertical, afterContent, beforeContent, ...rest } =\n props\n const elementRef = createRef<HTMLElement>()\n\n const calculateSize = () => {\n const beforeContent = get(elementRef, 'current.children[0]')\n const afterContent = get(elementRef, 'current.children[2]')\n const updateElement = calculate({ beforeContent, afterContent })\n\n if (vertical) updateElement('height')\n else updateElement('width')\n }\n\n if (equalBeforeAfter) calculateSize()\n\n return (\n <WrappedComponent\n {...rest}\n afterContent={afterContent}\n beforeContent={beforeContent}\n ref={elementRef}\n />\n )\n }\n\n Enhanced.displayName = `withEqualSizeBeforeAfter(${displayName})`\n\n return Enhanced\n}\n\nexport default withEqualBeforeAfter\n","import React, { Children, FC, useCallback, useMemo } from 'react'\nimport { renderContent, isEmpty } from '@vitus-labs/core'\nimport type { Props, DataArrayObject, ExtendedProps } from './types'\n\nconst RESERVED_PROPS = [\n 'children',\n 'component',\n 'wrapComponent',\n 'data',\n 'itemKey',\n 'valueName',\n 'itemProps',\n 'wrapProps',\n] as const\n\ntype AttachItemProps = ({\n i,\n length,\n}: {\n i: number\n length: number\n}) => ExtendedProps\n\nconst attachItemProps: AttachItemProps = ({\n i,\n length,\n}: {\n i: number\n length: number\n}) => {\n const position = i + 1\n\n return {\n index: i,\n first: position === 1,\n last: position === length,\n odd: position % 2 === 1,\n even: position % 2 === 0,\n position,\n }\n}\n\ntype Static = {\n isIterator: true\n RESERVED_PROPS: typeof RESERVED_PROPS\n}\n\nconst component: FC<Props> & Static = (props: Props) => {\n const {\n itemKey,\n valueName,\n children,\n component,\n data,\n wrapComponent: Wrapper,\n wrapProps,\n itemProps,\n } = props\n\n const renderedElement = renderContent\n\n const injectItemProps = useMemo(\n () => (typeof itemProps === 'function' ? itemProps : () => itemProps),\n [itemProps]\n )\n\n const injectWrapItemProps = useMemo(\n () => (typeof wrapProps === 'function' ? wrapProps : () => wrapProps),\n [wrapProps]\n )\n\n const getKey = useCallback((item: string | number, index) => {\n if (typeof itemKey === 'function') return itemKey(item, index)\n\n return index\n }, [])\n\n // --------------------------------------------------------\n // render children\n // --------------------------------------------------------\n const renderChildren = () => {\n if (!children) return null\n\n const { length } = children\n\n // if no props extension is required, just return children\n if (!itemProps && !Wrapper) return children\n\n return Children.map(children, (item, i) => {\n const key = i\n const extendedProps = attachItemProps({\n i,\n length,\n })\n\n const finalItemProps = itemProps ? injectItemProps({}, extendedProps) : {}\n const finalWrapProps = wrapProps\n ? injectWrapItemProps({}, extendedProps)\n : {}\n\n if (Wrapper) {\n return (\n <Wrapper key={key} {...finalWrapProps}>\n {renderedElement(item, finalItemProps)}\n </Wrapper>\n )\n }\n\n return renderContent(item, {\n key: i,\n ...finalItemProps,\n })\n })\n }\n\n // --------------------------------------------------------\n // render array of strings or numbers\n // --------------------------------------------------------\n const renderSimpleArray = (data) => {\n const { length } = data\n\n // if the data array is empty\n if (data.length === 0) return null\n\n return data.map((item, i) => {\n const key = getKey(item, i)\n const keyName = valueName || 'children'\n const extendedProps = attachItemProps({\n i,\n length,\n })\n\n const finalItemProps = {\n ...(itemProps\n ? injectItemProps({ [keyName]: item }, extendedProps)\n : {}),\n [keyName]: item,\n }\n\n const finalWrapProps = wrapProps\n ? injectWrapItemProps({ [keyName]: item }, extendedProps)\n : {}\n\n if (Wrapper) {\n return (\n <Wrapper key={key} {...finalWrapProps}>\n {renderedElement(component, finalItemProps)}\n </Wrapper>\n )\n }\n\n return renderedElement(component, { key, ...finalItemProps })\n })\n }\n\n // --------------------------------------------------------\n // render array of objects\n // --------------------------------------------------------\n const renderComplexArray = (data) => {\n const renderData = data.filter((item) => !isEmpty(item)) // remove empty objects\n const { length } = renderData\n\n // if it's empty\n if (renderData.length === 0) return null\n\n const getKey = (item: DataArrayObject, index) => {\n if (!itemKey) return item.key || item.id || item.itemId || index\n if (typeof itemKey === 'function') return itemKey(item, index)\n if (typeof itemKey === 'string') return item[itemKey]\n\n return index\n }\n\n return renderData.map((item, i) => {\n const { component: itemComponent, ...restItem } = item as DataArrayObject\n const renderItem = itemComponent || component\n const key = getKey(restItem, i)\n const extendedProps = attachItemProps({\n i,\n length,\n })\n\n const finalItemProps = {\n ...(itemProps ? injectItemProps(item, extendedProps) : {}),\n ...restItem,\n }\n\n const finalWrapProps = wrapProps\n ? injectWrapItemProps(item, extendedProps)\n : {}\n\n if (Wrapper && !itemComponent) {\n return (\n <Wrapper key={key} {...finalWrapProps}>\n {renderedElement(renderItem, finalItemProps)}\n </Wrapper>\n )\n }\n\n return renderedElement(renderItem, { key, ...finalItemProps })\n })\n }\n\n // --------------------------------------------------------\n // render list items\n // --------------------------------------------------------\n const renderItems = () => {\n // --------------------------------------------------------\n // children have priority over props component + data\n // --------------------------------------------------------\n if (children) return renderChildren()\n\n // --------------------------------------------------------\n // render props component + data\n // --------------------------------------------------------\n if (component && Array.isArray(data)) {\n const clearData = data.filter(\n (item) => item !== null && item !== undefined\n )\n\n const isSimpleArray = clearData.every(\n (item) => typeof item === 'string' || typeof item === 'number'\n )\n\n if (isSimpleArray) return renderSimpleArray(clearData)\n\n const isComplexArray = clearData.every((item) => typeof item === 'object')\n\n if (isComplexArray) return renderComplexArray(clearData)\n\n return null\n }\n\n // --------------------------------------------------------\n // if there are no children or valid react component and data as an array,\n // return null to prevent error\n // --------------------------------------------------------\n return null\n }\n\n return renderItems()\n}\n\ncomponent.isIterator = true\ncomponent.RESERVED_PROPS = RESERVED_PROPS\n\nexport default component\n","import React, { forwardRef } from 'react'\nimport { pick, omit } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport Element, { VLElement } from '~/Element'\nimport Iterator, { Props as IteratorProps } from '~/helpers/Iterator'\nimport type { MergeTypes } from '~/types'\n\nexport type Props = MergeTypes<\n [\n IteratorProps,\n {\n rootElement?: boolean\n label: never\n content: never\n }\n ]\n>\n\nconst component: VLElement<Props> = forwardRef(\n ({ rootElement = false, ...props }, ref) => {\n const renderedList = <Iterator {...pick(props, Iterator.RESERVED_PROPS)} />\n\n if (!rootElement) return renderedList\n\n return (\n <Element ref={ref} {...omit(props, Iterator.RESERVED_PROPS)}>\n {renderedList}\n </Element>\n )\n }\n)\n\nconst name = `${PKG_NAME}/List` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import React, { useState, useEffect } from 'react'\nimport type { SimpleHoc } from '~/types'\n\nconst RESERVED_KEYS = [\n 'type',\n 'activeItems',\n 'itemProps',\n 'activeItemRequired',\n] as const\n\ntype Key = string | number\ntype MultipleMap = Map<Key, boolean>\n\ntype ItemPropsData = {\n key: Key\n first: boolean\n last: boolean\n odd: boolean\n even: boolean\n position: number\n}\n\ntype Props = {\n type?: 'single' | 'multi'\n activeItemRequired?: boolean\n activeItems?: Key | Array<string | number>\n itemProps?:\n | Record<string, unknown>\n | ((props: Record<string, unknown>) => Record<string, unknown>)\n}\n\nconst component: SimpleHoc<Props> = (WrappedComponent) => {\n const displayName =\n WrappedComponent.displayName || WrappedComponent.name || 'Component'\n\n const Enhanced = (props) => {\n const {\n type = 'single',\n activeItemRequired,\n activeItems,\n itemProps = {},\n ...rest\n } = props\n\n type InitActiveItems = () => Key | MultipleMap | undefined\n const initActiveItems: InitActiveItems = () => {\n if (type === 'single') {\n if (Array.isArray(activeItems)) {\n // eslint-disable-next-line no-console\n console.warn(\n 'Iterator is type of single. activeItems cannot be an array.'\n )\n } else {\n return activeItems\n }\n } else if (type === 'multi') {\n const activeItemsHelper = Array.isArray(activeItems)\n ? activeItems\n : [activeItems]\n\n return new Map(activeItemsHelper.map((id) => [id, true]))\n }\n\n return undefined\n }\n\n const [innerActiveItems, setActiveItems] = useState(initActiveItems())\n\n const countActiveItems = (data) => {\n let result = 0\n\n data.forEach((value) => {\n if (value) result += 1\n })\n\n return result\n }\n\n const updateItemState = (key: Key) => {\n if (type === 'single') {\n setActiveItems((prevState) => {\n if (activeItemRequired) return key\n if (prevState === key) return undefined\n\n return key\n })\n } else if (type === 'multi') {\n setActiveItems((prevState: MultipleMap) => {\n // TODO: add conditional type to fix this\n const activeItems = new Map(prevState)\n\n if (\n activeItemRequired &&\n activeItems.get(key) &&\n countActiveItems(activeItems) === 1\n ) {\n return activeItems\n }\n\n activeItems.set(key, !activeItems.get(key))\n return activeItems\n })\n } else {\n setActiveItems(undefined)\n }\n }\n\n const handleItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n const updateAllItemsState = (status) => {\n if (!status) {\n setActiveItems(new Map())\n }\n }\n\n const setItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n const unsetItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n const toggleItemActive = (key: Key) => {\n updateItemState(key)\n }\n\n // const setAllItemsActive = () => {\n // updateAllItemsState(true)\n // }\n\n const unsetAllItemsActive = () => {\n updateAllItemsState(false)\n }\n\n const isItemActive = (key: Key): boolean => {\n if (!innerActiveItems) return false\n if (type === 'single') return innerActiveItems === key\n if (type === 'multi' && innerActiveItems instanceof Map) {\n return !!innerActiveItems.get(key)\n }\n return false\n }\n\n const attachMultipleProps = {\n unsetAllItemsActive,\n }\n\n const attachItemProps = (props: ItemPropsData) => {\n const { key } = props\n\n const defaultItemProps =\n typeof itemProps === 'object' ? itemProps : itemProps(props)\n\n const result = {\n ...defaultItemProps,\n active: isItemActive(key),\n handleItemActive: () => handleItemActive(key),\n setItemActive,\n unsetItemActive,\n toggleItemActive,\n ...(type === 'multi' ? attachMultipleProps : {}),\n }\n\n return result\n }\n\n useEffect(() => {\n if (type === 'single' && Array.isArray(activeItems)) {\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.error(\n 'When type=`single` activeItems must be a single value, not an array'\n )\n }\n }\n }, [type, activeItems])\n\n return <WrappedComponent {...rest} itemProps={attachItemProps} />\n }\n Enhanced.RESERVED_KEYS = RESERVED_KEYS\n Enhanced.displayName = `@vitus-labs/elements/List/withActiveState(${displayName})`\n\n return Enhanced\n}\n\nexport default component\n","import { useState, useEffect, ReactNode } from 'react'\nimport { createPortal } from 'react-dom'\nimport { PKG_NAME } from '~/constants'\nimport type { VLComponent } from '~/types'\n\nexport type Props = {\n position?: HTMLElement\n children: ReactNode\n tag?: string\n}\n\nconst component: VLComponent<Props> = ({\n position = __BROWSER__ ? document.body : undefined,\n tag = 'div',\n children,\n}: Props) => {\n const [element] = useState(\n __BROWSER__ ? document.createElement(tag) : undefined\n )\n\n if (!position || !element) return null\n\n useEffect(() => {\n if (__SERVER__) return undefined\n position.appendChild(element)\n\n return () => {\n position.removeChild(element)\n }\n }, [])\n\n return createPortal(children, element)\n}\n\nconst name = `${PKG_NAME}/Portal` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import React, { FC, createContext, useContext } from 'react'\n\ntype Context = {\n blocked: boolean\n setBlocked: () => void\n setUnblocked: () => void\n}\n\nconst context = createContext<Context>({} as Context)\n\nconst { Provider } = context\n\nexport const useOverlayContext = () => useContext(context)\n\nconst component: FC<Context> = ({\n children,\n blocked,\n setBlocked,\n setUnblocked,\n}) => (\n <Provider value={{ blocked, setBlocked, setUnblocked }}>{children}</Provider>\n)\n\nexport default component\n","/* eslint-disable no-console */\nimport { useRef, useState, useEffect, useContext, useCallback } from 'react'\nimport { throttle, context } from '@vitus-labs/core'\nimport { value } from '@vitus-labs/unistyle'\nimport { useOverlayContext } from './context'\n\ntype OverlayPosition = {\n position: 'absolute' | 'fixed' | 'static' | 'relative'\n top?: number | string\n bottom?: number | string\n left?: number | string\n right?: number | string\n}\n\ntype Align = 'bottom' | 'top' | 'left' | 'bottom' | 'right'\ntype AlignX = 'left' | 'center' | 'right'\ntype AlignY = 'bottom' | 'top' | 'center'\n\nexport type UseOverlayProps = {\n isOpen?: boolean\n openOn?: 'click' | 'hover' | 'manual'\n closeOn?:\n | 'click'\n | 'clickOnTrigger'\n | 'clickOutsideContent'\n | 'hover'\n | 'manual'\n type?: 'dropdown' | 'tooltip' | 'popover' | 'modal'\n position?: 'absolute' | 'fixed' | 'relative' | 'static'\n align?: Align\n alignX?: AlignX\n alignY?: AlignY\n offsetX?: number\n offsetY?: number\n throttleDelay?: number\n customScrollListener?: HTMLElement | null\n closeOnEsc?: boolean\n disabled?: boolean\n onOpen?: () => void\n onClose?: () => void\n}\n\nexport default ({\n isOpen = false,\n openOn = 'click', // click | hover\n closeOn = 'click', // click | 'clickOnTrigger' | 'clickOutsideContent' | hover | manual\n type = 'dropdown', // dropdown | tooltip | popover | modal\n align = 'bottom', // * main align prop * top | left | bottom | right\n position = 'fixed', // absolute | fixed | relative | static\n alignX = 'left', // left | center | right\n alignY = 'bottom', // top | center | bottom\n offsetX = 0,\n offsetY = 0,\n throttleDelay = 200,\n customScrollListener,\n closeOnEsc = true,\n disabled,\n onOpen,\n onClose,\n}: UseOverlayProps) => {\n const { rootSize } = useContext(context) as { rootSize: number }\n const ctx = useOverlayContext()\n\n const [blocked, handleBlocked] = useState(false)\n const [active, handleActive] = useState(isOpen)\n\n const [innerAlign, setInnerAlign] = useState(align)\n const [innerAlignX, setInnerAlignX] = useState(alignX)\n const [innerAlignY, setInnerAlignY] = useState(alignY)\n\n const triggerRef = useRef<HTMLElement>()\n const contentRef = useRef<HTMLElement>()\n\n const setBlocked = useCallback(() => handleBlocked(true), [])\n const setUnblocked = useCallback(() => handleBlocked(false), [])\n\n const showContent = useCallback(() => {\n handleActive(true)\n }, [])\n\n const hideContent = useCallback(() => {\n handleActive(false)\n }, [])\n\n // if an Overlay has an Overlay child, this will prevent closing parent child\n // + calculate correct position when an Overlay is opened\n useEffect(() => {\n if (active) {\n if (ctx?.setBlocked) ctx.setBlocked()\n if (onOpen) onOpen()\n } else {\n if (ctx?.setUnblocked) ctx.setUnblocked()\n if (onClose) onClose()\n }\n }, [active, onOpen, onClose])\n\n // calculate position on every position change state\n useEffect(() => {\n if (active) {\n calculateContentPosition()\n }\n }, [active, innerAlign, innerAlignX, innerAlignY])\n\n // handles calculating correct position of content\n // on document events (or custom scroll if set)\n useEffect(() => {\n if (!active) return undefined\n\n window.addEventListener('resize', handleContentPosition, false)\n window.addEventListener('scroll', handleContentPosition, false)\n\n if (customScrollListener) {\n customScrollListener.addEventListener(\n 'scroll',\n handleContentPosition,\n false\n )\n }\n\n return () => {\n window.removeEventListener('resize', handleContentPosition, false)\n window.removeEventListener('scroll', handleContentPosition, false)\n\n if (customScrollListener) {\n customScrollListener.removeEventListener(\n 'scroll',\n handleContentPosition,\n false\n )\n }\n }\n }, [active, customScrollListener])\n\n // make sure scrolling is blocked in case of modal windows or when\n // customScroll is set\n useEffect(() => {\n const shouldSetOverflow = __BROWSER__ && type === 'modal' && document.body\n\n if (active) {\n if (customScrollListener) {\n // eslint-disable-next-line no-param-reassign\n customScrollListener.style.overflow = 'hidden'\n }\n\n if (shouldSetOverflow) {\n document.body.style.overflow = 'hidden'\n }\n } else {\n if (customScrollListener) {\n // eslint-disable-next-line no-param-reassign\n customScrollListener.style.overflow = ''\n }\n\n if (shouldSetOverflow) {\n document.body.style.overflow = ''\n }\n }\n\n return () => {\n if (customScrollListener) {\n // eslint-disable-next-line no-param-reassign\n customScrollListener.style.overflow = ''\n }\n\n if (shouldSetOverflow) {\n document.body.style.overflow = ''\n }\n }\n }, [active, type, customScrollListener])\n\n // only when content is active handle closing\n useEffect(() => {\n if (!active) return undefined\n\n window.addEventListener('scroll', handleVisibility, false)\n\n if (customScrollListener) {\n customScrollListener.addEventListener('scroll', handleVisibility, false)\n }\n\n if (closeOnEsc) {\n window.addEventListener('keydown', handleEscKey, false)\n }\n\n return () => {\n window.removeEventListener('scroll', handleVisibility, false)\n\n if (customScrollListener) {\n customScrollListener.removeEventListener(\n 'scroll',\n handleVisibility,\n false\n )\n }\n\n if (closeOnEsc) {\n window.removeEventListener('keydown', handleEscKey, false)\n }\n }\n }, [active, customScrollListener])\n\n useEffect(() => {\n // enable overlay manipulation only when the state is NOT blocked=true\n // nor in disabled state\n if (blocked || disabled) return undefined\n\n if (\n openOn === 'click' ||\n closeOn === 'click' ||\n closeOn === 'clickOnTrigger' ||\n closeOn === 'clickOutsideContent'\n ) {\n window.addEventListener('click', handleClick, false)\n }\n\n if (openOn === 'hover' || closeOn === 'hover') {\n window.addEventListener('mousemove', handleVisibility, false)\n }\n\n return () => {\n window.removeEventListener('click', handleClick, false)\n window.removeEventListener('mousemove', handleVisibility, false)\n }\n }, [openOn, closeOn, blocked, disabled, active])\n\n const isNodeOrChild = (ref) => (e) => {\n if (e && e.target && ref.current) {\n return ref.current.contains(e.target) || e.target === ref.current\n }\n\n return false\n }\n\n const isTrigger = isNodeOrChild(triggerRef)\n const isContent = isNodeOrChild(contentRef)\n\n const calculateContentPosition = () => {\n if (!active) return\n\n if (!triggerRef.current || !contentRef.current) {\n if (process.env.NODE_ENV === 'development') {\n console.warn('Cannot access `ref` of trigger or content component.')\n }\n\n return\n }\n\n const triggerDimensions = triggerRef.current.getBoundingClientRect()\n const contentDimensions = contentRef.current.getBoundingClientRect()\n\n const overlayPosition: OverlayPosition = {\n position,\n }\n\n if (['dropdown', 'tooltip', 'popover'].includes(type)) {\n if (['top', 'bottom'].includes(align)) {\n const positionTop =\n triggerDimensions.top - offsetY - contentDimensions.height\n const positionBottom = triggerDimensions.bottom + offsetY\n\n const positionLeft = triggerDimensions.left - offsetX\n const positionRight =\n triggerDimensions.right + offsetX - contentDimensions.width\n\n if (align === 'top') {\n const isTop = positionTop >= 0\n\n setInnerAlign(isTop ? 'top' : 'bottom')\n overlayPosition.top = isTop ? positionTop : positionBottom\n } else {\n const isBottom =\n positionBottom + contentDimensions.height <= window.innerHeight\n\n setInnerAlign(isBottom ? 'bottom' : 'top')\n overlayPosition.top = isBottom ? positionBottom : positionTop\n }\n\n switch (alignX) {\n case 'right': {\n const isRight = positionRight >= 0\n\n setInnerAlignX(isRight ? 'right' : 'left')\n overlayPosition.left = isRight ? positionRight : positionLeft\n\n break\n }\n case 'center': {\n overlayPosition.left =\n triggerDimensions.left +\n (triggerDimensions.right - triggerDimensions.left) / 2 -\n contentDimensions.width / 2\n break\n }\n case 'left':\n default: {\n const isLeft =\n positionLeft + contentDimensions.width <= window.innerWidth\n\n setInnerAlignX(isLeft ? 'left' : 'right')\n overlayPosition.left = isLeft ? positionLeft : positionRight\n break\n }\n }\n } else if (['left', 'right'].includes(align)) {\n const positionLeft =\n triggerDimensions.left - offsetX - contentDimensions.width\n const positionRight = triggerDimensions.right + offsetX\n\n const positionTop = triggerDimensions.top + offsetY\n const positionBottom =\n triggerDimensions.bottom - offsetY - contentDimensions.height\n\n if (align === 'left') {\n const isLeft = positionLeft >= 0\n\n setInnerAlign(isLeft ? 'left' : 'right')\n overlayPosition.left = isLeft ? positionLeft : positionRight\n } else {\n const isRight =\n positionRight + contentDimensions.width <= window.innerWidth\n\n setInnerAlign(isRight ? 'right' : 'left')\n overlayPosition.left = isRight ? positionRight : positionLeft\n }\n\n switch (alignY) {\n case 'top': {\n const isTop =\n positionTop + contentDimensions.height <= window.innerHeight\n\n setInnerAlignY(isTop ? 'top' : 'bottom')\n overlayPosition.top = isTop ? positionTop : positionBottom\n break\n }\n case 'center':\n overlayPosition.top =\n triggerDimensions.top -\n offsetY +\n (triggerDimensions.bottom - triggerDimensions.top) / 2 -\n contentDimensions.height / 2\n break\n case 'bottom':\n default: {\n const isBottom = positionBottom >= 0\n\n setInnerAlignY(isBottom ? 'bottom' : 'top')\n overlayPosition.top = isBottom ? positionBottom : positionTop\n }\n }\n }\n } else if (type === 'modal') {\n switch (alignX) {\n case 'right':\n overlayPosition.right = offsetX\n break\n case 'left':\n overlayPosition.left = offsetX\n break\n case 'center':\n default:\n overlayPosition.left =\n window.innerWidth / 2 - contentDimensions.width / 2\n break\n }\n\n switch (alignY) {\n case 'top':\n overlayPosition.top = offsetY\n break\n case 'center':\n overlayPosition.top =\n window.innerHeight / 2 - contentDimensions.height / 2\n break\n case 'bottom':\n default:\n overlayPosition.bottom = offsetY\n break\n }\n }\n\n // ADD POSITION STYLES TO CONTENT\n contentRef.current.style.position = overlayPosition.position\n contentRef.current.style.top = value(\n [overlayPosition.top],\n rootSize\n ) as string\n contentRef.current.style.bottom = value(\n [overlayPosition.bottom],\n rootSize\n ) as string\n contentRef.current.style.left = value(\n [overlayPosition.left],\n rootSize\n ) as string\n contentRef.current.style.right = value(\n [overlayPosition.right],\n rootSize\n ) as string\n }\n\n const handleVisibilityByEventType = (e) => {\n if (!active) {\n if (\n (openOn === 'hover' && e.type === 'mousemove') ||\n (openOn === 'click' && e.type === 'click')\n ) {\n if (isTrigger(e)) {\n showContent()\n }\n }\n }\n\n if (active) {\n if (closeOn === 'hover' && e.type === 'mousemove') {\n if (!isTrigger(e) && !isContent(e)) {\n hideContent()\n }\n }\n\n if (closeOn === 'hover' && e.type === 'scroll') {\n hideContent()\n }\n\n if (closeOn === 'click' && e.type === 'click') {\n hideContent()\n }\n\n if (closeOn === 'clickOnTrigger' && e.type === 'click') {\n if (isTrigger(e)) {\n hideContent()\n }\n }\n\n if (closeOn === 'clickOutsideContent' && e.type === 'click') {\n if (!isContent(e)) {\n hideContent()\n }\n }\n }\n }\n\n const handleContentPosition = throttle(\n calculateContentPosition,\n throttleDelay\n )\n\n const handleClick = handleVisibilityByEventType\n const handleVisibility = throttle(handleVisibilityByEventType, throttleDelay)\n\n const handleEscKey = (e: any) => {\n if (e.key === 'Escape') {\n hideContent()\n }\n }\n\n return {\n triggerRef,\n contentRef,\n active,\n align: innerAlign,\n alignX: innerAlignX,\n alignY: innerAlignY,\n showContent,\n hideContent,\n blocked,\n setBlocked,\n setUnblocked,\n }\n}\n","import React, { useMemo } from 'react'\nimport { renderContent } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport Portal from '~/Portal'\nimport type { VLComponent, Content } from '~/types'\nimport useOverlay, { UseOverlayProps } from './useOverlay'\nimport Provider from './context'\n\ntype Align = 'bottom' | 'top' | 'left' | 'bottom' | 'right'\ntype AlignX = 'left' | 'center' | 'right'\ntype AlignY = 'bottom' | 'top' | 'center'\n\ntype TriggerRenderer = (\n props: Partial<{\n active: boolean\n showContent: () => void\n hideContent: () => void\n }>\n) => Content\n\ntype ContentRenderer = (\n props: Partial<{\n active: boolean\n showContent: () => void\n hideContent: () => void\n align: Align\n alignX: AlignX\n alignY: AlignY\n }>\n) => Content\n\nexport type Props = {\n children: Content | TriggerRenderer\n trigger: Content | ContentRenderer\n DOMLocation?: HTMLElement\n triggerRefName?: string\n contentRefName?: string\n} & UseOverlayProps\n\nconst component: VLComponent<Props> = ({\n children,\n trigger,\n DOMLocation,\n triggerRefName = 'ref',\n contentRefName = 'ref',\n ...props\n}) => {\n const {\n active,\n triggerRef,\n contentRef,\n showContent,\n hideContent,\n align,\n alignX,\n alignY,\n ...ctx\n } = useOverlay(props)\n\n const { openOn, closeOn } = props\n\n const passHandlers = useMemo(\n () =>\n openOn === 'manual' ||\n closeOn === 'manual' ||\n closeOn === 'clickOutsideContent',\n [openOn, closeOn]\n )\n\n return (\n <>\n {renderContent(trigger, {\n [triggerRefName]: triggerRef,\n active,\n ...(passHandlers ? { showContent, hideContent } : {}),\n })}\n\n {__BROWSER__ && active && (\n <Portal position={DOMLocation}>\n <Provider {...ctx}>\n {renderContent(children, {\n [contentRefName]: contentRef,\n active,\n align,\n alignX,\n alignY,\n ...(passHandlers ? { showContent, hideContent } : {}),\n })}\n </Provider>\n </Portal>\n )}\n </>\n )\n}\n\nconst name = `${PKG_NAME}/Overlay` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\n\nexport default component\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, extendCss } from '@vitus-labs/unistyle'\n\nconst styles = ({ css, theme: t }) => css`\n ${t.extraStyles && extendCss(t.extraStyles)};\n`\n\nexport default config.styled(config.textComponent)`\n color: inherit;\n font-weight: normal;\n line-height: 1;\n\n ${makeItResponsive({\n key: '$text',\n styles,\n css: config.css,\n normalize: false,\n })};\n`\n","import React, { forwardRef, ReactNode } from 'react'\nimport type { HTMLTagsText } from '@vitus-labs/core'\nimport { PKG_NAME } from '~/constants'\nimport type { VLForwardedComponent, ExtendCss } from '~/types'\nimport Styled from './styled'\n\nexport type Props = Partial<{\n paragraph: boolean\n label: ReactNode\n children: ReactNode\n tag: HTMLTagsText\n extendCss: ExtendCss\n}>\n\nconst component: VLForwardedComponent<Props> & {\n isText?: true\n} = forwardRef(\n ({ paragraph, label, children, tag, extendCss, ...props }, ref) => {\n type RenderContent = (as?: any) => any\n const renderContent: RenderContent = (as = undefined) => (\n <Styled ref={ref} as={as} $text={{ extraStyles: extendCss }} {...props}>\n {children || label}\n </Styled>\n )\n\n // eslint-disable-next-line no-nested-ternary\n const finalTag = __WEB__ ? (paragraph ? 'p' : tag) : undefined\n\n return renderContent(finalTag)\n }\n)\n\nconst name = `${PKG_NAME}/Text` as const\n\ncomponent.displayName = name\ncomponent.pkgName = PKG_NAME\ncomponent.VITUS_LABS__COMPONENT = name\ncomponent.isText = true\n\nexport default component\n"],"names":["PKG_NAME","INLINE_ELEMENTS_FLEX_FIX","button","fieldset","legend","config","styled","component","$childFix","css","makeItResponsive","key","theme","t","block","$parentFix","alignY","alignContent","direction","alignX","extraStyles","extendCss","normalize","forwardRef","children","tag","equalCols","isInline","props","ref","COMMON_PROPS","as","asTag","dangerouslySetInnerHTML","isWebFixNeeded","React","Styled","$contentType","rootSize","gap","type","value","inline","before","after","rows","calculateGap","parentDirection","memo","contentType","INLINE_ELEMENTS","span","a","input","label","select","textarea","br","img","strong","small","code","b","big","i","tt","abbr","acronym","cite","dfn","em","kbd","samp","var","bdo","map","object","q","script","sub","sup","EMPTY_ELEMENTS","area","base","col","embed","hr","keygen","link","source","track","wbr","defaultDirection","innerRef","content","beforeContent","afterContent","defaultAlignX","defaultAlignY","contentCss","beforeContentCss","afterContentCss","contentDirection","contentAlignX","contentAlignY","beforeContentDirection","beforeContentAlignX","beforeContentAlignY","afterContentDirection","afterContentAlignX","afterContentAlignY","shouldBeEmpty","getShouldBeEmpty","isSimpleElement","CHILDREN","isInlineElement","SUB_TAG","undefined","wrapperDirection","wrapperAlignX","wrapperAlignY","useMemo","WRAPPER_PROPS","Wrapper","contentRenderOutput","renderContent","Content","name","displayName","pkgName","VITUS_LABS__COMPONENT","types","height","width","calculate","beforeContentSize","get","afterContentSize","Number","isInteger","style","attachItemProps","length","position","index","first","last","odd","even","itemKey","valueName","data","wrapComponent","wrapProps","itemProps","renderedElement","injectItemProps","injectWrapItemProps","getKey","useCallback","item","renderComplexArray","renderData","filter","isEmpty","itemComponent","restItem","renderItem","id","itemId","extendedProps","finalItemProps","finalWrapProps","Children","renderChildren","Array","isArray","clearData","every","keyName","renderSimpleArray","renderItems","isIterator","RESERVED_PROPS","rootElement","renderedList","Iterator","pick","Element","omit","RESERVED_KEYS","element","useState","useEffect","createPortal","context","createContext","Provider","isOpen","openOn","closeOn","align","offsetX","offsetY","throttleDelay","customScrollListener","closeOnEsc","disabled","onOpen","onClose","useContext","ctx","blocked","handleBlocked","active","handleActive","innerAlign","setInnerAlign","innerAlignX","setInnerAlignX","innerAlignY","setInnerAlignY","triggerRef","useRef","contentRef","setBlocked","setUnblocked","showContent","hideContent","calculateContentPosition","window","addEventListener","handleContentPosition","removeEventListener","overflow","handleVisibility","handleEscKey","handleClick","isNodeOrChild","e","target","current","contains","isTrigger","isContent","triggerDimensions","getBoundingClientRect","contentDimensions","overlayPosition","includes","positionTop","top","positionBottom","bottom","positionLeft","left","positionRight","right","isTop","isBottom","innerHeight","isRight","isLeft","innerWidth","handleVisibilityByEventType","throttle","trigger","DOMLocation","triggerRefName","contentRefName","useOverlay","passHandlers","textComponent","styles","paragraph","isText","WrappedComponent","Enhanced","activeItemRequired","activeItems","rest","innerActiveItems","setActiveItems","console","warn","activeItemsHelper","Map","initActiveItems","updateItemState","prevState","result","forEach","countActiveItems","set","setItemActive","unsetItemActive","toggleItemActive","isItemActive","attachMultipleProps","unsetAllItemsActive","handleItemActive","equalBeforeAfter","vertical","elementRef","createRef","updateElement","calculateSize"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vitus-labs/elements",
3
- "version": "0.35.0",
3
+ "version": "0.36.0",
4
4
  "license": "MIT",
5
5
  "author": "Vit Bokisch <vit@bokisch.cz>",
6
6
  "maintainers": [
@@ -58,13 +58,13 @@
58
58
  "react-dom": ">= 16.8"
59
59
  },
60
60
  "devDependencies": {
61
- "@vitus-labs/core": "^0.35.0",
62
- "@vitus-labs/rocketstyle": "^0.35.0",
63
- "@vitus-labs/tools-babel": "^0.26.0",
64
- "@vitus-labs/tools-rollup": "^0.26.0",
65
- "@vitus-labs/tools-storybook": "^0.26.0",
66
- "@vitus-labs/tools-typescript": "^0.26.0",
67
- "@vitus-labs/unistyle": "^0.35.0"
61
+ "@vitus-labs/core": "^0.36.0",
62
+ "@vitus-labs/rocketstyle": "^0.36.0",
63
+ "@vitus-labs/tools-babel": "^0.27.0",
64
+ "@vitus-labs/tools-rollup": "^0.27.0",
65
+ "@vitus-labs/tools-storybook": "^0.27.0",
66
+ "@vitus-labs/tools-typescript": "^0.27.0",
67
+ "@vitus-labs/unistyle": "^0.36.0"
68
68
  },
69
- "gitHead": "68640ca2ea14b1f13d09cd7a291399078079f71c"
69
+ "gitHead": "32d6c7af10d15556e6b2075ba59841e86aa69cff"
70
70
  }