@anglr/common 8.0.0-beta.20211126121623 → 8.0.0-beta.20211217111139

package/es2015/positions/src/modules/tooltip/directives/tooltip/tooltip.directive.js

@@ -0,0 +1,230 @@
+import { ApplicationRef, ComponentFactoryResolver, ContentChild, Directive, ElementRef, HostListener, Inject, Injector, Input, Optional, TemplateRef } from '@angular/core';
+import { extend, isBlank, isPresent, nameof } from '@jscrpt/common';
+import { TooltipComponent } from '../../components/tooltip/tooltip.component';
+import { TOOLTIP_OPTIONS } from '../../misc/tokens';
+import { positionsWithFlip } from '../../../../misc/utils';
+import * as i0 from "@angular/core";
+/**
+ * Default options for tooltip
+ */
+const defaultOptions = {
+    delay: 200,
+    elementPositionAt: 'top left',
+    tooltipPosition: 'bottom left',
+    fixedPosition: false,
+    allowSelection: false,
+    tooltipRenderer: TooltipComponent,
+    tooltipCssClass: null,
+    stopPropagation: false
+};
+/**
+ * Directive used for rendering tooltip
+ */
+export class TooltipDirective {
+    //######################### constructor #########################
+    constructor(_componentFactoryResolver, _appRef, _injector, _element, options) {
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._appRef = _appRef;
+        this._injector = _injector;
+        this._element = _element;
+        /**
+         * Indication whether there is active show tooltip request
+         */
+        this._showRequest = false;
+        /**
+         * Indication whether keep open tooltip component
+         */
+        this._keepOpen = false;
+        /**
+         * Timeout that is used for handling mouse move
+         */
+        this._timeout = null;
+        /**
+         * Indication whether are html tags allowed in tooltip text
+         */
+        this.allowHtml = false;
+        this._options = extend(true, {}, defaultOptions, options);
+    }
+    /**
+     * Options used for displaying tooltip
+     */
+    get tooltipOptions() {
+        return this._options;
+    }
+    set tooltipOptions(value) {
+        this._options = extend(true, {}, this._options, value);
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        if (nameof('tooltipVisible') in changes) {
+            if (this.tooltipVisible) {
+                this._showTooltip();
+            }
+            else {
+                this._hideTooltip();
+            }
+        }
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this._destroyTooltip();
+    }
+    //######################### public methods - host #########################
+    /**
+     * Handles mouse leave event, hover ends
+     * @param event - Mouse event that occured
+     * @internal
+     */
+    mouseLeave(event) {
+        if (this._options.stopPropagation) {
+            event.stopPropagation();
+        }
+        if (isBlank(this.tooltipVisible)) {
+            setTimeout(() => {
+                if (!this._keepOpen) {
+                    this._showRequest = false;
+                    this._hideTooltip();
+                }
+            }, 10);
+        }
+    }
+    /**
+     * Handles mouse move event, displaying tooltip
+     * @param event - Mouse event that occured
+     * @internal
+     */
+    mouseMove(event) {
+        if (this._options.stopPropagation) {
+            event.stopPropagation();
+        }
+        this._showRequest = true;
+        //do nothing if tooltip is visible
+        if (this._tooltipComponent || isPresent(this.tooltipVisible)) {
+            return;
+        }
+        if (isPresent(this._timeout)) {
+            clearTimeout(this._timeout);
+        }
+        this._timeout = setTimeout(() => {
+            this._timeout = null;
+            if (this._showRequest) {
+                this._showTooltip(event.clientX);
+                this._showRequest = false;
+            }
+        }, this._options.delay);
+    }
+    //######################### protected methods #########################
+    /**
+     * Shows tooltip
+     * @param xCoordinate - X coordinate of mouse event in viewport
+     */
+    _showTooltip(xCoordinate) {
+        this._createTooltip();
+        this._showData();
+        positionsWithFlip(this._tooltipElement, this._options.tooltipPosition, this._element.nativeElement, this._options.elementPositionAt);
+        if (xCoordinate && !this._options.fixedPosition) {
+            this._tooltipElement.style.left = `${xCoordinate}px`;
+        }
+    }
+    /**
+     * Hides tooltip
+     */
+    _hideTooltip() {
+        this._destroyTooltip();
+    }
+    /**
+     * Destroys tooltip component
+     */
+    _destroyTooltip() {
+        if (this._tooltipComponent) {
+            this._appRef.detachView(this._tooltipComponent.hostView);
+            this._tooltipComponent.destroy();
+            this._tooltipComponent = null;
+            this._tooltipElement = null;
+        }
+    }
+    /**
+     * Creates tooltip renderer component
+     */
+    _createTooltip() {
+        // 0. Destroyes absolute popup if it exists
+        this._destroyTooltip();
+        // 1. Create a component reference from the component
+        this._tooltipComponent = this._componentFactoryResolver
+            .resolveComponentFactory(this._options.tooltipRenderer)
+            .create(this._injector);
+        // 2. Attach component to the appRef so that it's inside the ng component tree
+        this._appRef.attachView(this._tooltipComponent.hostView);
+        // 3. Get DOM element from component
+        this._tooltipElement = this._tooltipComponent.hostView
+            .rootNodes[0];
+        // 4. Append DOM element to the body
+        document.body.appendChild(this._tooltipElement);
+    }
+    /**
+     * Sets data to tooltip component and shows them
+     */
+    _showData() {
+        var _a;
+        if (this._tooltipComponent) {
+            this._tooltipComponent.instance.allowHtml = this.allowHtml;
+            this._tooltipComponent.instance.data = this.tooltip;
+            this._tooltipComponent.instance.template = (_a = this.tooltipTemplate) !== null && _a !== void 0 ? _a : this.tooltipTemplateChild;
+            this._tooltipComponent.instance.cssClass = this._options.tooltipCssClass;
+            this._tooltipComponent.instance.registerHoverEvents(() => {
+                if (this._options.allowSelection) {
+                    this._keepOpen = true;
+                    this._showRequest = false;
+                }
+            }, () => {
+                setTimeout(() => {
+                    this._keepOpen = false;
+                    if (!this._showRequest) {
+                        this._hideTooltip();
+                    }
+                    this._showRequest = false;
+                }, 5);
+            });
+            this._tooltipComponent.instance.invalidateVisuals();
+        }
+    }
+}
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: TOOLTIP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: TooltipDirective, selector: "[tooltip]", inputs: { tooltip: "tooltip", allowHtml: "allowHtml", tooltipTemplate: "tooltipTemplate", tooltipOptions: "tooltipOptions", tooltipVisible: "tooltipVisible" }, host: { listeners: { "mouseleave": "mouseLeave($event)", "mousemove": "mouseMove($event)" } }, queries: [{ propertyName: "tooltipTemplateChild", first: true, predicate: ["tooltipTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tooltip]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TOOLTIP_OPTIONS]
+                }] }]; }, propDecorators: { tooltip: [{
+                type: Input
+            }], allowHtml: [{
+                type: Input
+            }], tooltipTemplate: [{
+                type: Input
+            }], tooltipOptions: [{
+                type: Input
+            }], tooltipVisible: [{
+                type: Input
+            }], tooltipTemplateChild: [{
+                type: ContentChild,
+                args: ['tooltipTemplate']
+            }], mouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave', ['$event']]
+            }], mouseMove: [{
+                type: HostListener,
+                args: ['mousemove', ['$event']]
+            }] } });
+//# sourceMappingURL=tooltip.directive.js.map

