@milaboratories/uikit 2.2.4 → 2.2.6

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 (31) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/pl-uikit.js +1001 -988
  3. package/dist/pl-uikit.umd.cjs +4 -4
  4. package/dist/src/components/PlDialogModal/PlDialogModal.vue.d.ts +8 -0
  5. package/dist/src/components/PlFileDialog/PlFileDialog.vue.d.ts +3 -0
  6. package/dist/src/components/PlFileInput/PlFileInput.vue.d.ts +18 -9
  7. package/dist/src/components/PlSlideModal/PlSlideModal.vue.d.ts +3 -3
  8. package/dist/src/generated/icons-24.d.ts +1 -1
  9. package/dist/src/index.d.ts +2 -2
  10. package/dist/style.css +1 -1
  11. package/dist/tsconfig.lib.tsbuildinfo +1 -1
  12. package/package.json +3 -3
  13. package/src/assets/icons/icon-assets/24_dna-add.svg +4 -0
  14. package/src/assets/icons/icon-assets/24_dna-import.svg +4 -0
  15. package/src/assets/icons/icon-assets/24_dna.svg +3 -3
  16. package/src/assets/icons/icon-assets-min/24_dna-add.svg +1 -0
  17. package/src/assets/icons/icon-assets-min/24_dna-import.svg +1 -0
  18. package/src/assets/icons/icon-assets-min/24_dna.svg +1 -1
  19. package/src/assets/icons/icons-24-generated.json +2 -2
  20. package/src/assets/icons/icons-24-generated.scss +2 -2
  21. package/src/assets/icons/icons-set.scss +2 -1
  22. package/src/components/PlBtnSplit/pl-btn-split.scss +2 -3
  23. package/src/components/PlDialogModal/PlDialogModal.vue +5 -1
  24. package/src/components/PlFileDialog/PlFileDialog.vue +3 -0
  25. package/src/components/PlFileInput/PlFileInput.vue +16 -6
  26. package/src/components/PlMaskIcon16/PlMaskIcon16.vue +7 -1
  27. package/src/components/PlMaskIcon24/PlMaskIcon24.vue +7 -1
  28. package/src/components/PlSlideModal/PlSlideModal.vue +1 -1
  29. package/src/generated/icons-24.ts +2 -2
  30. package/src/assets/icons/icon-assets/24_files-export.svg +0 -6
  31. package/src/assets/icons/icon-assets/24_files-import.svg +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@milaboratories/uikit",
3
- "version": "2.2.4",
3
+ "version": "2.2.6",
4
4
  "type": "module",
5
5
  "main": "dist/pl-uikit.umd.js",
6
6
  "module": "dist/pl-uikit.js",
@@ -32,8 +32,8 @@
32
32
  "vue-tsc": "^2.1.6",
33
33
  "yarpm": "^1.2.0",
34
34
  "svgo": "^3.3.2",
35
- "@platforma-sdk/model": "^1.10.2",
36
- "@milaboratories/helpers": "^1.6.6"
35
+ "@milaboratories/helpers": "^1.6.6",
36
+ "@platforma-sdk/model": "^1.10.2"
37
37
  },
