survey-creator-js 2.1.1 → 2.2.1

package/fesm/survey-creator-js.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator UI v2.1.1
+ * SurveyJS Creator UI v2.2.1
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2003,6 +2003,7 @@ class SurveyLocStringEditor extends CreatorModelElement {
         super.componentDidUpdate(prevProps, prevState);
         this.baseModel.setLocString(this.locString);
         this.baseModel.afterRender();
+        this.locString.onStringChanged.add(this.onChangedHandler);
     }
     componentWillUnmount() {
         super.componentWillUnmount();
@@ -2029,12 +2030,12 @@ class SurveyLocStringEditor extends CreatorModelElement {
             if (this.htmlValue.__html !== this.locString.renderedHtml) {
                 this.htmlValue = { __html: this.locString.renderedHtml };
             }
-            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, tabIndex: this.baseModel.tabIndex, 
                 // style={this.style}
                 dangerouslySetInnerHTML: this.htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
         }
         else {
-            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, tabIndex: this.baseModel.tabIndex, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
                 // style={this.style}
                 key: this.locString.renderedHtml, onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
         }
@@ -2831,8 +2832,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.1.1"}`;
-checkLibraryVersion(`${"2.1.1"}`, "survey-creator-react");
+Version = `${"2.2.1"}`;
+checkLibraryVersion(`${"2.2.1"}`, "survey-creator-react");
 
 function renderSurveyCreator(creator, element, props = {}) {
     let node = element;