@os-design/drag-sort 1.0.14 → 1.0.16

package/dist/esm/utils/NodeList.js

@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */
+
 // [prev, next, ref, setStyle, index, id]
 
 /**
@@ -38,6 +39,7 @@ class NodeList {
   /**
    * Listeners of node addition events.
    */
+
   constructor(props) {
     this.id = void 0;
     this.ref = void 0;
@@ -56,98 +58,87 @@ class NodeList {
     this.tail = null;
     this.listeners = [];
   }
-
   getHead() {
     return this.head;
   }
-
   getTail() {
     return this.tail;
   }
+
   /**
    * Adds the node to the beginning.
    * TL: O(1).
    */
-
-
   addToTheBeginning(props) {
     this.head = [null, this.head, props.ref, props.setStyle, props.index, props.id];
     const [, next] = this.head;
     if (next) next[0] = this.head; // Set the prev cursor of the next element
-
     if (!this.tail) this.tail = this.head;
     return this.head;
   }
+
   /**
    * Adds the node to the end.
    * TL: O(1).
    */
-
-
   addToTheEnd(props) {
     this.tail = [this.tail, null, props.ref, props.setStyle, props.index, props.id];
     const [prev] = this.tail;
     if (prev) prev[1] = this.tail; // Set the next cursor of the prev element
-
     if (!this.head) this.head = this.tail;
     return this.tail;
   }
+
   /**
    * Adds the node after the specified one.
    * TL: O(1).
    */
-
-
   static addAfter(node, props) {
     node[1] = [node, node[1], props.ref, props.setStyle, props.index, props.id];
     if (node[1][1]) node[1][1][0] = node[1];
     return node[1];
   }
+
   /**
    * Adds a new node depends on its position.
    * Called when a new node is mounted.
    * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.
    */
-
-
   add(props) {
     const {
       index
-    } = props; // Run listeners
+    } = props;
 
-    this.listeners.forEach(listener => listener(props)); // Add the first node to the beginning
+    // Run listeners
+    this.listeners.forEach(listener => listener(props));
 
+    // Add the first node to the beginning
     if (!this.head || !this.tail) {
       return this.addToTheBeginning(props);
-    } // Add the node to the beginning if it is located above the first one
-
+    }
 
+    // Add the node to the beginning if it is located above the first one
     const [,,,, headIndex] = this.head;
-
     if (index < headIndex) {
       return this.addToTheBeginning(props);
-    } // Add the node to the end if it is located below the last one
-
+    }
 
+    // Add the node to the end if it is located below the last one
     const [,,,, tailIndex] = this.tail;
-
     if (index === tailIndex) {
       // The tail is the blank node
       const [prev] = this.tail;
-
       if (prev) {
         this.tail[4] += 1;
         return NodeList.addAfter(prev, props);
       }
     }
-
     if (index > tailIndex) {
       return this.addToTheEnd(props);
-    } // Add the node after the one that is located above the current one
-
+    }
 
+    // Add the node after the one that is located above the current one
     let node = this.head;
-
     while (true) {
       const [, next] = node;
       if (!next) break;
@@ -155,53 +146,43 @@ class NodeList {
       if (index < nextIndex) break;
       node = next;
     }
-
     return NodeList.addAfter(node, props);
   }
+
   /**
    * Removes the existing node.
    * Called when the node is unmounted.
    * TL: O(1).
    */
-
-
   remove(node) {
     const [prev, next] = node;
-
     if (!prev && !next) {
       this.head = null;
       this.tail = null;
       return;
     }
-
     if (!prev && next) {
       next[0] = null;
       this.head = next;
       return;
     }
-
     if (prev && !next) {
       prev[1] = null;
       this.tail = prev;
       return;
     }
-
     if (prev && next) {
       prev[1] = next;
       next[0] = prev;
     }
   }
-
   addListener(callback) {
     this.listeners.push(callback);
   }
-
   removeListener(callback) {
     const index = this.listeners.findIndex(listener => listener === callback);
     this.listeners.splice(index, 1);
   }
-
 }
-
 export default NodeList;
 //# sourceMappingURL=NodeList.js.map

