@anglr/common 14.2.0-beta.20221025042231 → 15.0.0-beta.20221026052356

package/es2015/moment/src/modules/moment.module.js

@@ -7,12 +7,12 @@ import * as i0 from "@angular/core";
  */
 export class MomentModule {
 }
-MomentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MomentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MomentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: MomentModule, declarations: [MomentConvertPipe,
+MomentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MomentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MomentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: MomentModule, declarations: [MomentConvertPipe,
         MomentFormatPipe], exports: [MomentConvertPipe,
         MomentFormatPipe] });
-MomentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MomentModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MomentModule, decorators: [{
+MomentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MomentModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MomentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/es2015/moment/src/pipes/momentConvert/momentConvert.pipe.js

@@ -21,9 +21,9 @@ export class MomentConvertPipe {
         return value;
     }
 }
-MomentConvertPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MomentConvertPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentConvertPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: MomentConvertPipe, name: "momentConvert" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MomentConvertPipe, decorators: [{
+MomentConvertPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MomentConvertPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MomentConvertPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: MomentConvertPipe, name: "momentConvert" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MomentConvertPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'momentConvert'

package/es2015/moment/src/pipes/momentFormat/momentFormat.pipe.js

@@ -25,9 +25,9 @@ export class MomentFormatPipe {
         return null;
     }
 }
-MomentFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MomentFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MomentFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: MomentFormatPipe, name: "momentFormat" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MomentFormatPipe, decorators: [{
+MomentFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MomentFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MomentFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: MomentFormatPipe, name: "momentFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MomentFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'momentFormat'

package/es2015/numeral/src/modules/numeral.module.js

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  */
 export class NumeralModule {
 }
-NumeralModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: NumeralModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NumeralModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: NumeralModule, declarations: [NumeralPipe], exports: [NumeralPipe] });
-NumeralModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: NumeralModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: NumeralModule, decorators: [{
+NumeralModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NumeralModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NumeralModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: NumeralModule, declarations: [NumeralPipe], exports: [NumeralPipe] });
+NumeralModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NumeralModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NumeralModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NumeralPipe],

package/es2015/numeral/src/pipes/numeral.pipe.js

@@ -41,9 +41,9 @@ export class NumeralPipe {
         }
     }
 }
-NumeralPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: NumeralPipe, deps: [{ token: i1.GlobalizationService }], target: i0.ɵɵFactoryTarget.Pipe });
-NumeralPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: NumeralPipe, name: "numeral" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: NumeralPipe, decorators: [{
+NumeralPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NumeralPipe, deps: [{ token: i1.GlobalizationService }], target: i0.ɵɵFactoryTarget.Pipe });
+NumeralPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: NumeralPipe, name: "numeral" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NumeralPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'numeral' }]
         }], ctorParameters: function () { return [{ type: i1.GlobalizationService }]; } });

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

@@ -80,9 +80,9 @@ export class DataRouter {
         return this._router.navigate(linkParams);
     }
 }
-DataRouter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DataRouter, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-DataRouter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DataRouter, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DataRouter, decorators: [{
+DataRouter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataRouter, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+DataRouter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataRouter, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataRouter, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; } });

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

@@ -12,9 +12,9 @@ export class DataRouterData {
         this.value = dataRouter.valuePromise;
     }
 }
-DataRouterData.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DataRouterData, deps: [{ token: i1.DataRouter }], target: i0.ɵɵFactoryTarget.Injectable });
-DataRouterData.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DataRouterData });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DataRouterData, decorators: [{
+DataRouterData.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataRouterData, deps: [{ token: i1.DataRouter }], target: i0.ɵɵFactoryTarget.Injectable });
+DataRouterData.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataRouterData });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DataRouterData, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DataRouter }]; } });
 //# sourceMappingURL=dataRouterData.js.map

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

@@ -48,9 +48,9 @@ export class BodyRenderSADirective {
         this.view = null;
     }
 }
-BodyRenderSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: BodyRenderSADirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
-BodyRenderSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: BodyRenderSADirective, isStandalone: true, selector: "[bodyRender]", inputs: { targetElement: ["bodyRender", "targetElement"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: BodyRenderSADirective, decorators: [{
+BodyRenderSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BodyRenderSADirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+BodyRenderSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: BodyRenderSADirective, isStandalone: true, selector: "[bodyRender]", inputs: { targetElement: ["bodyRender", "targetElement"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BodyRenderSADirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bodyRender]',

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

@@ -1 +1 @@
-{"version":3,"file":"bodyRender.directive.js","sourceRoot":"","sources":["../../../../src/directives/bodyRender/bodyRender.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmB,MAAM,EAAE,KAAK,EAAqB,WAAW,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;;AAEzC;;GAEG;AAMH,MAAM,OAAO,qBAAqB;IAwB9B,iEAAiE;IACjE,YAAsB,QAA2B,EAC3B,aAA+B,EACb,QAAkB;QAFpC,aAAQ,GAAR,QAAQ,CAAmB;QAC3B,kBAAa,GAAb,aAAa,CAAkB;QACb,aAAQ,GAAR,QAAQ,CAAU;IAE1D,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa;aACzB,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAgB,CAAC;QAErD,oCAAoC;QACpC,IAAG,IAAI,CAAC,aAAa,EACrB;YACI,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YAEvE,IAAG,CAAC,OAAO,EACX;gBACI,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAElD,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBAE5C,IAAG,GAAG,EACN;oBACI,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;iBAC9B;aACJ;YAED,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACrC;QACD,yBAAyB;aAEzB;YACI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAChD;IACL,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;;QAEd,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;;kHAhFQ,qBAAqB,6EA2BV,QAAQ;sGA3BnB,qBAAqB;2FAArB,qBAAqB;kBALjC,SAAS;mBACV;oBACI,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;iBACnB;mHA4BqD,QAAQ;0BAA7C,MAAM;2BAAC,QAAQ;4CALrB,aAAa;sBADnB,KAAK;uBAAC,YAAY","sourcesContent":["import {Directive, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\n\n/**\n * Renders element into body directly at the end\n */\n@Directive(\n{\n    selector: '[bodyRender]',\n    standalone: true\n})\nexport class BodyRenderSADirective implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Instance of created embedded view\n     */\n    protected view: EmbeddedViewRef<void>|undefined|null;\n\n    /**\n     * Instance of created element\n     */\n    protected element: HTMLElement|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * String that defines element in which should be template rendered, if not specified, body is used\n     * \n     * Allows also css class to be specified (div.body-box)\n     */\n    @Input('bodyRender')\n    public targetElement: string|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected template: TemplateRef<void>,\n                protected viewContainer: ViewContainerRef,\n                @Inject(DOCUMENT) protected document: Document,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.view = this.viewContainer\n            .createEmbeddedView(this.template);\n\n        this.element = this.view.rootNodes[0] as HTMLElement;\n\n        //render to specified target element\n        if(this.targetElement)\n        {\n            let element = this.document.querySelector(`body${this.targetElement}`);\n\n            if(!element)\n            {\n                const [name, css] = this.targetElement.split('.');\n\n                element = this.document.createElement(name);\n\n                if(css)\n                {\n                    element.classList.add(css);\n                }\n            }\n\n            element.appendChild(this.element);\n        }\n        //render directly to body\n        else\n        {\n            this.document.body.appendChild(this.element);\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.element?.remove();\n        this.element = null;\n        this.view?.destroy();\n        this.view = null;\n    }\n}"]}
+{"version":3,"file":"bodyRender.directive.js","sourceRoot":"","sources":["../../../../src/directives/bodyRender/bodyRender.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmB,MAAM,EAAE,KAAK,EAAqB,WAAW,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;;AAEzC;;GAEG;AAMH,MAAM,OAAO,qBAAqB;IAwB9B,iEAAiE;IACjE,YAAsB,QAA2B,EAC3B,aAA+B,EACb,QAAkB;QAFpC,aAAQ,GAAR,QAAQ,CAAmB;QAC3B,kBAAa,GAAb,aAAa,CAAkB;QACb,aAAQ,GAAR,QAAQ,CAAU;IAE1D,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa;aACzB,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAgB,CAAC;QAErD,oCAAoC;QACpC,IAAG,IAAI,CAAC,aAAa,EACrB;YACI,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YAEvE,IAAG,CAAC,OAAO,EACX;gBACI,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAElD,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBAE5C,IAAG,GAAG,EACN;oBACI,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;iBAC9B;aACJ;YAED,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACrC;QACD,yBAAyB;aAEzB;YACI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAChD;IACL,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;;QAEd,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;;kHAhFQ,qBAAqB,6EA2BV,QAAQ;sGA3BnB,qBAAqB;2FAArB,qBAAqB;kBALjC,SAAS;mBACV;oBACI,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;iBACnB;;0BA4BgB,MAAM;2BAAC,QAAQ;4CALrB,aAAa;sBADnB,KAAK;uBAAC,YAAY","sourcesContent":["import {Directive, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\n\n/**\n * Renders element into body directly at the end\n */\n@Directive(\n{\n    selector: '[bodyRender]',\n    standalone: true\n})\nexport class BodyRenderSADirective implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Instance of created embedded view\n     */\n    protected view: EmbeddedViewRef<void>|undefined|null;\n\n    /**\n     * Instance of created element\n     */\n    protected element: HTMLElement|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * String that defines element in which should be template rendered, if not specified, body is used\n     * \n     * Allows also css class to be specified (div.body-box)\n     */\n    @Input('bodyRender')\n    public targetElement: string|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected template: TemplateRef<void>,\n                protected viewContainer: ViewContainerRef,\n                @Inject(DOCUMENT) protected document: Document,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.view = this.viewContainer\n            .createEmbeddedView(this.template);\n\n        this.element = this.view.rootNodes[0] as HTMLElement;\n\n        //render to specified target element\n        if(this.targetElement)\n        {\n            let element = this.document.querySelector(`body${this.targetElement}`);\n\n            if(!element)\n            {\n                const [name, css] = this.targetElement.split('.');\n\n                element = this.document.createElement(name);\n\n                if(css)\n                {\n                    element.classList.add(css);\n                }\n            }\n\n            element.appendChild(this.element);\n        }\n        //render directly to body\n        else\n        {\n            this.document.body.appendChild(this.element);\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.element?.remove();\n        this.element = null;\n        this.view?.destroy();\n        this.view = null;\n    }\n}"]}

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

@@ -43,9 +43,9 @@ export class NgComponentOutletEx {
         this.ngComponentOutletExCreated.emit(this.component);
     }
 }
-NgComponentOutletEx.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: NgComponentOutletEx, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-NgComponentOutletEx.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: { ngComponentOutletEx: "ngComponentOutletEx", ngComponentOutletExInjector: "ngComponentOutletExInjector", ngComponentOutletExContent: "ngComponentOutletExContent" }, outputs: { ngComponentOutletExCreated: "ngComponentOutletExCreated" }, exportAs: ["ngComponentOutletEx"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: NgComponentOutletEx, decorators: [{
+NgComponentOutletEx.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NgComponentOutletEx, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgComponentOutletEx.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: { ngComponentOutletEx: "ngComponentOutletEx", ngComponentOutletExInjector: "ngComponentOutletExInjector", ngComponentOutletExContent: "ngComponentOutletExContent" }, outputs: { ngComponentOutletExCreated: "ngComponentOutletExCreated" }, exportAs: ["ngComponentOutletEx"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NgComponentOutletEx, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngComponentOutletEx]',

package/es2015/src/modules/castPipes/modules/castPipes.module.js

@@ -6,16 +6,16 @@ import * as i0 from "@angular/core";
  */
 export class CastPipesModule {
 }
-CastPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CastPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CastPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: CastPipesModule, declarations: [AsHtmlElementPipe,
+CastPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CastPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CastPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: CastPipesModule, declarations: [AsHtmlElementPipe,
         AsNgClassRequiredPipe,
         AsRequiredTypePipe,
         CastTypePipe], exports: [AsHtmlElementPipe,
         AsNgClassRequiredPipe,
         AsRequiredTypePipe,
         CastTypePipe] });
-CastPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CastPipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CastPipesModule, decorators: [{
+CastPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CastPipesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CastPipesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/es2015/src/modules/castPipes/pipes/asHtmlElement/asHtmlElement.pipe.js

@@ -6,9 +6,9 @@ import * as i0 from "@angular/core";
  */
 export class AsHtmlElementPipe extends CastTypePipe {
 }
-AsHtmlElementPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AsHtmlElementPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe });
-AsHtmlElementPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AsHtmlElementPipe, name: "asHtmlElement" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AsHtmlElementPipe, decorators: [{
+AsHtmlElementPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AsHtmlElementPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe });
+AsHtmlElementPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: AsHtmlElementPipe, name: "asHtmlElement" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AsHtmlElementPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asHtmlElement' }]
         }] });

package/es2015/src/modules/castPipes/pipes/asNgClassRequired/asNgClassRequired.pipe.js

@@ -12,9 +12,9 @@ export class AsNgClassRequiredPipe extends AsRequiredTypePipe {
         return super.transform(value, '', valueHash);
     }
 }
-AsNgClassRequiredPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AsNgClassRequiredPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe });
-AsNgClassRequiredPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AsNgClassRequiredPipe, name: "asNgClassRequired" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AsNgClassRequiredPipe, decorators: [{
+AsNgClassRequiredPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AsNgClassRequiredPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe });
+AsNgClassRequiredPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: AsNgClassRequiredPipe, name: "asNgClassRequired" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AsNgClassRequiredPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asNgClassRequired' }]
         }] });

