@ibyar/core 0.8.5 → 1.0.0

package/binding/binding.expressions.js

@@ -1,136 +1,149 @@
-var OneWayAssignmentExpression_1, TwoWayAssignmentExpression_1;
-import { __decorate, __metadata } from "tslib";
-import { InfixExpressionNode, findReactiveScopeByEventMap, Scope, MemberExpression, Deserializer } from '@ibyar/expressions';
+import { __esDecorate, __runInitializers } from "tslib";
+import { InfixExpressionNode, findReactiveScopeByEventMap, Scope, Deserializer } from '@ibyar/expressions';
 import { createSubscriptionDestroyer } from '../context/subscription.js';
 import { isOnDestroy } from '../component/lifecycle.js';
 import { AsyncPipeProvider, AsyncPipeScope, PipeProvider } from '../pipe/pipe.js';
-let OneWayAssignmentExpression = OneWayAssignmentExpression_1 = class OneWayAssignmentExpression extends InfixExpressionNode {
-    static fromJSON(node, deserializer) {
-        return new OneWayAssignmentExpression_1(deserializer(node.left), deserializer(node.right));
-    }
-    static visit(node, visitNode) {
-        visitNode(node.left);
-        visitNode(node.right);
-    }
-    constructor(left, right) {
-        super('=:', left, right);
-        this.rightEvents = this.right.events();
-    }
-    set(stack, value) {
-        return this.left.set(stack, value);
-    }
-    get(stack) {
-        const rv = this.right.get(stack);
-        this.set(stack, rv);
-        return rv;
-    }
-    subscribe(stack, pipelineNames) {
-        const subscriptions = [];
-        if (pipelineNames?.length) {
-            const syncPipeScope = Scope.blockScope();
-            const asyncPipeScope = AsyncPipeScope.blockScope();
-            let hasAsync = false, hasSync = false;
-            pipelineNames.forEach(pipelineName => {
-                const scope = stack.findScope(pipelineName);
-                const pipe = scope.get(pipelineName);
-                if (scope instanceof AsyncPipeProvider) {
-                    hasAsync = true;
-                    asyncPipeScope.set(pipelineName, pipe);
-                    if (isOnDestroy(pipe.prototype)) {
-                        subscriptions.push(createSubscriptionDestroyer(() => asyncPipeScope.unsubscribe(pipelineName)));
+export let OneWayAssignmentExpression = (() => {
+    let _classDecorators = [Deserializer('OneWayAssignment')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var OneWayAssignmentExpression = class extends InfixExpressionNode {
+        static {
+            __esDecorate(null, _classDescriptor = { value: this }, _classDecorators, { kind: "class", name: this.name }, null, _classExtraInitializers);
+            OneWayAssignmentExpression = _classThis = _classDescriptor.value;
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        static fromJSON(node, deserializer) {
+            return new OneWayAssignmentExpression(deserializer(node.left), deserializer(node.right));
+        }
+        static visit(node, visitNode) {
+            visitNode(node.left);
+            visitNode(node.right);
+        }
+        rightEvents = this.right.events();
+        constructor(left, right) {
+            super('=:', left, right);
+        }
+        set(stack, value) {
+            return this.left.set(stack, value);
+        }
+        get(stack) {
+            const rv = this.right.get(stack);
+            this.set(stack, rv);
+            return rv;
+        }
+        subscribe(stack, pipelineNames) {
+            const subscriptions = [];
+            if (pipelineNames?.length) {
+                const syncPipeScope = Scope.blockScope();
+                const asyncPipeScope = AsyncPipeScope.blockScope();
+                let hasAsync = false, hasSync = false;
+                pipelineNames.forEach(pipelineName => {
+                    const scope = stack.findScope(pipelineName);
+                    const pipe = scope.get(pipelineName);
+                    if (scope instanceof AsyncPipeProvider) {
+                        hasAsync = true;
+                        asyncPipeScope.set(pipelineName, pipe);
+                        if (isOnDestroy(pipe.prototype)) {
+                            subscriptions.push(createSubscriptionDestroyer(() => asyncPipeScope.unsubscribe(pipelineName)));
+                        }
                     }
-                }
-                else if (scope instanceof PipeProvider) {
-                    hasSync = true;
-                    syncPipeScope.set(pipelineName, pipe);
-                }
+                    else if (scope instanceof PipeProvider) {
+                        hasSync = true;
+                        syncPipeScope.set(pipelineName, pipe);
+                    }
+                });
+                hasSync && stack.pushScope(syncPipeScope);
+                hasAsync && stack.pushScope(asyncPipeScope);
+            }
+            const tuples = findReactiveScopeByEventMap(this.rightEvents, stack);
+            const callback = () => this.get(stack);
+            tuples.forEach(tuple => {
+                const subscription = tuple[1].subscribe(tuple[0], callback);
+                subscriptions.push(subscription);
             });
-            hasSync && stack.pushScope(syncPipeScope);
-            hasAsync && stack.pushScope(asyncPipeScope);
-        }
-        const tuples = findReactiveScopeByEventMap(this.rightEvents, stack);
-        const callback = () => this.get(stack);
-        tuples.forEach(tuple => {
-            const subscription = tuple[1].subscribe(tuple[0], callback);
-            subscriptions.push(subscription);
-        });
-        return subscriptions;
-    }
-};
-OneWayAssignmentExpression = OneWayAssignmentExpression_1 = __decorate([
-    Deserializer('OneWayAssignment'),
-    __metadata("design:paramtypes", [MemberExpression, Object])
-], OneWayAssignmentExpression);
-export { OneWayAssignmentExpression };
+            return subscriptions;
+        }
+    };
+    return OneWayAssignmentExpression = _classThis;
+})();
 /**
  * the default behavior is assign the right hand side to the left hand side.
  *
  *
  */
-let TwoWayAssignmentExpression = TwoWayAssignmentExpression_1 = class TwoWayAssignmentExpression extends InfixExpressionNode {
-    static fromJSON(node, deserializer) {
-        return new TwoWayAssignmentExpression_1(deserializer(node.left), deserializer(node.right));
-    }
-    static visit(node, visitNode) {
-        visitNode(node.left);
-        visitNode(node.right);
-    }
-    constructor(left, right) {
-        super('=::', left, right);
-        this.rightEvents = this.right.events();
-        this.leftEvents = this.left.events();
-    }
-    set(stack, value) {
-        return this.setRTL(stack, value);
-    }
-    get(stack) {
-        return this.getRTL(stack);
-    }
-    setRTL(stack, value) {
-        return this.left.set(stack, value);
-    }
-    getRTL(stack) {
-        const rv = this.right.get(stack);
-        this.setRTL(stack, rv);
-        return rv;
-    }
-    actionRTL(stack) {
-        return () => this.getRTL(stack);
-    }
-    setLTR(stack, value) {
-        return this.right.set(stack, value);
-    }
-    getLTR(stack) {
-        const lv = this.left.get(stack);
-        this.setLTR(stack, lv);
-        return lv;
-    }
-    actionLTR(stack) {
-        return () => this.getLTR(stack);
-    }
-    subscribeToEvents(stack, tuples, actionCallback) {
-        const subscriptions = [];
-        tuples.forEach(tuple => {
-            const subscription = tuple[1].subscribe(tuple[0], actionCallback);
-            subscriptions.push(subscription);
-        });
-        return subscriptions;
-    }
-    subscribe(stack) {
-        // right to left
-        const rightTuples = findReactiveScopeByEventMap(this.rightEvents, stack);
-        const rtlAction = this.actionRTL(stack);
-        const rtlSubscriptions = this.subscribeToEvents(stack, rightTuples, rtlAction);
-        // left to right 
-        const leftTuples = findReactiveScopeByEventMap(this.leftEvents, stack);
-        const ltrAction = this.actionLTR(stack);
-        const ltrSubscriptions = this.subscribeToEvents(stack, leftTuples, ltrAction);
-        return rtlSubscriptions.concat(ltrSubscriptions);
-    }
-};
-TwoWayAssignmentExpression = TwoWayAssignmentExpression_1 = __decorate([
-    Deserializer('TwoWayAssignment'),
-    __metadata("design:paramtypes", [MemberExpression, Object])
-], TwoWayAssignmentExpression);
-export { TwoWayAssignmentExpression };
+export let TwoWayAssignmentExpression = (() => {
+    let _classDecorators_1 = [Deserializer('TwoWayAssignment')];
+    let _classDescriptor_1;
+    let _classExtraInitializers_1 = [];
+    let _classThis_1;
+    var TwoWayAssignmentExpression = class extends InfixExpressionNode {
+        static {
+            __esDecorate(null, _classDescriptor_1 = { value: this }, _classDecorators_1, { kind: "class", name: this.name }, null, _classExtraInitializers_1);
+            TwoWayAssignmentExpression = _classThis_1 = _classDescriptor_1.value;
+            __runInitializers(_classThis_1, _classExtraInitializers_1);
+        }
+        static fromJSON(node, deserializer) {
+            return new TwoWayAssignmentExpression(deserializer(node.left), deserializer(node.right));
+        }
+        static visit(node, visitNode) {
+            visitNode(node.left);
+            visitNode(node.right);
+        }
+        rightEvents = this.right.events();
+        leftEvents = this.left.events();
+        constructor(left, right) {
+            super('=::', left, right);
+        }
+        set(stack, value) {
+            return this.setRTL(stack, value);
+        }
+        get(stack) {
+            return this.getRTL(stack);
+        }
+        setRTL(stack, value) {
+            return this.left.set(stack, value);
+        }
+        getRTL(stack) {
+            const rv = this.right.get(stack);
+            this.setRTL(stack, rv);
+            return rv;
+        }
+        actionRTL(stack) {
+            return () => this.getRTL(stack);
+        }
+        setLTR(stack, value) {
+            return this.right.set(stack, value);
+        }
+        getLTR(stack) {
+            const lv = this.left.get(stack);
+            this.setLTR(stack, lv);
+            return lv;
+        }
+        actionLTR(stack) {
+            return () => this.getLTR(stack);
+        }
+        subscribeToEvents(stack, tuples, actionCallback) {
+            const subscriptions = [];
+            tuples.forEach(tuple => {
+                const subscription = tuple[1].subscribe(tuple[0], actionCallback);
+                subscriptions.push(subscription);
+            });
+            return subscriptions;
+        }
+        subscribe(stack) {
+            // right to left
+            const rightTuples = findReactiveScopeByEventMap(this.rightEvents, stack);
+            const rtlAction = this.actionRTL(stack);
+            const rtlSubscriptions = this.subscribeToEvents(stack, rightTuples, rtlAction);
+            // left to right 
+            const leftTuples = findReactiveScopeByEventMap(this.leftEvents, stack);
+            const ltrAction = this.actionLTR(stack);
+            const ltrSubscriptions = this.subscribeToEvents(stack, leftTuples, ltrAction);
+            return rtlSubscriptions.concat(ltrSubscriptions);
+        }
+    };
+    return TwoWayAssignmentExpression = _classThis_1;
+})();
 //# sourceMappingURL=binding.expressions.js.map

package/binding/binding.expressions.js.map

@@ -1 +1 @@
-{"version":3,"file":"binding.expressions.js","sourceRoot":"","sources":["../../../src/core/binding/binding.expressions.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tExpressionNode, InfixExpressionNode, ScopeSubscription,\n\tStack, findReactiveScopeByEventMap, ReactiveScope,\n\tContext, ValueChangedCallback, Scope,\n\tMemberExpression, Identifier, Deserializer,\n\tVisitNodeType, NodeDeserializer\n} from '@ibyar/expressions';\nimport { createSubscriptionDestroyer } from '../context/subscription.js';\nimport { isOnDestroy } from '../component/lifecycle.js';\nimport { AsyncPipeProvider, AsyncPipeScope, PipeProvider } from '../pipe/pipe.js';\n\ntype OneWayOperator = '=:';\ntype TwoWayOperator = '=::';\ntype BindingOperators = OneWayOperator | TwoWayOperator;\n\nexport interface BindingAssignment extends InfixExpressionNode<BindingOperators> {\n\tsubscribe(stack: Stack, pipelineNames?: string[]): ScopeSubscription<Context>[];\n}\n\n\n@Deserializer('OneWayAssignment')\nexport class OneWayAssignmentExpression extends InfixExpressionNode<OneWayOperator> implements BindingAssignment {\n\tstatic fromJSON(node: OneWayAssignmentExpression, deserializer: NodeDeserializer): OneWayAssignmentExpression {\n\t\treturn new OneWayAssignmentExpression(\n\t\t\tdeserializer(node.left) as MemberExpression,\n\t\t\tdeserializer(node.right)\n\t\t);\n\t}\n\tstatic visit(node: OneWayAssignmentExpression, visitNode: VisitNodeType): void {\n\t\tvisitNode(node.left);\n\t\tvisitNode(node.right);\n\t}\n\n\tdeclare protected left: MemberExpression;\n\tprivate rightEvents = this.right.events();\n\tconstructor(left: MemberExpression, right: ExpressionNode) {\n\t\tsuper('=:', left, right);\n\t}\n\tset(stack: Stack, value: any) {\n\t\treturn this.left.set(stack, value);\n\t}\n\tget(stack: Stack): any {\n\t\tconst rv = this.right.get(stack);\n\t\tthis.set(stack, rv);\n\t\treturn rv;\n\t}\n\tsubscribe(stack: Stack, pipelineNames?: string[]): ScopeSubscription<Context>[] {\n\t\tconst subscriptions: ScopeSubscription<Context>[] = [];\n\t\tif (pipelineNames?.length) {\n\t\t\tconst syncPipeScope = Scope.blockScope();\n\t\t\tconst asyncPipeScope = AsyncPipeScope.blockScope();\n\t\t\tlet hasAsync = false, hasSync = false;\n\t\t\tpipelineNames.forEach(pipelineName => {\n\t\t\t\tconst scope = stack.findScope(pipelineName);\n\t\t\t\tconst pipe = scope.get(pipelineName)!;\n\t\t\t\tif (scope instanceof AsyncPipeProvider) {\n\t\t\t\t\thasAsync = true;\n\t\t\t\t\tasyncPipeScope.set(pipelineName, pipe);\n\t\t\t\t\tif (isOnDestroy(pipe.prototype)) {\n\t\t\t\t\t\tsubscriptions.push(createSubscriptionDestroyer(() => asyncPipeScope.unsubscribe(pipelineName)));\n\t\t\t\t\t}\n\t\t\t\t} else if (scope instanceof PipeProvider) {\n\t\t\t\t\thasSync = true;\n\t\t\t\t\tsyncPipeScope.set(pipelineName, pipe);\n\t\t\t\t}\n\t\t\t});\n\t\t\thasSync && stack.pushScope(syncPipeScope);\n\t\t\thasAsync && stack.pushScope(asyncPipeScope);\n\t\t}\n\t\tconst tuples = findReactiveScopeByEventMap(this.rightEvents, stack);\n\t\tconst callback: ValueChangedCallback = () => this.get(stack);\n\t\ttuples.forEach(tuple => {\n\t\t\tconst subscription = tuple[1].subscribe(tuple[0], callback);\n\t\t\tsubscriptions.push(subscription);\n\t\t});\n\t\treturn subscriptions;\n\t}\n}\n\n\n/**\n * the default behavior is assign the right hand side to the left hand side.\n * \n * \n */\n@Deserializer('TwoWayAssignment')\nexport class TwoWayAssignmentExpression extends InfixExpressionNode<TwoWayOperator> implements BindingAssignment {\n\tstatic fromJSON(node: TwoWayAssignmentExpression, deserializer: NodeDeserializer): TwoWayAssignmentExpression {\n\t\treturn new TwoWayAssignmentExpression(\n\t\t\tdeserializer(node.left) as MemberExpression,\n\t\t\tdeserializer(node.right) as MemberExpression | Identifier\n\t\t);\n\t}\n\tstatic visit(node: TwoWayAssignmentExpression, visitNode: VisitNodeType): void {\n\t\tvisitNode(node.left);\n\t\tvisitNode(node.right);\n\t}\n\n\tdeclare protected left: MemberExpression;\n\tdeclare protected right: MemberExpression | Identifier;\n\n\tprivate rightEvents = this.right.events();\n\tprivate leftEvents = this.left.events();\n\tconstructor(left: MemberExpression, right: MemberExpression | Identifier) {\n\t\tsuper('=::', left, right);\n\t}\n\n\tset(stack: Stack, value: any) {\n\t\treturn this.setRTL(stack, value);\n\t}\n\tget(stack: Stack): any {\n\t\treturn this.getRTL(stack);\n\t}\n\n\tprivate setRTL(stack: Stack, value: any) {\n\t\treturn this.left.set(stack, value);\n\t}\n\tprivate getRTL(stack: Stack): any {\n\t\tconst rv = this.right.get(stack);\n\t\tthis.setRTL(stack, rv);\n\t\treturn rv;\n\t}\n\tprivate actionRTL(stack: Stack): ValueChangedCallback {\n\t\treturn () => this.getRTL(stack);\n\t}\n\n\tprivate setLTR(stack: Stack, value: any) {\n\t\treturn this.right.set(stack, value);\n\t}\n\tprivate getLTR(stack: Stack): any {\n\t\tconst lv = this.left.get(stack);\n\t\tthis.setLTR(stack, lv);\n\t\treturn lv;\n\t}\n\tprivate actionLTR(stack: Stack): ValueChangedCallback {\n\t\treturn () => this.getLTR(stack);\n\t}\n\n\tprivate subscribeToEvents(stack: Stack, tuples: [string, ReactiveScope<Context>][], actionCallback: ValueChangedCallback) {\n\t\tconst subscriptions: ScopeSubscription<Context>[] = [];\n\t\ttuples.forEach(tuple => {\n\t\t\tconst subscription = tuple[1].subscribe(tuple[0], actionCallback);\n\t\t\tsubscriptions.push(subscription);\n\t\t});\n\t\treturn subscriptions;\n\t}\n\n\tsubscribe(stack: Stack): ScopeSubscription<Context>[] {\n\n\t\t// right to left\n\t\tconst rightTuples = findReactiveScopeByEventMap(this.rightEvents, stack);\n\t\tconst rtlAction = this.actionRTL(stack);\n\t\tconst rtlSubscriptions = this.subscribeToEvents(stack, rightTuples, rtlAction);\n\n\t\t// left to right \n\t\tconst leftTuples = findReactiveScopeByEventMap(this.leftEvents, stack);\n\t\tconst ltrAction = this.actionLTR(stack);\n\t\tconst ltrSubscriptions = this.subscribeToEvents(stack, leftTuples, ltrAction);\n\n\t\treturn rtlSubscriptions.concat(ltrSubscriptions);\n\t}\n\n}\n"]}
+{"version":3,"file":"binding.expressions.js","sourceRoot":"","sources":["../../../src/core/binding/binding.expressions.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tExpressionNode, InfixExpressionNode, ScopeSubscription,\n\tStack, findReactiveScopeByEventMap, ReactiveScope,\n\tContext, ValueChangedCallback, Scope,\n\tMemberExpression, Identifier, Deserializer,\n\tVisitNodeType, NodeDeserializer\n} from '@ibyar/expressions';\nimport { createSubscriptionDestroyer } from '../context/subscription.js';\nimport { isOnDestroy } from '../component/lifecycle.js';\nimport { AsyncPipeProvider, AsyncPipeScope, PipeProvider } from '../pipe/pipe.js';\n\ntype OneWayOperator = '=:';\ntype TwoWayOperator = '=::';\ntype BindingOperators = OneWayOperator | TwoWayOperator;\n\nexport interface BindingAssignment extends InfixExpressionNode<BindingOperators> {\n\tsubscribe(stack: Stack, pipelineNames?: string[]): ScopeSubscription<Context>[];\n}\n\n\n@Deserializer('OneWayAssignment')\nexport class OneWayAssignmentExpression extends InfixExpressionNode<OneWayOperator> implements BindingAssignment {\n\tstatic fromJSON(node: OneWayAssignmentExpression, deserializer: NodeDeserializer): OneWayAssignmentExpression {\n\t\treturn new OneWayAssignmentExpression(\n\t\t\tdeserializer(node.left) as MemberExpression,\n\t\t\tdeserializer(node.right)\n\t\t);\n\t}\n\tstatic visit(node: OneWayAssignmentExpression, visitNode: VisitNodeType): void {\n\t\tvisitNode(node.left);\n\t\tvisitNode(node.right);\n\t}\n\n\tdeclare protected left: MemberExpression;\n\tprivate rightEvents = this.right.events();\n\tconstructor(left: MemberExpression, right: ExpressionNode) {\n\t\tsuper('=:', left, right);\n\t}\n\tset(stack: Stack, value: any) {\n\t\treturn this.left.set(stack, value);\n\t}\n\tget(stack: Stack): any {\n\t\tconst rv = this.right.get(stack);\n\t\tthis.set(stack, rv);\n\t\treturn rv;\n\t}\n\tsubscribe(stack: Stack, pipelineNames?: string[]): ScopeSubscription<Context>[] {\n\t\tconst subscriptions: ScopeSubscription<Context>[] = [];\n\t\tif (pipelineNames?.length) {\n\t\t\tconst syncPipeScope = Scope.blockScope();\n\t\t\tconst asyncPipeScope = AsyncPipeScope.blockScope();\n\t\t\tlet hasAsync = false, hasSync = false;\n\t\t\tpipelineNames.forEach(pipelineName => {\n\t\t\t\tconst scope = stack.findScope(pipelineName);\n\t\t\t\tconst pipe = scope.get(pipelineName)!;\n\t\t\t\tif (scope instanceof AsyncPipeProvider) {\n\t\t\t\t\thasAsync = true;\n\t\t\t\t\tasyncPipeScope.set(pipelineName, pipe);\n\t\t\t\t\tif (isOnDestroy(pipe.prototype)) {\n\t\t\t\t\t\tsubscriptions.push(createSubscriptionDestroyer(() => asyncPipeScope.unsubscribe(pipelineName)));\n\t\t\t\t\t}\n\t\t\t\t} else if (scope instanceof PipeProvider) {\n\t\t\t\t\thasSync = true;\n\t\t\t\t\tsyncPipeScope.set(pipelineName, pipe);\n\t\t\t\t}\n\t\t\t});\n\t\t\thasSync && stack.pushScope(syncPipeScope);\n\t\t\thasAsync && stack.pushScope(asyncPipeScope);\n\t\t}\n\t\tconst tuples = findReactiveScopeByEventMap(this.rightEvents, stack);\n\t\tconst callback: ValueChangedCallback = () => this.get(stack);\n\t\ttuples.forEach(tuple => {\n\t\t\tconst subscription = tuple[1].subscribe(tuple[0], callback);\n\t\t\tsubscriptions.push(subscription);\n\t\t});\n\t\treturn subscriptions;\n\t}\n}\n\n\n/**\n * the default behavior is assign the right hand side to the left hand side.\n * \n * \n */\n@Deserializer('TwoWayAssignment')\nexport class TwoWayAssignmentExpression extends InfixExpressionNode<TwoWayOperator> implements BindingAssignment {\n\tstatic fromJSON(node: TwoWayAssignmentExpression, deserializer: NodeDeserializer): TwoWayAssignmentExpression {\n\t\treturn new TwoWayAssignmentExpression(\n\t\t\tdeserializer(node.left) as MemberExpression,\n\t\t\tdeserializer(node.right) as MemberExpression | Identifier\n\t\t);\n\t}\n\tstatic visit(node: TwoWayAssignmentExpression, visitNode: VisitNodeType): void {\n\t\tvisitNode(node.left);\n\t\tvisitNode(node.right);\n\t}\n\n\tdeclare protected left: MemberExpression;\n\tdeclare protected right: MemberExpression | Identifier;\n\n\tprivate rightEvents = this.right.events();\n\tprivate leftEvents = this.left.events();\n\tconstructor(left: MemberExpression, right: MemberExpression | Identifier) {\n\t\tsuper('=::', left, right);\n\t}\n\n\tset(stack: Stack, value: any) {\n\t\treturn this.setRTL(stack, value);\n\t}\n\tget(stack: Stack): any {\n\t\treturn this.getRTL(stack);\n\t}\n\n\tprivate setRTL(stack: Stack, value: any) {\n\t\treturn this.left.set(stack, value);\n\t}\n\tprivate getRTL(stack: Stack): any {\n\t\tconst rv = this.right.get(stack);\n\t\tthis.setRTL(stack, rv);\n\t\treturn rv;\n\t}\n\tprivate actionRTL(stack: Stack): ValueChangedCallback {\n\t\treturn () => this.getRTL(stack);\n\t}\n\n\tprivate setLTR(stack: Stack, value: any) {\n\t\treturn this.right.set(stack, value);\n\t}\n\tprivate getLTR(stack: Stack): any {\n\t\tconst lv = this.left.get(stack);\n\t\tthis.setLTR(stack, lv);\n\t\treturn lv;\n\t}\n\tprivate actionLTR(stack: Stack): ValueChangedCallback {\n\t\treturn () => this.getLTR(stack);\n\t}\n\n\tprivate subscribeToEvents(stack: Stack, tuples: [string, ReactiveScope<Context>][], actionCallback: ValueChangedCallback) {\n\t\tconst subscriptions: ScopeSubscription<Context>[] = [];\n\t\ttuples.forEach(tuple => {\n\t\t\tconst subscription = tuple[1].subscribe(tuple[0], actionCallback);\n\t\t\tsubscriptions.push(subscription);\n\t\t});\n\t\treturn subscriptions;\n\t}\n\n\tsubscribe(stack: Stack): ScopeSubscription<Context>[] {\n\n\t\t// right to left\n\t\tconst rightTuples = findReactiveScopeByEventMap(this.rightEvents, stack);\n\t\tconst rtlAction = this.actionRTL(stack);\n\t\tconst rtlSubscriptions = this.subscribeToEvents(stack, rightTuples, rtlAction);\n\n\t\t// left to right \n\t\tconst leftTuples = findReactiveScopeByEventMap(this.leftEvents, stack);\n\t\tconst ltrAction = this.actionLTR(stack);\n\t\tconst ltrSubscriptions = this.subscribeToEvents(stack, leftTuples, ltrAction);\n\n\t\treturn rtlSubscriptions.concat(ltrSubscriptions);\n\t}\n\n}\n"]}

package/component/component.d.ts

@@ -1,9 +1,10 @@
-import type { TypeOf } from '../utils/typeof.js';
+import type { MetadataClass, MetadataContext } from '@ibyar/decorators';
+import type { Class, TypeOf } from '../utils/typeof.js';
 import type { ZoneType } from '../zone/bootstrap.js';
 import { Tag, DomNode, DomRenderNode, DomElementNode } from '@ibyar/elements';
 import { HTMLComponent, ValueControl } from './custom-element.js';
 import { AttributeDirective, StructuralDirective } from '../directive/directive.js';
-import { ComponentOptions, PipeOptions, ServiceOptions, DirectiveOptions } from '../annotation/decorators.js';
+import { ComponentOptions, PipeOptions, ServiceOptions, DirectiveOptions } from '../annotation/options.js';
 import { ChildRef, HostBindingRef, InputPropertyRef, ListenerRef, OutputPropertyRef, PropertyRef } from './reflect.js';
 export interface ServiceRef<T> {
     provideIn: TypeOf<CustomElementConstructor> | 'root' | 'platform' | 'any';
@@ -34,7 +35,7 @@ export interface ComponentRef<T> {
     compiledTemplate?: DomNode;
     styles: string;
     extend: Tag;
-    viewClass: TypeOf<HTMLComponent<T>> & CustomElementConstructor;
+    viewClass: MetadataClass<HTMLComponent<T>> & CustomElementConstructor;
     modelClass: TypeOf<T>;
     inputs: InputPropertyRef[];
     outputs: OutputPropertyRef[];
@@ -44,22 +45,25 @@ export interface ComponentRef<T> {
     hostBindings: HostBindingRef[];
     hostListeners: ListenerRef[];
     viewBindings?: DomElementNode;
-    encapsulation: 'custom' | 'shadow-dom' | 'template' | 'shadow-dom-template';
+    windowBindings?: DomElementNode;
+    encapsulation: 'custom' | 'shadow-dom' | 'template' | 'shadow-dom-template' | 'shadow-slot';
     isShadowDom: boolean;
-    shadowDomMode: ShadowRootMode;
-    shadowDomDelegatesFocus: boolean;
+    shadowRootInit: ShadowRootInit;
     formAssociated: boolean | TypeOf<ValueControl<any>>;
     zone?: ZoneType;
 }
 export declare class Components {
     private static EMPTY_LIST;
     private static emptyList;
-    private static parseHostBinding;
-    static defineDirective(modelClass: Function, opts: DirectiveOptions): void;
-    static definePipe(modelClass: Function, opts: PipeOptions): void;
-    static defineService(modelClass: Function, opts: ServiceOptions): void;
-    static defineComponent<T extends Object>(modelClass: TypeOf<T>, opts: ComponentOptions<T>): void;
-    static defineView<T extends HTMLElement>(viewClass: TypeOf<T>, opt: {
+    private static patchTemplate;
+    private static createOutputs;
+    private static parseHostNode;
+    static defineDirective(modelClass: MetadataClass, opts: DirectiveOptions, metadata: MetadataContext): void;
+    static definePipe<T extends Class>(modelClass: MetadataClass<T>, opts: PipeOptions, metadata: MetadataContext): void;
+    static defineService<T extends Class>(modelClass: MetadataClass<T>, opts: ServiceOptions, metadata: MetadataContext): void;
+    static defineComponent<T extends Class>(modelClass: MetadataClass<T>, opts: ComponentOptions<T>, metadata: MetadataContext): void;
+    static defineView<T extends HTMLElement>(viewClass: MetadataClass<T>, opt: {
         selector: string;
     } & ElementDefinitionOptions): void;
 }
+//# sourceMappingURL=component.d.ts.map

package/component/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/core/component/component.ts"],"names":[],"mappings":"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"}

package/component/component.js

@@ -1,65 +1,110 @@
-import { findByTagName, htmlParser, templateParser, canAttachShadow, directiveRegistry } from '@ibyar/elements';
+import { findByTagName, htmlParser, templateParser, canAttachShadow, directiveRegistry, DomElementNode, DomFragmentNode, DomParentNode } from '@ibyar/elements';
 import { ClassRegistryProvider } from '../providers/provider.js';
 import { initCustomElementView } from '../view/view.js';
 import { buildExpressionNodes } from '../html/expression.js';
-import { ReflectComponents } from './reflect.js';
+import { ListenerRef } from './reflect.js';
 import { deserializeExpressionNodes } from '../html/deserialize.js';
-export class Components {
+const DEFAULT_SHADOW_ROOT_INIT = { mode: 'open', delegatesFocus: false, slotAssignment: 'named' };
+class Components {
+    static EMPTY_LIST = Object.freeze([]);
     static emptyList() {
         return Components.EMPTY_LIST;
     }
-    static parseHostBinding(option) {
+    static patchTemplate(child, templates) {
+        if (child instanceof DomElementNode && child.templateRefName?.name) {
+            const ref = templates.find(node => child.templateRefName?.name === node.templateRefName?.name);
+            if (ref?.outputs) {
+                (child.outputs ??= []).push(...ref.outputs);
+            }
+        }
+        if (child instanceof DomParentNode) {
+            child.children?.forEach(node => Components.patchTemplate(node, templates));
+        }
+    }
+    static createOutputs(Listeners) {
+        return Listeners?.map(listener => `(${listener.eventName})="${listener.modelCallbackName}(${listener.args.join(', ')})"`).join(' ') ?? '';
+    }
+    static parseHostNode(option) {
         const inputs = option.hostBindings?.map(binding => {
             const descriptor = Object.getOwnPropertyDescriptor(option.prototype, binding.modelPropertyName);
             if (typeof descriptor?.value === 'function') {
                 return `[${binding.hostPropertyName}]="${binding.modelPropertyName}()"`;
             }
             return `[${binding.hostPropertyName}]="${binding.modelPropertyName}"`;
-        }) ?? [];
-        const outputs = option.hostListeners?.map(listener => `(${listener.eventName})="${listener.modelCallbackName}(${listener.args.join(', ')})"`) ?? [];
-        option.selector ?? (option.selector = 'div');
-        const template = `<${option.selector} ${inputs.join(' ')} ${outputs.join(' ')}></${option.selector}>`;
-        const viewBindings = htmlParser.toDomRootNode(template);
-        buildExpressionNodes(viewBindings);
-        return viewBindings;
+        }).join(' ') ?? '';
+        const hostListeners = [];
+        const windowListeners = [];
+        const templateListeners = {};
+        option.hostListeners?.forEach(listener => {
+            const [host, event] = listener.eventName.split(':', 2);
+            if (event === undefined) {
+                hostListeners.push(listener);
+            }
+            else if ('window' === host.toLowerCase()) {
+                windowListeners.push(new ListenerRef(event, listener.args, listener.modelCallbackName));
+            }
+            else {
+                (templateListeners[host] ??= []).push(new ListenerRef(event, listener.args, listener.modelCallbackName));
+            }
+        });
+        const result = {};
+        if (hostListeners.length) {
+            const hostOutputs = Components.createOutputs(hostListeners);
+            const selector = option.selector ?? 'div';
+            const hostTemplate = `<${selector} ${inputs} ${hostOutputs}></${selector}>`;
+            result.host = htmlParser.toDomRootNode(hostTemplate);
+            buildExpressionNodes(result.host);
+        }
+        if (windowListeners.length) {
+            const windowOutputs = Components.createOutputs(windowListeners);
+            const windowTemplate = `<window ${windowOutputs}></window>`;
+            result.window = htmlParser.toDomRootNode(windowTemplate);
+            buildExpressionNodes(result.window);
+        }
+        const templateHosts = Object.keys(templateListeners);
+        if (templateHosts.length) {
+            const template = templateHosts.map(host => {
+                const hostOutputs = Components.createOutputs(templateListeners[host]);
+                return `<template #${host} ${hostOutputs}></template>`;
+            }).join('');
+            const templateNodes = htmlParser.toDomRootNode(template);
+            buildExpressionNodes(templateNodes);
+            result.template = templateNodes instanceof DomFragmentNode
+                ? templateNodes.children?.filter(child => child instanceof DomElementNode) ?? []
+                : [templateNodes];
+        }
+        return result;
     }
-    static defineDirective(modelClass, opts) {
-        const bootstrap = ReflectComponents.getOrCreateBootstrap(modelClass.prototype);
-        Object.assign(bootstrap, opts);
-        if (bootstrap.hostListeners?.length || bootstrap.hostBindings?.length) {
-            bootstrap.viewBindings = Components.parseHostBinding({
+    static defineDirective(modelClass, opts, metadata) {
+        Object.assign(metadata, opts);
+        if (metadata.hostListeners?.length || metadata.hostBindings?.length) {
+            const hostNode = Components.parseHostNode({
                 prototype: modelClass.prototype,
-                hostBindings: bootstrap.hostBindings,
-                hostListeners: bootstrap.hostListeners,
+                hostBindings: metadata.hostBindings,
+                hostListeners: metadata.hostListeners,
             });
+            metadata.viewBindings = hostNode.host;
         }
-        bootstrap.modelClass = modelClass;
+        metadata.modelClass = modelClass;
         ClassRegistryProvider.registerDirective(modelClass);
         directiveRegistry.register(opts.selector, {
-            inputs: bootstrap.inputs?.map(input => input.viewAttribute),
-            outputs: bootstrap.outputs?.map(output => output.viewAttribute),
+            inputs: metadata.inputs?.map(input => input.viewAttribute),
+            outputs: metadata.outputs?.map(output => output.viewAttribute),
         });
     }
-    static definePipe(modelClass, opts) {
-        const bootstrap = ReflectComponents.getOrCreateBootstrap(modelClass.prototype);
-        for (const key in opts) {
-            bootstrap[key] = Reflect.get(opts, key);
-        }
-        bootstrap.modelClass = modelClass;
+    static definePipe(modelClass, opts, metadata) {
+        Object.assign(metadata, opts);
+        metadata.modelClass = modelClass;
         ClassRegistryProvider.registerPipe(modelClass);
     }
-    static defineService(modelClass, opts) {
-        const bootstrap = ReflectComponents.getOrCreateBootstrap(modelClass.prototype);
-        for (const key in opts) {
-            bootstrap[key] = Reflect.get(opts, key);
-        }
-        bootstrap.modelClass = modelClass;
-        bootstrap.name = modelClass.name;
+    static defineService(modelClass, opts, metadata) {
+        Object.assign(metadata, opts);
+        metadata.modelClass = modelClass;
+        metadata.name = modelClass.name;
         ClassRegistryProvider.registerService(modelClass);
     }
-    static defineComponent(modelClass, opts) {
-        const bootstrap = ReflectComponents.getOrCreateBootstrap(modelClass.prototype);
-        const componentRef = Object.assign({}, opts, bootstrap);
+    static defineComponent(modelClass, opts, metadata) {
+        const componentRef = Object.assign(metadata, opts);
         componentRef.extend = findByTagName(opts.extend);
         if (typeof componentRef.template === 'string') {
             if (componentRef.styles) {
@@ -90,23 +135,39 @@ export class Components {
                 // didn't find this template in 'index.html' document
             }
         }
-        componentRef.inputs || (componentRef.inputs = Components.emptyList());
-        componentRef.outputs || (componentRef.outputs = Components.emptyList());
-        componentRef.viewChild || (componentRef.viewChild = Components.emptyList());
-        componentRef.ViewChildren || (componentRef.ViewChildren = Components.emptyList());
-        componentRef.hostBindings || (componentRef.hostBindings = Components.emptyList());
-        componentRef.hostListeners || (componentRef.hostListeners = Components.emptyList());
-        componentRef.encapsulation || (componentRef.encapsulation = 'custom');
-        componentRef.isShadowDom = /shadow-dom/g.test(componentRef.encapsulation);
-        componentRef.shadowDomMode || (componentRef.shadowDomMode = 'open');
-        componentRef.shadowDomDelegatesFocus = componentRef.shadowDomDelegatesFocus === true || false;
+        componentRef.inputs ||= Components.emptyList();
+        componentRef.outputs ||= Components.emptyList();
+        componentRef.viewChild ||= Components.emptyList();
+        componentRef.ViewChildren ||= Components.emptyList();
+        componentRef.hostBindings ||= Components.emptyList();
+        componentRef.hostListeners ||= Components.emptyList();
+        componentRef.encapsulation ||= 'custom';
+        componentRef.isShadowDom = /shadow/g.test(componentRef.encapsulation);
+        if (componentRef.isShadowDom) {
+            componentRef.shadowRootInit = Object.assign({}, DEFAULT_SHADOW_ROOT_INIT, (componentRef.shadowRootInit ?? {}));
+        }
         if (componentRef.hostListeners.length || componentRef.hostBindings.length) {
-            componentRef.viewBindings = Components.parseHostBinding({
+            const hostNode = Components.parseHostNode({
                 prototype: modelClass.prototype,
                 selector: componentRef.selector,
                 hostBindings: componentRef.hostBindings,
                 hostListeners: componentRef.hostListeners,
             });
+            componentRef.viewBindings = hostNode.host;
+            componentRef.windowBindings = hostNode.window;
+            if (typeof componentRef.template === 'function') {
+                const creator = componentRef.template;
+                componentRef.template = (model) => {
+                    const template = creator(model);
+                    if (hostNode.template) {
+                        Components.patchTemplate(template, hostNode.template);
+                    }
+                    return template;
+                };
+            }
+            else if (hostNode.template) {
+                Components.patchTemplate(componentRef.template, hostNode.template);
+            }
         }
         if (!(componentRef.formAssociated === true || typeof componentRef.formAssociated === 'function')) {
             componentRef.formAssociated = false;
@@ -116,10 +177,8 @@ export class Components {
         }
         componentRef.modelClass = modelClass;
         componentRef.viewClass = initCustomElementView(modelClass, componentRef);
-        ReflectComponents.setComponentRef(componentRef.modelClass, componentRef);
-        ReflectComponents.setComponentRef(componentRef.viewClass, componentRef);
         ClassRegistryProvider.registerComponent(modelClass);
-        ClassRegistryProvider.registerView(bootstrap.viewClass);
+        ClassRegistryProvider.registerView(componentRef.viewClass);
         const options = {};
         const parentTagName = componentRef.extend?.name;
         if (parentTagName) {
@@ -134,5 +193,5 @@ export class Components {
         customElements.define(opt.selector, viewClass, Object.assign({}, opt, { selector: undefined }));
     }
 }
-Components.EMPTY_LIST = Object.freeze([]);
+export { Components };
 //# sourceMappingURL=component.js.map