@stencil/core 4.42.0 → 4.42.1-dev.1770615146.e130b7a

package/cli/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI (CommonJS) v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil CLI (CommonJS) v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/cli/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil CLI v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/cli",
-  "version": "4.42.0",
+  "version": "4.42.1-dev.1770615146.e130b7a",
   "description": "Stencil CLI.",
   "main": "./index.cjs",
   "module": "./index.js",

package/compiler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/compiler",
-  "version": "4.42.0",
+  "version": "4.42.1-dev.1770615146.e130b7a",
   "description": "Stencil Compiler.",
   "main": "./stencil.js",
   "types": "./stencil.d.ts",

package/compiler/stencil.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Compiler v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil Compiler v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;
@@ -245765,7 +245765,7 @@ var import_typescript72 = __toESM(require_typescript_5_8_3_bundle_cache_min());
 
 // src/version.ts
 init_import_meta_url();
-var buildId = "1769988906";
+var buildId = "1770615146";
 var minfyJsId = "terser5.37.0_7";
 var optimizeCssId = "autoprefixer10.4.19_postcss8.5.6_7";
 var parse5Version = "7.2.1";
@@ -245773,8 +245773,8 @@ var rollupVersion = "4.34.9";
 var jqueryVersion = "4.0.0-pre";
 var terserVersion = "5.37.0";
 var typescriptVersion = "5.8.3";
-var vermoji = "\u{1F691}";
-var version = "4.42.0";
+var vermoji = "\u{1F6F3}";
+var version = "4.42.1-dev.1770615146.e130b7a";
 var versions = {
   stencil: version,
   parse5: parse5Version,
@@ -248871,7 +248871,7 @@ var scopeCss = (cssText, scopeId, commentOriginalSelector) => {
     });
   }
   scoped.slottedSelectors.forEach((slottedSelector) => {
-    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
+    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector) + "(?=\\s*[,{]|$)", "g");
     cssText = cssText.replace(regex, slottedSelector.updatedSelector);
   });
   cssText = expandPartSelectors(cssText);
