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

package/fesm/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)
  */
@@ -1370,8 +1370,10 @@ class JsonObjectProperty {
     set uniquePropertyName(val) {
         this.uniquePropertyValue = val;
     }
-    get hasToUseGetValue() {
-        return this.onGetValue || this.serializationProperty;
+    isPropertySerializable(obj) {
+        if (this.isSerializableFunc)
+            return this.isSerializableFunc(obj);
+        return this.isSerializable;
     }
     getDefaultValue(obj) {
         let result = !!this.defaultValueFunc ? this.defaultValueFunc(obj) : this.defaultValueValue;
@@ -1945,6 +1947,9 @@ class JsonMetadataClass {
             if (!Helpers.isValueEmpty(propInfo.isSerializable)) {
                 prop.isSerializable = propInfo.isSerializable;
             }
+            if (!Helpers.isValueEmpty(propInfo.isSerializableFunc)) {
+                prop.isSerializableFunc = propInfo.isSerializableFunc;
+            }
             if (!Helpers.isValueEmpty(propInfo.isLightSerializable)) {
                 prop.isLightSerializable = propInfo.isLightSerializable;
             }
@@ -2158,7 +2163,7 @@ class JsonMetadata {
         }
     }
     getObjPropertyValueCore(obj, prop) {
-        if (!prop.isSerializable)
+        if (!prop.isPropertySerializable(obj))
             return obj[prop.name];
         if (prop.isLocalizable) {
             if (prop.isArray)
@@ -2855,7 +2860,7 @@ class JsonObject {
     valueToJson(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;
@@ -7709,6 +7714,7 @@ class Bindings {
     getType() {
         return "bindings";
     }
+    get isSurveyObj() { return true; }
     getNames() {
         var res = [];
         this.fillProperties();
@@ -7980,7 +7986,6 @@ class Base {
         this.supportOnElementRerenderedEvent = true;
         this.onElementRerenderedEventEnabled = false;
         this._onElementRerendered = new EventBase();
-        this.bindingsValue = new Bindings(this);
         CustomPropertiesCollection.createProperties(this);
         this.onBaseCreating();
         this.isCreating = false;
@@ -8003,6 +8008,7 @@ class Base {
     get isDisposed() {
         return this.isDisposedValue === true;
     }
+    get isSurveyObj() { return true; }
     addEvent() {
         const res = new EventBase();
         this.eventList.push(res);
@@ -8044,10 +8050,18 @@ class Base {
         return !!this.getSurvey(true);
     }
     get bindings() {
+        if (!this.bindingsValue) {
+            this.bindingsValue = new Bindings(this);
+        }
         return this.bindingsValue;
     }
+    isBindingEmpty() {
+        return !this.bindingsValue || this.bindingsValue.isEmpty();
+    }
     checkBindings(valueName, value) { }
     updateBindings(propertyName, value) {
+        if (!this.bindingsValue)
+            return;
         var valueName = this.bindings.getValueNameByPropertyName(propertyName);
         if (!!valueName) {
             this.updateBindingValue(valueName, value);
@@ -8530,6 +8544,11 @@ class Base {
         locStr.disableLocalization = prop && prop.isLocalizable === false;
         return locStr;
     }
+    removeLocalizableString(name) {
+        if (this.localizableStrings) {
+            delete this.localizableStrings[name];
+        }
+    }
     getLocalizableString(name) {
         return !!this.localizableStrings ? this.localizableStrings[name] : null;
     }
@@ -8562,7 +8581,7 @@ class Base {
         if (!!this.arraysInfo) {
             for (let key in this.arraysInfo) {
                 const prop = this.getPropertyByName(key);
-                if (!prop || !prop.isSerializable)
+                if (!prop || !prop.isPropertySerializable(this))
                     continue;
                 let items = this.getPropertyValue(key);
                 if (!items || !items.length)
@@ -11085,13 +11104,27 @@ class SurveyElementCore extends Base {
     setTitleValue(val) {
         this.setLocalizableStringText("title", val);
     }
-    updateDescriptionVisibility(newDescription) {
+    /**
+     * Returns `true` if the survey element has a description.
+     * @see description
+    */
+    get hasDescription() {
+        return this.getPropertyValue("hasDescription", undefined, () => this.calcDescriptionVisibility());
+    }
+    set hasDescription(val) {
+        this.setPropertyValue("hasDescription", val);
+    }
+    calcDescriptionVisibility() {
+        const newDescription = this.description;
         let showPlaceholder = false;
         if (this.isDesignMode) {
             const property = Serializer.findProperty(this.getType(), "description");
             showPlaceholder = !!(property === null || property === void 0 ? void 0 : property.placeholder);
         }
-        this.hasDescription = !!newDescription || (showPlaceholder && this.isDesignMode);
+        return !!newDescription || (showPlaceholder && this.isDesignMode);
+    }
+    resetDescriptionVisibility() {
+        this.resetPropertyValue("hasDescription");
     }
     get locDescription() {
         return this.getLocalizableString("description");
@@ -11129,13 +11162,10 @@ class SurveyElementCore extends Base {
     }
     getIsTitleRenderedAsString() { return !this.isTitleOwner; }
 }
-survey_element_decorate([
-    property({})
-], SurveyElementCore.prototype, "hasDescription", void 0);
 survey_element_decorate([
     property({
         localizable: true, onSet: (newDescription, self) => {
-            self.updateDescriptionVisibility(newDescription);
+            self.resetDescriptionVisibility();
         }
     })
 ], SurveyElementCore.prototype, "description", void 0);
@@ -11310,7 +11340,7 @@ class SurveyElement extends SurveyElementCore {
             }
         }, () => this.renderedIsExpanded);
         this.onAfterRenderElement = this.addEvent();
-        this.name = name;
+        this.setPropertyValueDirectly("name", this.getValidName(name));
         this.createNewArray("errors");
         this.createNewArray("titleActions");
         this.registerPropertyChangedHandlers(["isReadOnly"], () => { this.onReadOnlyChanged(); });
@@ -11527,8 +11557,8 @@ class SurveyElement extends SurveyElementCore {
             this.textProcessorValue = this.surveyImplValue.getTextProcessor();
             this.onSetData();
         }
-        if (!!this.survey /* && !this.isLoadingFromJson*/) {
-            this.updateDescriptionVisibility(this.description);
+        if (!!this.survey) {
+            this.resetDescriptionVisibility();
             this.clearCssClasses();
         }
     }
@@ -11774,7 +11804,6 @@ class SurveyElement extends SurveyElementCore {
         if (!this.survey) {
             this.onSurveyLoad();
         }
-        this.updateDescriptionVisibility(this.description);
     }
     setVisibleIndex(index) {
         return 0;
@@ -12149,7 +12178,7 @@ class SurveyElement extends SurveyElementCore {
     }
     localeChanged() {
         super.localeChanged();
-        this.updateDescriptionVisibility(this.description);
+        this.resetDescriptionVisibility();
         if (this.errors.length > 0) {
             this.errors.forEach(err => {
                 err.updateText();
@@ -12388,6 +12417,8 @@ class LocalizableString {
         return "";
     }
     strChanged() {
+        if (!this.isTextRequested)
+            return;
         this.searchableText = undefined;
         if (this.renderedText === undefined && this.isEmpty && !this.onGetTextCallback && !this.localizationName)
             return;
@@ -12425,6 +12456,7 @@ class LocalizableString {
         return res;
     }
     get pureText() {
+        this.isTextRequested = true;
         var loc = this.locale;
         if (!loc)
             loc = this.defaultLoc;
@@ -15463,12 +15495,6 @@ class TextAreaModel {
 }
 
 ;// ./src/question.ts
-var question_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;
-};
 
 
 
@@ -15523,6 +15549,12 @@ class Question extends SurveyElement {
         this._isMobile = val;
     }
     themeChanged(theme) { }
+    get _isMobile() { return this.getPropertyValue("_isMobile", false); }
+    set _isMobile(val) { this.setPropertyValue("_isMobile", val); }
+    get forceIsInputReadOnly() { return this.getPropertyValue("forceIsInputReadOnly"); }
+    set forceIsInputReadOnly(val) { this.setPropertyValue("forceIsInputReadOnly", val); }
+    get ariaExpanded() { return this.getPropertyValue("ariaExpanded"); }
+    set ariaExpanded(val) { this.setPropertyValue("ariaExpanded", val); }
     constructor(name) {
         super(name);
         this.customWidgetData = { isNeedRender: true };
@@ -15546,7 +15578,7 @@ class Question extends SurveyElement {
         this.isRunningValidatorsValue = false;
         this.isValueChangedInSurvey = false;
         this.allowNotifyValueChanged = true;
-        this.id = Question.getQuestionId();
+        this.setPropertyValueDirectly("id", Question.getQuestionId());
         this.onCreating();
         this.createNewArray("validators", (validator) => {
             validator.errorOwner = this;
@@ -15556,6 +15588,7 @@ class Question extends SurveyElement {
         this.addExpressionProperty("requiredIf", (obj, res) => { this.isRequired = res === true; });
         this.createLocalizableString("commentText", this, true, "otherItemText");
         this.createLocalizableString("requiredErrorText", this);
+        this.createLocalizableString("commentPlaceholder", this);
         this.addTriggerInfo("resetValueIf", () => !this.isEmpty(), () => {
             this.startSetValueOnExpression();
             this.clearValue();
@@ -15583,6 +15616,9 @@ class Question extends SurveyElement {
         this.registerPropertyChangedHandlers(["showCommentArea", "showOtherItem"], () => {
             this.initCommentFromSurvey();
         });
+        this.registerPropertyChangedHandlers(["commentPlaceholder"], () => {
+            this.resetRenderedCommentPlaceholder();
+        });
         this.registerFunctionOnPropertiesValueChanged(["no", "readOnly", "hasVisibleErrors", "containsErrors"], () => {
             this.updateQuestionCss();
         });
@@ -16332,6 +16368,15 @@ class Question extends SurveyElement {
     get locCommentText() {
         return this.getLocalizableString("commentText");
     }
+    /**
+     * A placeholder for the comment area. Applies when the `showCommentArea` property is `true`.
+     * @see showCommentArea
+     * @see comment
+     * @see commentText
+     */
+    get commentPlaceholder() { return this.getLocalizableStringText("commentPlaceholder"); }
+    set commentPlaceholder(val) { this.setLocalizableStringText("commentPlaceholder", val); }
+    get locCommentPlaceholder() { return this.getLocalizableString("commentPlaceholder"); }
     get commentPlaceHolder() {
         return this.commentPlaceholder;
     }
@@ -17134,7 +17179,7 @@ class Question extends SurveyElement {
             return false;
         if (Array.isArray(val))
             return val.length > 0 ? this.isValueSurveyElement(val[0]) : false;
-        return !!val.getType && !!val.onPropertyChanged;
+        return val.isSurveyObj === true;
     }
     canClearValueAsInvisible(reason) {
         if (reason === "onHiddenContainer" && !this.isParentVisible)
@@ -18029,6 +18074,10 @@ class Question extends SurveyElement {
         return (!!this.customWidget ||
             this.getComponentName() === "default");
     }
+    get renderAs() { return this.getPropertyValue("renderAs"); }
+    set renderAs(val) { this.setPropertyValue("renderAs", val); }
+    get inMatrixMode() { return this.getPropertyValue("inMatrixMode", false); }
+    set inMatrixMode(val) { this.setPropertyValue("inMatrixMode", val); }
     //ISurveyErrorOwner
     getErrorCustomText(text, error) {
         if (!!this.survey)
@@ -18284,24 +18333,6 @@ Question.TextPreprocessorValuesMap = {
     require: "requiredMark",
 };
 Question.questionCounter = 100;
-question_decorate([
-    property({ defaultValue: false })
-], Question.prototype, "_isMobile", void 0);
-question_decorate([
-    property()
-], Question.prototype, "forceIsInputReadOnly", void 0);
-question_decorate([
-    property()
-], Question.prototype, "ariaExpanded", void 0);
-question_decorate([
-    property({ localizable: true, onSet: (val, target) => target.resetRenderedCommentPlaceholder() })
-], Question.prototype, "commentPlaceholder", void 0);
-question_decorate([
-    property()
-], Question.prototype, "renderAs", void 0);
-question_decorate([
-    property({ defaultValue: false })
-], Question.prototype, "inMatrixMode", void 0);
 function makeNameValid(str) {
     if (!str)
         return str;
@@ -18429,6 +18460,7 @@ Serializer.addClass("question", [
     {
         name: "bindings:bindings",
         serializationProperty: "bindings",
+        isSerializableFunc: (obj) => !obj.isBindingEmpty(),
         visibleIf: function (obj) {
             return obj.bindings.getNames().length > 0;
         },
@@ -18531,7 +18563,7 @@ class ItemValue extends BaseAction {
     }
     static getTextOrHtmlByValue(items, val) {
         var item = ItemValue.getItemByValue(items, val);
-        return item !== null ? item.locText.textOrHtml : "";
+        return item !== null ? item.textOrHtml : "";
     }
     static locStrsChanged(items) {
         for (var i = 0; i < items.length; i++) {
@@ -18602,20 +18634,6 @@ class ItemValue extends BaseAction {
         super();
         this.typeName = typeName;
         this.ownerPropertyName = "";
-        this.locTextValue = new LocalizableString(this, true, "text");
-        this.locTextValue.onStrChanged = (oldValue, newValue) => {
-            if (newValue == this.value) {
-                newValue = undefined;
-            }
-            this.propertyValueChanged("text", oldValue, newValue);
-        };
-        this.locTextValue.onGetTextCallback = (txt) => {
-            return txt
-                ? txt
-                : !Helpers.isValueEmpty(this.value)
-                    ? this.value.toString()
-                    : null;
-        };
         if (text)
             this.locText.text = text;
         if (!!value && typeof value === "object") {
@@ -18645,7 +18663,24 @@ class ItemValue extends BaseAction {
     get isInternal() {
         return this.isGhost === true;
     }
+    createLocText() {
+        const res = new LocalizableString(this, true, "text");
+        res.onStrChanged = (oldValue, newValue) => {
+            this.propertyValueChanged("text", oldValue, newValue);
+        };
+        res.onGetTextCallback = (txt) => {
+            return txt || this.getValueText();
+        };
+        return res;
+    }
+    getValueText() {
+        const val = this.value;
+        return !Helpers.isValueEmpty(val) ? val.toString() : null;
+    }
     get locText() {
+        if (!this.locTextValue) {
+            this.locTextValue = this.createLocText();
+        }
         return this.locTextValue;
     }
     setLocText(locText) {
@@ -18685,22 +18720,30 @@ class ItemValue extends BaseAction {
         this.id = this.value;
     }
     get hasText() {
-        return this.locText.pureText ? true : false;
+        return this.pureText ? true : false;
     }
     get pureText() {
-        return this.locText.pureText;
+        var _a;
+        return ((_a = this.locTextValue) === null || _a === void 0 ? void 0 : _a.pureText) || "";
     }
     set pureText(val) {
         this.text = val;
     }
     get text() {
-        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 text(newText) {
         this.locText.text = newText;
     }
+    get textOrHtml() {
+        if (this.locTextValue)
+            return this.locText.textOrHtml;
+        return this.getValueText();
+    }
     get calculatedText() {
-        return this.locText.calculatedText;
+        if (this.locTextValue)
+            return this.locText.calculatedText;
+        return this.getValueText();
     }
     get shortcutText() {
         return this.text;
@@ -18736,14 +18779,15 @@ class ItemValue extends BaseAction {
         var jsoObj = new JsonObject();
         for (var i = 0; i < properties.length; i++) {
             const prop = properties[i];
-            if (prop.name === "text" && !this.locText.hasNonDefaultText() &&
-                Helpers.isTwoValueEquals(this.value, this.text, false, true, false))
+            if (prop.name === "text" && (!this.locTextValue || !this.locText.hasNonDefaultText() &&
+                Helpers.isTwoValueEquals(this.value, this.text, false, true, false)))
                 continue;
             jsoObj.valueToJson(this, res, prop);
         }
         return res;
     }
     setData(value, isNewItem) {
+        var _a;
         if (Helpers.isValueEmpty(value))
             return;
         if (typeof value.value === "undefined" && typeof value.text !== "undefined" && Object.keys(value).length === 1) {
@@ -18763,7 +18807,7 @@ class ItemValue extends BaseAction {
             this.setValue(value, isNewItem);
         }
         if (!isNewItem) {
-            this.locText.strChanged();
+            (_a = this.locTextValue) === null || _a === void 0 ? void 0 : _a.strChanged();
         }
     }
     get visibleIf() {
@@ -18793,15 +18837,19 @@ class ItemValue extends BaseAction {
         this.setPropertyValue("isEnabled", val);
     }
     addUsedLocales(locales) {
-        this.AddLocStringToUsedLocales(this.locTextValue, locales);
+        if (this.locTextValue) {
+            this.AddLocStringToUsedLocales(this.locTextValue, locales);
+        }
     }
     locStrsChanged() {
+        var _a;
         super.locStrsChanged();
-        this.locText.strChanged();
+        (_a = this.locTextValue) === null || _a === void 0 ? void 0 : _a.strChanged();
     }
     onPropertyValueChanged(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])
@@ -18867,6 +18915,8 @@ class ItemValue extends BaseAction {
             this._visible = val;
         }
     }
+    get _visible() { return this.getPropertyValue("visible", true); }
+    set _visible(val) { this.setPropertyValue("visible", val); }
     getLocTitle() {
         return this.locText;
     }
@@ -18875,16 +18925,12 @@ class ItemValue extends BaseAction {
     }
     setLocTitle(val) { }
     setTitle(val) { }
+    get icon() { return this.getPropertyValue("icon", ""); }
+    set icon(val) { this.setPropertyValue("icon", val); }
 }
-itemvalue_decorate([
-    property({ defaultValue: true })
-], ItemValue.prototype, "_visible", void 0);
 itemvalue_decorate([
     property()
 ], ItemValue.prototype, "selectedValue", void 0);
-itemvalue_decorate([
-    property()
-], ItemValue.prototype, "icon", void 0);
 Base.createItemValue = function (source, type) {
     var item = null;
     if (!!type) {
@@ -25673,8 +25719,11 @@ class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseModel {
         var rows = this.generatedVisibleRows;
         if (rowIndex >= rows.length)
             return null;
-        var newValue = this.createNewValue();
-        return this.getRowValueCore(rows[rowIndex], newValue);
+        const val = this.value;
+        const rowVal = this.getRowValueCore(rows[rowIndex], val);
+        if (this.isValueSurveyElement(val))
+            return rowVal;
+        return Helpers.getUnbindValue(rowVal);
     }
     checkIfValueInRowDuplicated(checkedRow, cellQuestion) {
         if (!this.generatedVisibleRows)
@@ -30602,7 +30651,7 @@ class PanelModelBase extends SurveyElement {
         this.createNewArray("rows", (el, index) => { this.onAddRow(el); }, (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", (obj, res) => { this.visible = res === true; }, (obj) => { return !this.areInvisibleElementsShowing; });
         this.addExpressionProperty("enableIf", (obj, res) => { this.readOnly = res === false; });
         this.addExpressionProperty("requiredIf", (obj, res) => { this.isRequired = res === true; });
@@ -30637,7 +30686,6 @@ class PanelModelBase extends SurveyElement {
     }
     endLoadingFromJson() {
         super.endLoadingFromJson();
-        this.updateDescriptionVisibility(this.description);
         this.markQuestionListDirty();
         this.onRowsChanged();
         this.gridLayoutColumns.forEach(col => {
@@ -33359,7 +33407,13 @@ class ProgressButtons extends Base {
         return this.survey.currentPage ? this.survey.currentPage.renderedNavigationTitle : "";
     }
     get footerText() {
-        return this.survey.progressText;
+        return this.progressText;
+    }
+    get progressText() {
+        return this.getPropertyValue("progressText", undefined, () => this.survey.getProgressText());
+    }
+    resetProgressText() {
+        this.resetPropertyValue("progressText");
     }
     processResponsiveness(width) {
         this.onResize.fire(this, { width });
@@ -34385,7 +34439,6 @@ class SurveyModel extends SurveyElementCore {
         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.
@@ -34481,10 +34534,10 @@ class SurveyModel extends SurveyElementCore {
         });
         this.registerPropertyChangedHandlers(["isLoading", "isCompleted", "isCompletedBefore", "readOnly", "isStartedState", "currentPage", "isShowingPreview"], () => { this.updateState(); });
         this.registerPropertyChangedHandlers(["state", "currentPage", "showPreviewBeforeComplete"], () => { this.onStateAndCurrentPageChanged(); });
-        this.registerPropertyChangedHandlers(["logo", "logoPosition"], () => { this.updateHasLogo(); });
-        this.registerPropertyChangedHandlers(["backgroundImage"], () => { this.updateRenderBackgroundImage(); });
-        this.registerPropertyChangedHandlers(["renderBackgroundImage", "backgroundOpacity", "backgroundImageFit", "fitToContainer", "backgroundImageAttachment"], () => {
-            this.updateBackgroundImageStyle();
+        this.registerPropertyChangedHandlers(["logo", "logoPosition"], () => { this.resetHasLogo(); });
+        this.registerPropertyChangedHandlers(["backgroundImage"], () => { this.resetPropertyValue("renderBackgroundImage"); });
+        this.registerPropertyChangedHandlers(["backgroundImage", "backgroundOpacity", "backgroundImageFit", "fitToContainer", "backgroundImageAttachment"], () => {
+            this.resetPropertyValue("backgroundImageStyle");
         });
         this.registerPropertyChangedHandlers(["showPrevButton", "showCompleteButton"], () => { this.updateButtonsVisibility(); });
         this.onGetQuestionNumber.onCallbacksChanged = () => {
@@ -34517,8 +34570,7 @@ class SurveyModel extends SurveyElementCore {
         this.onShowingChoiceItem.onCallbacksChanged = () => {
             this.rebuildQuestionChoices();
         };
-        this.navigationBarValue = this.createNavigationBar();
-        this.navigationBar.locOwner = this;
+        this.locTitle.onStringChanged.add(() => this.resetPropertyValue("titleIsEmpty"));
         this.onBeforeCreating();
         if (jsonObj) {
             if (typeof jsonObj === "string" || jsonObj instanceof String) {
@@ -34550,7 +34602,6 @@ class SurveyModel extends SurveyElementCore {
                 this.onScrollCallback = undefined;
             }
         });
-        this.progressBarValue = new ProgressButtons(this);
         if (this.headerView === "advanced") {
             this.insertAdvancedHeader(new Cover());
         }
@@ -34563,7 +34614,7 @@ class SurveyModel extends SurveyElementCore {
         this.layoutElements.push({
             id: "progress-buttons",
             component: "sv-progress-buttons",
-            data: this.progressBar,
+            getData: () => this.progressBar,
             processResponsiveness: width => this.progressBar.processResponsiveness && this.progressBar.processResponsiveness(width)
         });
         this.layoutElements.push({
@@ -34586,19 +34637,23 @@ class SurveyModel extends SurveyElementCore {
             component: "sv-progress-requiredquestions",
             data: this
         });
-        const tocModel = new TOCModel(this);
         this.addLayoutElement({
             id: "toc-navigation",
             component: "sv-navigation-toc",
-            data: tocModel,
-            processResponsiveness: width => tocModel.updateStickyTOCSize(this.rootElement)
+            getData: () => this.tocModel,
+            processResponsiveness: width => this.tocModel.updateStickyTOCSize(this.rootElement)
         });
         this.layoutElements.push({
             id: "buttons-navigation",
             component: "sv-action-bar",
-            data: this.navigationBar
+            getData: () => this.navigationBar
         });
-        this.locTitle.onStringChanged.add(() => this.titleIsEmpty = this.locTitle.isEmpty);
+    }
+    get tocModel() {
+        if (!this.tocModelValue) {
+            this.tocModelValue = new TOCModel(this);
+        }
+        return this.tocModelValue;
     }
     get sjsVersion() {
         return this.getPropertyValue("sjsVersion");
@@ -35554,7 +35609,9 @@ class SurveyModel extends SurveyElementCore {
         if (!this.isStartPageActive) {
             this.updateProgressText();
         }
-        this.navigationBar.locStrsChanged();
+        if (!!this.navigationBarValue) {
+            this.navigationBar.locStrsChanged();
+        }
     }
     getMarkdownHtml(text, name) {
         return this.getSurveyMarkdownHtml(this, text, name);
@@ -35706,10 +35763,10 @@ class SurveyModel extends SurveyElementCore {
         this.setPropertyValue("logoPosition", value);
     }
     get hasLogo() {
-        return this.getPropertyValue("hasLogo", false);
+        return this.getPropertyValue("hasLogo", undefined, () => !!this.logo && this.logoPosition !== "none");
     }
-    updateHasLogo() {
-        this.setPropertyValue("hasLogo", !!this.logo && this.logoPosition !== "none");
+    resetHasLogo() {
+        this.resetPropertyValue("hasLogo");
     }
     get isLogoBefore() {
         if (this.isDesignMode)
@@ -35733,6 +35790,9 @@ class SurveyModel extends SurveyElementCore {
         return new CssClassBuilder().append(this.css.logo)
             .append(logoClasses[this.logoPosition]).toString();
     }
+    get titleIsEmpty() {
+        return this.getPropertyValue("titleIsEmpty", undefined, () => this.locTitle.isEmpty);
+    }
     get renderedHasTitle() {
         if (this.isDesignMode)
             return this.isPropertyVisible("title");
@@ -35805,9 +35865,8 @@ class SurveyModel extends SurveyElementCore {
     get titleMaxWidth() {
         return "";
     }
-    updateRenderBackgroundImage() {
-        const path = this.backgroundImage;
-        this.renderBackgroundImage = wrapUrlForBackgroundImage(path);
+    get renderBackgroundImage() {
+        return this.getPropertyValue("renderBackgroundImage", undefined, () => wrapUrlForBackgroundImage(this.backgroundImage));
     }
     /**
      * 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.
@@ -35818,8 +35877,11 @@ class SurveyModel extends SurveyElementCore {
     set backgroundOpacity(val) {
         this.setPropertyValue("backgroundOpacity", val);
     }
-    updateBackgroundImageStyle() {
-        this.backgroundImageStyle = {
+    get backgroundImageStyle() {
+        return this.getPropertyValue("backgroundImageStyle", undefined, () => this.calcBackgroundImageStyle());
+    }
+    calcBackgroundImageStyle() {
+        return {
             opacity: this.backgroundOpacity,
             backgroundImage: this.renderBackgroundImage,
             backgroundSize: this.backgroundImageFit,
@@ -35953,6 +36015,10 @@ class SurveyModel extends SurveyElementCore {
         return "<h3>" + this.getLocalizationString("loadingSurvey") + "</h3>";
     }
     get navigationBar() {
+        if (!this.navigationBarValue) {
+            this.navigationBarValue = this.createNavigationBar();
+            this.updateNavigationCss();
+        }
         return this.navigationBarValue;
     }
     /**
@@ -36247,6 +36313,9 @@ class SurveyModel extends SurveyElementCore {
         this.updateVisibleIndexes();
     }
     get progressBar() {
+        if (!this.progressBarValue) {
+            this.progressBarValue = new ProgressButtons(this);
+        }
         return this.progressBarValue;
     }
     /**
@@ -37313,15 +37382,6 @@ class SurveyModel extends SurveyElementCore {
         var index = visPages.indexOf(this.currentPage);
         return Math.ceil((index * 100) / visPages.length);
     }
-    /**
-     * Returns a percentage value that indicates user progress in the survey.
-     * @see showProgressBar
-     * @see progressBarType
-     * @see progressText
-     */
-    get progressValue() {
-        return this.getPropertyValue("progressValue", 0);
-    }
     get isNavigationButtonsShowing() {
         if (this.isDesignMode)
             return "none";
@@ -38502,24 +38562,26 @@ class SurveyModel extends SurveyElementCore {
      * @see progressBarType
      */
     get progressText() {
-        var res = this.getPropertyValue("progressText", "");
-        if (!res) {
-            this.updateProgressText();
-            res = this.getPropertyValue("progressText", "");
-        }
-        return res;
+        return this.progressBar.progressText;
+    }
+    /**
+     * Returns a percentage value that indicates user progress in the survey.
+     * @see showProgressBar
+     * @see progressBarType
+     * @see progressText
+     */
+    get progressValue() {
+        return this.getPropertyValue("progressValue", undefined, () => this.getProgress());
     }
     updateProgressText(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");
     }
     getProgressText() {
         if (!this.isDesignMode && this.currentPage == null)
@@ -39818,27 +39880,21 @@ class SurveyModel extends SurveyElementCore {
         this.notifyElementsOnAnyValueOrVariableChanged("");
         this.isEndLoadingFromJson = null;
         this.updateVisibleIndexes();
-        this.updateHasLogo();
-        this.updateRenderBackgroundImage();
         this.updateCurrentPage();
-        this.hasDescription = !!this.description;
-        this.titleIsEmpty = this.locTitle.isEmpty;
         this.setCalculatedWidthModeUpdater();
     }
     updateNavigationCss() {
-        if (!!this.navigationBar) {
-            this.updateNavigationBarCss();
+        const val = this.navigationBarValue;
+        if (!!val) {
+            val.cssClasses = this.css.actionBar;
+            val.containerCss = this.css.footer;
             !!this.updateNavigationItemCssCallback && this.updateNavigationItemCssCallback();
         }
     }
-    updateNavigationBarCss() {
-        const val = this.navigationBar;
-        val.cssClasses = this.css.actionBar;
-        val.containerCss = this.css.footer;
-    }
     createNavigationBar() {
         const res = new ActionContainer();
         res.setItems(this.createNavigationActions());
+        res.locOwner = this;
         return res;
     }
     createNavigationActions() {
@@ -41285,7 +41341,7 @@ class SurveyModel extends SurveyElementCore {
         return layoutElement;
     }
     getContainerContent(container) {
-        const containerLayoutElements = [];
+        const containerLayoutElements = new Array();
         for (let layoutElement of this.layoutElements) {
             if (this.mode !== "display" && isStrCiEqual(layoutElement.id, "timerpanel")) {
                 if (container === "header") {
@@ -41367,6 +41423,11 @@ class SurveyModel extends SurveyElementCore {
             }
         }
         containerLayoutElements.sort((a, b) => (a.index || 0) - (b.index || 0));
+        containerLayoutElements.forEach(el => {
+            if (!!el.getData) {
+                el.data = el.getData();
+            }
+        });
         return containerLayoutElements;
     }
     processPopupVisiblityChanged(question, popup, visible) {
@@ -41541,9 +41602,6 @@ survey_decorate([
 survey_decorate([
     property()
 ], SurveyModel.prototype, "lazyRenderFirstBatchSizeValue", void 0);
-survey_decorate([
-    property({ defaultValue: true })
-], SurveyModel.prototype, "titleIsEmpty", void 0);
 survey_decorate([
     property({ defaultValue: {} })
 ], SurveyModel.prototype, "cssVariables", void 0);
@@ -41560,9 +41618,6 @@ survey_decorate([
         }
     })
 ], SurveyModel.prototype, "backgroundImage", void 0);
-survey_decorate([
-    property()
-], SurveyModel.prototype, "renderBackgroundImage", void 0);
 survey_decorate([
     property()
 ], SurveyModel.prototype, "backgroundImageFit", void 0);
@@ -41573,9 +41628,6 @@ survey_decorate([
         }
     })
 ], SurveyModel.prototype, "backgroundImageAttachment", void 0);
-survey_decorate([
-    property()
-], SurveyModel.prototype, "backgroundImageStyle", void 0);
 survey_decorate([
     property()
 ], SurveyModel.prototype, "wrapperFormCss", void 0);
@@ -41972,6 +42024,8 @@ class QuestionSelectBase extends Question {
     get waitingChoicesByURL() {
         return !this.isChoicesLoaded && this.hasChoicesUrl;
     }
+    get selectedItemValues() { return this.getPropertyValue("selectedItemValues"); }
+    set selectedItemValues(val) { this.setPropertyValue("selectedItemValues", val); }
     constructor(name) {
         super(name);
         this.otherItemValue = new ItemValue("other");
@@ -42004,10 +42058,14 @@ class QuestionSelectBase extends Question {
         this.registerPropertyChangedHandlers(["hideIfChoicesEmpty"], () => {
             this.onVisibleChanged();
         });
+        this.registerPropertyChangedHandlers(["selecteditemValues"], (newVal) => {
+            this.onSelectedItemValuesChangedHandler(newVal);
+        });
         this.createNewArray("visibleChoices", () => this.updateRenderedChoices(), () => 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 = (value) => {
@@ -42887,6 +42945,22 @@ class QuestionSelectBase extends Question {
     get locOtherText() {
         return this.getLocalizableString("otherText");
     }
+    /**
+     * 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 separateSpecialChoices() { return this.getPropertyValue("separateSpecialChoices"); }
+    set separateSpecialChoices(val) { this.setPropertyValue("separateSpecialChoices", val); }
+    /**
+     * A placeholder for the comment area. Applies when the `showOtherItem` or `showCommentArea` property is `true`.
+     * @see showOtherItem
+     * @see showCommentArea
+     */
+    get otherPlaceholder() { return this.getLocalizableStringText("otherPlaceholder"); }
+    set otherPlaceholder(val) { this.setLocalizableStringText("otherPlaceholder", val); }
+    get locOtherPlaceholder() { return this.getLocalizableString("otherPlaceholder"); }
     get otherPlaceHolder() {
         return this.otherPlaceholder;
     }
@@ -43948,19 +44022,6 @@ class QuestionSelectBase extends Question {
         this.setPropertyValue("itemComponent", value);
     }
 }
-question_baseselect_decorate([
-    property({
-        onSet: (newVal, target) => {
-            target.onSelectedItemValuesChangedHandler(newVal);
-        }
-    })
-], QuestionSelectBase.prototype, "selectedItemValues", void 0);
-question_baseselect_decorate([
-    property()
-], QuestionSelectBase.prototype, "separateSpecialChoices", void 0);
-question_baseselect_decorate([
-    property({ localizable: true })
-], QuestionSelectBase.prototype, "otherPlaceholder", void 0);
 question_baseselect_decorate([
     propertyArray()
 ], QuestionSelectBase.prototype, "_renderedChoices", void 0);
@@ -45575,21 +45636,6 @@ var question_dropdown_decorate = (undefined && undefined.__decorate) || function
  * [View Demo](https://surveyjs.io/form-library/examples/questiontype-dropdown/ (linkStyle))
  */
 class QuestionDropdownModel extends QuestionSelectBase {
-    updateReadOnlyText() {
-        let 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;
-    }
     constructor(name) {
         super(name);
         this.lastSelectedItemValue = null;
@@ -45602,13 +45648,13 @@ class QuestionDropdownModel extends QuestionSelectBase {
             this.onVisibleChoicesChanged();
         });
         this.registerPropertyChangedHandlers(["value", "renderAs", "showOtherItem", "otherText", "placeholder", "choices", "visibleChoices"], () => {
-            this.updateReadOnlyText();
+            this.getSingleSelectedItem();
+            this.resetReadOnlyText();
         });
-        this.updateReadOnlyText();
     }
     locStrsChanged() {
         super.locStrsChanged();
-        this.updateReadOnlyText();
+        this.resetReadOnlyText();
     }
     get showOptionsCaption() {
         return this.allowClear;
@@ -45741,6 +45787,23 @@ class QuestionDropdownModel extends QuestionSelectBase {
     set autocomplete(val) {
         this.setPropertyValue("autocomplete", val);
     }
+    get readOnlyText() {
+        return this.getPropertyValue("readOnlyText", undefined, () => this.calculateReadOnlyText());
+    }
+    calculateReadOnlyText() {
+        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;
+    }
+    resetReadOnlyText() {
+        this.resetPropertyValue("readOnlyText");
+    }
     getControlClass() {
         return new CssClassBuilder()
             .append(this.cssClasses.control)
@@ -45897,9 +45960,6 @@ question_dropdown_decorate([
 question_dropdown_decorate([
     property({ defaultValue: false })
 ], QuestionDropdownModel.prototype, "inputHasValue", void 0);
-question_dropdown_decorate([
-    property({ defaultValue: "" })
-], QuestionDropdownModel.prototype, "readOnlyText", void 0);
 question_dropdown_decorate([
     property({
         onSet: (newValue, target) => {
@@ -53439,11 +53499,11 @@ class QuestionRatingModel extends Question {
         });
         this.createLocalizableString("minRateDescription", this, true)
             .onStringChanged.add((sender, options) => {
-            this.hasMinRateDescription = !sender.isEmpty;
+            this.setPropertyValue("hasMinRateDescription", !sender.isEmpty);
         });
         this.createLocalizableString("maxRateDescription", this, true)
             .onStringChanged.add((sender, options) => {
-            this.hasMaxRateDescription = !sender.isEmpty;
+            this.setPropertyValue("hasMaxRateDescription", !sender.isEmpty);
         });
         this.initPropertyDependencies();
     }
@@ -53846,6 +53906,12 @@ class QuestionRatingModel extends Question {
     get locMaxRateDescription() {
         return this.getLocalizableString("maxRateDescription");
     }
+    get hasMinRateDescription() {
+        return this.getPropertyValue("hasMinRateDescription", undefined, () => !!this.minRateDescription);
+    }
+    get hasMaxRateDescription() {
+        return this.getPropertyValue("hasMaxRateDescription", undefined, () => !!this.maxRateDescription);
+    }
     get hasMinLabel() {
         return !this.displayRateDescriptionsAsExtremeItems && !!this.hasMinRateDescription;
     }
@@ -54223,12 +54289,6 @@ question_rating_decorate([
 question_rating_decorate([
     property()
 ], QuestionRatingModel.prototype, "rateCount", void 0);
-question_rating_decorate([
-    property({ defaultValue: false })
-], QuestionRatingModel.prototype, "hasMinRateDescription", void 0);
-question_rating_decorate([
-    property({ defaultValue: false })
-], QuestionRatingModel.prototype, "hasMaxRateDescription", void 0);
 question_rating_decorate([
     property()
 ], QuestionRatingModel.prototype, "displayRateDescriptionsAsExtremeItems", void 0);
@@ -61679,11 +61739,11 @@ var Version;
 var ReleaseDate;
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-Version = `${"2.0.0-rc.3"}`;
+Version = `${"2.0.0-rc.4"}`;
 settings.version = Version;
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-ReleaseDate = `${"2025-02-11"}`;
+ReleaseDate = `${"2025-02-13"}`;
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         const str = "survey-core has version '" + Version + "' and " + libraryName
@@ -61921,6 +61981,10 @@ class SvgIconRegistry {
         }
         this.updateMarkup();
     }
+    registerIcon(id, svg, iconSetVersion = "v2") {
+        this.registerIconFromSvg(id, svg);
+        addIconsToThemeSet(iconSetVersion, { [id]: svg });
+    }
     iconsRenderedHtml() {
         return Object.keys(this.icons).map(icon => this.icons[icon]).join("");
     }