@gurpinderjitsingh/recipe-ui 0.1.4 → 0.2.0

package/dist/esm/{index-Cq6PCsWh.js → index-CrZUP9M-.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'recipe-ui';
-const BUILD = /* recipe-ui */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
+const BUILD = /* recipe-ui */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
 
 /*
  Stencil Client Platform v4.44.0 | MIT Licensed | https://stenciljs.com
@@ -215,125 +215,6 @@ function createShadowRoot(cmpMeta) {
     }
   }
 }
-var updateFallbackSlotVisibility = (elm) => {
-  const childNodes = internalCall(elm, "childNodes");
-  if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
-    getHostSlotNodes(childNodes, elm.tagName).forEach((slotNode) => {
-      if (slotNode.nodeType === 1 /* ElementNode */ && slotNode.tagName === "SLOT-FB") {
-        if (getSlotChildSiblings(slotNode, getSlotName(slotNode), false).length) {
-          slotNode.hidden = true;
-        } else {
-          slotNode.hidden = false;
-        }
-      }
-    });
-  }
-  let i2 = 0;
-  for (i2 = 0; i2 < childNodes.length; i2++) {
-    const childNode = childNodes[i2];
-    if (childNode.nodeType === 1 /* ElementNode */ && internalCall(childNode, "childNodes").length) {
-      updateFallbackSlotVisibility(childNode);
-    }
-  }
-};
-var getSlottedChildNodes = (childNodes) => {
-  const result = [];
-  for (let i2 = 0; i2 < childNodes.length; i2++) {
-    const slottedNode = childNodes[i2]["s-nr"] || void 0;
-    if (slottedNode && slottedNode.isConnected) {
-      result.push(slottedNode);
-    }
-  }
-  return result;
-};
-function getHostSlotNodes(childNodes, hostName, slotName) {
-  let i2 = 0;
-  let slottedNodes = [];
-  let childNode;
-  for (; i2 < childNodes.length; i2++) {
-    childNode = childNodes[i2];
-    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName(childNode) === slotName)) {
-      slottedNodes.push(childNode);
-      if (typeof slotName !== "undefined") return slottedNodes;
-    }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
-  }
-  return slottedNodes;
-}
-var getSlotChildSiblings = (slot, slotName, includeSlot = true) => {
-  const childNodes = [];
-  if (includeSlot && slot["s-sr"] || !slot["s-sr"]) childNodes.push(slot);
-  let node = slot;
-  while (node = node.nextSibling) {
-    if (getSlotName(node) === slotName && (includeSlot || !node["s-sr"])) childNodes.push(node);
-  }
-  return childNodes;
-};
-var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
-  if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-    if (nodeToRelocate.getAttribute("slot") === null && slotName === "") {
-      return true;
-    }
-    if (nodeToRelocate.getAttribute("slot") === slotName) {
-      return true;
-    }
-    return false;
-  }
-  if (nodeToRelocate["s-sn"] === slotName) {
-    return true;
-  }
-  return slotName === "";
-};
-var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
-function patchSlotNode(node) {
-  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
-  const assignedFactory = (elementsOnly) => (function(opts) {
-    const toReturn = [];
-    const slotName = this["s-sn"];
-    if (opts == null ? void 0 : opts.flatten) {
-      console.error(`
-          Flattening is not supported for Stencil non-shadow slots.
-          You can use \`.childNodes\` to nested slot fallback content.
-          If you have a particular use case, please open an issue on the Stencil repo.
-        `);
-    }
-    const parent = this["s-cr"].parentElement;
-    const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
-    slottedNodes.forEach((n) => {
-      if (slotName === getSlotName(n)) {
-        toReturn.push(n);
-      }
-    });
-    if (elementsOnly) {
-      return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
-    }
-    return toReturn;
-  }).bind(node);
-  node.assignedElements = assignedFactory(true);
-  node.assignedNodes = assignedFactory(false);
-}
-function dispatchSlotChangeEvent(elm) {
-  elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
-}
-function findSlotFromSlottedNode(slottedNode, parentHost) {
-  var _a;
-  parentHost = parentHost || ((_a = slottedNode["s-ol"]) == null ? void 0 : _a.parentElement);
-  if (!parentHost) return { slotNode: null, slotName: "" };
-  const slotName = slottedNode["s-sn"] = getSlotName(slottedNode) || "";
-  const childNodes = internalCall(parentHost, "childNodes");
-  const slotNode = getHostSlotNodes(childNodes, parentHost.tagName, slotName)[0];
-  return { slotNode, slotName };
-}
-function internalCall(node, method) {
-  if ("__" + method in node) {
-    const toReturn = node["__" + method];
-    if (typeof toReturn !== "function") return toReturn;
-    return toReturn.bind(node);
-  } else {
-    if (typeof node[method] !== "function") return node[method];
-    return node[method].bind(node);
-  }
-}
 var createTime = (fnName, tagName = "") => {
   {
     return () => {
@@ -488,7 +369,6 @@ var h = (nodeName, vnodeData, ...children) => {
   }
   let child = null;
   let key = null;
-  let slotName = null;
   let simple = false;
   let lastSimple = false;
   const vNodeChildren = [];
@@ -520,9 +400,6 @@ var h = (nodeName, vnodeData, ...children) => {
     if (vnodeData.key) {
       key = vnodeData.key;
     }
-    if (vnodeData.name) {
-      slotName = vnodeData.name;
-    }
     {
       const classData = vnodeData.className || vnodeData.class;
       if (classData) {
@@ -538,9 +415,6 @@ var h = (nodeName, vnodeData, ...children) => {
   {
     vnode.$key$ = key;
   }
-  {
-    vnode.$name$ = slotName;
-  }
   return vnode;
 };
 var newVNode = (tag, text) => {
@@ -558,9 +432,6 @@ var newVNode = (tag, text) => {
   {
     vnode.$key$ = null;
   }
-  {
-    vnode.$name$ = null;
-  }
   return vnode;
 };
 var Host = {};
@@ -780,47 +651,22 @@ function sortedAttrNames(attrNames) {
     attrNames
   );
 }
-var contentRef;
 var hostTagName;
 var useNativeShadowDom = false;
-var checkSlotFallbackVisibility = false;
-var checkSlotRelocate = false;
 var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
-  var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
   let childNode;
-  let oldVNode;
-  if (!useNativeShadowDom) {
-    checkSlotRelocate = true;
-    if (newVNode2.$tag$ === "slot") {
-      newVNode2.$flags$ |= newVNode2.$children$ ? (
-        // slot element has fallback content
-        // still create an element that "mocks" the slot element
-        2 /* isSlotFallback */
-      ) : (
-        // slot element does not have fallback content
-        // create an html comment we'll use to always reference
-        // where actual slot content should sit next to
-        1 /* isSlotReference */
-      );
-    }
-  }
   if (newVNode2.$text$ != null) {
     elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
-  } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
-    elm = newVNode2.$elm$ = win.document.createTextNode("");
-    {
-      updateElement(null, newVNode2, isSvgMode);
-    }
   } else {
     if (!win.document) {
       throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
     }
     elm = newVNode2.$elm$ = win.document.createElement(
-      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+      newVNode2.$tag$
     );
     {
       updateElement(null, newVNode2, isSvgMode);
@@ -836,19 +682,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     }
   }
   elm["s-hn"] = hostTagName;
-  {
-    if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
-      elm["s-sr"] = true;
-      elm["s-cr"] = contentRef;
-      elm["s-sn"] = newVNode2.$name$ || "";
-      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
-      patchSlotNode(elm);
-      oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
-      if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        relocateToHostRoot(oldParentVNode.$elm$);
-      }
-    }
-  }
   return elm;
 };
 var relocateToHostRoot = (parentElm) => {
@@ -865,40 +698,13 @@ var relocateToHostRoot = (parentElm) => {
       if (childNode["s-sh"] != null) {
         insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
         childNode["s-sh"] = void 0;
-        checkSlotRelocate = true;
       }
     }
   }
   plt.$flags$ &= -2 /* isTmpDisconnected */;
 };
-var putBackInOriginalLocation = (parentElm, recursive) => {
-  plt.$flags$ |= 1 /* isTmpDisconnected */;
-  const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"]) {
-    let node = parentElm;
-    while (node = node.nextSibling) {
-      if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
-        oldSlotChildNodes.push(node);
-      }
-    }
-  }
-  for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
-    const childNode = oldSlotChildNodes[i2];
-    if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
-      insertBefore(referenceNode(childNode).parentNode, childNode, referenceNode(childNode));
-      childNode["s-ol"].remove();
-      childNode["s-ol"] = void 0;
-      childNode["s-sh"] = void 0;
-      checkSlotRelocate = true;
-    }
-    if (recursive) {
-      putBackInOriginalLocation(childNode, recursive);
-    }
-  }
-  plt.$flags$ &= -2 /* isTmpDisconnected */;
-};
 var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
