@milaboratories/uikit 2.2.57 → 2.2.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.57",
+  "version": "2.2.59",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@vue/test-utils": "^2.4.6",
-    "@vueuse/core": "^12.4.0",
+    "@vueuse/core": "~12.4.0",
     "jsdom": "^25.0.1",
     "resize-observer-polyfill": "^1.5.1",
     "@vitejs/plugin-vue": "^5.2.1",
@@ -35,8 +35,8 @@
     "svgo": "^3.3.2",
     "@types/d3": "^7.4.3",
     "@milaboratories/eslint-config": "^1.0.1",
-    "@platforma-sdk/model": "^1.22.18",
-    "@milaboratories/helpers": "^1.6.11"
+    "@milaboratories/helpers": "^1.6.11",
+    "@platforma-sdk/model": "^1.22.59"
   },
   "scripts": {
     "dev": "vite",

package/src/assets/icons/icon-assets/16_progress.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7109_635)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 0C7.64654 3.30518e-07 7.29807 0.0229692 6.95607 0.0675794L7.15009 1.55498C7.42792 1.51874 7.71158 1.5 7.99999 1.5C7.99999 1.5 8 1.5 8 1.5C8.04816 1.5 8.09618 1.50052 8.14407 1.50156C9.24564 1.52552 10.2797 1.82352 11.1808 2.3301L12.2744 1.23644C11.0379 0.453354 9.5719 0 8 0M4.9375 0.607339C4.28671 0.877211 3.67958 1.23031 3.12932 1.65316L4.04331 2.84254C4.49082 2.49865 4.98405 2.21189 5.51208 1.99293L4.9375 0.607339ZM1.65316 3.12932C1.23031 3.67958 0.877211 4.28671 0.607339 4.9375L1.99293 5.51208C2.21189 4.98405 2.49865 4.49082 2.84254 4.04331L1.65316 3.12932ZM0.0675795 6.95607C0.0229688 7.29807 0 7.64654 0 8C0 8.35346 0.0229688 8.70193 0.0675793 9.04393L1.55498 8.84991C1.51874 8.57208 1.5 8.28841 1.5 8C1.5 7.71159 1.51874 7.42792 1.55498 7.15009L0.0675795 6.95607ZM0.607339 11.0625C0.877211 11.7133 1.23031 12.3204 1.65316 12.8707L2.84254 11.9567C2.49865 11.5092 2.21189 11.0159 1.99293 10.4879L0.607339 11.0625ZM3.12932 14.3468C3.67958 14.7697 4.28671 15.1228 4.9375 15.3927L5.51208 14.0071C4.98405 13.7881 4.49082 13.5014 4.04331 13.1575L3.12932 14.3468ZM6.95607 15.9324C7.29807 15.977 7.64654 16 8 16C8.08498 16 8.16967 15.9987 8.25405 15.996C12.5548 15.8619 16 12.3333 16 8C16 7.17933 15.8764 6.38752 15.6469 5.64217L14.4046 6.88441C14.4673 7.24687 14.5 7.61962 14.5 8C14.5 11.5538 11.648 14.4415 8.10793 14.4991C8.07203 14.4997 8.03605 14.5 8 14.5C7.71159 14.5 7.42792 14.4813 7.15009 14.445L6.95607 15.9324ZM14.6606 3.79998L13.6596 4.80101L7.29998 11.1606L3.78932 7.64998L4.84998 6.58932L7.29998 9.03932L12.7627 3.57657L13.6 2.73932L14.6606 3.79998Z" fill="#110529"/>
+</g>
+<defs>
+<clipPath id="clip0_7109_635">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/icon-assets/24_progress.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9805 2.04746C14.4753 2.19293 15.8737 2.66749 17.1022 3.39777L16.0012 4.49876C14.8597 3.88856 13.5625 3.53133 12.1847 3.50196C12.1408 3.50103 12.0969 3.50043 12.0529 3.50016C12.0353 3.50005 12.0176 3.5 12 3.5C11.7177 3.5 11.4391 3.51371 11.1647 3.54041L11.0194 2.04746C11.3421 2.01607 11.6692 2 12 2C12.0724 2 12.1446 2.00077 12.2166 2.0023C12.2775 2.00359 12.3383 2.00543 12.399 2.00781C12.41 2.00825 12.421 2.0087 12.432 2.00916C12.476 2.01103 12.5199 2.01319 12.5638 2.01563C12.7035 2.02339 12.8424 2.03402 12.9805 2.04746ZM9.5311 3.86369L9.09617 2.42813C8.46374 2.61974 7.8578 2.87231 7.28519 3.17901L7.99343 4.50128C8.47989 4.24073 8.99436 4.02631 9.5311 3.86369ZM6.60821 5.42858L5.65597 4.2696C5.1499 4.68539 4.68539 5.14991 4.2696 5.65597L5.42858 6.60821C5.78236 6.17763 6.17763 5.78236 6.60821 5.42858ZM4.50128 7.99343L3.17901 7.2852C2.87231 7.8578 2.61974 8.46374 2.42813 9.09617L3.86369 9.5311C4.02631 8.99436 4.24072 8.47989 4.50128 7.99343ZM2 12C2 11.6692 2.01607 11.3421 2.04746 11.0195L3.54041 11.1647C3.51371 11.4391 3.5 11.7177 3.5 12C3.5 12.2823 3.51371 12.5609 3.54041 12.8353L2.04746 12.9806C2.01607 12.6579 2 12.3308 2 12ZM3.86369 14.4689L2.42813 14.9038C2.61974 15.5363 2.87231 16.1422 3.17901 16.7148L4.50128 16.0066C4.24073 15.5201 4.02631 15.0056 3.86369 14.4689ZM5.42858 17.3918L4.2696 18.344C4.68539 18.8501 5.1499 19.3146 5.65597 19.7304L6.60821 18.5714C6.17763 18.2176 5.78236 17.8224 5.42858 17.3918ZM7.99343 19.4987L7.28519 20.821C7.8578 21.1277 8.46374 21.3803 9.09617 21.5719L9.5311 20.1363C8.99436 19.9737 8.47989 19.7593 7.99343 19.4987ZM11.1647 20.4596L11.0195 21.9525C11.3421 21.9839 11.6692 22 12 22C12.0207 22 12.0413 21.9999 12.062 21.9998C12.3717 21.9979 12.6781 21.982 12.9805 21.9525C18.0432 21.4598 22 17.192 22 12C22 11.2275 21.9124 10.4755 21.7466 9.75337L20.4478 11.0522C20.4823 11.3634 20.5 11.6796 20.5 12C20.5 16.6239 16.8079 20.3854 12.211 20.4974C12.1409 20.4991 12.0706 20.5 12 20.5C11.7177 20.5 11.4391 20.4863 11.1647 20.4596ZM20.5303 6.53033L19.4697 5.46967L11 13.9393L8.03034 10.9697L6.96968 12.0303L11 16.0607L20.5303 6.53033Z" fill="#110529"/>
+</svg>

