@inspark/inspark-components 1.0.7 → 1.0.10

package/full/bundles/inspark-inspark-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/core'), require('@angular/platform-browser'), require('primeng/api'), require('@biesbjerg/ngx-translate-extract/dist/utils/utils'), require('rxjs'), require('@angular/forms'), require('@angular/common'), require('primeng/primeng'), require('@angular/router'), require('@angular/cdk/scrolling'), require('@angular/animations'), require('primeng/table'), require('primeng/dropdown'), require('primeng/multiselect'), require('@ng-bootstrap/ng-bootstrap'), require('primeng/checkbox'), require('ng-inline-svg'), require('primeng/menu'), require('primeng/slider')) :
-    typeof define === 'function' && define.amd ? define('@inspark/inspark-components', ['exports', '@angular/core', '@ngx-translate/core', '@angular/platform-browser', 'primeng/api', '@biesbjerg/ngx-translate-extract/dist/utils/utils', 'rxjs', '@angular/forms', '@angular/common', 'primeng/primeng', '@angular/router', '@angular/cdk/scrolling', '@angular/animations', 'primeng/table', 'primeng/dropdown', 'primeng/multiselect', '@ng-bootstrap/ng-bootstrap', 'primeng/checkbox', 'ng-inline-svg', 'primeng/menu', 'primeng/slider'], factory) :
-    (global = global || self, factory((global.inspark = global.inspark || {}, global.inspark['inspark-components'] = {}), global.ng.core, global.core$1, global.ng.platformBrowser, global.api, global.utils, global.rxjs, global.ng.forms, global.ng.common, global.primeng, global.ng.router, global.ng.cdk.scrolling, global.ng.animations, global.table, global.dropdown, global.multiselect, global.ngBootstrap, global.checkbox, global.ngInlineSvg, global.menu, global.slider));
-}(this, (function (exports, core, core$1, platformBrowser, api, utils, rxjs, forms, common, primeng, router, scrolling, animations, table, dropdown, multiselect, ngBootstrap, checkbox, ngInlineSvg, menu, slider) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/core'), require('@angular/platform-browser'), require('primeng/api'), require('@biesbjerg/ngx-translate-extract/dist/utils/utils'), require('primeng/dynamicdialog'), require('primeng/components/dynamicdialog/dynamicdialog-injector'), require('rxjs'), require('@angular/forms'), require('@angular/common'), require('primeng/primeng'), require('@angular/router'), require('@angular/cdk/scrolling'), require('@angular/animations'), require('primeng/table'), require('primeng/dropdown'), require('primeng/multiselect'), require('@ng-bootstrap/ng-bootstrap'), require('primeng/checkbox'), require('ng-inline-svg'), require('primeng/menu'), require('primeng/slider')) :
+    typeof define === 'function' && define.amd ? define('@inspark/inspark-components', ['exports', '@angular/core', '@ngx-translate/core', '@angular/platform-browser', 'primeng/api', '@biesbjerg/ngx-translate-extract/dist/utils/utils', 'primeng/dynamicdialog', 'primeng/components/dynamicdialog/dynamicdialog-injector', 'rxjs', '@angular/forms', '@angular/common', 'primeng/primeng', '@angular/router', '@angular/cdk/scrolling', '@angular/animations', 'primeng/table', 'primeng/dropdown', 'primeng/multiselect', '@ng-bootstrap/ng-bootstrap', 'primeng/checkbox', 'ng-inline-svg', 'primeng/menu', 'primeng/slider'], factory) :
+    (global = global || self, factory((global.inspark = global.inspark || {}, global.inspark['inspark-components'] = {}), global.ng.core, global.core$1, global.ng.platformBrowser, global.api, global.utils, global.dynamicdialog, global.dynamicdialogInjector, global.rxjs, global.ng.forms, global.ng.common, global.primeng, global.ng.router, global.ng.cdk.scrolling, global.ng.animations, global.table, global.dropdown, global.multiselect, global.ngBootstrap, global.checkbox, global.ngInlineSvg, global.menu, global.slider));
+}(this, (function (exports, core, core$1, platformBrowser, api, utils, dynamicdialog, dynamicdialogInjector, rxjs, forms, common, primeng, router, scrolling, animations, table, dropdown, multiselect, ngBootstrap, checkbox, ngInlineSvg, menu, slider) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -598,6 +598,61 @@
         return InsparkMessageService;
     }());
 
+    var InsparkDialogService = /** @class */ (function () {
+        function InsparkDialogService(componentFactoryResolver, appRef, injector) {
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.appRef = appRef;
+            this.injector = injector;
+        }
+        InsparkDialogService.prototype.open = function (componentType, config) {
+            var dialogRef = this.appendDialogComponentToBody(config);
+            console.log('window.scrollY', window.scrollY);
+            document.body.style.top = "-" + window.scrollY + "px";
+            document.body.style.position = 'fixed';
+            dialogRef.onClose.subscribe(function () {
+                console.log('custom subscrnve');
+                var scrollY = document.body.style.top;
+                document.body.style.position = '';
+                document.body.style.top = '';
+                window.scrollTo(0, parseInt(scrollY || '0') * -1);
+            });
+            this.dialogComponentRef.instance.childComponentType = componentType;
+            return dialogRef;
+        };
+        InsparkDialogService.prototype.appendDialogComponentToBody = function (config) {
+            var _this = this;
+            var map = new WeakMap();
+            map.set(api.DynamicDialogConfig, config);
+            var dialogRef = new api.DynamicDialogRef();
+            map.set(api.DynamicDialogRef, dialogRef);
+            var sub = dialogRef.onClose.subscribe(function () {
+                _this.removeDialogComponentFromBody();
+                sub.unsubscribe();
+            });
+            var componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicdialog.DynamicDialogComponent);
+            var componentRef = componentFactory.create(new dynamicdialogInjector.DynamicDialogInjector(this.injector, map));
+            this.appRef.attachView(componentRef.hostView);
+            var domElem = componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this.dialogComponentRef = componentRef;
+            return dialogRef;
+        };
+        InsparkDialogService.prototype.removeDialogComponentFromBody = function () {
+            this.appRef.detachView(this.dialogComponentRef.hostView);
+            this.dialogComponentRef.destroy();
+        };
+        InsparkDialogService.ctorParameters = function () { return [
+            { type: core.ComponentFactoryResolver },
+            { type: core.ApplicationRef },
+            { type: core.Injector }
+        ]; };
+        InsparkDialogService = __decorate([
+            core.Injectable(),
+            __metadata("design:paramtypes", [core.ComponentFactoryResolver, core.ApplicationRef, core.Injector])
+        ], InsparkDialogService);
+        return InsparkDialogService;
+    }());
+
     var CommunicationService = /** @class */ (function () {
         function CommunicationService() {
             this.messageSource = {};
@@ -3933,6 +3988,7 @@
     exports.InlineMessageComponent = InlineMessageComponent;
     exports.InputTextComponent = InputTextComponent;
     exports.InsparkComponentsModule = InsparkComponentsModule;
+    exports.InsparkDialogService = InsparkDialogService;
     exports.InsparkHeaderComponent = InsparkHeaderComponent;
     exports.InsparkMessageService = InsparkMessageService;
     exports.InsparkStickyComponent = InsparkStickyComponent;