@fc3/mmcadi 0.1.50 → 0.1.52

package/dist/client.js

@@ -968,18 +968,18 @@
     "node_modules/@fc3/time/dist/src/enum/time-interval.js"(exports) {
       "use strict";
       Object.defineProperty(exports, "__esModule", { value: true });
-      var TimeInterval2;
-      (function(TimeInterval3) {
-        TimeInterval3[TimeInterval3["ONE_FRAME"] = 16] = "ONE_FRAME";
-        TimeInterval3[TimeInterval3["ONE_SECOND"] = 1e3] = "ONE_SECOND";
-        TimeInterval3[TimeInterval3["ONE_MINUTE"] = 6e4] = "ONE_MINUTE";
-        TimeInterval3[TimeInterval3["ONE_HOUR"] = 36e5] = "ONE_HOUR";
-        TimeInterval3[TimeInterval3["ONE_DAY"] = 864e5] = "ONE_DAY";
-        TimeInterval3[TimeInterval3["ONE_WEEK"] = 6048e5] = "ONE_WEEK";
-        TimeInterval3[TimeInterval3["ONE_MONTH"] = 2592e6] = "ONE_MONTH";
-        TimeInterval3[TimeInterval3["ONE_YEAR"] = 31536e6] = "ONE_YEAR";
-      })(TimeInterval2 || (TimeInterval2 = {}));
-      exports.default = TimeInterval2;
+      var TimeInterval3;
+      (function(TimeInterval4) {
+        TimeInterval4[TimeInterval4["ONE_FRAME"] = 16] = "ONE_FRAME";
+        TimeInterval4[TimeInterval4["ONE_SECOND"] = 1e3] = "ONE_SECOND";
+        TimeInterval4[TimeInterval4["ONE_MINUTE"] = 6e4] = "ONE_MINUTE";
+        TimeInterval4[TimeInterval4["ONE_HOUR"] = 36e5] = "ONE_HOUR";
+        TimeInterval4[TimeInterval4["ONE_DAY"] = 864e5] = "ONE_DAY";
+        TimeInterval4[TimeInterval4["ONE_WEEK"] = 6048e5] = "ONE_WEEK";
+        TimeInterval4[TimeInterval4["ONE_MONTH"] = 2592e6] = "ONE_MONTH";
+        TimeInterval4[TimeInterval4["ONE_YEAR"] = 31536e6] = "ONE_YEAR";
+      })(TimeInterval3 || (TimeInterval3 = {}));
+      exports.default = TimeInterval3;
     }
   });
 
@@ -2180,7 +2180,7 @@
   // src/client/page/cursor.ts
   var import_errors9 = __toESM(require_src2());
   var import_array = __toESM(require_src3());
-  var import_time = __toESM(require_src6());
+  var import_time2 = __toESM(require_src6());
 
   // src/client/utility/get-meta-value.ts
   var import_errors5 = __toESM(require_src2());
@@ -2243,6 +2243,7 @@
   var media_ready_state_default = MediaReadyState;
 
   // src/client/helper/interaction.ts
+  var import_time = __toESM(require_src6());
   var import_errors8 = __toESM(require_src2());
 
   // src/enum/action-type.ts
@@ -2262,111 +2263,6 @@
   })(ActionType || {});
   var action_type_default = ActionType;
 
