@p4ulcristian/iris-layout 0.2.0 → 0.2.2

package/dist/cljs-runtime/iris_layout.components.touch_drag.js

@@ -0,0 +1,399 @@
+import "./cljs_env.js";
+import "./cljs.core.js";
+import "./reagent.core.js";
+goog.provide('iris_layout.components.touch_drag');
+iris_layout.components.touch_drag.long_press_ms = (400);
+iris_layout.components.touch_drag.move_tolerance = (10);
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.touch_drag !== 'undefined') && (typeof iris_layout.components.touch_drag.touch_state !== 'undefined')){
+} else {
+iris_layout.components.touch_drag.touch_state = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+}
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.touch_drag !== 'undefined') && (typeof iris_layout.components.touch_drag.hover_target !== 'undefined')){
+} else {
+iris_layout.components.touch_drag.hover_target = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+}
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.touch_drag !== 'undefined') && (typeof iris_layout.components.touch_drag.nav_edge_target !== 'undefined')){
+} else {
+iris_layout.components.touch_drag.nav_edge_target = reagent.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+}
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.touch_drag !== 'undefined') && (typeof iris_layout.components.touch_drag.pending !== 'undefined')){
+} else {
+iris_layout.components.touch_drag.pending = cljs.core.atom.cljs$core$IFn$_invoke$arity$1(null);
+}
+iris_layout.components.touch_drag.dragging_QMARK_ = (function iris_layout$components$touch_drag$dragging_QMARK_(){
+return (!((cljs.core.deref(iris_layout.components.touch_drag.touch_state) == null)));
+});
+iris_layout.components.touch_drag.pending_QMARK_ = (function iris_layout$components$touch_drag$pending_QMARK_(){
+return (!((cljs.core.deref(iris_layout.components.touch_drag.pending) == null)));
+});
+iris_layout.components.touch_drag.create_ghost_BANG_ = (function iris_layout$components$touch_drag$create_ghost_BANG_(x,y){
+var ghost = document.createElement("div");
+(ghost.className = "iris-touch-drag-ghost");
+
+(ghost.style.cssText = ["position:fixed;z-index:10000;pointer-events:none;","background:rgba(99,102,241,0.8);color:#fff;padding:6px 14px;","border-radius:8px;font-size:12px;font-weight:500;","box-shadow:0 4px 20px rgba(0,0,0,0.4);","left:",cljs.core.str.cljs$core$IFn$_invoke$arity$1((x - (40))),"px;","top:",cljs.core.str.cljs$core$IFn$_invoke$arity$1((y - (20))),"px;"].join(''));
+
+document.body.appendChild(ghost);
+
+return ghost;
+});
+/**
+ * Begin long-press detection on a header touchstart.
+ */
+iris_layout.components.touch_drag.start_pending_BANG_ = (function iris_layout$components$touch_drag$start_pending_BANG_(tile_id,entity_id,touch_event,on_activate){
+var touch = (touch_event.changedTouches[(0)]);
+var x = touch.clientX;
+var y = touch.clientY;
+var timer = setTimeout((function (){
+var ghost = iris_layout.components.touch_drag.create_ghost_BANG_(x,y);
+cljs.core.reset_BANG_(iris_layout.components.touch_drag.touch_state,new cljs.core.PersistentArrayMap(null, 4, [new cljs.core.Keyword(null,"tile-id","tile-id",781804456),tile_id,new cljs.core.Keyword(null,"entity-id","entity-id",1485898093),entity_id,new cljs.core.Keyword(null,"ghost-el","ghost-el",-316931125),ghost,new cljs.core.Keyword(null,"active?","active?",459499776),true], null));
+
+cljs.core.reset_BANG_(iris_layout.components.touch_drag.pending,null);
+
+var temp__5804__auto___12630 = window.getSelection();
+if(cljs.core.truth_(temp__5804__auto___12630)){
+var sel_12631 = temp__5804__auto___12630;
+sel_12631.removeAllRanges();
+} else {
+}
+
+if(cljs.core.truth_(navigator.vibrate)){
+navigator.vibrate((30));
+} else {
+}
+
+if(cljs.core.truth_(on_activate)){
+return (on_activate.cljs$core$IFn$_invoke$arity$0 ? on_activate.cljs$core$IFn$_invoke$arity$0() : on_activate.call(null));
+} else {
+return null;
+}
+}),iris_layout.components.touch_drag.long_press_ms);
+return cljs.core.reset_BANG_(iris_layout.components.touch_drag.pending,new cljs.core.PersistentArrayMap(null, 5, [new cljs.core.Keyword(null,"timer-id","timer-id",1622357927),timer,new cljs.core.Keyword(null,"start-x","start-x",-193941684),x,new cljs.core.Keyword(null,"start-y","start-y",-771244577),y,new cljs.core.Keyword(null,"tile-id","tile-id",781804456),tile_id,new cljs.core.Keyword(null,"entity-id","entity-id",1485898093),entity_id], null));
+});
+/**
+ * Cancel a pending long-press.
+ */
+iris_layout.components.touch_drag.cancel_pending_BANG_ = (function iris_layout$components$touch_drag$cancel_pending_BANG_(){
+var temp__5804__auto__ = cljs.core.deref(iris_layout.components.touch_drag.pending);
+if(cljs.core.truth_(temp__5804__auto__)){
+var p = temp__5804__auto__;
+clearTimeout(new cljs.core.Keyword(null,"timer-id","timer-id",1622357927).cljs$core$IFn$_invoke$arity$1(p));
+
+return cljs.core.reset_BANG_(iris_layout.components.touch_drag.pending,null);
+} else {
+return null;
+}
+});
+/**
+ * Cancel long-press if finger moved too far.
+ */
+iris_layout.components.touch_drag.check_move_cancel_BANG_ = (function iris_layout$components$touch_drag$check_move_cancel_BANG_(touch_event){
+var temp__5804__auto__ = cljs.core.deref(iris_layout.components.touch_drag.pending);
+if(cljs.core.truth_(temp__5804__auto__)){
+var p = temp__5804__auto__;
+var touch = (touch_event.changedTouches[(0)]);
+var dx = (touch.clientX - new cljs.core.Keyword(null,"start-x","start-x",-193941684).cljs$core$IFn$_invoke$arity$1(p));
+var dy = (touch.clientY - new cljs.core.Keyword(null,"start-y","start-y",-771244577).cljs$core$IFn$_invoke$arity$1(p));
+if((Math.sqrt(((dx * dx) + (dy * dy))) > iris_layout.components.touch_drag.move_tolerance)){
+return iris_layout.components.touch_drag.cancel_pending_BANG_();
+} else {
+return null;
+}
+} else {
+return null;
+}
+});
+/**
+ * Find the closest .iris-entity-tile ancestor from the element at point.
+ */
+iris_layout.components.touch_drag.find_tile_element = (function iris_layout$components$touch_drag$find_tile_element(x,y){
+var temp__5804__auto__ = document.elementFromPoint(x,y);
+if(cljs.core.truth_(temp__5804__auto__)){
+var el = temp__5804__auto__;
+return el.closest(".iris-entity-tile");
+} else {
+return null;
+}
+});
+/**
+ * Determine which half of an element a point is closest to.
+ */
+iris_layout.components.touch_drag.calculate_half_xy = (function iris_layout$components$touch_drag$calculate_half_xy(x,y,el){
+var rect = el.getBoundingClientRect();
+var cx = (rect.left + (rect.width / (2)));
+var cy = (rect.top + (rect.height / (2)));
+var dx = (x - cx);
+var dy = (y - cy);
+if((Math.abs(dx) > Math.abs(dy))){
+if((dx < (0))){
+return new cljs.core.Keyword(null,"left","left",-399115937);
+} else {
+return new cljs.core.Keyword(null,"right","right",-452581833);
+}
+} else {
+if((dy < (0))){
+return new cljs.core.Keyword(null,"top","top",-1856271961);
+} else {
+return new cljs.core.Keyword(null,"bottom","bottom",-1550509018);
+}
+}
+});
+/**
+ * Update ghost position and find tile under finger.
+ */
+iris_layout.components.touch_drag.move_drag_BANG_ = (function iris_layout$components$touch_drag$move_drag_BANG_(touch_event){
+var temp__5804__auto__ = cljs.core.deref(iris_layout.components.touch_drag.touch_state);
+if(cljs.core.truth_(temp__5804__auto__)){
+var state = temp__5804__auto__;
+var touch = (touch_event.changedTouches[(0)]);
+var x = touch.clientX;
+var y = touch.clientY;
+var ghost = new cljs.core.Keyword(null,"ghost-el","ghost-el",-316931125).cljs$core$IFn$_invoke$arity$1(state);
+if(cljs.core.truth_(ghost)){
+(ghost.style.left = [cljs.core.str.cljs$core$IFn$_invoke$arity$1((x - (40))),"px"].join(''));
+
+(ghost.style.top = [cljs.core.str.cljs$core$IFn$_invoke$arity$1((y - (20))),"px"].join(''));
+} else {
+}
+
+if(cljs.core.truth_(ghost)){
+(ghost.style.display = "none");
+} else {
+}
+
+var el_under = document.elementFromPoint(x,y);
+var nav_el = (cljs.core.truth_(el_under)?el_under.closest(".iris-nav-edge"):null);
+var tile_el = iris_layout.components.touch_drag.find_tile_element(x,y);
+if(cljs.core.truth_(ghost)){
+(ghost.style.display = "");
+} else {
+}
+
+if(cljs.core.truth_(nav_el)){
+var dir = (cljs.core.truth_(nav_el.classList.contains("iris-nav-left"))?new cljs.core.Keyword(null,"left","left",-399115937):(cljs.core.truth_(nav_el.classList.contains("iris-nav-right"))?new cljs.core.Keyword(null,"right","right",-452581833):(cljs.core.truth_(nav_el.classList.contains("iris-nav-top"))?new cljs.core.Keyword(null,"up","up",-269712113):(cljs.core.truth_(nav_el.classList.contains("iris-nav-bottom"))?new cljs.core.Keyword(null,"down","down",1565245570):null
+))));
+cljs.core.reset_BANG_(iris_layout.components.touch_drag.nav_edge_target,dir);
+
+return cljs.core.reset_BANG_(iris_layout.components.touch_drag.hover_target,null);
+} else {
+cljs.core.reset_BANG_(iris_layout.components.touch_drag.nav_edge_target,null);
+
+if(cljs.core.truth_(tile_el)){
+var half = iris_layout.components.touch_drag.calculate_half_xy(x,y,tile_el);
+var tile_id = tile_el.getAttribute("data-tile-id");
+return cljs.core.reset_BANG_(iris_layout.components.touch_drag.hover_target,new cljs.core.PersistentArrayMap(null, 3, [new cljs.core.Keyword(null,"tile-el","tile-el",-1881974273),tile_el,new cljs.core.Keyword(null,"tile-id","tile-id",781804456),tile_id,new cljs.core.Keyword(null,"half","half",741990005),half], null));
+} else {
+return cljs.core.reset_BANG_(iris_layout.components.touch_drag.hover_target,null);
+}
+}
+} else {
+return null;
+}
+});
+/**
+ * End touch drag — return the drop target info and clean up.
+ */
+iris_layout.components.touch_drag.end_drag_BANG_ = (function iris_layout$components$touch_drag$end_drag_BANG_(){
+var state = cljs.core.deref(iris_layout.components.touch_drag.touch_state);
+var target = cljs.core.deref(iris_layout.components.touch_drag.hover_target);
+var temp__5804__auto___12632 = new cljs.core.Keyword(null,"ghost-el","ghost-el",-316931125).cljs$core$IFn$_invoke$arity$1(state);
+if(cljs.core.truth_(temp__5804__auto___12632)){
+var ghost_12633 = temp__5804__auto___12632;
+ghost_12633.remove();
+} else {
+}
+
+cljs.core.reset_BANG_(iris_layout.components.touch_drag.touch_state,null);
+
+cljs.core.reset_BANG_(iris_layout.components.touch_drag.hover_target,null);
+
+cljs.core.reset_BANG_(iris_layout.components.touch_drag.nav_edge_target,null);
+
+if(cljs.core.truth_((function (){var and__5000__auto__ = state;
+if(cljs.core.truth_(and__5000__auto__)){
+return target;
+} else {
+return and__5000__auto__;
+}
+})())){
+return new cljs.core.PersistentArrayMap(null, 4, [new cljs.core.Keyword(null,"source-tile-id","source-tile-id",1477902631),new cljs.core.Keyword(null,"tile-id","tile-id",781804456).cljs$core$IFn$_invoke$arity$1(state),new cljs.core.Keyword(null,"source-entity-id","source-entity-id",-509281427),new cljs.core.Keyword(null,"entity-id","entity-id",1485898093).cljs$core$IFn$_invoke$arity$1(state),new cljs.core.Keyword(null,"target-tile-id","target-tile-id",-1830903484),new cljs.core.Keyword(null,"tile-id","tile-id",781804456).cljs$core$IFn$_invoke$arity$1(target),new cljs.core.Keyword(null,"half","half",741990005),new cljs.core.Keyword(null,"half","half",741990005).cljs$core$IFn$_invoke$arity$1(target)], null);
+} else {
+return null;
+}
+});
+if((typeof iris_layout !== 'undefined') && (typeof iris_layout.components !== 'undefined') && (typeof iris_layout.components.touch_drag !== 'undefined') && (typeof iris_layout.components.touch_drag._touch_listeners !== 'undefined')){
+} else {
+iris_layout.components.touch_drag._touch_listeners = (function (){
+document.addEventListener("touchmove",(function (e){
+if(iris_layout.components.touch_drag.dragging_QMARK_()){
+e.preventDefault();
+
+return iris_layout.components.touch_drag.move_drag_BANG_(e);
+} else {
+if(iris_layout.components.touch_drag.pending_QMARK_()){
+return iris_layout.components.touch_drag.check_move_cancel_BANG_(e);
+} else {
+return null;
+}
+}
+}),({"passive": false}));
+
+document.addEventListener("touchend",(function (_e){
+iris_layout.components.touch_drag.cancel_pending_BANG_();
+
+if(iris_layout.components.touch_drag.dragging_QMARK_()){
+setTimeout((function (){
+if(iris_layout.components.touch_drag.dragging_QMARK_()){
+return iris_layout.components.touch_drag.end_drag_BANG_();
+} else {
+return null;
+}
+}),(100));
+} else {
+}
+
+return setTimeout((function (){
+var seq__12622 = cljs.core.seq(cljs.core.array_seq.cljs$core$IFn$_invoke$arity$1(document.querySelectorAll(".iris-touch-drag-ghost")));
+var chunk__12623 = null;
+var count__12624 = (0);
+var i__12625 = (0);
+while(true){
+if((i__12625 < count__12624)){
+var ghost = chunk__12623.cljs$core$IIndexed$_nth$arity$2(null,i__12625);
+if(iris_layout.components.touch_drag.dragging_QMARK_()){
+} else {
+ghost.remove();
+}
+
+
+var G__12634 = seq__12622;
+var G__12635 = chunk__12623;
+var G__12636 = count__12624;
+var G__12637 = (i__12625 + (1));
+seq__12622 = G__12634;
+chunk__12623 = G__12635;
+count__12624 = G__12636;
+i__12625 = G__12637;
+continue;
+} else {
+var temp__5804__auto__ = cljs.core.seq(seq__12622);
+if(temp__5804__auto__){
+var seq__12622__$1 = temp__5804__auto__;
+if(cljs.core.chunked_seq_QMARK_(seq__12622__$1)){
+var c__5525__auto__ = cljs.core.chunk_first(seq__12622__$1);
+var G__12639 = cljs.core.chunk_rest(seq__12622__$1);
+var G__12640 = c__5525__auto__;
+var G__12641 = cljs.core.count(c__5525__auto__);
+var G__12642 = (0);
+seq__12622 = G__12639;
+chunk__12623 = G__12640;
+count__12624 = G__12641;
+i__12625 = G__12642;
+continue;
+} else {
+var ghost = cljs.core.first(seq__12622__$1);
+if(iris_layout.components.touch_drag.dragging_QMARK_()){
+} else {
+ghost.remove();
+}
+
+
+var G__12643 = cljs.core.next(seq__12622__$1);
+var G__12644 = null;
+var G__12645 = (0);
+var G__12646 = (0);
+seq__12622 = G__12643;
+chunk__12623 = G__12644;
+count__12624 = G__12645;
+i__12625 = G__12646;
+continue;
+}
+} else {
+return null;
+}
+}
+break;
+}
+}),(300));
+}),({"passive": true}));
+
+document.addEventListener("contextmenu",(function (e){
+if(((iris_layout.components.touch_drag.pending_QMARK_()) || (iris_layout.components.touch_drag.dragging_QMARK_()))){
+return e.preventDefault();
+} else {
+return null;
+}
+}),({"passive": false}));
+
+document.addEventListener("touchcancel",(function (_e){
+iris_layout.components.touch_drag.cancel_pending_BANG_();
+
+if(iris_layout.components.touch_drag.dragging_QMARK_()){
+iris_layout.components.touch_drag.end_drag_BANG_();
+} else {
+}
+
+return setTimeout((function (){
+var seq__12626 = cljs.core.seq(cljs.core.array_seq.cljs$core$IFn$_invoke$arity$1(document.querySelectorAll(".iris-touch-drag-ghost")));
+var chunk__12627 = null;
+var count__12628 = (0);
+var i__12629 = (0);
+while(true){
+if((i__12629 < count__12628)){
+var ghost = chunk__12627.cljs$core$IIndexed$_nth$arity$2(null,i__12629);
+ghost.remove();
+
+
+var G__12647 = seq__12626;
+var G__12648 = chunk__12627;
+var G__12649 = count__12628;
+var G__12650 = (i__12629 + (1));
+seq__12626 = G__12647;
+chunk__12627 = G__12648;
+count__12628 = G__12649;
+i__12629 = G__12650;
+continue;
+} else {
+var temp__5804__auto__ = cljs.core.seq(seq__12626);
+if(temp__5804__auto__){
+var seq__12626__$1 = temp__5804__auto__;
+if(cljs.core.chunked_seq_QMARK_(seq__12626__$1)){
+var c__5525__auto__ = cljs.core.chunk_first(seq__12626__$1);
+var G__12651 = cljs.core.chunk_rest(seq__12626__$1);
+var G__12652 = c__5525__auto__;
+var G__12653 = cljs.core.count(c__5525__auto__);
+var G__12654 = (0);
+seq__12626 = G__12651;
+chunk__12627 = G__12652;
+count__12628 = G__12653;
+i__12629 = G__12654;
+continue;
+} else {
+var ghost = cljs.core.first(seq__12626__$1);
+ghost.remove();
+
+
+var G__12655 = cljs.core.next(seq__12626__$1);
+var G__12656 = null;
+var G__12657 = (0);
+var G__12658 = (0);
+seq__12626 = G__12655;
+chunk__12627 = G__12656;
+count__12628 = G__12657;
+i__12629 = G__12658;
+continue;
+}
+} else {
+return null;
+}
+}
+break;
+}
+}),(100));
+}),({"passive": true}));
+
+return true;
+})()
+;
+}
+
+//# sourceMappingURL=iris_layout.components.touch_drag.js.map

