survey-creator-react 2.5.21 → 2.5.23

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.5.21
+ * SurveyJS Creator v2.5.23
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2193,10 +2193,8 @@ class SurveyPageNavigator extends CreatorModelElement {
     }
     componentDidMount() {
         super.componentDidMount();
-        if (this.props.pageEditMode !== "bypage") {
-            const el = this.containerRef.current;
-            this.model.attachToUI(el);
-        }
+        const el = this.containerRef.current;
+        this.model.attachToUI(el);
     }
     componentWillUnmount() {
         super.componentWillUnmount();
@@ -2519,6 +2517,11 @@ ReactElementFactory.Instance.registerElement("svc-tab-logic", (props) => {
     return React.createElement(TabLogicComponent, props);
 });
 
+function simulatorShellStyle(overlayHeight) {
+    return overlayHeight
+        ? { ["--sv-popup-overlay-height"]: overlayHeight }
+        : {};
+}
 class SurveySimulator extends SurveyElementBase {
     get model() {
         return this.props.model;
@@ -2526,8 +2529,21 @@ class SurveySimulator extends SurveyElementBase {
     getStateElement() {
         return this.model;
     }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.queueSurveyLayoutRefresh();
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        this.model.queueSurveyLayoutRefresh();
+    }
+    componentWillUnmount() {
+        this.model.cancelSurveyLayoutRefresh();
+        super.componentWillUnmount();
+    }
     renderElement() {
         const mainSimulatorClass = this.model.getRootCss();
+        const shellStyle = simulatorShellStyle(this.model.popupOverlayHeight);
         if (!this.model.survey) {
             return React.createElement("div", { className: mainSimulatorClass });
         }
@@ -2544,12 +2560,12 @@ class SurveySimulator extends SurveyElementBase {
                                 this.model.simulatorFrame.scale +
                                 ") translate(-50%, -50%)"
                         } },
-                        React.createElement("div", { className: "svd-simulator-content" },
+                        React.createElement("div", { className: "svd-simulator-content", style: shellStyle },
                             React.createElement(Survey, { model: this.model.survey }))))));
         }
         else {
             return (React.createElement("div", { className: mainSimulatorClass },
-                React.createElement("div", { className: "svd-simulator-content" },
+                React.createElement("div", { className: "svd-simulator-content", style: shellStyle },
                     React.createElement(Survey, { model: this.model.survey }))));
         }
     }
@@ -2959,8 +2975,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.5.21"}`;
-checkLibraryVersion(`${"2.5.21"}`, "survey-creator-react");
+Version = `${"2.5.23"}`;
+checkLibraryVersion(`${"2.5.23"}`, "survey-creator-react");
 
 export { ActionButton, AdaptiveToolbox, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, ComponentContainer, CreatorSurveyPageComponent, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionBooleanSwitch, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyQuestionTextWithReset, SurveyResults, SurveyResultsByRow, SurveySimulator, SwitcherComponent, TabButtonComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewSurveyComponent, TabPreviewTestSurveyAgainComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationLineSkeleton, Version };
 //# sourceMappingURL=survey-creator-react.mjs.map