@jumpgroup/jump-design-system 0.1.9 → 0.2.1

package/dist/cjs/{index-46644e39.js → index-79e97f36.js}

@@ -442,6 +442,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
  * @returns the newly created node
  */
 const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
+    var _a;
     // tslint:disable-next-line: prefer-const
     const newVNode = newParentVNode.$children$[childIndex];
     let i = 0;
@@ -500,6 +501,8 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
             elm['s-cr'] = contentRef;
             // remember the slot name, or empty string for default slot
             elm['s-sn'] = newVNode.$name$ || '';
+            // remember the ref callback function
+            elm['s-rf'] = (_a = newVNode.$attrs$) === null || _a === void 0 ? void 0 : _a.ref;
             // check if we've got an old vnode for this slot
             oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
             if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
@@ -515,7 +518,15 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
 };
 const putBackInOriginalLocation = (parentElm, recursive) => {
     plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
-    const oldSlotChildNodes = parentElm.childNodes;
+    const oldSlotChildNodes = Array.from(parentElm.childNodes);
+    if (parentElm['s-sr'] && BUILD.experimentalSlotFixes) {
+        let node = parentElm;
+        while ((node = node.nextSibling)) {
+            if (node && node['s-sn'] === parentElm['s-sn'] && node['s-sh'] === hostTagName) {
+                oldSlotChildNodes.push(node);
+            }
+        }
+    }
     for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
         const childNode = oldSlotChildNodes[i];
         if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
@@ -1217,7 +1228,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
                     // If the node we're currently planning on inserting the new node before is an element,
                     // we need to do some additional checks to make sure we're inserting the node in the correct order.
                     // The use case here would be that we have multiple nodes being relocated to the same slot. So, we want
-                    // to make sure they get inserted into their new how in the same order they were declared in their original location.
+                    // to make sure they get inserted into their new home in the same order they were declared in their original location.
                     //
                     // TODO(STENCIL-914): Remove `experimentalSlotFixes` check
                     {
@@ -1258,6 +1269,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
                             }
                         }
                     }
+                    nodeToRelocate && typeof slotRefNode['s-rf'] === 'function' && slotRefNode['s-rf'](nodeToRelocate);
                 }
                 else {
                     // this node doesn't have a slot home to go to, so let's hide it
@@ -1697,7 +1709,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
         // Let the runtime know that the component has been initialized
         hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
-        {
+        const bundleId = cmpMeta.$lazyBundleId$;
+        if (bundleId) {
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element
@@ -1734,6 +1747,14 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
             }
             endNewInstance();
         }
+        else {
+            // sync constructor component
+            Cstr = elm.constructor;
+            // wait for the CustomElementRegistry to mark the component as ready before setting `isWatchReady`. Otherwise,
+            // watchers may fire prematurely if `customElements.get()`/`customElements.whenDefined()` resolves _before_
+            // Stencil has completed instantiating the component.
+            customElements.whenDefined(cmpMeta.$tagName$).then(() => (hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */));
+        }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
             let style = Cstr.style;
@@ -2108,4 +2129,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-46644e39.js.map
+//# sourceMappingURL=index-79e97f36.js.map