package/dist/cljs-runtime/iris_layout.components.touch_drag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["iris_layout/components/touch_drag.cljs"],"mappings":"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","names":["iris-layout.components.touch-drag/long-press-ms","iris-layout.components.touch-drag/move-tolerance","js/iris-layout","js/iris-layout.components","js/iris-layout.components.touch-drag","js/iris-layout.components.touch-drag.touch-state","iris-layout.components.touch-drag/touch-state","reagent.core.atom","js/iris-layout.components.touch-drag.hover-target","iris-layout.components.touch-drag/hover-target","js/iris-layout.components.touch-drag.nav-edge-target","iris-layout.components.touch-drag/nav-edge-target","js/iris-layout.components.touch-drag.pending","iris-layout.components.touch-drag/pending","cljs.core.atom","iris-layout.components.touch-drag/dragging?","cljs.core/deref","iris-layout.components.touch-drag/pending?","iris-layout.components.touch-drag/create-ghost!","x","y","ghost","js/document.createElement","js/document.body","iris-layout.components.touch-drag/start-pending!","tile-id","entity-id","touch-event","on-activate","touch","timer","js/setTimeout","cljs.core/reset!","temp__5804__auto__","sel","js/window.getSelection","js/navigator","iris-layout.components.touch-drag/cancel-pending!","p","js/clearTimeout","iris-layout.components.touch-drag/check-move-cancel!","dx","dy","js/Math.sqrt","iris-layout.components.touch-drag/find-tile-element","el","js/document.elementFromPoint","iris-layout.components.touch-drag/calculate-half-xy","rect","cx","cy","js/Math.abs","iris-layout.components.touch-drag/move-drag!","state","el-under","nav-el","tile-el","dir","half","iris-layout.components.touch-drag/end-drag!","target","and__5000__auto__","js/iris-layout.components.touch-drag._touch-listeners","iris-layout.components.touch-drag/_touch-listeners","js/document","e","_e","seq__12622","cljs.core/seq","chunk__12623","count__12624","i__12625","cljs.core/chunked-seq?","c__5525__auto__","cljs.core/chunk-first","cljs.core/chunk-rest","cljs.core/count","cljs.core/first","cljs.core/next","cljs.core.array_seq","seq__12626","chunk__12627","count__12628","i__12629"],"sourcesContent":["(ns iris-layout.components.touch-drag\n  \"Touch drag state \u2014 shared across all tiles for mobile drag-drop.\n\n   On touch devices, HTML5 Drag and Drop doesn't work. This module\n   provides a global touch-drag state that tiles subscribe to.\n\n   Flow:\n   1. Header long-press (~400ms) \u2192 sets drag source info, creates ghost\n   2. Global touchmove \u2192 updates ghost position, finds tile under finger\n   3. Touchend \u2192 performs drop on target tile, cleans up\"\n  (:require [reagent.core :as r]))\n\n;; Long-press duration in ms\n(def long-press-ms 400)\n\n;; Tolerance in px \u2014 if finger moves more than this, cancel long-press\n(def move-tolerance 10)\n\n;; Global touch drag state\n(defonce touch-state (r/atom nil))\n;; Shape: {:tile-id str :entity-id str :ghost-el DOM :active? bool}\n\n(defonce hover-target (r/atom nil))\n;; Shape: {:tile-el DOM :tile-id str :half keyword} or nil\n\n;; Nav edge target \u2014 tracks when touch hovers over a nav edge during drag\n(defonce nav-edge-target (r/atom nil))\n;; Shape: :left | :right | :up | :down | nil\n\n;; Long-press pending state (not reactive, internal only)\n(defonce ^:private pending (atom nil))\n;; Shape: {:timer-id int :start-x num :start-y num :tile-id str :entity-id str}\n\n(defn dragging? []\n  (some? @touch-state))\n\n(defn pending? []\n  (some? @pending))\n\n(defn- create-ghost! [x y]\n  (let [ghost (js/document.createElement \"div\")]\n    (set! (.-className ghost) \"iris-touch-drag-ghost\")\n    (set! (.-cssText (.-style ghost))\n          (str \"position:fixed;z-index:10000;pointer-events:none;\"\n               \"background:rgba(99,102,241,0.8);color:#fff;padding:6px 14px;\"\n               \"border-radius:8px;font-size:12px;font-weight:500;\"\n               \"box-shadow:0 4px 20px rgba(0,0,0,0.4);\"\n               \"left:\" (- x 40) \"px;\"\n               \"top:\" (- y 20) \"px;\"))\n    (.appendChild js/document.body ghost)\n    ghost))\n\n(defn start-pending!\n  \"Begin long-press detection on a header touchstart.\"\n  [tile-id entity-id touch-event on-activate]\n  (let [touch (aget (.-changedTouches touch-event) 0)\n        x (.-clientX touch)\n        y (.-clientY touch)\n        timer (js/setTimeout\n                (fn []\n                  ;; Long-press triggered \u2014 activate drag\n                  (let [ghost (create-ghost! x y)]\n                    (reset! touch-state {:tile-id tile-id\n                                         :entity-id entity-id\n                                         :ghost-el ghost\n                                         :active? true})\n                    (reset! pending nil)\n                    ;; Clear any text selection\n                    (when-let [sel (js/window.getSelection)]\n                      (.removeAllRanges sel))\n                    ;; Vibrate for haptic feedback if available\n                    (when (.-vibrate js/navigator)\n                      (.vibrate js/navigator 30))\n                    (when on-activate (on-activate))))\n                long-press-ms)]\n    (reset! pending {:timer-id timer\n                     :start-x x\n                     :start-y y\n                     :tile-id tile-id\n                     :entity-id entity-id})))\n\n(defn cancel-pending!\n  \"Cancel a pending long-press.\"\n  []\n  (when-let [p @pending]\n    (js/clearTimeout (:timer-id p))\n    (reset! pending nil)))\n\n(defn check-move-cancel!\n  \"Cancel long-press if finger moved too far.\"\n  [touch-event]\n  (when-let [p @pending]\n    (let [touch (aget (.-changedTouches touch-event) 0)\n          dx (- (.-clientX touch) (:start-x p))\n          dy (- (.-clientY touch) (:start-y p))]\n      (when (> (js/Math.sqrt (+ (* dx dx) (* dy dy))) move-tolerance)\n        (cancel-pending!)))))\n\n(defn- find-tile-element\n  \"Find the closest .iris-entity-tile ancestor from the element at point.\"\n  [x y]\n  (when-let [el (js/document.elementFromPoint x y)]\n    (.closest el \".iris-entity-tile\")))\n\n(defn- calculate-half-xy\n  \"Determine which half of an element a point is closest to.\"\n  [x y el]\n  (let [rect (.getBoundingClientRect el)\n        cx (+ (.-left rect) (/ (.-width rect) 2))\n        cy (+ (.-top rect) (/ (.-height rect) 2))\n        dx (- x cx)\n        dy (- y cy)]\n    (if (> (js/Math.abs dx) (js/Math.abs dy))\n      (if (neg? dx) :left :right)\n      (if (neg? dy) :top :bottom))))\n\n(defn move-drag!\n  \"Update ghost position and find tile under finger.\"\n  [touch-event]\n  (when-let [state @touch-state]\n    (let [touch (aget (.-changedTouches touch-event) 0)\n          x (.-clientX touch)\n          y (.-clientY touch)\n          ghost (:ghost-el state)]\n      ;; Move ghost\n      (when ghost\n        (set! (.-left (.-style ghost)) (str (- x 40) \"px\"))\n        (set! (.-top (.-style ghost)) (str (- y 20) \"px\")))\n      ;; Hide ghost briefly to find element underneath\n      (when ghost (set! (.-display (.-style ghost)) \"none\"))\n      (let [el-under (js/document.elementFromPoint x y)\n            nav-el (when el-under (.closest el-under \".iris-nav-edge\"))\n            tile-el (find-tile-element x y)]\n        (when ghost (set! (.-display (.-style ghost)) \"\"))\n        (if nav-el\n          (let [dir (cond\n                      (.contains (.-classList nav-el) \"iris-nav-left\") :left\n                      (.contains (.-classList nav-el) \"iris-nav-right\") :right\n                      (.contains (.-classList nav-el) \"iris-nav-top\") :up\n                      (.contains (.-classList nav-el) \"iris-nav-bottom\") :down\n                      :else nil)]\n            (reset! nav-edge-target dir)\n            (reset! hover-target nil))\n          (do\n            (reset! nav-edge-target nil)\n            (if tile-el\n              (let [half (calculate-half-xy x y tile-el)\n                    tile-id (.getAttribute tile-el \"data-tile-id\")]\n                (reset! hover-target {:tile-el tile-el :tile-id tile-id :half half}))\n              (reset! hover-target nil))))))))\n\n(defn end-drag!\n  \"End touch drag \u2014 return the drop target info and clean up.\"\n  []\n  (let [state @touch-state\n        target @hover-target]\n    ;; Clean up ghost\n    (when-let [ghost (:ghost-el state)]\n      (.remove ghost))\n    (reset! touch-state nil)\n    (reset! hover-target nil)\n    (reset! nav-edge-target nil)\n    ;; Return drop info\n    (when (and state target)\n      {:source-tile-id (:tile-id state)\n       :source-entity-id (:entity-id state)\n       :target-tile-id (:tile-id target)\n       :half (:half target)})))\n\n;; Global touch listeners (attached once)\n(defonce _touch-listeners\n  (do\n    (.addEventListener js/document \"touchmove\"\n      (fn [e]\n        (cond\n          ;; Active drag \u2014 move ghost and find target\n          (dragging?)\n          (do (.preventDefault e)\n              (move-drag! e))\n          ;; Pending long-press \u2014 check if moved too far\n          (pending?)\n          (check-move-cancel! e)))\n      #js {:passive false})\n    (.addEventListener js/document \"touchend\"\n      (fn [_e]\n        ;; Cancel pending long-press on lift\n        (cancel-pending!)\n        ;; Safety cleanup for active drag (individual tiles handle the drop)\n        ;; Also remove any orphaned ghost elements\n        (when (dragging?)\n          (js/setTimeout #(when (dragging?) (end-drag!)) 100))\n        ;; Belt-and-suspenders: remove any leftover ghost elements\n        (js/setTimeout\n          (fn []\n            (doseq [ghost (array-seq (.querySelectorAll js/document \".iris-touch-drag-ghost\"))]\n              (when-not (dragging?)\n                (.remove ghost))))\n          300))\n      #js {:passive true})\n    ;; Prevent context menu during long-press / active drag\n    (.addEventListener js/document \"contextmenu\"\n      (fn [e]\n        (when (or (pending?) (dragging?))\n          (.preventDefault e)))\n      #js {:passive false})\n    (.addEventListener js/document \"touchcancel\"\n      (fn [_e]\n        (cancel-pending!)\n        (when (dragging?) (end-drag!))\n        ;; Remove any orphaned ghost elements\n        (js/setTimeout\n          (fn []\n            (doseq [ghost (array-seq (.querySelectorAll js/document \".iris-touch-drag-ghost\"))]\n              (.remove ghost)))\n          100))\n      #js {:passive true})\n    true))\n"]}