wrec 0.35.4 → 0.36.1

package/dist/{wrec-BugZmj1G.js → wrec-CPzbCpSN.js}

@@ -252,7 +252,7 @@ function K(e, t, n) {
 }
 function q(e, t, n) {
 	let [r] = t.split(":");
-	e instanceof CSSStyleRule ? e.style.setProperty(r, n) : (K(e, r, n), r === "value" && V(e) && (e.value = n));
+	e instanceof CSSStyleRule ? e.style.getPropertyValue(r) !== n && e.style.setProperty(r, n) : (K(e, r, n), r === "value" && V(e) && e.value !== n && (e.value = n));
 }
 var J = (e) => typeof e == "string" ? [e] : e;
 async function Y(e) {
@@ -755,7 +755,12 @@ var X = class e extends m {
 		let r = typeof t;
 		r !== "string" && r !== "number" && this.#V(e, void 0, " computed content is not a string or number");
 		let i = String(t);
-		e instanceof HTMLElement && B(e) ? e.value = i : n && r === "string" && i.trim().startsWith("<") ? (e.innerHTML = d(i), this.#te(e), this.#M(e)) : n && (e.textContent = i);
+		if (e instanceof HTMLElement && B(e)) e.value !== i && (e.value = i);
+		else if (n && r === "string" && i.trim().startsWith("<")) {
+			let t = d(i);
+			if (e.innerHTML === t) return;
+			e.innerHTML = t, this.#te(e), this.#M(e);
+		} else n && e.textContent !== i && (e.textContent = i);
 	}
 	#J(e, t) {
 		let n = this.#c.get(e);

package/dist/wrec-ssr.es.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, r, t as i } from "./wrec-BugZmj1G.js";
+import { a as e, i as t, n, r, t as i } from "./wrec-CPzbCpSN.js";
 //#region \0rolldown/runtime.js
 var a = Object.defineProperty, o = Object.getOwnPropertyDescriptor, s = Object.getOwnPropertyNames, c = Object.prototype.hasOwnProperty, l = (e, t) => () => (e && (t = e(e = 0)), t), u = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), d = (e, t) => {
 	let n = {};

package/dist/wrec.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./wrec-BugZmj1G.js";
+import { a as e, i as t, n, r, t as i } from "./wrec-CPzbCpSN.js";
 export { i as Wrec, e as WrecState, n as createElement, r as css, t as html };

package/package.json

@@ -2,7 +2,7 @@
   "name": "wrec",
   "description": "a library that greatly simplifies building web components",
   "author": "R. Mark Volkmann",
-  "version": "0.35.4",
+  "version": "0.36.1",
   "license": "MIT",
   "repository": {
     "type": "git",

package/scripts/lint.js

@@ -842,7 +842,7 @@ function formatReport(
     findings.invalidUsedByReferences.length > 0 ||
     findings.invalidUseStateMaps.length > 0 ||
     findings.invalidValuesConfigurations.length > 0 ||
-    findings.missingFormAssociatedProperty.length > 0 ||
+    findings.missingRequiredMembers.length > 0 ||
     findings.missingTypeProperties.length > 0 ||
     findings.reservedProperties.length > 0 ||
     findings.typeErrors.length > 0 ||
@@ -985,9 +985,9 @@ function formatReport(
     );
   }
 
-  if (findings.missingFormAssociatedProperty.length > 0) {
-    lines.push('missing formAssociated property:');
-    findings.missingFormAssociatedProperty.forEach(message =>
+  if (findings.missingRequiredMembers.length > 0) {
+    lines.push('missing required members:');
+    findings.missingRequiredMembers.forEach(message =>
       lines.push(`  ${message}`)
     );
   }
@@ -1287,6 +1287,16 @@ function getTypeSyntaxText(sourceFile, expression) {
   return undefined;
 }
 
+// Returns whether a component class defines its own static html property.
+function hasStaticHtmlDefinition(classNode) {
+  for (const member of classNode.members) {
+    if (!hasStaticModifier(member)) continue;
+    if (!ts.isPropertyDeclaration(member)) continue;
+    if (getMemberName(member) === 'html') return true;
+  }
+  return false;
+}
+
 // Returns whether a token kind is one of the supported arithmetic operators.
 function isArithmeticOperator(kind) {
   return (
@@ -1329,6 +1339,27 @@ function isImportLikeDeclaration(node) {
   );
 }
 
+// Returns whether a type represents an object-like value other than an array.
+function isNonArrayObjectLikeType(checker, type) {
+  if (type.isUnion()) {
+    return type.types.every(member =>
+      isNonArrayObjectLikeType(checker, member)
+    );
+  }
+
+  if (type.isIntersection()) {
+    return type.types.every(member =>
+      isNonArrayObjectLikeType(checker, member)
+    );
+  }
+
+  return (
+    Boolean(type.flags & (ts.TypeFlags.Object | ts.TypeFlags.NonPrimitive)) &&
+    !checker.isArrayType(type) &&
+    !checker.isTupleType(type)
+  );
+}
+
 // Returns whether a type is fully numeric or any-like for arithmetic checks.
 function isNumericLikeType(type) {
   const parts = type.isUnion() ? type.types : [type];
@@ -1420,7 +1451,7 @@ export function lintSource(filePath, sourceText, options = {}) {
     invalidUsedByReferences: [],
     invalidUseStateMaps: [],
     invalidValuesConfigurations: [],
-    missingFormAssociatedProperty: [],
+    missingRequiredMembers: [],
     missingTypeProperties: [],
     reservedProperties,
     typeErrors: [],
@@ -1445,10 +1476,15 @@ export function lintSource(filePath, sourceText, options = {}) {
   }));
 
   if (allMethods.has('formAssociatedCallback') && !formAssociated) {
-    findings.missingFormAssociatedProperty.push(
+    findings.missingRequiredMembers.push(
       'formAssociatedCallback is defined, but static formAssociated is not true'
     );
   }
+  if (!hasStaticHtmlDefinition(classNode)) {
+    findings.missingRequiredMembers.push(
+      'static html property must be defined'
+    );
+  }
 
   const augmentedSource = buildAugmentedSource(
     sourceFile,
@@ -1528,7 +1564,7 @@ export function lintSource(filePath, sourceText, options = {}) {
   findings.invalidUsedByReferences.sort();
   findings.invalidUseStateMaps.sort();
   findings.invalidValuesConfigurations.sort();
-  findings.missingFormAssociatedProperty.sort();
+  findings.missingRequiredMembers.sort();
   findings.missingTypeProperties.sort();
   findings.reservedProperties.sort();
   findings.typeErrors.sort((a, b) => a.expression.localeCompare(b.expression));
@@ -1602,23 +1638,6 @@ function requiresContextFunction(symbol, sourceFile) {
   });
 }
 
-// Returns whether a type represents an object-like value other than an array.
-function isNonArrayObjectLikeType(checker, type) {
-  if (type.isUnion()) {
-    return type.types.every(member => isNonArrayObjectLikeType(checker, member));
-  }
-
-  if (type.isIntersection()) {
-    return type.types.every(member => isNonArrayObjectLikeType(checker, member));
-  }
-
-  return (
-    Boolean(type.flags & (ts.TypeFlags.Object | ts.TypeFlags.NonPrimitive)) &&
-    !checker.isArrayType(type) &&
-    !checker.isTupleType(type)
-  );
-}
-
 // Resolves a relative import path to an existing source file.
 function resolveImportPath(baseDir, importPath) {
   if (!importPath.startsWith('.')) return undefined;
@@ -1971,7 +1990,13 @@ function validatePropertyConfigs(
           'Boolean, Number, String, Object, or Array'
       );
     } else if (declaredTypeNode) {
-      if (!typeExpressionMatchesDeclaredType(checker, typeExpression, declaredTypeNode)) {
+      if (
+        !typeExpressionMatchesDeclaredType(
+          checker,
+          typeExpression,
+          declaredTypeNode
+        )
+      ) {
         findings.incompatibleDeclareTypes.push(
           `property "${propName}" declare type ` +
             `"${getPropertyTypeTextFromNode(sourceFile, declaredTypeNode)}" ` +