survey-creator-core 1.12.13 → 1.12.14

package/survey-creator-core.i18n.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.12.13
+ * SurveyJS Creator v1.12.14
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/survey-creator-core.i18n.min.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.12.13
+ * SurveyJS Creator v1.12.14
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.12.13
+ * SurveyJS Creator v1.12.14
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2611,6 +2611,26 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images-v1/zoomin-24x24.svg":
+/*!****************************************!*\
+  !*** ./src/images-v1/zoomin-24x24.svg ***!
+  \****************************************/
+/***/ ((module) => {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M22.71 21.29L17.03 15.61C18.26 14.07 19 12.12 19 10C19 5.04 14.96 1 10 1C5.04 1 1 5.04 1 10C1 14.96 5.04 19 10 19C12.12 19 14.07 18.26 15.61 17.03L21.29 22.71L22.7 21.3L22.71 21.29ZM3 10C3 6.14 6.14 3 10 3C13.86 3 17 6.14 17 10C17 13.86 13.86 17 10 17C6.14 17 3 13.86 3 10ZM11 9H14V11H11V14H9V11H6V9H9V6H11V9Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images-v1/zoomout-24x24.svg":
+/*!*****************************************!*\
+  !*** ./src/images-v1/zoomout-24x24.svg ***!
+  \*****************************************/
+/***/ ((module) => {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M22.71 21.29L17.03 15.61C18.26 14.07 19 12.12 19 10C19 5.04 14.96 1 10 1C5.04 1 1 5.04 1 10C1 14.96 5.04 19 10 19C12.12 19 14.07 18.26 15.61 17.03L21.29 22.71L22.7 21.3L22.71 21.29ZM3 10C3 6.14 6.14 3 10 3C13.86 3 17 6.14 17 10C17 13.86 13.86 17 10 17C6.14 17 3 13.86 3 10ZM6 9H14V11H6V9Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images-v2/add-16x16.svg":
 /*!*************************************!*\
   !*** ./src/images-v2/add-16x16.svg ***!
@@ -4611,6 +4631,26 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images-v2/zoomin-24x24.svg":
+/*!****************************************!*\
+  !*** ./src/images-v2/zoomin-24x24.svg ***!
+  \****************************************/
+/***/ ((module) => {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M21.53 20.47L15.98 14.92C17.08 13.58 17.75 11.87 17.75 10C17.75 5.73 14.27 2.25 10 2.25C5.73 2.25 2.25 5.73 2.25 10C2.25 14.27 5.73 17.75 10 17.75C11.87 17.75 13.58 17.09 14.92 15.98L20.47 21.53C20.62 21.68 20.81 21.75 21 21.75C21.19 21.75 21.38 21.68 21.53 21.53C21.82 21.24 21.82 20.76 21.53 20.47ZM3.75 10C3.75 6.55 6.55 3.75 10 3.75C13.45 3.75 16.25 6.55 16.25 10C16.25 13.45 13.45 16.25 10 16.25C6.55 16.25 3.75 13.45 3.75 10ZM13.75 10C13.75 10.41 13.41 10.75 13 10.75H10.75V13C10.75 13.41 10.41 13.75 10 13.75C9.59 13.75 9.25 13.41 9.25 13V10.75H7C6.59 10.75 6.25 10.41 6.25 10C6.25 9.59 6.59 9.25 7 9.25H9.25V7C9.25 6.59 9.59 6.25 10 6.25C10.41 6.25 10.75 6.59 10.75 7V9.25H13C13.41 9.25 13.75 9.59 13.75 10Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images-v2/zoomout-24x24.svg":
+/*!*****************************************!*\
+  !*** ./src/images-v2/zoomout-24x24.svg ***!
+  \*****************************************/
+/***/ ((module) => {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M21.53 20.47L15.98 14.92C17.08 13.58 17.75 11.87 17.75 10C17.75 5.73 14.27 2.25 10 2.25C5.73 2.25 2.25 5.73 2.25 10C2.25 14.27 5.73 17.75 10 17.75C11.87 17.75 13.58 17.09 14.92 15.98L20.47 21.53C20.62 21.68 20.81 21.75 21 21.75C21.19 21.75 21.38 21.68 21.53 21.53C21.82 21.24 21.82 20.76 21.53 20.47ZM10 16.25C6.55 16.25 3.75 13.45 3.75 10C3.75 6.55 6.55 3.75 10 3.75C13.45 3.75 16.25 6.55 16.25 10C16.25 13.45 13.45 16.25 10 16.25ZM13.75 10C13.75 10.41 13.41 10.75 13 10.75H7C6.59 10.75 6.25 10.41 6.25 10C6.25 9.59 6.59 9.25 7 9.25H13C13.41 9.25 13.75 9.59 13.75 10Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/components/action-container-view-model.ts":
 /*!*******************************************************!*\
   !*** ./src/components/action-container-view-model.ts ***!
@@ -8801,6 +8841,15 @@ var SidebarModel = /** @class */ (function (_super) {
     SidebarModel.prototype.getCurrentHandles = function () {
         return this.creator.sidebarLocation == "right" ? "w" : "e";
     };
+    Object.defineProperty(SidebarModel.prototype, "activePage", {
+        get: function () { return this.getPropertyValue("activePage"); },
+        set: function (val) {
+            this.setPropertyValue("activePage", val);
+            this.setActivePage(this.pages.filter(function (page) { return page.id === val; })[0]);
+        },
+        enumerable: false,
+        configurable: true
+    });
     SidebarModel.prototype.getActivePage = function () {
         return this._activePage;
     };
@@ -8886,13 +8935,6 @@ var SidebarModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: false })
     ], SidebarModel.prototype, "flyoutMode", void 0);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({
-            onSet: function (val, target) {
-                target.setActivePage(target.pages.filter(function (page) { return page.id === val; })[0]);
-            }
-        })
-    ], SidebarModel.prototype, "activePage", void 0);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], SidebarModel.prototype, "hideSideBarVisibilityControlActions", void 0);
@@ -10751,6 +10793,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../survey-helper */ "./src/survey-helper.ts");
 /* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../survey-elements */ "./src/survey-elements.ts");
 /* harmony import */ var _action_container_view_model__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../action-container-view-model */ "./src/components/action-container-view-model.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../designTabSurveyThemeJSON */ "./src/designTabSurveyThemeJSON.ts");