-  let containerElm = parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
+  let containerElm = parentElm;
   let childNode;
   if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
@@ -911,7 +717,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
       childNode = createElm(null, parentVNode, startIdx);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        insertBefore(containerElm, childNode, referenceNode(before) );
+        insertBefore(containerElm, childNode, before);
       }
     }
   }
@@ -922,14 +728,6 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
     if (vnode) {
       const elm = vnode.$elm$;
       if (elm) {
-        {
-          checkSlotFallbackVisibility = true;
-          if (elm["s-ol"]) {
-            elm["s-ol"].remove();
-          } else {
-            putBackInOriginalLocation(elm, true);
-          }
-        }
         elm.remove();
       }
     }
@@ -967,17 +765,11 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       oldEndVnode = oldCh[--oldEndIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
-      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
-        putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
-      }
       patch(oldStartVnode, newEndVnode, isInitialRender);
       insertBefore(containerElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
-      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
-        putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
-      }
       patch(oldEndVnode, newStartVnode, isInitialRender);
       insertBefore(containerElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
@@ -1008,11 +800,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       }
       if (node) {
         {
-          insertBefore(
-            referenceNode(oldStartVnode.$elm$).parentNode,
-            node,
-            referenceNode(oldStartVnode.$elm$)
-          );
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
         }
       }
     }
