@torpor/view 0.4.3 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @torpor/view
 
+## 0.4.5
+
+### Patch Changes
+
+- 39a4b1f: Fix: scoping class attributes with multiple values
+
+## 0.4.4
+
+### Patch Changes
+
+- 84b5b9e: Fix: for var names before commas
+
 ## 0.4.3
 
 ### Patch Changes

package/dist/compile.cjs

@@ -682,7 +682,7 @@ function printDebug(varName, status, b) {}
 * Variables used within a for loop need to be retrieved from the loop data.
 */
 function replaceForVarNames(value, status) {
-	for (let varName of status.forVarNames) value = value.replaceAll(new RegExp(`(^|\\s|\\(|\\[|\\{|!)${varName[0]}($|\\s|\\.|\\(|\\)|\\[|\\]|\\}|;)`, "g"), `$1${varName[1]}$2`);
+	for (let varName of status.forVarNames) value = value.replaceAll(new RegExp(`(^|\\s|\\(|\\[|\\{|!)${varName[0]}($|\\s|\\.|,|\\(|\\)|\\[|\\]|\\}|;)`, "g"), `$1${varName[1]}$2`);
 	return value;
 }
 
@@ -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) {