@inspark/inspark-components 1.0.7 → 1.0.10

package/full/fesm5/inspark-inspark-components.js

@@ -1,10 +1,12 @@
 import { __decorate, __metadata, __assign, __extends, __read, __values } from 'tslib';
-import { Pipe, NgModule, Injectable, EventEmitter, ChangeDetectorRef, Input, ViewChild, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, forwardRef, ElementRef, TemplateRef, Directive, HostListener, ContentChildren, QueryList, NO_ERRORS_SCHEMA } from '@angular/core';
+import { Pipe, NgModule, Injectable, ComponentFactoryResolver, ApplicationRef, Injector, EventEmitter, ChangeDetectorRef, Input, ViewChild, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, forwardRef, ElementRef, TemplateRef, Directive, HostListener, ContentChildren, QueryList, NO_ERRORS_SCHEMA } from '@angular/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 export { TranslateModule } from '@ngx-translate/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { MessageService, ConfirmationService, DynamicDialogRef, DynamicDialogConfig } from 'primeng/api';
+import { MessageService, ConfirmationService, DynamicDialogConfig, DynamicDialogRef } from 'primeng/api';
 import { _ } from '@biesbjerg/ngx-translate-extract/dist/utils/utils';
+import { DynamicDialogComponent } from 'primeng/dynamicdialog';
+import { DynamicDialogInjector } from 'primeng/components/dynamicdialog/dynamicdialog-injector';
 import { Subject } from 'rxjs';
 import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
@@ -401,6 +403,61 @@ var InsparkMessageService = /** @class */ (function () {
     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(DynamicDialogConfig, config);
+        var dialogRef = new DynamicDialogRef();
+        map.set(DynamicDialogRef, dialogRef);
+        var sub = dialogRef.onClose.subscribe(function () {
+            _this.removeDialogComponentFromBody();
+            sub.unsubscribe();
+        });
+        var componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicDialogComponent);
+        var componentRef = componentFactory.create(new 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: ComponentFactoryResolver },
+        { type: ApplicationRef },
+        { type: Injector }
+    ]; };
+    InsparkDialogService = __decorate([
+        Injectable(),
+        __metadata("design:paramtypes", [ComponentFactoryResolver, ApplicationRef, Injector])
+    ], InsparkDialogService);
+    return InsparkDialogService;
+}());
+
 var CommunicationService = /** @class */ (function () {
     function CommunicationService() {
         this.messageSource = {};
@@ -3678,5 +3735,5 @@ var InsparkComponentsModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { BreadcrumbComponent, ButtonComponent, CheckboxComponent, CommunicationService, ComponentContainerComponent, ContentToggleComponent, DropdownComponentModule, EmptyComponent, FileComponent, InlineMessageComponent, InputTextComponent, InsparkComponentsModule, InsparkHeaderComponent, InsparkMessageService, InsparkStickyComponent, InsparkTemplate, LinkComponent, ModalInputTextComponent, ObjectTreeComponent, PanelComponent, PipesModule, PreloaderComponent, RadiobuttonComponent, SelectButtonComponent, SelectListComponent, StatusCircleComponent, SvgComponent, SwitcherComponent, TableComponentModule, TextareaComponent, ToolbarComponent, TooltipComponent, TreeTableComponentModule, DropdownItem as ɵa, DropdownComponent as ɵb, TableComponent as ɵc, TreeTableComponent as ɵd, PropertyValuePipe as ɵe, ShortToFullWeekdayPipe as ɵf, NumToShortWeekdayPipe as ɵg, FormatNumToTime as ɵh, InDate as ɵi, SafeUrlPipe as ɵj, SortByPipe as ɵk, PrimengComponentsModule as ɵl, TableColumnsMultiselectComponent as ɵm, TableMenuOverlayComponent as ɵn, TableClickOutsideDirective as ɵo, InputGroupComponent as ɵp };
+export { BreadcrumbComponent, ButtonComponent, CheckboxComponent, CommunicationService, ComponentContainerComponent, ContentToggleComponent, DropdownComponentModule, EmptyComponent, FileComponent, InlineMessageComponent, InputTextComponent, InsparkComponentsModule, InsparkDialogService, InsparkHeaderComponent, InsparkMessageService, InsparkStickyComponent, InsparkTemplate, LinkComponent, ModalInputTextComponent, ObjectTreeComponent, PanelComponent, PipesModule, PreloaderComponent, RadiobuttonComponent, SelectButtonComponent, SelectListComponent, StatusCircleComponent, SvgComponent, SwitcherComponent, TableComponentModule, TextareaComponent, ToolbarComponent, TooltipComponent, TreeTableComponentModule, DropdownItem as ɵa, DropdownComponent as ɵb, TableComponent as ɵc, TreeTableComponent as ɵd, PropertyValuePipe as ɵe, ShortToFullWeekdayPipe as ɵf, NumToShortWeekdayPipe as ɵg, FormatNumToTime as ɵh, InDate as ɵi, SafeUrlPipe as ɵj, SortByPipe as ɵk, PrimengComponentsModule as ɵl, TableColumnsMultiselectComponent as ɵm, TableMenuOverlayComponent as ɵn, TableClickOutsideDirective as ɵo, InputGroupComponent as ɵp };
 //# sourceMappingURL=inspark-inspark-components.js.map