-  // src/enum/emoji.ts
-  var Emoji = /* @__PURE__ */ ((Emoji2) => {
-    Emoji2["USER_PORTRAIT"] = "\u{1F464}";
-    Emoji2["WARNING_SIGN"] = "\u26A0\uFE0F";
-    Emoji2["BAR_CHART"] = "\u{1F4CA}";
-    Emoji2["FOLDER"] = "\u{1F5C2}\uFE0F";
-    Emoji2["FILE"] = "\u{1F4C4}";
-    Emoji2["HOUSE"] = "\u{1F3E0}";
-    Emoji2["NONE"] = "\u{1F6AB}";
-    Emoji2["WHITE_SQUARE"] = "\u2B1C";
-    Emoji2["GRID_GLOBE"] = "\u{1F310}";
-    Emoji2["SATELLITE_DISH"] = "\u{1F4E1}";
-    Emoji2["COMPLETED_CHECKMARK"] = "\u2705";
-    Emoji2["RED_X"] = "\u274C";
-    Emoji2["CLOCK"] = "\u{1F552}";
-    Emoji2["SUNSHINE"] = "\u{1F506}";
-    Emoji2["ALARM_CLOCK"] = "\u23F0";
-    Emoji2["MAGNIFYING_GLASS"] = "\u{1F50E}";
-    Emoji2["MAGIC_WAND"] = "\u{1FA84}";
-    Emoji2["CALENDAR"] = "\u{1F4C5}";
-    Emoji2["LOCKED"] = "\u{1F512}";
-    Emoji2["UNLOCKED"] = "\u{1F513}";
-    Emoji2["NORTHWEST_ARROW"] = "\u2196\uFE0F";
-    Emoji2["RIGHT_ARROW"] = "\u27A1\uFE0F";
-    Emoji2["LEFT_ARROW"] = "\u2B05\uFE0F";
-    Emoji2["UP_ARROW"] = "\u2B06\uFE0F";
-    Emoji2["UP_DOWN_ARROW"] = "\u2195\uFE0F";
-    Emoji2["LEFT_ARROW_UNICODE"] = "\u25C4";
-    Emoji2["UP_ARROW_UNICODE"] = "\u25B2";
-    Emoji2["RIGHT_ARROW_UNICODE"] = "\u25BA";
-    Emoji2["DOWN_ARROW_UNICODE"] = "\u25BC";
-    Emoji2["BRICK"] = "\u{1F9F1}";
-    Emoji2["RULER"] = "\u{1F4D0}";
-    Emoji2["SWORD"] = "\u{1F5E1}\uFE0F";
-    Emoji2["PEACE_SIGN"] = "\u270C\uFE0F";
-    Emoji2["SIGN"] = "\u{1FAA7}";
-    Emoji2["CONSTRUCTION"] = "\u{1F3D7}\uFE0F";
-    Emoji2["CAMERA"] = "\u{1F4F7}";
-    Emoji2["MOVIE_CAMERA"] = "\u{1F3A5}";
-    Emoji2["PAINTING"] = "\u{1F5BC}\uFE0F";
-    Emoji2["PALETTE"] = "\u{1F3A8}";
-    Emoji2["MICROPHONE"] = "\u{1F399}\uFE0F";
-    Emoji2["NOTEPAD"] = "\u{1F4DD}";
-    Emoji2["GEAR"] = "\u2699\uFE0F";
-    Emoji2["REPEAT"] = "\u{1F501}";
-    Emoji2["SNOWMAN"] = "\u2603\uFE0F";
-    Emoji2["SNOWFLAKE"] = "\u2744\uFE0F";
-    Emoji2["SNOW_CLOUD"] = "\u{1F328}\uFE0F";
-    Emoji2["SCARF"] = "\u{1F9E3}";
-    Emoji2["GLOVES"] = "\u{1F9E4}";
-    Emoji2["CANDLE"] = "\u{1F56F}\uFE0F";
-    Emoji2["CHRISTMAS_TREE"] = "\u{1F384}";
-    Emoji2["SOCKS"] = "\u{1F9E6}";
-    Emoji2["COLD_FACE"] = "\u{1F976}";
-    Emoji2["EYE"] = "\u{1F441}\uFE0F";
-    Emoji2["CHAINS"] = "\u26D3\uFE0F";
-    Emoji2["SPEAKER"] = "\u{1F50A}";
-    Emoji2["COMPACT_DISK"] = "\u{1F4BF}";
-    Emoji2["SEEDLING"] = "\u{1F331}";
-    Emoji2["TULIP"] = "\u{1F337}";
-    Emoji2["BEE"] = "\u{1F41D}";
-    Emoji2["HATCHING_CHICK"] = "\u{1F423}";
-    Emoji2["NEST_WITH_EGGS"] = "\u{1FABA}";
-    Emoji2["BLOSSOM"] = "\u{1F33C}";
-    Emoji2["UMBRELLA"] = "\u2614";
-    Emoji2["RAINBOW"] = "\u{1F308}";
-    Emoji2["PICNIC_BASKET"] = "\u{1F9FA}";
-    Emoji2["SUN_WITH_FACE"] = "\u{1F31E}";
-    Emoji2["BEACH_UMBRELLA"] = "\u{1F3D6}\uFE0F";
-    Emoji2["WATERMELON"] = "\u{1F349}";
-    Emoji2["SUNGLASSES"] = "\u{1F576}\uFE0F";
-    Emoji2["ICE_CREAM"] = "\u{1F366}";
-    Emoji2["SUNFLOWER"] = "\u{1F33B}";
-    Emoji2["CAMPING"] = "\u{1F3D5}\uFE0F";
-    Emoji2["JUICE_BOX"] = "\u{1F9C3}";
-    Emoji2["PARASOL"] = "\u26F1\uFE0F";
-    Emoji2["MAPLE_LEAF"] = "\u{1F341}";
-    Emoji2["FALLEN_LEAF"] = "\u{1F342}";
-    Emoji2["TURKEY"] = "\u{1F983}";
-    Emoji2["JACK_O_LANTERN"] = "\u{1F383}";
-    Emoji2["PIE"] = "\u{1F967}";
-    Emoji2["LOG"] = "\u{1FAB5}";
-    Emoji2["SPIDER_WEB"] = "\u{1F578}\uFE0F";
-    Emoji2["BACKPACK"] = "\u{1F392}";
-    Emoji2["CHESTNUT"] = "\u{1F330}";
-    Emoji2["PLACARD"] = "\u{1FAA7}";
-    Emoji2["RECEIPT"] = "\u{1F9FE}";
-    Emoji2["DOCUMENT"] = "\u{1F4C4}";
-    Emoji2["SPARKLES"] = "\u2728";
-    Emoji2["BOOKS"] = "\u{1F4DA}";
-    Emoji2["SHOPPING_BAGS"] = "\u{1F6CD}\uFE0F";
-    Emoji2["LINK"] = "\u{1F517}";
-    Emoji2["GREEN_ASTERISK"] = "\u2733\uFE0F";
-    Emoji2["RADIO_BUTTON"] = "\u{1F518}";
-    Emoji2["WINDOW"] = "\u{1FA9F}";
-    Emoji2["MUSIC_NOTES"] = "\u{1F3B6}";
-    Emoji2["INVISIBLE_FACE"] = "\u{1FAE5}";
-    Emoji2["PLUS_SIGN"] = "\u2795";
-    Emoji2["JOKER"] = "\u{1F0CF}";
-    Emoji2["PLAY"] = "\u25B6\uFE0F";
-    Emoji2["PAUSE"] = "\u23F8\uFE0F";
-    return Emoji2;
-  })(Emoji || {});
-  var emoji_default = Emoji;
-
   // src/client/utility/get-index-path-for-element.ts
   var import_errors7 = __toESM(require_src2());
   function getIndexPathForElement(element) {
@@ -2383,594 +2279,351 @@
   // src/client/helper/interaction.ts
   var InteractionHelper = class {
     constructor() {
-      this.drag_active = false;
-      this.drag_origin_block = null;
-      this.drag_placeholder = null;
-      this.drag_ghost = null;
-      this.drag_start_y = null;
-      this.drag_pointer_offset_y = null;
-      this.drag_press_timer = null;
-      this.swipe_active = false;
-      this.swipe_block = null;
-      this.swipe_start_x = null;
-      this.swipe_start_y = null;
-      this.swipe_content = null;
-      this.swipe_menu_width = 0;
-      this.open_swipe_block = null;
-      this.open_swipe_content = null;
+      this.drag_start_coordinate = null;
+      this.drag_delay_timer = null;
     }
     attach() {
-      document.addEventListener("mousedown", (event) => {
-        this.onPressStart(event);
-      }, true);
-      document.addEventListener("touchstart", (event) => {
-        this.onPressStart(event);
-      }, { capture: true, passive: false });
-      document.addEventListener("mousemove", (event) => {
-        this.onPointerMove(event);
-      }, true);
-      document.addEventListener("touchmove", (event) => {
-        this.onPointerMove(event);
+      document.addEventListener("pointerdown", (event) => {
+        this.handlePointerDown(event);
+      }, { capture: true });
+      document.addEventListener("pointermove", (event) => {
+        this.handlePointerMove(event);
       }, { capture: true, passive: false });
-      document.addEventListener("mouseup", (event) => {
-        this.onPressEnd(event);
-      }, true);
-      document.addEventListener("touchend", (event) => {
-        this.onPressEnd(event);
-      }, true);
-      document.addEventListener("touchstart", (event) => {
-        this.onGlobalTouchStart(event);
-      }, { capture: true, passive: true });
+      document.addEventListener("pointerup", (event) => {
+        this.handlePointerUp(event);
+      }, { capture: true });
+      document.addEventListener("pointercancel", (event) => {
+        this.handlePointerCancel(event);
+      }, { capture: true });
       document.addEventListener("dragstart", (event) => {
-        this.onNativeDragStart(event);
-      }, true);
+        this.handleNativeDragStart(event);
+      }, { capture: true });
     }
     isDragging() {
-      return this.drag_active;
-    }
-    getBlockElements() {
-      const elements = document.querySelectorAll("section.block");
-      return Array.from(elements);
+      const elements = Array.from(document.querySelectorAll(".dragging"));
+      return elements.length > 0;
     }
-    getSiblingBlocks(container, exclude) {
-      const children = Array.from(container.children);
-      return children.filter((element) => {
-        if (element === exclude) {
-          return false;
-        }
-        return element.classList.contains("block");
-      });
-    }
-    onPressStart(event) {
-      const target = event.target;
+    handlePointerDown(event) {
+      const { target } = event;
       if (target === null) {
         return;
       }
-      if (target.closest("button, input, textarea, select, label, form")) {
-        return;
+      const target_element = target;
+      let current_element = target_element;
+      while (current_element) {
+        const attribute = current_element.getAttribute("data-role");
+        if (attribute === "block_activation") {
+          break;
+        }
+        if (current_element instanceof HTMLAnchorElement) {
+          return;
+        }
+        current_element = current_element.parentNode;
+        if (!(current_element instanceof HTMLElement)) {
+          break;
+        }
       }
-      const block = target.closest("section.block");
+      const block = target_element.closest("section.block");
       if (block === null) {
         return;
       }
-      if (event instanceof MouseEvent) {
-        const anchor = target.closest("a[href]");
-        if (anchor) {
-          event.preventDefault();
-        }
+      if (target_element.closest("button, input, textarea, select, label, form")) {
+        return;
       }
-      const touch_event = event;
-      const is_touch = touch_event.type === "touchstart";
-      const point = this.getEventPoint(event);
-      if (point === null) {
+      const coordinate = this.getEventCoordinate(event);
+      if (coordinate === null) {
         return;
       }
-      this.drag_origin_block = block;
-      this.drag_start_y = point.clientY;
-      if (is_touch) {
-        this.swipe_block = block;
-        this.swipe_start_x = point.clientX;
-        this.swipe_start_y = point.clientY;
+      this.drag_start_coordinate = coordinate;
+      block.classList.add("drag-candidate");
+      this.scheduleDelayedDrag();
+    }
+    scheduleDelayedDrag() {
+      this.cancelDelayedDrag();
+      const delay = import_time.TimeInterval.ONE_SECOND;
+      this.drag_delay_timer = setTimeout(this.beginDelayedDrag.bind(this), delay);
+    }
+    cancelDelayedDrag() {
+      if (this.drag_delay_timer !== null) {
+        clearTimeout(this.drag_delay_timer);
       }
-      const threshold_ms = is_touch ? 350 : 200;
-      this.clearPressTimer();
-      this.drag_press_timer = window.setTimeout(() => {
-        this.beginDrag(point.clientY);
-      }, threshold_ms);
     }
-    onNativeDragStart(event) {
+    removeClassFromAllElements(class_name) {
+      const raw_elements = document.querySelectorAll(`.${class_name}`);
+      const elements = Array.from(raw_elements);
+      elements.forEach((element) => {
+        element.classList.remove(class_name);
+      });
+      return elements;
+    }
+    beginDelayedDrag() {
+      const raw_candidates = document.querySelectorAll(".drag-candidate");
+      const candidates = Array.from(raw_candidates);
+      candidates.forEach((candidate) => {
+        const ghost = candidate.cloneNode(true);
+        const index_path = get_index_path_for_element_default(candidate);
+        ghost.classList.add("ghost");
+        ghost.setAttribute("data-for", index_path);
+        candidate.classList.remove("drag-candidate");
+        const { parentNode } = candidate;
+        if (parentNode === null) {
+          throw new import_errors8.InvariantViolation(`
+					Expected drag candidate to be located in a parent, but it was null
+				`);
+        }
+        const rect = candidate.getBoundingClientRect();
+        Object.assign(candidate.style, {
+          top: `${rect.top}px`,
+          left: `${rect.left}px`,
+          width: `${rect.width}px`,
+          height: `${rect.height}px`
+        });
+        candidate.setAttribute("data-drag-start-x", rect.left.toString());
+        candidate.setAttribute("data-drag-start-y", rect.top.toString());
+        candidate.classList.add("dragging");
+        parentNode.insertBefore(ghost, candidate);
+      });
+    }
+    handleNativeDragStart(event) {
       const target = event.target;
       if (!target) {
         return;
       }
-      if (target.closest("section.block")) {
+      const closest_block = target.closest("section.block");
+      if (closest_block !== null) {
         event.preventDefault();
       }
     }
-    onPointerMove(event) {
-      const point = this.getEventPoint(event);
-      if (point === null) {
+    handlePointerMove(event) {
+      const current_coordinate = this.getEventCoordinate(event);
+      const start_coordinate = this.getDragStartCoordinate();
+      if (start_coordinate === null || current_coordinate === null) {
         return;
       }
-      const touch_event = event;
-      const { touches } = touch_event;
-      const is_touch = touches !== void 0;
-      if (is_touch && this.swipe_block) {
-        if (this.swipe_start_x === null || this.swipe_start_y === null) {
-          throw new import_errors8.InvariantViolation("Swipe start coordinates were not initialized");
-        }
-        const start_x = this.swipe_start_x;
-        const start_y = this.swipe_start_y;
-        const delta_x = point.clientX - start_x;
-        const delta_y = point.clientY - start_y;
-        if (!this.swipe_active) {
-          const abs_x = Math.abs(delta_x);
-          const abs_y = Math.abs(delta_y);
-          if (abs_x > 12 && abs_x > abs_y) {
-            this.clearPressTimer();
-            this.closeOpenSwipeMenu(this.swipe_block);
-            this.swipe_active = true;
-            this.beginSwipe(this.swipe_block);
+      const { target } = event;
+      if (target !== null) {
+        const target_element = target;
+        const block = target_element.closest("section.block");
+        if (block) {
+          if (!block.classList.contains("dragging")) {
+            block.classList.add("drag-candidate");
           }
         }
-        if (this.swipe_active) {
-          event.preventDefault();
-          const content_element = this.swipe_content;
-          const menu_width = this.swipe_menu_width;
-          const translate_x = Math.max(-menu_width, Math.min(0, delta_x));
-          content_element.style.transition = "";
-          content_element.style.transform = `translateX(${translate_x}px)`;
-          return;
-        }
       }
-      if (!this.drag_active && this.drag_origin_block && this.drag_start_y !== null) {
-        const delta_y = Math.abs(point.clientY - this.drag_start_y);
-        if (delta_y > 8 && this.drag_press_timer !== null) {
-          this.beginDrag(point.clientY);
-        }
+      const { x: start_x, y: start_y } = start_coordinate;
+      const { x: current_x, y: current_y } = current_coordinate;
+      const distance = Math.hypot(current_x - start_x, current_y - start_y);
+      if (distance > 25) {
+        this.removeClassFromAllElements("drag-candidate");
       }
-      if (!this.drag_active) {
-        return;
+      this.scheduleDelayedDrag();
+      const raw_targets = document.querySelectorAll(".dragging");
+      const drag_target_blocks = Array.from(raw_targets);
+      drag_target_blocks.forEach((target_block) => {
+        this.translateDragTargetBlock(target_block, current_coordinate);
+      });
+      if (drag_target_blocks.length > 0) {
+        event.preventDefault();
       }
-      event.preventDefault();
-      const origin = this.drag_origin_block;
-      let container = null;
-      if (this.drag_placeholder !== null) {
-        container = this.drag_placeholder.parentElement;
+    }
+    translateDragTargetBlock(block, current_coordinate) {
+      const x_attribute = block.getAttribute("data-drag-start-x");
+      const y_attribute = block.getAttribute("data-drag-start-y");
+      if (x_attribute === null || y_attribute === null) {
+        throw new import_errors8.InvariantViolation(`
+				Drag coordinate attributes were invalid:
+				x: ${x_attribute}
+				y: ${y_attribute}
+			`);
       }
-      if (container === null && origin !== null) {
-        container = origin.parentElement;
+      const parsed_x = parseInt(x_attribute);
+      const parsed_y = parseInt(y_attribute);
+      if (isNaN(parsed_x) || isNaN(parsed_y)) {
+        throw new import_errors8.InvariantViolation(`
+				Drag coordinate attributes were invalid:
+				x: ${x_attribute}
+				y: ${y_attribute}
+			`);
       }
-      if (container === null) {
-        return;
+      const start_coordinate = this.getDragStartCoordinate();
+      if (start_coordinate === null) {
+        throw new import_errors8.InvariantViolation(`
+				Tried to translate drag target, but drag start coordinate was null
+			`);
       }
-      const blocks_before = this.getSiblingBlocks(container, origin);
-      const preceding_rects = /* @__PURE__ */ new Map();
-      blocks_before.forEach((element) => {
-        const rect = element.getBoundingClientRect();
-        preceding_rects.set(element, rect);
-      });
-      this.updatePlaceholderPosition(point.clientY);
-      if (this.drag_ghost && this.drag_pointer_offset_y !== null) {
-        const top_position = point.clientY - this.drag_pointer_offset_y;
-        this.drag_ghost.style.top = `${top_position}px`;
-      }
-      const blocks_after = this.getSiblingBlocks(container, origin);
-      this.animateWithFlip(preceding_rects, blocks_after);
-    }
-    onPressEnd(event) {
-      this.clearPressTimer();
-      if (this.swipe_active) {
-        const content = this.swipe_content;
-        const style = window.getComputedStyle(content);
-        let current_x = 0;
-        try {
-          const css_matrix = new WebKitCSSMatrix(style.transform);
-          current_x = css_matrix.m41;
-        } catch {
-          const translate_match = style.transform.match(/translateX\(([-0-9.]+)px\)/);
-          if (translate_match) {
-            current_x = parseFloat(translate_match[1]);
+      const { x: start_x, y: start_y } = start_coordinate;
+      const { x: current_x, y: current_y } = current_coordinate;
+      const x_delta = current_x - start_x;
+      const y_delta = current_y - start_y;
+      const new_x = parsed_x + x_delta;
+      const new_y = parsed_y + y_delta;
+      block.style.left = `${new_x}px`;
+      block.style.top = `${new_y}px`;
+      const block_rect = block.getBoundingClientRect();
+      const previous_block = this.getPreviousBlock(block);
+      const next_block = this.getNextBlock(block);
+      const ghost = this.getGhostForBlock(block);
+      let swapped = false;
+      if (previous_block !== null) {
+        const previous_rect = previous_block.getBoundingClientRect();
+        const previous_block_y_threshold = previous_rect.top + previous_rect.height * 0.4;
+        if (block_rect.top < previous_block_y_threshold) {
+          swapped = true;
+          const next_sibling = ghost.nextElementSibling;
+          previous_block.replaceWith(ghost);
+          if (next_sibling) {
+            next_sibling.before(previous_block);
           }
         }
-        const width = this.swipe_menu_width;
-        const open = Math.abs(current_x) > width / 2;
-        content.style.transition = "transform 150ms ease";
-        content.style.transform = open ? `translateX(${-width}px)` : "translateX(0)";
-        if (!open) {
-          this.teardownSwipe();
-        }
-        if (open) {
-          this.open_swipe_block = this.swipe_block;
-          this.open_swipe_content = content;
-        }
-        this.swipe_active = false;
-        return;
-      }
-      if (!this.drag_active) {
-        this.resetDragState();
-        return;
       }
-      event.preventDefault();
-      const origin = this.drag_origin_block;
-      const placeholder = this.drag_placeholder;
-      const source_index_path = get_index_path_for_element_default(origin);
-      const target_index_path = this.computeTargetIndexPath(placeholder);
-      this.cleanupDragElements();
-      if (target_index_path === null || target_index_path === source_index_path) {
-        this.resetDragState();
-        return;
-      }
-      const editing = new URL(window.location.href).searchParams.get("editing") === "true";
-      this.postReposition(source_index_path, target_index_path, editing).then((new_index_path) => {
-        if (new_index_path) {
-          const url = new URL(window.location.href);
-          url.searchParams.set("index_path", new_index_path);
-          history.replaceState({}, "", url.toString());
+      if (next_block !== null && swapped === false) {
+        const next_rect = next_block.getBoundingClientRect();
+        const next_block_y_threshold = next_rect.top + next_rect.height * 0.6;
+        if (block_rect.bottom > next_block_y_threshold) {
+          const next_sibling = ghost.nextElementSibling === next_block ? ghost : ghost.nextElementSibling;
+          next_block.replaceWith(ghost);
+          if (next_sibling) {
+            next_sibling.before(next_block);
+          }
         }
-        const blocks = this.getBlockElements();
-        blocks.forEach((element) => {
-          element.classList.remove("selected");
-        });
-        origin.classList.add("selected");
-        this.updateTopLevelIndexPaths();
-      }).finally(() => {
-        this.resetDragState();
-      });
-    }
-    beginSwipe(block) {
-      const result = this.ensureSwipeUI(block);
-      const target = result.target;
-      const menu = result.menu;
-      const menu_width = result.menu_width;
-      this.swipe_content = target;
-      this.swipe_menu_width = menu_width;
-      if (menu) {
-        menu.style.display = "flex";
-        menu.style.opacity = "1";
       }
     }
-    closeOpenSwipeMenu(except) {
-      if (!this.open_swipe_content) {
-        return;
-      }
-      if (except && this.open_swipe_block === except) {
-        return;
+    getGhostForBlock(block) {
+      const index_path = get_index_path_for_element_default(block);
+      const ghost = document.querySelector(`[data-for="${index_path}"]`);
+      if (ghost === null) {
+        throw new import_errors8.InvariantViolation(`
+				Unable to find ghost for block with index path ${index_path}
+			`);
       }
-      const content = this.open_swipe_content;
-      content.style.transition = "transform 150ms ease";
-      content.style.transform = "translateX(0)";
-      const clear_callback = () => {
-        content.removeEventListener("transitionend", clear_callback);
-        if (this.open_swipe_block) {
-          const menu_element = this.getSwipeMenuFor(this.open_swipe_block);
-          if (menu_element && menu_element.parentElement) {
-            menu_element.parentElement.removeChild(menu_element);
-          }
-        }
-        this.open_swipe_block = null;
-        this.open_swipe_content = null;
-      };
-      content.addEventListener("transitionend", clear_callback);
+      return ghost;
     }
-    teardownSwipe() {
-      if (!this.swipe_block || !this.swipe_content) {
-        this.resetSwipeState();
-        return;
+    getPreviousBlock(block) {
+      const parent_node = block.parentNode;
+      const siblings = Array.from(parent_node.children);
+      const ghost = this.getGhostForBlock(block);
+      let index = siblings.indexOf(ghost);
+      if (index === -1) {
+        throw new import_errors8.InvariantViolation("Unable to locate ghost within siblings");
       }
-      this.swipe_content.style.transition = "";
-      this.swipe_content.style.transform = "translateX(0)";
-      const menu = this.getSwipeMenuFor(this.swipe_block);
-      if (menu && menu.parentElement) {
-        menu.parentElement.removeChild(menu);
+      while (index--) {
+        const sibling = siblings[index];
+        if (sibling === block) {
+          continue;
+        }
+        const { classList } = sibling;
+        if (!classList.contains("block")) {
+          continue;
+        }
+        if (classList.contains("ghost")) {
+          continue;
+        }
+        return sibling;
       }
-      this.resetSwipeState();
+      return null;
     }
-    onGlobalTouchStart(event) {
-      if (!this.open_swipe_block || !this.open_swipe_content) {
-        return;
-      }
-      const target = event.target;
-      if (!target) {
-        return;
+    getNextBlock(block) {
+      const parent_node = block.parentNode;
+      const siblings = Array.from(parent_node.children);
+      const ghost = this.getGhostForBlock(block);
+      let index = siblings.indexOf(ghost);
+      if (index === -1) {
+        throw new import_errors8.InvariantViolation("Unable to locate ghost within siblings");
       }
-      const menu = this.getSwipeMenuFor(this.open_swipe_block);
-      const closest_block = target.closest("section.block");
-      const swipe_actions = target.closest(".swipe-actions");
-      if (closest_block === this.open_swipe_block || swipe_actions === menu) {
-        return;
+      while (index < siblings.length) {
+        index++;
+        const sibling = siblings[index];
+        if (sibling === block) {
+          continue;
+        }
+        const { classList } = sibling;
+        if (!classList.contains("block")) {
+          continue;
+        }
+        if (classList.contains("ghost")) {
+          continue;
+        }
+        return sibling;
       }
-      this.closeOpenSwipeMenu();
+      return null;
     }
-    getSwipeMenuFor(block) {
-      const wrapper = block.closest("main .section-wrapper");
-      if (!wrapper || !block.id) {
-        return null;
-      }
-      return wrapper.querySelector(`.swipe-actions[data-for="${block.id}"]`);
-    }
-    resetSwipeState() {
-      this.swipe_block = null;
-      this.swipe_start_x = null;
-      this.swipe_start_y = null;
-      this.swipe_content = null;
-      this.swipe_menu_width = 0;
-    }
-    ensureSwipeUI(block) {
-      const target = block;
-      target.style.willChange = "transform";
-      target.style.transform = "translateX(0)";
-      target.style.transition = "";
-      target.style.position = target.style.position || "relative";
-      target.style.zIndex = "1";
-      const wrapper = block.closest("main .section-wrapper");
-      let menu = null;
-      if (wrapper) {
-        if (getComputedStyle(wrapper).position === "static") {
-          wrapper.style.position = "relative";
-        }
-        let existing = wrapper.querySelector(`.swipe-actions[data-for="${block.id}"]`);
-        if (!existing) {
-          existing = document.createElement("div");
-          existing.className = "swipe-actions";
-          existing.setAttribute("data-for", block.id);
-          existing.style.position = "absolute";
-          existing.style.right = "0";
-          existing.style.display = "none";
-          existing.style.opacity = "0";
-          existing.style.gap = "8px";
-          existing.style.alignItems = "stretch";
-          existing.style.padding = "0 8px";
-          existing.style.background = "transparent";
-          existing.style.zIndex = "0";
-          const edit_button = document.createElement("button");
-          const delete_button = document.createElement("button");
-          const add_button = document.createElement("button");
-          edit_button.textContent = emoji_default.GEAR;
-          edit_button.setAttribute("aria-label", "Edit");
-          edit_button.style.background = "#f0ad4e";
-          edit_button.style.color = "#000";
-          edit_button.style.border = "none";
-          edit_button.style.padding = "0";
-          edit_button.style.fontSize = "20px";
-          edit_button.style.width = "48px";
-          edit_button.style.minWidth = "48px";
-          edit_button.style.display = "flex";
-          edit_button.style.alignItems = "center";
-          edit_button.style.justifyContent = "center";
-          edit_button.style.cursor = "pointer";
-          delete_button.textContent = emoji_default.RED_X;
-          delete_button.setAttribute("aria-label", "Delete");
-          delete_button.style.background = "#e74c3c";
-          delete_button.style.color = "#fff";
-          delete_button.style.border = "none";
-          delete_button.style.padding = "0";
-          delete_button.style.fontSize = "20px";
-          delete_button.style.width = "48px";
-          delete_button.style.minWidth = "48px";
-          delete_button.style.display = "flex";
-          delete_button.style.alignItems = "center";
-          delete_button.style.justifyContent = "center";
-          delete_button.style.cursor = "pointer";
-          add_button.textContent = emoji_default.PLUS_SIGN;
-          add_button.setAttribute("aria-label", "Add After");
-          add_button.style.background = "#27ae60";
-          add_button.style.color = "#fff";
-          add_button.style.border = "none";
-          add_button.style.padding = "0";
-          add_button.style.fontSize = "20px";
-          add_button.style.width = "48px";
-          add_button.style.minWidth = "48px";
-          add_button.style.display = "flex";
-          add_button.style.alignItems = "center";
-          add_button.style.justifyContent = "center";
-          add_button.style.cursor = "pointer";
-          existing.appendChild(edit_button);
-          existing.appendChild(delete_button);
-          existing.appendChild(add_button);
-          wrapper.appendChild(existing);
-          const edit_handler = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            this.navigateToBlockLink(block, "edit");
-          };
-          const delete_handler = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            this.navigateToBlockLink(block, "delete");
-          };
-          const add_handler = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            this.navigateToAddAfter(block);
-          };
-          existing.addEventListener("touchstart", (event) => {
-            event.stopPropagation();
-          });
-          existing.addEventListener("mousedown", (event) => {
-            event.stopPropagation();
-          });
-          edit_button.addEventListener("click", edit_handler);
-          edit_button.addEventListener("touchend", edit_handler);
-          delete_button.addEventListener("click", delete_handler);
-          delete_button.addEventListener("touchend", delete_handler);
-          add_button.addEventListener("click", add_handler);
-          add_button.addEventListener("touchend", add_handler);
-        }
-        menu = existing;
-        const top = block.offsetTop;
-        const height = block.offsetHeight;
-        menu.style.top = `${top}px`;
-        menu.style.height = `${height}px`;
-      }
-      let menu_width = 160;
-      if (menu) {
-        const prevDisplay = menu.style.display;
-        const prevOpacity = menu.style.opacity;
-        menu.style.display = "flex";
-        menu.style.opacity = "0";
-        menu_width = menu.offsetWidth || 160;
-        menu.style.display = prevDisplay;
-        menu.style.opacity = prevOpacity;
-      }
-      this.enforceTimeVisibility(block);
-      return {
-        target,
-        menu,
-        menu_width
-      };
+    handlePointerUp(event) {
+      this.stopDragging();
     }
-    navigateToAddAfter(block) {
-      const current = get_index_path_for_element_default(block);
-      const parts = current.split(".").map((part) => {
-        return parseInt(part, 10);
-      });
-      const has_invalid_number = parts.some((value) => {
-        return isNaN(value);
+    handlePointerCancel(event) {
+      this.stopDragging();
+    }
+    stopDragging() {
+      this.showFullscreenBlockingOverlay();
+      this.stopDraggingAsync().then(() => {
+        this.hideFullscreenBlockingOverlay();
       });
-      if (parts.length === 0 || has_invalid_number) {
-        throw new import_errors8.InvariantViolation("Invalid index_path for Add After");
-      }
-      const last = parts.pop();
-      if (last === void 0) {
-        throw new import_errors8.InvariantViolation("Unable to compute next index for Add After");
-      }
-      parts.push(last + 1);
-      const index_path = parts.join(".");
-      const url = new URL(window.location.href);
-      const editing = url.searchParams.get("editing") === "true";
-      const path = window.location.pathname;
-      const actionUrl = new URL("/actions", window.location.origin);
-      actionUrl.searchParams.set("path", path);
-      actionUrl.searchParams.set("editing", String(editing));
-      actionUrl.searchParams.set("action_type", "add_block");
-      actionUrl.searchParams.set("index_path", index_path);
-      window.location.href = actionUrl.toString();
-    }
-    enforceTimeVisibility(block) {
-      const shows_time = block.classList.contains("with-time");
-      const time_element = block.querySelector(":scope time");
-      if (!time_element) {
-        return;
-      }
-      if (!shows_time) {
-        time_element.style.display = "none";
-      } else {
-        time_element.style.display = "";
-      }
     }
-    navigateToBlockLink(block, type) {
-      const block_id = block.id;
-      const link_id = `${block_id}-${type}`;
-      const link_element = document.getElementById(link_id);
-      if (!link_element) {
-        return;
-      }
-      const href = link_element.getAttribute("href");
-      if (href) {
-        window.location.href = href;
-      }
+    showFullscreenBlockingOverlay() {
     }
-    beginDrag(current_y) {
-      if (this.drag_active) {
-        return;
+    hideFullscreenBlockingOverlay() {
+    }
+    async stopDraggingAsync() {
+      this.cancelDelayedDrag();
+      this.removeClassFromAllElements("drag-candidate");
+      const dragging_elements = this.removeClassFromAllElements("dragging");
+      let index = 0;
+      while (index < dragging_elements.length) {
+        const element = dragging_elements[index++];
+        const ghost = this.getGhostForBlock(element);
+        const source_index_path = get_index_path_for_element_default(element);
+        const target_index_path = this.getIndexPathForGhost(ghost);
+        await this.submitReposition(source_index_path, target_index_path);
+        ghost.replaceWith(element);
+        Object.assign(element.style, {
+          left: "",
+          top: "",
+          right: "",
+          bottom: "",
+          width: "",
+          height: ""
+        });
       }
-      const block = this.drag_origin_block;
-      if (!block) {
-        return;
+    }
+    getIndexPathSafe(element) {
+      const is_block = element.classList.contains("block");
+      if (!is_block) {
+        return null;
       }
-      this.drag_active = true;
-      document.body.style.userSelect = "none";
-      document.body.style.cursor = "grabbing";
-      const rect = block.getBoundingClientRect();
-      const ghost = block.cloneNode(true);
-      ghost.style.position = "fixed";
-      ghost.style.top = `${rect.top}px`;
-      ghost.style.left = `${rect.left}px`;
-      ghost.style.width = `${rect.width}px`;
-      ghost.style.pointerEvents = "none";
-      ghost.style.opacity = "0.9";
-      ghost.style.boxShadow = "0 8px 16px rgba(0,0,0,0.2)";
-      ghost.style.zIndex = "9999";
-      document.body.appendChild(ghost);
-      this.drag_ghost = ghost;
-      this.drag_pointer_offset_y = current_y - rect.top;
-      const placeholder = document.createElement("div");
-      placeholder.style.height = `${rect.height}px`;
-      placeholder.style.margin = getComputedStyle(block).margin;
-      placeholder.style.border = "2px dashed #888";
-      placeholder.style.borderRadius = "4px";
-      placeholder.style.boxSizing = "border-box";
-      if (block.parentElement !== null) {
-        block.parentElement.insertBefore(placeholder, block);
-      }
-      this.drag_placeholder = placeholder;
-      block.style.display = "none";
-      this.updatePlaceholderPosition(current_y);
-    }
-    updatePlaceholderPosition(cursor_y) {
-      const placeholder = this.drag_placeholder;
-      const origin = this.drag_origin_block;
-      if (!placeholder || !origin) {
-        return;
+      const is_ghost = element.classList.contains("ghost");
+      if (is_ghost) {
+        return null;
       }
-      const container = placeholder.parentElement;
-      const blocks = this.getSiblingBlocks(container, origin);
-      let inserted = false;
-      for (let i = 0; i < blocks.length; i++) {
-        const element = blocks[i];
-        const rect = element.getBoundingClientRect();
-        const midpoint = rect.top + rect.height / 2;
-        if (cursor_y < midpoint) {
-          const parent = element.parentElement;
-          if (parent) {
-            parent.insertBefore(placeholder, element);
-          }
-          inserted = true;
-          break;
+      return get_index_path_for_element_default(element);
+    }
+    getIndexPathForGhost(ghost) {
+      let current_child = ghost;
+      while (current_child) {
+        const index_path = this.getIndexPathSafe(current_child);
+        if (index_path !== null) {
+          return index_path;
         }
+        current_child = current_child.nextElementSibling;
       }
-      if (!inserted) {
-        const last_element = blocks[blocks.length - 1];
-        if (last_element) {
-          const parent = last_element.parentElement;
-          if (parent) {
-            parent.appendChild(placeholder);
-          }
+      current_child = ghost;
+      while (current_child) {
+        const index_path = this.getIndexPathSafe(current_child);
+        if (index_path !== null) {
+          const index_major_version = parseInt(index_path);
+          const next_version = index_major_version + 1;
+          return next_version.toString();
         }
+        current_child = current_child.previousElementSibling;
       }
+      return "0";
     }
-    animateWithFlip(preceding_rects, blocks_after) {
-      blocks_after.forEach((element) => {
-        const first = preceding_rects.get(element);
-        if (!first) {
-          return;
-        }
-        const last_rect = element.getBoundingClientRect();
-        const delta_y = first.top - last_rect.top;
-        if (delta_y === 0) {
-          return;
-        }
-        element.style.transition = "";
-        element.style.transform = `translateY(${delta_y}px)`;
-        void element.getBoundingClientRect();
-        element.style.transition = "transform 120ms ease";
-        element.style.transform = "translateY(0)";
-        const cleanup = () => {
-          element.style.transition = "";
-          element.style.transform = "";
-          element.removeEventListener("transitionend", cleanup);
-        };
-        element.addEventListener("transitionend", cleanup);
-      });
-    }
-    async postReposition(source_index_path, target_index_path, editing) {
+    async submitReposition(source_index_path, target_index_path) {
       const form = new FormData();
       form.set("path", window.location.pathname);
       form.set("action_type", action_type_default.REPOSITION_BLOCK);
       form.set("source_index_path", source_index_path);
       form.set("target_index_path", target_index_path);
-      const response = await fetch(`/actions?editing=${editing}`, {
+      const response = await fetch(`/actions`, {
         method: "POST",
         body: form,
         credentials: "same-origin",
@@ -2983,91 +2636,15 @@
         return null;
       }
     }
-    computeTargetIndexPath(placeholder) {
-      if (!placeholder) {
-        return null;
-      }
-      const parent = placeholder.parentElement;
-      if (!parent) {
-        return null;
-      }
-      let index = 0;
-      const children_elements = Array.from(parent.children);
-      for (let i = 0; i < children_elements.length; i++) {
-        const child_element = children_elements[i];
-        if (child_element === placeholder) {
-          break;
-        }
-        if (child_element.classList.contains("block")) {
-          index += 1;
-        }
-      }
-      return index.toString();
-    }
-    updateTopLevelIndexPaths() {
-      const wrapper = document.querySelector("main .section-wrapper");
-      let blocks;
-      if (wrapper) {
-        const node_list = wrapper.querySelectorAll(":scope > section.block");
-        blocks = Array.from(node_list);
-      } else {
-        const node_list = document.querySelectorAll("main > section.block");
-        blocks = Array.from(node_list);
-      }
-      for (let i = 0; i < blocks.length; i++) {
-        blocks[i].setAttribute("data-index-path", i.toString());
-      }
-    }
-    cleanupDragElements() {
-      if (this.drag_ghost && this.drag_ghost.parentElement) {
-        this.drag_ghost.parentElement.removeChild(this.drag_ghost);
-      }
-      if (this.drag_placeholder && this.drag_placeholder.parentElement) {
-        if (this.drag_origin_block) {
-          this.drag_placeholder.parentElement.insertBefore(this.drag_origin_block, this.drag_placeholder);
-        }
-        this.drag_placeholder.parentElement.removeChild(this.drag_placeholder);
-      }
-      if (this.drag_origin_block) {
-        this.drag_origin_block.style.display = "";
-      }
-      this.drag_ghost = null;
-      this.drag_placeholder = null;
-      document.body.style.userSelect = "";
-      document.body.style.cursor = "";
-    }
-    resetDragState() {
-      this.cleanupDragElements();
-      this.drag_active = false;
-      this.drag_origin_block = null;
-      this.drag_start_y = null;
-      this.drag_pointer_offset_y = null;
-    }
-    clearPressTimer() {
-      if (this.drag_press_timer !== null) {
-        window.clearTimeout(this.drag_press_timer);
-        this.drag_press_timer = null;
-      }
-    }
-    getEventPoint(event) {
-      const touch_event = event;
-      const has_touches = touch_event.touches !== void 0;
-      if (has_touches) {
-        const primary_touch = touch_event.touches[0] || touch_event.changedTouches[0];
-        if (!primary_touch) {
-          return null;
-        }
-        return {
-          clientX: primary_touch.clientX,
-          clientY: primary_touch.clientY
-        };
-      }
-      const mouse_event = event;
+    getEventCoordinate(event) {
       return {
-        clientX: mouse_event.clientX,
-        clientY: mouse_event.clientY
+        x: event.clientX,
+        y: event.clientY
       };
     }
+    getDragStartCoordinate() {
+      return this.drag_start_coordinate;
+    }
   };
   var interaction_default = InteractionHelper;
 
@@ -3078,14 +2655,15 @@
       this.logged_in = false;
       this.queued_media = null;
       this.ready_media = [];
-      this.drag_helper = new interaction_default();
+      this.interaction_helper = new interaction_default();
     }
     initView() {
       this.focusCurrentBlockElement();
       const meta_value = get_meta_value_default("logged_in");
       this.logged_in = meta_value === "true";
       if (this.isLoggedIn()) {
-        this.drag_helper.attach();
+        const interaction_helper = this.getInteractionHelper();
+        interaction_helper.attach();
       }
     }
     initEvents() {
@@ -3104,10 +2682,8 @@
       });
     }
     handleGenericClick(event) {
-      if (this.drag_helper.isDragging()) {
-        return;
-      }
-      if (!this.hasActiveMedia()) {
+      const interaction_helper = this.getInteractionHelper();
+      if (interaction_helper.isDragging()) {
         return;
       }
       if (event.defaultPrevented) {
@@ -3124,17 +2700,37 @@
         return;
       }
       const target = event.target;
-      const anchor = target.closest("a[href]");
-      if (anchor === null) {
-        return;
+      const selector = '[data-role="block_activation"]';
+      const activator = (() => {
+        if (target.matches(selector)) {
+          return target;
+        }
+        if (!target.matches("section.block")) {
+          const ancestor_block = target.closest("section.block");
+          if (ancestor_block === null) {
+            return null;
+          }
+        }
+        return target.querySelector(selector) || target.closest(selector);
+      })();
+      if (activator !== null) {
+        const block = activator.closest("section.block");
+        if (block === null) {
+          throw new import_errors9.InvariantViolation(`
+					Unable to handle activator; no wrapping block was found
+				`);
+        }
+        return this.activateBlock(block);
       }
-      const url = new URL(anchor.href, window.location.href);
-      if (url.origin !== window.location.origin) {
-        return;
+      const anchor = target.closest("a[href]");
+      if (anchor !== null && this.hasActiveMedia()) {
+        const url = new URL(anchor.href, window.location.href);
+        if (url.origin === window.location.origin) {
+          const path = url.pathname + url.search + url.hash;
+          this.navigateToPath(path);
+          event.preventDefault();
+        }
       }
-      event.preventDefault();
-      const path = url.pathname + url.search + url.hash;
-      this.navigateToPath(path);
     }
     navigateToPath(path) {
       if (!this.hasActiveMedia()) {
@@ -3189,7 +2785,7 @@
       switch (key_code) {
         case key_code_default.ENTER:
         case key_code_default.O:
-          return this.activateBlock();
+          return this.activateCurrentBlock();
         case key_code_default.G:
           return this.performPageJump();
         case key_code_default.J:
@@ -3429,11 +3025,13 @@
       }
       return previous_block.getAttribute("data-index-path");
     }
-    activateBlock() {
+    activateCurrentBlock() {
       const block_element = this.getCurrentBlockElement();
-      if (block_element === null) {
-        return;
+      if (block_element !== null) {
+        this.activateBlock(block_element);
       }
+    }
+    activateBlock(block_element) {
       const attribute = block_element.getAttribute("data-block-type");
       if (attribute === null) {
         throw new import_errors9.InvariantViolation(`
@@ -3555,8 +3153,8 @@
         return;
       }
       const media_target = target;
-      const duration_ms = media_target.duration * import_time.TimeInterval.ONE_SECOND;
-      const timecode = (0, import_time.formatTimecode)(duration_ms);
+      const duration_ms = media_target.duration * import_time2.TimeInterval.ONE_SECOND;
+      const timecode = (0, import_time2.formatTimecode)(duration_ms);
       const block = media_target.closest("section.block");
       if (block !== null) {
         const duration_label = block.querySelector('[data-role="duration"]');
@@ -3627,6 +3225,9 @@
         media_element.pause();
       });
     }
+    getInteractionHelper() {
+      return this.interaction_helper;
+    }
     isLoggedIn() {
       return this.logged_in;
     }