@@ -1032,9 +820,6 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
 };
 var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   if (leftVNode.$tag$ === rightVNode.$tag$) {
-    if (leftVNode.$tag$ === "slot") {
-      return leftVNode.$name$ === rightVNode.$name$;
-    }
     if (!isInitialRender) {
       return leftVNode.$key$ === rightVNode.$key$;
     }
@@ -1045,14 +830,12 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   }
   return false;
 };
-var referenceNode = (node) => node && node["s-ol"] || node;
 var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const elm = newVNode2.$elm$ = oldVNode.$elm$;
   const oldChildren = oldVNode.$children$;
   const newChildren = newVNode2.$children$;
   const tag = newVNode2.$tag$;
   const text = newVNode2.$text$;
-  let defaultHolder;
   if (text == null) {
     {
       if (tag === "slot" && !useNativeShadowDom) {
@@ -1076,74 +859,11 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     } else ;
-  } else if ((defaultHolder = elm["s-cr"])) {
-    defaultHolder.parentNode.textContent = text;
   } else if (oldVNode.$text$ !== text) {
     elm.data = text;
   }
 };
-var relocateNodes = [];
-var markSlotContentForRelocation = (elm) => {
-  let node;
-  let hostContentNodes;
-  let j;
-  const children = elm.__childNodes || elm.childNodes;
-  for (const childNode of children) {
-    if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
-      hostContentNodes = node.parentNode.__childNodes || node.parentNode.childNodes;
-      const slotName = childNode["s-sn"];
-      for (j = hostContentNodes.length - 1; j >= 0; j--) {
-        node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
-        // `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
-        // would trivially "match" on every re-render and force pointless re-insertion.
-        (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
-          if (isNodeLocatedInSlot(node, slotName)) {
-            let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
-            checkSlotFallbackVisibility = true;
-            node["s-sn"] = node["s-sn"] || slotName;
-            if (relocateNodeData) {
-              relocateNodeData.$nodeToRelocate$["s-sh"] = childNode["s-hn"];
-              relocateNodeData.$slotRefNode$ = childNode;
-            } else {
-              node["s-sh"] = childNode["s-hn"];
-              relocateNodes.push({
-                $slotRefNode$: childNode,
-                $nodeToRelocate$: node
-              });
-            }
-            if (node["s-sr"]) {
-              relocateNodes.map((relocateNode) => {
-                if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node["s-sn"])) {
-                  relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
-                  if (relocateNodeData && !relocateNode.$slotRefNode$) {
-                    relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
-                  }
-                }
-              });
-            }
-          } else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
-            relocateNodes.push({
-              $nodeToRelocate$: node
-            });
-          }
-        }
-      }
-    }
-    if (childNode.nodeType === 1 /* ElementNode */) {
-      markSlotContentForRelocation(childNode);
-    }
-  }
-};
 var insertBefore = (parent, newNode, reference, isInitialLoad) => {
-  {
-    if (typeof newNode["s-sn"] === "string") {
-      parent.insertBefore(newNode, reference);
-      const { slotNode } = findSlotFromSlottedNode(newNode);
-      if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
-      return newNode;
-    }
-  }
   if (parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
   } else {
@@ -1151,7 +871,6 @@ var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   }
 };
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-  var _a, _b, _c, _d, _e;
   const hostElm = hostRef.$hostElement$;
   const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1170,106 +889,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   hostRef.$vnode$ = rootVnode;
   rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
   useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
