@sula-tech/webcomponents 0.14.1 → 0.16.0

package/dist/webcomponents/{p-CwIBTB8E.js → p-CwrCjm3e.js}

@@ -3,6 +3,7 @@ const e = "webcomponents";
 const t = /* webcomponents */ {
   hydratedSelectorName: "hydrated",
   lazyLoad: true,
+  slotRelocation: true,
   updatable: true
 };
 
@@ -93,7 +94,7 @@ var l = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 
 var a = typeof window !== "undefined" ? window : {};
 
-var c = {
+var f = {
   _$$flags$$_: 0,
   _$$resourcesUrl$$_: "",
   jmp: e => e(),
@@ -103,7 +104,7 @@ var c = {
   ce: (e, t) => new CustomEvent(e, t)
 };
 
-var f =  (() => {
+var c =  (() => {
   var e;
   let t = false;
   try {
@@ -128,18 +129,18 @@ var u =  (() => {
 
 var d = false;
 
-var p = [];
-
 var v = [];
 
+var p = [];
+
 var queueTask = (e, t) => n => {
   e.push(n);
   if (!d) {
     d = true;
-    if (t && c._$$flags$$_ & 4 /* queueSync */) {
+    if (t && f._$$flags$$_ & 4 /* queueSync */) {
       nextTick(flush);
     } else {
-      c.raf(flush);
+      f.raf(flush);
     }
   }
 };
@@ -156,18 +157,18 @@ var consume = e => {
 };
 
 var flush = () => {
-  consume(p);
+  consume(v);
   {
-    consume(v);
-    if (d = p.length > 0) {
-      c.raf(flush);
+    consume(p);
+    if (d = v.length > 0) {
+      f.raf(flush);
     }
   }
 };
 
 var nextTick = e => promiseResolve().then(e);
 
-var m =  queueTask(v, true);
+var m =  queueTask(p, true);
 
 var isComplexType = e => {
   e = typeof e;
@@ -249,6 +250,116 @@ function createShadowRoot(e) {
   }
 }
 
+var updateFallbackSlotVisibility = e => {
+  const t = internalCall(e, "childNodes");
+  if (e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB") {
+    getHostSlotNodes(t, e.tagName).forEach((e => {
+      if (e.nodeType === 1 /* ElementNode */ && e.tagName === "SLOT-FB") {
+        if (getSlotChildSiblings(e, getSlotName(e), false).length) {
+          e.hidden = true;
+        } else {
+          e.hidden = false;
+        }
+      }
+    }));
+  }
+  let n = 0;
+  for (n = 0; n < t.length; n++) {
+    const e = t[n];
+    if (e.nodeType === 1 /* ElementNode */ && internalCall(e, "childNodes").length) {
+      updateFallbackSlotVisibility(e);
+    }
+  }
+};
+
+var getSlottedChildNodes = e => {
+  const t = [];
+  for (let n = 0; n < e.length; n++) {
+    const o = e[n]["s-nr"] || void 0;
+    if (o && o.isConnected) {
+      t.push(o);
+    }
+  }
+  return t;
+};
+
+function getHostSlotNodes(e, t, n) {
+  let o = 0;
+  let i = [];
+  let r;
+  for (;o < e.length; o++) {
+    r = e[o];
+    if (r["s-sr"] && (!t || r["s-hn"] === t) && n === void 0) {
+      i.push(r);
+    }
+    i = [ ...i, ...getHostSlotNodes(r.childNodes, t, n) ];
+  }
+  return i;
+}
+
+var getSlotChildSiblings = (e, t, n = true) => {
+  const o = [];
+  if (n && e["s-sr"] || !e["s-sr"]) o.push(e);
+  let i = e;
+  while (i = i.nextSibling) {
+    if (getSlotName(i) === t && (n || !i["s-sr"])) o.push(i);
+  }
+  return o;
+};
+
+var isNodeLocatedInSlot = (e, t) => {
+  if (e.nodeType === 1 /* ElementNode */) {
+    if (e.getAttribute("slot") === null && t === "") {
+      return true;
+    }
+    if (e.getAttribute("slot") === t) {
+      return true;
+    }
+    return false;
+  }
+  if (e["s-sn"] === t) {
+    return true;
+  }
+  return t === "";
+};
+
+var getSlotName = e => typeof e["s-sn"] === "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
+
+function patchSlotNode(e) {
+  if (e.assignedElements || e.assignedNodes || !e["s-sr"]) return;
+  const assignedFactory = t => function(e) {
+    const n = [];
+    const o = this["s-sn"];
+    if (e == null ? void 0 : e.flatten) {
+      console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `);
+    }
+    const i = this["s-cr"].parentElement;
+    const r = i.__childNodes ? i.childNodes : getSlottedChildNodes(i.childNodes);
+    r.forEach((e => {
+      if (o === getSlotName(e)) {
+        n.push(e);
+      }
+    }));
+    if (t) {
+      return n.filter((e => e.nodeType === 1 /* ElementNode */));
+    }
+    return n;
+  }.bind(e);
+  e.assignedElements = assignedFactory(true);
+  e.assignedNodes = assignedFactory(false);
+}
+
+function internalCall(e, t) {
+  if ("__" + t in e) {
+    const n = e["__" + t];
+    if (typeof n !== "function") return n;
+    return n.bind(e);
+  } else {
+    if (typeof e[t] !== "function") return e[t];
+    return e[t].bind(e);
+  }
+}
+
 var createTime = (e, t = "") => {
   {
     return () => {};
@@ -264,24 +375,25 @@ var uniqueTime = (e, t) => {
 var h = (e, t, ...n) => {
   let o = null;
   let i = null;
-  let r = false;
+  let r = null;
   let s = false;
-  const l = [];
+  let l = false;
+  const a = [];
   const walk = t => {
     for (let n = 0; n < t.length; n++) {
       o = t[n];
       if (Array.isArray(o)) {
         walk(o);
       } else if (o != null && typeof o !== "boolean") {
-        if (r = typeof e !== "function" && !isComplexType(o)) {
+        if (s = typeof e !== "function" && !isComplexType(o)) {
           o = String(o);
         }
-        if (r && s) {
-          l[l.length - 1]._$$text$$_ += o;
+        if (s && l) {
+          a[a.length - 1]._$$text$$_ += o;
         } else {
-          l.push(r ? newVNode(null, o) : o);
+          a.push(s ? newVNode(null, o) : o);
         }
-        s = r;
+        l = s;
       }
     }
   };
@@ -290,6 +402,9 @@ var h = (e, t, ...n) => {
     if (t.key) {
       i = t.key;
     }
+    if (t.name) {
+      r = t.name;
+    }
     {
       const e = t.className || t.class;
       if (e) {
@@ -297,15 +412,18 @@ var h = (e, t, ...n) => {
       }
     }
   }
-  const a = newVNode(e, null);
-  a._$$attrs$$_ = t;
-  if (l.length > 0) {
-    a._$$children$$_ = l;
+  const f = newVNode(e, null);
+  f._$$attrs$$_ = t;
+  if (a.length > 0) {
+    f._$$children$$_ = a;
+  }
+  {
+    f._$$key$$_ = i;
   }
   {
-    a._$$key$$_ = i;
+    f._$$name$$_ = r;
   }
-  return a;
+  return f;
 };
 
 var newVNode = (e, t) => {
@@ -322,6 +440,9 @@ var newVNode = (e, t) => {
   {
     n._$$key$$_ = null;
   }
+  {
+    n._$$name$$_ = null;
+  }
   return n;
 };
 
@@ -378,7 +499,7 @@ var createEvent = (e, t, n) => {
 };
 
 var emitEvent = (e, t, n) => {
-  const o = c.ce(t, n);
+  const o = f.ce(t, n);
   e.dispatchEvent(o);
   return o;
 };
@@ -420,7 +541,7 @@ var addStyle = (e, t, n) => {
         {
           r = a.document.createElement("style");
           r.innerHTML = s;
-          const n = (o = c._$$nonce$$_) != null ? o : queryNonceMetaTagContent(a.document);
+          const n = (o = f._$$nonce$$_) != null ? o : queryNonceMetaTagContent(a.document);
           if (n != null) {
             r.setAttribute("nonce", n);
           }
@@ -484,7 +605,7 @@ var setAccessor = (e, t, n, o, i, r, s) => {
     return;
   }
   let l = isMemberInElement(e, t);
-  let f = t.toLowerCase();
+  let c = t.toLowerCase();
   if (t === "class") {
     const t = e.classList;
     const i = parseClassList(n);
@@ -521,19 +642,19 @@ var setAccessor = (e, t, n, o, i, r, s) => {
   } else if (!l && t[0] === "o" && t[1] === "n") {
     if (t[2] === "-") {
       t = t.slice(3);
-    } else if (isMemberInElement(a, f)) {
-      t = f.slice(2);
+    } else if (isMemberInElement(a, c)) {
+      t = c.slice(2);
     } else {
-      t = f[2] + t.slice(3);
+      t = c[2] + t.slice(3);
     }
     if (n || o) {
-      const i = t.endsWith(S);
-      t = t.replace($, "");
+      const i = t.endsWith($);
+      t = t.replace(S, "");
       if (n) {
-        c.rel(e, t, n, i);
+        f.rel(e, t, n, i);
       }
       if (o) {
-        c.ael(e, t, o, i);
+        f.ael(e, t, o, i);
       }
     }
   } else {
@@ -583,9 +704,9 @@ var parseClassList = e => {
   return e.split(y);
 };
 
-var S = "Capture";
+var $ = "Capture";
 
-var $ = new RegExp(S + "$");
+var S = new RegExp($ + "$");
 
 // src/runtime/vdom/update-element.ts
 var updateElement = (e, t, n, o) => {
@@ -614,40 +735,102 @@ function sortedAttrNames(e) {
 
 var k;
 
-var x = false;
+var x;
 
-var createElm = (e, t, n) => {
-  const o = t._$$children$$_[n];
-  let i = 0;
-  let r;
-  let s;
-  if (o._$$text$$_ !== null) {
-    r = o._$$elm$$_ = a.document.createTextNode(o._$$text$$_);
+var j = false;
+
+var C = false;
+
+var N = false;
+
+var O = false;
+
+var createElm = (e, n, o) => {
+  var i;
+  const r = n._$$children$$_[o];
+  let s = 0;
+  let l;
+  let f;
+  let c;
+  if (!j) {
+    N = true;
+    if (r._$$tag$$_ === "slot") {
+      r._$$flags$$_ |= r._$$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 (r._$$text$$_ !== null) {
+    l = r._$$elm$$_ = a.document.createTextNode(r._$$text$$_);
+  } else if (r._$$flags$$_ & 1 /* isSlotReference */) {
+    l = r._$$elm$$_ = slotReferenceDebugNode(r);
+    {
+      updateElement(null, r, O);
+    }
   } else {
     if (!a.document) {
       throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");
     }
-    r = o._$$elm$$_ = a.document.createElement(o._$$tag$$_);
+    l = r._$$elm$$_ = a.document.createElement(!j && t.slotRelocation && r._$$flags$$_ & 2 /* isSlotFallback */ ? "slot-fb" : r._$$tag$$_);
     {
-      updateElement(null, o, x);
+      updateElement(null, r, O);
+    }
+    if (r._$$children$$_) {
+      for (s = 0; s < r._$$children$$_.length; ++s) {
+        f = createElm(e, r, s);
+        if (f) {
+          l.appendChild(f);
+        }
+      }
     }
-    if (o._$$children$$_) {
-      for (i = 0; i < o._$$children$$_.length; ++i) {
-        s = createElm(e, o, i);
-        if (s) {
-          r.appendChild(s);
+  }
+  l["s-hn"] = x;
+  {
+    if (r._$$flags$$_ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+      l["s-sr"] = true;
+      l["s-cr"] = k;
+      l["s-sn"] = r._$$name$$_ || "";
+      l["s-rf"] = (i = r._$$attrs$$_) == null ? void 0 : i.ref;
+      patchSlotNode(l);
+      c = e && e._$$children$$_ && e._$$children$$_[o];
+      if (c && c._$$tag$$_ === r._$$tag$$_ && e._$$elm$$_) {
+        {
+          putBackInOriginalLocation(e._$$elm$$_, false);
         }
       }
     }
   }
-  r["s-hn"] = k;
-  return r;
+  return l;
+};
+
+var putBackInOriginalLocation = (e, t) => {
+  f._$$flags$$_ |= 1 /* isTmpDisconnected */;
+  const n = Array.from(e.__childNodes || e.childNodes);
+  for (let e = n.length - 1; e >= 0; e--) {
+    const o = n[e];
+    if (o["s-hn"] !== x && o["s-ol"]) {
+      insertBefore(referenceNode(o).parentNode, o, referenceNode(o));
+      o["s-ol"].remove();
+      o["s-ol"] = void 0;
+      o["s-sh"] = void 0;
+      N = true;
+    }
+    if (t) {
+      putBackInOriginalLocation(o, t);
+    }
+  }
+  f._$$flags$$_ &= -2 /* isTmpDisconnected */;
 };
 
 var addVnodes = (e, t, n, o, i, r) => {
-  let s = e;
+  let s = e["s-cr"] && e["s-cr"].parentNode || e;
   let l;
-  if (s.shadowRoot && s.tagName === k) {
+  if (s.shadowRoot && s.tagName === x) {
     s = s.shadowRoot;
   }
   for (;i <= r; ++i) {
@@ -655,7 +838,7 @@ var addVnodes = (e, t, n, o, i, r) => {
       l = createElm(null, n, i);
       if (l) {
         o[i]._$$elm$$_ = l;
-        insertBefore(s, l, t);
+        insertBefore(s, l, referenceNode(t));
       }
     }
   }
@@ -668,6 +851,14 @@ var removeVnodes = (e, t, n) => {
       const e = t._$$elm$$_;
       nullifyVNodeRefs(t);
       if (e) {
+        {
+          C = true;
+          if (e["s-ol"]) {
+            e["s-ol"].remove();
+          } else {
+            putBackInOriginalLocation(e, true);
+          }
+        }
         e.remove();
       }
     }
@@ -679,46 +870,52 @@ var updateChildren = (e, t, n, o, i = false) => {
   let s = 0;
   let l = 0;
   let a = 0;
-  let c = t.length - 1;
-  let f = t[0];
-  let u = t[c];
+  let f = t.length - 1;
+  let c = t[0];
+  let u = t[f];
   let d = o.length - 1;
-  let p = o[0];
-  let v = o[d];
+  let v = o[0];
+  let p = o[d];
   let m;
   let w;
-  while (r <= c && s <= d) {
-    if (f == null) {
-      f = t[++r];
+  while (r <= f && s <= d) {
+    if (c == null) {
+      c = t[++r];
     } else if (u == null) {
-      u = t[--c];
-    } else if (p == null) {
-      p = o[++s];
+      u = t[--f];
     } else if (v == null) {
-      v = o[--d];
-    } else if (isSameVnode(f, p, i)) {
-      patch(f, p, i);
-      f = t[++r];
-      p = o[++s];
-    } else if (isSameVnode(u, v, i)) {
-      patch(u, v, i);
-      u = t[--c];
-      v = o[--d];
-    } else if (isSameVnode(f, v, i)) {
-      patch(f, v, i);
-      insertBefore(e, f._$$elm$$_, u._$$elm$$_.nextSibling);
-      f = t[++r];
-      v = o[--d];
+      v = o[++s];
+    } else if (p == null) {
+      p = o[--d];
+    } else if (isSameVnode(c, v, i)) {
+      patch(c, v, i);
+      c = t[++r];
+      v = o[++s];
     } else if (isSameVnode(u, p, i)) {
       patch(u, p, i);
-      insertBefore(e, u._$$elm$$_, f._$$elm$$_);
-      u = t[--c];
-      p = o[++s];
+      u = t[--f];
+      p = o[--d];
+    } else if (isSameVnode(c, p, i)) {
+      if (c._$$tag$$_ === "slot" || p._$$tag$$_ === "slot") {
+        putBackInOriginalLocation(c._$$elm$$_.parentNode, false);
+      }
+      patch(c, p, i);
+      insertBefore(e, c._$$elm$$_, u._$$elm$$_.nextSibling);
+      c = t[++r];
+      p = o[--d];
+    } else if (isSameVnode(u, v, i)) {
+      if (c._$$tag$$_ === "slot" || p._$$tag$$_ === "slot") {
+        putBackInOriginalLocation(u._$$elm$$_.parentNode, false);
+      }
+      patch(u, v, i);
+      insertBefore(e, u._$$elm$$_, c._$$elm$$_);
+      u = t[--f];
+      v = o[++s];
     } else {
       l = -1;
       {
-        for (a = r; a <= c; ++a) {
-          if (t[a] && t[a]._$$key$$_ !== null && t[a]._$$key$$_ === p._$$key$$_) {
+        for (a = r; a <= f; ++a) {
+          if (t[a] && t[a]._$$key$$_ !== null && t[a]._$$key$$_ === v._$$key$$_) {
             l = a;
             break;
           }
@@ -726,34 +923,37 @@ var updateChildren = (e, t, n, o, i = false) => {
       }
       if (l >= 0) {
         w = t[l];
-        if (w._$$tag$$_ !== p._$$tag$$_) {
+        if (w._$$tag$$_ !== v._$$tag$$_) {
           m = createElm(t && t[s], n, l);
         } else {
-          patch(w, p, i);
+          patch(w, v, i);
           t[l] = void 0;
           m = w._$$elm$$_;
         }
-        p = o[++s];
+        v = o[++s];
       } else {
         m = createElm(t && t[s], n, s);
-        p = o[++s];
+        v = o[++s];
       }
       if (m) {
         {
-          insertBefore(f._$$elm$$_.parentNode, m, f._$$elm$$_);
+          insertBefore(referenceNode(c._$$elm$$_).parentNode, m, referenceNode(c._$$elm$$_));
         }
       }
     }
   }
-  if (r > c) {
+  if (r > f) {
     addVnodes(e, o[d + 1] == null ? null : o[d + 1]._$$elm$$_, n, o, s, d);
   } else if (s > d) {
-    removeVnodes(t, r, c);
+    removeVnodes(t, r, f);
   }
 };
 
 var isSameVnode = (e, t, n = false) => {
   if (e._$$tag$$_ === t._$$tag$$_) {
+    if (e._$$tag$$_ === "slot") {
+      return e._$$name$$_ === t._$$name$$_;
+    }
     if (!n) {
       return e._$$key$$_ === t._$$key$$_;
     }
@@ -765,14 +965,17 @@ var isSameVnode = (e, t, n = false) => {
   return false;
 };
 
+var referenceNode = e => e && e["s-ol"] || e;
+
 var patch = (e, n, o = false) => {
   const i = n._$$elm$$_ = e._$$elm$$_;
   const r = e._$$children$$_;
   const s = n._$$children$$_;
   const l = n._$$text$$_;
+  let a;
   if (l === null) {
     {
-      updateElement(e, n, x);
+      updateElement(e, n, O);
     }
     if (r !== null && s !== null) {
       updateChildren(i, r, n, s, o);
@@ -786,11 +989,65 @@ var patch = (e, n, o = false) => {
     !o && t.updatable && r !== null) {
       removeVnodes(r, 0, r.length - 1);
     }
+  } else if (a = i["s-cr"]) {
+    a.parentNode.textContent = l;
   } else if (e._$$text$$_ !== l) {
     i.data = l;
   }
 };
 
+var M = [];
+
+var markSlotContentForRelocation = e => {
+  let t;
+  let n;
+  let o;
+  const i = e.__childNodes || e.childNodes;
+  for (const e of i) {
+    if (e["s-sr"] && (t = e["s-cr"]) && t.parentNode) {
+      n = t.parentNode.__childNodes || t.parentNode.childNodes;
+      const i = e["s-sn"];
+      for (o = n.length - 1; o >= 0; o--) {
+        t = n[o];
+        if (!t["s-cn"] && !t["s-nr"] && t["s-hn"] !== e["s-hn"] && true) {
+          if (isNodeLocatedInSlot(t, i)) {
+            let n = M.find((e => e._$$nodeToRelocate$$_ === t));
+            C = true;
+            t["s-sn"] = t["s-sn"] || i;
+            if (n) {
+              n._$$nodeToRelocate$$_["s-sh"] = e["s-hn"];
+              n._$$slotRefNode$$_ = e;
+            } else {
+              t["s-sh"] = e["s-hn"];
+              M.push({
+                _$$slotRefNode$$_: e,
+                _$$nodeToRelocate$$_: t
+              });
+            }
+            if (t["s-sr"]) {
+              M.map((e => {
+                if (isNodeLocatedInSlot(e._$$nodeToRelocate$$_, t["s-sn"])) {
+                  n = M.find((e => e._$$nodeToRelocate$$_ === t));
+                  if (n && !e._$$slotRefNode$$_) {
+                    e._$$slotRefNode$$_ = n._$$slotRefNode$$_;
+                  }
+                }
+              }));
+            }
+          } else if (!M.some((e => e._$$nodeToRelocate$$_ === t))) {
+            M.push({
+              _$$nodeToRelocate$$_: t
+            });
+          }
+        }
+      }
+    }
+    if (e.nodeType === 1 /* ElementNode */) {
+      markSlotContentForRelocation(e);
+    }
+  }
+};
+
 var nullifyVNodeRefs = e => {
   {
     e._$$attrs$$_ && e._$$attrs$$_.ref && e._$$attrs$$_.ref(null);
@@ -805,28 +1062,110 @@ var insertBefore = (e, t, n) => {
 };
 
 var renderVdom = (e, t, n = false) => {
-  const o = e.$hostElement$;
-  const i = e._$$cmpMeta$$_;
-  const r = e._$$vnode$$_ || newVNode(null, null);
-  const s = isHost(t);
-  const l = s ? t : h(null, null, t);
-  k = o.tagName;
-  if (i._$$attrsToReflect$$_) {
-    l._$$attrs$$_ = l._$$attrs$$_ || {};
-    i._$$attrsToReflect$$_.map((([e, t]) => l._$$attrs$$_[t] = o[e]));
-  }
-  if (n && l._$$attrs$$_) {
-    for (const e of Object.keys(l._$$attrs$$_)) {
-      if (o.hasAttribute(e) && ![ "key", "ref", "style", "class" ].includes(e)) {
-        l._$$attrs$$_[e] = o[e];
+  var o, i, r, s;
+  const l = e.$hostElement$;
+  const c = e._$$cmpMeta$$_;
+  const u = e._$$vnode$$_ || newVNode(null, null);
+  const d = isHost(t);
+  const v = d ? t : h(null, null, t);
+  x = l.tagName;
+  if (c._$$attrsToReflect$$_) {
+    v._$$attrs$$_ = v._$$attrs$$_ || {};
+    c._$$attrsToReflect$$_.map((([e, t]) => v._$$attrs$$_[t] = l[e]));
+  }
+  if (n && v._$$attrs$$_) {
+    for (const e of Object.keys(v._$$attrs$$_)) {
+      if (l.hasAttribute(e) && ![ "key", "ref", "style", "class" ].includes(e)) {
+        v._$$attrs$$_[e] = l[e];
       }
     }
   }
-  l._$$tag$$_ = null;
-  l._$$flags$$_ |= 4 /* isHost */;
-  e._$$vnode$$_ = l;
-  l._$$elm$$_ = r._$$elm$$_ = o.shadowRoot || o;
-  patch(r, l, n);
+  v._$$tag$$_ = null;
+  v._$$flags$$_ |= 4 /* isHost */;
+  e._$$vnode$$_ = v;
+  v._$$elm$$_ = u._$$elm$$_ = l.shadowRoot || l;
+  j = !!(c._$$flags$$_ & 1 /* shadowDomEncapsulation */) && !(c._$$flags$$_ & 128 /* shadowNeedsScopedCss */);
+  {
+    k = l["s-cr"];
+    C = false;
+  }
+  patch(u, v, n);
+  {
+    f._$$flags$$_ |= 1 /* isTmpDisconnected */;
+    if (N) {
+      markSlotContentForRelocation(v._$$elm$$_);
+      for (const e of M) {
+        const t = e._$$nodeToRelocate$$_;
+        if (!t["s-ol"] && a.document) {
+          const e = originalLocationDebugNode(t);
+          e["s-nr"] = t;
+          insertBefore(t.parentNode, t["s-ol"] = e, t);
+        }
+      }
+      for (const e of M) {
+        const t = e._$$nodeToRelocate$$_;
+        const l = e._$$slotRefNode$$_;
+        if (l) {
+          const e = l.parentNode;
+          let n = l.nextSibling;
+          {
+            let r = (o = t["s-ol"]) == null ? void 0 : o.previousSibling;
+            while (r) {
+              let o = (i = r["s-nr"]) != null ? i : null;
+              if (o && o["s-sn"] === t["s-sn"] && e === (o.__parentNode || o.parentNode)) {
+                o = o.nextSibling;
+                while (o === t || (o == null ? void 0 : o["s-sr"])) {
+                  o = o == null ? void 0 : o.nextSibling;
+                }
+                if (!o || !o["s-nr"]) {
+                  n = o;
+                  break;
+                }
+              }
+              r = r.previousSibling;
+            }
+          }
+          const s = t.__parentNode || t.parentNode;
+          const a = t.__nextSibling || t.nextSibling;
+          if (!n && e !== s || a !== n) {
+            if (t !== n) {
+              if (!t["s-hn"] && t["s-ol"]) {
+                t["s-hn"] = t["s-ol"].parentNode.nodeName;
+              }
+              insertBefore(e, t, n);
+              if (t.nodeType === 1 /* ElementNode */ && t.tagName !== "SLOT-FB") {
+                t.hidden = (r = t["s-ih"]) != null ? r : false;
+              }
+            }
+          }
+          t && typeof l["s-rf"] === "function" && l["s-rf"](l);
+        } else {
+          if (t.nodeType === 1 /* ElementNode */) {
+            if (n) {
+              t["s-ih"] = (s = t.hidden) != null ? s : false;
+            }
+            t.hidden = true;
+          }
+        }
+      }
+    }
+    if (C) {
+      updateFallbackSlotVisibility(v._$$elm$$_);
+    }
+    f._$$flags$$_ &= -2 /* isTmpDisconnected */;
+    M.length = 0;
+  }
+  k = void 0;
+};
+
+var slotReferenceDebugNode = e => {
+  var t;
+  return (t = a.document) == null ? void 0 : t.createComment(`<slot${e._$$name$$_ ? ' name="' + e._$$name$$_ + '"' : ""}> (host=${x.toLowerCase()})`);
+};
+
+var originalLocationDebugNode = e => {
+  var t;
+  return (t = a.document) == null ? void 0 : t.createComment(`org-location for ` + (e.localName ? `<${e.localName}> (host=${e["s-hn"]})` : `[${e.textContent}]`));
 };
 
 // src/runtime/update-component.ts
@@ -1028,9 +1367,9 @@ var setValue = (e, t, n, o) => {
   const l = i._$$flags$$_;
   const a = i._$$lazyInstance$$_;
   n = parsePropertyValue(n, o._$$members$$_[t][0]);
-  const c = Number.isNaN(s) && Number.isNaN(n);
-  const f = n !== s && !c;
-  if ((!(l & 8 /* isConstructingInstance */) || s === void 0) && f) {
+  const f = Number.isNaN(s) && Number.isNaN(n);
+  const c = n !== s && !f;
+  if ((!(l & 8 /* isConstructingInstance */) || s === void 0) && c) {
     i._$$instanceValues$$_.set(t, n);
     if (a) {
       if (o._$$watchers$$_ && l & 128 /* isWatchReady */) {
@@ -1136,7 +1475,7 @@ var proxyComponent = (e, n, o) => {
     if (o & 1 /* isElementConstructor */) {
       const o =  new Map;
       s.attributeChangedCallback = function(e, i, r) {
-        c.jmp((() => {
+        f.jmp((() => {
           var l;
           const a = o.get(e);
           if (this.hasOwnProperty(a) && t.lazyLoad) {
@@ -1159,9 +1498,9 @@ var proxyComponent = (e, n, o) => {
             }
             return;
           }
-          const c = Object.getOwnPropertyDescriptor(s, a);
+          const f = Object.getOwnPropertyDescriptor(s, a);
           r = r === null && typeof this[a] === "boolean" ? false : r;
-          if (r !== this[a] && (!c.get || !!c.set)) {
+          if (r !== this[a] && (!f.get || !!f.set)) {
             this[a] = r;
           }
         }));
@@ -1258,12 +1597,18 @@ var fireConnectedCallback = (e, t) => {
 
 // src/runtime/connected-callback.ts
 var connectedCallback = e => {
-  if ((c._$$flags$$_ & 1 /* isTmpDisconnected */) === 0) {
+  if ((f._$$flags$$_ & 1 /* isTmpDisconnected */) === 0) {
     const t = getHostRef(e);
     const n = t._$$cmpMeta$$_;
     const o = createTime("connectedCallback", n._$$tagName$$_);
     if (!(t._$$flags$$_ & 1 /* hasConnected */)) {
       t._$$flags$$_ |= 1 /* hasConnected */;
+      {
+        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+        n._$$flags$$_ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
+          setContentReference(e);
+        }
+      }
       {
         let n = e;
         while (n = n.parentNode || n.host) {
@@ -1297,6 +1642,15 @@ var connectedCallback = e => {
   }
 };
 
+var setContentReference = e => {
+  if (!a.document) {
+    return;
+  }
+  const t = e["s-cr"] = a.document.createComment(`content-ref (host=${e.localName})`);
+  t["s-cn"] = true;
+  insertBefore(e, t, e.firstChild);
+};
+
 var disconnectInstance = (e, t) => {
   {
     safeCall(e, "disconnectedCallback", void 0, t || e);
@@ -1304,7 +1658,7 @@ var disconnectInstance = (e, t) => {
 };
 
 var disconnectedCallback = async e => {
-  if ((c._$$flags$$_ & 1 /* isTmpDisconnected */) === 0) {
+  if ((f._$$flags$$_ & 1 /* isTmpDisconnected */) === 0) {
     const t = getHostRef(e);
     {
       if (t._$$rmListeners$$_) {
@@ -1336,15 +1690,15 @@ var bootstrapLazy = (e, t = {}) => {
   const o = createTime();
   const i = [];
   const r = t.exclude || [];
-  const f = a.customElements;
+  const c = a.customElements;
   const u = a.document.head;
   const d =  u.querySelector("meta[charset]");
-  const p =  a.document.createElement("style");
-  const v = [];
+  const v =  a.document.createElement("style");
+  const p = [];
   let m;
   let w = true;
-  Object.assign(c, t);
-  c._$$resourcesUrl$$_ = new URL(t.resourcesUrl || "./", a.document.baseURI).href;
+  Object.assign(f, t);
+  f._$$resourcesUrl$$_ = new URL(t.resourcesUrl || "./", a.document.baseURI).href;
   let b = false;
   e.map((e => {
     e[1].map((t => {
@@ -1401,19 +1755,19 @@ var bootstrapLazy = (e, t = {}) => {
             m = null;
           }
           if (w) {
-            v.push(this);
+            p.push(this);
           } else {
-            c.jmp((() => connectedCallback(this)));
+            f.jmp((() => connectedCallback(this)));
           }
         }
         disconnectedCallback() {
-          c.jmp((() => disconnectedCallback(this)));
-          c.raf((() => {
+          f.jmp((() => disconnectedCallback(this)));
+          f.raf((() => {
             var e;
             const t = getHostRef(this);
-            const n = v.findIndex((e => e === this));
+            const n = p.findIndex((e => e === this));
             if (n > -1) {
-              v.splice(n, 1);
+              p.splice(n, 1);
             }
             if (((e = t == null ? void 0 : t._$$vnode$$_) == null ? void 0 : e._$$elm$$_) instanceof Node && !t._$$vnode$$_._$$elm$$_.isConnected) {
               delete t._$$vnode$$_._$$elm$$_;
@@ -1425,34 +1779,34 @@ var bootstrapLazy = (e, t = {}) => {
         }
       };
       o._$$lazyBundleId$$_ = e[0];
-      if (!r.includes(s) && !f.get(s)) {
+      if (!r.includes(s) && !c.get(s)) {
         i.push(s);
-        f.define(s, proxyComponent(l, o, 1 /* isElementConstructor */));
+        c.define(s, proxyComponent(l, o, 1 /* isElementConstructor */));
       }
     }));
   }));
   if (i.length > 0) {
     if (b) {
-      p.textContent += l;
+      v.textContent += l;
     }
     {
-      p.textContent += i.sort() + s;
+      v.textContent += i.sort() + s;
     }
-    if (p.innerHTML.length) {
-      p.setAttribute("data-styles", "");
-      const e = (n = c._$$nonce$$_) != null ? n : queryNonceMetaTagContent(a.document);
+    if (v.innerHTML.length) {
+      v.setAttribute("data-styles", "");
+      const e = (n = f._$$nonce$$_) != null ? n : queryNonceMetaTagContent(a.document);
       if (e != null) {
-        p.setAttribute("nonce", e);
+        v.setAttribute("nonce", e);
       }
-      u.insertBefore(p, d ? d.nextSibling : u.firstChild);
+      u.insertBefore(v, d ? d.nextSibling : u.firstChild);
     }
   }
   w = false;
-  if (v.length) {
-    v.map((e => e.connectedCallback()));
+  if (p.length) {
+    p.map((e => e.connectedCallback()));
   } else {
     {
-      c.jmp((() => m = setTimeout(appDidLoad, 30)));
+      f.jmp((() => m = setTimeout(appDidLoad, 30)));
     }
   }
   o();
@@ -1464,8 +1818,8 @@ var addHostEventListeners = (e, t, n, o) => {
       const r = getHostListenerTarget(a.document, e, n);
       const s = hostListenerProxy(t, i);
       const l = hostListenerOpts(n);
-      c.ael(r, o, s, l);
-      (t._$$rmListeners$$_ = t._$$rmListeners$$_ || []).push((() => c.rel(r, o, s, l)));
+      f.ael(r, o, s, l);
+      (t._$$rmListeners$$_ = t._$$rmListeners$$_ || []).push((() => f.rel(r, o, s, l)));
     }));
   }
 };
@@ -1495,15 +1849,15 @@ var getHostListenerTarget = (e, t, n) => {
   return t;
 };
 
-var hostListenerOpts = e => f ? {
+var hostListenerOpts = e => c ? {
   passive: (e & 1 /* Passive */) !== 0,
   capture: (e & 2 /* Capture */) !== 0
 } : (e & 2 /* Capture */) !== 0
 // src/runtime/nonce.ts
 ;
 
-var setNonce = e => c._$$nonce$$_ = e;
+var setNonce = e => f._$$nonce$$_ = e;
 
 export { b as H, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=p-CwIBTB8E.js.map
-//# sourceMappingURL=p-CwIBTB8E.js.map
+//# sourceMappingURL=p-CwrCjm3e.js.map
+//# sourceMappingURL=p-CwrCjm3e.js.map