cotomy 0.4.2 → 0.4.4

package/README.md

@@ -57,15 +57,16 @@ The View layer provides thin wrappers around DOM elements and window events.
   - `is(selector: string): boolean` — Parent-aware matching helper
   - `empty: boolean` — True for tags that cannot have children or have no content
 - Attributes, classes, styles
-  - `attribute(name)` / `attribute(name, value | null): this`
+  - `attribute(name)` / `attribute(name, value | null | undefined): this` — `null`/`undefined` removes the attribute
   - `hasAttribute(name): boolean`
   - `addClass(name): this` / `removeClass(name): this` / `toggleClass(name, force?): this` / `hasClass(name): boolean`
-  - `style(name)` / `style(name, value | null): this`
+  - `style(name)` / `style(name, value | null | undefined): this` — `null`/`undefined` removes the style
 - Content & value
   - `text: string` (get/set)
   - `html: string` (get/set)
   - `value: string` — Works for inputs; falls back to `data-cotomy-value` otherwise
   - `readonly: boolean` (get/set) — Uses native property if available, otherwise attribute
+  - `disabled: boolean` (get/set) — Uses native property if available (respects `fieldset[disabled]`), otherwise attribute
   - `enabled: boolean` (get/set) — Toggles `disabled` attribute
   - `setFocus(): void`
 - Tree traversal & manipulation

package/dist/browser/cotomy.js

@@ -1182,17 +1182,32 @@ class CotomyElement {
         }
         return false;
     }
-    get enabled() {
-        return !(this.element.hasAttribute("disabled") && this.element.getAttribute("disabled") !== null);
+    get disabled() {
+        if ("disabled" in this.element) {
+            if (this.match(":disabled"))
+                return true;
+            return this.element.disabled;
+        }
+        return this.element.hasAttribute("disabled");
     }
-    set enabled(value) {
+    set disabled(value) {
+        if ("disabled" in this.element) {
+            this.element.disabled = value;
+            return;
+        }
         if (value) {
-            this.element.removeAttribute("disabled");
+            this.attribute("disabled", "");
         }
         else {
-            this.element.setAttribute("disabled", "disabled");
+            this.attribute("disabled", null);
         }
     }
+    get enabled() {
+        return !this.disabled;
+    }
+    set enabled(value) {
+        this.disabled = !value;
+    }
     get invalidated() {
         return this.element.hasAttribute("data-cotomy-invalidated");
     }
@@ -1477,7 +1492,7 @@ class CotomyElement {
         if (arguments.length === 1) {
             return this.element.hasAttribute(name) ? this.element.getAttribute(name) : undefined;
         }
-        else if (value === null) {
+        else if (value == null) {
             this.element.removeAttribute(name);
             return this;
         }