chore: removes artifact code copyNodeStyle

formkit · Dec 9, 2024 · 30a5bbc · 30a5bbc
1 parent 358c5e7
commit 30a5bbc
Show file tree

Hide file tree

Showing 7 changed files with 4 additions and 114 deletions.
diff --git a/dist/index.cjs b/dist/index.cjs
@@ -25,7 +25,6 @@ __export(src_exports, {
   addNodeClass: () => addNodeClass,
   addParentClass: () => addParentClass,
   animations: () => animations,
-  copyNodeStyle: () => copyNodeStyle,
   createEmitter: () => createEmitter,
   dragAndDrop: () => dragAndDrop,
   dragStateProps: () => dragStateProps,
@@ -2133,7 +2132,6 @@ function initDrag(data, draggedNodes2) {
           const clonedNode = node.el.cloneNode(true);
           clonedNode.style.pointerEvents = "none";
           clonedNode.id = node.el.id + "-clone";
-          copyNodeStyle(node.el, clonedNode, true);
           wrapper.append(clonedNode);
         }
         const { width } = draggedNodes2[0].el.getBoundingClientRect();
@@ -2967,33 +2965,6 @@ function addEvents(el, events) {
   }
   return abortController;
 }
-function copyNodeStyle(sourceNode, targetNode, omitKeys = false) {
-  const computedStyle = window.getComputedStyle(sourceNode);
-  const omittedKeysSet = /* @__PURE__ */ new Set([
-    "position",
-    "z-index",
-    "top",
-    "left",
-    "x",
-    "pointer-events",
-    "y",
-    "transform-origin",
-    "filter",
-    "-webkit-text-fill-color"
-  ]);
-  let styles = "";
-  for (const key of Array.from(computedStyle)) {
-    if (omitKeys === false && key && omittedKeysSet.has(key)) continue;
-    const value = computedStyle.getPropertyValue(key);
-    const priority = computedStyle.getPropertyPriority(key);
-    styles += `${key}: ${value}${priority ? " !important" : ""}; `;
-  }
-  targetNode.style.cssText += styles;
-  targetNode.style.pointerEvents = "none";
-  const sourceChildren = Array.from(sourceNode.children);
-  const targetChildren = Array.from(targetNode.children);
-  if (sourceChildren.length === 0 || targetChildren.length === 0) return;
-}
 function eventCoordinates(data) {
   return { x: data.clientX, y: data.clientY };
 }
@@ -3021,7 +2992,6 @@ function getRealCoords2(el) {
   addNodeClass,
   addParentClass,
   animations,
-  copyNodeStyle,
   createEmitter,
   dragAndDrop,
   dragStateProps,

diff --git a/dist/index.cjs.map b/dist/index.cjs.map
diff --git a/dist/index.d.cts b/dist/index.d.cts
@@ -1108,11 +1108,10 @@ declare function isNode(el: unknown): el is Node;
  * @returns - The abort controller used for the event listeners.
  */
 declare function addEvents(el: Document | ShadowRoot | Node | HTMLElement | Window, events: EventHandlers | any): AbortController;
-declare function copyNodeStyle(sourceNode: HTMLElement, targetNode: HTMLElement, omitKeys?: boolean): void;
 declare function eventCoordinates(data: DragEvent | PointerEvent): {
     x: number;
     y: number;
 };
 declare function getRealCoords(el: HTMLElement): Coordinates;
 
-export { type BaseDragState, type Coordinates, type DNDPlugin, type DNDPluginData, type DragAndDrop, type DragAndDropData, type DragState, type DragStateProps, type DragendEvent, type DragendEventData, type DragstartEvent, type DragstartEventData, type DropSwapConfig, type DropSwapState, type DynamicValuesData, type EventHandlers, type InsertConfig, type InsertEvent, type InsertState, type NativeDragEffects, type Node, type NodeData, type NodeDragEventData, type NodeEvent, type NodeEventData, type NodeFromPoint, type NodePointerEventData, type NodeRecord, type NodeTargetData, type NodesData, type ParentConfig, type ParentData, type ParentDragEventData, type ParentEventData, type ParentFromPoint, type ParentKeydownEventData, type ParentObservers, type ParentPointerEventData, type ParentRecord, type ParentTargetData, type ParentsData, type PluginData, type PointeroverNodeEvent, type PointeroverParentEvent, type RemapFinished, type RemapFinishedData, type ScrollData, type SetupNode, type SetupNodeData, type ShouldSwapData, type SortEvent, type SortEventData, type StateEvents, type SynthDragState, type SynthDragStateProps, type TearDownNode, type TearDownNodeData, type TransferEvent, type TransferEventData, addClass, addEvents, addNodeClass, addParentClass, animations, copyNodeStyle, createEmitter, dragAndDrop, dragStateProps, dragValues, dragstartClasses, dropOrSwap, emit, eq, eqRegExp, eventCoordinates, getElFromPoint, getRealCoords, getScrollablesUnderPointer, handleClickNode, handleClickParent, handleDragend, handleDragstart, handleEnd, handleLongPress, handleNodeDragover, handleNodeDrop, handleNodeKeydown, handleNodePointerdown, handleNodePointerover, handleNodePointerup, handleParentBlur, handleParentDragover, handleParentDrop, handleParentFocus, handleParentKeydown, handleParentPointerover, handlePointercancel, initDrag, insert, isBrowser, isDragState, isNode, isSynthDragState, noDefault, nodeEventData, nodes, on, parentEventData, parentValues, parents, performSort, performTransfer, preventSortOnScroll, remapFinished, remapNodes, removeClass, resetState, setAttrs, setDragState, setParentValues, setupNode, setupNodeRemap, sort, state, synthMove, tearDown, tearDownNode, tearDownNodeRemap, throttle, transfer, treeAncestors, updateConfig, validateDragHandle, validateDragstart, validateSort, validateTransfer };
+export { type BaseDragState, type Coordinates, type DNDPlugin, type DNDPluginData, type DragAndDrop, type DragAndDropData, type DragState, type DragStateProps, type DragendEvent, type DragendEventData, type DragstartEvent, type DragstartEventData, type DropSwapConfig, type DropSwapState, type DynamicValuesData, type EventHandlers, type InsertConfig, type InsertEvent, type InsertState, type NativeDragEffects, type Node, type NodeData, type NodeDragEventData, type NodeEvent, type NodeEventData, type NodeFromPoint, type NodePointerEventData, type NodeRecord, type NodeTargetData, type NodesData, type ParentConfig, type ParentData, type ParentDragEventData, type ParentEventData, type ParentFromPoint, type ParentKeydownEventData, type ParentObservers, type ParentPointerEventData, type ParentRecord, type ParentTargetData, type ParentsData, type PluginData, type PointeroverNodeEvent, type PointeroverParentEvent, type RemapFinished, type RemapFinishedData, type ScrollData, type SetupNode, type SetupNodeData, type ShouldSwapData, type SortEvent, type SortEventData, type StateEvents, type SynthDragState, type SynthDragStateProps, type TearDownNode, type TearDownNodeData, type TransferEvent, type TransferEventData, addClass, addEvents, addNodeClass, addParentClass, animations, createEmitter, dragAndDrop, dragStateProps, dragValues, dragstartClasses, dropOrSwap, emit, eq, eqRegExp, eventCoordinates, getElFromPoint, getRealCoords, getScrollablesUnderPointer, handleClickNode, handleClickParent, handleDragend, handleDragstart, handleEnd, handleLongPress, handleNodeDragover, handleNodeDrop, handleNodeKeydown, handleNodePointerdown, handleNodePointerover, handleNodePointerup, handleParentBlur, handleParentDragover, handleParentDrop, handleParentFocus, handleParentKeydown, handleParentPointerover, handlePointercancel, initDrag, insert, isBrowser, isDragState, isNode, isSynthDragState, noDefault, nodeEventData, nodes, on, parentEventData, parentValues, parents, performSort, performTransfer, preventSortOnScroll, remapFinished, remapNodes, removeClass, resetState, setAttrs, setDragState, setParentValues, setupNode, setupNodeRemap, sort, state, synthMove, tearDown, tearDownNode, tearDownNodeRemap, throttle, transfer, treeAncestors, updateConfig, validateDragHandle, validateDragstart, validateSort, validateTransfer };
diff --git a/dist/index.d.ts b/dist/index.d.ts
@@ -1108,11 +1108,10 @@ declare function isNode(el: unknown): el is Node;
  * @returns - The abort controller used for the event listeners.
  */
 declare function addEvents(el: Document | ShadowRoot | Node | HTMLElement | Window, events: EventHandlers | any): AbortController;
-declare function copyNodeStyle(sourceNode: HTMLElement, targetNode: HTMLElement, omitKeys?: boolean): void;
 declare function eventCoordinates(data: DragEvent | PointerEvent): {
     x: number;
     y: number;
 };
 declare function getRealCoords(el: HTMLElement): Coordinates;
 
-export { type BaseDragState, type Coordinates, type DNDPlugin, type DNDPluginData, type DragAndDrop, type DragAndDropData, type DragState, type DragStateProps, type DragendEvent, type DragendEventData, type DragstartEvent, type DragstartEventData, type DropSwapConfig, type DropSwapState, type DynamicValuesData, type EventHandlers, type InsertConfig, type InsertEvent, type InsertState, type NativeDragEffects, type Node, type NodeData, type NodeDragEventData, type NodeEvent, type NodeEventData, type NodeFromPoint, type NodePointerEventData, type NodeRecord, type NodeTargetData, type NodesData, type ParentConfig, type ParentData, type ParentDragEventData, type ParentEventData, type ParentFromPoint, type ParentKeydownEventData, type ParentObservers, type ParentPointerEventData, type ParentRecord, type ParentTargetData, type ParentsData, type PluginData, type PointeroverNodeEvent, type PointeroverParentEvent, type RemapFinished, type RemapFinishedData, type ScrollData, type SetupNode, type SetupNodeData, type ShouldSwapData, type SortEvent, type SortEventData, type StateEvents, type SynthDragState, type SynthDragStateProps, type TearDownNode, type TearDownNodeData, type TransferEvent, type TransferEventData, addClass, addEvents, addNodeClass, addParentClass, animations, copyNodeStyle, createEmitter, dragAndDrop, dragStateProps, dragValues, dragstartClasses, dropOrSwap, emit, eq, eqRegExp, eventCoordinates, getElFromPoint, getRealCoords, getScrollablesUnderPointer, handleClickNode, handleClickParent, handleDragend, handleDragstart, handleEnd, handleLongPress, handleNodeDragover, handleNodeDrop, handleNodeKeydown, handleNodePointerdown, handleNodePointerover, handleNodePointerup, handleParentBlur, handleParentDragover, handleParentDrop, handleParentFocus, handleParentKeydown, handleParentPointerover, handlePointercancel, initDrag, insert, isBrowser, isDragState, isNode, isSynthDragState, noDefault, nodeEventData, nodes, on, parentEventData, parentValues, parents, performSort, performTransfer, preventSortOnScroll, remapFinished, remapNodes, removeClass, resetState, setAttrs, setDragState, setParentValues, setupNode, setupNodeRemap, sort, state, synthMove, tearDown, tearDownNode, tearDownNodeRemap, throttle, transfer, treeAncestors, updateConfig, validateDragHandle, validateDragstart, validateSort, validateTransfer };
+export { type BaseDragState, type Coordinates, type DNDPlugin, type DNDPluginData, type DragAndDrop, type DragAndDropData, type DragState, type DragStateProps, type DragendEvent, type DragendEventData, type DragstartEvent, type DragstartEventData, type DropSwapConfig, type DropSwapState, type DynamicValuesData, type EventHandlers, type InsertConfig, type InsertEvent, type InsertState, type NativeDragEffects, type Node, type NodeData, type NodeDragEventData, type NodeEvent, type NodeEventData, type NodeFromPoint, type NodePointerEventData, type NodeRecord, type NodeTargetData, type NodesData, type ParentConfig, type ParentData, type ParentDragEventData, type ParentEventData, type ParentFromPoint, type ParentKeydownEventData, type ParentObservers, type ParentPointerEventData, type ParentRecord, type ParentTargetData, type ParentsData, type PluginData, type PointeroverNodeEvent, type PointeroverParentEvent, type RemapFinished, type RemapFinishedData, type ScrollData, type SetupNode, type SetupNodeData, type ShouldSwapData, type SortEvent, type SortEventData, type StateEvents, type SynthDragState, type SynthDragStateProps, type TearDownNode, type TearDownNodeData, type TransferEvent, type TransferEventData, addClass, addEvents, addNodeClass, addParentClass, animations, createEmitter, dragAndDrop, dragStateProps, dragValues, dragstartClasses, dropOrSwap, emit, eq, eqRegExp, eventCoordinates, getElFromPoint, getRealCoords, getScrollablesUnderPointer, handleClickNode, handleClickParent, handleDragend, handleDragstart, handleEnd, handleLongPress, handleNodeDragover, handleNodeDrop, handleNodeKeydown, handleNodePointerdown, handleNodePointerover, handleNodePointerup, handleParentBlur, handleParentDragover, handleParentDrop, handleParentFocus, handleParentKeydown, handleParentPointerover, handlePointercancel, initDrag, insert, isBrowser, isDragState, isNode, isSynthDragState, noDefault, nodeEventData, nodes, on, parentEventData, parentValues, parents, performSort, performTransfer, preventSortOnScroll, remapFinished, remapNodes, removeClass, resetState, setAttrs, setDragState, setParentValues, setupNode, setupNodeRemap, sort, state, synthMove, tearDown, tearDownNode, tearDownNodeRemap, throttle, transfer, treeAncestors, updateConfig, validateDragHandle, validateDragstart, validateSort, validateTransfer };
diff --git a/dist/index.mjs b/dist/index.mjs
@@ -2031,7 +2031,6 @@ function initDrag(data, draggedNodes2) {
           const clonedNode = node.el.cloneNode(true);
           clonedNode.style.pointerEvents = "none";
           clonedNode.id = node.el.id + "-clone";
-          copyNodeStyle(node.el, clonedNode, true);
           wrapper.append(clonedNode);
         }
         const { width } = draggedNodes2[0].el.getBoundingClientRect();
@@ -2865,33 +2864,6 @@ function addEvents(el, events) {
   }
   return abortController;
 }
-function copyNodeStyle(sourceNode, targetNode, omitKeys = false) {
-  const computedStyle = window.getComputedStyle(sourceNode);
-  const omittedKeysSet = /* @__PURE__ */ new Set([
-    "position",
-    "z-index",
-    "top",
-    "left",
-    "x",
-    "pointer-events",
-    "y",
-    "transform-origin",
-    "filter",
-    "-webkit-text-fill-color"
-  ]);
-  let styles = "";
-  for (const key of Array.from(computedStyle)) {
-    if (omitKeys === false && key && omittedKeysSet.has(key)) continue;
-    const value = computedStyle.getPropertyValue(key);
-    const priority = computedStyle.getPropertyPriority(key);
-    styles += `${key}: ${value}${priority ? " !important" : ""}; `;
-  }
-  targetNode.style.cssText += styles;
-  targetNode.style.pointerEvents = "none";
-  const sourceChildren = Array.from(sourceNode.children);
-  const targetChildren = Array.from(targetNode.children);
-  if (sourceChildren.length === 0 || targetChildren.length === 0) return;
-}
 function eventCoordinates(data) {
   return { x: data.clientX, y: data.clientY };
 }
@@ -2918,7 +2890,6 @@ export {
   addNodeClass,
   addParentClass,
   animations,
-  copyNodeStyle,
   createEmitter,
   dragAndDrop,
   dragStateProps,

diff --git a/dist/index.mjs.map b/dist/index.mjs.map
diff --git a/src/index.ts b/src/index.ts
@@ -1588,8 +1588,6 @@ export function initDrag<T>(
 
           clonedNode.id = node.el.id + "-clone";
 
-          copyNodeStyle(node.el, clonedNode, true);
-
           wrapper.append(clonedNode);
         }
 
@@ -1989,12 +1987,8 @@ function initSynthDrag<T>(
       for (const node of draggedNodes) {
         const clonedNode = node.el.cloneNode(true) as HTMLElement;
 
-        //copyNodeStyle(node.el, clonedNode);
-
         clonedNode.style.pointerEvents = "none";
 
-        //clonedNode.id = node.el.id + "-clone";
-
         wrapper.append(clonedNode);
       }
 
@@ -2975,49 +2969,6 @@ export function addEvents(
   return abortController;
 }
 
-export function copyNodeStyle(
-  sourceNode: HTMLElement,
-  targetNode: HTMLElement,
-  omitKeys = false
-) {
-  const computedStyle = window.getComputedStyle(sourceNode);
-  const omittedKeysSet = new Set([
-    "position",
-    "z-index",
-    "top",
-    "left",
-    "x",
-    "pointer-events",
-    "y",
-    "transform-origin",
-    "filter",
-    "-webkit-text-fill-color",
-  ]);
-
-  // Batch style updates
-  let styles = "";
-  for (const key of Array.from(computedStyle)) {
-    if (omitKeys === false && key && omittedKeysSet.has(key)) continue;
-    const value = computedStyle.getPropertyValue(key);
-    const priority = computedStyle.getPropertyPriority(key);
-    styles += `${key}: ${value}${priority ? " !important" : ""}; `;
-  }
-  targetNode.style.cssText += styles;
-  targetNode.style.pointerEvents = "none";
-
-  const sourceChildren = Array.from(sourceNode.children);
-  const targetChildren = Array.from(targetNode.children);
-
-  if (sourceChildren.length === 0 || targetChildren.length === 0) return;
-
-  //sourceChildren.forEach((child, index) => {
-  //  const targetChild = targetChildren[index];
-  //  if (!isNode(child) || !isNode(targetChild)) return;
-
-  //  copyNodeStyle(child as HTMLElement, targetChild as HTMLElement, omitKeys);
-  //});
-}
-
 export function eventCoordinates(data: DragEvent | PointerEvent) {
   return { x: data.clientX, y: data.clientY };
 }