package/es2015/positions/src/modules/tooltip/directives/tooltip/tooltip.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.directive.js","sourceRoot":"","sources":["../../../../../../../positions/src/modules/tooltip/directives/tooltip/tooltip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ApplicationRef, ComponentFactoryResolver, ComponentRef, ContentChild, Directive, ElementRef, EmbeddedViewRef, HostListener, Inject, Injector, Input, OnChanges, OnDestroy, Optional, SimpleChanges, TemplateRef} from '@angular/core';\nimport {extend, isBlank, isPresent, nameof} from '@jscrpt/common';\n\nimport {TooltipComponent} from '../../components/tooltip/tooltip.component';\nimport {TooltipOptions, TooltipRenderer} from '../../misc/tooltip.interface';\nimport {TOOLTIP_OPTIONS} from '../../misc/tokens';\nimport {positionsWithFlip} from '../../../../misc/utils';\n\n/**\n * Default options for tooltip\n */\nconst defaultOptions: TooltipOptions =\n{\n    delay: 200,\n    elementPositionAt: 'top left',\n    tooltipPosition: 'bottom left',\n    fixedPosition: false,\n    allowSelection: false,\n    tooltipRenderer: TooltipComponent,\n    tooltipCssClass: null,\n    stopPropagation: false\n};\n\n/**\n * Directive used for rendering tooltip\n */\n@Directive(\n{\n    selector: '[tooltip]'\n})\nexport class TooltipDirective<TData = any> implements OnChanges, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Instance of component used for rendering tooltip\n     */\n    protected _tooltipComponent?: ComponentRef<TooltipRenderer>;\n\n    /**\n     * Instance of HTML element for tooltip renderer\n     */\n    protected _tooltipElement?: HTMLElement;\n\n    /**\n     * Instance of options provided for this tooltip\n     */\n    protected _options: TooltipOptions;\n\n    /**\n     * Indication whether there is active show tooltip request\n     */\n    protected _showRequest: boolean = false;\n\n    /**\n     * Indication whether keep open tooltip component\n     */\n    protected _keepOpen: boolean = false;\n\n    /**\n     * Timeout that is used for handling mouse move\n     */\n    protected _timeout: number|null = null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Tooltip text that is displayed, or any data that could be passed to template\n     */\n    @Input()\n    public tooltip?: TData|string;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    @Input()\n    public allowHtml: boolean = false;\n\n    /**\n     * Instance of tooltip template that is used for rendering\n     */\n    @Input()\n    public tooltipTemplate?: TemplateRef<any>;\n\n    /**\n     * Options used for displaying tooltip\n     */\n    @Input()\n    public get tooltipOptions(): TooltipOptions\n    {\n        return this._options;\n    }\n    public set tooltipOptions(value: TooltipOptions)\n    {\n        this._options = extend(true, {}, this._options, value);\n    }\n\n    /**\n     * Gets or sets indication whether is tooltip visible, if has boolean value, mouse events cant override this\n     */\n    @Input()\n    public tooltipVisible?: boolean;\n\n    //######################### public properties - children #########################\n\n    /**\n     * Instance of template from element content, used for rendering\n     */\n    @ContentChild('tooltipTemplate')\n    public tooltipTemplateChild?: TemplateRef<any>;\n\n    //######################### constructor #########################\n    constructor(protected _componentFactoryResolver: ComponentFactoryResolver,\n                protected _appRef: ApplicationRef,\n                protected _injector: Injector,\n                protected _element: ElementRef<HTMLElement>,\n                @Optional() @Inject(TOOLTIP_OPTIONS) options: TooltipOptions)\n    {\n        this._options = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n\n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        if(nameof<TooltipDirective>('tooltipVisible') in changes)\n        {\n            if(this.tooltipVisible)\n            {\n                this._showTooltip();\n            }\n            else\n            {\n                this._hideTooltip();\n            }\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._destroyTooltip();\n    }\n\n    //######################### public methods - host #########################\n\n    /**\n     * Handles mouse leave event, hover ends\n     * @param event - Mouse event that occured\n     * @internal\n     */\n    @HostListener('mouseleave', ['$event'])\n    public mouseLeave(event: MouseEvent): void\n    {\n        if(this._options.stopPropagation)\n        {\n            event.stopPropagation();\n        }\n\n        if(isBlank(this.tooltipVisible))\n        {\n            setTimeout(() =>\n            {\n                if(!this._keepOpen)\n                {\n                    this._showRequest = false;\n                    this._hideTooltip();\n                }\n            }, 10);\n        }\n    }\n\n    /**\n     * Handles mouse move event, displaying tooltip\n     * @param event - Mouse event that occured\n     * @internal\n     */\n    @HostListener('mousemove', ['$event'])\n    public mouseMove(event: MouseEvent): void\n    {\n        if(this._options.stopPropagation)\n        {\n            event.stopPropagation();\n        }\n\n        this._showRequest = true;\n\n        //do nothing if tooltip is visible\n        if(this._tooltipComponent || isPresent(this.tooltipVisible))\n        {\n            return;\n        }\n\n        if(isPresent(this._timeout))\n        {\n            clearTimeout(this._timeout);\n        }\n\n        this._timeout = setTimeout(() =>\n        {\n            this._timeout = null;\n\n            if(this._showRequest)\n            {\n                this._showTooltip(event.clientX);\n\n                this._showRequest = false;\n            }\n        }, this._options.delay) as any;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Shows tooltip\n     * @param xCoordinate - X coordinate of mouse event in viewport\n     */\n    protected _showTooltip(xCoordinate?: number): void\n    {\n        this._createTooltip();\n        this._showData();\n        positionsWithFlip(this._tooltipElement, this._options.tooltipPosition, this._element.nativeElement, this._options.elementPositionAt);\n\n        if(xCoordinate && !this._options.fixedPosition)\n        {\n            this._tooltipElement.style.left = `${xCoordinate}px`;\n        }\n    }\n\n    /**\n     * Hides tooltip\n     */\n    protected _hideTooltip(): void\n    {\n        this._destroyTooltip();\n    }\n\n    /**\n     * Destroys tooltip component\n     */\n    protected _destroyTooltip(): void\n    {\n        if(this._tooltipComponent)\n        {\n            this._appRef.detachView(this._tooltipComponent.hostView);\n            this._tooltipComponent.destroy();\n            this._tooltipComponent = null;\n            this._tooltipElement = null;\n        }\n    }\n\n    /**\n     * Creates tooltip renderer component\n     */\n    protected _createTooltip(): void\n    {\n        // 0. Destroyes absolute popup if it exists\n        this._destroyTooltip();\n\n        // 1. Create a component reference from the component\n        this._tooltipComponent = this._componentFactoryResolver\n            .resolveComponentFactory(this._options.tooltipRenderer)\n            .create(this._injector);\n\n        // 2. Attach component to the appRef so that it's inside the ng component tree\n        this._appRef.attachView(this._tooltipComponent.hostView);\n\n        // 3. Get DOM element from component\n        this._tooltipElement = (this._tooltipComponent.hostView as EmbeddedViewRef<any>)\n            .rootNodes[0] as HTMLElement;\n\n        // 4. Append DOM element to the body\n        document.body.appendChild(this._tooltipElement);\n    }\n\n    /**\n     * Sets data to tooltip component and shows them\n     */\n    protected _showData(): void\n    {\n        if(this._tooltipComponent)\n        {\n            this._tooltipComponent.instance.allowHtml = this.allowHtml;\n            this._tooltipComponent.instance.data = this.tooltip;\n            this._tooltipComponent.instance.template = this.tooltipTemplate ?? this.tooltipTemplateChild;\n            this._tooltipComponent.instance.cssClass = this._options.tooltipCssClass;\n\n            this._tooltipComponent.instance.registerHoverEvents(() =>\n                                                                {\n                                                                    if(this._options.allowSelection)\n                                                                    {\n                                                                        this._keepOpen = true;\n                                                                        this._showRequest = false;\n                                                                    }\n                                                                },\n                                                                () =>\n                                                                {\n                                                                    setTimeout(() =>\n                                                                    {\n                                                                        this._keepOpen = false;\n\n                                                                        if(!this._showRequest)\n                                                                        {\n                                                                            this._hideTooltip();\n                                                                        }\n\n                                                                        this._showRequest = false;\n                                                                    }, 5);\n                                                                });\n\n            this._tooltipComponent.instance.invalidateVisuals();\n        }\n    }\n}"]}