package/dist/esm/utils/NodeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeList.js","names":["NodeList","constructor","props","id","ref","innerRef","horizontal","renderDraggedNode","head","tail","listeners","getHead","getTail","addToTheBeginning","setStyle","index","next","addToTheEnd","prev","addAfter","node","add","forEach","listener","headIndex","tailIndex","nextIndex","remove","addListener","callback","push","removeListener","findIndex","splice"],"sources":["../../../src/utils/NodeList.ts"],"sourcesContent":["import React, { CSSProperties, RefObject } from 'react';\n\n/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */\n\n// [prev, next, ref, setStyle, index, id]\nexport type Node =\n  | [Node, Node, RefObject<any>, (style: CSSProperties) => void, number, string]\n  | null;\n\nexport type ExistingNode = Exclude<Node, null>;\n\nexport interface NodeProps {\n  ref: React.MutableRefObject<any>;\n  setStyle: (style: CSSProperties) => void;\n  index: number;\n  id: string;\n}\n\ninterface RenderDraggedNodeProps {\n  /**\n   * The index of the dragged node.\n   */\n  index: number;\n  /**\n   * The ID of the dragged node.\n   */\n  id: string;\n  /**\n   * The style of the dragged node with position.\n   */\n  style: CSSProperties;\n}\n\nexport type RenderDraggedNode = (\n  props: RenderDraggedNodeProps\n) => React.ReactNode;\n\ninterface InitProps {\n  id: string;\n  ref: RefObject<HTMLDivElement>;\n  innerRef: RefObject<HTMLDivElement>;\n  horizontal: boolean;\n  renderDraggedNode: RenderDraggedNode;\n}\n\n/**\n * Stores all the draggable items in the list.\n * The structure of the doubly linked list is used.\n */\nclass NodeList {\n  /**\n   * The ID of the list.\n   */\n  public id: string;\n\n  /**\n   * The ref to the list.\n   */\n  public ref: RefObject<HTMLDivElement>;\n\n  /**\n   * The inner ref to the list.\n   * Used by the virtual list.\n   */\n  public innerRef: RefObject<HTMLDivElement>;\n\n  /**\n   * Whether the list is horizontal.\n   */\n  public horizontal: boolean;\n\n  /**\n   * The callback that renders the dragged node.\n   */\n  public renderDraggedNode: RenderDraggedNode;\n\n  /**\n   * The head of draggable nodes.\n   */\n  private head: Node;\n\n  /**\n   * The tail of draggable nodes.\n   */\n  private tail: Node;\n\n  /**\n   * Listeners of node addition events.\n   */\n  private listeners: Array<(props: NodeProps) => void>;\n\n  public constructor(props: InitProps) {\n    this.id = props.id;\n    this.ref = props.ref;\n    this.innerRef = props.innerRef;\n    this.horizontal = props.horizontal;\n    this.renderDraggedNode = props.renderDraggedNode;\n    this.head = null;\n    this.tail = null;\n    this.listeners = [];\n  }\n\n  public getHead() {\n    return this.head;\n  }\n\n  public getTail() {\n    return this.tail;\n  }\n\n  /**\n   * Adds the node to the beginning.\n   * TL: O(1).\n   */\n  private addToTheBeginning(props: NodeProps): ExistingNode {\n    this.head = [\n      null,\n      this.head,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [, next] = this.head;\n    if (next) next[0] = this.head; // Set the prev cursor of the next element\n    if (!this.tail) this.tail = this.head;\n    return this.head;\n  }\n\n  /**\n   * Adds the node to the end.\n   * TL: O(1).\n   */\n  private addToTheEnd(props: NodeProps): ExistingNode {\n    this.tail = [\n      this.tail,\n      null,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [prev] = this.tail;\n    if (prev) prev[1] = this.tail; // Set the next cursor of the prev element\n    if (!this.head) this.head = this.tail;\n    return this.tail;\n  }\n\n  /**\n   * Adds the node after the specified one.\n   * TL: O(1).\n   */\n  private static addAfter(node: ExistingNode, props: NodeProps): ExistingNode {\n    node[1] = [node, node[1], props.ref, props.setStyle, props.index, props.id];\n    if (node[1][1]) node[1][1][0] = node[1];\n    return node[1];\n  }\n\n  /**\n   * Adds a new node depends on its position.\n   * Called when a new node is mounted.\n   * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.\n   */\n  public add(props: NodeProps): ExistingNode {\n    const { index } = props;\n\n    // Run listeners\n    this.listeners.forEach((listener) => listener(props));\n\n    // Add the first node to the beginning\n    if (!this.head || !this.tail) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the beginning if it is located above the first one\n    const [, , , , headIndex] = this.head;\n    if (index < headIndex) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the end if it is located below the last one\n    const [, , , , tailIndex] = this.tail;\n    if (index === tailIndex) {\n      // The tail is the blank node\n      const [prev] = this.tail;\n      if (prev) {\n        this.tail[4] += 1;\n        return NodeList.addAfter(prev, props);\n      }\n    }\n    if (index > tailIndex) {\n      return this.addToTheEnd(props);\n    }\n\n    // Add the node after the one that is located above the current one\n    let node = this.head;\n    while (true) {\n      const [, next] = node;\n      if (!next) break;\n      const [, , , , nextIndex] = next;\n      if (index < nextIndex) break;\n      node = next;\n    }\n    return NodeList.addAfter(node, props);\n  }\n\n  /**\n   * Removes the existing node.\n   * Called when the node is unmounted.\n   * TL: O(1).\n   */\n  public remove(node: ExistingNode) {\n    const [prev, next] = node;\n    if (!prev && !next) {\n      this.head = null;\n      this.tail = null;\n      return;\n    }\n    if (!prev && next) {\n      next[0] = null;\n      this.head = next;\n      return;\n    }\n    if (prev && !next) {\n      prev[1] = null;\n      this.tail = prev;\n      return;\n    }\n    if (prev && next) {\n      prev[1] = next;\n      next[0] = prev;\n    }\n  }\n\n  public addListener(callback: (props: NodeProps) => void) {\n    this.listeners.push(callback);\n  }\n\n  public removeListener(callback: (props: NodeProps) => void) {\n    const index = this.listeners.findIndex((listener) => listener === callback);\n    this.listeners.splice(index, 1);\n  }\n}\n\nexport default NodeList;\n"],"mappings":"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"}
+{"version":3,"file":"NodeList.js","names":["NodeList","constructor","props","id","ref","innerRef","horizontal","renderDraggedNode","head","tail","listeners","getHead","getTail","addToTheBeginning","setStyle","index","next","addToTheEnd","prev","addAfter","node","add","forEach","listener","headIndex","tailIndex","nextIndex","remove","addListener","callback","push","removeListener","findIndex","splice"],"sources":["../../../src/utils/NodeList.ts"],"sourcesContent":["import React, { CSSProperties, RefObject } from 'react';\n\n/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */\n\n// [prev, next, ref, setStyle, index, id]\nexport type Node =\n  | [Node, Node, RefObject<any>, (style: CSSProperties) => void, number, string]\n  | null;\n\nexport type ExistingNode = Exclude<Node, null>;\n\nexport interface NodeProps {\n  ref: React.MutableRefObject<any>;\n  setStyle: (style: CSSProperties) => void;\n  index: number;\n  id: string;\n}\n\ninterface RenderDraggedNodeProps {\n  /**\n   * The index of the dragged node.\n   */\n  index: number;\n  /**\n   * The ID of the dragged node.\n   */\n  id: string;\n  /**\n   * The style of the dragged node with position.\n   */\n  style: CSSProperties;\n}\n\nexport type RenderDraggedNode = (\n  props: RenderDraggedNodeProps\n) => React.ReactNode;\n\ninterface InitProps {\n  id: string;\n  ref: RefObject<HTMLDivElement>;\n  innerRef: RefObject<HTMLDivElement>;\n  horizontal: boolean;\n  renderDraggedNode: RenderDraggedNode;\n}\n\n/**\n * Stores all the draggable items in the list.\n * The structure of the doubly linked list is used.\n */\nclass NodeList {\n  /**\n   * The ID of the list.\n   */\n  public id: string;\n\n  /**\n   * The ref to the list.\n   */\n  public ref: RefObject<HTMLDivElement>;\n\n  /**\n   * The inner ref to the list.\n   * Used by the virtual list.\n   */\n  public innerRef: RefObject<HTMLDivElement>;\n\n  /**\n   * Whether the list is horizontal.\n   */\n  public horizontal: boolean;\n\n  /**\n   * The callback that renders the dragged node.\n   */\n  public renderDraggedNode: RenderDraggedNode;\n\n  /**\n   * The head of draggable nodes.\n   */\n  private head: Node;\n\n  /**\n   * The tail of draggable nodes.\n   */\n  private tail: Node;\n\n  /**\n   * Listeners of node addition events.\n   */\n  private listeners: Array<(props: NodeProps) => void>;\n\n  public constructor(props: InitProps) {\n    this.id = props.id;\n    this.ref = props.ref;\n    this.innerRef = props.innerRef;\n    this.horizontal = props.horizontal;\n    this.renderDraggedNode = props.renderDraggedNode;\n    this.head = null;\n    this.tail = null;\n    this.listeners = [];\n  }\n\n  public getHead() {\n    return this.head;\n  }\n\n  public getTail() {\n    return this.tail;\n  }\n\n  /**\n   * Adds the node to the beginning.\n   * TL: O(1).\n   */\n  private addToTheBeginning(props: NodeProps): ExistingNode {\n    this.head = [\n      null,\n      this.head,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [, next] = this.head;\n    if (next) next[0] = this.head; // Set the prev cursor of the next element\n    if (!this.tail) this.tail = this.head;\n    return this.head;\n  }\n\n  /**\n   * Adds the node to the end.\n   * TL: O(1).\n   */\n  private addToTheEnd(props: NodeProps): ExistingNode {\n    this.tail = [\n      this.tail,\n      null,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [prev] = this.tail;\n    if (prev) prev[1] = this.tail; // Set the next cursor of the prev element\n    if (!this.head) this.head = this.tail;\n    return this.tail;\n  }\n\n  /**\n   * Adds the node after the specified one.\n   * TL: O(1).\n   */\n  private static addAfter(node: ExistingNode, props: NodeProps): ExistingNode {\n    node[1] = [node, node[1], props.ref, props.setStyle, props.index, props.id];\n    if (node[1][1]) node[1][1][0] = node[1];\n    return node[1];\n  }\n\n  /**\n   * Adds a new node depends on its position.\n   * Called when a new node is mounted.\n   * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.\n   */\n  public add(props: NodeProps): ExistingNode {\n    const { index } = props;\n\n    // Run listeners\n    this.listeners.forEach((listener) => listener(props));\n\n    // Add the first node to the beginning\n    if (!this.head || !this.tail) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the beginning if it is located above the first one\n    const [, , , , headIndex] = this.head;\n    if (index < headIndex) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the end if it is located below the last one\n    const [, , , , tailIndex] = this.tail;\n    if (index === tailIndex) {\n      // The tail is the blank node\n      const [prev] = this.tail;\n      if (prev) {\n        this.tail[4] += 1;\n        return NodeList.addAfter(prev, props);\n      }\n    }\n    if (index > tailIndex) {\n      return this.addToTheEnd(props);\n    }\n\n    // Add the node after the one that is located above the current one\n    let node = this.head;\n    while (true) {\n      const [, next] = node;\n      if (!next) break;\n      const [, , , , nextIndex] = next;\n      if (index < nextIndex) break;\n      node = next;\n    }\n    return NodeList.addAfter(node, props);\n  }\n\n  /**\n   * Removes the existing node.\n   * Called when the node is unmounted.\n   * TL: O(1).\n   */\n  public remove(node: ExistingNode) {\n    const [prev, next] = node;\n    if (!prev && !next) {\n      this.head = null;\n      this.tail = null;\n      return;\n    }\n    if (!prev && next) {\n      next[0] = null;\n      this.head = next;\n      return;\n    }\n    if (prev && !next) {\n      prev[1] = null;\n      this.tail = prev;\n      return;\n    }\n    if (prev && next) {\n      prev[1] = next;\n      next[0] = prev;\n    }\n  }\n\n  public addListener(callback: (props: NodeProps) => void) {\n    this.listeners.push(callback);\n  }\n\n  public removeListener(callback: (props: NodeProps) => void) {\n    const index = this.listeners.findIndex((listener) => listener === callback);\n    this.listeners.splice(index, 1);\n  }\n}\n\nexport default NodeList;\n"],"mappings":"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"}

