its_ui_vite 1.1.13 → 1.2.0

package/src/assets/icon/svg/sliders.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none">
+<path d="M3 14.75V9.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 6.5V1.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 14.75V8" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 5V1.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15 14.75V11" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15 8V1.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.75 9.5H5.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.75 5H11.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.75 11H17.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icon/svg/toast/alert.svg

@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_51_899)">
+<path d="M15.435 5.78982L2.73001 26.9998C2.46806 27.4535 2.32946 27.9678 2.32799 28.4916C2.32653 29.0154 2.46224 29.5305 2.72165 29.9856C2.98105 30.4407 3.3551 30.8199 3.80657 31.0856C4.25804 31.3513 4.77121 31.4941 5.29501 31.4998H30.705C31.2288 31.4941 31.742 31.3513 32.1934 31.0856C32.6449 30.8199 33.019 30.4407 33.2784 29.9856C33.5378 29.5305 33.6735 29.0154 33.672 28.4916C33.6706 27.9678 33.532 27.4535 33.27 26.9998L20.565 5.78982C20.2976 5.34898 19.9211 4.9845 19.4718 4.73154C19.0225 4.47859 18.5156 4.3457 18 4.3457C17.4844 4.3457 16.9775 4.47859 16.5282 4.73154C16.0789 4.9845 15.7024 5.34898 15.435 5.78982Z" fill="#F6990C"/>
+<path d="M18 13.5V19.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 25.5H18.015" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_51_899">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/toast/error.svg

@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_51_904)">
+<path d="M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z" fill="#F10909"/>
+<path d="M22.5 13.5L13.5 22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.5 13.5L22.5 22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_51_904">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/toast/help.svg

@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_51_913)">
+<path d="M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z" fill="#F6990C"/>
+<path d="M13.635 13.4999C13.9877 12.4974 14.6838 11.652 15.6 11.1136C16.5162 10.5751 17.5934 10.3783 18.6408 10.5579C19.6882 10.7376 20.6383 11.2822 21.3227 12.0952C22.007 12.9082 22.3816 13.9372 22.38 14.9999C22.38 17.9999 17.88 19.4999 17.88 19.4999" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 25.5H18.015" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_51_913">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/toast/success.svg

@@ -0,0 +1,11 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_51_955)">
+<path d="M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z" fill="#268903"/>
+<path d="M26.5 12L15.5 23L10.5 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_51_955">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/toast/timeout-red.svg

@@ -0,0 +1,11 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_51_934)">
+<path d="M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z" fill="#F10909"/>
+<path d="M18 9V18L24 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_51_934">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/toast/timeout-yellow.svg

@@ -0,0 +1,11 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_51_926)">
+<path d="M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z" fill="#F6990C"/>
+<path d="M18 9V18L24 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_51_926">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/toast/wifi.svg

