@rws-framework/client 2.13.2 → 2.13.4

package/src/components/_attrs/external-attr.ts

@@ -1,60 +1,60 @@
-import { 
-    DecoratorAttributeConfiguration, 
-    AttributeConfiguration,
-    Observable,     
-} from "@microsoft/fast-element";
-import { handleExternalChange } from "./_external_handler";
-import RWSViewComponent, { IWithCompose } from "../_component";
-
-type ExAttrOpts = { converter?: (val: any) => string }
-const _default_opts = {
-    converter: (val: any) => {
-        return val;
-    }    
-}
-
-export function externalAttr(
-    config?: DecoratorAttributeConfiguration, 
-): (target: {}, property: string) => void;
-
-export function externalAttr(target: {}, property: string, opts?: ExAttrOpts): void;
-export function externalAttr(
-    configOrTarget?: DecoratorAttributeConfiguration | {},
-    property?: string,
-    opts: ExAttrOpts = _default_opts
-): void | ((target: {}, property: string) => void) {
-    let config: AttributeConfiguration;
-
-    function decorator($target: {}, $prop: string): void {
-        if (arguments.length > 1) {
-            // Non invocation:
-            // - @attr
-            // Invocation with or w/o opts:
-            // - @attr()
-            // - @attr({...opts})
-            config.property = $prop;
-        }
-
-        config.mode = 'fromView';        
-        config.converter = { fromView: opts.converter, toView: null };
-
-        const attrs = AttributeConfiguration.locate($target.constructor);        
-        RWSViewComponent.setExternalAttr(($target.constructor as IWithCompose<any>).name, $prop);        
-        
-        attrs.push(config);       
-    }
-
-    if (arguments.length > 1) {
-        // Non invocation:
-        // - @attr
-        config = {} as any;
-        decorator(configOrTarget!, property!);
-        return;
-    }
-
-    // Invocation with or w/o opts:
-    // - @attr()
-    // - @attr({...opts})
-    config = configOrTarget === void 0 ? ({} as any) : configOrTarget;
-    return decorator;
+import { 
+    DecoratorAttributeConfiguration, 
+    AttributeConfiguration,
+    Observable,     
+} from "@microsoft/fast-element";
+import { handleExternalChange } from "./_external_handler";
+import RWSViewComponent, { IWithCompose } from "../_component";
+
+type ExAttrOpts = { converter?: (val: any) => string }
+const _default_opts = {
+    converter: (val: any) => {
+        return val;
+    }    
+}
+
+export function externalAttr(
+    config?: DecoratorAttributeConfiguration, 
+): (target: {}, property: string) => void;
+
+export function externalAttr(target: {}, property: string, opts?: ExAttrOpts): void;
+export function externalAttr(
+    configOrTarget?: DecoratorAttributeConfiguration | {},
+    property?: string,
+    opts: ExAttrOpts = _default_opts
+): void | ((target: {}, property: string) => void) {
+    let config: AttributeConfiguration;
+
+    function decorator($target: {}, $prop: string): void {
+        if (arguments.length > 1) {
+            // Non invocation:
+            // - @attr
+            // Invocation with or w/o opts:
+            // - @attr()
+            // - @attr({...opts})
+            config.property = $prop;
+        }
+
+        config.mode = 'fromView';        
+        config.converter = { fromView: opts.converter, toView: null };
+
+        const attrs = AttributeConfiguration.locate($target.constructor);        
+        RWSViewComponent.setExternalAttr(($target.constructor as IWithCompose<any>).name, $prop);        
+        
+        attrs.push(config);       
+    }
+
+    if (arguments.length > 1) {
+        // Non invocation:
+        // - @attr
+        config = {} as any;
+        decorator(configOrTarget!, property!);
+        return;
+    }
+
+    // Invocation with or w/o opts:
+    // - @attr()
+    // - @attr({...opts})
+    config = configOrTarget === void 0 ? ({} as any) : configOrTarget;
+    return decorator;
 }

package/src/components/_attrs/external-observable.ts

@@ -1,53 +1,53 @@
-import { Observable, Accessor, observable as parentObservable} from '@microsoft/fast-element';
-
-import RWSViewComponent from '../_component';
-import { DefaultObservableAccessor } from './_default_observable_accessor';
-import { ExternalObservableAccessor } from './_external_observable_accessor';
-
-
-type ExternalObservableOptions = {} | unknown;
-
-function isString(test: unknown){
-    return typeof test === 'string';
-}
-
-function externalObservable(targetComponent: RWSViewComponent | unknown, nameOrAccessor: string | Accessor, opts: ExternalObservableOptions = null): void | any 
-{        
-
-    const target = targetComponent as any;
-    const propName = typeof nameOrAccessor === 'string' ? nameOrAccessor : nameOrAccessor.name;
-
-
-    if (isString(nameOrAccessor)) {
-        nameOrAccessor = new DefaultObservableAccessor(propName);
-    }    
-
-    const defaultAccessor: Accessor = nameOrAccessor as Accessor;
-    const extendedAccessor = new ExternalObservableAccessor(propName);
-
-    const accessors: Accessor[] = [
-        defaultAccessor,
-        extendedAccessor
-    ];
-
-    for (const accessor of accessors){
-        Observable.getAccessors(target).push(accessor);
-
-        Reflect.defineProperty(target, accessor.name, {
-            enumerable: true,
-            get(this: any) {
-                return accessor.getValue(this);
-            },
-            set(this: any, newValue: any) {         
-                const oldVal = accessor.getValue(this);       
-                accessor.setValue(this, newValue);
-                if(!!this['externalChanged']){
-                    this['externalChanged'].call(accessor.name, oldVal, newValue);
-                }
-            },
-        });
-    }   
-}
-  
-
+import { Observable, Accessor, observable as parentObservable} from '@microsoft/fast-element';
+
+import RWSViewComponent from '../_component';
+import { DefaultObservableAccessor } from './_default_observable_accessor';
+import { ExternalObservableAccessor } from './_external_observable_accessor';
+
+
+type ExternalObservableOptions = {} | unknown;
+
+function isString(test: unknown){
+    return typeof test === 'string';
+}
+
+function externalObservable(targetComponent: RWSViewComponent | unknown, nameOrAccessor: string | Accessor, opts: ExternalObservableOptions = null): void | any 
+{        
+
+    const target = targetComponent as any;
+    const propName = typeof nameOrAccessor === 'string' ? nameOrAccessor : nameOrAccessor.name;
+
+
+    if (isString(nameOrAccessor)) {
+        nameOrAccessor = new DefaultObservableAccessor(propName);
+    }    
+
+    const defaultAccessor: Accessor = nameOrAccessor as Accessor;
+    const extendedAccessor = new ExternalObservableAccessor(propName);
+
+    const accessors: Accessor[] = [
+        defaultAccessor,
+        extendedAccessor
+    ];
+
+    for (const accessor of accessors){
+        Observable.getAccessors(target).push(accessor);
+
+        Reflect.defineProperty(target, accessor.name, {
+            enumerable: true,
+            get(this: any) {
+                return accessor.getValue(this);
+            },
+            set(this: any, newValue: any) {         
+                const oldVal = accessor.getValue(this);       
+                accessor.setValue(this, newValue);
+                if(!!this['externalChanged']){
+                    this['externalChanged'].call(accessor.name, oldVal, newValue);
+                }
+            },
+        });
+    }   
+}
+  
+
 export { externalObservable };

package/src/components/_attrs/sanitize-html.ts

@@ -1,81 +1,81 @@
-import { Observable } from '@microsoft/fast-element';
-import RWSViewComponent from '../_component';
-import DOMService from '../../services/DOMService';
-import RWSContainer from '../_container';
-import { IOptions } from 'sanitize-html';
-
-import * as he from 'he';
-
-type SanitizeOptions = IOptions & { fullEncode?: boolean };
-
-const heOpt: he.EncodeOptions = {
-    useNamedReferences: false, 
-    encodeEverything: true,
-};
-
-function enc(html: string): string
-{
-    return he.encode(html, heOpt);
-}
-
-
-const transformAnyTag = (tagName: string, attribs: { [key: string]: string }) => {
-    // Example: Wrap the original tag with `span` and indicate the original tag name in a data attribute
-    return {
-        tagName: 'span', // Change this to any tag you want to transform to
-        attribs: {
-            ...attribs,
-            'data-original-tag': tagName
-        }
-    };
-};
-
-function sanitizedAttr(configOrTarget?: SanitizeOptions | RWSViewComponent, prop?: string): void | any 
-{    
-    if (arguments.length > 1) {
-        // Decorator used directly without factory invocation
-        // Apply the decorator immediately without returning anything
-        applyDecorator(configOrTarget as RWSViewComponent, prop!);
-    } else {
-        // Decorator factory invocation
-        const config = configOrTarget as SanitizeOptions;
-        // Return a function that applies the decorator, conforming to TypeScript's expectations for decorator factories
-        return (target: RWSViewComponent, property: string) => applyDecorator(target, property, config);
-    }
-}
-
-function applyDecorator(target: RWSViewComponent, prop: string, config: SanitizeOptions = null): void 
-{    
-    if(config.fullEncode){
-        const encAllOpts = {transformTags: { '*' : transformAnyTag }, textFilter: function(text: string, tagName?: string) { return tagName ? `${enc('<')}${tagName}${enc('>')}${text}${enc('</')}${tagName}${enc('>')}` : text; }};
-        config = {...config, ...encAllOpts};
-        delete config.fullEncode;
-    }
-
-    modifyPropertyDescriptor(target, prop, config as IOptions);
-}
-
-function modifyPropertyDescriptor(target: any, propertyKey: string, config: IOptions = null): void {
-    const privatePropName = `_${String(propertyKey)}`;
-    Object.defineProperty(target, privatePropName, {
-        writable: true,
-        value: target[propertyKey],
-    });
-
-    Object.defineProperty(target, propertyKey, {
-        get() {
-            return this[privatePropName];                             
-        },
-        set(value: any) {                
-            if (typeof value === 'string') {                                    
-                this[privatePropName] = RWSContainer().get(DOMService).sanitizeHTML(value, null, config);                
-            } else {
-                this[privatePropName] = null;
-            }
-            Observable.notify(this, propertyKey);
-        },
-    });
-}
-  
-
+import { Observable } from '@microsoft/fast-element';
+import RWSViewComponent from '../_component';
+import DOMService from '../../services/DOMService';
+import RWSContainer from '../_container';
+import { IOptions } from 'sanitize-html';
+
+import * as he from 'he';
+
+type SanitizeOptions = IOptions & { fullEncode?: boolean };
+
+const heOpt: he.EncodeOptions = {
+    useNamedReferences: false, 
+    encodeEverything: true,
+};
+
+function enc(html: string): string
+{
+    return he.encode(html, heOpt);
+}
+
+
+const transformAnyTag = (tagName: string, attribs: { [key: string]: string }) => {
+    // Example: Wrap the original tag with `span` and indicate the original tag name in a data attribute
+    return {
+        tagName: 'span', // Change this to any tag you want to transform to
+        attribs: {
+            ...attribs,
+            'data-original-tag': tagName
+        }
+    };
+};
+
+function sanitizedAttr(configOrTarget?: SanitizeOptions | RWSViewComponent, prop?: string): void | any 
+{    
+    if (arguments.length > 1) {
+        // Decorator used directly without factory invocation
+        // Apply the decorator immediately without returning anything
+        applyDecorator(configOrTarget as RWSViewComponent, prop!);
+    } else {
+        // Decorator factory invocation
+        const config = configOrTarget as SanitizeOptions;
+        // Return a function that applies the decorator, conforming to TypeScript's expectations for decorator factories
+        return (target: RWSViewComponent, property: string) => applyDecorator(target, property, config);
+    }
+}
+
+function applyDecorator(target: RWSViewComponent, prop: string, config: SanitizeOptions = null): void 
+{    
+    if(config.fullEncode){
+        const encAllOpts = {transformTags: { '*' : transformAnyTag }, textFilter: function(text: string, tagName?: string) { return tagName ? `${enc('<')}${tagName}${enc('>')}${text}${enc('</')}${tagName}${enc('>')}` : text; }};
+        config = {...config, ...encAllOpts};
+        delete config.fullEncode;
+    }
+
+    modifyPropertyDescriptor(target, prop, config as IOptions);
+}
+
+function modifyPropertyDescriptor(target: any, propertyKey: string, config: IOptions = null): void {
+    const privatePropName = `_${String(propertyKey)}`;
+    Object.defineProperty(target, privatePropName, {
+        writable: true,
+        value: target[propertyKey],
+    });
+
+    Object.defineProperty(target, propertyKey, {
+        get() {
+            return this[privatePropName];                             
+        },
+        set(value: any) {                
+            if (typeof value === 'string') {                                    
+                this[privatePropName] = RWSContainer().get(DOMService).sanitizeHTML(value, null, config);                
+            } else {
+                this[privatePropName] = null;
+            }
+            Observable.notify(this, propertyKey);
+        },
+    });
+}
+  
+
 export { sanitizedAttr };