package/es2015/positions/src/modules/tooltip/misc/tokens.js

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Injection token used for injecting tooltip options
+ */
+export const TOOLTIP_OPTIONS = new InjectionToken('TOOLTIP_OPTIONS');
+//# sourceMappingURL=tokens.js.map

package/es2015/positions/src/modules/tooltip/misc/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../../../../positions/src/modules/tooltip/misc/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAI7C;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,IAAI,cAAc,CAAiB,iBAAiB,CAAC,CAAC","sourcesContent":["import {InjectionToken} from '@angular/core';\n\nimport {TooltipOptions} from './tooltip.interface';\n\n/**\n * Injection token used for injecting tooltip options\n */\nexport const TOOLTIP_OPTIONS: InjectionToken<TooltipOptions> = new InjectionToken<TooltipOptions>('TOOLTIP_OPTIONS');"]}

package/es2015/positions/src/modules/tooltip/misc/tooltip.interface.js

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

package/es2015/positions/src/modules/tooltip/misc/tooltip.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.interface.js","sourceRoot":"","sources":["../../../../../../positions/src/modules/tooltip/misc/tooltip.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {TemplateRef, Type} from '@angular/core';\nimport type {PositionsCoordinates} from 'positions';\n\n/**\n * Represents component that is used for rendering tooltip\n */\nexport interface TooltipRenderer<TData = any>\n{\n    //######################### properties #########################\n\n    /**\n     * Data that are rendered in tooltip\n     */\n    data: TData|null;\n\n    /**\n     * Template used for rendering tooltip\n     */\n    template: TemplateRef<TData>|null;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    allowHtml: boolean;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    cssClass: string|null;\n\n    //######################### methods #########################\n\n    /**\n     * Registers handlers that allows reaction to entering or leaving tooltip\n     * @param enter - Called when mouse enter tooltip component, hover\n     * @param leave - Called when mouse leaves tooltip component\n     */\n    registerHoverEvents(enter: () => void, leave: () => void): void;\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    invalidateVisuals(): void;\n}\n\n/**\n * Options used for tooltip directive\n */\nexport interface TooltipOptions\n{\n    /**\n     * Delay for displaying of tooltip on hover\n     */\n    delay?: number;\n\n    /**\n     * Indication whether is tooltip displayed at fixed position, or if it is displayed where cursor enters element\n     */\n    fixedPosition?: boolean;\n\n    /**\n     * Position where should be tooltip displayed at element\n     */\n    elementPositionAt?: PositionsCoordinates;\n\n    /**\n     * Position of tooltip where should placed at\n     */\n    tooltipPosition?: PositionsCoordinates;\n\n    /**\n     * Allows selection of text in tooltip\n     */\n    allowSelection?: boolean|null;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    tooltipCssClass?: string|null;\n\n    /**\\\n     * Indication whether stop propagation of \"hover\" event\n     */\n    stopPropagation?: boolean|null;\n\n    /**\n     * Type of tooltip renderer that is used for rendering tooltip\n     */\n    tooltipRenderer?: Type<TooltipRenderer>;\n}"]}

package/es2015/positions/src/modules/tooltip/modules/tooltip.module.js

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TooltipComponent } from '../components/tooltip/tooltip.component';
+import { TooltipDirective } from '../directives/tooltip/tooltip.directive';
+import * as i0 from "@angular/core";
+/**
+ * Module for rendering tooltips
+ */
+export class TooltipModule {
+}
+TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective,
+        TooltipComponent], imports: [CommonModule], exports: [TooltipDirective] });
+TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TooltipModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        TooltipDirective,
+                        TooltipComponent
+                    ],
+                    exports: [
+                        TooltipDirective
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=tooltip.module.js.map

package/es2015/positions/src/modules/tooltip/modules/tooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.module.js","sourceRoot":"","sources":["../../../../../../positions/src/modules/tooltip/modules/tooltip.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,yCAAyC,CAAC;;AAEzE;;GAEG;AAiBH,MAAM,OAAO,aAAa;;0GAAb,aAAa;2GAAb,aAAa,iBARlB,gBAAgB;QAChB,gBAAgB,aALhB,YAAY,aASZ,gBAAgB;2GAGX,aAAa,YAbtB;YACI,YAAY;SACf;2FAWQ,aAAa;kBAhBzB,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,gBAAgB;wBAChB,gBAAgB;qBACnB;oBACD,OAAO,EACP;wBACI,gBAAgB;qBACnB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {TooltipComponent} from '../components/tooltip/tooltip.component';\nimport {TooltipDirective} from '../directives/tooltip/tooltip.directive';\n\n/**\n * Module for rendering tooltips\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        TooltipDirective,\n        TooltipComponent\n    ],\n    exports:\n    [\n        TooltipDirective\n    ]\n})\nexport class TooltipModule\n{\n}\n"]}

package/es2015/positions/src/types/positions.typings.js

@@ -0,0 +1,2 @@
+export default positions;
+//# sourceMappingURL=positions.typings.js.map

package/es2015/positions/src/types/positions.typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positions.typings.js","sourceRoot":"","sources":["../../../../positions/src/types/positions.typings.ts"],"names":[],"mappings":"AAsCA,eAAe,SAAS,CAAC","sourcesContent":["/**\n * Coordinates for positioning target\n */\nexport interface PositionsCss\n{\n    /**\n     * Top css property\n     */\n    top?: number;\n\n    /**\n     * Left css property\n     */\n    left?: number;\n}\n\n/**\n * Posible coordinates\n */\nexport type PositionsCoordinates = 'top left'|'top center'|'top right'|'center left'|'center center'|'center right'|'bottom left'|'bottom center'|'bottom right';\n\n/**\n * Description of position function\n */\nexport interface PositionsFunc\n{\n    /**\n     * Computes positions for element relative to target\n     * @param element Element that will be positioned\n     * @param elementCoordinates Relative coordinates of element\n     * @param target Target element which will be element positioned against\n     * @param targetCoordinates Relative coordinates of target element\n     */\n    (element: HTMLElement, elementCoordinates: PositionsCoordinates, target: HTMLElement, targetCoordinates: PositionsCoordinates): PositionsCss;\n}\n\ndeclare const positions: PositionsFunc;\n\nexport default positions;\n"]}

package/es2015/router/src/decorators/componentRedirectRoute.decorator.js

@@ -0,0 +1,43 @@
+import { isBlank, isPresent } from '@jscrpt/common';
+/**
+ * Defines redirection route to component's route on which is this decorator applied
+ * @param redirectFrom - Path from which should redirection occur
+ * @param redirectTo - Path to which should be redirect performed, if not specified and only one route is defined, its path will be used
+ * @param pathMatchFull - Indication that full path match should be used, default is true
+ * @returns ClassDecorator
+ */
+export function ComponentRedirectRoute(redirectFrom, redirectTo, pathMatchFull) {
+    return function (target) {
+        const routeDecoratedComponent = target;
+        if (isBlank(routeDecoratedComponent.routeValues) && isBlank(redirectTo)) {
+            console.warn('Missing \'ComponentRoute\' or wrong order of decorators \'ComponentRoute\' and \'ComponentRedirectRoute\'!');
+            return target;
+        }
+        if (isBlank(redirectTo) && isPresent(routeDecoratedComponent.routeValues) && routeDecoratedComponent.routeValues.length > 1) {
+            console.warn('Multiple routes defined. Unable to set proper redirect!');
+            return target;
+        }
+        const redirectRouteDecoratedComponent = target;
+        if (isBlank(redirectRouteDecoratedComponent.redirectRouteValues)) {
+            Object.defineProperty(target, 'redirectRouteValues', {
+                enumerable: true,
+                configurable: false,
+                writable: false,
+                value: []
+            });
+        }
+        if (isBlank(pathMatchFull)) {
+            pathMatchFull = true;
+        }
+        if (isBlank(redirectTo)) {
+            redirectTo = routeDecoratedComponent.routeValues[0].path;
+        }
+        redirectRouteDecoratedComponent.redirectRouteValues.push({
+            path: redirectFrom,
+            redirectTo: redirectTo,
+            pathMatch: pathMatchFull ? 'full' : 'prefix'
+        });
+        return target;
+    };
+}
+//# sourceMappingURL=componentRedirectRoute.decorator.js.map

package/es2015/router/src/decorators/componentRedirectRoute.decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentRedirectRoute.decorator.js","sourceRoot":"","sources":["../../../../router/src/decorators/componentRedirectRoute.decorator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAelD;;;;;;GAMG;AACH,MAAM,UAAU,sBAAsB,CAAC,YAAoB,EAAE,UAAmB,EAAE,aAAuB;IAErG,OAAO,UAAuC,MAAiB;QAE3D,MAAM,uBAAuB,GAAiC,MAAM,CAAC;QAErE,IAAG,OAAO,CAAC,uBAAuB,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,EACtE;YACI,OAAO,CAAC,IAAI,CAAC,4GAA4G,CAAC,CAAC;YAE3H,OAAO,MAAM,CAAC;SACjB;QAED,IAAG,OAAO,CAAC,UAAU,CAAC,IAAI,SAAS,CAAC,uBAAuB,CAAC,WAAW,CAAC,IAAI,uBAAuB,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAC1H;YACI,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;YAExE,OAAO,MAAM,CAAC;SACjB;QAED,MAAM,+BAA+B,GAAyC,MAAM,CAAC;QAErF,IAAG,OAAO,CAAC,+BAA+B,CAAC,mBAAmB,CAAC,EAC/D;YACI,MAAM,CAAC,cAAc,CAAC,MAAM,EACN,qBAAqB,EACrB;gBACI,UAAU,EAAE,IAAI;gBAChB,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,EAAE;aACZ,CAAC,CAAC;SAC5B;QAED,IAAG,OAAO,CAAC,aAAa,CAAC,EACzB;YACI,aAAa,GAAG,IAAI,CAAC;SACxB;QAED,IAAG,OAAO,CAAC,UAAU,CAAC,EACtB;YACI,UAAU,GAAG,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SAC5D;QAED,+BAA+B,CAAC,mBAAmB,CAAC,IAAI,CACxD;YACI,IAAI,EAAE,YAAY;YAClB,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;SAC/C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {Route} from '@angular/router';\nimport {isBlank, isPresent} from '@jscrpt/common';\n\nimport {RouteDecoratedComponent} from './componentRoute.decorator';\n\n/**\n * Extended type with redirect route definition\n */\nexport interface RedirectRouteDecoratedComponent\n{\n    /**\n     * Definition of redirection routes that are assigned to this type\n     */\n    redirectRouteValues: Route[];\n}\n\n/**\n * Defines redirection route to component's route on which is this decorator applied\n * @param redirectFrom - Path from which should redirection occur\n * @param redirectTo - Path to which should be redirect performed, if not specified and only one route is defined, its path will be used\n * @param pathMatchFull - Indication that full path match should be used, default is true\n * @returns ClassDecorator\n */\nexport function ComponentRedirectRoute(redirectFrom: string, redirectTo?: string, pathMatchFull?: boolean): ClassDecorator\n{\n    return function <TFunction extends Function> (target: TFunction): TFunction\n    {\n        const routeDecoratedComponent: RouteDecoratedComponent = <any>target;\n\n        if(isBlank(routeDecoratedComponent.routeValues) && isBlank(redirectTo))\n        {\n            console.warn('Missing \\'ComponentRoute\\' or wrong order of decorators \\'ComponentRoute\\' and \\'ComponentRedirectRoute\\'!');\n\n            return target;\n        }\n\n        if(isBlank(redirectTo) && isPresent(routeDecoratedComponent.routeValues) && routeDecoratedComponent.routeValues.length > 1)\n        {\n            console.warn('Multiple routes defined. Unable to set proper redirect!');\n\n            return target;\n        }\n\n        const redirectRouteDecoratedComponent: RedirectRouteDecoratedComponent = <any>target;\n\n        if(isBlank(redirectRouteDecoratedComponent.redirectRouteValues))\n        {\n            Object.defineProperty(target,\n                                  'redirectRouteValues',\n                                  {\n                                      enumerable: true,\n                                      configurable: false,\n                                      writable: false,\n                                      value: []\n                                  });\n        }\n\n        if(isBlank(pathMatchFull))\n        {\n            pathMatchFull = true;\n        }\n\n        if(isBlank(redirectTo))\n        {\n            redirectTo = routeDecoratedComponent.routeValues[0].path;\n        }\n\n        redirectRouteDecoratedComponent.redirectRouteValues.push(\n        {\n            path: redirectFrom,\n            redirectTo: redirectTo,\n            pathMatch: pathMatchFull ? 'full' : 'prefix'\n        });\n\n        return target;\n    };\n}\n"]}

package/es2015/router/src/decorators/componentRoute.decorator.js

@@ -0,0 +1,23 @@
+import { isBlank } from '@jscrpt/common';
+/**
+ * Defines route for component on which is this decorator applied
+ * @param route - route Definition of route, does not require component to be set
+ */
+export function ComponentRoute(route) {
+    return function (target) {
+        const rt = route;
+        rt.component = target;
+        const routeDecoratedComponent = target;
+        if (isBlank(routeDecoratedComponent.routeValues)) {
+            Object.defineProperty(target, 'routeValues', {
+                enumerable: true,
+                configurable: false,
+                writable: false,
+                value: []
+            });
+        }
+        routeDecoratedComponent.routeValues.push(rt);
+        return target;
+    };
+}
+//# sourceMappingURL=componentRoute.decorator.js.map

package/es2015/router/src/decorators/componentRoute.decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentRoute.decorator.js","sourceRoot":"","sources":["../../../../router/src/decorators/componentRoute.decorator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAkBvC;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA+B;IAG1D,OAAO,UAAuC,MAAiB;QAE3D,MAAM,EAAE,GAAG,KAAc,CAAC;QAE1B,EAAE,CAAC,SAAS,GAAQ,MAAM,CAAC;QAE3B,MAAM,uBAAuB,GAAiC,MAAM,CAAC;QAErE,IAAG,OAAO,CAAC,uBAAuB,CAAC,WAAW,CAAC,EAC/C;YACI,MAAM,CAAC,cAAc,CAAC,MAAM,EACN,aAAa,EACb;gBACI,UAAU,EAAE,IAAI;gBAChB,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,EAAE;aACZ,CAAC,CAAC;SAC5B;QAED,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE7C,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {Route} from '@angular/router';\nimport {isBlank} from '@jscrpt/common';\n\n/**\n * Extended type with route definition\n */\nexport interface RouteDecoratedComponent\n{\n    /**\n     * Definition of routes that are assigned to this type\n     */\n    routeValues: Route[];\n}\n\n/**\n * Type that represents options that can be passed to control represented by model property\n */\nexport type ComponentRouteDefinition = Omit<Route, keyof Pick<Route, 'component'>>;\n\n/**\n * Defines route for component on which is this decorator applied\n * @param route - route Definition of route, does not require component to be set\n */\nexport function ComponentRoute(route: ComponentRouteDefinition): ClassDecorator\n{\n\n    return function <TFunction extends Function> (target: TFunction): TFunction\n    {\n        const rt = route as Route;\n\n        rt.component = <any>target;\n        \n        const routeDecoratedComponent: RouteDecoratedComponent = <any>target;\n\n        if(isBlank(routeDecoratedComponent.routeValues))\n        {\n            Object.defineProperty(target, \n                                  'routeValues', \n                                  {\n                                      enumerable: true,\n                                      configurable: false,\n                                      writable: false,\n                                      value: []\n                                  });\n        }\n\n        routeDecoratedComponent.routeValues.push(rt);\n        \n        return target;\n    };\n}"]}

package/es2015/router/src/decorators/moduleRoutes.decorator.js

@@ -0,0 +1,42 @@
+import { RouterModule } from '@angular/router';
+import { extractRoutes } from '../misc/utils';
+/**
+ * Extracts routes from children components
+ * @param route - Route which can contain array of components with routes
+ */
+function extractChildrenComponents(route) {
+    if (route.childrenComponents && route.childrenComponents.length) {
+        const routes = extractRoutes(route.childrenComponents).map(extractChildrenComponents);
+        if (route.children && route.children.length) {
+            route.children =
+                [
+                    ...route.children,
+                    ...routes
+                ];
+        }
+        else {
+            route.children = routes;
+        }
+    }
+    return route;
+}
+/**
+ * Registers routes for module to which is attached
+ * @param routedComponents - Array of components that will be used for routes extration
+ * @param options - Optional options for defining routes
+ */
+export function ModuleRoutes(routedComponents, options = { rootModule: false, staticRoutesAfter: [], staticRoutesBefore: [] }) {
+    return function (target) {
+        const ngModule = target;
+        if (ngModule.ɵinj && Array.isArray(ngModule.ɵinj.imports)) {
+            const routes = [
+                ...(options.staticRoutesBefore || []).map(extractChildrenComponents),
+                ...extractRoutes(routedComponents).map(extractChildrenComponents),
+                ...(options.staticRoutesAfter || []).map(extractChildrenComponents)
+            ];
+            ngModule.ɵinj.imports.push(options.rootModule ? RouterModule.forRoot(routes, options.rootModuleConfig) : RouterModule.forChild(routes));
+        }
+        return target;
+    };
+}
+//# sourceMappingURL=moduleRoutes.decorator.js.map

package/es2015/router/src/decorators/moduleRoutes.decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"moduleRoutes.decorator.js","sourceRoot":"","sources":["../../../../router/src/decorators/moduleRoutes.decorator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAsB,MAAM,iBAAiB,CAAC;AAElE,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAuC5C;;;GAGG;AACH,SAAS,yBAAyB,CAAC,KAA6B;IAE5D,IAAG,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,kBAAkB,CAAC,MAAM,EAC9D;QACI,MAAM,MAAM,GAA6B,aAAa,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;QAEhH,IAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAC1C;YACI,KAAK,CAAC,QAAQ;gBACd;oBACI,GAAG,KAAK,CAAC,QAAQ;oBACjB,GAAG,MAAM;iBACZ,CAAC;SACL;aAED;YACI,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;SAC3B;KACJ;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,gBAA6B,EAAE,UAA+B,EAAC,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAC;IAEzJ,OAAO,UAAsC,MAAiB;QAE1D,MAAM,QAAQ,GAMV,MAAa,CAAC;QAElB,IAAG,QAAQ,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EACxD;YACI,MAAM,MAAM,GACZ;gBACI,GAAG,CAAC,OAAO,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,yBAAyB,CAAC;gBACpE,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,yBAAyB,CAAC;gBACjE,GAAG,CAAC,OAAO,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,yBAAyB,CAAC;aACtE,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SAC3I;QAED,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {Type} from '@angular/core';\nimport {RouterModule, Route, ExtraOptions} from '@angular/router';\n\nimport {extractRoutes} from '../misc/utils';\n\n/**\n * Extended route with possibility to extract children from components\n */\nexport interface ComponentRouteChildren extends Route\n{\n    /**\n     * Array of components which contains routes\n     */\n    childrenComponents?: Type<any>[];\n}\n\n/**\n * Describes options for ModuleRoutes decorator\n */\nexport interface ModuleRoutesOptions\n{\n    /**\n     * Indication that `forRoot` should be used during registration of routes\n     */\n    rootModule?: boolean;\n\n    /**\n     * Extra options used for `forRoot` module creation\n     */\n    rootModuleConfig?: ExtraOptions;\n\n    /**\n     * Routes that will be set before routedComponents\n     */\n    staticRoutesBefore?: ComponentRouteChildren[];\n\n    /**\n     * Routes that will be set after routedComponents\n     */\n    staticRoutesAfter?: ComponentRouteChildren[];\n}\n\n/**\n * Extracts routes from children components\n * @param route - Route which can contain array of components with routes\n */\nfunction extractChildrenComponents(route: ComponentRouteChildren): Route\n{\n    if(route.childrenComponents && route.childrenComponents.length)\n    {\n        const routes: ComponentRouteChildren[] = extractRoutes(route.childrenComponents).map(extractChildrenComponents);\n\n        if(route.children && route.children.length)\n        {\n            route.children =\n            [\n                ...route.children,\n                ...routes\n            ];\n        }\n        else\n        {\n            route.children = routes;\n        }\n    }\n\n    return route;\n}\n\n/**\n * Registers routes for module to which is attached\n * @param routedComponents - Array of components that will be used for routes extration\n * @param options - Optional options for defining routes\n */\nexport function ModuleRoutes(routedComponents: Type<any>[], options: ModuleRoutesOptions = {rootModule: false, staticRoutesAfter: [], staticRoutesBefore: []})\n{\n    return function<TFunction extends Function> (target: TFunction): TFunction\n    {\n        const ngModule: \n        {\n            ɵinj:\n            {\n                imports: any[]\n            }\n        } = target as any;\n        \n        if(ngModule.ɵinj && Array.isArray(ngModule.ɵinj.imports))\n        {\n            const routes = \n            [\n                ...(options.staticRoutesBefore || []).map(extractChildrenComponents),\n                ...extractRoutes(routedComponents).map(extractChildrenComponents),\n                ...(options.staticRoutesAfter || []).map(extractChildrenComponents)\n            ];\n\n            ngModule.ɵinj.imports.push(options.rootModule ? RouterModule.forRoot(routes, options.rootModuleConfig) : RouterModule.forChild(routes));\n        }\n\n        return target;\n    };\n}"]}

