intergalactic 15.43.0-prerelease-fbfdafde → 15.43.0-prerelease-960d7de5-1

package/libs/skeleton/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { UniqueIDProps } from '@semcore/utils/lib/uniqueID';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n  UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default invert\n     */\n    theme?: 'dark' | 'invert';\n  };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n};\n"],"mappings":""}

package/libs/skeleton/lib/es6/index.js

@@ -0,0 +1,3 @@
+export { default } from './Skeleton';
+export * from './Charts';
+//# sourceMappingURL=index.js.map

package/libs/skeleton/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,cAAc,UAAU"}

package/libs/skeleton/lib/es6/style/chart.shadow.css

@@ -0,0 +1,17 @@
+SChartSkeleton {
+  height: 200px;
+  width: 100%;
+  background-image: var(--bgPattern);
+}
+
+SChartSkeleton[bgPosition] {
+  background-position: var(--bgPosition);
+}
+
+SChartSkeleton[bgSize] {
+  background-size: var(--bgSize);
+}
+
+SChartSkeleton[bgRepeat] {
+  background-repeat: var(--bgRepeat);
+}

package/libs/skeleton/lib/es6/style/skeleton.shadow.css

@@ -0,0 +1,39 @@
+SSkeleton {
+  animation-name: pulse;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease-in-out;
+  animation-duration: var(--durationAnim);
+  will-change: opacity;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+SSkeletonSVG[theme='invert'] {
+  fill: var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));
+}
+
+SSkeletonSVG[theme='dark'] {
+  fill: var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3));
+}
+
+SText {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion) {
+  SSkeleton {
+    animation-name: none;
+  }
+}

package/libs/skeleton/lib/es6/svg/area-chart-linear.svg

@@ -0,0 +1,3 @@
+<svg width="128" height="88" viewBox="0 0 128 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M63.9998 45.9394C32.0001 45.9394 32.0001 12 0 12V76H128V12C95.9999 12 95.9999 45.9394 63.9998 45.9394Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/area-chart-monotone.svg

@@ -0,0 +1,3 @@
+<svg width="128" height="88" viewBox="0 0 128 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M63.9998 45.9394L0 12V76H128V12L63.9998 45.9394Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/bar-chart-horizontal.svg

@@ -0,0 +1,6 @@
+<svg width="156" height="160" viewBox="0 0 156 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 16C12 13.7909 13.7909 12 16 12H23C25.2091 12 27 13.7909 27 16V148H12V16Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M51 42C51 39.7909 52.7909 38 55 38H62C64.2091 38 66 39.7909 66 42V148H51V42Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M90 63C90 60.7909 91.7909 59 94 59H101C103.209 59 105 60.7909 105 63V148H90V63Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M129 30C129 27.7909 130.791 26 133 26H140C142.209 26 144 27.7909 144 30V148H129V30Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/bar-chart-vertical.svg

@@ -0,0 +1,7 @@
+<svg width="172" height="140" viewBox="0 0 172 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H120C122.209 0 124 1.79086 124 4V12C124 14.2091 122.209 16 120 16H0V0Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 28H156C158.209 28 160 29.7909 160 32V40C160 42.2091 158.209 44 156 44H0V28Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 56H138C140.209 56 142 57.7909 142 60V68C142 70.2091 140.209 72 138 72H0V56Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 84H156C158.209 84 160 85.7909 160 88V96C160 98.2091 158.209 100 156 100H0V84Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 112H116C118.209 112 120 113.791 120 116V124C120 126.209 118.209 128 116 128H0V112Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/bubble-chart.svg

