@derivesome/webtools 1.0.0 → 1.0.2
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.
- package/.package.json.~undo-tree~ +5 -2
- package/dist/cjs/element-rect-ref.d.ts +16 -0
- package/dist/cjs/element-rect-ref.d.ts.map +1 -0
- package/dist/cjs/element-rect-ref.js +39 -0
- package/dist/cjs/element-rect-ref.js.map +1 -0
- package/dist/cjs/index.d.ts +5 -2
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/mouse-position-ref.d.ts +14 -0
- package/dist/cjs/mouse-position-ref.d.ts.map +1 -0
- package/dist/cjs/mouse-position-ref.js +25 -0
- package/dist/cjs/mouse-position-ref.js.map +1 -0
- package/dist/cjs/resize-observer-ref.d.ts +1 -1
- package/dist/cjs/resize-observer-ref.d.ts.map +1 -1
- package/dist/cjs/resize-observer-ref.js.map +1 -1
- package/dist/cjs/window-events.d.ts +3 -0
- package/dist/cjs/window-events.d.ts.map +1 -0
- package/dist/cjs/window-events.js +11 -0
- package/dist/cjs/window-events.js.map +1 -0
- package/dist/esm/element-rect-ref.d.ts +16 -0
- package/dist/esm/element-rect-ref.d.ts.map +1 -0
- package/dist/esm/element-rect-ref.js +35 -0
- package/dist/esm/element-rect-ref.js.map +1 -0
- package/dist/esm/index.d.ts +5 -2
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +5 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/mouse-position-ref.d.ts +14 -0
- package/dist/esm/mouse-position-ref.d.ts.map +1 -0
- package/dist/esm/mouse-position-ref.js +21 -0
- package/dist/esm/mouse-position-ref.js.map +1 -0
- package/dist/esm/resize-observer-ref.d.ts +1 -1
- package/dist/esm/resize-observer-ref.d.ts.map +1 -1
- package/dist/esm/resize-observer-ref.js +1 -1
- package/dist/esm/resize-observer-ref.js.map +1 -1
- package/dist/esm/window-events.d.ts +3 -0
- package/dist/esm/window-events.d.ts.map +1 -0
- package/dist/esm/window-events.js +7 -0
- package/dist/esm/window-events.js.map +1 -0
- package/package.json +2 -2
- package/package.json~ +6 -3
- package/src/.element-rect-ref.ts.~undo-tree~ +53 -0
- package/src/.index.ts.~undo-tree~ +18 -2
- package/src/.mouse-position-ref.ts.~undo-tree~ +48 -0
- package/src/.window-events.ts.~undo-tree~ +38 -0
- package/src/element-rect-ref.ts +73 -0
- package/src/element-rect-ref.ts~ +53 -0
- package/src/index.ts +5 -2
- package/src/index.ts~ +4 -0
- package/src/mouse-position-ref.ts +33 -0
- package/src/mouse-position-ref.ts~ +27 -0
- package/src/resize-observer-ref.ts +3 -3
- package/src/window-events.ts +13 -0
- package/src/window-events.ts~ +13 -0
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
(undo-tree-save-format-version . 1)
|
|
2
|
-
"
|
|
2
|
+
"f2c278585d4848a2040b4bd404dc54b25bf7b0b6"
|
|
3
3
|
[nil nil nil nil (27036 34240 734121 489000) 0 nil]
|
|
4
4
|
([nil nil ((nil rear-nonsticky nil 1069 . 1070) (nil fontified nil 1 . 1070) (1 . 1070) (t 27036 34235 494467 797000)) nil (27036 34240 734120 707000) 0 nil])
|
|
5
5
|
([nil nil ((26 . 34) (#("c" 0 1 (face font-lock-string-face fontified t)) . -26) (undo-tree-id0 . -1) (undo-tree-id1 . -1) (undo-tree-id2 . -1) (undo-tree-id3 . -1) (undo-tree-id4 . -1) (undo-tree-id5 . -1) (undo-tree-id6 . -1) (undo-tree-id7 . -1) (undo-tree-id8 . -1) (undo-tree-id9 . -1) (undo-tree-id10 . -1) (undo-tree-id11 . -1) (undo-tree-id12 . -1) (undo-tree-id13 . -1) (undo-tree-id14 . -1) (undo-tree-id15 . -1) (undo-tree-id16 . -1) (undo-tree-id17 . -1) (undo-tree-id18 . -1) (undo-tree-id19 . -1) (undo-tree-id20 . -1) (undo-tree-id21 . -1) (undo-tree-id22 . -1) (undo-tree-id23 . -1) (undo-tree-id24 . -1) (undo-tree-id25 . -1) (undo-tree-id26 . -1) (undo-tree-id27 . -1) (undo-tree-id28 . -1) (undo-tree-id29 . -1) (undo-tree-id30 . -1) (undo-tree-id31 . -1) (undo-tree-id32 . -1) (undo-tree-id33 . -1) (undo-tree-id34 . -1) (undo-tree-id35 . -1) (undo-tree-id36 . -1) (undo-tree-id37 . -1) (undo-tree-id38 . -1) (undo-tree-id39 . -1) (undo-tree-id40 . -1) (undo-tree-id41 . -1) (undo-tree-id42 . -1) (undo-tree-id43 . -1) (undo-tree-id44 . -1) (undo-tree-id45 . -1) (undo-tree-id46 . -1) (undo-tree-id47 . -1) (undo-tree-id48 . -1) (undo-tree-id49 . -1) (undo-tree-id50 . -1) (undo-tree-id51 . -1) (undo-tree-id52 . -1) (undo-tree-id53 . -1) (undo-tree-id54 . -1) (undo-tree-id55 . -1) (undo-tree-id56 . -1) (undo-tree-id57 . -1) (undo-tree-id58 . -1) (undo-tree-id59 . -1) (undo-tree-id60 . -1) (undo-tree-id61 . -1) (undo-tree-id62 . -1) (undo-tree-id63 . -1) (undo-tree-id64 . -1) (undo-tree-id65 . -1) (undo-tree-id66 . -1) (undo-tree-id67 . -1) (undo-tree-id68 . -1) (undo-tree-id69 . -1) (undo-tree-id70 . -1) (undo-tree-id71 . -1) (#("o" 0 1 (face font-lock-string-face fontified t)) . -27) (undo-tree-id72 . -1) (undo-tree-id73 . -1) (undo-tree-id74 . -1) (undo-tree-id75 . -1) (undo-tree-id76 . -1) (undo-tree-id77 . -1) (undo-tree-id78 . -1) (undo-tree-id79 . -1) (undo-tree-id80 . -1) (undo-tree-id81 . -1) (undo-tree-id82 . -1) (undo-tree-id83 . -1) (undo-tree-id84 . -1) (undo-tree-id85 . -1) (undo-tree-id86 . -1) (undo-tree-id87 . -1) (undo-tree-id88 . -1) (undo-tree-id89 . -1) (undo-tree-id90 . -1) (undo-tree-id91 . -1) (undo-tree-id92 . -1) (undo-tree-id93 . -1) (undo-tree-id94 . -1) (undo-tree-id95 . -1) (undo-tree-id96 . -1) (undo-tree-id97 . -1) (undo-tree-id98 . -1) (undo-tree-id99 . -1) (undo-tree-id100 . -1) (undo-tree-id101 . -1) (undo-tree-id102 . -1) (undo-tree-id103 . -1) (undo-tree-id104 . -1) (undo-tree-id105 . -1) (undo-tree-id106 . -1) (undo-tree-id107 . -1) (undo-tree-id108 . -1) (undo-tree-id109 . -1) (undo-tree-id110 . -1) (undo-tree-id111 . -1) (undo-tree-id112 . -1) (undo-tree-id113 . -1) (undo-tree-id114 . -1) (undo-tree-id115 . -1) (undo-tree-id116 . -1) (undo-tree-id117 . -1) (undo-tree-id118 . -1) (undo-tree-id119 . -1) (undo-tree-id120 . -1) (undo-tree-id121 . -1) (undo-tree-id122 . -1) (undo-tree-id123 . -1) (undo-tree-id124 . -1) (undo-tree-id125 . -1) (undo-tree-id126 . -1) (undo-tree-id127 . -1) (undo-tree-id128 . -1) (undo-tree-id129 . -1) (undo-tree-id130 . -1) (undo-tree-id131 . -1) (undo-tree-id132 . -1) (#("r" 0 1 (face font-lock-string-face fontified t)) . -28) (undo-tree-id133 . -1) (undo-tree-id134 . -1) (undo-tree-id135 . -1) (undo-tree-id136 . -1) (undo-tree-id137 . -1) (undo-tree-id138 . -1) (undo-tree-id139 . -1) (undo-tree-id140 . -1) (undo-tree-id141 . -1) (undo-tree-id142 . -1) (undo-tree-id143 . -1) (undo-tree-id144 . -1) (undo-tree-id145 . -1) (undo-tree-id146 . -1) (undo-tree-id147 . -1) (undo-tree-id148 . -1) (undo-tree-id149 . -1) (undo-tree-id150 . -1) (undo-tree-id151 . -1) (undo-tree-id152 . -1) (undo-tree-id153 . -1) (undo-tree-id154 . -1) (undo-tree-id155 . -1) (undo-tree-id156 . -1) (undo-tree-id157 . -1) (undo-tree-id158 . -1) (undo-tree-id159 . -1) (undo-tree-id160 . -1) (undo-tree-id161 . -1) (undo-tree-id162 . -1) (undo-tree-id163 . -1) (undo-tree-id164 . -1) (undo-tree-id165 . -1) (undo-tree-id166 . -1) (undo-tree-id167 . -1) (undo-tree-id168 . -1) (undo-tree-id169 . -1) (undo-tree-id170 . -1) (undo-tree-id171 . -1) (undo-tree-id172 . -1) (undo-tree-id173 . -1) (undo-tree-id174 . -1) (undo-tree-id175 . -1) (undo-tree-id176 . -1) (undo-tree-id177 . -1) (#("e" 0 1 (face font-lock-string-face fontified t)) . -29) (undo-tree-id178 . -1) (undo-tree-id179 . -1) (undo-tree-id180 . -1) (undo-tree-id181 . -1) (undo-tree-id182 . -1) (undo-tree-id183 . -1) (undo-tree-id184 . -1) (undo-tree-id185 . -1) (undo-tree-id186 . -1) (undo-tree-id187 . -1) (undo-tree-id188 . -1) (undo-tree-id189 . -1) (undo-tree-id190 . -1) (undo-tree-id191 . -1) (undo-tree-id192 . -1) (undo-tree-id193 . -1) (undo-tree-id194 . -1) (undo-tree-id195 . -1) (undo-tree-id196 . -1) (undo-tree-id197 . -1) (undo-tree-id198 . -1) (undo-tree-id199 . -1) (undo-tree-id200 . -1) (undo-tree-id201 . -1) (undo-tree-id202 . -1) (undo-tree-id203 . -1) (undo-tree-id204 . -1) (undo-tree-id205 . -1) (undo-tree-id206 . -1) (undo-tree-id207 . -1) (undo-tree-id208 . -1) (undo-tree-id209 . -1) (undo-tree-id210 . -1) (undo-tree-id211 . -1) 30) nil (27036 34240 734117 10000) 0 nil])
|
|
6
6
|
([nil nil ((55 . 56) (#("4" 0 1 (face font-lock-string-face fontified t)) . -55) (undo-tree-id212 . -1) (undo-tree-id213 . -1) (undo-tree-id214 . -1) (undo-tree-id215 . -1) (undo-tree-id216 . -1) (undo-tree-id217 . -1) (undo-tree-id218 . -1) (undo-tree-id219 . -1) (undo-tree-id220 . -1) (undo-tree-id221 . -1) (undo-tree-id222 . -1) (undo-tree-id223 . -1) (undo-tree-id224 . -1) (undo-tree-id225 . -1) (undo-tree-id226 . -1) (undo-tree-id227 . -1) (undo-tree-id228 . -1) (undo-tree-id229 . -1) (undo-tree-id230 . -1) (undo-tree-id231 . -1) (undo-tree-id232 . -1) (undo-tree-id233 . -1) (undo-tree-id234 . -1) (undo-tree-id235 . -1) (undo-tree-id236 . -1) (undo-tree-id237 . -1) (undo-tree-id238 . -1) (undo-tree-id239 . -1) (undo-tree-id240 . -1) (undo-tree-id241 . -1) (undo-tree-id242 . -1) (undo-tree-id243 . -1) (undo-tree-id244 . -1) (undo-tree-id245 . -1) 56 (t 27036 34331 828263 547000)) nil (27036 34334 184436 157000) 0 nil])
|
|
7
|
-
([nil
|
|
7
|
+
([nil nil ((960 . 971) (959 . 961) (#("\"" 0 1 (fontified nil)) . -959) (957 . 960) (940 . 956) (939 . 941) (#("\"" 0 1 (fontified nil)) . -939) (939 . 940) (935 . 939) (936 . 938) (#(" " 0 4 (fontified nil)) . 935) (935 . 939) (934 . 936) (935 . 936) (#("}" 0 1 (fontified nil)) . -934) (934 . 935) (#("}" 0 1 (fontified nil)) . -934) (934 . 935) (931 . 935) (918 . 930) (#("depen" 0 5 (face font-lock-string-face fontified t)) . -918) (undo-tree-id246 . -5) (undo-tree-id247 . -1) (undo-tree-id248 . -1) (undo-tree-id249 . -1) (undo-tree-id250 . -1) (undo-tree-id251 . -1) (undo-tree-id252 . -1) (undo-tree-id253 . -1) (undo-tree-id254 . -1) (undo-tree-id255 . -1) (undo-tree-id256 . -1) (undo-tree-id257 . -1) (undo-tree-id258 . -2) (undo-tree-id259 . -2) (undo-tree-id260 . -2) (undo-tree-id261 . -2) (undo-tree-id262 . -2) (undo-tree-id263 . -2) (undo-tree-id264 . -2) (undo-tree-id265 . -2) (undo-tree-id266 . -2) (undo-tree-id267 . -2) (undo-tree-id268 . -2) (undo-tree-id269 . -2) (undo-tree-id270 . -2) (undo-tree-id271 . -2) (undo-tree-id272 . -2) (undo-tree-id273 . -2) (undo-tree-id274 . -2) (undo-tree-id275 . -2) (undo-tree-id276 . -2) (undo-tree-id277 . -2) (undo-tree-id278 . -2) (undo-tree-id279 . -2) (undo-tree-id280 . -2) (undo-tree-id281 . -2) (undo-tree-id282 . -2) (undo-tree-id283 . -2) (undo-tree-id284 . -2) (undo-tree-id285 . -2) (undo-tree-id286 . -2) (undo-tree-id287 . -2) (undo-tree-id288 . -2) (undo-tree-id289 . -2) (undo-tree-id290 . -2) (undo-tree-id291 . -2) (undo-tree-id292 . -2) (undo-tree-id293 . -2) (undo-tree-id294 . -2) (undo-tree-id295 . -2) (undo-tree-id296 . -3) (undo-tree-id297 . -3) (undo-tree-id298 . -3) (undo-tree-id299 . -3) (undo-tree-id300 . -3) (undo-tree-id301 . -3) (undo-tree-id302 . -3) (undo-tree-id303 . -3) (undo-tree-id304 . -3) (undo-tree-id305 . -3) (undo-tree-id306 . -3) (undo-tree-id307 . -3) (undo-tree-id308 . -3) (undo-tree-id309 . -3) (undo-tree-id310 . -3) (undo-tree-id311 . -3) (undo-tree-id312 . -4) (undo-tree-id313 . -4) (undo-tree-id314 . -4) (undo-tree-id315 . -4) (undo-tree-id316 . -4) (undo-tree-id317 . -4) (undo-tree-id318 . -4) (undo-tree-id319 . -4) (undo-tree-id320 . -4) (undo-tree-id321 . -4) (undo-tree-id322 . -4) (undo-tree-id323 . -4) (undo-tree-id324 . -4) (undo-tree-id325 . -4) (undo-tree-id326 . -4) (undo-tree-id327 . -4) (undo-tree-id328 . -4) (undo-tree-id329 . -4) (undo-tree-id330 . -4) (undo-tree-id331 . -4) (undo-tree-id332 . -4) (undo-tree-id333 . -5) (undo-tree-id334 . -5) (undo-tree-id335 . -5) (undo-tree-id336 . -5) (undo-tree-id337 . -5) (undo-tree-id338 . -5) (undo-tree-id339 . -5) (undo-tree-id340 . -5) (undo-tree-id341 . -5) (undo-tree-id342 . -5) (undo-tree-id343 . -5) (undo-tree-id344 . -5) (undo-tree-id345 . -5) (undo-tree-id346 . -5) (undo-tree-id347 . -5) (undo-tree-id348 . -5) (undo-tree-id349 . -5) (undo-tree-id350 . -5) (undo-tree-id351 . -5) (undo-tree-id352 . -5) (undo-tree-id353 . -5) (undo-tree-id354 . -5) (undo-tree-id355 . -5) (undo-tree-id356 . -5) 923 (918 . 923) (917 . 919) (#("\"" 0 1 (fontified nil)) . -917) (917 . 918) (914 . 917) (t 27036 34334 180317 843000)) nil (27036 34468 318666 38000) 0 nil])
|
|
8
|
+
([nil nil ((55 . 56) (#("0" 0 1 (face font-lock-string-face fontified t)) . -55) (undo-tree-id357 . -1) (undo-tree-id358 . -1) (undo-tree-id359 . -1) (undo-tree-id360 . -1) (undo-tree-id361 . -1) (undo-tree-id362 . -1) (undo-tree-id363 . -1) (undo-tree-id364 . -1) (undo-tree-id365 . -1) (undo-tree-id366 . -1) (undo-tree-id367 . -1) (undo-tree-id368 . -1) (undo-tree-id369 . -1) (undo-tree-id370 . -1) (undo-tree-id371 . -1) (undo-tree-id372 . -1) (undo-tree-id373 . -1) (undo-tree-id374 . -1) (undo-tree-id375 . -1) (undo-tree-id376 . -1) (undo-tree-id377 . -1) (undo-tree-id378 . -1) (undo-tree-id379 . -1) (undo-tree-id380 . -1) (undo-tree-id381 . -1) (undo-tree-id382 . -1) (undo-tree-id383 . -1) (undo-tree-id384 . -1) (undo-tree-id385 . -1) (undo-tree-id386 . -1) (undo-tree-id387 . -1) (undo-tree-id388 . -1) (undo-tree-id389 . -1) (undo-tree-id390 . -1) 56 (t 27036 34468 314221 281000)) nil (27036 38679 824563 948000) 0 nil])
|
|
9
|
+
([nil nil ((#(" " 0 1 (fontified t)) . -910) (undo-tree-id391 . -1) (undo-tree-id392 . -1) (undo-tree-id393 . -1) (undo-tree-id394 . -1) (undo-tree-id395 . -1) (undo-tree-id396 . -1) (undo-tree-id397 . -1) (undo-tree-id398 . -1) (undo-tree-id399 . -1) (undo-tree-id400 . -1) (undo-tree-id401 . -1) (undo-tree-id402 . -1) (undo-tree-id403 . -1) (undo-tree-id404 . -1) (undo-tree-id405 . -1) (undo-tree-id406 . -1) (undo-tree-id407 . -1) (undo-tree-id408 . -1) (undo-tree-id409 . -1) (undo-tree-id410 . -1) (undo-tree-id411 . -1) (undo-tree-id412 . -1) (undo-tree-id413 . -1) (undo-tree-id414 . -1) (undo-tree-id415 . -1) (undo-tree-id416 . -1) (undo-tree-id417 . -1) (undo-tree-id418 . -1) (undo-tree-id419 . -1) (undo-tree-id420 . -1) (undo-tree-id421 . -1) (undo-tree-id422 . -1) (undo-tree-id423 . -1) (undo-tree-id424 . -1) (undo-tree-id425 . -1) (undo-tree-id426 . -1) (undo-tree-id427 . -1) (undo-tree-id428 . -1) (undo-tree-id429 . -1) (undo-tree-id430 . -1) (undo-tree-id431 . -1) (undo-tree-id432 . -1) (undo-tree-id433 . -1) (undo-tree-id434 . -1) (undo-tree-id435 . -1) (undo-tree-id436 . -1) (undo-tree-id437 . -1) (undo-tree-id438 . -1) (undo-tree-id439 . -1) (undo-tree-id440 . -1) (undo-tree-id441 . -1) (undo-tree-id442 . -1) (undo-tree-id443 . -1) (undo-tree-id444 . -1) (undo-tree-id445 . -1) (undo-tree-id446 . -1) (undo-tree-id447 . -1) (undo-tree-id448 . -1) (undo-tree-id449 . -1) (undo-tree-id450 . -1) (undo-tree-id451 . -1) (undo-tree-id452 . -1) (undo-tree-id453 . -1) (undo-tree-id454 . -1) (undo-tree-id455 . -1) (#(" " 0 1 (fontified t)) . -547) 1 (t 27036 38679 820566 199000)) nil (27036 54914 299677 545000) 0 nil])
|
|
10
|
+
([nil current ((55 . 56) (#("1" 0 1 (face font-lock-string-face fontified t)) . -55) (undo-tree-id0 . -1) (undo-tree-id1 . -1) (undo-tree-id2 . -1) (undo-tree-id3 . -1) (undo-tree-id4 . -1) (undo-tree-id5 . -1) (undo-tree-id6 . -1) (undo-tree-id7 . -1) (undo-tree-id8 . -1) (undo-tree-id9 . -1) (undo-tree-id10 . -1) (undo-tree-id11 . -1) (undo-tree-id12 . -1) (undo-tree-id13 . -1) (undo-tree-id14 . -1) (undo-tree-id15 . -1) (undo-tree-id16 . -1) (undo-tree-id17 . -1) (undo-tree-id18 . -1) (undo-tree-id19 . -1) (undo-tree-id20 . -1) (undo-tree-id21 . -1) (undo-tree-id22 . -1) (undo-tree-id23 . -1) (undo-tree-id24 . -1) (undo-tree-id25 . -1) (undo-tree-id26 . -1) (undo-tree-id27 . -1) (undo-tree-id28 . -1) (undo-tree-id29 . -1) (undo-tree-id30 . -1) (undo-tree-id31 . -1) (undo-tree-id32 . -1) (undo-tree-id33 . -1) 56 (t 27036 54914 294253 57000)) nil (27043 23123 114562 763000) 0 nil])
|
|
8
11
|
nil
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MaybeReference, Reference, VoidFunction } from "@derivesome/core";
|
|
2
|
+
import { CreateElementSizeRefOptions } from "./element-size-ref";
|
|
3
|
+
export type CreateElementRectRefOptions = CreateElementSizeRefOptions;
|
|
4
|
+
export type ElementRect = {
|
|
5
|
+
x: Reference<number>;
|
|
6
|
+
y: Reference<number>;
|
|
7
|
+
w: Reference<number>;
|
|
8
|
+
h: Reference<number>;
|
|
9
|
+
};
|
|
10
|
+
export type ElementRectRef = {
|
|
11
|
+
rect: ElementRect;
|
|
12
|
+
update: VoidFunction;
|
|
13
|
+
dispose: VoidFunction;
|
|
14
|
+
};
|
|
15
|
+
export declare const createElementRectRef: (element: MaybeReference<Element | null | undefined>, options?: CreateElementSizeRefOptions) => ElementRectRef;
|
|
16
|
+
//# sourceMappingURL=element-rect-ref.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"element-rect-ref.d.ts","sourceRoot":"","sources":["../../src/element-rect-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,SAAS,EAET,YAAY,EACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,2BAA2B,EAC5B,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,2BAA2B,GAAG,2BAA2B,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,SAAS,cAAc,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACnD,UAAS,2BAAgC,KACxC,cAyCF,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createElementRectRef = void 0;
|
|
4
|
+
const core_1 = require("@derivesome/core");
|
|
5
|
+
const element_size_ref_1 = require("./element-size-ref");
|
|
6
|
+
const createElementRectRef = (element, options = {}) => {
|
|
7
|
+
const trash = new Set();
|
|
8
|
+
const size = (0, element_size_ref_1.createElementSizeRef)(element, options);
|
|
9
|
+
const initialElement = (0, core_1.unref)(element, true);
|
|
10
|
+
const rect = initialElement ? initialElement.getBoundingClientRect() : null;
|
|
11
|
+
const elementRect = {
|
|
12
|
+
x: (0, core_1.ref)(rect?.x ?? 0),
|
|
13
|
+
y: (0, core_1.ref)(rect?.y ?? 0),
|
|
14
|
+
w: (0, core_1.derived)(() => size.size.get().width),
|
|
15
|
+
h: (0, core_1.derived)(() => size.size.get().height),
|
|
16
|
+
};
|
|
17
|
+
const update = () => {
|
|
18
|
+
const el = (0, core_1.unref)(element);
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const rect = el.getBoundingClientRect();
|
|
22
|
+
elementRect.x.set(rect.x);
|
|
23
|
+
elementRect.y.set(rect.y);
|
|
24
|
+
};
|
|
25
|
+
trash.add(size.size.observe(() => {
|
|
26
|
+
update();
|
|
27
|
+
}, { immediate: true }));
|
|
28
|
+
const dispose = () => {
|
|
29
|
+
trash.forEach((fn) => fn());
|
|
30
|
+
trash.clear();
|
|
31
|
+
elementRect.x.dispose();
|
|
32
|
+
elementRect.y.dispose();
|
|
33
|
+
elementRect.w.dispose();
|
|
34
|
+
elementRect.h.dispose();
|
|
35
|
+
};
|
|
36
|
+
return { rect: elementRect, dispose, update };
|
|
37
|
+
};
|
|
38
|
+
exports.createElementRectRef = createElementRectRef;
|
|
39
|
+
//# sourceMappingURL=element-rect-ref.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"element-rect-ref.js","sourceRoot":"","sources":["../../src/element-rect-ref.ts"],"names":[],"mappings":";;;AAAA,2CAO0B;AAC1B,yDAG4B;AAiBrB,MAAM,oBAAoB,GAAG,CAClC,OAAmD,EACnD,UAAuC,EAAE,EACzB,EAAE;IAClB,MAAM,KAAK,GAAG,IAAI,GAAG,EAAc,CAAC;IACpC,MAAM,IAAI,GAAG,IAAA,uCAAoB,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,IAAA,YAAK,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5E,MAAM,WAAW,GAAgB;QAC/B,CAAC,EAAE,IAAA,UAAG,EAAS,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,EAAE,IAAA,UAAG,EAAS,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,EAAE,IAAA,cAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;QACvC,CAAC,EAAE,IAAA,cAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;KACzC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,EAAE,GAAG,IAAA,YAAK,EAAC,OAAO,CAAC,CAAC;QAC1B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,KAAK,CAAC,GAAG,CACP,IAAI,CAAC,IAAI,CAAC,OAAO,CACf,GAAG,EAAE;QACH,MAAM,EAAE,CAAC;IACX,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QACxB,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QACxB,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QACxB,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAChD,CAAC,CAAC;AA5CW,QAAA,oBAAoB,wBA4C/B"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from "./window-events";
|
|
2
|
+
export * from "./resize-observer-ref";
|
|
3
|
+
export * from "./element-size-ref";
|
|
4
|
+
export * from "./element-rect-ref";
|
|
5
|
+
export * from "./mouse-position-ref";
|
|
3
6
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -14,6 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./window-events"), exports);
|
|
17
18
|
__exportStar(require("./resize-observer-ref"), exports);
|
|
18
19
|
__exportStar(require("./element-size-ref"), exports);
|
|
20
|
+
__exportStar(require("./element-rect-ref"), exports);
|
|
21
|
+
__exportStar(require("./mouse-position-ref"), exports);
|
|
19
22
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,qDAAmC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,wDAAsC;AACtC,qDAAmC;AACnC,qDAAmC;AACnC,uDAAqC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type MousePosition = {
|
|
2
|
+
x: number;
|
|
3
|
+
y: number;
|
|
4
|
+
};
|
|
5
|
+
export declare const createMousePositionRef: () => {
|
|
6
|
+
position: import("@derivesome/core").Reference<MousePosition>;
|
|
7
|
+
dispose: () => void;
|
|
8
|
+
pos?: never;
|
|
9
|
+
} | {
|
|
10
|
+
pos: import("@derivesome/core").Reference<MousePosition>;
|
|
11
|
+
dispose: () => void;
|
|
12
|
+
position?: never;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=mouse-position-ref.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mouse-position-ref.d.ts","sourceRoot":"","sources":["../../src/mouse-position-ref.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,eAAO,MAAM,sBAAsB;;;;;;;;CA2BlC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createMousePositionRef = void 0;
|
|
4
|
+
const core_1 = require("@derivesome/core");
|
|
5
|
+
const window_events_1 = require("./window-events");
|
|
6
|
+
const createMousePositionRef = () => {
|
|
7
|
+
const pos = (0, core_1.ref)({ x: 0, y: 0 });
|
|
8
|
+
if (typeof window === "undefined")
|
|
9
|
+
return { position: pos, dispose: () => { } };
|
|
10
|
+
const trash = new Set();
|
|
11
|
+
trash.add((0, window_events_1.addWindowEventListener)("mousemove", (ev) => {
|
|
12
|
+
pos.set({
|
|
13
|
+
x: ev.x,
|
|
14
|
+
y: ev.y,
|
|
15
|
+
});
|
|
16
|
+
}, true));
|
|
17
|
+
const dispose = () => {
|
|
18
|
+
trash.forEach((fn) => fn());
|
|
19
|
+
trash.clear();
|
|
20
|
+
pos.dispose();
|
|
21
|
+
};
|
|
22
|
+
return { pos, dispose };
|
|
23
|
+
};
|
|
24
|
+
exports.createMousePositionRef = createMousePositionRef;
|
|
25
|
+
//# sourceMappingURL=mouse-position-ref.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mouse-position-ref.js","sourceRoot":"","sources":["../../src/mouse-position-ref.ts"],"names":[],"mappings":";;;AAAA,2CAAuC;AACvC,mDAAyD;AAIlD,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,GAAG,GAAG,IAAA,UAAG,EAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/C,IAAI,OAAO,MAAM,KAAK,WAAW;QAC/B,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAI,GAAG,EAAc,CAAC;IAEpC,KAAK,CAAC,GAAG,CACP,IAAA,sCAAsB,EACpB,WAAW,EACX,CAAC,EAAE,EAAE,EAAE;QACL,GAAG,CAAC,GAAG,CAAC;YACN,CAAC,EAAE,EAAE,CAAC,CAAC;YACP,CAAC,EAAE,EAAE,CAAC,CAAC;SACR,CAAC,CAAC;IACL,CAAC,EACD,IAAI,CACL,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,GAAG,CAAC,OAAO,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B,CAAC,CAAC;AA3BW,QAAA,sBAAsB,0BA2BjC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Derived, type MaybeReference } from
|
|
1
|
+
import { Derived, type MaybeReference } from "@derivesome/core";
|
|
2
2
|
export type ResizeObserverRef = Derived<ResizeObserver | null>;
|
|
3
3
|
export declare const createResizeObserverRef: (element: MaybeReference<Element | null | undefined>, callback: ResizeObserverCallback, options?: ResizeObserverOptions) => ResizeObserverRef;
|
|
4
4
|
//# sourceMappingURL=resize-observer-ref.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-observer-ref.d.ts","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAE/D,eAAO,MAAM,uBAAuB,GAClC,SAAS,cAAc,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACnD,UAAU,sBAAsB,EAChC,UAAS,qBAA0B,KAClC,iBAYF,
|
|
1
|
+
{"version":3,"file":"resize-observer-ref.d.ts","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAE/D,eAAO,MAAM,uBAAuB,GAClC,SAAS,cAAc,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACnD,UAAU,sBAAsB,EAChC,UAAS,qBAA0B,KAClC,iBAYF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-observer-ref.js","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":";;;AAAA,2CAAgF;AAIzE,MAAM,uBAAuB,GAAG,CACrC,OAAmD,EACnD,QAAgC,EAChC,UAAiC,EAAE,EAChB,EAAE;IACrB,MAAM,KAAK,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,CAAC,IAAA,YAAK,EAAC,OAAO,CAAC,CAAC,CAAC;IAC5C,OAAO,IAAA,cAAO,EAAwB,CAAC,IAAI,EAAE,EAAE;QAC7C,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;QACD,MAAM,EAAE,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO,IAAI,CAAC;QACrB,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;AACL,CAAC,
|
|
1
|
+
{"version":3,"file":"resize-observer-ref.js","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":";;;AAAA,2CAAgF;AAIzE,MAAM,uBAAuB,GAAG,CACrC,OAAmD,EACnD,QAAgC,EAChC,UAAiC,EAAE,EAChB,EAAE;IACrB,MAAM,KAAK,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,CAAC,IAAA,YAAK,EAAC,OAAO,CAAC,CAAC,CAAC;IAC5C,OAAO,IAAA,cAAO,EAAwB,CAAC,IAAI,EAAE,EAAE;QAC7C,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;QACD,MAAM,EAAE,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO,IAAI,CAAC;QACrB,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VoidFunction } from "@derivesome/core";
|
|
2
|
+
export declare const addWindowEventListener: <K extends keyof WindowEventMap>(eventName: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions) => VoidFunction;
|
|
3
|
+
//# sourceMappingURL=window-events.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"window-events.d.ts","sourceRoot":"","sources":["../../src/window-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,MAAM,cAAc,EACnE,WAAW,CAAC,EACZ,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,GAAG,EACtD,UAAU,OAAO,GAAG,uBAAuB,KAC1C,YAMF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.addWindowEventListener = void 0;
|
|
4
|
+
const addWindowEventListener = (eventName, listener, options) => {
|
|
5
|
+
window.addEventListener(eventName, listener, options);
|
|
6
|
+
return () => {
|
|
7
|
+
window.removeEventListener(eventName, listener);
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
exports.addWindowEventListener = addWindowEventListener;
|
|
11
|
+
//# sourceMappingURL=window-events.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"window-events.js","sourceRoot":"","sources":["../../src/window-events.ts"],"names":[],"mappings":";;;AAEO,MAAM,sBAAsB,GAAG,CACpC,SAAY,EACZ,QAAsD,EACtD,OAA2C,EAC7B,EAAE;IAChB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAEtD,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MaybeReference, Reference, VoidFunction } from "@derivesome/core";
|
|
2
|
+
import { CreateElementSizeRefOptions } from "./element-size-ref";
|
|
3
|
+
export type CreateElementRectRefOptions = CreateElementSizeRefOptions;
|
|
4
|
+
export type ElementRect = {
|
|
5
|
+
x: Reference<number>;
|
|
6
|
+
y: Reference<number>;
|
|
7
|
+
w: Reference<number>;
|
|
8
|
+
h: Reference<number>;
|
|
9
|
+
};
|
|
10
|
+
export type ElementRectRef = {
|
|
11
|
+
rect: ElementRect;
|
|
12
|
+
update: VoidFunction;
|
|
13
|
+
dispose: VoidFunction;
|
|
14
|
+
};
|
|
15
|
+
export declare const createElementRectRef: (element: MaybeReference<Element | null | undefined>, options?: CreateElementSizeRefOptions) => ElementRectRef;
|
|
16
|
+
//# sourceMappingURL=element-rect-ref.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"element-rect-ref.d.ts","sourceRoot":"","sources":["../../src/element-rect-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,SAAS,EAET,YAAY,EACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAEL,2BAA2B,EAC5B,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,2BAA2B,GAAG,2BAA2B,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,SAAS,cAAc,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACnD,UAAS,2BAAgC,KACxC,cAyCF,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { derived, ref, unref, } from "@derivesome/core";
|
|
2
|
+
import { createElementSizeRef, } from "./element-size-ref";
|
|
3
|
+
export const createElementRectRef = (element, options = {}) => {
|
|
4
|
+
const trash = new Set();
|
|
5
|
+
const size = createElementSizeRef(element, options);
|
|
6
|
+
const initialElement = unref(element, true);
|
|
7
|
+
const rect = initialElement ? initialElement.getBoundingClientRect() : null;
|
|
8
|
+
const elementRect = {
|
|
9
|
+
x: ref(rect?.x ?? 0),
|
|
10
|
+
y: ref(rect?.y ?? 0),
|
|
11
|
+
w: derived(() => size.size.get().width),
|
|
12
|
+
h: derived(() => size.size.get().height),
|
|
13
|
+
};
|
|
14
|
+
const update = () => {
|
|
15
|
+
const el = unref(element);
|
|
16
|
+
if (!el)
|
|
17
|
+
return;
|
|
18
|
+
const rect = el.getBoundingClientRect();
|
|
19
|
+
elementRect.x.set(rect.x);
|
|
20
|
+
elementRect.y.set(rect.y);
|
|
21
|
+
};
|
|
22
|
+
trash.add(size.size.observe(() => {
|
|
23
|
+
update();
|
|
24
|
+
}, { immediate: true }));
|
|
25
|
+
const dispose = () => {
|
|
26
|
+
trash.forEach((fn) => fn());
|
|
27
|
+
trash.clear();
|
|
28
|
+
elementRect.x.dispose();
|
|
29
|
+
elementRect.y.dispose();
|
|
30
|
+
elementRect.w.dispose();
|
|
31
|
+
elementRect.h.dispose();
|
|
32
|
+
};
|
|
33
|
+
return { rect: elementRect, dispose, update };
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=element-rect-ref.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"element-rect-ref.js","sourceRoot":"","sources":["../../src/element-rect-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EAEP,GAAG,EAEH,KAAK,GAEN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,oBAAoB,GAErB,MAAM,oBAAoB,CAAC;AAiB5B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,OAAmD,EACnD,UAAuC,EAAE,EACzB,EAAE;IAClB,MAAM,KAAK,GAAG,IAAI,GAAG,EAAc,CAAC;IACpC,MAAM,IAAI,GAAG,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5E,MAAM,WAAW,GAAgB;QAC/B,CAAC,EAAE,GAAG,CAAS,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,EAAE,GAAG,CAAS,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;QACvC,CAAC,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;KACzC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,KAAK,CAAC,GAAG,CACP,IAAI,CAAC,IAAI,CAAC,OAAO,CACf,GAAG,EAAE;QACH,MAAM,EAAE,CAAC;IACX,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QACxB,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QACxB,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QACxB,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAChD,CAAC,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from "./window-events";
|
|
2
|
+
export * from "./resize-observer-ref";
|
|
3
|
+
export * from "./element-size-ref";
|
|
4
|
+
export * from "./element-rect-ref";
|
|
5
|
+
export * from "./mouse-position-ref";
|
|
3
6
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from "./window-events";
|
|
2
|
+
export * from "./resize-observer-ref";
|
|
3
|
+
export * from "./element-size-ref";
|
|
4
|
+
export * from "./element-rect-ref";
|
|
5
|
+
export * from "./mouse-position-ref";
|
|
3
6
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type MousePosition = {
|
|
2
|
+
x: number;
|
|
3
|
+
y: number;
|
|
4
|
+
};
|
|
5
|
+
export declare const createMousePositionRef: () => {
|
|
6
|
+
position: import("@derivesome/core").Reference<MousePosition>;
|
|
7
|
+
dispose: () => void;
|
|
8
|
+
pos?: never;
|
|
9
|
+
} | {
|
|
10
|
+
pos: import("@derivesome/core").Reference<MousePosition>;
|
|
11
|
+
dispose: () => void;
|
|
12
|
+
position?: never;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=mouse-position-ref.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mouse-position-ref.d.ts","sourceRoot":"","sources":["../../src/mouse-position-ref.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErD,eAAO,MAAM,sBAAsB;;;;;;;;CA2BlC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ref } from "@derivesome/core";
|
|
2
|
+
import { addWindowEventListener } from "./window-events";
|
|
3
|
+
export const createMousePositionRef = () => {
|
|
4
|
+
const pos = ref({ x: 0, y: 0 });
|
|
5
|
+
if (typeof window === "undefined")
|
|
6
|
+
return { position: pos, dispose: () => { } };
|
|
7
|
+
const trash = new Set();
|
|
8
|
+
trash.add(addWindowEventListener("mousemove", (ev) => {
|
|
9
|
+
pos.set({
|
|
10
|
+
x: ev.x,
|
|
11
|
+
y: ev.y,
|
|
12
|
+
});
|
|
13
|
+
}, true));
|
|
14
|
+
const dispose = () => {
|
|
15
|
+
trash.forEach((fn) => fn());
|
|
16
|
+
trash.clear();
|
|
17
|
+
pos.dispose();
|
|
18
|
+
};
|
|
19
|
+
return { pos, dispose };
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=mouse-position-ref.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mouse-position-ref.js","sourceRoot":"","sources":["../../src/mouse-position-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,GAAG,GAAG,GAAG,CAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/C,IAAI,OAAO,MAAM,KAAK,WAAW;QAC/B,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAI,GAAG,EAAc,CAAC;IAEpC,KAAK,CAAC,GAAG,CACP,sBAAsB,CACpB,WAAW,EACX,CAAC,EAAE,EAAE,EAAE;QACL,GAAG,CAAC,GAAG,CAAC;YACN,CAAC,EAAE,EAAE,CAAC,CAAC;YACP,CAAC,EAAE,EAAE,CAAC,CAAC;SACR,CAAC,CAAC;IACL,CAAC,EACD,IAAI,CACL,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,GAAG,CAAC,OAAO,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Derived, type MaybeReference } from
|
|
1
|
+
import { Derived, type MaybeReference } from "@derivesome/core";
|
|
2
2
|
export type ResizeObserverRef = Derived<ResizeObserver | null>;
|
|
3
3
|
export declare const createResizeObserverRef: (element: MaybeReference<Element | null | undefined>, callback: ResizeObserverCallback, options?: ResizeObserverOptions) => ResizeObserverRef;
|
|
4
4
|
//# sourceMappingURL=resize-observer-ref.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-observer-ref.d.ts","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAE/D,eAAO,MAAM,uBAAuB,GAClC,SAAS,cAAc,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACnD,UAAU,sBAAsB,EAChC,UAAS,qBAA0B,KAClC,iBAYF,
|
|
1
|
+
{"version":3,"file":"resize-observer-ref.d.ts","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAE/D,eAAO,MAAM,uBAAuB,GAClC,SAAS,cAAc,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EACnD,UAAU,sBAAsB,EAChC,UAAS,qBAA0B,KAClC,iBAYF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-observer-ref.js","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,KAAK,EAAuB,MAAM,kBAAkB,CAAC;AAIhF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAmD,EACnD,QAAgC,EAChC,UAAiC,EAAE,EAChB,EAAE;IACrB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5C,OAAO,OAAO,CAAwB,CAAC,IAAI,EAAE,EAAE;QAC7C,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;QACD,MAAM,EAAE,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO,IAAI,CAAC;QACrB,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;AACL,CAAC,
|
|
1
|
+
{"version":3,"file":"resize-observer-ref.js","sourceRoot":"","sources":["../../src/resize-observer-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,KAAK,EAAuB,MAAM,kBAAkB,CAAC;AAIhF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAmD,EACnD,QAAgC,EAChC,UAAiC,EAAE,EAChB,EAAE;IACrB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5C,OAAO,OAAO,CAAwB,CAAC,IAAI,EAAE,EAAE;QAC7C,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;QACD,MAAM,EAAE,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO,IAAI,CAAC;QACrB,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VoidFunction } from "@derivesome/core";
|
|
2
|
+
export declare const addWindowEventListener: <K extends keyof WindowEventMap>(eventName: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions) => VoidFunction;
|
|
3
|
+
//# sourceMappingURL=window-events.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"window-events.d.ts","sourceRoot":"","sources":["../../src/window-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,MAAM,cAAc,EACnE,WAAW,CAAC,EACZ,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,GAAG,EACtD,UAAU,OAAO,GAAG,uBAAuB,KAC1C,YAMF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"window-events.js","sourceRoot":"","sources":["../../src/window-events.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,SAAY,EACZ,QAAsD,EACtD,OAA2C,EAC7B,EAAE;IAChB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAEtD,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAClD,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@derivesome/webtools",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@derivesome/core": "1.0.
|
|
31
|
+
"@derivesome/core": "1.0.7"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/node": "^25.2.1",
|
package/package.json~
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@derivesome/webtools",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"license": "ISC",
|
|
17
17
|
"files": ["*"],
|
|
18
18
|
"packageManager": "pnpm@10.28.2",
|
|
19
|
-
|
|
19
|
+
"exports": {
|
|
20
20
|
".": {
|
|
21
21
|
"import": {
|
|
22
22
|
"types": "./dist/esm/index.d.ts",
|
|
@@ -31,7 +31,10 @@
|
|
|
31
31
|
"default": "./dist/cjs/index.js"
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
|
|
34
|
+
},
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"@derivesome/core": "workspace:*"
|
|
37
|
+
},
|
|
35
38
|
"devDependencies": {
|
|
36
39
|
"@types/node": "^25.2.1",
|
|
37
40
|
"prettier": "^3.8.1",
|