@jumpgroup/jump-design-system 0.2.0 → 0.2.1

package/dist/cjs/{index-4b95f596.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
@@ -2117,4 +2129,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-4b95f596.js.map
+//# sourceMappingURL=index-79e97f36.js.map