@@ -0,0 +1,22 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_51_941)">
+<path d="M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z" fill="#F10909"/>
+<g clip-path="url(#clip1_51_941)">
+<path d="M7.5 7L29.5 29" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.22 17.0596C24.0391 17.4593 24.805 17.9599 25.5 18.5496" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.5 18.5502C12.9821 17.311 14.7659 16.4864 16.67 16.1602" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.21 11.0497C19.3524 10.8771 21.5076 11.1379 23.547 11.8166C25.5864 12.4952 27.4682 13.5778 29.08 14.9997" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.92001 15.0001C9.30718 13.774 10.8977 12.7993 12.62 12.1201" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.03 22.1097C16.0452 21.3885 17.2597 21.001 18.505 21.001C19.7503 21.001 20.9648 21.3885 21.98 22.1097" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5 26H18.51" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_51_941">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+<clipPath id="clip1_51_941">
+<rect width="24" height="24" fill="white" transform="translate(6.5 6)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/tooltip-icon-14.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 1.22461C10.1894 1.22461 12.7754 3.81056 12.7754 7C12.7754 10.1894 10.1894 12.7754 7 12.7754C3.81056 12.7754 1.22461 10.1894 1.22461 7C1.22461 3.81056 3.81056 1.22461 7 1.22461ZM7 2.27539C4.39045 2.27539 2.27539 4.39045 2.27539 7C2.27539 9.60955 4.39045 11.7246 7 11.7246C9.60955 11.7246 11.7246 9.60955 11.7246 7C11.7246 4.39045 9.60955 2.27539 7 2.27539ZM7.00684 9.27539C7.29672 9.27539 7.53212 9.50994 7.53223 9.7998C7.53223 10.0898 7.29679 10.3252 7.00684 10.3252H7C6.71005 10.3252 6.47461 10.0898 6.47461 9.7998C6.47471 9.50994 6.71012 9.27539 7 9.27539H7.00684ZM7 3.6748C8.06302 3.6748 8.92459 4.53664 8.9248 5.59961C8.9248 6.46072 8.40957 6.94647 8.03125 7.25391C7.82007 7.42549 7.69723 7.51064 7.59375 7.61621C7.5507 7.66019 7.53278 7.68777 7.52637 7.7002L7.52539 7.70312V8.0498C7.52539 8.33975 7.28995 8.5752 7 8.5752C6.71005 8.5752 6.47461 8.33975 6.47461 8.0498V7.7002C6.47461 7.3282 6.66855 7.06075 6.84375 6.88184C7.00269 6.71961 7.2306 6.55202 7.36914 6.43945C7.69071 6.17816 7.875 5.96314 7.875 5.59961C7.87479 5.11654 7.48312 4.72461 7 4.72461C6.51688 4.72461 6.12521 5.11654 6.125 5.59961C6.125 5.88956 5.88956 6.125 5.59961 6.125C5.30984 6.12479 5.0752 5.88943 5.0752 5.59961C5.07541 4.53664 5.93698 3.6748 7 3.6748Z" fill="#F6F6F7"/>
+</svg>

package/src/assets/icon/svg/trash-red.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22H17C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20V8H21V6H17V4C17 3.46957 16.7893 2.96086 16.4142 2.58579C16.0391 2.21071 15.5304 2 15 2H9C8.46957 2 7.96086 2.21071 7.58579 2.58579C7.21071 2.96086 7 3.46957 7 4V6H3V8H5V20ZM9 4H15V6H9V4ZM8 8H17V20H7V8H8Z" fill="#ea1246"/>
+<path d="M9 10H11V18H9V10ZM13 10H15V18H13V10Z" fill="#ea1246"/>
+</svg>

package/src/assets/icon/svg/triangle-down.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 d="M12.6825 14.3632C12.2982 14.7218 11.702 14.7218 11.3178 14.3632L7.42627 10.7311C6.76275 10.1118 7.20096 9 8.10859 9L15.8917 9C16.7993 9 17.2375 10.1118 16.574 10.7311L12.6825 14.3632Z" fill="white"/>
+</svg>

package/src/assets/icon/svg/triangle-up.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 d="M11.3177 9.63683C11.7019 9.27824 12.2981 9.27824 12.6823 9.63683L16.5739 13.2689C17.2374 13.8882 16.7992 15 15.8916 15H8.10845C7.20083 15 6.76261 13.8882 7.42613 13.2689L11.3177 9.63683Z" fill="white"/>
+</svg>

