survey-creator-core 2.3.10 → 2.3.11

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.3.10
+ * SurveyJS Creator v2.3.11
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -601,6 +601,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
 /* harmony import */ var _string_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./string-editor */ "./src/components/string-editor.ts");
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+
 
 
 
@@ -638,6 +640,11 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
                 _this.isDragDropMoveUp = false;
             }
         };
+        _this.canShowPanelValue = undefined;
+        _this.onExpandPanelAtDesign = function () {
+            _this.showPanel = true;
+        };
+        _this.item.onExpandPanelAtDesign.add(_this.onExpandPanelAtDesign);
         _this.updateIsNew(question, item);
         for (var key in specificChoices) {
             _this.registerOnPropertyChanged(key, specificChoices[key]);
@@ -665,6 +672,7 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
         if (!_this.creator.isCanModifyProperty(question, "choices")) {
             _this.canTouchItems = false;
         }
+        _this.setupShowPanel();
         return _this;
     }
     Object.defineProperty(ItemValueWrapperViewModel.prototype, "canBeDragged", {
@@ -717,9 +725,22 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(ItemValueWrapperViewModel.prototype, "expandCollapseManager", {
+        get: function () {
+            return this.creator.expandCollapseManager;
+        },
+        enumerable: false,
+        configurable: true
+    });
     ItemValueWrapperViewModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
         this.dragDropHelper.onGhostPositionChanged.remove(this.handleDragDropGhostPositionChanged);
+        if (this.item) {
+            this.item.onExpandPanelAtDesign.remove(this.onExpandPanelAtDesign);
+        }
+        if (this.canShowPanel()) {
+            this.expandCollapseManager.disposeChoice(this.item, this);
+        }
     };
     ItemValueWrapperViewModel.prototype.getGhostPosition = function (item) {
         if (this.dragDropHelper.dropTarget !== item)
@@ -864,6 +885,56 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
             return false;
         return val >= min && val <= max;
     };
+    ItemValueWrapperViewModel.prototype.canShowPanel = function () {
+        if (this.canShowPanelValue === undefined) {
+            this.canShowPanelValue = this.calcCanShowPanel();
+        }
+        return this.canShowPanelValue;
+    };
+    ItemValueWrapperViewModel.prototype.calcCanShowPanel = function () {
+        if (!this.item.supportElements)
+            return false;
+        var level = this.creator.maxChoiceContentNestingLevel;
+        if (level <= 0)
+            return false;
+        if (this.question.isBuiltInChoice(this.item))
+            return false;
+        var parent = this.question.parent;
+        var index = 0;
+        while (!!parent && index < level && _survey_helper__WEBPACK_IMPORTED_MODULE_6__.SurveyHelper.isChoiceItemPanel(parent)) {
+            index++;
+            parent = parent.parent;
+        }
+        return !!parent && index < level;
+    };
+    Object.defineProperty(ItemValueWrapperViewModel.prototype, "showPanel", {
+        get: function () {
+            return this.getPropertyValue("showPanel", false);
+        },
+        set: function (val) {
+            if (val && !this.canShowPanel())
+                return;
+            if (val) {
+                this.item.panel.onFirstRendering();
+            }
+            this.expandCollapseManager.setChoicesState(this.item, val, this);
+            this.expandCollapse(val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ItemValueWrapperViewModel.prototype.expandCollapse = function (val) {
+        this.setPropertyValue("showPanel", val);
+    };
+    ItemValueWrapperViewModel.prototype.togglePanel = function () {
+        this.showPanel = !this.showPanel;
+    };
+    ItemValueWrapperViewModel.prototype.setupShowPanel = function () {
+        var state = this.expandCollapseManager.isChoiceExpanded(this.item);
+        if (state) {
+            this.showPanel = true;
+        }
+    };
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: false })
     ], ItemValueWrapperViewModel.prototype, "isNew", void 0);
@@ -18705,10 +18776,11 @@ var TranslationEditor = /** @class */ (function () {
     };
     TranslationEditor.prototype.setupNavigationButtons = function (survey) {
         var _this = this;
+        survey.showCompleteButton = false;
         var navigationBar = new _action_container_view_model__WEBPACK_IMPORTED_MODULE_11__.SurveyElementActionContainer();
         navigationBar.allowResponsiveness();
-        survey["navigationBarValue"] = navigationBar;
-        survey.findLayoutElement("buttons-navigation").data = navigationBar;
+        survey["navigationBarTopValue"] = navigationBar;
+        survey.findLayoutElement("buttons-navigation-top").data = navigationBar;
         navigationBar.locOwner = survey;
         navigationBar.cssClasses = survey.css.actionBar;
         navigationBar.containerCss = survey.css.footer;
@@ -18798,7 +18870,7 @@ var TranslationEditor = /** @class */ (function () {
         return action;
     };
     TranslationEditor.prototype.updateFromLocaleAction = function () {
-        var action = this.translation.stringsHeaderSurvey.findLayoutElement("buttons-navigation").data.getActionById("svc-translation-fromlocale");
+        var action = this.translation.stringsHeaderSurvey.findLayoutElement("buttons-navigation-top").data.getActionById("svc-translation-fromlocale");
         if (!!action) {
             action.enabled = this.fromLocales.length > 0;
             action.iconName = action.enabled ? "icon-chevron_16x16" : undefined;
@@ -20011,6 +20083,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          * @see showTranslationTab
          */
         _this.clearTranslationsOnSourceTextChange = false;
+        _this.maxChoiceContentNestingLevel = 0;
         /**
          * An event that is raised to determine whether in-place editing is allowed for an element on the design surface. Use this event to enable or disable in-place editing for specific elements.
          * @see inplaceEditChoiceValues
@@ -21453,6 +21526,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
      */
     SurveyCreatorModel.prototype.initSurveyWithJSON = function (json, clearState) {
         var _this = this;
+        this.expandCollapseManager.clearExpandChoicesStates();
         if (!json) {
             json = { "headerView": "advanced" };
         }
@@ -21611,11 +21685,13 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         this.dragDropChoices = new survey_core__WEBPACK_IMPORTED_MODULE_1__.DragDropChoices(null, this);
         this.dragDropChoices.onDragStart.add(function (sender, options) {
             _this.startUndoRedoTransaction("drag drop");
+            _this.expandCollapseManager.collapseChoices(_this.dragDropChoices.parentElement.choices);
         });
         this.dragDropChoices.onDragEnd.add(function (sender, options) {
             _this.selectElement(options.draggedElement, undefined, false);
         });
         this.dragDropChoices.onDragClear.add(function (sender, options) {
+            _this.expandCollapseManager.expandChoices();
             _this.stopUndoRedoTransaction();
         });
     };
@@ -22535,15 +22611,38 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             }
         });
     };
-    SurveyCreatorModel.prototype.focusElement = function (element, focus, selEl, propertyName, startEdit) {
+    SurveyCreatorModel.prototype.focusElement = function (element, focus, selEl, propertyName, startEdit, onCallback) {
         var _this = this;
         if (selEl === void 0) { selEl = null; }
         if (propertyName === void 0) { propertyName = null; }
         if (startEdit === void 0) { startEdit = null; }
+        if (onCallback === void 0) { onCallback = null; }
         if (!selEl)
             selEl = this.getSelectedSurveyElement();
         if (!selEl)
             return;
+        var doFocus = function () { return _this.focusElementCore(element, focus, selEl, propertyName, startEdit, onCallback); };
+        if (element && _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.isChoiceItemPanel(element.parent)) {
+            var panel = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getChoiceIItemPanel(element);
+            var item_1 = panel["choiceItem"];
+            var q = item_1.choiceOwner;
+            if (q.isCollapsed)
+                q.expand();
+            this.focusElement(q, false, null, null, null, function () {
+                item_1.onExpandPanelAtDesign.fire(item_1, {});
+                doFocus();
+            });
+        }
+        else {
+            doFocus();
+        }
+    };
+    SurveyCreatorModel.prototype.focusElementCore = function (element, focus, selEl, propertyName, startEdit, onCallback) {
+        var _this = this;
+        if (selEl === void 0) { selEl = null; }
+        if (propertyName === void 0) { propertyName = null; }
+        if (startEdit === void 0) { startEdit = null; }
+        if (onCallback === void 0) { onCallback = null; }
         var elementPage = this.getPageByElement(selEl);
         clearInterval(this.currentFocusInterval);
         clearTimeout(this.currentFocusTimeout);
@@ -22588,10 +22687,16 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
                     if (startEdit && !!element) {
                         _components_string_editor__WEBPACK_IMPORTED_MODULE_23__.StringEditorConnector.get(element.locTitle).activateEditor();
                     }
+                    onCallback && onCallback();
                 }, 1);
             }, 100);
         }, 50);
     };