38
38
  "scripts": {
39
39
  "dev": "vite",
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.3081 7C7.01288 6.48433 6.76766 5.90709 6.58787 5.25L15.8435 5.25C15.9948 4.80961 16.1101 4.31425 16.1785 3.75L6.31217 3.75C6.27139 3.35769 6.25 2.94181 6.25 2.5H4.75C4.75 5.4604 5.61845 7.52184 6.9601 9.09823C7.98748 10.3054 9.27521 11.2032 10.5567 12C10.8948 12.2102 11.2324 12.4134 11.5648 12.6134L11.6618 12.6718C12.293 13.0517 12.9048 13.422 13.4822 13.8096C13.5354 13.8453 13.5883 13.8811 13.6408 13.9171C14.3434 14.3981 14.992 14.909 15.5593 15.5H13V17H16.6919C16.9871 17.5157 17.2323 18.0929 17.4121 18.75H13V20.25H17.6878C17.7286 20.6423 17.75 21.0582 17.75 21.5H19.25C19.25 18.5396 18.3815 16.4782 17.0399 14.9018C16.7665 14.5806 16.4748 14.2813 16.1696 14C15.9481 13.7959 15.7195 13.6012 15.4859 13.4145C15.2718 13.2434 15.0534 13.0791 14.8322 12.9203C14.7483 12.86 14.664 12.8005 14.5793 12.7418C14.3702 12.5968 14.1591 12.4562 13.9472 12.3191L13.9237 12.3039C13.7801 12.2113 13.6363 12.1203 13.4925 12.0306L13.4433 12C13.1055 11.79 12.7682 11.587 12.4363 11.3872L12.4362 11.3872L12.3867 11.3574C12.2569 11.2793 12.128 11.2016 12 11.1242C11.5096 10.8275 11.033 10.5339 10.5773 10.2302C10.497 10.1767 10.4173 10.1228 10.3383 10.0686L10.3162 10.0534C10.2578 10.0132 10.1998 9.97281 10.1423 9.93216C9.52286 9.49501 8.94913 9.0297 8.44073 8.5H13.2788C13.8439 8.08122 14.3348 7.64795 14.7553 7.15384C14.7981 7.1035 14.8405 7.05225 14.8822 7H7.3081ZM13.4227 10.2302C14.3556 9.60849 15.2009 8.9446 15.8976 8.12603C16.9935 6.83846 17.75 5.12783 17.75 2.5H19.25C19.25 5.46041 18.3815 7.52184 17.0399 9.09823C16.3815 9.87184 15.6162 10.5184 14.8141 11.0928C14.336 10.782 13.8663 10.4972 13.4227 10.2302Z" fill="#110529"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 13V16.5H11V18H7.5V21.5H6V18H2.5V16.5H6V13H7.5Z" fill="#110529"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.3081 7C7.01288 6.48433 6.76766 5.90709 6.58787 5.25L15.8435 5.25C15.9948 4.80961 16.1101 4.31425 16.1785 3.75L6.31217 3.75C6.27139 3.35769 6.25 2.94181 6.25 2.5H4.75C4.75 5.4604 5.61845 7.52184 6.9601 9.09823C7.98748 10.3054 9.27521 11.2032 10.5567 12C10.8948 12.2102 11.2324 12.4134 11.5648 12.6134L11.6618 12.6718C12.293 13.0517 12.9048 13.422 13.4822 13.8096C13.5354 13.8453 13.5883 13.8811 13.6408 13.9171C14.3434 14.3981 14.992 14.909 15.5593 15.5H13V17H16.6919C16.9871 17.5157 17.2323 18.0929 17.4121 18.75H13V20.25H17.6878C17.7286 20.6423 17.75 21.0582 17.75 21.5H19.25C19.25 18.5396 18.3815 16.4782 17.0399 14.9018C16.7665 14.5806 16.4748 14.2813 16.1696 14C15.9481 13.7959 15.7195 13.6012 15.4859 13.4145C15.2718 13.2434 15.0534 13.0791 14.8322 12.9203C14.7483 12.86 14.664 12.8005 14.5793 12.7418C14.3702 12.5968 14.1591 12.4562 13.9472 12.3191L13.9237 12.3039C13.7801 12.2113 13.6363 12.1203 13.4925 12.0306L13.4433 12C13.1055 11.79 12.7682 11.587 12.4363 11.3872L12.4362 11.3872L12.3867 11.3574C12.2569 11.2793 12.128 11.2016 12 11.1242C11.5096 10.8275 11.033 10.5339 10.5773 10.2302C10.497 10.1767 10.4173 10.1228 10.3383 10.0686L10.3162 10.0534C10.2578 10.0132 10.1998 9.97281 10.1423 9.93216C9.52286 9.49501 8.94913 9.0297 8.44073 8.5H13.2788C13.8439 8.08122 14.3348 7.64795 14.7553 7.15384C14.7981 7.1035 14.8405 7.05225 14.8822 7H7.3081ZM13.4227 10.2302C14.3556 9.60849 15.2009 8.9446 15.8976 8.12603C16.9935 6.83846 17.75 5.12783 17.75 2.5H19.25C19.25 5.46041 18.3815 7.52184 17.0399 9.09823C16.3815 9.87184 15.6162 10.5184 14.8141 11.0928C14.336 10.782 13.8663 10.4972 13.4227 10.2302Z" fill="#110529"/>
3
+ <path d="M3 13.5V15H7.9395L2 20.9395L3.0605 22L9 16.0605V21H10.5V13.5H3Z" fill="#110529"/>
4
+ </svg>
@@ -1,5 +1,5 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M16.6919 7C16.9871 6.48433 17.2323 5.90709 17.4121 5.25L8.15653 5.25C8.00517 4.80961 7.88994 4.31425 7.82147 3.75L17.6878 3.75C17.7286 3.35769 17.75 2.94181 17.75 2.5H19.25C19.25 5.4604 18.3816 7.52184 17.0399 9.09823C16.0125 10.3054 14.7248 11.2032 13.4433 12C13.1052 12.2102 12.7676 12.4134 12.4352 12.6134L12.3382 12.6718C11.707 13.0517 11.0952 13.422 10.5178 13.8096C10.4646 13.8453 10.4117 13.8811 10.3592 13.9171C9.65657 14.3981 9.00799 14.909 8.44073 15.5H13.2789C13.547 15.6987 13.7984 15.9007 14.0335 16.1108C14.2939 16.3436 14.5343 16.5865 14.7553 16.8462C14.7982 16.8965 14.8405 16.9478 14.8822 17H7.3081C7.01288 17.5157 6.76766 18.0929 6.58787 18.75H15.8435C15.9949 19.1904 16.1101 19.6857 16.1786 20.25H6.31217C6.27139 20.6423 6.25 21.0582 6.25 21.5H4.75C4.75 18.5396 5.61845 16.4782 6.9601 14.9018C7.23345 14.5806 7.52524 14.2813 7.83043 14C8.0519 13.7959 8.28047 13.6012 8.51414 13.4145C8.7282 13.2434 8.94657 13.0791 9.16776 12.9203C9.25169 12.86 9.33602 12.8005 9.42068 12.7418C9.6298 12.5968 9.84092 12.4562 10.0528 12.3191C10.0607 12.3141 10.0685 12.309 10.0763 12.3039C10.2199 12.2113 10.3637 12.1203 10.5075 12.0306C10.5075 12.0306 10.5075 12.0306 10.5075 12.0306C10.5239 12.0204 10.5403 12.0102 10.5567 12C10.8945 11.7899 11.2319 11.5869 11.5638 11.3872L11.6133 11.3574C11.7431 11.2793 11.872 11.2016 12 11.1242C12.4904 10.8275 12.967 10.5339 13.4227 10.2302C13.503 10.1767 13.5827 10.1228 13.6617 10.0686C13.6691 10.0636 13.6764 10.0585 13.6838 10.0534C13.7422 10.0132 13.8002 9.97281 13.8577 9.93216C14.4771 9.49501 15.0509 9.0297 15.5593 8.5H10.7212C10.1561 8.08122 9.66524 7.64795 9.2447 7.15384C9.20186 7.1035 9.15954 7.05225 9.1178 7H16.6919Z" fill="#110529"/>
3
- <path d="M10.5773 10.2302C9.64438 9.60849 8.79907 8.9446 8.1024 8.12603C7.00655 6.83846 6.25 5.12783 6.25 2.5H4.75C4.75 5.46041 5.61845 7.52184 6.9601 9.09823C7.61851 9.87184 8.38385 10.5184 9.18593 11.0928C9.66398 10.782 10.1337 10.4972 10.5773 10.2302Z" fill="#110529"/>
4
- <path d="M17.75 21.5H19.25C19.25 18.5396 18.3816 16.4782 17.0399 14.9018C16.3815 14.1282 15.6162 13.4816 14.8141 12.9072C14.336 13.218 13.8663 13.5028 13.4228 13.7698C14.1816 14.2755 14.8824 14.8091 15.4925 15.4312C15.5626 15.5027 15.6316 15.5754 15.6994 15.6494C15.7667 15.723 15.8328 15.7978 15.8976 15.874C16.5072 16.5902 17.0118 17.4374 17.3396 18.5005C17.5642 19.2291 17.7058 20.0591 17.7412 21.0179C17.747 21.1751 17.75 21.3358 17.75 21.5Z" fill="#110529"/>
2
+ <path d="M7.3081 7C7.01288 6.48433 6.76766 5.90709 6.58787 5.25L15.8435 5.25C15.9948 4.80961 16.1101 4.31425 16.1785 3.75L6.31217 3.75C6.27139 3.35769 6.25 2.94181 6.25 2.5H4.75C4.75 5.4604 5.61845 7.52184 6.9601 9.09823C7.98748 10.3054 9.27521 11.2032 10.5567 12C10.8948 12.2102 11.2324 12.4134 11.5648 12.6134L11.6618 12.6718C12.293 13.0517 12.9048 13.422 13.4822 13.8096C13.5354 13.8453 13.5883 13.8811 13.6408 13.9171C14.3434 14.3981 14.992 14.909 15.5593 15.5H10.7211C10.453 15.6987 10.2016 15.9007 9.96652 16.1108C9.70611 16.3436 9.46568 16.5865 9.24468 16.8462C9.20183 16.8965 9.15951 16.9478 9.11777 17H16.6919C16.9871 17.5157 17.2323 18.0929 17.4121 18.75H8.1565C8.00515 19.1904 7.88991 19.6857 7.82144 20.25H17.6878C17.7286 20.6423 17.75 21.0582 17.75 21.5H19.25C19.25 18.5396 18.3816 16.4782 17.0399 14.9018C16.7665 14.5806 16.4748 14.2813 16.1696 14C15.9481 13.7959 15.7195 13.6012 15.4859 13.4145C15.2718 13.2434 15.0534 13.0791 14.8322 12.9203C14.7483 12.86 14.664 12.8005 14.5793 12.7418C14.3702 12.5968 14.1591 12.4562 13.9472 12.3191C13.9393 12.3141 13.9315 12.309 13.9237 12.3039C13.7801 12.2113 13.6363 12.1203 13.4925 12.0306C13.4925 12.0306 13.4925 12.0306 13.4925 12.0306C13.4761 12.0204 13.4597 12.0102 13.4433 12C13.1055 11.7899 12.7681 11.5869 12.4362 11.3872L12.3867 11.3574C12.2569 11.2793 12.128 11.2016 12 11.1242C11.5096 10.8275 11.033 10.5339 10.5773 10.2302C10.497 10.1767 10.4173 10.1228 10.3383 10.0686C10.3309 10.0636 10.3236 10.0585 10.3162 10.0534C10.2578 10.0132 10.1998 9.97281 10.1423 9.93216C9.52286 9.49501 8.94913 9.0297 8.44073 8.5H13.2788C13.8439 8.08122 14.3348 7.64795 14.7553 7.15384C14.7981 7.1035 14.8405 7.05225 14.8822 7H7.3081Z" fill="#110529"/>
3
+ <path d="M13.4227 10.2302C14.3556 9.60849 15.2009 8.9446 15.8976 8.12603C16.9934 6.83846 17.75 5.12783 17.75 2.5H19.25C19.25 5.46041 18.3816 7.52184 17.0399 9.09823C16.3815 9.87184 15.6162 10.5184 14.8141 11.0928C14.336 10.782 13.8663 10.4972 13.4227 10.2302Z" fill="#110529"/>
4
+ <path d="M6.24999 21.5H4.75C4.75 18.5396 5.61845 16.4782 6.9601 14.9018C7.61851 14.1282 8.38384 13.4816 9.18591 12.9072C9.66397 13.218 10.1337 13.5028 10.5772 13.7698C9.81845 14.2755 9.11759 14.8091 8.50753 15.4312C8.43735 15.5027 8.36837 15.5754 8.30065 15.6494C8.2333 15.723 8.16719 15.7978 8.10238 15.874C7.49281 16.5902 6.98821 17.4374 6.66042 18.5005C6.43578 19.2291 6.29419 20.0591 6.25876 21.0179C6.25296 21.1751 6.24999 21.3358 6.24999 21.5Z" fill="#110529"/>
5
5
  </svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" fill-rule="evenodd" d="M7.308 7a7.5 7.5 0 0 1-.72-1.75h9.256a7.3 7.3 0 0 0 .335-1.5H6.311q-.061-.587-.062-1.25h-1.5c0 2.96.868 5.022 2.21 6.598 1.027 1.207 2.315 2.105 3.597 2.902q.508.314 1.008.613l.097.059a44 44 0 0 1 1.979 1.245c.702.481 1.351.992 1.918 1.583H13V17h3.692c.295.516.54 1.093.72 1.75H13v1.5h4.688q.061.587.062 1.25h1.5c0-2.96-.869-5.022-2.21-6.598q-.411-.48-.87-.902-.333-.306-.684-.585a16 16 0 0 0-.907-.673q-.314-.217-.632-.423l-.023-.015-.431-.273-.05-.031q-.508-.314-1.007-.613l-.05-.03-.386-.233a39 39 0 0 1-1.662-1.055l-.022-.016-.174-.12A11.6 11.6 0 0 1 8.441 8.5h4.838c.565-.419 1.056-.852 1.476-1.346q.064-.075.127-.154zm6.115 3.23c.933-.622 1.778-1.285 2.475-2.104C16.994 6.838 17.75 5.128 17.75 2.5h1.5c0 2.96-.869 5.022-2.21 6.598-.659.774-1.424 1.42-2.226 1.995-.478-.311-.948-.596-1.391-.863" clip-rule="evenodd"/><path fill="#110529" fill-rule="evenodd" d="M7.5 13v3.5H11V18H7.5v3.5H6V18H2.5v-1.5H6V13z" clip-rule="evenodd"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" fill-rule="evenodd" d="M7.308 7a7.5 7.5 0 0 1-.72-1.75h9.256a7.3 7.3 0 0 0 .335-1.5H6.311q-.061-.587-.062-1.25h-1.5c0 2.96.868 5.022 2.21 6.598 1.027 1.207 2.315 2.105 3.597 2.902q.508.314 1.008.613l.097.059a44 44 0 0 1 1.979 1.245c.702.481 1.351.992 1.918 1.583H13V17h3.692c.295.516.54 1.093.72 1.75H13v1.5h4.688q.061.587.062 1.25h1.5c0-2.96-.869-5.022-2.21-6.598q-.411-.48-.87-.902-.333-.306-.684-.585a16 16 0 0 0-.907-.673q-.314-.217-.632-.423l-.023-.015-.431-.273-.05-.031q-.508-.314-1.007-.613l-.05-.03-.386-.233a39 39 0 0 1-1.662-1.055l-.022-.016-.174-.12A11.6 11.6 0 0 1 8.441 8.5h4.838c.565-.419 1.056-.852 1.476-1.346q.064-.075.127-.154zm6.115 3.23c.933-.622 1.778-1.285 2.475-2.104C16.994 6.838 17.75 5.128 17.75 2.5h1.5c0 2.96-.869 5.022-2.21 6.598-.659.774-1.424 1.42-2.226 1.995-.478-.311-.948-.596-1.391-.863" clip-rule="evenodd"/><path fill="#110529" d="M3 13.5V15h4.94L2 20.94 3.06 22 9 16.06V21h1.5v-7.5z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" d="M16.692 7c.295-.516.54-1.093.72-1.75H8.157a7.3 7.3 0 0 1-.336-1.5h9.867q.061-.587.062-1.25h1.5c0 2.96-.868 5.022-2.21 6.598-1.027 1.207-2.315 2.105-3.597 2.902q-.508.314-1.008.613l-.097.059a44 44 0 0 0-1.979 1.245c-.702.481-1.351.992-1.918 1.583h4.838q.402.297.755.61a7.6 7.6 0 0 1 .848.89H7.308a7.5 7.5 0 0 0-.72 1.75h9.256c.15.44.266.936.335 1.5H6.312q-.061.587-.062 1.25h-1.5c0-2.96.868-5.022 2.21-6.598q.411-.48.87-.902.333-.306.684-.585a16 16 0 0 1 .907-.673q.314-.217.632-.423l.023-.015q.216-.14.431-.273l.05-.031q.508-.314 1.007-.613l.05-.03.386-.233a39 39 0 0 0 1.662-1.055l.022-.016.174-.12c.62-.438 1.193-.903 1.701-1.433h-4.838c-.565-.419-1.056-.852-1.476-1.346L9.118 7z"/><path fill="#110529" d="M10.577 10.23C9.644 9.608 8.8 8.945 8.102 8.126 7.007 6.838 6.25 5.128 6.25 2.5h-1.5c0 2.96.868 5.022 2.21 6.598.659.774 1.424 1.42 2.226 1.995.478-.311.948-.596 1.391-.863M17.75 21.5h1.5c0-2.96-.868-5.022-2.21-6.598-.659-.774-1.424-1.42-2.226-1.995-.478.311-.948.596-1.391.863.759.505 1.46 1.04 2.07 1.661a9 9 0 0 1 .405.443A7.3 7.3 0 0 1 17.34 18.5c.224.73.366 1.56.401 2.518q.009.236.009.482"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" d="M7.308 7a7.5 7.5 0 0 1-.72-1.75h9.256a7.3 7.3 0 0 0 .335-1.5H6.311q-.061-.587-.062-1.25h-1.5c0 2.96.868 5.022 2.21 6.598 1.027 1.207 2.315 2.105 3.597 2.902q.508.314 1.008.613l.097.059a44 44 0 0 1 1.979 1.245c.702.481 1.351.992 1.918 1.583h-4.838q-.402.297-.754.61a7.6 7.6 0 0 0-.85.89h7.575c.295.516.54 1.093.72 1.75H8.157a7.3 7.3 0 0 0-.336 1.5h9.867q.061.587.062 1.25h1.5c0-2.96-.868-5.022-2.21-6.598q-.411-.48-.87-.902-.333-.306-.684-.585a16 16 0 0 0-.907-.673q-.314-.217-.632-.423l-.023-.015-.431-.273-.05-.031q-.508-.314-1.007-.613l-.05-.03-.386-.233a39 39 0 0 1-1.662-1.055l-.022-.016-.174-.12A11.6 11.6 0 0 1 8.441 8.5h4.838c.565-.419 1.056-.852 1.476-1.346q.064-.075.127-.154z"/><path fill="#110529" d="M13.423 10.23c.933-.622 1.778-1.285 2.475-2.104C16.993 6.838 17.75 5.128 17.75 2.5h1.5c0 2.96-.868 5.022-2.21 6.598-.659.774-1.424 1.42-2.226 1.995-.478-.311-.948-.596-1.391-.863M6.25 21.5h-1.5c0-2.96.868-5.022 2.21-6.598.659-.774 1.424-1.42 2.226-1.995.478.311.948.596 1.391.863-.759.505-1.46 1.04-2.07 1.661a9 9 0 0 0-.405.443A7.3 7.3 0 0 0 6.66 18.5c-.224.73-.366 1.56-.401 2.518q-.009.236-.009.482"/></svg>
@@ -68,6 +68,8 @@
68
68
  "dendrogram-X": "dendrogram-X.svg",
69
69
  "dendrogram-Y-line": "dendrogram-Y-line.svg",
70
70
  "dendrogram-Y": "dendrogram-Y.svg",
71
+ "dna-add": "dna-add.svg",
72
+ "dna-import": "dna-import.svg",
71
73
  "dna": "dna.svg",
72
74
  "download": "download.svg",
73
75
  "drag-dots": "drag-dots.svg",
@@ -84,8 +86,6 @@
84
86
  "file-doc-download": "file-doc-download.svg",
85
87
  "file-doc-import": "file-doc-import.svg",
86
88
  "file-doc": "file-doc.svg",
87
- "files-export": "files-export.svg",
88
- "files-import": "files-import.svg",
89
89
  "filter-on": "filter-on.svg",
90
90
  "filter": "filter.svg",
91
91
  "fire-tips": "fire-tips.svg",
@@ -68,6 +68,8 @@ $icons24: (
68
68
  dendrogram-X: 'dendrogram-X.svg',
69
69
  dendrogram-Y-line: 'dendrogram-Y-line.svg',
70
70
  dendrogram-Y: 'dendrogram-Y.svg',
71
+ dna-add: 'dna-add.svg',
72
+ dna-import: 'dna-import.svg',
71
73
  dna: 'dna.svg',
72
74
  download: 'download.svg',
73
75
  drag-dots: 'drag-dots.svg',
@@ -84,8 +86,6 @@ $icons24: (
84
86
  file-doc-download: 'file-doc-download.svg',
85
87
  file-doc-import: 'file-doc-import.svg',
86
88
  file-doc: 'file-doc.svg',
87
- files-export: 'files-export.svg',
88
- files-import: 'files-import.svg',
89
89
  filter-on: 'filter-on.svg',
90
90
  filter: 'filter.svg',
91
91
  fire-tips: 'fire-tips.svg',
@@ -24,6 +24,7 @@
24
24
  background-size: cover !important;
25
25
  width: var(--icon-size);
26
26
  height: var(--icon-size);
27
+
27
28
  @each $name, $path in $icons24 {
28
29
  &.icon-#{$name} {
29
30
  background: url(@icons/icon-assets-min/24_#{$path});
@@ -51,4 +52,4 @@
51
52
  @include mask-var(url(@icons/icon-assets-min/24_#{$path}));
52
53
  }
53
54
  }
54
- }
55
+ }
@@ -42,9 +42,9 @@
42
42
  &__title {
43
43
  padding: 8px 14px;
44
44
  height: 100%;
45
- @include btn-focus;
46
45
  color: var(--border-color);
47
46
  transition: all .1s ease-in-out;
47
+ @include btn-focus;
48
48
 
49
49
  &:hover {
50
50
  border-radius: 6px;
@@ -66,9 +66,8 @@
66
66
  width: 36px;
67
67
  height: 100%;
68
68
  position: relative;
69
- @include btn-focus;
70
69
  transition: all .1s ease-in-out;
71
-
70
+ @include btn-focus;
72
71
 
73
72
 
74
73
  &:hover {
@@ -52,6 +52,10 @@ const props = withDefaults(
52
52
  * Actions slot has a top border (default: `true`)
53
53
  */
54
54
  actionsHasTopBorder?: boolean;
55
+ /**
56
+ * If `true`, the modal window closes when clicking outside the modal area (default: `true`)
57
+ */
58
+ closeOnOutsideClick?: boolean;
55
59
  }>(),
56
60
  {
57
61
  width: '448px',
@@ -69,7 +73,7 @@ const modal = ref<HTMLElement>();
69
73
  const $attrs = useAttrs();
70
74
 
71
75
  function onClickShadow(ev: Event) {
72
- if (modal.value && document.contains(ev.target as Node) && !modal.value.contains(ev.target as Node)) {
76
+ if (modal.value && props.closeOnOutsideClick && document.contains(ev.target as Node) && !modal.value.contains(ev.target as Node)) {
73
77
  emit('update:modelValue', false);
74
78
  }
75
79
  }
@@ -32,11 +32,13 @@ const props = withDefaults(
32
32
  multi?: boolean;
33
33
  title?: string;
34
34
  autoSelectStorage?: boolean;
35
+ closeOnOutsideClick?: boolean;
35
36
  }>(),
36
37
  {
37
38
  extensions: undefined,
38
39
  title: undefined,
39
40
  autoSelectStorage: true,
41
+ closeOnOutsideClick: true,
40
42
  },
41
43
  );
42
44
 
@@ -302,6 +304,7 @@ const vTextOverflown = {
302
304
  <template>
303
305
  <PlDialogModal
304
306
  :no-content-gutters="true"
307
+ :close-on-outside-click="closeOnOutsideClick"
305
308
  class="split"
306
309
  :model-value="modelValue"
307
310
  width="688px"
@@ -44,10 +44,6 @@ const props = withDefaults(
44
44
  * Allowed file extensions (should start with `.`)
45
45
  */
46
46
  extensions?: string[];
47
- /**
48
- * File dialog title
49
- */
50
- fileDialogTitle?: string;
51
47
  /**
52
48
  * Placeholder text
53
49
  */
@@ -68,11 +64,18 @@ const props = withDefaults(
68
64
  * If `true`, only the file name is displayed, not the full path to it.
69
65
  */
70
66
  showFilenameOnly?: boolean;
71
-
72
67
  /**
73
68
  * Remove rounded border and change styles
74
69
  */
75
70
  cellStyle?: boolean;
71
+ /**
72
+ * File dialog title
73
+ */
74
+ fileDialogTitle?: string;
75
+ /**
76
+ * If `true`, the file dialog window closes when clicking outside the modal area (default: `true`)
77
+ */
78
+ fileDialogCloseOnOutsideClick?: boolean;
76
79
  }>(),
77
80
  {
78
81
  label: undefined,
@@ -83,6 +86,7 @@ const props = withDefaults(
83
86
  error: undefined,
84
87
  helper: undefined,
85
88
  cellStyle: false,
89
+ fileDialogCloseOnOutsideClick: true,
86
90
  },
87
91
  );
88
92
 
@@ -182,5 +186,11 @@ if (!props.cellStyle) {
182
186
  </div>
183
187
  <div v-else-if="helper" class="upl-file-input__helper">{{ helper }}</div>
184
188
  </div>
185
- <PlFileDialog v-model="data.fileDialogOpen" :extensions="extensions" :title="fileDialogTitle" @import:files="onImport" />
189
+ <PlFileDialog
190
+ v-model="data.fileDialogOpen"
191
+ :extensions="extensions"
192
+ :title="fileDialogTitle"
193
+ :close-on-outside-click="fileDialogCloseOnOutsideClick"
194
+ @import:files="onImport"
195
+ />
186
196
  </template>
@@ -13,5 +13,11 @@ const className = computed(() => `mask-16 mask-${props.name}`);
13
13
  </script>
14
14
 
15
15
  <template>
16
- <i :style="style" :class="className" />
16
+ <i :style="style" :class="[className, $style.icon]" />
17
17
  </template>
18
+
19
+ <style module>
20
+ .icon {
21
+ display: inline-block;
22
+ }
23
+ </style>
@@ -11,5 +11,11 @@ const className = computed(() => `mask-24 mask-${props.name}`);
11
11
  </script>
12
12
 
13
13
  <template>
14
- <i :class="className" />
14
+ <i :class="[className, $style.icon]" />
15
15
  </template>
16
+
17
+ <style module>
18
+ .icon {
19
+ display: inline-block;
20
+ }
21
+ </style>
@@ -32,7 +32,7 @@ const props = withDefaults(
32
32
  */
33
33
  shadow?: boolean;
34
34
  /**
35
- * If `true`, the modal window closes when clicking outside the modal area.
35
+ * If `true`, the modal window closes when clicking outside the modal area (default: `true`)
36
36
  */
37
37
  closeOnOutsideClick?: boolean;
38
38
  }>(),
@@ -68,6 +68,8 @@ export const maskIcons24 = [
68
68
  'dendrogram-X',
69
69
  'dendrogram-Y-line',
70
70
  'dendrogram-Y',
71
+ 'dna-add',
72
+ 'dna-import',
71
73
  'dna',
72
74
  'download',
73
75
  'drag-dots',
@@ -84,8 +86,6 @@ export const maskIcons24 = [
84
86
  'file-doc-download',
85
87
  'file-doc-import',
86
88
  'file-doc',
87
- 'files-export',
88
- 'files-import',
89
89
  'filter-on',
90
90
  'filter',
91
91
  'fire-tips',
@@ -1,6 +0,0 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M16.0001 9L21.5194 14.2986L20.4807 15.3807L16.7501 11.7993V21.0397H15.2501V11.7993L11.5194 15.3807L10.4807 14.2986L16.0001 9Z" fill="#110529"/>
3
- <path d="M12 7.75H6V6.25H12V7.75Z" fill="#110529"/>
4
- <path d="M6 11H9V9.5H6V11Z" fill="#110529"/>
5
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 9V6C19.5 5.17157 18.8284 4.5 18 4.5H12H6C5.17157 4.5 4.5 5.17157 4.5 6V18C4.5 18.8284 5.17157 19.5 6 19.5H11V21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3H12H18C19.6569 3 21 4.34315 21 6V9H19.5Z" fill="#110529"/>
6
- </svg>
@@ -1,6 +0,0 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M16.0001 22.0397L21.5194 16.741L20.4807 15.659L16.7501 19.2403V9H15.2501V19.2403L11.5194 15.659L10.4807 16.741L16.0001 22.0397Z" fill="#110529"/>
3
- <path d="M12 7.75H6V6.25H12V7.75Z" fill="#110529"/>
4
- <path d="M6 11H9V9.5H6V11Z" fill="#110529"/>
5
- <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 9V6C19.5 5.17157 18.8284 4.5 18 4.5H12H6C5.17157 4.5 4.5 5.17157 4.5 6V18C4.5 18.8284 5.17157 19.5 6 19.5H10V21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3H12H18C19.6569 3 21 4.34315 21 6V9H19.5Z" fill="#110529"/>
6
- </svg>