package/src/assets/icon/svg/upload-48.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.8789 4.74609C26.4027 4.74616 26.918 4.88967 27.3672 5.15918L37.4873 11.2314C38.3577 11.7538 38.8904 12.6939 38.8906 13.709V34.9102C38.8904 39.519 35.1538 43.2568 30.5449 43.2568H17.4551C12.8462 43.2568 9.1096 39.519 9.10938 34.9102V13.0928C9.10938 8.48371 12.846 4.74609 17.4551 4.74609H25.8789ZM17.4551 8.34668C14.8342 8.34668 12.709 10.4719 12.709 13.0928V34.9102C12.7092 37.5308 14.8344 39.6562 17.4551 39.6562H30.5449C33.1656 39.6562 35.2908 37.5308 35.291 34.9102V17.0742H30.5449C25.9361 17.074 22.1993 13.3373 22.1992 8.72852V8.34668H17.4551ZM21.9551 21.3164C23.0136 20.2583 24.6889 20.194 25.8242 21.1201L26.0449 21.3164L29.6357 24.9102C30.3384 25.6131 30.3385 26.7522 29.6357 27.4551C28.9328 28.1579 27.7928 28.158 27.0898 27.4551L25.7988 26.1641V32.7285C25.7987 33.7225 24.993 34.5282 23.999 34.5283C23.0055 34.5277 22.1993 33.7222 22.1992 32.7285V26.166L20.9102 27.4551C20.2073 28.158 19.0672 28.1578 18.3643 27.4551C17.6615 26.7522 17.6616 25.6131 18.3643 24.9102L21.9551 21.3164ZM25.7988 8.72852C25.7989 11.3491 27.9243 13.4744 30.5449 13.4746H34.2295L25.7988 8.41406V8.72852Z" fill="#ffffff"/>
+</svg>

package/src/assets/icon/svg/url.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1063_28959)">
+<path d="M17 12.8333V17.8333C17 18.2754 16.8244 18.6993 16.5118 19.0118C16.1993 19.3244 15.7754 19.5 15.3333 19.5H6.16667C5.72464 19.5 5.30072 19.3244 4.98816 19.0118C4.67559 18.6993 4.5 18.2754 4.5 17.8333V8.66667C4.5 8.22464 4.67559 7.80072 4.98816 7.48816C5.30072 7.17559 5.72464 7 6.16667 7H11.1667" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.5 4.5H19.5V9.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.3333 13.6667L19.4999 4.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1063_28959">
+<rect width="18" height="18" fill="white" transform="translate(3 3)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/svg/video-player/inFullscreen.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 d="M21 15.344L18.879 17.465L15.707 14.293L14.293 15.707L17.465 18.879L15.344 21H21V15.344ZM3 8.656L5.121 6.535L8.293 9.707L9.707 8.293L6.535 5.121L8.656 3H3V8.656ZM21 3H15.344L17.465 5.121L14.293 8.293L15.707 9.707L18.879 6.535L21 8.656V3ZM3 21H8.656L6.535 18.879L9.707 15.707L8.293 14.293L5.121 17.465L3 15.344V21Z" fill="white"/>
+</svg>

package/src/assets/icon/svg/video-player/life.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0007 11.6673C10.9211 11.6673 11.6673 10.9211 11.6673 10.0007C11.6673 9.08018 10.9211 8.33398 10.0007 8.33398C9.08018 8.33398 8.33398 9.08018 8.33398 10.0007C8.33398 10.9211 9.08018 11.6673 10.0007 11.6673Z" fill="white"/>
+<path d="M6.46472 13.5354L7.64306 12.3562C7.33194 12.0474 7.08532 11.6798 6.91751 11.2748C6.7497 10.8698 6.66406 10.4354 6.66556 9.99706C6.66556 9.10706 7.01306 8.27122 7.64306 7.64289L6.46472 6.46289C5.9987 6.92556 5.62911 7.47609 5.37735 8.0826C5.12559 8.68911 4.99667 9.33954 4.99806 9.99622C4.99806 11.3329 5.51889 12.5896 6.46472 13.5354ZM13.5347 13.5354C14.0006 13.0722 14.37 12.5212 14.6215 11.9143C14.873 11.3073 15.0015 10.6565 14.9997 9.99956C15.0015 9.34259 14.873 8.69179 14.6215 8.08486C14.37 7.47792 14.0006 6.92691 13.5347 6.46372L12.3564 7.64206C12.9864 8.27206 13.3331 9.10956 13.3331 9.99956C13.3331 10.8896 12.9864 11.7271 12.3564 12.3571L13.5347 13.5354Z" fill="white"/>
+<path d="M5.28685 14.7141C4.66556 14.0962 4.17295 13.3613 3.83752 12.5519C3.50209 11.7424 3.3305 10.8745 3.33268 9.99826C3.33268 8.21742 4.02685 6.54409 5.28685 5.28659L4.10852 4.10742C2.53352 5.67909 1.66602 7.77159 1.66602 9.99826C1.66602 12.2249 2.53352 14.3174 4.10852 15.8924L5.28685 14.7141ZM14.7143 5.28576C15.3353 5.90341 15.8276 6.63809 16.1628 7.44727C16.4979 8.25646 16.6693 9.12408 16.6668 9.99992C16.6693 10.8758 16.4979 11.7434 16.1628 12.5526C15.8276 13.3618 15.3353 14.0964 14.7143 14.7141L15.8927 15.8924C16.669 15.1205 17.2845 14.2022 17.7035 13.1907C18.1225 12.1793 18.3366 11.0947 18.3335 9.99992C18.3365 8.90513 18.1223 7.82062 17.7034 6.80917C17.2844 5.79772 16.669 4.87942 15.8927 4.10742L14.7143 5.28576Z" fill="white"/>
+</svg>