@@ -249324,6 +249324,7 @@ var getModuleLegacy = (compilerCtx, sourceFilePath) => {
       isCollectionDependency: false,
       isLegacy: false,
       localImports: [],
+      functionalComponentDeps: [],
       originalCollectionComponentPath: null,
       originalImports: [],
       potentialCmpRefs: [],
@@ -258083,6 +258084,7 @@ var createModule = (staticSourceFile, staticSourceFileText, emitFilepath) => ({
   isCollectionDependency: false,
   isLegacy: false,
   localImports: [],
+  functionalComponentDeps: [],
   originalCollectionComponentPath: null,
   originalImports: [],
   potentialCmpRefs: [],
@@ -268728,6 +268730,7 @@ var updateComponentBuildConditionals = (moduleMap, cmps) => {
   });
 };
 var getModuleImports = (moduleMap, filePath, importedModules) => {
+  var _a2;
   let moduleFile = moduleMap.get(filePath);
   if (moduleFile == null) {
     moduleFile = moduleMap.get(filePath + ".tsx");
@@ -268743,6 +268746,9 @@ var getModuleImports = (moduleMap, filePath, importedModules) => {
     moduleFile.localImports.forEach((localImport) => {
       getModuleImports(moduleMap, localImport, importedModules);
     });
+    (_a2 = moduleFile.functionalComponentDeps) == null ? void 0 : _a2.forEach((depPath) => {
+      getModuleImports(moduleMap, depPath, importedModules);
+    });
   }
   return importedModules;
 };
@@ -268796,6 +268802,139 @@ var getCustomElementsBuildConditionals = (config, cmps) => {
   return build3;
 };
 
+// src/compiler/output-targets/dist-custom-elements/generate-loader-module.ts
+init_import_meta_url();
+var generateLoaderModule = (components, outputTarget) => {
+  const autoLoaderConfig = outputTarget.autoLoader;
+  const autoStart = typeof autoLoaderConfig === "object" ? autoLoaderConfig.autoStart !== false : true;
+  const componentMap = components.map((cmp) => `  '${cmp.tagName}': './${cmp.tagName}.js'`).join(",\n");
+  return `
+import { transformTag } from '${STENCIL_INTERNAL_CLIENT_ID}';
+
+/**
+ * Component map built at compile time.
+ * Maps original tag names to their module paths.
+ */
+const components = {
+${componentMap}
+};
+
+/**
+ * Set of tags that have already been loaded/registered.
+ * Prevents duplicate loading attempts.
+ */
+const defined = new Set();
+
+/**
+ * MutationObserver instance for watching DOM changes.
+ */
+let observer;
+
+/**
+ * Build a lookup map using transformed tag names.
+ * This is called at runtime to account for any tag transformers
+ * that may have been set via setTagTransformer().
+ */
+function getTransformedLookup() {
+  const lookup = {};
+  for (const [tag, path] of Object.entries(components)) {
+    lookup[transformTag(tag)] = { originalTag: tag, path };
+  }
+  return lookup;
+}
+
+/**
+ * Scan a root element for undefined custom elements and load them.
+ * @param root - The root element to scan
+ * @param lookup - The transformed tag lookup map
+ */
+async function load(root, lookup) {
+  const rootTag = root instanceof Element ? root.tagName.toLowerCase() : '';
+  const tags = [...root.querySelectorAll(':not(:defined)')]
+    .map(el => el.tagName.toLowerCase())
+    .filter(tag => lookup[tag] && !defined.has(tag));
+
+  // Also check the root element itself
+  if (rootTag && lookup[rootTag] && !defined.has(rootTag)) {
+    tags.push(rootTag);
+  }
+
+  // Load unique tags in parallel
+  await Promise.allSettled([...new Set(tags)].map(tag => register(tag, lookup)));
+}
+
+/**
+ * Register a single component by importing its module.
+ * @param transformedTag - The transformed tag name (as it appears in the DOM)
+ * @param lookup - The transformed tag lookup map
+ */
+async function register(transformedTag, lookup) {
+  // Skip if already defined or being defined
+  if (defined.has(transformedTag) || customElements.get(transformedTag)) {
+    defined.add(transformedTag);
+    return;
+  }
+
+  // Mark as being processed to prevent duplicate attempts
+  defined.add(transformedTag);
+  const { path } = lookup[transformedTag];
+
+  try {
+    const module = await import(path);
+    // Call defineCustomElement if exported (handles component + dependencies)
+    if (typeof module.defineCustomElement === 'function') {
+      module.defineCustomElement();
+    }
+  } catch (e) {
+    console.error(\`[Stencil Loader] Failed to load <\${transformedTag}>\`, e);
+    // Remove from defined set to allow retry
+    defined.delete(transformedTag);
+  }
+}
+
+/**
+ * Start the auto-loader, scanning the DOM and watching for changes.
+ * @param root - The root element to observe (default: document.body)
+ */
+export function start(root = document.body) {
+  const lookup = getTransformedLookup();
+
+  // Disconnect any existing observer
+  if (observer) {
+    observer.disconnect();
+  }
+
+  // Create MutationObserver to watch for new elements
+  observer = new MutationObserver(mutations => {
+    for (const { addedNodes } of mutations) {
+      for (const node of addedNodes) {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          load(node, lookup);
+        }
+      }
+    }
+  });
+
+  // Initial scan of existing DOM
+  load(root, lookup);
+
+  // Start observing for new elements
+  observer.observe(root, { subtree: true, childList: true });
+}
+
+/**
+ * Stop the auto-loader and disconnect the MutationObserver.
+ */
+export function stop() {
+  if (observer) {
+    observer.disconnect();
+    observer = null;
+  }
+}
+${autoStart ? "\n// Auto-start the loader\nstart();" : ""}
+`.trim();
+};
+
 // src/compiler/transformers/add-tag-transform.ts
 init_import_meta_url();
 var import_typescript35 = __toESM(require_typescript_5_8_3_bundle_cache_min());
@@ -269576,6 +269715,11 @@ var addCustomElementInputs = (buildCtx, bundleOpts, outputTarget) => {
     bundleOpts.loader[coreKey] = exp.join("\n");
   });
   bundleOpts.loader["\0core"] = generateEntryPoint(outputTarget, indexImports, indexExports, exportNames);
+  if (outputTarget.autoLoader) {
+    const loaderFileName = typeof outputTarget.autoLoader === "object" ? outputTarget.autoLoader.fileName || "loader" : "loader";
+    bundleOpts.inputs[loaderFileName] = "\0loader";
+    bundleOpts.loader["\0loader"] = generateLoaderModule(components, outputTarget);
+  }
 };
 var generateEntryPoint = (outputTarget, cmpImports = [], cmpExports = [], cmpNames = []) => {
   const body = [];
@@ -271500,6 +271644,17 @@ var validateCustomElement = (config, userOutputs) => {
       if (outputTarget.customElementsExportBehavior == null || !CustomElementsExportBehaviorOptions.includes(outputTarget.customElementsExportBehavior)) {
         outputTarget.customElementsExportBehavior = "default";
       }
+      if (outputTarget.autoLoader === true) {
+        outputTarget.autoLoader = {
+          fileName: "loader",
+          autoStart: true
+        };
+      } else if (outputTarget.autoLoader && typeof outputTarget.autoLoader === "object") {
+        outputTarget.autoLoader = {
+          fileName: outputTarget.autoLoader.fileName || "loader",
+          autoStart: outputTarget.autoLoader.autoStart !== false
+        };
+      }
       if (outputTarget.generateTypeDeclarations) {
         const typesDirectory = getAbsolutePath(config, join(defaultDir, "types"));
         outputs.push({
@@ -274056,6 +274211,46 @@ var getDocsDeprecation = (cmp) => {
 var getDefaultReadme = (docsData) => {
   return [`# ${docsData.tag}`, "", "", ""].join("\n");
 };
+var extractExistingCssProps = async (compilerCtx, readmePath) => {
+  try {
+    const existingContent = await compilerCtx.fs.readFile(readmePath);
+    const cssPropsSectionMatch = existingContent.match(
+      /## CSS Custom Properties\s*\n\s*\n([\s\S]*?)(?=\n##|\n-{4,}|$)/
+    );
+    if (!cssPropsSectionMatch) {
+      return void 0;
+    }
+    const cssPropsSection = cssPropsSectionMatch[1];
+    const styles2 = [];
+    const lines = cssPropsSection.split("\n");
+    let inTable = false;
+    for (const line of lines) {
+      const trimmedLine = line.trim();
+      if (trimmedLine.startsWith("| Name") || trimmedLine.startsWith("| ---")) {
+        inTable = true;
+        continue;
+      }
+      if (inTable && trimmedLine.startsWith("|")) {
+        const parts = trimmedLine.split("|").map((p) => p.trim()).filter((p) => p);
+        if (parts.length >= 2) {
+          const name = parts[0].replace(/`/g, "").trim();
+          const docs = parts[1].trim();
+          if (name.startsWith("--")) {
+            styles2.push({
+              name,
+              docs,
+              annotation: "prop",
+              mode: void 0
+            });
+          }
+        }
+      }
+    }
+    return styles2.length > 0 ? styles2 : void 0;
+  } catch (e) {
+    return void 0;
+  }
+};
 
 // src/compiler/docs/readme/index.ts
 var generateReadmeDocs = async (config, compilerCtx, docsData, outputTargets) => {
@@ -274172,6 +274367,24 @@ var outputDocs = async (config, compilerCtx, buildCtx) => {
   }
   await buildCtx.stylesPromise;
   const docsData = await generateDocData(config, compilerCtx, buildCtx);
+  const isDocsOnlyMode = config.outputTargets.every(
+    (target) => target.type === "docs-readme" || target.type === "docs-json" || target.type === "docs-custom" || target.type === "docs-vscode" || target.type === "docs-custom-elements-manifest"
+  );
+  if (isDocsOnlyMode) {
+    await Promise.all(
+      docsData.components.map(async (component) => {
+        if (component.styles.length === 0) {
+          const readmeTarget = docsOutputTargets.find(isOutputTargetDocsReadme);
+          const readmeDir = (readmeTarget == null ? void 0 : readmeTarget.dir) || config.srcDir;
+          const readmePath = normalizePath(readmeDir) === normalizePath(config.srcDir) ? component.readmePath : join(readmeDir, component.readmePath.replace(config.srcDir, ""));
+          const existingCssProps = await extractExistingCssProps(compilerCtx, readmePath);
+          if (existingCssProps) {
+            component.styles = existingCssProps;
+          }
+        }
+      })
+    );
+  }
   await Promise.all([
     generateReadmeDocs(config, compilerCtx, docsData, docsOutputTargets),
     generateJsonDocs(config, compilerCtx, docsData, docsOutputTargets),
@@ -274374,6 +274587,29 @@ var generateCustomElementsTypesOutput = async (config, compilerCtx, buildCtx, ty
       await compilerCtx.fs.writeFile(filePath, dtsCode, { outputTargetType: outputTarget.type });
     })
   );
+  if (outputTarget.autoLoader) {
+    const loaderFileName = typeof outputTarget.autoLoader === "object" ? outputTarget.autoLoader.fileName || "loader" : "loader";
+    const loaderDtsPath = join(outputTarget.dir, `${loaderFileName}.d.ts`);
+    const loaderDtsCode = generateLoaderType();
+    await compilerCtx.fs.writeFile(loaderDtsPath, loaderDtsCode, { outputTargetType: outputTarget.type });
+  }
+};
+var generateLoaderType = () => {
+  return [
+    `/**`,
+    ` * Start the auto-loader, scanning the DOM and watching for changes.`,
+    ` * The loader uses MutationObserver to detect when custom elements are added`,
+    ` * to the DOM and lazily loads their definitions.`,
+    ` * @param root - The root element to observe (default: document.body)`,
+    ` */`,
+    `export declare function start(root?: Element): void;`,
+    ``,
+    `/**`,
+    ` * Stop the auto-loader and disconnect the MutationObserver.`,
+    ` */`,
+    `export declare function stop(): void;`,
+    ``
+  ].join("\n");
 };
 var generateCustomElementType = (componentsDtsRelPath, cmp) => {
   const tagNameAsPascal = dashToPascalCase(cmp.tagName);
@@ -274762,9 +274998,19 @@ var generateComponentTypes = (cmp, typeImportData, areTypesInternal) => {
   ];
   const propsWithAttributes = cmp.properties.filter((prop) => prop.attribute !== void 0);
   const hasExplicitAttributes = propsWithAttributes.length > 0;
-  const requiredProps = propsWithAttributes.filter((prop) => prop.required);
+  const requiredProps = propsWithAttributes.filter((prop) => {
+    if (!areTypesInternal && prop.internal) {
+      return false;
+    }
+    return prop.required;
+  });
   const hasRequiredProps = requiredProps.length > 0;
-  const explicitAttributes = propsWithAttributes.map((prop) => {
+  const explicitAttributes = propsWithAttributes.filter((prop) => {
+    if (!areTypesInternal && prop.internal) {
+      return false;
+    }
+    return true;
+  }).map((prop) => {
     var _a2, _b;
     const propMeta = cmp.properties.find((p) => p.name === prop.name);
     const simpleType = (_a2 = propMeta == null ? void 0 : propMeta.type) == null ? void 0 : _a2.trim();
@@ -275066,7 +275312,7 @@ var generateComponentTypesFile = (config, buildCtx, areTypesInternal) => {
   const hasAnyRequiredProps = modules.some((m) => m.requiredProps);
   if (hasAnyRequiredProps) {
     c.push(
-      `    type OneOf<K extends string, T> = { [P in K]: T } | { [P in \`attr:\${K}\`]: T } | { [P in \`prop:\${K}\`]: T };`
+      `    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in \`attr:\${K}\` | \`prop:\${K}\`]?: never } | { [P in \`attr:\${K}\`]: AttrT } & { [P in K | \`prop:\${K}\`]?: never } | { [P in \`prop:\${K}\`]: PropT } & { [P in K | \`attr:\${K}\`]?: never };`
     );
     c.push(``);
   }
@@ -275089,7 +275335,7 @@ var generateComponentTypesFile = (config, buildCtx, areTypesInternal) => {
         const baseOptional = `Omit<${m.tagNameAsPascal}, keyof ${m.tagNameAsPascal}Attributes> & { [K in keyof ${m.tagNameAsPascal} & keyof ${m.tagNameAsPascal}Attributes]?: ${m.tagNameAsPascal}[K] } & { [K in keyof ${m.tagNameAsPascal} & keyof ${m.tagNameAsPascal}Attributes as \`attr:\${K}\`]?: ${m.tagNameAsPascal}Attributes[K] } & { [K in keyof ${m.tagNameAsPascal} & keyof ${m.tagNameAsPascal}Attributes as \`prop:\${K}\`]?: ${m.tagNameAsPascal}[K] }`;
         if (m.requiredProps && m.requiredProps.length > 0) {
           const requiredUnions = m.requiredProps.map((prop) => {
-            return `OneOf<"${prop.name}", ${m.tagNameAsPascal}["${prop.name}"]>`;
+            return `OneOf<"${prop.name}", ${m.tagNameAsPascal}["${prop.name}"], ${m.tagNameAsPascal}Attributes["${prop.name}"]>`;
           }).join(" & ");
           return `        "${m.tagName}": ${baseOptional} & ${requiredUnions};`;
         } else {
@@ -277991,33 +278237,33 @@ var gatherVdomMeta = (m, args) => {
 };
 
 // src/compiler/transformers/static-to-meta/call-expression.ts
-var parseCallExpression = (m, node) => {
+var parseCallExpression = (m, node, typeChecker) => {
   if (node.arguments != null && node.arguments.length > 0) {
     if (import_typescript58.default.isIdentifier(node.expression)) {
-      visitCallExpressionArgs(m, node.expression, node.arguments);
+      visitCallExpressionArgs(m, node.expression, node.arguments, typeChecker);
     } else if (import_typescript58.default.isPropertyAccessExpression(node.expression)) {
       const n3 = node.expression.name;
       if (import_typescript58.default.isIdentifier(n3) && n3) {
-        visitCallExpressionArgs(m, n3, node.arguments);
+        visitCallExpressionArgs(m, n3, node.arguments, typeChecker);
       }
     }
   }
 };
-var visitCallExpressionArgs = (m, callExpressionName, args) => {
+var visitCallExpressionArgs = (m, callExpressionName, args, typeChecker) => {
   const fnName = callExpressionName.escapedText;
   if (fnName === "h" || fnName === H2 || fnName === "createElement") {
-    visitCallExpressionArg(m, args[0]);
+    visitCallExpressionArg(m, args[0], typeChecker);
     if (fnName === "h" || fnName === H2) {
       gatherVdomMeta(m, args);
     }
   } else if (fnName === "jsx" || fnName === "jsxs" || fnName === "jsxDEV" || fnName === "_jsx" || fnName === "_jsxs" || fnName === "_jsxDEV") {
-    visitCallExpressionArg(m, args[0]);
+    visitCallExpressionArg(m, args[0], typeChecker);
     gatherVdomMeta(m, args);
     if (args.length > 2 && args[2]) {
       m.hasVdomKey = true;
     }
   } else if (args.length > 1 && fnName === "createElementNS") {
-    visitCallExpressionArg(m, args[1]);
+    visitCallExpressionArg(m, args[1], typeChecker);
   } else if (fnName === "require" && args.length > 0 && m.originalImports) {
     const arg = args[0];
     if (import_typescript58.default.isStringLiteral(arg)) {
@@ -278027,7 +278273,7 @@ var visitCallExpressionArgs = (m, callExpressionName, args) => {
     }
   }
 };
-var visitCallExpressionArg = (m, arg) => {
+var visitCallExpressionArg = (m, arg, typeChecker) => {
   if (import_typescript58.default.isStringLiteral(arg)) {
     let tag = arg.text;
     if (typeof tag === "string") {
@@ -278037,6 +278283,29 @@ var visitCallExpressionArg = (m, arg) => {
         m.potentialCmpRefs.push(tag);
       }
     }
+  } else if (typeChecker && import_typescript58.default.isIdentifier(arg)) {
+    resolveFunctionalComponentDep(m, arg, typeChecker);
+  }
+};
+var resolveFunctionalComponentDep = (m, identifier3, typeChecker) => {
+  try {
+    const symbol = typeChecker.getSymbolAtLocation(identifier3);
+    if (!symbol) return;
+    const aliasedSymbol = typeChecker.getAliasedSymbol(symbol);
+    const targetSymbol = aliasedSymbol || symbol;
+    const declarations = targetSymbol.declarations;
+    if (!declarations || declarations.length === 0) return;
+    const declaration = declarations[0];
+    const sourceFile = declaration.getSourceFile();
+    if (!sourceFile) return;
+    const sourceFilePath = normalizePath(sourceFile.fileName);
+    const moduleFile = m;
+    if (moduleFile.functionalComponentDeps) {
+      if (!moduleFile.functionalComponentDeps.includes(sourceFilePath)) {
+        moduleFile.functionalComponentDeps.push(sourceFilePath);
+      }
+    }
+  } catch (_e) {
   }
 };
 
@@ -278920,7 +279189,7 @@ var parseStaticComponentMeta = (compilerCtx, typeChecker, cmpNode, moduleFile, b
   const visitComponentChildNode = (node, buildCtx2) => {
     validateComponentMembers(node, buildCtx2);
     if (import_typescript62.default.isCallExpression(node)) {
-      parseCallExpression(cmp, node);
+      parseCallExpression(cmp, node, typeChecker);
     } else if (import_typescript62.default.isStringLiteral(node)) {
       parseStringLiteral(cmp, node);
     }
@@ -279234,7 +279503,7 @@ var updateModule = (config, compilerCtx, buildCtx, tsSourceFile, sourceFileText,
       parseModuleImport(config, compilerCtx, buildCtx, moduleFile, srcDirPath, node, true);
       return;
     } else if (import_typescript65.default.isCallExpression(node)) {
-      parseCallExpression(moduleFile, node);
+      parseCallExpression(moduleFile, node, typeChecker);
     } else if (import_typescript65.default.isStringLiteral(node)) {
       parseStringLiteral(moduleFile, node);
     }
@@ -285210,7 +285479,7 @@ var convertStaticToMeta = (config, compilerCtx, buildCtx, typeChecker, collectio
       } else if (import_typescript70.default.isImportDeclaration(node)) {
         parseModuleImport(config, compilerCtx, buildCtx, moduleFile, dirPath, node, !transformOpts.isolatedModules);
       } else if (import_typescript70.default.isCallExpression(node)) {
-        parseCallExpression(moduleFile, node);
+        parseCallExpression(moduleFile, node, typeChecker);
       } else if (import_typescript70.default.isStringLiteral(node)) {
         parseStringLiteral(moduleFile, node);
       }

package/dev-server/client/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Dev Server Client v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil Dev Server Client v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 
 // src/dev-server/client/app-error.css

package/dev-server/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/dev-server/client",
-  "version": "4.42.0",
+  "version": "4.42.1-dev.1770615146.e130b7a",
   "description": "Stencil Dev Server Client.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/dev-server/connector.html

@@ -1,6 +1,6 @@
-<!doctype html><html><head><meta charset="utf-8"><title>Stencil Dev Server Connector 4.42.0 &#9889</title><style>body{background:black;color:white;font:18px monospace;text-align:center}</style></head><body>
+<!doctype html><html><head><meta charset="utf-8"><title>Stencil Dev Server Connector 4.42.1-dev.1770615146.e130b7a &#9889</title><style>body{background:black;color:white;font:18px monospace;text-align:center}</style></head><body>
 
-Stencil Dev Server Connector 4.42.0 &#9889;
+Stencil Dev Server Connector 4.42.1-dev.1770615146.e130b7a &#9889;
 
 <script>!function(e,t,n){"use strict";var r="#dev-server-modal * {  box-sizing: border-box !important; } #dev-server-modal {  direction: ltr !important;  display: block !important;  position: absolute !important;  top: 0 !important;  right: 0 !important;  bottom: 0 !important;  left: 0 !important;  z-index: 100000;  margin: 0 !important;  padding: 0 !important;  font-family: -apple-system, 'Roboto', BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;  font-size: 14px !important;  line-height: 1.5 !important;  -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility;  text-size-adjust: none;  word-wrap: break-word;  color: #333 !important;  background-color: white !important;  box-sizing: border-box !important;  overflow: hidden;  user-select: auto; } #dev-server-modal-inner {  position: relative !important;  padding: 0 0 30px 0 !important;  width: 100% !important;  height: 100%;  overflow-x: hidden;  overflow-y: scroll;  -webkit-overflow-scrolling: touch; } .dev-server-diagnostic {  margin: 20px !important;  border: 1px solid #ddd !important;  border-radius: 3px !important; } .dev-server-diagnostic-masthead {  padding: 8px 12px 12px 12px !important; } .dev-server-diagnostic-title {  margin: 0 !important;  font-weight: bold !important;  color: #222 !important; } .dev-server-diagnostic-message {  margin-top: 4px !important;  color: #555 !important; } .dev-server-diagnostic-file {  position: relative !important;  border-top: 1px solid #ddd !important; } .dev-server-diagnostic-file-header {  display: block !important;  padding: 5px 10px !important;  color: #555 !important;  border-bottom: 1px solid #ddd !important;  border-top-left-radius: 2px !important;  border-top-right-radius: 2px !important;  background-color: #f9f9f9 !important;  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;  font-size: 12px !important; } a.dev-server-diagnostic-file-header {  color: #0000ee !important;  text-decoration: underline !important; } a.dev-server-diagnostic-file-header:hover {  text-decoration: none !important;  background-color: #f4f4f4 !important; } .dev-server-diagnostic-file-name {  font-weight: bold !important; } .dev-server-diagnostic-blob {  overflow-x: auto !important;  overflow-y: hidden !important;  border-bottom-right-radius: 3px !important;  border-bottom-left-radius: 3px !important; } .dev-server-diagnostic-table {  margin: 0 !important;  padding: 0 !important;  border-spacing: 0 !important;  border-collapse: collapse !important;  border-width: 0 !important;  border-style: none !important;  -moz-tab-size: 2;  tab-size: 2; } .dev-server-diagnostic-table td, .dev-server-diagnostic-table th {  padding: 0 !important;  border-width: 0 !important;  border-style: none !important; } td.dev-server-diagnostic-blob-num {  padding-right: 10px !important;  padding-left: 10px !important;  width: 1% !important;  min-width: 50px !important;  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;  font-size: 12px !important;  line-height: 20px !important;  color: rgba(0, 0, 0, 0.3) !important;  text-align: right !important;  white-space: nowrap !important;  vertical-align: top !important;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  border: solid #eee !important;  border-width: 0 1px 0 0 !important; } td.dev-server-diagnostic-blob-num::before {  content: attr(data-line-number) !important; } .dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-num {  background-color: #ffdddd !important;  border-color: #ffc9c9 !important; } .dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-code {  background: rgba(255, 221, 221, 0.25) !important;  z-index: -1; } .dev-server-diagnostic-open-in-editor td.dev-server-diagnostic-blob-num:hover {  cursor: pointer;  background-color: #ffffe3 !important;  font-weight: bold; } .dev-server-diagnostic-open-in-editor.dev-server-diagnostic-error-line td.dev-server-diagnostic-blob-num:hover {  background-color: #ffdada !important; } td.dev-server-diagnostic-blob-code {  position: relative !important;  padding-right: 10px !important;  padding-left: 10px !important;  line-height: 20px !important;  vertical-align: top !important;  overflow: visible !important;  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;  font-size: 12px !important;  color: #333 !important;  word-wrap: normal !important;  white-space: pre !important; } td.dev-server-diagnostic-blob-code::before {  content: '' !important; } .dev-server-diagnostic-error-chr {  position: relative !important; } .dev-server-diagnostic-error-chr::before {  position: absolute !important;  z-index: -1;  top: -3px !important;  left: 0px !important;  width: 8px !important;  height: 20px !important;  background-color: #ffdddd !important;  content: '' !important; } /** * GitHub Gist Theme * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro * https://highlightjs.org/ */ .hljs-comment, .hljs-meta {  color: #969896; } .hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong, .hljs-emphasis, .hljs-quote {  color: #df5000; } .hljs-keyword, .hljs-selector-tag, .hljs-type {  color: #a71d5d; } .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute {  color: #0086b3; } .hljs-section, .hljs-name {  color: #63a35c; } .hljs-tag {  color: #333333; } .hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo {  color: #795da3; } .hljs-addition {  color: #55a532;  background-color: #eaffea; } .hljs-deletion {  color: #bd2c00;  background-color: #ffecec; } .hljs-link {  text-decoration: underline; }",o=function(e){var t,n,r={diagnostics:[],status:null};return e&&e.window&&Array.isArray(e.buildResults.diagnostics)&&(t=e.buildResults.diagnostics.filter((function(e){return"error"===e.level}))).length>0&&(n=s(e.window.document),t.forEach((function(t){r.diagnostics.push(t),i(e.window.document,e.openInEditor,n,t)})),r.status="error"),r},i=function(e,t,n,r){var o,i,s,l,u,m,f,g,h,v,b,w,y,k,E,C,L=e.createElement("div");L.className="dev-server-diagnostic",(u=e.createElement("div")).className="dev-server-diagnostic-masthead",u.title="".concat(d(r.type)," error: ").concat(d(null!=(o=r.code)?o:"unknown error")),L.appendChild(u),(m=e.createElement("div")).className="dev-server-diagnostic-title","string"==typeof r.header&&r.header.trim().length>0?m.textContent=r.header:m.textContent="".concat(c(r.type)," ").concat(c(r.level)),u.appendChild(m),(f=e.createElement("div")).className="dev-server-diagnostic-message",f.textContent=r.messageText,u.appendChild(f),(g=e.createElement("div")).className="dev-server-diagnostic-file",L.appendChild(g),h="string"==typeof r.absFilePath&&0===r.absFilePath.indexOf("http"),v="function"==typeof t&&"string"==typeof r.absFilePath&&!h,h?((b=e.createElement("a")).href=null!=(i=r.absFilePath)?i:"",b.setAttribute("target","_blank"),b.setAttribute("rel","noopener noreferrer"),b.className="dev-server-diagnostic-file-header",(w=e.createElement("span")).className="dev-server-diagnostic-file-path",w.textContent=null!=(s=r.absFilePath)?s:"",b.appendChild(w),g.appendChild(b)):r.relFilePath&&((b=e.createElement(v?"a":"div")).className="dev-server-diagnostic-file-header",r.absFilePath&&(b.title=d(r.absFilePath),v&&a(t,b,r.absFilePath,r.lineNumber,r.columnNumber)),y=r.relFilePath.split("/"),(k=e.createElement("span")).className="dev-server-diagnostic-file-name",k.textContent=null!=(l=y.pop())?l:"",(w=e.createElement("span")).className="dev-server-diagnostic-file-path",w.textContent=y.join("/")+"/",b.appendChild(w),b.appendChild(k),g.appendChild(b)),r.lines&&r.lines.length>0&&((E=e.createElement("div")).className="dev-server-diagnostic-blob",g.appendChild(E),(C=e.createElement("table")).className="dev-server-diagnostic-table",E.appendChild(C),p(r.lines).forEach((function(n){var o,i,s,l,c,p,u,m=e.createElement("tr");n.errorCharStart>0&&m.classList.add("dev-server-diagnostic-error-line"),v&&m.classList.add("dev-server-diagnostic-open-in-editor"),C.appendChild(m),(l=e.createElement("td")).className="dev-server-diagnostic-blob-num",n.lineNumber>0&&(l.setAttribute("data-line-number",n.lineNumber+""),l.title=d(null!=(o=r.relFilePath)?o:"")+", line "+n.lineNumber,c=r.absFilePath,v&&c&&(p=n.lineNumber===r.lineNumber?r.columnNumber:1,a(t,l,c,n.lineNumber,p))),m.appendChild(l),(u=e.createElement("td")).className="dev-server-diagnostic-blob-code",u.innerHTML=A(null!=(i=n.text)?i:"",n.errorCharStart,null!=(s=n.errorLength)?s:0),m.appendChild(u)}))),n.appendChild(L)},a=function(e,t,n,r,o){var i,a;"A"===t.tagName&&(t.href="#open-in-editor"),i="number"!=typeof r||r<1?1:r,a="number"!=typeof o||o<1?1:o,t.addEventListener("click",(function(t){t.preventDefault(),t.stopPropagation(),e({file:n,line:i,column:a})}))},s=function(e){var t=e.getElementById(m);return t||((t=e.createElement("div")).id=m,t.setAttribute("role","dialog"),e.body.appendChild(t)),t.innerHTML="<style>".concat(r,'</style><div id="').concat(m,'-inner"></div>'),e.getElementById("".concat(m,"-inner"))},l=function(e){var t=e.window.document.getElementById(m);(null==t?void 0:t.parentNode)&&t.parentNode.removeChild(t)},d=function(e){return"number"==typeof e||"boolean"==typeof e?e.toString():"string"==typeof e?e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;"):""},c=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},A=function(e,t,n){if("string"!=typeof e)return"";var r=t+n;return e.split("").map((function(e,n){var o;return o="<"===e?"&lt;":">"===e?"&gt;":'"'===e?"&quot;":"'"===e?"&#039;":"&"===e?"&amp;":e,n>=t&&n<r&&(o='<span class="dev-server-diagnostic-error-chr">'.concat(o,"</span>")),o})).join("")},p=function(e){var t,n,r,o,i,a=JSON.parse(JSON.stringify(e));for(o=0;o<100;o++){if(!u(a))return a;for(i=0;i<a.length;i++)if(a[i].text=null!=(n=null==(t=a[i].text)?void 0:t.slice(1))?n:"",a[i].errorCharStart--,!(null==(r=a[i].text)?void 0:r.length))return a}return a},u=function(e){var t,n,r,o,i;if(!e.length)return!1;for(o=0;o<e.length;o++){if(!e[o].text||(null!=(n=null==(t=e[o].text)?void 0:t.length)?n:0)<1)return!1;if(" "!==(i=null==(r=e[o].text)?void 0:r.charAt(0))&&"\t"!==i)return!1}return!0},m="dev-server-modal",f=function(e,t){e.dispatchEvent(new CustomEvent(y,{detail:t}))},g=function(e,t){e.dispatchEvent(new CustomEvent(k,{detail:t}))},h=function(e,t){e.dispatchEvent(new CustomEvent(E,{detail:t}))},v=function(e,t){e.addEventListener(y,(function(e){t(e.detail)}))},b=function(e,t){e.addEventListener(k,(function(e){t(e.detail)}))},w=function(e,t){e.addEventListener(E,(function(e){t(e.detail)}))},y="devserver:buildlog",k="devserver:buildresults",E="devserver:buildstatus",C=function(e,t,n){return"string"==typeof n&&""!==n.trim()&&L(t)===L(n)?Q(n,e):n},L=function(e){var t=e.split("/");return t[t.length-1].split("&")[0].split("?")[0]},j=function(e){var t={};return"string"==typeof e&&e.split("&").forEach((function(e){var n=e.split("=");t[n[0]]=n[1]?n[1]:""})),t},x=function(e){return Object.keys(e).map((function(t){return t+"="+e[t]})).join("&")},I=function(e,t,n){var r=e.split("?"),o=r[0],i=j(r[1]);return i[t]=n,o+"?"+x(i)},Q=function(e,t){return I(e,"s-hmr",t)},H=function(e,t,n){for(var r,o,i=/url\((['"]?)(.*)\1\)/gi,a=n;null!==(r=i.exec(n));)o=r[2],a=a.replace(o,C(e,t,o));return a},S=function(e){return"link"===e.nodeName.toLowerCase()&&!!e.href&&!!e.rel&&"stylesheet"===e.rel.toLowerCase()},B=function(e){return"template"===e.nodeName.toLowerCase()&&!!e.content&&11===e.content.nodeType},U=function(e,t){e.setAttribute("data-hmr",t)},N=function(e){return!!e.shadowRoot&&11===e.shadowRoot.nodeType&&e.shadowRoot!==e},D=function(e){return!!e&&1===e.nodeType&&!!e.getAttribute},F=function(e,t,n){var r=[];return n.forEach((function(n){T(r,e,t,n)})),r.sort()},T=function(e,t,n,r){if(t.nodeName.toLowerCase()===r&&"function"==typeof t["s-hmr"]&&(t["s-hmr"](n),U(t,n),-1===e.indexOf(r)&&e.push(r)),N(t)&&T(e,t.shadowRoot,n,r),t.children)for(var o=0;o<t.children.length;o++)T(e,t.children[o],n,r)},R=function(e,t,n){if(S(e)&&n.forEach((function(n){O(e,t,n)})),B(e)&&R(e.content,t,n),N(e)&&R(e.shadowRoot,t,n),e.children)for(var r=0;r<e.children.length;r++)R(e.children[r],t,n);return n.sort()},O=function(e,t,n){var r=e.getAttribute("href"),o=C(t,n,e.href);o!==r&&(e.setAttribute("href",o),U(e,t))},M=function(e,t,n,r){return"file:"!==e.location.protocol&&t.styleSheets&&z(t,n,r),P(e,t.documentElement,n,r),r.sort()},z=function(e,t,n){var r,o=Object.keys(e.documentElement.style).filter((function(e){return e.endsWith("Image")}));for(r=0;r<e.styleSheets.length;r++)K(o,e.styleSheets[r],t,n)},K=function(e,t,n,r){var o,i,a;try{for(o=t.cssRules,i=0;i<o.length;i++)switch((a=o[i]).type){case CSSRule.IMPORT_RULE:K(e,a.styleSheet,n,r);break;case CSSRule.STYLE_RULE:J(e,a,n,r);break;case CSSRule.MEDIA_RULE:K(e,a,n,r)}}catch(e){console.error("hmrStyleSheetImages: "+e)}},J=function(e,t,n,r){e.forEach((function(e){r.forEach((function(r){var o=t.style[e],i=H(n,r,o);o!==i&&(t.style[e]=i)}))}))},P=function(e,t,n,r){var o,i,a=t.nodeName.toLowerCase();if("img"===a&&Y(t,n,r),D(t)&&(o=t.getAttribute("style"))&&W(t,n,r,o),"style"===a&&X(t,n,r),"file:"!==e.location.protocol&&S(t)&&q(t,n,r),B(t)&&P(e,t.content,n,r),N(t)&&P(e,t.shadowRoot,n,r),t.children)for(i=0;i<t.children.length;i++)P(e,t.children[i],n,r)},Y=function(e,t,n){n.forEach((function(n){var r=e.getAttribute("src"),o=C(t,n,r);o!==r&&(e.setAttribute("src",o),U(e,t))}))},W=function(e,t,n,r){n.forEach((function(n){var o=H(t,n,r);o!==r&&(e.setAttribute("style",o),U(e,t))}))},X=function(e,t,n){n.forEach((function(n){var r=e.innerHTML,o=H(t,n,r);o!==r&&(e.innerHTML=o,U(e,t))}))},q=function(e,t,n){e.href=I(e.href,"s-hmr-urls",n.sort().join(",")),e.href=Q(e.href,t),e.setAttribute("data-hmr",t)},G=function(e,t,n){var r,o=n;if(D(e)&&"style"===e.nodeName.toLowerCase()&&o.forEach((function(n){Z(e,t,n)})),B(e)&&G(e.content,t,o),N(e)&&G(e.shadowRoot,t,o),e.children)for(r=0;r<e.children.length;r++)G(e.children[r],t,o);return o.map((function(e){return e.styleTag})).reduce((function(e,t){return-1===e.indexOf(t)&&e.push(t),e}),[]).sort()},Z=function(e,t,n){e.getAttribute("sty-id")===n.styleId&&n.styleText&&(e.innerHTML=n.styleText.replace(/\\n/g,"\n"),e.setAttribute("data-hmr",t))},V=function(e){var t,n,r,o,i,a={updatedComponents:[],updatedExternalStyles:[],updatedInlineStyles:[],updatedImages:[],versionId:""};try{if(!(e&&e.window&&e.window.document.documentElement&&e.hmr&&"string"==typeof e.hmr.versionId))return a;n=(t=e.window).document,r=e.hmr,o=n.documentElement,i=r.versionId,a.versionId=i,r.componentsUpdated&&(a.updatedComponents=F(o,i,r.componentsUpdated)),r.inlineStylesUpdated&&(a.updatedInlineStyles=G(o,i,r.inlineStylesUpdated)),r.externalStylesUpdated&&(a.updatedExternalStyles=R(o,i,r.externalStylesUpdated)),r.imagesUpdated&&(a.updatedImages=M(t,n,i,r.imagesUpdated)),U(o,i)}catch(e){console.error(e)}return a},_=function(e){return re(ae,"Build",e)},$=function(e){return ee("Reload",e)},ee=function(e,t){return re(oe,e,t)},te=function(e,t){return re(se,e,t)},ne=function(e){var t,n=e,r=ie,o="Error";"warn"===n.level&&(r=oe,o="Warning"),n.header&&(o=n.header),t="",n.relFilePath&&(t+=n.relFilePath,"number"==typeof n.lineNumber&&n.lineNumber>0&&(t+=", line "+n.lineNumber,"number"==typeof n.columnNumber&&n.columnNumber>0&&(t+=", column "+n.columnNumber)),t+="\n"),t+=n.messageText,re(r,o,t)},re=function(e,t,n){"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.indexOf("Trident")>-1?console.log(t,n):console.log.apply(console,["%c"+t,"background: ".concat(e,"; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;"),n])},oe="#f39c12",ie="#c0392b",ae="#3498db",se="#717171",le=function(e){function t(){clearTimeout(s),clearTimeout(a);var e=o();if(!e)return function(){var e=p.createElement("div");e.id=c,e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.zIndex="100001",e.style.width="100%",e.style.height="2px",e.style.transform="scaleX(0)",e.style.opacity="1",e.style.background=u,e.style.transformOrigin="left center",e.style.transition="transform .1s ease-in-out, opacity .5s ease-in",e.style.contain="strict",p.body.appendChild(e)}(),void(i=setTimeout(t,16));e.style.background=u,e.style.opacity="1",e.style.transform="scaleX(".concat(Math.min(1,r()),")"),null==l&&(l=setInterval((function(){d+=.05*Math.random()+.01,r()<.9?t():clearInterval(l)}),800))}function n(){clearInterval(l),d=.05,l=null,clearTimeout(s),clearTimeout(i),clearTimeout(a);var e=o();e&&(f>=1&&(e.style.transform="scaleX(1)"),s=setTimeout((function(){try{var e=o();e&&(e.style.opacity="0")}catch(e){}}),150),a=setTimeout((function(){try{var e=o();e&&e.parentNode.removeChild(e)}catch(e){}}),1e3))}function r(){var e=f+d;return Math.max(0,Math.min(1,e))}function o(){return p.getElementById(c)}var i,a,s,l,d,c,A=e.window,p=A.document,u="#5851ff",m="#b70c19",f=0;n(),v(A,(function(e){(f=e.progress)>=0&&f<1?t():n()})),b(A,(function(e){if(e.hasError){var t=o();t&&(t.style.transform="scaleX(1)",t.style.background=m)}n()})),w(A,(function(e){"disabled"===e&&n()})),"tmpl-initial-load"===p.head.dataset.tmpl&&t(),c="dev-server-progress-bar"},de=function(e){var t=e.window,n=t.document,r=pe(n);r.forEach((function(e){e.href&&(e.dataset.href=e.href,e.dataset.type=e.type)})),w(t,(function(e){ce(n,e)}))},ce=function(e,t){pe(e).forEach((function(e){Ae(e,t)}))},Ae=function(e,t){"pending"===t?(e.href=me,e.type=he,e.setAttribute("data-status",t)):"error"===t?(e.href=fe,e.type=he,e.setAttribute("data-status",t)):"disabled"===t?(e.href=ge,e.type=he,e.setAttribute("data-status",t)):(e.removeAttribute("data-status"),e.dataset.href?(e.href=e.dataset.href,e.type=e.dataset.type):(e.href=ue,e.type=he))},pe=function(e){var t,n,r=[],o=e.querySelectorAll("link");for(t=0;t<o.length;t++)o[t].href&&o[t].rel&&(o[t].rel.indexOf("shortcut")>-1||o[t].rel.indexOf("icon")>-1)&&r.push(o[t]);return 0===r.length&&((n=e.createElement("link")).rel="shortcut icon",e.head.appendChild(n),r.push(n)),r},ue="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAnFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4jUzeAAAAM3RSTlMAsGDs4wML8QEbBvr2FMhAM7+ILCUPnNzXrX04otO6j3RiT0ggzLSTcmtWUUWoZlknghZc2mZzAAACrklEQVR42u3dWXLiUAyFYWEwg40x8wxhSIAwJtH+99ZVeeinfriXVpWk5Hyr+C2VrgkAAAAAAAAAAAw5sZQ7aUhYypw07FjKC2ko2yxk2SQFgwYLOWSkYFhlIZ06KWhNWMhqRApGKxYyaZGCeoeFVIekIDuwkEaXFDSXLKRdkoYjS9mRhjlLSUjDO0s5kYYzS+mThn3OQsYqAbQQC7hZSgoGYgHUy0jBa42FvKkEUDERC6CCFIzeWEjtlRRkPbGAG5CCtCIWQAtS0ByzkHxPGvos5UEaNizlnTRsWconhbM4wTpSFHMTrFtKCroNFrLGBOsJLbGAWxWkoFiJBRAmWE/I1r4nWOmNheTeJ1gX0vDJUrYUweAEa04aHs5XePvc9wpPboJ1SCmOsRVkr04aromUEQEAgB9lxaZ++ATFpNDv6Y8qm1QdBk9QTAr9ni6mbFK7DJ6g2LQLXoHZlFCQdMY2nYJXYDb1g1dgNo2boSswm2Zp6ArMptCFyIVtCl2IlDmbNC0QcPEQcD8l4HLvAXdxHnBb5wG3QcDFQ8D9mIDrIeCiIeDiA25oNeA+EHDREHDxAbdmmxBwT0HARQbciW0KDbiEbQoNuB3bFBxwbTYJAfcUBFxkwFG/YlNJAADgxzCRcqUY9m7KGgNSUEx9H3XXO76Puv/OY5wedX/flHk+6j46v2maO79purPvm6Yz+75puua+b5q6Dd/PEsrNMyZfFM5gAMW+ymPtWciYV3ksBpBOwKUH3wHXXLKUM2l4cR5wG+cBlzgPuJ3zgJNb6FRwlP4Ln1X8wrOKeFbxP6Qz3wEn+KzilWLYe5UnMuDwY5BvD+cBt899B9zC+49Bqr4DrlXzHXDF1HfA1Tu+Ay5b+w649OY74OjoO+Bo7jzg7s4DDgAAAAAAAAAA/u0POrfnVIaqz/QAAAAASUVORK5CYII=",me="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAjVBMVEUAAAD8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjLn7xn3AAAALnRSTlMAsFBgAaDxfPpAdTMcD/fs47kDBhVXJQpvLNbInIiBRvSqIb+TZ2OOONxdzUxpgKSpAAAAA69JREFUeNrt3FtvskAQxvERFQXFioqnCkqth572+3+8947dN00TliF5ZpP53ZOAveg/OzCklFJKKaWUUkoppQTZm77cCGFo+jIhhG/TlwchJAvTk/GIAA6x6Um+JoDti+nJ644A5h+mJ8eMALKj6cnHnAB2r80NLJ4jf3Vz+cuWANZ5cwPTM/l7by6PZwQwGptGQf4q++dLCOHdNIbkb2IvjwjAvYEf8pe6j4/wYxopr/9SQih4BXa3l5eEcJ7a++c9/gkSQE8bcCWvXwcrAjjYADrxHv8KCbi3JasgD5fm8i9IAG1swMXzDv0X2wDaEED21dzA5UDeVoPm8uUbAayvvAI42YA7EIDzA5pv8lc6/UoAoxMv4CZuvyKUpnHn9VNBAG6B7XkBtCeEO6/AbvbyihAiXsB92svfCcA9wap4j19DAmgWs37AZCrnBKvu8vgX9AmWE3BZh/6L7QkWJIA2RxtwHQpml9sAQp9gXWbkbxz4CdYDfIK1qk1j3IV9fPgJFlNECJXhYfSfsBHkhBCKwEd452nYI7wncwQJP8GKTU+uO0I4D/uSkVJKqXAkA5nK9icoIi3nrU9QRHrZtj5BESmetT5BEantPCh7NTJFrUdgMg1bj8BkSv1HYJ8RmjMQKf1HYDdC+/R/IyQFzbD4AxH+CIyPPxCJoEdQ/IFIMgXNEPkDkd8jMLQs5wRcTXA1J+By/BGO+0ovYwQGU3kPRLJfIzCkCSfgpgmhpc5AxD/gIkLb8wKO0DTgoNyaGQQecNfQAy7TgGtHA04DLtyA24UecHngAVdrwIkJuAitU8DJ1Dbghkam9gEnU+uAWxiRjhsdoXagI1TPgKNyIBO+ZpRSSrW3HfblTAA9/juPDwTAfiMK9VG3PY/hwX7Ubc9j+AoCWNWGp+NSH4HflE2IgXUEGPI3TTfmN4ndv2kSsRUJvpUn4W1FShbYb5rc84ySAtzKs3W3IgW4lWfO24q0zsFbebIjaysSjbtt5RHzUf0DHHCrAW8gVYEDzl0LGYW4lefB24uYQgOOfwN7dMANeW/k3DkBJ2CrUNE54GRsFYIHnPNR+iPEgHPWKo5DDDhnrWKeBRhwzlrFeNtlq5CgtYqzAAPODaBzgAH331rFAAOOqsDXKjL3IqboN7ILJ4BCDDh3r3SIAfd0AijEgHP3So/8wQNuvjRBbxVij5A6Bpy8EZJnwIkbIfkFnLwRkm/ASRshXbwDTtYICRRwt7BHqEoppZRSSimllFLqD/8AOXJZHefotiIAAAAASUVORK5CYII=",fe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAkFBMVEUAAAD5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0HYvLBZAAAAL3RSTlMAsGDjA/rsC/ElHRUBBssz9pFCvoh0UEcsD9ec3K19OLiiaNLEYlmoVeiCbmE+GuMl4I8AAAKQSURBVHja7d1njupQDIZhAymEUIZQQu9taN7/7q50pfl/TmTJtvQ9q3hzLDsEAAAAAAAAAACGzFjKiTS0WcqONMxZypg0fH5YyLFPChZdFnIYkILil4VcclLw3bCQ85IULM8sZPMlBfmFhfwWpGBwYCHdESnoH1nIz4c0jFnKnDTsWEqbNJxYyow03FjKlDTUKQtZqwTQXizgtgkpWGQsZKIScL0OCxmqBFC5EQugkhQshyyk0yMFgwkLyRakIGmJBdCeFPTXLCStScOUpdwogsEXrBdpuLKUJ4XDC9afKmUh94QUjLy/YGViAZRTOIMBtypJQXn2HUC5WMBleMFqILmzkLSicBZfsB6k4clSrqTh5XyEd3MeQHXqe4Qn94LVSiicwRHkJScNdVvKkgAAwI+qZdM0/AXFpE4v+AXFpKwIfkExKfR7ulyxSWkV/IJi0zx4BGbTm4IkW7ZpFjwCs2kaPAKzad0PHYHZtE1CR2A2TQahIzCbhnnwCMykVYmAi4aAQ8BZ4T3grgi4BhBwCDgbEHCNIOAQcCYg4BpCwCHgLEDAaYgPuDfbhIBrBAGHgDMhNOBo2rKpIgAA8KNoS6kplq2dsu6CFJQr30vd+dD3Uvf/nTLHS93J3flZwrHznaad852mE/veaXqw752mKvW90zTq+j5LWGS+r/J8xQKoU1AUa2chm1zlsXQWUifgkoPvgOsffQccjZ0H3Mx5wL2dB9zcecB9sJTePOBM3cU+46wiziq6C7hk6zvg3J9VfDK7vir0ch5wN+cBV6e+A27v/ccgme+AkxshTXKKYW6EFH0X29gIKTLgzI2QYgPO2ggpLuDsvaDEBZy9EVJcwBkcIT0IAAAAAAAAAADs+AdjeyF69/r87QAAAABJRU5ErkJggg==",ge="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAeFBMVEUAAAC4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7/uGGySAAAAJ3RSTlMAsGAE7OMcAQvxJRX69kHWyL8zq5GIdEcsD5zcfVg4uKLNa1JPZoK/xdPIAAACiklEQVR42u3dW5KqUAyF4QgCCggqIt7t9pb5z/Ccvjz2w95UqpJ0r28Uf2WTQAAAAAAAAAAAYMiWpTxJQ8JSTqThwVI2pKFZsJC3ghTs5izkmpKCcspCljNSkB9ZSLsnBfuWhRxzUjBbspBpSQrSKwuZr0lB8cZCFg1p2LCUB2k4sZSENNxYypY0nFlKTxqGmoUcClJwEQu4SUoKdmIBtEpJQZ6xkHeVAKqOYgFUkYL9OwvJclKQrsQCbkcK0olYAF1IQXFgIfVAGnqWcqZwFidYN4phb4L1onCYYMlPsLqUFKwxwRozwTIYcG1FCqrWdwBhgqU7wUo7FlJ7n2DdScPL+RPezfkT3tl5AA217yc89xMssYBbzUjDkEjZEwAA+NFMbOrDJygmZXnwBMWkaRk8QTFpvg6eoJi0aIInKDY9gp/AbEqCJyg2bYOfwGzqKUzPNh2K0Ccwm0IfRBK2KfSLkDvbFPog0tRsUlsh4EZAwP2SgKu9B9wdATcOAg4BZwACbgQEHALOCATcCAg4BJwVCLhREHB/LOAebFNwwC3YJATcKAi4yICjfmJTQwAA4EeZSBkojrWdsvmO4hjbKYtd6ra2Uxa71G1tp0xnqbvo+IPfpe4Nf3K703Ridr3T9OQPfnea7szseaepqX3vNH3NM/xe5fmeZ7i9yiMXQFlJEeydhYy4ymMygCICzmQAxQactbOQMQFnMoBiAs7iVaHIgDN3VSgq4AxeFYoOOGNXhbCUPkaJs4o4q/iXzyp2vgPO/VnFl/OAu/F/jq8KnZ0H3FD7DriL9x+DTH0HXJ75Driq9R1ws6XvgEuvvgOu6HwHHG18BxydnAfc03nAAQAAAAAAAADAz/4BoL2Us9XM2zMAAAAASUVORK5CYII=",he="image/x-icon",ve="/~dev-server",be="".concat(ve,"-init"),we="".concat(ve,"-open-in-editor"),ye=function(e,t){b(e,(function(n){ke(e,t,n)}))},ke=function(e,t,n){var r,i;try{if(n.buildId===e["s-build-id"])return;if(e["s-build-id"]=n.buildId,l({window:e}),n.hasError)return r=Array.isArray(t.editors)&&t.editors.length>0?t.editors[0].id:null,(i=o({window:e,buildResults:n,openInEditor:r?function(t){var n={file:t.file,line:t.line,column:t.column,editor:r},o="".concat(we,"?").concat(Object.keys(n).map((function(e){return"".concat(e,"=").concat(n[e])})).join("&"));e.fetch(o)}:null})).diagnostics.forEach(ne),void h(e,i.status);if(e["s-initial-load"])return void Ce(e,t,(function(){$("Initial load"),e.location.reload()}));n.hmr&&Ee(e,n.hmr)}catch(e){console.error(e)}},Ee=function(e,t){var n,r=!1;"pageReload"===t.reloadStrategy&&(r=!0),t.indexHtmlUpdated&&($("Updated index.html"),r=!0),t.serviceWorkerUpdated&&($("Updated Service Worker: sw.js"),r=!0),t.scriptsAdded&&t.scriptsAdded.length>0&&($("Added scripts: ".concat(t.scriptsAdded.join(", "))),r=!0),t.scriptsDeleted&&t.scriptsDeleted.length>0&&($("Deleted scripts: ".concat(t.scriptsDeleted.join(", "))),r=!0),t.excludeHmr&&t.excludeHmr.length>0&&($("Excluded From Hmr: ".concat(t.excludeHmr.join(", "))),r=!0),r?e.location.reload():((n=V({window:e,hmr:t})).updatedComponents.length>0&&_("Updated component".concat(n.updatedComponents.length>1?"s":"",": ").concat(n.updatedComponents.join(", "))),n.updatedInlineStyles.length>0&&_("Updated styles: ".concat(n.updatedInlineStyles.join(", "))),n.updatedExternalStyles.length>0&&_("Updated stylesheets: ".concat(n.updatedExternalStyles.join(", "))),n.updatedImages.length>0&&_("Updated images: ".concat(n.updatedImages.join(", "))))},Ce=function(e,t,n){e.history.replaceState({},"App",t.basePath),e.navigator.serviceWorker&&e.navigator.serviceWorker.getRegistration?e.navigator.serviceWorker.getRegistration().then((function(e){e?e.unregister().then((function(e){e&&_("unregistered service worker"),n()})):n()})).catch((function(e){ee("Service Worker",e),n()})):n()},Le=function(e,t){function n(){var t=this;A>0&&h(e,"pending"),p||(c=setInterval((function(){if(u++,!p&&t.readyState===WebSocket.OPEN&&u<500){t.send(JSON.stringify({requestBuildResults:!0}))}else clearInterval(c)}),Qe)),clearTimeout(d)}function r(){s()}function o(t){h(e,"disabled"),t.code>Ie?ee("Dev Server","web socket closed: ".concat(t.code," ").concat(t.reason)):te("Dev Server","Disconnected, attempting to reconnect..."),s()}function i(t){var n=JSON.parse(t.data);if(A>0){if(n.isActivelyBuilding)return;if(n.buildResults)return $("Reconnected to dev server"),p=!0,u=0,clearInterval(c),e["s-build-id"]!==n.buildResults.buildId&&e.location.reload(),void(e["s-build-id"]=n.buildResults.buildId)}return n.buildLog?(n.buildLog.progress<1&&h(e,"pending"),void f(e,n.buildLog)):n.buildResults?(p=!0,u=0,clearInterval(c),h(e,"default"),void g(e,n.buildResults)):void 0}function a(){clearTimeout(d),(l=new e.WebSocket(t.socketUrl,["xmpp"])).addEventListener("open",n),l.addEventListener("error",r),l.addEventListener("close",o),l.addEventListener("message",i)}function s(){p=!1,l&&(l.readyState!==WebSocket.OPEN&&l.readyState!==WebSocket.CONNECTING||l.close(Ie),l.removeEventListener("open",n),l.removeEventListener("error",r),l.removeEventListener("close",o),l.removeEventListener("message",i),l=null),clearTimeout(d),A>=je?ee("Dev Server","Canceling reconnect attempts"):(A++,d=setTimeout(a,xe),h(e,"disabled"))}var l,d,c,A=0,p=!1,u=0;a()},je=1e3,xe=2500,Ie=1e3,Qe=500,He=function(e,t){try{if(e["s-dev-server"])return;e["s-dev-server"]=!0,de({window:e}),le({window:e}),ye(e,t),Se(e,t)?(e["s-initial-load"]=!0,Ce(e,t,(function(){Le(e,t)}))):Le(e,t)}catch(e){console.error(e)}},Se=function(e,t){var n=e.location.pathname;return(n="/"+n.substring(t.basePath.length))===be},Be={basePath:t.location.pathname,editors:[],reloadStrategy:"hmr",socketUrl:"".concat("https:"===location.protocol?"wss:":"ws:","//").concat(location.hostname).concat(""!==location.port?":"+location.port:"","/")};He(t,Object.assign({},Be,t.devServerConfig,n))}(window,window.parent,window.__DEV_CLIENT_CONFIG__);
 </script></body></html>

package/dev-server/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Dev Server v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil Dev Server v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/dev-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/dev-server",
-  "version": "4.42.0",
+  "version": "4.42.1-dev.1770615146.e130b7a",
   "description": "Stencil Development Server which communicates with the Stencil Compiler.",
   "main": "./index.js",
   "types": "./index.d.ts",