@fc3/mmcadi 0.1.66 → 0.1.68

package/dist/.last-compile-time

@@ -1 +1 @@
-1770382819
+1771260790

package/dist/.last-publish-time

@@ -1 +1 @@
-1770382884
+1771260824

package/dist/client.js

@@ -363,12 +363,12 @@
     bindProcessLifespanTo: () => bindProcessLifespanTo,
     execute: () => execute
   });
-  function execute(command) {
+  function execute(_command) {
     throw new import_errors.InvariantViolation(`
 		Tried to call process.execute() in client context
 	`);
   }
-  function bindProcessLifespanTo(promise) {
+  function bindProcessLifespanTo(_promise) {
     throw new import_errors.InvariantViolation(`
 		Tried to call process.bindProcessLifespanTo in client context
 	`);
@@ -1810,7 +1810,15 @@
     }
     initEvents() {
       window.addEventListener("keydown", (event) => {
+        const target = event.target;
+        if (target === null) {
+          return;
+        }
+        const input = target.closest("input, textarea");
         const key_code = event.keyCode || event.charCode;
+        if (input !== null) {
+          return;
+        }
         this.shift_pressed = event.shiftKey;
         this.handleKey(key_code);
         if (key_code !== key_code_default.SHIFT) {
@@ -1820,7 +1828,7 @@
     }
     initView() {
     }
-    handleKey(key_code) {
+    handleKey(_key_code) {
     }
     getPreviousKeyCode() {
       return this.previous_key_code;
@@ -1839,10 +1847,7 @@
       const [target_top, viewport_min] = (() => {
         const header = document.querySelector("header");
         if (header === null) {
-          return [
-            current_top,
-            window.scrollY
-          ];
+          return [current_top, window.scrollY];
         } else {
           return [
             current_top - header.offsetHeight,
@@ -1937,6 +1942,7 @@
     BlockType2["CARD"] = "card";
     BlockType2["TABLE"] = "table";
     BlockType2["BUTTON"] = "button";
+    BlockType2["TERM"] = "term";
     return BlockType2;
   })(BlockType || {});
   var block_type_default = BlockType;
@@ -2157,7 +2163,8 @@
     [block_type_default.PARAMETER]: "p",
     [block_type_default.CARD]: "c",
     [block_type_default.TABLE]: "",
-    [block_type_default.BUTTON]: ""
+    [block_type_default.BUTTON]: "",
+    [block_type_default.TERM]: "g"
   };
   function getInputCharacterForBlockType(block_type) {
     const character = BlockTypeCharacters[block_type];
@@ -2366,7 +2373,9 @@
 				Tried to read block parent element, but it was not set
 			`);
       }
-      const multicolumn_ancestor = block_parent.closest("section.block.multi_column");
+      const multicolumn_ancestor = block_parent.closest(
+        "section.block.multi_column"
+      );
       if (multicolumn_ancestor === null) {
         const index_path = index.toString();
         block.setAttribute("data-index-path", index_path);
@@ -2406,30 +2415,62 @@
         return;
       }
       this.applyNonInteractiveClasses();
-      document.addEventListener("touchstart", (event) => {
-        this.handleTouchStart(event);
-      }, { capture: true });
-      document.addEventListener("mousedown", (event) => {
-        this.handleTouchStart(event);
-      }, { capture: true });
-      document.addEventListener("touchmove", (event) => {
-        this.handleTouchMove(event);
-      }, { capture: true, passive: false });
-      document.addEventListener("mousemove", (event) => {
-        this.handleTouchMove(event);
-      }, { capture: true, passive: false });
-      document.addEventListener("touchend", (event) => {
-        this.handleTouchEnd();
-      }, { capture: true });
-      document.addEventListener("mouseup", (event) => {
-        this.handleTouchEnd();
-      }, { capture: true });
-      document.addEventListener("click", (event) => {
-        this.handleGenericClick(event);
-      }, { capture: true });
-      document.addEventListener("dragstart", (event) => {
-        this.handleNativeDragStart(event);
-      }, { capture: true });
+      document.addEventListener(
+        "touchstart",
+        (event) => {
+          this.handleTouchStart(event);
+        },
+        { capture: true }
+      );
+      document.addEventListener(
+        "mousedown",
+        (event) => {
+          this.handleTouchStart(event);
+        },
+        { capture: true }
+      );
+      document.addEventListener(
+        "touchmove",
+        (event) => {
+          this.handleTouchMove(event);
+        },
+        { capture: true, passive: false }
+      );
+      document.addEventListener(
+        "mousemove",
+        (event) => {
+          this.handleTouchMove(event);
+        },
+        { capture: true, passive: false }
+      );
+      document.addEventListener(
+        "touchend",
+        (_event) => {
+          this.handleTouchEnd();
+        },
+        { capture: true }
+      );
+      document.addEventListener(
+        "mouseup",
+        (_event) => {
+          this.handleTouchEnd();
+        },
+        { capture: true }
+      );
+      document.addEventListener(
+        "click",
+        (event) => {
+          this.handleGenericClick(event);
+        },
+        { capture: true }
+      );
+      document.addEventListener(
+        "dragstart",
+        (event) => {
+          this.handleNativeDragStart(event);
+        },
+        { capture: true }
+      );
     }
     isDragging() {
       const elements = Array.from(document.querySelectorAll(".dragging"));
@@ -2527,8 +2568,8 @@
         ghost.classList.add("ghost");
         ghost.setAttribute("data-for", index_path);
         candidate.classList.remove("drag-candidate");
-        const { parentNode } = candidate;
-        if (parentNode === null) {
+        const parent_node = candidate.parentNode;
+        if (parent_node === null) {
           throw new import_errors11.InvariantViolation(`
 					Expected drag candidate to be located in a parent, but it was null
 				`);
@@ -2544,7 +2585,7 @@
         candidate.setAttribute("data-drag-start-y", rect.top.toString());
         candidate.setAttribute("data-dragging", "true");
         candidate.classList.add("dragging");
-        parentNode.insertBefore(ghost, candidate);
+        parent_node.insertBefore(ghost, candidate);
       });
     }
     handleNativeDragStart(event) {
@@ -2744,10 +2785,7 @@
       const new_x = parsed_x + x_delta;
       const new_y = Math.max(
         container_rect.top,
-        Math.min(
-          parsed_y + y_delta,
-          container_rect.bottom
-        )
+        Math.min(parsed_y + y_delta, container_rect.bottom)
       );
       block.style.left = `${new_x}px`;
       block.style.top = `${new_y}px`;
@@ -2888,11 +2926,11 @@
         if (sibling === block) {
           continue;
         }
-        const { classList } = sibling;
-        if (!classList.contains("block")) {
+        const class_list = sibling.classList;
+        if (!class_list.contains("block")) {
           continue;
         }
-        if (classList.contains("ghost")) {
+        if (class_list.contains("ghost")) {
           continue;
         }
         return sibling;
@@ -2913,11 +2951,11 @@
         if (sibling === block) {
           continue;
         }
-        const { classList } = sibling;
-        if (!classList.contains("block")) {
+        const class_list = sibling.classList;
+        if (!class_list.contains("block")) {
           continue;
         }
-        if (classList.contains("ghost")) {
+        if (class_list.contains("ghost")) {
           continue;
         }
         return sibling;
@@ -2927,6 +2965,7 @@
     handleTouchEnd() {
       this.demoteAllDragCandidates();
       this.cancelDelayedDrag();
+      this.setDragStartCoordinate(null);
       if (this.isSwiping()) {
         this.deactivateSwiping();
       }
@@ -3103,29 +3142,49 @@
     }
     initEvents() {
       super.initEvents();
-      document.addEventListener("canplay", (event) => {
-        this.handleMediaCanPlay(event);
-      }, true);
-      document.addEventListener("ended", (event) => {
-        this.handleMediaPlaybackEnded(event);
-      }, true);
-      document.addEventListener("pointerdown", (event) => {
-        this.handlePointerDown(event);
-      }, true);
-      document.addEventListener("pointermove", (event) => {
-        this.handlePointerMove(event);
-      }, true);
-      document.addEventListener("pointerup", (event) => {
-        this.handlePointerUp(event);
-      }, true);
+      document.addEventListener(
+        "canplay",
+        (event) => {
+          this.handleMediaCanPlay(event);
+        },
+        true
+      );
+      document.addEventListener(
+        "ended",
+        (event) => {
+          this.handleMediaPlaybackEnded(event);
+        },
+        true
+      );
+      document.addEventListener(
+        "pointerdown",
+        (event) => {
+          this.handlePointerDown(event);
+        },
+        true
+      );
+      document.addEventListener(
+        "pointermove",
+        (event) => {
+          this.handlePointerMove(event);
+        },
+        true
+      );
+      document.addEventListener(
+        "pointerup",
+        (event) => {
+          this.handlePointerUp(event);
+        },
+        true
+      );
       window.addEventListener("popstate", (event) => {
         this.handlePopstate(event);
       });
     }
-    handlePointerDown(event) {
+    handlePointerDown(_event) {
       this.pointer_moved = false;
     }
-    handlePointerMove(event) {
+    handlePointerMove(_event) {
       this.pointer_moved = true;
     }
     handlePointerUp(event) {
@@ -3188,7 +3247,7 @@
     async fetchAndDisplay(path) {
       const response = await fetch(path, {
         headers: {
-          "Accept": "text/html"
+          ACCEPT: "text/html"
         }
       });
       if (!response.ok) {
@@ -3216,8 +3275,17 @@
         }
         old_element.replaceWith(new_element);
       }
+      const new_data = updated_document.querySelector("#page-data");
+      const old_data = document.getElementById("page-data");
+      if (new_data !== null) {
+        if (old_data !== null) {
+          old_data.replaceWith(new_data);
+        } else {
+          document.body.appendChild(new_data);
+        }
+      }
     }
-    handlePopstate(event) {
+    handlePopstate(_event) {
       const { pathname, search, hash } = window.location;
       const path = pathname + search + hash;
       this.fetchAndDisplay(path);
@@ -3347,7 +3415,7 @@
         credentials: "same-origin",
         redirect: "follow",
         headers: {
-          "Accept": "text/html"
+          ACCEPT: "text/html"
         }
       });
       const html = await response.text();
@@ -3377,8 +3445,23 @@
       window.scrollTo(0, document.documentElement.scrollHeight);
     }
     navigateToParentPage() {
-      const parent_path = get_parent_path_default(window.location.pathname);
-      this.navigateToPath(parent_path);
+      const current_path = window.location.pathname;
+      const parent_path = get_parent_path_default(current_path);
+      const url = new URL(window.location.origin + parent_path);
+      const editing = this.getQueryParameter("editing");
+      const data_element = document.getElementById("page-data");
+      if (data_element !== null) {
+        const text = data_element.textContent || "";
+        const page = JSON.parse(text);
+        const { path, folder_index_path } = page;
+        if (path === current_path) {
+          url.searchParams.set("index_path", folder_index_path);
+        }
+      }
+      if (editing === "true") {
+        url.searchParams.set("editing", "true");
+      }
+      this.navigateToPath(url.pathname + url.search + url.hash);
     }
     navigateToHistory() {
       window.location.href = "/history";
@@ -3604,7 +3687,9 @@
       const track_target = document.getElementById("persistent-track-name");
       const artist_target = document.getElementById("persistent-artist-name");
       const track_source = media_block.querySelector('[data-role="track_name"]');
-      const artist_source = media_block.querySelector('[data-role="artist_name"]');
+      const artist_source = media_block.querySelector(
+        '[data-role="artist_name"]'
+      );
       if (track_target === null) {
         throw new import_errors12.InvariantViolation(`
 				Tried to access persistent track name element, but it was not found
@@ -3634,7 +3719,7 @@
       document.body.classList.add("media-visible");
       persistent_audio.currentTime = 0;
       persistent_audio.play();
-      if (typeof navigator.mediaSession === void 0) {
+      if (typeof navigator.mediaSession === "undefined") {
         return;
       }
       this.determineMediaSessionArtworkUrl().then((artwork_url) => {
@@ -3642,9 +3727,7 @@
           if (artwork_url === null) {
             return [];
           }
-          return [
-            { src: artwork_url, sizes: "256x256", type: "image/png" }
-          ];
+          return [{ src: artwork_url, sizes: "256x256", type: "image/png" }];
         })();
         navigator.mediaSession.metadata = new MediaMetadata({
           title: track_name,
@@ -3763,7 +3846,7 @@
 
   // src/client/page/view-playlist.ts
   var ViewPlaylistPage = class extends cursor_default {
-    deleteBlockElement(block_element) {
+    deleteBlockElement(_block_element) {
       if (!this.isLoggedIn()) {
         return;
       }
@@ -3807,13 +3890,17 @@
       inputs.forEach((input) => {
         const handler = () => {
           const value = input.value;
-          const container = input.closest('[data-role="numeric-range-container"]');
+          const container = input.closest(
+            '[data-role="numeric-range-container"]'
+          );
           if (container === null) {
             throw new import_errors13.InvariantViolation(`
 						Unable to find numeric range container for range input
 					`);
           }
-          const raw_labels = container.querySelectorAll('[data-role="numeric-range-value"]');
+          const raw_labels = container.querySelectorAll(
+            '[data-role="numeric-range-value"]'
+          );
           const labels = Array.from(raw_labels);
           labels.forEach((label) => {
             label.innerHTML = value;
@@ -3828,7 +3915,6 @@
           this.queuePreview();
         });
       });
-      ;
     }
     async loadPreview() {
       this.last_preview_time = Date.now();
@@ -3892,6 +3978,12 @@
         const label = this.getPreviewInputValue("label");
         form.set("label", label);
       }
+      if (block_type === block_type_default.TERM) {
+        const term = this.getPreviewInputValue("term");
+        const definition = this.getPreviewInputValue("definition");
+        form.set("term", term);
+        form.set("definition", definition);
+      }
       const response = await fetch(`/actions`, {
         method: "POST",
         body: form,
@@ -3995,7 +4087,9 @@
     }
     getPreviewRadioValue(input_name) {
       const edit_form = this.getEditForm();
-      const input_element = edit_form.querySelector(`[name="${input_name}"]:checked`);
+      const input_element = edit_form.querySelector(
+        `[name="${input_name}"]:checked`
+      );
       if (input_element === null) {
         throw new import_errors13.InvariantViolation(`
 				Tried to read radio value for input named "${input_name}",
@@ -4083,7 +4177,9 @@
       if (isNaN(top_level_index)) {
         throw new import_errors14.InvariantViolation(`Invalid index path: ${current_path}`);
       }
-      const add_block_links = document.querySelectorAll('[data-role="add_block_link"]');
+      const add_block_links = document.querySelectorAll(
+        '[data-role="add_block_link"]'
+      );
       const link_index = (() => {
         if (this.shiftIsPressed()) {
           return top_level_index;

package/dist/src/client/factory/page.js

@@ -46,7 +46,7 @@ const PageConstructors = {
     [page_type_1.default.SETTINGS]: settings_1.default,
     [page_type_1.default.ROLE]: role_1.default,
     [page_type_1.default.ADD_BLOCK_TO_PLAYLIST]: add_block_to_playlist_1.default,
-    [page_type_1.default.VIEW_PLAYLIST]: view_playlist_1.default,
+    [page_type_1.default.VIEW_PLAYLIST]: view_playlist_1.default
 };
 class PageFactory {
     constructor(page_type) {
@@ -55,7 +55,7 @@ class PageFactory {
     create() {
         const page_type = this.getPageType();
         const page_constructor = PageConstructors[page_type];
-        return new page_constructor;
+        return new page_constructor();
     }
     getPageType() {
         return this.page_type;

package/dist/src/client/factory/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/client/factory/page.ts"],"names":[],"mappings":";;;;;AACA,sEAA6C;AAE7C,4DAAwC;AACxC,kEAA8C;AAC9C,8DAA0C;AAC1C,gEAA4C;AAC5C,0DAAsC;AACtC,4DAAwC;AACxC,8DAA0C;AAC1C,4DAAwC;AACxC,4DAAwC;AACxC,sFAAgE;AAChE,8EAAyD;AACzD,8FAAuE;AACvE,oGAA8E;AAC9E,4EAAuD;AACvD,wEAAmD;AACnD,0EAAqD;AACrD,0EAAqD;AACrD,4FAAsE;AACtE,wFAAkE;AAClE,wEAAmD;AACnD,oEAAgD;AAMhD,MAAM,gBAAgB,GAAsC;IAC3D,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,OAAO,CAAC,EAAE,iBAAW;IAC/B,CAAC,mBAAQ,CAAC,KAAK,CAAC,EAAE,eAAS;IAC3B,CAAC,mBAAQ,CAAC,MAAM,CAAC,EAAE,gBAAU;IAC7B,CAAC,mBAAQ,CAAC,GAAG,CAAC,EAAE,aAAO;IACvB,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,KAAK,CAAC,EAAE,eAAS;IAC3B,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,iBAAiB,CAAC,EAAE,2BAAmB;IACjD,CAAC,mBAAQ,CAAC,wBAAwB,CAAC,EAAE,kCAA0B;IAC/D,CAAC,mBAAQ,CAAC,YAAY,CAAC,EAAE,sBAAe;IACxC,CAAC,mBAAQ,CAAC,UAAU,CAAC,EAAE,oBAAa;IACpC,CAAC,mBAAQ,CAAC,WAAW,CAAC,EAAE,qBAAc;IACtC,CAAC,mBAAQ,CAAC,WAAW,CAAC,EAAE,qBAAc;IACtC,CAAC,mBAAQ,CAAC,oBAAoB,CAAC,EAAE,8BAAsB;IACvD,CAAC,mBAAQ,CAAC,kBAAkB,CAAC,EAAE,4BAAoB;IACnD,CAAC,mBAAQ,CAAC,UAAU,CAAC,EAAE,oBAAa;IACpC,CAAC,mBAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAY;IACjC,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,qBAAqB,CAAC,EAAE,+BAAsB;IACxD,CAAC,mBAAQ,CAAC,aAAa,CAAC,EAAE,uBAAgB;CAC1C,CAAC;AAEF,MAAM,WAAW;IAGhB,YAAmB,SAAmB;QACrC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5B,CAAC;IAEM,MAAM;QACZ,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAErD,OAAO,IAAI,gBAAgB,CAAC;IAC7B,CAAC;IAEO,WAAW;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;CACD;AAED,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/client/factory/page.ts"],"names":[],"mappings":";;;;;AACA,sEAA6C;AAE7C,4DAAwC;AACxC,kEAA8C;AAC9C,8DAA0C;AAC1C,gEAA4C;AAC5C,0DAAsC;AACtC,4DAAwC;AACxC,8DAA0C;AAC1C,4DAAwC;AACxC,4DAAwC;AACxC,sFAAgE;AAChE,8EAAyD;AACzD,8FAAuE;AACvE,oGAA8E;AAC9E,4EAAuD;AACvD,wEAAmD;AACnD,0EAAqD;AACrD,0EAAqD;AACrD,4FAAsE;AACtE,wFAAkE;AAClE,wEAAmD;AACnD,oEAAgD;AAMhD,MAAM,gBAAgB,GAAsC;IAC3D,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,OAAO,CAAC,EAAE,iBAAW;IAC/B,CAAC,mBAAQ,CAAC,KAAK,CAAC,EAAE,eAAS;IAC3B,CAAC,mBAAQ,CAAC,MAAM,CAAC,EAAE,gBAAU;IAC7B,CAAC,mBAAQ,CAAC,GAAG,CAAC,EAAE,aAAO;IACvB,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,KAAK,CAAC,EAAE,eAAS;IAC3B,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,iBAAiB,CAAC,EAAE,2BAAmB;IACjD,CAAC,mBAAQ,CAAC,wBAAwB,CAAC,EAAE,kCAA0B;IAC/D,CAAC,mBAAQ,CAAC,YAAY,CAAC,EAAE,sBAAe;IACxC,CAAC,mBAAQ,CAAC,UAAU,CAAC,EAAE,oBAAa;IACpC,CAAC,mBAAQ,CAAC,WAAW,CAAC,EAAE,qBAAc;IACtC,CAAC,mBAAQ,CAAC,WAAW,CAAC,EAAE,qBAAc;IACtC,CAAC,mBAAQ,CAAC,oBAAoB,CAAC,EAAE,8BAAsB;IACvD,CAAC,mBAAQ,CAAC,kBAAkB,CAAC,EAAE,4BAAoB;IACnD,CAAC,mBAAQ,CAAC,UAAU,CAAC,EAAE,oBAAa;IACpC,CAAC,mBAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAY;IACjC,CAAC,mBAAQ,CAAC,IAAI,CAAC,EAAE,cAAQ;IACzB,CAAC,mBAAQ,CAAC,qBAAqB,CAAC,EAAE,+BAAsB;IACxD,CAAC,mBAAQ,CAAC,aAAa,CAAC,EAAE,uBAAgB;CAC1C,CAAC;AAEF,MAAM,WAAW;IAGhB,YAAmB,SAAmB;QACrC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5B,CAAC;IAEM,MAAM;QACZ,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAErD,OAAO,IAAI,gBAAgB,EAAE,CAAC;IAC/B,CAAC;IAEO,WAAW;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;CACD;AAED,kBAAe,WAAW,CAAC"}

package/dist/src/client/helper/interaction.js

@@ -41,10 +41,10 @@ class InteractionHelper {
         document.addEventListener('mousemove', (event) => {
             this.handleTouchMove(event);
         }, { capture: true, passive: false });
-        document.addEventListener('touchend', (event) => {
+        document.addEventListener('touchend', (_event) => {
             this.handleTouchEnd();
         }, { capture: true });
-        document.addEventListener('mouseup', (event) => {
+        document.addEventListener('mouseup', (_event) => {
             this.handleTouchEnd();
         }, { capture: true });
         document.addEventListener('click', (event) => {
@@ -154,8 +154,8 @@ class InteractionHelper {
             ghost.classList.add('ghost');
             ghost.setAttribute('data-for', index_path);
             candidate.classList.remove('drag-candidate');
-            const { parentNode } = candidate;
-            if (parentNode === null) {
+            const parent_node = candidate.parentNode;
+            if (parent_node === null) {
                 throw new errors_1.InvariantViolation(`
 					Expected drag candidate to be located in a parent, but it was null
 				`);
@@ -171,7 +171,7 @@ class InteractionHelper {
             candidate.setAttribute('data-drag-start-y', rect.top.toString());
             candidate.setAttribute('data-dragging', 'true');
             candidate.classList.add('dragging');
-            parentNode.insertBefore(ghost, candidate);
+            parent_node.insertBefore(ghost, candidate);
         });
     }
     handleNativeDragStart(event) {
@@ -383,7 +383,7 @@ class InteractionHelper {
         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);
+            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;
@@ -395,9 +395,11 @@ class InteractionHelper {
         }
         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);
+            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;
+                const next_sibling = ghost.nextElementSibling === next_block
+                    ? ghost
+                    : ghost.nextElementSibling;
                 next_block.replaceWith(ghost);
                 if (next_sibling) {
                     next_sibling.before(next_block);
@@ -477,7 +479,7 @@ class InteractionHelper {
         const scroll_amount = scroll_speed_per_second * time_ratio;
         const scroll_y = this.getCurrentScrollY();
         const sign = scroll_direction === ScrollDirection.UP ? -1 : 1;
-        const new_scroll_y = Math.max(0, Math.min(document.documentElement.scrollHeight, scroll_y + (scroll_amount * sign)));
+        const new_scroll_y = Math.max(0, Math.min(document.documentElement.scrollHeight, scroll_y + scroll_amount * sign));
         this.setCurrentScrollY(new_scroll_y);
         this.setLastScrollTime(now);
         const window_moved = new_scroll_y !== scroll_y;
@@ -510,11 +512,11 @@ class InteractionHelper {
             if (sibling === block) {
                 continue;
             }
-            const { classList } = sibling;
-            if (!classList.contains('block')) {
+            const class_list = sibling.classList;
+            if (!class_list.contains('block')) {
                 continue;
             }
-            if (classList.contains('ghost')) {
+            if (class_list.contains('ghost')) {
                 continue;
             }
             return sibling;
@@ -536,11 +538,11 @@ class InteractionHelper {
             if (sibling === block) {
                 continue;
             }
-            const { classList } = sibling;
-            if (!classList.contains('block')) {
+            const class_list = sibling.classList;
+            if (!class_list.contains('block')) {
                 continue;
             }
-            if (classList.contains('ghost')) {
+            if (class_list.contains('ghost')) {
                 continue;
             }
             return sibling;
@@ -550,6 +552,7 @@ class InteractionHelper {
     handleTouchEnd() {
         this.demoteAllDragCandidates();
         this.cancelDelayedDrag();
+        this.setDragStartCoordinate(null);
         if (this.isSwiping()) {
             this.deactivateSwiping();
         }