package/dist/esm/utils/getElementOffset.js

@@ -2,18 +2,15 @@ const getElementOffset = element => {
   let offsetLeft = 0;
   let offsetTop = 0;
   let el = element;
-
   while (el) {
     offsetLeft += el.offsetLeft;
     offsetTop += el.offsetTop;
     el = el.offsetParent;
   }
-
   return {
     offsetLeft,
     offsetTop
   };
 };
-
 export default getElementOffset;
 //# sourceMappingURL=getElementOffset.js.map

package/dist/esm/utils/getElementOffset.js.map

@@ -1 +1 @@
-{"version":3,"file":"getElementOffset.js","names":["getElementOffset","element","offsetLeft","offsetTop","el","offsetParent"],"sources":["../../../src/utils/getElementOffset.ts"],"sourcesContent":["const getElementOffset = (element: HTMLElement) => {\n  let offsetLeft = 0;\n  let offsetTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    offsetLeft += el.offsetLeft;\n    offsetTop += el.offsetTop;\n    el = el.offsetParent as HTMLElement;\n  }\n  return { offsetLeft, offsetTop };\n};\n\nexport default getElementOffset;\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAIC,OAAD,IAA0B;EACjD,IAAIC,UAAU,GAAG,CAAjB;EACA,IAAIC,SAAS,GAAG,CAAhB;EACA,IAAIC,EAAsB,GAAGH,OAA7B;;EACA,OAAOG,EAAP,EAAW;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAjB;IACAC,SAAS,IAAIC,EAAE,CAACD,SAAhB;IACAC,EAAE,GAAGA,EAAE,CAACC,YAAR;EACD;;EACD,OAAO;IAAEH,UAAF;IAAcC;EAAd,CAAP;AACD,CAVD;;AAYA,eAAeH,gBAAf"}
+{"version":3,"file":"getElementOffset.js","names":["getElementOffset","element","offsetLeft","offsetTop","el","offsetParent"],"sources":["../../../src/utils/getElementOffset.ts"],"sourcesContent":["const getElementOffset = (element: HTMLElement) => {\n  let offsetLeft = 0;\n  let offsetTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    offsetLeft += el.offsetLeft;\n    offsetTop += el.offsetTop;\n    el = el.offsetParent as HTMLElement;\n  }\n  return { offsetLeft, offsetTop };\n};\n\nexport default getElementOffset;\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAIC,OAAoB,IAAK;EACjD,IAAIC,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;EACjB,IAAIC,EAAsB,GAAGH,OAAO;EACpC,OAAOG,EAAE,EAAE;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAU;IAC3BC,SAAS,IAAIC,EAAE,CAACD,SAAS;IACzBC,EAAE,GAAGA,EAAE,CAACC,YAA2B;EACrC;EACA,OAAO;IAAEH,UAAU;IAAEC;EAAU,CAAC;AAClC,CAAC;AAED,eAAeH,gBAAgB"}

package/dist/esm/utils/getElementScroll.js

@@ -2,18 +2,15 @@ const getElementScroll = element => {
   let scrollLeft = 0;
   let scrollTop = 0;
   let el = element;
-
   while (el) {
     scrollLeft += el.scrollLeft;
     scrollTop += el.scrollTop;
     el = el.parentElement;
   }
-
   return {
     scrollLeft,
     scrollTop
   };
 };
-
 export default getElementScroll;
 //# sourceMappingURL=getElementScroll.js.map

package/dist/esm/utils/getElementScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"getElementScroll.js","names":["getElementScroll","element","scrollLeft","scrollTop","el","parentElement"],"sources":["../../../src/utils/getElementScroll.ts"],"sourcesContent":["const getElementScroll = (element: HTMLElement) => {\n  let scrollLeft = 0;\n  let scrollTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    scrollLeft += el.scrollLeft;\n    scrollTop += el.scrollTop;\n    el = el.parentElement;\n  }\n  return { scrollLeft, scrollTop };\n};\n\nexport default getElementScroll;\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAIC,OAAD,IAA0B;EACjD,IAAIC,UAAU,GAAG,CAAjB;EACA,IAAIC,SAAS,GAAG,CAAhB;EACA,IAAIC,EAAsB,GAAGH,OAA7B;;EACA,OAAOG,EAAP,EAAW;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAjB;IACAC,SAAS,IAAIC,EAAE,CAACD,SAAhB;IACAC,EAAE,GAAGA,EAAE,CAACC,aAAR;EACD;;EACD,OAAO;IAAEH,UAAF;IAAcC;EAAd,CAAP;AACD,CAVD;;AAYA,eAAeH,gBAAf"}
+{"version":3,"file":"getElementScroll.js","names":["getElementScroll","element","scrollLeft","scrollTop","el","parentElement"],"sources":["../../../src/utils/getElementScroll.ts"],"sourcesContent":["const getElementScroll = (element: HTMLElement) => {\n  let scrollLeft = 0;\n  let scrollTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    scrollLeft += el.scrollLeft;\n    scrollTop += el.scrollTop;\n    el = el.parentElement;\n  }\n  return { scrollLeft, scrollTop };\n};\n\nexport default getElementScroll;\n"],"mappings":"AAAA,MAAMA,gBAAgB,GAAIC,OAAoB,IAAK;EACjD,IAAIC,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;EACjB,IAAIC,EAAsB,GAAGH,OAAO;EACpC,OAAOG,EAAE,EAAE;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAU;IAC3BC,SAAS,IAAIC,EAAE,CAACD,SAAS;IACzBC,EAAE,GAAGA,EAAE,CAACC,aAAa;EACvB;EACA,OAAO;IAAEH,UAAU;IAAEC;EAAU,CAAC;AAClC,CAAC;AAED,eAAeH,gBAAgB"}

package/dist/esm/utils/getNodeRect.js

@@ -1,9 +1,9 @@
 import getElementScroll from './getElementScroll';
 import getElementOffset from './getElementOffset';
+
 /**
  * Computes the bounds of the existing node without considering transforms.
  */
-
 const getNodeRect = ref => {
   if (!ref.current) return null;
   const parent = ref.current.parentElement;
@@ -31,6 +31,5 @@ const getNodeRect = ref => {
     bottom: top + height
   };
 };
-
 export default getNodeRect;
 //# sourceMappingURL=getNodeRect.js.map

package/dist/esm/utils/getNodeRect.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNodeRect.js","names":["getElementScroll","getElementOffset","getNodeRect","ref","current","parent","parentElement","width","height","getBoundingClientRect","offsetLeft","offsetTop","scrollLeft","scrollTop","left","top","right","bottom"],"sources":["../../../src/utils/getNodeRect.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport getElementScroll from './getElementScroll';\nimport getElementOffset from './getElementOffset';\n\n/**\n * Computes the bounds of the existing node without considering transforms.\n */\nconst getNodeRect = (ref: RefObject<HTMLElement>) => {\n  if (!ref.current) return null;\n\n  const parent = ref.current.parentElement;\n  const { width, height } = ref.current.getBoundingClientRect();\n  const { offsetLeft, offsetTop } = getElementOffset(ref.current);\n  const { scrollLeft, scrollTop } = parent\n    ? getElementScroll(parent)\n    : { scrollLeft: 0, scrollTop: 0 };\n\n  const left = offsetLeft - scrollLeft;\n  const top = offsetTop - scrollTop;\n\n  return {\n    left,\n    top,\n    right: left + width,\n    bottom: top + height,\n  };\n};\n\nexport default getNodeRect;\n"],"mappings":"AACA,OAAOA,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;AAEA;AACA;AACA;;AACA,MAAMC,WAAW,GAAIC,GAAD,IAAiC;EACnD,IAAI,CAACA,GAAG,CAACC,OAAT,EAAkB,OAAO,IAAP;EAElB,MAAMC,MAAM,GAAGF,GAAG,CAACC,OAAJ,CAAYE,aAA3B;EACA,MAAM;IAAEC,KAAF;IAASC;EAAT,IAAoBL,GAAG,CAACC,OAAJ,CAAYK,qBAAZ,EAA1B;EACA,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA4BV,gBAAgB,CAACE,GAAG,CAACC,OAAL,CAAlD;EACA,MAAM;IAAEQ,UAAF;IAAcC;EAAd,IAA4BR,MAAM,GACpCL,gBAAgB,CAACK,MAAD,CADoB,GAEpC;IAAEO,UAAU,EAAE,CAAd;IAAiBC,SAAS,EAAE;EAA5B,CAFJ;EAIA,MAAMC,IAAI,GAAGJ,UAAU,GAAGE,UAA1B;EACA,MAAMG,GAAG,GAAGJ,SAAS,GAAGE,SAAxB;EAEA,OAAO;IACLC,IADK;IAELC,GAFK;IAGLC,KAAK,EAAEF,IAAI,GAAGP,KAHT;IAILU,MAAM,EAAEF,GAAG,GAAGP;EAJT,CAAP;AAMD,CAnBD;;AAqBA,eAAeN,WAAf"}
+{"version":3,"file":"getNodeRect.js","names":["getElementScroll","getElementOffset","getNodeRect","ref","current","parent","parentElement","width","height","getBoundingClientRect","offsetLeft","offsetTop","scrollLeft","scrollTop","left","top","right","bottom"],"sources":["../../../src/utils/getNodeRect.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport getElementScroll from './getElementScroll';\nimport getElementOffset from './getElementOffset';\n\n/**\n * Computes the bounds of the existing node without considering transforms.\n */\nconst getNodeRect = (ref: RefObject<HTMLElement>) => {\n  if (!ref.current) return null;\n\n  const parent = ref.current.parentElement;\n  const { width, height } = ref.current.getBoundingClientRect();\n  const { offsetLeft, offsetTop } = getElementOffset(ref.current);\n  const { scrollLeft, scrollTop } = parent\n    ? getElementScroll(parent)\n    : { scrollLeft: 0, scrollTop: 0 };\n\n  const left = offsetLeft - scrollLeft;\n  const top = offsetTop - scrollTop;\n\n  return {\n    left,\n    top,\n    right: left + width,\n    bottom: top + height,\n  };\n};\n\nexport default getNodeRect;\n"],"mappings":"AACA,OAAOA,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,oBAAoB;;AAEjD;AACA;AACA;AACA,MAAMC,WAAW,GAAIC,GAA2B,IAAK;EACnD,IAAI,CAACA,GAAG,CAACC,OAAO,EAAE,OAAO,IAAI;EAE7B,MAAMC,MAAM,GAAGF,GAAG,CAACC,OAAO,CAACE,aAAa;EACxC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGL,GAAG,CAACC,OAAO,CAACK,qBAAqB,EAAE;EAC7D,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGV,gBAAgB,CAACE,GAAG,CAACC,OAAO,CAAC;EAC/D,MAAM;IAAEQ,UAAU;IAAEC;EAAU,CAAC,GAAGR,MAAM,GACpCL,gBAAgB,CAACK,MAAM,CAAC,GACxB;IAAEO,UAAU,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EAEnC,MAAMC,IAAI,GAAGJ,UAAU,GAAGE,UAAU;EACpC,MAAMG,GAAG,GAAGJ,SAAS,GAAGE,SAAS;EAEjC,OAAO;IACLC,IAAI;IACJC,GAAG;IACHC,KAAK,EAAEF,IAAI,GAAGP,KAAK;IACnBU,MAAM,EAAEF,GAAG,GAAGP;EAChB,CAAC;AACH,CAAC;AAED,eAAeN,WAAW"}

package/dist/esm/utils/useAppendClassName.js

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
+
 /**
  * Adds a new class name to the element.
  */
-
 const useAppendClassName = (ref, className) => {
   useEffect(() => {
     const element = ref.current;
@@ -14,6 +14,5 @@ const useAppendClassName = (ref, className) => {
     };
   }, [className, ref]);
 };
-
 export default useAppendClassName;
 //# sourceMappingURL=useAppendClassName.js.map

package/dist/esm/utils/useAppendClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAppendClassName.js","names":["useEffect","useAppendClassName","ref","className","element","current","initClassName","trim"],"sources":["../../../src/utils/useAppendClassName.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\n/**\n * Adds a new class name to the element.\n */\nconst useAppendClassName = (ref: RefObject<HTMLElement>, className: string) => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return () => {};\n\n    const initClassName = element.className;\n    element.className = `${initClassName} ${className}`.trim();\n\n    return () => {\n      element.className = initClassName;\n    };\n  }, [className, ref]);\n};\n\nexport default useAppendClassName;\n"],"mappings":"AAAA,SAAoBA,SAApB,QAAqC,OAArC;AAEA;AACA;AACA;;AACA,MAAMC,kBAAkB,GAAG,CAACC,GAAD,EAA8BC,SAA9B,KAAoD;EAC7EH,SAAS,CAAC,MAAM;IACd,MAAMI,OAAO,GAAGF,GAAG,CAACG,OAApB;IACA,IAAI,CAACD,OAAL,EAAc,OAAO,MAAM,CAAE,CAAf;IAEd,MAAME,aAAa,GAAGF,OAAO,CAACD,SAA9B;IACAC,OAAO,CAACD,SAAR,GAAqB,GAAEG,aAAc,IAAGH,SAAU,EAA9B,CAAgCI,IAAhC,EAApB;IAEA,OAAO,MAAM;MACXH,OAAO,CAACD,SAAR,GAAoBG,aAApB;IACD,CAFD;EAGD,CAVQ,EAUN,CAACH,SAAD,EAAYD,GAAZ,CAVM,CAAT;AAWD,CAZD;;AAcA,eAAeD,kBAAf"}
+{"version":3,"file":"useAppendClassName.js","names":["useEffect","useAppendClassName","ref","className","element","current","initClassName","trim"],"sources":["../../../src/utils/useAppendClassName.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\n/**\n * Adds a new class name to the element.\n */\nconst useAppendClassName = (ref: RefObject<HTMLElement>, className: string) => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return () => {};\n\n    const initClassName = element.className;\n    element.className = `${initClassName} ${className}`.trim();\n\n    return () => {\n      element.className = initClassName;\n    };\n  }, [className, ref]);\n};\n\nexport default useAppendClassName;\n"],"mappings":"AAAA,SAAoBA,SAAS,QAAQ,OAAO;;AAE5C;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,CAACC,GAA2B,EAAEC,SAAiB,KAAK;EAC7EH,SAAS,CAAC,MAAM;IACd,MAAMI,OAAO,GAAGF,GAAG,CAACG,OAAO;IAC3B,IAAI,CAACD,OAAO,EAAE,OAAO,MAAM,CAAC,CAAC;IAE7B,MAAME,aAAa,GAAGF,OAAO,CAACD,SAAS;IACvCC,OAAO,CAACD,SAAS,GAAI,GAAEG,aAAc,IAAGH,SAAU,EAAC,CAACI,IAAI,EAAE;IAE1D,OAAO,MAAM;MACXH,OAAO,CAACD,SAAS,GAAGG,aAAa;IACnC,CAAC;EACH,CAAC,EAAE,CAACH,SAAS,EAAED,GAAG,CAAC,CAAC;AACtB,CAAC;AAED,eAAeD,kBAAkB"}