package/es2015/router/src/index.js

@@ -0,0 +1,7 @@
+export * from './decorators/componentRedirectRoute.decorator';
+export * from './decorators/componentRoute.decorator';
+export * from './decorators/moduleRoutes.decorator';
+export * from './misc/utils';
+export * from './services/routing/dataRouter';
+export * from './services/routing/dataRouterData';
+//# sourceMappingURL=index.js.map

package/es2015/router/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../router/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './decorators/componentRedirectRoute.decorator';\nexport * from './decorators/componentRoute.decorator';\nexport * from './decorators/moduleRoutes.decorator';\nexport * from './misc/utils';\nexport * from './services/routing/dataRouter';\nexport * from './services/routing/dataRouterData';\n"]}

package/es2015/router/src/misc/utils.js

@@ -0,0 +1,26 @@
+import { isPresent } from '@jscrpt/common';
+/**
+ * Extracts route definitions from components if routes are set using decorator ComponentRoute
+ * @param components - Array of components to be used for extraction
+ * @returns RouteDefinition Extracted routes
+ */
+export function extractRoutes(components) {
+    const result = [];
+    if (!components) {
+        return result;
+    }
+    components.forEach((component) => {
+        if (isPresent(component.routeValues)) {
+            component.routeValues.forEach(route => {
+                result.push(route);
+            });
+        }
+        if (isPresent(component.redirectRouteValues)) {
+            component.redirectRouteValues.forEach(route => {
+                result.push(route);
+            });
+        }
+    });
+    return result;
+}
+//# sourceMappingURL=utils.js.map

package/es2015/router/src/misc/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../router/src/misc/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAYzC;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,UAAiB;IAE3C,MAAM,MAAM,GAAY,EAAE,CAAC;IAE3B,IAAG,CAAC,UAAU,EACd;QACI,OAAO,MAAM,CAAC;KACjB;IAED,UAAU,CAAC,OAAO,CAAC,CAAC,SAAmC,EAAE,EAAE;QAEvD,IAAG,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,EACnC;YACI,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAElC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;SACN;QAED,IAAG,SAAS,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAC3C;YACI,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAE1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAClB,CAAC","sourcesContent":["import {Route} from '@angular/router';\nimport {isPresent} from '@jscrpt/common';\n\nimport {RouteDecoratedComponent} from '../decorators/componentRoute.decorator';\nimport {RedirectRouteDecoratedComponent} from '../decorators/componentRedirectRoute.decorator';\n\n/**\n * All types of route decorated components\n */\ninterface RoutesDecoratedComponent extends RouteDecoratedComponent, RedirectRouteDecoratedComponent\n{\n}\n\n/**\n * Extracts route definitions from components if routes are set using decorator ComponentRoute\n * @param components - Array of components to be used for extraction\n * @returns RouteDefinition Extracted routes\n */\nexport function extractRoutes(components: any[]): Route[]\n{\n    const result: Route[] = [];\n    \n    if(!components)\n    {\n        return result;\n    }\n    \n    components.forEach((component: RoutesDecoratedComponent) =>\n    {\n        if(isPresent(component.routeValues))\n        {\n            component.routeValues.forEach(route =>\n            {\n                result.push(route);\n            });\n        }\n\n        if(isPresent(component.redirectRouteValues))\n        {\n            component.redirectRouteValues.forEach(route =>\n            {\n                result.push(route);\n            });\n        }\n    });\n    \n    return result;\n}"]}

