@zag-js/combobox 1.8.2 → 1.9.1

package/dist/index.js

@@ -350,6 +350,7 @@ function connect(service, normalize) {
         "data-placement": context.get("currentPlacement"),
         "aria-labelledby": getLabelId(scope),
         "aria-multiselectable": prop("multiple") && composite ? true : void 0,
+        "data-empty": domQuery.dataAttr(collection2.size === 0),
         onPointerDown(event2) {
           event2.preventDefault();
         }
@@ -359,6 +360,7 @@ function connect(service, normalize) {
       return normalize.element({
         ...parts.list.attrs,
         role: !composite ? "listbox" : void 0,
+        "data-empty": domQuery.dataAttr(collection2.size === 0),
         "aria-labelledby": getLabelId(scope),
         "aria-multiselectable": prop("multiple") && !composite ? true : void 0
       });
@@ -450,6 +452,7 @@ function connect(service, normalize) {
         dir: prop("dir"),
         id: getItemGroupId(scope, id),
         "aria-labelledby": getItemGroupLabelId(scope, id),
+        "data-empty": domQuery.dataAttr(collection2.size === 0),
         role: "group"
       });
     },
@@ -1144,10 +1147,10 @@ var machine = core.createMachine({
         ]);
       },
       trackPlacement({ context, prop, scope }) {
-        const controlEl = () => getControlEl(scope);
+        const anchorEl = () => getControlEl(scope) || getTriggerEl(scope);
         const positionerEl = () => getPositionerEl(scope);
         context.set("currentPlacement", prop("positioning").placement);
-        return popper.getPlacement(controlEl, positionerEl, {
+        return popper.getPlacement(anchorEl, positionerEl, {
           ...prop("positioning"),
           defer: true,
           onComplete(data) {

package/dist/index.mjs

@@ -348,6 +348,7 @@ function connect(service, normalize) {
         "data-placement": context.get("currentPlacement"),
         "aria-labelledby": getLabelId(scope),
         "aria-multiselectable": prop("multiple") && composite ? true : void 0,
+        "data-empty": dataAttr(collection2.size === 0),
         onPointerDown(event2) {
           event2.preventDefault();
         }
@@ -357,6 +358,7 @@ function connect(service, normalize) {
       return normalize.element({
         ...parts.list.attrs,
         role: !composite ? "listbox" : void 0,
+        "data-empty": dataAttr(collection2.size === 0),
         "aria-labelledby": getLabelId(scope),
         "aria-multiselectable": prop("multiple") && !composite ? true : void 0
       });
@@ -448,6 +450,7 @@ function connect(service, normalize) {
         dir: prop("dir"),
         id: getItemGroupId(scope, id),
         "aria-labelledby": getItemGroupLabelId(scope, id),
+        "data-empty": dataAttr(collection2.size === 0),
         role: "group"
       });
     },
@@ -1142,10 +1145,10 @@ var machine = createMachine({
         ]);
       },
       trackPlacement({ context, prop, scope }) {
-        const controlEl = () => getControlEl(scope);
+        const anchorEl = () => getControlEl(scope) || getTriggerEl(scope);
         const positionerEl = () => getPositionerEl(scope);
         context.set("currentPlacement", prop("positioning").placement);
-        return getPlacement(controlEl, positionerEl, {
+        return getPlacement(anchorEl, positionerEl, {
           ...prop("positioning"),
           defer: true,
           onComplete(data) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/combobox",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "description": "Core logic for the combobox widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,15 +26,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.8.2",
-    "@zag-js/aria-hidden": "1.8.2",
-    "@zag-js/collection": "1.8.2",
-    "@zag-js/core": "1.8.2",
-    "@zag-js/dismissable": "1.8.2",
-    "@zag-js/dom-query": "1.8.2",
-    "@zag-js/utils": "1.8.2",
-    "@zag-js/popper": "1.8.2",
-    "@zag-js/types": "1.8.2"
+    "@zag-js/anatomy": "1.9.1",
+    "@zag-js/aria-hidden": "1.9.1",
+    "@zag-js/collection": "1.9.1",
+    "@zag-js/core": "1.9.1",
+    "@zag-js/dismissable": "1.9.1",
+    "@zag-js/dom-query": "1.9.1",
+    "@zag-js/utils": "1.9.1",
+    "@zag-js/popper": "1.9.1",
+    "@zag-js/types": "1.9.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"