@ibyar/core 0.8.6 → 1.1.0

package/annotation/decorators.d.ts

@@ -1,286 +1,21 @@
-import type { 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.
-     */
+import type { Class } from '../utils/typeof.js';
+import { ChildOptions, ComponentOptions, DirectiveOptions, OutputEventInit, OutputOptions, PipeOptions } from './options.js';
+type PropertyValue<T> = T | ((value: T) => void) | undefined;
+export declare function Input<This, Value>(name?: string): (value: PropertyValue<Value>, context: ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>) => void;
+export declare function FormValue<This, Value>(): (value: PropertyValue<Value>, context: ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>) => void;
+export declare function Output<This, Value>(options?: OutputOptions): (value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
+export declare function Output<This, Value>(name?: string, options?: OutputEventInit): (value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
+export declare function View<This, Value>(): (value: PropertyValue<Value>, context: ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>) => void;
+export declare function ViewChild<This, Value>(selector: string | typeof HTMLElement | CustomElementConstructor, childOptions?: ChildOptions): (value: PropertyValue<Value>, context: ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>) => void;
+export declare function ViewChildren<This, Value>(selector: string | typeof HTMLElement | CustomElementConstructor): (value: PropertyValue<Value>, context: ClassFieldDecoratorContext<This, Value> | ClassSetterDecoratorContext<This, Value>) => void;
+export declare function HostListener<This, Value extends (this: This, ...args: any) => any>(eventName: string, args?: string | string[]): (value: Value, context: ClassMethodDecoratorContext<unknown, (this: unknown, ...args: any) => any>) => void;
+type ValueGetter<T> = T | (() => T) | undefined;
+export declare function HostBinding<This, Value>(hostPropertyName: string): (value: ValueGetter<Value>, context: ClassFieldDecoratorContext<This, Value> | ClassMethodDecoratorContext<This, any> | ClassGetterDecoratorContext<This, Value>) => void;
+export declare const Pipe: (param: PipeOptions) => (constructor: any, context: ClassDecoratorContext<new (...args: any) => any>) => any;
+export declare const Directive: (param: DirectiveOptions) => (constructor: any, context: ClassDecoratorContext<new (...args: any) => any>) => any;
+export declare const Component: (param: ComponentOptions<Class> | ComponentOptions<Class>[]) => (constructor: any, context: ClassDecoratorContext<new (...args: any) => any>) => any;
+export declare const customElement: (param: {
     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 = Function> {
-    /**
-     * 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 root element as
-     *
-     * ```html
-     * <root-app></root-app>
-     * ```
-     *
-     * 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>
-     * 	let appVersion = '0.1.504';
-     * 	function onRootAppClick() {
-     *		console.log('root app clicked');
-     * 	}
-     * 	function onSave(data){
-     *		console.log('root app save', data);
-     * 	}
-     * </script>
-     * <root-app [version]="appVersion"
-     * 		onclick="onRootAppClick()"
-     * 		(save)="onSave()" ></root-app>
-     * ```
-     *
-     * default is 'custom'
-     * @type {'custom' | 'shadowDom' | 'template' | 'shadowDom-template'}
-     */
-    encapsulation?: 'custom' | 'shadow-dom' | 'template' | 'shadow-dom-template';
-    /**
-     * default: 'open'
-     */
-    shadowDomMode?: ShadowRootMode;
-    /**
-     * default: false
-     */
-    shadowDomDelegatesFocus?: boolean;
-    /**
-     * 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 declare function Input(name?: string): Function;
-export declare function FormValue(): Function;
-export type OutputEventInit = Omit<EventInit, 'cancelable'>;
-export type OutputOptions = {
-    name?: string;
-} & OutputEventInit;
-export declare function Output(options?: OutputOptions): Function;
-export declare function Output(name?: string, options?: OutputEventInit): Function;
-export declare function View(): Function;
-export declare function ViewChild(selector: string | typeof HTMLElement | CustomElementConstructor, childOptions?: ChildOptions): Function;
-export declare function ViewChildren(selector: string | typeof HTMLElement | CustomElementConstructor): Function;
-export declare function HostListener(eventName: string, args?: string | string[]): Function;
-export declare function HostBinding(hostPropertyName: string): Function;
-export declare function Pipe(opt: PipeOptions): Function;
-export declare function Service(opt: ServiceOptions): Function;
-export declare function Directive(opt: DirectiveOptions): Function;
-export declare function Component<T extends {
-    new (...args: any[]): {};
-}>(opt: ComponentOptions<T> | ComponentOptions<T>[]): Function;
-export declare function SelfSkip(name?: string): Function;
-export declare function Optional(): Function;
-export declare function customElement<T extends HTMLElement>(opt: {
-    selector: string;
-} & ElementDefinitionOptions): Function;
+} & ElementDefinitionOptions) => (constructor: any, context: ClassDecoratorContext<new (...args: any) => any>) => any;
+export {};
+//# sourceMappingURL=decorators.d.ts.map

package/annotation/decorators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/core/annotation/decorators.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAQhD,OAAO,EACN,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAChD,eAAe,EAAE,aAAa,EAAE,WAAW,EAC3C,MAAM,cAAc,CAAC;AAItB,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;AAG7D,wBAAgB,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,sIAY/C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,KAAK,wIAYpC;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;AAC3I,wBAAgB,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;AAyB5J,wBAAgB,IAAI,CAAC,IAAI,EAAE,KAAK,wIAY/B;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,WAAW,GAAG,wBAAwB,EAAE,YAAY,CAAC,EAAE,YAAY,sIAYnI;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,WAAW,GAAG,wBAAwB,sIAYzG;AAGD,wBAAgB,YAAY,CAAC,IAAI,EAAE,KAAK,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,+GAe9H;AAGD,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,6KAYhE;AAED,eAAO,MAAM,IAAI,8GAIhB,CAAC;AAGF,eAAO,MAAM,SAAS,mHAIrB,CAAC;AAoBF,eAAO,MAAM,SAAS,sJAUrB,CAAC;AAEF,eAAO,MAAM,aAAa;cAAkC,MAAM;qHAIjE,CAAC"}

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, metadata) => {
+        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(metadata, context.name, name || context.name);
+    });
 }
 export function FormValue() {
-    return (target, propertyKey) => {
-        ReflectComponents.addInput(target, propertyKey, 'value');
-    };
+    return makeClassMemberDecorator((value, context, metadata) => {
+        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(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, metadata) => {
+        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(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, metadata) => {
+        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(metadata, context.name);
+    });
 }
 export function ViewChild(selector, childOptions) {
-    return (target, propertyKey) => {
-        ReflectComponents.addViewChild(target, propertyKey, selector, childOptions);
-    };
+    return makeClassMemberDecorator((value, context, metadata) => {
+        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(metadata, context.name, selector, childOptions);
+    });
 }
 export function ViewChildren(selector) {
-    return (target, propertyKey) => {
-        ReflectComponents.addViewChildren(target, propertyKey, selector);
-    };
+    return makeClassMemberDecorator((value, context, metadata) => {
+        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(metadata, context.name, selector);
+    });
 }
 export function HostListener(eventName, args) {
-    return (target, propertyKey) => {
+    return makeClassMemberDecorator((value, context, metadata) => {
+        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(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, metadata) => {
+        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(metadata, context.name, hostPropertyName);
+    });
+}
+export const Pipe = makeClassDecorator((opt, constructor, context, metadata) => {
+    Components.definePipe(constructor, opt, metadata);
+});
+export const Directive = makeClassDecorator((opt, constructor, context, metadata) => {
+    Components.defineDirective(constructor, opt, 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, metadata) => {
+    if (Array.isArray(opt)) {
+        for (const comp of opt) {
+            generateComponent(constructor, comp, 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, 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, metadata) => {\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(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, metadata) => {\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(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, metadata) => {\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\tmetadata,\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, metadata) => {\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(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, metadata) => {\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(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, metadata) => {\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(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, metadata) => {\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\tmetadata,\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, metadata) => {\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(metadata, context.name, hostPropertyName);\n\t\t}\n\t);\n}\n\nexport const Pipe = makeClassDecorator<PipeOptions>(\n\t(opt, constructor, context, metadata) => {\n\t\tComponents.definePipe(constructor as any, opt, metadata);\n\t}\n);\n\n\nexport const Directive = makeClassDecorator<DirectiveOptions>(\n\t(opt, constructor, context, metadata) => {\n\t\tComponents.defineDirective(constructor as any, opt, 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, metadata) => {\n\t\tif (Array.isArray(opt)) {\n\t\t\tfor (const comp of opt) {\n\t\t\t\tgenerateComponent(constructor as any, comp, metadata);\n\t\t\t}\n\t\t} else if (typeof opt === 'object') {\n\t\t\tgenerateComponent(constructor as any, opt, 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"]}