survey-angular-ui 2.5.7 → 2.5.8

package/bundles/survey-angular-ui.umd.js

@@ -1023,32 +1023,53 @@
       function ModalComponent(popupService) {
           this.popupService = popupService;
           this.functionDefined = false;
+          this.hosts = {};
+          this.modalManager = this.createModalManager();
       }
-      ModalComponent.prototype.showDialog = function (dialogOptions, rootElement) {
+      ModalComponent.prototype.createModalManager = function () {
           var _this = this;
-          var popupViewModel = this.model = Survey.createPopupModalViewModel(dialogOptions, rootElement);
-          var onVisibilityChangedCallback = function (_, options) {
-              if (!options.isVisible) {
-                  _this.portalHost.detach();
-                  _this.model.dispose();
+          var modalManager = new Survey.PopupModalManager();
+          modalManager.onModalsChangedCallback = function (_, addedModals, removedModals) {
+              var e_1, _a, e_2, _b;
+              try {
+                  for (var addedModals_1 = __values(addedModals), addedModals_1_1 = addedModals_1.next(); !addedModals_1_1.done; addedModals_1_1 = addedModals_1.next()) {
+                      var modal = addedModals_1_1.value;
+                      _this.hosts[modal.uniqueId] = _this.popupService.createComponent(modal);
+                  }
+              }
+              catch (e_1_1) { e_1 = { error: e_1_1 }; }
+              finally {
+                  try {
+                      if (addedModals_1_1 && !addedModals_1_1.done && (_a = addedModals_1.return)) _a.call(addedModals_1);
+                  }
+                  finally { if (e_1) throw e_1.error; }
+              }
+              try {
+                  for (var removedModals_1 = __values(removedModals), removedModals_1_1 = removedModals_1.next(); !removedModals_1_1.done; removedModals_1_1 = removedModals_1.next()) {
+                      var modal = removedModals_1_1.value;
+                      if (_this.hosts[modal.uniqueId]) {
+                          _this.hosts[modal.uniqueId].detach();
+                          delete _this.hosts[modal.uniqueId];
+                      }
+                  }
+              }
+              catch (e_2_1) { e_2 = { error: e_2_1 }; }
+              finally {
+                  try {
+                      if (removedModals_1_1 && !removedModals_1_1.done && (_b = removedModals_1.return)) _b.call(removedModals_1);
+                  }
+                  finally { if (e_2) throw e_2.error; }
               }
           };
-          popupViewModel.onVisibilityChanged.add(onVisibilityChangedCallback);
-          this.portalHost = this.popupService.createComponent(this.model);
-          this.model.model.isVisible = true;
-          return this.model;
+          return modalManager;
       };
       ModalComponent.prototype.ngOnInit = function () {
           var _this = this;
           this.functionDefined = true;
-          Survey.settings.showDialog = function (dialogOptions, rootElement) {
-              return _this.showDialog(dialogOptions, rootElement);
-          };
+          Survey.settings.showDialog = function (dialogOptions, rootElement) { return _this.modalManager.addDialog(dialogOptions, rootElement); };
       };
       ModalComponent.prototype.ngOnDestroy = function () {
-          var _a, _b;
-          (_a = this.portalHost) === null || _a === void 0 ? void 0 : _a.detach();
-          (_b = this.model) === null || _b === void 0 ? void 0 : _b.dispose();
+          this.modalManager.clear();
           if (this.functionDefined) {
               Survey.settings.showDialog = undefined;
           }