@bodil/dom 0.1.5 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bodil/dom",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "DOM and web component tools",
   "homepage": "https://codeberg.org/bodil/dom",
   "repository": {

package/src/decorators/attribute.test.ts

@@ -9,14 +9,14 @@ import { html, nothing } from "lit";
 test("@attribute", async () => {
     @customElement("attribute-test-class")
     class AttributeTestClass extends Component {
-        @attribute({ reflect: true }) accessor wibble: string | undefined = "Joe";
+        @attribute accessor wibble: string | undefined = "Joe";
         @attribute({ type: Number, reflect: true }) accessor wobble: number | undefined = 1;
         @attribute({ type: Boolean, reflect: true }) accessor noMeansNo: boolean | undefined =
             false;
         @attribute({ name: "wolp", reactive: false, reflect: true }) accessor welp:
             | string
             | undefined = "Joe";
-        @attribute accessor hide: string | undefined = "no";
+        @attribute({ reflect: false }) accessor hide: string | undefined = "no";
     }
 
     const t = document.createElement("attribute-test-class") as AttributeTestClass;
@@ -85,18 +85,18 @@ test("@attribute getter/setter", async () => {
     @customElement("attribute-getter-test-class")
     class AttributeGetterTestClass extends Component {
         #value = "Mike";
-        @attributeGetter({ reflect: true }) get value(): string {
+        @attributeGetter get value(): string {
             return this.#value;
         }
-        @attributeSetter({ reflect: true }) set value(value: string) {
+        @attributeSetter set value(value: string) {
             this.#value = value;
         }
 
         #synced = "Mike";
-        @attributeGetter get synced(): string {
+        @attributeGetter({ reflect: false }) get synced(): string {
             return this.#synced;
         }
-        @attributeSetter set synced(value: string) {
+        @attributeSetter({ reflect: false }) set synced(value: string) {
             this.#synced = value;
         }
     }

package/src/decorators/attribute.ts

@@ -211,7 +211,7 @@ export function attribute<C extends Component, T extends string | number | boole
                 type: String,
                 property: context.name,
                 reactive: context.kind === "accessor",
-                reflect: false,
+                reflect: true,
                 name: toKebabCase(context.name),
             },
             ...((valueOrOptions as AttributeOptions) ?? {}),