@anglr/common 10.0.1 → 11.0.0-beta.20220222093017

package/changelog.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## Version 11.0.0 (2022-02-22)
+
+### Bug Fixes
+
+- fixed `TitledDialogComponent`, now correctly imports `ngComponentOutletEx`
+
+### BREAKING CHANGES
+
+- *subpackage* `@anglr/common/hmr`
+   - removed whole subpackage
+   - replacement for `hmrFinishedNotification` use `simpleNotification` function from `@jscrpt/common`
+
 ## Version 10.0.1 (2022-02-22)
 
 ### Bug Fixes

package/es2015/material/src/components/titledDialog/titledDialog.component.js

@@ -3,7 +3,8 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { TITLED_DIALOG_DATA } from '../../misc/interfaces/titledDialog.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "../../../../src/pipes/localize/localize.pipe";
+import * as i2 from "../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive";
+import * as i3 from "../../../../src/pipes/localize/localize.pipe";
 /**
  * Component used as wrapper for material dialog enhanced with title
  */
@@ -12,12 +13,15 @@ export class TitledDialogComponent {
     constructor(data, dialogRef, injector) {
         this.data = data;
         this.dialogRef = dialogRef;
-        this.injector = Injector.create([
-            {
-                provide: TITLED_DIALOG_DATA,
-                useValue: data.data
-            }
-        ], injector);
+        this.injector = Injector.create({
+            providers: [
+                {
+                    provide: TITLED_DIALOG_DATA,
+                    useValue: data.data
+                }
+            ],
+            parent: injector
+        });
     }
     get component() {
         var _a;
@@ -28,7 +32,7 @@ export class TitledDialogComponent {
     }
 }
 TitledDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-TitledDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TitledDialogComponent, selector: "titled-dialog", ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], pipes: { "localize": i2.LocalizePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TitledDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TitledDialogComponent, selector: "titled-dialog", ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], directives: [{ type: i2.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }], pipes: { "localize": i3.LocalizePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'titled-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"] }]

package/es2015/material/src/components/titledDialog/titledDialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"titledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/titledDialog/titledDialog.component.ts","../../../../../material/src/components/titledDialog/titledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAiB,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAuB,kBAAkB,EAAC,MAAM,8CAA8C,CAAC;;;;AAEtG;;GAEG;AAQH,MAAM,OAAO,qBAAqB;IAmB9B,iEAAiE;IACjE,YAA4C,IAA0B,EACnD,SAA6C,EACpD,QAAkB;QAFc,SAAI,GAAJ,IAAI,CAAsB;QACnD,cAAS,GAAT,SAAS,CAAoC;QAG5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC/B;YAEI;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI;aACtB;SACJ,EAAE,QAAQ,CAAC,CAAC;IACjB,CAAC;IAvBD,IAAW,SAAS;;QAEhB,IAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,sBAAsB,aAAY,WAAW,EAC3D;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC;IAC5C,CAAC;;kHAjBQ,qBAAqB,kBAoBV,eAAe;sGApB1B,qBAAqB,qDChBlC,gcAUM;2FDMO,qBAAqB;kBAPjC,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;;0BAsBlC,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Injector, ValueProvider, TemplateRef} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {ComponentType} from '@angular/cdk/portal';\n\nimport {ɵTitledDialogOptions, TITLED_DIALOG_DATA} from '../../misc/interfaces/titledDialog.interface';\n\n/**\n * Component used as wrapper for material dialog enhanced with title\n */\n@Component(\n{\n    selector: 'titled-dialog',\n    templateUrl: 'titledDialog.component.html',\n    styleUrls: ['titledDialog.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TitledDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Injector used for creating component or template\n     */\n    public injector: Injector;\n\n    public get component(): ComponentType<any>\n    {\n        if(this.data?.componentOrTemplateRef instanceof TemplateRef)\n        {\n            return null;\n        }\n\n        return this.data.componentOrTemplateRef;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(MAT_DIALOG_DATA) public data: ɵTitledDialogOptions,\n                public dialogRef: MatDialogRef<ɵTitledDialogOptions>,\n                injector: Injector)\n    {\n        this.injector = Injector.create(\n        [\n            <ValueProvider>\n            {\n                provide: TITLED_DIALOG_DATA,\n                useValue: data.data\n            }\n        ], injector);\n    }\n}","<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>"]}
+{"version":3,"file":"titledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/titledDialog/titledDialog.component.ts","../../../../../material/src/components/titledDialog/titledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAiB,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAuB,kBAAkB,EAAC,MAAM,8CAA8C,CAAC;;;;;AAEtG;;GAEG;AAQH,MAAM,OAAO,qBAAqB;IAmB9B,iEAAiE;IACjE,YAA4C,IAA0B,EACnD,SAA6C,EACpD,QAAkB;QAFc,SAAI,GAAJ,IAAI,CAAsB;QACnD,cAAS,GAAT,SAAS,CAAoC;QAG5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC/B;YACI,SAAS,EACT;gBAEI;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI;iBACtB;aACJ;YACD,MAAM,EAAE,QAAQ;SACnB,CAAC,CAAC;IACP,CAAC;IA3BD,IAAW,SAAS;;QAEhB,IAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,sBAAsB,aAAY,WAAW,EAC3D;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC;IAC5C,CAAC;;kHAjBQ,qBAAqB,kBAoBV,eAAe;sGApB1B,qBAAqB,qDChBlC,gcAUM;2FDMO,qBAAqB;kBAPjC,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;;0BAsBlC,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Injector, ValueProvider, TemplateRef} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {ComponentType} from '@angular/cdk/portal';\n\nimport {ɵTitledDialogOptions, TITLED_DIALOG_DATA} from '../../misc/interfaces/titledDialog.interface';\n\n/**\n * Component used as wrapper for material dialog enhanced with title\n */\n@Component(\n{\n    selector: 'titled-dialog',\n    templateUrl: 'titledDialog.component.html',\n    styleUrls: ['titledDialog.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TitledDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Injector used for creating component or template\n     */\n    public injector: Injector;\n\n    public get component(): ComponentType<any>\n    {\n        if(this.data?.componentOrTemplateRef instanceof TemplateRef)\n        {\n            return null;\n        }\n\n        return this.data.componentOrTemplateRef;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(MAT_DIALOG_DATA) public data: ɵTitledDialogOptions,\n                public dialogRef: MatDialogRef<ɵTitledDialogOptions>,\n                injector: Injector)\n    {\n        this.injector = Injector.create(\n        {\n            providers:\n            [\n                <ValueProvider>\n                {\n                    provide: TITLED_DIALOG_DATA,\n                    useValue: data.data\n                }\n            ],\n            parent: injector\n        });\n    }\n}","<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>"]}

package/es2015/material/src/modules/titledDialog.module.js

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { MatDialogModule } from '@angular/material/dialog';
-import { CommonLocalizeModule } from '@anglr/common';
+import { CommonDynamicModule, CommonLocalizeModule } from '@anglr/common';
 import { TitledDialogComponent } from '../components/titledDialog/titledDialog.component';
 import { TitledDialogService } from '../services/titledDialog/titledDialog.service';
 import * as i0 from "@angular/core";
