@zag-js/splitter 0.1.15 → 0.2.0

package/dist/index.js

@@ -31,7 +31,7 @@ var dataAttr = (guard) => {
 };
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
+  return res != null ? res : void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
@@ -43,8 +43,9 @@ var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
+  var _a;
   const agent = navigator.userAgentData;
-  return (agent == null ? void 0 : agent.platform) ?? navigator.platform;
+  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
@@ -58,22 +59,44 @@ function isWindow(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
 function getDocument(el) {
+  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (el == null ? void 0 : el.ownerDocument) ?? document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
     getRootNode: (ctx) => {
-      var _a;
-      return ((_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) ?? document;
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
     },
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
+    createEmitter: (ctx, target) => {
+      const win = dom2.getWin(ctx);
+      return function emit(evt, detail, options) {
+        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
+        const eventName = `zag:${evt}`;
+        const init = { bubbles, cancelable, composed, detail };
+        const event = new win.CustomEvent(eventName, init);
+        target.dispatchEvent(event);
+      };
+    },
+    createListener: (target) => {
+      return function listen(evt, handler) {
+        const eventName = `zag:${evt}`;
+        const listener = (e) => handler(e);
+        target.addEventListener(eventName, listener);
+        return () => target.removeEventListener(eventName, listener);
+      };
+    }
   };
   return {
     ...dom2,
@@ -128,9 +151,10 @@ var sameKeyMap = {
   Right: "ArrowRight"
 };
 function getEventKey(event, options = {}) {
+  var _a;
   const { dir = "ltr", orientation = "horizontal" } = options;
   let { key } = event;
-  key = sameKeyMap[key] ?? key;
+  key = (_a = sameKeyMap[key]) != null ? _a : key;
   const isRtl = dir === "rtl" && orientation === "horizontal";
   if (isRtl && key in rtlKeyMap) {
     key = rtlKeyMap[key];
@@ -167,7 +191,8 @@ function addDomEvent(target, eventName, handler, options) {
   };
 }
 function addPointerEvent(target, event, listener, options) {
-  const type = getEventName(event) ?? event;
+  var _a;
+  const type = (_a = getEventName(event)) != null ? _a : event;
   return addDomEvent(target, type, wrapHandler(listener, event === "pointerdown"), options);
 }
 function wrapHandler(fn, filter = false) {
@@ -178,7 +203,8 @@ function wrapHandler(fn, filter = false) {
 }
 function filterPrimaryPointer(fn) {
   return (event) => {
-    const win = event.view ?? window;
+    var _a;
+    const win = (_a = event.view) != null ? _a : window;
     const isMouseEvent2 = event instanceof win.MouseEvent;
     const isPrimary = !isMouseEvent2 || isMouseEvent2 && event.button === 0;
     if (isPrimary)
@@ -233,7 +259,7 @@ var state = "default";
 var savedUserSelect = "";
 var modifiedElementMap = /* @__PURE__ */ new WeakMap();
 function disableTextSelection({ target, doc } = {}) {
-  const _document = doc ?? document;
+  const _document = doc != null ? doc : document;
   if (isIos()) {
     if (state === "default") {
       savedUserSelect = _document.documentElement.style.webkitUserSelect;
@@ -247,7 +273,7 @@ function disableTextSelection({ target, doc } = {}) {
   return () => restoreTextSelection({ target, doc: _document });
 }
 function restoreTextSelection({ target, doc } = {}) {
-  const _document = doc ?? document;
+  const _document = doc != null ? doc : document;
   if (isIos()) {
     if (state !== "disabled")
       return;
@@ -267,7 +293,7 @@ function restoreTextSelection({ target, doc } = {}) {
     if (target && modifiedElementMap.has(target)) {
       let targetOldUserSelect = modifiedElementMap.get(target);
       if (target.style.userSelect === "none") {
-        target.style.userSelect = targetOldUserSelect ?? "";
+        target.style.userSelect = targetOldUserSelect != null ? targetOldUserSelect : "";
       }
       if (target.getAttribute("style") === "") {
         target.removeAttribute("style");
@@ -302,28 +328,28 @@ function trackPointerMove(doc, opts) {
 // src/splitter.dom.ts
 var dom = defineDomHelpers({
   getRootId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.root) ?? `splitter:${ctx.id}`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `splitter:${ctx.id}`;
   },
   getSplitterId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.splitter) ?? `splitter:${ctx.id}:splitter`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.splitter) != null ? _b : `splitter:${ctx.id}:splitter`;
   },
   getToggleButtonId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.toggleBtn) ?? `splitter:${ctx.id}:toggle-btn`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.toggleBtn) != null ? _b : `splitter:${ctx.id}:toggle-btn`;
   },
   getLabelId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.label) ?? `splitter:${ctx.id}:label`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `splitter:${ctx.id}:label`;
   },
   getPrimaryPaneId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.primaryPane) ?? `splitter:${ctx.id}:primary`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.primaryPane) != null ? _b : `splitter:${ctx.id}:primary`;
   },
   getSecondaryPaneId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.secondaryPane) ?? `splitter:${ctx.id}:secondary`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.secondaryPane) != null ? _b : `splitter:${ctx.id}:secondary`;
   },
   getSplitterEl: (ctx) => dom.getById(ctx, dom.getSplitterId(ctx)),
   getPrimaryPaneEl: (ctx) => dom.getById(ctx, dom.getPrimaryPaneId(ctx)),
@@ -511,7 +537,7 @@ var import_core = require("@zag-js/core");
 // ../../utilities/number/dist/index.mjs
 function round(v, t) {
   let num = valueOf(v);
-  const p = 10 ** (t ?? 10);
+  const p = 10 ** (t != null ? t : 10);
   num = Math.round(num * p) / p;
   return t ? num.toFixed(t) : v.toString();
 }

package/dist/index.mjs

@@ -4,7 +4,7 @@ var dataAttr = (guard) => {
 };
 var runIfFn = (v, ...a) => {
   const res = typeof v === "function" ? v(...a) : v;
-  return res ?? void 0;
+  return res != null ? res : void 0;
 };
 var callAll = (...fns) => (...a) => {
   fns.forEach(function(fn) {
@@ -16,8 +16,9 @@ var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
 var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 var isDom = () => typeof window !== "undefined";
 function getPlatform() {
+  var _a;
   const agent = navigator.userAgentData;
-  return (agent == null ? void 0 : agent.platform) ?? navigator.platform;
+  return (_a = agent == null ? void 0 : agent.platform) != null ? _a : navigator.platform;
 }
 var pt = (v) => isDom() && v.test(getPlatform());
 var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
@@ -31,22 +32,44 @@ function isWindow(value) {
   return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
 function getDocument(el) {
+  var _a;
   if (isWindow(el))
     return el.document;
   if (isDocument(el))
     return el;
-  return (el == null ? void 0 : el.ownerDocument) ?? document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
 }
 function defineDomHelpers(helpers) {
   const dom2 = {
     getRootNode: (ctx) => {
-      var _a;
-      return ((_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) ?? document;
+      var _a, _b;
+      return (_b = (_a = ctx.getRootNode) == null ? void 0 : _a.call(ctx)) != null ? _b : document;
     },
     getDoc: (ctx) => getDocument(dom2.getRootNode(ctx)),
-    getWin: (ctx) => dom2.getDoc(ctx).defaultView ?? window,
+    getWin: (ctx) => {
+      var _a;
+      return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
+    },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
+    createEmitter: (ctx, target) => {
+      const win = dom2.getWin(ctx);
+      return function emit(evt, detail, options) {
+        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
+        const eventName = `zag:${evt}`;
+        const init = { bubbles, cancelable, composed, detail };
+        const event = new win.CustomEvent(eventName, init);
+        target.dispatchEvent(event);
+      };
+    },
+    createListener: (target) => {
+      return function listen(evt, handler) {
+        const eventName = `zag:${evt}`;
+        const listener = (e) => handler(e);
+        target.addEventListener(eventName, listener);
+        return () => target.removeEventListener(eventName, listener);
+      };
+    }
   };
   return {
     ...dom2,
@@ -101,9 +124,10 @@ var sameKeyMap = {
   Right: "ArrowRight"
 };
 function getEventKey(event, options = {}) {
+  var _a;
   const { dir = "ltr", orientation = "horizontal" } = options;
   let { key } = event;
-  key = sameKeyMap[key] ?? key;
+  key = (_a = sameKeyMap[key]) != null ? _a : key;
   const isRtl = dir === "rtl" && orientation === "horizontal";
   if (isRtl && key in rtlKeyMap) {
     key = rtlKeyMap[key];
@@ -140,7 +164,8 @@ function addDomEvent(target, eventName, handler, options) {
   };
 }
 function addPointerEvent(target, event, listener, options) {
-  const type = getEventName(event) ?? event;
+  var _a;
+  const type = (_a = getEventName(event)) != null ? _a : event;
   return addDomEvent(target, type, wrapHandler(listener, event === "pointerdown"), options);
 }
 function wrapHandler(fn, filter = false) {
@@ -151,7 +176,8 @@ function wrapHandler(fn, filter = false) {
 }
 function filterPrimaryPointer(fn) {
   return (event) => {
-    const win = event.view ?? window;
+    var _a;
+    const win = (_a = event.view) != null ? _a : window;
     const isMouseEvent2 = event instanceof win.MouseEvent;
     const isPrimary = !isMouseEvent2 || isMouseEvent2 && event.button === 0;
     if (isPrimary)
@@ -206,7 +232,7 @@ var state = "default";
 var savedUserSelect = "";
 var modifiedElementMap = /* @__PURE__ */ new WeakMap();
 function disableTextSelection({ target, doc } = {}) {
-  const _document = doc ?? document;
+  const _document = doc != null ? doc : document;
   if (isIos()) {
     if (state === "default") {
       savedUserSelect = _document.documentElement.style.webkitUserSelect;
@@ -220,7 +246,7 @@ function disableTextSelection({ target, doc } = {}) {
   return () => restoreTextSelection({ target, doc: _document });
 }
 function restoreTextSelection({ target, doc } = {}) {
-  const _document = doc ?? document;
+  const _document = doc != null ? doc : document;
   if (isIos()) {
     if (state !== "disabled")
       return;
@@ -240,7 +266,7 @@ function restoreTextSelection({ target, doc } = {}) {
     if (target && modifiedElementMap.has(target)) {
       let targetOldUserSelect = modifiedElementMap.get(target);
       if (target.style.userSelect === "none") {
-        target.style.userSelect = targetOldUserSelect ?? "";
+        target.style.userSelect = targetOldUserSelect != null ? targetOldUserSelect : "";
       }
       if (target.getAttribute("style") === "") {
         target.removeAttribute("style");
@@ -275,28 +301,28 @@ function trackPointerMove(doc, opts) {
 // src/splitter.dom.ts
 var dom = defineDomHelpers({
   getRootId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.root) ?? `splitter:${ctx.id}`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `splitter:${ctx.id}`;
   },
   getSplitterId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.splitter) ?? `splitter:${ctx.id}:splitter`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.splitter) != null ? _b : `splitter:${ctx.id}:splitter`;
   },
   getToggleButtonId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.toggleBtn) ?? `splitter:${ctx.id}:toggle-btn`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.toggleBtn) != null ? _b : `splitter:${ctx.id}:toggle-btn`;
   },
   getLabelId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.label) ?? `splitter:${ctx.id}:label`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `splitter:${ctx.id}:label`;
   },
   getPrimaryPaneId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.primaryPane) ?? `splitter:${ctx.id}:primary`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.primaryPane) != null ? _b : `splitter:${ctx.id}:primary`;
   },
   getSecondaryPaneId: (ctx) => {
-    var _a;
-    return ((_a = ctx.ids) == null ? void 0 : _a.secondaryPane) ?? `splitter:${ctx.id}:secondary`;
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.secondaryPane) != null ? _b : `splitter:${ctx.id}:secondary`;
   },
   getSplitterEl: (ctx) => dom.getById(ctx, dom.getSplitterId(ctx)),
   getPrimaryPaneEl: (ctx) => dom.getById(ctx, dom.getPrimaryPaneId(ctx)),
@@ -484,7 +510,7 @@ import { createMachine, guards } from "@zag-js/core";
 // ../../utilities/number/dist/index.mjs
 function round(v, t) {
   let num = valueOf(v);
-  const p = 10 ** (t ?? 10);
+  const p = 10 ** (t != null ? t : 10);
   num = Math.round(num * p) / p;
   return t ? num.toFixed(t) : v.toString();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/splitter",
-  "version": "0.1.15",
+  "version": "0.2.0",
   "description": "Core logic for the splitter widget implemented as a state machine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -30,12 +30,12 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.1.12",
-    "@zag-js/types": "0.2.7"
+    "@zag-js/core": "0.2.0",
+    "@zag-js/types": "0.3.0"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.1.13",
-    "@zag-js/number-utils": "0.1.6"
+    "@zag-js/dom-utils": "0.2.0",
+    "@zag-js/number-utils": "0.2.0"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",