@ibyar/core 0.8.6 → 1.0.0

package/annotation/decorators.js

@@ -1,77 +1,111 @@
+import { makeClassDecorator, makeClassMemberDecorator } from '@ibyar/decorators';
 import { Components } from '../component/component.js';
 import { ReflectComponents } from '../component/reflect.js';
 import { fetchHtml } from '../utils/path.js';
 export function Input(name) {
-    return (target, propertyKey) => {
-        ReflectComponents.addInput(target, propertyKey, name || propertyKey);
-    };
+    return makeClassMemberDecorator((value, context) => {
+        if (!name && typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
+        if (context.private) {
+            throw new SyntaxError(`private members '${context.name.toString()}' is not supported.`);
+        }
+        ReflectComponents.addInput(context.metadata, context.name, name || context.name);
+    });
 }
 export function FormValue() {
-    return (target, propertyKey) => {
-        ReflectComponents.addInput(target, propertyKey, 'value');
-    };
+    return makeClassMemberDecorator((value, context) => {
+        if (typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
+        if (context.private) {
+            throw new SyntaxError(`private members '${context.name.toString()}' is not supported.`);
+        }
+        ReflectComponents.addInput(context.metadata, context.name, 'value');
+    });
 }
 export function Output(name, options) {
     const eventType = typeof name === 'object' ? name.name : name;
     const eventOpts = typeof name === 'object' ? name : options;
-    return (target, propertyKey) => {
-        ReflectComponents.addOutput(target, propertyKey, eventType || propertyKey, {
+    return makeClassMemberDecorator((value, context) => {
+        if (typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
+        if (context.private) {
+            throw new SyntaxError(`private members '${context.name.toString()}' is not supported.`);
+        }
+        ReflectComponents.addOutput(context.metadata, context.name, eventType || context.name, {
             bubbles: eventOpts?.bubbles ?? false,
             composed: eventOpts?.composed ?? false
         });
-    };
+    });
 }
 export function View() {
-    return (target, propertyKey) => {
-        ReflectComponents.setComponentView(target, propertyKey);
-    };
+    return makeClassMemberDecorator((value, context) => {
+        if (typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
+        if (context.private) {
+            throw new SyntaxError(`private members '${context.name.toString()}' is not supported.`);
+        }
+        ReflectComponents.setComponentView(context.metadata, context.name);
+    });
 }
 export function ViewChild(selector, childOptions) {
-    return (target, propertyKey) => {
-        ReflectComponents.addViewChild(target, propertyKey, selector, childOptions);
-    };
+    return makeClassMemberDecorator((value, context) => {
+        if (typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
+        if (context.private) {
+            throw new SyntaxError(`private members '${context.name.toString()}' is not supported.`);
+        }
+        ReflectComponents.addViewChild(context.metadata, context.name, selector, childOptions);
+    });
 }
 export function ViewChildren(selector) {
-    return (target, propertyKey) => {
-        ReflectComponents.addViewChildren(target, propertyKey, selector);
-    };
+    return makeClassMemberDecorator((value, context) => {
+        if (typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
+        if (context.private) {
+            throw new SyntaxError(`private members '${context.name.toString()}' is not supported.`);
+        }
+        ReflectComponents.addViewChildren(context.metadata, context.name, selector);
+    });
 }
 export function HostListener(eventName, args) {
-    return (target, propertyKey) => {
+    return makeClassMemberDecorator((value, context) => {
+        if (typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
         args = typeof args === 'string' ? [args] : args;
-        ReflectComponents.addHostListener(target, propertyKey, eventName, args || []);
-    };
+        ReflectComponents.addHostListener(context.metadata, context.name, eventName, args || []);
+    });
 }
 export function HostBinding(hostPropertyName) {
-    return (target, propertyKey) => {
-        ReflectComponents.addHostBinding(target, propertyKey, hostPropertyName);
-    };
-}
-export function Pipe(opt) {
-    return (target) => {
-        Components.definePipe(target, opt);
-        return target;
-    };
-}
-export function Service(opt) {
-    return (target) => {
-        Components.defineService(target, opt);
-        return target;
-    };
-}
-export function Directive(opt) {
-    return (target) => {
-        Components.defineDirective(target, opt);
-        return target;
-    };
-}
-function generateComponent(target, opt) {
+    return makeClassMemberDecorator((value, context) => {
+        if (typeof context.name !== 'string') {
+            throw new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);
+        }
+        if (context.private) {
+            throw new SyntaxError(`private members '${context.name.toString()}' is not supported.`);
+        }
+        ReflectComponents.addHostBinding(context.metadata, context.name, hostPropertyName);
+    });
+}
+export const Pipe = makeClassDecorator((opt, constructor, context) => {
+    Components.definePipe(constructor, opt, context.metadata);
+});
+export const Directive = makeClassDecorator((opt, constructor, context) => {
+    Components.defineDirective(constructor, opt, context.metadata);
+});
+function generateComponent(target, opt, metadata) {
     if (opt.templateUrl) {
         fetchHtml(opt.templateUrl)
             .then(htmlTemplate => {
             if (htmlTemplate) {
                 opt.template = htmlTemplate;
-                Components.defineComponent(target, opt);
+                Components.defineComponent(target, opt, metadata);
             }
         })
             .catch(reason => {
@@ -79,46 +113,20 @@ function generateComponent(target, opt) {
         });
     }
     else {
-        Components.defineComponent(target, opt);
+        Components.defineComponent(target, opt, metadata);
     }
 }
-export function Component(opt) {
-    return (target) => {
-        if (Array.isArray(opt)) {
-            for (const comp of opt) {
-                generateComponent(target, comp);
-            }
-        }
-        else if (typeof opt === 'object') {
-            generateComponent(target, opt);
+export const Component = makeClassDecorator((opt, constructor, context) => {
+    if (Array.isArray(opt)) {
+        for (const comp of opt) {
+            generateComponent(constructor, comp, context.metadata);
         }
-        return target;
-    };
-}
-export function SelfSkip(name) {
-    return (target, propertyKey, index) => {
-        let metadata = Reflect.getMetadata('selfskip', target, propertyKey);
-        if (!metadata) {
-            metadata = {};
-            Reflect.defineMetadata('selfskip', metadata, target, propertyKey);
-        }
-        metadata[index] = name;
-    };
-}
-export function Optional() {
-    return (target, propertyKey, index) => {
-        let metadata = Reflect.getMetadata('optional', target, propertyKey);
-        if (!metadata) {
-            metadata = {};
-            Reflect.defineMetadata('optional', metadata, target, propertyKey);
-        }
-        metadata[index] = true;
-    };
-}
-export function customElement(opt) {
-    return (target) => {
-        Components.defineView(target, opt);
-        return target;
-    };
-}
+    }
+    else if (typeof opt === 'object') {
+        generateComponent(constructor, opt, context.metadata);
+    }
+});
+export const customElement = makeClassDecorator((opt, constructor, context) => {
+    Components.defineView(constructor, opt);
+});
 //# sourceMappingURL=decorators.js.map

package/annotation/decorators.js.map

@@ -1 +1 @@
-{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../../src/core/annotation/decorators.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TypeOf } from '../utils/typeof.js';\nimport { DomNode } from '@ibyar/elements';\nimport { Components } from '../component/component.js';\nimport { ReflectComponents } from '../component/reflect.js';\nimport { fetchHtml, TemplateUrl } from '../utils/path.js';\nimport { ZoneType } from '../zone/bootstrap.js';\nimport { ValueControl } from '../component/custom-element.js';\n\n\nexport interface DirectiveOptions {\n\n\t/**\n\t * the name of the directive which is used in the template\n\t * \n\t * a structural directive name should start with `*`,\n\t * and an attributes directive should not.\n\t */\n\tselector: string;\n\n\t/**\n\t * - use `manual` for no zone.js patch effect applied,\n\t *  and used for manual change detection for heavily process components.\n\t * \n\t * - use `proxy` zone for automatic detect changes without use of `zone.js`\n\t * \n\t * - use `aurora` for detection events like `rxjs` observables, `setTimeout`,\n\t *  `setInterval` and `fetch` and `XMLHttpRequest`, etc...\n\t * make sure that `zone.js` is imported in the polyfills module. \n\t * \n\t * if no value specified, the value will be initialized by the custom element `web component` zone,\n\t *  - if the web component zone is `manual`, the directive zone also will be `manual`, expect weird behavior.\n\t *  - if the web component zone is `proxy`, the directive zone also will be `proxy`.\n\t *  - if the web component zone is `aurora`, the directive zone also will be `aurora` and will get the benefit of `zone.js`.\n\t */\n\tzone?: ZoneType;\n}\n\nexport interface ServiceOptions {\n\tprovideIn?: TypeOf<CustomElementConstructor> | 'root' | 'platform' | 'any';\n}\n\nexport interface PipeOptions {\n\tname: string;\n\tasynchronous?: boolean;\n}\n\nexport interface ComponentOptions<T = Function> {\n\t/**\n\t * a tag name for the component,\n\t * if the tag name is valid custom element name, the view class will be a custom element,\n\t * otherwise an HTMLUnknownElement will be created\n\t */\n\tselector: string;\n\n\t/**\n\t * add html file url path to fetch,\n\t * templateUrl had propriety than template, and will override it.\n\t *\n\t * Can provide file name as \"person-view.html\" will resolved \n\t * as 'http://site-address.org/persin-view.html',\n\t * \n\t * OR as an object { moduleMeta: import.meta, filename: 'person-edit.html' }\n\t *  let (import.meta = '/person/person.js') will resolved \n\t * as 'http://site-address.org/person/person-edit.html',\n\t * \n\t * OR as an object { moduleMeta: import.meta }\n\t * let (import.meta = '/person/person.js') will resolved as 'http://site-address.org/person/person.html'.\n\t * \n\t * if url not found, component will not be defined,\n\t * \n\t * if you didn't use webpack or rollup.js or any bundler, \n\t * you should copy the html files to its folder by yourself. \n\t */\n\ttemplateUrl?: TemplateUrl | string;\n\t/**\n\t * template: typeof 'string' ==> html string,\n\t * \t\t\t TypeOf 'DomRootRenderNode<T>' ==> JSX, create factory\n\t * \tif template === null || undefined ==> it had nothing to render, \n\t * and may be inherit from an html element\n\t * \n\t * 2 possible way to write a template, as inline string, represent a a valid html, \n\t * or us aurora jsx factory \n\t * \t\t\t\t\n\t */\n\ttemplate?: string | DomNode;\n\t/**\n\t * style for this element\n\t */\n\tstyles?: string | { [key: string]: string }[];\n\t/**\n\t * what basic element should the new component inherit from,\n\t * the tag name to inherit from as 'a', 'div', 'table', 'td', 'th', 'tr', etc ...\n\t */\n\textend?: keyof HTMLElementTagNameMap;\n\n\t/**\n\t * An encapsulation policy for the template and CSS styles. One of:\n\t *  'custom': Use global CSS without any encapsulation.\n\t *  'shadow-dom': Use Shadow DOM v1 to encapsulate styles.\n\t * \n\t *  'template': like 'custom', with load the template from the document ('index.html' file)\n\t * \t \t\t\tthat had the same id as the component \"selector\".\n\t *  'shadow-dom-template': like 'shadowDom', and load template by selector id.\n\t * \n\t * Both 'template' & 'shadow-dom-template' encapsulation type:\n\t *  should had attributes name like lowercase,\n\t * \tthe browser itself, will convert all attributes to lowercase\n\t * \n\t * ```typescript\n\t *\t\t@Input('personage') personAge: number;\n\t *\t\t@Input('propname') propName: string;\n\t *\t\t@Output('savebuttonclick') saveButtonClick = new EventEmitter<Persons>();\n\t *\t\t@View('personform') personForm: HTMLFormElement;\n\t * ```\n\t * \n\t * any root element as \n\t * \n\t * ```html\n\t * <root-app></root-app>\n\t * ```\n\t * \n\t * the supported bind options is 'One way binding *(as passing data only)'\n\t *  and 'template parsing' and 'event binding' syntax, HTML (angular) like.\n\t * it load its attributes from 'window object'\n\t * \n\t * so to pass date to A root element, \n\t * \n\t * ```html\n\t * <script>\n\t * \tlet appVersion = '0.1.504';\n\t * \tfunction onRootAppClick() {\n\t *\t\tconsole.log('root app clicked');\n\t * \t}\n\t * \tfunction onSave(data){\n\t *\t\tconsole.log('root app save', data);\n\t * \t}\n\t * </script>\n\t * <root-app [version]=\"appVersion\" \n\t * \t\tonclick=\"onRootAppClick()\"\n\t * \t\t(save)=\"onSave()\" ></root-app>\n\t * ```\n\t * \n\t * default is 'custom'\n\t * @type {'custom' | 'shadowDom' | 'template' | 'shadowDom-template'}\n\t */\n\tencapsulation?: 'custom' | 'shadow-dom' | 'template' | 'shadow-dom-template';\n\n\t/**\n\t * default: 'open'\n\t */\n\tshadowDomMode?: ShadowRootMode;\n\n\t/**\n\t * default: false\n\t */\n\tshadowDomDelegatesFocus?: boolean;\n\n\t/**\n\t * Create a custom form-associated element with HTMLElement.attachInternals\n\t * default: false\n\t * \n\t * if the value is `true` it is expected from the model class to implement `ValueControl<T>` interface\n\t * \n\t * otherwise you can register another class that implement `ValueControl<T>`,\n\t * in case if you want split the model and the value controller.\n\t * \n\t * #### Usage Notes:\n\t * \n\t * ```ts\n\t * \n\t * @Component({\n\t * \tselector: 'custom-message',\n\t * \ttemplate: `\n\t * \t\t<label for=\"message\">Message</label>\n\t * \t\t<textarea id=\"message\" [(value)]=\"message\" [disabled]=\"disabled\" (change)=\"onMessageChange($event.target.value)\"></textarea>\n\t * \t`,\n\t * \tformAssociated: true,\n\t * \t// formAssociated: CustomMessage,\n\t * })\n\t * export class CustomMessage implements ValueControl<string> {\n\t * \n\t * \tprivate message: string | null = '';\n\t * \tprivate disabled: boolean = false;\n\t * \tprivate _onChange: (_: any) => void = () => {};\n\t * \n\t * \twriteValue({ value, mode }: WriteValueOptions<string>) {\n\t * \t\tthis.message = mode !== 'reset' ? value : '';\n\t * \t}\n\t * \n\t * \tregisterOnChange(fn: (_: any) => void): void {\n\t * \t\tthis._onChange = fn;\n\t * \t}\n\t * \n\t * \tsetDisabledState(isDisabled: boolean) {\n\t * \t\tthis.disabled = isDisabled;\n\t * \t}\n\t * \n\t * \tonMessageChange(message: string) {\n\t * \t\tthis._onChange(message);\n\t * \t}\n\t * \t\n\t * }\n\t * \n\t * \n\t * export class CustomInputValueControl implements ValueControl<number> {\n\t * \n\t * \tprivate _value: number | null = null;\n\t * \tprivate _disabled: boolean = false;\n\t * \tprivate _onChange: (_: any) => void = () => {};\n\t * \n\t * \twriteValue({ value, mode }: WriteValueOptions<number>) {\n\t * \t\tthis._value = mode !== 'reset' ? value : null;\n\t * \t}\n\t * \n\t * \tregisterOnChange(fn: (_: any) => void): void {\n\t * \t\tthis._onChange = fn;\n\t * \t}\n\t * \n\t * \tsetDisabledState(isDisabled: boolean) {\n\t * \t\tthis._disabled = isDisabled;\n\t * \t}\n\t * \t\n\t * }\n\t * \n\t * @Component({\n\t * \tselector: 'custom-input',\n\t * \textend: 'input',\n\t * \tformAssociated: CustomInputValueControl,\n\t * })\n\t * export class CustomInputElement {\n\t * \t@View()\n\t * \tview: HTMLInputElement;\n\t * \n\t * \tonInit() {\n\t * \t\tthis.view.type = 'number';\n\t * \t}\n\t * }\n\t * \n\t * ```\n\t */\n\tformAssociated?: boolean | TypeOf<ValueControl<any>>;\n\n\t/**\n\t * - use `manual` for no zone.js patch effect applied,\n\t *  and used for manual change detection for heavily process components.\n\t * \n\t * - use `proxy` zone for automatic detect changes without use of `zone.js`\n\t * \n\t * - use `aurora` for detection events like `rxjs` observables, `setTimeout`,\n\t *  `setInterval` and `fetch` and `XMLHttpRequest`, etc...\n\t * make sure that `zone.js` is imported in the polyfills module. \n\t * \n\t * the default value is the platform zone type which can be changed by:\n\t * \n\t * ```js\n\t * bootstrapZone('manual')\n\t * bootstrapZone('proxy')\n\t * bootstrapZone('aurora')\n\t * ```\n\t * \n\t * if `bootstrapZone` never been called, then the default zone is a `manual`.\n\t */\n\tzone?: ZoneType;\n\n\t/**\n\t * The imports property specifies the component's template dependencies — those directives, components, and pipes that can be used within its template.\n\t */\n\timports?: (TypeOf<any> | ReadonlyArray<any>)[];\n}\n\nexport interface ChildOptions {\n\t[key: string]: any;\n}\n\nexport interface ViewChildOpt {\n\tselector: string | typeof HTMLElement | CustomElementConstructor;\n\tchildOptions?: ChildOptions;\n}\n\nexport function Input(name?: string): Function {\n\treturn (target: Object, propertyKey: string) => {\n\t\tReflectComponents.addInput(target, propertyKey, name || propertyKey);\n\t};\n}\n\nexport function FormValue(): Function {\n\treturn (target: Object, propertyKey: string) => {\n\t\tReflectComponents.addInput(target, propertyKey, 'value');\n\t};\n}\n\nexport type OutputEventInit = Omit<EventInit, 'cancelable'>;\nexport type OutputOptions = { name?: string } & OutputEventInit;\n\nexport function Output(options?: OutputOptions): Function;\nexport function Output(name?: string, options?: OutputEventInit): Function;\nexport function Output(name?: string | OutputOptions, options?: OutputEventInit): Function {\n\tconst eventType = typeof name === 'object' ? name.name : name;\n\tconst eventOpts = typeof name === 'object' ? name : options;\n\treturn (target: Object, propertyKey: string) => {\n\t\tReflectComponents.addOutput(\n\t\t\ttarget,\n\t\t\tpropertyKey, eventType || propertyKey,\n\t\t\t{\n\t\t\t\tbubbles: eventOpts?.bubbles ?? false,\n\t\t\t\tcomposed: eventOpts?.composed ?? false\n\t\t\t}\n\t\t);\n\t};\n}\n\nexport function View(): Function {\n\treturn (target: Object, propertyKey: string) => {\n\t\tReflectComponents.setComponentView(target, propertyKey);\n\t};\n}\n\nexport function ViewChild(selector: string | typeof HTMLElement | CustomElementConstructor,\n\tchildOptions?: ChildOptions): Function {\n\treturn (target: Object, propertyKey: string) => {\n\t\tReflectComponents.addViewChild(target, propertyKey, selector, childOptions);\n\t};\n}\n\nexport function ViewChildren(selector: string | typeof HTMLElement | CustomElementConstructor): Function {\n\treturn (target: Object, propertyKey: string) => {\n\t\tReflectComponents.addViewChildren(target, propertyKey, selector);\n\t};\n}\n\nexport function HostListener(eventName: string, args?: string | string[]): Function {\n\treturn (target: Object, propertyKey: string) => {\n\t\targs = typeof args === 'string' ? [args] : args;\n\t\tReflectComponents.addHostListener(\n\t\t\ttarget,\n\t\t\tpropertyKey,\n\t\t\teventName,\n\t\t\targs || []\n\t\t);\n\t};\n}\n\nexport function HostBinding(hostPropertyName: string): Function {\n\treturn (target: Object, propertyKey: string) => {\n\t\tReflectComponents.addHostBinding(target, propertyKey, hostPropertyName);\n\t};\n}\n\nexport function Pipe(opt: PipeOptions): Function {\n\treturn (target: Function) => {\n\t\tComponents.definePipe(target, opt);\n\t\treturn target;\n\t};\n}\n\nexport function Service(opt: ServiceOptions): Function {\n\treturn (target: Function) => {\n\t\tComponents.defineService(target, opt);\n\t\treturn target;\n\t};\n}\n\nexport function Directive(opt: DirectiveOptions): Function {\n\treturn (target: Function) => {\n\t\tComponents.defineDirective(target, opt);\n\t\treturn target;\n\t};\n}\n\nfunction generateComponent<T extends { new(...args: any[]): {} }>(target: TypeOf<T>, opt: ComponentOptions<T>) {\n\tif (opt.templateUrl) {\n\t\tfetchHtml(opt.templateUrl)\n\t\t\t.then(htmlTemplate => {\n\t\t\t\tif (htmlTemplate) {\n\t\t\t\t\topt.template = htmlTemplate;\n\t\t\t\t\tComponents.defineComponent(target, opt);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(reason => {\n\t\t\t\tconsole.error(`Error @URL: ${opt.templateUrl}, for model Class: ${target.name},\\n Reason: ${reason}.`);\n\t\t\t});\n\t} else {\n\t\tComponents.defineComponent(target, opt);\n\t}\n}\n\nexport function Component<T extends { new(...args: any[]): {} }>(opt: ComponentOptions<T> | ComponentOptions<T>[]): Function {\n\treturn (target: TypeOf<T>) => {\n\t\tif (Array.isArray(opt)) {\n\t\t\tfor (const comp of opt) {\n\t\t\t\tgenerateComponent(target, comp);\n\t\t\t}\n\t\t} else if (typeof opt === 'object') {\n\t\t\tgenerateComponent(target, opt);\n\t\t}\n\t\treturn target;\n\t};\n}\n\nexport function SelfSkip(name?: string): Function {\n\treturn (target: Function, propertyKey: string, index: number) => {\n\t\tlet metadata = Reflect.getMetadata('selfskip', target, propertyKey);\n\t\tif (!metadata) {\n\t\t\tmetadata = {};\n\t\t\tReflect.defineMetadata('selfskip', metadata, target, propertyKey);\n\t\t}\n\t\tmetadata[index] = name;\n\t};\n}\n\nexport function Optional(): Function {\n\treturn (target: Function, propertyKey: string, index: number) => {\n\t\tlet metadata = Reflect.getMetadata('optional', target, propertyKey);\n\t\tif (!metadata) {\n\t\t\tmetadata = {};\n\t\t\tReflect.defineMetadata('optional', metadata, target, propertyKey);\n\t\t}\n\t\tmetadata[index] = true;\n\t};\n}\n\nexport function customElement<T extends HTMLElement>(opt: { selector: string } & ElementDefinitionOptions): Function {\n\treturn (target: TypeOf<T>) => {\n\t\tComponents.defineView(target, opt);\n\t\treturn target;\n\t};\n}\n"]}
+{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../../src/core/annotation/decorators.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Class } from '../utils/typeof.js';\nimport {\n\tMetadataClass, MetadataContext,\n\tmakeClassDecorator, makeClassMemberDecorator\n} from '@ibyar/decorators';\nimport { Components } from '../component/component.js';\nimport { ReflectComponents } from '../component/reflect.js';\nimport { fetchHtml } from '../utils/path.js';\nimport {\n\tChildOptions, ComponentOptions, DirectiveOptions,\n\tOutputEventInit, OutputOptions, PipeOptions, ServiceOptions\n} from './options.js';\n\n\n\ntype PropertyValue<T> = T | ((value: T) => void) | undefined;\n\n\nexport function Input<This, Value>(name?: string) {\n\treturn makeClassMemberDecorator<PropertyValue<Value>, ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>>(\n\t\t(value, context) => {\n\t\t\tif (!name && typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\tif (context.private) {\n\t\t\t\tthrow new SyntaxError(`private members '${context.name.toString()}' is not supported.`);\n\t\t\t}\n\t\t\tReflectComponents.addInput(context.metadata, context.name as string, name || context.name as string);\n\t\t}\n\t);\n}\n\nexport function FormValue<This, Value>() {\n\treturn makeClassMemberDecorator<PropertyValue<Value>, ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>>(\n\t\t(value, context) => {\n\t\t\tif (typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\tif (context.private) {\n\t\t\t\tthrow new SyntaxError(`private members '${context.name.toString()}' is not supported.`);\n\t\t\t}\n\t\t\tReflectComponents.addInput(context.metadata, context.name, 'value');\n\t\t}\n\t);\n}\n\nexport function Output<This, Value>(options?: OutputOptions): (value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;\nexport function Output<This, Value>(name?: string, options?: OutputEventInit): (value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;\nexport function Output<This, Value>(name?: string | OutputOptions, options?: OutputEventInit): (value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void {\n\tconst eventType = typeof name === 'object' ? name.name : name;\n\tconst eventOpts = typeof name === 'object' ? name : options;\n\treturn makeClassMemberDecorator<undefined, ClassFieldDecoratorContext<This, Value>>(\n\t\t(value, context) => {\n\t\t\tif (typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\tif (context.private) {\n\t\t\t\tthrow new SyntaxError(`private members '${context.name.toString()}' is not supported.`);\n\t\t\t}\n\t\t\tReflectComponents.addOutput(\n\t\t\t\tcontext.metadata,\n\t\t\t\tcontext.name,\n\t\t\t\teventType || context.name,\n\t\t\t\t{\n\t\t\t\t\tbubbles: eventOpts?.bubbles ?? false,\n\t\t\t\t\tcomposed: eventOpts?.composed ?? false\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n}\n\nexport function View<This, Value>() {\n\treturn makeClassMemberDecorator<PropertyValue<Value>, ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>>(\n\t\t(value, context) => {\n\t\t\tif (typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\tif (context.private) {\n\t\t\t\tthrow new SyntaxError(`private members '${context.name.toString()}' is not supported.`);\n\t\t\t}\n\t\t\tReflectComponents.setComponentView(context.metadata, context.name);\n\t\t}\n\t);\n}\n\nexport function ViewChild<This, Value>(selector: string | typeof HTMLElement | CustomElementConstructor, childOptions?: ChildOptions) {\n\treturn makeClassMemberDecorator<PropertyValue<Value>, ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>>(\n\t\t(value, context) => {\n\t\t\tif (typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\tif (context.private) {\n\t\t\t\tthrow new SyntaxError(`private members '${context.name.toString()}' is not supported.`);\n\t\t\t}\n\t\t\tReflectComponents.addViewChild(context.metadata, context.name, selector, childOptions);\n\t\t}\n\t);\n}\n\nexport function ViewChildren<This, Value>(selector: string | typeof HTMLElement | CustomElementConstructor) {\n\treturn makeClassMemberDecorator<PropertyValue<Value>, ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>>(\n\t\t(value, context) => {\n\t\t\tif (typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\tif (context.private) {\n\t\t\t\tthrow new SyntaxError(`private members '${context.name.toString()}' is not supported.`);\n\t\t\t}\n\t\t\tReflectComponents.addViewChildren(context.metadata, context.name, selector);\n\t\t}\n\t);\n}\n\n\nexport function HostListener<This, Value extends (this: This, ...args: any) => any>(eventName: string, args?: string | string[]) {\n\treturn makeClassMemberDecorator<Value, ClassMethodDecoratorContext>(\n\t\t(value, context) => {\n\t\t\tif (typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\targs = typeof args === 'string' ? [args] : args;\n\t\t\tReflectComponents.addHostListener(\n\t\t\t\tcontext.metadata,\n\t\t\t\tcontext.name,\n\t\t\t\teventName,\n\t\t\t\targs || []\n\t\t\t);\n\t\t}\n\t);\n}\n\n\ntype ValueGetter<T> = T | (() => T) | undefined;\n\nexport function HostBinding<This, Value>(hostPropertyName: string) {\n\treturn makeClassMemberDecorator<ValueGetter<Value>, ClassFieldDecoratorContext<This, Value> | ClassMethodDecoratorContext<This, any> | ClassGetterDecoratorContext<This, Value>>(\n\t\t(value, context) => {\n\t\t\tif (typeof context.name !== 'string') {\n\t\t\t\tthrow new TypeError(`type ${typeof context.name} of '${context.name.toString()}' is not supported`);\n\t\t\t}\n\t\t\tif (context.private) {\n\t\t\t\tthrow new SyntaxError(`private members '${context.name.toString()}' is not supported.`);\n\t\t\t}\n\t\t\tReflectComponents.addHostBinding(context.metadata, context.name, hostPropertyName);\n\t\t}\n\t);\n}\n\nexport const Pipe = makeClassDecorator<PipeOptions>(\n\t(opt, constructor, context) => {\n\t\tComponents.definePipe(constructor as any, opt, context.metadata);\n\t}\n);\n\n\nexport const Directive = makeClassDecorator<DirectiveOptions>(\n\t(opt, constructor, context) => {\n\t\tComponents.defineDirective(constructor as any, opt, context.metadata);\n\t}\n);\n\n\nfunction generateComponent<T extends Class>(target: MetadataClass<T>, opt: ComponentOptions<T>, metadata: MetadataContext) {\n\tif (opt.templateUrl) {\n\t\tfetchHtml(opt.templateUrl)\n\t\t\t.then(htmlTemplate => {\n\t\t\t\tif (htmlTemplate) {\n\t\t\t\t\topt.template = htmlTemplate;\n\t\t\t\t\tComponents.defineComponent(target, opt, metadata);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(reason => {\n\t\t\t\tconsole.error(`Error @URL: ${opt.templateUrl}, for model Class: ${target.name},\\n Reason: ${reason}.`);\n\t\t\t});\n\t} else {\n\t\tComponents.defineComponent(target, opt, metadata);\n\t}\n}\n\nexport const Component = makeClassDecorator<ComponentOptions | ComponentOptions[]>(\n\t(opt, constructor, context) => {\n\t\tif (Array.isArray(opt)) {\n\t\t\tfor (const comp of opt) {\n\t\t\t\tgenerateComponent(constructor as any, comp, context.metadata);\n\t\t\t}\n\t\t} else if (typeof opt === 'object') {\n\t\t\tgenerateComponent(constructor as any, opt, context.metadata);\n\t\t}\n\t}\n);\n\nexport const customElement = makeClassDecorator<{ selector: string } & ElementDefinitionOptions, Class<HTMLElement>>(\n\t(opt, constructor, context) => {\n\t\tComponents.defineView(constructor as any, opt);\n\t}\n);\n"]}

package/annotation/options.d.ts

@@ -0,0 +1,275 @@
+import type { Class, TypeOf } from '../utils/typeof.js';
+import { DomNode } from '@ibyar/elements';
+import { TemplateUrl } from '../utils/path.js';
+import { ZoneType } from '../zone/bootstrap.js';
+import { ValueControl } from '../component/custom-element.js';
+export interface DirectiveOptions {
+    /**
+     * the name of the directive which is used in the template
+     *
+     * a structural directive name should start with `*`,
+     * and an attributes directive should not.
+     */
+    selector: string;
+    /**
+     * - use `manual` for no zone.js patch effect applied,
+     *  and used for manual change detection for heavily process components.
+     *
+     * - use `proxy` zone for automatic detect changes without use of `zone.js`
+     *
+     * - use `aurora` for detection events like `rxjs` observables, `setTimeout`,
+     *  `setInterval` and `fetch` and `XMLHttpRequest`, etc...
+     * make sure that `zone.js` is imported in the polyfills module.
+     *
+     * if no value specified, the value will be initialized by the custom element `web component` zone,
+     *  - if the web component zone is `manual`, the directive zone also will be `manual`, expect weird behavior.
+     *  - if the web component zone is `proxy`, the directive zone also will be `proxy`.
+     *  - if the web component zone is `aurora`, the directive zone also will be `aurora` and will get the benefit of `zone.js`.
+     */
+    zone?: ZoneType;
+}
+export interface ServiceOptions {
+    provideIn?: TypeOf<CustomElementConstructor> | 'root' | 'platform' | 'any';
+}
+export interface PipeOptions {
+    name: string;
+    asynchronous?: boolean;
+}
+export interface ComponentOptions<T = Class> {
+    /**
+     * a tag name for the component,
+     * if the tag name is valid custom element name, the view class will be a custom element,
+     * otherwise an HTMLUnknownElement will be created
+     */
+    selector: string;
+    /**
+     * add html file url path to fetch,
+     * templateUrl had propriety than template, and will override it.
+     *
+     * Can provide file name as "person-view.html" will resolved
+     * as 'http://site-address.org/persin-view.html',
+     *
+     * OR as an object { moduleMeta: import.meta, filename: 'person-edit.html' }
+     *  let (import.meta = '/person/person.js') will resolved
+     * as 'http://site-address.org/person/person-edit.html',
+     *
+     * OR as an object { moduleMeta: import.meta }
+     * let (import.meta = '/person/person.js') will resolved as 'http://site-address.org/person/person.html'.
+     *
+     * if url not found, component will not be defined,
+     *
+     * if you didn't use webpack or rollup.js or any bundler,
+     * you should copy the html files to its folder by yourself.
+     */
+    templateUrl?: TemplateUrl | string;
+    /**
+     * template: typeof 'string' ==> html string,
+     * 			 TypeOf 'DomRootRenderNode<T>' ==> JSX, create factory
+     * 	if template === null || undefined ==> it had nothing to render,
+     * and may be inherit from an html element
+     *
+     * 2 possible way to write a template, as inline string, represent a a valid html,
+     * or us aurora jsx factory
+     *
+     */
+    template?: string | DomNode;
+    /**
+     * style for this element
+     */
+    styles?: string | {
+        [key: string]: string;
+    }[];
+    /**
+     * what basic element should the new component inherit from,
+     * the tag name to inherit from as 'a', 'div', 'table', 'td', 'th', 'tr', etc ...
+     */
+    extend?: keyof HTMLElementTagNameMap;
+    /**
+     * An encapsulation policy for the template and CSS styles. One of:
+     *  'custom': Use global CSS without any encapsulation.
+     *  'shadow-dom': Use Shadow DOM v1 to encapsulate styles.
+     *
+     *  'template': like 'custom', with load the template from the document ('index.html' file)
+     * 	 			that had the same id as the component "selector".
+     *  'shadow-dom-template': like 'shadowDom', and load template by selector id.
+     *
+     * Both 'template' & 'shadow-dom-template' encapsulation type:
+     *  should had attributes name like lowercase,
+     * 	the browser itself, will convert all attributes to lowercase
+     *
+     * ```typescript
+     *		@Input('personage') personAge: number;
+     *		@Input('propname') propName: string;
+     *		@Output('savebuttonclick') saveButtonClick = new EventEmitter<Persons>();
+     *		@View('personform') personForm: HTMLFormElement;
+     * ```
+     *
+     * any app root element as
+     *
+     * ```html
+     * <app-root></app-root>
+     * ```
+     *
+     * the supported bind options is 'One way binding *(as passing data only)'
+     *  and 'template parsing' and 'event binding' syntax, HTML (angular) like.
+     * it load its attributes from 'window object'
+     *
+     * so to pass date to A root element,
+     *
+     * ```html
+     * <script>
+     * 	const appVersion = '0.1.504';
+     * 	function onRootAppClick() {
+     *		console.log('root app clicked');
+     * 	}
+     * 	function onSave(data){
+     *		console.log('root app save', data);
+     * 	}
+     * </script>
+     * <app-root [version]="appVersion"
+     * 		onclick="onRootAppClick()"
+     * 		(save)="onSave()" >
+     * </app-root>
+     * ```
+     *
+     * default is 'custom'
+     * @type {'custom' | 'shadowDom' | 'template' | 'shadowDom-template'}
+     */
+    encapsulation?: 'custom' | 'shadow-dom' | 'template' | 'shadow-dom-template';
+    /**
+     * default: 'open' when encapsulation used,
+     * otherwise it is undefined and will not attach shadow root element.
+     */
+    shadowDomMode?: ShadowRootMode;
+    /**
+     * default: false
+     */
+    shadowDomDelegatesFocus?: boolean;
+    /**
+     * shadow root initialization options,
+     * default mode: `open`, delegatesFocus: `false` and slotAssignment: `manual`
+     */
+    shadowRootInit?: Partial<ShadowRootInit>;
+    /**
+     * Create a custom form-associated element with HTMLElement.attachInternals
+     * default: false
+     *
+     * if the value is `true` it is expected from the model class to implement `ValueControl<T>` interface
+     *
+     * otherwise you can register another class that implement `ValueControl<T>`,
+     * in case if you want split the model and the value controller.
+     *
+     * #### Usage Notes:
+     *
+     * ```ts
+     *
+     * @Component({
+     * 	selector: 'custom-message',
+     * 	template: `
+     * 		<label for="message">Message</label>
+     * 		<textarea id="message" [(value)]="message" [disabled]="disabled" (change)="onMessageChange($event.target.value)"></textarea>
+     * 	`,
+     * 	formAssociated: true,
+     * 	// formAssociated: CustomMessage,
+     * })
+     * export class CustomMessage implements ValueControl<string> {
+     *
+     * 	private message: string | null = '';
+     * 	private disabled: boolean = false;
+     * 	private _onChange: (_: any) => void = () => {};
+     *
+     * 	writeValue({ value, mode }: WriteValueOptions<string>) {
+     * 		this.message = mode !== 'reset' ? value : '';
+     * 	}
+     *
+     * 	registerOnChange(fn: (_: any) => void): void {
+     * 		this._onChange = fn;
+     * 	}
+     *
+     * 	setDisabledState(isDisabled: boolean) {
+     * 		this.disabled = isDisabled;
+     * 	}
+     *
+     * 	onMessageChange(message: string) {
+     * 		this._onChange(message);
+     * 	}
+     *
+     * }
+     *
+     *
+     * export class CustomInputValueControl implements ValueControl<number> {
+     *
+     * 	private _value: number | null = null;
+     * 	private _disabled: boolean = false;
+     * 	private _onChange: (_: any) => void = () => {};
+     *
+     * 	writeValue({ value, mode }: WriteValueOptions<number>) {
+     * 		this._value = mode !== 'reset' ? value : null;
+     * 	}
+     *
+     * 	registerOnChange(fn: (_: any) => void): void {
+     * 		this._onChange = fn;
+     * 	}
+     *
+     * 	setDisabledState(isDisabled: boolean) {
+     * 		this._disabled = isDisabled;
+     * 	}
+     *
+     * }
+     *
+     * @Component({
+     * 	selector: 'custom-input',
+     * 	extend: 'input',
+     * 	formAssociated: CustomInputValueControl,
+     * })
+     * export class CustomInputElement {
+     *
+     *  @View()
+     * 	view: HTMLInputElement;
+     *
+     * 	onInit() {
+     * 		this.view.type = 'number';
+     * 	}
+     * }
+     *
+     * ```
+     */
+    formAssociated?: boolean | TypeOf<ValueControl<any>>;
+    /**
+     * - use `manual` for no zone.js patch effect applied,
+     *  and used for manual change detection for heavily process components.
+     *
+     * - use `proxy` zone for automatic detect changes without use of `zone.js`
+     *
+     * - use `aurora` for detection events like `rxjs` observables, `setTimeout`,
+     *  `setInterval` and `fetch` and `XMLHttpRequest`, etc...
+     * make sure that `zone.js` is imported in the polyfills module.
+     *
+     * the default value is the platform zone type which can be changed by:
+     *
+     * ```js
+     * bootstrapZone('manual')
+     * bootstrapZone('proxy')
+     * bootstrapZone('aurora')
+     * ```
+     *
+     * if `bootstrapZone` never been called, then the default zone is a `manual`.
+     */
+    zone?: ZoneType;
+    /**
+     * The imports property specifies the component's template dependencies — those directives, components, and pipes that can be used within its template.
+     */
+    imports?: (TypeOf<any> | ReadonlyArray<any>)[];
+}
+export interface ChildOptions {
+    [key: string]: any;
+}
+export interface ViewChildOpt {
+    selector: string | typeof HTMLElement | CustomElementConstructor;
+    childOptions?: ChildOptions;
+}
+export type OutputEventInit = Omit<EventInit, 'cancelable'>;
+export type OutputOptions = {
+    name?: string;
+} & OutputEventInit;
+//# sourceMappingURL=options.d.ts.map

package/annotation/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../src/core/annotation/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,MAAM,WAAW,gBAAgB;IAEhC;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,CAAC;CAC3E;AAED,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,KAAK;IAE1C;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAEnC;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;IAE9C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkDG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,qBAAqB,CAAC;IAE7E;;;OAGG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmFG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IAErD;;;;;;;;;;;;;;;;;;;OAmBG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;CAC/C;AAED,MAAM,WAAW,YAAY;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC5B,QAAQ,EAAE,MAAM,GAAG,OAAO,WAAW,GAAG,wBAAwB,CAAC;IACjE,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,eAAe,CAAC"}

package/annotation/options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=options.js.map

package/annotation/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../../../src/core/annotation/options.ts"],"names":[],"mappings":"","sourcesContent":["import type { Class, TypeOf } from '../utils/typeof.js';\nimport { DomNode } from '@ibyar/elements';\nimport { TemplateUrl } from '../utils/path.js';\nimport { ZoneType } from '../zone/bootstrap.js';\nimport { ValueControl } from '../component/custom-element.js';\n\n\nexport interface DirectiveOptions {\n\n\t/**\n\t * the name of the directive which is used in the template\n\t * \n\t * a structural directive name should start with `*`,\n\t * and an attributes directive should not.\n\t */\n\tselector: string;\n\n\t/**\n\t * - use `manual` for no zone.js patch effect applied,\n\t *  and used for manual change detection for heavily process components.\n\t * \n\t * - use `proxy` zone for automatic detect changes without use of `zone.js`\n\t * \n\t * - use `aurora` for detection events like `rxjs` observables, `setTimeout`,\n\t *  `setInterval` and `fetch` and `XMLHttpRequest`, etc...\n\t * make sure that `zone.js` is imported in the polyfills module. \n\t * \n\t * if no value specified, the value will be initialized by the custom element `web component` zone,\n\t *  - if the web component zone is `manual`, the directive zone also will be `manual`, expect weird behavior.\n\t *  - if the web component zone is `proxy`, the directive zone also will be `proxy`.\n\t *  - if the web component zone is `aurora`, the directive zone also will be `aurora` and will get the benefit of `zone.js`.\n\t */\n\tzone?: ZoneType;\n}\n\nexport interface ServiceOptions {\n\tprovideIn?: TypeOf<CustomElementConstructor> | 'root' | 'platform' | 'any';\n}\n\nexport interface PipeOptions {\n\tname: string;\n\tasynchronous?: boolean;\n}\n\nexport interface ComponentOptions<T = Class> {\n\n\t/**\n\t * a tag name for the component,\n\t * if the tag name is valid custom element name, the view class will be a custom element,\n\t * otherwise an HTMLUnknownElement will be created\n\t */\n\tselector: string;\n\n\t/**\n\t * add html file url path to fetch,\n\t * templateUrl had propriety than template, and will override it.\n\t *\n\t * Can provide file name as \"person-view.html\" will resolved \n\t * as 'http://site-address.org/persin-view.html',\n\t * \n\t * OR as an object { moduleMeta: import.meta, filename: 'person-edit.html' }\n\t *  let (import.meta = '/person/person.js') will resolved \n\t * as 'http://site-address.org/person/person-edit.html',\n\t * \n\t * OR as an object { moduleMeta: import.meta }\n\t * let (import.meta = '/person/person.js') will resolved as 'http://site-address.org/person/person.html'.\n\t * \n\t * if url not found, component will not be defined,\n\t * \n\t * if you didn't use webpack or rollup.js or any bundler, \n\t * you should copy the html files to its folder by yourself. \n\t */\n\ttemplateUrl?: TemplateUrl | string;\n\n\t/**\n\t * template: typeof 'string' ==> html string,\n\t * \t\t\t TypeOf 'DomRootRenderNode<T>' ==> JSX, create factory\n\t * \tif template === null || undefined ==> it had nothing to render, \n\t * and may be inherit from an html element\n\t * \n\t * 2 possible way to write a template, as inline string, represent a a valid html, \n\t * or us aurora jsx factory \n\t * \t\t\t\t\n\t */\n\ttemplate?: string | DomNode;\n\n\t/**\n\t * style for this element\n\t */\n\tstyles?: string | { [key: string]: string }[];\n\n\t/**\n\t * what basic element should the new component inherit from,\n\t * the tag name to inherit from as 'a', 'div', 'table', 'td', 'th', 'tr', etc ...\n\t */\n\textend?: keyof HTMLElementTagNameMap;\n\n\t/**\n\t * An encapsulation policy for the template and CSS styles. One of:\n\t *  'custom': Use global CSS without any encapsulation.\n\t *  'shadow-dom': Use Shadow DOM v1 to encapsulate styles.\n\t * \n\t *  'template': like 'custom', with load the template from the document ('index.html' file)\n\t * \t \t\t\tthat had the same id as the component \"selector\".\n\t *  'shadow-dom-template': like 'shadowDom', and load template by selector id.\n\t * \n\t * Both 'template' & 'shadow-dom-template' encapsulation type:\n\t *  should had attributes name like lowercase,\n\t * \tthe browser itself, will convert all attributes to lowercase\n\t * \n\t * ```typescript\n\t *\t\t@Input('personage') personAge: number;\n\t *\t\t@Input('propname') propName: string;\n\t *\t\t@Output('savebuttonclick') saveButtonClick = new EventEmitter<Persons>();\n\t *\t\t@View('personform') personForm: HTMLFormElement;\n\t * ```\n\t * \n\t * any app root element as \n\t * \n\t * ```html\n\t * <app-root></app-root>\n\t * ```\n\t * \n\t * the supported bind options is 'One way binding *(as passing data only)'\n\t *  and 'template parsing' and 'event binding' syntax, HTML (angular) like.\n\t * it load its attributes from 'window object'\n\t * \n\t * so to pass date to A root element, \n\t * \n\t * ```html\n\t * <script>\n\t * \tconst appVersion = '0.1.504';\n\t * \tfunction onRootAppClick() {\n\t *\t\tconsole.log('root app clicked');\n\t * \t}\n\t * \tfunction onSave(data){\n\t *\t\tconsole.log('root app save', data);\n\t * \t}\n\t * </script>\n\t * <app-root [version]=\"appVersion\" \n\t * \t\tonclick=\"onRootAppClick()\"\n\t * \t\t(save)=\"onSave()\" >\n\t * </app-root>\n\t * ```\n\t * \n\t * default is 'custom'\n\t * @type {'custom' | 'shadowDom' | 'template' | 'shadowDom-template'}\n\t */\n\tencapsulation?: 'custom' | 'shadow-dom' | 'template' | 'shadow-dom-template';\n\n\t/**\n\t * default: 'open' when encapsulation used,\n\t * otherwise it is undefined and will not attach shadow root element.\n\t */\n\tshadowDomMode?: ShadowRootMode;\n\n\t/**\n\t * default: false\n\t */\n\tshadowDomDelegatesFocus?: boolean;\n\n\t/**\n\t * shadow root initialization options,\n\t * default mode: `open`, delegatesFocus: `false` and slotAssignment: `manual`\n\t */\n\tshadowRootInit?: Partial<ShadowRootInit>;\n\n\t/**\n\t * Create a custom form-associated element with HTMLElement.attachInternals\n\t * default: false\n\t * \n\t * if the value is `true` it is expected from the model class to implement `ValueControl<T>` interface\n\t * \n\t * otherwise you can register another class that implement `ValueControl<T>`,\n\t * in case if you want split the model and the value controller.\n\t * \n\t * #### Usage Notes:\n\t * \n\t * ```ts\n\t * \n\t * @Component({\n\t * \tselector: 'custom-message',\n\t * \ttemplate: `\n\t * \t\t<label for=\"message\">Message</label>\n\t * \t\t<textarea id=\"message\" [(value)]=\"message\" [disabled]=\"disabled\" (change)=\"onMessageChange($event.target.value)\"></textarea>\n\t * \t`,\n\t * \tformAssociated: true,\n\t * \t// formAssociated: CustomMessage,\n\t * })\n\t * export class CustomMessage implements ValueControl<string> {\n\t * \n\t * \tprivate message: string | null = '';\n\t * \tprivate disabled: boolean = false;\n\t * \tprivate _onChange: (_: any) => void = () => {};\n\t * \n\t * \twriteValue({ value, mode }: WriteValueOptions<string>) {\n\t * \t\tthis.message = mode !== 'reset' ? value : '';\n\t * \t}\n\t * \n\t * \tregisterOnChange(fn: (_: any) => void): void {\n\t * \t\tthis._onChange = fn;\n\t * \t}\n\t * \n\t * \tsetDisabledState(isDisabled: boolean) {\n\t * \t\tthis.disabled = isDisabled;\n\t * \t}\n\t * \n\t * \tonMessageChange(message: string) {\n\t * \t\tthis._onChange(message);\n\t * \t}\n\t * \t\n\t * }\n\t * \n\t * \n\t * export class CustomInputValueControl implements ValueControl<number> {\n\t * \n\t * \tprivate _value: number | null = null;\n\t * \tprivate _disabled: boolean = false;\n\t * \tprivate _onChange: (_: any) => void = () => {};\n\t * \n\t * \twriteValue({ value, mode }: WriteValueOptions<number>) {\n\t * \t\tthis._value = mode !== 'reset' ? value : null;\n\t * \t}\n\t * \n\t * \tregisterOnChange(fn: (_: any) => void): void {\n\t * \t\tthis._onChange = fn;\n\t * \t}\n\t * \n\t * \tsetDisabledState(isDisabled: boolean) {\n\t * \t\tthis._disabled = isDisabled;\n\t * \t}\n\t * \t\n\t * }\n\t * \n\t * @Component({\n\t * \tselector: 'custom-input',\n\t * \textend: 'input',\n\t * \tformAssociated: CustomInputValueControl,\n\t * })\n\t * export class CustomInputElement {\n\t * \t\n\t *  @View()\n\t * \tview: HTMLInputElement;\n\t * \n\t * \tonInit() {\n\t * \t\tthis.view.type = 'number';\n\t * \t}\n\t * }\n\t * \n\t * ```\n\t */\n\tformAssociated?: boolean | TypeOf<ValueControl<any>>;\n\n\t/**\n\t * - use `manual` for no zone.js patch effect applied,\n\t *  and used for manual change detection for heavily process components.\n\t * \n\t * - use `proxy` zone for automatic detect changes without use of `zone.js`\n\t * \n\t * - use `aurora` for detection events like `rxjs` observables, `setTimeout`,\n\t *  `setInterval` and `fetch` and `XMLHttpRequest`, etc...\n\t * make sure that `zone.js` is imported in the polyfills module. \n\t * \n\t * the default value is the platform zone type which can be changed by:\n\t * \n\t * ```js\n\t * bootstrapZone('manual')\n\t * bootstrapZone('proxy')\n\t * bootstrapZone('aurora')\n\t * ```\n\t * \n\t * if `bootstrapZone` never been called, then the default zone is a `manual`.\n\t */\n\tzone?: ZoneType;\n\n\t/**\n\t * The imports property specifies the component's template dependencies — those directives, components, and pipes that can be used within its template.\n\t */\n\timports?: (TypeOf<any> | ReadonlyArray<any>)[];\n}\n\nexport interface ChildOptions {\n\t[key: string]: any;\n}\n\nexport interface ViewChildOpt {\n\tselector: string | typeof HTMLElement | CustomElementConstructor;\n\tchildOptions?: ChildOptions;\n}\n\nexport type OutputEventInit = Omit<EventInit, 'cancelable'>;\nexport type OutputOptions = { name?: string } & OutputEventInit;\n"]}

package/binding/binding.expressions.d.ts

@@ -40,3 +40,4 @@ export declare class TwoWayAssignmentExpression extends InfixExpressionNode<TwoW
     subscribe(stack: Stack): ScopeSubscription<Context>[];
 }
 export {};
+//# sourceMappingURL=binding.expressions.d.ts.map

package/binding/binding.expressions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"binding.expressions.d.ts","sourceRoot":"","sources":["../../../src/core/binding/binding.expressions.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EACtD,KAAK,EACL,OAAO,EACP,gBAAgB,EAAE,UAAU,EAC5B,aAAa,EAAE,gBAAgB,EAC/B,MAAM,oBAAoB,CAAC;AAK5B,KAAK,cAAc,GAAG,IAAI,CAAC;AAC3B,KAAK,cAAc,GAAG,KAAK,CAAC;AAC5B,KAAK,gBAAgB,GAAG,cAAc,GAAG,cAAc,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC/E,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC;CAChF;AAGD,qBACa,0BAA2B,SAAQ,mBAAmB,CAAC,cAAc,CAAE,YAAW,iBAAiB;IAC/G,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,0BAA0B,EAAE,YAAY,EAAE,gBAAgB,GAAG,0BAA0B;IAM7G,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,0BAA0B,EAAE,SAAS,EAAE,aAAa,GAAG,IAAI;IAK9E,UAAkB,IAAI,EAAE,gBAAgB,CAAC;IACzC,OAAO,CAAC,WAAW,CAAuB;gBAC9B,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc;IAGzD,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;IAG5B,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG;IAKtB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE;CA+B/E;AAGD;;;;GAIG;AACH,qBACa,0BAA2B,SAAQ,mBAAmB,CAAC,cAAc,CAAE,YAAW,iBAAiB;IAC/G,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,0BAA0B,EAAE,YAAY,EAAE,gBAAgB,GAAG,0BAA0B;IAM7G,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,0BAA0B,EAAE,SAAS,EAAE,aAAa,GAAG,IAAI;IAK9E,UAAkB,IAAI,EAAE,gBAAgB,CAAC;IACzC,UAAkB,KAAK,EAAE,gBAAgB,GAAG,UAAU,CAAC;IAEvD,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,UAAU,CAAsB;gBAC5B,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,GAAG,UAAU;IAIxE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG;IAG5B,GAAG,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG;IAItB,OAAO,CAAC,MAAM;IAGd,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,MAAM;IAGd,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,iBAAiB;IASzB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE;CAerD"}