package/src/assets/icon/svg/video-player/outFullscreen.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.334 5.33301H10.6673V10.6663H5.33398V13.333H13.334V5.33301ZM10.6673 26.6663H13.334V18.6663H5.33398V21.333H10.6673V26.6663ZM26.6673 18.6663H18.6673V26.6663H21.334V21.333H26.6673V18.6663ZM26.6673 10.6663H21.334V5.33301H18.6673V13.333H26.6673V10.6663Z" fill="white"/>
+</svg>

package/src/assets/icon/svg/video-player/play.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 17L16 12L10 7V17Z" fill="white"/>
+<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" fill="white"/>
+</svg>

package/src/assets/icon/svg/video-player/replay.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" fill="white"/>
+<path d="M16 16V8L11 12L16 16ZM9 8V16H11V8H9Z" fill="white"/>
+</svg>

package/src/assets/icon/svg/video-player/stop.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1_1_" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <rect fill="white" height="16" width="16"></rect>
+</svg>

package/src/assets/icon/svg/video-player/stop_1.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 3C23.1682 3 29 8.8318 29 16C29 23.1682 23.1682 29 16 29C8.8318 29 3 23.1682 3 16C3 8.8318 8.8318 3 16 3ZM16 5.59961C10.2657 5.59961 5.59961 10.2657 5.59961 16C5.59961 21.7343 10.2657 26.4004 16 26.4004C21.7343 26.4004 26.4004 21.7343 26.4004 16C26.4004 10.2657 21.7343 5.59961 16 5.59961ZM20 20H12V12H20V20Z" fill="white"/>
+</svg>

package/src/assets/js/helpers.js

@@ -57,6 +57,7 @@ export const CClasses = {
 
 export function addTracingElement(target, moveFn = () => {}) {  
   let timer;
+  let interval;
   let debounceTimer;
   let positionInfo;
   let lockPosition = true;
@@ -134,15 +135,21 @@ export function addTracingElement(target, moveFn = () => {}) {
 
       if (isMoveTarget(position)) dispatch(positionInfo);
 
-      // здесь debounce т.к. не всегда привязанный элемент встает на место
-      clearTimeout(debounceTimer);
-      debounceTimer = setTimeout(() => {
+      // здесь interval т.к. некоторые элементы могут двигатся после onMounted (к примеру попапы на карте)
+      clearInterval(interval);
+      interval = setInterval(() => {
         const position = target.value?.getBoundingClientRect();
-        lockPosition = true;
         
         setPositionInfo(position);
         dispatch(positionInfo);
       }, 200);
+      
+      // здесь debounce т.к. не всегда привязанный элемент встает на место
+      clearTimeout(debounceTimer);
+      debounceTimer = setTimeout(() => {
+        clearInterval(interval);
+        lockPosition = true;
+      }, 1250);
     }, 100);
   }
 
@@ -160,7 +167,7 @@ export function addTracingElement(target, moveFn = () => {}) {
     document.body.addEventListener('mousedown', setDargHandler)
     document.body.addEventListener('mouseup', setDargHandler)
     
-    dispatch(target.value?.getBoundingClientRect());
+    targetMoveHandler();
   }
 
   function removeListeners() {