@lvce-editor/virtual-dom 1.19.0 → 1.20.0

package/dist/index.js

@@ -1,315 +1,308 @@
-// src/parts/ElementTags/ElementTags.ts
-var Audio = "audio";
-var Button = "button";
-var Col = "col";
-var ColGroup = "colgroup";
-var Del = "del";
-var Div = "div";
-var H1 = "h1";
-var H2 = "h2";
-var H3 = "h3";
-var H4 = "h4";
-var H5 = "h5";
-var H6 = "h6";
-var I = "i";
-var Img = "img";
-var Input = "input";
-var Ins = "ins";
-var Kbd = "kbd";
-var Span = "span";
-var Table = "table";
-var TBody = "tbody";
-var Td = "td";
-var Th = "th";
-var THead = "thead";
-var Tr = "tr";
-var Article = "article";
-var Aside = "aside";
-var Footer = "footer";
-var Header = "header";
-var Nav = "nav";
-var Section = "section";
-var Search = "search";
-var Dd = "dd";
-var Dl = "dl";
-var Figcaption = "figcaption";
-var Figure = "figure";
-var Hr = "hr";
-var Li = "li";
-var Ol = "ol";
-var P = "p";
-var Pre = "pre";
-var A = "a";
-var Br = "br";
-var Cite = "cite";
-var Data = "data";
-var Time = "time";
-var Tfoot = "tfoot";
-var Ul = "ul";
-var Video = "video";
-var TextArea = "textarea";
-var Select = "select";
-var Option = "option";
-var Code = "code";
+const Audio$1 = 'audio';
+const Button$1 = 'button';
+const Col$1 = 'col';
+const ColGroup$1 = 'colgroup';
+const Del$1 = 'del';
+const Div$1 = 'div';
+const H1$1 = 'h1';
+const H2$1 = 'h2';
+const H3$1 = 'h3';
+const H4$1 = 'h4';
+const H5$1 = 'h5';
+const H6$1 = 'h6';
+const I$1 = 'i';
+const Img$1 = 'img';
+const Input$1 = 'input';
+const Ins$1 = 'ins';
+const Kbd$1 = 'kbd';
+const Span$1 = 'span';
+const Table$1 = 'table';
+const TBody$1 = 'tbody';
+const Td$1 = 'td';
+const Th$1 = 'th';
+const THead$1 = 'thead';
+const Tr$1 = 'tr';
+const Article$1 = 'article';
+const Aside$1 = 'aside';
+const Footer$1 = 'footer';
+const Header$1 = 'header';
+const Nav$1 = 'nav';
+const Section$1 = 'section';
+const Search$1 = 'search';
+const Dd$1 = 'dd';
+const Dl$1 = 'dl';
+const Figcaption$1 = 'figcaption';
+const Figure$1 = 'figure';
+const Hr$1 = 'hr';
+const Li$1 = 'li';
+const Ol$1 = 'ol';
+const P$1 = 'p';
+const Pre$1 = 'pre';
+const A$1 = 'a';
+const Br$1 = 'br';
+const Cite$1 = 'cite';
+const Data$1 = 'data';
+const Time$1 = 'time';
+const Tfoot$1 = 'tfoot';
+const Ul$1 = 'ul';
+const Video$1 = 'video';
+const TextArea$1 = 'textarea';
+const Select$1 = 'select';
+const Option$1 = 'option';
+const Code$1 = 'code';
 
-// src/parts/VirtualDomElements/VirtualDomElements.ts
-var Audio2 = 0;
-var Button2 = 1;
-var Col2 = 2;
-var ColGroup2 = 3;
-var Div2 = 4;
-var H12 = 5;
-var Input2 = 6;
-var Kbd2 = 7;
-var Span2 = 8;
-var Table2 = 9;
-var TBody2 = 10;
-var Td2 = 11;
-var Text = 12;
-var Th2 = 13;
-var THead2 = 14;
-var Tr2 = 15;
-var I2 = 16;
-var Img2 = 17;
-var Ins2 = 20;
-var Del2 = 21;
-var H22 = 22;
-var H32 = 23;
-var H42 = 24;
-var H52 = 25;
-var H62 = 26;
-var Article2 = 27;
-var Aside2 = 28;
-var Footer2 = 29;
-var Header2 = 30;
-var Nav2 = 40;
-var Section2 = 41;
-var Search2 = 42;
-var Dd2 = 43;
-var Dl2 = 44;
-var Figcaption2 = 45;
-var Figure2 = 46;
-var Hr2 = 47;
-var Li2 = 48;
-var Ol2 = 49;
-var P2 = 50;
-var Pre2 = 51;
-var A2 = 53;
-var Br2 = 55;
-var Cite2 = 56;
-var Data2 = 57;
-var Time2 = 58;
-var Tfoot2 = 59;
-var Ul2 = 60;
-var Video2 = 61;
-var TextArea2 = 62;
-var Select2 = 63;
-var Option2 = 64;
-var Code2 = 65;
+const Audio = 0;
+const Button = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
 
