@torpor/view 0.4.4 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @torpor/view
 
+## 0.4.5
+
+### Patch Changes
+
+- 39a4b1f: Fix: scoping class attributes with multiple values
+
 ## 0.4.4
 
 ### Patch Changes

package/dist/compile.cjs

@@ -3363,16 +3363,14 @@ function scopeStyles(status) {
 	}
 }
 function scopeStylesOnNode(node, selectors) {
-	if (isElementNode(node) || isComponentNode(node)) {
-		let scopeStyles$1 = selectors.includes(node.tagName);
-		if (!scopeStyles$1) for (let a of node.attributes) {
-			if (a.name === "class" && a.reactive) scopeStyles$1 = true;
-			else if (a.name === "id" && a.value) scopeStyles$1 = selectors.includes(`#${trimQuotes(a.value)}`);
-			else if (a.name === "class" && a.value) scopeStyles$1 = selectors.includes(`.${trimQuotes(a.value)}`);
-			if (scopeStyles$1) break;
-		}
-		node.scopeStyles = scopeStyles$1;
-	}
+	if (isElementNode(node) || isComponentNode(node)) node.scopeStyles = selectors.includes(node.tagName) || node.attributes.find((a) => {
+		if (a.name === "class" && a.reactive) return true;
+		else if (a.name === "id" && a.value) {
+			if (selectors.includes(`#${trimQuotes(a.value)}`)) return true;
+		} else if (a.name === "class" && a.value) {
+			for (let classname of trimQuotes(a.value).split(/\s+/)) if (selectors.includes(`.${classname}`)) return true;
+		}
+	}) !== void 0;
 	if (isParentNode(node)) for (let child of node.children) scopeStylesOnNode(child, selectors);
 }
 function collectStyleSelectors(block, selectors) {