@@ -0,0 +1,7 @@
+<svg width="376" height="164" viewBox="0 0 376 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48 164C70.0914 164 88 146.091 88 124C88 101.909 70.0914 84 48 84C25.9086 84 8 101.909 8 124C8 146.091 25.9086 164 48 164Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M88 48C101.255 48 112 37.2548 112 24C112 10.7452 101.255 0 88 0C74.7452 0 64 10.7452 64 24C64 37.2548 74.7452 48 88 48Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M292.5 55C305.479 55 316 44.4787 316 31.5C316 18.5213 305.479 8 292.5 8C279.521 8 269 18.5213 269 31.5C269 44.4787 279.521 55 292.5 55Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M344 98C352.837 98 360 90.8366 360 82C360 73.1634 352.837 66 344 66C335.163 66 328 73.1634 328 82C328 90.8366 335.163 98 344 98Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M188 134C216.719 134 240 110.719 240 82C240 53.2812 216.719 30 188 30C159.281 30 136 53.2812 136 82C136 110.719 159.281 134 188 134Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/donut-chart-halfsize.svg

@@ -0,0 +1,4 @@
+<svg width="180" height="90" viewBox="0 0 180 90" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M156.925 31.9538C140.425 12.9886 117.112 0 90 0C40.2944 0 0 40.2944 0 90H29C29 56.8629 56.3629 31 89.5 31C108.33 31 124.827 40.4296 135.827 54L156.925 31.9538Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M180 90H148.152C147.886 80.0989 144.395 69.9233 137.793 56.2764L158.863 34.2581C171.453 49.7407 180 68.489 180 90Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/donut-chart.svg

@@ -0,0 +1,9 @@
+<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="paragraph=false, chart type=&#240;&#159;&#141;&#169; donut chart, picture div=false">
+<g id="donut-chart">
+<path d="M158.863 145.742C171.453 130.259 180 111.511 180 90C180 68.6168 172.543 48.9753 160.087 33.5343L137.731 55.1459C151.799 82.0673 151.475 95.4403 137.793 123.724L158.863 145.742Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M90 180C117.112 180 140.425 167.011 156.925 148.046L135.827 126C124.827 139.57 108.33 149 89.5 149C56.3629 149 29 123.137 29 90C28.5631 57.8576 54.8762 31.5799 87 30V0.049058C38.6831 1.63152 0 41.2983 0 90C0 139.706 40.2944 180 90 180Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M158.046 31.3327L135.634 53C125.132 39.6161 109.874 30.4552 90 30V0C117.915 0 141.538 11.3851 158.046 31.3327Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</g>
+</g>
+</svg>

package/libs/skeleton/lib/es6/svg/histogram-chart-horizontal.svg

@@ -0,0 +1,6 @@
+<svg width="456" height="104" viewBox="0 0 456 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 14C2 12.8954 2.89543 12 4 12H110.901C112.005 12 112.901 12.8954 112.901 14V92H2V14Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M116.901 30C116.901 28.8954 117.796 28 118.901 28H224.802C225.906 28 226.802 28.8954 226.802 30V92H116.901V30Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M230.802 62C230.802 60.8954 231.697 60 232.802 60H338.702C339.807 60 340.702 60.8954 340.702 62V92H230.802V62Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M344.702 44C344.702 42.8954 345.598 42 346.702 42H451.603C452.708 42 453.603 42.8954 453.603 44V92H344.702V44Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/histogram-chart-vertical.svg

@@ -0,0 +1,7 @@
+<svg width="172" height="140" viewBox="0 0 172 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H120C122.209 0 124 1.79086 124 4V20C124 22.2091 122.209 24 120 24H0V0Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 28H156C158.209 28 160 29.7909 160 32V48C160 50.2091 158.209 52 156 52H0V28Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 56H138C140.209 56 142 57.7909 142 60V76C142 78.2091 140.209 80 138 80H0V56Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 84H156C158.209 84 160 85.7909 160 88V104C160 106.209 158.209 108 156 108H0V84Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M0 112H116C118.209 112 120 113.791 120 116V132C120 134.209 118.209 136 116 136H0V112Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/line-chart-linear.svg

@@ -0,0 +1,10 @@
+<svg width="128" height="58" viewBox="0 0 128 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_36082_220852)">
+<path d="M0 12L63.9998 46L128 12" stroke="#E0E1E9" stroke-opacity="0.8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_36082_220852">
+<rect width="128" height="58" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/libs/skeleton/lib/es6/svg/line-chart-monotone.svg

