@stencil/core 2.8.1 → 2.11.0-0

package/internal/testing/shadow-css.js

@@ -1,10 +1,10 @@
-const _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)", _cssColonHostRe = new RegExp("(-shadowcsshost" + _parenSuffix, "gim"), _cssColonHostContextRe = new RegExp("(-shadowcsscontext" + _parenSuffix, "gim"), _cssColonSlottedRe = new RegExp("(-shadowcssslotted" + _parenSuffix, "gim"), _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/, _shadowDOMSelectorsRe = [ /::shadow/g, /::content/g ], _polyfillHostRe = /-shadowcsshost/gim, _colonHostRe = /:host/gim, _colonSlottedRe = /::slotted/gim, _colonHostContextRe = /:host-context/gim, _commentRe = /\/\*\s*[\s\S]*?\*\//g, _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g, _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g, _curlyRe = /([{}])/g, processRules = (e, t) => {
- const s = escapeBlocks(e);
- let o = 0;
- return s.escapedString.replace(_ruleRe, ((...e) => {
+const _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)", _cssColonHostRe = new RegExp("(-shadowcsshost" + _parenSuffix, "gim"), _cssColonHostContextRe = new RegExp("(-shadowcsscontext" + _parenSuffix, "gim"), _cssColonSlottedRe = new RegExp("(-shadowcssslotted" + _parenSuffix, "gim"), _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/, _shadowDOMSelectorsRe = [ /::shadow/g, /::content/g ], _polyfillHostRe = /-shadowcsshost/gim, _colonHostRe = /:host/gim, _colonSlottedRe = /::slotted/gim, _colonHostContextRe = /:host-context/gim, _commentRe = /\/\*\s*[\s\S]*?\*\//g, _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g, _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g, _curlyRe = /([{}])/g, _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/, processRules = (e, t) => {
+ const o = escapeBlocks(e);
+ let s = 0;
+ return o.escapedString.replace(_ruleRe, ((...e) => {
   const c = e[2];
   let r = "", n = e[4], l = "";
-  n && n.startsWith("{%BLOCK%") && (r = s.blocks[o++], n = n.substring("%BLOCK%".length + 1), 
+  n && n.startsWith("{%BLOCK%") && (r = o.blocks[s++], n = n.substring("%BLOCK%".length + 1), 
   l = "{");
   const a = t({
    selector: c,
@@ -13,60 +13,57 @@ const _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)", _cssColo
   return `${e[1]}${a.selector}${e[3]}${l}${a.content}${n}`;
  }));
 }, escapeBlocks = e => {
- const t = e.split(_curlyRe), s = [], o = [];
+ const t = e.split(_curlyRe), o = [], s = [];
  let c = 0, r = [];
  for (let e = 0; e < t.length; e++) {
   const n = t[e];
-  "}" === n && c--, c > 0 ? r.push(n) : (r.length > 0 && (o.push(r.join("")), s.push("%BLOCK%"), 
-  r = []), s.push(n)), "{" === n && c++;
+  "}" === n && c--, c > 0 ? r.push(n) : (r.length > 0 && (s.push(r.join("")), o.push("%BLOCK%"), 
+  r = []), o.push(n)), "{" === n && c++;
  }
- return r.length > 0 && (o.push(r.join("")), s.push("%BLOCK%")), {
-  escapedString: s.join(""),
-  blocks: o
+ return r.length > 0 && (s.push(r.join("")), o.push("%BLOCK%")), {
+  escapedString: o.join(""),
+  blocks: s
  };
-}, convertColonRule = (e, t, s) => e.replace(t, ((...e) => {
+}, convertColonRule = (e, t, o) => e.replace(t, ((...e) => {
  if (e[2]) {
-  const t = e[2].split(","), o = [];
+  const t = e[2].split(","), s = [];
   for (let c = 0; c < t.length; c++) {
    const r = t[c].trim();
    if (!r) break;
-   o.push(s("-shadowcsshost-no-combinator", r, e[3]));
+   s.push(o("-shadowcsshost-no-combinator", r, e[3]));
   }
-  return o.join(",");
+  return s.join(",");
  }
  return "-shadowcsshost-no-combinator" + e[3];
-})), colonHostPartReplacer = (e, t, s) => e + t.replace("-shadowcsshost", "") + s, colonHostContextPartReplacer = (e, t, s) => t.indexOf("-shadowcsshost") > -1 ? colonHostPartReplacer(e, t, s) : e + t + s + ", " + t + " " + e + s, scopeSelectors = (e, t, s, o, c) => processRules(e, (e => {
+})), colonHostPartReplacer = (e, t, o) => e + t.replace("-shadowcsshost", "") + o, colonHostContextPartReplacer = (e, t, o) => t.indexOf("-shadowcsshost") > -1 ? colonHostPartReplacer(e, t, o) : e + t + o + ", " + t + " " + e + o, injectScopingSelector = (e, t) => e.replace(_selectorPartsRe, ((e, o = "", s, c = "", r = "") => o + t + c + r)), scopeSelectors = (e, t, o, s, c) => processRules(e, (e => {
  let c = e.selector, r = e.content;
- return "@" !== e.selector[0] ? c = ((e, t, s, o) => e.split(",").map((e => o && e.indexOf("." + o) > -1 ? e.trim() : ((e, t) => !(e => (e = e.replace(/\[/g, "\\[").replace(/\]/g, "\\]"), 
- new RegExp("^(" + e + ")([>\\s~+[.,{:][\\s\\S]*)?$", "m")))(t).test(e))(e, t) ? ((e, t, s) => {
-  const o = "." + (t = t.replace(/\[is=([^\]]*)\]/g, ((e, ...t) => t[0]))), c = e => {
+ return "@" !== e.selector[0] ? c = ((e, t, o, s) => e.split(",").map((e => s && e.indexOf("." + s) > -1 ? e.trim() : ((e, t) => !(e => (e = e.replace(/\[/g, "\\[").replace(/\]/g, "\\]"), 
+ new RegExp("^(" + e + ")([>\\s~+[.,{:][\\s\\S]*)?$", "m")))(t).test(e))(e, t) ? ((e, t, o) => {
+  const s = "." + (t = t.replace(/\[is=([^\]]*)\]/g, ((e, ...t) => t[0]))), c = e => {
    let c = e.trim();
    if (!c) return "";
-   if (e.indexOf("-shadowcsshost-no-combinator") > -1) c = ((e, t, s) => {
+   if (e.indexOf("-shadowcsshost-no-combinator") > -1) c = ((e, t, o) => {
     if (_polyfillHostRe.lastIndex = 0, _polyfillHostRe.test(e)) {
-     const t = `.${s}`;
-     return e.replace(_polyfillHostNoCombinatorRe, ((e, s) => s.replace(/([^:]*)(:*)(.*)/, ((e, s, o, c) => s + t + o + c)))).replace(_polyfillHostRe, t + " ");
+     const t = `.${o}`;
+     return e.replace(_polyfillHostNoCombinatorRe, ((e, o) => injectScopingSelector(o, t))).replace(_polyfillHostRe, t + " ");
     }
     return t + " " + e;
-   })(e, t, s); else {
+   })(e, t, o); else {
     const t = e.replace(_polyfillHostRe, "");
-    if (t.length > 0) {
-     const e = t.match(/([^:]*)(:*)(.*)/);
-     e && (c = e[1] + o + e[2] + e[3]);
-    }
+    t.length > 0 && (c = injectScopingSelector(t, s));
    }
    return c;
   }, r = (e => {
    const t = [];
-   let s, o = 0;
-   return s = (e = e.replace(/(\[[^\]]*\])/g, ((e, s) => {
-    const c = `__ph-${o}__`;
-    return t.push(s), o++, c;
-   }))).replace(/(:nth-[-\w]+)(\([^)]+\))/g, ((e, s, c) => {
-    const r = `__ph-${o}__`;
-    return t.push(c), o++, s + r;
+   let o, s = 0;
+   return o = (e = e.replace(/(\[[^\]]*\])/g, ((e, o) => {
+    const c = `__ph-${s}__`;
+    return t.push(o), s++, c;
+   }))).replace(/(:nth-[-\w]+)(\([^)]+\))/g, ((e, o, c) => {
+    const r = `__ph-${s}__`;
+    return t.push(c), s++, o + r;
    })), {
-    content: s,
+    content: o,
     placeholders: t
    };
   })(e);
@@ -74,52 +71,52 @@ const _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)", _cssColo
   const i = /( |>|\+|~(?!=))\s*/g;
   let p = !((e = r.content).indexOf("-shadowcsshost-no-combinator") > -1);
   for (;null !== (n = i.exec(e)); ) {
-   const t = n[1], s = e.slice(a, n.index).trim();
-   p = p || s.indexOf("-shadowcsshost-no-combinator") > -1, l += `${p ? c(s) : s} ${t} `, 
+   const t = n[1], o = e.slice(a, n.index).trim();
+   p = p || o.indexOf("-shadowcsshost-no-combinator") > -1, l += `${p ? c(o) : o} ${t} `, 
    a = i.lastIndex;
   }
   const h = e.substring(a);
   return p = p || h.indexOf("-shadowcsshost-no-combinator") > -1, l += p ? c(h) : h, 
   u = r.placeholders, l.replace(/__ph-(\d+)__/g, ((e, t) => u[+t]));
   var u;
- })(e, t, s).trim() : e.trim())).join(", "))(e.selector, t, s, o) : (e.selector.startsWith("@media") || e.selector.startsWith("@supports") || e.selector.startsWith("@page") || e.selector.startsWith("@document")) && (r = scopeSelectors(e.content, t, s, o)), 
+ })(e, t, o).trim() : e.trim())).join(", "))(e.selector, t, o, s) : (e.selector.startsWith("@media") || e.selector.startsWith("@supports") || e.selector.startsWith("@page") || e.selector.startsWith("@document")) && (r = scopeSelectors(e.content, t, o, s)), 
  {
   selector: c.replace(/\s{2,}/g, " ").trim(),
   content: r
  };
 }));
 
-exports.scopeCss = (e, t, s) => {
- const o = t + "-h", c = t + "-s", r = e.match(_commentWithHashRe) || [];
+exports.scopeCss = (e, t, o) => {
+ const s = t + "-h", c = t + "-s", r = e.match(_commentWithHashRe) || [];
  e = e.replace(_commentRe, "");
  const n = [];
- if (s) {
+ if (o) {
   const t = e => {
-   const t = `/*!@___${n.length}___*/`, s = `/*!@${e.selector}*/`;
+   const t = `/*!@___${n.length}___*/`, o = `/*!@${e.selector}*/`;
    return n.push({
     placeholder: t,
-    comment: s
+    comment: o
    }), e.selector = t + e.selector, e;
   };
   e = processRules(e, (e => "@" !== e.selector[0] ? t(e) : e.selector.startsWith("@media") || e.selector.startsWith("@supports") || e.selector.startsWith("@page") || e.selector.startsWith("@document") ? (e.content = processRules(e.content, t), 
   e) : e));
  }
- const l = ((e, t, s, o, c) => {
+ const l = ((e, t, o, s, c) => {
   const r = ((e, t) => {
-   const s = "." + t + " > ", o = [];
+   const o = "." + t + " > ", s = [];
    return e = e.replace(_cssColonSlottedRe, ((...e) => {
     if (e[2]) {
-     const t = e[2].trim(), c = e[3], r = s + t + c;
+     const t = e[2].trim(), c = e[3], r = o + t + c;
      let n = "";
      for (let t = e[4] - 1; t >= 0; t--) {
-      const s = e[5][t];
-      if ("}" === s || "," === s) break;
-      n = s + n;
+      const o = e[5][t];
+      if ("}" === o || "," === o) break;
+      n = o + n;
      }
      const l = n + r, a = `${n.trimRight()}${r.trim()}`;
      if (l.trim() !== a.trim()) {
       const e = `${a}, ${l}`;
-      o.push({
+      s.push({
        orgSelector: l,
        updatedSelector: e
       });
@@ -128,18 +125,18 @@ exports.scopeCss = (e, t, s) => {
     }
     return "-shadowcsshost-no-combinator" + e[3];
    })), {
-    selectors: o,
+    selectors: s,
     cssText: e
    };
-  })(e = (e => convertColonRule(e, _cssColonHostContextRe, colonHostContextPartReplacer))(e = (e => convertColonRule(e, _cssColonHostRe, colonHostPartReplacer))(e = e.replace(_colonHostContextRe, "-shadowcsscontext").replace(_colonHostRe, "-shadowcsshost").replace(_colonSlottedRe, "-shadowcssslotted"))), o);
+  })(e = (e => convertColonRule(e, _cssColonHostContextRe, colonHostContextPartReplacer))(e = (e => convertColonRule(e, _cssColonHostRe, colonHostPartReplacer))(e = e.replace(_colonHostContextRe, "-shadowcsscontext").replace(_colonHostRe, "-shadowcsshost").replace(_colonSlottedRe, "-shadowcssslotted"))), s);
   return e = (e => _shadowDOMSelectorsRe.reduce(((e, t) => e.replace(t, " ")), e))(e = r.cssText), 
-  t && (e = scopeSelectors(e, t, s, o)), {
-   cssText: (e = (e = e.replace(/-shadowcsshost-no-combinator/g, `.${s}`)).replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ")).trim(),
+  t && (e = scopeSelectors(e, t, o, s)), {
+   cssText: (e = (e = e.replace(/-shadowcsshost-no-combinator/g, `.${o}`)).replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ")).trim(),
    slottedSelectors: r.selectors
   };
- })(e, t, o, c);
- return e = [ l.cssText, ...r ].join("\n"), s && n.forEach((({placeholder: t, comment: s}) => {
-  e = e.replace(t, s);
+ })(e, t, s, c);
+ return e = [ l.cssText, ...r ].join("\n"), o && n.forEach((({placeholder: t, comment: o}) => {
+  e = e.replace(t, o);
  })), l.slottedSelectors.forEach((t => {
   e = e.replace(t.orgSelector, t.updatedSelector);
  })), e;

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc (CommonJS) v2.8.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v2.11.0-0 | MIT Licensed | https://stenciljs.com
  */
 var mockDoc = (function(exports) {
 'use strict';
@@ -2566,6 +2566,9 @@ class MockAnchorElement extends MockHTMLElement {
   set href(value) {
     this.setAttribute('href', value);
   }
+  get pathname() {
+    return new URL(this.href).pathname;
+  }
 }
 class MockButtonElement extends MockHTMLElement {
   constructor(ownerDocument) {

package/mock-doc/index.d.ts

@@ -166,6 +166,7 @@ declare class MockAnchorElement extends MockHTMLElement {
   constructor(ownerDocument: any);
   get href(): string;
   set href(value: string);
+  get pathname(): string;
 }
 declare class MockButtonElement extends MockHTMLElement {
   constructor(ownerDocument: any);
@@ -399,17 +400,17 @@ declare class MockNode {
   prepend(...items: (MockNode | string)[]): void;
   cloneNode(deep?: boolean): MockNode;
   compareDocumentPosition(_other: MockNode): number;
-  get firstChild(): MockNode;
+  get firstChild(): MockNode | null;
   insertBefore(newNode: MockNode, referenceNode: MockNode): MockNode;
   get isConnected(): boolean;
   isSameNode(node: any): boolean;
-  get lastChild(): MockNode;
-  get nextSibling(): MockNode;
+  get lastChild(): MockNode | null;
+  get nextSibling(): MockNode | null;
   get nodeValue(): string;
   set nodeValue(value: string);
   get parentElement(): any;
   set parentElement(value: any);
-  get previousSibling(): MockNode;
+  get previousSibling(): MockNode | null;
   contains(otherNode: MockNode): boolean;
   removeChild(childNode: MockNode): MockNode;
   remove(): void;
@@ -451,7 +452,7 @@ declare class MockElement extends MockNode {
   get dir(): string;
   set dir(value: string);
   dispatchEvent(ev: MockEvent): boolean;
-  get firstElementChild(): MockElement;
+  get firstElementChild(): MockElement | null;
   getAttribute(attrName: string): any;
   getAttributeNS(namespaceURI: string, attrName: string): string;
   getBoundingClientRect(): {
@@ -486,7 +487,7 @@ declare class MockElement extends MockNode {
   set hidden(isHidden: boolean);
   get lang(): string;
   set lang(value: string);
-  get lastElementChild(): MockElement;
+  get lastElementChild(): MockElement | null;
   matches(selector: string): boolean;
   get nextElementSibling(): any;
   get outerHTML(): string;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v2.8.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v2.11.0-0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -2563,6 +2563,9 @@ class MockAnchorElement extends MockHTMLElement {
   set href(value) {
     this.setAttribute('href', value);
   }
+  get pathname() {
+    return new URL(this.href).pathname;
+  }
 }
 class MockButtonElement extends MockHTMLElement {
   constructor(ownerDocument) {

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "2.8.1",
+  "version": "2.11.0-0",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "2.8.1",
+  "version": "2.11.0-0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -9,6 +9,7 @@
     "stencil": "bin/stencil"
   },
   "files": [
+    "!**/*.map",
     "bin/",
     "cli/",
     "compiler/",
@@ -21,9 +22,10 @@
     "testing/"
   ],
   "scripts": {
+    "clean": "rm -rf build/ cli/ compiler/ dev-server/ internal/ mock-doc/ sys/ testing/ && npm run clean-scripts",
+    "clean-scripts": "rm -rf scripts/build",
     "start": "npm run watch",
-    "build": "node scripts && npm run tsc.prod && npm run rollup.prod.ci",
-    "build.prod": "node scripts && npm run tsc.scripts && npm run tsc.prod && npm run rollup.prod.ci",
+    "build": "node scripts --prepare && npm run tsc.prod && npm run rollup.prod.ci",
     "watch": "node scripts && npm run tsc && concurrently \"npm run rollup.watch\" \"npm run tsc.watch\"",
     "release": "node scripts --release --publish",
     "release.prepare": "node scripts --release --prepare",
@@ -79,6 +81,8 @@
     "@types/sizzle": "^2.3.2",
     "@types/webpack": "^4.41.26",
     "@types/ws": "^7.4.0",
+    "@types/yarnpkg__lockfile": "^1.1.5",
+    "@yarnpkg/lockfile": "^1.1.0",
     "ansi-colors": "4.1.1",
     "autoprefixer": "10.2.5",
     "concurrently": "^6.0.0",
@@ -99,6 +103,7 @@
     "jest-environment-node": "^26.6.2",
     "listr": "^0.14.3",
     "magic-string": "^0.25.7",
+    "merge-source-map": "^1.1.0",
     "mime-db": "^1.46.0",
     "minimatch": "3.0.4",
     "node-fetch": "2.6.1",
@@ -108,16 +113,17 @@
     "path-browserify": "^1.0.1",
     "pixelmatch": "4.0.2",
     "postcss": "^8.2.8",
-    "prettier": "2.3.2",
+    "prettier": "2.4.0",
     "prompts": "2.4.0",
     "puppeteer": "~10.0.0",
     "rollup": "2.42.3",
+    "rollup-plugin-sourcemaps": "^0.6.3",
     "semiver": "^1.1.0",
     "semver": "7.3.4",
     "sizzle": "^2.3.6",
     "terser": "5.6.1",
     "tslib": "^2.1.0",
-    "typescript": "4.2.3",
+    "typescript": "4.3.5",
     "webpack": "^4.46.0",
     "ws": "7.4.6"
   },
@@ -142,5 +148,9 @@
     "pwa",
     "progressive web app"
   ],
-  "prettier": "@ionic/prettier-config"
+  "prettier": "@ionic/prettier-config",
+  "volta": {
+    "node": "16.13.0",
+    "npm": "8.1.1"
+  }
 }

package/readme.md

@@ -123,13 +123,13 @@ Stencil is a tool developers use to create Web Components with some powerful fea
 
 ## License
 
- - [MIT](https://raw.githubusercontent.com/ionic-team/stencil/master/LICENSE.md)
+ - [MIT](https://raw.githubusercontent.com/ionic-team/stencil/main/LICENSE.md)
 
 
 [npm-badge]: https://img.shields.io/npm/v/@stencil/core.svg
 [npm-badge-url]: https://www.npmjs.com/package/@stencil/core
 [npm-license]: https://img.shields.io/npm/l/@stencil/core.svg
-[npm-license-url]: https://github.com/ionic-team/stencil/blob/master/LICENSE
+[npm-license-url]: https://github.com/ionic-team/stencil/blob/main/LICENSE
 [circle-badge]: https://circleci.com/gh/ionic-team/stencil.svg?style=shield
 [circle-badge-url]: https://circleci.com/gh/ionic-team/stencil
 [browserstack-badge]: https://www.browserstack.com/automate/badge.svg?badge_key=WVNVbkRJdDBJQnBEMzZuWUdlMEZuTjlPUm9sOHZsSVNkUlJTRkJVQkx0ST0tLTFhbk5jRUNEVWxJL1J0SVR0WUFndnc9PQ==--90c84981a2ed2ede760ca48fbfc3fdd5b71d3e5e

package/screenshot/index.js

@@ -636,7 +636,7 @@ function createLocalCompareApp(namespace, appSrcUrl, imagesUrl, jsonpUrl, a, b)
   <meta http-equiv="x-ua-compatible" content="IE=Edge">
   <link href="${appSrcUrl}/build/app.css" rel="stylesheet">
   <script type="module" src="${appSrcUrl}/build/app.esm.js"></script>
-  <script nomodule src="${appSrcUrl}/build/app.js"></script>  
+  <script nomodule src="${appSrcUrl}/build/app.js"></script>
   <link rel="icon" type="image/x-icon" href="${appSrcUrl}/assets/favicon.ico">
 </head>
 <body>

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "2.8.1",
+  "version": "2.11.0-0",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",