+
+
 
 
 
@@ -10764,6 +10810,20 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabDesignerViewModel, _super);
     function TabDesignerViewModel(creator) {
         var _this = _super.call(this) || this;
+        _this.minSurfaceScaling = 20;
+        _this.maxSurfaceScaling = 200;
+        _this.scaleCssVariables = {};
+        _this.surfaceScale = 100;
+        _this.unitDictionary = {
+            "--ctr-surface-base-unit": 8,
+            "--lbr-font-unit": 8,
+            "--lbr-line-height-unit": 8,
+            "--lbr-size-unit": 8,
+            "--lbr-spacing-unit": 8,
+            "--lbr-corner-radius-unit": 8,
+            "--lbr-stroke-unit": 1,
+        };
+        _this.surveyThemeVariables = {};
         _this._pages = [];
         _this.pagesAnimation = new survey_core__WEBPACK_IMPORTED_MODULE_1__.AnimationGroup(_this.getPagesAnimationOptions(), function (val) {
             _this._pages = val;
@@ -10771,8 +10831,14 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
         }, function () { return _this._pages; });
         _this.creator = creator;
         _this.pagesControllerValue = new _pages_controller__WEBPACK_IMPORTED_MODULE_3__.PagesController(creator);
-        _this.initToolbar();
+        _this.creator.dragDropChoices.onShortcutCreated = function (shortcut) {
+            Object.keys(_this.surveyThemeVariables).forEach(function (key) {
+                shortcut.style.setProperty(key, _this.surveyThemeVariables[key]);
+            });
+        };
+        _this.initSurfaceToolbar();
         _this.initSurvey();
+        _this.updateDesignTabSurveyThemeVariables();
         return _this;
     }
     Object.defineProperty(TabDesignerViewModel.prototype, "displayPageDropTarget", {
@@ -10828,7 +10894,15 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     TabDesignerViewModel.prototype.isModifiedPage = function (page) {
         return Object.keys(page.toJSON()).filter(function (key) { return key !== "name"; }).length > 0;
     };
-    TabDesignerViewModel.prototype.initToolbar = function () {
+    TabDesignerViewModel.prototype.updateDesignTabSurveyThemeVariables = function () {
+        var cssVariables = {};
+        (0,_utils_utils__WEBPACK_IMPORTED_MODULE_7__.assign)(cssVariables, _designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_8__["default"].cssVariables, this.scaleCssVariables, {
+            "--sjs-base-unit": "var(--ctr-surface-base-unit)",
+            "--sjs-font-size": "calc(2 * var(--ctr-surface-base-unit))",
+        });
+        this.surveyThemeVariables = cssVariables;
+    };
+    TabDesignerViewModel.prototype.initSurfaceToolbar = function () {
         var _this = this;
         this.surfaceToolbar = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ActionContainer();
         var defaultActionBarCss = {
@@ -10844,28 +10918,63 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
             itemTitleWithIcon: "",
         };
         this.surfaceToolbar.cssClasses = defaultActionBarCss;
-        this.surfaceToolbar.setItems([{
-                id: "collapseAll",
-                locTooltipName: "ed.collapseAllTooltip",
-                iconName: "icon-collapseall-24x24",
-                iconSize: "auto",
-                action: function () { return _this.creator.expandCollapseManager.expandCollapseElements("collapse-all", true); }
-            }, {
-                id: "expandAll",
-                locTooltipName: "ed.expandAllTooltip",
-                iconName: "icon-expandall-24x24",
+        var surfaceToolbarItems = [];
+        if (this.creator.showCreatorThemeSettings) {
+            surfaceToolbarItems.push({
+                id: "zoomIn",
+                locTooltipName: "ed.zoomInTooltip",
+                iconName: "icon-zoomin-24x24",
                 iconSize: "auto",
-                action: function () { return _this.creator.expandCollapseManager.expandCollapseElements("expand-all", false); }
-            }, {
-                id: "lockQuestions",
-                locTooltipName: "ed.lockQuestionsTooltip",
-                iconName: "icon-questionlock-24x24",
+                action: function () { _this.scalingSurface(_this.surfaceScale + 10); }
+            });
+            surfaceToolbarItems.push({
+                id: "zoomOut",
+                locTooltipName: "ed.zoomOutTooltip",
+                iconName: "icon-zoomout-24x24",
                 iconSize: "auto",
-                action: function (action) {
-                    action.active = !action.active;
-                    _this.creator.expandCollapseManager.lockQuestions(action.active);
-                }
-            }]);
+                action: function () { _this.scalingSurface(_this.surfaceScale - 10); }
+            });
+        }
+        surfaceToolbarItems.push({
+            id: "collapseAll",
+            locTooltipName: "ed.collapseAllTooltip",
+            iconName: "icon-collapseall-24x24",
+            iconSize: "auto",
+            needSeparator: this.creator.showCreatorThemeSettings,
+            visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.creator.expandCollapseButtonVisibility != "never"; }),
+            action: function () { return _this.creator.expandCollapseManager.expandCollapseElements("collapse-all", true); }
+        });
+        surfaceToolbarItems.push({
+            id: "expandAll",
+            locTooltipName: "ed.expandAllTooltip",
+            iconName: "icon-expandall-24x24",
+            iconSize: "auto",
+            visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.creator.expandCollapseButtonVisibility != "never"; }),
+            action: function () { return _this.creator.expandCollapseManager.expandCollapseElements("expand-all", false); }
+        });
+        surfaceToolbarItems.push({
+            id: "lockQuestions",
+            locTooltipName: "ed.lockQuestionsTooltip",
+            iconName: "icon-questionlock-24x24",
+            iconSize: "auto",
+            visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.creator.expandCollapseButtonVisibility != "never"; }),
+            action: function (action) {
+                action.active = !action.active;
+                _this.creator.expandCollapseManager.lockQuestions(action.active);
+            }
+        });
+        this.surfaceToolbar.setItems(surfaceToolbarItems);
+    };
+    TabDesignerViewModel.prototype.scalingSurface = function (scaleFactor) {
+        var _this = this;
+        if (scaleFactor <= this.minSurfaceScaling || scaleFactor >= this.maxSurfaceScaling)
+            return;
+        this.surfaceScale = scaleFactor;
+        this.creator.setDesignerSurveyScale(scaleFactor);
+        Object.keys(this.unitDictionary).forEach(function (key) {
+            _this.scaleCssVariables[key] = (_this.unitDictionary[key] * scaleFactor / 100) + "px";
+        });
+        this.updateDesignTabSurveyThemeVariables();
     };
     Object.defineProperty(TabDesignerViewModel.prototype, "survey", {
         get: function () {
@@ -10917,7 +11026,7 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(TabDesignerViewModel.prototype, "hasToolbar", {
         get: function () {
-            return this.creator.expandCollapseButtonVisibility != "never";
+            return this.creator.expandCollapseButtonVisibility != "never" || this.creator.showCreatorThemeSettings;
         },
         enumerable: false,
         configurable: true
@@ -11087,6 +11196,9 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], TabDesignerViewModel.prototype, "showPlaceholder", void 0);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: {} })
+    ], TabDesignerViewModel.prototype, "surveyThemeVariables", void 0);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.propertyArray)()
     ], TabDesignerViewModel.prototype, "_pages", void 0);
