@ibyar/core 0.4.0 → 0.5.1

package/view/view.js

@@ -1,4 +1,4 @@
-import { isFormElement } from '@ibyar/elements';
+import { getAllAttributes, isFormElement } from '@ibyar/elements';
 import { ToCamelCase } from '../utils/utils.js';
 import { baseFactoryView } from './base-view.js';
 import { baseFormFactoryView } from './form-view.js';
@@ -18,14 +18,12 @@ export function initCustomElementView(modelClass, componentRef) {
         }
     })[htmlViewClassName];
     componentRef.inputs.forEach((input) => {
-        const parentProperty = Object.getOwnPropertyDescriptor(htmlParent.prototype, input.viewAttribute);
         Object.defineProperty(viewClass.prototype, input.viewAttribute, {
             get() {
-                return this._proxyModel[input.modelProperty] || parentProperty?.get?.call(this);
+                return this._modelScope.get(input.modelProperty);
             },
             set(value) {
                 this._modelScope.set(input.modelProperty, value);
-                parentProperty?.set?.call(this, value);
             },
             enumerable: true,
         });
@@ -62,11 +60,10 @@ export function initCustomElementView(modelClass, componentRef) {
             enumerable: true
         });
     });
-    Object.defineProperty(viewClass, 'observedAttributes', {
-        get() {
-            return componentRef.inputs.map(input => input.viewAttribute);
-        }
-    });
+    const defaultAttributes = getAllAttributes(componentRef.extend.name);
+    const observedAttributes = componentRef.inputs.map(input => input.viewAttribute);
+    Reflect.set(viewClass, 'observedAttributes', observedAttributes);
+    Reflect.set(viewClass, 'allAttributes', defaultAttributes.concat(observedAttributes));
     if (false) {
         Object.defineProperty(viewClass, 'formAssociated', {
             get() {
@@ -98,7 +95,7 @@ export function buildViewClassNameFromSelector(selector) {
         .map(name => name.replace(/^\w/, char => char.toUpperCase()))
         .join('');
 }
-export function ComponentView(modelClass, selector) {
+export function getComponentView(modelClass, selector) {
     if (isComponentModelClass(modelClass)) {
         let viewClassName;
         if (selector) {

package/view/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/core/view/view.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TypeOf } from '../utils/typeof.js';\nimport { isFormElement } from '@ibyar/elements';\nimport { ComponentRef } from '../component/component.js';\nimport { HTMLComponent } from '../component/custom-element.js';\nimport { EventEmitter, Subscription } from '../component/events.js';\nimport { ToCamelCase } from '../utils/utils.js';\nimport { Constructable } from '../providers/injector.js';\nimport { baseFactoryView } from './base-view.js';\nimport { baseFormFactoryView } from './form-view.js';\n\n/**\n * \n * @param modelClass \n * @param componentRef \n */\nexport function initCustomElementView<T extends Object>(modelClass: TypeOf<T>, componentRef: ComponentRef<T>): TypeOf<HTMLComponent<T>> {\n\tconst htmlParent = componentRef.extend.classRef as TypeOf<HTMLElement>;\n\tlet viewClass: TypeOf<HTMLComponent<T>>;\n\tconst viewClassName = buildViewClassNameFromSelector(componentRef.selector);\n\tconst htmlViewClassName = `HTML${viewClassName}Element`;\n\tconst parentClass = componentRef.extend.name\n\t\t? (isFormElement(componentRef.extend.name)\n\t\t\t? baseFormFactoryView<T>(htmlParent)\n\t\t\t: baseFactoryView<T>(htmlParent)\n\t\t)\n\t\t: baseFactoryView<T>(HTMLElement);\n\tviewClass = ({\n\t\t[htmlViewClassName]: class extends parentClass { constructor() { super(componentRef, modelClass); } }\n\t})[htmlViewClassName];\n\n\tcomponentRef.inputs.forEach((input) => {\n\t\tconst parentProperty = Object.getOwnPropertyDescriptor(\n\t\t\thtmlParent.prototype,\n\t\t\tinput.viewAttribute\n\t\t);\n\t\tObject.defineProperty(viewClass.prototype, input.viewAttribute, {\n\t\t\tget(this: HTMLComponent<T>): any {\n\t\t\t\treturn this._proxyModel[input.modelProperty] || parentProperty?.get?.call(this);\n\t\t\t},\n\t\t\tset(this: HTMLComponent<{ [key: string]: any; }>, value: any) {\n\t\t\t\tthis._modelScope.set(input.modelProperty, value);\n\t\t\t\t// this._model[input.modelProperty] = value;\n\t\t\t\t// this._proxyModel[input.modelProperty] = value;\n\t\t\t\tparentProperty?.set?.call(this, value);\n\t\t\t},\n\t\t\tenumerable: true,\n\t\t});\n\t});\n\n\tcomponentRef.outputs.forEach(output => {\n\t\tObject.defineProperty(viewClass.prototype, output.viewAttribute, {\n\t\t\tget(): EventEmitter<any> {\n\t\t\t\treturn this._model[output.modelProperty];\n\t\t\t},\n\t\t\tenumerable: true\n\t\t});\n\t\tlet eventListener: Function | undefined;\n\t\tlet subscription: Subscription<any>;\n\t\tObject.defineProperty(viewClass.prototype, 'on' + ToCamelCase(output.viewAttribute), {\n\t\t\t// get(): EventEmitter<any> {\n\t\t\t// \t// return this._model[output.modelProperty];\n\t\t\t// },\n\t\t\tget(): Function | undefined {\n\t\t\t\t// return this._model[output.modelProperty];\n\t\t\t\treturn eventListener;\n\t\t\t},\n\t\t\tset(this: HTMLComponent<T>, event: string | Function): void {\n\t\t\t\tif (!event) {\n\t\t\t\t\tif (subscription) {\n\t\t\t\t\t\tsubscription.unsubscribe();\n\t\t\t\t\t\teventListener = undefined;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (typeof event === 'string') {\n\t\t\t\t\tif (event.endsWith('()')) {\n\t\t\t\t\t\tevent = event.substring(0, event.length - 2);\n\t\t\t\t\t}\n\t\t\t\t\tevent = Reflect.get(window, event);\n\t\t\t\t}\n\t\t\t\teventListener = event as Function;\n\t\t\t\tsubscription = (this._model[output.modelProperty] as EventEmitter<any>).subscribe(event);\n\t\t\t},\n\t\t\tenumerable: true\n\t\t});\n\t});\n\tObject.defineProperty(viewClass, 'observedAttributes', {\n\t\tget() {\n\t\t\treturn componentRef.inputs.map(input => input.viewAttribute);\n\t\t}\n\t});\n\t// https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example\n\tif (false) {\n\t\tObject.defineProperty(viewClass, 'formAssociated', {\n\t\t\tget() {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t});\n\t}\n\taddViewToModelClass<T>(modelClass, componentRef.selector, viewClass, htmlViewClassName);\n\tif (!Reflect.has(window, htmlViewClassName)) {\n\t\tReflect.set(window, htmlViewClassName, viewClass);\n\t}\n\treturn viewClass;\n}\n\nexport type ComponentModelClass = Constructable & { [key: string]: string } & { component: { [key: string]: string } };\n\nexport function isComponentModelClass(target: Constructable): target is ComponentModelClass {\n\treturn Reflect.has(target, 'component');\n}\n\nexport function addViewToModelClass<T>(modelClass: TypeOf<T>, selector: string, viewClass: TypeOf<HTMLComponent<T>>, htmlViewClassName: string) {\n\tObject.defineProperty(modelClass, htmlViewClassName, { value: viewClass });\n\n\tif (!isComponentModelClass(modelClass)) {\n\t\tReflect.set(modelClass, 'component', {});\n\t}\n\n\tif (isComponentModelClass(modelClass)) {\n\t\tmodelClass.component[selector] = htmlViewClassName;\n\t}\n}\n\nexport function buildViewClassNameFromSelector(selector: string) {\n\treturn selector\n\t\t.split('-')\n\t\t.map(name => name.replace(/^\\w/, char => char.toUpperCase()))\n\t\t.join('');\n}\n\nexport function ComponentView<T>(modelClass: TypeOf<T>, selector?: string): TypeOf<HTMLComponent<T>> | undefined {\n\tif (isComponentModelClass(modelClass)) {\n\t\tlet viewClassName: string;\n\t\tif (selector) {\n\t\t\tviewClassName = modelClass.component[selector];\n\t\t\tif (!viewClassName) {\n\t\t\t\tthrow new Error(`${modelClass.name} doesn't have ${selector} as view`);\n\t\t\t}\n\t\t} else {\n\t\t\tviewClassName = Object.keys(modelClass.component)[0];\n\t\t}\n\t\treturn Reflect.get(modelClass, viewClassName);\n\t}\n}\n"]}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/core/view/view.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TypeOf } from '../utils/typeof.js';\nimport { getAllAttributes, isFormElement } from '@ibyar/elements';\nimport { ComponentRef } from '../component/component.js';\nimport { HTMLComponent } from '../component/custom-element.js';\nimport { EventEmitter, Subscription } from '../component/events.js';\nimport { ToCamelCase } from '../utils/utils.js';\nimport { Constructable } from '../providers/injector.js';\nimport { baseFactoryView } from './base-view.js';\nimport { baseFormFactoryView } from './form-view.js';\n\n/**\n * \n * @param modelClass \n * @param componentRef \n */\nexport function initCustomElementView<T extends Object>(modelClass: TypeOf<T>, componentRef: ComponentRef<T>): TypeOf<HTMLComponent<T>> {\n\tconst htmlParent = componentRef.extend.classRef as TypeOf<HTMLElement>;\n\tlet viewClass: TypeOf<HTMLComponent<T>>;\n\tconst viewClassName = buildViewClassNameFromSelector(componentRef.selector);\n\tconst htmlViewClassName = `HTML${viewClassName}Element`;\n\tconst parentClass = componentRef.extend.name\n\t\t? (isFormElement(componentRef.extend.name)\n\t\t\t? baseFormFactoryView<T>(htmlParent)\n\t\t\t: baseFactoryView<T>(htmlParent)\n\t\t)\n\t\t: baseFactoryView<T>(HTMLElement);\n\tviewClass = ({\n\t\t[htmlViewClassName]: class extends parentClass { constructor() { super(componentRef, modelClass); } }\n\t})[htmlViewClassName];\n\n\tcomponentRef.inputs.forEach((input) => {\n\t\tObject.defineProperty(viewClass.prototype, input.viewAttribute, {\n\t\t\tget(this: HTMLComponent<T>): any {\n\t\t\t\treturn this._modelScope.get(input.modelProperty);\n\t\t\t},\n\t\t\tset(this: HTMLComponent<{ [key: string]: any; }>, value: any) {\n\t\t\t\tthis._modelScope.set(input.modelProperty, value);\n\t\t\t},\n\t\t\tenumerable: true,\n\t\t});\n\t});\n\n\tcomponentRef.outputs.forEach(output => {\n\t\tObject.defineProperty(viewClass.prototype, output.viewAttribute, {\n\t\t\tget(): EventEmitter<any> {\n\t\t\t\treturn this._model[output.modelProperty];\n\t\t\t},\n\t\t\tenumerable: true\n\t\t});\n\t\tlet eventListener: Function | undefined;\n\t\tlet subscription: Subscription<any>;\n\t\tObject.defineProperty(viewClass.prototype, 'on' + ToCamelCase(output.viewAttribute), {\n\t\t\tget(): Function | undefined {\n\t\t\t\treturn eventListener;\n\t\t\t},\n\t\t\tset(this: HTMLComponent<T>, event: string | Function): void {\n\t\t\t\tif (!event) {\n\t\t\t\t\tif (subscription) {\n\t\t\t\t\t\tsubscription.unsubscribe();\n\t\t\t\t\t\teventListener = undefined;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (typeof event === 'string') {\n\t\t\t\t\tif (event.endsWith('()')) {\n\t\t\t\t\t\tevent = event.substring(0, event.length - 2);\n\t\t\t\t\t}\n\t\t\t\t\tevent = Reflect.get(window, event);\n\t\t\t\t}\n\t\t\t\teventListener = event as Function;\n\t\t\t\tsubscription = (this._model[output.modelProperty] as EventEmitter<any>).subscribe(event);\n\t\t\t},\n\t\t\tenumerable: true\n\t\t});\n\t});\n\n\tconst defaultAttributes = getAllAttributes(componentRef.extend.name);\n\tconst observedAttributes = componentRef.inputs.map(input => input.viewAttribute)\n\tReflect.set(viewClass, 'observedAttributes', observedAttributes);\n\tReflect.set(viewClass, 'allAttributes', defaultAttributes.concat(observedAttributes));\n\t// https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example\n\tif (false) {\n\t\tObject.defineProperty(viewClass, 'formAssociated', {\n\t\t\tget() {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t});\n\t}\n\taddViewToModelClass<T>(modelClass, componentRef.selector, viewClass, htmlViewClassName);\n\tif (!Reflect.has(window, htmlViewClassName)) {\n\t\tReflect.set(window, htmlViewClassName, viewClass);\n\t}\n\treturn viewClass;\n}\n\nexport type ComponentModelClass = Constructable & { [key: string]: string } & { component: { [key: string]: string } };\n\nexport function isComponentModelClass(target: Constructable): target is ComponentModelClass {\n\treturn Reflect.has(target, 'component');\n}\n\nexport function addViewToModelClass<T extends object>(modelClass: TypeOf<T>, selector: string, viewClass: TypeOf<HTMLComponent<T>>, htmlViewClassName: string) {\n\tObject.defineProperty(modelClass, htmlViewClassName, { value: viewClass });\n\n\tif (!isComponentModelClass(modelClass)) {\n\t\tReflect.set(modelClass, 'component', {});\n\t}\n\n\tif (isComponentModelClass(modelClass)) {\n\t\tmodelClass.component[selector] = htmlViewClassName;\n\t}\n}\n\nexport function buildViewClassNameFromSelector(selector: string) {\n\treturn selector\n\t\t.split('-')\n\t\t.map(name => name.replace(/^\\w/, char => char.toUpperCase()))\n\t\t.join('');\n}\n\nexport function getComponentView<T extends object>(modelClass: TypeOf<T>, selector?: string): TypeOf<HTMLComponent<T>> | undefined {\n\tif (isComponentModelClass(modelClass)) {\n\t\tlet viewClassName: string;\n\t\tif (selector) {\n\t\t\tviewClassName = modelClass.component[selector];\n\t\t\tif (!viewClassName) {\n\t\t\t\tthrow new Error(`${modelClass.name} doesn't have ${selector} as view`);\n\t\t\t}\n\t\t} else {\n\t\t\tviewClassName = Object.keys(modelClass.component)[0];\n\t\t}\n\t\treturn Reflect.get(modelClass, viewClassName);\n\t}\n}\n"]}

package/html/update.d.ts

@@ -1,12 +0,0 @@
-import { ExpressionNode, InfixExpressionNode, Stack } from '@ibyar/expressions';
-export declare class NodeAssignmentExpression extends InfixExpressionNode<':='> {
-    constructor(left: ExpressionNode, right: ExpressionNode);
-    set(stack: Stack, value: any): any;
-    get(stack: Stack): any;
-}
-export declare class TextNodeAssignmentExpression extends NodeAssignmentExpression {
-}
-export declare class HTMLNodeAssignmentExpression extends NodeAssignmentExpression {
-}
-export declare class DirectiveNodeAssignmentExpression extends NodeAssignmentExpression {
-}

package/html/update.js

@@ -1,24 +0,0 @@
-import { InfixExpressionNode } from '@ibyar/expressions';
-export class NodeAssignmentExpression extends InfixExpressionNode {
-    constructor(left, right) {
-        super(':=', left, right);
-    }
-    set(stack, value) {
-        return this.left.set(stack, value);
-    }
-    get(stack) {
-        const lv = this.left.get(stack);
-        const rv = this.right.get(stack);
-        if (lv !== rv) {
-            this.set(stack, rv);
-        }
-        return rv;
-    }
-}
-export class TextNodeAssignmentExpression extends NodeAssignmentExpression {
-}
-export class HTMLNodeAssignmentExpression extends NodeAssignmentExpression {
-}
-export class DirectiveNodeAssignmentExpression extends NodeAssignmentExpression {
-}
-//# sourceMappingURL=update.js.map

package/html/update.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"update.js","sourceRoot":"","sources":["../../../src/core/html/update.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,mBAAmB,EAAS,MAAM,oBAAoB,CAAC;AAEhF,MAAM,OAAO,wBAAyB,SAAQ,mBAAyB;IACtE,YAAY,IAAoB,EAAE,KAAqB;QACtD,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IACD,GAAG,CAAC,KAAY,EAAE,KAAU;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IACD,GAAG,CAAC,KAAY;QACf,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAChC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,EAAE,KAAK,EAAE,EAAE;YACd,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SACpB;QACD,OAAO,EAAE,CAAC;IACX,CAAC;CACD;AAED,MAAM,OAAO,4BAA6B,SAAQ,wBAAwB;CAEzE;AAED,MAAM,OAAO,4BAA6B,SAAQ,wBAAwB;CAEzE;AAED,MAAM,OAAO,iCAAkC,SAAQ,wBAAwB;CAE9E","sourcesContent":["import { ExpressionNode, InfixExpressionNode, Stack } from '@ibyar/expressions';\n\nexport class NodeAssignmentExpression extends InfixExpressionNode<':='> {\n\tconstructor(left: ExpressionNode, 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 lv = this.left.get(stack);\n\t\tconst rv = this.right.get(stack);\n\t\tif (lv !== rv) {\n\t\t\tthis.set(stack, rv);\n\t\t}\n\t\treturn rv;\n\t}\n}\n\nexport class TextNodeAssignmentExpression extends NodeAssignmentExpression {\n\n}\n\nexport class HTMLNodeAssignmentExpression extends NodeAssignmentExpression {\n\n}\n\nexport class DirectiveNodeAssignmentExpression extends NodeAssignmentExpression {\n\n}\n\n"]}

package/model/change-detection.d.ts

@@ -1,13 +0,0 @@
-export declare type SourceFollowerCallback = (stack: any[]) => void;
-export interface Model {
-    __observable: {
-        [key: string]: Function[];
-    };
-    subscribeModel(eventName: string, callback: SourceFollowerCallback): void;
-    emitChangeModel(eventName: string, source?: any[]): void;
-}
-export declare function isModel(object: any): object is Model;
-export declare function defineModel<T>(object: T): Model & T;
-export declare function subscribe1way(obj1: {}, obj1PropName: string, callback: SourceFollowerCallback, obj2?: {}, obj2PropName?: string): void;
-export declare function addChangeListener(observableModel: {}, propertyName: string, callback: () => void): void;
-export declare function subscribe2way(obj1: {}, obj1PropName: string, callback1: SourceFollowerCallback, obj2: {}, obj2PropName: string, callback2: SourceFollowerCallback): void;

package/model/change-detection.js

@@ -1,100 +0,0 @@
-import { isHTMLComponent } from '../component/custom-element.js';
-export function isModel(object) {
-    return object.__observable
-        && object.subscribeModel
-        && object.emitChangeModel;
-}
-export function defineModel(object) {
-    if (typeof object !== 'object') {
-        throw new Error(`typeof ${typeof object} can't be a subscription model`);
-    }
-    if (isModel(object)) {
-        return object;
-    }
-    const observable = {};
-    Object.defineProperty(object, '__observable', { value: observable });
-    Object.defineProperty(object, 'subscribeModel', {
-        value: (eventName, callback) => {
-            if (typeof callback !== 'function') {
-                return;
-            }
-            observable[eventName] = observable[eventName] || [];
-            observable[eventName].push(callback);
-        }
-    });
-    Object.defineProperty(object, 'emitChangeModel', {
-        value: (eventName, source) => {
-            if (!source) {
-                source = [object];
-            }
-            else {
-                source.push(object);
-            }
-            let calls = Object.keys(observable)
-                .filter(key => key.startsWith(eventName) || eventName.startsWith(key));
-            calls.forEach(key => {
-                observable[key].forEach(callback => callback.call(object, source));
-            });
-        }
-    });
-    return object;
-}
-export function subscribe1way(obj1, obj1PropName, callback, obj2, obj2PropName) {
-    const subject1 = defineModel(isHTMLComponent(obj1) ? obj1._model : obj1);
-    const subject1Callback = (source) => {
-        callback(source);
-        if (obj2 && obj2PropName) {
-            let subject2 = defineModel(isHTMLComponent(obj2) ? obj2._model : obj2);
-            if (obj2PropName && !source.includes(subject2)) {
-                subject2.emitChangeModel(obj2PropName, source);
-            }
-        }
-    };
-    const subject1DestroyCallback = (source) => {
-        const subIndex = subject1.__observable[obj1PropName].indexOf(subject1Callback);
-        subject1.__observable[obj1PropName].splice(subIndex, 1);
-    };
-    subject1.subscribeModel(obj1PropName, subject1Callback);
-    subject1.subscribeModel('destroy', subject1DestroyCallback);
-}
-export function addChangeListener(observableModel, propertyName, callback) {
-    const subject1 = defineModel(isHTMLComponent(observableModel) ? observableModel._model : observableModel);
-    const subject1Callback = (source) => {
-        callback();
-    };
-    const subject1DestroyCallback = (source) => {
-        const subIndex = subject1.__observable[propertyName].indexOf(subject1Callback);
-        subject1.__observable[propertyName].splice(subIndex, 1);
-    };
-    subject1.subscribeModel(propertyName, subject1Callback);
-    subject1.subscribeModel('destroy', subject1DestroyCallback);
-}
-export function subscribe2way(obj1, obj1PropName, callback1, obj2, obj2PropName, callback2) {
-    const subject1 = defineModel(isHTMLComponent(obj1) ? obj1._model : obj1);
-    const subject2 = defineModel(isHTMLComponent(obj2) ? obj2._model : obj2);
-    const subject1Callback = (source) => {
-        callback1(source);
-        if (!source.includes(subject2)) {
-            subject2.emitChangeModel(obj2PropName, source);
-        }
-    };
-    const subject1DestroyCallback = (source) => {
-        const subIndex = subject1.__observable[obj1PropName].indexOf(subject1Callback);
-        subject1.__observable[obj1PropName].splice(subIndex, 1);
-    };
-    subject1.subscribeModel(obj1PropName, subject1Callback);
-    subject1.subscribeModel('destroy', subject1DestroyCallback);
-    const subject2Callback = (source) => {
-        callback2(source);
-        if (!source.includes(subject1)) {
-            subject1.emitChangeModel(obj1PropName, source);
-        }
-    };
-    const subject2DestroyCallback = (source) => {
-        const subIndex = subject2.__observable[obj2PropName].indexOf(subject1Callback);
-        subject2.__observable[obj2PropName].splice(subIndex, 1);
-    };
-    subject2.subscribeModel(obj2PropName, subject2Callback);
-    subject2.subscribeModel('destroy', subject2DestroyCallback);
-}
-//# sourceMappingURL=change-detection.js.map

package/model/change-detection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"change-detection.js","sourceRoot":"","sources":["../../../src/core/model/change-detection.ts"],"names":[],"mappings":"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","sourcesContent":["import { isHTMLComponent } from '../component/custom-element.js';\n\nexport type SourceFollowerCallback = (stack: any[]) => void;\nexport interface Model {\n\t__observable: { [key: string]: Function[] };\n\tsubscribeModel(eventName: string, callback: SourceFollowerCallback): void;\n\temitChangeModel(eventName: string, source?: any[]): void;\n}\n\nexport function isModel(object: any): object is Model {\n\treturn object.__observable\n\t\t&& object.subscribeModel\n\t\t&& object.emitChangeModel;\n}\n\nexport function defineModel<T>(object: T): Model & T {\n\tif (typeof object !== 'object') {\n\t\tthrow new Error(`typeof ${typeof object} can't be a subscription model`);\n\t}\n\tif (isModel(object)) {\n\t\treturn object;\n\t}\n\tconst observable: { [key: string]: Function[] } = {};\n\tObject.defineProperty(object, '__observable', { value: observable });\n\tObject.defineProperty(object, 'subscribeModel', {\n\t\tvalue: (eventName: string, callback: Function) => {\n\t\t\tif (typeof callback !== 'function') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tobservable[eventName] = observable[eventName] || [];\n\t\t\tobservable[eventName].push(callback);\n\t\t}\n\t});\n\tObject.defineProperty(object, 'emitChangeModel', {\n\t\tvalue: (eventName: string, source?: any[]) => {\n\t\t\tif (!source) {\n\t\t\t\tsource = [object];\n\t\t\t} else {\n\t\t\t\tsource.push(object);\n\t\t\t}\n\t\t\tlet calls = Object.keys(observable)\n\t\t\t\t.filter(key => key.startsWith(eventName) || eventName.startsWith(key));\n\t\t\tcalls.forEach(key => {\n\t\t\t\tobservable[key].forEach(callback => callback.call(object, source));\n\t\t\t});\n\t\t}\n\t});\n\treturn object as Model & T;\n}\n\nexport function subscribe1way(obj1: {}, obj1PropName: string, callback: SourceFollowerCallback, obj2?: {}, obj2PropName?: string) {\n\tconst subject1 = defineModel<object>(isHTMLComponent(obj1) ? obj1._model : obj1);\n\tconst subject1Callback = (source: any[]) => {\n\t\tcallback(source);\n\t\tif (obj2 && obj2PropName) {\n\t\t\tlet subject2 = defineModel<object>(isHTMLComponent(obj2) ? obj2._model : obj2);\n\t\t\tif (obj2PropName && !source.includes(subject2)) {\n\t\t\t\tsubject2.emitChangeModel(obj2PropName, source);\n\t\t\t}\n\t\t}\n\t};\n\tconst subject1DestroyCallback = (source: any[]) => {\n\t\tconst subIndex = subject1.__observable[obj1PropName].indexOf(subject1Callback);\n\t\tsubject1.__observable[obj1PropName].splice(subIndex, 1);\n\t};\n\n\tsubject1.subscribeModel(obj1PropName, subject1Callback);\n\tsubject1.subscribeModel('destroy', subject1DestroyCallback);\n}\n\nexport function addChangeListener(observableModel: {}, propertyName: string, callback: () => void) {\n\tconst subject1 = defineModel<object>(isHTMLComponent(observableModel) ? observableModel._model : observableModel);\n\n\tconst subject1Callback = (source: any[]) => {\n\t\tcallback();\n\t};\n\tconst subject1DestroyCallback = (source: any[]) => {\n\t\tconst subIndex = subject1.__observable[propertyName].indexOf(subject1Callback);\n\t\tsubject1.__observable[propertyName].splice(subIndex, 1);\n\t};\n\n\tsubject1.subscribeModel(propertyName, subject1Callback);\n\tsubject1.subscribeModel('destroy', subject1DestroyCallback);\n}\n\nexport function subscribe2way(obj1: {}, obj1PropName: string, callback1: SourceFollowerCallback, obj2: {}, obj2PropName: string, callback2: SourceFollowerCallback) {\n\tconst subject1: Model = defineModel(isHTMLComponent(obj1) ? obj1._model : obj1);\n\tconst subject2: Model = defineModel(isHTMLComponent(obj2) ? obj2._model : obj2);\n\n\tconst subject1Callback = (source: any[]) => {\n\t\tcallback1(source);\n\t\tif (!source.includes(subject2)) {\n\t\t\tsubject2.emitChangeModel(obj2PropName, source);\n\t\t}\n\t};\n\tconst subject1DestroyCallback = (source: any[]) => {\n\t\tconst subIndex = subject1.__observable[obj1PropName].indexOf(subject1Callback);\n\t\tsubject1.__observable[obj1PropName].splice(subIndex, 1);\n\t};\n\n\tsubject1.subscribeModel(obj1PropName, subject1Callback);\n\tsubject1.subscribeModel('destroy', subject1DestroyCallback);\n\n\tconst subject2Callback = (source: any[]) => {\n\t\tcallback2(source);\n\t\tif (!source.includes(subject1)) {\n\t\t\tsubject1.emitChangeModel(obj1PropName, source);\n\t\t}\n\t};\n\tconst subject2DestroyCallback = (source: any[]) => {\n\t\tconst subIndex = subject2.__observable[obj2PropName].indexOf(subject1Callback);\n\t\tsubject2.__observable[obj2PropName].splice(subIndex, 1);\n\t};\n\n\tsubject2.subscribeModel(obj2PropName, subject2Callback);\n\tsubject2.subscribeModel('destroy', subject2DestroyCallback);\n}\n"]}

package/view/events.d.ts

@@ -1,2 +0,0 @@
-import type { ExpressionEventMap, Scope, Stack } from '@ibyar/expressions';
-export declare function findScopeMap(events: ExpressionEventMap, stack: Stack): Map<string, Scope<object>>;

package/view/events.js

@@ -1,25 +0,0 @@
-function visitInnerEvents(events, scope, rootName, scopeMap) {
-    const innerEventNames = Object.keys(events);
-    innerEventNames.forEach(eventName => {
-        if (eventName.startsWith(':')) {
-            return;
-        }
-        const innerScope = scope.getScope(eventName);
-        if (innerScope) {
-            const innerEventName = `${rootName}.${eventName}`;
-            scopeMap.set(innerEventName, innerScope);
-            visitInnerEvents(events[eventName], innerScope, innerEventName, scopeMap);
-        }
-    });
-}
-export function findScopeMap(events, stack) {
-    const scopeMap = new Map();
-    const rootEventNames = Object.keys(events);
-    rootEventNames.forEach(eventName => {
-        const scope = stack.findScope(eventName);
-        scopeMap.set(eventName, scope);
-        visitInnerEvents(events[eventName], scope, eventName, scopeMap);
-    });
-    return scopeMap;
-}
-//# sourceMappingURL=events.js.map

package/view/events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/core/view/events.ts"],"names":[],"mappings":"AAEA,SAAS,gBAAgB,CAAC,MAA0B,EAAE,KAAoB,EAAE,QAAgB,EAAE,QAAoC;IACjI,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5C,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QACnC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YAC9B,OAAO;SACP;QACD,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,UAAU,EAAE;YACf,MAAM,cAAc,GAAG,GAAG,QAAQ,IAAI,SAAS,EAAE,CAAC;YAClD,QAAQ,CAAC,GAAG,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;YACzC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;SAC1E;IACF,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAA0B,EAAE,KAAY;IACpE,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAyB,CAAC;IAClD,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3C,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAClC,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACzC,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC/B,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AACjB,CAAC","sourcesContent":["import type { ExpressionEventMap, Scope, Stack } from '@ibyar/expressions';\n\nfunction visitInnerEvents(events: ExpressionEventMap, scope: Scope<object>, rootName: string, scopeMap: Map<string, Scope<object>>) {\n\tconst innerEventNames = Object.keys(events);\n\tinnerEventNames.forEach(eventName => {\n\t\tif (eventName.startsWith(':')) {\n\t\t\treturn;\n\t\t}\n\t\tconst innerScope = scope.getScope(eventName);\n\t\tif (innerScope) {\n\t\t\tconst innerEventName = `${rootName}.${eventName}`;\n\t\t\tscopeMap.set(innerEventName, innerScope);\n\t\t\tvisitInnerEvents(events[eventName], innerScope, innerEventName, scopeMap);\n\t\t}\n\t});\n}\n\nexport function findScopeMap(events: ExpressionEventMap, stack: Stack) {\n\tconst scopeMap = new Map<string, Scope<object>>();\n\tconst rootEventNames = Object.keys(events);\n\trootEventNames.forEach(eventName => {\n\t\tconst scope = stack.findScope(eventName);\n\t\tscopeMap.set(eventName, scope);\n\t\tvisitInnerEvents(events[eventName], scope, eventName, scopeMap);\n\t});\n\treturn scopeMap;\n}\n"]}