@torpor/view 0.1.3 → 0.1.5

package/dist/compile.js

@@ -2057,16 +2057,20 @@ function buildStyles(style, styleHash) {
 }
 var globalStyleRegex = /\:global\((.+)\)/;
 function buildStyleBlock(block, b, styleHash) {
-  const selectors = block.selector.split(/([\s*,>+~])/).filter((s) => !!s.trim()).map((s) => {
-    if (s.length === 1 && "*,>+~".includes(s)) {
-      return s;
-    } else if (globalStyleRegex.test(s)) {
-      return s.match(globalStyleRegex)[1];
-    } else {
-      return `${s}.torp-${styleHash}`;
-    }
-  });
-  b.append(`${selectors.join(" ")} {`);
+  if (block.selector.startsWith("@")) {
+    b.append(`${block.selector} {`);
+  } else {
+    const selectors = block.selector.split(/([\s*,>+~])/).filter((s) => !!s.trim()).map((s) => {
+      if (s.length === 1 && "*,>+~".includes(s)) {
+        return s;
+      } else if (globalStyleRegex.test(s)) {
+        return s.match(globalStyleRegex)[1];
+      } else {
+        return `${s}.torp-${styleHash}`;
+      }
+    });
+    b.append(`${selectors.join(" ")} {`);
+  }
   for (let attribute of block.attributes) {
     buildStyleAttribute(attribute, b);
   }
@@ -3640,6 +3644,11 @@ function parseStyleAttribute(status) {
   };
 }
 
+// src/compile/types/nodes/isComponentNode.ts
+function isComponentNode(node) {
+  return node.type === "component";
+}
+
 // src/compile/types/nodes/isParentNode.ts
 function isParentNode(node) {
   return "children" in node;
@@ -3658,7 +3667,7 @@ function scopeStyles(status) {
   }
 }
 function scopeStylesOnNode(node, selectors) {
-  if (isElementNode(node)) {
+  if (isElementNode(node) || isComponentNode(node)) {
     let scopeStyles2 = selectors.includes(node.tagName);
     if (!scopeStyles2) {
       for (let a of node.attributes) {