-// src/parts/ElementTagMap/ElementTagMap.ts
-var getElementTag = (type) => {
+const getElementTag = type => {
   switch (type) {
-    case Audio2:
-      return Audio;
-    case H12:
-      return H1;
-    case H22:
-      return H2;
-    case H32:
-      return H3;
-    case H42:
-      return H4;
-    case H52:
-      return H5;
-    case H62:
-      return H6;
-    case Div2:
-      return Div;
-    case Kbd2:
-      return Kbd;
-    case Table2:
-      return Table;
-    case TBody2:
-      return TBody;
-    case Th2:
-      return Th;
-    case Td2:
-      return Td;
-    case THead2:
-      return THead;
-    case Tr2:
-      return Tr;
-    case Input2:
-      return Input;
-    case ColGroup2:
-      return ColGroup;
-    case Col2:
-      return Col;
-    case Button2:
-      return Button;
-    case Span2:
-      return Span;
-    case I2:
-      return I;
-    case Img2:
-      return Img;
-    case Ins2:
-      return Ins;
-    case Del2:
-      return Del;
-    case Article2:
-      return Article;
-    case Aside2:
-      return Aside;
-    case Footer2:
-      return Footer;
-    case Header2:
-      return Header;
-    case Nav2:
-      return Nav;
-    case Section2:
-      return Section;
-    case Search2:
-      return Search;
-    case Dd2:
-      return Dd;
-    case Dl2:
-      return Dl;
-    case Figcaption2:
-      return Figcaption;
-    case Figure2:
-      return Figure;
-    case Hr2:
-      return Hr;
-    case Li2:
-      return Li;
-    case Ol2:
-      return Ol;
-    case P2:
-      return P;
-    case Pre2:
-      return Pre;
-    case A2:
-      return A;
-    case Br2:
-      return Br;
-    case Cite2:
-      return Cite;
-    case Data2:
-      return Data;
-    case Time2:
-      return Time;
-    case Tfoot2:
-      return Tfoot;
-    case Ul2:
-      return Ul;
-    case Video2:
-      return Video;
-    case TextArea2:
-      return TextArea;
-    case Select2:
-      return Select;
-    case Option2:
-      return Option;
-    case Code2:
-      return Code;
+    case Audio:
+      return Audio$1;
+    case H1:
+      return H1$1;
+    case H2:
+      return H2$1;
+    case H3:
+      return H3$1;
+    case H4:
+      return H4$1;
+    case H5:
+      return H5$1;
+    case H6:
+      return H6$1;
+    case Div:
+      return Div$1;
+    case Kbd:
+      return Kbd$1;
+    case Table:
+      return Table$1;
+    case TBody:
+      return TBody$1;
+    case Th:
+      return Th$1;
+    case Td:
+      return Td$1;
+    case THead:
+      return THead$1;
+    case Tr:
+      return Tr$1;
+    case Input:
+      return Input$1;
+    case ColGroup:
+      return ColGroup$1;
+    case Col:
+      return Col$1;
+    case Button:
+      return Button$1;
+    case Span:
+      return Span$1;
+    case I:
+      return I$1;
+    case Img:
+      return Img$1;
+    case Ins:
+      return Ins$1;
+    case Del:
+      return Del$1;
+    case Article:
+      return Article$1;
+    case Aside:
+      return Aside$1;
+    case Footer:
+      return Footer$1;
+    case Header:
+      return Header$1;
+    case Nav:
+      return Nav$1;
+    case Section:
+      return Section$1;
+    case Search:
+      return Search$1;
+    case Dd:
+      return Dd$1;
+    case Dl:
+      return Dl$1;
+    case Figcaption:
+      return Figcaption$1;
+    case Figure:
+      return Figure$1;
+    case Hr:
+      return Hr$1;
+    case Li:
+      return Li$1;
+    case Ol:
+      return Ol$1;
+    case P:
+      return P$1;
+    case Pre:
+      return Pre$1;
+    case A:
+      return A$1;
+    case Br:
+      return Br$1;
+    case Cite:
+      return Cite$1;
+    case Data:
+      return Data$1;
+    case Time:
+      return Time$1;
+    case Tfoot:
+      return Tfoot$1;
+    case Ul:
+      return Ul$1;
+    case Video:
+      return Video$1;
+    case TextArea:
+      return TextArea$1;
+    case Select:
+      return Select$1;
+    case Option:
+      return Option$1;
+    case Code:
+      return Code$1;
     default:
       throw new Error(`element tag not found ${type}`);
   }
 };
 
-// src/parts/GetEventListenerOptions/GetEventListenerOptions.ts
-var getEventListenerOptions = (eventName, value) => {
+const getEventListenerOptions = (eventName, value) => {
   if (value.passive) {
     return {
       passive: true
     };
   }
   switch (eventName) {
-    case "wheel":
+    case 'wheel':
       return {
         passive: true
       };
     default:
-      return void 0;
+      return undefined;
   }
 };
 
-// src/parts/UidSymbol/UidSymbol.ts
-var uidSymbol = Symbol("uid");
+const uidSymbol = Symbol('uid');
 
-// src/parts/GetUidTarget/GetUidTarget.ts
-var getUidTarget = ($Element) => {
+const getUidTarget = $Element => {
   while ($Element) {
     if ($Element[uidSymbol]) {
       return $Element;
     }
     $Element = $Element.parentNode;
   }
-  return void 0;
+  return undefined;
 };
 
-// src/parts/ComponentUid/ComponentUid.ts
-var setComponentUid = ($Element, uid) => {
+const setComponentUid = ($Element, uid) => {
   $Element[uidSymbol] = uid;
 };
-var getComponentUid = ($Element) => {
+const getComponentUid = $Element => {
   const $Target = getUidTarget($Element);
   if (!$Target) {
     return 0;
   }
   return $Target[uidSymbol];
 };
-var getComponentUidFromEvent = (event) => {
-  const { target, currentTarget } = event;
+const getComponentUidFromEvent = event => {
+  const {
+    target,
+    currentTarget
+  } = event;
   return getComponentUid(currentTarget || target);
 };
 
-// src/parts/IpcState/IpcState.ts
-var state = {
-  ipc: void 0
+const state = {
+  ipc: undefined
 };
-var getIpc = () => {
+const getIpc = () => {
   return state.ipc;
 };
-var setIpc = (value) => {
+const setIpc = value => {
   state.ipc = value;
 };
 
-// src/parts/ListenerCache/ListenerCache.ts
-var cache = /* @__PURE__ */ new Map();
-var has = (listener) => {
+const cache = new Map();
+const has = listener => {
   return cache.has(listener);
 };
-var set = (listener, value) => {
+const set = (listener, value) => {
   cache.set(listener, value);
 };
-var get = (listener) => {
+const get = listener => {
   return cache.get(listener);
 };
 
-// src/parts/NameAnonymousFunction/NameAnonymousFunction.ts
-var nameAnonymousFunction = (fn, name) => {
-  Object.defineProperty(fn, "name", {
+const nameAnonymousFunction = (fn, name) => {
+  Object.defineProperty(fn, 'name', {
     value: name
   });
 };
 
-// src/parts/GetWrappedListener/GetWrappedListener.ts
-var getWrappedListener = (listener, returnValue) => {
+const getWrappedListener = (listener, returnValue) => {
   if (!returnValue) {
     return listener;
   }
   if (!has(listener)) {
-    const wrapped = (event) => {
+    const wrapped = event => {
       const uid = getComponentUidFromEvent(event);
       const result = listener(event);
+      // TODO check for empty array by value
       if (result.length === 0) {
         return;
       }
       const ipc = getIpc();
-      ipc.send("Viewlet.executeViewletCommand", uid, ...result);
+      ipc.send('Viewlet.executeViewletCommand', uid, ...result);
     };
     nameAnonymousFunction(wrapped, listener.name);
     set(listener, wrapped);
@@ -317,112 +310,110 @@ var getWrappedListener = (listener, returnValue) => {
   return get(listener);
 };
 
-// src/parts/AttachEvent/AttachEvent.ts
-var getOptions = (fn) => {
+const getOptions = fn => {
   if (fn.passive) {
     return {
       passive: true
     };
   }
-  return void 0;
+  return undefined;
 };
-var attachEvent = ($Node, eventMap, key, value, newEventMap) => {
+const attachEvent = ($Node, eventMap, key, value, newEventMap) => {
   if (newEventMap && newEventMap[value]) {
     const fn = newEventMap[value];
-    const options2 = getOptions(fn);
-    $Node.addEventListener(key, newEventMap[value], options2);
+    const options = getOptions(fn);
+    // TODO support event listener options
+    $Node.addEventListener(key, newEventMap[value], options);
     return;
   }
   const listener = eventMap[value];
   if (!listener) {
-    console.warn("listener not found", value);
+    console.warn('listener not found', value);
     return;
   }
   const options = getEventListenerOptions(key, value);
-  const wrapped = getWrappedListener(
-    listener,
-    eventMap.returnValue
-  );
+  const wrapped = getWrappedListener(listener, eventMap.returnValue);
   $Node.addEventListener(key, wrapped, options);
 };
 
-// src/parts/VirtualDomElementProp/VirtualDomElementProp.ts
-var setProp = ($Element, key, value, eventMap, newEventMap) => {
+const setProp = ($Element, key, value, eventMap, newEventMap) => {
   switch (key) {
-    case "maskImage":
+    case 'maskImage':
       $Element.style.maskImage = `url('${value}')`;
       $Element.style.webkitMaskImage = `url('${value}')`;
       break;
-    case "paddingLeft":
-    case "paddingRight":
-    case "top":
-    case "left":
-    case "marginTop":
-      $Element.style[key] = typeof value === "number" ? `${value}px` : value;
+    case 'paddingLeft':
+    case 'paddingRight':
+    case 'top':
+    case 'left':
+    case 'marginTop':
+      $Element.style[key] = typeof value === 'number' ? `${value}px` : value;
       break;
-    case "translate":
+    case 'translate':
       $Element.style[key] = value;
       break;
-    case "width":
-    case "height":
+    case 'width':
+    case 'height':
       if ($Element instanceof HTMLImageElement) {
         $Element[key] = value;
-      } else if (typeof value === "number") {
+      } else if (typeof value === 'number') {
         $Element.style[key] = `${value}px`;
       } else {
         $Element.style[key] = value;
       }
       break;
-    case "style":
-      throw new Error("style property is not supported");
-    case "childCount":
-    case "type":
+    case 'style':
+      throw new Error('style property is not supported');
+    case 'childCount':
+    case 'type':
       break;
-    case "ariaOwns":
+    case 'ariaOwns':
+      // TODO remove this once idl is supported
       if (value) {
-        $Element.setAttribute("aria-owns", value);
+        $Element.setAttribute('aria-owns', value);
       } else {
-        $Element.removeAttribute("aria-owns");
+        $Element.removeAttribute('aria-owns');
       }
       break;
-    case "ariaActivedescendant":
+    case 'ariaActivedescendant':
       if (value) {
-        $Element.setAttribute("aria-activedescendant", value);
+        $Element.setAttribute('aria-activedescendant', value);
       } else {
-        $Element.removeAttribute("aria-activedescendant");
+        $Element.removeAttribute('aria-activedescendant');
       }
       break;
-    case "ariaControls":
-      $Element.setAttribute("aria-controls", value);
+    case 'ariaControls':
+      $Element.setAttribute('aria-controls', value);
       break;
-    case "inputType":
+    case 'inputType':
+      // @ts-ignore
       $Element.type = value;
       break;
-    case "ariaLabelledBy":
-      $Element.setAttribute("aria-labelledby", value);
+    case 'ariaLabelledBy':
+      $Element.setAttribute('aria-labelledby', value);
       break;
-    case "onBlur":
-    case "onChange":
-    case "onClick":
-    case "onContextMenu":
-    case "onDblClick":
-    case "onFocus":
-    case "onFocusIn":
-    case "onFocusOut":
-    case "onInput":
-    case "onKeyDown":
-    case "onMouseDown":
-    case "onPointerDown":
-    case "onPointerOut":
-    case "onPointerOver":
-    case "onWheel":
+    case 'onBlur':
+    case 'onChange':
+    case 'onClick':
+    case 'onContextMenu':
+    case 'onDblClick':
+    case 'onFocus':
+    case 'onFocusIn':
+    case 'onFocusOut':
+    case 'onInput':
+    case 'onKeyDown':
+    case 'onMouseDown':
+    case 'onPointerDown':
+    case 'onPointerOut':
+    case 'onPointerOver':
+    case 'onWheel':
       const eventName = key.slice(2).toLowerCase();
       if (!eventMap || !value) {
         return;
       }
       attachEvent($Element, eventMap, eventName, value, newEventMap);
       break;
-    case "id":
+    case 'id':
       if (value) {
         $Element[key] = value;
       } else {
@@ -430,38 +421,30 @@ var setProp = ($Element, key, value, eventMap, newEventMap) => {
       }
       break;
     default:
-      if (key.startsWith("data-")) {
-        $Element.dataset[key.slice("data-".length)] = value;
+      if (key.startsWith('data-')) {
+        $Element.dataset[key.slice('data-'.length)] = value;
       } else {
         $Element[key] = value;
       }
   }
 };
 
-// src/parts/VirtualDomElementProps/VirtualDomElementProps.ts
-var setProps = ($Element, props, eventMap, newEventMap) => {
+const setProps = ($Element, props, eventMap, newEventMap) => {
   for (const key in props) {
-    setProp(
-      $Element,
-      key,
-      props[key],
-      eventMap,
-      newEventMap
-    );
+    setProp($Element, key, props[key], eventMap, newEventMap);
   }
 };
 
-// src/parts/VirtualDomElement/VirtualDomElement.ts
-var renderDomTextNode = (element) => {
+const renderDomTextNode = element => {
   return document.createTextNode(element.text);
 };
-var renderDomElement = (element, eventMap, newEventMap) => {
+const renderDomElement = (element, eventMap, newEventMap) => {
   const tag = getElementTag(element.type);
   const $Element = document.createElement(tag);
   setProps($Element, element, eventMap, newEventMap);
   return $Element;
 };
-var render = (element, eventMap, newEventMap) => {
+const render$1 = (element, eventMap, newEventMap) => {
   switch (element.type) {
     case Text:
       return renderDomTextNode(element);
@@ -470,14 +453,14 @@ var render = (element, eventMap, newEventMap) => {
   }
 };
 
-// src/parts/RenderInternal/RenderInternal.ts
-var renderInternal2 = ($Parent, elements, eventMap, newEventMap) => {
+const renderInternal = ($Parent, elements, eventMap, newEventMap) => {
   const max = elements.length - 1;
   let stack = [];
   for (let i = max; i >= 0; i--) {
     const element = elements[i];
-    const $Element = render(element, eventMap, newEventMap);
+    const $Element = render$1(element, eventMap, newEventMap);
     if (element.childCount > 0) {
+      // @ts-expect-error
       $Element.append(...stack.slice(0, element.childCount));
       stack = stack.slice(element.childCount);
     }
@@ -486,45 +469,38 @@ var renderInternal2 = ($Parent, elements, eventMap, newEventMap) => {
   $Parent.append(...stack);
 };
 
-// src/parts/PatchFunctions/PatchFunctions.ts
-var setAttribute = ($Element, key, value) => {
+const setAttribute = ($Element, key, value) => {
   $Element.setAttribute(key, value);
 };
-var removeAttribute = ($Element, key) => {
+const removeAttribute = ($Element, key) => {
   $Element.removeAttribute(key);
 };
-var setText = ($Element, value) => {
+const setText = ($Element, value) => {
   $Element.nodeValue = value;
 };
-var removeChild = ($Element, index) => {
+const removeChild = ($Element, index) => {
   const $Child = $Element.children[index];
   $Child.remove();
 };
-var add = ($Element, nodes) => {
-  renderInternal2($Element, nodes, {}, {});
+const add = ($Element, nodes) => {
+  renderInternal($Element, nodes, {}, {});
 };
 
-// src/parts/PatchType/PatchType.ts
-var SetText = 1;
-var SetAttribute = 3;
-var RemoveAttribute = 4;
-var Add = 6;
-var NavigateChild = 7;
-var NavigateParent = 8;
-var RemoveChild = 9;
-var NavigateSibling = 10;
+const SetText = 1;
+const SetAttribute = 3;
+const RemoveAttribute = 4;
+const Add = 6;
+const NavigateChild = 7;
+const NavigateParent = 8;
+const RemoveChild = 9;
+const NavigateSibling = 10;
 
-// src/parts/ApplyPatch/ApplyPatch.ts
-var applyPatch = ($Element, patches) => {
+const applyPatch = ($Element, patches) => {
   let $Current = $Element;
   for (const patch of patches) {
     switch (patch.type) {
       case SetAttribute:
-        setAttribute(
-          $Current,
-          patch.key,
-          patch.value
-        );
+        setAttribute($Current, patch.key, patch.value);
         break;
       case RemoveAttribute:
         removeAttribute($Current, patch.key);
@@ -547,64 +523,60 @@ var applyPatch = ($Element, patches) => {
       case NavigateParent:
         $Current = $Current.parentNode;
         break;
-      default:
-        break;
     }
   }
 };
 
-// src/parts/GetEventListenerArg/GetEventListenerArg.ts
-var getEventListenerArg = (param, event) => {
+const getEventListenerArg = (param, event) => {
   switch (param) {
-    case "event.clientX":
+    case 'event.clientX':
       return event.clientX;
-    case "event.x":
+    case 'event.x':
       return event.x;
-    case "event.clientY":
+    case 'event.clientY':
       return event.clientY;
-    case "event.y":
+    case 'event.y':
       return event.y;
-    case "event.button":
+    case 'event.button':
       return event.button;
-    case "event.target.value":
+    case 'event.target.value':
       return event.target.value;
-    case "event.isTrusted":
+    case 'event.isTrusted':
       return event.isTrusted;
-    case "event.target.className":
+    case 'event.target.className':
       return event.target.className;
-    case "event.data":
+    case 'event.data':
       return event.data;
-    case "event.deltaMode":
+    case 'event.deltaMode':
       return event.deltaMode;
-    case "event.deltaX":
+    case 'event.deltaX':
       return event.deltaX;
-    case "event.deltaY":
+    case 'event.deltaY':
       return event.deltaY;
-    case "event.detail":
+    case 'event.detail':
       return event.detail;
-    case "event.target.name":
+    case 'event.target.name':
       return event.target.name;
-    case "event.target.href":
+    case 'event.target.href':
       return event.target.href;
-    case "event.target.src":
+    case 'event.target.src':
       return event.target.src;
-    case "event.altKey":
+    case 'event.altKey':
       return event.altKey;
-    case "event.key":
+    case 'event.key':
       return event.key;
-    case "event.ctrlKey":
+    case 'event.ctrlKey':
       return event.ctrlKey;
-    case "event.shiftKey":
+    case 'event.shiftKey':
       return event.shiftKey;
-    case "event.inputType":
+    case 'event.inputType':
       return event.inputType;
     default:
       return param;
   }
 };
 
-// src/parts/GetEventListenerArgs/GetEventListenerArgs.ts
-var getEventListenerArgs = (params, event) => {
+const getEventListenerArgs = (params, event) => {
   const serialized = [];
   for (const param of params) {
     serialized.push(getEventListenerArg(param, event));
@@ -612,9 +584,8 @@ var getEventListenerArgs = (params, event) => {
   return serialized;
 };
 
-// src/parts/CreateEventListenerFunction/CreateEventListenerFunction.ts
-var createFn = (info) => {
-  const fn = (event) => {
+const createFn = info => {
+  const fn = event => {
     if (info.preventDefault) {
       event.preventDefault(event);
     }
@@ -624,89 +595,99 @@ var createFn = (info) => {
       return;
     }
     const ipc = getIpc();
-    ipc.send("Viewlet.executeViewletCommand", uid, ...args);
+    ipc.send('Viewlet.executeViewletCommand', uid, ...args);
   };
   nameAnonymousFunction(fn, info.name);
   if (info.passive) {
+    // TODO avoid mutating function property, maybe return an object with function and options
     fn.passive = true;
   }
   return fn;
 };
 
-// src/parts/RegisterEventListeners/RegisterEventListeners.ts
-var listeners = /* @__PURE__ */ Object.create(null);
-var registerEventListeners = (id, eventListeners) => {
-  const map = /* @__PURE__ */ Object.create(null);
+const listeners = Object.create(null);
+const registerEventListeners = (id, eventListeners) => {
+  const map = Object.create(null);
   for (const info of eventListeners) {
     const fn = createFn(info);
     map[info.name] = fn;
   }
   listeners[id] = map;
 };
-var getEventListenerMap = (id) => {
+const getEventListenerMap = id => {
   const map = listeners[id];
   return map;
 };
 
-// src/parts/QueryInputs/QueryInputs.ts
-var queryInputs = ($Viewlet) => {
-  return [...$Viewlet.querySelectorAll("input, textarea")];
+const queryInputs = $Viewlet => {
+  return [...$Viewlet.querySelectorAll('input, textarea')];
 };
 
-// src/parts/ClearNode/ClearNode.ts
-var clearNode = ($Node) => {
-  $Node.textContent = "";
+const clearNode = $Node => {
+  $Node.textContent = '';
 };
 
-// src/parts/VirtualDom/VirtualDom.ts
-var renderInto = ($Parent, dom, eventMap = {}) => {
+const renderInto = ($Parent, dom, eventMap = {}) => {
   clearNode($Parent);
-  renderInternal2($Parent, dom, eventMap);
+  renderInternal($Parent, dom, eventMap);
 };
-var render2 = (elements, eventMap = {}, newEventMap = {}) => {
-  const $Root = document.createElement("div");
-  renderInternal2($Root, elements, eventMap, newEventMap);
+
+/**
+ *
+ * @param {any[]} elements
+ * @returns
+ */
+const render = (elements, eventMap = {}, newEventMap = {}) => {
+  const $Root = document.createElement('div');
+  renderInternal($Root, elements, eventMap, newEventMap);
   return $Root;
 };
 
-// src/parts/RememberFocus/RememberFocus.ts
-var rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
+const rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
   const oldLeft = $Viewlet.style.left;
   const oldTop = $Viewlet.style.top;
   const oldWidth = $Viewlet.style.width;
   const oldHeight = $Viewlet.style.height;
-  const { activeElement } = document;
-  const isTreeFocused = activeElement?.getAttribute("role") === "tree";
-  const isRootTree = $Viewlet.getAttribute("role") === "tree" && activeElement === $Viewlet;
-  const focused = activeElement?.getAttribute("name");
+  const {
+    activeElement
+  } = document;
+  const isTreeFocused = activeElement?.getAttribute('role') === 'tree';
+  const isRootTree = $Viewlet.getAttribute('role') === 'tree' && activeElement === $Viewlet;
+  const focused = activeElement?.getAttribute('name');
   const $$Inputs = queryInputs($Viewlet);
-  const inputMap = /* @__PURE__ */ Object.create(null);
+  const inputMap = Object.create(null);
   for (const $Input of $$Inputs) {
+    // @ts-ignore
     inputMap[$Input.name] = $Input.value;
   }
   if (uid) {
     const newEventMap = getEventListenerMap(uid);
-    const $New = render2(dom, eventMap, newEventMap).firstChild;
+    const $New = render(dom, eventMap, newEventMap).firstChild;
     setComponentUid($New, uid);
+    // @ts-ignore
     $Viewlet.replaceWith($New);
+    // @ts-ignore
     $Viewlet = $New;
   } else {
     renderInto($Viewlet, dom, eventMap);
   }
   const $$NewInputs = queryInputs($Viewlet);
   for (const $Input of $$NewInputs) {
-    $Input.value = inputMap[$Input.name] || $Input.value || "";
+    // @ts-ignore
+    $Input.value = inputMap[$Input.name] || $Input.value || '';
   }
   if (isRootTree) {
     $Viewlet.focus();
   } else if (isTreeFocused) {
     const $Tree = $Viewlet.querySelector('[role="tree"]');
     if ($Tree) {
+      // @ts-ignore
       $Tree.focus();
     }
   } else if (focused) {
     const $Focused = $Viewlet.querySelector(`[name="${focused}"]`);
     if ($Focused) {
+      // @ts-ignore
       $Focused.focus();
     }
   }
@@ -716,14 +697,5 @@ var rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
   $Viewlet.style.width = oldWidth;
   return $Viewlet;
 };
-export {
-  applyPatch,
-  getComponentUid,
-  getComponentUidFromEvent,
-  registerEventListeners,
-  rememberFocus,
-  render2 as render,
-  renderInto,
-  setComponentUid,
-  setIpc
-};
+
+export { applyPatch, getComponentUid, getComponentUidFromEvent, registerEventListeners, rememberFocus, render, renderInto, setComponentUid, setIpc };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "main": "dist/index.js",
   "type": "module",
   "keywords": [],