shadow-css-YOETQ6TH.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. import "./chunk-S5KM4IGW.js";
  2. // node_modules/@stencil/core/internal/client/shadow-css.js
  3. var safeSelector = (selector) => {
  4. const placeholders = [];
  5. let index = 0;
  6. selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
  7. const replaceBy = `__ph-${index}__`;
  8. placeholders.push(keep);
  9. index++;
  10. return replaceBy;
  11. });
  12. const content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
  13. const replaceBy = `__ph-${index}__`;
  14. placeholders.push(exp);
  15. index++;
  16. return pseudo + replaceBy;
  17. });
  18. const ss = {
  19. content,
  20. placeholders
  21. };
  22. return ss;
  23. };
  24. var restoreSafeSelector = (placeholders, content) => {
  25. return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
  26. };
  27. var _polyfillHost = "-shadowcsshost";
  28. var _polyfillSlotted = "-shadowcssslotted";
  29. var _polyfillHostContext = "-shadowcsscontext";
  30. var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
  31. var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
  32. var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
  33. var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
  34. var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
  35. var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
  36. var _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
  37. var _selectorReSuffix = "([>\\s~+[.,{:][\\s\\S]*)?$";
  38. var _polyfillHostRe = /-shadowcsshost/gim;
  39. var _colonHostRe = /:host/gim;
  40. var _colonSlottedRe = /::slotted/gim;
  41. var _colonHostContextRe = /:host-context/gim;
  42. var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
  43. var stripComments = (input) => {
  44. return input.replace(_commentRe, "");
  45. };
  46. var _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
  47. var extractCommentsWithHash = (input) => {
  48. return input.match(_commentWithHashRe) || [];
  49. };
  50. var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
  51. var _curlyRe = /([{}])/g;
  52. var _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
  53. var OPEN_CURLY = "{";
  54. var CLOSE_CURLY = "}";
  55. var BLOCK_PLACEHOLDER = "%BLOCK%";
  56. var processRules = (input, ruleCallback) => {
  57. const inputWithEscapedBlocks = escapeBlocks(input);
  58. let nextBlockIndex = 0;
  59. return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
  60. const selector = m[2];
  61. let content = "";
  62. let suffix = m[4];
  63. let contentPrefix = "";
  64. if (suffix && suffix.startsWith("{" + BLOCK_PLACEHOLDER)) {
  65. content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
  66. suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
  67. contentPrefix = "{";
  68. }
  69. const cssRule = {
  70. selector,
  71. content
  72. };
  73. const rule = ruleCallback(cssRule);
  74. return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
  75. });
  76. };
  77. var escapeBlocks = (input) => {
  78. const inputParts = input.split(_curlyRe);
  79. const resultParts = [];
  80. const escapedBlocks = [];
  81. let bracketCount = 0;
  82. let currentBlockParts = [];
  83. for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
  84. const part = inputParts[partIndex];
  85. if (part === CLOSE_CURLY) {
  86. bracketCount--;
  87. }
  88. if (bracketCount > 0) {
  89. currentBlockParts.push(part);
  90. } else {
  91. if (currentBlockParts.length > 0) {
  92. escapedBlocks.push(currentBlockParts.join(""));
  93. resultParts.push(BLOCK_PLACEHOLDER);
  94. currentBlockParts = [];
  95. }
  96. resultParts.push(part);
  97. }
  98. if (part === OPEN_CURLY) {
  99. bracketCount++;
  100. }
  101. }
  102. if (currentBlockParts.length > 0) {
  103. escapedBlocks.push(currentBlockParts.join(""));
  104. resultParts.push(BLOCK_PLACEHOLDER);
  105. }
  106. const strEscapedBlocks = {
  107. escapedString: resultParts.join(""),
  108. blocks: escapedBlocks
  109. };
  110. return strEscapedBlocks;
  111. };
  112. var insertPolyfillHostInCssText = (selector) => {
  113. selector = selector.replace(_colonHostContextRe, _polyfillHostContext).replace(_colonHostRe, _polyfillHost).replace(_colonSlottedRe, _polyfillSlotted);
  114. return selector;
  115. };
  116. var convertColonRule = (cssText, regExp, partReplacer) => {
  117. return cssText.replace(regExp, (...m) => {
  118. if (m[2]) {
  119. const parts = m[2].split(",");
  120. const r = [];
  121. for (let i = 0; i < parts.length; i++) {
  122. const p = parts[i].trim();
  123. if (!p)
  124. break;
  125. r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
  126. }
  127. return r.join(",");
  128. } else {
  129. return _polyfillHostNoCombinator + m[3];
  130. }
  131. });
  132. };
  133. var colonHostPartReplacer = (host, part, suffix) => {
  134. return host + part.replace(_polyfillHost, "") + suffix;
  135. };
  136. var convertColonHost = (cssText) => {
  137. return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
  138. };
  139. var colonHostContextPartReplacer = (host, part, suffix) => {
  140. if (part.indexOf(_polyfillHost) > -1) {
  141. return colonHostPartReplacer(host, part, suffix);
  142. } else {
  143. return host + part + suffix + ", " + part + " " + host + suffix;
  144. }
  145. };
  146. var convertColonSlotted = (cssText, slotScopeId) => {
  147. const slotClass = "." + slotScopeId + " > ";
  148. const selectors = [];
  149. cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
  150. if (m[2]) {
  151. const compound = m[2].trim();
  152. const suffix = m[3];
  153. const slottedSelector = slotClass + compound + suffix;
  154. let prefixSelector = "";
  155. for (let i = m[4] - 1; i >= 0; i--) {
  156. const char = m[5][i];
  157. if (char === "}" || char === ",") {
  158. break;
  159. }
  160. prefixSelector = char + prefixSelector;
  161. }
  162. const orgSelector = prefixSelector + slottedSelector;
  163. const addedSelector = `${prefixSelector.trimRight()}${slottedSelector.trim()}`;
  164. if (orgSelector.trim() !== addedSelector.trim()) {
  165. const updatedSelector = `${addedSelector}, ${orgSelector}`;
  166. selectors.push({
  167. orgSelector,
  168. updatedSelector
  169. });
  170. }
  171. return slottedSelector;
  172. } else {
  173. return _polyfillHostNoCombinator + m[3];
  174. }
  175. });
  176. return {
  177. selectors,
  178. cssText
  179. };
  180. };
  181. var convertColonHostContext = (cssText) => {
  182. return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
  183. };
  184. var convertShadowDOMSelectors = (cssText) => {
  185. return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, " "), cssText);
  186. };
  187. var makeScopeMatcher = (scopeSelector2) => {
  188. const lre = /\[/g;
  189. const rre = /\]/g;
  190. scopeSelector2 = scopeSelector2.replace(lre, "\\[").replace(rre, "\\]");
  191. return new RegExp("^(" + scopeSelector2 + ")" + _selectorReSuffix, "m");
  192. };
  193. var selectorNeedsScoping = (selector, scopeSelector2) => {
  194. const re = makeScopeMatcher(scopeSelector2);
  195. return !re.test(selector);
  196. };
  197. var injectScopingSelector = (selector, scopingSelector) => {
  198. return selector.replace(_selectorPartsRe, (_, before = "", _colonGroup, colon = "", after = "") => {
  199. return before + scopingSelector + colon + after;
  200. });
  201. };
  202. var applySimpleSelectorScope = (selector, scopeSelector2, hostSelector) => {
  203. _polyfillHostRe.lastIndex = 0;
  204. if (_polyfillHostRe.test(selector)) {
  205. const replaceBy = `.${hostSelector}`;
  206. return selector.replace(_polyfillHostNoCombinatorRe, (_, selector2) => injectScopingSelector(selector2, replaceBy)).replace(_polyfillHostRe, replaceBy + " ");
  207. }
  208. return scopeSelector2 + " " + selector;
  209. };
  210. var applyStrictSelectorScope = (selector, scopeSelector2, hostSelector) => {
  211. const isRe = /\[is=([^\]]*)\]/g;
  212. scopeSelector2 = scopeSelector2.replace(isRe, (_, ...parts) => parts[0]);
  213. const className = "." + scopeSelector2;
  214. const _scopeSelectorPart = (p) => {
  215. let scopedP = p.trim();
  216. if (!scopedP) {
  217. return "";
  218. }
  219. if (p.indexOf(_polyfillHostNoCombinator) > -1) {
  220. scopedP = applySimpleSelectorScope(p, scopeSelector2, hostSelector);
  221. } else {
  222. const t = p.replace(_polyfillHostRe, "");
  223. if (t.length > 0) {
  224. scopedP = injectScopingSelector(t, className);
  225. }
  226. }
  227. return scopedP;
  228. };
  229. const safeContent = safeSelector(selector);
  230. selector = safeContent.content;
  231. let scopedSelector = "";
  232. let startIndex = 0;
  233. let res;
  234. const sep = /( |>|\+|~(?!=))\s*/g;
  235. const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
  236. let shouldScope = !hasHost;
  237. while ((res = sep.exec(selector)) !== null) {
  238. const separator = res[1];
  239. const part2 = selector.slice(startIndex, res.index).trim();
  240. shouldScope = shouldScope || part2.indexOf(_polyfillHostNoCombinator) > -1;
  241. const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
  242. scopedSelector += `${scopedPart} ${separator} `;
  243. startIndex = sep.lastIndex;
  244. }
  245. const part = selector.substring(startIndex);
  246. shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
  247. scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
  248. return restoreSafeSelector(safeContent.placeholders, scopedSelector);
  249. };
  250. var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
  251. return selector.split(",").map((shallowPart) => {
  252. if (slotSelector && shallowPart.indexOf("." + slotSelector) > -1) {
  253. return shallowPart.trim();
  254. }
  255. if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
  256. return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
  257. } else {
  258. return shallowPart.trim();
  259. }
  260. }).join(", ");
  261. };
  262. var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
  263. return processRules(cssText, (rule) => {
  264. let selector = rule.selector;
  265. let content = rule.content;
  266. if (rule.selector[0] !== "@") {
  267. selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
  268. } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
  269. content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
  270. }
  271. const cssRule = {
  272. selector: selector.replace(/\s{2,}/g, " ").trim(),
  273. content
  274. };
  275. return cssRule;
  276. });
  277. };
  278. var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) => {
  279. cssText = insertPolyfillHostInCssText(cssText);
  280. cssText = convertColonHost(cssText);
  281. cssText = convertColonHostContext(cssText);
  282. const slotted = convertColonSlotted(cssText, slotScopeId);
  283. cssText = slotted.cssText;
  284. cssText = convertShadowDOMSelectors(cssText);
  285. if (scopeId) {
  286. cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
  287. }
  288. cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
  289. cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ");
  290. return {
  291. cssText: cssText.trim(),
  292. slottedSelectors: slotted.selectors
  293. };
  294. };
  295. var scopeCss = (cssText, scopeId, commentOriginalSelector) => {
  296. const hostScopeId = scopeId + "-h";
  297. const slotScopeId = scopeId + "-s";
  298. const commentsWithHash = extractCommentsWithHash(cssText);
  299. cssText = stripComments(cssText);
  300. const orgSelectors = [];
  301. if (commentOriginalSelector) {
  302. const processCommentedSelector = (rule) => {
  303. const placeholder = `/*!@___${orgSelectors.length}___*/`;
  304. const comment = `/*!@${rule.selector}*/`;
  305. orgSelectors.push({ placeholder, comment });
  306. rule.selector = placeholder + rule.selector;
  307. return rule;
  308. };
  309. cssText = processRules(cssText, (rule) => {
  310. if (rule.selector[0] !== "@") {
  311. return processCommentedSelector(rule);
  312. } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
  313. rule.content = processRules(rule.content, processCommentedSelector);
  314. return rule;
  315. }
  316. return rule;
  317. });
  318. }
  319. const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
  320. cssText = [scoped.cssText, ...commentsWithHash].join("\n");
  321. if (commentOriginalSelector) {
  322. orgSelectors.forEach(({ placeholder, comment }) => {
  323. cssText = cssText.replace(placeholder, comment);
  324. });
  325. }
  326. scoped.slottedSelectors.forEach((slottedSelector) => {
  327. cssText = cssText.replace(slottedSelector.orgSelector, slottedSelector.updatedSelector);
  328. });
  329. return cssText;
  330. };
  331. export {
  332. scopeCss
  333. };
  334. /**
  335. * @license
  336. * Copyright Google Inc. All Rights Reserved.
  337. *
  338. * Use of this source code is governed by an MIT-style license that can be
  339. * found in the LICENSE file at https://angular.io/license
  340. *
  341. * This file is a port of shadowCSS from webcomponents.js to TypeScript.
  342. * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
  343. * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
  344. */
  345. //# sourceMappingURL=shadow-css-YOETQ6TH.js.map