@@ -0,0 +1,3 @@
+<svg width="128" height="58" viewBox="0 0 128 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 12C32.0001 12 32.0001 46 63.9998 46C95.9999 46 95.9999 12 128 12" stroke="#E0E1E9" stroke-opacity="0.8" stroke-width="4" stroke-linejoin="round"/>
+</svg>

package/libs/skeleton/lib/es6/svg/radial-chart.svg

@@ -0,0 +1,19 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M158 200C158 193.373 163.373 188 170 188H230C236.627 188 242 193.373 242 200C242 206.627 236.627 212 230 212H170C163.373 212 158 206.627 158 200Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M274.697 17.9576C270.615 16.2668 265.935 18.2053 264.245 22.2872L252.764 50.0036C251.073 54.0856 253.012 58.7653 257.094 60.4561L256.17 60.0734L222.876 140.451L224.724 141.216L258.018 60.8388L257.094 60.4561C261.176 62.1469 265.855 60.2085 267.546 56.1265L279.027 28.4102C280.718 24.3282 278.779 19.6484 274.697 17.9576Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M338.446 60.5536C335.322 57.4294 330.257 57.4294 327.133 60.5536L305.919 81.7668C302.795 84.891 302.795 89.9563 305.919 93.0805L305.212 92.3734L243.694 153.892L245.108 155.306L306.627 93.7876L305.919 93.0805C309.044 96.2047 314.109 96.2047 317.233 93.0805L338.446 71.8673C341.571 68.7431 341.571 63.6778 338.446 60.5536Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M381.042 124.303C379.352 120.221 374.672 118.282 370.59 119.973L342.874 131.454C338.792 133.144 336.853 137.824 338.544 141.906L338.161 140.982L257.784 174.276L258.549 176.123L338.927 142.83L338.544 141.906C340.235 145.988 344.914 147.926 348.996 146.236L376.713 134.755C380.795 133.064 382.733 128.385 381.042 124.303Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M396 199.5C396 195.082 392.418 191.5 388 191.5H358C353.582 191.5 350 195.082 350 199.5V198.5H263V200.5H350V199.5C350 203.918 353.582 207.5 358 207.5H388C392.418 207.5 396 203.918 396 199.5Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M381.043 274.697C382.733 270.615 380.795 265.936 376.713 264.245L348.997 252.764C344.915 251.074 340.235 253.012 338.544 257.094L338.927 256.17L258.549 222.877L257.784 224.724L338.161 258.018L338.544 257.094C336.853 261.176 338.792 265.856 342.874 267.546L370.59 279.027C374.672 280.718 379.352 278.779 381.043 274.697Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M338.447 338.447C341.571 335.322 341.571 330.257 338.447 327.133L317.233 305.92C314.109 302.795 309.044 302.795 305.92 305.92L306.627 305.213L245.109 243.694L243.694 245.108L305.213 306.627L305.92 305.92C302.796 309.044 302.796 314.109 305.92 317.233L327.133 338.447C330.257 341.571 335.322 341.571 338.447 338.447Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M274.697 381.042C278.779 379.352 280.718 374.672 279.027 370.59L267.546 342.873C265.856 338.791 261.176 336.853 257.094 338.544L258.018 338.161L224.724 257.784L222.877 258.549L256.17 338.927L257.094 338.544C253.012 340.235 251.074 344.914 252.764 348.996L264.245 376.713C265.936 380.795 270.615 382.733 274.697 381.042Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M199.5 396C203.918 396 207.5 392.418 207.5 388V358C207.5 353.582 203.918 350 199.5 350H200.5V263H198.5V350H199.5C195.082 350 191.5 353.582 191.5 358V388C191.5 392.418 195.082 396 199.5 396Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M124.303 381.042C128.385 382.733 133.065 380.795 134.755 376.713L146.236 348.996C147.927 344.914 145.988 340.235 141.906 338.544L142.83 338.927L176.124 258.549L174.276 257.784L140.982 338.161L141.906 338.544C137.824 336.853 133.145 338.791 131.454 342.873L119.973 370.59C118.282 374.672 120.221 379.352 124.303 381.042Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M60.5536 338.446C63.6778 341.571 68.7431 341.571 71.8673 338.446L93.0805 317.233C96.2047 314.109 96.2047 309.044 93.0805 305.919L93.7876 306.627L155.306 245.108L153.892 243.694L92.3734 305.212L93.0805 305.919C89.9563 302.795 84.891 302.795 81.7668 305.919L60.5536 327.133C57.4294 330.257 57.4294 335.322 60.5536 338.446Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M17.9576 274.697C19.6484 278.779 24.3281 280.718 28.4101 279.027L56.1265 267.546C60.2084 265.856 62.1468 261.176 60.456 257.094L60.8387 258.018L141.216 224.724L140.451 222.877L60.0733 256.17L60.456 257.094C58.7652 253.012 54.0855 251.074 50.0035 252.764L22.2871 264.245C18.2052 265.936 16.2668 270.615 17.9576 274.697Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M3 199.5C3 203.918 6.58172 207.5 11 207.5H41C45.4183 207.5 49 203.918 49 199.5V200.5H136V198.5H49V199.5C49 195.082 45.4183 191.5 41 191.5H11C6.58172 191.5 3 195.082 3 199.5Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M17.9575 124.303C16.2667 128.385 18.2051 133.064 22.287 134.755L50.0034 146.236C54.0854 147.926 58.7651 145.988 60.4559 141.906L60.0732 142.83L140.451 176.123L141.216 174.276L60.8386 140.982L60.4559 141.906C62.1467 137.824 60.2083 133.144 56.1264 131.454L28.41 119.973C24.328 118.282 19.6483 120.221 17.9575 124.303Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M60.5533 60.5535C57.4291 63.6777 57.4291 68.743 60.5533 71.8672L81.7665 93.0804C84.8907 96.2046 89.9561 96.2046 93.0803 93.0804L92.3731 93.7875L153.891 155.306L155.306 153.892L93.7874 92.3733L93.0803 93.0804C96.2044 89.9562 96.2044 84.8909 93.0803 81.7667L71.8671 60.5535C68.7429 57.4293 63.6775 57.4293 60.5533 60.5535Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M124.303 17.9577C120.221 19.6485 118.282 24.3282 119.973 28.4102L131.454 56.1266C133.144 60.2085 137.824 62.147 141.906 60.4562L140.982 60.8388L174.276 141.216L176.123 140.451L142.83 60.0735L141.906 60.4562C145.988 58.7654 147.926 54.0856 146.236 50.0037L134.755 22.2873C133.064 18.2053 128.385 16.2669 124.303 17.9577Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M199.5 3C195.082 3 191.5 6.58172 191.5 11V41C191.5 45.4183 195.082 49 199.5 49H198.5V136H200.5V49H199.5C203.918 49 207.5 45.4183 207.5 41V11C207.5 6.58172 203.918 3 199.5 3Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</svg>

