@itcenteratunihelsinki/huds-lib 0.8.55 → 0.8.57

package/dist/cjs/{index-ca4e37f2.js → index-8fc99295.js}

@@ -754,31 +754,30 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
  * @param vnodes a list of virtual DOM nodes to remove
  * @param startIdx the index at which to start removing nodes (inclusive)
  * @param endIdx the index at which to stop removing nodes (inclusive)
+ * @param vnode a VNode
+ * @param elm an element
  */
-const removeVnodes = (vnodes, startIdx, endIdx) => {
-    for (let index = startIdx; index <= endIdx; ++index) {
-        const vnode = vnodes[index];
-        if (vnode) {
-            const elm = vnode.$elm$;
-            nullifyVNodeRefs(vnode);
-            if (elm) {
-                {
-                    // we're removing this element
-                    // so it's possible we need to show slot fallback content now
-                    checkSlotFallbackVisibility = true;
-                    if (elm['s-ol']) {
-                        // remove the original location comment
-                        elm['s-ol'].remove();
-                    }
-                    else {
-                        // it's possible that child nodes of the node
-                        // that's being removed are slot nodes
-                        putBackInOriginalLocation(elm, true);
-                    }
+const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
+    for (; startIdx <= endIdx; ++startIdx) {
+        if ((vnode = vnodes[startIdx])) {
+            elm = vnode.$elm$;
+            callNodeRefs(vnode);
+            {
+                // we're removing this element
+                // so it's possible we need to show slot fallback content now
+                checkSlotFallbackVisibility = true;
+                if (elm['s-ol']) {
+                    // remove the original location comment
+                    elm['s-ol'].remove();
+                }
+                else {
+                    // it's possible that child nodes of the node
+                    // that's being removed are slot nodes
+                    putBackInOriginalLocation(elm, true);
                 }
-                // remove the vnode's element from the dom
-                elm.remove();
             }
+            // remove the vnode's element from the dom
+            elm.remove();
         }
     }
 };
@@ -1259,17 +1258,10 @@ const isNodeLocatedInSlot = (nodeToRelocate, slotNameAttr) => {
     }
     return slotNameAttr === '';
 };
-/**
- * 'Nullify' any VDom `ref` callbacks on a VDom node or its children by
- * calling them with `null`. This signals that the DOM element corresponding to
- * the VDom node has been removed from the DOM.
- *
- * @param vNode a virtual DOM node
- */
-const nullifyVNodeRefs = (vNode) => {
+const callNodeRefs = (vNode) => {
     {
         vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
-        vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
+        vNode.$children$ && vNode.$children$.map(callNodeRefs);
     }
 };
 /**
@@ -1406,32 +1398,10 @@ const scheduleUpdate = (hostRef, isInitialLoad) => {
     const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
     return writeTask(dispatch) ;
 };
-/**
- * Dispatch initial-render and update lifecycle hooks, enqueuing calls to
- * component lifecycle methods like `componentWillLoad` as well as
- * {@link updateComponent}, which will kick off the virtual DOM re-render.
- *
- * @param hostRef a reference to a host DOM node
- * @param isInitialLoad whether we're on the initial load or not
- * @returns an empty Promise which is used to enqueue a series of operations for
- * the component
- */
 const dispatchHooks = (hostRef, isInitialLoad) => {
     const endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);
     const instance = hostRef.$lazyInstance$ ;
-    // We're going to use this variable together with `enqueue` to implement a
-    // little promise-based queue. We start out with it `undefined`. When we add
-    // the first function to the queue we'll set this variable to be that
-    // function's return value. When we attempt to add subsequent values to the
-    // queue we'll check that value and, if it was a `Promise`, we'll then chain
-    // the new function off of that `Promise` using `.then()`. This will give our
-    // queue two nice properties:
-    //
-    // 1. If all functions added to the queue are synchronous they'll be called
-    //    synchronously right away.
-    // 2. If all functions added to the queue are asynchronous they'll all be
-    //    called in order after `dispatchHooks` exits.
-    let maybePromise;
+    let promise;
     if (isInitialLoad) {
         {
             hostRef.$flags$ |= 256 /* HOST_FLAGS.isListenReady */;
@@ -1441,48 +1411,22 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
             }
         }
         {
-            // If `componentWillLoad` returns a `Promise` then we want to wait on
-            // whatever's going on in that `Promise` before we launch into
-            // rendering the component, doing other lifecycle stuff, etc. So
-            // in that case we assign the returned promise to the variable we
-            // declared above to hold a possible 'queueing' Promise
-            maybePromise = safeCall(instance, 'componentWillLoad');
+            promise = safeCall(instance, 'componentWillLoad');
         }
     }
     else {
         {
-            // Like `componentWillLoad` above, we allow Stencil component
-            // authors to return a `Promise` from this lifecycle callback, and
-            // we specify that our runtime will wait for that `Promise` to
-            // resolve before the component re-renders. So if the method
-            // returns a `Promise` we need to keep it around!
-            maybePromise = safeCall(instance, 'componentWillUpdate');
+            promise = safeCall(instance, 'componentWillUpdate');
         }
     }
     {
-        maybePromise = enqueue(maybePromise, () => safeCall(instance, 'componentWillRender'));
+        promise = then(promise, () => safeCall(instance, 'componentWillRender'));
     }
     endSchedule();
-    return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
+    return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
-/**
- * This function uses a Promise to implement a simple first-in, first-out queue
- * of functions to be called.
- *
- * The queue is ordered on the basis of the first argument. If it's
- * `undefined`, then nothing is on the queue yet, so the provided function can
- * be called synchronously (although note that this function may return a
- * `Promise`). The idea is that then the return value of that enqueueing
- * operation is kept around, so that if it was a `Promise` then subsequent
- * functions can be enqueued by calling this function again with that `Promise`
- * as the first argument.
- *
- * @param maybePromise either a `Promise` which should resolve before the next function is called or an 'empty' sentinel
- * @param fn a function to enqueue
- * @returns either a `Promise` or the return value of the provided function
- */
-const enqueue = (maybePromise, fn) => maybePromise instanceof Promise ? maybePromise.then(fn) : fn();
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
+    // updateComponent
     const elm = hostRef.$hostElement$;
     const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
     const rc = elm['s-rc'];
@@ -1608,6 +1552,9 @@ const safeCall = (instance, method, arg) => {
     }
     return undefined;
 };
+const then = (promise, thenFn) => {
+    return promise && promise.then ? promise.then(thenFn) : thenFn();
+};
 const addHydratedFlag = (elm) => elm.classList.add('hydrated')
     ;
 const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
@@ -1761,9 +1708,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
 const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
     // initializeComponent
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
-        // Let the runtime know that the component has been initialized
-        hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
         {
+            // we haven't initialized this element yet
+            hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element
@@ -2227,4 +2174,4 @@ exports.registerInstance = registerInstance;
 exports.setMode = setMode;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-ca4e37f2.js.map
+//# sourceMappingURL=index-8fc99295.js.map