package/src/assets/icons/icon-assets-min/16_progress.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#a)"><path fill="#110529" fill-rule="evenodd" d="M8 0q-.53 0-1.044.068l.194 1.487q.418-.054.85-.055.072 0 .144.002a6.47 6.47 0 0 1 3.037.828l1.093-1.094A7.96 7.96 0 0 0 8 0M4.938.607c-.651.27-1.258.623-1.809 1.046l.914 1.19c.448-.344.941-.631 1.47-.85zM1.652 3.13A8 8 0 0 0 .607 4.938l1.386.574a6.5 6.5 0 0 1 .85-1.469zM.068 6.956a8 8 0 0 0 0 2.088l1.487-.194a6.6 6.6 0 0 1 0-1.7zm.54 4.107c.27.65.622 1.257 1.045 1.808l1.19-.914a6.5 6.5 0 0 1-.85-1.47zm2.521 3.284c.55.423 1.158.776 1.809 1.046l.574-1.386a6.5 6.5 0 0 1-1.469-.85zm3.827 1.585a8 8 0 0 0 1.298.064 8 8 0 0 0 7.393-10.354l-1.242 1.242q.094.545.095 1.116a6.5 6.5 0 0 1-7.35 6.445zM14.661 3.8 13.66 4.801l-6.36 6.36L3.79 7.65l1.06-1.06L7.3 9.04l5.463-5.463.837-.838z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/src/assets/icons/icon-assets-min/24_progress.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" fill-rule="evenodd" d="M12.98 2.047a9.9 9.9 0 0 1 4.122 1.35l-1.1 1.102A8.46 8.46 0 0 0 12 3.5q-.423 0-.835.04l-.146-1.493a10 10 0 0 1 1.961 0M9.532 3.864l-.435-1.436a10 10 0 0 0-1.81.751l.707 1.322q.732-.392 1.538-.637M6.608 5.429l-.952-1.16q-.76.625-1.386 1.387l1.159.952q.532-.647 1.18-1.18M4.501 7.993 3.18 7.285a10 10 0 0 0-.75 1.811l1.435.435A8.4 8.4 0 0 1 4.5 7.993M2 12q0-.496.047-.98l1.493.145a8.6 8.6 0 0 0 0 1.67l-1.493.146Q2.001 12.496 2 12m1.864 2.469-1.436.435q.29.95.751 1.81l1.322-.707a8.4 8.4 0 0 1-.637-1.538m1.565 2.923-1.16.952q.625.76 1.387 1.386l.952-1.159a8.6 8.6 0 0 1-1.18-1.18m2.564 2.107-.708 1.322c.573.307 1.179.56 1.811.75l.435-1.435a8.4 8.4 0 0 1-1.538-.637m3.172.96-.145 1.494q.484.046.98.047h.062q.465-.003.918-.047C18.043 21.46 22 17.192 22 12c0-.773-.088-1.524-.253-2.247l-1.3 1.3a8.5 8.5 0 0 1-9.283 9.407M20.53 6.53l-1.06-1.06L11 13.94l-2.97-2.97-1.06 1.06L11 16.06z" clip-rule="evenodd"/></svg>