-  {
-    contentRef = hostElm["s-cr"];
-    checkSlotFallbackVisibility = false;
-  }
   patch(oldVNode, rootVnode, isInitialLoad);
-  {
-    plt.$flags$ |= 1 /* isTmpDisconnected */;
-    if (checkSlotRelocate) {
-      markSlotContentForRelocation(rootVnode.$elm$);
-      for (const relocateData of relocateNodes) {
-        const nodeToRelocate = relocateData.$nodeToRelocate$;
-        if (!nodeToRelocate["s-ol"] && win.document) {
-          const orgLocationNode = win.document.createTextNode("");
-          orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(
-            nodeToRelocate.parentNode,
-            nodeToRelocate["s-ol"] = orgLocationNode,
-            nodeToRelocate,
-            isInitialLoad
-          );
-        }
-      }
-      for (const relocateData of relocateNodes) {
-        const nodeToRelocate = relocateData.$nodeToRelocate$;
-        const slotRefNode = relocateData.$slotRefNode$;
-        if (nodeToRelocate.nodeType === 1 /* ElementNode */ && isInitialLoad) {
-          nodeToRelocate["s-ih"] = (_a = nodeToRelocate.hidden) != null ? _a : false;
-        }
-        if (slotRefNode) {
-          const parentNodeRef = slotRefNode.parentNode;
-          let insertBeforeNode = slotRefNode.nextSibling;
-          if (insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
-            let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
-            while (orgLocationNode) {
-              let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
-              if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
-                refNode = refNode.nextSibling;
-                while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
-                  refNode = refNode == null ? void 0 : refNode.nextSibling;
-                }
-                if (!refNode || !refNode["s-nr"]) {
-                  insertBeforeNode = refNode;
-                  break;
-                }
-              }
-              orgLocationNode = orgLocationNode.previousSibling;
-            }
-          }
-          const parent = nodeToRelocate.__parentNode || nodeToRelocate.parentNode;
-          const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
-          if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
-            if (nodeToRelocate !== insertBeforeNode) {
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode, isInitialLoad);
-              if (nodeToRelocate.nodeType === 8 /* CommentNode */ && nodeToRelocate.nodeValue.startsWith("s-nt-")) {
-                const textNode = win.document.createTextNode(nodeToRelocate.nodeValue.replace(/^s-nt-/, ""));
-                textNode["s-hn"] = nodeToRelocate["s-hn"];
-                textNode["s-sn"] = nodeToRelocate["s-sn"];
-                textNode["s-sh"] = nodeToRelocate["s-sh"];
-                textNode["s-sr"] = nodeToRelocate["s-sr"];
-                textNode["s-ol"] = nodeToRelocate["s-ol"];
-                textNode["s-ol"]["s-nr"] = textNode;
-                insertBefore(nodeToRelocate.parentNode, textNode, nodeToRelocate, isInitialLoad);
-                nodeToRelocate.parentNode.removeChild(nodeToRelocate);
-              }
-              if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
-                nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
-              }
-            }
-          }
-          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
-        } else if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-          nodeToRelocate.hidden = true;
-        }
-      }
-    }
-    if (checkSlotFallbackVisibility) {
-      updateFallbackSlotVisibility(rootVnode.$elm$);
-    }
-    plt.$flags$ &= -2 /* isTmpDisconnected */;
-    relocateNodes.length = 0;
-  }
-  if (!useNativeShadowDom && !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && hostElm["s-cr"]) {
-    const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
-    for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
-        if (isInitialLoad && childNode["s-ih"] == null) {
-          childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
-        }
-        if (childNode.nodeType === 1 /* ElementNode */) {
-          childNode.hidden = true;
-        } else if (childNode.nodeType === 3 /* TextNode */ && !!childNode.nodeValue.trim()) {
-          const textCommentNode = win.document.createComment("s-nt-" + childNode.nodeValue);
-          textCommentNode["s-sn"] = childNode["s-sn"];
-          insertBefore(childNode.parentNode, textCommentNode, childNode, isInitialLoad);
-          childNode.parentNode.removeChild(childNode);
-        }
-      }
-    }
-  }
-  contentRef = void 0;
 };
 
 // src/runtime/update-component.ts
