survey-creator-core 2.0.6 → 2.0.8

package/fesm/survey-creator-core.mjs

@@ -1,12 +1,12 @@
 /*!
- * SurveyJS Creator v2.0.6
+ * SurveyJS Creator v2.0.8
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
 
 import * as Survey from 'survey-core';
-import { surveyLocalization, Serializer, SurveyModel, Helpers, QuestionFactory, CustomWidgetCollection, defaultCss, settings as settings$1, MatrixDropdownColumn, ItemValue, JsonError, property, Base, Action, ComputedUpdater, ActionContainer, propertyArray, AdaptiveActionContainer, AnimationBoolean, CssClassBuilder, DragOrClickHelper, ElementFactory, ComponentCollection, JsonObject, ListModel, EventBase, createDropdownActionModel, surveyCss, defaultThemeName, ConditionsParser, SurveyTrigger, QuestionMatrixDropdownModelBase, QuestionPanelDynamicModel, ConditionRunner, ExpressionRunner, FunctionFactory, QuestionButtonGroupModel, QuestionTextBase, LocalizableString, PageModel, QuestionCommentModel, createPopupModelWithListModel, defaultActionBarCss, createDropdownActionModelAdvanced, PopupModel, getActionDropdownButtonTarget, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, DragDropCore, getIconNameFromProxy, AnimationGroup, activateLazyRenderingChecks, CharacterCounter, QuestionImagePickerModel, QuestionMultipleTextModel, QuestionMatrixDropdownModel, QuestionMatrixDynamicModel, QuestionMatrixModel, QuestionSelectBase, MultipleTextItemModel, addIconsToThemeSet, SvgRegistry, hasLicense, slk, Notifier, SvgThemeSets, IsTouch, SurveyElement, Question, PanelModel, DragDropChoices, chooseFiles, classesToSelector, PanelModelBase, QuestionHtmlModel, QuestionNonValue, QuestionTextModel, QuestionFileModel, QuestionRatingModel, renamedIcons, JsonObjectProperty, checkLibraryVersion } from 'survey-core';
+import { surveyLocalization, Serializer, SurveyModel, Helpers, QuestionFactory, CustomWidgetCollection, defaultCss, settings as settings$1, MatrixDropdownColumn, ItemValue, JsonError, property, Base, Action, ComputedUpdater, ActionContainer, propertyArray, AdaptiveActionContainer, AnimationBoolean, CssClassBuilder, DragOrClickHelper, ElementFactory, ComponentCollection, JsonObject, ListModel, EventBase, createDropdownActionModel, surveyCss, defaultThemeName, ConditionsParser, SurveyTrigger, QuestionMatrixDropdownModelBase, QuestionPanelDynamicModel, ConditionRunner, ExpressionRunner, FunctionFactory, QuestionButtonGroupModel, QuestionTextBase, ResponsivityManager, LocalizableString, PageModel, QuestionCommentModel, createPopupModelWithListModel, defaultActionBarCss, createDropdownActionModelAdvanced, PopupModel, getActionDropdownButtonTarget, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, DragDropCore, getIconNameFromProxy, AnimationGroup, activateLazyRenderingChecks, CharacterCounter, QuestionImagePickerModel, QuestionMultipleTextModel, QuestionMatrixDropdownModel, QuestionMatrixDynamicModel, QuestionMatrixModel, QuestionSelectBase, MultipleTextItemModel, addIconsToThemeSet, SvgRegistry, hasLicense, slk, Notifier, SvgThemeSets, IsTouch, SurveyElement, Question, PanelModel, DragDropChoices, chooseFiles, classesToSelector, PanelModelBase, QuestionHtmlModel, QuestionNonValue, QuestionTextModel, QuestionFileModel, QuestionRatingModel, renamedIcons, JsonObjectProperty, checkLibraryVersion } from 'survey-core';
 
 // Uncomment the line below if you create a custom dictionary
 // import { editorLocalization } from "survey-creator-core";
@@ -2443,25 +2443,7 @@ var settings = {
                 choices: ["Item 1", "Item 2", "Item 3"]
             },
             imagepicker: {
-                imageFit: "cover",
-                choices: [
-                    {
-                        value: "Image 1",
-                        imageLink: "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg"
-                    },
-                    {
-                        value: "Image 2",
-                        imageLink: "https://surveyjs.io/Content/Images/examples/image-picker/giraffe.jpg"
-                    },
-                    {
-                        value: "Image 3",
-                        imageLink: "https://surveyjs.io/Content/Images/examples/image-picker/panda.jpg"
-                    },
-                    {
-                        value: "Image 4",
-                        imageLink: "https://surveyjs.io/Content/Images/examples/image-picker/camel.jpg"
-                    }
-                ]
+                imageFit: "cover"
             },
             image: {
                 imageFit: "cover",
@@ -11725,7 +11707,7 @@ var propertyGridCss = {
         controlReadOnly: "sd-input--disabled sd-input--readonly"
     },
     buttongroup: {
-        root: "spg-button-group",
+        root: "sd-button-group-scrollable-container spg-button-group",
         item: "spg-button-group__item",
         itemIcon: "spg-button-group__item-icon",
         itemDecorator: "spg-button-group__item-decorator",
@@ -11734,7 +11716,20 @@ var propertyGridCss = {
         itemSelected: "spg-button-group__item--selected",
         itemDisabled: "spg-button-group__item--disabled",
         itemControl: "sv-visuallyhidden",
-        readOnly: "spg-question--disabled"
+        readOnly: "spg-question--disabled",
+        rootDropdown: "sd-button-group-scrollable-container sd-scrollable-container--compact sd-selectbase",
+        selectWrapper: "sv-dropdown_select-wrapper spg-dropdown_select-wrapper",
+        control: "spg-input spg-dropdown sd-input sd-dropdown",
+        controlEmpty: "spg-dropdown--empty sd-dropdown--empty",
+        controlValue: "spg-dropdown__value sd-dropdown__value",
+        controlDisabled: "spg-input--disabled sd-input--disabled",
+        controlReadOnly: "spg-input--readonly sd-input--readonly",
+        controlPreview: "spg-input--preview sd-input--preview",
+        filterStringInput: "sd-dropdown__filter-string-input spg-dropdown__filter-string-input",
+        chevronButton: "sd-dropdown_chevron-button spg-dropdown_chevron-button",
+        chevronButtonSvg: "sd-dropdown_chevron-button-svg spg-dropdown_chevron-button-svg",
+        chevronButtonIconId: "icon-chevron",
+        popup: "spg-dropdown-popup svc-creator-popup",
     },
     imagepicker: {
         root: "spg-imagepicker",
@@ -13691,13 +13686,6 @@ class PropertyGridTitleActionsCreator {
                 action.iconName = this.getHelpActionIconName(question);
             }
         });
-        const baseOnMouseDown = action.doMouseDown;
-        action.doMouseDown = (args) => {
-            baseOnMouseDown.call(action);
-            const evt = !!args.originalEvent ? args.originalEvent : args;
-            evt.preventDefault();
-            evt.stopPropagation();
-        };
         return action;
     }
     getHelpActionIconName(question) {
@@ -14710,8 +14698,9 @@ class PropertyGridEditorUndefinedBoolean extends PropertyGridEditor {
             { value: "false", text: editorLocalization.getString("pe.disabled") },
             { value: "true", text: editorLocalization.getString("pe.enabled") },
         ];
+        const _renderAsButtonGroup = settings.propertyGrid.useButtonGroup;
         const res = {
-            type: "buttongroup",
+            type: _renderAsButtonGroup ? "buttongroup" : "dropdown",
             choices: choices,
             showOptionsCaption: false
         };
@@ -14994,10 +14983,9 @@ class PropertyGridEditorDropdown extends PropertyGridEditor {
     }
     getJSON(obj, prop, options) {
         var choices = this.getChoices(obj, prop);
+        const _renderAsButtonGroup = this.renderAsButtonGroup(prop, choices);
         var json = {
-            type: this.renderAsButtonGroup(prop, choices)
-                ? "buttongroup"
-                : "dropdown",
+            type: _renderAsButtonGroup ? "buttongroup" : "dropdown",
             choices: choices,
             showOptionsCaption: false
         };
@@ -15631,6 +15619,15 @@ __decorate([
     property({ defaultValue: "icon" })
 ], MenuButton.prototype, "contentType", void 0);
 
+class SurveyElementResponsivityManager extends ResponsivityManager {
+    constructor(container, model, onGetAllowResponsivenessCallback) {
+        super(container, model);
+        this.onGetAllowResponsivenessCallback = onGetAllowResponsivenessCallback;
+    }
+    shouldProcessResponsiveness() {
+        return super.shouldProcessResponsiveness() && (!this.onGetAllowResponsivenessCallback || this.onGetAllowResponsivenessCallback());
+    }
+}
 class SurveyElementActionContainer extends AdaptiveActionContainer {
     needToShrink(item, shrinkTypeConverterAction) {
         return (item.innerItem.location == "start" && shrinkTypeConverterAction || item.innerItem.location != "start");
@@ -15661,6 +15658,7 @@ class SurveyElementActionContainer extends AdaptiveActionContainer {
     constructor() {
         super();
         this.alwaysShrink = false;
+        this.isResponsivenessAllowed = false;
         this.dotsItem.iconSize = "auto";
         this.dotsItem.popupModel.cssClass += " svc-creator-popup";
         this.hiddenItemsListModel.cssClasses = listComponentCss;
@@ -15707,6 +15705,15 @@ class SurveyElementActionContainer extends AdaptiveActionContainer {
         }
         this.hiddenItemsListModel.setItems(items.filter(i => i.mode == "popup").map(i => i.innerItem));
     }
+    allowResponsiveness() {
+        if (!this.isResponsivenessAllowed) {
+            this.isResponsivenessAllowed = true;
+            this.updateCallback && this.updateCallback(true);
+        }
+    }
+    createResponsivityManager(container) {
+        return new SurveyElementResponsivityManager(container, this, () => this.isResponsivenessAllowed);
+    }
 }
 
 let isLocaleEnableIfExecuting;
@@ -17227,6 +17234,7 @@ class TranslationEditor {
     }
     setupNavigationButtons(survey) {
         const navigationBar = new SurveyElementActionContainer();
+        navigationBar.allowResponsiveness();
         survey["navigationBarValue"] = navigationBar;
         survey.findLayoutElement("buttons-navigation").data = navigationBar;
         navigationBar.locOwner = survey;
@@ -20800,8 +20808,8 @@ function ignoreUndoRedo(undoRedoManagerProperty = "undoRedoManager") {
 class ObjectSelectorItem extends Action {
     constructor(id, data, title, level) {
         super({ id: "sv_item_selector_" + id.toString(), title: title });
-        this.data = data;
         this.level = level;
+        this.data = data;
     }
     hasText(filteredTextInLow) {
         if (!filteredTextInLow)
@@ -21336,6 +21344,24 @@ __decorate([
     property()
 ], PagesController.prototype, "page2Display", void 0);
 
+function debounce(func, delay) {
+    let timeout;
+    return function (...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => {
+            func.apply(this, args);
+        }, delay);
+    };
+}
+const updateRowsVisibility = debounce((target) => {
+    if (target.creator.rootElement.getAnimations({ subtree: true }).filter((animation => animation.effect.getComputedTiming().activeDuration !== Infinity && (animation.pending || animation.playState !== "finished")))[0]) {
+        updateRowsVisibility(target);
+    }
+    else {
+        target.creator.survey.pages.forEach(p => p.ensureRowsVisibility());
+        target.creator.survey.getAllPanels().forEach(p => p.ensureRowsVisibility());
+    }
+}, 50);
 class SurveyElementAdornerBase extends Base {
     getAnimatedElement() {
         return null;
@@ -21368,6 +21394,7 @@ class SurveyElementAdornerBase extends Base {
             this.hoverTimeout = undefined;
             this.isHovered = false;
         }
+        this.actionContainer.allowResponsiveness();
     }
     getExpandCollapseAnimationOptions() {
         const beforeRunAnimation = (el, animatingClassName) => {
@@ -21564,6 +21591,9 @@ class SurveyElementAdornerBase extends Base {
                 this.onElementSelectedChanged(newValue);
             }, "questionSelected");
             this.restoreState();
+            if (surveyElement.getPropertyValue("isSelectedInDesigner")) {
+                this.actionContainer.allowResponsiveness();
+            }
             this.updateActionsContainer(surveyElement);
             this.updateActionsProperties();
             surveyElement.setPropertyValue(SurveyElementAdornerBase.AdornerValueName, this);
@@ -21618,6 +21648,7 @@ class SurveyElementAdornerBase extends Base {
         if (!isSelected)
             return;
         this.updateActionsProperties();
+        this.actionContainer.allowResponsiveness();
     }
     getExpandCollapseAction() {
         const collapseIcon = "icon-collapsepanel-16x16";
@@ -21790,17 +21821,16 @@ __decorate([
 ], SurveyElementAdornerBase.prototype, "allowExpandCollapse", void 0);
 __decorate([
     property({
-        onSet: (val, target) => {
+        onSet: (val, target, prevVal) => {
             target.renderedCollapsed = val;
             if (!val)
                 target.needToRenderContent = true;
             if (target.creator.designerStateManager && target.surveyElement) {
                 target.creator.designerStateManager.setElementCollapsed(target.surveyElement, val);
             }
-            setTimeout(() => {
-                target.creator.survey.pages.forEach(p => p.ensureRowsVisibility());
-                target.creator.survey.getAllPanels().forEach(p => p.ensureRowsVisibility());
-            }, 50);
+            if (!!val !== !!prevVal) {
+                updateRowsVisibility(target);
+            }
         }
     })
 ], SurveyElementAdornerBase.prototype, "collapsed", void 0);
@@ -27342,7 +27372,7 @@ class SurveyCreatorModel extends Base {
     get showSimulatorInPreviewTab() { return this.showSimulatorInTestSurveyTab; }
     set showSimulatorInPreviewTab(val) { this.showSimulatorInTestSurveyTab = val; }
     /**
-     * @deprecated Use the [`previewTheme`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#previewTheme) property instead.
+     * @deprecated Survey Creator no longer supports switching between UI themes in the Preview tab.
      */
     get themeForPreview() { return this.previewTheme; }
     set themeForPreview(val) { this.previewTheme = val; }