package/es2015/router/src/services/routing/dataRouter.js

@@ -0,0 +1,89 @@
+import { Injectable } from '@angular/core';
+import { Router, NavigationEnd, NavigationError, ResolveStart, NavigationStart } from '@angular/router';
+import { isBlank } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+//TODO: think of complicated redirects between ResolveStart and NavigationEnd
+/**
+ * Special implementation of router that allows routing with sending complex data to routed component
+ */
+export class DataRouter {
+    //######################### constructor #########################
+    constructor(_router) {
+        this._router = _router;
+        //######################### private fields #########################
+        /**
+         * Value that is going to be used for next routed data
+         */
+        this._nextValue = null;
+        /**
+         * Url path of next route
+         */
+        this._nextUrlPath = null;
+        /**
+         * Promise that resolves into value for current route
+         */
+        this._valuePromise = null;
+        this._router.events.subscribe(next => {
+            //do not use DataRouter
+            if (isBlank(this._nextUrlPath)) {
+                return;
+            }
+            //if navigation started throw away previous promise
+            if (next instanceof NavigationStart) {
+                this._valuePromise = null;
+                return;
+            }
+            //clears next value and next url after end of navigation
+            if (next instanceof NavigationEnd) {
+                this._nextUrlPath = null;
+                this._nextValue = null;
+                //if navigated to different route clear value promise
+                if (this._nextUrlPath != next.url) {
+                    this._valuePromise = null;
+                }
+            }
+            //if error throw away data
+            if (next instanceof NavigationError) {
+                this._nextUrlPath = null;
+                this._nextValue = null;
+                this._valuePromise = Promise.resolve(null);
+                return;
+            }
+            //if not ResolveStart, do nothing
+            if (!(next instanceof ResolveStart)) {
+                return;
+            }
+            //navigating to requested URL
+            if (this._nextUrlPath == next.url) {
+                this._valuePromise = Promise.resolve(this._nextValue);
+            }
+        });
+    }
+    //######################### public properties #########################
+    /**
+     * Gets promise that resolves into value for current route
+     */
+    get valuePromise() {
+        return this._valuePromise || Promise.resolve(null);
+    }
+    //######################### public methods #########################
+    /**
+     * Navigate based on the provided Route Link DSL. This method also allows you to provide complex data for your route
+     * @param linkParams - Link params that are used as for standard router
+     * @param routeData - Any type of object that can be passed to your routed component
+     * @returns Promise
+     */
+    navigate(linkParams, routeData) {
+        this._nextValue = routeData;
+        this._nextUrlPath = this._router.createUrlTree(linkParams).toString();
+        return this._router.navigate(linkParams);
+    }
+}
+DataRouter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DataRouter, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+DataRouter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DataRouter, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DataRouter, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; } });
+//# sourceMappingURL=dataRouter.js.map

package/es2015/router/src/services/routing/dataRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataRouter.js","sourceRoot":"","sources":["../../../../../router/src/services/routing/dataRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AACtG,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;;;AAEvC,6EAA6E;AAE7E;;GAEG;AAEH,MAAM,OAAO,UAAU;IA6BnB,iEAAiE;IACjE,YAAoB,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;QA5BnC,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAU,IAAI,CAAC;QAEjC;;WAEG;QACK,iBAAY,GAAgB,IAAI,CAAC;QAEzC;;WAEG;QACK,kBAAa,GAAwB,IAAI,CAAC;QAe9C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAEjC,uBAAuB;YACvB,IAAG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAC7B;gBACI,OAAO;aACV;YAED,mDAAmD;YACnD,IAAG,IAAI,YAAY,eAAe,EAClC;gBACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAE1B,OAAO;aACV;YAED,wDAAwD;YACxD,IAAG,IAAI,YAAY,aAAa,EAChC;gBACI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBAEvB,qDAAqD;gBACrD,IAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAChC;oBACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;iBAC7B;aACJ;YAED,0BAA0B;YAC1B,IAAG,IAAI,YAAY,eAAe,EAClC;gBACI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAE3C,OAAO;aACV;YAED,iCAAiC;YACjC,IAAG,CAAC,CAAC,IAAI,YAAY,YAAY,CAAC,EAClC;gBACI,OAAO;aACV;YAED,6BAA6B;YAC7B,IAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAChC;gBACI,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACzD;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAhED,uEAAuE;IAEvE;;OAEG;IACH,IAAW,YAAY;QAEnB,OAAO,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IA0DD,oEAAoE;IAEpE;;;;;OAKG;IACI,QAAQ,CAAC,UAAiB,EAAE,SAAgB;QAE/C,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEtE,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC;;uGAnGQ,UAAU;2GAAV,UAAU,cADE,MAAM;2FAClB,UAAU;kBADtB,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC","sourcesContent":["import {Injectable} from '@angular/core';\nimport {Router, NavigationEnd, NavigationError, ResolveStart, NavigationStart} from '@angular/router';\nimport {isBlank} from '@jscrpt/common';\n\n//TODO: think of complicated redirects between ResolveStart and NavigationEnd\n\n/**\n * Special implementation of router that allows routing with sending complex data to routed component\n */\n@Injectable({providedIn: 'root'})\nexport class DataRouter<TData = any>\n{\n    //######################### private fields #########################\n\n    /**\n     * Value that is going to be used for next routed data\n     */\n    private _nextValue: TData = null;\n\n    /**\n     * Url path of next route\n     */\n    private _nextUrlPath: string|null = null;\n\n    /**\n     * Promise that resolves into value for current route\n     */\n    private _valuePromise: Promise<TData>|null = null;\n\n    //######################### public properties #########################\n\n    /**\n     * Gets promise that resolves into value for current route\n     */\n    public get valuePromise(): Promise<TData>\n    {\n        return this._valuePromise || Promise.resolve(null);\n    }\n\n    //######################### constructor #########################\n    constructor(private _router: Router)\n    {\n        this._router.events.subscribe(next =>\n        {\n            //do not use DataRouter\n            if(isBlank(this._nextUrlPath))\n            {\n                return;\n            }\n\n            //if navigation started throw away previous promise\n            if(next instanceof NavigationStart)\n            {\n                this._valuePromise = null;\n\n                return;\n            }\n\n            //clears next value and next url after end of navigation\n            if(next instanceof NavigationEnd)\n            {\n                this._nextUrlPath = null;\n                this._nextValue = null;\n\n                //if navigated to different route clear value promise\n                if(this._nextUrlPath != next.url)\n                {\n                    this._valuePromise = null;\n                }\n            }\n\n            //if error throw away data\n            if(next instanceof NavigationError)\n            {\n                this._nextUrlPath = null;\n                this._nextValue = null;\n                this._valuePromise = Promise.resolve(null);\n\n                return;\n            }\n\n            //if not ResolveStart, do nothing\n            if(!(next instanceof ResolveStart))\n            {\n                return;\n            }\n\n            //navigating to requested URL\n            if(this._nextUrlPath == next.url)\n            {\n                this._valuePromise = Promise.resolve(this._nextValue);\n            }\n        });\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Navigate based on the provided Route Link DSL. This method also allows you to provide complex data for your route\n     * @param linkParams - Link params that are used as for standard router\n     * @param routeData - Any type of object that can be passed to your routed component\n     * @returns Promise\n     */\n    public navigate(linkParams: any[], routeData: TData): Promise<boolean>\n    {\n        this._nextValue = routeData;\n        this._nextUrlPath = this._router.createUrlTree(linkParams).toString();\n\n        return this._router.navigate(linkParams);\n    }\n}\n"]}