package/es2015/src/modules/castPipes/pipes/asRequired/asRequired.pipe.js

@@ -14,9 +14,9 @@ export class AsRequiredTypePipe {
         return value !== null && value !== void 0 ? value : defaultValue;
     }
 }
-AsRequiredTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AsRequiredTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-AsRequiredTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AsRequiredTypePipe, name: "asRequired" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AsRequiredTypePipe, decorators: [{
+AsRequiredTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AsRequiredTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AsRequiredTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: AsRequiredTypePipe, name: "asRequired" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AsRequiredTypePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asRequired' }]
         }] });

package/es2015/src/modules/castPipes/pipes/castType/castType.pipe.js

@@ -41,9 +41,9 @@ export class CastTypePipe {
         return this._isInstanceOfPredicate(value);
     }
 }
-CastTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CastTypePipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
-CastTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: CastTypePipe, name: "castType" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CastTypePipe, decorators: [{
+CastTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CastTypePipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
+CastTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: CastTypePipe, name: "castType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CastTypePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'castType' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/es2015/src/modules/clickOutside/directives/clickOutside/clickOutside.directive.js

@@ -59,9 +59,9 @@ export class ClickOutsideDirective {
         this._document.removeEventListener('mouseup', this._handleClickOutside);
     }
 }
-ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
-ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: { clickOutsideCondition: ["clickOutside", "clickOutsideCondition"], clickOutsideElement: "clickOutsideElement" }, outputs: { clickOutsideConditionChange: "clickOutsideChange" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: { clickOutsideCondition: ["clickOutside", "clickOutsideCondition"], clickOutsideElement: "clickOutsideElement" }, outputs: { clickOutsideConditionChange: "clickOutsideChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[clickOutside]'

package/es2015/src/modules/clickOutside/directives/clickOutside/clickOutside.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/clickOutside/directives/clickOutside/clickOutside.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAqB,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AAKH,MAAM,OAAO,qBAAqB;IA6C9B,iEAAiE;IACjE,YAAsB,QAAiC,EACf,SAAmB;QADrC,aAAQ,GAAR,QAAQ,CAAyB;QACf,cAAS,GAAT,SAAS,CAAU;QAV3D,iFAAiF;QAEjF;;WAEG;QAEI,gCAA2B,GAA0B,IAAI,YAAY,EAAW,CAAC;QA4BxF,uEAAuE;QAEvE;;;WAGG;QACO,wBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAElD,IAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM;gBAC3C,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,MAAqB,CAAC;gBACvE,CAAC,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM;oBACxC,CAAC,YAAY,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAqB,CAAC,CAAC,CAAC,EACxG;gBACI,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;gBACzD,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;aACrE;QACL,CAAC,CAAA;IAtCD,CAAC;IAxCD,gFAAgF;IAEhF;;OAEG;IACH,IACW,qBAAqB;QAE5B,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACvC,CAAC;IACD,IAAW,qBAAqB,CAAC,KAAc;QAE3C,IAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,EAClC;YACI,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YAEnC,OAAO;SACV;QAED,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;IACxC,CAAC;IAsBD,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACzE,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;;kHArEQ,qBAAqB,4CA+CV,QAAQ;sGA/CnB,qBAAqB;2FAArB,qBAAqB;kBAJjC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;iBAC7B;mFAgDsD,QAAQ;0BAA9C,MAAM;2BAAC,QAAQ;4CAhCjB,qBAAqB;sBAD/B,KAAK;uBAAC,cAAc;gBAqBd,mBAAmB;sBADzB,KAAK;gBASC,2BAA2B;sBADjC,MAAM;uBAAC,oBAAoB","sourcesContent":["import {Directive, OnInit, OnDestroy, Input, EventEmitter, Output, ElementRef, Inject} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {isDescendant, isString} from '@jscrpt/common';\n\n/**\n * Directive that handles click outside of element\n */\n@Directive(\n{\n    selector: '[clickOutside]'\n})\nexport class ClickOutsideDirective implements OnInit, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    protected _clickOutsideCondition: boolean;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    @Input('clickOutside')\n    public get clickOutsideCondition(): boolean\n    {\n        return this._clickOutsideCondition;\n    }\n    public set clickOutsideCondition(value: boolean)\n    {\n        if(isString(value) && value === '')\n        {\n            this._clickOutsideCondition = true;\n\n            return;\n        }\n\n        this._clickOutsideCondition = value;\n    }\n\n    /**\n     * Additional element that is checked for click\n     */\n    @Input()\n    public clickOutsideElement: HTMLElement;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Used for emitting event when click outside occurs\n     */\n    @Output('clickOutsideChange')\n    public clickOutsideConditionChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    //######################### constructor #########################\n    constructor(protected _element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) protected _document: Document)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._document.addEventListener('mouseup', this._handleClickOutside);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._document.removeEventListener('mouseup', this._handleClickOutside);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of element\n     * @param event - Mouse event object\n     */\n    protected _handleClickOutside = (event: MouseEvent) =>\n    {\n        if(this._element.nativeElement != event.target &&\n           !isDescendant(this._element.nativeElement, event.target as HTMLElement) &&\n           (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&\n                                          !isDescendant(this.clickOutsideElement, event.target as HTMLElement))))\n        {   \n            this.clickOutsideCondition = !this.clickOutsideCondition;\n            this.clickOutsideConditionChange.emit(this.clickOutsideCondition);\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `clickOutsideCondition` input\n     */\n    public static ngAcceptInputType_clickOutsideCondition: boolean|'';\n}"]}
+{"version":3,"file":"clickOutside.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/clickOutside/directives/clickOutside/clickOutside.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAqB,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AAKH,MAAM,OAAO,qBAAqB;IA6C9B,iEAAiE;IACjE,YAAsB,QAAiC,EACf,SAAmB;QADrC,aAAQ,GAAR,QAAQ,CAAyB;QACf,cAAS,GAAT,SAAS,CAAU;QAV3D,iFAAiF;QAEjF;;WAEG;QAEI,gCAA2B,GAA0B,IAAI,YAAY,EAAW,CAAC;QA4BxF,uEAAuE;QAEvE;;;WAGG;QACO,wBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAElD,IAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM;gBAC3C,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,MAAqB,CAAC;gBACvE,CAAC,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM;oBACxC,CAAC,YAAY,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAqB,CAAC,CAAC,CAAC,EACxG;gBACI,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;gBACzD,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;aACrE;QACL,CAAC,CAAA;IAtCD,CAAC;IAxCD,gFAAgF;IAEhF;;OAEG;IACH,IACW,qBAAqB;QAE5B,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACvC,CAAC;IACD,IAAW,qBAAqB,CAAC,KAAc;QAE3C,IAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,EAClC;YACI,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YAEnC,OAAO;SACV;QAED,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;IACxC,CAAC;IAsBD,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACzE,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5E,CAAC;;kHArEQ,qBAAqB,4CA+CV,QAAQ;sGA/CnB,qBAAqB;2FAArB,qBAAqB;kBAJjC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;iBAC7B;;0BAgDgB,MAAM;2BAAC,QAAQ;4CAhCjB,qBAAqB;sBAD/B,KAAK;uBAAC,cAAc;gBAqBd,mBAAmB;sBADzB,KAAK;gBASC,2BAA2B;sBADjC,MAAM;uBAAC,oBAAoB","sourcesContent":["import {Directive, OnInit, OnDestroy, Input, EventEmitter, Output, ElementRef, Inject} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {isDescendant, isString} from '@jscrpt/common';\n\n/**\n * Directive that handles click outside of element\n */\n@Directive(\n{\n    selector: '[clickOutside]'\n})\nexport class ClickOutsideDirective implements OnInit, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    protected _clickOutsideCondition: boolean;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    @Input('clickOutside')\n    public get clickOutsideCondition(): boolean\n    {\n        return this._clickOutsideCondition;\n    }\n    public set clickOutsideCondition(value: boolean)\n    {\n        if(isString(value) && value === '')\n        {\n            this._clickOutsideCondition = true;\n\n            return;\n        }\n\n        this._clickOutsideCondition = value;\n    }\n\n    /**\n     * Additional element that is checked for click\n     */\n    @Input()\n    public clickOutsideElement: HTMLElement;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Used for emitting event when click outside occurs\n     */\n    @Output('clickOutsideChange')\n    public clickOutsideConditionChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    //######################### constructor #########################\n    constructor(protected _element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) protected _document: Document)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this._document.addEventListener('mouseup', this._handleClickOutside);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._document.removeEventListener('mouseup', this._handleClickOutside);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of element\n     * @param event - Mouse event object\n     */\n    protected _handleClickOutside = (event: MouseEvent) =>\n    {\n        if(this._element.nativeElement != event.target &&\n           !isDescendant(this._element.nativeElement, event.target as HTMLElement) &&\n           (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&\n                                          !isDescendant(this.clickOutsideElement, event.target as HTMLElement))))\n        {   \n            this.clickOutsideCondition = !this.clickOutsideCondition;\n            this.clickOutsideConditionChange.emit(this.clickOutsideCondition);\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `clickOutsideCondition` input\n     */\n    public static ngAcceptInputType_clickOutsideCondition: boolean|'';\n}"]}

package/es2015/src/modules/clickOutside/modules/clickOutside.module.js

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  */
 export class ClickOutsideModule {
 }
-ClickOutsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClickOutsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: ClickOutsideModule, declarations: [ClickOutsideDirective], exports: [ClickOutsideDirective] });
-ClickOutsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ClickOutsideModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ClickOutsideModule, decorators: [{
+ClickOutsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClickOutsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: ClickOutsideModule, declarations: [ClickOutsideDirective], exports: [ClickOutsideDirective] });
+ClickOutsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ClickOutsideModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ClickOutsideModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],

