survey-creator-angular 2.5.21 → 2.5.23

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

@@ -965,10 +965,8 @@
           return ["pagesController", "pageEditMode"];
       };
       PageNavigatorComponent.prototype.ngAfterViewInit = function () {
-          if (this.pageEditMode !== "bypage") {
-              var el = this.container.nativeElement;
-              this.model.attachToUI(el);
-          }
+          var el = this.container.nativeElement;
+          this.model.attachToUI(el);
       };
       PageNavigatorComponent.prototype.ngOnDestroy = function () {
           _super.prototype.ngOnDestroy.call(this);
@@ -1694,9 +1692,29 @@
 
   var SimulatorComponent = /** @class */ (function (_super) {
       __extends(SimulatorComponent, _super);
-      function SimulatorComponent() {
-          return _super !== null && _super.apply(this, arguments) || this;
-      }
+      function SimulatorComponent(changeDetectorRef, viewContainerRef) {
+          return _super.call(this, changeDetectorRef, viewContainerRef) || this;
+      }
+      /**
+       * `BaseAngular` defers updates while `model.isRendering` is true during `ngDoCheck`, so
+       * `popupOverlayHeight` (and frame-driving props) would not refresh the embedded template in time.
+       * These properties must run synchronous `detectChanges` so `[style.--sv-popup-overlay-height]` applies.
+       */
+      SimulatorComponent.prototype.getPropertiesToUpdateSync = function () {
+          return ["popupOverlayHeight", "landscape", "device", "survey"];
+      };
+      SimulatorComponent.prototype.ngAfterViewInit = function () {
+          this.model.queueSurveyLayoutRefresh();
+      };
+      SimulatorComponent.prototype.ngOnDestroy = function () {
+          this.model.cancelSurveyLayoutRefresh();
+          _super.prototype.ngOnDestroy.call(this);
+      };
+      SimulatorComponent.prototype.afterUpdate = function (isSync) {
+          if (isSync === void 0) { isSync = false; }
+          _super.prototype.afterUpdate.call(this, isSync);
+          this.model.queueSurveyLayoutRefresh();
+      };
       SimulatorComponent.prototype.getModel = function () {
           return this.model;
       };
@@ -1719,8 +1737,8 @@
       };
       return SimulatorComponent;
   }(i1.BaseAngular));
-  SimulatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SimulatorComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  SimulatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SimulatorComponent, selector: "survey-simulator", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div [class]=\"model.getRootCss()\" (keydown)=\"model.tryToZoom($event, $event)\" (mouseover)=\"activateZoom()\"\n    (mouseout)=\"deactivateZoom()\">\n    <div *ngIf=\"model.hasFrame\" class=\"svd-simulator-wrapper\" id=\"svd-simulator-wrapper\"\n      [style.width]=\"simulatorFrame.frameWidth + 'px'\" [style.height]=\"simulatorFrame.frameHeight + 'px'\">\n      <div class=\"svd-simulator\" [style.width]=\"simulatorFrame.deviceWidth + 'px'\"\n        [style.height]=\"simulatorFrame.deviceHeight + 'px'\"\n        [style.transform]=\"'scale(' + simulatorFrame.scale + ') translate(-50%, -50%)'\">\n        <div class=\"svd-simulator-content\">\n          <ng-template [component]=\"{ name: 'survey-widget', data: { model: model.survey } }\"></ng-template>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"!model.hasFrame\" class=\"svd-simulator-content\">\n      <ng-template [component]=\"{ name: 'survey-widget', data: { model: model.survey } }\"></ng-template>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  SimulatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SimulatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  SimulatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SimulatorComponent, selector: "survey-simulator", inputs: { model: "model" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div [class]=\"model.getRootCss()\" (keydown)=\"model.tryToZoom($event, $event)\" (mouseover)=\"activateZoom()\"\n    (mouseout)=\"deactivateZoom()\">\n    <div *ngIf=\"model.hasFrame\" class=\"svd-simulator-wrapper\" id=\"svd-simulator-wrapper\"\n      [style.width]=\"simulatorFrame.frameWidth + 'px'\" [style.height]=\"simulatorFrame.frameHeight + 'px'\">\n      <div class=\"svd-simulator\" [style.width]=\"simulatorFrame.deviceWidth + 'px'\"\n        [style.height]=\"simulatorFrame.deviceHeight + 'px'\"\n        [style.transform]=\"'scale(' + simulatorFrame.scale + ') translate(-50%, -50%)'\">\n        <div class=\"svd-simulator-content\"\n          [style.--sv-popup-overlay-height]=\"model.popupOverlayHeight || null\">\n          <ng-template [component]=\"{ name: 'survey-widget', data: { model: model.survey } }\"></ng-template>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"!model.hasFrame\" class=\"svd-simulator-content\"\n      [style.--sv-popup-overlay-height]=\"model.popupOverlayHeight || null\">\n      <ng-template [component]=\"{ name: 'survey-widget', data: { model: model.survey } }\"></ng-template>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SimulatorComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -1728,7 +1746,7 @@
                       templateUrl: "./simulator.component.html",
                       styles: [":host { display: none; }"]
                   }]
-          }], propDecorators: { model: [{
+          }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ViewContainerRef }]; }, propDecorators: { model: [{
                   type: i0.Input
               }] } });