@fluffjs/fluff 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluffjs/fluff",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",

package/{runtime → src/runtime}/FluffBase.d.ts

@@ -25,10 +25,10 @@ export declare abstract class FluffBase extends HTMLElement {
     __loopContext: Record<string, unknown>;
     protected __baseSubscriptions: Subscription[];
     __getScope(): Scope;
-    protected __processBindingsOnElement(el: HTMLElement, scope: Scope, subscriptions?: Subscription[]): void;
+    protected __processBindingsOnElement(el: Element, scope: Scope, subscriptions?: Subscription[]): void;
     private __getBindingsForLid;
     private __isBindingsMap;
-    protected __applyBindingWithScope(el: HTMLElement, binding: BindingInfo, scope: Scope, subscriptions?: Subscription[]): void;
+    protected __applyBindingWithScope(el: Element, binding: BindingInfo, scope: Scope, subscriptions?: Subscription[]): void;
     protected __getCompiledExprFn(exprId: number): ExpressionFn;
     protected __getCompiledHandlerFn(handlerId: number): HandlerFn;
     protected __applyPipes(value: unknown, pipes: {
@@ -49,4 +49,5 @@ export declare abstract class FluffBase extends HTMLElement {
     private __applyTwoWayBindingWithScope;
     private __applyClassBindingWithScope;
     private __applyStyleBindingWithScope;
+    private __hasStyle;
 }

package/{runtime → src/runtime}/FluffBase.js

@@ -1,4 +1,3 @@
-import { DomUtils } from '../utils/DomUtils.js';
 import { Property } from '../utils/Property.js';
 import { Publisher } from '../utils/Publisher.js';
 export class FluffBase extends HTMLElement {
@@ -221,14 +220,7 @@ export class FluffBase extends HTMLElement {
         if (prop instanceof Property) {
             prop.setValue(value, true);
         }
-        else if (DomUtils.isCustomElement(el)) {
-            this.__whenDefined(el.tagName.toLowerCase(), () => {
-                if (el instanceof FluffBase) {
-                    Reflect.set(el, propName, value);
-                }
-            });
-        }
-        else if (propName in el) {
+        else if (propName in el && el instanceof HTMLElement) {
             Reflect.set(el, propName, value);
         }
         else {
@@ -374,7 +366,9 @@ export class FluffBase extends HTMLElement {
                 }
                 const fn = this.__getCompiledExprFn(binding.e);
                 const value = fn(this, scope.locals);
-                el.style.setProperty(binding.n, String(value));
+                if (this.__hasStyle(el)) {
+                    el.style.setProperty(binding.n, String(value));
+                }
             }
             catch (e) {
                 console.error('Style binding error:', e);
@@ -383,4 +377,7 @@ export class FluffBase extends HTMLElement {
         this.__subscribeToExpressionInScope(binding.d, scope, update, subscriptions);
         update();
     }
+    __hasStyle(el) {
+        return 'style' in el;
+    }
 }

package/{runtime → src/runtime}/FluffElementImpl.d.ts

@@ -16,7 +16,7 @@ export declare abstract class FluffElement extends FluffBase {
     connectedCallback(): void;
     disconnectedCallback(): void;
     $watch: (_properties: string[], callback: (changed: string) => void) => Subscription;
-    __processBindingsOnElementPublic(el: HTMLElement, scope: Scope, subscriptions?: Subscription[]): void;
+    __processBindingsOnElementPublic(el: Element, scope: Scope, subscriptions?: Subscription[]): void;
     protected abstract __render(): void;
     protected __setupBindings(): void;
     protected __addSubscription(sub: Subscription): void;

package/{runtime → src/runtime}/FluffElementImpl.js

@@ -200,16 +200,7 @@ export class FluffElement extends FluffBase {
                 return;
             }
         }
-        const prop = Reflect.get(el, propName);
-        if (prop instanceof Property) {
-            prop.setValue(value, true);
-        }
-        else if (propName in el) {
-            Reflect.set(el, propName, value);
-        }
-        else {
-            el.setAttribute(propName, String(value));
-        }
+        super.__setChildProperty(el, propName, value);
     }
     __bindToChild(id, propName, value) {
         const el = this.__getElement(id);
@@ -272,9 +263,7 @@ export class FluffElement extends FluffBase {
             const closestComponent = el.closest('[x-fluff-component]');
             if (closestComponent && closestComponent !== el)
                 continue;
-            if (el instanceof HTMLElement) {
-                this.__processBindingsOnElement(el, scope);
-            }
+            this.__processBindingsOnElement(el, scope);
         }
     }
     __applyPendingProps() {

package/decorators/InputProperty.d.ts

@@ -1 +0,0 @@
-export declare function InputProperty(): PropertyDecorator;

package/decorators/InputProperty.js

@@ -1,4 +0,0 @@
-export function InputProperty() {
-    return (_target, _propertyKey) => {
-    };
-}