survey-creator-core 1.12.10 → 1.12.11

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.12.10
+ * SurveyJS Creator v1.12.11
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -4680,11 +4680,6 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
             _this._renderedCollapsed = !val;
         }, function () { return !_this.renderedCollapsed; });
         _this.draggedIn = false;
-        _this.selectedPropPageFunc = function (_, options) {
-            if (options.name === "isSelectedInDesigner") {
-                _this.onElementSelectedChanged(options.newValue);
-            }
-        };
         _this.sidebarFlyoutModeChangedFunc = function (_, options) {
             if (options.name === "flyoutMode") {
                 _this.updateActionsProperties();
@@ -4813,6 +4808,7 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
         var actionContainer = new SurveyElementActionContainer();
         actionContainer.dotsItem.iconSize = "auto";
         actionContainer.dotsItem.popupModel.horizontalPosition = "center";
+        actionContainer.dotsItem.popupModel.cssClass += " svc-creator-popup";
         return actionContainer;
     };
     Object.defineProperty(SurveyElementAdornerBase.prototype, "canExpandOnDrag", {
@@ -4848,7 +4844,13 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
             this.collapsed = !this.collapsed;
         event.stopPropagation();
     };
-    ;
+    Object.defineProperty(SurveyElementAdornerBase.prototype, "element", {
+        get: function () {
+            return this.surveyElement;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyElementAdornerBase.GetAdorner = function (surveyElement) {
         return surveyElement.getPropertyValue(SurveyElementAdornerBase.AdornerValueName);
     };
@@ -4862,24 +4864,25 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
         var _a;
         if (!!this.surveyElement) {
             var state = (_a = this.creator.designerStateManager) === null || _a === void 0 ? void 0 : _a.getElementState(this.surveyElement);
-            this.collapsed = state.collapsed;
+            this.collapsed = this.creator.getElementExpandCollapseState(this.surveyElement, "loading", state.collapsed);
         }
         this.needToRenderContent = !this.collapsed;
     };
     SurveyElementAdornerBase.prototype.detachElement = function (surveyElement) {
         if (surveyElement) {
-            if (surveyElement.getPropertyValue(SurveyElementAdornerBase.AdornerValueName) === this && !surveyElement.isDisposed) {
-                surveyElement.setPropertyValue(SurveyElementAdornerBase.AdornerValueName, null);
-            }
-            surveyElement.onPropertyChanged.remove(this.selectedPropPageFunc);
+            surveyElement.setPropertyValue(SurveyElementAdornerBase.AdornerValueName, null);
+            surveyElement.unRegisterFunctionOnPropertyValueChanged("isSelectedInDesigner", "questionSelected");
             this.cleanActionsContainer();
         }
     };
     SurveyElementAdornerBase.prototype.attachElement = function (surveyElement) {
+        var _this = this;
         var _a, _b;
         if (surveyElement) {
             (_b = (_a = this.creator) === null || _a === void 0 ? void 0 : _a.designerStateManager) === null || _b === void 0 ? void 0 : _b.initForElement(surveyElement);
-            surveyElement.onPropertyChanged.add(this.selectedPropPageFunc);
+            surveyElement.registerFunctionOnPropertyValueChanged("isSelectedInDesigner", function (newValue) {
+                _this.onElementSelectedChanged(newValue);
+            }, "questionSelected");
             this.restoreState();
             this.updateActionsContainer(surveyElement);
             this.updateActionsProperties();
@@ -4887,7 +4890,7 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
         }
     };
     SurveyElementAdornerBase.prototype.setSurveyElement = function (surveyElement) {
-        this.detachElement(this.surveyElement);
+        this.detachOnlyMyElement();
         this.surveyElement = surveyElement;
         this.attachElement(this.surveyElement);
     };
@@ -4906,9 +4909,14 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
             this.creator.expandCollapseManager.add(this);
         }
     };
+    SurveyElementAdornerBase.prototype.detachOnlyMyElement = function () {
+        if (this.surveyElement && this.surveyElement.getPropertyValue(SurveyElementAdornerBase.AdornerValueName) === this && !this.surveyElement.isDisposed) {
+            this.detachElement(this.surveyElement);
+        }
+    };
     SurveyElementAdornerBase.prototype.detachFromUI = function () {
         this.rootElement = undefined;
-        this.detachElement(this.surveyElement);
+        this.detachOnlyMyElement();
         this.surveyElement = undefined;
         this.creator.sidebar.onPropertyChanged.remove(this.sidebarFlyoutModeChangedFunc);
         this.creator.expandCollapseManager.remove(this);
@@ -4919,6 +4927,8 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
             this.actionContainer.dispose();
         }
         _super.prototype.dispose.call(this);
+        this.sidebarFlyoutModeChangedFunc = undefined;
+        this.animationCollapsed = undefined;
     };
     SurveyElementAdornerBase.prototype.onElementSelectedChanged = function (isSelected) {
         if (!isSelected)
@@ -6461,7 +6471,7 @@ var PageAdorner = /** @class */ (function (_super) {
             _this.dragDropHelper.startDragSurveyElement(event, element, isElementSelected);
             if (_this.creator.collapsePagesOnDrag) {
                 (_a = _this.creator.designerStateManager) === null || _a === void 0 ? void 0 : _a.suspend();
-                _this.creator.collapseAllPages();
+                _this.creator.collapseAllElements();
             }
             return true;
         };
@@ -6519,13 +6529,13 @@ var PageAdorner = /** @class */ (function (_super) {
             }
             surveyElement.registerFunctionOnPropertiesValueChanged(["dragTypeOverMe"], function () {
                 _this.updateDragTypeOverMe();
-            });
+            }, "dragOver");
             surveyElement.registerFunctionOnPropertiesValueChanged(["isDragMe"], function () {
                 _this.updateIsDragMe();
-            });
+            }, "dragOver");
             surveyElement.registerFunctionOnPropertiesValueChanged(["visibleRows"], function (newValue) {
                 _this.updateShowPlaceholder(newValue);
-            });
+            }, "updatePlaceholder");
             this.updateShowPlaceholder();
             surveyElement.onFirstRendering();
             surveyElement.updateCustomWidgets();
