eat-js-sdk 2.0.30 → 2.0.31

package/dist/interaction-builder.mjs

@@ -13649,6 +13649,9 @@ function CategoriseItem($$anchor, $$props) {
   let itemId = prop($$props, "itemId", 7), itemText = prop($$props, "itemText", 7), containerId = prop($$props, "containerId", 7), mode = prop($$props, "mode", 7), isSelected = prop($$props, "isSelected", 7, false), isLocked = prop($$props, "isLocked", 7, false), resultType = prop($$props, "resultType", 7, ""), hasAnyItemSelected = prop($$props, "hasAnyItemSelected", 7, false), isCurrentMobileItem = prop($$props, "isCurrentMobileItem", 7, true), isClonedItem = prop($$props, "isClonedItem", 7, false), isConsideredItem = prop($$props, "isConsideredItem", 7, false), currentTabContainer = prop($$props, "currentTabContainer", 7, null), additionalClasses = prop($$props, "additionalClasses", 7, ""), onclick = prop($$props, "onclick", 7), onkeydown = prop($$props, "onkeydown", 7);
   const ariaWord = useRemoveRichTextHtmlTags(itemText());
   const isWordBin = containerId() === CATEGORISE.CONTAINER_WORD_BIN_ID;
+  let touchStartX = /* @__PURE__ */ state(0);
+  let touchStartY = /* @__PURE__ */ state(0);
+  let isDragging2 = /* @__PURE__ */ state(false);
   const ariaLabel = /* @__PURE__ */ user_derived(() => () => {
     if (resultType() === ANSWER_RESULTS.INCORRECT && isWordBin && !isSelected()) {
       return `Skipped answer: ${ariaWord}`;
@@ -13661,7 +13664,7 @@ function CategoriseItem($$anchor, $$props) {
     }
     return `${isSelected() ? "Selected option" : "Option"}: ${ariaWord}`;
   });
-  const handleClick = (event2) => {
+  const selectItem = (event2) => {
     event2.stopPropagation();
     if (isLocked()) return;
     if (resultType() && mode() !== MODES.INTERACTIVE) return;
@@ -13670,6 +13673,28 @@ function CategoriseItem($$anchor, $$props) {
       onclick()();
     }
   };
+  const handleTouchStart = (event2) => {
+    set(isDragging2, false);
+    if (event2.touches.length > 0) {
+      set(touchStartX, event2.touches[0].clientX, true);
+      set(touchStartY, event2.touches[0].clientY, true);
+    }
+  };
+  const handleTouchMove = (event2) => {
+    if (event2.touches.length > 0) {
+      const deltaX = Math.abs(event2.touches[0].clientX - get$1(touchStartX));
+      const deltaY = Math.abs(event2.touches[0].clientY - get$1(touchStartY));
+      if (deltaX > 10 || deltaY > 10) {
+        set(isDragging2, true);
+      }
+    }
+  };
+  const handleTouchEnd = (event2) => {
+    if (!get$1(isDragging2)) {
+      selectItem(event2);
+    }
+    set(isDragging2, false);
+  };
   const handleKeyDown = (event2) => {
     if (event2.key === "Enter" || event2.key === "Escape") {
       event2.preventDefault();
@@ -13877,7 +13902,10 @@ function CategoriseItem($$anchor, $$props) {
     }
   };
   var button = root$6();
-  button.__click = handleClick;
+  button.__click = selectItem;
+  button.__touchstart = handleTouchStart;
+  button.__touchmove = handleTouchMove;
+  button.__touchend = handleTouchEnd;
   button.__keydown = handleKeyDown;
   var span = child(button);
   var node = child(span);
@@ -13991,7 +14019,7 @@ function CategoriseItem($$anchor, $$props) {
   append($$anchor, button);
   return pop($$exports);
 }
-delegate(["click", "keydown"]);
+delegate(["click", "touchstart", "touchmove", "touchend", "keydown"]);
 create_custom_element(
   CategoriseItem,
   {
@@ -14116,9 +14144,7 @@ function CategoriseDndContainer($$anchor, $$props) {
     zoneItemTabIndex: get$1(getZoneItemTabIndex)(),
     zoneTabIndex: -1,
     autoAriaDisabled: true,
-    keyboardDisabled: true,
-    delayTouchStart: 30
-    // 30ms delay - quick enough for dragging, slow enough to detect clicks
+    keyboardDisabled: true
   }));
   const isEmpty = /* @__PURE__ */ user_derived(() => get$1(dndItems).length === 0);
   const isSourceContainer = /* @__PURE__ */ user_derived(() => () => {
@@ -15259,11 +15285,7 @@ function CategoriseModal($$anchor, $$props) {
   const handleReset = () => {
     if (onreset()) onreset()();
   };
-  const modalData = /* @__PURE__ */ user_derived(() => ({
-    isModalOpen: isOpen(),
-    modalAriaLabel: "Reset words",
-    isOpenLastStatus: false
-  }));
+  const modalData = /* @__PURE__ */ user_derived(() => ({ isModalOpen: isOpen(), modalAriaLabel: "Reset words" }));
   var $$exports = {
     get isOpen() {
       return isOpen();
@@ -15291,9 +15313,8 @@ function CategoriseModal($$anchor, $$props) {
     get modalData() {
       return get$1(modalData);
     },
-    onupdateModalSettings: () => {
-    },
-    modalClass: "bg-charcoal/30",
+    modalClass: "bg-charcoal/30 pointer-events-none",
+    onclose: handleClose,
     children: ($$anchor2, $$slotProps) => {
       var fragment_1 = root_1$5();
       var div = first_child(fragment_1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eat-js-sdk",
-  "version": "2.0.30",
+  "version": "2.0.31",
   "change version": "2.0.0",
   "description": "Authoring tool frontend SDK",
   "contributors": [