package/libs/skeleton/lib/es6/svg/scatter-plot-chart.svg

@@ -0,0 +1,16 @@
+<svg width="376" height="110" viewBox="0 0 376 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10328_146979)">
+<path d="M10 110C15.5228 110 20 105.523 20 100C20 94.4772 15.5228 90 10 90C4.47715 90 0 94.4772 0 100C0 105.523 4.47715 110 10 110Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M129 72C134.523 72 139 67.5228 139 62C139 56.4772 134.523 52 129 52C123.477 52 119 56.4772 119 62C119 67.5228 123.477 72 129 72Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M188 96C193.523 96 198 91.5228 198 86C198 80.4772 193.523 76 188 76C182.477 76 178 80.4772 178 86C178 91.5228 182.477 96 188 96Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M366 20C371.523 20 376 15.5228 376 10C376 4.47715 371.523 0 366 0C360.477 0 356 4.47715 356 10C356 15.5228 360.477 20 366 20Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M70 54C75.5228 54 80 49.5228 80 44C80 38.4772 75.5228 34 70 34C64.4772 34 60 38.4772 60 44C60 49.5228 64.4772 54 70 54Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M247 62C252.523 62 257 57.5228 257 52C257 46.4772 252.523 42 247 42C241.477 42 237 46.4772 237 52C237 57.5228 241.477 62 247 62Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path d="M306 70C311.523 70 316 65.5228 316 60C316 54.4772 311.523 50 306 50C300.477 50 296 54.4772 296 60C296 65.5228 300.477 70 306 70Z" fill="#E0E1E9" fill-opacity="0.8"/>
+</g>
+<defs>
+<clipPath id="clip0_10328_146979">
+<rect width="376" height="110" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/libs/skeleton/lib/es6/svg/venn-chart.svg

