@milaboratories/milaboratories.ui-examples.ui 1.3.20 → 1.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/.turbo/turbo-build.log +6 -6
  2. package/CHANGELOG.md +14 -0
  3. package/dist/assets/index-BAGoOWSb.css +1 -0
  4. package/dist/assets/index-CgivL3td.js +746 -0
  5. package/dist/assets/{index-DqUyzlU1.js.map → index-CgivL3td.js.map} +1 -1
  6. package/dist/index.html +2 -2
  7. package/package.json +4 -4
  8. package/src/app.ts +2 -0
  9. package/src/pages/AgGridVuePage.vue +62 -5
  10. package/src/pages/HistogramPage/Basic.vue +23 -0
  11. package/src/pages/HistogramPage/HistogramFigma.vue +42 -0
  12. package/src/pages/HistogramPage/HistogramPage.vue +57 -0
  13. package/src/pages/HistogramPage/LogBins.vue +25 -0
  14. package/src/pages/HistogramPage/LogXScale.vue +24 -0
  15. package/src/pages/HistogramPage/assets/bins.ts +77 -0
  16. package/src/pages/HistogramPage/assets/prices.ts +29999 -0
  17. package/src/pages/ModalsPage.vue +27 -4
  18. package/src/pages/StackedBarPage/Alignment.vue +0 -9
  19. package/src/pages/StackedBarPage/Basic.vue +0 -17
  20. package/dist/assets/index-DqUyzlU1.js +0 -742
  21. package/dist/assets/index-DyybnC77.css +0 -1
package/dist/index.html CHANGED
@@ -4,8 +4,8 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta http-equiv="Content-Security-Policy" content="script-src 'self' blob:">
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <script type="module" crossorigin src="./assets/index-DqUyzlU1.js"></script>
8
- <link rel="stylesheet" crossorigin href="./assets/index-DyybnC77.css">
7
+ <script type="module" crossorigin src="./assets/index-CgivL3td.js"></script>
8
+ <link rel="stylesheet" crossorigin href="./assets/index-BAGoOWSb.css">
9
9
  </head>
10
10
  <body>
11
11
  <div id="app"></div>
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@milaboratories/milaboratories.ui-examples.ui",
3
- "version": "1.3.20",
3
+ "version": "1.3.22",
4
4
  "type": "module",
5
5
  "dependencies": {
6
6
  "vue": "^3.5.13",
7
7
  "@platforma-sdk/model": "^1.21.20",
8
- "@milaboratories/milaboratories.ui-examples.model": "1.1.11"
8
+ "@milaboratories/milaboratories.ui-examples.model": "1.1.12"
9
9
  },
10
10
  "devDependencies": {
11
11
  "@vitejs/plugin-vue": "^5.2.1",
@@ -16,8 +16,8 @@
16
16
  "zod": "~3.23.8",
17
17
  "ag-grid-enterprise": "^33.0.3",
18
18
  "ag-grid-vue3": "^33.0.3",
19
- "@platforma-sdk/ui-vue": "^1.21.21",
20
- "@milaboratories/helpers": "^1.6.11"
19
+ "@milaboratories/helpers": "^1.6.11",
20
+ "@platforma-sdk/ui-vue": "^1.21.24"
21
21
  },
