survey-creator-core 2.3.2 → 2.3.4

package/fesm/survey-creator-core.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.3.2
+ * SurveyJS Creator v2.3.4
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2025,6 +2025,7 @@ class EditorLocalization {
             this.reset();
         }
     }
+    get locale() { return this.currentLocale || this.defaultLocale; }
     get presetStrings() { return this.presetStringsValues; }
     set presetStrings(val) {
         this.presetStringsValues = val;
@@ -2270,12 +2271,9 @@ class EditorLocalization {
         return this.convertToCamelCase(propName);
     }
     getPropertyValueInEditor(propName, value) {
-        const loc = this.getLocale();
-        if (!!loc && !!loc.pv && !!loc.pv[propName]) {
-            const res = loc.pv[propName][value];
-            if (!!res)
-                return res;
-        }
+        const res = this.getStringByPath(["pv", propName, value]);
+        if (!!res && res !== value)
+            return res;
         return this.getPropertyValue(value);
     }
     getPropertyValue(value, locale = null) {
@@ -4433,6 +4431,15 @@ class SearchManager extends Base {
     clearFilterString() {
         this.filterString = "";
     }
+    get enabled() {
+        return this._enabled;
+    }
+    set enabled(value) {
+        this._enabled = value;
+    }
+    getTabIndex() {
+        return this.enabled ? 0 : -1;
+    }
     onPropertyValueChanged(name, oldValue, newValue) {
         super.onPropertyValueChanged(name, oldValue, newValue);
         if (name === "filterString") {
@@ -4442,6 +4449,7 @@ class SearchManager extends Base {
     constructor() {
         super();
         this.searchActionBar = new ActionContainer();
+        this._enabled = true;
         this.initActionBar();
     }
     dispose() {
@@ -4850,9 +4858,12 @@ class QuestionToolbox extends AdaptiveActionContainer {
             title: surveyLocalization.getString("ed.toolboxSearch"),
             showTitle: false,
             action: () => {
+                if (!this.enabled)
+                    return;
                 this.rootElement.querySelector("input").focus();
                 this.isFocused = true;
-            }
+            },
+            enabled: this.enabled
         });
         this.updateResponsiveness(this.isCompact, this.overflowBehavior);
         this.createDefaultItems(supportedQuestions, useDefaultCategories);
@@ -4870,13 +4881,15 @@ class QuestionToolbox extends AdaptiveActionContainer {
         this.dotsItem.popupModel.verticalPosition = "top";
         this.dragOrClickHelper = new DragOrClickHelper((pointerDownEvent, _targets, itemModel) => {
             var _a;
+            if (!this.enabled)
+                return;
             const json = this.creator.getJSONForNewElement(itemModel.json);
             this.dotsItem.popupModel.hide();
             (_a = this.creator) === null || _a === void 0 ? void 0 : _a.onDragDropItemStart();
             this.dragDropHelper.startDragToolboxItem(pointerDownEvent, json, itemModel);
         }, false);
         this.hiddenItemsListModel.onPointerDown = (pointerDownEvent, item) => {
-            if (!this.creator.readOnly) {
+            if (!this.creator.readOnly && this.enabled) {
                 this.dragOrClickHelper.onPointerDown(pointerDownEvent, item);
             }
         };
@@ -4941,7 +4954,9 @@ class QuestionToolbox extends AdaptiveActionContainer {
             .append("svc-toolbox--flyout-to-compact-running", this.isFlyoutToCompactRunning)
             .append("svc-toolbox--compact", this.isCompactRendered)
             .append("svc-toolbox--flyout", this.isCompact && this.isFocused)
-            .append("svc-toolbox--scrollable", this.overflowBehavior == "scroll").toString();
+            .append("svc-toolbox--scrollable", this.overflowBehavior == "scroll")
+            .append("svc-toolbox--disabled", !this.enabled)
+            .toString();
     }
     setLocation(toolboxLocation) {
         if (toolboxLocation === "sidebar") {
@@ -5091,6 +5106,9 @@ class QuestionToolbox extends AdaptiveActionContainer {
         this.onItemsChanged();
     }
     correctItem(item) {
+        if (!item.id)
+            item.id = item.name;
+        this.updateActionTitle(item);
         if (!item.title)
             item.title = item.name;
         if (!item.tooltip)
@@ -5231,8 +5249,21 @@ class QuestionToolbox extends AdaptiveActionContainer {
         });
     }
     updateActionTitle(action) {
-        const newTitle = editorLocalization.getString("qt." + action.id);
-        if (!!newTitle && newTitle !== action.id) {
+        let newTitle = "";
+        const titles = action["titles"];
+        if (!!titles) {
+            newTitle = titles[editorLocalization.locale];
+            if (!newTitle) {
+                newTitle = titles["default"];
+            }
+        }
+        if (!newTitle) {
+            newTitle = editorLocalization.getString("qt." + action.id);
+            if (newTitle === action.id) {
+                newTitle = "";
+            }
+        }
+        if (!!newTitle) {
             action.title = newTitle;
             action.tooltip = newTitle;
         }
@@ -5656,10 +5687,12 @@ class QuestionToolbox extends AdaptiveActionContainer {
         }
         delete elementJson.name;
         var category = json.category ? json.category : "";
+        const titles = typeof json.title === "object" ? json.title : undefined;
         const item = new Action({
             id: json.name,
             name: json.name,
             iconName: iconName,
+            titles: titles,
             title: title,
             tooltip: title,
             className: QuestionToolboxItem.getItemClassNames(iconName),
@@ -5667,7 +5700,9 @@ class QuestionToolbox extends AdaptiveActionContainer {
             isCopied: false,
             category: category
         });
-        return this.getOrCreateToolboxItem(item);
+        const res = this.getOrCreateToolboxItem(item);
+        this.updateActionTitle(res);
+        return res;
     }
     getTitleFromJsonTitle(title, name) {
         if (!title)
@@ -5814,6 +5849,16 @@ __decorate([
 __decorate([
     property({ defaultValue: true })
 ], QuestionToolbox.prototype, "showSeparators", void 0);
+__decorate([
+    property({
+        defaultValue: true,
+        onSet: (val, target) => {
+            target.items.forEach(i => i.enabled = val);
+            target.searchManager.enabled = val;
+            target.searchItem.enabled = val;
+        }
+    })
+], QuestionToolbox.prototype, "enabled", void 0);
 
 class SelectionHistory extends Base {
     constructor(creator) {
@@ -7633,13 +7678,13 @@ class ColorCalculator {
         this.colorSettings = [];
         this.isInitialized = false;
     }
-    initializeColorSettings(baseColor, dependentСolorValues) {
+    initializeColorSettings(baseColor, dependentColorValues) {
         const baseColorRgba = getRGBaChannelValues(baseColor);
-        dependentСolorValues.forEach((dependentСolor) => {
-            const dependentСolorRgba = getRGBaChannelValues(dependentСolor);
-            const colorAlpha = dependentСolorRgba[3];
+        dependentColorValues.forEach((dependentColor) => {
+            const dependentColorRgba = getRGBaChannelValues(dependentColor);
+            const colorAlpha = dependentColorRgba[3];
             const baseColorHSB = RGBToHSB(baseColorRgba[0], baseColorRgba[1], baseColorRgba[2]);
-            const colorHSB = RGBToHSB(dependentСolorRgba[0], dependentСolorRgba[1], dependentСolorRgba[2]);
+            const colorHSB = RGBToHSB(dependentColorRgba[0], dependentColorRgba[1], dependentColorRgba[2]);
             const colorDelta = baseColorHSB[2] - colorHSB[2];
             this.colorSettings.push({ colorAlpha, colorDelta });
         });
@@ -16209,6 +16254,9 @@ class TranslationItem extends TranslationItemBase {
         return placeholderText;
     }
     getTextForExport(loc) {
+        const val = this.hashValues[loc];
+        if (!!val && !!val.text)
+            return val.text;
         const res = this.locString.getLocaleText(loc);
         if (!!res)
             return res;
@@ -17160,7 +17208,7 @@ class Translation extends Base {
         }
         let res = [];
         let headerRow = [];
-        let visibleLocales = this.locales;
+        const visibleLocales = this.locales;
         headerRow.push("description ↓ - language →");
         for (let i = 0; i < visibleLocales.length; i++) {
             headerRow.push(!!visibleLocales[i] ? visibleLocales[i] : "default");
@@ -17251,7 +17299,7 @@ class Translation extends Base {
         this.reset();
     }
     createTranslationEditor(locale) {
-        const res = new TranslationEditor(this.survey, locale, this.options);
+        const res = new TranslationEditor(this.survey, locale, this.options, this.translationStringVisibilityCallback);
         res.onApply = () => {
             this.reset();
         };
@@ -17375,7 +17423,7 @@ class TranslationForEditor extends Translation {
     }
 }
 class TranslationEditor {
-    constructor(survey, locale, options) {
+    constructor(survey, locale, options, translationStringVisibilityCallback) {
         this.fromLocales = [];
         this.survey = survey;
         this.options = options;
@@ -17383,6 +17431,7 @@ class TranslationEditor {
         this.translationValue = new TranslationForEditor(this.survey, this.options, (survey) => {
             this.setupNavigationButtons(survey);
         });
+        this.translationValue.translationStringVisibilityCallback = translationStringVisibilityCallback;
         this.translation.setEditMode(this.locale);
         this.translation.reset();
         this.fillFromLocales();
@@ -19456,9 +19505,8 @@ class LogicActionModel extends LogicActionModelBase {
     updateCurrentLogicAction(survey) {
         const selectedElement = this.getElementBySelectorName(this.panel);
         const createNewAction = !this.initialLogicAction || this.initialLogicAction.logicType != this.logicType || (!!selectedElement && this.initialLogicAction.element != selectedElement);
-        if (!createNewAction) {
+        if (!createNewAction)
             return false;
-        }
         this.currentLogicAction = new SurveyLogicAction(this.logicType, selectedElement, survey);
         return true;
     }
@@ -19492,6 +19540,14 @@ class LogicActionSetValueModel extends LogicActionModel {
             selectedElement.setValueExpression = this.panel.getQuestionByName("setValueExpression").value;
         }
     }
+    updateCurrentLogicAction(survey) {
+        const selectedElement = this.getElementBySelectorName(this.panel);
+        if (selectedElement && !!selectedElement.setValueExpression) {
+            this.afterUpdateInitialLogicAction();
+            return false;
+        }
+        return super.updateCurrentLogicAction(survey);
+    }
     setValueExpressionValue() {
         const selectedElement = this.getElementBySelectorName(this.panel);
         if (!!selectedElement) {
@@ -26675,6 +26731,7 @@ class ExpandCollapseManager {
 class TabbedMenuItem extends Action {
     constructor(item) {
         super(item);
+        this.enabled = true;
     }
     getRootCss() {
         return new CssClassBuilder()
@@ -26698,6 +26755,12 @@ class TabbedMenuItem extends Action {
     get hasIcon() {
         return !this.disableShrink && this.iconName && this.mode == "small";
     }
+    doAction() {
+        if (!this.enabled)
+            return false;
+        this.action();
+        return true;
+    }
 }
 class TabbedMenuContainer extends AdaptiveActionContainer {
     constructor(creator) {
@@ -26714,6 +26777,9 @@ class TabbedMenuContainer extends AdaptiveActionContainer {
     addTab(name, plugin, title, iconName, componentName, index) {
         const tabName = name === "test" ? "preview" : name;
         const locStrName = !title ? "tabs." + tabName : (title.indexOf("ed.") == 0 ? title : "");
+        const actionHandler = function (name) {
+            this.creator.switchTab(name);
+        };
         const tab = new TabbedMenuItem({
             id: name,
             locTitleName: locStrName,
@@ -26721,7 +26787,7 @@ class TabbedMenuContainer extends AdaptiveActionContainer {
             componentContent: componentName ? componentName : "svc-tab-" + name,
             data: plugin,
             iconName: iconName || "icon-undefined-24x24",
-            action: () => { this.creator.switchTab(name); },
+            action: actionHandler.bind(this, name),
             active: this.creator.viewType === name,
             disableHide: this.creator.viewType === name
         });
@@ -31869,6 +31935,8 @@ class ToolboxToolViewModel extends Base {
         this.click = (event) => {
             if (!this.allowAdd)
                 return;
+            if (!this.toolboxItem.enabled)
+                return;
             this.creator.clickToolboxItem(this.item.json);
             this.hidePopup();
         };
@@ -31878,6 +31946,8 @@ class ToolboxToolViewModel extends Base {
             document.removeEventListener("pointerup", this.onPointerUp);
         };
         this.startDragToolboxItem = (pointerDownEvent) => {
+            if (!this.toolboxItem.enabled)
+                return;
             var json = this.creator.getJSONForNewElement(this.item.json);
             this.dragDropHelper.startDragToolboxItem(pointerDownEvent, json, this.item);
             return true;
@@ -31897,6 +31967,9 @@ class ToolboxToolViewModel extends Base {
                 popup.isFocusedContent = false;
             }
         }
+        if (typeof item.enabled === "undefined") {
+            item.enabled = true;
+        }
     }
     get toolboxItem() {
         return this.item;
@@ -32943,8 +33016,13 @@ class QuestionAdornerViewModel extends SurveyElementAdornerBase {
         const actions = this.actionContainer.getVisibleActions();
         let switchToStartLocation = false;
         for (var i = actions.length - 1; i >= 0; i--) {
-            if (actions[i].id === "convertTo")
+            if (actions[i].id === "convertTo" || actions[i].id === "convertInputType") {
+                actions[i].css = "svc-dropdown-action--convertTo";
+                if (!switchToStartLocation) {
+                    actions[i].css += " svc-dropdown-action--convertTo-last";
+                }
                 switchToStartLocation = true;
+            }
             if (!actions[i].innerItem.location)
                 actions[i].innerItem.location = switchToStartLocation ? "start" : "end";
         }
@@ -33041,14 +33119,8 @@ class QuestionAdornerViewModel extends SurveyElementAdornerBase {
         (defaultJsons[type] || []).forEach((djson) => {
             if (this.jsonIsCorresponded(djson)) {
                 newJson = Object.assign({}, json);
-                const objJson = this.element.toJSON();
-                const cleanJson = this.cleanDefaultsFromJson(type, djson);
                 Object.keys(djson).forEach(p => {
-                    if (p != "type" && !newJson[p])
-                        newJson[p] = undefined;
-                });
-                Object.keys(json || {}).forEach(p => {
-                    if (p != "type" && !(!objJson[p] || cleanJson[p]))
+                    if (p != "type" && !newJson.hasOwnProperty(p))
                         newJson[p] = undefined;
                 });
             }
@@ -33271,7 +33343,6 @@ class QuestionAdornerViewModel extends SurveyElementAdornerBase {
     createDropdownModel(options) {
         const newAction = createDropdownActionModel({
             id: options.actionData.id,
-            css: "svc-dropdown-action--convertTo",
             iconName: options.actionData.iconName,
             iconSize: "auto",
             title: options.actionData.title,
@@ -33354,7 +33425,6 @@ class QuestionAdornerViewModel extends SurveyElementAdornerBase {
         if (!!inputTypeConverter) {
             items.push(inputTypeConverter);
         }
-        items[items.length - 1].css += " svc-dropdown-action--convertTo-last";
         if (typeof element["isRequired"] !== "undefined" && !!element.getType
             && SurveyHelper.isPropertyVisible(element, Serializer.findProperty(element.getType(), "isRequired"), this.creator)) {
             items.push(this.createRequiredAction());
@@ -36901,8 +36971,8 @@ class CreatorPreset extends CreatorPresetBase {
 }
 
 let Version;
-Version = `${"2.3.2"}`;
-checkLibraryVersion(`${"2.3.2"}`, "survey-creator-core");
+Version = `${"2.3.4"}`;
+checkLibraryVersion(`${"2.3.4"}`, "survey-creator-core");
 
 export { AceJsonEditorModel, ColorCalculator, CreatorAction, CreatorBase, CreatorEvent, CreatorPreset, CreatorPresetBase, CreatorPresetPropertyGrid, CreatorPresetPropertyGridDefinition, CreatorPresetTabs, CreatorPresetToolbox, CreatorPresetToolboxConfigurator, CreatorPresetToolboxDefinition, CreatorResponsivityManager, CreatorThemeModel, CreatorThemes, DEFAULT_MONITOR_DPI, DefaultFonts, DragDropSurveyElements, EditorLocalization, EmptySurveyCreatorOptions, FooterToolbarActionContainer, HEXToRGB, HSBToRGB, HueColorCalculator, ImageItemValueWrapperViewModel, ItemValueWrapperViewModel, JsonDuplicateNameError, JsonEditorBaseModel, LogicEvent, LogoImageViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, MenuButton, ObjType, ObjectSelector, ObjectSelectorItem, ObjectSelectorModel, PageAdorner, PageNavigatorViewModel, PagesController, PredefinedBackgroundColors, PredefinedColors, PredefinedCreatorThemes, PredefinedThemes, PropertyEditorSetupValue, PropertyGridCellsEditor, PropertyGridEditor, PropertyGridEditorBackgroundCornerRadius, PropertyGridEditorBindings, PropertyGridEditorBoolean, PropertyGridEditorCollection, PropertyGridEditorColor, PropertyGridEditorColorWithAlpha, PropertyGridEditorCondition, PropertyGridEditorDateTime, PropertyGridEditorDropdown, PropertyGridEditorExpression, PropertyGridEditorFontSettings, PropertyGridEditorHtml, PropertyGridEditorImageSize, PropertyGridEditorMatrix, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixLayoutColumns, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixTriggers, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixValidators, PropertyGridEditorNumber, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionHeader, PropertyGridEditorQuestionMaskSettings, PropertyGridEditorQuestionRestfull, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue, PropertyGridEditorSet, PropertyGridEditorShadowEffects, PropertyGridEditorSpinEdit, PropertyGridEditorString, PropertyGridEditorStringArray, PropertyGridEditorStringBase, PropertyGridEditorSwitchToggle, PropertyGridEditorText, PropertyGridEditorUndefinedBoolean, PropertyGridLinkEditor, PropertyGridModel, PropertyGridPanelValueEditor, PropertyGridRowValueEditor, PropertyGridTitleActionsCreator, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, PropertyGridValueEditor, PropertyGridValueEditorBase, PropertyGridViewModel, PropertyJSONGenerator, QuestionAdornerViewModel, QuestionColorModel, QuestionCommentWithResetModel, QuestionConvertMode, QuestionConverter, QuestionDropdownAdornerViewModel, QuestionEmbeddedSurveyModel, QuestionFileEditorModel, QuestionImageAdornerViewModel, QuestionLinkValueModel, QuestionRatingAdornerViewModel, QuestionSpinEditorModel, QuestionTextWithResetModel, QuestionToolbox, QuestionToolboxCategory, QuestionToolboxItem, RGBToHSB, ResetValueAdorner, ResizeManager, RowViewModel, SearchManager, SearchManagerPropertyGrid, SearchManagerToolbox, SidebarHeaderModel, SidebarModel, SidebarPageModel, StringEditorConnector, StringEditorViewModelBase, StringItemsNavigatorBase, SurveyCreatorModel, SurveyHelper, SurveyJSON5, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, SurveyQuestionEditorPropertyDefinition, SurveyQuestionEditorTabDefinition, SurveyQuestionProperties, SurveyResultsItemModel, SurveyResultsModel, SurveySimulatorModel, SurveyTextWorker, SurveyTextWorkerError, SurveyTextWorkerJsonError, SurveyTextWorkerParserError, Switcher, TabControlModel, TabDesignerPlugin, TabDesignerViewModel, TabJsonEditorAcePlugin, TabJsonEditorBasePlugin, TabJsonEditorTextareaPlugin, TabLogicPlugin, TabTestPlugin, TabTranslationPlugin, TabbedMenuContainer, TabbedMenuItem, TestSurveyTabViewModel, TextareaJsonEditorModel, ThemeModelEditorDefinition, ThemeTabPlugin, ThemeTabViewModel, Themes, ToolbarActionContainer, ToolboxToolViewModel, Transaction, Translation, TranslationEditor, TranslationForEditor, TranslationGroup, TranslationItem, TranslationItemBase, TranslationItemString, UndoRedoAction, UndoRedoArrayAction, UndoRedoManager, UndoRedoPlugin, Version, assign, assignDefaultClasses, backgroundCornerRadiusFromCssVariable, backgroundCornerRadiusToCssVariable, calculateDragOverLocation, calculateIsEdge, calculateIsSide, capitalize, clearNewLines, colorsAreEqual, convertRgbaToString, copyCssClasses, copyObject, createBoxShadow, createBoxShadowReset, createColor, createExportCSVAction, createImportCSVAction, creatorThemeModelEditorDefinition, creatorThemeModelPropertyGridDefinition, defaultCreatorThemesOrder, defaultPropertyGridDefinition, defaultStrings, defaultThemesOrder, editableStringRendererName, editorLocalization, enStrings, findParentNode, focusFirstControl, fontsettingsFromCssVariable, fontsettingsToCssVariable, getAcceptedTypesByContentMode, getElementWrapperComponentData, getElementWrapperComponentName, getFirstNonTextElement, getItemValueWrapperComponentData, getItemValueWrapperComponentName, getLocString, getLocaleStrings, getNextItemText, getNextItemValue, getNextValue, getNodesFromKoComponentInfo, getOS, getPredefinedBackgoundColorsChoices, getPredefinedColorsItemValues, getQuestionContentWrapperComponentName, getQuestionFromObj, getRGBaChannelValues, getRowWrapperComponentData, getRowWrapperComponentName, iconsV1, iconsV2, ignoreUndoRedo, imageMimeTypes, ingectAlpha, initLogicOperator, initialSettingsAllowShowEmptyTitleInDesignMode, initializeDesignTimeSurveyModel, isStringEditable, isTextInput, listComponentCss, editorLocalization as localization, logicCss, notShortCircuitAnd, parseBoxShadow, parseColor, parseRgbaFromString, propertyGridCss, registerAdorner, registerCreatorTheme, registerSurveyTheme, removeAdorners, roundTo2Decimals, saveToFileHandler, scrollElementIntoView, select, setSurveyJSONForPropertyGrid, settings, setupLocale, simulatorDevices, svgBundle, themeModelPropertyGridDefinition, toggleHovered, translationCss, trimBoxShadowValue, trimEmptyFields, undoRedoTransaction, updateBackgroundCornerRadiusJSON, updateFontSettingsJSON, updateShadowEffectsJSON, updateThemeEditorsDefaultFontFamily, updatecoloralphaJSON, wrapTextByCurlyBraces };
 //# sourceMappingURL=survey-creator-core.mjs.map