@@ -27381,13 +27411,25 @@ class SurveyCreatorModel extends Base {
         return this._theme;
     }
     set theme(newTheme) {
-        this._theme = newTheme;
+        this.applyTheme(newTheme);
+    }
+    /**
+     * Applies a [theme](https://surveyjs.io/form-library/documentation/api-reference/itheme) to the survey being configured.
+     *
+     * [Theme Editor](https://surveyjs.io/survey-creator/documentation/theme-editor (linkStyle))
+     * @param surveyTheme An [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme) object with theme settings.
+     * @see theme
+     * @see themeEditor
+     * @see saveThemeFunc
+     */
+    applyTheme(surveyTheme) {
+        this._theme = surveyTheme;
         this.hasPendingThemeChanges = true;
         if (this.activeTab !== "theme") {
             this.updatePlugin(this.activeTab);
         }
-        if (!!newTheme && newTheme.headerView) {
-            this.survey.headerView = newTheme.headerView;
+        if (!!surveyTheme && surveyTheme.headerView) {
+            this.survey.headerView = surveyTheme.headerView;
         }
     }
     _doSaveThemeCore(onSaveComplete) {
@@ -27479,7 +27521,7 @@ class SurveyCreatorModel extends Base {
     get showInvisibleElementsInPreviewTab() { return this.showInvisibleElementsInTestSurveyTab; }
     set showInvisibleElementsInPreviewTab(val) { this.showInvisibleElementsInTestSurveyTab = val; }
     /**
-     * @deprecated Use the [`previewAllowSelectTheme`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#previewAllowSelectTheme) property instead.
+     * @deprecated Survey Creator no longer supports switching between UI themes in the Preview tab.
      */
     get allowChangeThemeInPreview() { return this.previewAllowSelectTheme; }
     set allowChangeThemeInPreview(val) { this.previewAllowSelectTheme = val; }
@@ -28187,12 +28229,7 @@ class SurveyCreatorModel extends Base {
         this.showPagesInTestSurveyTab = true;
         this.showSimulatorInTestSurveyTab = true;
         /**
-         * A [UI theme](https://surveyjs.io/Documentation/Library?id=get-started-react#configure-styles) used to display the survey in the Preview tab.
-         *
-         * Accepted values: `"default"`
-         *
-         * Default value: `"default"`
-         * @see previewAllowSelectTheme
+         * @deprecated Survey Creator no longer supports switching between UI themes in the Preview tab.
          */
         this.previewTheme = "default";
         this.hasPendingThemeChanges = false;
@@ -28202,12 +28239,7 @@ class SurveyCreatorModel extends Base {
         this.showDefaultLanguageInTestSurveyTab = "auto";
         this.showInvisibleElementsInTestSurveyTab = true;
         /**
-         * Specifies whether users can switch between UI themes in the Preview tab.
-         *
-         * Default value: `true`
-         *
-         * [View Demo](https://surveyjs.io/Examples/Creator?id=theme-switcher (linkStyle))
-         * @see previewTheme
+         * @deprecated Survey Creator no longer supports switching between UI themes in the Preview tab.
          */
         this.previewAllowSelectTheme = true;
         this._tabResponsivenessMode = "icons";
@@ -30914,7 +30946,7 @@ class SurveyCreatorModel extends Base {
         const newCssVariable = {};
         assign(newCssVariable, theme === null || theme === void 0 ? void 0 : theme.cssVariables);
         const designerPlugin = this.getPlugin("designer");
-        if (designerPlugin) {
+        if (designerPlugin && designerPlugin.model) {
             designerPlugin.model.updateSurfaceCssVariables();
         }
         this.themeVariables = newCssVariable;
@@ -33263,25 +33295,40 @@ class ImageItemValueWrapperViewModel extends ItemValueWrapperViewModel {
         this.templateData = templateData;
         this.itemsRoot = itemsRoot;
         this.isChoosingNewFile = false;
+        this.onDragCounter = 0;
+        this.onDragEnter = (event) => {
+            if (this.isNew) {
+                this.onDragCounter++;
+                this.isFileDragging = true;
+            }
+        };
         this.onDragOver = (event) => {
-            this.isFileDragging = true;
-            event.dataTransfer.dropEffect = "copy";
-            event.preventDefault();
+            if (this.isNew) {
+                event.dataTransfer.dropEffect = "copy";
+                event.preventDefault();
+            }
         };
         this.onDrop = (event) => {
-            this.isFileDragging = false;
-            event.preventDefault();
-            let input = event.dataTransfer;
-            if (!input || !input.files || input.files.length < 1)
-                return;
-            let files = [];
-            for (let i = 0; i < input.files.length; i++) {
-                files.push(input.files[i]);
+            if (this.isNew) {
+                this.onDragCounter = 0;
+                this.isFileDragging = false;
+                event.preventDefault();
+                let input = event.dataTransfer;
+                if (!input || !input.files || input.files.length < 1)
+                    return;
+                let files = [];
+                for (let i = 0; i < input.files.length; i++) {
+                    files.push(input.files[i]);
+                }
+                this.uploadFiles(files);
             }
-            this.uploadFiles(files);
         };
         this.onDragLeave = (event) => {
-            this.isFileDragging = false;
+            if (this.isNew) {
+                if (--this.onDragCounter == 0) {
+                    this.isFileDragging = false;
+                }
+            }
         };
     }
     getRootCss() {
@@ -33308,6 +33355,27 @@ class ImageItemValueWrapperViewModel extends ItemValueWrapperViewModel {
     get addFileTitle() {
         return this.creator.getLocString("ed.selectFile");
     }
+    get placeholderText() {
+        if (this.creator.isMobileView)
+            return getLocString("ed.imagePlaceHolderMobile");
+        return getLocString("ed.imagePlaceHolder");
+    }
+    get chooseImageText() {
+        return getLocString("ed.imageChooseImage");
+    }
+    get showChooseButtonAsIcon() {
+        return !this.getIsNewItemSingle();
+    }
+    get showPlaceholder() {
+        return this.getIsNewItemSingle();
+    }
+    get addButtonCss() {
+        return new CssClassBuilder()
+            .append("svc-image-item-value-controls__add")
+            .append("svc-context-button", this.showChooseButtonAsIcon)
+            .append("sd-action", !this.showChooseButtonAsIcon)
+            .toString();
+    }
     chooseFile(model) {
         const fileInput = model.itemsRoot.getElementsByClassName("svc-choose-file-input")[0];
         const context = { element: model.question, item: model.item, elementType: model.question.getType(), propertyName: "imageLink" };
@@ -34205,6 +34273,9 @@ class QuestionFileEditorModel extends QuestionFileModel {
     get renderedPlaceholder() {
         return this.notEmptyValuePlaceholder || this.placeholder;
     }
+    get isTextInputReadOnly() {
+        return this.disableInput || this.isReadOnly;
+    }
     updateRenderedValue(value) {
         const matchBase64 = !!value ? value.match(/^data:((?:\w+\/(?:(?!;).)+)?)((?:;[\w\W]*?[^;])*),/) : null;
         if (matchBase64) {
@@ -34273,7 +34344,13 @@ __decorate([
 __decorate([
     property()
 ], QuestionFileEditorModel.prototype, "placeholder", void 0);
-Serializer.addClass("fileedit", ["placeholder:string"], () => new QuestionFileEditorModel(""), "file");
+__decorate([
+    property()
+], QuestionFileEditorModel.prototype, "disableInput", void 0);
+Serializer.addClass("fileedit", [
+    "placeholder:string",
+    { name: "disableInput:boolean", default: false },
+], () => new QuestionFileEditorModel(""), "file");
 QuestionFactory.Instance.registerQuestion("fileedit", name => {
     return new QuestionFileEditorModel(name);
 }, false);
@@ -34377,39 +34454,51 @@ class PropertyGridEditorExpression extends PropertyGridEditor {
     }
     onCreated(obj, question, prop, options) {
         question.valueToDataCallback = (val) => {
-            if (!val)
-                return val;
-            return val.replace(/\\n/g, "\n")
-                .replace(/\\r/g, "\r")
-                .replace(/\\t/g, "\t");
+            return this.processExpression(val, true);
         };
         question.valueFromDataCallback = (val) => {
-            if (!val)
-                return val;
-            return val.replace(/\n/g, "\\n")
-                .replace(/\r/g, "\\r")
-                .replace(/\t/g, "\\t");
+            return this.processExpression(val, false);
         };
-        /*
-        question.valueFromDataCallback = (val: any): any => {
-          if(!val) return val;
-          return val.replace(/\\/g, "\\\\")
-            .replace(/'/g, "\\'")
-            .replace(/"/g, '\\"')
-            .replace(/\n/g, "\\n")
+    }
+    processExpression(val, valueToData) {
+        if (!val)
+            return val;
+        const operand = new ConditionsParser().parseExpression(val);
+        if (!operand)
+            return val;
+        const list = new Array();
+        operand.addOperandsToList(list);
+        const replacedText = new Array();
+        for (let i = 0; i < list.length; i++) {
+            const op = list[i];
+            if (op.getType() === "const") {
+                const constVal = op.correctValue;
+                if (typeof constVal === "string") {
+                    const newVal = valueToData ? this.valueToData(constVal) : this.valueFromData(constVal);
+                    if (newVal !== constVal) {
+                        replacedText.push({ oldText: constVal, newText: newVal });
+                    }
+                }
+            }
+        }
+        replacedText.forEach((item) => {
+            val = val.replace(item.oldText, item.newText);
+        });
+        return val;
+    }
+    valueToData(val) {
+        if (!val)
+            return val;
+        return val.replace(/\\n/g, "\n")
+            .replace(/\\r/g, "\r")
+            .replace(/\\t/g, "\t");
+    }
+    valueFromData(val) {
+        if (!val)
+            return val;
+        return val.replace(/\n/g, "\\n")
             .replace(/\r/g, "\\r")
             .replace(/\t/g, "\\t");
-        };
-        question.valueToDataCallback = (val: any): any => {
-          if(!val) return val;
-          return val.replace(/\\t/g, "\t")
-            .replace(/\\r/g, "\r")
-            .replace(/\\n/g, "\n")
-            .replace(/\\"/g, '"')
-            .replace(/\\'/g, "'")
-            .replace(/\\\\/g, "\\");
-        };
-        */
     }
 }
 class PropertyGridEditorCondition extends PropertyGridEditorExpression {
@@ -35036,12 +35125,19 @@ class PropertyGridEditorMatrixItemValues extends PropertyGridEditorMatrix {
         return (!!column &&
             column.isVisible &&
             !column.readOnly &&
-            !this.hasMultipleLanguage(items) &&
-            !this.hasVisibleIfOrEnableIf(items));
+            !this.hasMultipleLanguage(items));
     }
     getAllowRowDragDrop(prop) { return true; }
     createPropertyEditorSetup(obj, prop, question, options) {
-        var names = question.columns.filter(c => !c.readOnly).map(c => c.name);
+        const names = question.columns.filter(c => !c.readOnly).map(c => c.name);
+        const visibleIfProp = Serializer.findProperty("itemvalue", "visibleIf");
+        if (visibleIfProp && visibleIfProp.visible) {
+            names.push("visibleIf");
+            const enableIfProp = Serializer.findProperty("itemvalue", "enableIf");
+            if (enableIfProp && enableIfProp.visible) {
+                names.push("enableIf");
+            }
+        }
         return new FastEntryEditor(obj[prop.name], options, prop.className, names);
     }
     canClearPropertyValue(obj, prop, question, options) {
@@ -35096,17 +35192,6 @@ class PropertyGridEditorMatrixItemValues extends PropertyGridEditorMatrix {
         }
         return false;
     }
-    hasVisibleIfOrEnableIf(items) {
-        if (!items || !Array.isArray(items)) {
-            return false;
-        }
-        for (var i = 0; i < items.length; i++) {
-            if (!!items[i].visibleIf || items[i].enableIf) {
-                return true;
-            }
-        }
-        return false;
-    }
     onMatrixCellCreated(obj, options) {
         super.onMatrixCellCreated(obj, options);
         function updateHtml(question, value) {
@@ -36180,8 +36265,8 @@ class CreatorPreset extends CreatorPresetBase {
 }
 
 let Version;
-Version = `${"2.0.6"}`;
-checkLibraryVersion(`${"2.0.6"}`, "survey-creator-core");
+Version = `${"2.0.8"}`;
+checkLibraryVersion(`${"2.0.8"}`, "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, 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, updatecoloralphaJSON, wrapTextByCurlyBraces };
 //# sourceMappingURL=survey-creator-core.mjs.map