@zag-js/tooltip 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/{chunk-LJRXOLPU.mjs → chunk-GUX4YLRO.mjs} +17 -19
  2. package/dist/index.js +16 -18
  3. package/dist/index.mjs +1 -1
  4. package/dist/tooltip.machine.js +16 -18
  5. package/dist/tooltip.machine.mjs +1 -1
  6. package/package.json +3 -3
package/dist/{chunk-LJRXOLPU.mjs → chunk-GUX4YLRO.mjs} RENAMED
@@ -8,7 +8,7 @@ import {
8
8
  // src/tooltip.machine.ts
9
9
  import { createMachine, subscribe } from "@zag-js/core";
10
10
  import { addDomEvent } from "@zag-js/dom-event";
11
- import { getScrollParents, isHTMLElement, isSafari, raf } from "@zag-js/dom-query";
11
+ import { getScrollParents, isHTMLElement, isSafari } from "@zag-js/dom-query";
12
12
  import { getPlacement } from "@zag-js/popper";
13
13
  import { compact } from "@zag-js/utils";
14
14
  function machine(userContext) {
@@ -130,19 +130,17 @@ function machine(userContext) {
130
130
  activities: {
131
131
  trackPositioning(ctx2) {
132
132
  ctx2.currentPlacement = ctx2.positioning.placement;
133
- let cleanup;
134
- raf(() => {
135
- cleanup = getPlacement(dom.getTriggerEl(ctx2), dom.getPositionerEl(ctx2), {
136
- ...ctx2.positioning,
137
- onComplete(data) {
138
- ctx2.currentPlacement = data.placement;
139
- },
140
- onCleanup() {
141
- ctx2.currentPlacement = void 0;
142
- }
143
- });
133
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
134
+ return getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
135
+ ...ctx2.positioning,
136
+ defer: true,
137
+ onComplete(data) {
138
+ ctx2.currentPlacement = data.placement;
139
+ },
140
+ onCleanup() {
141
+ ctx2.currentPlacement = void 0;
142
+ }
144
143
  });
145
- return () => cleanup?.();
146
144
  },
147
145
  trackPointerlockChange(ctx2, _evt, { send }) {
148
146
  const onChange = () => send("POINTER_LOCK_CHANGE");
@@ -213,12 +211,12 @@ function machine(userContext) {
213
211
  }
214
212
  },
215
213
  setPositioning(ctx2, evt) {
216
- raf(() => {
217
- getPlacement(dom.getTriggerEl(ctx2), dom.getPositionerEl(ctx2), {
218
- ...ctx2.positioning,
219
- ...evt.options,
220
- listeners: false
221
- });
214
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
215
+ getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
216
+ ...ctx2.positioning,
217
+ ...evt.options,
218
+ defer: true,
219
+ listeners: false
222
220
  });
223
221
  },
224
222
  toggleVisibility(ctx2, _evt, { send }) {
package/dist/index.js CHANGED
@@ -308,19 +308,17 @@ function machine(userContext) {
308
308
  activities: {
309
309
  trackPositioning(ctx2) {
310
310
  ctx2.currentPlacement = ctx2.positioning.placement;
311
- let cleanup;
312
- (0, import_dom_query3.raf)(() => {
313
- cleanup = (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), dom.getPositionerEl(ctx2), {
314
- ...ctx2.positioning,
315
- onComplete(data) {
316
- ctx2.currentPlacement = data.placement;
317
- },
318
- onCleanup() {
319
- ctx2.currentPlacement = void 0;
320
- }
321
- });
311
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
312
+ return (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
313
+ ...ctx2.positioning,
314
+ defer: true,
315
+ onComplete(data) {
316
+ ctx2.currentPlacement = data.placement;
317
+ },
318
+ onCleanup() {
319
+ ctx2.currentPlacement = void 0;
320
+ }
322
321
  });
323
- return () => cleanup?.();
324
322
  },
325
323
  trackPointerlockChange(ctx2, _evt, { send }) {
326
324
  const onChange = () => send("POINTER_LOCK_CHANGE");
@@ -391,12 +389,12 @@ function machine(userContext) {
391
389
  }
392
390
  },
393
391
  setPositioning(ctx2, evt) {
394
- (0, import_dom_query3.raf)(() => {
395
- (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), dom.getPositionerEl(ctx2), {
396
- ...ctx2.positioning,
397
- ...evt.options,
398
- listeners: false
399
- });
392
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
393
+ (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
394
+ ...ctx2.positioning,
395
+ ...evt.options,
396
+ defer: true,
397
+ listeners: false
400
398
  });
401
399
  },
402
400
  toggleVisibility(ctx2, _evt, { send }) {
package/dist/index.mjs CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk-RRQRIZBA.mjs";
7
7
  import {
8
8
  machine
9
- } from "./chunk-LJRXOLPU.mjs";
9
+ } from "./chunk-GUX4YLRO.mjs";
10
10
  import "./chunk-BML2QVAG.mjs";
11
11
  import "./chunk-GQYNO326.mjs";
12
12
  export {
package/dist/tooltip.machine.js CHANGED
@@ -174,19 +174,17 @@ function machine(userContext) {
174
174
  activities: {
175
175
  trackPositioning(ctx2) {
176
176
  ctx2.currentPlacement = ctx2.positioning.placement;
177
- let cleanup;
178
- (0, import_dom_query2.raf)(() => {
179
- cleanup = (0, import_popper.getPlacement)(dom.getTriggerEl(ctx2), dom.getPositionerEl(ctx2), {
180
- ...ctx2.positioning,
181
- onComplete(data) {
182
- ctx2.currentPlacement = data.placement;
183
- },
184
- onCleanup() {
185
- ctx2.currentPlacement = void 0;
186
- }
187
- });
177
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
178
+ return (0, import_popper.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
179
+ ...ctx2.positioning,
180
+ defer: true,
181
+ onComplete(data) {
182
+ ctx2.currentPlacement = data.placement;
183
+ },
184
+ onCleanup() {
185
+ ctx2.currentPlacement = void 0;
186
+ }
188
187
  });
189
- return () => cleanup?.();
190
188
  },
191
189
  trackPointerlockChange(ctx2, _evt, { send }) {
192
190
  const onChange = () => send("POINTER_LOCK_CHANGE");
@@ -257,12 +255,12 @@ function machine(userContext) {
257
255
  }
258
256
  },
259
257
  setPositioning(ctx2, evt) {
260
- (0, import_dom_query2.raf)(() => {
261
- (0, import_popper.getPlacement)(dom.getTriggerEl(ctx2), dom.getPositionerEl(ctx2), {
262
- ...ctx2.positioning,
263
- ...evt.options,
264
- listeners: false
265
- });
258
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
259
+ (0, import_popper.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
260
+ ...ctx2.positioning,
261
+ ...evt.options,
262
+ defer: true,
263
+ listeners: false
266
264
  });
267
265
  },
268
266
  toggleVisibility(ctx2, _evt, { send }) {
package/dist/tooltip.machine.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  machine
3
- } from "./chunk-LJRXOLPU.mjs";
3
+ } from "./chunk-GUX4YLRO.mjs";
4
4
  import "./chunk-BML2QVAG.mjs";
5
5
  import "./chunk-GQYNO326.mjs";
6
6
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/tooltip",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "Core logic for the tooltip widget implemented as a state machine",
5
5
  "keywords": [
6
6
  "js",
@@ -28,9 +28,9 @@
28
28
  "dependencies": {
29
29
  "@zag-js/anatomy": "0.1.4",
30
30
  "@zag-js/core": "0.7.0",
31
- "@zag-js/popper": "0.2.7",
31
+ "@zag-js/popper": "0.8.0",
32
32
  "@zag-js/dom-query": "0.1.4",
33
- "@zag-js/dom-event": "0.6.0",
33
+ "@zag-js/dom-event": "0.8.0",
34
34
  "@zag-js/utils": "0.3.4",
35
35
  "@zag-js/visually-hidden": "0.0.1",
36
36
  "@zag-js/types": "0.5.0"