snice 3.10.0 → 3.10.2

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 /*!
- * snice v3.9.0
+ * snice v3.10.1
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
@@ -1490,10 +1490,12 @@ function matchesKeyboardFilter(event, filter) {
  * ConditionalIfPart handles <if> conditional rendering
  * Removes/inserts DOM nodes based on condition
  */
+// Sentinel value to distinguish "not yet set" from undefined
+const NOT_SET = Symbol('not-set');
 class ConditionalIfPart extends Part {
     constructor(ifElement) {
         super();
-        this.value = undefined;
+        this.value = NOT_SET;
         this.fragment = null;
         this.ifElement = ifElement;
         this.ifElement.style.display = 'contents';
@@ -1535,7 +1537,7 @@ class ConditionalIfPart extends Part {
 class ConditionalCasePart extends Part {
     constructor(caseElement) {
         super();
-        this.value = undefined;
+        this.value = NOT_SET;
         this.childrenMap = new Map();
         this.fragments = new Map();
         this.defaultChild = null;
@@ -2576,6 +2578,10 @@ function valueToAttribute(value, propertyOptions, initialValue) {
     // Use explicit type or detect from initial value
     const typeToUse = propertyOptions.type || detectType(initialValue);
     switch (typeToUse) {
+        case Boolean:
+            // For boolean attributes, return "true" when true
+            // (false is already handled above - returns null to remove attribute)
+            return 'true';
         case Date:
             return value instanceof Date ? value.toISOString() : String(value);
         case BigInt:
@@ -2998,6 +3004,10 @@ function applyElementFunctionality(constructor) {
                             this[EXPLICITLY_SET_PROPERTIES] = new Set();
                         }
                         this[EXPLICITLY_SET_PROPERTIES].add(propName);
+                        // For boolean attributes, normalize to "true" if they're empty
+                        if (propOptions.type === Boolean && attrValue === '') {
+                            this.setAttribute(attributeName, 'true');
+                        }
                         this[propName] = parseAttributeValue(attrValue, propOptions);
                     }
                 }