@rws-framework/client 2.20.1 → 2.20.2

package/src/components/_decorator.ts

@@ -1,123 +1,123 @@
-import RWSContainer from './_container';
-import TheRWSService from '../services/_service';
-import ConfigService from '../services/ConfigService';
-import { loadRWSRichWindow } from '../types/RWSWindow';
-import RWSViewComponent, { IWithCompose } from './_component';
-import { InterfaceSymbol } from './_container';
-import { RWSInject } from './_decorators/RWSInject';
-import { ElementStyles, Observable, ViewTemplate } from '@microsoft/fast-element'; 
-import { handleExternalChange } from './_attrs/_external_handler';
-
-interface RWSDecoratorOptions {
-    template?: string,
-    styles?: string,
-    fastElementOptions?: any,
-    ignorePackaging?: boolean,
-    debugPackaging?: boolean
-    oreoMode?: boolean
-}
-
-//const _PARAMTYPES_METADATA_KEY = 'design:paramtypes';
-type HtmlBinderType = (context: RWSViewComponent) => ViewTemplate;
-
-function RWSView<Component extends RWSViewComponent>(name: string, data?: RWSDecoratorOptions | null, override?: { styles?: ElementStyles, template?: ViewTemplate, options?: any }): (type: any, args?: any) => void {
-    return (theComponent: IWithCompose<Component>, args?: any) => {
-        theComponent.definition = { name, template: null }
-
-        if(override){
-            if(override.styles){
-                theComponent.definition.styles = override.styles;
-            }
-
-            if(override.template){
-                theComponent.definition.template =  override.template;
-            }
-
-            
-            if(override.options){
-                (theComponent.definition as any).options = override.options;
-            }
-        }
-    };
-}
-
-
-function RWSIgnore(params: { mergeToApp?: boolean } | null = null): () => void {
-    return () => { };
-}
-
-function getParentConstructor(instance: any): any {
-    const proto = Object.getPrototypeOf(instance.constructor.prototype);
-    if (proto && proto.constructor) {
-        return proto.constructor;
-    }
-
-    return null;
-}
-
-
-const applyConstructor = (component: RWSViewComponent, x: boolean = false): void => {
-    const mainConstructor: any = component.constructor;
-    const parent = getParentConstructor(component);
-    
-
-    if (parent.name !== 'RWSViewComponent' ) {
-        return;
-    }    
-    
-
-    const existingInjectedDependencies = (mainConstructor as IWithCompose<RWSViewComponent>)._toInject;
-
-    const regServices = loadRWSRichWindow().RWS._registered;
-    
-
-    const depsToInject: string[] = (mainConstructor as IWithCompose<RWSViewComponent>)._depKeys[mainConstructor.name] || [];
-    const depsInInjector: string[] = Object.keys(existingInjectedDependencies);
-
-    const toInject: string[] = [...depsToInject]
-
-    type KeyType = {[key: string]: TheRWSService | string };
-
-    const _target = (component as any);
-    
-    function inject(services: KeyType){
-        for (const prop in services) {
-            const service = (typeof services[prop] === 'string' ? existingInjectedDependencies[prop] : services[prop]) as TheRWSService;      
-            _target[prop] = service;            
-        }
-    }
-
-    inject(toInject.reduce((acc: KeyType, cur) => {
-        acc[cur] = cur;
-        return acc;
-      }, {}));
-
-    const defaultDeps: [string, TheRWSService][] = Object.keys(existingInjectedDependencies)
-        .filter((depKey: string) => existingInjectedDependencies[depKey].isDefault()).map((depKey => [depKey, existingInjectedDependencies[depKey]]));
-
-    inject(defaultDeps.reduce((acc: KeyType, cur: [string, TheRWSService]) => {
-        acc[cur[0]] = cur[1];
-        return acc;
-      }, {}));    
-
-    inject({
-        config: RWSContainer().get(ConfigService)
-    })    
-
-    if(Object.keys(RWSViewComponent._externalAttrs).includes((_target.constructor as IWithCompose<any>).name)){
-        for(const exAttrKey in RWSViewComponent._externalAttrs[(_target.constructor as IWithCompose<any>).name]){  
-            const exAttr = RWSViewComponent._externalAttrs[(_target.constructor as IWithCompose<any>).name][exAttrKey];          
-            const notifier = Observable.getNotifier(_target);
-            notifier.subscribe({
-                handleChange(source, key) {                    
-                    if (key === exAttr && !_target.__exAttrLoaded.includes(exAttr)) {                        
-                        handleExternalChange(source, key);
-                        _target.__exAttrLoaded.push(key);
-                    }
-                }
-            }, exAttr);
-        }    
-    }
-};
-
+import RWSContainer from './_container';
+import TheRWSService from '../services/_service';
+import ConfigService from '../services/ConfigService';
+import { loadRWSRichWindow } from '../types/RWSWindow';
+import RWSViewComponent, { IWithCompose } from './_component';
+import { InterfaceSymbol } from './_container';
+import { RWSInject } from './_decorators/RWSInject';
+import { ElementStyles, Observable, ViewTemplate } from '@microsoft/fast-element'; 
+import { handleExternalChange } from './_attrs/_external_handler';
+
+interface RWSDecoratorOptions {
+    template?: string,
+    styles?: string,
+    fastElementOptions?: any,
+    ignorePackaging?: boolean,
+    debugPackaging?: boolean
+    oreoMode?: boolean
+}
+
+//const _PARAMTYPES_METADATA_KEY = 'design:paramtypes';
+type HtmlBinderType = (context: RWSViewComponent) => ViewTemplate;
+
+function RWSView<Component extends RWSViewComponent>(name: string, data?: RWSDecoratorOptions | null, override?: { styles?: ElementStyles, template?: ViewTemplate, options?: any }): (type: any, args?: any) => void {
+    return (theComponent: IWithCompose<Component>, args?: any) => {
+        theComponent.definition = { name, template: null }
+
+        if(override){
+            if(override.styles){
+                theComponent.definition.styles = override.styles;
+            }
+
+            if(override.template){
+                theComponent.definition.template =  override.template;
+            }
+
+            
+            if(override.options){
+                (theComponent.definition as any).options = override.options;
+            }
+        }
+    };
+}
+
+
+function RWSIgnore(params: { mergeToApp?: boolean } | null = null): () => void {
+    return () => { };
+}
+
+function getParentConstructor(instance: any): any {
+    const proto = Object.getPrototypeOf(instance.constructor.prototype);
+    if (proto && proto.constructor) {
+        return proto.constructor;
+    }
+
+    return null;
+}
+
+
+const applyConstructor = (component: RWSViewComponent, x: boolean = false): void => {
+    const mainConstructor: any = component.constructor;
+    const parent = getParentConstructor(component);
+    
+
+    if (parent.name !== 'RWSViewComponent' ) {
+        return;
+    }    
+    
+
+    const existingInjectedDependencies = (mainConstructor as IWithCompose<RWSViewComponent>)._toInject;
+
+    const regServices = loadRWSRichWindow().RWS._registered;
+    
+
+    const depsToInject: string[] = (mainConstructor as IWithCompose<RWSViewComponent>)._depKeys[mainConstructor.name] || [];
+    const depsInInjector: string[] = Object.keys(existingInjectedDependencies);
+
+    const toInject: string[] = [...depsToInject]
+
+    type KeyType = {[key: string]: TheRWSService | string };
+
+    const _target = (component as any);
+    
+    function inject(services: KeyType){
+        for (const prop in services) {
+            const service = (typeof services[prop] === 'string' ? existingInjectedDependencies[prop] : services[prop]) as TheRWSService;      
+            _target[prop] = service;            
+        }
+    }
+
+    inject(toInject.reduce((acc: KeyType, cur) => {
+        acc[cur] = cur;
+        return acc;
+      }, {}));
+
+    const defaultDeps: [string, TheRWSService][] = Object.keys(existingInjectedDependencies)
+        .filter((depKey: string) => existingInjectedDependencies[depKey].isDefault()).map((depKey => [depKey, existingInjectedDependencies[depKey]]));
+
+    inject(defaultDeps.reduce((acc: KeyType, cur: [string, TheRWSService]) => {
+        acc[cur[0]] = cur[1];
+        return acc;
+      }, {}));    
+
+    inject({
+        config: RWSContainer().get(ConfigService)
+    })    
+
+    if(Object.keys(RWSViewComponent._externalAttrs).includes((_target.constructor as IWithCompose<any>).name)){
+        for(const exAttrKey in RWSViewComponent._externalAttrs[(_target.constructor as IWithCompose<any>).name]){  
+            const exAttr = RWSViewComponent._externalAttrs[(_target.constructor as IWithCompose<any>).name][exAttrKey];          
+            const notifier = Observable.getNotifier(_target);
+            notifier.subscribe({
+                handleChange(source, key) {                    
+                    if (key === exAttr && !_target.__exAttrLoaded.includes(exAttr)) {                        
+                        handleExternalChange(source, key);
+                        _target.__exAttrLoaded.push(key);
+                    }
+                }
+            }, exAttr);
+        }    
+    }
+};
+
 export { RWSView, RWSDecoratorOptions, RWSIgnore, RWSInject, applyConstructor };

