@blockquote-web-components/blockquote-base-style-helpers 1.0.2 → 1.0.4

package/index.js

@@ -2,7 +2,7 @@ export {
   setDocumentStyles,
   supportCustomStyleInterface,
   supportsAdoptingStyleSheets,
-  documentAdoptStyles,
+  adoptStyles,
 } from './src/setDocumentStyles.js';
 
 export { setComponentSharedStyles } from './src/setComponentSharedStyles.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockquote-web-components/blockquote-base-style-helpers",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Webcomponent blockquote-base-style-helpers following open-wc recommendations",
   "keywords": [
     "lit",
@@ -136,5 +136,5 @@
     "access": "public"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "4a14f74f572169c99989112aa5681940f4cde3aa"
+  "gitHead": "06f7e7928e79f9bb965a22f38bb6b74cfa0337a2"
 }

package/src/setDocumentStyles.js

@@ -2,24 +2,28 @@ import { supportsAdoptingStyleSheets /* adoptStyles */ } from 'lit';
 import '@blockquote/polymer/lib/elements/custom-style.js';
 
 export { supportsAdoptingStyleSheets /* adoptStyles */ } from 'lit';
+
 export const supportCustomStyleInterface =
-  window.ShadyCSS && /* c8 ignore next */ window.ShadyCSS.CustomStyleInterface;
+  /* c8 ignore next */
+  window.ShadyCSS && window.ShadyCSS.CustomStyleInterface && !window.ShadyCSS.nativeShadow;
 
-const renderDocumentRoot = supportsAdoptingStyleSheets
-  ? document
-  : /* c8 ignore next */ document.head;
+const renderDocumentRoot =
+  /* c8 ignore next */
+  supportsAdoptingStyleSheets ? document : document.head;
 
-export const documentAdoptStyles = (renderRoot, styles) => {
+export const adoptStyles = (renderRoot, styles) => {
   if (supportsAdoptingStyleSheets) {
+    // https://github.com/lit/lit/pull/3061
     // eslint-disable-next-line no-param-reassign
-    renderRoot.adoptedStyleSheets = renderRoot.adoptedStyleSheets.concat(
-      styles.map(s => (s instanceof CSSStyleSheet ? s : s.styleSheet)),
-    ); /* TODO PR css-tag.ts */
+    renderRoot.adoptedStyleSheets = [
+      ...renderRoot.adoptedStyleSheets,
+      ...styles.map(s => (s instanceof CSSStyleSheet ? s : s.styleSheet)),
+    ];
   } else {
     styles.forEach(s => {
       const style = document.createElement('style');
       // eslint-disable-next-line dot-notation
-      const nonce = window['litNonce']; /* original css-tag.ts const nonce = global['litNonce'] */
+      const nonce = window['litNonce'];
       if (nonce !== undefined) {
         style.setAttribute('nonce', nonce);
       }
@@ -41,5 +45,5 @@ const documentCustomStyle = s => {
 export const setDocumentStyles = styles => {
   supportCustomStyleInterface
     ? documentCustomStyle(styles)
-    : documentAdoptStyles(renderDocumentRoot, [styles]);
+    : adoptStyles(renderDocumentRoot, [styles]);
 };