package/dist/esm/utils/useBlankNode.js

@@ -1,5 +1,4 @@
 import { useCallback, useEffect, useRef } from 'react';
-
 /**
  * Appends the blank node to the list to increase the height of it.
  * Used when the dragged node is located inside another list.
@@ -18,9 +17,9 @@ const useBlankNode = props => {
   useEffect(() => {
     if (!draggedNode || !targetList || !targetList.ref.current || draggedNode.list === targetList || !initDraggedNodeRectRef.current) {
       return;
-    } // Create a new blank div
-
+    }
 
+    // Create a new blank div
     const {
       initWidth,
       initHeight
@@ -31,8 +30,9 @@ const useBlankNode = props => {
     div.style.minWidth = `${initWidth}px`;
     div.style.minHeight = `${initHeight}px`;
     let parent = targetList.ref.current;
-    const innerList = targetList.innerRef.current; // The inner ref used only in the virtual list
+    const innerList = targetList.innerRef.current;
 
+    // The inner ref used only in the virtual list
     if (innerList) {
       const {
         width,
@@ -42,11 +42,12 @@ const useBlankNode = props => {
       div.style.left = targetList.horizontal ? `${width}px` : '0px';
       div.style.top = targetList.horizontal ? '0px' : `${height}px`;
       parent = innerList;
-    } // Append the blank div to increase the height of the list
+    }
 
+    // Append the blank div to increase the height of the list
+    parent.appendChild(div);
 
-    parent.appendChild(div); // Add the blank node to the node list
-
+    // Add the blank node to the node list
     const tail = targetList.getTail();
     blankNode.current = {
       list: targetList,
@@ -69,14 +70,14 @@ const useBlankNode = props => {
     if (!blank.list.ref.current || !blankNodeRef.current) return;
     const parent = blankNodeRef.current.parentElement;
     if (parent) parent.removeChild(blankNodeRef.current);
-  }, []); // Remove the blank node if the dragged node has been dropped
+  }, []);
 
+  // Remove the blank node if the dragged node has been dropped
   useEffect(() => {
     if (!draggedNode) return () => {};
     return () => removeBlankNode();
   }, [draggedNode, removeBlankNode]);
   return removeBlankNode;
 };
-
 export default useBlankNode;
 //# sourceMappingURL=useBlankNode.js.map

package/dist/esm/utils/useBlankNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBlankNode.js","names":["useCallback","useEffect","useRef","useBlankNode","props","draggedNode","targetList","initDraggedNodeRect","initDraggedNodeRectRef","blankNode","current","ref","list","initWidth","initHeight","div","document","createElement","style","width","height","minWidth","minHeight","parent","innerList","innerRef","getBoundingClientRect","position","left","horizontal","top","appendChild","tail","getTail","node","add","setStyle","index","id","removeBlankNode","blank","remove","blankNodeRef","parentElement","removeChild"],"sources":["../../../src/utils/useBlankNode.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport NodeList, { ExistingNode } from './NodeList';\n\ninterface InitSize {\n  initWidth: number;\n  initHeight: number;\n}\n\ninterface DraggedNode {\n  list: NodeList;\n}\n\ninterface UseBlankNodeProps {\n  draggedNode: DraggedNode | null;\n  targetList: NodeList | null;\n  initDraggedNodeRect: InitSize | null;\n}\n\ninterface BlankNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\n/**\n * Appends the blank node to the list to increase the height of it.\n * Used when the dragged node is located inside another list.\n */\nconst useBlankNode = (props: UseBlankNodeProps) => {\n  const { draggedNode, targetList, initDraggedNodeRect } = props;\n  const initDraggedNodeRectRef = useRef(initDraggedNodeRect);\n  const blankNode = useRef<BlankNode | null>(null);\n\n  useEffect(() => {\n    initDraggedNodeRectRef.current = initDraggedNodeRect;\n  }, [initDraggedNodeRect]);\n\n  useEffect(() => {\n    if (\n      !draggedNode ||\n      !targetList ||\n      !targetList.ref.current ||\n      draggedNode.list === targetList ||\n      !initDraggedNodeRectRef.current\n    ) {\n      return;\n    }\n\n    // Create a new blank div\n    const { initWidth, initHeight } = initDraggedNodeRectRef.current;\n    const div = document.createElement('div');\n    div.style.width = `${initWidth}px`;\n    div.style.height = `${initHeight}px`;\n    div.style.minWidth = `${initWidth}px`;\n    div.style.minHeight = `${initHeight}px`;\n\n    let parent = targetList.ref.current;\n    const innerList = targetList.innerRef.current;\n\n    // The inner ref used only in the virtual list\n    if (innerList) {\n      const { width, height } = innerList.getBoundingClientRect();\n      div.style.position = 'absolute';\n      div.style.left = targetList.horizontal ? `${width}px` : '0px';\n      div.style.top = targetList.horizontal ? '0px' : `${height}px`;\n      parent = innerList;\n    }\n\n    // Append the blank div to increase the height of the list\n    parent.appendChild(div);\n\n    // Add the blank node to the node list\n    const tail = targetList.getTail();\n    blankNode.current = {\n      list: targetList,\n      node: targetList.add({\n        ref: { current: div },\n        setStyle: () => {},\n        index: tail ? tail[4] + 1 : 0,\n        id: 'blank',\n      }),\n    };\n  }, [draggedNode, targetList]);\n\n  const removeBlankNode = useCallback(() => {\n    const blank = blankNode.current;\n    if (!blank) return;\n    blankNode.current = null;\n    blank.list.remove(blank.node);\n    const [, , blankNodeRef] = blank.node;\n    if (!blank.list.ref.current || !blankNodeRef.current) return;\n    const parent = blankNodeRef.current.parentElement;\n    if (parent) parent.removeChild(blankNodeRef.current);\n  }, []);\n\n  // Remove the blank node if the dragged node has been dropped\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    return () => removeBlankNode();\n  }, [draggedNode, removeBlankNode]);\n\n  return removeBlankNode;\n};\n\nexport default useBlankNode;\n"],"mappings":"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"}
+{"version":3,"file":"useBlankNode.js","names":["useCallback","useEffect","useRef","useBlankNode","props","draggedNode","targetList","initDraggedNodeRect","initDraggedNodeRectRef","blankNode","current","ref","list","initWidth","initHeight","div","document","createElement","style","width","height","minWidth","minHeight","parent","innerList","innerRef","getBoundingClientRect","position","left","horizontal","top","appendChild","tail","getTail","node","add","setStyle","index","id","removeBlankNode","blank","remove","blankNodeRef","parentElement","removeChild"],"sources":["../../../src/utils/useBlankNode.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport NodeList, { ExistingNode } from './NodeList';\n\ninterface InitSize {\n  initWidth: number;\n  initHeight: number;\n}\n\ninterface DraggedNode {\n  list: NodeList;\n}\n\ninterface UseBlankNodeProps {\n  draggedNode: DraggedNode | null;\n  targetList: NodeList | null;\n  initDraggedNodeRect: InitSize | null;\n}\n\ninterface BlankNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\n/**\n * Appends the blank node to the list to increase the height of it.\n * Used when the dragged node is located inside another list.\n */\nconst useBlankNode = (props: UseBlankNodeProps) => {\n  const { draggedNode, targetList, initDraggedNodeRect } = props;\n  const initDraggedNodeRectRef = useRef(initDraggedNodeRect);\n  const blankNode = useRef<BlankNode | null>(null);\n\n  useEffect(() => {\n    initDraggedNodeRectRef.current = initDraggedNodeRect;\n  }, [initDraggedNodeRect]);\n\n  useEffect(() => {\n    if (\n      !draggedNode ||\n      !targetList ||\n      !targetList.ref.current ||\n      draggedNode.list === targetList ||\n      !initDraggedNodeRectRef.current\n    ) {\n      return;\n    }\n\n    // Create a new blank div\n    const { initWidth, initHeight } = initDraggedNodeRectRef.current;\n    const div = document.createElement('div');\n    div.style.width = `${initWidth}px`;\n    div.style.height = `${initHeight}px`;\n    div.style.minWidth = `${initWidth}px`;\n    div.style.minHeight = `${initHeight}px`;\n\n    let parent = targetList.ref.current;\n    const innerList = targetList.innerRef.current;\n\n    // The inner ref used only in the virtual list\n    if (innerList) {\n      const { width, height } = innerList.getBoundingClientRect();\n      div.style.position = 'absolute';\n      div.style.left = targetList.horizontal ? `${width}px` : '0px';\n      div.style.top = targetList.horizontal ? '0px' : `${height}px`;\n      parent = innerList;\n    }\n\n    // Append the blank div to increase the height of the list\n    parent.appendChild(div);\n\n    // Add the blank node to the node list\n    const tail = targetList.getTail();\n    blankNode.current = {\n      list: targetList,\n      node: targetList.add({\n        ref: { current: div },\n        setStyle: () => {},\n        index: tail ? tail[4] + 1 : 0,\n        id: 'blank',\n      }),\n    };\n  }, [draggedNode, targetList]);\n\n  const removeBlankNode = useCallback(() => {\n    const blank = blankNode.current;\n    if (!blank) return;\n    blankNode.current = null;\n    blank.list.remove(blank.node);\n    const [, , blankNodeRef] = blank.node;\n    if (!blank.list.ref.current || !blankNodeRef.current) return;\n    const parent = blankNodeRef.current.parentElement;\n    if (parent) parent.removeChild(blankNodeRef.current);\n  }, []);\n\n  // Remove the blank node if the dragged node has been dropped\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    return () => removeBlankNode();\n  }, [draggedNode, removeBlankNode]);\n\n  return removeBlankNode;\n};\n\nexport default useBlankNode;\n"],"mappings":"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"}

package/dist/esm/utils/useDragAndDrop.js

@@ -6,8 +6,6 @@ export const DragAndDropContext = /*#__PURE__*/React.createContext({
   onTouchStart: () => {},
   nodeClassName: ''
 });
-
 const useDragAndDrop = () => useContext(DragAndDropContext);
-
 export default useDragAndDrop;
 //# sourceMappingURL=useDragAndDrop.js.map

package/dist/esm/utils/useDragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragAndDrop.js","names":["React","useContext","DragAndDropContext","createContext","registerList","deregisterList","onMouseDown","onTouchStart","nodeClassName","useDragAndDrop"],"sources":["../../../src/utils/useDragAndDrop.ts"],"sourcesContent":["import React, { useContext, MouseEvent, TouchEvent } from 'react';\nimport { Position } from '@os-design/use-drag';\nimport NodeList, { ExistingNode } from './NodeList';\n\nexport interface SetDraggedNodeProps {\n  list: NodeList;\n  node: ExistingNode;\n  position: Position;\n}\n\ntype NodeEventHandler<T> = (e: T, list: NodeList, node: ExistingNode) => void;\n\ninterface DragAndDropContextProps {\n  registerList: (list: NodeList) => void;\n  deregisterList: (id: string) => void;\n  onMouseDown: NodeEventHandler<MouseEvent>;\n  onTouchStart: NodeEventHandler<TouchEvent>;\n  nodeClassName: string;\n}\n\nexport const DragAndDropContext = React.createContext<DragAndDropContextProps>({\n  registerList: () => {},\n  deregisterList: () => {},\n  onMouseDown: () => {},\n  onTouchStart: () => {},\n  nodeClassName: '',\n});\n\nconst useDragAndDrop = (): DragAndDropContextProps =>\n  useContext(DragAndDropContext);\n\nexport default useDragAndDrop;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA0D,OAA1D;AAoBA,OAAO,MAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAN,CAA6C;EAC7EC,YAAY,EAAE,MAAM,CAAE,CADuD;EAE7EC,cAAc,EAAE,MAAM,CAAE,CAFqD;EAG7EC,WAAW,EAAE,MAAM,CAAE,CAHwD;EAI7EC,YAAY,EAAE,MAAM,CAAE,CAJuD;EAK7EC,aAAa,EAAE;AAL8D,CAA7C,CAA3B;;AAQP,MAAMC,cAAc,GAAG,MACrBR,UAAU,CAACC,kBAAD,CADZ;;AAGA,eAAeO,cAAf"}
+{"version":3,"file":"useDragAndDrop.js","names":["React","useContext","DragAndDropContext","createContext","registerList","deregisterList","onMouseDown","onTouchStart","nodeClassName","useDragAndDrop"],"sources":["../../../src/utils/useDragAndDrop.ts"],"sourcesContent":["import React, { useContext, MouseEvent, TouchEvent } from 'react';\nimport { Position } from '@os-design/use-drag';\nimport NodeList, { ExistingNode } from './NodeList';\n\nexport interface SetDraggedNodeProps {\n  list: NodeList;\n  node: ExistingNode;\n  position: Position;\n}\n\ntype NodeEventHandler<T> = (e: T, list: NodeList, node: ExistingNode) => void;\n\ninterface DragAndDropContextProps {\n  registerList: (list: NodeList) => void;\n  deregisterList: (id: string) => void;\n  onMouseDown: NodeEventHandler<MouseEvent>;\n  onTouchStart: NodeEventHandler<TouchEvent>;\n  nodeClassName: string;\n}\n\nexport const DragAndDropContext = React.createContext<DragAndDropContextProps>({\n  registerList: () => {},\n  deregisterList: () => {},\n  onMouseDown: () => {},\n  onTouchStart: () => {},\n  nodeClassName: '',\n});\n\nconst useDragAndDrop = (): DragAndDropContextProps =>\n  useContext(DragAndDropContext);\n\nexport default useDragAndDrop;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAgC,OAAO;AAoBjE,OAAO,MAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAa,CAA0B;EAC7EC,YAAY,EAAE,MAAM,CAAC,CAAC;EACtBC,cAAc,EAAE,MAAM,CAAC,CAAC;EACxBC,WAAW,EAAE,MAAM,CAAC,CAAC;EACrBC,YAAY,EAAE,MAAM,CAAC,CAAC;EACtBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAG,MACrBR,UAAU,CAACC,kBAAkB,CAAC;AAEhC,eAAeO,cAAc"}