@@ -10,20 +10,23 @@ import * as i0 from "@angular/core";
 export class TitledDialogModule {
 }
 TitledDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TitledDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, declarations: [TitledDialogComponent], imports: [CommonLocalizeModule,
+TitledDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, declarations: [TitledDialogComponent], imports: [CommonDynamicModule,
+        CommonLocalizeModule,
         MatDialogModule] });
 TitledDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, providers: [
         TitledDialogService
     ], imports: [[
+            CommonDynamicModule,
             CommonLocalizeModule,
-            MatDialogModule
+            MatDialogModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
+                        CommonDynamicModule,
                         CommonLocalizeModule,
-                        MatDialogModule
+                        MatDialogModule,
                     ],
                     declarations: [
                         TitledDialogComponent

package/es2015/material/src/modules/titledDialog.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"titledDialog.module.js","sourceRoot":"","sources":["../../../../material/src/modules/titledDialog.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAC,qBAAqB,EAAC,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,+CAA+C,CAAC;;AAElF;;GAEG;AAiBH,MAAM,OAAO,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBAPvB,qBAAqB,aALrB,oBAAoB;QACpB,eAAe;gHAWV,kBAAkB,aAJ3B;QACI,mBAAmB;KACtB,YAXD;YACI,oBAAoB;YACpB,eAAe;SAClB;2FAUQ,kBAAkB;kBAhB9B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,oBAAoB;wBACpB,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,qBAAqB;qBACxB;oBACD,SAAS,EACT;wBACI,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {CommonLocalizeModule} from '@anglr/common';\n\nimport {TitledDialogComponent} from '../components/titledDialog/titledDialog.component';\nimport {TitledDialogService} from '../services/titledDialog/titledDialog.service';\n\n/**\n * Module for components and service for displaying titled dialog\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonLocalizeModule,\n        MatDialogModule\n    ],\n    declarations:\n    [\n        TitledDialogComponent\n    ],\n    providers:\n    [\n        TitledDialogService\n    ]\n})\nexport class TitledDialogModule\n{\n}"]}
+{"version":3,"file":"titledDialog.module.js","sourceRoot":"","sources":["../../../../material/src/modules/titledDialog.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAC,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAExE,OAAO,EAAC,qBAAqB,EAAC,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,+CAA+C,CAAC;;AAElF;;GAEG;AAkBH,MAAM,OAAO,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBAPvB,qBAAqB,aANrB,mBAAmB;QACnB,oBAAoB;QACpB,eAAe;gHAWV,kBAAkB,aAJ3B;QACI,mBAAmB;KACtB,YAZD;YACI,mBAAmB;YACnB,oBAAoB;YACpB,eAAe;SAClB;2FAUQ,kBAAkB;kBAjB9B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,oBAAoB;wBACpB,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,qBAAqB;qBACxB;oBACD,SAAS,EACT;wBACI,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {CommonDynamicModule, CommonLocalizeModule} from '@anglr/common';\n\nimport {TitledDialogComponent} from '../components/titledDialog/titledDialog.component';\nimport {TitledDialogService} from '../services/titledDialog/titledDialog.service';\n\n/**\n * Module for components and service for displaying titled dialog\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonDynamicModule,\n        CommonLocalizeModule,\n        MatDialogModule,\n    ],\n    declarations:\n    [\n        TitledDialogComponent\n    ],\n    providers:\n    [\n        TitledDialogService\n    ]\n})\nexport class TitledDialogModule\n{\n}"]}

package/es2015/src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.js

@@ -1,5 +1,6 @@
 import { EventEmitter, Directive, Injector, Input, Type, ViewContainerRef, Output } from '@angular/core';
 import * as i0 from "@angular/core";
+//TODO: add module as origin componentOutlet has
 /**
  * Instantiates a single Component type and inserts its Host View into current View.
  */

package/es2015/src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"ngComponentOutletEx.directive.js","sourceRoot":"","sources":["../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAgB,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAa,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;;AAEhI;;GAEG;AAMH,MAAM,OAAO,mBAAmB;IAoD5B,iEAAiE;IACjE,YAAoB,iBAAmC;QAAnC,sBAAiB,GAAjB,iBAAiB,CAAkB;QAnDvD,oEAAoE;QAEpE;;WAEG;QACK,kBAAa,GAAkC,IAAI,CAAC;QAsB5D,iFAAiF;QAEjF;;WAEG;QAEI,+BAA0B,GAAkC,IAAI,YAAY,EAAmB,CAAC;IAoBvG,CAAC;IAlBD,uEAAuE;IAEvE;;OAEG;IACH,IAAW,SAAS;QAEhB,IAAG,CAAC,IAAI,CAAC,aAAa,EACtB;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACvC,CAAC;IAOD,kGAAkG;IAC3F,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAE1B,IAAI,IAAI,CAAC,mBAAmB,EAC5B;YACI,MAAM,QAAQ,GAAG,IAAI,CAAC,2BAA2B,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YAErF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAa,IAAI,CAAC,mBAAmB,EACxB;gBACI,QAAQ,EAAE,QAAQ;gBAClB,gBAAgB,EAAE,IAAI,CAAC,0BAA0B;aACpD,CAAC,CAAC;SAC9E;QAED,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,CAAC;;gHA3EQ,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAL/B,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,qBAAqB;iBAClC;uGAgBU,mBAAmB;sBADzB,KAAK;gBAOC,2BAA2B;sBADjC,KAAK;gBAOC,0BAA0B;sBADhC,KAAK;gBASC,0BAA0B;sBADhC,MAAM","sourcesContent":["import {EventEmitter, ComponentRef, Directive, Injector, Input, OnChanges, Type, ViewContainerRef, Output} from '@angular/core';\n\n/**\n * Instantiates a single Component type and inserts its Host View into current View.\n */\n@Directive(\n{\n    selector: '[ngComponentOutletEx]',\n    exportAs: 'ngComponentOutletEx'\n})\nexport class NgComponentOutletEx<TComponent> implements OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Created component reference\n     */\n    private _componentRef: ComponentRef<TComponent>|null = null;\n    \n    //######################### public properties - inputs #########################\n    \n    /**\n     * Type that should be dynamically created into current container\n     */\n    @Input() \n    public ngComponentOutletEx: Type<TComponent>;\n\n    /**\n     * Custom injector that will be used for newly created component\n     */\n    @Input() \n    public ngComponentOutletExInjector: Injector;\n\n    /**\n     * Projectable nodes that can be injected into component\n     */\n    @Input() \n    public ngComponentOutletExContent: any[][];\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when component is created or destroyed, it can send instance of component, or null\n     */\n    @Output()\n    public ngComponentOutletExCreated: EventEmitter<TComponent|null> = new EventEmitter<TComponent|null>();\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of dynamically created component \n     */\n    public get component(): TComponent|null\n    {\n        if(!this._componentRef)\n        {\n            return null;\n        }\n\n        return this._componentRef.instance;\n    }\n\n    //######################### constructor #########################\n    constructor(private _viewContainerRef: ViewContainerRef)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    public ngOnChanges(): void\n    {\n        this._viewContainerRef.clear();\n        this._componentRef = null;\n\n        if (this.ngComponentOutletEx)\n        {\n            const injector = this.ngComponentOutletExInjector || this._viewContainerRef.injector;\n\n            this._componentRef = this._viewContainerRef.createComponent<TComponent>(this.ngComponentOutletEx,\n                                                                                    {\n                                                                                        injector: injector,\n                                                                                        projectableNodes: this.ngComponentOutletExContent\n                                                                                    });\n        }\n\n        this.ngComponentOutletExCreated.emit(this.component);\n    }\n}\n"]}
+{"version":3,"file":"ngComponentOutletEx.directive.js","sourceRoot":"","sources":["../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAgB,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAa,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;;AAEhI,gDAAgD;AAEhD;;GAEG;AAMH,MAAM,OAAO,mBAAmB;IAoD5B,iEAAiE;IACjE,YAAoB,iBAAmC;QAAnC,sBAAiB,GAAjB,iBAAiB,CAAkB;QAnDvD,oEAAoE;QAEpE;;WAEG;QACK,kBAAa,GAAkC,IAAI,CAAC;QAsB5D,iFAAiF;QAEjF;;WAEG;QAEI,+BAA0B,GAAkC,IAAI,YAAY,EAAmB,CAAC;IAoBvG,CAAC;IAlBD,uEAAuE;IAEvE;;OAEG;IACH,IAAW,SAAS;QAEhB,IAAG,CAAC,IAAI,CAAC,aAAa,EACtB;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACvC,CAAC;IAOD,kGAAkG;IAC3F,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAE1B,IAAI,IAAI,CAAC,mBAAmB,EAC5B;YACI,MAAM,QAAQ,GAAG,IAAI,CAAC,2BAA2B,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YAErF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAa,IAAI,CAAC,mBAAmB,EACxB;gBACI,QAAQ,EAAE,QAAQ;gBAClB,gBAAgB,EAAE,IAAI,CAAC,0BAA0B;aACpD,CAAC,CAAC;SAC9E;QAED,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,CAAC;;gHA3EQ,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAL/B,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,qBAAqB;iBAClC;uGAgBU,mBAAmB;sBADzB,KAAK;gBAOC,2BAA2B;sBADjC,KAAK;gBAOC,0BAA0B;sBADhC,KAAK;gBASC,0BAA0B;sBADhC,MAAM","sourcesContent":["import {EventEmitter, ComponentRef, Directive, Injector, Input, OnChanges, Type, ViewContainerRef, Output} from '@angular/core';\n\n//TODO: add module as origin componentOutlet has\n\n/**\n * Instantiates a single Component type and inserts its Host View into current View.\n */\n@Directive(\n{\n    selector: '[ngComponentOutletEx]',\n    exportAs: 'ngComponentOutletEx'\n})\nexport class NgComponentOutletEx<TComponent> implements OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Created component reference\n     */\n    private _componentRef: ComponentRef<TComponent>|null = null;\n    \n    //######################### public properties - inputs #########################\n    \n    /**\n     * Type that should be dynamically created into current container\n     */\n    @Input() \n    public ngComponentOutletEx: Type<TComponent>;\n\n    /**\n     * Custom injector that will be used for newly created component\n     */\n    @Input() \n    public ngComponentOutletExInjector: Injector;\n\n    /**\n     * Projectable nodes that can be injected into component\n     */\n    @Input() \n    public ngComponentOutletExContent: any[][];\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when component is created or destroyed, it can send instance of component, or null\n     */\n    @Output()\n    public ngComponentOutletExCreated: EventEmitter<TComponent|null> = new EventEmitter<TComponent|null>();\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of dynamically created component \n     */\n    public get component(): TComponent|null\n    {\n        if(!this._componentRef)\n        {\n            return null;\n        }\n\n        return this._componentRef.instance;\n    }\n\n    //######################### constructor #########################\n    constructor(private _viewContainerRef: ViewContainerRef)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    public ngOnChanges(): void\n    {\n        this._viewContainerRef.clear();\n        this._componentRef = null;\n\n        if (this.ngComponentOutletEx)\n        {\n            const injector = this.ngComponentOutletExInjector || this._viewContainerRef.injector;\n\n            this._componentRef = this._viewContainerRef.createComponent<TComponent>(this.ngComponentOutletEx,\n                                                                                    {\n                                                                                        injector: injector,\n                                                                                        projectableNodes: this.ngComponentOutletExContent\n                                                                                    });\n        }\n\n        this.ngComponentOutletExCreated.emit(this.component);\n    }\n}\n"]}

package/es2020/material/src/components/titledDialog/titledDialog.component.js

@@ -3,7 +3,8 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { TITLED_DIALOG_DATA } from '../../misc/interfaces/titledDialog.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "../../../../src/pipes/localize/localize.pipe";
+import * as i2 from "../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive";
+import * as i3 from "../../../../src/pipes/localize/localize.pipe";
 /**
  * Component used as wrapper for material dialog enhanced with title
  */
@@ -12,12 +13,15 @@ export class TitledDialogComponent {
     constructor(data, dialogRef, injector) {
         this.data = data;
         this.dialogRef = dialogRef;
-        this.injector = Injector.create([
-            {
-                provide: TITLED_DIALOG_DATA,
-                useValue: data.data
-            }
-        ], injector);
+        this.injector = Injector.create({
+            providers: [
+                {
+                    provide: TITLED_DIALOG_DATA,
+                    useValue: data.data
+                }
+            ],
+            parent: injector
+        });
     }
     get component() {
         if (this.data?.componentOrTemplateRef instanceof TemplateRef) {
@@ -27,7 +31,7 @@ export class TitledDialogComponent {
     }
 }
 TitledDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-TitledDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TitledDialogComponent, selector: "titled-dialog", ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], pipes: { "localize": i2.LocalizePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TitledDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TitledDialogComponent, selector: "titled-dialog", ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], directives: [{ type: i2.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }], pipes: { "localize": i3.LocalizePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'titled-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"] }]

package/es2020/material/src/components/titledDialog/titledDialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"titledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/titledDialog/titledDialog.component.ts","../../../../../material/src/components/titledDialog/titledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAiB,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAuB,kBAAkB,EAAC,MAAM,8CAA8C,CAAC;;;;AAEtG;;GAEG;AAQH,MAAM,OAAO,qBAAqB;IAmB9B,iEAAiE;IACjE,YAA4C,IAA0B,EACnD,SAA6C,EACpD,QAAkB;QAFc,SAAI,GAAJ,IAAI,CAAsB;QACnD,cAAS,GAAT,SAAS,CAAoC;QAG5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC/B;YAEI;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI;aACtB;SACJ,EAAE,QAAQ,CAAC,CAAC;IACjB,CAAC;IAvBD,IAAW,SAAS;QAEhB,IAAG,IAAI,CAAC,IAAI,EAAE,sBAAsB,YAAY,WAAW,EAC3D;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC;IAC5C,CAAC;;kHAjBQ,qBAAqB,kBAoBV,eAAe;sGApB1B,qBAAqB,qDChBlC,gcAUM;2FDMO,qBAAqB;kBAPjC,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;;0BAsBlC,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Injector, ValueProvider, TemplateRef} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {ComponentType} from '@angular/cdk/portal';\n\nimport {ɵTitledDialogOptions, TITLED_DIALOG_DATA} from '../../misc/interfaces/titledDialog.interface';\n\n/**\n * Component used as wrapper for material dialog enhanced with title\n */\n@Component(\n{\n    selector: 'titled-dialog',\n    templateUrl: 'titledDialog.component.html',\n    styleUrls: ['titledDialog.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TitledDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Injector used for creating component or template\n     */\n    public injector: Injector;\n\n    public get component(): ComponentType<any>\n    {\n        if(this.data?.componentOrTemplateRef instanceof TemplateRef)\n        {\n            return null;\n        }\n\n        return this.data.componentOrTemplateRef;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(MAT_DIALOG_DATA) public data: ɵTitledDialogOptions,\n                public dialogRef: MatDialogRef<ɵTitledDialogOptions>,\n                injector: Injector)\n    {\n        this.injector = Injector.create(\n        [\n            <ValueProvider>\n            {\n                provide: TITLED_DIALOG_DATA,\n                useValue: data.data\n            }\n        ], injector);\n    }\n}","<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>"]}
+{"version":3,"file":"titledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/titledDialog/titledDialog.component.ts","../../../../../material/src/components/titledDialog/titledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAiB,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAuB,kBAAkB,EAAC,MAAM,8CAA8C,CAAC;;;;;AAEtG;;GAEG;AAQH,MAAM,OAAO,qBAAqB;IAmB9B,iEAAiE;IACjE,YAA4C,IAA0B,EACnD,SAA6C,EACpD,QAAkB;QAFc,SAAI,GAAJ,IAAI,CAAsB;QACnD,cAAS,GAAT,SAAS,CAAoC;QAG5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC/B;YACI,SAAS,EACT;gBAEI;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI;iBACtB;aACJ;YACD,MAAM,EAAE,QAAQ;SACnB,CAAC,CAAC;IACP,CAAC;IA3BD,IAAW,SAAS;QAEhB,IAAG,IAAI,CAAC,IAAI,EAAE,sBAAsB,YAAY,WAAW,EAC3D;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC;IAC5C,CAAC;;kHAjBQ,qBAAqB,kBAoBV,eAAe;sGApB1B,qBAAqB,qDChBlC,gcAUM;2FDMO,qBAAqB;kBAPjC,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;;0BAsBlC,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Injector, ValueProvider, TemplateRef} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {ComponentType} from '@angular/cdk/portal';\n\nimport {ɵTitledDialogOptions, TITLED_DIALOG_DATA} from '../../misc/interfaces/titledDialog.interface';\n\n/**\n * Component used as wrapper for material dialog enhanced with title\n */\n@Component(\n{\n    selector: 'titled-dialog',\n    templateUrl: 'titledDialog.component.html',\n    styleUrls: ['titledDialog.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TitledDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Injector used for creating component or template\n     */\n    public injector: Injector;\n\n    public get component(): ComponentType<any>\n    {\n        if(this.data?.componentOrTemplateRef instanceof TemplateRef)\n        {\n            return null;\n        }\n\n        return this.data.componentOrTemplateRef;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(MAT_DIALOG_DATA) public data: ɵTitledDialogOptions,\n                public dialogRef: MatDialogRef<ɵTitledDialogOptions>,\n                injector: Injector)\n    {\n        this.injector = Injector.create(\n        {\n            providers:\n            [\n                <ValueProvider>\n                {\n                    provide: TITLED_DIALOG_DATA,\n                    useValue: data.data\n                }\n            ],\n            parent: injector\n        });\n    }\n}","<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>"]}

package/es2020/material/src/modules/titledDialog.module.js

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { MatDialogModule } from '@angular/material/dialog';
-import { CommonLocalizeModule } from '@anglr/common';
+import { CommonDynamicModule, CommonLocalizeModule } from '@anglr/common';
 import { TitledDialogComponent } from '../components/titledDialog/titledDialog.component';
 import { TitledDialogService } from '../services/titledDialog/titledDialog.service';
 import * as i0 from "@angular/core";
@@ -10,20 +10,23 @@ import * as i0 from "@angular/core";
 export class TitledDialogModule {
 }
 TitledDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TitledDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, declarations: [TitledDialogComponent], imports: [CommonLocalizeModule,
+TitledDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, declarations: [TitledDialogComponent], imports: [CommonDynamicModule,
+        CommonLocalizeModule,
         MatDialogModule] });
 TitledDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, providers: [
         TitledDialogService
     ], imports: [[
+            CommonDynamicModule,
             CommonLocalizeModule,
-            MatDialogModule
+            MatDialogModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TitledDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
+                        CommonDynamicModule,
                         CommonLocalizeModule,
-                        MatDialogModule
+                        MatDialogModule,
                     ],
                     declarations: [
                         TitledDialogComponent

package/es2020/material/src/modules/titledDialog.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"titledDialog.module.js","sourceRoot":"","sources":["../../../../material/src/modules/titledDialog.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAC,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAC,qBAAqB,EAAC,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,+CAA+C,CAAC;;AAElF;;GAEG;AAiBH,MAAM,OAAO,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBAPvB,qBAAqB,aALrB,oBAAoB;QACpB,eAAe;gHAWV,kBAAkB,aAJ3B;QACI,mBAAmB;KACtB,YAXD;YACI,oBAAoB;YACpB,eAAe;SAClB;2FAUQ,kBAAkB;kBAhB9B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,oBAAoB;wBACpB,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,qBAAqB;qBACxB;oBACD,SAAS,EACT;wBACI,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {CommonLocalizeModule} from '@anglr/common';\n\nimport {TitledDialogComponent} from '../components/titledDialog/titledDialog.component';\nimport {TitledDialogService} from '../services/titledDialog/titledDialog.service';\n\n/**\n * Module for components and service for displaying titled dialog\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonLocalizeModule,\n        MatDialogModule\n    ],\n    declarations:\n    [\n        TitledDialogComponent\n    ],\n    providers:\n    [\n        TitledDialogService\n    ]\n})\nexport class TitledDialogModule\n{\n}"]}
+{"version":3,"file":"titledDialog.module.js","sourceRoot":"","sources":["../../../../material/src/modules/titledDialog.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAC,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAExE,OAAO,EAAC,qBAAqB,EAAC,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,+CAA+C,CAAC;;AAElF;;GAEG;AAkBH,MAAM,OAAO,kBAAkB;;+GAAlB,kBAAkB;gHAAlB,kBAAkB,iBAPvB,qBAAqB,aANrB,mBAAmB;QACnB,oBAAoB;QACpB,eAAe;gHAWV,kBAAkB,aAJ3B;QACI,mBAAmB;KACtB,YAZD;YACI,mBAAmB;YACnB,oBAAoB;YACpB,eAAe;SAClB;2FAUQ,kBAAkB;kBAjB9B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,mBAAmB;wBACnB,oBAAoB;wBACpB,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,qBAAqB;qBACxB;oBACD,SAAS,EACT;wBACI,mBAAmB;qBACtB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {CommonDynamicModule, CommonLocalizeModule} from '@anglr/common';\n\nimport {TitledDialogComponent} from '../components/titledDialog/titledDialog.component';\nimport {TitledDialogService} from '../services/titledDialog/titledDialog.service';\n\n/**\n * Module for components and service for displaying titled dialog\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonDynamicModule,\n        CommonLocalizeModule,\n        MatDialogModule,\n    ],\n    declarations:\n    [\n        TitledDialogComponent\n    ],\n    providers:\n    [\n        TitledDialogService\n    ]\n})\nexport class TitledDialogModule\n{\n}"]}

package/es2020/src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.js

@@ -1,5 +1,6 @@
 import { EventEmitter, Directive, Injector, Input, Type, ViewContainerRef, Output } from '@angular/core';
 import * as i0 from "@angular/core";
+//TODO: add module as origin componentOutlet has
 /**
  * Instantiates a single Component type and inserts its Host View into current View.
  */

package/es2020/src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"ngComponentOutletEx.directive.js","sourceRoot":"","sources":["../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAgB,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAa,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;;AAEhI;;GAEG;AAMH,MAAM,OAAO,mBAAmB;IAoD5B,iEAAiE;IACjE,YAAoB,iBAAmC;QAAnC,sBAAiB,GAAjB,iBAAiB,CAAkB;QAnDvD,oEAAoE;QAEpE;;WAEG;QACK,kBAAa,GAAkC,IAAI,CAAC;QAsB5D,iFAAiF;QAEjF;;WAEG;QAEI,+BAA0B,GAAkC,IAAI,YAAY,EAAmB,CAAC;IAoBvG,CAAC;IAlBD,uEAAuE;IAEvE;;OAEG;IACH,IAAW,SAAS;QAEhB,IAAG,CAAC,IAAI,CAAC,aAAa,EACtB;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACvC,CAAC;IAOD,kGAAkG;IAC3F,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAE1B,IAAI,IAAI,CAAC,mBAAmB,EAC5B;YACI,MAAM,QAAQ,GAAG,IAAI,CAAC,2BAA2B,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YAErF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAa,IAAI,CAAC,mBAAmB,EACxB;gBACI,QAAQ,EAAE,QAAQ;gBAClB,gBAAgB,EAAE,IAAI,CAAC,0BAA0B;aACpD,CAAC,CAAC;SAC9E;QAED,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,CAAC;;gHA3EQ,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAL/B,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,qBAAqB;iBAClC;uGAgBU,mBAAmB;sBADzB,KAAK;gBAOC,2BAA2B;sBADjC,KAAK;gBAOC,0BAA0B;sBADhC,KAAK;gBASC,0BAA0B;sBADhC,MAAM","sourcesContent":["import {EventEmitter, ComponentRef, Directive, Injector, Input, OnChanges, Type, ViewContainerRef, Output} from '@angular/core';\n\n/**\n * Instantiates a single Component type and inserts its Host View into current View.\n */\n@Directive(\n{\n    selector: '[ngComponentOutletEx]',\n    exportAs: 'ngComponentOutletEx'\n})\nexport class NgComponentOutletEx<TComponent> implements OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Created component reference\n     */\n    private _componentRef: ComponentRef<TComponent>|null = null;\n    \n    //######################### public properties - inputs #########################\n    \n    /**\n     * Type that should be dynamically created into current container\n     */\n    @Input() \n    public ngComponentOutletEx: Type<TComponent>;\n\n    /**\n     * Custom injector that will be used for newly created component\n     */\n    @Input() \n    public ngComponentOutletExInjector: Injector;\n\n    /**\n     * Projectable nodes that can be injected into component\n     */\n    @Input() \n    public ngComponentOutletExContent: any[][];\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when component is created or destroyed, it can send instance of component, or null\n     */\n    @Output()\n    public ngComponentOutletExCreated: EventEmitter<TComponent|null> = new EventEmitter<TComponent|null>();\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of dynamically created component \n     */\n    public get component(): TComponent|null\n    {\n        if(!this._componentRef)\n        {\n            return null;\n        }\n\n        return this._componentRef.instance;\n    }\n\n    //######################### constructor #########################\n    constructor(private _viewContainerRef: ViewContainerRef)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    public ngOnChanges(): void\n    {\n        this._viewContainerRef.clear();\n        this._componentRef = null;\n\n        if (this.ngComponentOutletEx)\n        {\n            const injector = this.ngComponentOutletExInjector || this._viewContainerRef.injector;\n\n            this._componentRef = this._viewContainerRef.createComponent<TComponent>(this.ngComponentOutletEx,\n                                                                                    {\n                                                                                        injector: injector,\n                                                                                        projectableNodes: this.ngComponentOutletExContent\n                                                                                    });\n        }\n\n        this.ngComponentOutletExCreated.emit(this.component);\n    }\n}\n"]}
+{"version":3,"file":"ngComponentOutletEx.directive.js","sourceRoot":"","sources":["../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAgB,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAa,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;;AAEhI,gDAAgD;AAEhD;;GAEG;AAMH,MAAM,OAAO,mBAAmB;IAoD5B,iEAAiE;IACjE,YAAoB,iBAAmC;QAAnC,sBAAiB,GAAjB,iBAAiB,CAAkB;QAnDvD,oEAAoE;QAEpE;;WAEG;QACK,kBAAa,GAAkC,IAAI,CAAC;QAsB5D,iFAAiF;QAEjF;;WAEG;QAEI,+BAA0B,GAAkC,IAAI,YAAY,EAAmB,CAAC;IAoBvG,CAAC;IAlBD,uEAAuE;IAEvE;;OAEG;IACH,IAAW,SAAS;QAEhB,IAAG,CAAC,IAAI,CAAC,aAAa,EACtB;YACI,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACvC,CAAC;IAOD,kGAAkG;IAC3F,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAE1B,IAAI,IAAI,CAAC,mBAAmB,EAC5B;YACI,MAAM,QAAQ,GAAG,IAAI,CAAC,2BAA2B,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YAErF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAa,IAAI,CAAC,mBAAmB,EACxB;gBACI,QAAQ,EAAE,QAAQ;gBAClB,gBAAgB,EAAE,IAAI,CAAC,0BAA0B;aACpD,CAAC,CAAC;SAC9E;QAED,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,CAAC;;gHA3EQ,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAL/B,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,qBAAqB;iBAClC;uGAgBU,mBAAmB;sBADzB,KAAK;gBAOC,2BAA2B;sBADjC,KAAK;gBAOC,0BAA0B;sBADhC,KAAK;gBASC,0BAA0B;sBADhC,MAAM","sourcesContent":["import {EventEmitter, ComponentRef, Directive, Injector, Input, OnChanges, Type, ViewContainerRef, Output} from '@angular/core';\n\n//TODO: add module as origin componentOutlet has\n\n/**\n * Instantiates a single Component type and inserts its Host View into current View.\n */\n@Directive(\n{\n    selector: '[ngComponentOutletEx]',\n    exportAs: 'ngComponentOutletEx'\n})\nexport class NgComponentOutletEx<TComponent> implements OnChanges\n{\n    //######################### private fields #########################\n\n    /**\n     * Created component reference\n     */\n    private _componentRef: ComponentRef<TComponent>|null = null;\n    \n    //######################### public properties - inputs #########################\n    \n    /**\n     * Type that should be dynamically created into current container\n     */\n    @Input() \n    public ngComponentOutletEx: Type<TComponent>;\n\n    /**\n     * Custom injector that will be used for newly created component\n     */\n    @Input() \n    public ngComponentOutletExInjector: Injector;\n\n    /**\n     * Projectable nodes that can be injected into component\n     */\n    @Input() \n    public ngComponentOutletExContent: any[][];\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when component is created or destroyed, it can send instance of component, or null\n     */\n    @Output()\n    public ngComponentOutletExCreated: EventEmitter<TComponent|null> = new EventEmitter<TComponent|null>();\n\n    //######################### public properties #########################\n\n    /**\n     * Instance of dynamically created component \n     */\n    public get component(): TComponent|null\n    {\n        if(!this._componentRef)\n        {\n            return null;\n        }\n\n        return this._componentRef.instance;\n    }\n\n    //######################### constructor #########################\n    constructor(private _viewContainerRef: ViewContainerRef)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    public ngOnChanges(): void\n    {\n        this._viewContainerRef.clear();\n        this._componentRef = null;\n\n        if (this.ngComponentOutletEx)\n        {\n            const injector = this.ngComponentOutletExInjector || this._viewContainerRef.injector;\n\n            this._componentRef = this._viewContainerRef.createComponent<TComponent>(this.ngComponentOutletEx,\n                                                                                    {\n                                                                                        injector: injector,\n                                                                                        projectableNodes: this.ngComponentOutletExContent\n                                                                                    });\n        }\n\n        this.ngComponentOutletExCreated.emit(this.component);\n    }\n}\n"]}

package/material/src/components/titledDialog/titledDialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"titledDialog.component.d.ts","sourceRoot":"","sources":["titledDialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,QAAQ,EAA6B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAkB,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAC,oBAAoB,EAAqB,MAAM,8CAA8C,CAAC;;AAEtG;;GAEG;AACH,qBAOa,qBAAqB;IAoBc,IAAI,EAAE,oBAAoB;IACnD,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC;IAjBhE;;OAEG;IACI,QAAQ,EAAE,QAAQ,CAAC;IAE1B,IAAW,SAAS,IAAI,aAAa,CAAC,GAAG,CAAC,CAQzC;gBAG2C,IAAI,EAAE,oBAAoB,EACnD,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,EACpD,QAAQ,EAAE,QAAQ;yCAtBrB,qBAAqB;2CAArB,qBAAqB;CAiCjC"}
+{"version":3,"file":"titledDialog.component.d.ts","sourceRoot":"","sources":["titledDialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,QAAQ,EAA6B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAkB,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAC,oBAAoB,EAAqB,MAAM,8CAA8C,CAAC;;AAEtG;;GAEG;AACH,qBAOa,qBAAqB;IAoBc,IAAI,EAAE,oBAAoB;IACnD,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC;IAjBhE;;OAEG;IACI,QAAQ,EAAE,QAAQ,CAAC;IAE1B,IAAW,SAAS,IAAI,aAAa,CAAC,GAAG,CAAC,CAQzC;gBAG2C,IAAI,EAAE,oBAAoB,EACnD,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,EACpD,QAAQ,EAAE,QAAQ;yCAtBrB,qBAAqB;2CAArB,qBAAqB;CAqCjC"}

package/material/src/modules/titledDialog.module.d.ts

@@ -7,7 +7,7 @@ import * as i3 from "@angular/material/dialog";
  */
 export declare class TitledDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TitledDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TitledDialogModule, [typeof i1.TitledDialogComponent], [typeof i2.CommonLocalizeModule, typeof i3.MatDialogModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TitledDialogModule, [typeof i1.TitledDialogComponent], [typeof i2.CommonDynamicModule, typeof i2.CommonLocalizeModule, typeof i3.MatDialogModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TitledDialogModule>;
 }
 //# sourceMappingURL=titledDialog.module.d.ts.map

package/material/src/modules/titledDialog.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"titledDialog.module.d.ts","sourceRoot":"","sources":["titledDialog.module.ts"],"names":[],"mappings":";;;;AAOA;;GAEG;AACH,qBAgBa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAE9B"}
+{"version":3,"file":"titledDialog.module.d.ts","sourceRoot":"","sources":["titledDialog.module.ts"],"names":[],"mappings":";;;;AAOA;;GAEG;AACH,qBAiBa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAE9B"}

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "@anglr/common",
-    "version": "10.0.1",
+    "version": "11.0.0-beta.20220222093017",
     "description": "Angular module for common angular stuff",
     "type": "module",
     "sideEffects": false,
     "scripts": {
         "build": "ngc --declaration --declarationDir . --declarationMap && ngc -t es2015 --outDir es2015",
-        "dts:rollup": "npm run api -- api-extractor.json && npm run api -- date-fns/api-extractor.json && npm run api -- forms/api-extractor.json && npm run api -- hmr/api-extractor.json && npm run api -- hotkeys/api-extractor.json && npm run api -- material/api-extractor.json && npm run api -- moment/api-extractor.json && npm run api -- numeral/api-extractor.json && npm run api -- positions/api-extractor.json && npm run api -- router/api-extractor.json && npm run api -- store/api-extractor.json && npm run api -- structured-log/api-extractor.json",
+        "dts:rollup": "npm run api -- api-extractor.json && npm run api -- date-fns/api-extractor.json && npm run api -- forms/api-extractor.json && npm run api -- hotkeys/api-extractor.json && npm run api -- material/api-extractor.json && npm run api -- moment/api-extractor.json && npm run api -- numeral/api-extractor.json && npm run api -- positions/api-extractor.json && npm run api -- router/api-extractor.json && npm run api -- store/api-extractor.json && npm run api -- structured-log/api-extractor.json",
         "api": "api-extractor run --local --verbose -c",
         "clean": "rimraf */temp temp es2015 es2020 **/tsdoc-metadata.json src/**/*.d.ts src/**/*.d.ts.map */src/**/*.d.ts */src/**/*.d.ts.map ./*.d.ts ./*.d.ts.map */*.d.ts",
         "clean:deps": "rimraf package-lock.json node_modules",
@@ -24,16 +24,12 @@
         "doc": "path-exists docs && npm run doc:generate || echo \"No docs generated!\"",
         "predoc:generate": "cd docs && git pull && cd ..",
         "postdoc:generate": "npm run doc:save",
-        "doc:generate": "npm run doc:generate:common && npm run doc:generate:hmr && npm run doc:generate:forms && npm run doc:generate:router && npm run doc:generate:numeral && npm run doc:generate:hotkeys && npm run doc:generate:store && npm run doc:generate:moment && npm run doc:generate:date-fns && npm run doc:generate:structured-log && npm run doc:generate:positions && npm run doc:generate:material",
+        "doc:generate": "npm run doc:generate:common && npm run doc:generate:forms && npm run doc:generate:router && npm run doc:generate:numeral && npm run doc:generate:hotkeys && npm run doc:generate:store && npm run doc:generate:moment && npm run doc:generate:date-fns && npm run doc:generate:structured-log && npm run doc:generate:positions && npm run doc:generate:material",
         "doc:save": "cd docs && git add . && git commit -m \"INT: updated API docs ng-common\" && git push && cd ..",
         "doc:generate:common": "rimraf docs/content/api/ng-common && npm run doc:json:common && npm run doc:md:common && npm run doc:api:common",
         "doc:json:common": "api-extractor run --local --verbose -c api-extractor.json",
         "doc:md:common": "api-documenter markdown -i temp -o docs/content/api/ng-common",
         "doc:api:common": "copyfiles -u 1 temp/common.api.md docs/content/api/ng-common && rimraf temp",
-        "doc:generate:hmr": "rimraf docs/content/api/ng-common-hmr && npm run doc:json:hmr && npm run doc:md:hmr && npm run doc:api:hmr",
-        "doc:json:hmr": "api-extractor run --local --verbose -c hmr/api-extractor.json",
-        "doc:md:hmr": "api-documenter markdown -i hmr/temp -o docs/content/api/ng-common-hmr",
-        "doc:api:hmr": "copyfiles -u 2 hmr/temp/common-hmr.api.md docs/content/api/ng-common-hmr && rimraf hmr/temp",
         "doc:generate:forms": "rimraf docs/content/api/ng-common-forms && npm run doc:json:forms && npm run doc:md:forms && npm run doc:api:forms",
         "doc:json:forms": "api-extractor run --local --verbose -c forms/api-extractor.json",
         "doc:md:forms": "api-documenter markdown -i forms/temp -o docs/content/api/ng-common-forms",
@@ -192,14 +188,6 @@
             "node": "./es2015/forms/src/index.js",
             "default": "./es2020/forms/src/index.js"
         },
-        "./hmr": {
-            "types": "./hmr/src/index.d.ts",
-            "esm2020": "./es2020/hmr/src/index.js",
-            "es2020": "./es2020/hmr/src/index.js",
-            "es2015": "./es2015/hmr/src/index.js",
-            "node": "./es2015/hmr/src/index.js",
-            "default": "./es2020/hmr/src/index.js"
-        },
         "./hotkeys": {
             "types": "./hotkeys/src/index.d.ts",
             "esm2020": "./es2020/hotkeys/src/index.js",

package/readme.md

@@ -6,7 +6,6 @@
 - [API](https://ressurectit.github.io/#/content/api/ng-common/common)
 - [API Date FNS](https://ressurectit.github.io/#/content/api/ng-common-date-fns/common-date-fns)
 - [API Forms](https://ressurectit.github.io/#/content/api/ng-common-forms/common-forms)
-- [API HMR](https://ressurectit.github.io/#/content/api/ng-common-hmr/common-hmr)
 - [API Hotkeys](https://ressurectit.github.io/#/content/api/ng-common-hotkeys/common-hotkeys)
 - [API Material](https://ressurectit.github.io/#/content/api/ng-common-material/common-material)
 - [API Moment](https://ressurectit.github.io/#/content/api/ng-common-moment/common-moment)

package/src/directives/ngComponentOutletEx/ngComponentOutletEx.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ngComponentOutletEx.directive.d.ts","sourceRoot":"","sources":["ngComponentOutletEx.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAA2B,QAAQ,EAAS,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAS,MAAM,eAAe,CAAC;;AAEhI;;GAEG;AACH,qBAKa,mBAAmB,CAAC,UAAU,CAAE,YAAW,SAAS;IAqDjD,OAAO,CAAC,iBAAiB;IAjDrC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAuC;IAI5D;;OAEG;IAEI,mBAAmB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAE7C;;OAEG;IAEI,2BAA2B,EAAE,QAAQ,CAAC;IAE7C;;OAEG;IAEI,0BAA0B,EAAE,GAAG,EAAE,EAAE,CAAC;IAI3C;;OAEG;IAEI,0BAA0B,EAAE,YAAY,CAAC,UAAU,GAAC,IAAI,CAAC,CAAuC;IAIvG;;OAEG;IACH,IAAW,SAAS,IAAI,UAAU,GAAC,IAAI,CAQtC;gBAGmB,iBAAiB,EAAE,gBAAgB;IAKhD,WAAW,IAAI,IAAI;yCA1DjB,mBAAmB;2CAAnB,mBAAmB;CA4E/B"}
+{"version":3,"file":"ngComponentOutletEx.directive.d.ts","sourceRoot":"","sources":["ngComponentOutletEx.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAA2B,QAAQ,EAAS,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAS,MAAM,eAAe,CAAC;;AAIhI;;GAEG;AACH,qBAKa,mBAAmB,CAAC,UAAU,CAAE,YAAW,SAAS;IAqDjD,OAAO,CAAC,iBAAiB;IAjDrC;;OAEG;IACH,OAAO,CAAC,aAAa,CAAuC;IAI5D;;OAEG;IAEI,mBAAmB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAE7C;;OAEG;IAEI,2BAA2B,EAAE,QAAQ,CAAC;IAE7C;;OAEG;IAEI,0BAA0B,EAAE,GAAG,EAAE,EAAE,CAAC;IAI3C;;OAEG;IAEI,0BAA0B,EAAE,YAAY,CAAC,UAAU,GAAC,IAAI,CAAC,CAAuC;IAIvG;;OAEG;IACH,IAAW,SAAS,IAAI,UAAU,GAAC,IAAI,CAQtC;gBAGmB,iBAAiB,EAAE,gBAAgB;IAKhD,WAAW,IAAI,IAAI;yCA1DjB,mBAAmB;2CAAnB,mBAAmB;CA4E/B"}

package/version.bak

@@ -1 +1 @@
-10.0.1 
+11.0.0-beta.20220222093017 

package/es2015/hmr/src/index.js

@@ -1,35 +0,0 @@
-import '@jscrpt/common';
-/**
- * Enables displaying of notification when HMR finished work
- */
-export function hmrFinishedNotification() {
-    if (jsDevMode && module['hot']) {
-        let div = document.createElement('div');
-        div.style.position = 'absolute';
-        div.style.zIndex = '54345';
-        div.style.background = 'rgb(255, 255, 255) none repeat scroll 0% 0%';
-        div.style.padding = '8px';
-        div.style.fontWeight = 'bold';
-        div.style.borderRadius = 'bold';
-        div.style.color = 'rgb(21, 57, 255)';
-        div.style.left = '47%';
-        div.style.top = '11px';
-        div.style.boxShadow = '0px 0px 4px rgb(170, 170, 170)';
-        div.style.transition = 'all 500ms';
-        div.style.opacity = '0';
-        div.id = 'hmrdiv';
-        div.innerText = 'HMR finished, app updated!';
-        document.body.append(div);
-        setTimeout(() => div.style.opacity = '1', 50);
-        setTimeout(() => {
-            if (div) {
-                div.style.opacity = '0';
-                setTimeout(() => {
-                    div.remove();
-                    div = null;
-                }, 500);
-            }
-        }, 2000);
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../hmr/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,UAAU,uBAAuB;IAEnC,IAAI,SAAS,IAAK,MAAc,CAAC,KAAK,CAAC,EACvC;QACI,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAChC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;QAC3B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,6CAA6C,CAAC;QACrE,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;QAChC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,kBAAkB,CAAC;QACrC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QACvB,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC;QACvB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,gCAAgC,CAAC;QACvD,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;QACnC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAExB,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC;QAClB,GAAG,CAAC,SAAS,GAAG,4BAA4B,CAAC;QAE7C,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;QAE9C,UAAU,CAAC,GAAG,EAAE;YAEZ,IAAG,GAAG,EACN;gBACI,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;gBAExB,UAAU,CAAC,GAAG,EAAE;oBAEZ,GAAG,CAAC,MAAM,EAAE,CAAC;oBACb,GAAG,GAAG,IAAI,CAAC;gBACf,CAAC,EAAE,GAAG,CAAC,CAAC;aACX;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;KACZ;AACL,CAAC","sourcesContent":["import '@jscrpt/common';\n\n/**\n * Enables displaying of notification when HMR finished work\n */\nexport function hmrFinishedNotification(): void\n{\n    if (jsDevMode && (module as any)['hot'])\n    {\n        let div = document.createElement('div');\n        div.style.position = 'absolute';\n        div.style.zIndex = '54345';\n        div.style.background = 'rgb(255, 255, 255) none repeat scroll 0% 0%';\n        div.style.padding = '8px';\n        div.style.fontWeight = 'bold';\n        div.style.borderRadius = 'bold';\n        div.style.color = 'rgb(21, 57, 255)';\n        div.style.left = '47%';\n        div.style.top = '11px';\n        div.style.boxShadow = '0px 0px 4px rgb(170, 170, 170)';\n        div.style.transition = 'all 500ms';\n        div.style.opacity = '0';\n\n        div.id = 'hmrdiv';\n        div.innerText = 'HMR finished, app updated!';\n\n        document.body.append(div);\n\n        setTimeout(() => div.style.opacity = '1', 50);\n\n        setTimeout(() =>\n        {\n            if(div)\n            {\n                div.style.opacity = '0';\n\n                setTimeout(() =>\n                {\n                    div.remove();\n                    div = null;\n                }, 500);\n            }\n        }, 2000);\n    }\n}"]}

package/es2020/hmr/src/index.js

@@ -1,35 +0,0 @@
-import '@jscrpt/common';
-/**
- * Enables displaying of notification when HMR finished work
- */
-export function hmrFinishedNotification() {
-    if (jsDevMode && module['hot']) {
-        let div = document.createElement('div');
-        div.style.position = 'absolute';
-        div.style.zIndex = '54345';
-        div.style.background = 'rgb(255, 255, 255) none repeat scroll 0% 0%';
-        div.style.padding = '8px';
-        div.style.fontWeight = 'bold';
-        div.style.borderRadius = 'bold';
-        div.style.color = 'rgb(21, 57, 255)';
-        div.style.left = '47%';
-        div.style.top = '11px';
-        div.style.boxShadow = '0px 0px 4px rgb(170, 170, 170)';
-        div.style.transition = 'all 500ms';
-        div.style.opacity = '0';
-        div.id = 'hmrdiv';
-        div.innerText = 'HMR finished, app updated!';
-        document.body.append(div);
-        setTimeout(() => div.style.opacity = '1', 50);
-        setTimeout(() => {
-            if (div) {
-                div.style.opacity = '0';
-                setTimeout(() => {
-                    div.remove();
-                    div = null;
-                }, 500);
-            }
-        }, 2000);
-    }
-}
-//# sourceMappingURL=index.js.map

package/es2020/hmr/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../hmr/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,UAAU,uBAAuB;IAEnC,IAAI,SAAS,IAAK,MAAc,CAAC,KAAK,CAAC,EACvC;QACI,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAChC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;QAC3B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,6CAA6C,CAAC;QACrE,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;QAChC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,kBAAkB,CAAC;QACrC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QACvB,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC;QACvB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,gCAAgC,CAAC;QACvD,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;QACnC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAExB,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC;QAClB,GAAG,CAAC,SAAS,GAAG,4BAA4B,CAAC;QAE7C,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;QAE9C,UAAU,CAAC,GAAG,EAAE;YAEZ,IAAG,GAAG,EACN;gBACI,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;gBAExB,UAAU,CAAC,GAAG,EAAE;oBAEZ,GAAG,CAAC,MAAM,EAAE,CAAC;oBACb,GAAG,GAAG,IAAI,CAAC;gBACf,CAAC,EAAE,GAAG,CAAC,CAAC;aACX;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;KACZ;AACL,CAAC","sourcesContent":["import '@jscrpt/common';\n\n/**\n * Enables displaying of notification when HMR finished work\n */\nexport function hmrFinishedNotification(): void\n{\n    if (jsDevMode && (module as any)['hot'])\n    {\n        let div = document.createElement('div');\n        div.style.position = 'absolute';\n        div.style.zIndex = '54345';\n        div.style.background = 'rgb(255, 255, 255) none repeat scroll 0% 0%';\n        div.style.padding = '8px';\n        div.style.fontWeight = 'bold';\n        div.style.borderRadius = 'bold';\n        div.style.color = 'rgb(21, 57, 255)';\n        div.style.left = '47%';\n        div.style.top = '11px';\n        div.style.boxShadow = '0px 0px 4px rgb(170, 170, 170)';\n        div.style.transition = 'all 500ms';\n        div.style.opacity = '0';\n\n        div.id = 'hmrdiv';\n        div.innerText = 'HMR finished, app updated!';\n\n        document.body.append(div);\n\n        setTimeout(() => div.style.opacity = '1', 50);\n\n        setTimeout(() =>\n        {\n            if(div)\n            {\n                div.style.opacity = '0';\n\n                setTimeout(() =>\n                {\n                    div.remove();\n                    div = null;\n                }, 500);\n            }\n        }, 2000);\n    }\n}"]}

package/hmr/package.json

@@ -1,9 +0,0 @@
-{
-    "name": "@anglr/common-hmr",
-    "sideEffects": false,
-    "module": "../es2015/hmr/src/index.js",
-    "es2015": "../es2015/hmr/src/index.js",
-    "es2020": "../es2020/hmr/src/index.js",
-    "esm2020": "../es2020/hmr/src/index.js",
-    "typings": "./src/index.d.ts"
-  }

package/hmr/src/index.d.ts

@@ -1,6 +0,0 @@
-import '@jscrpt/common';
-/**
- * Enables displaying of notification when HMR finished work
- */
-export declare function hmrFinishedNotification(): void;
-//# sourceMappingURL=index.d.ts.map

package/hmr/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAuC9C"}