@stencil/core 2.18.0 → 2.18.1

package/testing/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Testing v2.18.0 | MIT Licensed | https://stenciljs.com
+ Stencil Testing v2.18.1 | MIT Licensed | https://stenciljs.com
  */
 function _lazyRequire(e) {
  return new Proxy({}, {
@@ -69,22 +69,90 @@ async function startPuppeteerBrowser(e) {
  i;
 }
 
-function getAppStyleUrl(e, t) {
- return e.globalStyle ? getAppUrl(e, t, `${e.fsNamespace}.css`) : null;
+function transpile(e, t = {}) {
+ t = {
+  ...t,
+  componentExport: null,
+  componentMetadata: "compilerstatic",
+  coreImportPath: isString(t.coreImportPath) ? t.coreImportPath : "@stencil/core/internal/testing",
+  currentDirectory: t.currentDirectory || process.cwd(),
+  module: "cjs",
+  proxy: null,
+  sourceMap: "inline",
+  style: null,
+  styleImportData: "queryparams",
+  target: "es2015"
+ };
+ try {
+  const e = process.versions.node.split(".");
+  parseInt(e[0], 10) >= 10 && (t.target = "es2017");
+ } catch (e) {}
+ return stencil_js.transpileSync(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), 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, o = path$2.join(s, r), i = path$2.relative(e.rootDir, o);
-  return new URL(i, t).href;
- }
- return t;
+function formatDiagnostic(e) {
+ let t = "";
+ return e.relFilePath && (t += e.relFilePath, "number" == typeof e.lineNumber && (t += ":" + e.lineNumber + 1, 
+ "number" == typeof e.columnNumber && (t += ":" + e.columnNumber)), t += "\n"), t += e.messageText, 
+ t;
+}
+
+function getCompilerOptions(e) {
+ if (_tsCompilerOptions) return _tsCompilerOptions;
+ if ("string" != typeof e) return null;
+ e = normalizePath(e);
+ const t = stencil_js.ts.findConfigFile(e, stencil_js.ts.sys.fileExists);
+ if (!t) return null;
+ const r = stencil_js.ts.readConfigFile(t, stencil_js.ts.sys.readFile);
+ if (r.error) throw new Error(formatDiagnostic((e => {
+  const t = {
+   level: "warn",
+   type: "typescript",
+   language: "typescript",
+   header: "TypeScript",
+   code: e.code.toString(),
+   messageText: flattenDiagnosticMessageText(e, e.messageText),
+   relFilePath: null,
+   absFilePath: null,
+   lines: []
+  };
+  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), o = {
+    lineIndex: n.line,
+    lineNumber: n.line + 1,
+    text: s[n.line],
+    errorCharStart: n.character,
+    errorLength: Math.max(e.length, 1)
+   };
+   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: o.lineIndex - 1,
+     lineNumber: o.lineNumber - 1,
+     text: s[o.lineIndex - 1],
+     errorCharStart: -1,
+     errorLength: -1
+    };
+    t.lines.unshift(e);
+   }
+   if (o.lineIndex + 1 < s.length) {
+    const e = {
+     lineIndex: o.lineIndex + 1,
+     lineNumber: o.lineNumber + 1,
+     text: s[o.lineIndex + 1],
+     errorCharStart: -1,
+     errorLength: -1
+    };
+    t.lines.push(e);
+   }
+  }
+  var r;
+  return t;
+ })(r.error)));
+ const s = stencil_js.ts.parseJsonConfigFileContent(r.config, stencil_js.ts.sys, e, void 0, t);
+ return _tsCompilerOptions = s.options, _tsCompilerOptions;
 }
 
 function setScreenshotEmulateData(e, t) {
@@ -181,106 +249,15 @@ async function runJest(e, t) {
  return r;
 }
 
-function createBuildId() {
- const e = new Date;
- let t = e.getFullYear() + "";
- return t += ("0" + (e.getMonth() + 1)).slice(-2), t += ("0" + e.getDate()).slice(-2), 
- t += ("0" + e.getHours()).slice(-2), t += ("0" + e.getMinutes()).slice(-2), t += ("0" + e.getSeconds()).slice(-2), 
- t;
-}
-
-function createBuildMessage() {
- const e = new Date;
- let t = e.getFullYear() + "-";
- return t += ("0" + (e.getMonth() + 1)).slice(-2) + "-", t += ("0" + e.getDate()).slice(-2) + " ", 
- t += ("0" + e.getHours()).slice(-2) + ":", t += ("0" + e.getMinutes()).slice(-2) + ":", 
- t += ("0" + e.getSeconds()).slice(-2), `Build: ${t}`;
-}
-
-function transpile(e, t = {}) {
- t = {
-  ...t,
-  componentExport: null,
-  componentMetadata: "compilerstatic",
-  coreImportPath: isString(t.coreImportPath) ? t.coreImportPath : "@stencil/core/internal/testing",
-  currentDirectory: t.currentDirectory || process.cwd(),
-  module: "cjs",
-  proxy: null,
-  sourceMap: "inline",
-  style: null,
-  styleImportData: "queryparams",
-  target: "es2015"
+function toHaveClasses(e, t) {
+ if (!e) throw new Error("expect toHaveClasses value is null");
+ if ("function" == typeof e.then) throw new Error("element must be a resolved value, not a promise, before it can be tested");
+ if (1 !== e.nodeType) throw new Error("expect toHaveClasses value is not an element");
+ const r = t.every((t => e.classList.contains(t)));
+ return {
+  message: () => `expected to ${r ? "not " : ""}have css classes "${t.join(" ")}", but className is "${e.className}"`,
+  pass: r
  };
- try {
-  const e = process.versions.node.split(".");
-  parseInt(e[0], 10) >= 10 && (t.target = "es2017");
- } catch (e) {}
- return stencil_js.transpileSync(e, t);
-}
-
-function formatDiagnostic(e) {
- let t = "";
- return e.relFilePath && (t += e.relFilePath, "number" == typeof e.lineNumber && (t += ":" + e.lineNumber + 1, 
- "number" == typeof e.columnNumber && (t += ":" + e.columnNumber)), t += "\n"), t += e.messageText, 
- t;
-}
-
-function getCompilerOptions(e) {
- if (_tsCompilerOptions) return _tsCompilerOptions;
- if ("string" != typeof e) return null;
- e = normalizePath(e);
- const t = stencil_js.ts.findConfigFile(e, stencil_js.ts.sys.fileExists);
- if (!t) return null;
- const r = stencil_js.ts.readConfigFile(t, stencil_js.ts.sys.readFile);
- if (r.error) throw new Error(formatDiagnostic((e => {
-  const t = {
-   level: "warn",
-   type: "typescript",
-   language: "typescript",
-   header: "TypeScript",
-   code: e.code.toString(),
-   messageText: flattenDiagnosticMessageText(e, e.messageText),
-   relFilePath: null,
-   absFilePath: null,
-   lines: []
-  };
-  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), o = {
-    lineIndex: n.line,
-    lineNumber: n.line + 1,
-    text: s[n.line],
-    errorCharStart: n.character,
-    errorLength: Math.max(e.length, 1)
-   };
-   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: o.lineIndex - 1,
-     lineNumber: o.lineNumber - 1,
-     text: s[o.lineIndex - 1],
-     errorCharStart: -1,
-     errorLength: -1
-    };
-    t.lines.unshift(e);
-   }
-   if (o.lineIndex + 1 < s.length) {
-    const e = {
-     lineIndex: o.lineIndex + 1,
-     lineNumber: o.lineNumber + 1,
-     text: s[o.lineIndex + 1],
-     errorCharStart: -1,
-     errorLength: -1
-    };
-    t.lines.push(e);
-   }
-  }
-  var r;
-  return t;
- })(r.error)));
- const s = stencil_js.ts.parseJsonConfigFileContent(r.config, stencil_js.ts.sys, e, void 0, t);
- return _tsCompilerOptions = s.options, _tsCompilerOptions;
 }
 
 function compareHtml(e, t, r) {
@@ -326,17 +303,6 @@ function compareHtml(e, t, r) {
  };
 }
 