+    SurveyCreatorModel.prototype.getChoiceItemQuestionToExpand = function (element) {
+        var panel = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getChoiceIItemPanel(element);
+        var item = panel["choiceItem"];
+        return item.choiceOwner;
+    };
     SurveyCreatorModel.prototype.getHtmlElementForScroll = function (element) {
         var _a;
         var id = element.getType() === "matrixdropdowncolumn" ? element.colOwner.id : element.id;
@@ -26526,15 +26631,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         });
         return result;
     };
-    DragDropSurveyElements.prototype.getDragDropElementType = function (element) {
-        if (element.isPage)
-            return _drag_drop_enums__WEBPACK_IMPORTED_MODULE_5__.ElType.Page;
-        if (element.isPanel)
-            return _drag_drop_enums__WEBPACK_IMPORTED_MODULE_5__.ElType.Panel;
-        if (element instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__.QuestionPanelDynamicModel)
-            return _drag_drop_enums__WEBPACK_IMPORTED_MODULE_5__.ElType.DynamicPanel;
-        return _drag_drop_enums__WEBPACK_IMPORTED_MODULE_5__.ElType.Question;
-    };
     DragDropSurveyElements.prototype.dragOver = function (event) {
         var dropTargetNode = this.findDropTargetNodeFromPoint(event.clientX, event.clientY);
         if (!dropTargetNode) {
@@ -27317,11 +27413,68 @@ var ExpandCollapseManager = /** @class */ (function () {
     function ExpandCollapseManager(creator) {
         this.creator = creator;
         this._lockQuestions = false;
+        this.expandChoicesStates = {};
     }
     ExpandCollapseManager.prototype.expandCollapseElements = function (reason, isCollapsed, elements) {
         if (elements === void 0) { elements = null; }
         this.updateCollapsed(elements || this.getCollapsableElements(), isCollapsed, reason);
     };
+    ExpandCollapseManager.prototype.clearExpandChoicesStates = function () {
+        this.expandChoicesStates = {};
+    };
+    ExpandCollapseManager.prototype.setChoicesState = function (item, isExpanded, adorner) {
+        var id = item.uniqueId;
+        if (isExpanded) {
+            var adorners = this.expandChoicesStates[id];
+            if (!adorners) {
+                adorners = [];
+                this.expandChoicesStates[id] = adorners;
+            }
+            if (adorner) {
+                adorners.push(adorner);
+            }
+        }
+        else {
+            delete this.expandChoicesStates[id];
+        }
+    };
+    ExpandCollapseManager.prototype.isChoiceExpanded = function (item) {
+        return !!this.expandChoicesStates[item.uniqueId];
+    };
+    ExpandCollapseManager.prototype.expandChoices = function () {
+        if (Array.isArray(this.collapsedChoices)) {
+            this.expandCollapseChoices(this.collapsedChoices, true);
+        }
+        this.collapsedChoices = null;
+    };
+    ExpandCollapseManager.prototype.collapseChoices = function (items) {
+        this.collapsedChoices = items;
+        this.expandCollapseChoices(items, false);
+    };
+    ExpandCollapseManager.prototype.disposeChoice = function (item, adorner) {
+        var id = item.uniqueId;
+        var adorners = this.expandChoicesStates[id];
+        if (Array.isArray(adorners)) {
+            var index = adorners.indexOf(adorner);
+            if (index !== -1) {
+                adorners.splice(index, 1);
+            }
+            if (adorners.length === 0) {
+                delete this.expandChoicesStates[id];
+            }
+        }
+    };
+    ExpandCollapseManager.prototype.expandCollapseChoices = function (items, isExpanded) {
+        var _this = this;
+        items.forEach(function (item) {
+            var adorners = _this.expandChoicesStates[item.uniqueId];
+            if (Array.isArray(adorners)) {
+                adorners.forEach(function (adorner) {
+                    adorner.expandCollapse(isExpanded);
+                });
+            }
+        });
+    };
     Object.defineProperty(ExpandCollapseManager.prototype, "questionsLocked", {
         get: function () {
             return this._lockQuestions;
@@ -38105,10 +38258,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index */ "./src/property-grid/index.ts");
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
 
 
 
 
+
+function getSeparator() {
+    return (0,_survey_helper__WEBPACK_IMPORTED_MODULE_4__.getItemValueSeparator)();
+}
 var FastEntryEditorBase = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(FastEntryEditorBase, _super);
     function FastEntryEditorBase(choices, options, className, names) {
@@ -38214,7 +38372,7 @@ var FastEntryEditorBase = /** @class */ (function (_super) {
         for (var i = 0; i < texts.length; i++) {
             if (!texts[i])
                 continue;
-            var elements = texts[i].split(survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue.Separator);
+            var elements = texts[i].split(getSeparator());
             var valueItem = survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.createClass(this.className);
             this.names.forEach(function (name, i) {
                 valueItem[name] = elements[i];
@@ -38254,7 +38412,7 @@ var FastEntryEditorBase = /** @class */ (function (_super) {
             var str = texts[i];
             if (!str)
                 continue;
-            var value = str.split(survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue.Separator)[0];
+            var value = str.split(getSeparator())[0];
             if (values[value])
                 return value;
             values[value] = true;
@@ -38279,7 +38437,7 @@ var FastEntryEditorBase = /** @class */ (function (_super) {
             }
             if (!survey_core__WEBPACK_IMPORTED_MODULE_1__.Helpers.isValueEmpty(str)) {
                 for (var i = 0; i < separatorCounter; i++) {
-                    text += survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue.Separator;
+                    text += getSeparator();
                 }
                 text += str;
                 separatorCounter = 1;
@@ -39234,7 +39392,7 @@ var PropertyGridModel = /** @class */ (function () {
                 panel.collapse();
             }
         }
-        if (focus) {
+        if (focus && !question.isReadOnly) {
             question.focus();
         }
         else {
@@ -40319,10 +40477,11 @@ var PropertyGridEditorDropdown = /** @class */ (function (_super) {
             return true;
         if (this.isLocaleProp(prop))
             return false;
-        if (!this.canRenderAsButtonGroup ||
-            !choices ||
-            choices.length == 0 ||
-            choices.length > 4)
+        if (!this.canRenderAsButtonGroup)
+            return false;
+        if (!choices || !Array.isArray(choices))
+            return false;
+        if (choices.length == 0 || choices.length > 4)
             return false;
         var charCount = 0;
         for (var i = 0; i < choices.length; i++) {
@@ -44598,7 +44757,8 @@ var SelectionHistory = /** @class */ (function (_super) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ObjType: () => (/* binding */ ObjType),
-/* harmony export */   SurveyHelper: () => (/* binding */ SurveyHelper)
+/* harmony export */   SurveyHelper: () => (/* binding */ SurveyHelper),
+/* harmony export */   getItemValueSeparator: () => (/* binding */ getItemValueSeparator)
 /* harmony export */ });
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
@@ -44607,6 +44767,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+function getItemValueSeparator() {
+    var res = survey_core__WEBPACK_IMPORTED_MODULE_0__.settings.itemValueSeparator;
+    return !!res ? res : "|";
+}
 var ObjType;
 (function (ObjType) {
     ObjType["Unknown"] = "unknown";
@@ -44848,6 +45012,17 @@ var SurveyHelper = /** @class */ (function () {
     SurveyHelper.canSelectObj = function (obj) {
         return !obj || obj["disableSelecting"] !== true;
     };
+    SurveyHelper.isChoiceItemPanel = function (panel) {
+        return this.getChoiceIItemPanel(panel) !== null;
+    };
+    SurveyHelper.getChoiceIItemPanel = function (element) {
+        while (!!element) {
+            if (element.isPanel && !!element.choiceItem)
+                return element;
+            element = element.parent;
+        }
+        return null;
+    };
     SurveyHelper.warnNonSupported = function (name, newPropertyName) {
         var outputText = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(name) + " is not supported in V2.";
         if (!!newPropertyName) {
@@ -44905,7 +45080,7 @@ var SurveyHelper = /** @class */ (function () {
             .map(function (row) {
             return row.cells
                 .map(function (cell) { return cell.value || ""; })
-                .join(survey_core__WEBPACK_IMPORTED_MODULE_0__.ItemValue.Separator)
+                .join(getItemValueSeparator())
                 .replace(/\|$/, "");
         })
             .join("\n");
@@ -44918,7 +45093,7 @@ var SurveyHelper = /** @class */ (function () {
                 text += "\n";
             text += item.value;
             if (item.pureText)
-                text += survey_core__WEBPACK_IMPORTED_MODULE_0__.ItemValue.Separator + item.pureText;
+                text += getItemValueSeparator() + item.pureText;
         });
         return text;
     };
@@ -44930,7 +45105,7 @@ var SurveyHelper = /** @class */ (function () {
         for (var i = 0; i < texts.length; i++) {
             if (!texts[i])
                 continue;
-            var elements = texts[i].split(survey_core__WEBPACK_IMPORTED_MODULE_0__.ItemValue.Separator);
+            var elements = texts[i].split(getItemValueSeparator());
             var valueItem = survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.createClass(className);
             properties.forEach(function (p, i) {
                 valueItem[p.name] = elements[i];
@@ -48840,6 +49015,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   getElementWrapperComponentData: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_5__.getElementWrapperComponentData),
 /* harmony export */   getElementWrapperComponentName: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_5__.getElementWrapperComponentName),
 /* harmony export */   getFirstNonTextElement: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_80__.getFirstNonTextElement),
+/* harmony export */   getItemValueSeparator: () => (/* reexport safe */ _survey_helper__WEBPACK_IMPORTED_MODULE_86__.getItemValueSeparator),
 /* harmony export */   getItemValueWrapperComponentData: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_5__.getItemValueWrapperComponentData),
 /* harmony export */   getItemValueWrapperComponentName: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_5__.getItemValueWrapperComponentName),
 /* harmony export */   getLocString: () => (/* reexport safe */ _editorLocalization__WEBPACK_IMPORTED_MODULE_2__.getLocString),
@@ -49019,7 +49195,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_116__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_116___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_116__);
 var Version;
-Version = "".concat("2.3.10");
+Version = "".concat("2.3.11");
 //should be loaded before other styles for easier override
 
 
@@ -49141,7 +49317,7 @@ Version = "".concat("2.3.10");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_116__.checkLibraryVersion)("".concat("2.3.10"), "survey-creator-core");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_116__.checkLibraryVersion)("".concat("2.3.11"), "survey-creator-core");
 
 })();