package/src/assets/icons/icons-16-generated.json

@@ -53,6 +53,7 @@
   "paper-clip": "paper-clip.svg",
   "pause": "pause.svg",
   "play": "play.svg",
+  "progress": "progress.svg",
   "renew": "renew.svg",
   "restart": "restart.svg",
   "reverse": "reverse.svg",

package/src/assets/icons/icons-16-generated.scss

@@ -53,6 +53,7 @@ $icons16: (
   paper-clip: 'paper-clip.svg',
   pause: 'pause.svg',
   play: 'play.svg',
+  progress: 'progress.svg',
   renew: 'renew.svg',
   restart: 'restart.svg',
   reverse: 'reverse.svg',

package/src/assets/icons/icons-24-generated.json

@@ -143,6 +143,7 @@
   "position-top-annotation": "position-top-annotation.svg",
   "position-top": "position-top.svg",
   "product": "product.svg",
+  "progress": "progress.svg",
   "publications": "publications.svg",
   "radio-button-checked": "radio-button-checked.svg",
   "radio-button": "radio-button.svg",

package/src/assets/icons/icons-24-generated.scss

@@ -143,6 +143,7 @@ $icons24: (
   position-top-annotation: 'position-top-annotation.svg',
   position-top: 'position-top.svg',
   product: 'product.svg',
+  progress: 'progress.svg',
   publications: 'publications.svg',
   radio-button-checked: 'radio-button-checked.svg',
   radio-button: 'radio-button.svg',

package/src/components/PlProgressCell/PlProgressCell.vue

@@ -6,8 +6,8 @@ import type { PlProgressCellProps } from './types';
 
 const props = withDefaults(defineProps<PlProgressCellProps>(), {
   stage: 'not_started',
-  step: '',
-  progressString: '',
+  step: '', // main text (left)
+  progressString: '', // appended text on the right side (right)
   progress: undefined,
   error: '',
 });

package/src/components/PlProgressCell/pl-progress-cell.scss

@@ -10,15 +10,15 @@
         background: var(--txt-error);
     }
 
-    &.error {
+    &.not-started {
         * {
-            color: var(--txt-error) !important;
+            color: var(--txt-03) !important;
         }
     }
 
-    &.not-started {
+    &.error {
         * {
-            color: var(--txt-03) !important;
+            color: var(--txt-error) !important;
         }
     }
 

package/src/components/PlProgressCell/types.ts

@@ -1,7 +1,7 @@
 export type PlProgressCellProps = {
   stage: 'not_started' | 'running' | 'done';
-  step?: string; // "Alignment" / "Queued"
-  progressString?: string; // "20%" or "2 / 4"
-  progress?: number; // i.e. 0.2 for 20%; 'undefined' for unknown progress = animated progressbar
+  step?: string; // "Alignment" / "Queued" (main left text)
+  progressString?: string; // "20%" or "2 / 4" (right text)
+  progress?: number; // Percent value! (from 0 to 100) i.e. 20 for 20%; 'undefined' for unknown progress = animated progressbar
   error?: string;
 };

package/src/generated/icons-16.ts

@@ -53,6 +53,7 @@ export const maskIcons16 = [
   'paper-clip',
   'pause',
   'play',
+  'progress',
   'renew',
   'restart',
   'reverse',

package/src/generated/icons-24.ts

@@ -143,6 +143,7 @@ export const maskIcons24 = [
   'position-top-annotation',
   'position-top',
   'product',
+  'progress',
   'publications',
   'radio-button-checked',
   'radio-button',