host-element.decorator.ts - Stryker report

import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Observable } from 'rxjs/Observable';
import { filter, map } from 'rxjs/operators';

declare global {
    interface Window { ResizeObserver: any; }
}

export interface ResizeObserver {
    observe(target: HTMLElement): void;
    disconnect(): void;
}

interface Proto {
    ngOnInit(): void;
    ngOnDestroy(): void;
}

interface ResizeObserverEntry {
    contentRect: { width: number, height: number };
}

export interface HostElementConfig {
    pipe?: any[];
    selector?: string;
    observable?: boolean;
}

export function HostElement(...args: Array<string | HostElementConfig>): PropertyDecorator 0{
    const config = (12typeof args[args.length 3- 1] 4=== 5'object' ? args.pop() : {}) as HostElementConfig;

    return function factory(proto: Proto, key: string): void 6{
        const ngOnInit = proto.ngOnInit;
        const ngOnDestroy = proto.ngOnDestroy;
        let observer: ResizeObserver;

        const properties = (78args.length 910> 0 ? args : 11[key.replace(/\$$/, 12'')]) as Array<string>;
        1314proto.ngOnInit = function(): void 15{
            const target = config.selector ? this.element.nativeElement.querySelector(config.selector) : this.element.nativeElement;
            const updates = new BehaviorSubject<any>((1617args.length 1819> 1 ? {} : null));

            setTimeout(() => 20{
                2122observer = new window.ResizeObserver(23(entries: ResizeObserverEntry[]) => updates.next(entries));
                observer.observe(target);
            });

            const updates$: Observable<any> = updates.pipe(
                filter(24entries => 25!26!entries),
                map((entries: ResizeObserverEntry[]) => 27{
                    return entries.length ? entries[0].contentRect : (2829properties.length 3031> 1 ? {} : null);
                }),
                filter(32value => 3334value 35!== null),
                map(contentRect => 36{ // extract values
                    return properties.reduce((list, arg: string) => 37{
                        3839list[arg] = contentRect[arg];

                        return 4041properties.length 4243> 1 ? list : list[arg];
                    }, {});
                }),
                ...(4445config.pipe 46|| 47[]),
            );

            if (4849config.observable 50=== 51false) 52{
                if (5354properties.length 5556> 1) 57{
                    5859this[key] = {};
                }

                updates$.subscribe(value => 60{
                    6162this[key] = value;
                });
            } else 63{
                6465this[key] = updates$;
            }

            ngOnInit.call(this);
        };

        6667proto.ngOnDestroy = function(): void 68{
            observer.disconnect();
            ngOnDestroy.call(this);
        };
    };
}