package/src/components/_definitions.ts

@@ -1,65 +1,65 @@
-import RWSViewComponent, { IWithCompose } from './_component';
-import RWSWindow, { RWSWindowComponentInterface, loadRWSRichWindow } from '../types/RWSWindow';
-import { ElementStyles, ViewTemplate } from '@microsoft/fast-element';
-
-export interface IFastDefinition {
-    name: string;
-    template: ViewTemplate;
-    styles?: ElementStyles;
-}
-
-export function isDefined<T extends RWSViewComponent>(element: IWithCompose<T>): boolean {
-    const richWindow: RWSWindow = loadRWSRichWindow();
-
-    if (!element.definition) {
-        return false;
-    }
-
-    return Object.keys(richWindow.RWS.components).includes(element.definition.name);
-}
-
-export function defineComponent<T extends RWSViewComponent>(element: IWithCompose<T>): void {
-    if (element.isDefined()) {
-        if (element._verbose) {
-            console.warn(`Component ${element.name} is already declared`);
-        }
-
-        return;
-    }
-
-    const richWindow = loadRWSRichWindow();
-
-    if (!element.definition) {
-        throw new Error('RWS component is not named. Add `static definition = {name, template};`');
-    }
-
-    const composedComp = element.compose({
-        baseName: element.definition.name,
-        template: element.definition.template,
-        styles: element.definition.styles
-    }) as RWSWindowComponentInterface;
-
-    if (!richWindow.RWS) {
-        throw new Error('RWS client not initialized');
-    }
-
-    element.sendEventToOutside<string>(element._EVENTS.component_define, element.definition.name);
-
-    richWindow.RWS.components[element.definition.name] = {
-        interface: composedComp,
-        component: element
-    };
-}
-
-export function getDefinition(tagName: string, htmlTemplate: ViewTemplate, styles: ElementStyles = null) {
-    const def: IFastDefinition = {
-        name: tagName,
-        template: htmlTemplate
-    };
-
-    if (styles) {
-        def.styles = styles;
-    }
-
-    return def;
+import RWSViewComponent, { IWithCompose } from './_component';
+import RWSWindow, { RWSWindowComponentInterface, loadRWSRichWindow } from '../types/RWSWindow';
+import { ElementStyles, ViewTemplate } from '@microsoft/fast-element';
+
+export interface IFastDefinition {
+    name: string;
+    template: ViewTemplate;
+    styles?: ElementStyles;
+}
+
+export function isDefined<T extends RWSViewComponent>(element: IWithCompose<T>): boolean {
+    const richWindow: RWSWindow = loadRWSRichWindow();
+
+    if (!element.definition) {
+        return false;
+    }
+
+    return Object.keys(richWindow.RWS.components).includes(element.definition.name);
+}
+
+export function defineComponent<T extends RWSViewComponent>(element: IWithCompose<T>): void {
+    if (element.isDefined()) {
+        if (element._verbose) {
+            console.warn(`Component ${element.name} is already declared`);
+        }
+
+        return;
+    }
+
+    const richWindow = loadRWSRichWindow();
+
+    if (!element.definition) {
+        throw new Error('RWS component is not named. Add `static definition = {name, template};`');
+    }
+
+    const composedComp = element.compose({
+        baseName: element.definition.name,
+        template: element.definition.template,
+        styles: element.definition.styles
+    }) as RWSWindowComponentInterface;
+
+    if (!richWindow.RWS) {
+        throw new Error('RWS client not initialized');
+    }
+
+    element.sendEventToOutside<string>(element._EVENTS.component_define, element.definition.name);
+
+    richWindow.RWS.components[element.definition.name] = {
+        interface: composedComp,
+        component: element
+    };
+}
+
+export function getDefinition(tagName: string, htmlTemplate: ViewTemplate, styles: ElementStyles = null) {
+    const def: IFastDefinition = {
+        name: tagName,
+        template: htmlTemplate
+    };
+
+    if (styles) {
+        def.styles = styles;
+    }
+
+    return def;
 }

package/src/components/_event_handling.ts

@@ -1,41 +1,41 @@
-import RWSViewComponent from './_component';
-
-export function on<T>(this: RWSViewComponent, type: string, listener: (event: CustomEvent<any>) => any) {
-    this.addEventListener(type, (baseEvent: Event) => {
-        listener(baseEvent as CustomEvent<T>);
-    });
-}
-
-export function $emitDown<T>(this: RWSViewComponent, eventName: string, payload: T) {
-    this.$emit(eventName, payload, {
-        bubbles: true,
-        composed: true
-    });
-}
-
-export function observe(this: RWSViewComponent, callback: (component: RWSViewComponent, node: Node, observer: MutationObserver) => Promise<void>, condition: (component: RWSViewComponent, node: Node) => boolean = null, observeRemoved: boolean = false)
-{
-    const observer = new MutationObserver((mutationsList, observer) => {
-        for(const mutation of mutationsList) {
-            if (mutation.type === 'childList') {
-                const mutationObserveType: NodeList = observeRemoved ? mutation.removedNodes : mutation.addedNodes;
-                mutationObserveType.forEach(node => {                    
-                    if ((condition !== null && condition(this, node))) {
-                        callback(this, node, observer);
-                    }else if(condition === null){
-                        callback(this, node, observer);
-                    }                    
-                });
-            }
-        }
-    });
-    
-    observer.observe(this.getShadowRoot(), { childList: true, subtree: true });
-}
-
-export function sendEventToOutside<T>(eventName: string, data: T): void
-{
-    document.dispatchEvent(new CustomEvent<T>(eventName, {
-        detail: data,
-    }));
+import RWSViewComponent from './_component';
+
+export function on<T>(this: RWSViewComponent, type: string, listener: (event: CustomEvent<any>) => any) {
+    this.addEventListener(type, (baseEvent: Event) => {
+        listener(baseEvent as CustomEvent<T>);
+    });
+}
+
+export function $emitDown<T>(this: RWSViewComponent, eventName: string, payload: T) {
+    this.$emit(eventName, payload, {
+        bubbles: true,
+        composed: true
+    });
+}
+
+export function observe(this: RWSViewComponent, callback: (component: RWSViewComponent, node: Node, observer: MutationObserver) => Promise<void>, condition: (component: RWSViewComponent, node: Node) => boolean = null, observeRemoved: boolean = false)
+{
+    const observer = new MutationObserver((mutationsList, observer) => {
+        for(const mutation of mutationsList) {
+            if (mutation.type === 'childList') {
+                const mutationObserveType: NodeList = observeRemoved ? mutation.removedNodes : mutation.addedNodes;
+                mutationObserveType.forEach(node => {                    
+                    if ((condition !== null && condition(this, node))) {
+                        callback(this, node, observer);
+                    }else if(condition === null){
+                        callback(this, node, observer);
+                    }                    
+                });
+            }
+        }
+    });
+    
+    observer.observe(this.getShadowRoot(), { childList: true, subtree: true });
+}
+
+export function sendEventToOutside<T>(eventName: string, data: T): void
+{
+    document.dispatchEvent(new CustomEvent<T>(eventName, {
+        detail: data,
+    }));
 }

package/src/components/index.ts

@@ -1,26 +1,26 @@
-import { RWSUploader } from './rws/uploader/component';
-import { RWSProgress } from './rws/progress/component';
-import { RWSLoader } from './rws/loader/component';
-import { RWSApiResource } from './rws/rws-api-resource/component';
-import { ReFormer } from './rws/reformer/component';
-import { RWSTable } from './rws/rws-table/component';
-import { RWSModal } from './rws/rws-modal/component';
-import { LineSplitter } from './rws/line-splitter/component';
-
-
-function declareRWSComponents(parted: boolean = false): void
-{
-    if(!parted){
-        RWSUploader;        
-        RWSProgress;
-        RWSLoader;
-        RWSTable;
-        RWSModal;
-        LineSplitter;
-
-        RWSApiResource;
-        ReFormer;
-    }
-}
-
+import { RWSUploader } from './rws/uploader/component';
+import { RWSProgress } from './rws/progress/component';
+import { RWSLoader } from './rws/loader/component';
+import { RWSApiResource } from './rws/rws-api-resource/component';
+import { ReFormer } from './rws/reformer/component';
+import { RWSTable } from './rws/rws-table/component';
+import { RWSModal } from './rws/rws-modal/component';
+import { LineSplitter } from './rws/line-splitter/component';
+
+
+function declareRWSComponents(parted: boolean = false): void
+{
+    if(!parted){
+        RWSUploader;        
+        RWSProgress;
+        RWSLoader;
+        RWSTable;
+        RWSModal;
+        LineSplitter;
+
+        RWSApiResource;
+        ReFormer;
+    }
+}
+
 export { declareRWSComponents };