@fluffjs/fluff 0.4.1 → 0.4.2

package/package.json

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

package/runtime/FluffBase.d.ts

@@ -60,6 +60,7 @@ export declare abstract class FluffBase extends HTMLElement {
     private static __expressionsReady;
     private static readonly __pendingInitCallbacks;
     static __setExpressionTable(expressions: ExpressionFn[], handlers: HandlerFn[], strings?: string[]): void;
+    static __decodeString(idx: number): string;
     static __decodeDep(dep: number | number[]): string | string[];
     static __decodeDeps(deps: (number | number[])[] | null): (string | string[])[] | undefined;
     static __decodeMarkerConfig(compact: CompactMarkerConfig): unknown;

package/runtime/FluffBase.js

@@ -37,6 +37,9 @@ export class FluffBase extends HTMLElement {
             callback();
         }
     }
+    static __decodeString(idx) {
+        return FluffBase.__s[idx];
+    }
     static __decodeDep(dep) {
         if (Array.isArray(dep)) {
             return dep.map(idx => FluffBase.__s[idx]);

package/runtime/FluffElementImpl.d.ts

@@ -22,7 +22,7 @@ export declare abstract class FluffElement extends FluffBase {
     protected __pipe(name: string, value: unknown, ...args: unknown[]): unknown;
     protected __getPipeFn(name: string): ((value: unknown, ...args: unknown[]) => unknown) | undefined;
     protected __getShadowRoot(): ShadowRoot;
-    protected __createProp<T>(name: string, options: T | {
+    protected __createProp<T>(nameOrIdx: string | number, options: T | {
         initialValue: T;
         [key: string]: unknown;
     }): Property<T>;

package/runtime/FluffElementImpl.js

@@ -101,7 +101,8 @@ export class FluffElement extends FluffBase {
     __getShadowRoot() {
         return this._shadowRoot;
     }
-    __createProp(name, options) {
+    __createProp(nameOrIdx, options) {
+        const name = typeof nameOrIdx === 'number' ? FluffBase.__decodeString(nameOrIdx) : nameOrIdx;
         const prop = new Property(options);
         Object.defineProperty(this, name, {
             get() {

package/utils/Property.js

@@ -174,11 +174,11 @@ export class Property {
         if (this.value === undefined)
             return;
         this.onChange.emit(this.value);
-        if (direction == Direction.Outbound) {
+        if (direction === Direction.Outbound) {
             this.onOutboundChange.emit(this.value);
         }
-        if (direction == Direction.Inbound) {
-            this.onOutboundChange.emit(this.value);
+        if (direction === Direction.Inbound) {
+            this.onInboundChange.emit(this.value);
         }
     }
     subscribe(direction, cb) {