@@ -0,0 +1,13 @@
+<svg width="200" height="180" viewBox="0 0 200 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="paragraph=false, chart type=venn chart, picture div=false">
+<g id="skeleton-venn" clip-path="url(#clip0_10328_146989)">
+<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M77.7778 90C77.7778 71.0574 86.4277 54.1315 100 42.9431C113.572 54.1315 122.222 71.0574 122.222 90C122.222 108.943 113.572 125.869 100 137.057C86.4277 125.869 77.7778 108.943 77.7778 90ZM100 137.057C110.566 145.767 124.115 151 138.889 151C172.64 151 200 123.689 200 90C200 56.3106 172.64 29 138.889 29C124.115 29 110.566 34.2329 100 42.9431C89.434 34.2329 75.8848 29 61.1111 29C27.3604 29 0 56.3106 0 90C0 123.689 27.3604 151 61.1111 151C75.8848 151 89.434 145.767 100 137.057Z" fill="#E0E1E9" fill-opacity="0.8"/>
+<path id="Path" fill-rule="evenodd" clip-rule="evenodd" d="M100 43C113.437 54.1749 122 71.0803 122 90C122 108.92 113.437 125.825 100 137C86.5635 125.825 78 108.92 78 90C78 71.0803 86.5635 54.1749 100 43V43Z" fill="#E0E1E9" fill-opacity="0.8" stroke="white" stroke-width="4"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_10328_146989">
+<rect width="200" height="122" fill="white" transform="translate(0 29)"/>
+</clipPath>
+</defs>
+</svg>

package/libs/skeleton/lib/types/Skeleton.d.ts

@@ -0,0 +1,4 @@
+declare const Skeleton: any;
+declare const SkeletonSVG: any;
+export { Skeleton };
+export default SkeletonSVG;

package/libs/skeleton/lib/types/index.d.ts

@@ -0,0 +1,86 @@
+import { BoxProps } from '@semcore/flex-box';
+import { Intergalactic, UnknownProperties } from '@semcore/core';
+import { UniqueIDProps } from '@semcore/utils/lib/uniqueID';
+
+/** @deprecated */
+export interface ISkeletonProps extends SkeletonProps, UnknownProperties {}
+export type SkeletonProps = BoxProps &
+  UniqueIDProps & {
+    /**
+     *  Skeleton visibility control property
+     */
+    hidden?: boolean;
+    /**
+     * Animation speed in ms
+     * @default 2000
+     */
+    duration?: string | number;
+    /**
+     * Skeleton theme
+     * @default invert
+     */
+    theme?: 'dark' | 'invert';
+  };
+
+/** @deprecated */
+export interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}
+export type SkeletonCtx = {
+  gradientUrl: 'string';
+};
+
+/** @deprecated */
+export interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}
+export type SkeletonTextProps = BoxProps & {
+  /**
+   * Number of items to be returned
+   * @default 1
+   */
+  amount?: string | number;
+};
+
+export type AreaChartSkeletonProps = SkeletonProps & {
+  type?: 'linear' | 'monotone';
+};
+
+export type BarChartSkeletonProps = SkeletonProps & {
+  layout?: 'horizontal' | 'vertical';
+};
+
+export type HistogramChartSkeletonProps = SkeletonProps & {
+  layout?: 'horizontal' | 'vertical';
+};
+
+export type LineChartSkeletonProps = SkeletonProps & {
+  type?: 'linear' | 'monotone';
+};
+
+export type DonutChartSkeletonProps = SkeletonProps & {
+  /** Semi donut */
+  halfsize?: boolean;
+};
+
+declare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {
+  Text: Intergalactic.Component<'rect', SkeletonTextProps>;
+};
+declare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;
+declare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;
+declare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;
+declare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;
+declare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;
+declare const VennChartSkeleton: typeof Skeleton;
+declare const BubbleChartSkeleton: typeof Skeleton;
+declare const ScatterPlotChartSkeleton: typeof Skeleton;
+declare const RadialTreeChartSkeleton: typeof Skeleton;
+
+export default Skeleton;
+export {
+  AreaChartSkeleton,
+  BarChartSkeleton,
+  HistogramChartSkeleton,
+  LineChartSkeleton,
+  DonutChartSkeleton,
+  VennChartSkeleton,
+  BubbleChartSkeleton,
+  ScatterPlotChartSkeleton,
+  RadialTreeChartSkeleton,
+};