@@ -1315,10 +935,6 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     {
-      if (hostRef.$deferredConnectedCallback$) {
-        hostRef.$deferredConnectedCallback$ = false;
-        safeCall(instance, "connectedCallback", void 0, elm);
-      }
       if (hostRef.$fetchedCbList$.length) {
         hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
       }
@@ -1697,11 +1313,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
           hostRef.$flags$ |= 128 /* isWatchReady */;
         }
         endNewInstance();
-        const needsDeferredCallback = cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
-        if (!needsDeferredCallback) {
+        {
           fireConnectedCallback(hostRef.$lazyInstance$, elm);
-        } else {
-          hostRef.$deferredConnectedCallback$ = true;
         }
       } else {
         Cstr = elm.constructor;
@@ -1756,12 +1369,6 @@ var connectedCallback = (elm) => {
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
       hostRef.$flags$ |= 1 /* hasConnected */;
-      {
-        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
-          setContentReference(elm);
-        }
-      }
       {
         let ancestorComponent = elm;
         while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
@@ -1795,16 +1402,6 @@ var connectedCallback = (elm) => {
     endConnected();
   }
 };
-var setContentReference = (elm) => {
-  if (!win.document) {
-    return;
-  }
-  const contentRefElm = elm["s-cr"] = win.document.createComment(
-    ""
-  );
-  contentRefElm["s-cn"] = true;
-  insertBefore(elm, contentRefElm, elm.firstChild);
-};
 var disconnectInstance = (instance, elm) => {
   {
     safeCall(instance, "disconnectedCallback", void 0, elm || instance);
@@ -1846,7 +1443,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let isBootstrapping = true;
   Object.assign(plt, options);
   plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
-  let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
       var _a2, _b;
@@ -1856,9 +1452,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         $members$: compactMeta[2],
         $listeners$: compactMeta[3]
       };
-      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-        hasSlotRelocation = true;
-      }
       {
         cmpMeta.$members$ = compactMeta[2];
       }
@@ -1942,9 +1535,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
     });
   });
   if (cmpTags.length > 0) {
-    if (hasSlotRelocation) {
-      dataStyles.textContent += SLOT_FB_CSS;
-    }
     {
       dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
     }

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 export { app_modal as AppModal, meal_plan_day as MealPlanDay, recipe_card as RecipeCard, recipe_filter_bar as RecipeFilterBar, recipe_form as RecipeForm, recipe_rating as RecipeRating, recipe_search_bar as RecipeSearchBar } from './app-modal.meal-plan-day.recipe-card.recipe-filter-bar.recipe-form.recipe-rating.recipe-search-bar.entry.js';
 export { app_toast as AppToast } from './app-toast.entry.js';
-import './index-Cq6PCsWh.js';
+import './index-CrZUP9M-.js';

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-Cq6PCsWh.js';
-export { s as setNonce } from './index-Cq6PCsWh.js';
+import { b as bootstrapLazy } from './index-CrZUP9M-.js';
+export { s as setNonce } from './index-CrZUP9M-.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["app-modal_7",[[260,"app-modal",{"open":[4],"modalTitle":[1,"modal-title"]}],[1,"meal-plan-day",{"day":[1],"meals":[16]}],[257,"recipe-card",{"recipeTitle":[1,"recipe-title"],"image":[1],"category":[1],"favorite":[4]}],[1,"recipe-filter-bar",{"categories":[16],"active":[1]}],[257,"recipe-form",{"initialData":[1,"initial-data"],"title":[32],"image":[32],"category":[32],"ingredients":[32],"instructions":[32],"errors":[32]},null,{"initialData":[{"onInitialDataChange":0}]}],[1,"recipe-rating",{"value":[2],"readonly":[4],"max":[2]}],[1,"recipe-search-bar",{"placeholder":[1],"value":[1],"debounceMs":[2,"debounce-ms"],"internalValue":[32]},null,{"value":[{"onValuePropChange":0}]}]]],["app-toast",[[1,"app-toast",{"message":[1],"type":[1],"duration":[2]}]]]], options);
+  return bootstrapLazy([["app-modal_7",[[257,"app-modal",{"open":[4],"modalTitle":[1,"modal-title"]}],[1,"meal-plan-day",{"day":[1],"meals":[16],"icon":[1]}],[257,"recipe-card",{"recipeTitle":[1,"recipe-title"],"image":[1],"category":[1],"favorite":[4]}],[1,"recipe-filter-bar",{"categories":[16],"active":[1]}],[257,"recipe-form",{"initialData":[1,"initial-data"],"title":[32],"image":[32],"category":[32],"ingredients":[32],"instructions":[32],"errors":[32]},null,{"initialData":[{"onInitialDataChange":0}]}],[1,"recipe-rating",{"value":[2],"readonly":[4],"max":[2]}],[1,"recipe-search-bar",{"placeholder":[1],"value":[1],"debounceMs":[2,"debounce-ms"],"internalValue":[32]},null,{"value":[{"onValuePropChange":0}]}]]],["app-toast",[[1,"app-toast",{"message":[1],"type":[1],"duration":[2]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/recipe-ui.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-Cq6PCsWh.js';
-export { s as setNonce } from './index-Cq6PCsWh.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CrZUP9M-.js';
+export { s as setNonce } from './index-CrZUP9M-.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["app-modal_7",[[260,"app-modal",{"open":[4],"modalTitle":[1,"modal-title"]}],[1,"meal-plan-day",{"day":[1],"meals":[16]}],[257,"recipe-card",{"recipeTitle":[1,"recipe-title"],"image":[1],"category":[1],"favorite":[4]}],[1,"recipe-filter-bar",{"categories":[16],"active":[1]}],[257,"recipe-form",{"initialData":[1,"initial-data"],"title":[32],"image":[32],"category":[32],"ingredients":[32],"instructions":[32],"errors":[32]},null,{"initialData":[{"onInitialDataChange":0}]}],[1,"recipe-rating",{"value":[2],"readonly":[4],"max":[2]}],[1,"recipe-search-bar",{"placeholder":[1],"value":[1],"debounceMs":[2,"debounce-ms"],"internalValue":[32]},null,{"value":[{"onValuePropChange":0}]}]]],["app-toast",[[1,"app-toast",{"message":[1],"type":[1],"duration":[2]}]]]], options);
+  return bootstrapLazy([["app-modal_7",[[257,"app-modal",{"open":[4],"modalTitle":[1,"modal-title"]}],[1,"meal-plan-day",{"day":[1],"meals":[16],"icon":[1]}],[257,"recipe-card",{"recipeTitle":[1,"recipe-title"],"image":[1],"category":[1],"favorite":[4]}],[1,"recipe-filter-bar",{"categories":[16],"active":[1]}],[257,"recipe-form",{"initialData":[1,"initial-data"],"title":[32],"image":[32],"category":[32],"ingredients":[32],"instructions":[32],"errors":[32]},null,{"initialData":[{"onInitialDataChange":0}]}],[1,"recipe-rating",{"value":[2],"readonly":[4],"max":[2]}],[1,"recipe-search-bar",{"placeholder":[1],"value":[1],"debounceMs":[2,"debounce-ms"],"internalValue":[32]},null,{"value":[{"onValuePropChange":0}]}]]],["app-toast",[[1,"app-toast",{"message":[1],"type":[1],"duration":[2]}]]]], options);
 });

package/dist/recipe-ui/index.esm.js

@@ -1 +1 @@
-export{app_modal as AppModal,meal_plan_day as MealPlanDay,recipe_card as RecipeCard,recipe_filter_bar as RecipeFilterBar,recipe_form as RecipeForm,recipe_rating as RecipeRating,recipe_search_bar as RecipeSearchBar}from"./app-modal.meal-plan-day.recipe-card.recipe-filter-bar.recipe-form.recipe-rating.recipe-search-bar.entry.esm.js";export{app_toast as AppToast}from"./app-toast.entry.esm.js";import"./p-Cq6PCsWh.js";
+export{app_modal as AppModal,meal_plan_day as MealPlanDay,recipe_card as RecipeCard,recipe_filter_bar as RecipeFilterBar,recipe_form as RecipeForm,recipe_rating as RecipeRating,recipe_search_bar as RecipeSearchBar}from"./app-modal.meal-plan-day.recipe-card.recipe-filter-bar.recipe-form.recipe-rating.recipe-search-bar.entry.esm.js";export{app_toast as AppToast}from"./app-toast.entry.esm.js";import"./p-CrZUP9M-.js";

package/dist/recipe-ui/{p-47428346.entry.js → p-531fb6c4.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,h as o}from"./p-Cq6PCsWh.js";const a=class{constructor(o){s(this,o),this.dismiss=t(this,"dismiss"),this.message="",this.type="info",this.duration=3e3}componentDidLoad(){this.duration>0&&setTimeout((()=>this.dismiss.emit()),this.duration)}render(){return o("div",{key:"d9dcb405ffd97bfa44fee10fe49103bd021938a2",class:`toast ${this.type}`},o("span",{key:"5fd291b9766dc41189f49c11c836654d6663c8d1"},this.message),o("button",{key:"9f93921f20b17520ce339378c5a1ca66ef6a04bc",onClick:()=>this.dismiss.emit(),"aria-label":"Dismiss"},"✕"))}};a.style=":host{font-family:system-ui, sans-serif;display:block}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;color:#fff;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.toast.success{background:#2ecc71}.toast.error{background:#e74c3c}.toast.info{background:#3498db}button{border:none;background:none;color:inherit;cursor:pointer;margin-left:auto}";export{a as app_toast}
+import{r as s,c as t,h as o}from"./p-CrZUP9M-.js";const a=class{constructor(o){s(this,o),this.dismiss=t(this,"dismiss"),this.message="",this.type="info",this.duration=3e3}componentDidLoad(){this.duration>0&&setTimeout((()=>this.dismiss.emit()),this.duration)}render(){return o("div",{key:"73ab8ea44ad155052616ffbc424e1d8f13b8116f",class:`toast ${this.type}`},o("span",{key:"301487550c2f4f50cdcc6d0a138b9e968cde385f"},this.message),o("button",{key:"4e9de348002a397a25450142d9fa1fa07ca84d54",onClick:()=>this.dismiss.emit(),"aria-label":"Dismiss"},"✕"))}};a.style=":host{font-family:system-ui, sans-serif;display:block}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;color:#fff;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.toast.success{background:#2ecc71}.toast.error{background:#e74c3c}.toast.info{background:#3498db}button{border:none;background:none;color:inherit;cursor:pointer;margin-left:auto}";export{a as app_toast}