22
22
  "scripts": {
23
23
  "dev": "vite",
package/src/app.ts CHANGED
@@ -24,6 +24,7 @@ import LoadersPage from './pages/LoadersPage.vue';
24
24
  import AddSectionPage from './pages/AddSectionPage.vue';
25
25
  import { uniqueId } from '@milaboratories/helpers';
26
26
  import SectionPage from './pages/SectionPage.vue';
27
+ import HistogramPage from './pages/HistogramPage/HistogramPage.vue';
27
28
 
28
29
  export const sdkPlugin = defineApp(platforma, (app) => {
29
30
  // Additional data
@@ -94,6 +95,7 @@ export const sdkPlugin = defineApp(platforma, (app) => {
94
95
  '/buttons': () => ButtonsPage,
95
96
  '/notifications': () => NotificationsPage,
96
97
  '/stacked-bar': () => StackedBarPage,
98
+ '/histogram': () => HistogramPage,
97
99
  '/loaders': () => LoadersPage,
98
100
  '/add-section': () => AddSectionPage,
99
101
  '/section': () => SectionPage,
package/src/pages/AgGridVuePage.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import type { Component } from 'vue';
3
- import { h, ref } from 'vue';
3
+ import { computed, h, ref } from 'vue';
4
4
  import {
5
5
  PlBlockPage,
6
6
  PlAgOverlayLoading,
@@ -18,11 +18,14 @@ import {
18
18
  PlAgCellProgress,
19
19
  defaultMainMenuItems,
20
20
  PlAgChartStackedBarCell,
21
+ PlAgChartHistogramCell,
22
+ Gradient,
21
23
  } from '@platforma-sdk/ui-vue';
22
24
  import { AgGridVue } from 'ag-grid-vue3';
23
25
  import type { ColDef, GridApi, GridOptions, GridReadyEvent } from 'ag-grid-enterprise';
24
26
  import { times } from '@milaboratories/helpers';
25
27
  import { faker } from '@faker-js/faker';
28
+ import bins from './HistogramPage/assets/bins';
26
29
 
27
30
  const LinkComponent: Component = {
28
31
  props: ['params'],
@@ -32,6 +35,48 @@ const LinkComponent: Component = {
32
35
  },
33
36
  };
34
37
 
38
+ const data = [{
39
+ label: 'The best',
40
+ value: 100,
41
+ }, {
42
+ label: 'Good but not great',
43
+ value: 60,
44
+ }, {
45
+ label: 'A little worse',
46
+ value: 40,
47
+ }, {
48
+ label: 'Not good',
49
+ value: 33,
50
+ }, {
51
+ label: 'Awful',
52
+ value: 330,
53
+ }, {
54
+ label: 'Nightmare',
55
+ value: 30,
56
+ }, {
57
+ label: 'Hell',
58
+ value: 30,
59
+ }];
60
+
61
+ const stackedSettings = computed(() => {
62
+ const colors = Gradient('viridis').split(data.length);
63
+
64
+ return {
65
+ data: data.map((it, i) => ({ ...it, color: colors[i] })),
66
+ };
67
+ });
68
+
69
+ const histogramSettings = computed(() => {
70
+ return {
71
+ type: 'log-bins' as const,
72
+ title: 'Predefined bins (log x scale)',
73
+ bins,
74
+ threshold: 19.0,
75
+ yAxisLabel: 'Number of UMIs',
76
+ xAxisLabel: 'Number of reads per UMI',
77
+ };
78
+ });
79
+
35
80
  const columnDefs: ColDef[] = [
36
81
  makeRowNumberColDef(),
37
82
  {
@@ -62,7 +107,6 @@ const columnDefs: ColDef[] = [
62
107
  field: 'progress',
63
108
  headerName: 'Progress',
64
109
  cellRendererSelector: (cellData) => {
65
- console.log(cellData);
66
110
  return {
67
111
  component: PlAgCellProgress,
68
112
  params: {
@@ -84,15 +128,28 @@ const columnDefs: ColDef[] = [
84
128
  colId: 'stacked_bar',
85
129
  headerName: 'StackedBar',
86
130
  cellRendererSelector: (_cellData) => {
87
- const value = {
88
- data: undefined,
89
- };
131
+ const value = Math.random() > 0.5
132
+ ? stackedSettings.value
133
+ : undefined;
90
134
  return {
91
135
  component: PlAgChartStackedBarCell,
92
136
  params: { value },
93
137
  };
94
138
  },
95
139
  },
140
+ {
141
+ colId: 'histogram',
142
+ headerName: 'Histogram',
143
+ cellRendererSelector: (_cellData) => {
144
+ const value = Math.random() > 0.5
145
+ ? histogramSettings.value
146
+ : undefined;
147
+ return {
148
+ component: PlAgChartHistogramCell,
149
+ params: { value },
150
+ };
151
+ },
152
+ },
96
153
  {
97
154
  colId: 'date',
98
155
  field: 'date',
package/src/pages/HistogramPage/Basic.vue ADDED
@@ -0,0 +1,23 @@
1
+ <script setup lang="ts">
2
+ import {
3
+ PlRow,
4
+ PlChartHistogram,
5
+ useComponentProp,
6
+ } from '@platforma-sdk/ui-vue';
7
+ import data from './assets/prices';
8
+
9
+ const settings = useComponentProp<typeof PlChartHistogram, 'settings'>(() => {
10
+ return {
11
+ type: 'basic',
12
+ title: 'My histogram',
13
+ numbers: data.map((it) => Number(it.price)).filter((it) => it < 1000),
14
+ nBins: 35,
15
+ };
16
+ });
17
+ </script>
18
+
19
+ <template>
20
+ <PlRow>
21
+ <PlChartHistogram :settings="settings" />
22
+ </PlRow>
23
+ </template>
package/src/pages/HistogramPage/HistogramFigma.vue ADDED
@@ -0,0 +1,42 @@
1
+ <template>
2
+ <svg width="922" height="348" viewBox="0 0 922 348" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <rect x="1" y="1" width="920" height="346" fill="white"/>
4
+ <rect x="1" y="1" width="920" height="346" stroke="#E1E3EB"/>
5
+ <path d="M26.4 45V30.6H32.01C34.59 30.6 36.1 32.39 36.1 34.39C36.1 35.71 35.49 36.8 34.49 37.38C35.95 38 36.79 39.28 36.79 40.88C36.79 43.4 35.15 45 32.51 45H26.4ZM28.2 43.3H32.17C33.76 43.3 34.96 42.39 34.96 40.87C34.96 39.42 33.9 38.29 32.37 38.29H28.2V43.3ZM28.2 36.61H31.99C33.26 36.61 34.27 35.74 34.27 34.39C34.27 33.15 33.34 32.28 31.99 32.28H28.2V36.61ZM41.6528 45.3C39.2328 45.3 37.9828 43.82 37.9828 42.08C37.9828 40.38 38.9928 39.39 40.6328 38.91C41.9828 38.55 43.8828 38.32 45.4828 38.1C45.4328 36.38 44.6928 35.56 42.8228 35.56C41.5128 35.56 40.4628 36.13 40.0728 37.45L38.3828 36.94C38.8928 35.05 40.4028 33.9 42.8428 33.9C44.7928 33.9 46.2628 34.6 46.8828 36.01C47.1828 36.68 47.2328 37.47 47.2328 38.32V45H45.6528V43.32C44.7928 44.64 43.4528 45.3 41.6528 45.3ZM39.7528 42.07C39.7528 42.96 40.3828 43.81 41.9228 43.81C43.8428 43.81 45.0228 42.66 45.2828 41.32C45.4328 40.8 45.4528 40.11 45.4628 39.62C43.9428 39.82 42.4828 39.99 41.4328 40.29C40.5428 40.57 39.7528 41.06 39.7528 42.07ZM49.6328 45V34.2H51.2228V35.91C51.4628 35.49 51.7828 35.12 52.1428 34.86C52.9728 34.19 54.2428 33.99 55.2028 34.2V35.87C54.4528 35.68 53.4828 35.73 52.7328 36.28C51.6828 37.03 51.4228 38.3 51.4228 39.58V45H49.6328ZM61.2484 45.3C57.9584 45.3 56.1284 42.91 56.0984 39.6C56.1284 36.23 58.0184 33.9 61.2684 33.9C63.5384 33.9 65.2984 35.1 65.8684 37.04L64.1084 37.57C63.6484 36.32 62.5584 35.59 61.2484 35.59C59.0284 35.59 58.0084 37.26 57.9884 39.6C58.0084 42.01 59.0984 43.61 61.2484 43.61C62.6484 43.61 63.5784 42.95 64.0684 41.72L65.8684 42.19C65.1084 44.21 63.4784 45.3 61.2484 45.3ZM72.0164 45.3C68.7864 45.3 66.8164 42.94 66.8164 39.59C66.8164 36.2 68.8464 33.9 72.0164 33.9C75.2564 33.9 77.2264 36.25 77.2264 39.59C77.2264 42.98 75.2264 45.3 72.0164 45.3ZM68.7064 39.59C68.7064 42.03 69.8364 43.61 72.0164 43.61C74.2464 43.61 75.3364 41.97 75.3364 39.59C75.3364 37.16 74.2264 35.59 72.0164 35.59C69.7564 35.59 68.7064 37.23 68.7064 39.59ZM83.4681 45.3C80.4481 45.3 78.6281 42.83 78.6281 39.59C78.6281 36.35 80.4581 33.9 83.4581 33.9C84.8081 33.9 85.8781 34.37 86.6481 35.18V30.6H88.4381V45H86.8481V43.78C86.0581 44.73 84.9281 45.3 83.4681 45.3ZM80.5181 39.59C80.5181 41.89 81.5581 43.67 83.6881 43.67C85.8681 43.67 86.8481 41.96 86.8481 39.59C86.8481 37.2 85.8481 35.53 83.7381 35.53C81.5381 35.53 80.5181 37.31 80.5181 39.59ZM95.7198 45.3C92.5298 45.3 90.4398 43.05 90.4398 39.67C90.4398 36.13 92.4998 33.9 95.6398 33.9C98.8898 33.9 100.79 36.26 100.63 40.1H92.3498C92.4898 42.34 93.6498 43.61 95.6398 43.61C97.0598 43.61 98.1398 42.94 98.7398 41.71L100.45 42.3C99.5998 44.21 97.8098 45.3 95.7198 45.3ZM92.3798 38.67H98.7798C98.5598 36.55 97.5298 35.5 95.6998 35.5C93.7598 35.5 92.6298 36.62 92.3798 38.67ZM106.736 45.29C104.156 45.29 102.426 44.11 102.056 42.08L103.876 41.79C104.166 42.97 105.286 43.7 106.846 43.7C108.316 43.7 109.216 43.05 109.216 41.99C109.216 41.08 108.806 40.82 106.166 40.11C103.306 39.35 102.396 38.61 102.396 37.06C102.396 35.16 104.056 33.9 106.546 33.9C109.006 33.9 110.786 35.16 111.016 37.06L109.196 37.39C109.016 36.24 108.016 35.53 106.546 35.49C105.146 35.45 104.186 36.05 104.186 36.97C104.186 37.76 104.736 38.1 107.276 38.74C110.126 39.47 111.056 40.27 111.056 41.94C111.056 44.03 109.426 45.29 106.736 45.29ZM121.416 45.3C118.126 45.3 116.296 42.91 116.266 39.6C116.296 36.23 118.186 33.9 121.436 33.9C123.706 33.9 125.466 35.1 126.036 37.04L124.276 37.57C123.816 36.32 122.726 35.59 121.416 35.59C119.196 35.59 118.176 37.26 118.156 39.6C118.176 42.01 119.266 43.61 121.416 43.61C122.816 43.61 123.746 42.95 124.236 41.72L126.036 42.19C125.276 44.21 123.646 45.3 121.416 45.3ZM132.184 45.3C128.954 45.3 126.984 42.94 126.984 39.59C126.984 36.2 129.014 33.9 132.184 33.9C135.424 33.9 137.394 36.25 137.394 39.59C137.394 42.98 135.394 45.3 132.184 45.3ZM128.874 39.59C128.874 42.03 130.004 43.61 132.184 43.61C134.414 43.61 135.504 41.97 135.504 39.59C135.504 37.16 134.394 35.59 132.184 35.59C129.924 35.59 128.874 37.23 128.874 39.59ZM141.925 45L138.005 34.2H139.805L142.835 42.73L145.855 34.2H147.665L143.745 45H141.925ZM153.563 45.3C150.373 45.3 148.283 43.05 148.283 39.67C148.283 36.13 150.343 33.9 153.483 33.9C156.733 33.9 158.633 36.26 158.473 40.1H150.193C150.333 42.34 151.493 43.61 153.483 43.61C154.903 43.61 155.983 42.94 156.583 41.71L158.293 42.3C157.443 44.21 155.653 45.3 153.563 45.3ZM150.223 38.67H156.623C156.403 36.55 155.373 35.5 153.543 35.5C151.603 35.5 150.473 36.62 150.223 38.67ZM160.499 45V34.2H162.089V35.91C162.329 35.49 162.649 35.12 163.009 34.86C163.839 34.19 165.109 33.99 166.069 34.2V35.87C165.319 35.68 164.349 35.73 163.599 36.28C162.549 37.03 162.289 38.3 162.289 39.58V45H160.499ZM170.479 45.3C168.059 45.3 166.809 43.82 166.809 42.08C166.809 40.38 167.819 39.39 169.459 38.91C170.809 38.55 172.709 38.32 174.309 38.1C174.259 36.38 173.519 35.56 171.649 35.56C170.339 35.56 169.289 36.13 168.899 37.45L167.209 36.94C167.719 35.05 169.229 33.9 171.669 33.9C173.619 33.9 175.089 34.6 175.709 36.01C176.009 36.68 176.059 37.47 176.059 38.32V45H174.479V43.32C173.619 44.64 172.279 45.3 170.479 45.3ZM168.579 42.07C168.579 42.96 169.209 43.81 170.749 43.81C172.669 43.81 173.849 42.66 174.109 41.32C174.259 40.8 174.279 40.11 174.289 39.62C172.769 39.82 171.309 39.99 170.259 40.29C169.369 40.57 168.579 41.06 168.579 42.07ZM182.829 50.1C181.129 50.1 179.459 49.34 178.559 47.73L180.189 46.87C180.719 47.93 181.789 48.38 182.839 48.38C184.899 48.38 185.889 47.25 185.869 45.05V44.01C185.099 44.82 184.029 45.3 182.699 45.3C179.679 45.3 177.859 42.83 177.859 39.59C177.859 36.35 179.689 33.9 182.689 33.9C184.159 33.9 185.289 34.46 186.079 35.41V34.2H187.659V45.07C187.659 45.67 187.629 46.2 187.529 46.73C187.109 49.03 185.409 50.1 182.829 50.1ZM179.749 39.59C179.749 41.89 180.789 43.67 182.919 43.67C185.099 43.67 186.079 41.96 186.079 39.59C186.079 37.2 185.079 35.53 182.969 35.53C180.769 35.53 179.749 37.31 179.749 39.59ZM194.931 45.3C191.741 45.3 189.651 43.05 189.651 39.67C189.651 36.13 191.711 33.9 194.851 33.9C198.101 33.9 200.001 36.26 199.841 40.1H191.561C191.701 42.34 192.861 43.61 194.851 43.61C196.271 43.61 197.351 42.94 197.951 41.71L199.661 42.3C198.811 44.21 197.021 45.3 194.931 45.3ZM191.591 38.67H197.991C197.771 36.55 196.741 35.5 194.911 35.5C192.971 35.5 191.841 36.62 191.591 38.67Z" fill="#110529"/>
6
+ <path d="M109 81H669" stroke="#E1E3EB"/>
7
+ <path d="M109 113H669" stroke="#E1E3EB"/>
8
+ <path d="M109 145H669" stroke="#E1E3EB"/>
9
+ <path d="M109 177H669" stroke="#E1E3EB"/>
10
+ <path d="M109 209H669" stroke="#E1E3EB"/>
11
+ <path d="M109 241H669" stroke="#E1E3EB"/>
12
+ <path d="M239 273V73" stroke="#E1E3EB"/>
13
+ <path d="M369 273V73" stroke="#E1E3EB"/>
14
+ <path d="M499 273V73" stroke="#E1E3EB"/>
15
+ <path d="M629 273V73" stroke="#E1E3EB"/>
16
+ <path d="M53.0046 86V77.299L51.1076 78.447V77.054L53.0046 75.92H54.2716V86H53.0046ZM56.6551 85.993L56.6621 84.873L61.1351 80.848C61.8771 80.183 62.0801 79.602 62.0801 78.965C62.0801 77.803 61.2121 76.9 60.0501 76.9C58.8461 76.9 57.9641 77.859 57.9781 78.958H56.7041C56.7041 77.061 58.1321 75.71 60.0711 75.71C61.9401 75.71 63.3541 77.124 63.3541 78.979C63.3541 80.302 62.8571 80.967 61.8211 81.884L58.5731 84.803H63.3541V85.993H56.6551ZM68.4308 86.21C66.4708 86.21 65.0288 84.768 65.0288 82.808V79.112C65.0288 77.152 66.4708 75.71 68.4308 75.71C70.3908 75.71 71.8328 77.152 71.8328 79.112V82.808C71.8328 84.768 70.3908 86.21 68.4308 86.21ZM66.2958 82.878C66.2958 84.061 67.2478 85.013 68.4308 85.013C69.6138 85.013 70.5658 84.061 70.5658 82.878V79.035C70.5658 77.852 69.6138 76.9 68.4308 76.9C67.2478 76.9 66.2958 77.852 66.2958 79.035V82.878ZM73.7295 86.987C74.3105 87.029 74.4225 86.56 74.3735 86H73.6525V84.418H75.0245V86.21C75.0245 87.19 74.5205 87.729 73.6525 87.568L73.7295 86.987ZM81.091 86.21C79.131 86.21 77.689 84.768 77.689 82.808V79.112C77.689 77.152 79.131 75.71 81.091 75.71C83.051 75.71 84.493 77.152 84.493 79.112V82.808C84.493 84.768 83.051 86.21 81.091 86.21ZM78.956 82.878C78.956 84.061 79.908 85.013 81.091 85.013C82.274 85.013 83.226 84.061 83.226 82.878V79.035C83.226 77.852 82.274 76.9 81.091 76.9C79.908 76.9 78.956 77.852 78.956 79.035V82.878ZM89.8547 86.21C87.8947 86.21 86.4527 84.768 86.4527 82.808V79.112C86.4527 77.152 87.8947 75.71 89.8547 75.71C91.8147 75.71 93.2567 77.152 93.2567 79.112V82.808C93.2567 84.768 91.8147 86.21 89.8547 86.21ZM87.7197 82.878C87.7197 84.061 88.6717 85.013 89.8547 85.013C91.0377 85.013 91.9897 84.061 91.9897 82.878V79.035C91.9897 77.852 91.0377 76.9 89.8547 76.9C88.6717 76.9 87.7197 77.852 87.7197 79.035V82.878ZM98.6183 86.21C96.6583 86.21 95.2163 84.768 95.2163 82.808V79.112C95.2163 77.152 96.6583 75.71 98.6183 75.71C100.578 75.71 102.02 77.152 102.02 79.112V82.808C102.02 84.768 100.578 86.21 98.6183 86.21ZM96.4833 82.878C96.4833 84.061 97.4353 85.013 98.6183 85.013C99.8013 85.013 100.753 84.061 100.753 82.878V79.035C100.753 77.852 99.8013 76.9 98.6183 76.9C97.4353 76.9 96.4833 77.852 96.4833 79.035V82.878Z" fill="#110529"/>
17
+ <path d="M52.3347 118V109.299L50.4377 110.447V109.054L52.3347 107.92H53.6017V118H52.3347ZM59.6672 118.21C57.7072 118.21 56.2652 116.768 56.2652 114.808V111.112C56.2652 109.152 57.7072 107.71 59.6672 107.71C61.6272 107.71 63.0692 109.152 63.0692 111.112V114.808C63.0692 116.768 61.6272 118.21 59.6672 118.21ZM57.5322 114.878C57.5322 116.061 58.4842 117.013 59.6672 117.013C60.8502 117.013 61.8022 116.061 61.8022 114.878V111.035C61.8022 109.852 60.8502 108.9 59.6672 108.9C58.4842 108.9 57.5322 109.852 57.5322 111.035V114.878ZM68.4308 118.21C66.4708 118.21 65.0288 116.768 65.0288 114.808V111.112C65.0288 109.152 66.4708 107.71 68.4308 107.71C70.3908 107.71 71.8328 109.152 71.8328 111.112V114.808C71.8328 116.768 70.3908 118.21 68.4308 118.21ZM66.2958 114.878C66.2958 116.061 67.2478 117.013 68.4308 117.013C69.6138 117.013 70.5658 116.061 70.5658 114.878V111.035C70.5658 109.852 69.6138 108.9 68.4308 108.9C67.2478 108.9 66.2958 109.852 66.2958 111.035V114.878ZM73.7295 118.987C74.3105 119.029 74.4225 118.56 74.3735 118H73.6525V116.418H75.0245V118.21C75.0245 119.19 74.5205 119.729 73.6525 119.568L73.7295 118.987ZM81.091 118.21C79.131 118.21 77.689 116.768 77.689 114.808V111.112C77.689 109.152 79.131 107.71 81.091 107.71C83.051 107.71 84.493 109.152 84.493 111.112V114.808C84.493 116.768 83.051 118.21 81.091 118.21ZM78.956 114.878C78.956 116.061 79.908 117.013 81.091 117.013C82.274 117.013 83.226 116.061 83.226 114.878V111.035C83.226 109.852 82.274 108.9 81.091 108.9C79.908 108.9 78.956 109.852 78.956 111.035V114.878ZM89.8547 118.21C87.8947 118.21 86.4527 116.768 86.4527 114.808V111.112C86.4527 109.152 87.8947 107.71 89.8547 107.71C91.8147 107.71 93.2567 109.152 93.2567 111.112V114.808C93.2567 116.768 91.8147 118.21 89.8547 118.21ZM87.7197 114.878C87.7197 116.061 88.6717 117.013 89.8547 117.013C91.0377 117.013 91.9897 116.061 91.9897 114.878V111.035C91.9897 109.852 91.0377 108.9 89.8547 108.9C88.6717 108.9 87.7197 109.852 87.7197 111.035V114.878ZM98.6183 118.21C96.6583 118.21 95.2163 116.768 95.2163 114.808V111.112C95.2163 109.152 96.6583 107.71 98.6183 107.71C100.578 107.71 102.02 109.152 102.02 111.112V114.808C102.02 116.768 100.578 118.21 98.6183 118.21ZM96.4833 114.878C96.4833 116.061 97.4353 117.013 98.6183 117.013C99.8013 117.013 100.753 116.061 100.753 114.878V111.035C100.753 109.852 99.8013 108.9 98.6183 108.9C97.4353 108.9 96.4833 109.852 96.4833 111.035V114.878Z" fill="#110529"/>
18
+ <path d="M59.9073 150.21C57.9753 150.21 56.6173 148.971 56.6173 147.123C56.6173 146.073 57.0513 145.163 57.9333 144.596C57.2333 144.106 56.8623 143.336 56.8623 142.468C56.8623 140.767 58.1293 139.71 59.9073 139.71C61.6853 139.71 62.9523 140.767 62.9523 142.468C62.9523 143.343 62.6023 144.106 61.8883 144.603C62.7633 145.156 63.2113 146.073 63.2113 147.123C63.2113 148.971 61.8393 150.21 59.9073 150.21ZM57.9333 147.123C57.9333 148.355 58.7313 149.02 59.9073 149.02C61.0833 149.02 61.8883 148.355 61.8883 147.123C61.8883 145.884 61.0973 145.219 59.9073 145.219C58.7173 145.219 57.9333 145.884 57.9333 147.123ZM58.1853 142.468C58.1853 143.504 58.8853 144.022 59.9073 144.022C60.9293 144.022 61.6293 143.504 61.6293 142.468C61.6293 141.432 60.9293 140.914 59.9073 140.914C58.8853 140.914 58.1853 141.432 58.1853 142.468ZM68.4308 150.21C66.4708 150.21 65.0288 148.768 65.0288 146.808V143.112C65.0288 141.152 66.4708 139.71 68.4308 139.71C70.3908 139.71 71.8328 141.152 71.8328 143.112V146.808C71.8328 148.768 70.3908 150.21 68.4308 150.21ZM66.2958 146.878C66.2958 148.061 67.2478 149.013 68.4308 149.013C69.6138 149.013 70.5658 148.061 70.5658 146.878V143.035C70.5658 141.852 69.6138 140.9 68.4308 140.9C67.2478 140.9 66.2958 141.852 66.2958 143.035V146.878ZM73.7295 150.987C74.3105 151.029 74.4225 150.56 74.3735 150H73.6525V148.418H75.0245V150.21C75.0245 151.19 74.5205 151.729 73.6525 151.568L73.7295 150.987ZM81.091 150.21C79.131 150.21 77.689 148.768 77.689 146.808V143.112C77.689 141.152 79.131 139.71 81.091 139.71C83.051 139.71 84.493 141.152 84.493 143.112V146.808C84.493 148.768 83.051 150.21 81.091 150.21ZM78.956 146.878C78.956 148.061 79.908 149.013 81.091 149.013C82.274 149.013 83.226 148.061 83.226 146.878V143.035C83.226 141.852 82.274 140.9 81.091 140.9C79.908 140.9 78.956 141.852 78.956 143.035V146.878ZM89.8547 150.21C87.8947 150.21 86.4527 148.768 86.4527 146.808V143.112C86.4527 141.152 87.8947 139.71 89.8547 139.71C91.8147 139.71 93.2567 141.152 93.2567 143.112V146.808C93.2567 148.768 91.8147 150.21 89.8547 150.21ZM87.7197 146.878C87.7197 148.061 88.6717 149.013 89.8547 149.013C91.0377 149.013 91.9897 148.061 91.9897 146.878V143.035C91.9897 141.852 91.0377 140.9 89.8547 140.9C88.6717 140.9 87.7197 141.852 87.7197 143.035V146.878ZM98.6183 150.21C96.6583 150.21 95.2163 148.768 95.2163 146.808V143.112C95.2163 141.152 96.6583 139.71 98.6183 139.71C100.578 139.71 102.02 141.152 102.02 143.112V146.808C102.02 148.768 100.578 150.21 98.6183 150.21ZM96.4833 146.878C96.4833 148.061 97.4353 149.013 98.6183 149.013C99.8013 149.013 100.753 148.061 100.753 146.878V143.035C100.753 141.852 99.8013 140.9 98.6183 140.9C97.4353 140.9 96.4833 141.852 96.4833 143.035V146.878Z" fill="#110529"/>
19
+ <path d="M59.7705 182.21C57.8455 182.21 56.3335 180.698 56.3335 178.675V175.322C56.3335 173.208 57.8175 171.717 59.8825 171.717C60.9885 171.717 61.9825 172.186 62.6405 173.033L61.7095 173.859C61.3035 173.278 60.6245 172.9 59.8825 172.9C58.5455 172.9 57.6005 173.978 57.6005 175.182V176.554C58.1815 175.91 59.0145 175.511 59.9175 175.511C61.7935 175.511 63.2075 176.96 63.2075 178.836C63.2075 180.712 61.6465 182.21 59.7705 182.21ZM57.6005 178.836C57.6005 180.026 58.5665 181.006 59.7705 181.006C60.9745 181.006 61.9475 180.04 61.9475 178.836C61.9475 177.632 60.9815 176.659 59.7775 176.659C58.5735 176.659 57.6005 177.632 57.6005 178.836ZM68.4308 182.21C66.4708 182.21 65.0288 180.768 65.0288 178.808V175.112C65.0288 173.152 66.4708 171.71 68.4308 171.71C70.3908 171.71 71.8328 173.152 71.8328 175.112V178.808C71.8328 180.768 70.3908 182.21 68.4308 182.21ZM66.2958 178.878C66.2958 180.061 67.2478 181.013 68.4308 181.013C69.6138 181.013 70.5658 180.061 70.5658 178.878V175.035C70.5658 173.852 69.6138 172.9 68.4308 172.9C67.2478 172.9 66.2958 173.852 66.2958 175.035V178.878ZM73.7295 182.987C74.3105 183.029 74.4225 182.56 74.3735 182H73.6525V180.418H75.0245V182.21C75.0245 183.19 74.5205 183.729 73.6525 183.568L73.7295 182.987ZM81.091 182.21C79.131 182.21 77.689 180.768 77.689 178.808V175.112C77.689 173.152 79.131 171.71 81.091 171.71C83.051 171.71 84.493 173.152 84.493 175.112V178.808C84.493 180.768 83.051 182.21 81.091 182.21ZM78.956 178.878C78.956 180.061 79.908 181.013 81.091 181.013C82.274 181.013 83.226 180.061 83.226 178.878V175.035C83.226 173.852 82.274 172.9 81.091 172.9C79.908 172.9 78.956 173.852 78.956 175.035V178.878ZM89.8547 182.21C87.8947 182.21 86.4527 180.768 86.4527 178.808V175.112C86.4527 173.152 87.8947 171.71 89.8547 171.71C91.8147 171.71 93.2567 173.152 93.2567 175.112V178.808C93.2567 180.768 91.8147 182.21 89.8547 182.21ZM87.7197 178.878C87.7197 180.061 88.6717 181.013 89.8547 181.013C91.0377 181.013 91.9897 180.061 91.9897 178.878V175.035C91.9897 173.852 91.0377 172.9 89.8547 172.9C88.6717 172.9 87.7197 173.852 87.7197 175.035V178.878ZM98.6183 182.21C96.6583 182.21 95.2163 180.768 95.2163 178.808V175.112C95.2163 173.152 96.6583 171.71 98.6183 171.71C100.578 171.71 102.02 173.152 102.02 175.112V178.808C102.02 180.768 100.578 182.21 98.6183 182.21ZM96.4833 178.878C96.4833 180.061 97.4353 181.013 98.6183 181.013C99.8013 181.013 100.753 180.061 100.753 178.878V175.035C100.753 173.852 99.8013 172.9 98.6183 172.9C97.4353 172.9 96.4833 173.852 96.4833 175.035V178.878Z" fill="#110529"/>
20
+ <path d="M61.043 214V212.145H56.409V210.962L59.734 203.92H61.148L57.823 210.962H61.043V208.127H62.303V210.962H63.353V212.145H62.303V214H61.043ZM68.4308 214.21C66.4708 214.21 65.0288 212.768 65.0288 210.808V207.112C65.0288 205.152 66.4708 203.71 68.4308 203.71C70.3908 203.71 71.8328 205.152 71.8328 207.112V210.808C71.8328 212.768 70.3908 214.21 68.4308 214.21ZM66.2958 210.878C66.2958 212.061 67.2478 213.013 68.4308 213.013C69.6138 213.013 70.5658 212.061 70.5658 210.878V207.035C70.5658 205.852 69.6138 204.9 68.4308 204.9C67.2478 204.9 66.2958 205.852 66.2958 207.035V210.878ZM73.7295 214.987C74.3105 215.029 74.4225 214.56 74.3735 214H73.6525V212.418H75.0245V214.21C75.0245 215.19 74.5205 215.729 73.6525 215.568L73.7295 214.987ZM81.091 214.21C79.131 214.21 77.689 212.768 77.689 210.808V207.112C77.689 205.152 79.131 203.71 81.091 203.71C83.051 203.71 84.493 205.152 84.493 207.112V210.808C84.493 212.768 83.051 214.21 81.091 214.21ZM78.956 210.878C78.956 212.061 79.908 213.013 81.091 213.013C82.274 213.013 83.226 212.061 83.226 210.878V207.035C83.226 205.852 82.274 204.9 81.091 204.9C79.908 204.9 78.956 205.852 78.956 207.035V210.878ZM89.8547 214.21C87.8947 214.21 86.4527 212.768 86.4527 210.808V207.112C86.4527 205.152 87.8947 203.71 89.8547 203.71C91.8147 203.71 93.2567 205.152 93.2567 207.112V210.808C93.2567 212.768 91.8147 214.21 89.8547 214.21ZM87.7197 210.878C87.7197 212.061 88.6717 213.013 89.8547 213.013C91.0377 213.013 91.9897 212.061 91.9897 210.878V207.035C91.9897 205.852 91.0377 204.9 89.8547 204.9C88.6717 204.9 87.7197 205.852 87.7197 207.035V210.878ZM98.6183 214.21C96.6583 214.21 95.2163 212.768 95.2163 210.808V207.112C95.2163 205.152 96.6583 203.71 98.6183 203.71C100.578 203.71 102.02 205.152 102.02 207.112V210.808C102.02 212.768 100.578 214.21 98.6183 214.21ZM96.4833 210.878C96.4833 212.061 97.4353 213.013 98.6183 213.013C99.8013 213.013 100.753 212.061 100.753 210.878V207.035C100.753 205.852 99.8013 204.9 98.6183 204.9C97.4353 204.9 96.4833 205.852 96.4833 207.035V210.878Z" fill="#110529"/>
21
+ <path d="M56.6551 245.993L56.6621 244.873L61.1351 240.848C61.8771 240.183 62.0801 239.602 62.0801 238.965C62.0801 237.803 61.2121 236.9 60.0501 236.9C58.8461 236.9 57.9641 237.859 57.9781 238.958H56.7041C56.7041 237.061 58.1321 235.71 60.0711 235.71C61.9401 235.71 63.3541 237.124 63.3541 238.979C63.3541 240.302 62.8571 240.967 61.8211 241.884L58.5731 244.803H63.3541V245.993H56.6551ZM68.4308 246.21C66.4708 246.21 65.0288 244.768 65.0288 242.808V239.112C65.0288 237.152 66.4708 235.71 68.4308 235.71C70.3908 235.71 71.8328 237.152 71.8328 239.112V242.808C71.8328 244.768 70.3908 246.21 68.4308 246.21ZM66.2958 242.878C66.2958 244.061 67.2478 245.013 68.4308 245.013C69.6138 245.013 70.5658 244.061 70.5658 242.878V239.035C70.5658 237.852 69.6138 236.9 68.4308 236.9C67.2478 236.9 66.2958 237.852 66.2958 239.035V242.878ZM73.7295 246.987C74.3105 247.029 74.4225 246.56 74.3735 246H73.6525V244.418H75.0245V246.21C75.0245 247.19 74.5205 247.729 73.6525 247.568L73.7295 246.987ZM81.091 246.21C79.131 246.21 77.689 244.768 77.689 242.808V239.112C77.689 237.152 79.131 235.71 81.091 235.71C83.051 235.71 84.493 237.152 84.493 239.112V242.808C84.493 244.768 83.051 246.21 81.091 246.21ZM78.956 242.878C78.956 244.061 79.908 245.013 81.091 245.013C82.274 245.013 83.226 244.061 83.226 242.878V239.035C83.226 237.852 82.274 236.9 81.091 236.9C79.908 236.9 78.956 237.852 78.956 239.035V242.878ZM89.8547 246.21C87.8947 246.21 86.4527 244.768 86.4527 242.808V239.112C86.4527 237.152 87.8947 235.71 89.8547 235.71C91.8147 235.71 93.2567 237.152 93.2567 239.112V242.808C93.2567 244.768 91.8147 246.21 89.8547 246.21ZM87.7197 242.878C87.7197 244.061 88.6717 245.013 89.8547 245.013C91.0377 245.013 91.9897 244.061 91.9897 242.878V239.035C91.9897 237.852 91.0377 236.9 89.8547 236.9C88.6717 236.9 87.7197 237.852 87.7197 239.035V242.878ZM98.6183 246.21C96.6583 246.21 95.2163 244.768 95.2163 242.808V239.112C95.2163 237.152 96.6583 235.71 98.6183 235.71C100.578 235.71 102.02 237.152 102.02 239.112V242.808C102.02 244.768 100.578 246.21 98.6183 246.21ZM96.4833 242.878C96.4833 244.061 97.4353 245.013 98.6183 245.013C99.8013 245.013 100.753 244.061 100.753 242.878V239.035C100.753 237.852 99.8013 236.9 98.6183 236.9C97.4353 236.9 96.4833 237.852 96.4833 239.035V242.878Z" fill="#110529"/>
22
+ <path d="M98.6183 278.21C96.6583 278.21 95.2163 276.768 95.2163 274.808V271.112C95.2163 269.152 96.6583 267.71 98.6183 267.71C100.578 267.71 102.02 269.152 102.02 271.112V274.808C102.02 276.768 100.578 278.21 98.6183 278.21ZM96.4833 274.878C96.4833 276.061 97.4353 277.013 98.6183 277.013C99.8013 277.013 100.753 276.061 100.753 274.878V271.035C100.753 269.852 99.8013 268.9 98.6183 268.9C97.4353 268.9 96.4833 269.852 96.4833 271.035V274.878Z" fill="#110529"/>
23
+ <path d="M109 273V219H161V273H109Z" fill="#929BAD" stroke="white"/>
24
+ <path d="M161 273V245H213V273H161Z" fill="#929BAD" stroke="white"/>
25
+ <path d="M213 273V189H265V273H213Z" fill="#929BAD" stroke="white"/>
26
+ <path d="M265 273V73H317V273H265Z" fill="#929BAD" stroke="white"/>
27
+ <path d="M317 273V155H369V273H317Z" fill="#929BAD" stroke="white"/>
28
+ <path d="M369 273V205H421V273H369Z" fill="#929BAD" stroke="white"/>
29
+ <path d="M421 273V257H473V273H421Z" fill="#929BAD" stroke="white"/>
30
+ <path d="M473 273V270H525V273H473Z" fill="#929BAD" stroke="white"/>
31
+ <path d="M525 273V267H577V273H525Z" fill="#929BAD" stroke="white"/>
32
+ <path d="M239 273L239 73" stroke="#F05670" stroke-dasharray="7.4 3.2"/>
33
+ <path d="M669 73H109V273H669V73Z" stroke="#110529"/>
34
+ <path d="M40 223.994H29.92V222.734L37.795 217.477H29.92V216.217H40V217.477L32.118 222.734H40V223.994ZM40.196 211.389C40.196 213.825 38.054 214.399 36.619 214.399H32.44V213.139H36.227C37.648 213.139 39.013 212.684 39.013 211.088C39.013 209.835 38.173 209.009 36.423 209.009H32.44V207.756H40V208.869H39.027C39.776 209.429 40.196 210.297 40.196 211.389ZM35.163 196.752C34.036 196.752 33.357 197.424 33.357 198.376C33.357 199.223 33.924 200.028 35.198 200.028L40 200.035V201.274L35.212 201.267C34.064 201.267 33.357 201.918 33.357 202.905C33.357 203.892 34.092 204.55 35.198 204.55H40V205.803H32.44V204.69H33.245C32.629 204.214 32.244 203.444 32.244 202.541C32.244 201.519 32.699 200.742 33.49 200.336C32.713 199.888 32.244 199.041 32.244 198.047C32.244 196.472 33.28 195.506 34.89 195.506L40 195.513V196.759L35.163 196.752ZM40.21 190.211C40.21 191.233 39.811 192.024 39.146 192.577H40V193.69H29.92V192.437H33.126C32.559 191.898 32.23 191.149 32.23 190.204C32.23 188.104 33.945 186.823 36.213 186.823C38.481 186.823 40.21 188.097 40.21 190.211ZM36.213 192.577C37.872 192.577 39.069 191.891 39.069 190.365C39.069 188.874 37.823 188.146 36.213 188.146C34.617 188.146 33.371 188.86 33.371 190.4C33.371 191.877 34.54 192.577 36.213 192.577ZM40.21 182.013C40.21 184.246 38.635 185.709 36.269 185.709C33.791 185.709 32.23 184.267 32.23 182.069C32.23 179.794 33.882 178.464 36.57 178.576V184.372C38.138 184.274 39.027 183.462 39.027 182.069C39.027 181.075 38.558 180.319 37.697 179.899L38.11 178.702C39.447 179.297 40.21 180.55 40.21 182.013ZM35.569 184.351V179.871C34.085 180.025 33.35 180.746 33.35 182.027C33.35 183.385 34.134 184.176 35.569 184.351ZM40 177.017H32.44V175.904H33.637C33.343 175.736 33.084 175.512 32.902 175.26C32.433 174.679 32.293 173.79 32.44 173.118H33.609C33.476 173.643 33.511 174.322 33.896 174.847C34.421 175.582 35.31 175.764 36.206 175.764H40V177.017ZM40.21 165.772C40.21 168.033 38.558 169.412 36.213 169.412C33.84 169.412 32.23 167.991 32.23 165.772C32.23 163.504 33.875 162.125 36.213 162.125C38.586 162.125 40.21 163.525 40.21 165.772ZM36.213 168.089C37.921 168.089 39.027 167.298 39.027 165.772C39.027 164.211 37.879 163.448 36.213 163.448C34.512 163.448 33.413 164.225 33.413 165.772C33.413 167.354 34.561 168.089 36.213 168.089ZM32.027 159.862C31.446 159.862 30.788 159.834 30.298 159.386C29.731 158.868 29.71 158.161 29.71 157.587V156.628H30.746V157.517C30.746 158.259 31.11 158.616 31.831 158.616H32.44V156.628H33.469V158.616H40V159.862H33.469V161.143H32.44V159.862H32.027ZM40.21 148.732C40.21 151.07 38.677 152.708 36.325 152.708H29.927L29.92 151.448H36.22C38.131 151.448 39.034 150.006 39.034 148.732C39.034 147.444 38.117 146.016 36.22 146.016H29.92V144.756H36.325C38.67 144.756 40.21 146.394 40.21 148.732ZM40 142.796H29.92V141.662L37.949 137.854L29.92 134.067V132.919H39.993V134.102H32.657L40 137.525V138.19L32.657 141.613H40V142.796ZM40 130.817H29.92V129.571H40V130.817ZM40.203 124.614C40.203 126.42 39.377 127.631 37.956 127.89L37.753 126.616C38.579 126.413 39.09 125.629 39.09 124.537C39.09 123.508 38.635 122.878 37.893 122.878C37.256 122.878 37.074 123.165 36.577 125.013C36.045 127.015 35.527 127.652 34.442 127.652C33.112 127.652 32.23 126.49 32.23 124.747C32.23 123.025 33.112 121.779 34.442 121.618L34.673 122.892C33.868 123.018 33.371 123.718 33.343 124.747C33.315 125.727 33.735 126.399 34.379 126.399C34.932 126.399 35.17 126.014 35.618 124.236C36.129 122.241 36.689 121.59 37.858 121.59C39.321 121.59 40.203 122.731 40.203 124.614Z" fill="#110529"/>
35
+ <path d="M310.007 318V307.92H311.267L316.524 315.795V307.92H317.784V318H316.524L311.267 310.118V318H310.007ZM322.612 318.196C320.176 318.196 319.602 316.054 319.602 314.619V310.44H320.862V314.227C320.862 315.648 321.317 317.013 322.913 317.013C324.166 317.013 324.992 316.173 324.992 314.423V310.44H326.245V318H325.132V317.027C324.572 317.776 323.704 318.196 322.612 318.196ZM337.249 313.163C337.249 312.036 336.577 311.357 335.625 311.357C334.778 311.357 333.973 311.924 333.973 313.198L333.966 318H332.727L332.734 313.212C332.734 312.064 332.083 311.357 331.096 311.357C330.109 311.357 329.451 312.092 329.451 313.198V318H328.198V310.44H329.311V311.245C329.787 310.629 330.557 310.244 331.46 310.244C332.482 310.244 333.259 310.699 333.665 311.49C334.113 310.713 334.96 310.244 335.954 310.244C337.529 310.244 338.495 311.28 338.495 312.89L338.488 318H337.242L337.249 313.163ZM343.79 318.21C342.768 318.21 341.977 317.811 341.424 317.146V318H340.311V307.92H341.564V311.126C342.103 310.559 342.852 310.23 343.797 310.23C345.897 310.23 347.178 311.945 347.178 314.213C347.178 316.481 345.904 318.21 343.79 318.21ZM341.424 314.213C341.424 315.872 342.11 317.069 343.636 317.069C345.127 317.069 345.855 315.823 345.855 314.213C345.855 312.617 345.141 311.371 343.601 311.371C342.124 311.371 341.424 312.54 341.424 314.213ZM351.988 318.21C349.755 318.21 348.292 316.635 348.292 314.269C348.292 311.791 349.734 310.23 351.932 310.23C354.207 310.23 355.537 311.882 355.425 314.57H349.629C349.727 316.138 350.539 317.027 351.932 317.027C352.926 317.027 353.682 316.558 354.102 315.697L355.299 316.11C354.704 317.447 353.451 318.21 351.988 318.21ZM349.65 313.569H354.13C353.976 312.085 353.255 311.35 351.974 311.35C350.616 311.35 349.825 312.134 349.65 313.569ZM356.984 318V310.44H358.097V311.637C358.265 311.343 358.489 311.084 358.741 310.902C359.322 310.433 360.211 310.293 360.883 310.44V311.609C360.358 311.476 359.679 311.511 359.154 311.896C358.419 312.421 358.237 313.31 358.237 314.206V318H356.984ZM368.229 318.21C365.968 318.21 364.589 316.558 364.589 314.213C364.589 311.84 366.01 310.23 368.229 310.23C370.497 310.23 371.876 311.875 371.876 314.213C371.876 316.586 370.476 318.21 368.229 318.21ZM365.912 314.213C365.912 315.921 366.703 317.027 368.229 317.027C369.79 317.027 370.553 315.879 370.553 314.213C370.553 312.512 369.776 311.413 368.229 311.413C366.647 311.413 365.912 312.561 365.912 314.213ZM374.139 310.027C374.139 309.446 374.167 308.788 374.615 308.298C375.133 307.731 375.84 307.71 376.414 307.71H377.373V308.746H376.484C375.742 308.746 375.385 309.11 375.385 309.831V310.44H377.373V311.469H375.385V318H374.139V311.469H372.858V310.44H374.139V310.027ZM381.293 318V310.44H382.406V311.637C382.574 311.343 382.798 311.084 383.05 310.902C383.631 310.433 384.52 310.293 385.192 310.44V311.609C384.667 311.476 383.988 311.511 383.463 311.896C382.728 312.421 382.546 313.31 382.546 314.206V318H381.293ZM389.654 318.21C387.421 318.21 385.958 316.635 385.958 314.269C385.958 311.791 387.4 310.23 389.598 310.23C391.873 310.23 393.203 311.882 393.091 314.57H387.295C387.393 316.138 388.205 317.027 389.598 317.027C390.592 317.027 391.348 316.558 391.768 315.697L392.965 316.11C392.37 317.447 391.117 318.21 389.654 318.21ZM387.316 313.569H391.796C391.642 312.085 390.921 311.35 389.64 311.35C388.282 311.35 387.491 312.134 387.316 313.569ZM396.662 318.21C394.968 318.21 394.093 317.174 394.093 315.956C394.093 314.766 394.8 314.073 395.948 313.737C396.893 313.485 398.223 313.324 399.343 313.17C399.308 311.966 398.79 311.392 397.481 311.392C396.564 311.392 395.829 311.791 395.556 312.715L394.373 312.358C394.73 311.035 395.787 310.23 397.495 310.23C398.86 310.23 399.889 310.72 400.323 311.707C400.533 312.176 400.568 312.729 400.568 313.324V318H399.462V316.824C398.86 317.748 397.922 318.21 396.662 318.21ZM395.332 315.949C395.332 316.572 395.773 317.167 396.851 317.167C398.195 317.167 399.021 316.362 399.203 315.424C399.308 315.06 399.322 314.577 399.329 314.234C398.265 314.374 397.243 314.493 396.508 314.703C395.885 314.899 395.332 315.242 395.332 315.949ZM405.356 318.21C403.242 318.21 401.968 316.481 401.968 314.213C401.968 311.945 403.249 310.23 405.349 310.23C406.294 310.23 407.043 310.559 407.582 311.126V307.92H408.835V318H407.722V317.146C407.169 317.811 406.378 318.21 405.356 318.21ZM403.291 314.213C403.291 315.823 404.019 317.069 405.51 317.069C407.036 317.069 407.722 315.872 407.722 314.213C407.722 312.54 407.022 311.371 405.545 311.371C404.005 311.371 403.291 312.617 403.291 314.213ZM413.652 318.203C411.846 318.203 410.635 317.377 410.376 315.956L411.65 315.753C411.853 316.579 412.637 317.09 413.729 317.09C414.758 317.09 415.388 316.635 415.388 315.893C415.388 315.256 415.101 315.074 413.253 314.577C411.251 314.045 410.614 313.527 410.614 312.442C410.614 311.112 411.776 310.23 413.519 310.23C415.241 310.23 416.487 311.112 416.648 312.442L415.374 312.673C415.248 311.868 414.548 311.371 413.519 311.343C412.539 311.315 411.867 311.735 411.867 312.379C411.867 312.932 412.252 313.17 414.03 313.618C416.025 314.129 416.676 314.689 416.676 315.858C416.676 317.321 415.535 318.203 413.652 318.203ZM424.495 318.21C423.557 318.21 422.808 317.874 422.269 317.3V321.36H421.016V310.44H422.129V311.287C422.682 310.622 423.473 310.23 424.502 310.23C426.602 310.23 427.883 311.945 427.883 314.213C427.883 316.481 426.609 318.21 424.495 318.21ZM422.129 314.213C422.129 315.872 422.815 317.069 424.341 317.069C425.832 317.069 426.56 315.823 426.56 314.213C426.56 312.617 425.846 311.371 424.306 311.371C422.829 311.371 422.129 312.54 422.129 314.213ZM432.694 318.21C430.461 318.21 428.998 316.635 428.998 314.269C428.998 311.791 430.44 310.23 432.638 310.23C434.913 310.23 436.243 311.882 436.131 314.57H430.335C430.433 316.138 431.245 317.027 432.638 317.027C433.632 317.027 434.388 316.558 434.808 315.697L436.005 316.11C435.41 317.447 434.157 318.21 432.694 318.21ZM430.356 313.569H434.836C434.682 312.085 433.961 311.35 432.68 311.35C431.322 311.35 430.531 312.134 430.356 313.569ZM437.689 318V310.44H438.802V311.637C438.97 311.343 439.194 311.084 439.446 310.902C440.027 310.433 440.916 310.293 441.588 310.44V311.609C441.063 311.476 440.384 311.511 439.859 311.896C439.124 312.421 438.942 313.31 438.942 314.206V318H437.689ZM449.69 318.21C447.352 318.21 445.714 316.677 445.714 314.325V307.927L446.974 307.92V314.22C446.974 316.131 448.416 317.034 449.69 317.034C450.978 317.034 452.406 316.117 452.406 314.22V307.92H453.666V314.325C453.666 316.67 452.028 318.21 449.69 318.21ZM455.626 318V307.92H456.76L460.568 315.949L464.355 307.92H465.503V317.993H464.32V310.657L460.897 318H460.232L456.809 310.657V318H455.626ZM467.606 318V307.92H468.852V318H467.606Z" fill="#110529"/>
36
+ <path d="M109 292.21C107.04 292.21 105.598 290.768 105.598 288.808V285.112C105.598 283.152 107.04 281.71 109 281.71C110.96 281.71 112.402 283.152 112.402 285.112V288.808C112.402 290.768 110.96 292.21 109 292.21ZM106.865 288.878C106.865 290.061 107.817 291.013 109 291.013C110.183 291.013 111.135 290.061 111.135 288.878V285.035C111.135 283.852 110.183 282.9 109 282.9C107.817 282.9 106.865 283.852 106.865 285.035V288.878Z" fill="#110529"/>
37
+ <path d="M238.808 292.196C237.31 292.196 236.05 291.328 235.623 289.928L236.82 289.585C237.12 290.523 237.905 291.02 238.801 291.006C240.026 290.985 240.817 290.131 240.817 288.899C240.817 287.653 239.998 286.792 238.787 286.792C238.444 286.792 238.059 286.897 237.744 287.058L237.142 286.071L240.418 283.11H236.022V281.92H241.965V283.117L239.242 285.728C240.978 285.826 242.097 287.135 242.097 288.899C242.097 290.831 240.677 292.196 238.808 292.196Z" fill="#110529"/>
38
+ <path d="M364.511 292V283.299L362.614 284.447V283.054L364.511 281.92H365.778V292H364.511ZM371.844 292.21C369.884 292.21 368.442 290.768 368.442 288.808V285.112C368.442 283.152 369.884 281.71 371.844 281.71C373.804 281.71 375.246 283.152 375.246 285.112V288.808C375.246 290.768 373.804 292.21 371.844 292.21ZM369.709 288.878C369.709 290.061 370.661 291.013 371.844 291.013C373.027 291.013 373.979 290.061 373.979 288.878V285.035C373.979 283.852 373.027 282.9 371.844 282.9C370.661 282.9 369.709 283.852 369.709 285.035V288.878Z" fill="#110529"/>
39
+ <path d="M494.761 292.196C493.263 292.196 492.003 291.328 491.576 289.928L492.773 289.585C493.074 290.523 493.858 291.02 494.754 291.006C495.979 290.985 496.77 290.131 496.77 288.899C496.77 287.653 495.951 286.792 494.74 286.792C494.397 286.792 494.012 286.897 493.697 287.058L493.095 286.071L496.371 283.11H491.975V281.92H497.918V283.117L495.195 285.728C496.931 285.826 498.051 287.135 498.051 288.899C498.051 290.831 496.63 292.196 494.761 292.196ZM499.591 291.993L499.598 290.873L504.071 286.848C504.813 286.183 505.016 285.602 505.016 284.965C505.016 283.803 504.148 282.9 502.986 282.9C501.782 282.9 500.9 283.859 500.914 284.958H499.64C499.64 283.061 501.068 281.71 503.007 281.71C504.876 281.71 506.29 283.124 506.29 284.979C506.29 286.302 505.793 286.967 504.757 287.884L501.509 290.803H506.29V291.993H499.591Z" fill="#110529"/>
40
+ <path d="M620.13 292V283.299L618.233 284.447V283.054L620.13 281.92H621.397V292H620.13ZM627.462 292.21C625.502 292.21 624.06 290.768 624.06 288.808V285.112C624.06 283.152 625.502 281.71 627.462 281.71C629.422 281.71 630.864 283.152 630.864 285.112V288.808C630.864 290.768 629.422 292.21 627.462 292.21ZM625.327 288.878C625.327 290.061 626.279 291.013 627.462 291.013C628.645 291.013 629.597 290.061 629.597 288.878V285.035C629.597 283.852 628.645 282.9 627.462 282.9C626.279 282.9 625.327 283.852 625.327 285.035V288.878ZM636.226 292.21C634.266 292.21 632.824 290.768 632.824 288.808V285.112C632.824 283.152 634.266 281.71 636.226 281.71C638.186 281.71 639.628 283.152 639.628 285.112V288.808C639.628 290.768 638.186 292.21 636.226 292.21ZM634.091 288.878C634.091 290.061 635.043 291.013 636.226 291.013C637.409 291.013 638.361 290.061 638.361 288.878V285.035C638.361 283.852 637.409 282.9 636.226 282.9C635.043 282.9 634.091 283.852 634.091 285.035V288.878Z" fill="#110529"/>
41
+ </svg>
42
+ </template>
package/src/pages/HistogramPage/HistogramPage.vue ADDED
@@ -0,0 +1,57 @@
1
+ <script setup lang="ts">
2
+ import {
3
+ PlBlockPage,
4
+ PlRow,
5
+ PlBtnGroup,
6
+ PlContainer,
7
+ } from '@platforma-sdk/ui-vue';
8
+ import type { Component } from 'vue';
9
+ import { shallowRef } from 'vue';
10
+ import Basic from './Basic.vue';
11
+ import HistogramFigma from './HistogramFigma.vue';
12
+ import LogXScale from './LogXScale.vue';
13
+ import LogBins from './LogBins.vue';
14
+
15
+ const current = shallowRef<Component>(Basic);
16
+
17
+ const options = [{
18
+ label: 'Basic',
19
+ value: Basic,
20
+ }, {
21
+ label: 'LogXScale',
22
+ value: LogXScale,
23
+ }, {
24
+ label: 'Precalculated bins',
25
+ value: LogBins,
26
+ }];
27
+ </script>
28
+
29
+ <template>
30
+ <PlBlockPage :class="$style.components" style="max-width: 100%">
31
+ <template #title>
32
+ PlChartStackedBar
33
+ </template>
34
+ <PlRow>
35
+ <PlBtnGroup v-model="current" :options="options" />
36
+ </PlRow>
37
+ <PlRow>
38
+ <PlContainer width="920px" style="padding: 24px 56px 24px 24px; outline: 1px solid #ccc;" >
39
+ <component :is="current" />
40
+ </PlContainer>
41
+ </PlRow>
42
+ <PlRow>
43
+ <HistogramFigma />
44
+ </PlRow>
45
+ </PlBlockPage>
46
+ </template>
47
+
48
+ <style module>
49
+ .components pre {
50
+ border: 1px solid var(--txt-01);
51
+ padding: 12px;
52
+ font-weight: bolder;
53
+ overflow: auto;
54
+ max-width: 50vw;
55
+ background-color: #eeeeee55;
56
+ }
57
+ </style>
package/src/pages/HistogramPage/LogBins.vue ADDED
@@ -0,0 +1,25 @@
1
+ <script setup lang="ts">
2
+ import {
3
+ PlRow,
4
+ PlChartHistogram,
5
+ useComponentProp,
6
+ } from '@platforma-sdk/ui-vue';
7
+ import bins from './assets/bins';
8
+
9
+ const settings = useComponentProp<typeof PlChartHistogram, 'settings'> (() => {
10
+ return {
11
+ type: 'log-bins',
12
+ title: 'Predefined bins (log x scale)',
13
+ bins,
14
+ threshold: 19.0,
15
+ yAxisLabel: 'Number of UMIs',
16
+ xAxisLabel: 'Number of reads per UMI',
17
+ };
18
+ });
19
+ </script>
20
+
21
+ <template>
22
+ <PlRow>
23
+ <PlChartHistogram :settings="settings" />
24
+ </PlRow>
25
+ </template>
package/src/pages/HistogramPage/LogXScale.vue ADDED
@@ -0,0 +1,24 @@
1
+ <script setup lang="ts">
2
+ import {
3
+ PlRow,
4
+ PlChartHistogram,
5
+ } from '@platforma-sdk/ui-vue';
6
+ import { computed } from 'vue';
7
+ import data from './assets/prices';
8
+
9
+ const settings = computed(() => {
10
+ return {
11
+ type: 'basic' as const,
12
+ title: 'My histogram',
13
+ numbers: data.map((it) => Number(it.price)).filter((it) => it < 1000),
14
+ nBins: 35,
15
+ log: true,
16
+ };
17
+ });
18
+ </script>
19
+
20
+ <template>
21
+ <PlRow>
22
+ <PlChartHistogram :settings="settings" />
23
+ </PlRow>
24
+ </template>
package/src/pages/HistogramPage/assets/bins.ts ADDED
@@ -0,0 +1,77 @@
1
+ export default [
2
+ {
3
+ from: 1.0,
4
+ to: 1.5848931924611136,
5
+ weight: 368.0,
6
+ },
7
+ {
8
+ from: 1.5848931924611136,
9
+ to: 2.51188643150958,
10
+ weight: 16.0,
11
+ },
12
+ {
13
+ from: 2.51188643150958,
14
+ to: 3.981071705534973,
15
+ weight: 1.0,
16
+ },
17
+ {
18
+ from: 3.981071705534973,
19
+ to: 6.309573444801933,
20
+ weight: 2.0,
21
+ },
22
+ {
23
+ from: 6.309573444801933,
24
+ to: 10.0,
25
+ weight: 3.0,
26
+ },
27
+ {
28
+ from: 10.0,
29
+ to: 15.848931924611142,
30
+ weight: 2.0,
31
+ },
32
+ {
33
+ from: 15.848931924611142,
34
+ to: 25.11886431509581,
35
+ weight: 4.0,
36
+ },
37
+ {
38
+ from: 25.11886431509581,
39
+ to: 39.810717055349734,
40
+ weight: 1.0,
41
+ },
42
+ {
43
+ from: 39.810717055349734,
44
+ to: 63.09573444801933,
45
+ weight: 1.0,
46
+ },
47
+ {
48
+ from: 63.09573444801933,
49
+ to: 100.0,
50
+ weight: 2.0,
51
+ },
52
+ {
53
+ from: 100.0,
54
+ to: 158.48931924611142,
55
+ weight: 5.0,
56
+ },
57
+ {
58
+ from: 158.48931924611142,
59
+ to: 251.18864315095823,
60
+ weight: 10.0,
61
+ },
62
+ {
63
+ from: 251.18864315095823,
64
+ to: 398.1071705534973,
65
+ weight: 12.0,
66
+ },
67
+ {
68
+ from: 398.1071705534973,
69
+ to: 630.9573444801937,
70
+ weight: 40.0,
71
+ },
72
+ {
73
+ from: 630.9573444801937,
74
+ to: 1000.0,
75
+ weight: 2.0,
76
+ },
77
+ ];