@@ -6537,8 +6547,10 @@ var PageAdorner = /** @class */ (function (_super) {
     };
     PageAdorner.prototype.detachElement = function (surveyElement) {
         if (!!surveyElement) {
-            surveyElement.unRegisterFunctionOnPropertiesValueChanged(["dragTypeOverMe", "isDragMe"]);
+            surveyElement.unRegisterFunctionOnPropertiesValueChanged(["elements"], "updatePlaceholder");
+            surveyElement.unRegisterFunctionOnPropertiesValueChanged(["dragTypeOverMe", "isDragMe"], "dragOver");
             surveyElement.unRegisterFunctionOnPropertiesValueChanged(["title", "description"], "add_ghost");
+            surveyElement.unRegisterFunctionOnPropertiesValueChanged(["visibleRows"], "updatePlaceholder");
             surveyElement["surveyChangedCallback"] = undefined;
         }
         _super.prototype.detachElement.call(this, surveyElement);
@@ -6826,9 +6838,6 @@ var QuestionDropdownAdornerViewModel = /** @class */ (function (_super) {
         _this.switchCollapse = function () {
             _this.isCollapsed = !_this.isCollapsed;
         };
-        _this.surveyElement.registerFunctionOnPropertyValueChanged("isSelectedInDesigner", function () {
-            _this.leftFocus();
-        }, "dropdownCollapseChecker");
         _this.visibleCount = creator.maxVisibleChoices;
         _this.isCollapsed = _this.isCollapsed && _this.needToCollapse;
         return _this;
@@ -6885,9 +6894,20 @@ var QuestionDropdownAdornerViewModel = /** @class */ (function (_super) {
             _editorLocalization__WEBPACK_IMPORTED_MODULE_3__.editorLocalization.getString("ed.showLessChoices") :
             _editorLocalization__WEBPACK_IMPORTED_MODULE_3__.editorLocalization.getString("ed.showMoreChoices");
     };
-    QuestionDropdownAdornerViewModel.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        this.surveyElement.unRegisterFunctionOnPropertyValueChanged("isSelectedInDesigner", "dropdownCollapseChecker");
+    QuestionDropdownAdornerViewModel.prototype.attachElement = function (surveyElement) {
+        var _this = this;
+        _super.prototype.attachElement.call(this, surveyElement);
+        if (!!surveyElement) {
+            surveyElement.registerFunctionOnPropertyValueChanged("isSelectedInDesigner", function () {
+                _this.leftFocus();
+            }, "dropdownCollapseChecker");
+        }
+    };
+    QuestionDropdownAdornerViewModel.prototype.detachElement = function (surveyElement) {
+        if (!!surveyElement) {
+            surveyElement.unRegisterFunctionOnPropertyValueChanged("isSelectedInDesigner", "dropdownCollapseChecker");
+        }
+        _super.prototype.detachElement.call(this, surveyElement);
     };
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: true })
@@ -7024,8 +7044,10 @@ var QuestionImageAdornerViewModel = /** @class */ (function (_super) {
             .append("svc-question__content--loading", this.isUploading).toString();
     };
     QuestionImageAdornerViewModel.prototype.dispose = function () {
-        this.surveyElement.unRegisterFunctionOnPropertyValueChanged("imageLink", "imageLinkValueChanged");
-        this.surveyElement.locImageLink.onStringChanged.remove(this.imageLinkValueChangedHandler);
+        if (this.surveyElement) {
+            this.surveyElement.unRegisterFunctionOnPropertyValueChanged("imageLink", "imageLinkValueChanged");
+            this.surveyElement.locImageLink.onStringChanged.remove(this.imageLinkValueChangedHandler);
+        }
         _super.prototype.dispose.call(this);
     };
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
@@ -7305,13 +7327,6 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         _string_editor__WEBPACK_IMPORTED_MODULE_7__.StringItemsNavigatorBase.setQuestion(_this);
         return _this;
     }
-    Object.defineProperty(QuestionAdornerViewModel.prototype, "element", {
-        get: function () {
-            return this.surveyElement;
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionAdornerViewModel.prototype.canSelectElement = function () {
         return _super.prototype.canSelectElement.call(this) && this.surveyElement.isInteractiveDesignElement;
     };
@@ -7543,11 +7558,24 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         res.text = res.messageText;
         return res;
     };
-    QuestionAdornerViewModel.prototype.detachFromUI = function () {
-        this.surveyElement.unRegisterFunctionOnPropertyValueChanged("isRequired", "isRequiredAdorner");
-        this.surveyElement.unRegisterFunctionOnPropertyValueChanged("inputType", "inputTypeAdorner");
-        if (!!this.surveyElement["setCanShowOptionItemCallback"]) {
-            this.surveyElement.setCanShowOptionItemCallback(undefined);
+    QuestionAdornerViewModel.prototype.detachElement = function (surveyElement) {
+        if (surveyElement) {
+            surveyElement.unRegisterFunctionOnPropertyValueChanged("isRequired", "isRequiredAdorner");
+            surveyElement.unRegisterFunctionOnPropertiesValueChanged(["inputType", "rateType"], "inputTypeAdorner");
+            if (!!surveyElement["setCanShowOptionItemCallback"]) {
+                surveyElement.setCanShowOptionItemCallback(undefined);
+            }
+        }
+        _super.prototype.detachElement.call(this, this.element);
+    };
+    QuestionAdornerViewModel.prototype.attachElement = function (surveyElement) {
+        var _this = this;
+        _super.prototype.attachElement.call(this, surveyElement);
+        if (surveyElement) {
+            surveyElement.registerFunctionOnPropertyValueChanged("isRequired", function (newValue) {
+                var requiredAction = _this.actionContainer.getActionById("isrequired");
+                _this.updateRequiredAction(requiredAction);
+            }, "isRequiredAdorner");
         }
     };
     Object.defineProperty(QuestionAdornerViewModel.prototype, "isDraggable", {
@@ -7685,16 +7713,6 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionAdornerViewModel.prototype, "isRequired", {
-        get: function () {
-            return this.surveyElement.isRequired;
-        },
-        set: function (newVal) {
-            this.surveyElement.isRequired = newVal;
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionAdornerViewModel.prototype.onPointerDown = function (pointerDownEvent) {
         this.dragOrClickHelper.onPointerDown(pointerDownEvent);
     };
@@ -7966,13 +7984,12 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
             allowSelection: true,
             horizontalPosition: "center",
             cssClass: "svc-creator-popup",
-            onShow: function () {
-                var listModel = newAction.popupModel.contentComponentData.model;
-                options.updateListModel(listModel);
-                setTimeout(function () {
-                    newAction.popupModel.recalculatePosition(true);
-                }, 1);
-            },
+        });
+        newAction.popupModel.onVisibilityChanged.add(function (_, opt) {
+            if (opt.isVisible) {
+                var listModel_1 = newAction.popupModel.contentComponentData.model;
+                options.updateListModel(listModel_1);
+            }
         });
         var listModel = newAction.popupModel.contentComponentData.model;
         // options.updateListModel(listModel);
@@ -7982,29 +7999,38 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         newAction.data.locOwner = this.creator;
         return newAction;
     };
+    QuestionAdornerViewModel.prototype.updateRequiredAction = function (requiredAction) {
+        var _a;
+        if (!requiredAction)
+            return;
+        var isRequired = (_a = this.surveyElement) === null || _a === void 0 ? void 0 : _a.isRequired;
+        requiredAction.ariaChecked = isRequired;
+        requiredAction.active = isRequired;
+        requiredAction.innerItem.title = isRequired ? this.creator.getLocString("pe.removeRequiredMark") : this.creator.getLocString("pe.markRequired");
+    };
     QuestionAdornerViewModel.prototype.createRequiredAction = function () {
         var _this = this;
         this.surveyElement.isRequired;
-        var requiredAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__.Action({
+        var actionSetup = {
             id: "isrequired",
-            ariaChecked: new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.isRequired; }),
             ariaRole: "checkbox",
             css: "svc-action-bar-item--right",
             innerCss: "svc-required-action",
-            title: this.creator.getLocString("pe.isRequired"),
             visibleIndex: 20,
             iconName: "icon-required",
             iconSize: "auto",
-            active: new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.isRequired; }),
             action: function () {
+                var _a;
                 if (_this.creator.isCanModifyProperty(_this.surveyElement, "isRequired")) {
-                    _this.isRequired = _this.getUpdatedPropertyValue("isRequired", !_this.isRequired);
+                    _this.surveyElement.isRequired = _this.getUpdatedPropertyValue("isRequired", !((_a = _this.surveyElement) === null || _a === void 0 ? void 0 : _a.isRequired));
                 }
             }
-        });
-        requiredAction.innerItem.title = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () {
-            return _this.isRequired ? _this.creator.getLocString("pe.removeRequiredMark") : _this.creator.getLocString("pe.markRequired");
-        });
+        };
+        var innerAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__.Action(actionSetup);
+        var requiredAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__.Action(actionSetup);
+        requiredAction.title = this.creator.getLocString("pe.isRequired");
+        requiredAction.innerItem = innerAction;
+        this.updateRequiredAction(requiredAction);
         return requiredAction;
     };
     QuestionAdornerViewModel.prototype.getUpdatedPropertyValue = function (propName, newValue) {
@@ -8293,13 +8319,19 @@ var RowViewModel = /** @class */ (function (_super) {
         _this.creator = creator;
         _this.row = row;
         _this.templateData = templateData;
-        _this.dragTypeOverMe = _this.row.dragTypeOverMe;
-        _this.row.onPropertyChanged.add(function (s, o) {
+        _this.rowDragTypeOverMeChanged = function (s, o) {
             if (o.name == "dragTypeOverMe")
                 _this.dragTypeOverMe = o.newValue;
-        });
+        };
+        _this.dragTypeOverMe = _this.row.dragTypeOverMe;
         return _this;
     }
+    RowViewModel.prototype.subscribeElementChanges = function () {
+        this.row.onPropertyChanged.add(this.rowDragTypeOverMeChanged);
+    };
+    RowViewModel.prototype.unsubscribeElementChanges = function () {
+        this.row.onPropertyChanged.remove(this.rowDragTypeOverMeChanged);
+    };
     Object.defineProperty(RowViewModel.prototype, "cssClasses", {
         get: function () {
             var result = "svc-row";
@@ -8319,6 +8351,11 @@ var RowViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    RowViewModel.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.unsubscribeElementChanges();
+        this.rowDragTypeOverMeChanged = undefined;
+    };
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], RowViewModel.prototype, "dragTypeOverMe", void 0);
@@ -8869,7 +8906,7 @@ var TabControlModel = /** @class */ (function (_super) {
     TabControlModel.prototype.updateExpandCollapseAction = function () {
         this.expandCollapseAction.iconName = this.sidePanel.visible ? "icon-collapse-panel" : "icon-expand-panel";
         this.expandCollapseAction.css = this.sidePanel.visible ? "svd-grid-hide" : "svd-grid-expand";
-        this.expandCollapseAction.locTitleName = this.sidePanel.visible ? "ed.hidePanel" : "ed.showPanel";
+        this.expandCollapseAction.locTooltipName = this.sidePanel.visible ? "ed.hidePanel" : "ed.showPanel";
     };
     TabControlModel.prototype.createToggleAction = function () {
         var _this = this;
@@ -9309,13 +9346,13 @@ var simulatorDevices = {
     //   title: "Windows 10 Phone",
     //   cssClass: "svd-simulator-win10phone",
     // },
-    msSurface: {
+    microsoftSurface: {
         cssPixelRatio: 1,
         ppi: 148,
         width: 768,
         height: 1366,
         deviceType: "tablet",
-        title: "MS Surface",
+        title: "Microsoft Surface",
         cssClass: "svd-simulator-mssurface",
     },
     genericPhone: {
@@ -10166,7 +10203,11 @@ var TabDesignerPlugin = /** @class */ (function () {
             macOsHotkey: {
                 keyCode: 46,
             },
-            execute: function () { return _this.creator.deleteCurrentElement(); }
+            execute: function () {
+                if (!_this.creator.readOnly) {
+                    _this.creator.deleteCurrentElement();
+                }
+            }
         });
     }
     Object.defineProperty(TabDesignerPlugin.prototype, "isSurveySelected", {
@@ -10311,8 +10352,8 @@ var TabDesignerPlugin = /** @class */ (function () {
         });
         var settingsAction = new _utils_actions__WEBPACK_IMPORTED_MODULE_8__.MenuButton({
             id: "theme-settings",
-            locTooltipName: "pe.tabs.creatorSettingTitle",
-            iconName: "icon-config",
+            locTooltipName: "ed.creatorSettingTitle",
+            iconName: "gear-24x24",
             iconSize: "auto",
             pressed: false,
             action: function () {
@@ -10380,7 +10421,9 @@ var TabDesignerPlugin = /** @class */ (function () {
         this.creator.sidebar.hideSideBarVisibilityControlActions = false;
         this.creator.sidebar.sideAreaComponentName = undefined;
         this.creator.sidebar.sideAreaComponentData = undefined;
+        this.creator.sidebar.onPropertyChanged.clear();
         this.creator.sidebar.header.reset();
+        this.creator.expandCollapseManager.clear();
         return true;
     };
     TabDesignerPlugin.prototype.onDesignerSurveyPropertyChanged = function (obj, propName) {
@@ -10690,22 +10733,22 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     };
     TabDesignerViewModel.prototype.initToolbar = function () {
         var _this = this;
-        this.actionContainer = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ActionContainer();
+        this.surfaceToolbar = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ActionContainer();
         var action = function (action) { _this.creator.onSurfaceToolbarActionExecuted.fire(_this.creator, { action: action }); };
         var defaultActionBarCss = {
-            root: "sv-action-bar",
+            root: "sv-action-bar svc-tab-designer__surface-toolbar",
             defaultSizeMode: "",
             smallSizeMode: "",
-            item: "svc-page-navigator__selector",
+            item: "svc-page-navigator__button",
             itemWithTitle: "",
             itemAsIcon: "",
             itemActive: "",
             itemPressed: "",
-            itemIcon: "svc-page-navigator__navigator-icon",
+            itemIcon: "svc-page-navigator__button-icon",
             itemTitleWithIcon: "",
         };
-        this.actionContainer.cssClasses = defaultActionBarCss;
-        this.actionContainer.setItems([{
+        this.surfaceToolbar.cssClasses = defaultActionBarCss;
+        this.surfaceToolbar.setItems([{
                 id: "collapseAll",
                 locTooltipName: "ed.collapseAllTooltip",
                 iconName: "icon-collapseall-24x24",
@@ -15762,15 +15805,24 @@ var SurveyLogic = /** @class */ (function (_super) {
         return types;
     };
     SurveyLogic.prototype.createLogicTypes = function () {
+        var _this = this;
         var res = [];
+        SurveyLogic.types.forEach(function (logicType) {
+            if (_this.isLogicTypeVisible(logicType)) {
+                res.push(new _logic_types__WEBPACK_IMPORTED_MODULE_5__.SurveyLogicType(logicType, _this.survey, _this.options));
+            }
+        });
+        return res;
+    };
+    SurveyLogic.prototype.isLogicTypeVisible = function (logicType) {
         var visActions = SurveyLogic.visibleActions;
-        for (var i = 0; i < SurveyLogic.types.length; i++) {
-            if (visActions.length > 0 &&
-                visActions.indexOf(SurveyLogic.types[i].name) < 0)
-                continue;
-            res.push(new _logic_types__WEBPACK_IMPORTED_MODULE_5__.SurveyLogicType(SurveyLogic.types[i], this.survey, this.options));
+        if (visActions.length > 0 && visActions.indexOf(logicType.name) < 0)
+            return false;
+        var prefix = "trigger_";
+        if (logicType.name.indexOf(prefix) === 0) {
+            return _creator_settings__WEBPACK_IMPORTED_MODULE_3__.settings.logic.invisibleTriggers.indexOf(logicType.name.substring(prefix.length)) < 0;
         }
-        return res;
+        return true;
     };
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.propertyArray)()
@@ -16240,17 +16292,35 @@ var TabTestPlugin = /** @class */ (function () {
     function TabTestPlugin(creator) {
         this.creator = creator;
         this.simulatorTheme = survey_core__WEBPACK_IMPORTED_MODULE_1__.surveyCss[survey_core__WEBPACK_IMPORTED_MODULE_1__.defaultV2ThemeName];
+        this._previewDevice = "";
         creator.addPluginTab("test", this);
         this.setPreviewTheme(this.creator.themeForPreview);
         this.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
     }
-    TabTestPlugin.prototype.setDevice = function (newVal) {
-        this.model.simulator.device = newVal;
-        this.model.simulator.resetZoomParameters();
-        var currentType = _simulator__WEBPACK_IMPORTED_MODULE_3__.simulatorDevices[this.model.simulator.device].deviceType;
+    Object.defineProperty(TabTestPlugin.prototype, "previewDevice", {
+        get: function () {
+            if (!!this.model) {
+                this._previewDevice = this.model.simulator.device;
+            }
+            return this._previewDevice;
+        },
+        set: function (newValue) {
+            this.setDevice(newValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TabTestPlugin.prototype.setDevice = function (newValue) {
+        this._previewDevice = newValue || "desktop";
+        if (!!this.model) {
+            this.model.simulator.device = newValue;
+            this.model.simulator.resetZoomParameters();
+        }
+        var currentType = _simulator__WEBPACK_IMPORTED_MODULE_3__.simulatorDevices[this._previewDevice].deviceType;
         this.orientationSelectorAction.enabled = currentType != "desktop";
         this.deviceSelectorAction.iconName = "icon-device-" + currentType;
         this.deviceSelectorAction.title = (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_2__.getLocString)("pe.simulator");
+        this.deviceSelectorAction.data.selectedItem = { id: this._previewDevice };
     };
     TabTestPlugin.prototype.setDefaultLanguageOption = function (opt) {
         var _this = this;
@@ -16297,8 +16367,10 @@ var TabTestPlugin = /** @class */ (function () {
         return new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.creator.activeTab === "test"; });
     };
     TabTestPlugin.prototype.activate = function () {
-        this.model = new _test__WEBPACK_IMPORTED_MODULE_4__.TestSurveyTabViewModel(this.creator, this.simulatorTheme);
-        this.model.simulator.landscape = this.creator.previewOrientation != "portrait";
+        var tabModel = new _test__WEBPACK_IMPORTED_MODULE_4__.TestSurveyTabViewModel(this.creator, this.simulatorTheme);
+        tabModel.simulator.device = this.previewDevice || this.creator.previewDevice || "desktop";
+        tabModel.simulator.landscape = this.creator.previewOrientation != "portrait";
+        this.model = tabModel;
         this.update();
     };
     TabTestPlugin.prototype.update = function () {
@@ -16324,6 +16396,7 @@ var TabTestPlugin = /** @class */ (function () {
     };
     TabTestPlugin.prototype.deactivate = function () {
         if (this.model) {
+            this._previewDevice = this.model.simulator.device;
             this.simulatorTheme = this.model.simulator.survey.css;
             this.model.onSurveyCreatedCallback = undefined;
             this.model.dispose();
@@ -18416,6 +18489,7 @@ var ThemeTabPlugin = /** @class */ (function () {
                 _this.updateVisibilityOfPropertyGridGroups();
             }
         };
+        this.previewDevice = "desktop";
         this.saveToFileHandler = _utils_utils__WEBPACK_IMPORTED_MODULE_5__.saveToFileHandler;
         this.autoSaveTimerId = null;
         /**
@@ -18657,6 +18731,7 @@ var ThemeTabPlugin = /** @class */ (function () {
     ThemeTabPlugin.prototype.activate = function () {
         var _this = this;
         this.model = new _theme_builder__WEBPACK_IMPORTED_MODULE_3__.ThemeTabViewModel(this.creator, this.simulatorCssClasses);
+        this.model.simulator.device = this.previewDevice;
         this.themeModel.initialize(this.creator.theme, this.creator.survey);
         this.creator.sidebar.hideSideBarVisibilityControlActions = this.showOneCategoryInPropertyGrid;
         this.update();
@@ -18832,6 +18907,7 @@ var ThemeTabPlugin = /** @class */ (function () {
     ThemeTabPlugin.prototype.deactivate = function () {
         var _a;
         if (this.model) {
+            this.previewDevice = this.model.simulator.device;
             this.simulatorCssClasses = this.model.survey.css;
             this.model.onPropertyChanged.clear();
             this.themeModel.onThemeSelected.clear();
@@ -20684,9 +20760,11 @@ var Translation = /** @class */ (function (_super) {
         }
         if (!this.root)
             return;
+        this.options.startUndoRedoTransaction("Delete strings for locale: " + locale);
         this.root.deleteLocaleStrings(locale);
         this.removeLocale(locale);
         this.reset();
+        this.options.stopUndoRedoTransaction();
     };
     Translation.prototype.createSettingsSurvey = function () {
         var _this = this;
@@ -20726,6 +20804,7 @@ var Translation = /** @class */ (function (_super) {
                         iconName: "icon-language",
                         iconSize: "auto",
                         locTooltipName: "ed.translateUsigAI",
+                        visibleIndex: 5,
                         location: "end",
                         action: function () { return _this.showTranslationEditor(locale_1); }
                     }));
@@ -22049,7 +22128,9 @@ var CreatorEvent = /** @class */ (function (_super) {
 var SurveyCreatorModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyCreatorModel, _super);
     function SurveyCreatorModel(options, options2) {
-        var _this = _super.call(this) || this;
+        var _this = this;
+        var _a;
+        _this = _super.call(this) || this;
         _this.options = options;
         _this.startEditTitleOnQuestionAddedValue = true;
         _this.isRTLValue = false;
@@ -22089,6 +22170,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * An event that is raised after a user has edited a text value on the design surface. This value may include HTML markup. You can handle the `onHtmlToMarkdown` event to convert the HTML markup to Markdown.
          */
         _this.onHtmlToMarkdown = _this.addCreatorEvent();
+        /*
+         * An event that is raised when Survey Creator obtains the expand/collapse state of a survey element on the design surface. Handle this event to set a required state.
+         */
+        _this.onElementGetExpandCollapseState = _this.addCreatorEvent();
         /**
          * An event that is raised when Survey Creator obtains permitted operations for a survey element. Use this event to disable user interactions with a question, panel, or page on the design surface.
          *
@@ -22660,6 +22745,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             _this.options = !!options2 ? options2 : {};
             _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnText("Creator constructor has one parameter, as creator options, in V2.");
         }
+        _this.previewDevice = (_a = options.previewDevice) !== null && _a !== void 0 ? _a : "desktop";
         _this.previewOrientation = options.previewOrientation;
         _this.toolbarValue = new ToolbarActionContainer(_this);
         _this.toolbarValue.locOwner = _this;
@@ -23390,7 +23476,6 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyCreatorModel.prototype.startUndoRedoTransaction = function (name) {
-        if (name === void 0) { name = ""; }
         this.undoRedoController && this.undoRedoController.startTransaction(name);
     };
     SurveyCreatorModel.prototype.stopUndoRedoTransaction = function () {
@@ -23906,7 +23991,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             _this.stopUndoRedoTransaction();
             if (_this.collapsePagesOnDrag) {
                 (_a = _this.designerStateManager) === null || _a === void 0 ? void 0 : _a.release();
-                _this.restorePagesState();
+                _this.restoreElementsState();
             }
         });
     };
@@ -23917,24 +24002,45 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyCreatorModel.prototype.collapseAllPages = function () {
-        this.survey.pages.forEach(function (page) {
-            var pageAdorner = _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.GetAdorner(page);
-            if (pageAdorner) {
-                pageAdorner.collapsed = true;
+    SurveyCreatorModel.prototype.getCollapsableElements = function () {
+        return this.survey.pages;
+    };
+    SurveyCreatorModel.prototype.collapseAllElements = function () {
+        var _this = this;
+        this.getCollapsableElements().forEach(function (element) {
+            var elementAdorner = _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.GetAdorner(element);
+            if (elementAdorner) {
+                elementAdorner.collapsed = _this.getElementExpandCollapseState(element, "drag-start", true);
             }
         });
     };
-    SurveyCreatorModel.prototype.restorePagesState = function () {
-        this.survey.pages.forEach(function (page) {
-            if (page["draggedFrom"] !== undefined) {
-                var adorner = _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.GetAdorner(page);
+    SurveyCreatorModel.prototype.getElementExpandCollapseState = function (element, reason, defaultValue) {
+        var options = {
+            element: element,
+            reason: reason,
+            collapsed: defaultValue
+        };
+        this.onElementGetExpandCollapseState.fire(this, options);
+        return options.collapsed;
+    };
+    SurveyCreatorModel.prototype.restoreState = function (element) {
+        var state = this.getElementExpandCollapseState(element, "drag-end", undefined);
+        if (state !== undefined) {
+            _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.GetAdorner(element).collapsed = state;
+        }
+        _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.RestoreStateFor(element);
+    };
+    SurveyCreatorModel.prototype.restoreElementsState = function () {
+        var _this = this;
+        this.getCollapsableElements().forEach(function (element) {
+            if (element["draggedFrom"] !== undefined) {
+                var adorner = _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.GetAdorner(element);
                 adorner === null || adorner === void 0 ? void 0 : adorner.blockAnimations();
-                _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.RestoreStateFor(page);
+                _this.restoreState(element);
                 adorner === null || adorner === void 0 ? void 0 : adorner.releaseAnimations();
             }
             else {
-                _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.RestoreStateFor(page);
+                _this.restoreState(element);
             }
         });
     };
@@ -24220,6 +24326,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         return options.displayName;
     };
     SurveyCreatorModel.prototype.createSurvey = function (json, reason, model, callback, area) {
+        var _this = this;
         var _a;
         var survey = this.createSurveyCore(json, reason);
         if (reason !== "designer" && reason !== "test" && reason !== "theme") {
@@ -24254,6 +24361,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         if (reason === "test" || reason === "theme") {
             this.onPreviewSurveyCreated.fire(this, { survey: survey });
         }
+        survey.onPopupVisibleChanged.add(function (_, options) {
+            if (!options.popup.getAreaCallback)
+                options.popup.getAreaCallback = function () { return _this.rootElement; };
+        });
         return survey;
     };
     SurveyCreatorModel.prototype.getSurveyInstanceCreatedArea = function (reason) {
@@ -25595,19 +25706,19 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             title: this.getLocString("ed.addNewQuestion"),
         }, {
             items: [],
-            onShow: function () {
-                var listModel = newAction.popupModel.contentComponentData.model;
-                listModel.setItems(getActions());
-                setTimeout(function () {
-                    newAction.popupModel.recalculatePosition(true);
-                }, 1);
-            },
             allowSelection: false,
             cssClass: "svc-creator-popup",
             verticalPosition: "bottom",
             horizontalPosition: "center",
             displayMode: this.isTouch ? "overlay" : "popup"
         });
+        newAction.popupModel.getTargetCallback = undefined;
+        newAction.popupModel.onVisibilityChanged.add(function (_, opt) {
+            if (opt.isVisible) {
+                var listModel = newAction.popupModel.contentComponentData.model;
+                listModel.setItems(getActions());
+            }
+        });
         return newAction;
     };
     SurveyCreatorModel.prototype.getUpdatedPageAdornerFooterActions = function (pageAdorner, actions) {
@@ -26382,7 +26493,9 @@ var settings = {
             checkbox: "allof",
             tagbox: "allof"
         },
-        visibleActions: [],
+        includeComplexQuestions: false,
+        visibleActions: new Array(),
+        invisibleTriggers: new Array(),
         logicItemTitleMaxChars: 50,
         openBracket: "{",
         closeBracket: "}",
@@ -26551,7 +26664,7 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
     EmptySurveyCreatorOptions.prototype.onGetElementEditorTitleCallback = function (obj, title) {
         return title;
     };
-    EmptySurveyCreatorOptions.prototype.startUndoRedoTransaction = function () { };
+    EmptySurveyCreatorOptions.prototype.startUndoRedoTransaction = function (name) { };
     EmptySurveyCreatorOptions.prototype.stopUndoRedoTransaction = function () { };
     EmptySurveyCreatorOptions.prototype.createSurvey = function (json, reason, model, callback, area) {
         var survey = new survey_core__WEBPACK_IMPORTED_MODULE_0__.SurveyModel(json);
@@ -27237,6 +27350,7 @@ var QuestionColorModel = /** @class */ (function (_super) {
         popupModel.displayMode = survey_core__WEBPACK_IMPORTED_MODULE_1__.IsTouch ? "overlay" : "popup";
         popupModel.setWidthByTarget = true;
         popupModel.positionMode = "fixed";
+        popupModel.getTargetCallback = undefined;
         listModel.isItemSelected = function (itemValue) { return itemValue.value == _this.value; };
         return action;
     };
@@ -28506,6 +28620,7 @@ __webpack_require__.r(__webpack_exports__);
 var ExpandCollapseManager = /** @class */ (function () {
     function ExpandCollapseManager(creator) {
         var _this = this;
+        this.creator = creator;
         this.adorners = [];
         creator.onSurfaceToolbarActionExecuted.add(function (_, options) {
             var isCollapseAction = options.action.id == "collapseAll";
@@ -28518,7 +28633,8 @@ var ExpandCollapseManager = /** @class */ (function () {
     ExpandCollapseManager.prototype.updateCollapsed = function (isCollapsed) {
         for (var i = this.adorners.length - 1; i >= 0; i--) {
             if (this.adorners[i].allowExpandCollapse) {
-                this.adorners[i].collapsed = isCollapsed;
+                var reason = isCollapsed ? "collapse-all" : "expand-all";
+                this.adorners[i].collapsed = this.creator.getElementExpandCollapseState(this.adorners[i].element, reason, isCollapsed);
             }
         }
     };
@@ -28528,6 +28644,9 @@ var ExpandCollapseManager = /** @class */ (function () {
     ExpandCollapseManager.prototype.remove = function (adorner) {
         this.adorners.splice(this.adorners.indexOf(adorner), 1);
     };
+    ExpandCollapseManager.prototype.clear = function () {
+        this.adorners.length = 0;
+    };
     return ExpandCollapseManager;
 }());
 
@@ -32606,6 +32725,7 @@ var propertyGridCss = {
         itemSelected: "spg-button-group__item--selected",
         itemDisabled: "spg-button-group__item--disabled",
         itemControl: "sv-visuallyhidden",
+        disabled: "spg-question--disabled"
     },
     imagepicker: {
         root: "spg-imagepicker",
@@ -32662,7 +32782,7 @@ var propertyGridCss = {
         detailButtonExpanded: "spg-table__cell--detail-button--expanded",
         detailIcon: "spg-detail-panel__icon",
         detailIconExpanded: "spg-detail-panel__icon--expanded",
-        detailPanelCell: "spg-table__cell--detail-panel",
+        detailPanelCell: "spg-table__cell spg-table__cell--detail-panel",
         actionsCell: "spg-table__cell spg-table__cell--actions",
         buttonAdd: "spg-matrixdynamic__add-btn spg-action-button spg-action-button--large",
         buttonRemove: "spg-matrixdynamic__remove-btn",
@@ -33620,6 +33740,9 @@ var ConditionEditor = /** @class */ (function (_super) {
             var condQuestion = _this.getConditionQuestion(questionName);
             opt.choices.forEach(function (choice, index) {
                 var isOperatorEnabled = ConditionEditor.isOperatorEnabled(qType, _creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.operators[choice.value]);
+                if (condQuestion === null || condQuestion === void 0 ? void 0 : condQuestion.isContainer) {
+                    isOperatorEnabled = choice.value === "empty" || choice.value === "notempty";
+                }
                 isOperatorEnabled = _this.options.isConditionOperatorEnabled(questionName, condQuestion, choice.value, isOperatorEnabled);
                 choice.setIsEnabled(isOperatorEnabled);
                 choice.setIsVisible(isOperatorEnabled);
@@ -33762,6 +33885,9 @@ var ConditionEditor = /** @class */ (function (_super) {
                 if (contextObject == question)
                     continue;
                 var context = contextObject ? contextObject : (!this.context || this.context === question);
+                if (_creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.logic.includeComplexQuestions && question.isContainer) {
+                    res.push(question);
+                }
                 question.addConditionObjectsByContext(res, context);
             }
         }
@@ -36084,7 +36210,7 @@ var PropertyGridEditorUndefinedBoolean = /** @class */ (function (_super) {
         return res;
     };
     PropertyGridEditorUndefinedBoolean.prototype.onCreated = function (obj, question, prop, options, propGridDefinition) {
-        question.valueFromDataCallback = function (val) { return val === undefined ? "auto" : val.toString(); };
+        question.valueFromDataCallback = function (val) { return val === undefined || val === null ? "auto" : val.toString(); };
         question.valueToDataCallback = function (val) { return val === "auto" ? undefined : val === "true"; };
     };
     PropertyGridEditorUndefinedBoolean.prototype.onSetup = function (obj, question, prop, options) {
@@ -36867,11 +36993,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _question_editor_properties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../question-editor/properties */ "./src/question-editor/properties.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _fast_entry__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fast-entry */ "./src/property-grid/fast-entry.ts");
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./index */ "./src/property-grid/index.ts");
-/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/actions */ "./src/utils/actions.ts");
-/* harmony import */ var _components_question_rating__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/question-rating */ "./src/components/question-rating.ts");
+/* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../creator-settings */ "./src/creator-settings.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _fast_entry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fast-entry */ "./src/property-grid/fast-entry.ts");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./index */ "./src/property-grid/index.ts");
+/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/actions */ "./src/utils/actions.ts");
+/* harmony import */ var _components_question_rating__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../components/question-rating */ "./src/components/question-rating.ts");
+
 
 
 
@@ -36901,7 +37029,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
                 arr.push(objs[i][keyPropName]);
             }
         }
-        return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_4__.getNextValue)(baseName, arr);
+        return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_5__.getNextValue)(baseName, arr);
     };
     PropertyGridEditorMatrix.prototype.onCreated = function (obj, question, prop, options, propGridDefinition) {
         var _this = this;
@@ -36968,7 +37096,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
             });
         }
         var showDetailAction = actions.filter(function (item) { return item.id === "show-detail"; })[0];
-        (0,_utils_actions__WEBPACK_IMPORTED_MODULE_7__.updateMatrixRemoveAction)(question, actions, row);
+        (0,_utils_actions__WEBPACK_IMPORTED_MODULE_8__.updateMatrixRemoveAction)(question, actions, row);
         if (!!showDetailAction) {
             showDetailAction.component = "sv-action-bar-item";
             showDetailAction.iconName = this.getShowDetailActionIconName(row);
@@ -36986,7 +37114,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
                 showDetailAction.ariaExpanded = row.isDetailPanelShowing;
             };
         }
-        (0,_utils_actions__WEBPACK_IMPORTED_MODULE_7__.updateMatixActionsClasses)(actions);
+        (0,_utils_actions__WEBPACK_IMPORTED_MODULE_8__.updateMatixActionsClasses)(actions);
     };
     PropertyGridEditorMatrix.prototype.getShowDetailActionIconName = function (row) {
         return row.isDetailPanelShowing ? "icon-editing-finish" : "icon-edit";
@@ -37029,7 +37157,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         }
         var arr = obj[prop.name];
         if (survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.isDescendantOf(item.getType(), "itemvalue")) {
-            item.text = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_4__.getNextItemText)(arr);
+            item.text = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_5__.getNextItemText)(arr);
         }
         arr.push(item);
         if (arr != matrix.value) {
@@ -37119,7 +37247,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         };
         var q = matrix;
         matrix.onCreateDetailPanelCallback = function (row, panel) {
-            new _index__WEBPACK_IMPORTED_MODULE_6__.PropertyJSONGenerator(row.editingObj, q.creatorOptions, q.obj, q.property, propGridDefinition).setupObjPanel(panel, true);
+            new _index__WEBPACK_IMPORTED_MODULE_7__.PropertyJSONGenerator(row.editingObj, q.creatorOptions, q.obj, q.property, propGridDefinition).setupObjPanel(panel, true);
         };
         matrix.allowRowsDragAndDrop = this.getAllowRowDragDrop(prop) && !matrix.isReadOnly;
         if (!!q.creatorOptions) {
@@ -37140,7 +37268,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         if (!newObj)
             return true;
         var panel = new survey_core__WEBPACK_IMPORTED_MODULE_1__.PanelModel("");
-        new _index__WEBPACK_IMPORTED_MODULE_6__.PropertyJSONGenerator(newObj, matrix.creatorOptions, matrix.obj, prop, propGridDefinition).setupObjPanel(panel, true);
+        new _index__WEBPACK_IMPORTED_MODULE_7__.PropertyJSONGenerator(newObj, matrix.creatorOptions, matrix.obj, prop, propGridDefinition).setupObjPanel(panel, true);
         return panel.elements.length > 0;
     };
     PropertyGridEditorMatrix.prototype.getJSON = function (obj, prop, options, propGridDefinition) {
@@ -37210,7 +37338,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         return "";
     };
     PropertyGridEditorMatrix.prototype.getColumnsJSON = function (obj, prop, propNames, options, propGridDefinition) {
-        var res = new _index__WEBPACK_IMPORTED_MODULE_6__.PropertyJSONGenerator(obj, options, undefined, undefined, propGridDefinition).createColumnsJSON(this.getClassNameByProp(prop), this.filterPropertyNames(propNames, options));
+        var res = new _index__WEBPACK_IMPORTED_MODULE_7__.PropertyJSONGenerator(obj, options, undefined, undefined, propGridDefinition).createColumnsJSON(this.getClassNameByProp(prop), this.filterPropertyNames(propNames, options));
         for (var i = 0; i < res.length; i++) {
             if (res[i].cellType == "comment") {
                 res[i].cellType = "text";
@@ -37249,7 +37377,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         matrix.allowBatchEdit = evtOptions.allowBatchEdit;
     };
     return PropertyGridEditorMatrix;
-}(_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditor));
+}(_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditor));
 
 var PropertyGridEditorMatrixItemValues = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(PropertyGridEditorMatrixItemValues, _super);
@@ -37281,7 +37409,7 @@ var PropertyGridEditorMatrixItemValues = /** @class */ (function (_super) {
     PropertyGridEditorMatrixItemValues.prototype.getAllowRowDragDrop = function (prop) { return true; };
     PropertyGridEditorMatrixItemValues.prototype.createPropertyEditorSetup = function (obj, prop, question, options) {
         var names = question.columns.filter(function (c) { return !c.readOnly; }).map(function (c) { return c.name; });
-        return new _fast_entry__WEBPACK_IMPORTED_MODULE_5__.FastEntryEditor(obj[prop.name], options, prop.className, names);
+        return new _fast_entry__WEBPACK_IMPORTED_MODULE_6__.FastEntryEditor(obj[prop.name], options, prop.className, names);
     };
     PropertyGridEditorMatrixItemValues.prototype.canClearPropertyValue = function (obj, prop, question, options) {
         return question.allowRemoveAllItems !== false;
@@ -37380,14 +37508,14 @@ var PropertyGridEditorMatrixRateValues = /** @class */ (function (_super) {
         return (prop.isArray && survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.isDescendantOf(prop.className, "itemvalue") && prop.name == "rateValues");
     };
     PropertyGridEditorMatrixRateValues.prototype.updateAllowAddRemove = function (matrixQuestion, obj) {
-        matrixQuestion.allowRemoveRows = _components_question_rating__WEBPACK_IMPORTED_MODULE_8__.QuestionRatingAdornerViewModel.allowRemoveForElement(obj);
-        matrixQuestion.allowAddRows = _components_question_rating__WEBPACK_IMPORTED_MODULE_8__.QuestionRatingAdornerViewModel.allowAddForElement(obj, matrixQuestion.maxRowCount);
+        matrixQuestion.allowRemoveRows = _components_question_rating__WEBPACK_IMPORTED_MODULE_9__.QuestionRatingAdornerViewModel.allowRemoveForElement(obj);
+        matrixQuestion.allowAddRows = _components_question_rating__WEBPACK_IMPORTED_MODULE_9__.QuestionRatingAdornerViewModel.allowAddForElement(obj, matrixQuestion.maxRowCount);
     };
     PropertyGridEditorMatrixRateValues.prototype.onCreated = function (obj, question, prop, options, propGridDefinition) {
         var _this = this;
         _super.prototype.onCreated.call(this, obj, question, prop, options, propGridDefinition);
         var matrixQuestion = question;
-        var ratingQuestion = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_4__.getQuestionFromObj)(obj);
+        var ratingQuestion = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_5__.getQuestionFromObj)(obj);
         this.updateAllowAddRemove(matrixQuestion, ratingQuestion);
         obj.onPropertyChanged.add(function (sender, options) {
             if (options.name == "rateCount" || options.name == "rateDisplayMode") {
@@ -37584,7 +37712,7 @@ var PropertyGridEditorMatrixMutlipleTextItems = /** @class */ (function (_super)
         question.columns.forEach(function (col) {
             names.push(col.name);
         });
-        return new _fast_entry__WEBPACK_IMPORTED_MODULE_5__.FastEntryEditorBase(obj[prop.name], options, prop.className, names);
+        return new _fast_entry__WEBPACK_IMPORTED_MODULE_6__.FastEntryEditorBase(obj[prop.name], options, prop.className, names);
     };
     PropertyGridEditorMatrixMutlipleTextItems.prototype.onMatrixCellCreated = function (obj, options) {
         _super.prototype.onMatrixCellCreated.call(this, obj, options);
@@ -37704,7 +37832,13 @@ var PropertyGridEditorMatrixTriggers = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     PropertyGridEditorMatrixTriggers.prototype.getAvailableTriggers = function () {
-        return survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.getChildrenClasses("surveytrigger", true).filter(function (classObj) { return classObj.name !== "visibletrigger"; });
+        var _this = this;
+        return survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.getChildrenClasses("surveytrigger", true).filter(function (classObj) { return _this.isTriggerVisible(classObj.name); });
+    };
+    PropertyGridEditorMatrixTriggers.prototype.isTriggerVisible = function (name) {
+        var postfix = "trigger";
+        var pureName = name.substring(0, name.length - postfix.length);
+        return name !== "visibletrigger" && _creator_settings__WEBPACK_IMPORTED_MODULE_4__.settings.logic.invisibleTriggers.indexOf(pureName) < 0;
     };
     PropertyGridEditorMatrixTriggers.prototype.fit = function (prop) {
         return prop.type == "triggers";
@@ -37730,17 +37864,17 @@ var PropertyGridEditorMatrixTriggers = /** @class */ (function (_super) {
     return PropertyGridEditorMatrixTriggers;
 }(PropertyGridEditorMatrixMultipleTypes));
 
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixItemValues());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixRateValues());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixColumns());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixPages());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixCalculatedValues());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixHtmlConditions());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixUrlConditions());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixMutlipleTextItems());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixValidators());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixTriggers());
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register({
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixItemValues());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixRateValues());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixColumns());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixPages());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixCalculatedValues());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixHtmlConditions());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixUrlConditions());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixMutlipleTextItems());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixValidators());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixTriggers());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register({
     fit: function (prop) {
         if (prop.name === "icon") {
             return prop.classInfo.name === "itemvalue";
@@ -37753,7 +37887,7 @@ _index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register({
         };
     }
 });
-_index__WEBPACK_IMPORTED_MODULE_6__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixLayoutColumns());
+_index__WEBPACK_IMPORTED_MODULE_7__.PropertyGridEditorCollection.register(new PropertyGridEditorMatrixLayoutColumns());
 
 
 /***/ }),
@@ -38099,6 +38233,7 @@ var PropertyGridViewModel = /** @class */ (function (_super) {
         });
         this.selectorPopupModel.cssClass += " svc-object-selector";
         this.selectorPopupModel.displayMode = this.creator.isTouch ? "overlay" : "popup";
+        this.selectorPopupModel.getTargetCallback = survey_core__WEBPACK_IMPORTED_MODULE_1__.getActionDropdownButtonTarget;
         this.selectorPopupModel.registerPropertyChangedHandlers(["isVisible"], function () {
             if (!_this.selectorPopupModel.isVisible) {
                 _this.objectSelectionAction.pressed = false;
@@ -38535,7 +38670,10 @@ var DefaultValueEditor = /** @class */ (function (_super) {
         _this.editQuestion = editQuestion;
         _this.propertyName = propertyName;
         _this.setupSurvey();
-        _this.question.value = _this.getQuestionValue();
+        var oldValue = _this.getQuestionValue();
+        if (oldValue !== undefined) {
+            _this.question.value = oldValue;
+        }
         return _this;
     }
     Object.defineProperty(DefaultValueEditor.prototype, "question", {
@@ -41611,6 +41749,7 @@ var TabbedMenuContainer = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.creator = creator;
         _this.dotsItem.popupModel.horizontalPosition = "center";
+        _this.dotsItem.popupModel.cssClass += " svc-tabbed-menu-item__popup svc-creator-popup";
         _this.minVisibleItemsCount = 1;
         return _this;
     }
@@ -42269,6 +42408,7 @@ var QuestionToolboxItem = /** @class */ (function (_super) {
         if (!items || items.length < 1)
             return;
         this.setSubItems({ items: items });
+        this.popupModel.getAreaCallback = this.getArea;
         this.component = QuestionToolbox.defaultItemGroupComponent;
     };
     /**
@@ -42521,7 +42661,7 @@ var QuestionToolbox = /** @class */ (function (_super) {
                 _this.dragOrClickHelper.onPointerDown(pointerDownEvent, item);
             }
         };
-        this.dotsItem.popupModel.cssClass = "svc-toolbox-popup";
+        this.dotsItem.popupModel.cssClass += " svc-toolbox-popup svc-creator-popup";
     };
     QuestionToolbox.prototype.getDefaultQuestionCategories = function () {
         var _this = this;
@@ -45230,7 +45370,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_93___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_93__);
 var Version;
-Version = "".concat("1.12.10");
+Version = "".concat("1.12.11");
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -45348,7 +45488,7 @@ __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 __webpack_require__(/*! ../custom-questions/boolean-switch.scss */ "./src/custom-questions/boolean-switch.scss");
 
 survey_core__WEBPACK_IMPORTED_MODULE_93__.settings.supportCreatorV2 = true;
-(0,survey_core__WEBPACK_IMPORTED_MODULE_93__.checkLibraryVersion)("".concat("1.12.10"), "survey-creator-core");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_93__.checkLibraryVersion)("".concat("1.12.11"), "survey-creator-core");
 
 })();