package/es2015/src/modules/commonDynamic.module.js

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  */
 export class CommonDynamicModule {
 }
-CommonDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CommonDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: CommonDynamicModule, declarations: [NgComponentOutletEx], exports: [NgComponentOutletEx] });
-CommonDynamicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonDynamicModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonDynamicModule, decorators: [{
+CommonDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CommonDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: CommonDynamicModule, declarations: [NgComponentOutletEx], exports: [NgComponentOutletEx] });
+CommonDynamicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonDynamicModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonDynamicModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/es2015/src/modules/commonLocalize.module.js

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  */
 export class CommonLocalizeModule {
 }
-CommonLocalizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonLocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CommonLocalizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: CommonLocalizeModule, declarations: [LocalizePipe], exports: [LocalizePipe] });
-CommonLocalizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonLocalizeModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonLocalizeModule, decorators: [{
+CommonLocalizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonLocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CommonLocalizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: CommonLocalizeModule, declarations: [LocalizePipe], exports: [LocalizePipe] });
+CommonLocalizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonLocalizeModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonLocalizeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/es2015/src/modules/commonUtils.module.js

@@ -6,8 +6,8 @@ import * as i0 from "@angular/core";
  */
 export class CommonUtilsModule {
 }
-CommonUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CommonUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: CommonUtilsModule, declarations: [IsNaNPipe,
+CommonUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CommonUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: CommonUtilsModule, declarations: [IsNaNPipe,
         IsPresentPipe,
         UrlEncodePipe,
         MergeCssClassesPipe,
@@ -16,8 +16,8 @@ CommonUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
         UrlEncodePipe,
         MergeCssClassesPipe,
         KeysPipe] });
-CommonUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonUtilsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CommonUtilsModule, decorators: [{
+CommonUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonUtilsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CommonUtilsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/es2015/src/modules/debugData/components/debugData/debugData.component.js

@@ -59,9 +59,9 @@ export class DebugDataComponent {
         }
     }
 }
-DebugDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataComponent, deps: [{ token: i1.DebugDataEnabledService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DebugDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: DebugDataComponent, selector: "debug-data", ngImport: i0, template: "<ng-template [ngIf]=\"enabled\">\r\n    <ng-content></ng-content>\r\n</ng-template>", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataComponent, decorators: [{
+DebugDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataComponent, deps: [{ token: i1.DebugDataEnabledService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DebugDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: DebugDataComponent, selector: "debug-data", ngImport: i0, template: "<ng-template [ngIf]=\"enabled\">\r\n    <ng-content></ng-content>\r\n</ng-template>", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'debug-data', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template [ngIf]=\"enabled\">\r\n    <ng-content></ng-content>\r\n</ng-template>", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"] }]
         }], ctorParameters: function () { return [{ type: i1.DebugDataEnabledService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });

package/es2015/src/modules/debugData/modules/debugData.module.js

@@ -7,10 +7,10 @@ import * as i0 from "@angular/core";
  */
 export class DebugDataModule {
 }
-DebugDataModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DebugDataModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: DebugDataModule, declarations: [DebugDataComponent], imports: [CommonModule], exports: [DebugDataComponent] });
-DebugDataModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataModule, decorators: [{
+DebugDataModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DebugDataModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: DebugDataModule, declarations: [DebugDataComponent], imports: [CommonModule], exports: [DebugDataComponent] });
+DebugDataModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2015/src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.js

@@ -42,9 +42,9 @@ export class DebugDataEnabledService {
         this._enabledChangeSubject.next();
     }
 }
-DebugDataEnabledService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataEnabledService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DebugDataEnabledService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataEnabledService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DebugDataEnabledService, decorators: [{
+DebugDataEnabledService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataEnabledService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DebugDataEnabledService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataEnabledService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: DebugDataEnabledService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/es2015/src/modules/goBack/directives/goBack/goBack.directive.js

@@ -21,9 +21,9 @@ export class GoBackDirective {
         this._location.back();
     }
 }
-GoBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: GoBackDirective, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Directive });
-GoBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: GoBackDirective, selector: "[goBack]", host: { listeners: { "click": "goBack($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: GoBackDirective, decorators: [{
+GoBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GoBackDirective, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Directive });
+GoBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: GoBackDirective, selector: "[goBack]", host: { listeners: { "click": "goBack($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GoBackDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[goBack]'

package/es2015/src/modules/goBack/modules/goBack.module.js

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
  */
 export class GoBackModule {
 }
-GoBackModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: GoBackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GoBackModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: GoBackModule, declarations: [GoBackDirective], exports: [GoBackDirective] });
-GoBackModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: GoBackModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: GoBackModule, decorators: [{
+GoBackModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GoBackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GoBackModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: GoBackModule, declarations: [GoBackDirective], exports: [GoBackDirective] });
+GoBackModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GoBackModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GoBackModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/es2015/src/modules/multiButton/components/multiButton/multiButton.component.js

@@ -93,9 +93,9 @@ export class MultiButtonComponent {
         this._document.removeEventListener('click', this._handleClickOutside);
     }
 }
-MultiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MultiButtonComponent, deps: [{ token: DOCUMENT }, { token: MULTI_BUTTON_CSS_CLASSES, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MultiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: MultiButtonComponent, selector: "multi-button", inputs: { cssClass: "cssClass", cssClasses: "cssClasses" }, outputs: { click: "click" }, queries: [{ propertyName: "subButtonsContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MultiButtonComponent, decorators: [{
+MultiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MultiButtonComponent, deps: [{ token: DOCUMENT }, { token: MULTI_BUTTON_CSS_CLASSES, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MultiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MultiButtonComponent, selector: "multi-button", inputs: { cssClass: "cssClass", cssClasses: "cssClasses" }, outputs: { click: "click" }, queries: [{ propertyName: "subButtonsContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MultiButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'multi-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"] }]
         }], ctorParameters: function () { return [{ type: Document, decorators: [{

package/es2015/src/modules/multiButton/components/multiButton/multiButton.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.ts","../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, OnDestroy, ChangeDetectorRef, Optional, ElementRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {extend} from '@jscrpt/common';\n\nimport {MultiButtonCssClasses} from './multiButton.interface';\nimport {MULTI_BUTTON_CSS_CLASSES} from '../../misc/tokens';\n\nconst defaultCssClasses: MultiButtonCssClasses =\n{\n    mainButtonDiv: 'flex-row',\n    mainButtonContentDiv: 'multi-button-content',\n    mainButtonSeparatorDiv: 'fa multi-option-separator',\n    mainButtonClickAreaDiv: 'multi-option-click',\n    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',\n    subButtonsDiv: 'sub-buttons'\n};\n\n/**\n * Component used for displaying multibutton\n */\n@Component(\n{\n    selector: 'multi-button',\n    templateUrl: 'multiButton.component.html',\n    styleUrls: ['multiButton.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiButtonComponent implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Used css classes within component\n     */\n    protected _usedCssClasses: MultiButtonCssClasses;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether are sub buttons visible\n     * @internal\n     */\n    public subButtonsVisible: boolean = false;\n\n    /**\n     * Sub buttons div top offset\n     * @internal\n     */\n    public subButtonsOffset: number = 0;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css class applied to main displayed element\n     */\n    @Input()\n    public cssClass: string = '';\n\n    /**\n     * Css classes used within component, allows to change specific class\n     */\n    @Input()\n    public get cssClasses(): MultiButtonCssClasses\n    {\n        return this._usedCssClasses;\n    }\n    public set cssClasses(classes: MultiButtonCssClasses)\n    {\n        this._usedCssClasses = extend({}, this._usedCssClasses, classes);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user clicks on button\n     */\n    @Output()\n    public click: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Template that is used for rendering sub buttons content\n     */\n    @ContentChild(TemplateRef)\n    public subButtonsContent: TemplateRef<void>;\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected _document: Document,\n                @Inject(MULTI_BUTTON_CSS_CLASSES) @Optional() _cssClasess: MultiButtonCssClasses,\n                protected _element: ElementRef<HTMLElement>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._removeRegistration();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Method called when sub buttons should be shown\n     */\n    public showSubButtons(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.subButtonsVisible = !this.subButtonsVisible;\n        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;\n\n        if(this.subButtonsVisible)\n        {\n            this._document.addEventListener('click', this._handleClickOutside);\n        }\n        //unregister handle click outside\n        else\n        {\n            this._removeRegistration();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of multi button element\n     */\n    protected _handleClickOutside = () =>\n    {\n        this.subButtonsVisible = false;\n        this._removeRegistration();\n        this._changeDetector.detectChanges();\n    }\n\n    /**\n     * Removes event registration\n     */\n    protected _removeRegistration(): void\n    {\n        this._document.removeEventListener('click', this._handleClickOutside);\n    }\n}","<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>"]}
+{"version":3,"file":"multiButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.ts","../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, OnDestroy, ChangeDetectorRef, Optional, ElementRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {extend} from '@jscrpt/common';\n\nimport {MultiButtonCssClasses} from './multiButton.interface';\nimport {MULTI_BUTTON_CSS_CLASSES} from '../../misc/tokens';\n\nconst defaultCssClasses: MultiButtonCssClasses =\n{\n    mainButtonDiv: 'flex-row',\n    mainButtonContentDiv: 'multi-button-content',\n    mainButtonSeparatorDiv: 'fa multi-option-separator',\n    mainButtonClickAreaDiv: 'multi-option-click',\n    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',\n    subButtonsDiv: 'sub-buttons'\n};\n\n/**\n * Component used for displaying multibutton\n */\n@Component(\n{\n    selector: 'multi-button',\n    templateUrl: 'multiButton.component.html',\n    styleUrls: ['multiButton.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiButtonComponent implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Used css classes within component\n     */\n    protected _usedCssClasses: MultiButtonCssClasses;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether are sub buttons visible\n     * @internal\n     */\n    public subButtonsVisible: boolean = false;\n\n    /**\n     * Sub buttons div top offset\n     * @internal\n     */\n    public subButtonsOffset: number = 0;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css class applied to main displayed element\n     */\n    @Input()\n    public cssClass: string = '';\n\n    /**\n     * Css classes used within component, allows to change specific class\n     */\n    @Input()\n    public get cssClasses(): MultiButtonCssClasses\n    {\n        return this._usedCssClasses;\n    }\n    public set cssClasses(classes: MultiButtonCssClasses)\n    {\n        this._usedCssClasses = extend({}, this._usedCssClasses, classes);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user clicks on button\n     */\n    @Output()\n    public click: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Template that is used for rendering sub buttons content\n     */\n    @ContentChild(TemplateRef)\n    public subButtonsContent: TemplateRef<void>;\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected _document: Document,\n                @Inject(MULTI_BUTTON_CSS_CLASSES) @Optional() _cssClasess: MultiButtonCssClasses,\n                protected _element: ElementRef<HTMLElement>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._removeRegistration();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Method called when sub buttons should be shown\n     */\n    public showSubButtons(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.subButtonsVisible = !this.subButtonsVisible;\n        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;\n\n        if(this.subButtonsVisible)\n        {\n            this._document.addEventListener('click', this._handleClickOutside);\n        }\n        //unregister handle click outside\n        else\n        {\n            this._removeRegistration();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of multi button element\n     */\n    protected _handleClickOutside = () =>\n    {\n        this.subButtonsVisible = false;\n        this._removeRegistration();\n        this._changeDetector.detectChanges();\n    }\n\n    /**\n     * Removes event registration\n     */\n    protected _removeRegistration(): void\n    {\n        this._document.removeEventListener('click', this._handleClickOutside);\n    }\n}","<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"></ng-container>\r\n</div>"]}

package/es2015/src/modules/multiButton/modules/multiButton.module.js

@@ -7,10 +7,10 @@ import * as i0 from "@angular/core";
  */
 export class MultiButtonModule {
 }
-MultiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MultiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: MultiButtonModule, declarations: [MultiButtonComponent], imports: [CommonModule], exports: [MultiButtonComponent] });
-MultiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MultiButtonModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MultiButtonModule, decorators: [{
+MultiButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MultiButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: MultiButtonModule, declarations: [MultiButtonComponent], imports: [CommonModule], exports: [MultiButtonComponent] });
+MultiButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MultiButtonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MultiButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [