@stencil/core 2.16.1 → 2.17.0

package/testing/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Testing v2.16.1 | MIT Licensed | https://stenciljs.com
+ Stencil Testing v2.17.0 | MIT Licensed | https://stenciljs.com
  */
 function _lazyRequire(e) {
  return new Proxy({}, {
@@ -45,28 +45,28 @@ async function startPuppeteerBrowser(e) {
  Array.isArray(e.testing.browserArgs) && e.logger.debug(`puppeteer args: ${e.testing.browserArgs.join(" ")}`), 
  "boolean" == typeof e.testing.browserDevtools && e.logger.debug(`puppeteer devtools: ${e.testing.browserDevtools}`), 
  "number" == typeof e.testing.browserSlowMo && e.logger.debug(`puppeteer slowMo: ${e.testing.browserSlowMo}`);
- const i = {
+ const o = {
   ignoreHTTPSErrors: !0,
   slowMo: e.testing.browserSlowMo
  };
- let o;
- if (e.testing.browserWSEndpoint) o = await n.connect({
+ let i;
+ if (e.testing.browserWSEndpoint) i = await n.connect({
   browserWSEndpoint: e.testing.browserWSEndpoint,
-  ...i
+  ...o
  }); else {
   const t = {
    args: e.testing.browserArgs,
    headless: e.testing.browserHeadless,
    devtools: e.testing.browserDevtools,
-   ...i
+   ...o
   };
   e.testing.browserExecutablePath && (t.executablePath = e.testing.browserExecutablePath), 
-  o = await n.launch({
+  i = await n.launch({
    ...t
   });
  }
- return t.__STENCIL_BROWSER_WS_ENDPOINT__ = o.wsEndpoint(), e.logger.debug(`puppeteer browser wsEndpoint: ${t.__STENCIL_BROWSER_WS_ENDPOINT__}`), 
- o;
+ return t.__STENCIL_BROWSER_WS_ENDPOINT__ = i.wsEndpoint(), e.logger.debug(`puppeteer browser wsEndpoint: ${t.__STENCIL_BROWSER_WS_ENDPOINT__}`), 
+ i;
 }
 
 function getAppStyleUrl(e, t) {
@@ -76,13 +76,13 @@ function getAppStyleUrl(e, t) {
 function getAppUrl(e, t, r) {
  const s = e.outputTargets.find(isOutputTargetWww);
  if (s) {
-  const e = s.buildDir, n = path$2.join(e, r), i = path$2.relative(s.dir, n);
-  return new URL(i, t).href;
+  const e = s.buildDir, n = path$2.join(e, r), o = path$2.relative(s.dir, n);
+  return new URL(o, t).href;
  }
  const n = e.outputTargets.find(isOutputTargetDistLazy);
  if (n) {
-  const s = n.esmDir, i = path$2.join(s, r), o = path$2.relative(e.rootDir, i);
-  return new URL(o, t).href;
+  const s = n.esmDir, o = path$2.join(s, r), i = path$2.relative(e.rootDir, o);
+  return new URL(i, t).href;
  }
  return t;
 }
@@ -170,11 +170,11 @@ async function runJest(e, t) {
     s.maxWorkers = parseInt(s.maxWorkers, 10);
    } catch (e) {}
    return "string" == typeof s.ci && (s.ci = "true" === s.ci || "" === s.ci), s;
-  }(e), i = function i(e, t) {
+  }(e), o = function o(e, t) {
    const r = t.projects ? t.projects : [];
    return r.push(e.rootDir), r;
-  }(e, n), {runCLI: o} = require("@jest/core");
-  r = !!(await o(n, i)).results.success;
+  }(e, n), {runCLI: i} = require("@jest/core");
+  r = !!(await i(n, o)).results.success;
  } catch (t) {
   e.logger.error(`runJest: ${t}`);
  }
@@ -246,30 +246,30 @@ function getCompilerOptions(e) {
   };
   if (1 === e.category && (t.level = "error"), e.file) {
    t.absFilePath = e.file.fileName;
-   const s = "string" != typeof (r = e.file.text) ? [] : (r = r.replace(/\\r/g, "\n")).split("\n"), n = e.file.getLineAndCharacterOfPosition(e.start), i = {
+   const s = "string" != typeof (r = e.file.text) ? [] : (r = r.replace(/\\r/g, "\n")).split("\n"), n = e.file.getLineAndCharacterOfPosition(e.start), o = {
     lineIndex: n.line,
     lineNumber: n.line + 1,
     text: s[n.line],
     errorCharStart: n.character,
     errorLength: Math.max(e.length, 1)
    };
-   if (t.lineNumber = i.lineNumber, t.columnNumber = i.errorCharStart + 1, t.lines.push(i), 
-   0 === i.errorLength && i.errorCharStart > 0 && (i.errorLength = 1, i.errorCharStart--), 
-   i.lineIndex > 0) {
+   if (t.lineNumber = o.lineNumber, t.columnNumber = o.errorCharStart + 1, t.lines.push(o), 
+   0 === o.errorLength && o.errorCharStart > 0 && (o.errorLength = 1, o.errorCharStart--), 
+   o.lineIndex > 0) {
     const e = {
-     lineIndex: i.lineIndex - 1,
-     lineNumber: i.lineNumber - 1,
-     text: s[i.lineIndex - 1],
+     lineIndex: o.lineIndex - 1,
+     lineNumber: o.lineNumber - 1,
+     text: s[o.lineIndex - 1],
      errorCharStart: -1,
      errorLength: -1
     };
     t.lines.unshift(e);
    }
-   if (i.lineIndex + 1 < s.length) {
+   if (o.lineIndex + 1 < s.length) {
     const e = {
-     lineIndex: i.lineIndex + 1,
-     lineNumber: i.lineNumber + 1,
-     text: s[i.lineIndex + 1],
+     lineIndex: o.lineIndex + 1,
+     lineNumber: o.lineNumber + 1,
+     text: s[o.lineIndex + 1],
      errorCharStart: -1,
      errorLength: -1
     };
@@ -313,11 +313,11 @@ function compareHtml(e, t, r) {
    });
   }
  }
- const i = index_cjs.parseHtmlToFragment(t), o = index_cjs.serializeNodeToHtml(i, {
+ const o = index_cjs.parseHtmlToFragment(t), i = index_cjs.serializeNodeToHtml(o, {
   prettyHtml: !0,
   excludeTags: [ "body" ]
  });
- return s !== o ? (expect(s).toBe(o), {
+ return s !== i ? (expect(s).toBe(i), {
   message: () => "HTML does not match",
   pass: !1
  }) : {
@@ -388,7 +388,7 @@ function assertPath(e) {
 }
 
 function normalizeStringPosix(e, t) {
- var r, s, n, i = "", o = 0, a = -1, l = 0;
+ var r, s, n, o = "", i = 0, a = -1, l = 0;
  for (s = 0; s <= e.length; ++s) {
   if (s < e.length) r = e.charCodeAt(s); else {
    if (47 === r) break;
@@ -396,27 +396,27 @@ function normalizeStringPosix(e, t) {
   }
   if (47 === r) {
    if (a === s - 1 || 1 === l) ; else if (a !== s - 1 && 2 === l) {
-    if (i.length < 2 || 2 !== o || 46 !== i.charCodeAt(i.length - 1) || 46 !== i.charCodeAt(i.length - 2)) if (i.length > 2) {
-     if ((n = i.lastIndexOf("/")) !== i.length - 1) {
-      -1 === n ? (i = "", o = 0) : o = (i = i.slice(0, n)).length - 1 - i.lastIndexOf("/"), 
+    if (o.length < 2 || 2 !== i || 46 !== o.charCodeAt(o.length - 1) || 46 !== o.charCodeAt(o.length - 2)) if (o.length > 2) {
+     if ((n = o.lastIndexOf("/")) !== o.length - 1) {
+      -1 === n ? (o = "", i = 0) : i = (o = o.slice(0, n)).length - 1 - o.lastIndexOf("/"), 
       a = s, l = 0;
       continue;
      }
-    } else if (2 === i.length || 1 === i.length) {
-     i = "", o = 0, a = s, l = 0;
+    } else if (2 === o.length || 1 === o.length) {
+     o = "", i = 0, a = s, l = 0;
      continue;
     }
-    t && (i.length > 0 ? i += "/.." : i = "..", o = 2);
-   } else i.length > 0 ? i += "/" + e.slice(a + 1, s) : i = e.slice(a + 1, s), o = s - a - 1;
+    t && (o.length > 0 ? o += "/.." : o = "..", i = 2);
+   } else o.length > 0 ? o += "/" + e.slice(a + 1, s) : o = e.slice(a + 1, s), i = s - a - 1;
    a = s, l = 0;
   } else 46 === r && -1 !== l ? ++l : l = -1;
  }
- return i;
+ return o;
 }
 
 function specifierIncluded$1(e, t) {
- var r, s, n, i = e.split("."), o = t.split(" "), a = o.length > 1 ? o[0] : "=", l = (o.length > 1 ? o[1] : o[0]).split(".");
- for (r = 0; r < 3; ++r) if ((s = parseInt(i[r] || 0, 10)) !== (n = parseInt(l[r] || 0, 10))) return "<" === a ? s < n : ">=" === a && s >= n;
+ var r, s, n, o = e.split("."), i = t.split(" "), a = i.length > 1 ? i[0] : "=", l = (i.length > 1 ? i[1] : i[0]).split(".");
+ for (r = 0; r < 3; ++r) if ((s = parseInt(o[r] || 0, 10)) !== (n = parseInt(l[r] || 0, 10))) return "<" === a ? s < n : ">=" === a && s >= n;
  return ">=" === a;
 }
 
@@ -428,9 +428,9 @@ function matchesRange$1(e, t) {
 }
 
 function specifierIncluded(e) {
- var t, r, s, n = e.split(" "), i = n.length > 1 ? n[0] : "=", o = (n.length > 1 ? n[1] : n[0]).split(".");
- for (t = 0; t < 3; ++t) if ((r = parseInt(current[t] || 0, 10)) !== (s = parseInt(o[t] || 0, 10))) return "<" === i ? r < s : ">=" === i && r >= s;
- return ">=" === i;
+ var t, r, s, n = e.split(" "), o = n.length > 1 ? n[0] : "=", i = (n.length > 1 ? n[1] : n[0]).split(".");
+ for (t = 0; t < 3; ++t) if ((r = parseInt(current[t] || 0, 10)) !== (s = parseInt(i[t] || 0, 10))) return "<" === o ? r < s : ">=" === o && r >= s;
+ return ">=" === o;
 }
 
 function matchesRange(e) {
@@ -476,7 +476,11 @@ function mockConfig(e) {
   nodeResolve: {
    customResolveOptions: {}
   },
-  sourceMap: !0
+  sourceMap: !0,
+  rollupPlugins: {
+   before: [],
+   after: []
+  }
  };
 }
 
@@ -499,7 +503,7 @@ function mockCompilerCtx(e) {
   compilerOptions: null,
   cache: null,
   cssModuleImports: new Map,
-  events: null,
+  events: buildEvents(),
   fs: null,
   hasSuccessfulBuild: !1,
   isActivelyBuilding: !1,
@@ -539,23 +543,23 @@ function mockCompilerCtx(e) {
      if (!0 === r.inMemoryOnly) {
       let n = e;
       n.endsWith("/") || (n += "/");
-      const i = e.split("/");
+      const o = e.split("/");
       t.forEach(((t, n) => {
        if (!n.startsWith(e)) return;
        const a = n.split("/");
-       if ((a.length === i.length + 1 || r.recursive && a.length > i.length) && t.exists) {
+       if ((a.length === o.length + 1 || r.recursive && a.length > o.length) && t.exists) {
         const e = {
          absPath: n,
-         relPath: a[i.length],
+         relPath: a[o.length],
          isDirectory: t.isDirectory,
          isFile: t.isFile
         };
-        o(r, e) || s.push(e);
+        i(r, e) || s.push(e);
        }
       }));
-     } else await i(e, e, r, s);
+     } else await o(e, e, r, s);
      return s.sort(((e, t) => e.absPath < t.absPath ? -1 : e.absPath > t.absPath ? 1 : 0));
-    }, i = async (t, r, s, n) => {
+    }, o = async (t, r, s, n) => {
      const a = await e.readDir(r);
      if (a.length > 0) {
       const e = b(r);
@@ -566,10 +570,10 @@ function mockCompilerCtx(e) {
         isDirectory: l.isDirectory,
         isFile: l.isFile
        };
-       o(s, u) || (n.push(u), !0 === s.recursive && !0 === l.isDirectory && await i(t, r, s, n));
+       i(s, u) || (n.push(u), !0 === s.recursive && !0 === l.isDirectory && await o(t, r, s, n));
       })));
      }
-    }, o = (e, t) => {
+    }, i = (e, t) => {
      if (t.isDirectory) {
       if (Array.isArray(e.excludeDirNames)) {
        const r = path$2.basename(t.absPath);
@@ -622,26 +626,26 @@ function mockCompilerCtx(e) {
     }, d = async (t, s, n) => {
      if ("string" != typeof t) throw new Error(`writeFile, invalid filePath: ${t}`);
      if ("string" != typeof s) throw new Error(`writeFile, invalid content: ${t}`);
-     const i = {
+     const o = {
       ignored: !1,
       changedContent: !1,
       queuedWrite: !1
      };
-     if (!0 === shouldIgnore(t)) return i.ignored = !0, i;
-     const o = b(t);
-     if (o.exists = !0, o.isFile = !0, o.isDirectory = !1, o.queueDeleteFromDisk = !1, 
-     "string" == typeof o.fileText ? i.changedContent = o.fileText.replace(/\r/g, "") !== s.replace(/\r/g, "") : i.changedContent = !0, 
-     o.fileText = s, i.queuedWrite = !1, null != n && ("string" == typeof n.outputTargetType && r.set(t, n.outputTargetType), 
-     !1 === n.useCache && (o.useCache = !1)), null != n && !0 === n.inMemoryOnly) o.queueWriteToDisk ? i.queuedWrite = !0 : o.queueWriteToDisk = !1, 
+     if (!0 === shouldIgnore(t)) return o.ignored = !0, o;
+     const i = b(t);
+     if (i.exists = !0, i.isFile = !0, i.isDirectory = !1, i.queueDeleteFromDisk = !1, 
+     "string" == typeof i.fileText ? o.changedContent = i.fileText.replace(/\r/g, "") !== s.replace(/\r/g, "") : o.changedContent = !0, 
+     i.fileText = s, o.queuedWrite = !1, null != n && ("string" == typeof n.outputTargetType && r.set(t, n.outputTargetType), 
+     !1 === n.useCache && (i.useCache = !1)), null != n && !0 === n.inMemoryOnly) i.queueWriteToDisk ? o.queuedWrite = !0 : i.queueWriteToDisk = !1, 
      await h(t, !0); else if (null != n && !0 === n.immediateWrite) {
-      if (i.changedContent || !0 !== n.useCache) {
+      if (o.changedContent || !0 !== n.useCache) {
        const r = await e.readFile(t);
-       "string" == typeof r && (i.changedContent = o.fileText.replace(/\r/g, "") !== r.replace(/\r/g, "")), 
-       i.changedContent && (await h(t, !1), await e.writeFile(t, o.fileText));
+       "string" == typeof r && (o.changedContent = i.fileText.replace(/\r/g, "") !== r.replace(/\r/g, "")), 
+       o.changedContent && (await h(t, !1), await e.writeFile(t, i.fileText));
       }
-     } else o.queueWriteToDisk || !0 !== i.changedContent || (o.queueWriteToDisk = !0, 
-     i.queuedWrite = !0);
-     return i;
+     } else i.queueWriteToDisk || !0 !== o.changedContent || (i.queueWriteToDisk = !0, 
+     o.queuedWrite = !0);
+     return o;
     }, h = async (e, t) => {
      const r = [];
      for (;"string" == typeof (e = path$2.dirname(e)) && e.length > 0 && "/" !== e && !1 === e.endsWith(":/") && !1 === e.endsWith(":\\"); ) r.push(e);
@@ -724,12 +728,12 @@ function mockCompilerCtx(e) {
      clearDirCache: _,
      clearFileCache: v,
      commit: async () => {
-      const e = getCommitInstructions(t), r = await p(e.dirsToEnsure, !1), s = await m(e.filesToWrite), n = await f(e.filesToCopy), i = await y(e.filesToDelete), o = await w(e.dirsToDelete);
+      const e = getCommitInstructions(t), r = await p(e.dirsToEnsure, !1), s = await m(e.filesToWrite), n = await f(e.filesToCopy), o = await y(e.filesToDelete), i = await w(e.dirsToDelete);
       return e.filesToDelete.forEach(v), e.dirsToDelete.forEach(_), {
        filesCopied: n,
        filesWritten: s,
-       filesDeleted: i,
-       dirsDeleted: o,
+       filesDeleted: o,
+       dirsDeleted: i,
        dirsAdded: r
       };
      },
@@ -839,19 +843,19 @@ async function initPageEvents(e) {
 }
 
 async function pageSpyOnEvent(e, t, r) {
- const s = new EventSpy(t), n = "document" !== r ? () => window : () => document, i = await e.evaluateHandle(n);
- return await addE2EListener(e, i, t, (e => {
+ const s = new EventSpy(t), n = "document" !== r ? () => window : () => document, o = await e.evaluateHandle(n);
+ return await addE2EListener(e, o, t, (e => {
   s.push(e);
  })), s;
 }
 
 async function waitForEvent(e, t, r) {
  const s = .5 * jasmine.DEFAULT_TIMEOUT_INTERVAL, n = await e.evaluate(((e, t, r) => new Promise(((s, n) => {
-  const i = setTimeout((() => {
+  const o = setTimeout((() => {
    n(new Error(`waitForEvent() timeout, eventName: ${t}`));
   }), r);
   e.addEventListener(t, (e => {
-   clearTimeout(i), s(window.stencilSerializeEvent(e));
+   clearTimeout(o), s(window.stencilSerializeEvent(e));
   }), {
    once: !0
   });
@@ -865,8 +869,8 @@ async function addE2EListener(e, t, r, s) {
   eventName: r,
   callback: s
  });
- const i = t.executionContext();
- await i.evaluate(((e, t, r) => {
+ const o = t.executionContext();
+ await o.evaluate(((e, t, r) => {
   e.addEventListener(r, (e => {
    window.stencilOnEvent(t, window.stencilSerializeEvent(e));
   }));
@@ -922,7 +926,7 @@ function browserContextEvents() {
 }
 
 async function find(e, t, r) {
- const {lightSelector: s, shadowSelector: n, text: i, contains: o} = getSelector(r);
+ const {lightSelector: s, shadowSelector: n, text: o, contains: i} = getSelector(r);
  let a;
  if (a = "string" == typeof s ? await async function l(e, t, r, s) {
   let n = await t.$(r);
@@ -950,20 +954,20 @@ async function find(e, t, r) {
    }(e), s;
   }), t, r, s);
   return n ? n.asElement() : null;
- }(e, t, i, o), !a) return null;
+ }(e, t, o, i), !a) return null;
  const u = new E2EElement(e, a);
  return await u.e2eSync(), u;
 }
 
 async function findAll(e, t, r) {
- const s = [], {lightSelector: n, shadowSelector: i} = getSelector(r), o = await t.$$(n);
- if (0 === o.length) return s;
- if (i) for (let t = 0; t < o.length; t++) {
-  const r = o[t].executionContext(), n = await r.evaluateHandle(((e, t) => {
+ const s = [], {lightSelector: n, shadowSelector: o} = getSelector(r), i = await t.$$(n);
+ if (0 === i.length) return s;
+ if (o) for (let t = 0; t < i.length; t++) {
+  const r = i[t].executionContext(), n = await r.evaluateHandle(((e, t) => {
    if (!e.shadowRoot) throw new Error(`shadow root does not exist for element: ${e.tagName.toLowerCase()}`);
    return e.shadowRoot.querySelectorAll(t);
-  }), o[t], i);
-  await o[t].dispose();
+  }), i[t], o);
+  await i[t].dispose();
   const a = await n.getProperties();
   await n.dispose();
   for (const t of a.values()) {
@@ -973,8 +977,8 @@ async function findAll(e, t, r) {
     await t.e2eSync(), s.push(t);
    }
   }
- } else for (let t = 0; t < o.length; t++) {
-  const r = new E2EElement(e, o[t]);
+ } else for (let t = 0; t < i.length; t++) {
+  const r = new E2EElement(e, i[t]);
   await r.e2eSync(), s.push(r);
  }
  return s;
@@ -1013,7 +1017,7 @@ function writeFile(e, t) {
  }));
 }
 
-async function compareScreenshot(e, t, r, s, n, i, o, a) {
+async function compareScreenshot(e, t, r, s, n, o, i, a) {
  const l = `${crypto$3.createHash("md5").update(r).digest("hex")}.png`, c = path$2.join(t.imagesDir, l);
  await async function u(e, t) {
   await function r(e) {
@@ -1021,7 +1025,7 @@ async function compareScreenshot(e, t, r, s, n, i, o, a) {
     fs__default.default.access(e, (e => t(!e)));
    }));
   }(e) || await writeFile(e, t);
- }(c, r), r = null, o && (o = normalizePath(path$2.relative(t.rootDir, o)));
+ }(c, r), r = null, i && (i = normalizePath(path$2.relative(t.rootDir, i)));
  const d = function h(e, t) {
   if ("string" != typeof t || 0 === t.trim().length) throw new Error("invalid test description");
   const r = crypto$3.createHash("md5");
@@ -1034,9 +1038,9 @@ async function compareScreenshot(e, t, r, s, n, i, o, a) {
   device: e.device,
   userAgent: e.userAgent,
   desc: s,
-  testPath: o,
+  testPath: i,
   width: n,
-  height: i,
+  height: o,
   deviceScaleFactor: e.viewport.deviceScaleFactor,
   hasTouch: e.viewport.hasTouch,
   isLandscape: e.viewport.isLandscape,
@@ -1050,14 +1054,14 @@ async function compareScreenshot(e, t, r, s, n, i, o, a) {
    device: e.device,
    userAgent: e.userAgent,
    width: n,
-   height: i,
+   height: o,
    deviceScaleFactor: e.viewport.deviceScaleFactor,
    hasTouch: e.viewport.hasTouch,
    isLandscape: e.viewport.isLandscape,
    isMobile: e.viewport.isMobile,
    allowableMismatchedPixels: t.allowableMismatchedPixels,
    allowableMismatchedRatio: t.allowableMismatchedRatio,
-   testPath: o
+   testPath: i
   }
  };
  if (t.updateMaster) return await writeScreenshotData(t.currentBuildDir, p), p.diff;
@@ -1079,7 +1083,7 @@ async function compareScreenshot(e, t, r, s, n, i, o, a) {
    };
    p.diff.mismatchedPixels = await async function g(e, t) {
     return new Promise(((r, s) => {
-     const n = .5 * jasmine.DEFAULT_TIMEOUT_INTERVAL, i = setTimeout((() => {
+     const n = .5 * jasmine.DEFAULT_TIMEOUT_INTERVAL, o = setTimeout((() => {
       s(`getMismatchedPixels timeout: ${n}ms`);
      }), n);
      try {
@@ -1088,14 +1092,14 @@ async function compareScreenshot(e, t, r, s, n, i, o, a) {
        env: process.env,
        cwd: process.cwd(),
        stdio: [ "pipe", "pipe", "pipe", "ipc" ]
-      }, o = child_process$2.fork(e, [], n);
-      o.on("message", (e => {
-       o.kill(), clearTimeout(i), r(e);
-      })), o.on("error", (e => {
-       clearTimeout(i), s(e);
-      })), o.send(t);
+      }, i = child_process$2.fork(e, [], n);
+      i.on("message", (e => {
+       i.kill(), clearTimeout(o), r(e);
+      })), i.on("error", (e => {
+       clearTimeout(o), s(e);
+      })), i.send(t);
      } catch (e) {
-      clearTimeout(i), s(`getMismatchedPixels error: ${e}`);
+      clearTimeout(o), s(`getMismatchedPixels error: ${e}`);
      }
     }));
    }(t.pixelmatchModulePath, n);
@@ -1112,9 +1116,9 @@ async function e2eGoTo(e, t, r = {}) {
  if ("string" != typeof s) throw new Error("invalid gotoTest() browser url");
  const n = s + t.substring(1);
  r.waitUntil || (r.waitUntil = env.__STENCIL_BROWSER_WAIT_UNTIL);
- const i = await e._e2eGoto(n, r);
- if (!i.ok()) throw new Error(`Testing unable to load ${t}, HTTP status: ${i.status()}`);
- return await waitForStencil(e, r), i;
+ const o = await e._e2eGoto(n, r);
+ if (!o.ok()) throw new Error(`Testing unable to load ${t}, HTTP status: ${o.status()}`);
+ return await waitForStencil(e, r), o;
 }
 
 async function e2eSetContent(e, t, r = {}) {
@@ -1123,18 +1127,18 @@ async function e2eSetContent(e, t, r = {}) {
  const s = [], n = env.__STENCIL_APP_SCRIPT_URL__;
  if ("string" != typeof n) throw new Error("invalid e2eSetContent() app script url");
  s.push("<!doctype html>"), s.push("<html>"), s.push("<head>");
- const i = env.__STENCIL_APP_STYLE_URL__;
- "string" == typeof i && s.push(`<link rel="stylesheet" href="${i}">`), s.push(`<script type="module" src="${n}"><\/script>`), 
+ const o = env.__STENCIL_APP_STYLE_URL__;
+ "string" == typeof o && s.push(`<link rel="stylesheet" href="${o}">`), s.push(`<script type="module" src="${n}"><\/script>`), 
  s.push("</head>"), s.push("<body>"), s.push(t), s.push("</body>"), s.push("</html>");
- const o = env.__STENCIL_BROWSER_URL__;
+ const i = env.__STENCIL_BROWSER_URL__;
  await e.setRequestInterception(!0), e.on("request", (e => {
-  o === e.url() ? e.respond({
+  i === e.url() ? e.respond({
    status: 200,
    contentType: "text/html",
    body: s.join("\n")
   }) : e.continue();
  })), r.waitUntil || (r.waitUntil = env.__STENCIL_BROWSER_WAIT_UNTIL);
- const a = await e._e2eGoto(o, r);
+ const a = await e._e2eGoto(i, r);
  if (!a.ok()) throw new Error("Testing unable to load content");
  return await waitForStencil(e, r), a;
 }
@@ -1242,8 +1246,8 @@ const path$2 = require("path"), index_js = _lazyRequire("../dev-server/index.js"
 }, noop = () => {}, isFunction = e => "function" == typeof e, isString = e => "string" == typeof e, isIterable = e => (e => null != e)(e) && isFunction(e[Symbol.iterator]), windowsPathRegex = /^(?:[a-zA-Z]:|[\\/]{2}[^\\/]+[\\/]+[^\\/]+)?[\\/]$/, hasError = e => null != e && 0 !== e.length && e.some((e => "error" === e.level && "runtime" !== e.type)), normalizePath = e => {
  if ("string" != typeof e) throw new Error("invalid path to normalize");
  e = normalizeSlashes(e.trim());
- const t = pathComponents(e, getRootLength(e)), r = reducePathComponents(t), s = r[0], n = r[1], i = s + r.slice(1).join("/");
- return "" === i ? "." : "" === s && n && e.includes("/") && !n.startsWith(".") && !n.startsWith("@") ? "./" + i : i;
+ const t = pathComponents(e, getRootLength(e)), r = reducePathComponents(t), s = r[0], n = r[1], o = s + r.slice(1).join("/");
+ return "" === o ? "." : "" === s && n && e.includes("/") && !n.startsWith(".") && !n.startsWith("@") ? "./" + o : o;
 }, normalizeSlashes = e => e.replace(backslashRegExp, "/"), backslashRegExp = /\\/g, reducePathComponents = e => {
  if (!Array.isArray(e) || 0 === e.length) return [];
  const t = [ e[0] ];
@@ -1280,8 +1284,8 @@ const path$2 = require("path"), index_js = _lazyRequire("../dev-server/index.js"
  if (-1 !== r) {
   const t = r + "://".length, s = e.indexOf("/", t);
   if (-1 !== s) {
-   const n = e.slice(0, r), i = e.slice(t, s);
-   if ("file" === n && ("" === i || "localhost" === i) && isVolumeCharacter(e.charCodeAt(s + 1))) {
+   const n = e.slice(0, r), o = e.slice(t, s);
+   if ("file" === n && ("" === o || "localhost" === o) && isVolumeCharacter(e.charCodeAt(s + 1))) {
     const t = getFileUrlVolumeSeparatorEnd(e, s + 2);
     if (-1 !== t) {
      if (47 === e.charCodeAt(t)) return ~(t + 1);
@@ -1334,12 +1338,12 @@ const jestPreprocessor = {
     currentDirectory: s.rootDir
    }, n = getCompilerOptions(s.rootDir);
    n && (n.baseUrl && (r.baseUrl = n.baseUrl), n.paths && (r.paths = n.paths));
-   const i = transpile(e, r), o = i.diagnostics.some((e => "error" === e.level));
-   if (i.diagnostics && o) {
-    const e = i.diagnostics.map(formatDiagnostic).join("\n\n");
+   const o = transpile(e, r), i = o.diagnostics.some((e => "error" === e.level));
+   if (o.diagnostics && i) {
+    const e = o.diagnostics.map(formatDiagnostic).join("\n\n");
     throw new Error(e);
    }
-   return i.code;
+   return o.code;
   }
   return e;
  },
@@ -1354,10 +1358,10 @@ const jestPreprocessor = {
  if (t === r) return !0;
  if (t && r && "object" == typeof t && "object" == typeof r) {
   const s = Array.isArray(t), n = Array.isArray(r);
-  let i, o, a;
+  let o, i, a;
   if (s && n) {
-   if (o = t.length, o != r.length) return !1;
-   for (i = o; 0 != i--; ) if (!e(t[i], r[i])) return !1;
+   if (i = t.length, i != r.length) return !1;
+   for (o = i; 0 != o--; ) if (!e(t[o], r[o])) return !1;
    return !0;
   }
   if (s != n) return !1;
@@ -1368,9 +1372,9 @@ const jestPreprocessor = {
   if (u != d) return !1;
   if (u && d) return t.toString() == r.toString();
   const h = Object.keys(t);
-  if (o = h.length, o !== Object.keys(r).length) return !1;
-  for (i = o; 0 != i--; ) if (!Object.prototype.hasOwnProperty.call(r, h[i])) return !1;
-  for (i = o; 0 != i--; ) if (a = h[i], !e(t[a], r[a])) return !1;
+  if (i = h.length, i !== Object.keys(r).length) return !1;
+  for (o = i; 0 != o--; ) if (!Object.prototype.hasOwnProperty.call(r, h[o])) return !1;
+  for (o = i; 0 != o--; ) if (a = h[o], !e(t[a], r[a])) return !1;
   return !0;
  }
  return t != t && r != r;
@@ -1768,9 +1772,9 @@ class BuildContext {
    }
    return {
     duration: () => r.duration(),
-    finish: (e, s, n, i) => {
+    finish: (e, s, n, o) => {
      if ((!this.hasFinished || t) && (t && this.config.watch && (e = `${this.config.logger.cyan("[" + this.buildId + "]")} ${e}`), 
-     r.finish(e, s, n, i), !t)) {
+     r.finish(e, s, n, o), !t)) {
       const e = {
        buildId: this.buildId,
        messages: this.buildMessages.slice(),
@@ -1886,12 +1890,12 @@ class Cache {
   if (null != t) {
    if (e - t < ONE_DAY) return;
    const r = this.cacheFs.sys, s = await r.readDir(this.config.cacheDir), n = s.map((e => path$2.join(this.config.cacheDir, e)));
-   let i = 0;
-   const o = n.map((async t => {
+   let o = 0;
+   const i = n.map((async t => {
     const s = (await r.stat(t)).mtimeMs;
-    e - s > ONE_WEEK && (await r.removeFile(t), i++);
+    e - s > ONE_WEEK && (await r.removeFile(t), o++);
    }));
-   await Promise.all(o), this.logger.debug(`clearExpiredCache, cachedFileNames: ${s.length}, totalCleared: ${i}`);
+   await Promise.all(i), this.logger.debug(`clearExpiredCache, cachedFileNames: ${s.length}, totalCleared: ${o}`);
   }
   this.logger.debug("clearExpiredCache, set last clear"), await this.sys.cacheStorage.set(EXP_STORAGE_KEY, e);
  }
@@ -1933,10 +1937,10 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
   } else if (!0 === e.queueDeleteFromDisk) e.isDirectory && !t.dirsToEnsure.includes(r) ? t.dirsToDelete.push(r) : e.isFile && !t.filesToWrite.includes(r) && t.filesToDelete.push(r); else if ("string" == typeof e.queueCopyFileToDest) {
    const s = r, n = e.queueCopyFileToDest;
    t.filesToCopy.push([ s, n ]);
-   const i = normalizePath(path$2.dirname(n));
-   t.dirsToEnsure.includes(i) || t.dirsToEnsure.push(i);
-   const o = t.dirsToDelete.indexOf(i);
-   o > -1 && t.dirsToDelete.splice(o, 1);
+   const o = normalizePath(path$2.dirname(n));
+   t.dirsToEnsure.includes(o) || t.dirsToEnsure.push(o);
+   const i = t.dirsToDelete.indexOf(o);
+   i > -1 && t.dirsToDelete.splice(i, 1);
    const a = t.filesToDelete.indexOf(n);
    a > -1 && t.filesToDelete.splice(a, 1);
   }
@@ -1969,10 +1973,10 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
 
 (posix = {
  resolve: function e() {
-  var t, r, s, n = "", i = !1;
-  for (r = arguments.length - 1; r >= -1 && !i; r--) r >= 0 ? s = arguments[r] : (void 0 === t && (t = process.cwd()), 
-  s = t), assertPath(s), 0 !== s.length && (n = s + "/" + n, i = 47 === s.charCodeAt(0));
-  return n = normalizeStringPosix(n, !i), i ? n.length > 0 ? "/" + n : "/" : n.length > 0 ? n : ".";
+  var t, r, s, n = "", o = !1;
+  for (r = arguments.length - 1; r >= -1 && !o; r--) r >= 0 ? s = arguments[r] : (void 0 === t && (t = process.cwd()), 
+  s = t), assertPath(s), 0 !== s.length && (n = s + "/" + n, o = 47 === s.charCodeAt(0));
+  return n = normalizeStringPosix(n, !o), o ? n.length > 0 ? "/" + n : "/" : n.length > 0 ? n : ".";
  },
  normalize: function e(t) {
   var r, s;
@@ -1990,70 +1994,70 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
   return void 0 === t ? "." : posix.normalize(t);
  },
  relative: function e(t, r) {
-  var s, n, i, o, a, l, c, u, d, h;
+  var s, n, o, i, a, l, c, u, d, h;
   if (assertPath(t), assertPath(r), t === r) return "";
   if ((t = posix.resolve(t)) === (r = posix.resolve(r))) return "";
   for (s = 1; s < t.length && 47 === t.charCodeAt(s); ++s) ;
-  for (i = (n = t.length) - s, o = 1; o < r.length && 47 === r.charCodeAt(o); ++o) ;
-  for (l = i < (a = r.length - o) ? i : a, c = -1, u = 0; u <= l; ++u) {
+  for (o = (n = t.length) - s, i = 1; i < r.length && 47 === r.charCodeAt(i); ++i) ;
+  for (l = o < (a = r.length - i) ? o : a, c = -1, u = 0; u <= l; ++u) {
    if (u === l) {
     if (a > l) {
-     if (47 === r.charCodeAt(o + u)) return r.slice(o + u + 1);
-     if (0 === u) return r.slice(o + u);
-    } else i > l && (47 === t.charCodeAt(s + u) ? c = u : 0 === u && (c = 0));
+     if (47 === r.charCodeAt(i + u)) return r.slice(i + u + 1);
+     if (0 === u) return r.slice(i + u);
+    } else o > l && (47 === t.charCodeAt(s + u) ? c = u : 0 === u && (c = 0));
     break;
    }
-   if ((d = t.charCodeAt(s + u)) !== r.charCodeAt(o + u)) break;
+   if ((d = t.charCodeAt(s + u)) !== r.charCodeAt(i + u)) break;
    47 === d && (c = u);
   }
   for (h = "", u = s + c + 1; u <= n; ++u) u !== n && 47 !== t.charCodeAt(u) || (0 === h.length ? h += ".." : h += "/..");
-  return h.length > 0 ? h + r.slice(o + c) : (o += c, 47 === r.charCodeAt(o) && ++o, 
-  r.slice(o));
+  return h.length > 0 ? h + r.slice(i + c) : (i += c, 47 === r.charCodeAt(i) && ++i, 
+  r.slice(i));
  },
  _makeLong: function e(t) {
   return t;
  },
  dirname: function e(t) {
-  var r, s, n, i;
+  var r, s, n, o;
   if (assertPath(t), 0 === t.length) return ".";
-  for (r = 47 === t.charCodeAt(0), s = -1, n = !0, i = t.length - 1; i >= 1; --i) if (47 === t.charCodeAt(i)) {
+  for (r = 47 === t.charCodeAt(0), s = -1, n = !0, o = t.length - 1; o >= 1; --o) if (47 === t.charCodeAt(o)) {
    if (!n) {
-    s = i;
+    s = o;
     break;
    }
   } else n = !1;
   return -1 === s ? r ? "/" : "." : r && 1 === s ? "//" : t.slice(0, s);
  },
  basename: function e(t, r) {
-  var s, n, i, o, a, l, c;
+  var s, n, o, i, a, l, c;
   if (void 0 !== r && "string" != typeof r) throw new TypeError('"ext" argument must be a string');
-  if (assertPath(t), s = 0, n = -1, i = !0, void 0 !== r && r.length > 0 && r.length <= t.length) {
+  if (assertPath(t), s = 0, n = -1, o = !0, void 0 !== r && r.length > 0 && r.length <= t.length) {
    if (r.length === t.length && r === t) return "";
-   for (a = r.length - 1, l = -1, o = t.length - 1; o >= 0; --o) if (47 === (c = t.charCodeAt(o))) {
-    if (!i) {
-     s = o + 1;
+   for (a = r.length - 1, l = -1, i = t.length - 1; i >= 0; --i) if (47 === (c = t.charCodeAt(i))) {
+    if (!o) {
+     s = i + 1;
      break;
     }
-   } else -1 === l && (i = !1, l = o + 1), a >= 0 && (c === r.charCodeAt(a) ? -1 == --a && (n = o) : (a = -1, 
+   } else -1 === l && (o = !1, l = i + 1), a >= 0 && (c === r.charCodeAt(a) ? -1 == --a && (n = i) : (a = -1, 
    n = l));
    return s === n ? n = l : -1 === n && (n = t.length), t.slice(s, n);
   }
-  for (o = t.length - 1; o >= 0; --o) if (47 === t.charCodeAt(o)) {
-   if (!i) {
-    s = o + 1;
+  for (i = t.length - 1; i >= 0; --i) if (47 === t.charCodeAt(i)) {
+   if (!o) {
+    s = i + 1;
     break;
    }
-  } else -1 === n && (i = !1, n = o + 1);
+  } else -1 === n && (o = !1, n = i + 1);
   return -1 === n ? "" : t.slice(s, n);
  },
  extname: function e(t) {
-  var r, s, n, i, o, a, l;
-  for (assertPath(t), r = -1, s = 0, n = -1, i = !0, o = 0, a = t.length - 1; a >= 0; --a) if (47 !== (l = t.charCodeAt(a))) -1 === n && (i = !1, 
-  n = a + 1), 46 === l ? -1 === r ? r = a : 1 !== o && (o = 1) : -1 !== r && (o = -1); else if (!i) {
+  var r, s, n, o, i, a, l;
+  for (assertPath(t), r = -1, s = 0, n = -1, o = !0, i = 0, a = t.length - 1; a >= 0; --a) if (47 !== (l = t.charCodeAt(a))) -1 === n && (o = !1, 
+  n = a + 1), 46 === l ? -1 === r ? r = a : 1 !== i && (i = 1) : -1 !== r && (i = -1); else if (!o) {
    s = a + 1;
    break;
   }
-  return -1 === r || -1 === n || 0 === o || 1 === o && r === n - 1 && r === s + 1 ? "" : t.slice(r, n);
+  return -1 === r || -1 === n || 0 === i || 1 === i && r === n - 1 && r === s + 1 ? "" : t.slice(r, n);
  },
  format: function e(t) {
   if (null === t || "object" != typeof t) throw new TypeError('The "pathObject" argument must be of type Object. Received type ' + typeof t);
@@ -2063,7 +2067,7 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
   }("/", t);
  },
  parse: function e(t) {
-  var r, s, n, i, o, a, l, c, u, d;
+  var r, s, n, o, i, a, l, c, u, d;
   if (assertPath(t), r = {
    root: "",
    dir: "",
@@ -2071,14 +2075,14 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
    ext: "",
    name: ""
   }, 0 === t.length) return r;
-  for ((n = 47 === (s = t.charCodeAt(0))) ? (r.root = "/", i = 1) : i = 0, o = -1, 
-  a = 0, l = -1, c = !0, u = t.length - 1, d = 0; u >= i; --u) if (47 !== (s = t.charCodeAt(u))) -1 === l && (c = !1, 
-  l = u + 1), 46 === s ? -1 === o ? o = u : 1 !== d && (d = 1) : -1 !== o && (d = -1); else if (!c) {
+  for ((n = 47 === (s = t.charCodeAt(0))) ? (r.root = "/", o = 1) : o = 0, i = -1, 
+  a = 0, l = -1, c = !0, u = t.length - 1, d = 0; u >= o; --u) if (47 !== (s = t.charCodeAt(u))) -1 === l && (c = !1, 
+  l = u + 1), 46 === s ? -1 === i ? i = u : 1 !== d && (d = 1) : -1 !== i && (d = -1); else if (!c) {
    a = u + 1;
    break;
   }
-  return -1 === o || -1 === l || 0 === d || 1 === d && o === l - 1 && o === a + 1 ? -1 !== l && (r.base = r.name = 0 === a && n ? t.slice(1, l) : t.slice(a, l)) : (0 === a && n ? (r.name = t.slice(1, o), 
-  r.base = t.slice(1, l)) : (r.name = t.slice(a, o), r.base = t.slice(a, l)), r.ext = t.slice(o, l)), 
+  return -1 === i || -1 === l || 0 === d || 1 === d && i === l - 1 && i === a + 1 ? -1 !== l && (r.base = r.name = 0 === a && n ? t.slice(1, l) : t.slice(a, l)) : (0 === a && n ? (r.name = t.slice(1, i), 
+  r.base = t.slice(1, l)) : (r.name = t.slice(a, i), r.base = t.slice(a, l)), r.ext = t.slice(i, l)), 
   a > 0 ? r.dir = t.slice(0, a - 1) : n && (r.dir = "/"), r;
  },
  sep: "/",
@@ -2087,7 +2091,46 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
  posix: null
 }).posix = posix, pathBrowserify = posix;
 
-const IS_NODE_ENV = !("undefined" == typeof global || "function" != typeof require || !global.process || "string" != typeof __filename || global.origin && "string" == typeof global.origin);
+const buildEvents = () => {
+ const e = [], t = t => {
+  const r = e.findIndex((e => e.callback === t));
+  return r > -1 && (e.splice(r, 1), !0);
+ };
+ return {
+  emit: (t, r) => {
+   const s = t.toLowerCase().trim(), n = e.slice();
+   for (const e of n) if (null == e.eventName) try {
+    e.callback(t, r);
+   } catch (e) {
+    console.error(e);
+   } else if (e.eventName === s) try {
+    e.callback(r);
+   } catch (e) {
+    console.error(e);
+   }
+  },
+  on: (r, s) => {
+   if ("function" == typeof r) {
+    const s = null, n = r;
+    return e.push({
+     eventName: s,
+     callback: n
+    }), () => t(n);
+   }
+   if ("string" == typeof r && "function" == typeof s) {
+    const n = r.toLowerCase().trim(), o = s;
+    return e.push({
+     eventName: n,
+     callback: o
+    }), () => t(o);
+   }
+   return () => !1;
+  },
+  unsubscribeAll: () => {
+   e.length = 0;
+  }
+ };
+}, IS_NODE_ENV = !("undefined" == typeof global || "function" != typeof require || !global.process || "string" != typeof __filename || global.origin && "string" == typeof global.origin);
 
 IS_NODE_ENV && process.platform;
 
@@ -2116,21 +2159,21 @@ const YELLOW = "#f39c12", RED = "#c0392b", BLUE = "#3498db", COMMON_DIR_MODULE_E
  let s = (r = normalizePath(r)).split("/").filter((e => e.length));
  const n = s.lastIndexOf("node_modules");
  n > -1 && n < s.length - 1 && (s = s.slice(n + 1));
- let i = s.shift();
- i.startsWith("@") && (i += "/" + s.shift());
- const o = s.join("/");
- if ("@stencil/core" === i) {
+ let o = s.shift();
+ o.startsWith("@") && (o += "/" + s.shift());
+ const i = s.join("/");
+ if ("@stencil/core" === o) {
   return ((e, t) => {
    let r = (t = normalizePath(t)).split("/");
    const s = r.lastIndexOf("node_modules");
    return s > -1 && s < r.length - 1 && (r = r.slice(s + 1), r = r[0].startsWith("@") ? r.slice(2) : r.slice(1), 
    t = r.join("/")), new URL("./" + t, (e => new URL("../", e).href)(e)).href;
-  })(e.getCompilerExecutingPath(), o);
+  })(e.getCompilerExecutingPath(), i);
  }
  return e.getRemoteModuleUrl({
-  moduleId: i,
-  version: t.get(i),
-  path: o
+  moduleId: o,
+  version: t.get(o),
+  path: i
  });
 }, knownUrlSkips = [ "/@stencil/core/internal.js", "/@stencil/core/internal.json", "/@stencil/core/internal.mjs", "/@stencil/core/internal/stencil-core.js/index.json", "/@stencil/core/internal/stencil-core.js.json", "/@stencil/core/internal/stencil-core.js/package.json", "/@stencil/core.js", "/@stencil/core.json", "/@stencil/core.mjs", "/@stencil/core.css", "/@stencil/core/index.js", "/@stencil/core/index.json", "/@stencil/core/index.mjs", "/@stencil/core/index.css", "/@stencil/package.json" ], fetchModuleAsync = async (e, t, r, s, n) => {
  if (!((e => {
@@ -2139,11 +2182,11 @@ const YELLOW = "#f39c12", RED = "#c0392b", BLUE = "#3498db", COMMON_DIR_MODULE_E
   const r = e.split("/"), s = r[r.length - 2], n = r[r.length - 1];
   return !("node_modules" !== s || !isCommonDirModuleFile(n));
  })(n) || known404Urls.has(s) || (e => knownUrlSkips.some((t => e.endsWith(t))))(s))) try {
-  const i = await ((e, t, r) => (console.trace(t), e && isFunction(e.fetch) ? e.fetch(t, r) : fetch(t, r)))(e, s);
-  if (i) {
-   if (i.ok) {
-    const o = await i.clone().text();
-    return await (async (e, t, r, s, n, i) => {
+  const o = await ((e, t, r) => (console.trace(t), e && isFunction(e.fetch) ? e.fetch(t, r) : fetch(t, r)))(e, s);
+  if (o) {
+   if (o.ok) {
+    const i = await o.clone().text();
+    return await (async (e, t, r, s, n, o) => {
      r.endsWith("package.json") && ((e, t) => {
       try {
        const r = JSON.parse(t);
@@ -2151,14 +2194,14 @@ const YELLOW = "#f39c12", RED = "#c0392b", BLUE = "#3498db", COMMON_DIR_MODULE_E
         e.set(t, r);
        })(e, r.name, r.version);
       } catch (e) {}
-     })(i, n);
-     let o = path$2.dirname(s);
-     for (;"/" !== o && "" !== o; ) t ? (t.clearFileCache(o), await t.sys.createDir(o)) : await e.createDir(o), 
-     o = path$2.dirname(o);
+     })(o, n);
+     let i = path$2.dirname(s);
+     for (;"/" !== i && "" !== i; ) t ? (t.clearFileCache(i), await t.sys.createDir(i)) : await e.createDir(i), 
+     i = path$2.dirname(i);
      t ? (t.clearFileCache(s), await t.sys.writeFile(s, n)) : await e.writeFile(s, n);
-    })(e, t, s, n, o, r), o;
+    })(e, t, s, n, i, r), i;
    }
-   404 === i.status && known404Urls.add(s);
+   404 === o.status && known404Urls.add(s);
   }
  } catch (e) {
   console.error(e);
@@ -2181,7 +2224,7 @@ caller = function() {
   }
  }, r.exports), r.exports;
 }((function(e) {
- var t, r, s = "win32" === process.platform, n = /^(((?:[a-zA-Z]:|[\\\/]{2}[^\\\/]+[\\\/]+[^\\\/]+)?[\\\/]?)(?:[^\\\/]*[\\\/])*)((\.{1,2}|[^\\\/]+?|)(\.[^.\/\\]*|))[\\\/]*$/, i = {
+ var t, r, s = "win32" === process.platform, n = /^(((?:[a-zA-Z]:|[\\\/]{2}[^\\\/]+[\\\/]+[^\\\/]+)?[\\\/]?)(?:[^\\\/]*[\\\/])*)((\.{1,2}|[^\\\/]+?|)(\.[^.\/\\]*|))[\\\/]*$/, o = {
   parse: function(e) {
    if ("string" != typeof e) throw new TypeError("Parameter 'pathString' must be a string, not " + typeof e);
    var t = function r(e) {
@@ -2210,26 +2253,26 @@ caller = function() {
    ext: r[4],
    name: r[3]
   };
- }, e.exports = s ? i.parse : r.parse, e.exports.posix = r.parse, e.exports.win32 = i.parse;
+ }, e.exports = s ? o.parse : r.parse, e.exports.posix = r.parse, e.exports.win32 = o.parse;
 })), parse = path__default.default.parse || pathParse, getNodeModulesDirs = function e(t, r) {
- var s, n, i = "/";
- for (/^([A-Za-z]:)/.test(t) ? i = "" : /^\\\\/.test(t) && (i = "\\\\"), s = [ t ], 
+ var s, n, o = "/";
+ for (/^([A-Za-z]:)/.test(t) ? o = "" : /^\\\\/.test(t) && (o = "\\\\"), s = [ t ], 
  n = parse(t); n.dir !== s[s.length - 1]; ) s.push(n.dir), n = parse(n.dir);
  return s.reduce((function(e, t) {
   return e.concat(r.map((function(e) {
-   return path__default.default.resolve(i, t, e);
+   return path__default.default.resolve(o, t, e);
   })));
  }), []);
 }, nodeModulesPaths = function e(t, r, s) {
- var n, i = r && r.moduleDirectory ? [].concat(r.moduleDirectory) : [ "node_modules" ];
+ var n, o = r && r.moduleDirectory ? [].concat(r.moduleDirectory) : [ "node_modules" ];
  return r && "function" == typeof r.paths ? r.paths(s, t, (function() {
-  return getNodeModulesDirs(t, i);
- }), r) : (n = getNodeModulesDirs(t, i), r && r.paths ? n.concat(r.paths) : n);
+  return getNodeModulesDirs(t, o);
+ }), r) : (n = getNodeModulesDirs(t, o), r && r.paths ? n.concat(r.paths) : n);
 }, normalizeOptions = function(e, t) {
  return t || {};
 }, ERROR_MESSAGE = "Function.prototype.bind called on incompatible ", slice = Array.prototype.slice, 
 toStr = Object.prototype.toString, implementation = function e(t) {
- var r, s, n, i, o, a, l, c = this;
+ var r, s, n, o, i, a, l, c = this;
  if ("function" != typeof c || "[object Function]" !== toStr.call(c)) throw new TypeError(ERROR_MESSAGE + c);
  for (r = slice.call(arguments, 1), n = function() {
   if (this instanceof s) {
@@ -2237,8 +2280,8 @@ toStr = Object.prototype.toString, implementation = function e(t) {
    return Object(e) === e ? e : this;
   }
   return c.apply(t, r.concat(slice.call(arguments)));
- }, i = Math.max(0, c.length - r.length), o = [], a = 0; a < i; a++) o.push("$" + a);
- return s = Function("binder", "return function (" + o.join(",") + "){ return binder.apply(this,arguments); }")(n), 
+ }, o = Math.max(0, c.length - r.length), i = [], a = 0; a < o; a++) i.push("$" + a);
+ return s = Function("binder", "return function (" + i.join(",") + "){ return binder.apply(this,arguments); }")(n), 
  c.prototype && ((l = function e() {}).prototype = c.prototype, s.prototype = new l, 
  l.prototype = null), s;
 }, functionBind = Function.prototype.bind || implementation, src = functionBind.call(Function.call, Object.prototype.hasOwnProperty);
@@ -2363,13 +2406,13 @@ defaultIsFile$1 = function e(t, r) {
   }
  }));
 }, getPackageCandidates$1 = function e(t, r, s) {
- var n, i = nodeModulesPaths(r, s, t);
- for (n = 0; n < i.length; n++) i[n] = path__default.default.join(i[n], t);
- return i;
+ var n, o = nodeModulesPaths(r, s, t);
+ for (n = 0; n < o.length; n++) o[n] = path__default.default.join(o[n], t);
+ return o;
 }, async = function e(t, r, s) {
  function n(e) {
   if (/^(?:\.\.?(?:\/|$)|\/|([A-Za-z]:)?[/\\])/.test(t)) T = path__default.default.resolve(e, t), 
-  "." !== t && ".." !== t && "/" !== t.slice(-1) || (T += "/"), /\/$/.test(t) && T === e ? l(T, C.package, i) : o(T, C.package, i); else {
+  "." !== t && ".." !== t && "/" !== t.slice(-1) || (T += "/"), /\/$/.test(t) && T === e ? l(T, C.package, o) : i(T, C.package, o); else {
    if (_ && isCoreModule(t)) return S(null, t);
    !function r(e, t, s) {
     var n = function() {
@@ -2387,7 +2430,7 @@ defaultIsFile$1 = function e(t, r) {
    }));
   }
  }
- function i(e, r, s) {
+ function o(e, r, s) {
   e ? S(e) : r ? S(null, r, s) : l(T, (function(e, r, s) {
    if (e) S(e); else if (r) maybeRealpath(f, r, C, (function(e, t) {
     e ? S(e) : S(null, t, s);
@@ -2397,20 +2440,20 @@ defaultIsFile$1 = function e(t, r) {
    }
   }));
  }
- function o(e, t, r) {
+ function i(e, t, r) {
   var s = t, n = r;
   "function" == typeof s && (n = s, s = void 0), function e(t, r, s) {
-   function i(s, i, a) {
+   function o(s, o, a) {
     var u, h, p;
-    return c = i, s ? n(s) : a && c && C.pathFilter && (h = (u = path__default.default.relative(a, l)).slice(0, u.length - t[0].length), 
-    p = C.pathFilter(c, r, h)) ? e([ "" ].concat(w.slice()), path__default.default.resolve(a, p), c) : void d(l, o);
+    return c = o, s ? n(s) : a && c && C.pathFilter && (h = (u = path__default.default.relative(a, l)).slice(0, u.length - t[0].length), 
+    p = C.pathFilter(c, r, h)) ? e([ "" ].concat(w.slice()), path__default.default.resolve(a, p), c) : void d(l, i);
    }
-   function o(s, i) {
-    return s ? n(s) : i ? n(null, l, c) : void e(t.slice(1), r, c);
+   function i(s, o) {
+    return s ? n(s) : o ? n(null, l, c) : void e(t.slice(1), r, c);
    }
    var l, c;
    if (0 === t.length) return n(null, void 0, s);
-   l = r + t[0], (c = s) ? i(null, c) : a(path__default.default.dirname(l), i);
+   l = r + t[0], (c = s) ? o(null, c) : a(path__default.default.dirname(l), o);
   }([ "" ].concat(w), e, s);
  }
  function a(e, t) {
@@ -2421,8 +2464,8 @@ defaultIsFile$1 = function e(t, r) {
     if (!s) return a(path__default.default.dirname(e), t);
     m(p, n, (function(r, s) {
      r && t(r);
-     var i = s;
-     i && C.packageFilter && (i = C.packageFilter(i, n)), t(null, i, e);
+     var o = s;
+     o && C.packageFilter && (o = C.packageFilter(o, n)), t(null, o, e);
     }));
    }));
   }));
@@ -2431,31 +2474,31 @@ defaultIsFile$1 = function e(t, r) {
   var s = r, n = t;
   "function" == typeof n && (s = n, n = C.package), maybeRealpath(f, e, C, (function(t, r) {
    if (t) return s(t);
-   var i = path__default.default.join(r, "package.json");
-   d(i, (function(t, r) {
-    return t ? s(t) : r ? void m(p, i, (function(t, r) {
+   var o = path__default.default.join(r, "package.json");
+   d(o, (function(t, r) {
+    return t ? s(t) : r ? void m(p, o, (function(t, r) {
      var n, a;
-     return t ? s(t) : ((n = r) && C.packageFilter && (n = C.packageFilter(n, i)), n && n.main ? "string" != typeof n.main ? ((a = new TypeError("package “" + n.name + "” `main` must be a string")).code = "INVALID_PACKAGE_MAIN", 
-     s(a)) : ("." !== n.main && "./" !== n.main || (n.main = "index"), void o(path__default.default.resolve(e, n.main), n, (function(t, r, n) {
+     return t ? s(t) : ((n = r) && C.packageFilter && (n = C.packageFilter(n, o)), n && n.main ? "string" != typeof n.main ? ((a = new TypeError("package “" + n.name + "” `main` must be a string")).code = "INVALID_PACKAGE_MAIN", 
+     s(a)) : ("." !== n.main && "./" !== n.main || (n.main = "index"), void i(path__default.default.resolve(e, n.main), n, (function(t, r, n) {
       return t ? s(t) : r ? s(null, r, n) : n ? void l(path__default.default.resolve(e, n.main), n, (function(t, r, n) {
-       return t ? s(t) : r ? s(null, r, n) : void o(path__default.default.join(e, "index"), n, s);
-      })) : o(path__default.default.join(e, "index"), n, s);
-     }))) : void o(path__default.default.join(e, "/index"), n, s));
-    })) : o(path__default.default.join(e, "index"), n, s);
+       return t ? s(t) : r ? s(null, r, n) : void i(path__default.default.join(e, "index"), n, s);
+      })) : i(path__default.default.join(e, "index"), n, s);
+     }))) : void i(path__default.default.join(e, "/index"), n, s));
+    })) : i(path__default.default.join(e, "index"), n, s);
    }));
   }));
  }
  function c(e, t) {
-  function r(t, r, i) {
-   return t ? e(t) : r ? e(null, r, i) : void l(n, C.package, s);
+  function r(t, r, o) {
+   return t ? e(t) : r ? e(null, r, o) : void l(n, C.package, s);
   }
   function s(r, s, n) {
    return r ? e(r) : s ? e(null, s, n) : void c(e, t.slice(1));
   }
   if (0 === t.length) return e(null, void 0);
   var n = t[0];
-  h(path__default.default.dirname(n), (function i(s, a) {
-   return s ? e(s) : a ? void o(n, C.package, r) : c(e, t.slice(1));
+  h(path__default.default.dirname(n), (function o(s, a) {
+   return s ? e(s) : a ? void i(n, C.package, r) : c(e, t.slice(1));
   }));
  }
  var u, d, h, p, f, m, g, y, w, _, v, b, E, T, S = s, C = r;
@@ -2595,64 +2638,64 @@ defaultIsFile = function e(t) {
   return JSON.parse(s);
  } catch (e) {}
 }, getPackageCandidates = function e(t, r, s) {
- var n, i = nodeModulesPaths(r, s, t);
- for (n = 0; n < i.length; n++) i[n] = path__default.default.join(i[n], t);
- return i;
+ var n, o = nodeModulesPaths(r, s, t);
+ for (n = 0; n < o.length; n++) o[n] = path__default.default.join(o[n], t);
+ return o;
 }, sync = function e(t, r) {
  function s(e) {
-  var t, r, s, i, l = n(path__default.default.dirname(e));
-  if (l && l.dir && l.pkg && o.pathFilter && (t = path__default.default.relative(l.dir, e), 
-  (r = o.pathFilter(l.pkg, e, t)) && (e = path__default.default.resolve(l.dir, r))), 
+  var t, r, s, o, l = n(path__default.default.dirname(e));
+  if (l && l.dir && l.pkg && i.pathFilter && (t = path__default.default.relative(l.dir, e), 
+  (r = i.pathFilter(l.pkg, e, t)) && (e = path__default.default.resolve(l.dir, r))), 
   a(e)) return e;
-  for (s = 0; s < p.length; s++) if (i = e + p[s], a(i)) return i;
+  for (s = 0; s < p.length; s++) if (o = e + p[s], a(o)) return o;
  }
  function n(e) {
   var t, r;
-  if ("" !== e && "/" !== e && !("win32" === process.platform && /^\w:[/\\]*$/.test(e) || /[/\\]node_modules[/\\]*$/.test(e))) return t = path__default.default.join(maybeRealpathSync(u, e, o), "package.json"), 
-  a(t) ? ((r = d(l, t)) && o.packageFilter && (r = o.packageFilter(r, e)), {
+  if ("" !== e && "/" !== e && !("win32" === process.platform && /^\w:[/\\]*$/.test(e) || /[/\\]node_modules[/\\]*$/.test(e))) return t = path__default.default.join(maybeRealpathSync(u, e, i), "package.json"), 
+  a(t) ? ((r = d(l, t)) && i.packageFilter && (r = i.packageFilter(r, e)), {
    pkg: r,
    dir: e
   }) : n(path__default.default.dirname(e));
  }
- function i(e) {
-  var t, r, n, c, h = path__default.default.join(maybeRealpathSync(u, e, o), "/package.json");
+ function o(e) {
+  var t, r, n, c, h = path__default.default.join(maybeRealpathSync(u, e, i), "/package.json");
   if (a(h)) {
    try {
     t = d(l, h);
    } catch (e) {}
-   if (t && o.packageFilter && (t = o.packageFilter(t, e)), t && t.main) {
+   if (t && i.packageFilter && (t = i.packageFilter(t, e)), t && t.main) {
     if ("string" != typeof t.main) throw (r = new TypeError("package “" + t.name + "” `main` must be a string")).code = "INVALID_PACKAGE_MAIN", 
     r;
     "." !== t.main && "./" !== t.main || (t.main = "index");
     try {
      if (n = s(path__default.default.resolve(e, t.main))) return n;
-     if (c = i(path__default.default.resolve(e, t.main))) return c;
+     if (c = o(path__default.default.resolve(e, t.main))) return c;
     } catch (e) {}
    }
   }
   return s(path__default.default.join(e, "/index"));
  }
- var o, a, l, c, u, d, h, p, f, m, g, y, w, _, v, b;
+ var i, a, l, c, u, d, h, p, f, m, g, y, w, _, v, b;
  if ("string" != typeof t) throw new TypeError("Path must be a string.");
- if (o = normalizeOptions(0, r), a = o.isFile || defaultIsFile, l = o.readFileSync || fs__default.default.readFileSync, 
- c = o.isDirectory || defaultIsDir, u = o.realpathSync || defaultRealpathSync, d = o.readPackageSync || defaultReadPackageSync, 
- o.readFileSync && o.readPackageSync) throw new TypeError("`readFileSync` and `readPackageSync` are mutually exclusive.");
- if (h = o.packageIterator, p = o.extensions || [ ".js" ], f = !1 !== o.includeCoreModules, 
- m = o.basedir || path__default.default.dirname(caller()), g = o.filename || m, o.paths = o.paths || [], 
- y = maybeRealpathSync(u, path__default.default.resolve(m), o), /^(?:\.\.?(?:\/|$)|\/|([A-Za-z]:)?[/\\])/.test(t)) {
+ if (i = normalizeOptions(0, r), a = i.isFile || defaultIsFile, l = i.readFileSync || fs__default.default.readFileSync, 
+ c = i.isDirectory || defaultIsDir, u = i.realpathSync || defaultRealpathSync, d = i.readPackageSync || defaultReadPackageSync, 
+ i.readFileSync && i.readPackageSync) throw new TypeError("`readFileSync` and `readPackageSync` are mutually exclusive.");
+ if (h = i.packageIterator, p = i.extensions || [ ".js" ], f = !1 !== i.includeCoreModules, 
+ m = i.basedir || path__default.default.dirname(caller()), g = i.filename || m, i.paths = i.paths || [], 
+ y = maybeRealpathSync(u, path__default.default.resolve(m), i), /^(?:\.\.?(?:\/|$)|\/|([A-Za-z]:)?[/\\])/.test(t)) {
   if (w = path__default.default.resolve(y, t), "." !== t && ".." !== t && "/" !== t.slice(-1) || (w += "/"), 
-  _ = s(w) || i(w)) return maybeRealpathSync(u, _, o);
+  _ = s(w) || o(w)) return maybeRealpathSync(u, _, i);
  } else {
   if (f && isCoreModule(t)) return t;
   if (v = function E(e, t) {
    var r, n, a, l, u = function() {
-    return getPackageCandidates(e, t, o);
-   }, d = h ? h(e, t, u, o) : u();
+    return getPackageCandidates(e, t, i);
+   }, d = h ? h(e, t, u, i) : u();
    for (r = 0; r < d.length; r++) if (n = d[r], c(path__default.default.dirname(n))) {
     if (a = s(n)) return a;
-    if (l = i(n)) return l;
+    if (l = o(n)) return l;
    }
-  }(t, y)) return maybeRealpathSync(u, v, o);
+  }(t, y)) return maybeRealpathSync(u, v, i);
  }
  throw (b = new Error("Cannot find module '" + t + "' from '" + g + "'")).code = "MODULE_NOT_FOUND", 
  b;
@@ -2689,8 +2732,8 @@ const createSystem = e => {
      let r = BLUE, s = "Build", n = "";
      "error" === e.level ? (r = RED, s = "Error") : "warn" === e.level && (r = YELLOW, 
      s = "Warning"), e.header && (s = e.header);
-     const i = e.relFilePath || e.absFilePath;
-     if (i && (n += i, "number" == typeof e.lineNumber && e.lineNumber > 0 && (n += ", line " + e.lineNumber, 
+     const o = e.relFilePath || e.absFilePath;
+     if (o && (n += o, "number" == typeof e.lineNumber && e.lineNumber > 0 && (n += ", line " + e.lineNumber, 
      "number" == typeof e.columnNumber && e.columnNumber > 0 && (n += ", column " + e.columnNumber)), 
      n += "\n"), n += e.messageText, e.lines && e.lines.length > 0 && (e.lines.forEach((e => {
       n += "\n" + e.lineNumber + ":  " + e.text;
@@ -2701,46 +2744,7 @@ const createSystem = e => {
     })(t, e)));
    }
   };
- })(), r = new Map, s = new Set, n = e => s.add(e), i = e => s.delete(e), o = (() => {
-  const e = [], t = t => {
-   const r = e.findIndex((e => e.callback === t));
-   return r > -1 && (e.splice(r, 1), !0);
-  };
-  return {
-   emit: (t, r) => {
-    const s = t.toLowerCase().trim(), n = e.slice();
-    for (const e of n) if (null == e.eventName) try {
-     e.callback(t, r);
-    } catch (e) {
-     console.error(e);
-    } else if (e.eventName === s) try {
-     e.callback(r);
-    } catch (e) {
-     console.error(e);
-    }
-   },
-   on: (r, s) => {
-    if ("function" == typeof r) {
-     const s = null, n = r;
-     return e.push({
-      eventName: s,
-      callback: n
-     }), () => t(n);
-    }
-    if ("string" == typeof r && "function" == typeof s) {
-     const n = r.toLowerCase().trim(), i = s;
-     return e.push({
-      eventName: n,
-      callback: i
-     }), () => t(i);
-    }
-    return () => !1;
-   },
-   unsubscribeAll: () => {
-    e.length = 0;
-   }
-  };
- })(), a = IS_BROWSER_ENV && navigator.hardwareConcurrency || 1, l = e => {
+ })(), r = new Map, s = new Set, n = e => s.add(e), o = e => s.delete(e), i = buildEvents(), a = IS_BROWSER_ENV && navigator.hardwareConcurrency || 1, l = e => {
   if ("/" === e || "" === e) return "/";
   const t = path$2.dirname(e), r = path$2.basename(e);
   return t.endsWith("/") ? normalizePath(`${t}${r}`) : normalizePath(`${t}/${r}`);
@@ -2760,8 +2764,8 @@ const createSystem = e => {
  }, d = (e, t, s) => {
   const n = path$2.dirname(e);
   t && t.recursive && !(e => "/" === e || windowsPathRegex.test(e))(n) && d(n, t, s);
-  const i = r.get(e);
-  i ? (i.isDirectory = !0, i.isFile = !1) : (r.set(e, {
+  const o = r.get(e);
+  o ? (o.isDirectory = !0, o.isFile = !1) : (r.set(e, {
    basename: path$2.basename(e),
    dirname: n,
    isDirectory: !0,
@@ -2785,10 +2789,10 @@ const createSystem = e => {
  }), m = (e, t, s) => {
   const n = w(e);
   if (!n.error && !s.error) if (n.isFile) {
-   const n = path$2.dirname(t), i = u(n, {
+   const n = path$2.dirname(t), o = u(n, {
     recursive: !0
-   }), o = r.get(e).data, a = b(t, o);
-   s.newDirs.push(...i.newDirs), s.renamed.push({
+   }), i = r.get(e).data, a = b(t, i);
+   s.newDirs.push(...o.newDirs), s.renamed.push({
     oldPath: e,
     newPath: t,
     isDirectory: !1,
@@ -2886,8 +2890,8 @@ const createSystem = e => {
  u("/");
  const S = {
   name: "in-memory",
-  version: "2.16.1",
-  events: o,
+  version: "2.17.0",
+  events: i,
   access: async e => c(e),
   accessSync: c,
   addDestory: n,
@@ -2934,7 +2938,7 @@ const createSystem = e => {
   readFileSync: p,
   realpath: async e => f(e),
   realpathSync: f,
-  removeDestory: i,
+  removeDestory: o,
   rename: async (e, t) => {
    const r = {
     oldPath: e = normalizePath(e),
@@ -2971,14 +2975,14 @@ const createSystem = e => {
   removeFileSync: _,
   watchDirectory: (e, t) => {
    e = l(e);
-   const s = r.get(e), o = () => {
+   const s = r.get(e), i = () => {
     const s = r.get(e);
     if (s && s.watcherCallbacks) {
      const e = s.watcherCallbacks.indexOf(t);
      e > -1 && s.watcherCallbacks.splice(e, 1);
     }
    };
-   return n(o), s ? (s.isDirectory = !0, s.isFile = !1, s.watcherCallbacks = s.watcherCallbacks || [], 
+   return n(i), s ? (s.isDirectory = !0, s.isFile = !1, s.watcherCallbacks = s.watcherCallbacks || [], 
    s.watcherCallbacks.push(t)) : r.set(e, {
     basename: path$2.basename(e),
     dirname: path$2.dirname(e),
@@ -2988,20 +2992,20 @@ const createSystem = e => {
     data: void 0
    }), {
     close() {
-     i(o), o();
+     o(i), i();
     }
    };
   },
   watchFile: (e, t) => {
    e = l(e);
-   const s = r.get(e), o = () => {
+   const s = r.get(e), i = () => {
     const s = r.get(e);
     if (s && s.watcherCallbacks) {
      const e = s.watcherCallbacks.indexOf(t);
      e > -1 && s.watcherCallbacks.splice(e, 1);
     }
    };
-   return n(o), s ? (s.isDirectory = !1, s.isFile = !0, s.watcherCallbacks = s.watcherCallbacks || [], 
+   return n(i), s ? (s.isDirectory = !1, s.isFile = !0, s.watcherCallbacks = s.watcherCallbacks || [], 
    s.watcherCallbacks.push(t)) : r.set(e, {
     basename: path$2.basename(e),
     dirname: path$2.dirname(e),
@@ -3011,7 +3015,7 @@ const createSystem = e => {
     data: void 0
    }), {
     close() {
-     i(o), o();
+     o(i), i();
     }
    };
   },
@@ -3024,18 +3028,18 @@ const createSystem = e => {
    return "number" == typeof t && (s = s.slice(0, t)), s;
   },
   createWorkerController: HAS_WEB_WORKER ? e => ((e, t) => {
-   let r, s = 0, n = !1, i = !1, o = 0;
+   let r, s = 0, n = !1, o = !1, i = 0;
    const a = new Map, l = [], c = [], u = Math.max(Math.min(t, e.hardwareConcurrency), 2) - 1, d = Promise.resolve(), h = e => console.error(e), p = () => {
     let t = null;
-    const s = e.getCompilerExecutingPath(), i = {
-     name: "stencil.worker." + o++
+    const s = e.getCompilerExecutingPath(), o = {
+     name: "stencil.worker." + i++
     };
     try {
-     t = new Worker(s, i);
+     t = new Worker(s, o);
     } catch (e) {
      null == r && (r = new Blob([ `importScripts('${s}');` ], {
       type: "application/javascript"
-     })), t = new Worker(URL.createObjectURL(r), i);
+     })), t = new Worker(URL.createObjectURL(r), o);
     }
     const l = {
      worker: t,
@@ -3064,7 +3068,7 @@ const createSystem = e => {
     } else t = p(), c.push(t);
     t.activeTasks++, t.sendQueue.push(e);
    }, g = () => {
-    i = !1, l.forEach(m), l.length = 0, c.forEach(f);
+    o = !1, l.forEach(m), l.length = 0, c.forEach(f);
    }, y = (...e) => new Promise(((t, r) => {
     if (n) r("task canceled"); else {
      const n = {
@@ -3074,7 +3078,7 @@ const createSystem = e => {
      l.push(n), a.set(n.stencilId, {
       resolve: t,
       reject: r
-     }), i || (i = !0, d.then(g));
+     }), o || (o = !0, d.then(g));
     }
    }));
    return {
@@ -3105,11 +3109,11 @@ const createSystem = e => {
  return S.resolveModuleId = e => ((e, t, r) => {
   const s = ((e, t, r) => ({
    async isFile(s, n) {
-    const i = normalizeFsPath(s);
-    if ((await t.stat(i)).isFile) n(null, !0); else {
-     if (shouldFetchModule(i) && r.some((e => i.endsWith(e)))) {
-      const r = getNodeModuleFetchUrl(e, packageVersions, i);
-      return void n(null, "string" == typeof await fetchModuleAsync(e, t, packageVersions, r, i));
+    const o = normalizeFsPath(s);
+    if ((await t.stat(o)).isFile) n(null, !0); else {
+     if (shouldFetchModule(o) && r.some((e => o.endsWith(e)))) {
+      const r = getNodeModuleFetchUrl(e, packageVersions, o);
+      return void n(null, "string" == typeof await fetchModuleAsync(e, t, packageVersions, r, o));
      }
      n(null, !1);
     }
@@ -3122,7 +3126,7 @@ const createSystem = e => {
       void s(null, !0);
       if (isCommonDirModuleFile(n)) return void s(null, !1);
       for (const r of COMMON_DIR_FILENAMES) {
-       const i = getCommonDirUrl(e, packageVersions, n, r), o = getCommonDirName(n, r), a = await fetchModuleAsync(e, t, packageVersions, i, o);
+       const o = getCommonDirUrl(e, packageVersions, n, r), i = getCommonDirName(n, r), a = await fetchModuleAsync(e, t, packageVersions, o, i);
        if (isString(a)) return void s(null, !0);
       }
      }
@@ -3141,13 +3145,13 @@ const createSystem = e => {
   }))(e, null, r.exts);
   return s.basedir = path$2.dirname(normalizeFsPath(r.containingFile)), r.packageFilter ? s.packageFilter = r.packageFilter : null !== r.packageFilter && (s.packageFilter = e => (isString(e.main) && "" !== e.main || (e.main = "package.json"), 
   e)), new Promise(((e, t) => {
-   resolve(r.moduleId, s, ((s, n, i) => {
+   resolve(r.moduleId, s, ((s, n, o) => {
     if (s) t(s); else {
      n = normalizePath(n);
      const t = {
       moduleId: r.moduleId,
       resolveId: n,
-      pkgData: i,
+      pkgData: o,
       pkgDirPath: getPackageDirPath(n, r.moduleId)
      };
      e(t);
@@ -3174,7 +3178,8 @@ const createSystem = e => {
  r.readDirSync = s(r.readDirSync), r.stat = s(r.stat), r.statSync = s(r.statSync), 
  r.copyFile = n(r.copyFile), r.createDir = n(r.createDir), r.createDirSync = n(r.createDirSync), 
  r.removeFile = n(r.removeFile), r.removeFileSync = n(r.removeFileSync), r.writeFile = n(r.writeFile), 
- r.writeFileSync = n(r.writeFileSync), Object.defineProperties(r, {
+ r.writeFileSync = n(r.writeFileSync), r.getCompilerExecutingPath = () => "bin/stencil.js", 
+ Object.defineProperties(r, {
   diskReads: {
    get: () => e,
    set(t) {
@@ -3187,7 +3192,7 @@ const createSystem = e => {
     t = e;
    }
   }
- }), !function i(e) {
+ }), !function o(e) {
   return "diskReads" in e && "diskWrites" in e;
  }(r)) throw new Error("could not generate TestingSystem");
  return r;
@@ -3359,8 +3364,8 @@ class E2EElement extends index_cjs.MockHTMLElement {
  waitForVisible() {
   return new Promise(((e, t) => {
    const r = setInterval((async () => {
-    await this.isVisible() && (clearInterval(r), clearTimeout(i), e());
-   }), 10), s = .5 * jasmine.DEFAULT_TIMEOUT_INTERVAL, n = new Error(`waitForVisible timed out: ${s}ms`), i = setTimeout((() => {
+    await this.isVisible() && (clearInterval(r), clearTimeout(o), e());
+   }), 10), s = .5 * jasmine.DEFAULT_TIMEOUT_INTERVAL, n = new Error(`waitForVisible timed out: ${s}ms`), o = setTimeout((() => {
     clearTimeout(r), t(n);
    }), s);
   }));
@@ -3368,8 +3373,8 @@ class E2EElement extends index_cjs.MockHTMLElement {
  waitForNotVisible() {
   return new Promise(((e, t) => {
    const r = setInterval((async () => {
-    await this.isVisible() || (clearInterval(r), clearTimeout(i), e());
-   }), 10), s = .5 * jasmine.DEFAULT_TIMEOUT_INTERVAL, n = new Error(`waitForNotVisible timed out: ${s}ms`), i = setTimeout((() => {
+    await this.isVisible() || (clearInterval(r), clearTimeout(o), e());
+   }), 10), s = .5 * jasmine.DEFAULT_TIMEOUT_INTERVAL, n = new Error(`waitForNotVisible timed out: ${s}ms`), o = setTimeout((() => {
     clearTimeout(r), t(n);
    }), s);
   }));
@@ -3628,15 +3633,15 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
  var e;
  const t = null !== (e = require("jest-runner").default) && void 0 !== e ? e : require("jest-runner");
  return class r extends t {
-  async runTests(e, t, r, s, n, i) {
-   const o = process.env;
+  async runTests(e, t, r, s, n, o) {
+   const i = process.env;
    if (e = e.filter((e => function t(e, r) {
     const s = (e = e.toLowerCase().replace(/\\/g, "/")).includes(".e2e.") || e.includes("/e2e.");
     return !("true" !== r.__STENCIL_E2E_TESTS__ || !s) || "true" === r.__STENCIL_SPEC_TESTS__ && !s;
-   }(e.path, o))), "true" === o.__STENCIL_SCREENSHOT__) {
-    const a = JSON.parse(o.__STENCIL_EMULATE_CONFIGS__);
-    for (let l = 0; l < a.length; l++) setScreenshotEmulateData(a[l], o), await super.runTests(e, t, r, s, n, i);
-   } else await super.runTests(e, t, r, s, n, i);
+   }(e.path, i))), "true" === i.__STENCIL_SCREENSHOT__) {
+    const a = JSON.parse(i.__STENCIL_EMULATE_CONFIGS__);
+    for (let l = 0; l < a.length; l++) setScreenshotEmulateData(a[l], i), await super.runTests(e, t, r, s, n, o);
+   } else await super.runTests(e, t, r, s, n, o);
   }
  };
 }, exports.createTesting = async e => {
@@ -3648,14 +3653,14 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
   })), e.flags.args.includes("--watchAll") && (e.watch = !0), e;
  }(e);
  const {createCompiler: r} = require("../compiler/stencil.js"), s = await r(e);
- let n, i;
- const o = async () => {
+ let n, o;
+ const i = async () => {
   const t = [];
   e && (e.sys && e.sys.destroy && t.push(e.sys.destroy()), e = null), n && (n.close && t.push(n.close()), 
-  n = null), i && (i.close && t.push(i.close()), i = null), await Promise.all(t);
+  n = null), o && (o.close && t.push(o.close()), o = null), await Promise.all(t);
  };
  return {
-  destroy: o,
+  destroy: i,
   run: async (t = {}) => {
    let r, a = !1, l = !1, c = null;
    const u = [];
@@ -3678,9 +3683,9 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
      })), c.start()) : t = s.build()), e.devServer.openBrowser = !1, e.devServer.gzip = !1, 
      e.devServer.reloadStrategy = null;
      const l = await Promise.all([ index_js.start(e.devServer, e.logger), startPuppeteerBrowser(e) ]);
-     if (n = l[0], i = l[1], t) {
+     if (n = l[0], o = l[1], t) {
       const r = await t;
-      if (!r || !e.watch && hasError(r && r.diagnostics)) return await o(), !1;
+      if (!r || !e.watch && hasError(r && r.diagnostics)) return await i(), !1;
      }
      n && (r.__STENCIL_BROWSER_URL__ = n.browserUrl, e.logger.debug(`e2e dev server url: ${r.__STENCIL_BROWSER_URL__}`), 
      r.__STENCIL_APP_SCRIPT_URL__ = function d(e, t) {
@@ -3714,13 +3719,13 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
       waitBeforeScreenshot: e.testing.waitBeforeScreenshot,
       pixelmatchModulePath: s
      }), e.flags.updateScreenshot || await r.pullMasterBuild(), n.finish("screenshot, initBuild finished");
-     const i = await Promise.all([ await r.getMasterBuild(), await r.getScreenshotCache() ]), o = i[0], a = i[1];
-     t.__STENCIL_SCREENSHOT_BUILD__ = r.toJson(o, a);
+     const o = await Promise.all([ await r.getMasterBuild(), await r.getScreenshotCache() ]), i = o[0], a = o[1];
+     t.__STENCIL_SCREENSHOT_BUILD__ = r.toJson(i, a);
      const l = e.logger.createTimeSpan("screenshot, tests started", !0), c = await runJest(e, t);
      l.finish(`screenshot, tests finished, passed: ${c}`);
      try {
       const t = e.logger.createTimeSpan("screenshot, completeTimespan started", !0);
-      let s = await r.completeBuild(o);
+      let s = await r.completeBuild(i);
       if (t.finish("screenshot, completeTimespan finished"), s) {
        const t = e.logger.createTimeSpan("screenshot, publishBuild started", !0);
        if (s = await r.publishBuild(s), t.finish("screenshot, publishBuild finished"), 
@@ -3777,13 +3782,47 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
  }
 }, exports.mockBuildCtx = function mockBuildCtx(e, t) {
  return e || (e = mockConfig()), t || (t = mockCompilerCtx(e)), new BuildContext(e, t);
-}, exports.mockCompilerCtx = mockCompilerCtx, exports.mockConfig = mockConfig, exports.mockDocument = function mockDocument(e = null) {
+}, exports.mockCompilerCtx = mockCompilerCtx, exports.mockCompilerSystem = function mockCompilerSystem() {
+ return createTestingSystem();
+}, exports.mockConfig = mockConfig, exports.mockDocument = function mockDocument(e = null) {
  return new index_cjs.MockWindow(e).document;
 }, exports.mockFetch = mockFetch, exports.mockLogger = function mockLogger() {
  return new TestingLogger;
-}, exports.mockStencilSystem = function mockStencilSystem() {
- return createTestingSystem();
-}, exports.mockWindow = function mockWindow(e = null) {
+}, exports.mockModule = (e = {}) => ({
+ cmps: [],
+ coreRuntimeApis: [],
+ collectionName: "",
+ dtsFilePath: "",
+ excludeFromCollection: !1,
+ externalImports: [],
+ htmlAttrNames: [],
+ htmlTagNames: [],
+ htmlParts: [],
+ isCollectionDependency: !1,
+ isLegacy: !1,
+ jsFilePath: "",
+ localImports: [],
+ originalImports: [],
+ originalCollectionComponentPath: "",
+ potentialCmpRefs: [],
+ sourceFilePath: "",
+ staticSourceFile: "",
+ staticSourceFileText: "",
+ sourceMapPath: "",
+ sourceMapFileText: "",
+ hasVdomAttribute: !1,
+ hasVdomClass: !1,
+ hasVdomFunctional: !1,
+ hasVdomKey: !1,
+ hasVdomListener: !1,
+ hasVdomPropOrAttr: !1,
+ hasVdomRef: !1,
+ hasVdomRender: !1,
+ hasVdomStyle: !1,
+ hasVdomText: !1,
+ hasVdomXlink: !1,
+ ...e
+}), exports.mockWindow = function mockWindow(e = null) {
  return new index_cjs.MockWindow(e);
 }, exports.newE2EPage = async function newE2EPage(e = {}) {
  if (!global.__NEW_TEST_PAGE__) throw new Error("newE2EPage() is only available from E2E tests, and ran with the --e2e cmd line flag.");
@@ -3802,19 +3841,19 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
    const t = process.env;
    "true" === t.__STENCIL_SCREENSHOT__ ? e.compareScreenshot = (r, s) => {
     const n = global;
-    let i, o = "", a = "";
-    if (n.currentSpec && ("string" == typeof n.currentSpec.fullName && (o = n.currentSpec.fullName), 
-    "string" == typeof n.currentSpec.testPath && (a = n.currentSpec.testPath)), "string" == typeof r ? (o.length > 0 ? o += ", " + r : o = r, 
-    "object" == typeof s && (i = s)) : "object" == typeof r && (i = r), o = o.trim(), 
-    i = i || {}, !o) throw new Error(`Invalid screenshot description in "${a}"`);
-    if (n.screenshotDescriptions.has(o)) throw new Error(`Screenshot description "${o}" found in "${a}" cannot be used for multiple screenshots and must be unique. To make screenshot descriptions unique within the same test, use the first argument to "compareScreenshot", such as "compareScreenshot('more to the description')".`);
-    return n.screenshotDescriptions.add(o), async function l(e, t, r, s, n) {
+    let o, i = "", a = "";
+    if (n.currentSpec && ("string" == typeof n.currentSpec.fullName && (i = n.currentSpec.fullName), 
+    "string" == typeof n.currentSpec.testPath && (a = n.currentSpec.testPath)), "string" == typeof r ? (i.length > 0 ? i += ", " + r : i = r, 
+    "object" == typeof s && (o = s)) : "object" == typeof r && (o = r), i = i.trim(), 
+    o = o || {}, !i) throw new Error(`Invalid screenshot description in "${a}"`);
+    if (n.screenshotDescriptions.has(i)) throw new Error(`Screenshot description "${i}" found in "${a}" cannot be used for multiple screenshots and must be unique. To make screenshot descriptions unique within the same test, use the first argument to "compareScreenshot", such as "compareScreenshot('more to the description')".`);
+    return n.screenshotDescriptions.add(i), async function l(e, t, r, s, n) {
      if ("string" != typeof t.__STENCIL_EMULATE__) throw new Error("compareScreenshot, missing screenshot emulate env var");
      if ("string" != typeof t.__STENCIL_SCREENSHOT_BUILD__) throw new Error("compareScreenshot, missing screen build env var");
-     const i = JSON.parse(t.__STENCIL_EMULATE__), o = JSON.parse(t.__STENCIL_SCREENSHOT_BUILD__);
+     const o = JSON.parse(t.__STENCIL_EMULATE__), i = JSON.parse(t.__STENCIL_SCREENSHOT_BUILD__);
      await function a(e) {
       return new Promise((t => setTimeout(t, e)));
-     }(o.timeoutBeforeScreenshot), await e.evaluate((() => new Promise((e => {
+     }(i.timeoutBeforeScreenshot), await e.evaluate((() => new Promise((e => {
       window.requestAnimationFrame((() => {
        e();
       }));
@@ -3832,11 +3871,11 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
        width: e.clip.width,
        height: e.clip.height
       }), t;
-     }(n), u = await e.screenshot(l), d = "number" == typeof n.pixelmatchThreshold ? n.pixelmatchThreshold : o.pixelmatchThreshold;
-     let h = i.viewport.width, p = i.viewport.height;
+     }(n), u = await e.screenshot(l), d = "number" == typeof n.pixelmatchThreshold ? n.pixelmatchThreshold : i.pixelmatchThreshold;
+     let h = o.viewport.width, p = o.viewport.height;
      return n && n.clip && ("number" == typeof n.clip.width && (h = n.clip.width), "number" == typeof n.clip.height && (p = n.clip.height)), 
-     await compareScreenshot(i, o, u, r, h, p, s, d);
-    }(e, t, o, a, i);
+     await compareScreenshot(o, i, u, r, h, p, s, d);
+    }(e, t, i, a, o);
    } : e.compareScreenshot = async () => ({
     mismatchedPixels: 0,
     allowableMismatchedPixels: 1,
@@ -3884,13 +3923,13 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
     e();
    }))));
   };
-  const i = !0 === e.failOnConsoleError, o = !0 === e.failOnNetworkError;
+  const o = !0 === e.failOnConsoleError, i = !0 === e.failOnNetworkError;
   t.on("console", (e => {
    "error" === e.type() && (r.push({
     type: "error",
     message: e.text(),
     location: e.location().url
-   }), i && fail(new Error(serializeConsoleMessage(e)))), function t(e) {
+   }), o && fail(new Error(serializeConsoleMessage(e)))), function t(e) {
     const t = serializeConsoleMessage(e), r = e.type(), s = "warning" === r ? "warn" : r;
     "debug" !== s && ("function" == typeof console[s] ? console[s](t) : console.log(r, t));
    }(e);
@@ -3905,7 +3944,7 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
     type: "requestfailed",
     message: e.failure().errorText,
     location: e.url()
-   }), o ? fail(new Error(e.failure().errorText)) : console.error("requestfailed", e.url());
+   }), i ? fail(new Error(e.failure().errorText)) : console.error("requestfailed", e.url());
   })), "string" == typeof e.html ? await e2eSetContent(t, e.html, {
    waitUntil: e.waitUntil
   }) : "string" == typeof e.url ? await e2eGoTo(t, e.url, {
@@ -3971,7 +4010,7 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
    const s = formatComponentRuntimeMembers(e, t), n = formatHostListeners(e);
    return trimFalsy([ r, e.tagName, Object.keys(s).length > 0 ? s : void 0, n.length > 0 ? n : void 0 ]);
   })(e, !0))) ])(s, [ e.COMPILER_META ]);
- })), i = (e => {
+ })), o = (e => {
   const t = e.some((e => e.htmlTagNames.includes("slot"))), r = e.some((e => "shadow" === e.encapsulation)), s = e.some((e => "shadow" !== e.encapsulation && e.htmlTagNames.includes("slot"))), n = {
    allRenderFn: e.every((e => e.hasRenderFn)),
    cmpDidLoad: e.some((e => e.hasComponentDidLoadFn)),
@@ -4031,8 +4070,8 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
   return n.asyncLoading = n.cmpWillUpdate || n.cmpWillLoad || n.cmpWillRender, n.vdomAttribute = n.vdomAttribute || n.reflect, 
   n.vdomPropOrAttr = n.vdomPropOrAttr || n.reflect, n;
  })(e.components.map((e => e.COMPILER_META)));
- if (e.strictBuild ? Object.assign(appData.BUILD, i) : Object.keys(i).forEach((e => {
-  !0 === i[e] && (appData.BUILD[e] = !0);
+ if (e.strictBuild ? Object.assign(appData.BUILD, o) : Object.keys(o).forEach((e => {
+  !0 === o[e] && (appData.BUILD[e] = !0);
  })), appData.BUILD.asyncLoading = !0, e.hydrateClientSide ? (appData.BUILD.hydrateClientSide = !0, 
  appData.BUILD.hydrateServerSide = !1) : e.hydrateServerSide && (appData.BUILD.hydrateServerSide = !0, 
  appData.BUILD.hydrateClientSide = !1), appData.BUILD.cloneNodeFix = !1, appData.BUILD.shadowDomShim = !1, 
@@ -4062,10 +4101,10 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
   testing.renderVdom(t, e.template());
  } else "string" == typeof e.html && (s.body.innerHTML = e.html);
  !1 !== e.flushQueue && await s.waitForChanges();
- let o = null;
+ let i = null;
  return Object.defineProperty(s, "root", {
   get() {
-   if (null == o && (o = findRootComponent(t, s.body)), null != o) return o;
+   if (null == i && (i = findRootComponent(t, s.body)), null != i) return i;
    const e = s.body.firstElementChild;
    return null != e ? e : null;
   }