survey-core 2.0.0-rc.3 → 2.0.0-rc.4

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.3
+ * surveyjs - Survey JavaScript library v2.0.0-rc.4
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1186,11 +1186,11 @@ var Version;
 var ReleaseDate;
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-Version = "".concat("2.0.0-rc.3");
+Version = "".concat("2.0.0-rc.4");
 _src_settings__WEBPACK_IMPORTED_MODULE_1__.settings.version = Version;
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-ReleaseDate = "".concat("2025-02-11");
+ReleaseDate = "".concat("2025-02-13");
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -2564,6 +2564,11 @@ var Bindings = /** @class */ (function () {
     Bindings.prototype.getType = function () {
         return "bindings";
     };
+    Object.defineProperty(Bindings.prototype, "isSurveyObj", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     Bindings.prototype.getNames = function () {
         var res = [];
         this.fillProperties();
@@ -2780,7 +2785,6 @@ var Base = /** @class */ (function () {
         this.supportOnElementRerenderedEvent = true;
         this.onElementRerenderedEventEnabled = false;
         this._onElementRerendered = new EventBase();
-        this.bindingsValue = new Bindings(this);
         _jsonobject__WEBPACK_IMPORTED_MODULE_2__.CustomPropertiesCollection.createProperties(this);
         this.onBaseCreating();
         this.isCreating = false;
@@ -2882,6 +2886,11 @@ var Base = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Base.prototype, "isSurveyObj", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     Base.prototype.addEvent = function () {
         var res = new EventBase();
         this.eventList.push(res);
@@ -2933,13 +2942,21 @@ var Base = /** @class */ (function () {
     });
     Object.defineProperty(Base.prototype, "bindings", {
         get: function () {
+            if (!this.bindingsValue) {
+                this.bindingsValue = new Bindings(this);
+            }
             return this.bindingsValue;
         },
         enumerable: false,
         configurable: true
     });
+    Base.prototype.isBindingEmpty = function () {
+        return !this.bindingsValue || this.bindingsValue.isEmpty();
+    };
     Base.prototype.checkBindings = function (valueName, value) { };
     Base.prototype.updateBindings = function (propertyName, value) {
+        if (!this.bindingsValue)
+            return;
         var valueName = this.bindings.getValueNameByPropertyName(propertyName);
         if (!!valueName) {
             this.updateBindingValue(valueName, value);
@@ -3455,6 +3472,11 @@ var Base = /** @class */ (function () {
         locStr.disableLocalization = prop && prop.isLocalizable === false;
         return locStr;
     };
+    Base.prototype.removeLocalizableString = function (name) {
+        if (this.localizableStrings) {
+            delete this.localizableStrings[name];
+        }
+    };
     Base.prototype.getLocalizableString = function (name) {
         return !!this.localizableStrings ? this.localizableStrings[name] : null;
     };
@@ -3488,7 +3510,7 @@ var Base = /** @class */ (function () {
         if (!!this.arraysInfo) {
             for (var key in this.arraysInfo) {
                 var prop = this.getPropertyByName(key);
-                if (!prop || !prop.isSerializable)
+                if (!prop || !prop.isPropertySerializable(this))
                     continue;
                 var items = this.getPropertyValue(key);
                 if (!items || !items.length)
@@ -14934,20 +14956,6 @@ var ItemValue = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.typeName = typeName;
         _this.ownerPropertyName = "";
-        _this.locTextValue = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__.LocalizableString(_this, true, "text");
-        _this.locTextValue.onStrChanged = function (oldValue, newValue) {
-            if (newValue == _this.value) {
-                newValue = undefined;
-            }
-            _this.propertyValueChanged("text", oldValue, newValue);
-        };
-        _this.locTextValue.onGetTextCallback = function (txt) {
-            return txt
-                ? txt
-                : !_helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isValueEmpty(_this.value)
-                    ? _this.value.toString()
-                    : null;
-        };
         if (text)
             _this.locText.text = text;
         if (!!value && typeof value === "object") {
@@ -15022,7 +15030,7 @@ var ItemValue = /** @class */ (function (_super) {
     };
     ItemValue.getTextOrHtmlByValue = function (items, val) {
         var item = ItemValue.getItemByValue(items, val);
-        return item !== null ? item.locText.textOrHtml : "";
+        return item !== null ? item.textOrHtml : "";
     };
     ItemValue.locStrsChanged = function (items) {
         for (var i = 0; i < items.length; i++) {
@@ -15111,8 +15119,26 @@ var ItemValue = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    ItemValue.prototype.createLocText = function () {
+        var _this = this;
+        var res = new _localizablestring__WEBPACK_IMPORTED_MODULE_0__.LocalizableString(this, true, "text");
+        res.onStrChanged = function (oldValue, newValue) {
+            _this.propertyValueChanged("text", oldValue, newValue);
+        };
+        res.onGetTextCallback = function (txt) {
+            return txt || _this.getValueText();
+        };
+        return res;
+    };
+    ItemValue.prototype.getValueText = function () {
+        var val = this.value;
+        return !_helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isValueEmpty(val) ? val.toString() : null;
+    };
     Object.defineProperty(ItemValue.prototype, "locText", {
         get: function () {
+            if (!this.locTextValue) {
+                this.locTextValue = this.createLocText();
+            }
             return this.locTextValue;
         },
         enumerable: false,
@@ -15164,14 +15190,15 @@ var ItemValue = /** @class */ (function (_super) {
     };
     Object.defineProperty(ItemValue.prototype, "hasText", {
         get: function () {
-            return this.locText.pureText ? true : false;
+            return this.pureText ? true : false;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(ItemValue.prototype, "pureText", {
         get: function () {
-            return this.locText.pureText;
+            var _a;
+            return ((_a = this.locTextValue) === null || _a === void 0 ? void 0 : _a.pureText) || "";
         },
         set: function (val) {
             this.text = val;
@@ -15181,7 +15208,7 @@ var ItemValue = /** @class */ (function (_super) {
     });
     Object.defineProperty(ItemValue.prototype, "text", {
         get: function () {
-            return this.locText.calculatedText; //TODO: it will be correct to use this.locText.text, however it would require a lot of rewriting in Creator
+            return this.calculatedText; //TODO: it will be correct to use this.locText.text, however it would require a lot of rewriting in Creator
         },
         set: function (newText) {
             this.locText.text = newText;
@@ -15189,9 +15216,20 @@ var ItemValue = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(ItemValue.prototype, "textOrHtml", {
+        get: function () {
+            if (this.locTextValue)
+                return this.locText.textOrHtml;
+            return this.getValueText();
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(ItemValue.prototype, "calculatedText", {
         get: function () {
-            return this.locText.calculatedText;
+            if (this.locTextValue)
+                return this.locText.calculatedText;
+            return this.getValueText();
         },
         enumerable: false,
         configurable: true
@@ -15234,14 +15272,15 @@ var ItemValue = /** @class */ (function (_super) {
         var jsoObj = new _jsonobject__WEBPACK_IMPORTED_MODULE_1__.JsonObject();
         for (var i = 0; i < properties.length; i++) {
             var prop = properties[i];
-            if (prop.name === "text" && !this.locText.hasNonDefaultText() &&
-                _helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isTwoValueEquals(this.value, this.text, false, true, false))
+            if (prop.name === "text" && (!this.locTextValue || !this.locText.hasNonDefaultText() &&
+                _helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isTwoValueEquals(this.value, this.text, false, true, false)))
                 continue;
             jsoObj.valueToJson(this, res, prop);
         }
         return res;
     };
     ItemValue.prototype.setData = function (value, isNewItem) {
+        var _a;
         if (_helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isValueEmpty(value))
             return;
         if (typeof value.value === "undefined" && typeof value.text !== "undefined" && Object.keys(value).length === 1) {
@@ -15261,7 +15300,7 @@ var ItemValue = /** @class */ (function (_super) {
             this.setValue(value, isNewItem);
         }
         if (!isNewItem) {
-            this.locText.strChanged();
+            (_a = this.locTextValue) === null || _a === void 0 ? void 0 : _a.strChanged();
         }
     };
     Object.defineProperty(ItemValue.prototype, "visibleIf", {
@@ -15307,15 +15346,19 @@ var ItemValue = /** @class */ (function (_super) {
         this.setPropertyValue("isEnabled", val);
     };
     ItemValue.prototype.addUsedLocales = function (locales) {
-        this.AddLocStringToUsedLocales(this.locTextValue, locales);
+        if (this.locTextValue) {
+            this.AddLocStringToUsedLocales(this.locTextValue, locales);
+        }
     };
     ItemValue.prototype.locStrsChanged = function () {
+        var _a;
         _super.prototype.locStrsChanged.call(this);
-        this.locText.strChanged();
+        (_a = this.locTextValue) === null || _a === void 0 ? void 0 : _a.strChanged();
     };
     ItemValue.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
+        var _a;
         if (name === "value" && !this.hasText) {
-            this.locText.strChanged();
+            (_a = this.locTextValue) === null || _a === void 0 ? void 0 : _a.strChanged();
         }
         var funcName = "itemValuePropertyChanged";
         if (!this.locOwner || !this.locOwner[funcName])
@@ -15386,6 +15429,12 @@ var ItemValue = /** @class */ (function (_super) {
             this._visible = val;
         }
     };
+    Object.defineProperty(ItemValue.prototype, "_visible", {
+        get: function () { return this.getPropertyValue("visible", true); },
+        set: function (val) { this.setPropertyValue("visible", val); },
+        enumerable: false,
+        configurable: true
+    });
     ItemValue.prototype.getLocTitle = function () {
         return this.locText;
     };
@@ -15394,15 +15443,15 @@ var ItemValue = /** @class */ (function (_super) {
     };
     ItemValue.prototype.setLocTitle = function (val) { };
     ItemValue.prototype.setTitle = function (val) { };
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: true })
-    ], ItemValue.prototype, "_visible", void 0);
+    Object.defineProperty(ItemValue.prototype, "icon", {
+        get: function () { return this.getPropertyValue("icon", ""); },
+        set: function (val) { this.setPropertyValue("icon", val); },
+        enumerable: false,
+        configurable: true
+    });
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], ItemValue.prototype, "selectedValue", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
-    ], ItemValue.prototype, "icon", void 0);
     return ItemValue;
 }(_actions_action__WEBPACK_IMPORTED_MODULE_6__.BaseAction));
 
@@ -15751,13 +15800,11 @@ var JsonObjectProperty = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(JsonObjectProperty.prototype, "hasToUseGetValue", {
-        get: function () {
-            return this.onGetValue || this.serializationProperty;
-        },
-        enumerable: false,
-        configurable: true
-    });
+    JsonObjectProperty.prototype.isPropertySerializable = function (obj) {
+        if (this.isSerializableFunc)
+            return this.isSerializableFunc(obj);
+        return this.isSerializable;
+    };
     JsonObjectProperty.prototype.getDefaultValue = function (obj) {
         var result = !!this.defaultValueFunc ? this.defaultValueFunc(obj) : this.defaultValueValue;
         if (!!JsonObjectProperty.getItemValuesDefaultValue &&
@@ -16379,6 +16426,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isValueEmpty(propInfo.isSerializable)) {
                 prop.isSerializable = propInfo.isSerializable;
             }
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isValueEmpty(propInfo.isSerializableFunc)) {
+                prop.isSerializableFunc = propInfo.isSerializableFunc;
+            }
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.isValueEmpty(propInfo.isLightSerializable)) {
                 prop.isLightSerializable = propInfo.isLightSerializable;
             }
@@ -16594,7 +16644,7 @@ var JsonMetadata = /** @class */ (function () {
         }
     };
     JsonMetadata.prototype.getObjPropertyValueCore = function (obj, prop) {
-        if (!prop.isSerializable)
+        if (!prop.isPropertySerializable(obj))
             return obj[prop.name];
         if (prop.isLocalizable) {
             if (prop.isArray)
@@ -17336,7 +17386,7 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.valueToJson = function (obj, result, prop, options) {
         if (!options)
             options = {};
-        if (prop.isSerializable === false || (prop.isLightSerializable === false && this.lightSerializing))
+        if (!prop.isPropertySerializable(obj) || (prop.isLightSerializable === false && this.lightSerializing))
             return;
         if (options.version && !prop.isAvailableInVersion(options.version))
             return;
@@ -18170,6 +18220,8 @@ var LocalizableString = /** @class */ (function () {
         configurable: true
     });
     LocalizableString.prototype.strChanged = function () {
+        if (!this.isTextRequested)
+            return;
         this.searchableText = undefined;
         if (this.renderedText === undefined && this.isEmpty && !this.onGetTextCallback && !this.localizationName)
             return;
@@ -18216,6 +18268,7 @@ var LocalizableString = /** @class */ (function () {
     };
     Object.defineProperty(LocalizableString.prototype, "pureText", {
         get: function () {
+            this.isTextRequested = true;
             var loc = this.locale;
             if (!loc)
                 loc = this.defaultLoc;
@@ -22121,7 +22174,7 @@ var PanelModelBase = /** @class */ (function (_super) {
         _this.createNewArray("rows", function (el, index) { _this.onAddRow(el); }, function (el) { _this.onRemoveRow(el); });
         _this.createNewArray("visibleRows");
         _this.elementsValue = _this.createNewArray("elements", _this.onAddElement.bind(_this), _this.onRemoveElement.bind(_this));
-        _this.id = PanelModelBase.getPanelId();
+        _this.setPropertyValueDirectly("id", PanelModelBase.getPanelId());
         _this.addExpressionProperty("visibleIf", function (obj, res) { _this.visible = res === true; }, function (obj) { return !_this.areInvisibleElementsShowing; });
         _this.addExpressionProperty("enableIf", function (obj, res) { _this.readOnly = res === false; });
         _this.addExpressionProperty("requiredIf", function (obj, res) { _this.isRequired = res === true; });
@@ -22207,7 +22260,6 @@ var PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.endLoadingFromJson = function () {
         var _this = this;
         _super.prototype.endLoadingFromJson.call(this);
-        this.updateDescriptionVisibility(this.description);
         this.markQuestionListDirty();
         this.onRowsChanged();
         this.gridLayoutColumns.forEach(function (col) {
@@ -26364,11 +26416,22 @@ var ProgressButtons = /** @class */ (function (_super) {
     });
     Object.defineProperty(ProgressButtons.prototype, "footerText", {
         get: function () {
-            return this.survey.progressText;
+            return this.progressText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ProgressButtons.prototype, "progressText", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("progressText", undefined, function () { return _this.survey.getProgressText(); });
         },
         enumerable: false,
         configurable: true
     });
+    ProgressButtons.prototype.resetProgressText = function () {
+        this.resetPropertyValue("progressText");
+    };
     ProgressButtons.prototype.processResponsiveness = function (width) {
         this.onResize.fire(this, { width: width });
     };
@@ -26472,12 +26535,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 
 
 
@@ -26531,7 +26588,7 @@ var Question = /** @class */ (function (_super) {
         _this.isRunningValidatorsValue = false;
         _this.isValueChangedInSurvey = false;
         _this.allowNotifyValueChanged = true;
-        _this.id = Question.getQuestionId();
+        _this.setPropertyValueDirectly("id", Question.getQuestionId());
         _this.onCreating();
         _this.createNewArray("validators", function (validator) {
             validator.errorOwner = _this;
@@ -26541,6 +26598,7 @@ var Question = /** @class */ (function (_super) {
         _this.addExpressionProperty("requiredIf", function (obj, res) { _this.isRequired = res === true; });
         _this.createLocalizableString("commentText", _this, true, "otherItemText");
         _this.createLocalizableString("requiredErrorText", _this);
+        _this.createLocalizableString("commentPlaceholder", _this);
         _this.addTriggerInfo("resetValueIf", function () { return !_this.isEmpty(); }, function () {
             _this.startSetValueOnExpression();
             _this.clearValue();
@@ -26568,6 +26626,9 @@ var Question = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["showCommentArea", "showOtherItem"], function () {
             _this.initCommentFromSurvey();
         });
+        _this.registerPropertyChangedHandlers(["commentPlaceholder"], function () {
+            _this.resetRenderedCommentPlaceholder();
+        });
         _this.registerFunctionOnPropertiesValueChanged(["no", "readOnly", "hasVisibleErrors", "containsErrors"], function () {
             _this.updateQuestionCss();
         });
@@ -26605,6 +26666,24 @@ var Question = /** @class */ (function (_super) {
         configurable: true
     });
     Question.prototype.themeChanged = function (theme) { };
+    Object.defineProperty(Question.prototype, "_isMobile", {
+        get: function () { return this.getPropertyValue("_isMobile", false); },
+        set: function (val) { this.setPropertyValue("_isMobile", val); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Question.prototype, "forceIsInputReadOnly", {
+        get: function () { return this.getPropertyValue("forceIsInputReadOnly"); },
+        set: function (val) { this.setPropertyValue("forceIsInputReadOnly", val); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Question.prototype, "ariaExpanded", {
+        get: function () { return this.getPropertyValue("ariaExpanded"); },
+        set: function (val) { this.setPropertyValue("ariaExpanded", val); },
+        enumerable: false,
+        configurable: true
+    });
     Question.prototype.getDefaultTitle = function () { return this.name; };
     Question.prototype.createLocTitleProperty = function () {
         var _this = this;
@@ -27493,6 +27572,23 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "commentPlaceholder", {
+        /**
+         * A placeholder for the comment area. Applies when the `showCommentArea` property is `true`.
+         * @see showCommentArea
+         * @see comment
+         * @see commentText
+         */
+        get: function () { return this.getLocalizableStringText("commentPlaceholder"); },
+        set: function (val) { this.setLocalizableStringText("commentPlaceholder", val); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Question.prototype, "locCommentPlaceholder", {
+        get: function () { return this.getLocalizableString("commentPlaceholder"); },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Question.prototype, "commentPlaceHolder", {
         get: function () {
             return this.commentPlaceholder;
@@ -28515,7 +28611,7 @@ var Question = /** @class */ (function (_super) {
             return false;
         if (Array.isArray(val))
             return val.length > 0 ? this.isValueSurveyElement(val[0]) : false;
-        return !!val.getType && !!val.onPropertyChanged;
+        return val.isSurveyObj === true;
     };
     Question.prototype.canClearValueAsInvisible = function (reason) {
         if (reason === "onHiddenContainer" && !this.isParentVisible)
@@ -29536,6 +29632,18 @@ var Question = /** @class */ (function (_super) {
         return (!!this.customWidget ||
             this.getComponentName() === "default");
     };
+    Object.defineProperty(Question.prototype, "renderAs", {
+        get: function () { return this.getPropertyValue("renderAs"); },
+        set: function (val) { this.setPropertyValue("renderAs", val); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Question.prototype, "inMatrixMode", {
+        get: function () { return this.getPropertyValue("inMatrixMode", false); },
+        set: function (val) { this.setPropertyValue("inMatrixMode", val); },
+        enumerable: false,
+        configurable: true
+    });
     //ISurveyErrorOwner
     Question.prototype.getErrorCustomText = function (text, error) {
         if (!!this.survey)
@@ -29857,24 +29965,6 @@ var Question = /** @class */ (function (_super) {
         require: "requiredMark",
     };
     Question.questionCounter = 100;
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: false })
-    ], Question.prototype, "_isMobile", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
-    ], Question.prototype, "forceIsInputReadOnly", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
-    ], Question.prototype, "ariaExpanded", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)({ localizable: true, onSet: function (val, target) { return target.resetRenderedCommentPlaceholder(); } })
-    ], Question.prototype, "commentPlaceholder", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
-    ], Question.prototype, "renderAs", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: false })
-    ], Question.prototype, "inMatrixMode", void 0);
     return Question;
 }(_survey_element__WEBPACK_IMPORTED_MODULE_2__.SurveyElement));
 
@@ -30005,6 +30095,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__.Serializer.addClass("question", [
     {
         name: "bindings:bindings",
         serializationProperty: "bindings",
+        isSerializableFunc: function (obj) { return !obj.isBindingEmpty(); },
         visibleIf: function (obj) {
             return obj.bindings.getNames().length > 0;
         },
@@ -30323,10 +30414,14 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["hideIfChoicesEmpty"], function () {
             _this.onVisibleChanged();
         });
+        _this.registerPropertyChangedHandlers(["selecteditemValues"], function (newVal) {
+            _this.onSelectedItemValuesChangedHandler(newVal);
+        });
         _this.createNewArray("visibleChoices", function () { return _this.updateRenderedChoices(); }, function () { return _this.updateRenderedChoices(); });
         _this.setNewRestfulProperty();
         var locOtherText = _this.createLocalizableString("otherText", _this.otherItemValue, true, "otherItemText");
         _this.createLocalizableString("otherErrorText", _this, true, "otherRequiredError");
+        _this.createLocalizableString("otherPlaceholder", _this, false, true);
         _this.otherItemValue.locOwner = _this;
         _this.otherItemValue.setLocText(locOtherText);
         _this.choicesByUrl.createItemValue = function (value) {
@@ -30353,6 +30448,12 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSelectBase.prototype, "selectedItemValues", {
+        get: function () { return this.getPropertyValue("selectedItemValues"); },
+        set: function (val) { this.setPropertyValue("selectedItemValues", val); },
+        enumerable: false,
+        configurable: true
+    });
     QuestionSelectBase.prototype.getType = function () {
         return "selectbase";
     };
@@ -31390,6 +31491,34 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSelectBase.prototype, "separateSpecialChoices", {
+        /**
+         * Displays the "Select All", "None", and "Other" choices on individual rows.
+         * @see showNoneItem
+         * @see showOtherItem
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
+         */
+        get: function () { return this.getPropertyValue("separateSpecialChoices"); },
+        set: function (val) { this.setPropertyValue("separateSpecialChoices", val); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "otherPlaceholder", {
+        /**
+         * A placeholder for the comment area. Applies when the `showOtherItem` or `showCommentArea` property is `true`.
+         * @see showOtherItem
+         * @see showCommentArea
+         */
+        get: function () { return this.getLocalizableStringText("otherPlaceholder"); },
+        set: function (val) { this.setLocalizableStringText("otherPlaceholder", val); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSelectBase.prototype, "locOtherPlaceholder", {
+        get: function () { return this.getLocalizableString("otherPlaceholder"); },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionSelectBase.prototype, "otherPlaceHolder", {
         get: function () {
             return this.otherPlaceholder;
@@ -32567,19 +32696,6 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)({
-            onSet: function (newVal, target) {
-                target.onSelectedItemValuesChangedHandler(newVal);
-            }
-        })
-    ], QuestionSelectBase.prototype, "selectedItemValues", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)()
-    ], QuestionSelectBase.prototype, "separateSpecialChoices", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)({ localizable: true })
-    ], QuestionSelectBase.prototype, "otherPlaceholder", void 0);
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.propertyArray)()
     ], QuestionSelectBase.prototype, "_renderedChoices", void 0);
@@ -35916,29 +36032,14 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
             _this.onVisibleChoicesChanged();
         });
         _this.registerPropertyChangedHandlers(["value", "renderAs", "showOtherItem", "otherText", "placeholder", "choices", "visibleChoices"], function () {
-            _this.updateReadOnlyText();
+            _this.getSingleSelectedItem();
+            _this.resetReadOnlyText();
         });
-        _this.updateReadOnlyText();
         return _this;
     }
-    QuestionDropdownModel.prototype.updateReadOnlyText = function () {
-        var result = !!this.selectedItem ? "" : this.placeholder;
-        if (this.renderAs == "select") {
-            if (this.isOtherSelected) {
-                result = this.otherText;
-            }
-            else if (this.isNoneSelected) {
-                result = this.noneText;
-            }
-            else if (!!this.selectedItem) {
-                result = this.selectedItemText;
-            }
-        }
-        this.readOnlyText = result;
-    };
     QuestionDropdownModel.prototype.locStrsChanged = function () {
         _super.prototype.locStrsChanged.call(this);
-        this.updateReadOnlyText();
+        this.resetReadOnlyText();
     };
     Object.defineProperty(QuestionDropdownModel.prototype, "showOptionsCaption", {
         get: function () {
@@ -36123,6 +36224,28 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionDropdownModel.prototype, "readOnlyText", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("readOnlyText", undefined, function () { return _this.calculateReadOnlyText(); });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionDropdownModel.prototype.calculateReadOnlyText = function () {
+        if (this.renderAs == "select") {
+            if (this.isOtherSelected)
+                return this.otherText;
+            if (this.isNoneSelected)
+                return this.noneText;
+            if (!!this.selectedItem)
+                return this.selectedItemText;
+        }
+        return !!this.selectedItem ? "" : this.placeholder;
+    };
+    QuestionDropdownModel.prototype.resetReadOnlyText = function () {
+        this.resetPropertyValue("readOnlyText");
+    };
     QuestionDropdownModel.prototype.getControlClass = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__.CssClassBuilder()
             .append(this.cssClasses.control)
@@ -36310,9 +36433,6 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)({ defaultValue: false })
     ], QuestionDropdownModel.prototype, "inputHasValue", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)({ defaultValue: "" })
-    ], QuestionDropdownModel.prototype, "readOnlyText", void 0);
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)({
             onSet: function (newValue, target) {
@@ -42843,8 +42963,11 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         var rows = this.generatedVisibleRows;
         if (rowIndex >= rows.length)
             return null;
-        var newValue = this.createNewValue();
-        return this.getRowValueCore(rows[rowIndex], newValue);
+        var val = this.value;
+        var rowVal = this.getRowValueCore(rows[rowIndex], val);
+        if (this.isValueSurveyElement(val))
+            return rowVal;
+        return _helpers__WEBPACK_IMPORTED_MODULE_2__.Helpers.getUnbindValue(rowVal);
     };
     QuestionMatrixDropdownModelBase.prototype.checkIfValueInRowDuplicated = function (checkedRow, cellQuestion) {
         if (!this.generatedVisibleRows)
@@ -53200,11 +53323,11 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         });
         _this.createLocalizableString("minRateDescription", _this, true)
             .onStringChanged.add(function (sender, options) {
-            _this.hasMinRateDescription = !sender.isEmpty;
+            _this.setPropertyValue("hasMinRateDescription", !sender.isEmpty);
         });
         _this.createLocalizableString("maxRateDescription", _this, true)
             .onStringChanged.add(function (sender, options) {
-            _this.hasMaxRateDescription = !sender.isEmpty;
+            _this.setPropertyValue("hasMaxRateDescription", !sender.isEmpty);
         });
         _this.initPropertyDependencies();
         return _this;
@@ -53672,6 +53795,22 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionRatingModel.prototype, "hasMinRateDescription", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("hasMinRateDescription", undefined, function () { return !!_this.minRateDescription; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionRatingModel.prototype, "hasMaxRateDescription", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("hasMaxRateDescription", undefined, function () { return !!_this.maxRateDescription; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionRatingModel.prototype, "hasMinLabel", {
         get: function () {
             return !this.displayRateDescriptionsAsExtremeItems && !!this.hasMinRateDescription;
@@ -54119,12 +54258,6 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_2__.property)()
     ], QuestionRatingModel.prototype, "rateCount", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_2__.property)({ defaultValue: false })
-    ], QuestionRatingModel.prototype, "hasMinRateDescription", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_2__.property)({ defaultValue: false })
-    ], QuestionRatingModel.prototype, "hasMaxRateDescription", void 0);
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_2__.property)()
     ], QuestionRatingModel.prototype, "displayRateDescriptionsAsExtremeItems", void 0);
@@ -57771,13 +57904,32 @@ var SurveyElementCore = /** @class */ (function (_super) {
     SurveyElementCore.prototype.setTitleValue = function (val) {
         this.setLocalizableStringText("title", val);
     };
-    SurveyElementCore.prototype.updateDescriptionVisibility = function (newDescription) {
+    Object.defineProperty(SurveyElementCore.prototype, "hasDescription", {
+        /**
+         * Returns `true` if the survey element has a description.
+         * @see description
+        */
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("hasDescription", undefined, function () { return _this.calcDescriptionVisibility(); });
+        },
+        set: function (val) {
+            this.setPropertyValue("hasDescription", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyElementCore.prototype.calcDescriptionVisibility = function () {
+        var newDescription = this.description;
         var showPlaceholder = false;
         if (this.isDesignMode) {
             var property_1 = _jsonobject__WEBPACK_IMPORTED_MODULE_0__.Serializer.findProperty(this.getType(), "description");
             showPlaceholder = !!(property_1 === null || property_1 === void 0 ? void 0 : property_1.placeholder);
         }
-        this.hasDescription = !!newDescription || (showPlaceholder && this.isDesignMode);
+        return !!newDescription || (showPlaceholder && this.isDesignMode);
+    };
+    SurveyElementCore.prototype.resetDescriptionVisibility = function () {
+        this.resetPropertyValue("hasDescription");
     };
     Object.defineProperty(SurveyElementCore.prototype, "locDescription", {
         get: function () {
@@ -57878,13 +58030,10 @@ var SurveyElementCore = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyElementCore.prototype.getIsTitleRenderedAsString = function () { return !this.isTitleOwner; };
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)({})
-    ], SurveyElementCore.prototype, "hasDescription", void 0);
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_0__.property)({
             localizable: true, onSet: function (newDescription, self) {
-                self.updateDescriptionVisibility(newDescription);
+                self.resetDescriptionVisibility();
             }
         })
     ], SurveyElementCore.prototype, "description", void 0);
@@ -57930,7 +58079,7 @@ var SurveyElement = /** @class */ (function (_super) {
             }
         }, function () { return _this.renderedIsExpanded; });
         _this.onAfterRenderElement = _this.addEvent();
-        _this.name = name;
+        _this.setPropertyValueDirectly("name", _this.getValidName(name));
         _this.createNewArray("errors");
         _this.createNewArray("titleActions");
         _this.registerPropertyChangedHandlers(["isReadOnly"], function () { _this.onReadOnlyChanged(); });
@@ -58338,8 +58487,8 @@ var SurveyElement = /** @class */ (function (_super) {
             this.textProcessorValue = this.surveyImplValue.getTextProcessor();
             this.onSetData();
         }
-        if (!!this.survey /* && !this.isLoadingFromJson*/) {
-            this.updateDescriptionVisibility(this.description);
+        if (!!this.survey) {
+            this.resetDescriptionVisibility();
             this.clearCssClasses();
         }
     };
@@ -58666,7 +58815,6 @@ var SurveyElement = /** @class */ (function (_super) {
         if (!this.survey) {
             this.onSurveyLoad();
         }
-        this.updateDescriptionVisibility(this.description);
     };
     SurveyElement.prototype.setVisibleIndex = function (index) {
         return 0;
@@ -59121,7 +59269,7 @@ var SurveyElement = /** @class */ (function (_super) {
     });
     SurveyElement.prototype.localeChanged = function () {
         _super.prototype.localeChanged.call(this);
-        this.updateDescriptionVisibility(this.description);
+        this.resetDescriptionVisibility();
         if (this.errors.length > 0) {
             this.errors.forEach(function (err) {
                 err.updateText();
@@ -60272,7 +60420,6 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.validationAllowComplete = false;
         _this.isNavigationButtonPressed = false;
         _this.mouseDownPage = null;
-        _this.isCalculatingProgressText = false;
         _this.isSmoothScrollEnabled = false;
         /**
          * An event that is raised when the survey's width or height is changed.
@@ -60368,10 +60515,10 @@ var SurveyModel = /** @class */ (function (_super) {
         });
         _this.registerPropertyChangedHandlers(["isLoading", "isCompleted", "isCompletedBefore", "readOnly", "isStartedState", "currentPage", "isShowingPreview"], function () { _this.updateState(); });
         _this.registerPropertyChangedHandlers(["state", "currentPage", "showPreviewBeforeComplete"], function () { _this.onStateAndCurrentPageChanged(); });
-        _this.registerPropertyChangedHandlers(["logo", "logoPosition"], function () { _this.updateHasLogo(); });
-        _this.registerPropertyChangedHandlers(["backgroundImage"], function () { _this.updateRenderBackgroundImage(); });
-        _this.registerPropertyChangedHandlers(["renderBackgroundImage", "backgroundOpacity", "backgroundImageFit", "fitToContainer", "backgroundImageAttachment"], function () {
-            _this.updateBackgroundImageStyle();
+        _this.registerPropertyChangedHandlers(["logo", "logoPosition"], function () { _this.resetHasLogo(); });
+        _this.registerPropertyChangedHandlers(["backgroundImage"], function () { _this.resetPropertyValue("renderBackgroundImage"); });
+        _this.registerPropertyChangedHandlers(["backgroundImage", "backgroundOpacity", "backgroundImageFit", "fitToContainer", "backgroundImageAttachment"], function () {
+            _this.resetPropertyValue("backgroundImageStyle");
         });
         _this.registerPropertyChangedHandlers(["showPrevButton", "showCompleteButton"], function () { _this.updateButtonsVisibility(); });
         _this.onGetQuestionNumber.onCallbacksChanged = function () {
@@ -60404,8 +60551,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.onShowingChoiceItem.onCallbacksChanged = function () {
             _this.rebuildQuestionChoices();
         };
-        _this.navigationBarValue = _this.createNavigationBar();
-        _this.navigationBar.locOwner = _this;
+        _this.locTitle.onStringChanged.add(function () { return _this.resetPropertyValue("titleIsEmpty"); });
         _this.onBeforeCreating();
         if (jsonObj) {
             if (typeof jsonObj === "string" || jsonObj instanceof String) {
@@ -60437,7 +60583,6 @@ var SurveyModel = /** @class */ (function (_super) {
                 _this.onScrollCallback = undefined;
             }
         });
-        _this.progressBarValue = new _progress_buttons__WEBPACK_IMPORTED_MODULE_21__.ProgressButtons(_this);
         if (_this.headerView === "advanced") {
             _this.insertAdvancedHeader(new _header__WEBPACK_IMPORTED_MODULE_18__.Cover());
         }
@@ -60450,7 +60595,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.layoutElements.push({
             id: "progress-buttons",
             component: "sv-progress-buttons",
-            data: _this.progressBar,
+            getData: function () { return _this.progressBar; },
             processResponsiveness: function (width) { return _this.progressBar.processResponsiveness && _this.progressBar.processResponsiveness(width); }
         });
         _this.layoutElements.push({
@@ -60473,19 +60618,17 @@ var SurveyModel = /** @class */ (function (_super) {
             component: "sv-progress-requiredquestions",
             data: _this
         });
-        var tocModel = new _surveyToc__WEBPACK_IMPORTED_MODULE_22__.TOCModel(_this);
         _this.addLayoutElement({
             id: "toc-navigation",
             component: "sv-navigation-toc",
-            data: tocModel,
-            processResponsiveness: function (width) { return tocModel.updateStickyTOCSize(_this.rootElement); }
+            getData: function () { return _this.tocModel; },
+            processResponsiveness: function (width) { return _this.tocModel.updateStickyTOCSize(_this.rootElement); }
         });
         _this.layoutElements.push({
             id: "buttons-navigation",
             component: "sv-action-bar",
-            data: _this.navigationBar
+            getData: function () { return _this.navigationBar; }
         });
-        _this.locTitle.onStringChanged.add(function () { return _this.titleIsEmpty = _this.locTitle.isEmpty; });
         return _this;
     }
     Object.defineProperty(SurveyModel.prototype, "platformName", {
@@ -60526,6 +60669,16 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "tocModel", {
+        get: function () {
+            if (!this.tocModelValue) {
+                this.tocModelValue = new _surveyToc__WEBPACK_IMPORTED_MODULE_22__.TOCModel(this);
+            }
+            return this.tocModelValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "sjsVersion", {
         get: function () {
             return this.getPropertyValue("sjsVersion");
@@ -61745,7 +61898,9 @@ var SurveyModel = /** @class */ (function (_super) {
         if (!this.isStartPageActive) {
             this.updateProgressText();
         }
-        this.navigationBar.locStrsChanged();
+        if (!!this.navigationBarValue) {
+            this.navigationBar.locStrsChanged();
+        }
     };
     SurveyModel.prototype.getMarkdownHtml = function (text, name) {
         return this.getSurveyMarkdownHtml(this, text, name);
@@ -61938,13 +62093,14 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "hasLogo", {
         get: function () {
-            return this.getPropertyValue("hasLogo", false);
+            var _this = this;
+            return this.getPropertyValue("hasLogo", undefined, function () { return !!_this.logo && _this.logoPosition !== "none"; });
         },
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.updateHasLogo = function () {
-        this.setPropertyValue("hasLogo", !!this.logo && this.logoPosition !== "none");
+    SurveyModel.prototype.resetHasLogo = function () {
+        this.resetPropertyValue("hasLogo");
     };
     Object.defineProperty(SurveyModel.prototype, "isLogoBefore", {
         get: function () {
@@ -61980,6 +62136,14 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "titleIsEmpty", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("titleIsEmpty", undefined, function () { return _this.locTitle.isEmpty; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "renderedHasTitle", {
         get: function () {
             if (this.isDesignMode)
@@ -62093,10 +62257,14 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.updateRenderBackgroundImage = function () {
-        var path = this.backgroundImage;
-        this.renderBackgroundImage = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_13__.wrapUrlForBackgroundImage)(path);
-    };
+    Object.defineProperty(SurveyModel.prototype, "renderBackgroundImage", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("renderBackgroundImage", undefined, function () { return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_13__.wrapUrlForBackgroundImage)(_this.backgroundImage); });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "backgroundOpacity", {
         /**
          * A value from 0 to 1 that specifies how transparent the [background image](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#backgroundImage) should be: 0 makes the image completely transparent, and 1 makes it opaque.
@@ -62110,8 +62278,16 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.updateBackgroundImageStyle = function () {
-        this.backgroundImageStyle = {
+    Object.defineProperty(SurveyModel.prototype, "backgroundImageStyle", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("backgroundImageStyle", undefined, function () { return _this.calcBackgroundImageStyle(); });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyModel.prototype.calcBackgroundImageStyle = function () {
+        return {
             opacity: this.backgroundOpacity,
             backgroundImage: this.renderBackgroundImage,
             backgroundSize: this.backgroundImageFit,
@@ -62286,6 +62462,10 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "navigationBar", {
         get: function () {
+            if (!this.navigationBarValue) {
+                this.navigationBarValue = this.createNavigationBar();
+                this.updateNavigationCss();
+            }
             return this.navigationBarValue;
         },
         enumerable: false,
@@ -62652,6 +62832,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "progressBar", {
         get: function () {
+            if (!this.progressBarValue) {
+                this.progressBarValue = new _progress_buttons__WEBPACK_IMPORTED_MODULE_21__.ProgressButtons(this);
+            }
             return this.progressBarValue;
         },
         enumerable: false,
@@ -63901,19 +64084,6 @@ var SurveyModel = /** @class */ (function (_super) {
         var index = visPages.indexOf(this.currentPage);
         return Math.ceil((index * 100) / visPages.length);
     };
-    Object.defineProperty(SurveyModel.prototype, "progressValue", {
-        /**
-         * Returns a percentage value that indicates user progress in the survey.
-         * @see showProgressBar
-         * @see progressBarType
-         * @see progressText
-         */
-        get: function () {
-            return this.getPropertyValue("progressValue", 0);
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(SurveyModel.prototype, "isNavigationButtonsShowing", {
         get: function () {
             if (this.isDesignMode)
@@ -65286,28 +65456,35 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see progressBarType
          */
         get: function () {
-            var res = this.getPropertyValue("progressText", "");
-            if (!res) {
-                this.updateProgressText();
-                res = this.getPropertyValue("progressText", "");
-            }
-            return res;
+            return this.progressBar.progressText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyModel.prototype, "progressValue", {
+        /**
+         * Returns a percentage value that indicates user progress in the survey.
+         * @see showProgressBar
+         * @see progressBarType
+         * @see progressText
+         */
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("progressValue", undefined, function () { return _this.getProgress(); });
         },
         enumerable: false,
         configurable: true
     });
     SurveyModel.prototype.updateProgressText = function (onValueChanged) {
         if (onValueChanged === void 0) { onValueChanged = false; }
-        if (this.isCalculatingProgressText || this.isShowingPreview)
+        if (this.isShowingPreview)
             return;
-        if (onValueChanged &&
-            this.progressBarType == "pages" &&
-            this.onGetProgressText.isEmpty)
+        if (onValueChanged && this.progressBarType == "pages" && this.onGetProgressText.isEmpty)
             return;
-        this.isCalculatingProgressText = true;
-        this.setPropertyValue("progressText", this.getProgressText());
-        this.setPropertyValue("progressValue", this.getProgress());
-        this.isCalculatingProgressText = false;
+        if (this.progressBarValue) {
+            this.progressBarValue.resetProgressText();
+        }
+        this.resetPropertyValue("progressValue");
     };
     SurveyModel.prototype.getProgressText = function () {
         if (!this.isDesignMode && this.currentPage == null)
@@ -66655,27 +66832,21 @@ var SurveyModel = /** @class */ (function (_super) {
         this.notifyElementsOnAnyValueOrVariableChanged("");
         this.isEndLoadingFromJson = null;
         this.updateVisibleIndexes();
-        this.updateHasLogo();
-        this.updateRenderBackgroundImage();
         this.updateCurrentPage();
-        this.hasDescription = !!this.description;
-        this.titleIsEmpty = this.locTitle.isEmpty;
         this.setCalculatedWidthModeUpdater();
     };
     SurveyModel.prototype.updateNavigationCss = function () {
-        if (!!this.navigationBar) {
-            this.updateNavigationBarCss();
+        var val = this.navigationBarValue;
+        if (!!val) {
+            val.cssClasses = this.css.actionBar;
+            val.containerCss = this.css.footer;
             !!this.updateNavigationItemCssCallback && this.updateNavigationItemCssCallback();
         }
     };
-    SurveyModel.prototype.updateNavigationBarCss = function () {
-        var val = this.navigationBar;
-        val.cssClasses = this.css.actionBar;
-        val.containerCss = this.css.footer;
-    };
     SurveyModel.prototype.createNavigationBar = function () {
         var res = new _actions_container__WEBPACK_IMPORTED_MODULE_15__.ActionContainer();
         res.setItems(this.createNavigationActions());
+        res.locOwner = this;
         return res;
     };
     SurveyModel.prototype.createNavigationActions = function () {
@@ -68236,7 +68407,7 @@ var SurveyModel = /** @class */ (function (_super) {
         return layoutElement;
     };
     SurveyModel.prototype.getContainerContent = function (container) {
-        var containerLayoutElements = [];
+        var containerLayoutElements = new Array();
         for (var _i = 0, _a = this.layoutElements; _i < _a.length; _i++) {
             var layoutElement = _a[_i];
             if (this.mode !== "display" && isStrCiEqual(layoutElement.id, "timerpanel")) {
@@ -68319,6 +68490,11 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         }
         containerLayoutElements.sort(function (a, b) { return (a.index || 0) - (b.index || 0); });
+        containerLayoutElements.forEach(function (el) {
+            if (!!el.getData) {
+                el.data = el.getData();
+            }
+        });
         return containerLayoutElements;
     };
     SurveyModel.prototype.processPopupVisiblityChanged = function (question, popup, visible) {
@@ -68494,9 +68670,6 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], SurveyModel.prototype, "lazyRenderFirstBatchSizeValue", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: true })
-    ], SurveyModel.prototype, "titleIsEmpty", void 0);
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: {} })
     ], SurveyModel.prototype, "cssVariables", void 0);
@@ -68513,9 +68686,6 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         })
     ], SurveyModel.prototype, "backgroundImage", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
-    ], SurveyModel.prototype, "renderBackgroundImage", void 0);
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], SurveyModel.prototype, "backgroundImageFit", void 0);
@@ -68526,9 +68696,6 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         })
     ], SurveyModel.prototype, "backgroundImageAttachment", void 0);
-    __decorate([
-        (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
-    ], SurveyModel.prototype, "backgroundImageStyle", void 0);
     __decorate([
         (0,_jsonobject__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], SurveyModel.prototype, "wrapperFormCss", void 0);
@@ -69727,6 +69894,12 @@ var SvgIconRegistry = /** @class */ (function () {
         }
         this.updateMarkup();
     };
+    SvgIconRegistry.prototype.registerIcon = function (id, svg, iconSetVersion) {
+        var _a;
+        if (iconSetVersion === void 0) { iconSetVersion = "v2"; }
+        this.registerIconFromSvg(id, svg);
+        addIconsToThemeSet(iconSetVersion, (_a = {}, _a[id] = svg, _a));
+    };
     SvgIconRegistry.prototype.iconsRenderedHtml = function () {
         var _this = this;
         return Object.keys(this.icons).map(function (icon) { return _this.icons[icon]; }).join("");