-function toHaveClasses(e, t) {
- if (!e) throw new Error("expect toHaveClasses value is null");
- if ("function" == typeof e.then) throw new Error("element must be a resolved value, not a promise, before it can be tested");
- if (1 !== e.nodeType) throw new Error("expect toHaveClasses value is not an element");
- const r = t.every((t => e.classList.contains(t)));
- return {
-  message: () => `expected to ${r ? "not " : ""}have css classes "${t.join(" ")}", but className is "${e.className}"`,
-  pass: r
- };
-}
-
 async function globalMockFetch(e) {
  let t;
  if (null == e) throw new Error("missing url input for mock fetch()");
@@ -808,21 +774,6 @@ function mockLogger() {
  return new TestingLogger;
 }
 
-function findRootComponent(e, t) {
- if (null != t) {
-  const r = t.children, s = r.length;
-  for (let t = 0; t < s; t++) {
-   const s = r[t];
-   if (e.has(s.nodeName.toLowerCase())) return s;
-  }
-  for (let t = 0; t < s; t++) {
-   const s = findRootComponent(e, r[t]);
-   if (null != s) return s;
-  }
- }
- return null;
-}
-
 async function initPageEvents(e) {
  e._e2eEvents = new Map, e._e2eEventIds = 0, e.spyOnEvent = pageSpyOnEvent.bind(e, e), 
  await e.exposeFunction("stencilOnEvent", ((t, r) => {
@@ -1182,9 +1133,58 @@ function serializeConsoleMessage(e) {
  }(e.location())}`;
 }
 
+function findRootComponent(e, t) {
+ if (null != t) {
+  const r = t.children, s = r.length;
+  for (let t = 0; t < s; t++) {
+   const s = r[t];
+   if (e.has(s.nodeName.toLowerCase())) return s;
+  }
+  for (let t = 0; t < s; t++) {
+   const s = findRootComponent(e, r[t]);
+   if (null != s) return s;
+  }
+ }
+ return null;
+}
+
+function createBuildId() {
+ const e = new Date;
+ let t = e.getFullYear() + "";
+ return t += ("0" + (e.getMonth() + 1)).slice(-2), t += ("0" + e.getDate()).slice(-2), 
+ t += ("0" + e.getHours()).slice(-2), t += ("0" + e.getMinutes()).slice(-2), t += ("0" + e.getSeconds()).slice(-2), 
+ t;
+}
+
+function createBuildMessage() {
+ const e = new Date;
+ let t = e.getFullYear() + "-";
+ return t += ("0" + (e.getMonth() + 1)).slice(-2) + "-", t += ("0" + e.getDate()).slice(-2) + " ", 
+ t += ("0" + e.getHours()).slice(-2) + ":", t += ("0" + e.getMinutes()).slice(-2) + ":", 
+ t += ("0" + e.getSeconds()).slice(-2), `Build: ${t}`;
+}
+
+function getAppStyleUrl(e, t) {
+ return e.globalStyle ? getAppUrl(e, t, `${e.fsNamespace}.css`) : null;
+}
+
+function getAppUrl(e, t, r) {
+ const s = e.outputTargets.find(isOutputTargetWww);
+ if (s) {
+  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, o = path$2.join(s, r), i = path$2.relative(e.rootDir, o);
+  return new URL(i, t).href;
+ }
+ return t;
+}
+
 var posix, pathBrowserify, caller, pathParse, parse, getNodeModulesDirs, nodeModulesPaths, normalizeOptions, ERROR_MESSAGE, slice, toStr, implementation, functionBind, src, isCoreModule, realpathFS$1, defaultIsFile$1, defaultIsDir$1, defaultRealpath, maybeRealpath, defaultReadPackage, getPackageCandidates$1, async, current, core, mod, core_1, isCore, realpathFS, defaultIsFile, defaultIsDir, defaultRealpathSync, maybeRealpathSync, defaultReadPackageSync, getPackageCandidates, sync, resolve;
 
-const path$2 = require("path"), index_js = _lazyRequire("../dev-server/index.js"), stencil_js = require("../compiler/stencil.js"), appData = _lazyRequire("@stencil/core/internal/app-data"), index_cjs = _lazyRequire("../mock-doc/index.cjs"), testing = _lazyRequire("@stencil/core/internal/testing"), process$3 = require("process"), os$2 = require("os"), fs$2 = require("fs"), crypto$3 = require("crypto"), child_process$2 = require("child_process"), path__default = _interopDefaultLegacy(path$2), process__namespace = _interopNamespace(process$3), os__namespace = _interopNamespace(os$2), fs__default = _interopDefaultLegacy(fs$2), formatComponentRuntimeMembers = (e, t = !0) => ({
+const stencil_js = require("../compiler/stencil.js"), appData = _lazyRequire("@stencil/core/internal/app-data"), testing = _lazyRequire("@stencil/core/internal/testing"), index_cjs = _lazyRequire("../mock-doc/index.cjs"), path$2 = require("path"), crypto$3 = require("crypto"), os$2 = require("os"), process$3 = require("process"), fs$2 = require("fs"), index_js = _lazyRequire("../dev-server/index.js"), child_process$2 = require("child_process"), path__default = _interopDefaultLegacy(path$2), os__namespace = _interopNamespace(os$2), process__namespace = _interopNamespace(process$3), fs__default = _interopDefaultLegacy(fs$2), formatComponentRuntimeMembers = (e, t = !0) => ({
  ...formatPropertiesRuntimeMember(e.properties),
  ...formatStatesRuntimeMember(e.states),
  ...t ? formatMethodsRuntimeMember(e.methods) : {}
@@ -1300,15 +1300,16 @@ const path$2 = require("path"), index_js = _lazyRequire("../dev-server/index.js"
  const r = e.substring(0, t), s = e.substring(t).split("/"), n = s.length;
  return n > 0 && !s[n - 1] && s.pop(), [ r, ...s ];
 }, normalizeFsPath = e => normalizePath(e.split("?")[0].replace(/\0/g, "")), flattenDiagnosticMessageText = (e, t) => {
+ var r, s;
  if ("string" == typeof t) return t;
  if (void 0 === t) return "";
- const r = [], s = e.file.fileName.includes("stencil.config");
- s && r.push(2322);
- let n = "";
- if (!r.includes(t.code) && (n = t.messageText, isIterable(t.next))) for (const r of t.next) n += flattenDiagnosticMessageText(e, r);
- return s && (n = n.replace("type 'StencilConfig'", "Stencil Config"), n = n.replace("Object literal may only specify known properties, but ", ""), 
- n = n.replace("Object literal may only specify known properties, and ", "")), n.trim();
-}, isOutputTargetDistLazy = e => e.type === DIST_LAZY, isOutputTargetWww = e => e.type === WWW, DIST_LAZY = "dist-lazy", WWW = "www", isJest27TransformOptions = e => null != e && "object" == typeof e && e.hasOwnProperty("config");
+ const n = [], o = (null !== (s = null === (r = e.file) || void 0 === r ? void 0 : r.fileName) && void 0 !== s ? s : "").includes("stencil.config");
+ o && n.push(2322);
+ let i = "";
+ if (!n.includes(t.code) && (i = t.messageText, isIterable(t.next))) for (const r of t.next) i += flattenDiagnosticMessageText(e, r);
+ return o && (i = i.replace("type 'StencilConfig'", "Stencil Config"), i = i.replace("Object literal may only specify known properties, but ", ""), 
+ i = i.replace("Object literal may only specify known properties, and ", "")), i.trim();
+}, isJest27TransformOptions = e => null != e && "object" == typeof e && e.hasOwnProperty("config");
 
 let _tsCompilerOptions = null, _tsCompilerOptionsKey = null;
 
@@ -1719,7 +1720,13 @@ const FETCH_DEFAULT_PATH = "/mock-fetch-data", HtmlSerializer = {
   outerHtml: !0
  }),
  test: e => null != e && (e instanceof HTMLElement || e instanceof index_cjs.MockNode)
-};
+}, createConfigFlags = (e = {}) => ({
+ task: null,
+ args: [],
+ knownArgs: [],
+ unknownArgs: [],
+ ...e
+});
 
 class BuildContext {
  constructor(e, t) {
@@ -1905,7 +1912,46 @@ class Cache {
  }
 }
 
-const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY = "last_clear_expired_cache", CACHE_DIR_README = '# Stencil Cache Directory\n\nThis directory contains files which the compiler has\ncached for faster builds. To disable caching, please set\n"enableCache: false" within the stencil config.\n\nTo change the cache directory, please update the\n"cacheDir" property within the stencil config.\n', getCommitInstructions = e => {
+const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY = "last_clear_expired_cache", CACHE_DIR_README = '# Stencil Cache Directory\n\nThis directory contains files which the compiler has\ncached for faster builds. To disable caching, please set\n"enableCache: false" within the stencil config.\n\nTo change the cache directory, please update the\n"cacheDir" property within the stencil config.\n', 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;
+  }
+ };
+}, getCommitInstructions = e => {
  const t = {
   filesToDelete: [],
   filesToWrite: [],
@@ -1958,12 +2004,76 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
   const r = t.dirsToDelete.indexOf(e);
   r > -1 && t.dirsToDelete.splice(r, 1);
  }
- return t.dirsToDelete = t.dirsToDelete.filter((e => "/" !== e && !0 !== e.endsWith(":/"))), 
- t.dirsToEnsure = t.dirsToEnsure.filter((t => {
-  const r = e.get(t);
-  return (null == r || !0 !== r.exists || !0 !== r.isDirectory) && "/" !== t && !t.endsWith(":/");
- })), t;
-}, shouldIgnore = e => (e = e.trim().toLowerCase(), IGNORE.some((t => e.endsWith(t)))), IGNORE = [ ".ds_store", ".gitignore", "desktop.ini", "thumbs.db" ];
+ return t.dirsToDelete = t.dirsToDelete.filter((e => "/" !== e && !0 !== e.endsWith(":/"))), 
+ t.dirsToEnsure = t.dirsToEnsure.filter((t => {
+  const r = e.get(t);
+  return (null == r || !0 !== r.exists || !0 !== r.isDirectory) && "/" !== t && !t.endsWith(":/");
+ })), t;
+}, shouldIgnore = e => (e = e.trim().toLowerCase(), IGNORE.some((t => e.endsWith(t)))), IGNORE = [ ".ds_store", ".gitignore", "desktop.ini", "thumbs.db" ];
+
+class TestingLogger {
+ constructor() {
+  this.isEnabled = !1;
+ }
+ setLevel(e) {}
+ getLevel() {
+  return "info";
+ }
+ enableColors(e) {}
+ emoji(e) {
+  return "";
+ }
+ info(...e) {
+  this.isEnabled && console.log(...e);
+ }
+ warn(...e) {
+  this.isEnabled && console.warn(...e);
+ }
+ error(...e) {
+  this.isEnabled && console.error(...e);
+ }
+ debug(...e) {
+  this.isEnabled && console.log(...e);
+ }
+ color(e, t) {}
+ red(e) {
+  return e;
+ }
+ green(e) {
+  return e;
+ }
+ yellow(e) {
+  return e;
+ }
+ blue(e) {
+  return e;
+ }
+ magenta(e) {
+  return e;
+ }
+ cyan(e) {
+  return e;
+ }
+ gray(e) {
+  return e;
+ }
+ bold(e) {
+  return e;
+ }
+ dim(e) {
+  return e;
+ }
+ bgRed(e) {
+  return e;
+ }
+ createTimeSpan(e, t = !1) {
+  return {
+   duration: () => 0,
+   finish: () => 0
+  };
+ }
+ printDiagnostics(e) {}
+}
 
 (posix = {
  resolve: function e() {
@@ -2085,46 +2195,7 @@ const MAX_FAILED = 100, ONE_DAY = 864e5, ONE_WEEK = 7 * ONE_DAY, EXP_STORAGE_KEY
  posix: null
 }).posix = posix, pathBrowserify = posix;
 
-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);
+const 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;
 
@@ -2132,74 +2203,7 @@ const IS_BROWSER_ENV = "undefined" != typeof location && "undefined" != typeof n
 
 IS_NODE_ENV && require, IS_NODE_ENV && process.cwd;
 
-const YELLOW = "#f39c12", RED = "#c0392b", BLUE = "#3498db", COMMON_DIR_MODULE_EXTS = [ ".tsx", ".ts", ".mjs", ".js", ".jsx", ".json", ".md" ], COMMON_DIR_FILENAMES = [ "package.json", "index.js", "index.mjs" ], getCommonDirName = (e, t) => e + "/" + t, isCommonDirModuleFile = e => COMMON_DIR_MODULE_EXTS.some((t => e.endsWith(t))), shouldFetchModule = e => IS_FETCH_ENV && IS_BROWSER_ENV && isNodeModulePath(e), isNodeModulePath = e => normalizePath(e).split("/").includes("node_modules"), getPackageDirPath = (e, t) => {
- const r = normalizePath(e).split("/"), s = (e => {
-  e.startsWith("~") && (e = e.substring(1));
-  const t = e.split("/"), r = {
-   moduleId: null,
-   filePath: null,
-   scope: null,
-   scopeSubModuleId: null
-  };
-  return e.startsWith("@") && t.length > 1 ? (r.moduleId = t.slice(0, 2).join("/"), 
-  r.filePath = t.slice(2).join("/"), r.scope = t[0], r.scopeSubModuleId = t[1]) : (r.moduleId = t[0], 
-  r.filePath = t.slice(1).join("/")), r;
- })(t);
- for (let e = r.length - 1; e >= 1; e--) if ("node_modules" === r[e - 1]) if (s.scope) {
-  if (r[e] === s.scope && r[e + 1] === s.scopeSubModuleId) return r.slice(0, e + 2).join("/");
- } else if (r[e] === s.moduleId) return r.slice(0, e + 1).join("/");
- return null;
-}, packageVersions = new Map, known404Urls = new Set, getCommonDirUrl = (e, t, r, s) => getNodeModuleFetchUrl(e, t, r) + "/" + s, getNodeModuleFetchUrl = (e, t, r) => {
- 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 o = s.shift();
- o.startsWith("@") && (o += "/" + s.shift());
- const i = s.join("/");
- return "@stencil/core" === o ? ((e, t) => {
-  let r = (t = normalizePath(t)).split("/");
-  const s = r.lastIndexOf("node_modules");
-  s > -1 && s < r.length - 1 && (r = r.slice(s + 1), r = r[0].startsWith("@") ? r.slice(2) : r.slice(1), 
-  t = r.join("/"));
-  const n = new URL("../", e).href;
-  return new URL("./" + t, n).href;
- })(e.getCompilerExecutingPath(), i) : e.getRemoteModuleUrl({
-  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 => {
-  if (!(e => e.endsWith(".d.ts"))(t = e) && t.endsWith(".ts") || (e => e.endsWith(".tsx"))(e)) return !0;
-  var t;
-  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 o = await ((e, t, r) => 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);
-       r.name && r.version && ((e, t, r) => {
-        e.set(t, r);
-       })(e, r.name, r.version);
-      } catch (e) {}
-     })(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, i, r), i;
-   }
-   404 === o.status && known404Urls.add(s);
-  }
- } catch (e) {
-  console.error(e);
- }
-};
+const YELLOW = "#f39c12", RED = "#c0392b", BLUE = "#3498db";
 
 caller = function() {
  var e, t = Error.prepareStackTrace;
@@ -2694,7 +2698,74 @@ defaultIsFile = function e(t) {
  b;
 }, async.core = core_1, async.isCore = isCore, async.sync = sync, resolve = async;
 
-const createSystem = e => {
+const COMMON_DIR_MODULE_EXTS = [ ".tsx", ".ts", ".mjs", ".js", ".jsx", ".json", ".md" ], COMMON_DIR_FILENAMES = [ "package.json", "index.js", "index.mjs" ], getCommonDirName = (e, t) => e + "/" + t, isCommonDirModuleFile = e => COMMON_DIR_MODULE_EXTS.some((t => e.endsWith(t))), shouldFetchModule = e => IS_FETCH_ENV && IS_BROWSER_ENV && isNodeModulePath(e), isNodeModulePath = e => normalizePath(e).split("/").includes("node_modules"), getPackageDirPath = (e, t) => {
+ const r = normalizePath(e).split("/"), s = (e => {
+  e.startsWith("~") && (e = e.substring(1));
+  const t = e.split("/"), r = {
+   moduleId: null,
+   filePath: null,
+   scope: null,
+   scopeSubModuleId: null
+  };
+  return e.startsWith("@") && t.length > 1 ? (r.moduleId = t.slice(0, 2).join("/"), 
+  r.filePath = t.slice(2).join("/"), r.scope = t[0], r.scopeSubModuleId = t[1]) : (r.moduleId = t[0], 
+  r.filePath = t.slice(1).join("/")), r;
+ })(t);
+ for (let e = r.length - 1; e >= 1; e--) if ("node_modules" === r[e - 1]) if (s.scope) {
+  if (r[e] === s.scope && r[e + 1] === s.scopeSubModuleId) return r.slice(0, e + 2).join("/");
+ } else if (r[e] === s.moduleId) return r.slice(0, e + 1).join("/");
+ return null;
+}, packageVersions = new Map, known404Urls = new Set, getCommonDirUrl = (e, t, r, s) => getNodeModuleFetchUrl(e, t, r) + "/" + s, getNodeModuleFetchUrl = (e, t, r) => {
+ 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 o = s.shift();
+ o.startsWith("@") && (o += "/" + s.shift());
+ const i = s.join("/");
+ return "@stencil/core" === o ? ((e, t) => {
+  let r = (t = normalizePath(t)).split("/");
+  const s = r.lastIndexOf("node_modules");
+  s > -1 && s < r.length - 1 && (r = r.slice(s + 1), r = r[0].startsWith("@") ? r.slice(2) : r.slice(1), 
+  t = r.join("/"));
+  const n = new URL("../", e).href;
+  return new URL("./" + t, n).href;
+ })(e.getCompilerExecutingPath(), i) : e.getRemoteModuleUrl({
+  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 => {
+  if (!(e => e.endsWith(".d.ts"))(t = e) && t.endsWith(".ts") || (e => e.endsWith(".tsx"))(e)) return !0;
+  var t;
+  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 o = await ((e, t, r) => 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);
+       r.name && r.version && ((e, t, r) => {
+        e.set(t, r);
+       })(e, r.name, r.version);
+      } catch (e) {}
+     })(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, i, r), i;
+   }
+   404 === o.status && known404Urls.add(s);
+  }
+ } catch (e) {
+  console.error(e);
+ }
+}, createSystem = e => {
  const t = e && e.logger ? e.logger : (() => {
   let e = IS_BROWSER_ENV, t = "info";
   return {
@@ -2883,7 +2954,7 @@ const createSystem = e => {
  u("/");
  const S = {
   name: "in-memory",
-  version: "2.18.0",
+  version: "2.18.1",
   events: i,
   access: async e => c(e),
   accessSync: c,
@@ -3191,78 +3262,6 @@ const createSystem = e => {
  return r;
 };
 
-class TestingLogger {
- constructor() {
-  this.isEnabled = !1;
- }
- setLevel(e) {}
- getLevel() {
-  return "info";
- }
- enableColors(e) {}
- emoji(e) {
-  return "";
- }
- info(...e) {
-  this.isEnabled && console.log(...e);
- }
- warn(...e) {
-  this.isEnabled && console.warn(...e);
- }
- error(...e) {
-  this.isEnabled && console.error(...e);
- }
- debug(...e) {
-  this.isEnabled && console.log(...e);
- }
- color(e, t) {}
- red(e) {
-  return e;
- }
- green(e) {
-  return e;
- }
- yellow(e) {
-  return e;
- }
- blue(e) {
-  return e;
- }
- magenta(e) {
-  return e;
- }
- cyan(e) {
-  return e;
- }
- gray(e) {
-  return e;
- }
- bold(e) {
-  return e;
- }
- dim(e) {
-  return e;
- }
- bgRed(e) {
-  return e;
- }
- createTimeSpan(e, t = !1) {
-  return {
-   duration: () => 0,
-   finish: () => 0
-  };
- }
- printDiagnostics(e) {}
-}
-
-const createConfigFlags = (e = {}) => ({
- task: null,
- args: [],
- knownArgs: [],
- unknownArgs: [],
- ...e
-});
-
 class EventSpy {
  constructor(e) {
   this.eventName = e, this.events = [], this.cursor = 0, this.queuedHandler = [];
@@ -3585,7 +3584,7 @@ class E2EElement extends index_cjs.MockHTMLElement {
  }
 }
 
-const env = process.env;
+const env = process.env, isOutputTargetDistLazy = e => e.type === DIST_LAZY, isOutputTargetWww = e => e.type === WWW, DIST_LAZY = "dist-lazy", WWW = "www";
 
 exports.MockHeaders = MockHeaders, exports.MockRequest = MockRequest, exports.MockResponse = MockResponse, 
 exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment() {
@@ -3997,20 +3996,21 @@ exports.createJestPuppeteerEnvironment = function createJestPuppeteerEnvironment
  }, n = e.components.map((e => {
   if (null == e.COMPILER_META) throw new Error('Invalid component class: Missing static "COMPILER_META" property.');
   t.add(e.COMPILER_META.tagName), e.isProxied = !1, function r(e) {
-   "function" == typeof e.prototype.__componentWillLoad && (e.prototype.componentWillLoad = e.prototype.__componentWillLoad, 
-   e.prototype.__componentWillLoad = null), "function" == typeof e.prototype.__componentWillUpdate && (e.prototype.componentWillUpdate = e.prototype.__componentWillUpdate, 
-   e.prototype.__componentWillUpdate = null), "function" == typeof e.prototype.__componentWillRender && (e.prototype.componentWillRender = e.prototype.__componentWillRender, 
-   e.prototype.__componentWillRender = null), "function" == typeof e.prototype.componentWillLoad && (e.prototype.__componentWillLoad = e.prototype.componentWillLoad, 
+   var t, r, s, n, o, i;
+   "function" == typeof (null === (t = e.prototype) || void 0 === t ? void 0 : t.__componentWillLoad) && (e.prototype.componentWillLoad = e.prototype.__componentWillLoad, 
+   e.prototype.__componentWillLoad = null), "function" == typeof (null === (r = e.prototype) || void 0 === r ? void 0 : r.__componentWillUpdate) && (e.prototype.componentWillUpdate = e.prototype.__componentWillUpdate, 
+   e.prototype.__componentWillUpdate = null), "function" == typeof (null === (s = e.prototype) || void 0 === s ? void 0 : s.__componentWillRender) && (e.prototype.componentWillRender = e.prototype.__componentWillRender, 
+   e.prototype.__componentWillRender = null), "function" == typeof (null === (n = e.prototype) || void 0 === n ? void 0 : n.componentWillLoad) && (e.prototype.__componentWillLoad = e.prototype.componentWillLoad, 
    e.prototype.componentWillLoad = function() {
     const e = this.__componentWillLoad();
     return null != e && "function" == typeof e.then ? testing.writeTask((() => e)) : testing.writeTask((() => Promise.resolve())), 
     e;
-   }), "function" == typeof e.prototype.componentWillUpdate && (e.prototype.__componentWillUpdate = e.prototype.componentWillUpdate, 
+   }), "function" == typeof (null === (o = e.prototype) || void 0 === o ? void 0 : o.componentWillUpdate) && (e.prototype.__componentWillUpdate = e.prototype.componentWillUpdate, 
    e.prototype.componentWillUpdate = function() {
     const e = this.__componentWillUpdate();
     return null != e && "function" == typeof e.then ? testing.writeTask((() => e)) : testing.writeTask((() => Promise.resolve())), 
     e;
-   }), "function" == typeof e.prototype.componentWillRender && (e.prototype.__componentWillRender = e.prototype.componentWillRender, 
+   }), "function" == typeof (null === (i = e.prototype) || void 0 === i ? void 0 : i.componentWillRender) && (e.prototype.__componentWillRender = e.prototype.componentWillRender, 
    e.prototype.componentWillRender = function() {
     const e = this.__componentWillRender();
     return null != e && "function" == typeof e.then ? testing.writeTask((() => e)) : testing.writeTask((() => Promise.resolve())),