@@ -16159,7 +16271,6 @@ var PreviewViewModel = /** @class */ (function (_super) {
             if (!page.isVisible) {
                 pageItem.css = "svc-page-invisible";
                 pageItem.markerIconName = "icon-invisible-items";
-                pageItem.markerIconSize = 24;
             }
             pages.push(pageItem);
         }
@@ -22975,8 +23086,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         _this.initSurveyWithJSON(undefined, false);
         _this.toolbox = new _toolbox__WEBPACK_IMPORTED_MODULE_7__.QuestionToolbox(_this.options && _this.options.questionTypes ? _this.options.questionTypes : null, _this, true);
         _this.updateToolboxIsCompact();
-        _this.initTabs();
         _this.initDragDrop();
+        _this.initTabs();
         _this.syncSaveButtons = _this.options.saveSurveyAndTheme !== undefined ? _this.options.saveSurveyAndTheme : _this.options.syncSaveButtons;
         _this.isTouch = survey_core__WEBPACK_IMPORTED_MODULE_1__.IsTouch;
         var expandAction = _this.sidebar.getExpandAction();
@@ -24248,11 +24359,6 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             _this.stopUndoRedoTransaction();
             _this.selectElement(options.draggedElement, undefined, false);
         });
-        this.dragDropChoices.onShortcutCreated = function (shortcut) {
-            Object.keys(_this.designTabSurveyThemeVariables).forEach(function (key) {
-                shortcut.style.setProperty(key, _this.designTabSurveyThemeVariables[key]);
-            });
-        };
     };
     SurveyCreatorModel.prototype.updateElementsOnLocaleChanged = function (obj, propertyName) {
         if (obj.getType() !== "survey" || propertyName !== "locale")
@@ -24489,18 +24595,6 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SurveyCreatorModel.prototype, "designTabSurveyThemeVariables", {
-        get: function () {
-            var cssVariables = {};
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.assign)(cssVariables, _designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_26__["default"].cssVariables, {
-                "--sjs-base-unit": "var(--ctr-surface-base-unit)",
-                "--sjs-font-size": "calc(2 * var(--ctr-surface-base-unit))",
-            });
-            return cssVariables;
-        },
-        enumerable: false,
-        configurable: true
-    });
     SurveyCreatorModel.prototype.getSurveyJSON = function () {
         if (this.viewType != "editor") {
             return new survey_core__WEBPACK_IMPORTED_MODULE_1__.JsonObject().toJsonObject(this.survey);
@@ -26040,6 +26134,13 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             this.responsivityManager = undefined;
         }
     };
