@nyaruka/temba-components 0.142.2 → 0.142.3

package/out-tsc/src/list/SortableList.js

@@ -40,6 +40,7 @@ export class SortableList extends RapidElement {
 
       slot > * {
         user-select: none;
+        touch-action: none;
       }
 
       temba-icon {
@@ -73,6 +74,9 @@ export class SortableList extends RapidElement {
         this.handleMouseMove = this.handleMouseMove.bind(this);
         this.handleMouseUp = this.handleMouseUp.bind(this);
         this.handleMouseDown = this.handleMouseDown.bind(this);
+        this.handleTouchMove = this.handleTouchMove.bind(this);
+        this.handleTouchEnd = this.handleTouchEnd.bind(this);
+        this.handleTouchStart = this.handleTouchStart.bind(this);
     }
     getSortableElements() {
         const eles = this.shadowRoot
@@ -293,42 +297,67 @@ export class SortableList extends RapidElement {
         // Insert the placeholder right after the hidden original element
         this.downEle.insertAdjacentElement('afterend', this.dropPlaceholder);
     }
-    handleMouseDown(event) {
-        let ele = event.target;
+    /**
+     * Shared drag-start logic for both mouse and touch.
+     * Returns true if a drag target was found and state was initialised.
+     */
+    beginDrag(target, clientX, clientY) {
         // if we have a drag handle, only allow dragging from that element
         if (this.dragHandle) {
-            if (!ele.classList.contains(this.dragHandle)) {
-                return;
+            if (!target.classList.contains(this.dragHandle)) {
+                return false;
             }
         }
-        ele = ele.closest('.sortable');
-        if (ele) {
+        const ele = target.closest('.sortable');
+        if (!ele)
+            return false;
+        this.downEle = ele;
+        this.draggingId = ele.id;
+        this.draggingIdx = this.getRowIndex(ele.id);
+        this.draggingEle = ele;
+        const rect = ele.getBoundingClientRect();
+        this.originalElementRect = rect;
+        this.originalLayoutSize = {
+            width: ele.offsetWidth,
+            height: ele.offsetHeight
+        };
+        this.xOffset = clientX - rect.left;
+        this.yOffset = clientY - rect.top;
+        this.yDown = clientY;
+        this.xDown = clientX;
+        return true;
+    }
+    handleMouseDown(event) {
+        if (this.beginDrag(event.target, event.clientX, event.clientY)) {
             event.preventDefault();
             event.stopPropagation();
-            this.downEle = ele;
-            this.draggingId = ele.id;
-            this.draggingIdx = this.getRowIndex(ele.id);
-            this.draggingEle = ele;
-            // Use getBoundingClientRect for accurate offsets and store original dimensions
-            const rect = ele.getBoundingClientRect();
-            this.originalElementRect = rect; // Store viewport rect for ghost positioning
-            this.originalLayoutSize = {
-                width: ele.offsetWidth,
-                height: ele.offsetHeight
-            }; // Store layout dimensions for placeholders
-            this.xOffset = event.clientX - rect.left;
-            this.yOffset = event.clientY - rect.top;
-            this.yDown = event.clientY;
-            this.xDown = event.clientX;
             document.addEventListener('mousemove', this.handleMouseMove);
             document.addEventListener('mouseup', this.handleMouseUp);
         }
     }
-    handleMouseMove(event) {
+    /* c8 ignore start -- touch-only handlers */
+    handleTouchStart(event) {
+        const touch = event.touches[0];
+        if (!touch)
+            return;
+        if (this.beginDrag(event.target, touch.clientX, touch.clientY)) {
+            event.stopPropagation();
+            document.addEventListener('touchmove', this.handleTouchMove, {
+                passive: false
+            });
+            document.addEventListener('touchend', this.handleTouchEnd);
+            document.addEventListener('touchcancel', this.handleTouchEnd);
+        }
+    }
+    /* c8 ignore stop */
+    /**
+     * Shared drag-move logic for both mouse and touch.
+     */
+    processDragMove(clientX, clientY) {
         if (!this.ghostElement &&
             this.downEle &&
-            (Math.abs(event.clientY - this.yDown) > DRAG_THRESHOLD ||
-                Math.abs(event.clientX - this.xDown) > DRAG_THRESHOLD)) {
+            (Math.abs(clientY - this.yDown) > DRAG_THRESHOLD ||
+                Math.abs(clientX - this.xDown) > DRAG_THRESHOLD)) {
             this.fireCustomEvent(CustomEventType.DragStart, {
                 id: this.downEle.id
             });
@@ -348,8 +377,8 @@ export class SortableList extends RapidElement {
             const ancestorScale = layoutSize.width > 0 ? rect.width / layoutSize.width : 1;
             const hasAncestorScale = Math.abs(ancestorScale - 1) > 0.001;
             this.ghostElement.style.position = 'fixed';
-            this.ghostElement.style.left = event.clientX - this.xOffset + 'px';
-            this.ghostElement.style.top = event.clientY - this.yOffset + 'px';
+            this.ghostElement.style.left = clientX - this.xOffset + 'px';
+            this.ghostElement.style.top = clientY - this.yOffset + 'px';
             this.ghostElement.style.zIndex = '99999';
             this.ghostElement.style.opacity = '0.8';
             if (hasAncestorScale) {
@@ -383,11 +412,11 @@ export class SortableList extends RapidElement {
             }
         }
         if (this.ghostElement) {
-            this.ghostElement.style.left = event.clientX - this.xOffset + 'px';
-            this.ghostElement.style.top = event.clientY - this.yOffset + 'px';
+            this.ghostElement.style.left = clientX - this.xOffset + 'px';
+            this.ghostElement.style.top = clientY - this.yOffset + 'px';
             // check if the drag is over the container (only if external dragging is allowed)
             const isOverContainer = this.externalDrag
-                ? this.isMouseOverContainer(event.clientX, event.clientY)
+                ? this.isMouseOverContainer(clientX, clientY)
                 : true; // always consider "over container" if external drag is disabled
             // detect transition between internal and external drag (only if allowed)
             if (this.externalDrag && !isOverContainer && !this.isExternalDrag) {
@@ -400,8 +429,8 @@ export class SortableList extends RapidElement {
                 }
                 this.fireCustomEvent(CustomEventType.DragExternal, {
                     id: this.downEle.id,
-                    mouseX: event.clientX,
-                    mouseY: event.clientY
+                    mouseX: clientX,
+                    mouseY: clientY
                 });
             }
             else if (this.externalDrag && isOverContainer && this.isExternalDrag) {
@@ -417,7 +446,7 @@ export class SortableList extends RapidElement {
             }
             // only show drop placeholder and calculate drop position if internal drag
             if (!this.isExternalDrag) {
-                const targetInfo = this.getDropTargetInfo(event.clientX, event.clientY);
+                const targetInfo = this.getDropTargetInfo(clientX, clientY);
                 if (targetInfo) {
                     const { element: targetElement, insertAfter } = targetInfo;
                     const targetIdx = this.getRowIndex(targetElement.id);
@@ -432,9 +461,6 @@ export class SortableList extends RapidElement {
                     }
                     else {
                         // Target was originally after the drag position - moving forward
-                        // When moving the dragged element forward (i.e., to a higher index), the targetIdx is based on the current DOM,
-                        // which no longer includes the dragged element. This means all elements after the original position have shifted left by one,
-                        // so we need to subtract 1 from targetIdx to get the correct insertion index. If inserting after the target, we use targetIdx as is.
                         dropIdx = insertAfter ? targetIdx : targetIdx - 1;
                     }
                     // Store pending drop info but don't fire event yet
@@ -455,16 +481,28 @@ export class SortableList extends RapidElement {
                 // external drag - continue firing external drag events with updated position
                 this.fireCustomEvent(CustomEventType.DragExternal, {
                     id: this.downEle.id,
-                    mouseX: event.clientX,
-                    mouseY: event.clientY
+                    mouseX: clientX,
+                    mouseY: clientY
                 });
             }
         }
     }
-    handleMouseUp(evt) {
+    handleMouseMove(event) {
+        this.processDragMove(event.clientX, event.clientY);
+    }
+    /* c8 ignore next 6 -- touch-only */
+    handleTouchMove(event) {
+        const touch = event.touches[0];
+        if (!touch)
+            return;
+        event.preventDefault();
+        this.processDragMove(touch.clientX, touch.clientY);
+    }
+    /**
+     * Shared drag-end logic for both mouse and touch.
+     */
+    processDragEnd(clientX, clientY) {
         if (this.draggingId && this.ghostElement) {
-            evt.preventDefault();
-            evt.stopPropagation();
             // Remove the ghost clone from document.body
             if (this.ghostElement) {
                 this.ghostElement.remove();
@@ -495,8 +533,8 @@ export class SortableList extends RapidElement {
             this.fireCustomEvent(CustomEventType.DragStop, {
                 id: this.draggingId,
                 isExternal: this.isExternalDrag,
-                mouseX: evt.clientX,
-                mouseY: evt.clientY
+                mouseX: clientX,
+                mouseY: clientY
             });
             this.draggingId = null;
             this.dropTargetId = null;
@@ -520,17 +558,40 @@ export class SortableList extends RapidElement {
                 }, 100);
             }
         }
+    }
+    handleMouseUp(evt) {
+        if (this.draggingId && this.ghostElement) {
+            evt.preventDefault();
+            evt.stopPropagation();
+        }
+        this.processDragEnd(evt.clientX, evt.clientY);
         document.removeEventListener('mousemove', this.handleMouseMove);
         document.removeEventListener('mouseup', this.handleMouseUp);
         this.dispatchEvent(new Event('change'));
     }
+    /* c8 ignore start -- touch-only */
+    handleTouchEnd(evt) {
+        var _a, _b;
+        const touch = evt.changedTouches[0];
+        const clientX = (_a = touch === null || touch === void 0 ? void 0 : touch.clientX) !== null && _a !== void 0 ? _a : 0;
+        const clientY = (_b = touch === null || touch === void 0 ? void 0 : touch.clientY) !== null && _b !== void 0 ? _b : 0;
+        this.processDragEnd(clientX, clientY);
+        document.removeEventListener('touchmove', this.handleTouchMove);
+        document.removeEventListener('touchend', this.handleTouchEnd);
+        document.removeEventListener('touchcancel', this.handleTouchEnd);
+        this.dispatchEvent(new Event('change'));
+    }
+    /* c8 ignore stop */
     render() {
         return html `
       <div
         class="container ${this.horizontal ? 'horizontal' : ''}"
         style="gap: ${this.gap}"
       >
-        <slot @mousedown=${this.handleMouseDown}></slot>
+        <slot
+          @mousedown=${this.handleMouseDown}
+          @touchstart=${this.handleTouchStart}
+        ></slot>
       </div>
     `;
     }

package/out-tsc/src/list/SortableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.js","sourceRoot":"","sources":["../../../src/list/SortableList.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement } from '../RapidElement';\n\n/**\n * A simple list that can be sorted by dragging\n */\n\n// how far we have to drag before it starts\nconst DRAG_THRESHOLD = 2;\n\n// padding around container for external drag detection\nconst EXTERNAL_DRAG_PADDING = 50;\n\nexport class SortableList extends RapidElement {\n  originalDownDisplay: string;\n  static get styles() {\n    return css`\n      :host {\n        margin: auto;\n      }\n\n      .container {\n        user-select: none;\n        position: relative;\n        display: grid;\n        grid-template-columns: 1fr;\n      }\n\n      .container.horizontal {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n      }\n\n      .dragging {\n        background: var(--color-selection);\n      }\n\n      .slot {\n        flex-grow: 1;\n      }\n\n      slot > * {\n        user-select: none;\n      }\n\n      temba-icon {\n        opacity: 0.1;\n        padding: 0.2em 0.5em;\n        transition: all 300ms ease-in-out;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  draggingId: string;\n\n  @property({ type: Boolean })\n  horizontal: boolean = false;\n\n  @property({ type: String })\n  dropTargetId: string;\n\n  @property({ type: String })\n  dragHandle: string;\n\n  @property({ type: String })\n  gap: string = '0em';\n\n  @property({ type: Boolean })\n  externalDrag: boolean = false;\n\n  /**\n   * Optional callback to allow parent components to customize the ghost node.\n   * Called after the ghost node is cloned but before it is appended to the DOM.\n   */\n  @property({ attribute: false })\n  prepareGhost?: (ghost: HTMLElement) => void;\n\n  ghostElement: HTMLDivElement = null;\n  downEle: HTMLDivElement = null;\n  originalElementRect: DOMRect = null; // Store viewport dimensions for ghost\n  originalLayoutSize: { width: number; height: number } = null; // Store layout dimensions for placeholders\n  originalDragIndex: number = -1; // Store original index before moving element\n  xOffset = 0;\n  yOffset = 0;\n  yDown = 0;\n  xDown = 0;\n\n  draggingIdx = -1;\n  draggingEle = null;\n  dropPlaceholder: HTMLDivElement = null;\n  pendingDropIndex = -1;\n  pendingTargetElement: HTMLElement = null;\n  isExternalDrag = false;\n\n  private clickBlocker: ((e: MouseEvent) => void) | null = null;\n\n  public constructor() {\n    super();\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n  }\n\n  private getSortableElements(): Element[] {\n    const eles = this.shadowRoot\n      .querySelector('slot')\n      .assignedElements()\n      .filter(\n        (ele) =>\n          ele.classList.contains('sortable') &&\n          !ele.classList.contains('drop-placeholder')\n      );\n    return eles;\n  }\n\n  private isMouseOverContainer(mouseX: number, mouseY: number): boolean {\n    const container = this.shadowRoot.querySelector('.container');\n    if (!container) return false;\n\n    const rect = container.getBoundingClientRect();\n    // add some padding to make it easier to stay within the container\n    return (\n      mouseX >= rect.left - EXTERNAL_DRAG_PADDING &&\n      mouseX <= rect.right + EXTERNAL_DRAG_PADDING &&\n      mouseY >= rect.top - EXTERNAL_DRAG_PADDING &&\n      mouseY <= rect.bottom + EXTERNAL_DRAG_PADDING\n    );\n  }\n\n  private cloneElementWithState(element: HTMLElement): HTMLElement {\n    // First create a basic clone\n    const clone = element.cloneNode(true) as HTMLElement;\n\n    // Helper function to copy form element values recursively\n    const copyFormValues = (original: HTMLElement, cloned: HTMLElement) => {\n      try {\n        // Copy input values\n        const originalInputs = original.querySelectorAll(\n          'input, textarea, select'\n        );\n        const clonedInputs = cloned.querySelectorAll('input, textarea, select');\n\n        originalInputs.forEach((originalInput, index) => {\n          const clonedInput = clonedInputs[index] as\n            | HTMLInputElement\n            | HTMLTextAreaElement\n            | HTMLSelectElement;\n          if (clonedInput) {\n            if (originalInput instanceof HTMLInputElement) {\n              const originalHtmlInput = originalInput as HTMLInputElement;\n              const clonedHtmlInput = clonedInput as HTMLInputElement;\n\n              if (\n                originalHtmlInput.type === 'checkbox' ||\n                originalHtmlInput.type === 'radio'\n              ) {\n                clonedHtmlInput.checked = originalHtmlInput.checked;\n              } else {\n                clonedHtmlInput.value = originalHtmlInput.value;\n              }\n            } else if (originalInput instanceof HTMLTextAreaElement) {\n              (clonedInput as HTMLTextAreaElement).value = originalInput.value;\n            } else if (originalInput instanceof HTMLSelectElement) {\n              (clonedInput as HTMLSelectElement).selectedIndex =\n                originalInput.selectedIndex;\n            }\n          }\n        });\n\n        // Copy properties from all custom elements that might have a value property\n        const allOriginalElements = Array.from(original.querySelectorAll('*'));\n        const allClonedElements = Array.from(cloned.querySelectorAll('*'));\n\n        allOriginalElements.forEach((originalEl, index) => {\n          const clonedEl = allClonedElements[index];\n          if (clonedEl && originalEl) {\n            // Special handling for temba components\n            if (\n              originalEl.tagName &&\n              originalEl.tagName.toLowerCase().startsWith('temba-')\n            ) {\n              try {\n                // Copy common temba component properties\n                const tembaProps = [\n                  'value',\n                  'values',\n                  'selectedValue',\n                  'checked',\n                  'selected',\n                  'textContent'\n                ];\n                tembaProps.forEach((prop) => {\n                  if (\n                    prop in originalEl &&\n                    (originalEl as any)[prop] !== undefined\n                  ) {\n                    (clonedEl as any)[prop] = (originalEl as any)[prop];\n                  }\n                });\n\n                // Copy all attributes for temba components to preserve state\n                Array.from(originalEl.attributes).forEach((attr) => {\n                  clonedEl.setAttribute(attr.name, attr.value);\n                });\n              } catch (e) {\n                // Ignore errors when copying temba properties\n              }\n            } else {\n              // Try to copy value property for other elements\n              try {\n                if (\n                  'value' in originalEl &&\n                  (originalEl as any).value !== undefined\n                ) {\n                  (clonedEl as any).value = (originalEl as any).value;\n                }\n              } catch (e) {\n                // Ignore errors when copying properties\n              }\n\n              // Copy data attributes that might contain state\n              try {\n                Array.from(originalEl.attributes).forEach((attr) => {\n                  if (\n                    attr.name.startsWith('data-') ||\n                    attr.name.startsWith('aria-')\n                  ) {\n                    clonedEl.setAttribute(attr.name, attr.value);\n                  }\n                });\n              } catch (e) {\n                // Ignore errors when copying attributes\n              }\n            }\n          }\n        });\n      } catch (e) {\n        // If anything fails, just return the basic clone\n        console.warn('Failed to copy form values in cloneElementWithState:', e);\n      }\n    };\n\n    // Copy form values for the root element and all descendants\n    copyFormValues(element, clone);\n\n    return clone;\n  }\n\n  public getIds() {\n    return this.getSortableElements().map((ele) => ele.id);\n  }\n\n  private getRowIndex(id: string): number {\n    return this.getSortableElements().findIndex((ele) => ele.id === id);\n  }\n\n  private getDropTargetInfo(\n    mouseX: number,\n    mouseY: number\n  ): { element: HTMLDivElement; insertAfter: boolean } | null {\n    const elements = this.getSortableElements().filter(\n      (ele) => ele.id !== this.draggingEle?.id\n    );\n\n    if (elements.length === 0) return null;\n\n    if (this.horizontal) {\n      // For horizontal layout, find the insertion point based on mouse X position\n      for (let i = 0; i < elements.length; i++) {\n        const ele = elements[i];\n        const rect = ele.getBoundingClientRect();\n        const centerX = rect.left + rect.width / 2;\n\n        if (mouseX < centerX) {\n          // Insert before this element\n          return { element: ele as HTMLDivElement, insertAfter: false };\n        }\n      }\n      // If we're past all elements, insert after the last one\n      return {\n        element: elements[elements.length - 1] as HTMLDivElement,\n        insertAfter: true\n      };\n    } else {\n      // For vertical layout, find the insertion point based on mouse Y position\n      for (let i = 0; i < elements.length; i++) {\n        const ele = elements[i];\n        const rect = ele.getBoundingClientRect();\n        const centerY = rect.top + rect.height / 2;\n\n        if (mouseY < centerY) {\n          // Insert before this element\n          return { element: ele as HTMLDivElement, insertAfter: false };\n        }\n      }\n      // If we're past all elements, insert after the last one\n      return {\n        element: elements[elements.length - 1] as HTMLDivElement,\n        insertAfter: true\n      };\n    }\n  }\n\n  private showDropPlaceholder(\n    targetElement: HTMLElement,\n    insertAfter: boolean\n  ) {\n    this.hideDropPlaceholder();\n\n    if (!targetElement || !this.draggingEle) return;\n\n    // Don't show placeholder if we're targeting the dragging element itself\n    if (targetElement === this.draggingEle) return;\n\n    this.dropPlaceholder = document.createElement('div');\n\n    this.dropPlaceholder.className = 'drop-placeholder sortable';\n\n    // Use layout-space dimensions for placeholders (unaffected by ancestor transforms)\n    if (this.originalLayoutSize) {\n      const size = this.originalLayoutSize;\n      this.dropPlaceholder.style.width = size.width + 'px';\n      this.dropPlaceholder.style.height = size.height + 'px';\n      this.dropPlaceholder.style.minHeight = size.height + 'px';\n      this.dropPlaceholder.style.borderRadius = 'var(--curvature)';\n      this.dropPlaceholder.style.flexShrink = '0';\n      this.dropPlaceholder.style.background = '#f3f4f6';\n      this.dropPlaceholder.style.outline = '2px dashed #d1d5db';\n      this.dropPlaceholder.style.outlineOffset = '-2px';\n    }\n\n    // Insert the placeholder in the correct position in the DOM\n    if (insertAfter) {\n      targetElement.insertAdjacentElement('afterend', this.dropPlaceholder);\n    } else {\n      targetElement.insertAdjacentElement('beforebegin', this.dropPlaceholder);\n    }\n  }\n\n  private hideDropPlaceholder() {\n    if (this.dropPlaceholder) {\n      this.dropPlaceholder.remove();\n      this.dropPlaceholder = null;\n    }\n  }\n\n  private showInitialPlaceholder() {\n    if (!this.downEle || !this.originalElementRect) return;\n\n    this.dropPlaceholder = document.createElement('div');\n    this.dropPlaceholder.className = 'drop-placeholder sortable';\n\n    // Use layout-space dimensions for placeholders (unaffected by ancestor transforms)\n    const size = this.originalLayoutSize;\n    this.dropPlaceholder.style.width = size.width + 'px';\n    this.dropPlaceholder.style.height = size.height + 'px';\n    this.dropPlaceholder.style.minHeight = size.height + 'px';\n    this.dropPlaceholder.style.borderRadius = 'var(--curvature)';\n    this.dropPlaceholder.style.flexShrink = '0';\n    this.dropPlaceholder.style.background = '#f3f4f6';\n    this.dropPlaceholder.style.outline = '2px dashed #d1d5db';\n    this.dropPlaceholder.style.outlineOffset = '-2px';\n\n    // Insert the placeholder right after the hidden original element\n    this.downEle.insertAdjacentElement('afterend', this.dropPlaceholder);\n  }\n\n  private handleMouseDown(event: MouseEvent) {\n    let ele = event.target as HTMLDivElement;\n\n    // if we have a drag handle, only allow dragging from that element\n    if (this.dragHandle) {\n      if (!ele.classList.contains(this.dragHandle)) {\n        return;\n      }\n    }\n\n    ele = ele.closest('.sortable');\n    if (ele) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.downEle = ele;\n      this.draggingId = ele.id;\n      this.draggingIdx = this.getRowIndex(ele.id);\n      this.draggingEle = ele;\n\n      // Use getBoundingClientRect for accurate offsets and store original dimensions\n      const rect = ele.getBoundingClientRect();\n      this.originalElementRect = rect; // Store viewport rect for ghost positioning\n      this.originalLayoutSize = {\n        width: ele.offsetWidth,\n        height: ele.offsetHeight\n      }; // Store layout dimensions for placeholders\n      this.xOffset = event.clientX - rect.left;\n      this.yOffset = event.clientY - rect.top;\n      this.yDown = event.clientY;\n      this.xDown = event.clientX;\n\n      document.addEventListener('mousemove', this.handleMouseMove);\n      document.addEventListener('mouseup', this.handleMouseUp);\n    }\n  }\n\n  private handleMouseMove(event: MouseEvent) {\n    if (\n      !this.ghostElement &&\n      this.downEle &&\n      (Math.abs(event.clientY - this.yDown) > DRAG_THRESHOLD ||\n        Math.abs(event.clientX - this.xDown) > DRAG_THRESHOLD)\n    ) {\n      this.fireCustomEvent(CustomEventType.DragStart, {\n        id: this.downEle.id\n      });\n\n      // Capture the original index BEFORE hiding the element\n      this.originalDragIndex = this.getRowIndex(this.downEle.id);\n\n      // Create a clone of the element to use as the ghost\n      this.ghostElement = this.cloneElementWithState(\n        this.downEle\n      ) as HTMLDivElement;\n\n      // Hide the original element during dragging using inline styles\n      this.originalDownDisplay = this.downEle.style.display;\n      this.downEle.style.display = 'none';\n\n      // Style the clone as a ghost\n      this.ghostElement.classList.add('ghost');\n\n      // Detect ancestor scale transform (e.g. zoom) by comparing viewport\n      // to layout dimensions, so the ghost renders content at the right scale\n      const rect = this.originalElementRect;\n      const layoutSize = this.originalLayoutSize;\n      const ancestorScale =\n        layoutSize.width > 0 ? rect.width / layoutSize.width : 1;\n      const hasAncestorScale = Math.abs(ancestorScale - 1) > 0.001;\n\n      this.ghostElement.style.position = 'fixed';\n      this.ghostElement.style.left = event.clientX - this.xOffset + 'px';\n      this.ghostElement.style.top = event.clientY - this.yOffset + 'px';\n      this.ghostElement.style.zIndex = '99999';\n      this.ghostElement.style.opacity = '0.8';\n\n      if (hasAncestorScale) {\n        // Use layout dimensions with ancestor scale so content renders correctly\n        this.ghostElement.style.width = layoutSize.width + 'px';\n        this.ghostElement.style.height = layoutSize.height + 'px';\n        this.ghostElement.style.transform = `scale(${ancestorScale * 1.03})`;\n        this.ghostElement.style.transformOrigin = '0 0';\n      } else {\n        this.ghostElement.style.width = rect.width + 'px';\n        this.ghostElement.style.height = rect.height + 'px';\n        this.ghostElement.style.transform = 'scale(1.03)';\n      }\n\n      // allow component to customize the ghost node\n      if (this.prepareGhost) {\n        this.prepareGhost(this.ghostElement);\n      }\n\n      // Add the clone to document.body for dragging\n      document.body.appendChild(this.ghostElement);\n\n      // Show initial placeholder in the original position to maintain layout\n      this.showInitialPlaceholder();\n\n      // Add global click blocker when drag starts\n      if (!this.clickBlocker) {\n        this.clickBlocker = (e: MouseEvent) => {\n          e.stopPropagation();\n          e.preventDefault();\n        };\n        // Use capture phase to intercept clicks before they reach any elements\n        document.addEventListener('click', this.clickBlocker, true);\n      }\n    }\n\n    if (this.ghostElement) {\n      this.ghostElement.style.left = event.clientX - this.xOffset + 'px';\n      this.ghostElement.style.top = event.clientY - this.yOffset + 'px';\n\n      // check if the drag is over the container (only if external dragging is allowed)\n      const isOverContainer = this.externalDrag\n        ? this.isMouseOverContainer(event.clientX, event.clientY)\n        : true; // always consider \"over container\" if external drag is disabled\n\n      // detect transition between internal and external drag (only if allowed)\n      if (this.externalDrag && !isOverContainer && !this.isExternalDrag) {\n        // transitioning to external drag\n        this.isExternalDrag = true;\n        this.hideDropPlaceholder();\n\n        // hide the ghost element when dragging externally\n        if (this.ghostElement) {\n          this.ghostElement.style.display = 'none';\n        }\n\n        this.fireCustomEvent(CustomEventType.DragExternal, {\n          id: this.downEle.id,\n          mouseX: event.clientX,\n          mouseY: event.clientY\n        });\n      } else if (this.externalDrag && isOverContainer && this.isExternalDrag) {\n        // transitioning back to internal drag\n        this.isExternalDrag = false;\n\n        // show the ghost element again when dragging internally\n        if (this.ghostElement) {\n          this.ghostElement.style.display = 'block';\n        }\n\n        this.fireCustomEvent(CustomEventType.DragInternal, {\n          id: this.downEle.id\n        });\n      }\n\n      // only show drop placeholder and calculate drop position if internal drag\n      if (!this.isExternalDrag) {\n        const targetInfo = this.getDropTargetInfo(event.clientX, event.clientY);\n        if (targetInfo) {\n          const { element: targetElement, insertAfter } = targetInfo;\n          const targetIdx = this.getRowIndex(targetElement.id);\n\n          // Use the original drag index we captured before moving the element\n          const originalDragIdx = this.originalDragIndex;\n\n          // Calculate where the dragged element will end up in the final array\n          // targetIdx is the position of target element in current DOM (missing dragged element)\n\n          let dropIdx;\n          if (targetIdx < originalDragIdx) {\n            // Target is before the original drag position - moving backward\n            dropIdx = insertAfter ? targetIdx + 1 : targetIdx;\n          } else {\n            // Target was originally after the drag position - moving forward\n            // When moving the dragged element forward (i.e., to a higher index), the targetIdx is based on the current DOM,\n            // which no longer includes the dragged element. This means all elements after the original position have shifted left by one,\n            // so we need to subtract 1 from targetIdx to get the correct insertion index. If inserting after the target, we use targetIdx as is.\n            dropIdx = insertAfter ? targetIdx : targetIdx - 1;\n          }\n\n          // Store pending drop info but don't fire event yet\n          this.dropTargetId = targetElement.id;\n          this.pendingDropIndex = dropIdx;\n          this.pendingTargetElement = targetElement;\n\n          // Show drop placeholder\n          this.showDropPlaceholder(targetElement, insertAfter);\n        } else {\n          this.hideDropPlaceholder();\n          this.dropTargetId = null;\n          this.pendingDropIndex = -1;\n          this.pendingTargetElement = null;\n        }\n      } else {\n        // external drag - continue firing external drag events with updated position\n        this.fireCustomEvent(CustomEventType.DragExternal, {\n          id: this.downEle.id,\n          mouseX: event.clientX,\n          mouseY: event.clientY\n        });\n      }\n    }\n  }\n\n  private handleMouseUp(evt: MouseEvent) {\n    if (this.draggingId && this.ghostElement) {\n      evt.preventDefault();\n      evt.stopPropagation();\n\n      // Remove the ghost clone from document.body\n      if (this.ghostElement) {\n        this.ghostElement.remove();\n      }\n\n      // Restore visibility of the original element by clearing inline styles\n      if (this.downEle) {\n        this.downEle.style.display = this.originalDownDisplay;\n      }\n\n      // Clear visual effects before firing events\n      this.hideDropPlaceholder();\n\n      // fire the order changed event only when dropped if we have a valid drop position\n      if (\n        !this.isExternalDrag &&\n        this.pendingDropIndex >= 0 &&\n        this.pendingTargetElement\n      ) {\n        // Use the original drag index we captured before hiding the element\n        const originalDragIdx = this.originalDragIndex;\n\n        // use swap-based logic - report which indexes need to be swapped\n        const fromIdx = originalDragIdx;\n        const toIdx = this.pendingDropIndex;\n\n        // only fire if the position actually changed AND this is not an external drag\n        // External drags are handled by external drop handlers\n        if (fromIdx !== toIdx && !this.isExternalDrag) {\n          this.fireCustomEvent(CustomEventType.OrderChanged, {\n            swap: [fromIdx, toIdx]\n          });\n        }\n      }\n\n      this.fireCustomEvent(CustomEventType.DragStop, {\n        id: this.draggingId,\n        isExternal: this.isExternalDrag,\n        mouseX: evt.clientX,\n        mouseY: evt.clientY\n      });\n\n      this.draggingId = null;\n      this.dropTargetId = null;\n      this.downEle = null;\n      this.originalElementRect = null;\n      this.originalDragIndex = -1;\n      this.pendingDropIndex = -1;\n      this.pendingTargetElement = null;\n      this.isExternalDrag = false;\n\n      // Clear the ghost reference since we removed it\n      this.ghostElement = null;\n\n      this.hideDropPlaceholder();\n\n      // Keep the click blocker active for a short time after drop\n      if (this.clickBlocker) {\n        // We'll clean it up after a timeout\n        setTimeout(() => {\n          if (this.clickBlocker) {\n            document.removeEventListener('click', this.clickBlocker, true);\n            this.clickBlocker = null;\n          }\n        }, 100);\n      }\n    }\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n    this.dispatchEvent(new Event('change'));\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=\"container ${this.horizontal ? 'horizontal' : ''}\"\n        style=\"gap: ${this.gap}\"\n      >\n        <slot @mousedown=${this.handleMouseDown}></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"SortableList.js","sourceRoot":"","sources":["../../../src/list/SortableList.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement } from '../RapidElement';\n\n/**\n * A simple list that can be sorted by dragging\n */\n\n// how far we have to drag before it starts\nconst DRAG_THRESHOLD = 2;\n\n// padding around container for external drag detection\nconst EXTERNAL_DRAG_PADDING = 50;\n\nexport class SortableList extends RapidElement {\n  originalDownDisplay: string;\n  static get styles() {\n    return css`\n      :host {\n        margin: auto;\n      }\n\n      .container {\n        user-select: none;\n        position: relative;\n        display: grid;\n        grid-template-columns: 1fr;\n      }\n\n      .container.horizontal {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n      }\n\n      .dragging {\n        background: var(--color-selection);\n      }\n\n      .slot {\n        flex-grow: 1;\n      }\n\n      slot > * {\n        user-select: none;\n        touch-action: none;\n      }\n\n      temba-icon {\n        opacity: 0.1;\n        padding: 0.2em 0.5em;\n        transition: all 300ms ease-in-out;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  draggingId: string;\n\n  @property({ type: Boolean })\n  horizontal: boolean = false;\n\n  @property({ type: String })\n  dropTargetId: string;\n\n  @property({ type: String })\n  dragHandle: string;\n\n  @property({ type: String })\n  gap: string = '0em';\n\n  @property({ type: Boolean })\n  externalDrag: boolean = false;\n\n  /**\n   * Optional callback to allow parent components to customize the ghost node.\n   * Called after the ghost node is cloned but before it is appended to the DOM.\n   */\n  @property({ attribute: false })\n  prepareGhost?: (ghost: HTMLElement) => void;\n\n  ghostElement: HTMLDivElement = null;\n  downEle: HTMLDivElement = null;\n  originalElementRect: DOMRect = null; // Store viewport dimensions for ghost\n  originalLayoutSize: { width: number; height: number } = null; // Store layout dimensions for placeholders\n  originalDragIndex: number = -1; // Store original index before moving element\n  xOffset = 0;\n  yOffset = 0;\n  yDown = 0;\n  xDown = 0;\n\n  draggingIdx = -1;\n  draggingEle = null;\n  dropPlaceholder: HTMLDivElement = null;\n  pendingDropIndex = -1;\n  pendingTargetElement: HTMLElement = null;\n  isExternalDrag = false;\n\n  private clickBlocker: ((e: MouseEvent) => void) | null = null;\n\n  public constructor() {\n    super();\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleTouchMove = this.handleTouchMove.bind(this);\n    this.handleTouchEnd = this.handleTouchEnd.bind(this);\n    this.handleTouchStart = this.handleTouchStart.bind(this);\n  }\n\n  private getSortableElements(): Element[] {\n    const eles = this.shadowRoot\n      .querySelector('slot')\n      .assignedElements()\n      .filter(\n        (ele) =>\n          ele.classList.contains('sortable') &&\n          !ele.classList.contains('drop-placeholder')\n      );\n    return eles;\n  }\n\n  private isMouseOverContainer(mouseX: number, mouseY: number): boolean {\n    const container = this.shadowRoot.querySelector('.container');\n    if (!container) return false;\n\n    const rect = container.getBoundingClientRect();\n    // add some padding to make it easier to stay within the container\n    return (\n      mouseX >= rect.left - EXTERNAL_DRAG_PADDING &&\n      mouseX <= rect.right + EXTERNAL_DRAG_PADDING &&\n      mouseY >= rect.top - EXTERNAL_DRAG_PADDING &&\n      mouseY <= rect.bottom + EXTERNAL_DRAG_PADDING\n    );\n  }\n\n  private cloneElementWithState(element: HTMLElement): HTMLElement {\n    // First create a basic clone\n    const clone = element.cloneNode(true) as HTMLElement;\n\n    // Helper function to copy form element values recursively\n    const copyFormValues = (original: HTMLElement, cloned: HTMLElement) => {\n      try {\n        // Copy input values\n        const originalInputs = original.querySelectorAll(\n          'input, textarea, select'\n        );\n        const clonedInputs = cloned.querySelectorAll('input, textarea, select');\n\n        originalInputs.forEach((originalInput, index) => {\n          const clonedInput = clonedInputs[index] as\n            | HTMLInputElement\n            | HTMLTextAreaElement\n            | HTMLSelectElement;\n          if (clonedInput) {\n            if (originalInput instanceof HTMLInputElement) {\n              const originalHtmlInput = originalInput as HTMLInputElement;\n              const clonedHtmlInput = clonedInput as HTMLInputElement;\n\n              if (\n                originalHtmlInput.type === 'checkbox' ||\n                originalHtmlInput.type === 'radio'\n              ) {\n                clonedHtmlInput.checked = originalHtmlInput.checked;\n              } else {\n                clonedHtmlInput.value = originalHtmlInput.value;\n              }\n            } else if (originalInput instanceof HTMLTextAreaElement) {\n              (clonedInput as HTMLTextAreaElement).value = originalInput.value;\n            } else if (originalInput instanceof HTMLSelectElement) {\n              (clonedInput as HTMLSelectElement).selectedIndex =\n                originalInput.selectedIndex;\n            }\n          }\n        });\n\n        // Copy properties from all custom elements that might have a value property\n        const allOriginalElements = Array.from(original.querySelectorAll('*'));\n        const allClonedElements = Array.from(cloned.querySelectorAll('*'));\n\n        allOriginalElements.forEach((originalEl, index) => {\n          const clonedEl = allClonedElements[index];\n          if (clonedEl && originalEl) {\n            // Special handling for temba components\n            if (\n              originalEl.tagName &&\n              originalEl.tagName.toLowerCase().startsWith('temba-')\n            ) {\n              try {\n                // Copy common temba component properties\n                const tembaProps = [\n                  'value',\n                  'values',\n                  'selectedValue',\n                  'checked',\n                  'selected',\n                  'textContent'\n                ];\n                tembaProps.forEach((prop) => {\n                  if (\n                    prop in originalEl &&\n                    (originalEl as any)[prop] !== undefined\n                  ) {\n                    (clonedEl as any)[prop] = (originalEl as any)[prop];\n                  }\n                });\n\n                // Copy all attributes for temba components to preserve state\n                Array.from(originalEl.attributes).forEach((attr) => {\n                  clonedEl.setAttribute(attr.name, attr.value);\n                });\n              } catch (e) {\n                // Ignore errors when copying temba properties\n              }\n            } else {\n              // Try to copy value property for other elements\n              try {\n                if (\n                  'value' in originalEl &&\n                  (originalEl as any).value !== undefined\n                ) {\n                  (clonedEl as any).value = (originalEl as any).value;\n                }\n              } catch (e) {\n                // Ignore errors when copying properties\n              }\n\n              // Copy data attributes that might contain state\n              try {\n                Array.from(originalEl.attributes).forEach((attr) => {\n                  if (\n                    attr.name.startsWith('data-') ||\n                    attr.name.startsWith('aria-')\n                  ) {\n                    clonedEl.setAttribute(attr.name, attr.value);\n                  }\n                });\n              } catch (e) {\n                // Ignore errors when copying attributes\n              }\n            }\n          }\n        });\n      } catch (e) {\n        // If anything fails, just return the basic clone\n        console.warn('Failed to copy form values in cloneElementWithState:', e);\n      }\n    };\n\n    // Copy form values for the root element and all descendants\n    copyFormValues(element, clone);\n\n    return clone;\n  }\n\n  public getIds() {\n    return this.getSortableElements().map((ele) => ele.id);\n  }\n\n  private getRowIndex(id: string): number {\n    return this.getSortableElements().findIndex((ele) => ele.id === id);\n  }\n\n  private getDropTargetInfo(\n    mouseX: number,\n    mouseY: number\n  ): { element: HTMLDivElement; insertAfter: boolean } | null {\n    const elements = this.getSortableElements().filter(\n      (ele) => ele.id !== this.draggingEle?.id\n    );\n\n    if (elements.length === 0) return null;\n\n    if (this.horizontal) {\n      // For horizontal layout, find the insertion point based on mouse X position\n      for (let i = 0; i < elements.length; i++) {\n        const ele = elements[i];\n        const rect = ele.getBoundingClientRect();\n        const centerX = rect.left + rect.width / 2;\n\n        if (mouseX < centerX) {\n          // Insert before this element\n          return { element: ele as HTMLDivElement, insertAfter: false };\n        }\n      }\n      // If we're past all elements, insert after the last one\n      return {\n        element: elements[elements.length - 1] as HTMLDivElement,\n        insertAfter: true\n      };\n    } else {\n      // For vertical layout, find the insertion point based on mouse Y position\n      for (let i = 0; i < elements.length; i++) {\n        const ele = elements[i];\n        const rect = ele.getBoundingClientRect();\n        const centerY = rect.top + rect.height / 2;\n\n        if (mouseY < centerY) {\n          // Insert before this element\n          return { element: ele as HTMLDivElement, insertAfter: false };\n        }\n      }\n      // If we're past all elements, insert after the last one\n      return {\n        element: elements[elements.length - 1] as HTMLDivElement,\n        insertAfter: true\n      };\n    }\n  }\n\n  private showDropPlaceholder(\n    targetElement: HTMLElement,\n    insertAfter: boolean\n  ) {\n    this.hideDropPlaceholder();\n\n    if (!targetElement || !this.draggingEle) return;\n\n    // Don't show placeholder if we're targeting the dragging element itself\n    if (targetElement === this.draggingEle) return;\n\n    this.dropPlaceholder = document.createElement('div');\n\n    this.dropPlaceholder.className = 'drop-placeholder sortable';\n\n    // Use layout-space dimensions for placeholders (unaffected by ancestor transforms)\n    if (this.originalLayoutSize) {\n      const size = this.originalLayoutSize;\n      this.dropPlaceholder.style.width = size.width + 'px';\n      this.dropPlaceholder.style.height = size.height + 'px';\n      this.dropPlaceholder.style.minHeight = size.height + 'px';\n      this.dropPlaceholder.style.borderRadius = 'var(--curvature)';\n      this.dropPlaceholder.style.flexShrink = '0';\n      this.dropPlaceholder.style.background = '#f3f4f6';\n      this.dropPlaceholder.style.outline = '2px dashed #d1d5db';\n      this.dropPlaceholder.style.outlineOffset = '-2px';\n    }\n\n    // Insert the placeholder in the correct position in the DOM\n    if (insertAfter) {\n      targetElement.insertAdjacentElement('afterend', this.dropPlaceholder);\n    } else {\n      targetElement.insertAdjacentElement('beforebegin', this.dropPlaceholder);\n    }\n  }\n\n  private hideDropPlaceholder() {\n    if (this.dropPlaceholder) {\n      this.dropPlaceholder.remove();\n      this.dropPlaceholder = null;\n    }\n  }\n\n  private showInitialPlaceholder() {\n    if (!this.downEle || !this.originalElementRect) return;\n\n    this.dropPlaceholder = document.createElement('div');\n    this.dropPlaceholder.className = 'drop-placeholder sortable';\n\n    // Use layout-space dimensions for placeholders (unaffected by ancestor transforms)\n    const size = this.originalLayoutSize;\n    this.dropPlaceholder.style.width = size.width + 'px';\n    this.dropPlaceholder.style.height = size.height + 'px';\n    this.dropPlaceholder.style.minHeight = size.height + 'px';\n    this.dropPlaceholder.style.borderRadius = 'var(--curvature)';\n    this.dropPlaceholder.style.flexShrink = '0';\n    this.dropPlaceholder.style.background = '#f3f4f6';\n    this.dropPlaceholder.style.outline = '2px dashed #d1d5db';\n    this.dropPlaceholder.style.outlineOffset = '-2px';\n\n    // Insert the placeholder right after the hidden original element\n    this.downEle.insertAdjacentElement('afterend', this.dropPlaceholder);\n  }\n\n  /**\n   * Shared drag-start logic for both mouse and touch.\n   * Returns true if a drag target was found and state was initialised.\n   */\n  private beginDrag(\n    target: HTMLElement,\n    clientX: number,\n    clientY: number\n  ): boolean {\n    // if we have a drag handle, only allow dragging from that element\n    if (this.dragHandle) {\n      if (!target.classList.contains(this.dragHandle)) {\n        return false;\n      }\n    }\n\n    const ele = target.closest('.sortable') as HTMLDivElement;\n    if (!ele) return false;\n\n    this.downEle = ele;\n    this.draggingId = ele.id;\n    this.draggingIdx = this.getRowIndex(ele.id);\n    this.draggingEle = ele;\n\n    const rect = ele.getBoundingClientRect();\n    this.originalElementRect = rect;\n    this.originalLayoutSize = {\n      width: ele.offsetWidth,\n      height: ele.offsetHeight\n    };\n    this.xOffset = clientX - rect.left;\n    this.yOffset = clientY - rect.top;\n    this.yDown = clientY;\n    this.xDown = clientX;\n\n    return true;\n  }\n\n  private handleMouseDown(event: MouseEvent) {\n    if (\n      this.beginDrag(event.target as HTMLElement, event.clientX, event.clientY)\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      document.addEventListener('mousemove', this.handleMouseMove);\n      document.addEventListener('mouseup', this.handleMouseUp);\n    }\n  }\n\n  /* c8 ignore start -- touch-only handlers */\n  private handleTouchStart(event: TouchEvent) {\n    const touch = event.touches[0];\n    if (!touch) return;\n    if (\n      this.beginDrag(event.target as HTMLElement, touch.clientX, touch.clientY)\n    ) {\n      event.stopPropagation();\n      document.addEventListener('touchmove', this.handleTouchMove, {\n        passive: false\n      });\n      document.addEventListener('touchend', this.handleTouchEnd);\n      document.addEventListener('touchcancel', this.handleTouchEnd);\n    }\n  }\n  /* c8 ignore stop */\n\n  /**\n   * Shared drag-move logic for both mouse and touch.\n   */\n  private processDragMove(clientX: number, clientY: number) {\n    if (\n      !this.ghostElement &&\n      this.downEle &&\n      (Math.abs(clientY - this.yDown) > DRAG_THRESHOLD ||\n        Math.abs(clientX - this.xDown) > DRAG_THRESHOLD)\n    ) {\n      this.fireCustomEvent(CustomEventType.DragStart, {\n        id: this.downEle.id\n      });\n\n      // Capture the original index BEFORE hiding the element\n      this.originalDragIndex = this.getRowIndex(this.downEle.id);\n\n      // Create a clone of the element to use as the ghost\n      this.ghostElement = this.cloneElementWithState(\n        this.downEle\n      ) as HTMLDivElement;\n\n      // Hide the original element during dragging using inline styles\n      this.originalDownDisplay = this.downEle.style.display;\n      this.downEle.style.display = 'none';\n\n      // Style the clone as a ghost\n      this.ghostElement.classList.add('ghost');\n\n      // Detect ancestor scale transform (e.g. zoom) by comparing viewport\n      // to layout dimensions, so the ghost renders content at the right scale\n      const rect = this.originalElementRect;\n      const layoutSize = this.originalLayoutSize;\n      const ancestorScale =\n        layoutSize.width > 0 ? rect.width / layoutSize.width : 1;\n      const hasAncestorScale = Math.abs(ancestorScale - 1) > 0.001;\n\n      this.ghostElement.style.position = 'fixed';\n      this.ghostElement.style.left = clientX - this.xOffset + 'px';\n      this.ghostElement.style.top = clientY - this.yOffset + 'px';\n      this.ghostElement.style.zIndex = '99999';\n      this.ghostElement.style.opacity = '0.8';\n\n      if (hasAncestorScale) {\n        // Use layout dimensions with ancestor scale so content renders correctly\n        this.ghostElement.style.width = layoutSize.width + 'px';\n        this.ghostElement.style.height = layoutSize.height + 'px';\n        this.ghostElement.style.transform = `scale(${ancestorScale * 1.03})`;\n        this.ghostElement.style.transformOrigin = '0 0';\n      } else {\n        this.ghostElement.style.width = rect.width + 'px';\n        this.ghostElement.style.height = rect.height + 'px';\n        this.ghostElement.style.transform = 'scale(1.03)';\n      }\n\n      // allow component to customize the ghost node\n      if (this.prepareGhost) {\n        this.prepareGhost(this.ghostElement);\n      }\n\n      // Add the clone to document.body for dragging\n      document.body.appendChild(this.ghostElement);\n\n      // Show initial placeholder in the original position to maintain layout\n      this.showInitialPlaceholder();\n\n      // Add global click blocker when drag starts\n      if (!this.clickBlocker) {\n        this.clickBlocker = (e: MouseEvent) => {\n          e.stopPropagation();\n          e.preventDefault();\n        };\n        // Use capture phase to intercept clicks before they reach any elements\n        document.addEventListener('click', this.clickBlocker, true);\n      }\n    }\n\n    if (this.ghostElement) {\n      this.ghostElement.style.left = clientX - this.xOffset + 'px';\n      this.ghostElement.style.top = clientY - this.yOffset + 'px';\n\n      // check if the drag is over the container (only if external dragging is allowed)\n      const isOverContainer = this.externalDrag\n        ? this.isMouseOverContainer(clientX, clientY)\n        : true; // always consider \"over container\" if external drag is disabled\n\n      // detect transition between internal and external drag (only if allowed)\n      if (this.externalDrag && !isOverContainer && !this.isExternalDrag) {\n        // transitioning to external drag\n        this.isExternalDrag = true;\n        this.hideDropPlaceholder();\n\n        // hide the ghost element when dragging externally\n        if (this.ghostElement) {\n          this.ghostElement.style.display = 'none';\n        }\n\n        this.fireCustomEvent(CustomEventType.DragExternal, {\n          id: this.downEle.id,\n          mouseX: clientX,\n          mouseY: clientY\n        });\n      } else if (this.externalDrag && isOverContainer && this.isExternalDrag) {\n        // transitioning back to internal drag\n        this.isExternalDrag = false;\n\n        // show the ghost element again when dragging internally\n        if (this.ghostElement) {\n          this.ghostElement.style.display = 'block';\n        }\n\n        this.fireCustomEvent(CustomEventType.DragInternal, {\n          id: this.downEle.id\n        });\n      }\n\n      // only show drop placeholder and calculate drop position if internal drag\n      if (!this.isExternalDrag) {\n        const targetInfo = this.getDropTargetInfo(clientX, clientY);\n        if (targetInfo) {\n          const { element: targetElement, insertAfter } = targetInfo;\n          const targetIdx = this.getRowIndex(targetElement.id);\n\n          // Use the original drag index we captured before moving the element\n          const originalDragIdx = this.originalDragIndex;\n\n          // Calculate where the dragged element will end up in the final array\n          // targetIdx is the position of target element in current DOM (missing dragged element)\n\n          let dropIdx;\n          if (targetIdx < originalDragIdx) {\n            // Target is before the original drag position - moving backward\n            dropIdx = insertAfter ? targetIdx + 1 : targetIdx;\n          } else {\n            // Target was originally after the drag position - moving forward\n            dropIdx = insertAfter ? targetIdx : targetIdx - 1;\n          }\n\n          // Store pending drop info but don't fire event yet\n          this.dropTargetId = targetElement.id;\n          this.pendingDropIndex = dropIdx;\n          this.pendingTargetElement = targetElement;\n\n          // Show drop placeholder\n          this.showDropPlaceholder(targetElement, insertAfter);\n        } else {\n          this.hideDropPlaceholder();\n          this.dropTargetId = null;\n          this.pendingDropIndex = -1;\n          this.pendingTargetElement = null;\n        }\n      } else {\n        // external drag - continue firing external drag events with updated position\n        this.fireCustomEvent(CustomEventType.DragExternal, {\n          id: this.downEle.id,\n          mouseX: clientX,\n          mouseY: clientY\n        });\n      }\n    }\n  }\n\n  private handleMouseMove(event: MouseEvent) {\n    this.processDragMove(event.clientX, event.clientY);\n  }\n\n  /* c8 ignore next 6 -- touch-only */\n  private handleTouchMove(event: TouchEvent) {\n    const touch = event.touches[0];\n    if (!touch) return;\n    event.preventDefault();\n    this.processDragMove(touch.clientX, touch.clientY);\n  }\n\n  /**\n   * Shared drag-end logic for both mouse and touch.\n   */\n  private processDragEnd(clientX: number, clientY: number) {\n    if (this.draggingId && this.ghostElement) {\n      // Remove the ghost clone from document.body\n      if (this.ghostElement) {\n        this.ghostElement.remove();\n      }\n\n      // Restore visibility of the original element by clearing inline styles\n      if (this.downEle) {\n        this.downEle.style.display = this.originalDownDisplay;\n      }\n\n      // Clear visual effects before firing events\n      this.hideDropPlaceholder();\n\n      // fire the order changed event only when dropped if we have a valid drop position\n      if (\n        !this.isExternalDrag &&\n        this.pendingDropIndex >= 0 &&\n        this.pendingTargetElement\n      ) {\n        // Use the original drag index we captured before hiding the element\n        const originalDragIdx = this.originalDragIndex;\n\n        // use swap-based logic - report which indexes need to be swapped\n        const fromIdx = originalDragIdx;\n        const toIdx = this.pendingDropIndex;\n\n        // only fire if the position actually changed AND this is not an external drag\n        // External drags are handled by external drop handlers\n        if (fromIdx !== toIdx && !this.isExternalDrag) {\n          this.fireCustomEvent(CustomEventType.OrderChanged, {\n            swap: [fromIdx, toIdx]\n          });\n        }\n      }\n\n      this.fireCustomEvent(CustomEventType.DragStop, {\n        id: this.draggingId,\n        isExternal: this.isExternalDrag,\n        mouseX: clientX,\n        mouseY: clientY\n      });\n\n      this.draggingId = null;\n      this.dropTargetId = null;\n      this.downEle = null;\n      this.originalElementRect = null;\n      this.originalDragIndex = -1;\n      this.pendingDropIndex = -1;\n      this.pendingTargetElement = null;\n      this.isExternalDrag = false;\n\n      // Clear the ghost reference since we removed it\n      this.ghostElement = null;\n\n      this.hideDropPlaceholder();\n\n      // Keep the click blocker active for a short time after drop\n      if (this.clickBlocker) {\n        // We'll clean it up after a timeout\n        setTimeout(() => {\n          if (this.clickBlocker) {\n            document.removeEventListener('click', this.clickBlocker, true);\n            this.clickBlocker = null;\n          }\n        }, 100);\n      }\n    }\n  }\n\n  private handleMouseUp(evt: MouseEvent) {\n    if (this.draggingId && this.ghostElement) {\n      evt.preventDefault();\n      evt.stopPropagation();\n    }\n    this.processDragEnd(evt.clientX, evt.clientY);\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n    this.dispatchEvent(new Event('change'));\n  }\n\n  /* c8 ignore start -- touch-only */\n  private handleTouchEnd(evt: TouchEvent) {\n    const touch = evt.changedTouches[0];\n    const clientX = touch?.clientX ?? 0;\n    const clientY = touch?.clientY ?? 0;\n    this.processDragEnd(clientX, clientY);\n    document.removeEventListener('touchmove', this.handleTouchMove);\n    document.removeEventListener('touchend', this.handleTouchEnd);\n    document.removeEventListener('touchcancel', this.handleTouchEnd);\n    this.dispatchEvent(new Event('change'));\n  }\n  /* c8 ignore stop */\n\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=\"container ${this.horizontal ? 'horizontal' : ''}\"\n        style=\"gap: ${this.gap}\"\n      >\n        <slot\n          @mousedown=${this.handleMouseDown}\n          @touchstart=${this.handleTouchStart}\n        ></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/simulator/Simulator.js

@@ -552,6 +552,7 @@ export class Simulator extends RapidElement {
         flex-wrap: wrap;
         justify-content: center;
         gap: 6px;
+        padding: 0 12px;
         z-index: 9;
       }
 
@@ -564,7 +565,10 @@ export class Simulator extends RapidElement {
         font-size: 11px;
         cursor: pointer;
         transition: all 0.2s ease;
-        flex-shrink: 0;
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
 
       .quick-reply-btn:hover:not(:disabled) {