@bquery/bquery 1.6.0 → 1.8.1
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/README.md +192 -18
- package/dist/a11y/announce.d.ts +43 -0
- package/dist/a11y/announce.d.ts.map +1 -0
- package/dist/a11y/audit.d.ts +42 -0
- package/dist/a11y/audit.d.ts.map +1 -0
- package/dist/a11y/index.d.ts +53 -0
- package/dist/a11y/index.d.ts.map +1 -0
- package/dist/a11y/media-preferences.d.ts +77 -0
- package/dist/a11y/media-preferences.d.ts.map +1 -0
- package/dist/a11y/roving-tab-index.d.ts +38 -0
- package/dist/a11y/roving-tab-index.d.ts.map +1 -0
- package/dist/a11y/skip-link.d.ts +37 -0
- package/dist/a11y/skip-link.d.ts.map +1 -0
- package/dist/a11y/trap-focus.d.ts +49 -0
- package/dist/a11y/trap-focus.d.ts.map +1 -0
- package/dist/a11y/types.d.ts +152 -0
- package/dist/a11y/types.d.ts.map +1 -0
- package/dist/a11y-DVBCy09c.js +421 -0
- package/dist/a11y-DVBCy09c.js.map +1 -0
- package/dist/a11y.es.mjs +14 -0
- package/dist/component/component.d.ts.map +1 -1
- package/dist/component/html.d.ts.map +1 -1
- package/dist/component/index.d.ts +2 -1
- package/dist/component/index.d.ts.map +1 -1
- package/dist/component/library.d.ts.map +1 -1
- package/dist/component/scope.d.ts +138 -0
- package/dist/component/scope.d.ts.map +1 -0
- package/dist/component/types.d.ts +53 -1
- package/dist/component/types.d.ts.map +1 -1
- package/dist/component-L3-JfOFz.js +684 -0
- package/dist/component-L3-JfOFz.js.map +1 -0
- package/dist/component.es.mjs +9 -6
- package/dist/{config-DRmZZno3.js → config-DhT9auRm.js} +4 -4
- package/dist/{config-DRmZZno3.js.map → config-DhT9auRm.js.map} +1 -1
- package/dist/constraints-D5RHQLmP.js +100 -0
- package/dist/constraints-D5RHQLmP.js.map +1 -0
- package/dist/core/collection.d.ts +134 -0
- package/dist/core/collection.d.ts.map +1 -1
- package/dist/core/element.d.ts +120 -0
- package/dist/core/element.d.ts.map +1 -1
- package/dist/core/env.d.ts +18 -0
- package/dist/core/env.d.ts.map +1 -0
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/shared.d.ts +14 -0
- package/dist/core/shared.d.ts.map +1 -1
- package/dist/core/utils/index.d.ts +52 -41
- package/dist/core/utils/index.d.ts.map +1 -1
- package/dist/core-DdtZHzsS.js +168 -0
- package/dist/core-DdtZHzsS.js.map +1 -0
- package/dist/{core-CCEabVHl.js → core-EMYSLzaT.js} +293 -194
- package/dist/core-EMYSLzaT.js.map +1 -0
- package/dist/core.es.mjs +48 -46
- package/dist/custom-directives-Dr4C5lVV.js +9 -0
- package/dist/custom-directives-Dr4C5lVV.js.map +1 -0
- package/dist/devtools/devtools.d.ts +212 -0
- package/dist/devtools/devtools.d.ts.map +1 -0
- package/dist/devtools/index.d.ts +20 -0
- package/dist/devtools/index.d.ts.map +1 -0
- package/dist/devtools/types.d.ts +69 -0
- package/dist/devtools/types.d.ts.map +1 -0
- package/dist/devtools-BhB2iDPT.js +122 -0
- package/dist/devtools-BhB2iDPT.js.map +1 -0
- package/dist/devtools.es.mjs +19 -0
- package/dist/dnd/draggable.d.ts +51 -0
- package/dist/dnd/draggable.d.ts.map +1 -0
- package/dist/dnd/droppable.d.ts +38 -0
- package/dist/dnd/droppable.d.ts.map +1 -0
- package/dist/dnd/index.d.ts +47 -0
- package/dist/dnd/index.d.ts.map +1 -0
- package/dist/dnd/sortable.d.ts +43 -0
- package/dist/dnd/sortable.d.ts.map +1 -0
- package/dist/dnd/types.d.ts +250 -0
- package/dist/dnd/types.d.ts.map +1 -0
- package/dist/dnd-NwZBYh4l.js +244 -0
- package/dist/dnd-NwZBYh4l.js.map +1 -0
- package/dist/dnd.es.mjs +6 -0
- package/dist/env-CTdvLaH2.js +19 -0
- package/dist/env-CTdvLaH2.js.map +1 -0
- package/dist/forms/create-form.d.ts +49 -0
- package/dist/forms/create-form.d.ts.map +1 -0
- package/dist/forms/index.d.ts +40 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/types.d.ts +185 -0
- package/dist/forms/types.d.ts.map +1 -0
- package/dist/forms/use-field.d.ts +34 -0
- package/dist/forms/use-field.d.ts.map +1 -0
- package/dist/forms/validators.d.ts +204 -0
- package/dist/forms/validators.d.ts.map +1 -0
- package/dist/forms-UcRHsYxC.js +227 -0
- package/dist/forms-UcRHsYxC.js.map +1 -0
- package/dist/forms.es.mjs +16 -0
- package/dist/full.d.ts +30 -11
- package/dist/full.d.ts.map +1 -1
- package/dist/full.es.mjs +209 -93
- package/dist/full.iife.js +47 -31
- package/dist/full.iife.js.map +1 -1
- package/dist/full.umd.js +47 -31
- package/dist/full.umd.js.map +1 -1
- package/dist/function-Cybd57JV.js +33 -0
- package/dist/function-Cybd57JV.js.map +1 -0
- package/dist/i18n/formatting.d.ts +40 -0
- package/dist/i18n/formatting.d.ts.map +1 -0
- package/dist/i18n/i18n.d.ts +48 -0
- package/dist/i18n/i18n.d.ts.map +1 -0
- package/dist/i18n/index.d.ts +57 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/translate.d.ts +83 -0
- package/dist/i18n/translate.d.ts.map +1 -0
- package/dist/i18n/types.d.ts +156 -0
- package/dist/i18n/types.d.ts.map +1 -0
- package/dist/i18n-kuF6Ekj6.js +89 -0
- package/dist/i18n-kuF6Ekj6.js.map +1 -0
- package/dist/i18n.es.mjs +6 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.mjs +257 -143
- package/dist/media/battery.d.ts +35 -0
- package/dist/media/battery.d.ts.map +1 -0
- package/dist/media/breakpoints.d.ts +51 -0
- package/dist/media/breakpoints.d.ts.map +1 -0
- package/dist/media/clipboard.d.ts +30 -0
- package/dist/media/clipboard.d.ts.map +1 -0
- package/dist/media/device-sensors.d.ts +54 -0
- package/dist/media/device-sensors.d.ts.map +1 -0
- package/dist/media/geolocation.d.ts +38 -0
- package/dist/media/geolocation.d.ts.map +1 -0
- package/dist/media/index.d.ts +42 -0
- package/dist/media/index.d.ts.map +1 -0
- package/dist/media/media-query.d.ts +36 -0
- package/dist/media/media-query.d.ts.map +1 -0
- package/dist/media/network.d.ts +35 -0
- package/dist/media/network.d.ts.map +1 -0
- package/dist/media/types.d.ts +173 -0
- package/dist/media/types.d.ts.map +1 -0
- package/dist/media/viewport.d.ts +32 -0
- package/dist/media/viewport.d.ts.map +1 -0
- package/dist/media-i-fB5WxI.js +340 -0
- package/dist/media-i-fB5WxI.js.map +1 -0
- package/dist/media.es.mjs +12 -0
- package/dist/motion/index.d.ts +7 -3
- package/dist/motion/index.d.ts.map +1 -1
- package/dist/motion/morph.d.ts +27 -0
- package/dist/motion/morph.d.ts.map +1 -0
- package/dist/motion/parallax.d.ts +30 -0
- package/dist/motion/parallax.d.ts.map +1 -0
- package/dist/motion/reduced-motion.d.ts +36 -3
- package/dist/motion/reduced-motion.d.ts.map +1 -1
- package/dist/motion/types.d.ts +58 -0
- package/dist/motion/types.d.ts.map +1 -1
- package/dist/motion/typewriter.d.ts +31 -0
- package/dist/motion/typewriter.d.ts.map +1 -0
- package/dist/motion-BJsAuULb.js +530 -0
- package/dist/motion-BJsAuULb.js.map +1 -0
- package/dist/motion.es.mjs +27 -23
- package/dist/{view-C70lA3vf.js → mount-B4Y8bk8Z.js} +166 -160
- package/dist/mount-B4Y8bk8Z.js.map +1 -0
- package/dist/{object-qGpWr6-J.js → object-BCk-1c8T.js} +5 -4
- package/dist/{object-qGpWr6-J.js.map → object-BCk-1c8T.js.map} +1 -1
- package/dist/{platform-Dr9b6fsq.js → platform-Dw2gE3zI.js} +21 -22
- package/dist/{platform-Dr9b6fsq.js.map → platform-Dw2gE3zI.js.map} +1 -1
- package/dist/platform.es.mjs +2 -2
- package/dist/plugin/index.d.ts +22 -0
- package/dist/plugin/index.d.ts.map +1 -0
- package/dist/plugin/registry.d.ts +108 -0
- package/dist/plugin/registry.d.ts.map +1 -0
- package/dist/plugin/types.d.ts +110 -0
- package/dist/plugin/types.d.ts.map +1 -0
- package/dist/plugin-C2WuC8SF.js +66 -0
- package/dist/plugin-C2WuC8SF.js.map +1 -0
- package/dist/plugin.es.mjs +9 -0
- package/dist/reactive/async-data.d.ts +28 -3
- package/dist/reactive/async-data.d.ts.map +1 -1
- package/dist/reactive/computed.d.ts +10 -0
- package/dist/reactive/computed.d.ts.map +1 -1
- package/dist/reactive/effect.d.ts +3 -0
- package/dist/reactive/effect.d.ts.map +1 -1
- package/dist/reactive/http.d.ts +194 -0
- package/dist/reactive/http.d.ts.map +1 -0
- package/dist/reactive/index.d.ts +2 -2
- package/dist/reactive/index.d.ts.map +1 -1
- package/dist/reactive/pagination.d.ts +126 -0
- package/dist/reactive/pagination.d.ts.map +1 -0
- package/dist/reactive/polling.d.ts +55 -0
- package/dist/reactive/polling.d.ts.map +1 -0
- package/dist/reactive/readonly.d.ts +20 -1
- package/dist/reactive/readonly.d.ts.map +1 -1
- package/dist/reactive/rest.d.ts +293 -0
- package/dist/reactive/rest.d.ts.map +1 -0
- package/dist/reactive/scope.d.ts +140 -0
- package/dist/reactive/scope.d.ts.map +1 -0
- package/dist/reactive/signal.d.ts +16 -2
- package/dist/reactive/signal.d.ts.map +1 -1
- package/dist/reactive/to-value.d.ts +57 -0
- package/dist/reactive/to-value.d.ts.map +1 -0
- package/dist/reactive/websocket.d.ts +285 -0
- package/dist/reactive/websocket.d.ts.map +1 -0
- package/dist/reactive-DwkhUJfP.js +1148 -0
- package/dist/reactive-DwkhUJfP.js.map +1 -0
- package/dist/reactive.es.mjs +38 -20
- package/dist/registry-B08iilIh.js +26 -0
- package/dist/registry-B08iilIh.js.map +1 -0
- package/dist/router/bq-link.d.ts +112 -0
- package/dist/router/bq-link.d.ts.map +1 -0
- package/dist/router/constraints.d.ts +9 -0
- package/dist/router/constraints.d.ts.map +1 -0
- package/dist/router/index.d.ts +15 -7
- package/dist/router/index.d.ts.map +1 -1
- package/dist/router/match.d.ts +0 -1
- package/dist/router/match.d.ts.map +1 -1
- package/dist/router/path-pattern.d.ts +14 -0
- package/dist/router/path-pattern.d.ts.map +1 -0
- package/dist/router/query.d.ts.map +1 -1
- package/dist/router/router.d.ts +3 -1
- package/dist/router/router.d.ts.map +1 -1
- package/dist/router/state.d.ts +25 -2
- package/dist/router/state.d.ts.map +1 -1
- package/dist/router/types.d.ts +48 -4
- package/dist/router/types.d.ts.map +1 -1
- package/dist/router/use-route.d.ts +50 -0
- package/dist/router/use-route.d.ts.map +1 -0
- package/dist/router/utils.d.ts +3 -0
- package/dist/router/utils.d.ts.map +1 -1
- package/dist/router-CQikC9Ed.js +492 -0
- package/dist/router-CQikC9Ed.js.map +1 -0
- package/dist/router.es.mjs +14 -10
- package/dist/{sanitize-Bs2dkMby.js → sanitize-B1V4JswB.js} +2 -1
- package/dist/{sanitize-Bs2dkMby.js.map → sanitize-B1V4JswB.js.map} +1 -1
- package/dist/security/index.d.ts +2 -2
- package/dist/security/index.d.ts.map +1 -1
- package/dist/security.es.mjs +1 -1
- package/dist/ssr/hydrate.d.ts +65 -0
- package/dist/ssr/hydrate.d.ts.map +1 -0
- package/dist/ssr/index.d.ts +59 -0
- package/dist/ssr/index.d.ts.map +1 -0
- package/dist/ssr/render.d.ts +62 -0
- package/dist/ssr/render.d.ts.map +1 -0
- package/dist/ssr/serialize.d.ts +118 -0
- package/dist/ssr/serialize.d.ts.map +1 -0
- package/dist/ssr/types.d.ts +70 -0
- package/dist/ssr/types.d.ts.map +1 -0
- package/dist/ssr-_dAcGdzu.js +248 -0
- package/dist/ssr-_dAcGdzu.js.map +1 -0
- package/dist/ssr.es.mjs +9 -0
- package/dist/store/create-store.d.ts.map +1 -1
- package/dist/store/index.d.ts +1 -1
- package/dist/store/index.d.ts.map +1 -1
- package/dist/store/persisted.d.ts +38 -4
- package/dist/store/persisted.d.ts.map +1 -1
- package/dist/store/types.d.ts +138 -1
- package/dist/store/types.d.ts.map +1 -1
- package/dist/store/utils.d.ts +2 -2
- package/dist/store/utils.d.ts.map +1 -1
- package/dist/store-Cb3gPRve.js +338 -0
- package/dist/store-Cb3gPRve.js.map +1 -0
- package/dist/store.es.mjs +11 -10
- package/dist/storybook/index.d.ts.map +1 -1
- package/dist/storybook.es.mjs +1 -1
- package/dist/storybook.es.mjs.map +1 -1
- package/dist/testing/index.d.ts +23 -0
- package/dist/testing/index.d.ts.map +1 -0
- package/dist/testing/testing.d.ts +156 -0
- package/dist/testing/testing.d.ts.map +1 -0
- package/dist/testing/types.d.ts +134 -0
- package/dist/testing/types.d.ts.map +1 -0
- package/dist/testing-C5Sjfsna.js +224 -0
- package/dist/testing-C5Sjfsna.js.map +1 -0
- package/dist/testing.es.mjs +9 -0
- package/dist/type-guards-BMX2c0LP.js +44 -0
- package/dist/type-guards-BMX2c0LP.js.map +1 -0
- package/dist/untrack-D0fnO5k2.js +36 -0
- package/dist/untrack-D0fnO5k2.js.map +1 -0
- package/dist/view/custom-directives.d.ts +20 -0
- package/dist/view/custom-directives.d.ts.map +1 -0
- package/dist/view/evaluate.d.ts.map +1 -1
- package/dist/view/process.d.ts.map +1 -1
- package/dist/view.es.mjs +9 -9
- package/package.json +47 -11
- package/src/a11y/announce.ts +131 -0
- package/src/a11y/audit.ts +314 -0
- package/src/a11y/index.ts +68 -0
- package/src/a11y/media-preferences.ts +255 -0
- package/src/a11y/roving-tab-index.ts +164 -0
- package/src/a11y/skip-link.ts +255 -0
- package/src/a11y/trap-focus.ts +184 -0
- package/src/a11y/types.ts +183 -0
- package/src/component/component.ts +599 -524
- package/src/component/html.ts +153 -153
- package/src/component/index.ts +52 -50
- package/src/component/library.ts +540 -518
- package/src/component/scope.ts +212 -0
- package/src/component/types.ts +310 -256
- package/src/core/collection.ts +249 -1
- package/src/core/element.ts +252 -11
- package/src/core/env.ts +60 -0
- package/src/core/index.ts +1 -0
- package/src/core/shared.ts +64 -0
- package/src/core/utils/index.ts +66 -1
- package/src/devtools/devtools.ts +410 -0
- package/src/devtools/index.ts +48 -0
- package/src/devtools/types.ts +104 -0
- package/src/dnd/draggable.ts +296 -0
- package/src/dnd/droppable.ts +228 -0
- package/src/dnd/index.ts +62 -0
- package/src/dnd/sortable.ts +307 -0
- package/src/dnd/types.ts +293 -0
- package/src/forms/create-form.ts +320 -0
- package/src/forms/index.ts +70 -0
- package/src/forms/types.ts +203 -0
- package/src/forms/use-field.ts +231 -0
- package/src/forms/validators.ts +294 -0
- package/src/full.ts +554 -229
- package/src/i18n/formatting.ts +67 -0
- package/src/i18n/i18n.ts +200 -0
- package/src/i18n/index.ts +67 -0
- package/src/i18n/translate.ts +182 -0
- package/src/i18n/types.ts +171 -0
- package/src/index.ts +72 -0
- package/src/media/battery.ts +116 -0
- package/src/media/breakpoints.ts +129 -0
- package/src/media/clipboard.ts +80 -0
- package/src/media/device-sensors.ts +158 -0
- package/src/media/geolocation.ts +119 -0
- package/src/media/index.ts +76 -0
- package/src/media/media-query.ts +92 -0
- package/src/media/network.ts +115 -0
- package/src/media/types.ts +177 -0
- package/src/media/viewport.ts +84 -0
- package/src/motion/index.ts +11 -2
- package/src/motion/morph.ts +151 -0
- package/src/motion/parallax.ts +120 -0
- package/src/motion/reduced-motion.ts +52 -3
- package/src/motion/types.ts +63 -0
- package/src/motion/typewriter.ts +164 -0
- package/src/plugin/index.ts +37 -0
- package/src/plugin/registry.ts +284 -0
- package/src/plugin/types.ts +137 -0
- package/src/reactive/async-data.ts +250 -29
- package/src/reactive/computed.ts +53 -1
- package/src/reactive/effect.ts +29 -6
- package/src/reactive/http.ts +790 -0
- package/src/reactive/index.ts +60 -0
- package/src/reactive/pagination.ts +317 -0
- package/src/reactive/polling.ts +179 -0
- package/src/reactive/readonly.ts +52 -8
- package/src/reactive/rest.ts +859 -0
- package/src/reactive/scope.ts +276 -0
- package/src/reactive/signal.ts +61 -1
- package/src/reactive/to-value.ts +71 -0
- package/src/reactive/websocket.ts +849 -0
- package/src/router/bq-link.ts +279 -0
- package/src/router/constraints.ts +204 -0
- package/src/router/index.ts +15 -7
- package/src/router/match.ts +255 -49
- package/src/router/path-pattern.ts +52 -0
- package/src/router/query.ts +3 -0
- package/src/router/router.ts +258 -48
- package/src/router/state.ts +51 -3
- package/src/router/types.ts +50 -4
- package/src/router/use-route.ts +68 -0
- package/src/router/utils.ts +44 -3
- package/src/security/index.ts +12 -17
- package/src/security/sanitize.ts +70 -70
- package/src/security/trusted-html.ts +71 -71
- package/src/ssr/hydrate.ts +84 -0
- package/src/ssr/index.ts +70 -0
- package/src/ssr/render.ts +508 -0
- package/src/ssr/serialize.ts +296 -0
- package/src/ssr/types.ts +81 -0
- package/src/store/create-store.ts +146 -8
- package/src/store/define-store.ts +49 -49
- package/src/store/index.ts +5 -0
- package/src/store/mapping.ts +74 -74
- package/src/store/persisted.ts +245 -62
- package/src/store/types.ts +247 -92
- package/src/store/utils.ts +4 -10
- package/src/store/watch.ts +53 -53
- package/src/storybook/index.ts +480 -479
- package/src/testing/index.ts +42 -0
- package/src/testing/testing.ts +593 -0
- package/src/testing/types.ts +170 -0
- package/src/view/custom-directives.ts +28 -0
- package/src/view/evaluate.ts +2 -0
- package/src/view/process.ts +19 -3
- package/dist/component-BEQgt5hl.js +0 -600
- package/dist/component-BEQgt5hl.js.map +0 -1
- package/dist/core-BGQJVw0-.js +0 -35
- package/dist/core-BGQJVw0-.js.map +0 -1
- package/dist/core-CCEabVHl.js.map +0 -1
- package/dist/effect-AFRW_Plg.js +0 -84
- package/dist/effect-AFRW_Plg.js.map +0 -1
- package/dist/motion-D9TcHxOF.js +0 -415
- package/dist/motion-D9TcHxOF.js.map +0 -1
- package/dist/reactive-DSkct0dO.js +0 -254
- package/dist/reactive-DSkct0dO.js.map +0 -1
- package/dist/router-CbDhl8rS.js +0 -188
- package/dist/router-CbDhl8rS.js.map +0 -1
- package/dist/store-BwDvI45q.js +0 -263
- package/dist/store-BwDvI45q.js.map +0 -1
- package/dist/untrack-B0rVscTc.js +0 -7
- package/dist/untrack-B0rVscTc.js.map +0 -1
- package/dist/view-C70lA3vf.js.map +0 -1
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Public types for the bQuery DevTools module.
|
|
3
|
+
*
|
|
4
|
+
* @module bquery/devtools
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Snapshot of a signal's current state for the inspector.
|
|
8
|
+
*/
|
|
9
|
+
export interface SignalSnapshot {
|
|
10
|
+
/** Debug label (if provided). */
|
|
11
|
+
readonly label: string;
|
|
12
|
+
/** Current value of the signal. */
|
|
13
|
+
readonly value: unknown;
|
|
14
|
+
/** Number of active subscribers. */
|
|
15
|
+
readonly subscriberCount: number;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Snapshot of a store for the inspector.
|
|
19
|
+
*/
|
|
20
|
+
export interface StoreSnapshot {
|
|
21
|
+
/** Store identifier. */
|
|
22
|
+
readonly id: string;
|
|
23
|
+
/** Current state (shallow clone). */
|
|
24
|
+
readonly state: Record<string, unknown>;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Snapshot of a registered bQuery component.
|
|
28
|
+
*/
|
|
29
|
+
export interface ComponentSnapshot {
|
|
30
|
+
/** Custom element tag name. */
|
|
31
|
+
readonly tagName: string;
|
|
32
|
+
/** Number of live instances found in the DOM. */
|
|
33
|
+
readonly instanceCount: number;
|
|
34
|
+
}
|
|
35
|
+
/** The type of event recorded in the timeline. */
|
|
36
|
+
export type TimelineEventType = 'signal:update' | 'effect:run' | 'store:patch' | 'store:action' | 'route:change';
|
|
37
|
+
/**
|
|
38
|
+
* A single timeline entry.
|
|
39
|
+
*/
|
|
40
|
+
export interface TimelineEntry {
|
|
41
|
+
/** Timestamp (ms since epoch). */
|
|
42
|
+
readonly timestamp: number;
|
|
43
|
+
/** Event type. */
|
|
44
|
+
readonly type: TimelineEventType;
|
|
45
|
+
/** Human-readable description. */
|
|
46
|
+
readonly detail: string;
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Options for {@link enableDevtools}.
|
|
50
|
+
*/
|
|
51
|
+
export interface DevtoolsOptions {
|
|
52
|
+
/**
|
|
53
|
+
* Whether to log timeline events to the console.
|
|
54
|
+
* @default false
|
|
55
|
+
*/
|
|
56
|
+
logToConsole?: boolean;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* The public devtools state object exposed by {@link getDevtoolsState}.
|
|
60
|
+
*/
|
|
61
|
+
export interface DevtoolsState {
|
|
62
|
+
/** `true` when devtools are active. */
|
|
63
|
+
readonly enabled: boolean;
|
|
64
|
+
/** Options passed when devtools were enabled. */
|
|
65
|
+
readonly options: Readonly<DevtoolsOptions>;
|
|
66
|
+
/** Timeline entries recorded so far. */
|
|
67
|
+
readonly timeline: readonly TimelineEntry[];
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/devtools/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;CAClC;AAMD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAMD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;CAChC;AAMD,kDAAkD;AAClD,MAAM,MAAM,iBAAiB,GACzB,eAAe,GACf,YAAY,GACZ,aAAa,GACb,cAAc,GACd,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,kBAAkB;IAClB,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IACjC,kCAAkC;IAClC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAMD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAMD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,iDAAiD;IACjD,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC5C,wCAAwC;IACxC,QAAQ,CAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,CAAC;CAC7C"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { i as u, n as m } from "./registry-B08iilIh.js";
|
|
2
|
+
var a = !1, i = {}, s = [], l = /* @__PURE__ */ new Map(), c = 0, b = (e, t) => {
|
|
3
|
+
a = e, i = t ?? {}, e || (s.length = 0, l.clear(), c = 0);
|
|
4
|
+
}, S = () => a, h = (e, t, n) => {
|
|
5
|
+
if (a) {
|
|
6
|
+
if (typeof e != "string" || e.length === 0) throw new Error("bQuery devtools: trackSignal() requires a non-empty label");
|
|
7
|
+
l.set(e, {
|
|
8
|
+
peek: t,
|
|
9
|
+
subscriberCount: n
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
}, y = (e) => {
|
|
13
|
+
l.delete(e);
|
|
14
|
+
}, q = () => `signal_${c++}`, v = () => {
|
|
15
|
+
const e = [];
|
|
16
|
+
for (const [t, n] of l) e.push({
|
|
17
|
+
label: t,
|
|
18
|
+
value: n.peek(),
|
|
19
|
+
subscriberCount: n.subscriberCount()
|
|
20
|
+
});
|
|
21
|
+
return e;
|
|
22
|
+
}, f = () => {
|
|
23
|
+
try {
|
|
24
|
+
return u().map((e) => {
|
|
25
|
+
const t = m(e), n = {};
|
|
26
|
+
if (t && typeof t == "object" && "$state" in t) {
|
|
27
|
+
const o = t.$state;
|
|
28
|
+
o && typeof o == "object" && Object.assign(n, o);
|
|
29
|
+
}
|
|
30
|
+
return {
|
|
31
|
+
id: e,
|
|
32
|
+
state: n
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
} catch {
|
|
36
|
+
return [];
|
|
37
|
+
}
|
|
38
|
+
}, p = () => {
|
|
39
|
+
if (typeof document > "u") return [];
|
|
40
|
+
const e = [], t = /* @__PURE__ */ new Set(), n = document.querySelectorAll("*");
|
|
41
|
+
for (let o = 0; o < n.length; o++) {
|
|
42
|
+
const r = n[o].tagName.toLowerCase();
|
|
43
|
+
if (r.includes("-") && !t.has(r) && typeof customElements < "u" && customElements.get(r)) {
|
|
44
|
+
t.add(r);
|
|
45
|
+
const g = document.querySelectorAll(r);
|
|
46
|
+
e.push({
|
|
47
|
+
tagName: r,
|
|
48
|
+
instanceCount: g.length
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return e;
|
|
53
|
+
}, w = (e, t) => {
|
|
54
|
+
if (!a) return;
|
|
55
|
+
const n = {
|
|
56
|
+
timestamp: Date.now(),
|
|
57
|
+
type: e,
|
|
58
|
+
detail: t
|
|
59
|
+
};
|
|
60
|
+
s.push(n), i.logToConsole && console.log(`[bq:devtools] ${e} — ${t}`);
|
|
61
|
+
}, C = () => s, k = () => {
|
|
62
|
+
s.length = 0;
|
|
63
|
+
}, N = () => ({
|
|
64
|
+
enabled: a,
|
|
65
|
+
options: { ...i },
|
|
66
|
+
timeline: [...s]
|
|
67
|
+
}), _ = () => {
|
|
68
|
+
const e = v();
|
|
69
|
+
if (e.length === 0) {
|
|
70
|
+
console.log("[bq:devtools] No tracked signals.");
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
console.table(e);
|
|
74
|
+
}, D = () => {
|
|
75
|
+
const e = f();
|
|
76
|
+
if (e.length === 0) {
|
|
77
|
+
console.log("[bq:devtools] No stores registered.");
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
console.table(e.map((t) => ({
|
|
81
|
+
id: t.id,
|
|
82
|
+
state: JSON.stringify(t.state)
|
|
83
|
+
})));
|
|
84
|
+
}, E = () => {
|
|
85
|
+
const e = p();
|
|
86
|
+
if (e.length === 0) {
|
|
87
|
+
console.log("[bq:devtools] No custom elements found.");
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
console.table(e);
|
|
91
|
+
}, T = (e) => {
|
|
92
|
+
const t = typeof e == "number" && e > 0 ? s.slice(-e) : s;
|
|
93
|
+
if (t.length === 0) {
|
|
94
|
+
console.log("[bq:devtools] Timeline is empty.");
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
console.table(t.map((n) => ({
|
|
98
|
+
time: new Date(n.timestamp).toISOString(),
|
|
99
|
+
type: n.type,
|
|
100
|
+
detail: n.detail
|
|
101
|
+
})));
|
|
102
|
+
};
|
|
103
|
+
export {
|
|
104
|
+
C as a,
|
|
105
|
+
f as c,
|
|
106
|
+
_ as d,
|
|
107
|
+
D as f,
|
|
108
|
+
y as g,
|
|
109
|
+
h,
|
|
110
|
+
N as i,
|
|
111
|
+
S as l,
|
|
112
|
+
w as m,
|
|
113
|
+
b as n,
|
|
114
|
+
p as o,
|
|
115
|
+
T as p,
|
|
116
|
+
q as r,
|
|
117
|
+
v as s,
|
|
118
|
+
k as t,
|
|
119
|
+
E as u
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
//# sourceMappingURL=devtools-BhB2iDPT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"devtools-BhB2iDPT.js","names":[],"sources":["../src/devtools/devtools.ts"],"sourcesContent":["/**\n * bQuery DevTools — runtime debugging utilities.\n *\n * Enable devtools to inspect signals, stores, components, and view a\n * timeline of reactive events.\n *\n * @module bquery/devtools\n */\n\nimport type {\n ComponentSnapshot,\n DevtoolsOptions,\n DevtoolsState,\n SignalSnapshot,\n StoreSnapshot,\n TimelineEntry,\n TimelineEventType,\n} from './types';\nimport { listStores as _listStores, getStore as _getStore } from '../store/registry';\n\n// ---------------------------------------------------------------------------\n// Internal state\n// ---------------------------------------------------------------------------\n\nlet _enabled = false;\nlet _options: DevtoolsOptions = {};\nconst _timeline: TimelineEntry[] = [];\n\n/** Registered signals keyed by label. */\nconst _trackedSignals = new Map<string, { peek: () => unknown; subscriberCount: () => number }>();\n\n/** Monotonic counter for auto-labelling anonymous signals. */\nlet _signalCounter = 0;\n\n// ---------------------------------------------------------------------------\n// Enable / disable\n// ---------------------------------------------------------------------------\n\n/**\n * Enable bQuery development mode.\n *\n * When enabled the devtools module records timeline events and\n * allows inspection of signals, stores, and components.\n *\n * @param enabled - `true` to enable, `false` to disable.\n * @param options - Optional configuration.\n *\n * @example\n * ```ts\n * import { enableDevtools } from '@bquery/bquery/devtools';\n * enableDevtools(true, { logToConsole: true });\n * ```\n */\nexport const enableDevtools = (enabled: boolean, options?: DevtoolsOptions): void => {\n _enabled = enabled;\n _options = options ?? {};\n\n if (!enabled) {\n _timeline.length = 0;\n _trackedSignals.clear();\n _signalCounter = 0;\n }\n};\n\n/**\n * Returns `true` when devtools are active.\n *\n * @example\n * ```ts\n * import { isDevtoolsEnabled } from '@bquery/bquery/devtools';\n * if (isDevtoolsEnabled()) { ... }\n * ```\n */\nexport const isDevtoolsEnabled = (): boolean => _enabled;\n\n// ---------------------------------------------------------------------------\n// Signal tracking\n// ---------------------------------------------------------------------------\n\n/**\n * Register a signal for devtools inspection.\n *\n * @param label - Human-readable label (must be unique).\n * @param peek - Returns the signal's value without tracking.\n * @param subscriberCount - Returns the current subscriber count.\n * @throws If a signal with the same label is already tracked.\n *\n * @example\n * ```ts\n * import { trackSignal } from '@bquery/bquery/devtools';\n * import { signal } from '@bquery/bquery/reactive';\n *\n * const count = signal(0);\n * trackSignal('count', () => count.peek(), () => 0);\n * ```\n */\nexport const trackSignal = (\n label: string,\n peek: () => unknown,\n subscriberCount: () => number\n): void => {\n if (!_enabled) return;\n if (typeof label !== 'string' || label.length === 0) {\n throw new Error('bQuery devtools: trackSignal() requires a non-empty label');\n }\n _trackedSignals.set(label, { peek, subscriberCount });\n};\n\n/**\n * Remove a previously tracked signal.\n *\n * @param label - The label used during registration.\n *\n * @example\n * ```ts\n * import { untrackSignal } from '@bquery/bquery/devtools';\n * untrackSignal('count');\n * ```\n */\nexport const untrackSignal = (label: string): void => {\n _trackedSignals.delete(label);\n};\n\n/**\n * Generate a unique label for anonymous signals.\n *\n * @returns A label such as `signal_0`, `signal_1`, …\n *\n * @example\n * ```ts\n * import { generateSignalLabel } from '@bquery/bquery/devtools';\n * const label = generateSignalLabel(); // 'signal_0'\n * ```\n */\nexport const generateSignalLabel = (): string => `signal_${_signalCounter++}`;\n\n// ---------------------------------------------------------------------------\n// Signal inspector\n// ---------------------------------------------------------------------------\n\n/**\n * List all tracked signals with their current values.\n *\n * @returns An array of {@link SignalSnapshot} objects.\n *\n * @example\n * ```ts\n * import { inspectSignals } from '@bquery/bquery/devtools';\n * console.table(inspectSignals());\n * ```\n */\nexport const inspectSignals = (): SignalSnapshot[] => {\n const result: SignalSnapshot[] = [];\n for (const [label, entry] of _trackedSignals) {\n result.push({\n label,\n value: entry.peek(),\n subscriberCount: entry.subscriberCount(),\n });\n }\n return result;\n};\n\n// ---------------------------------------------------------------------------\n// Store inspector\n// ---------------------------------------------------------------------------\n\n/**\n * List all stores with their current state.\n *\n * Reads from the store registry (`listStores` / `getStore`) that is\n * already maintained by the store module.\n *\n * @returns An array of {@link StoreSnapshot} objects.\n *\n * @example\n * ```ts\n * import { inspectStores } from '@bquery/bquery/devtools';\n * console.table(inspectStores());\n * ```\n */\nexport const inspectStores = (): StoreSnapshot[] => {\n try {\n const ids: string[] = _listStores();\n return ids.map((id: string) => {\n const store = _getStore(id) as Record<string, unknown> | undefined;\n const state: Record<string, unknown> = {};\n if (store && typeof store === 'object' && '$state' in store) {\n const raw = (store as { $state: unknown }).$state;\n if (raw && typeof raw === 'object') {\n Object.assign(state, raw);\n }\n }\n return { id, state };\n });\n } catch {\n return [];\n }\n};\n\n// ---------------------------------------------------------------------------\n// Component inspector\n// ---------------------------------------------------------------------------\n\n/**\n * List all bQuery-registered custom elements visible in the document.\n *\n * @returns An array of {@link ComponentSnapshot} objects.\n *\n * @example\n * ```ts\n * import { inspectComponents } from '@bquery/bquery/devtools';\n * console.table(inspectComponents());\n * ```\n */\nexport const inspectComponents = (): ComponentSnapshot[] => {\n if (typeof document === 'undefined') return [];\n\n const result: ComponentSnapshot[] = [];\n const seen = new Set<string>();\n\n // Walk every custom element in the DOM (they must contain a hyphen)\n const all = document.querySelectorAll('*');\n for (let i = 0; i < all.length; i++) {\n const el = all[i];\n const tag = el.tagName.toLowerCase();\n if (!tag.includes('-')) continue;\n if (seen.has(tag)) continue;\n\n // Only include if registered via customElements\n if (typeof customElements !== 'undefined' && customElements.get(tag)) {\n seen.add(tag);\n const instances = document.querySelectorAll(tag);\n result.push({ tagName: tag, instanceCount: instances.length });\n }\n }\n return result;\n};\n\n// ---------------------------------------------------------------------------\n// Timeline\n// ---------------------------------------------------------------------------\n\n/**\n * Record a timeline event.\n *\n * This is called internally by bQuery modules (signals, store, router)\n * or can be called from user code / plugins to add custom entries.\n *\n * @param type - The event category.\n * @param detail - A human-readable description.\n *\n * @example\n * ```ts\n * import { recordEvent } from '@bquery/bquery/devtools';\n * recordEvent('signal:update', 'count changed to 5');\n * ```\n */\nexport const recordEvent = (type: TimelineEventType, detail: string): void => {\n if (!_enabled) return;\n\n const entry: TimelineEntry = {\n timestamp: Date.now(),\n type,\n detail,\n };\n _timeline.push(entry);\n\n if (_options.logToConsole) {\n console.log(`[bq:devtools] ${type} — ${detail}`);\n }\n};\n\n/**\n * Returns the full timeline log.\n *\n * @returns A read-only array of {@link TimelineEntry} objects.\n *\n * @example\n * ```ts\n * import { getTimeline } from '@bquery/bquery/devtools';\n * for (const e of getTimeline()) {\n * console.log(e.type, e.detail);\n * }\n * ```\n */\nexport const getTimeline = (): readonly TimelineEntry[] => _timeline;\n\n/**\n * Clear all timeline entries.\n *\n * @example\n * ```ts\n * import { clearTimeline } from '@bquery/bquery/devtools';\n * clearTimeline();\n * ```\n */\nexport const clearTimeline = (): void => {\n _timeline.length = 0;\n};\n\n// ---------------------------------------------------------------------------\n// Combined state\n// ---------------------------------------------------------------------------\n\n/**\n * Returns a snapshot of the full devtools state.\n *\n * @returns A {@link DevtoolsState} object.\n *\n * @example\n * ```ts\n * import { getDevtoolsState } from '@bquery/bquery/devtools';\n * const state = getDevtoolsState();\n * console.log(state.enabled, state.timeline.length);\n * ```\n */\nexport const getDevtoolsState = (): DevtoolsState => ({\n enabled: _enabled,\n options: { ..._options },\n timeline: [..._timeline],\n});\n\n// ---------------------------------------------------------------------------\n// Log helpers (convenience for interactive debugging)\n// ---------------------------------------------------------------------------\n\n/**\n * Pretty-print all tracked signals to the console.\n *\n * @example\n * ```ts\n * import { logSignals } from '@bquery/bquery/devtools';\n * logSignals(); // → table output\n * ```\n */\nexport const logSignals = (): void => {\n const signals = inspectSignals();\n if (signals.length === 0) {\n console.log('[bq:devtools] No tracked signals.');\n return;\n }\n\n console.table(signals);\n};\n\n/**\n * Pretty-print all stores to the console.\n *\n * @example\n * ```ts\n * import { logStores } from '@bquery/bquery/devtools';\n * logStores(); // → table output\n * ```\n */\nexport const logStores = (): void => {\n const stores = inspectStores();\n if (stores.length === 0) {\n console.log('[bq:devtools] No stores registered.');\n return;\n }\n\n console.table(stores.map((s) => ({ id: s.id, state: JSON.stringify(s.state) })));\n};\n\n/**\n * Pretty-print all registered components to the console.\n *\n * @example\n * ```ts\n * import { logComponents } from '@bquery/bquery/devtools';\n * logComponents(); // → table output\n * ```\n */\nexport const logComponents = (): void => {\n const components = inspectComponents();\n if (components.length === 0) {\n console.log('[bq:devtools] No custom elements found.');\n return;\n }\n\n console.table(components);\n};\n\n/**\n * Pretty-print the timeline to the console.\n *\n * @param last - Only show the last N entries (default: all).\n *\n * @example\n * ```ts\n * import { logTimeline } from '@bquery/bquery/devtools';\n * logTimeline(10);\n * ```\n */\nexport const logTimeline = (last?: number): void => {\n const entries = typeof last === 'number' && last > 0 ? _timeline.slice(-last) : _timeline;\n if (entries.length === 0) {\n console.log('[bq:devtools] Timeline is empty.');\n return;\n }\n\n console.table(\n entries.map((e) => ({\n time: new Date(e.timestamp).toISOString(),\n type: e.type,\n detail: e.detail,\n }))\n );\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { a as e, c as s, d as n, f as o, g as t, h as l, i, l as g, m as r, n as c, o as m, p, r as S, s as v, t as b, u as d } from "./devtools-BhB2iDPT.js";
|
|
2
|
+
export {
|
|
3
|
+
b as clearTimeline,
|
|
4
|
+
c as enableDevtools,
|
|
5
|
+
S as generateSignalLabel,
|
|
6
|
+
i as getDevtoolsState,
|
|
7
|
+
e as getTimeline,
|
|
8
|
+
m as inspectComponents,
|
|
9
|
+
v as inspectSignals,
|
|
10
|
+
s as inspectStores,
|
|
11
|
+
g as isDevtoolsEnabled,
|
|
12
|
+
d as logComponents,
|
|
13
|
+
n as logSignals,
|
|
14
|
+
o as logStores,
|
|
15
|
+
p as logTimeline,
|
|
16
|
+
r as recordEvent,
|
|
17
|
+
l as trackSignal,
|
|
18
|
+
t as untrackSignal
|
|
19
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Make an element draggable using pointer events.
|
|
3
|
+
*
|
|
4
|
+
* Uses Pointer Events (not HTML5 Drag & Drop) for reliable
|
|
5
|
+
* cross-platform behavior including touch support.
|
|
6
|
+
*
|
|
7
|
+
* @module bquery/dnd
|
|
8
|
+
*/
|
|
9
|
+
import type { DragPosition, DraggableHandle, DraggableOptions } from './types';
|
|
10
|
+
/**
|
|
11
|
+
* Returns the currently active drag state, if any.
|
|
12
|
+
* Used internally by `droppable()` to detect drag interactions.
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
export declare const getActiveDrag: () => {
|
|
16
|
+
element: HTMLElement;
|
|
17
|
+
position: DragPosition;
|
|
18
|
+
} | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* Makes an element draggable using pointer events.
|
|
21
|
+
*
|
|
22
|
+
* Features:
|
|
23
|
+
* - Touch and mouse support via Pointer Events
|
|
24
|
+
* - Axis locking (`x`, `y`, or `both`)
|
|
25
|
+
* - Bounds constraint (parent, selector, or explicit rect)
|
|
26
|
+
* - Optional drag handle
|
|
27
|
+
* - Ghost/clone preview during drag
|
|
28
|
+
* - Callbacks: `onDragStart`, `onDrag`, `onDragEnd`
|
|
29
|
+
*
|
|
30
|
+
* @param el - The element to make draggable
|
|
31
|
+
* @param options - Configuration options
|
|
32
|
+
* @returns A handle with `destroy()`, `disable()`, and `enable()` methods
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```ts
|
|
36
|
+
* import { draggable } from '@bquery/bquery/dnd';
|
|
37
|
+
*
|
|
38
|
+
* const handle = draggable(document.querySelector('#box'), {
|
|
39
|
+
* axis: 'both',
|
|
40
|
+
* bounds: 'parent',
|
|
41
|
+
* onDragEnd: ({ position }) => {
|
|
42
|
+
* console.log('Dropped at', position.x, position.y);
|
|
43
|
+
* },
|
|
44
|
+
* });
|
|
45
|
+
*
|
|
46
|
+
* // Later:
|
|
47
|
+
* handle.destroy();
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
export declare const draggable: (el: HTMLElement, options?: DraggableOptions) => DraggableHandle;
|
|
51
|
+
//# sourceMappingURL=draggable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../src/dnd/draggable.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAIV,YAAY,EACZ,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAKjB;;;;GAIG;AACH,eAAO,MAAM,aAAa,QAAO;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,GAAG,SAGnF,CAAC;AAgDF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,SAAS,GAAI,IAAI,WAAW,EAAE,UAAS,gBAAqB,KAAG,eA2L3E,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Define drop zones for draggable elements.
|
|
3
|
+
*
|
|
4
|
+
* Drop zones detect when draggable elements enter, move over,
|
|
5
|
+
* leave, or are dropped onto them using pointer event hit-testing.
|
|
6
|
+
*
|
|
7
|
+
* @module bquery/dnd
|
|
8
|
+
*/
|
|
9
|
+
import type { DroppableHandle, DroppableOptions } from './types';
|
|
10
|
+
/**
|
|
11
|
+
* Defines an element as a drop zone.
|
|
12
|
+
*
|
|
13
|
+
* Drop zones respond to draggable elements being moved over them
|
|
14
|
+
* by firing callbacks and applying CSS classes. They work with
|
|
15
|
+
* the `draggable()` function from this module.
|
|
16
|
+
*
|
|
17
|
+
* @param el - The drop zone element
|
|
18
|
+
* @param options - Configuration options
|
|
19
|
+
* @returns A handle with a `destroy()` method
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```ts
|
|
23
|
+
* import { droppable } from '@bquery/bquery/dnd';
|
|
24
|
+
*
|
|
25
|
+
* const handle = droppable(document.querySelector('#dropzone'), {
|
|
26
|
+
* accept: '.draggable-item',
|
|
27
|
+
* overClass: 'drop-active',
|
|
28
|
+
* onDrop: ({ dragged }) => {
|
|
29
|
+
* console.log('Dropped:', dragged);
|
|
30
|
+
* },
|
|
31
|
+
* });
|
|
32
|
+
*
|
|
33
|
+
* // Later:
|
|
34
|
+
* handle.destroy();
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare const droppable: (el: HTMLElement, options?: DroppableOptions) => DroppableHandle;
|
|
38
|
+
//# sourceMappingURL=droppable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"droppable.d.ts","sourceRoot":"","sources":["../../src/dnd/droppable.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAiB,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA+FhF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,GAAI,IAAI,WAAW,EAAE,UAAS,gBAAqB,KAAG,eA+F3E,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* bQuery Drag & Drop module.
|
|
3
|
+
*
|
|
4
|
+
* Provides pointer-event-based drag-and-drop, drop zones, and sortable
|
|
5
|
+
* lists with built-in touch support, axis locking, bounds constraints,
|
|
6
|
+
* and animated reordering.
|
|
7
|
+
*
|
|
8
|
+
* @module bquery/dnd
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```ts
|
|
12
|
+
* import { draggable, droppable, sortable } from '@bquery/bquery/dnd';
|
|
13
|
+
*
|
|
14
|
+
* // Make an element draggable
|
|
15
|
+
* const drag = draggable(document.querySelector('#box'), {
|
|
16
|
+
* axis: 'both',
|
|
17
|
+
* bounds: 'parent',
|
|
18
|
+
* ghost: true,
|
|
19
|
+
* onDragEnd: ({ position }) => console.log(position),
|
|
20
|
+
* });
|
|
21
|
+
*
|
|
22
|
+
* // Define a drop zone
|
|
23
|
+
* const drop = droppable(document.querySelector('#zone'), {
|
|
24
|
+
* accept: '.draggable',
|
|
25
|
+
* onDrop: ({ dragged }) => console.log('Dropped!', dragged),
|
|
26
|
+
* });
|
|
27
|
+
*
|
|
28
|
+
* // Make a list sortable
|
|
29
|
+
* const sort = sortable(document.querySelector('#list'), {
|
|
30
|
+
* items: 'li',
|
|
31
|
+
* axis: 'y',
|
|
32
|
+
* onSortEnd: ({ oldIndex, newIndex }) => {
|
|
33
|
+
* console.log(`Moved from ${oldIndex} to ${newIndex}`);
|
|
34
|
+
* },
|
|
35
|
+
* });
|
|
36
|
+
*
|
|
37
|
+
* // Cleanup when done
|
|
38
|
+
* drag.destroy();
|
|
39
|
+
* drop.destroy();
|
|
40
|
+
* sort.destroy();
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
export { draggable } from './draggable';
|
|
44
|
+
export { droppable } from './droppable';
|
|
45
|
+
export { sortable } from './sortable';
|
|
46
|
+
export type { BoundsRect, DragAxis, DragBounds, DragEventData, DragPosition, DraggableHandle, DraggableOptions, DropEventData, DroppableHandle, DroppableOptions, SortEventData, SortableHandle, SortableOptions, } from './types';
|
|
47
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dnd/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,YAAY,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Sortable list with animated reordering via pointer events.
|
|
3
|
+
*
|
|
4
|
+
* Makes children of a container sortable by dragging. Items are
|
|
5
|
+
* rearranged in the DOM with optional CSS animation.
|
|
6
|
+
*
|
|
7
|
+
* @module bquery/dnd
|
|
8
|
+
*/
|
|
9
|
+
import type { SortableHandle, SortableOptions } from './types';
|
|
10
|
+
/**
|
|
11
|
+
* Makes the children of a container sortable by dragging.
|
|
12
|
+
*
|
|
13
|
+
* Features:
|
|
14
|
+
* - Pointer event based (touch + mouse)
|
|
15
|
+
* - Animated reordering with configurable duration
|
|
16
|
+
* - Axis constraint (vertical or horizontal)
|
|
17
|
+
* - Optional drag handle
|
|
18
|
+
* - Placeholder element during sort
|
|
19
|
+
* - Callbacks: `onSortStart`, `onSortMove`, `onSortEnd`
|
|
20
|
+
*
|
|
21
|
+
* @param container - The container element whose children will be sortable
|
|
22
|
+
* @param options - Configuration options
|
|
23
|
+
* @returns A handle with `destroy()`, `disable()`, and `enable()` methods
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```ts
|
|
27
|
+
* import { sortable } from '@bquery/bquery/dnd';
|
|
28
|
+
*
|
|
29
|
+
* const handle = sortable(document.querySelector('#list'), {
|
|
30
|
+
* items: 'li',
|
|
31
|
+
* axis: 'y',
|
|
32
|
+
* animationDuration: 200,
|
|
33
|
+
* onSortEnd: ({ oldIndex, newIndex }) => {
|
|
34
|
+
* console.log(`Moved from ${oldIndex} to ${newIndex}`);
|
|
35
|
+
* },
|
|
36
|
+
* });
|
|
37
|
+
*
|
|
38
|
+
* // Later:
|
|
39
|
+
* handle.destroy();
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
export declare const sortable: (container: HTMLElement, options?: SortableOptions) => SortableHandle;
|
|
43
|
+
//# sourceMappingURL=sortable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sortable.d.ts","sourceRoot":"","sources":["../../src/dnd/sortable.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAiB,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6C9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,GAAI,WAAW,WAAW,EAAE,UAAS,eAAoB,KAAG,cA4NhF,CAAC"}
|