+    SurveyCreatorModel.prototype.setDesignerSurveyScale = function (scale) {
+        var _a;
+        if (scale <= 0)
+            return;
+        (_a = this.responsivityManager) === null || _a === void 0 ? void 0 : _a.updateSurveyActualWidth();
+        this.survey.widthScale = scale;
+    };
     Object.defineProperty(SurveyCreatorModel.prototype, "showPageNavigator", {
         get: function () {
             return this.showPageNavigatorValue && this.allowShowPageNavigator;
@@ -26574,6 +26675,7 @@ var CreatorResponsivityManager = /** @class */ (function () {
             this.creator.sidebar.blockAnimations();
             this.creator.toolbox.blockAnimations();
         }
+        this.updateSurveyActualWidth();
         this.currentWidth = this.getScreenWidth();
         if (this.currentWidth === "xl" || this.currentWidth === "xxl") {
             this._process(false, true, false);
@@ -26598,6 +26700,15 @@ var CreatorResponsivityManager = /** @class */ (function () {
             this.creator.toolbox.releaseAnimations();
         }
     };
+    CreatorResponsivityManager.prototype.updateSurveyActualWidth = function () {
+        var _a;
+        if (!!this.container && !!this.container.querySelector) {
+            var surveyContainer = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector(".svc-tab-designer_content > div");
+            if (!!surveyContainer) {
+                this.creator.survey.setResponsiveStartWidth(surveyContainer.offsetWidth);
+            }
+        }
+    };
     CreatorResponsivityManager.prototype.dispose = function () {
         this.creator.allowShowToolbox = true;
         this.creator.allowShowPageNavigator = true;
@@ -26915,7 +27026,6 @@ var creatorThemeModelProperties = {
             { name: "--sjs-secondary-background-500", index: 20, tab: "accentColors" },
             { name: "fontScale", index: 40, tab: "scaling" },
             { name: "scale", index: 50, tab: "scaling" },
-            { name: "surfaceScale", index: 60, tab: "scaling" },
         ],
         tabs: [
             { name: "accentColors", "parent": "general", index: 20 },
@@ -26982,19 +27092,12 @@ var CreatorThemeModel = /** @class */ (function (_super) {
         _this.secondaryColorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_3__.ColorCalculator();
         _this.backgroundColorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_3__.ColorCalculator();
         _this.unitDictionary = {
-            "--ctr-surface-base-unit": 8,
             "--ctr-font-unit": 8,
             "--ctr-line-height-unit": 8,
             "--ctr-size-unit": 8,
             "--ctr-spacing-unit": 8,
             "--ctr-corner-radius-unit": 8,
             "--ctr-stroke-unit": 1,
-            "--lbr-font-unit": 8,
-            "--lbr-line-height-unit": 8,
-            "--lbr-size-unit": 8,
-            "--lbr-spacing-unit": 8,
-            "--lbr-corner-radius-unit": 8,
-            "--lbr-stroke-unit": 1,
         };
         _this.themeName = CreatorThemeModel.defautlThemeName;
         _this.isLight = true;
@@ -27103,7 +27206,7 @@ var CreatorThemeModel = /** @class */ (function (_super) {
         else if (name.indexOf("--") === 0) {
             this.setThemeCssVariablesChanges(name, newValue);
         }
-        else if (name == "fontScale" || name == "scale" || name == "surfaceScale") {
+        else if (name == "fontScale" || name == "scale") {
             this.scalePropertiesChanged(name, newValue);
         }
     };
@@ -27117,15 +27220,6 @@ var CreatorThemeModel = /** @class */ (function (_super) {
             this.scalingProperties("--ctr-spacing-unit", newValue);
             this.scalingProperties("--ctr-corner-radius-unit", newValue);
         }
-        else if (propertyName == "surfaceScale") {
-            this.scalingProperties("--ctr-surface-base-unit", newValue);
-            this.scalingProperties("--lbr-font-unit", newValue);
-            this.scalingProperties("--lbr-line-height-unit", newValue);
-            this.scalingProperties("--lbr-size-unit", newValue);
-            this.scalingProperties("--lbr-spacing-unit", newValue);
-            this.scalingProperties("--lbr-corner-radius-unit", newValue);
-            this.scalingProperties("--lbr-stroke-unit", newValue);
-        }
     };
     CreatorThemeModel.prototype.scalingProperties = function (cssName, newValue) {
         var baseUnit = this.unitDictionary[cssName];
@@ -27145,15 +27239,6 @@ var CreatorThemeModel = /** @class */ (function (_super) {
             this.scaleValue("--ctr-spacing-unit", this.scale);
             this.scaleValue("--ctr-corner-radius-unit", this.scale);
         }
-        if (this.surfaceScale !== undefined) {
-            this.scaleValue("--ctr-surface-base-unit", this.surfaceScale);
-            this.scaleValue("--lbr-font-unit", this.surfaceScale);
-            this.scaleValue("--lbr-line-height-unit", this.surfaceScale);
-            this.scaleValue("--lbr-size-unit", this.surfaceScale);
-            this.scaleValue("--lbr-spacing-unit", this.surfaceScale);
-            this.scaleValue("--lbr-corner-radius-unit", this.surfaceScale);
-            this.scaleValue("--lbr-stroke-unit", this.surfaceScale);
-        }
     };
     CreatorThemeModel.prototype.getScaleFactor = function (cssName) {
         return !!this[cssName] ? (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.roundTo2Decimals)(parseFloat(this[cssName]) * 100 / this.unitDictionary[cssName]) : undefined;
@@ -27163,7 +27248,6 @@ var CreatorThemeModel = /** @class */ (function (_super) {
         try {
             this.fontScale = this.getScaleFactor("--ctr-font-unit");
             this.scale = this.getScaleFactor("--ctr-size-unit");
-            this.surfaceScale = this.getScaleFactor("--ctr-surface-base-unit");
         }
         finally {
             this.blockThemeChangedNotifications -= 1;
@@ -27242,9 +27326,6 @@ var CreatorThemeModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], CreatorThemeModel.prototype, "fontScale", void 0);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)()
-    ], CreatorThemeModel.prototype, "surfaceScale", void 0);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], CreatorThemeModel.prototype, "isLight", void 0);
@@ -27375,28 +27456,6 @@ survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.addProperties("creatortheme"
                 editor.descriptionLocation = "hidden";
             }
         }
-    }, {
-        name: "--ctr-surface-base-unit",
-        default: "8px",
-        visible: false,
-    }, {
-        type: "spinedit",
-        name: "surfaceScale",
-        isSerializable: false,
-        default: 100,
-        enableIf: function (obj) {
-            return !obj || obj.themeName !== CreatorThemeModel.defautlThemeName;
-        },
-        onPropertyEditorUpdate: function (obj, editor) {
-            if (!!editor) {
-                editor.unit = "%";
-                editor.min = 0;
-                editor.step = 5;
-                editor.title = (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_2__.getLocString)("creatortheme.surfaceScale");
-                editor.titleLocation = "left";
-                editor.descriptionLocation = "hidden";
-            }
-        }
     }, {
         name: "isLight:boolean",
         visible: false,
@@ -30054,6 +30113,8 @@ var enStrings = {
         redoTooltip: "Redo the change",
         expandAllTooltip: "Expand All",
         collapseAllTooltip: "Collapse All",
+        zoomInTooltip: "Zoom In",
+        zoomOutTooltip: "Zoom Out",
         lockQuestionsTooltip: "Lock expand/collapse state for questions",
         showMoreChoices: "Show more",
         showLessChoices: "Show less",
@@ -33031,6 +33092,7 @@ var propertyGridCss = {
         popup: "spg-dropdown-popup svc-creator-popup",
         small: "spg-row__question--small sd-row__question--small",
         control: "spg-input spg-dropdown sd-input sd-dropdown",
+        controlEmpty: "spg-dropdown--empty sd-dropdown--empty",
         controlValue: "sd-dropdown__value spg-dropdown__value",
         filterStringInput: "sd-dropdown__filter-string-input spg-dropdown__filter-string-input",
         other: "spg-comment spg-question__other",
@@ -37436,6 +37498,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         if (!!showDetailAction) {
             showDetailAction.component = "sv-action-bar-item";
             showDetailAction.iconName = this.getShowDetailActionIconName(row);
+            showDetailAction.iconSize = "auto";
             showDetailAction.showTitle = false;
             showDetailAction.location = "end";
             showDetailAction.ariaExpanded = row.isDetailPanelShowing;
@@ -37464,6 +37527,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         options.titleActions.push({
             id: "add-item",
             iconName: "icon-add",
+            iconSize: "auto",
             title: question.addRowText,
             showTitle: false,
             action: function () { return _this.addItem(creator, obj, question); },
@@ -38840,7 +38904,7 @@ var SearchManagerPropertyGrid = /** @class */ (function (_super) {
             component: "sv-action-bar-item",
             title: (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_2__.getLocString)("ed.nextFocus"),
             showTitle: false,
-            iconSize: 16,
+            iconSize: "auto",
             innerCss: "svc-search__bar-item",
             visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.allMatches.length > 1; }),
             action: function () {
@@ -38855,7 +38919,7 @@ var SearchManagerPropertyGrid = /** @class */ (function (_super) {
             component: "sv-action-bar-item",
             title: (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_2__.getLocString)("ed.prevFocus"),
             showTitle: false,
-            iconSize: 16,
+            iconSize: "auto",
             innerCss: "svc-search__bar-item",
             visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__.ComputedUpdater(function () { return _this.allMatches.length > 1; }),
             action: function () {
@@ -42978,6 +43042,9 @@ var QuestionToolbox = /** @class */ (function (_super) {
     };
     QuestionToolbox.prototype.getAnimationOptions = function () {
         var _this = this;
+        var onBeforeRunAnimation = function (el) {
+            el.style.setProperty("--animation-width", getComputedStyle(el).width);
+        };
         return {
             getAnimatedElement: function () {
                 var _a;
@@ -42988,12 +43055,14 @@ var QuestionToolbox = /** @class */ (function (_super) {
             getLeaveOptions: function () {
                 return {
                     cssClass: "svc-toolbox__panel--leave",
-                    onAfterRunAnimation: function () { _this.isFlyoutToCompactRunning = false; }
+                    onAfterRunAnimation: function () { _this.isFlyoutToCompactRunning = false; },
+                    onBeforeRunAnimation: onBeforeRunAnimation
                 };
             },
             getEnterOptions: function () {
                 return {
-                    cssClass: "svc-toolbox__panel--enter"
+                    cssClass: "svc-toolbox__panel--enter",
+                    onBeforeRunAnimation: onBeforeRunAnimation
                 };
             }
         };
@@ -44040,7 +44109,7 @@ function updateMatrixLogicExpandAction(question, actions, row) {
     action.component = "sv-action-bar-item";
     action.iconName = "icon-logic-expand";
     action.innerCss = "sl-table__action-button sl-table__detail-button";
-    action.iconSize = 24;
+    action.iconSize = "auto";
     action.showTitle = false;
     action.action = function () {
         row.showHideDetailPanelClick();
@@ -44054,6 +44123,7 @@ function updateMatrixLogicRemoveAction(question, actions, row) {
     var action = findAction(actions, "remove-row");
     if (!action)
         return;
+    action.iconSize = "auto";
     action.css = "sl-table__action-button sl-table__remove-button";
 }
 function updateMatrixRemoveAction(question, actions, row) {
@@ -44062,6 +44132,7 @@ function updateMatrixRemoveAction(question, actions, row) {
         return;
     action.component = "sv-action-bar-item";
     action.iconName = "icon-delete";
+    action.iconSize = "auto";
     action.innerCss = "spg-action-button spg-action-button--danger";
     action.title = question.removeRowText;
     action.showTitle = false;
@@ -44985,7 +45056,9 @@ var map = {
 	"./visible-24x24.svg": "./src/images-v1/visible-24x24.svg",
 	"./wand-24x24.svg": "./src/images-v1/wand-24x24.svg",
 	"./warning-24x24.svg": "./src/images-v1/warning-24x24.svg",
-	"./wrench-24x24.svg": "./src/images-v1/wrench-24x24.svg"
+	"./wrench-24x24.svg": "./src/images-v1/wrench-24x24.svg",
+	"./zoomin-24x24.svg": "./src/images-v1/zoomin-24x24.svg",
+	"./zoomout-24x24.svg": "./src/images-v1/zoomout-24x24.svg"
 };
 
 
@@ -45216,7 +45289,9 @@ var map = {
 	"./visible-24x24.svg": "./src/images-v2/visible-24x24.svg",
 	"./wand-24x24.svg": "./src/images-v2/wand-24x24.svg",
 	"./warning-24x24.svg": "./src/images-v2/warning-24x24.svg",
-	"./wrench-24x24.svg": "./src/images-v2/wrench-24x24.svg"
+	"./wrench-24x24.svg": "./src/images-v2/wrench-24x24.svg",
+	"./zoomin-24x24.svg": "./src/images-v2/zoomin-24x24.svg",
+	"./zoomout-24x24.svg": "./src/images-v2/zoomout-24x24.svg"
 };
 
 
@@ -45714,7 +45789,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_94___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_94__);
 var Version;
-Version = "".concat("1.12.13");
+Version = "".concat("1.12.14");
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -45834,7 +45909,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_94__.settings.supportCreatorV2 = true;
-(0,survey_core__WEBPACK_IMPORTED_MODULE_94__.checkLibraryVersion)("".concat("1.12.13"), "survey-creator-core");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_94__.checkLibraryVersion)("".concat("1.12.14"), "survey-creator-core");
 
 })();