package/libs/slider/lib/cjs/Slider.js

@@ -0,0 +1,312 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+var _reactToText = _interopRequireDefault(require("@semcore/utils/lib/reactToText"));
+/*__reshadow-styles__:"./style/slider.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSlider_ol0a2_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_ol0a2_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_ol0a2_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_ol0a2_gg_.__keyboardFocused_ol0a2_gg_ .___SKnob_ol0a2_gg_,.___SSlider_ol0a2_gg_:active .___SKnob_ol0a2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_ol0a2_gg_.__disabled_ol0a2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_ol0a2_gg_,.___SKnob_ol0a2_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_ol0a2_gg_,.___SSlider_ol0a2_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_ol0a2_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_ol0a2_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_ol0a2_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_ol0a2_gg_{position:absolute;top:-100px;left:-100px}" /*__inner_css_end__*/, "ol0a2_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_ol0a2_gg_",
+  "_keyboardFocused": "__keyboardFocused_ol0a2_gg_",
+  "__SKnob": "___SKnob_ol0a2_gg_",
+  "_disabled": "__disabled_ol0a2_gg_",
+  "__SBar": "___SBar_ol0a2_gg_",
+  "__SInput": "___SInput_ol0a2_gg_"
+});
+var convertValueToPercent = function convertValueToPercent(value, min, max) {
+  if (value > max) return 100;
+  if (value < min) return 0;
+  return (value - min) / (max - min) * 100;
+};
+var SliderRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(SliderRoot, _Component);
+  var _super = (0, _createSuper2["default"])(SliderRoot);
+  function SliderRoot() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SliderRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sliderRef", /*#__PURE__*/_react["default"].createRef(null));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRef", function (node) {
+      _this.sliderRef.current = node;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnd", function () {
+      document.removeEventListener('touchmove', _this.handleMouseMove);
+      document.removeEventListener('mousemove', _this.handleMouseMove);
+      document.removeEventListener('click', _this.handleMouseMove);
+      document.removeEventListener('mouseup', _this.handleMouseEnd);
+      document.removeEventListener('touchend', _this.handleMouseEnd);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseMove", function (event) {
+      var _event$clientX;
+      event.preventDefault();
+      document.addEventListener('touchmove', _this.handleMouseMove);
+      document.addEventListener('mousemove', _this.handleMouseMove);
+      document.addEventListener('click', _this.handleMouseMove);
+      document.addEventListener('mouseup', _this.handleMouseEnd);
+      document.addEventListener('touchend', _this.handleMouseEnd);
+      var _this$asProps = _this.asProps,
+        min = _this$asProps.min,
+        max = _this$asProps.max,
+        step = _this$asProps.step,
+        options = _this$asProps.options;
+      var sliderSize = _this.sliderRef.current.offsetWidth;
+      var clientX = (_event$clientX = event.clientX) !== null && _event$clientX !== void 0 ? _event$clientX : event.touches[0].clientX;
+      var newLeft = clientX - _this.sliderRef.current.getBoundingClientRect().left;
+      if (newLeft <= 0) {
+        var _options$;
+        var resolvedMin = options ? (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value : min;
+        _this.handlers.value(resolvedMin, event);
+      } else if (newLeft >= sliderSize) {
+        var lastOption = options === null || options === void 0 ? void 0 : options[(options === null || options === void 0 ? void 0 : options.length) - 1];
+        var resolvedMax = options ? lastOption === null || lastOption === void 0 ? void 0 : lastOption.value : max;
+        _this.handlers.value(resolvedMax, event);
+      } else {
+        var _options;
+        var relativeValue = newLeft / sliderSize;
+        var relativeStep = step / (max - min);
+        var countSteps = Math.round(relativeValue / relativeStep);
+        var numericValue = countSteps * step + min;
+        var resolvedValue = options ? (_options = options[countSteps * step]) === null || _options === void 0 ? void 0 : _options.value : numericValue;
+        _this.handlers.value(resolvedValue, event);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragStart", function () {
+      return false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
+      if (!['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)) return;
+      event.preventDefault();
+      var _this$asProps2 = _this.asProps,
+        min = _this$asProps2.min,
+        max = _this$asProps2.max,
+        step = _this$asProps2.step,
+        options = _this$asProps2.options;
+      var direction = event.key === 'ArrowLeft' || event.key === 'ArrowDown' ? -1 : 1;
+      var value = _this.getNumericValue() + step * direction;
+      if (value > max) value = max;
+      if (value < min) value = min;
+      if (options) {
+        var option = options[value - (min !== null && min !== void 0 ? min : 0)];
+        _this.handlers.value(option.value, event);
+      } else {
+        _this.handlers.value(value, event);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getNumericValue", function () {
+      var _this$asProps3 = _this.asProps,
+        value = _this$asProps3.value,
+        options = _this$asProps3.options,
+        min = _this$asProps3.min,
+        max = _this$asProps3.max,
+        defaultValue = _this$asProps3.defaultValue;
+      if (!options) return value;
+      var resolvedIndex = options.findIndex(function (option) {
+        return option.value === value;
+      });
+      if (resolvedIndex === -1) return defaultValue;
+      if (resolvedIndex < min) return min;
+      if (min !== undefined) {
+        if (resolvedIndex + min > max) return max;
+      } else {
+        if (resolvedIndex > max) return max;
+      }
+      return resolvedIndex + (min !== null && min !== void 0 ? min : 0);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resolveLabel", function (numericValue) {
+      var _this$asProps4 = _this.asProps,
+        min = _this$asProps4.min,
+        options = _this$asProps4.options;
+      if (!options) return undefined;
+      var option = options[numericValue - (min !== null && min !== void 0 ? min : 0)];
+      return (0, _reactToText["default"])(option === null || option === void 0 ? void 0 : option.label);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(SliderRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "getKnobProps",
+    value: function getKnobProps() {
+      var _this$asProps5 = this.asProps,
+        min = _this$asProps5.min,
+        max = _this$asProps5.max,
+        disabled = _this$asProps5.disabled,
+        options = _this$asProps5.options;
+      return {
+        value: this.getNumericValue(),
+        min: min,
+        max: max,
+        disabled: disabled,
+        options: options
+      };
+    }
+  }, {
+    key: "getBarProps",
+    value: function getBarProps() {
+      var _this$asProps6 = this.asProps,
+        min = _this$asProps6.min,
+        max = _this$asProps6.max,
+        disabled = _this$asProps6.disabled,
+        options = _this$asProps6.options;
+      return {
+        value: this.getNumericValue(),
+        min: min,
+        max: max,
+        disabled: disabled,
+        options: options
+      };
+    }
+  }, {
+    key: "getOptionsProps",
+    value: function getOptionsProps() {
+      var options = this.asProps.options;
+      return {
+        options: options
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps(_, index) {
+      var options = this.asProps.options;
+      var option = options[index];
+      return {
+        key: option.value,
+        value: option.value,
+        children: option.label
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref6;
+      var SSlider = _flexBox.Box;
+      var SInput = _flexBox.Box;
+      var _this$asProps7 = this.asProps,
+        Children = _this$asProps7.Children,
+        styles = _this$asProps7.styles,
+        value = _this$asProps7.value,
+        min = _this$asProps7.min,
+        max = _this$asProps7.max,
+        name = _this$asProps7.name,
+        options = _this$asProps7.options;
+      var defaultMin = options ? 0 : undefined;
+      var defaultMax = options ? options.length : undefined;
+      var numericValue = this.getNumericValue();
+      var label = this.resolveLabel(numericValue);
+      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SSlider, _ref6.cn("SSlider", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "ref": this.handleRef,
+        "onMouseDown": this.handleMouseMove,
+        "onTouchMove": this.handleMouseMove,
+        "onMouseUp": this.handleMouseEnd,
+        "onTouchEnd": this.handleMouseEnd,
+        "onDragStart": this.handleDragStart,
+        "onKeyDown": this.handleKeyDown,
+        "role": 'slider',
+        "aria-orientation": 'horizontal',
+        "aria-valuemin": min !== null && min !== void 0 ? min : defaultMin,
+        "aria-valuemax": max !== null && max !== void 0 ? max : defaultMax,
+        "aria-valuetext": label,
+        "aria-valuenow": numericValue
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})), /*#__PURE__*/_react["default"].createElement(SInput, _ref6.cn("SInput", {
+        "tag": 'input',
+        "type": 'hidden',
+        "value": value !== null && value !== void 0 ? value : '',
+        "name": name,
+        "aria-hidden": true
+      }))));
+    }
+  }]);
+  return SliderRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(SliderRoot, "displayName", 'Slider');
+(0, _defineProperty2["default"])(SliderRoot, "style", style);
+(0, _defineProperty2["default"])(SliderRoot, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
+(0, _defineProperty2["default"])(SliderRoot, "defaultProps", function () {
+  return {
+    defaultValue: 0,
+    min: 0,
+    max: 100,
+    step: 1,
+    children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Slider.Bar, null), /*#__PURE__*/_react["default"].createElement(Slider.Knob, null), /*#__PURE__*/_react["default"].createElement(Slider.Options, null, /*#__PURE__*/_react["default"].createElement(Slider.Item, null)))
+  };
+});
+function Bar(props) {
+  var _ref2 = arguments[0],
+    _ref7;
+  var SBar = _flexBox.Box;
+  var styles = props.styles,
+    value = props.value,
+    min = props.min,
+    max = props.max;
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref7.cn("SBar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "w": "".concat(convertValueToPercent(value, min, max), "%")
+  }, _ref2))));
+}
+function Knob(props) {
+  var _ref3 = arguments[0],
+    _ref8;
+  var SKnob = _flexBox.Box;
+  var styles = props.styles,
+    value = props.value,
+    min = props.min,
+    max = props.max;
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SKnob, _ref8.cn("SKnob", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "left": "".concat(convertValueToPercent(value, min, max), "%")
+  }, _ref3))));
+}
+function Options(_ref11) {
+  var _ref4 = arguments[0],
+    _ref9;
+  var styles = _ref11.styles,
+    options = _ref11.options,
+    Children = _ref11.Children;
+  var SSliderOptions = _flexBox.Flex;
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSliderOptions, _ref9.cn("SSliderOptions", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "justifyContent": 'space-between'
+  }, _ref4))), (options !== null && options !== void 0 ? options : []).map(function (option) {
+    return /*#__PURE__*/_react["default"].createElement(Children, {
+      key: option.value,
+      x: option.value
+    }, option.label);
+  }));
+}
+function Item(_ref12) {
+  var _ref5 = arguments[0],
+    _ref10;
+  var styles = _ref12.styles,
+    Children = _ref12.Children;
+  var SSliderOption = _flexBox.Box;
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSliderOption, _ref10.cn("SSliderOption", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
+}
+var Slider = (0, _core["default"])(SliderRoot, {
+  Bar: Bar,
+  Knob: Knob,
+  Options: Options,
+  Item: Item
+});
+var _default = Slider;
+exports["default"] = _default;
+//# sourceMappingURL=Slider.js.map