@genexus/genexus-ide-ui 1.1.29 → 1.1.30

package/dist/genexus-ide-ui/{p-4406e156.js → p-97107ecc.js}

@@ -71,7 +71,7 @@ const t = /* genexus-ide-ui */ {
   updatable: true,
   vdomAttribute: true,
   vdomClass: true,
-  vdomFunctional: false,
+  vdomFunctional: true,
   vdomKey: true,
   vdomListener: true,
   vdomPropOrAttr: true,
@@ -107,8 +107,8 @@ let f = false;
 let r = false;
 
 const getAssetPath = e => {
-  const t = new URL(e, R._$$resourcesUrl$$_);
-  return t.origin !== T.location.origin ? t.href : t.pathname;
+  const t = new URL(e, j._$$resourcesUrl$$_);
+  return t.origin !== L.location.origin ? t.href : t.pathname;
 };
 
 const createTime = (e, t = "") => {
@@ -226,6 +226,10 @@ const h = (e, t, ...n) => {
       }
     }
   }
+  if (typeof e === "function") {
+    // nodeName is a functional component
+    return e(t === null ? {} : t, f, y);
+  }
   const r = newVNode(e, null);
   r._$$attrs$$_ = t;
   if (f.length > 0) {
@@ -275,6 +279,62 @@ const m = {};
  * @param node the virtual DOM node to check
  * @returns whether it's a Host node or not
  */ const isHost = e => e && e._$$tag$$_ === m
+/**
+ * Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.
+ *
+ * Note that these functions convert from {@link d.VNode} to
+ * {@link d.ChildNode} to give functional component developers a friendly
+ * interface.
+ */;
+
+const y = {
+  forEach: (e, t) => e.map(convertToPublic).forEach(t),
+  map: (e, t) => e.map(convertToPublic).map(t).map(convertToPrivate)
+};
+
+/**
+ * Convert a {@link d.VNode} to a {@link d.ChildNode} in order to present a
+ * friendlier public interface (hence, 'convertToPublic').
+ *
+ * @param node the virtual DOM node to convert
+ * @returns a converted child node
+ */ const convertToPublic = e => ({
+  vattrs: e._$$attrs$$_,
+  vchildren: e._$$children$$_,
+  vkey: e._$$key$$_,
+  vname: e._$$name$$_,
+  vtag: e._$$tag$$_,
+  vtext: e._$$text$$_
+})
+/**
+ * Convert a {@link d.ChildNode} back to an equivalent {@link d.VNode} in
+ * order to use the resulting object in the virtual DOM. The initial object was
+ * likely created as part of presenting a public API, so converting it back
+ * involved making it 'private' again (hence, `convertToPrivate`).
+ *
+ * @param node the child node to convert
+ * @returns a converted virtual DOM node
+ */;
+
+const convertToPrivate = e => {
+  if (typeof e.vtag === "function") {
+    const t = Object.assign({}, e.vattrs);
+    if (e.vkey) {
+      t.key = e.vkey;
+    }
+    if (e.vname) {
+      t.name = e.vname;
+    }
+    return h(e.vtag, t, ...e.vchildren || []);
+  }
+  const t = newVNode(e.vtag, e.vtext);
+  t._$$attrs$$_ = e.vattrs;
+  t._$$children$$_ = e.vchildren;
+  t._$$key$$_ = e.vkey;
+  t._$$name$$_ = e.vname;
+  return t;
+};
+
 /**
  * Parse a new property value for a given property type.
  *
@@ -297,9 +357,7 @@ const m = {};
  * @param propValue the new value to coerce to some type
  * @param propType the type of the prop, expressed as a binary number
  * @returns the parsed/coerced value
- */;
-
-const parsePropertyValue = (e, t) => {
+ */ const parsePropertyValue = (e, t) => {
   // ensure this value is of the correct prop type
   if (e != null && !isComplexType(e)) {
     if (t & 4 /* MEMBER_FLAGS.Boolean */) {
@@ -345,16 +403,16 @@ const createEvent = (e, t, n) => {
  * @param opts options for configuring a custom Event
  * @returns the custom Event
  */ const emitEvent = (e, t, n) => {
-  const s = R.ce(t, n);
+  const s = j.ce(t, n);
   e.dispatchEvent(s);
   return s;
 };
 
-const y =  new WeakMap;
+const b =  new WeakMap;
 
 const registerStyle = (e, t, n) => {
-  let s = k.get(e);
-  if (D && n) {
+  let s = T.get(e);
+  if (x && n) {
     s = s || new CSSStyleSheet;
     if (typeof s === "string") {
       s = t;
@@ -364,30 +422,30 @@ const registerStyle = (e, t, n) => {
   } else {
     s = t;
   }
-  k.set(e, s);
+  T.set(e, s);
 };
 
 const addStyle = (e, t, n) => {
   var s;
   const o = getScopeId(t);
-  const l = k.get(o);
+  const l = T.get(o);
   // if an element is NOT connected then getRootNode() will return the wrong root node
   // so the fallback is to always use the document for the root node in those cases
-    e = e.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? e : L;
+    e = e.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? e : R;
   if (l) {
     if (typeof l === "string") {
       e = e.head || e;
-      let n = y.get(e);
+      let n = b.get(e);
       let i;
       if (!n) {
-        y.set(e, n = new Set);
+        b.set(e, n = new Set);
       }
       if (!n.has(o)) {
         {
-          i = L.createElement("style");
+          i = R.createElement("style");
           i.innerHTML = l;
           // Apply CSP nonce to the style tag if it exists
-                    const t = (s = R._$$nonce$$_) !== null && s !== void 0 ? s : queryNonceMetaTagContent(L);
+                    const t = (s = j._$$nonce$$_) !== null && s !== void 0 ? s : queryNonceMetaTagContent(R);
           if (t != null) {
             i.setAttribute("nonce", t);
           }
@@ -504,7 +562,7 @@ const setAccessor = (e, t, n, s, o, l) => {
         // <my-cmp on-ionChange> // listens for "ionChange"
         // <my-cmp on-EVENTS> // listens for "EVENTS"
         t = t.slice(3);
-      } else if (isMemberInElement(T, c)) {
+      } else if (isMemberInElement(L, c)) {
         // standard event
         // the JSX attribute could have been "onMouseOver" and the
         // member name "onmouseover" is on the window's prototype
@@ -522,14 +580,14 @@ const setAccessor = (e, t, n, s, o, l) => {
         // Need to account for "capture" events.
         // If the event name ends with "Capture", we'll update the name to remove
         // the "Capture" suffix and make sure the event listener is setup to handle the capture event.
-        const o = t.endsWith($);
+        const o = t.endsWith(g);
         // Make sure we only replace the last instance of "Capture"
-                t = t.replace(g, "");
+                t = t.replace(w, "");
         if (n) {
-          R.rel(e, t, n, o);
+          j.rel(e, t, n, o);
         }
         if (s) {
-          R.ael(e, t, s, o);
+          j.ael(e, t, s, o);
         }
       }
     } else {
@@ -569,17 +627,17 @@ const setAccessor = (e, t, n, s, o, l) => {
   }
 };
 
-const b = /\s/;
+const $ = /\s/;
 
 /**
  * Parsed a string of classnames into an array
  * @param value className string, e.g. "foo bar baz"
  * @returns list of classes, e.g. ["foo", "bar", "baz"]
- */ const parseClassList = e => !e ? [] : e.split(b);
+ */ const parseClassList = e => !e ? [] : e.split($);
 
-const $ = "Capture";
+const g = "Capture";
 
-const g = new RegExp($ + "$");
+const w = new RegExp(g + "$");
 
 const updateElement = (e, t, n, s) => {
   // if the element passed in is a shadow root, which is a document fragment
@@ -634,7 +692,7 @@ const updateElement = (e, t, n, s) => {
   }
   if (u._$$text$$_ !== null) {
     // create text node
-    m = u._$$elm$$_ = L.createTextNode(u._$$text$$_);
+    m = u._$$elm$$_ = R.createTextNode(u._$$text$$_);
   } else if (u._$$flags$$_ & 1 /* VNODE_FLAGS.isSlotReference */) {
     // create a slot reference node
     m = u._$$elm$$_ = slotReferenceDebugNode(u);
@@ -643,7 +701,7 @@ const updateElement = (e, t, n, s) => {
       f = u._$$tag$$_ === "svg";
     }
     // create element
-        m = u._$$elm$$_ = L.createElementNS(f ? p : v, u._$$flags$$_ & 2 /* VNODE_FLAGS.isSlotFallback */ ? "slot-fb" : u._$$tag$$_);
+        m = u._$$elm$$_ = R.createElementNS(f ? p : v, u._$$flags$$_ & 2 /* VNODE_FLAGS.isSlotFallback */ ? "slot-fb" : u._$$tag$$_);
     if (f && u._$$tag$$_ === "foreignObject") {
       f = false;
     }
@@ -706,7 +764,7 @@ const updateElement = (e, t, n, s) => {
 
 const putBackInOriginalLocation = (e, t) => {
   var n;
-  R._$$flags$$_ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
+  j._$$flags$$_ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
   const s = e.childNodes;
   for (let e = s.length - 1; e >= 0; e--) {
     const l = s[e];
@@ -732,7 +790,7 @@ const putBackInOriginalLocation = (e, t) => {
       putBackInOriginalLocation(l, t);
     }
   }
-  R._$$flags$$_ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
+  j._$$flags$$_ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
 };
 
 /**
@@ -1186,7 +1244,7 @@ const patch = (e, t, n = false) => {
 /**
  * Component-global information about nodes which are either currently being
  * relocated or will be shortly.
- */ const w = [];
+ */ const S = [];
 
 /**
  * Mark the contents of a slot for relocation via adding references to them to
@@ -1224,7 +1282,7 @@ const patch = (e, t, n = false) => {
           // (under the host element parent) to the right slot location
           if (isNodeLocatedInSlot(n, e)) {
             // it's possible we've already decided to relocate this node
-            let t = w.find((e => e._$$nodeToRelocate$$_ === n));
+            let t = S.find((e => e._$$nodeToRelocate$$_ === n));
             // made some changes to slots
             // let's make sure we also double check
             // fallbacks are correctly hidden or shown
@@ -1240,27 +1298,27 @@ const patch = (e, t, n = false) => {
             } else {
               n["s-sh"] = l["s-hn"];
               // add to our list of nodes to relocate
-                            w.push({
+                            S.push({
                 _$$slotRefNode$$_: l,
                 _$$nodeToRelocate$$_: n
               });
             }
             if (n["s-sr"]) {
-              w.map((e => {
+              S.map((e => {
                 if (isNodeLocatedInSlot(e._$$nodeToRelocate$$_, n["s-sn"])) {
-                  t = w.find((e => e._$$nodeToRelocate$$_ === n));
+                  t = S.find((e => e._$$nodeToRelocate$$_ === n));
                   if (t && !e._$$slotRefNode$$_) {
                     e._$$slotRefNode$$_ = t._$$slotRefNode$$_;
                   }
                 }
               }));
             }
-          } else if (!w.some((e => e._$$nodeToRelocate$$_ === n))) {
+          } else if (!S.some((e => e._$$nodeToRelocate$$_ === n))) {
             // the node is not found within the slot (`childNode`) that we're
             // currently looking at, so we stick it into `relocateNodes` to
             // handle later. If we never find a home for this element then
             // we'll need to hide it
-            w.push({
+            S.push({
               _$$nodeToRelocate$$_: n
             });
           }
@@ -1378,10 +1436,10 @@ const patch = (e, t, n = false) => {
   {
     // while we're moving nodes around existing nodes, temporarily disable
     // the disconnectCallback from working
-    R._$$flags$$_ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
+    j._$$flags$$_ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
     if (c) {
       markSlotContentForRelocation(y._$$elm$$_);
-      for (const e of w) {
+      for (const e of S) {
         const t = e._$$nodeToRelocate$$_;
         if (!t["s-ol"]) {
           // add a reference node marking this node's original location
@@ -1391,7 +1449,7 @@ const patch = (e, t, n = false) => {
           t.parentNode.insertBefore(t["s-ol"] = e, t);
         }
       }
-      for (const e of w) {
+      for (const e of S) {
         const t = e._$$nodeToRelocate$$_;
         const n = e._$$slotRefNode$$_;
         if (n) {
@@ -1465,17 +1523,17 @@ const patch = (e, t, n = false) => {
     }
     // done moving nodes around
     // allow the disconnect callback to work again
-        R._$$flags$$_ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
+        j._$$flags$$_ &= ~1 /* PLATFORM_FLAGS.isTmpDisconnected */;
     // always reset
-        w.length = 0;
+        S.length = 0;
   }
 };
 
 // slot comment debug nodes only created with the `--debug` flag
 // otherwise these nodes are text nodes w/out content
-const slotReferenceDebugNode = e => L.createComment(`<slot${e._$$name$$_ ? ' name="' + e._$$name$$_ + '"' : ""}> (host=${o.toLowerCase()})`);
+const slotReferenceDebugNode = e => R.createComment(`<slot${e._$$name$$_ ? ' name="' + e._$$name$$_ + '"' : ""}> (host=${o.toLowerCase()})`);
 
-const originalLocationDebugNode = e => L.createComment(`org-location for ` + (e.localName ? `<${e.localName}> (host=${e["s-hn"]})` : `[${e.textContent}]`));
+const originalLocationDebugNode = e => R.createComment(`org-location for ` + (e.localName ? `<${e.localName}> (host=${e["s-hn"]})` : `[${e.textContent}]`));
 
 const attachToAncestor = (e, t) => {
   if (t && !e._$$onRenderResolve$$_ && t["s-p"]) {
@@ -1496,7 +1554,7 @@ const scheduleUpdate = (e, t) => {
   // has already fired off its lifecycle update then
   // fire off the initial update
     const dispatch = () => dispatchHooks(e, t);
-  return O(dispatch);
+  return M(dispatch);
 };
 
 /**
@@ -1719,9 +1777,9 @@ const appDidLoad = t => {
   // on appload
   // we have finish the first big initial render
   {
-    addHydratedFlag(L.documentElement);
+    addHydratedFlag(R.documentElement);
   }
-  nextTick((() => emitEvent(T, "appload", {
+  nextTick((() => emitEvent(L, "appload", {
     detail: {
       namespace: e
     }
@@ -1861,7 +1919,7 @@ const setValue = (e, t, n, s) => {
     if (n & 1 /* PROXY_FLAGS.isElementConstructor */) {
       const n = new Map;
       o.attributeChangedCallback = function(e, s, l) {
-        R.jmp((() => {
+        j.jmp((() => {
           var i;
           const c = n.get(e);
           //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
@@ -2015,7 +2073,7 @@ const setValue = (e, t, n, s) => {
       // this component has styles but we haven't registered them yet
       let e = o.style;
       const t = getScopeId(n);
-      if (!k.has(t)) {
+      if (!T.has(t)) {
         const s = createTime("registerStyles", n._$$tagName$$_);
         registerStyle(t, e, !!(n._$$flags$$_ & 1 /* CMP_FLAGS.shadowDomEncapsulation */));
         s();
@@ -2045,7 +2103,7 @@ const fireConnectedCallback = e => {
 };
 
 const connectedCallback = e => {
-  if ((R._$$flags$$_ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
+  if ((j._$$flags$$_ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
     const t = getHostRef(e);
     const n = t._$$cmpMeta$$_;
     const s = createTime("connectedCallback", n._$$tagName$$_);
@@ -2114,7 +2172,7 @@ const setContentReference = e => {
   // let's pick out the inner content for slot projection
   // create a node to represent where the original
   // content was first placed, which is useful later on
-  const t = e["s-cr"] = L.createComment(`content-ref (host=${e.localName})`);
+  const t = e["s-cr"] = R.createComment(`content-ref (host=${e.localName})`);
   t["s-cn"] = true;
   e.insertBefore(t, e.firstChild);
 };
@@ -2126,7 +2184,7 @@ const disconnectInstance = e => {
 };
 
 const disconnectedCallback = async e => {
-  if ((R._$$flags$$_ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
+  if ((j._$$flags$$_ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
     const t = getHostRef(e);
     {
       if (t._$$rmListeners$$_) {
@@ -2147,15 +2205,15 @@ const bootstrapLazy = (e, t = {}) => {
   const s = createTime();
   const o = [];
   const l = t.exclude || [];
-  const i = T.customElements;
-  const c = L.head;
+  const i = L.customElements;
+  const c = R.head;
   const f =  c.querySelector("meta[charset]");
-  const r =  L.createElement("style");
+  const r =  R.createElement("style");
   const d = [];
   let p;
   let v = true;
-  Object.assign(R, t);
-  R._$$resourcesUrl$$_ = new URL(t.resourcesUrl || "./", L.baseURI).href;
+  Object.assign(j, t);
+  j._$$resourcesUrl$$_ = new URL(t.resourcesUrl || "./", R.baseURI).href;
   let m = false;
   e.map((e => {
     e[1].map((t => {
@@ -2215,11 +2273,11 @@ const bootstrapLazy = (e, t = {}) => {
             // connectedCallback will be processed once all components have been registered
             d.push(this);
           } else {
-            R.jmp((() => connectedCallback(this)));
+            j.jmp((() => connectedCallback(this)));
           }
         }
         disconnectedCallback() {
-          R.jmp((() => disconnectedCallback(this)));
+          j.jmp((() => disconnectedCallback(this)));
         }
         componentOnReady() {
           return getHostRef(this)._$$onReadyPromise$$_;
@@ -2244,7 +2302,7 @@ const bootstrapLazy = (e, t = {}) => {
     if (r.innerHTML.length) {
     r.setAttribute("data-styles", "");
     // Apply CSP nonce to the style tag if it exists
-        const e = (n = R._$$nonce$$_) !== null && n !== void 0 ? n : queryNonceMetaTagContent(L);
+        const e = (n = j._$$nonce$$_) !== null && n !== void 0 ? n : queryNonceMetaTagContent(R);
     if (e != null) {
       r.setAttribute("nonce", e);
     }
@@ -2258,21 +2316,23 @@ const bootstrapLazy = (e, t = {}) => {
     d.map((e => e.connectedCallback()));
   } else {
     {
-      R.jmp((() => p = setTimeout(appDidLoad, 30)));
+      j.jmp((() => p = setTimeout(appDidLoad, 30)));
     }
   }
   // Fallback appLoad event
     s();
 };
 
+const Fragment = (e, t) => t;
+
 const addHostEventListeners = (e, t, n, s) => {
   if (n) {
     n.map((([n, s, o]) => {
       const l = e;
       const i = hostListenerProxy(t, o);
       const c = hostListenerOpts(n);
-      R.ael(l, s, i, c);
-      (t._$$rmListeners$$_ = t._$$rmListeners$$_ || []).push((() => R.rel(l, s, i, c)));
+      j.ael(l, s, i, c);
+      (t._$$rmListeners$$_ = t._$$rmListeners$$_ || []).push((() => j.rel(l, s, i, c)));
     }));
   }
 };
@@ -2302,20 +2362,20 @@ const hostListenerOpts = e => (e & 2 /* LISTENER_FLAGS.Capture */) !== 0
  * @returns void
  */;
 
-const setNonce = e => R._$$nonce$$_ = e
+const setNonce = e => j._$$nonce$$_ = e
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
  */;
 
-const S =  new WeakMap;
+const C =  new WeakMap;
 
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *
  * @param ref the runtime ref of interest
  * @returns the Host reference (if found) or undefined
- */ const getHostRef = e => S.get(e)
+ */ const getHostRef = e => C.get(e)
 /**
  * Register a lazy instance with the {@link hostRefs} object so it's
  * corresponding {@link d.HostRef} can be retrieved later.
@@ -2325,7 +2385,7 @@ const S =  new WeakMap;
  * @returns a reference to the host ref WeakMap
  */;
 
-const registerInstance = (e, t) => S.set(t._$$lazyInstance$$_ = e, t)
+const registerInstance = (e, t) => C.set(t._$$lazyInstance$$_ = e, t)
 /**
  * Register a host element for a Stencil component, setting up various metadata
  * and callbacks based on {@link BUILD} flags as well as the component's runtime
@@ -2352,20 +2412,20 @@ const registerHost = (e, t) => {
     e["s-rc"] = [];
   }
   addHostEventListeners(e, n, t._$$listeners$$_);
-  return S.set(e, n);
+  return C.set(e, n);
 };
 
 const isMemberInElement = (e, t) => t in e;
 
 const consoleError = (e, t) => (0, console.error)(e, t);
 
-const C =  new Map;
+const k =  new Map;
 
 const loadModule = (e, t, n) => {
   // loadModuleImport
   const s = e._$$tagName$$_.replace(/-/g, "_");
   const o = e._$$lazyBundleId$$_;
-  const l = C.get(o);
+  const l = k.get(o);
   if (l) {
     return l[s];
   }
@@ -2376,21 +2436,21 @@ const loadModule = (e, t, n) => {
   /* webpackMode: "lazy" */
   `./${o}.entry.js${""}`).then((e => {
     {
-      C.set(o, e);
+      k.set(o, e);
     }
     return e[s];
   }), consoleError);
 };
 
-const k =  new Map;
+const T =  new Map;
 
-const T = typeof window !== "undefined" ? window : {};
+const L = typeof window !== "undefined" ? window : {};
 
-const L = T.document || {
+const R = L.document || {
   head: {}
 };
 
-const R = {
+const j = {
   _$$flags$$_: 0,
   _$$resourcesUrl$$_: "",
   jmp: e => e(),
@@ -2402,7 +2462,7 @@ const R = {
 
 const promiseResolve = e => Promise.resolve(e);
 
-const D =  (() => {
+const x =  (() => {
   try {
     new CSSStyleSheet;
     return typeof (new CSSStyleSheet).replaceSync === "function";
@@ -2410,18 +2470,18 @@ const D =  (() => {
   return false;
 })();
 
-const j = [];
+const D = [];
 
-const x = [];
+const O = [];
 
 const queueTask = (e, t) => n => {
   e.push(n);
   if (!r) {
     r = true;
-    if (t && R._$$flags$$_ & 4 /* PLATFORM_FLAGS.queueSync */) {
+    if (t && j._$$flags$$_ & 4 /* PLATFORM_FLAGS.queueSync */) {
       nextTick(flush);
     } else {
-      R.raf(flush);
+      j.raf(flush);
     }
   }
 };
@@ -2441,21 +2501,21 @@ const flush = () => {
   // always force a bunch of medium callbacks to run, but still have
   // a throttle on how many can run in a certain time
   // DOM READS!!!
-  consume(j);
+  consume(D);
   // DOM WRITES!!!
     {
-    consume(x);
-    if (r = j.length > 0) {
+    consume(O);
+    if (r = D.length > 0) {
       // still more to do yet, but we've run out of time
       // let's let this thing cool off and try again in the next tick
-      R.raf(flush);
+      j.raf(flush);
     }
   }
 };
 
 const nextTick = e => promiseResolve().then(e);
 
-const O =  queueTask(x, true);
+const M =  queueTask(O, true);
 
-export { m as H, getElement as a, bootstrapLazy as b, createEvent as c, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=p-4406e156.js.map
+export { Fragment as F, m as H, getElement as a, bootstrapLazy as b, createEvent as c, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+//# sourceMappingURL=p-97107ecc.js.map