survey-react 1.12.22 → 1.12.24

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.22
+ * surveyjs - Survey JavaScript library v1.12.24
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1703,7 +1703,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ "./src/entries/react.ts":
 /*!********************************************!*\
-  !*** ./src/entries/react.ts + 288 modules ***!
+  !*** ./src/entries/react.ts + 289 modules ***!
   \********************************************/
 /*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionFilePage, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, getLocaleString, getLocaleStrings, setupLocale, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, classesToSelector, renamedIcons, getIconNameFromProxy, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, TextAreaModel, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, StylesManager, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgThemeSets, addIconsToThemeSet, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, activateLazyRenderingChecks, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent, PopupModal */
 /*! ModuleConcatenation bailout: Cannot concat with external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} (<- Module is not an ECMAScript module) */
@@ -4466,12 +4466,14 @@ var JsonMetadata = /** @class */ (function () {
             return;
         var schemaProperties = classSchema.properties;
         var requiredProps = [];
-        if (classInfo.name === "question" || classInfo.name === "panel") {
+        if (classInfo.name === "question") {
             schemaProperties.type = { type: "string" };
             requiredProps.push("type");
         }
         for (var i = 0; i < classInfo.properties.length; i++) {
             var prop = classInfo.properties[i];
+            if (prop.isSerializable === false)
+                continue;
             if (!!classInfo.parentName && !!Serializer.findProperty(classInfo.parentName, prop.name))
                 continue;
             schemaProperties[prop.name] = this.generateSchemaProperty(prop, schemaDef, isRoot);
@@ -12678,9 +12680,6 @@ var action_BaseAction = /** @class */ (function (_super) {
     action_decorate([
         jsonobject_property()
     ], BaseAction.prototype, "pressed", void 0);
-    action_decorate([
-        jsonobject_property()
-    ], BaseAction.prototype, "data", void 0);
     action_decorate([
         jsonobject_property()
     ], BaseAction.prototype, "popupModel", void 0);
@@ -14140,7 +14139,7 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("state", val);
-            this.renderedIsExpanded = !(this.state === "collapsed" && !this.isDesignMode);
+            this.renderedIsExpanded = !this.isCollapsed;
         },
         enumerable: false,
         configurable: true
@@ -14342,6 +14341,9 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
             this.updateDescriptionVisibility(this.description);
             this.clearCssClasses();
         }
+        this.blockAnimations();
+        this.renderedIsExpanded = !this.isCollapsed;
+        this.releaseAnimations();
     };
     SurveyElement.prototype.canRunConditions = function () {
         return _super.prototype.canRunConditions.call(this) && !!this.data;
@@ -15434,15 +15436,13 @@ var localizablestring_LocalizableString = /** @class */ (function () {
         configurable: true
     });
     LocalizableString.prototype.calcText = function () {
-        var res = this.pureText;
-        if (res &&
-            this.owner &&
-            this.owner.getProcessedText &&
-            res.indexOf("{") > -1) {
+        var pureText = this.pureText;
+        var res = pureText;
+        if (res && this.owner && this.owner.getProcessedText && res.indexOf("{") > -1) {
             res = this.owner.getProcessedText(res);
         }
         if (this.onGetTextCallback)
-            res = this.onGetTextCallback(res);
+            res = this.onGetTextCallback(res, pureText);
         return res;
     };
     Object.defineProperty(LocalizableString.prototype, "pureText", {
@@ -19063,8 +19063,8 @@ var question_Question = /** @class */ (function (_super) {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
         locTitleValue.storeDefaultText = true;
-        locTitleValue.onGetTextCallback = function (text) {
-            if (!text) {
+        locTitleValue.onGetTextCallback = function (text, nonProcessedText) {
+            if (!text && !nonProcessedText) {
                 text = _this.getDefaultTitle();
             }
             if (!_this.survey)
@@ -21435,8 +21435,10 @@ var question_Question = /** @class */ (function (_super) {
         }
         if (!values)
             values = this.defaultValueExpression ? this.data.getFilteredValues() : {};
-        if (!properties)
+        if (!properties) {
             properties = this.defaultValueExpression ? this.data.getFilteredProperties() : {};
+            properties["question"] = this;
+        }
         if (!!runner && runner.canRun) {
             runner.onRunComplete = function (res) {
                 if (res == undefined)
@@ -22512,9 +22514,6 @@ var itemvalue_ItemValue = /** @class */ (function (_super) {
         _this.ownerPropertyName = "";
         _this.locTextValue = new localizablestring_LocalizableString(_this, true, "text");
         _this.locTextValue.onStrChanged = function (oldValue, newValue) {
-            if (newValue == _this.value) {
-                newValue = undefined;
-            }
             _this.propertyValueChanged("text", oldValue, newValue);
         };
         _this.locTextValue.onGetTextCallback = function (txt) {
@@ -24529,9 +24528,7 @@ var textPreProcessor_TextPreProcessor = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    TextPreProcessor.prototype.process = function (text, returnDisplayValue, doEncoding) {
-        if (returnDisplayValue === void 0) { returnDisplayValue = false; }
-        if (doEncoding === void 0) { doEncoding = false; }
+    TextPreProcessor.prototype.process = function (text, returnDisplayValue, doEncoding, replaceUndefinedValues) {
         this.hasAllValuesOnLastRunValue = true;
         if (!text)
             return text;
@@ -24540,28 +24537,28 @@ var textPreProcessor_TextPreProcessor = /** @class */ (function () {
         var items = this.getItems(text);
         for (var i = items.length - 1; i >= 0; i--) {
             var item = items[i];
-            var name = this.getName(text.substring(item.start + 1, item.end));
-            if (!name)
-                continue;
-            var textValue = new TextPreProcessorValue(name, returnDisplayValue);
-            this.onProcess(textValue);
-            if (!textValue.isExists) {
-                if (textValue.canProcess) {
-                    this.hasAllValuesOnLastRunValue = false;
+            var name_1 = this.getName(text.substring(item.start + 1, item.end));
+            if (!!name_1) {
+                var textValue = new TextPreProcessorValue(name_1, returnDisplayValue === true);
+                this.onProcess(textValue);
+                if (!textValue.isExists) {
+                    if (textValue.canProcess) {
+                        this.hasAllValuesOnLastRunValue = false;
+                    }
+                }
+                if (textValue.isExists || replaceUndefinedValues) {
+                    if (helpers_Helpers.isValueEmpty(textValue.value)) {
+                        this.hasAllValuesOnLastRunValue = false;
+                    }
+                    var replacedValue = !helpers_Helpers.isValueEmpty(textValue.value)
+                        ? textValue.value
+                        : "";
+                    if (doEncoding) {
+                        replacedValue = encodeURIComponent(replacedValue);
+                    }
+                    text = text.substring(0, item.start) + replacedValue + text.substring(item.end + 1);
                 }
-                continue;
-            }
-            if (helpers_Helpers.isValueEmpty(textValue.value)) {
-                this.hasAllValuesOnLastRunValue = false;
-            }
-            var replacedValue = !helpers_Helpers.isValueEmpty(textValue.value)
-                ? textValue.value
-                : "";
-            if (doEncoding) {
-                replacedValue = encodeURIComponent(replacedValue);
             }
-            text =
-                text.substring(0, item.start) + replacedValue + text.substring(item.end + 1);
         }
         return text;
     };
@@ -24573,12 +24570,19 @@ var textPreProcessor_TextPreProcessor = /** @class */ (function () {
         return textValue;
     };
     Object.defineProperty(TextPreProcessor.prototype, "hasAllValuesOnLastRun", {
-        get: function () {
-            return !!this.hasAllValuesOnLastRunValue;
-        },
+        get: function () { return !!this.hasAllValuesOnLastRunValue; },
         enumerable: false,
         configurable: true
     });
+    TextPreProcessor.prototype.processText = function (text, returnDisplayValue) {
+        return this.process(text, returnDisplayValue);
+    };
+    TextPreProcessor.prototype.processTextEx = function (params) {
+        var res = { hasAllValuesOnLastRun: true, text: params.text };
+        res.text = this.process(params.text, params.returnDisplayValue, params.doEncoding, params.replaceUndefinedValues);
+        res.hasAllValuesOnLastRun = this.hasAllValuesOnLastRun;
+        return res;
+    };
     TextPreProcessor.prototype.getItems = function (text) {
         var items = [];
         var length = text.length;
@@ -24684,27 +24688,31 @@ var textPreProcessor_QuestionTextProcessor = /** @class */ (function () {
         textValue.value = new conditionProcessValue_ProcessValue().getValue(textValue.name, values);
     };
     QuestionTextProcessor.prototype.processText = function (text, returnDisplayValue) {
-        if (this.survey && this.survey.isDesignMode)
-            return text;
-        text = this.textPreProcessor.process(text, returnDisplayValue);
-        text = this.processTextCore(this.getParentTextProcessor(), text, returnDisplayValue);
-        return this.processTextCore(this.survey, text, returnDisplayValue);
+        var params = { text: text, returnDisplayValue: returnDisplayValue };
+        return this.processTextEx(params).text;
     };
     QuestionTextProcessor.prototype.processTextEx = function (params) {
-        params.text = this.processText(params.text, params.returnDisplayValue);
-        var hasAllValuesOnLastRun = this.textPreProcessor.hasAllValuesOnLastRun;
+        var _a;
         var res = { hasAllValuesOnLastRun: true, text: params.text };
-        if (this.survey) {
-            res = this.survey.processTextEx(params);
+        if (!params.runAtDesign && ((_a = this.survey) === null || _a === void 0 ? void 0 : _a.isDesignMode))
+            return res;
+        var processors = new Array();
+        this.addTextPreProcessor(processors, this.textPreProcessor);
+        this.addTextPreProcessor(processors, this.getParentTextProcessor());
+        this.addTextPreProcessor(processors, this.survey);
+        for (var i = 0; i < processors.length; i++) {
+            var processor = processors[i];
+            params.text = res.text;
+            var processorRes = processor.processTextEx(params);
+            res.text = processorRes.text;
+            res.hasAllValuesOnLastRun = res.hasAllValuesOnLastRun && processorRes.hasAllValuesOnLastRun;
         }
-        res.hasAllValuesOnLastRun =
-            res.hasAllValuesOnLastRun && hasAllValuesOnLastRun;
         return res;
     };
-    QuestionTextProcessor.prototype.processTextCore = function (textProcessor, text, returnDisplayValue) {
-        if (!textProcessor)
-            return text;
-        return textProcessor.processText(text, returnDisplayValue);
+    QuestionTextProcessor.prototype.addTextPreProcessor = function (list, textProcessor) {
+        if (!textProcessor || list.indexOf(textProcessor) > -1)
+            return;
+        list.push(textProcessor);
     };
     return QuestionTextProcessor;
 }());
@@ -25638,9 +25646,10 @@ var question_custom_QuestionCompositeModel = /** @class */ (function (_super) {
         }
         this.initElement(res);
         res.readOnly = this.isReadOnly;
-        res.questions.forEach(function (q) { return q.onUpdateCssClassesCallback = function (css) {
-            _this.onUpdateQuestionCssClasses(q, css);
-        }; });
+        res.questions.forEach(function (q) {
+            q.setParentQuestion(_this);
+            q.onUpdateCssClassesCallback = function (css) { _this.onUpdateQuestionCssClasses(q, css); };
+        });
         this.setAfterRenderCallbacks(res);
         return res;
     };
@@ -28609,11 +28618,10 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
             if (this.matrix.isMobile) {
                 actions.unshift(new action_Action({
                     id: "show-detail-mobile",
-                    title: "Show Details",
+                    title: new ComputedUpdater(function () { return row.isDetailPanelShowing ? _this.matrix.getLocalizationString("hideDetails") : _this.matrix.getLocalizationString("showDetails"); }),
                     showTitle: true,
                     location: "end",
                     action: function (context) {
-                        context.title = row.isDetailPanelShowing ? _this.matrix.getLocalizationString("showDetails") : _this.matrix.getLocalizationString("hideDetails");
                         row.showHideDetailPanelClick();
                     },
                 }));
@@ -30945,8 +30953,11 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         var rows = this.generatedVisibleRows;
         if (rowIndex >= rows.length)
             return null;
-        var newValue = this.createNewValue();
-        return this.getRowValueCore(rows[rowIndex], newValue);
+        var val = this.value;
+        var rowVal = this.getRowValueCore(rows[rowIndex], val);
+        if (this.isValueSurveyElement(val))
+            return rowVal;
+        return helpers_Helpers.getUnbindValue(rowVal);
     };
     QuestionMatrixDropdownModelBase.prototype.checkIfValueInRowDuplicated = function (checkedRow, cellQuestion) {
         if (!this.generatedVisibleRows)
@@ -34291,6 +34302,8 @@ var defaultV2Css = {
         progressBtnIcon: "icon-progressbuttonv2",
         noEntriesPlaceholder: "sd-paneldynamic__placeholder sd-question__placeholder",
         compact: "sd-element--with-frame sd-element--compact",
+        tabsContainer: "sd-paneldynamic__tabs-container",
+        tabsContainerWithHeader: "sd-paneldynamic__tabs-container--with-header",
         tabsRoot: "sd-tabs-toolbar",
         tabsLeft: "sd-tabs-toolbar--left",
         tabsRight: "sd-tabs-toolbar--right",
@@ -38205,7 +38218,8 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         return false;
     };
     PanelModelBase.prototype.getIsPageVisible = function (exceptionQuestion) {
-        return this.visible && this.getIsContentVisible(exceptionQuestion);
+        var isContentVisible = this.getIsContentVisible(exceptionQuestion);
+        return this.visible && isContentVisible;
     };
     PanelModelBase.prototype.setVisibleIndex = function (index) {
         if (!this.isVisible || index < 0) {
@@ -48065,7 +48079,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var doEncoding = params.doEncoding === undefined ? settings.web.encodeUrlParams : params.doEncoding;
         var text = params.text;
         if (params.runAtDesign || !this.isDesignMode) {
-            text = this.textPreProcessor.process(text, params.returnDisplayValue === true, doEncoding);
+            text = this.textPreProcessor.process(text, params.returnDisplayValue === true, doEncoding, params.replaceUndefinedValues);
         }
         var res = { text: text, hasAllValuesOnLastRun: true };
         res.hasAllValuesOnLastRun = this.textPreProcessor.hasAllValuesOnLastRun;
@@ -49693,6 +49707,14 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
             res.text = text;
         return res;
     };
+    QuestionSelectBase.prototype.hasErrors = function (fireCallback, rec) {
+        if (fireCallback === void 0) { fireCallback = true; }
+        if (rec === void 0) { rec = null; }
+        if (!rec || rec.isOnValueChanged !== true) {
+            this.clearIncorrectValues();
+        }
+        return _super.prototype.hasErrors.call(this, fireCallback, rec);
+    };
     Object.defineProperty(QuestionSelectBase.prototype, "isUsingCarryForward", {
         get: function () {
             return !!this.carryForwardQuestionType;
@@ -60066,7 +60088,7 @@ var question_ranking_QuestionRankingModel = /** @class */ (function (_super) {
             }
         };
         _this.startDrag = function (event) {
-            var choice = itemvalue_ItemValue.getItemByValue(_this.activeChoices, _this.draggedChoiceValue);
+            var choice = itemvalue_ItemValue.getItemByValue(_this.visibleChoices, _this.draggedChoiceValue);
             _this.dragDropRankingChoices.startDrag(event, choice, _this, _this.draggedTargetNode);
         };
         _this.handlePointerUp = function (event, choice, node) {
@@ -66874,6 +66896,13 @@ var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
     };
     return QuestionPanelDynamicItemTextProcessor;
 }(textPreProcessor_QuestionTextProcessor));
+var PanelDynamicTabbedMenuItem = /** @class */ (function (_super) {
+    question_paneldynamic_extends(PanelDynamicTabbedMenuItem, _super);
+    function PanelDynamicTabbedMenuItem(innerItem) {
+        return _super.call(this, innerItem) || this;
+    }
+    return PanelDynamicTabbedMenuItem;
+}(action_Action));
 var question_paneldynamic_QuestionPanelDynamicItem = /** @class */ (function () {
     function QuestionPanelDynamicItem(data, panel) {
         this.data = data;
@@ -68257,7 +68286,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         set: function (val) {
             this.setPropertyValue("tabAlign", val);
             if (this.isRenderModeTab) {
-                this.additionalTitleToolbar.containerCss = this.getAdditionalTitleToolbarCss();
+                this.tabbedMenu.containerCss = this.getTabbedMenuCss();
             }
         },
         enumerable: false,
@@ -68277,18 +68306,6 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasTitleOnLeftTop", {
-        get: function () {
-            if (this.isRenderModeTab && this.visiblePanelCount > 0)
-                return true;
-            if (!this.hasTitle)
-                return false;
-            var location = this.getTitleLocation();
-            return location === "left" || location === "top";
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionPanelDynamicModel.prototype.setVisibleIndex = function (value) {
         if (!this.isVisible)
             return 0;
@@ -68675,8 +68692,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         for (var i = 0; i < panels.length; i++) {
             panels[i].locStrsChanged();
         }
-        if (this.additionalTitleToolbar) {
-            this.additionalTitleToolbar.locStrsChanged();
+        if (this.tabbedMenu) {
+            this.tabbedMenu.locStrsChanged();
         }
     };
     QuestionPanelDynamicModel.prototype.clearIncorrectValues = function () {
@@ -69412,14 +69429,16 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         get: function () {
             var showTab = this.isRenderModeTab && !!this.visiblePanelCount;
             return new CssClassBuilder()
-                .append(this.cssClasses.header)
-                .append(this.cssClasses.headerTop, this.hasTitleOnTop || showTab)
-                .append(this.cssClasses.headerTab, showTab)
+                .append(_super.prototype.getCssHeader.call(this, this.cssClasses))
+                .append(this.cssClasses.headerTab, this.hasTitleOnTop && showTab)
                 .toString();
         },
         enumerable: false,
         configurable: true
     });
+    QuestionPanelDynamicModel.prototype.getTabsContainerCss = function () {
+        return new CssClassBuilder().append(this.cssClasses.tabsContainer).append(this.cssClasses.tabsContainerWithHeader, this.hasTitleOnTop).toString();
+    };
     QuestionPanelDynamicModel.prototype.getPanelWrapperCss = function (panel) {
         return new CssClassBuilder()
             .append(this.cssClasses.panelWrapper, !panel || panel.visible)
@@ -69482,25 +69501,29 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             return true;
         return false;
     };
-    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasAdditionalTitleToolbar", {
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasTabbedMenu", {
         get: function () {
             return this.isRenderModeTab && this.visiblePanels.length > 0;
         },
         enumerable: false,
         configurable: true
     });
-    QuestionPanelDynamicModel.prototype.getAdditionalTitleToolbar = function () {
-        if (!this.isRenderModeTab)
-            return null;
-        if (!this.additionalTitleToolbarValue) {
-            this.additionalTitleToolbarValue = new adaptive_container_AdaptiveActionContainer();
-            this.additionalTitleToolbarValue.dotsItem.popupModel.showPointer = false;
-            this.additionalTitleToolbarValue.dotsItem.popupModel.verticalPosition = "bottom";
-            this.additionalTitleToolbarValue.dotsItem.popupModel.horizontalPosition = "center";
-            this.updateElementCss(false);
-        }
-        return this.additionalTitleToolbarValue;
-    };
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "tabbedMenu", {
+        get: function () {
+            if (!this.isRenderModeTab)
+                return null;
+            if (!this.tabbedMenuValue) {
+                this.tabbedMenuValue = new adaptive_container_AdaptiveActionContainer();
+                this.tabbedMenuValue.dotsItem.popupModel.showPointer = false;
+                this.tabbedMenuValue.dotsItem.popupModel.verticalPosition = "bottom";
+                this.tabbedMenuValue.dotsItem.popupModel.horizontalPosition = "center";
+                this.updateElementCss(false);
+            }
+            return this.tabbedMenuValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "footerToolbar", {
         get: function () {
             if (!this.footerToolbarValue) {
@@ -69595,19 +69618,21 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             return options.title;
         };
         locTitle.sharedData = this.locTemplateTabTitle;
-        var isActive = this.getPanelVisibleIndexById(panel.id) === this.currentIndex;
-        var newItem = new action_Action({
-            id: panel.id,
+        var panelId = panel.id;
+        var isActive = this.getPanelVisibleIndexById(panelId) === this.currentIndex;
+        var newItem = new PanelDynamicTabbedMenuItem({
+            id: this.id + "_tab_" + panelId,
+            panelId: panelId,
             pressed: isActive,
             locTitle: locTitle,
             disableHide: isActive,
             action: function () {
-                _this.currentIndex = _this.getPanelVisibleIndexById(newItem.id);
+                _this.currentIndex = _this.getPanelVisibleIndexById(panelId);
             }
         });
         return newItem;
     };
-    QuestionPanelDynamicModel.prototype.getAdditionalTitleToolbarCss = function (cssClasses) {
+    QuestionPanelDynamicModel.prototype.getTabbedMenuCss = function (cssClasses) {
         var css = cssClasses !== null && cssClasses !== void 0 ? cssClasses : this.cssClasses;
         return new CssClassBuilder()
             .append(css.tabsRoot)
@@ -69622,8 +69647,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         if (this.currentIndex < 0 || this.currentIndex >= this.visiblePanelCount)
             return;
         var panel = this.visiblePanelsCore[this.currentIndex];
-        this.additionalTitleToolbar.renderedActions.forEach(function (action) {
-            var isActive = action.id === panel.id;
+        this.tabbedMenu.renderedActions.forEach(function (action) {
+            var isActive = action.panelId === panel.id;
             action.pressed = isActive;
             action.disableHide = isActive;
             //should raise update if dimensions are not changed but action is active now
@@ -69645,22 +69670,22 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         for (var i = 0; i < visPanels.length; i++) {
             _loop_1(i);
         }
-        this.additionalTitleToolbar.setItems(items);
+        this.tabbedMenu.setItems(items);
     };
     QuestionPanelDynamicModel.prototype.addTabFromToolbar = function (panel, index) {
         if (!this.isRenderModeTab)
             return;
         var newItem = this.createTabByPanel(panel, index);
-        this.additionalTitleToolbar.actions.splice(index, 0, newItem);
+        this.tabbedMenu.actions.splice(index, 0, newItem);
         this.updateTabToolbarItemsPressedState();
     };
     QuestionPanelDynamicModel.prototype.removeTabFromToolbar = function (panel) {
         if (!this.isRenderModeTab)
             return;
-        var removedItem = this.additionalTitleToolbar.getActionById(panel.id);
+        var removedItem = this.tabbedMenu.actions.find(function (a) { return a.panelId == panel.id; });
         if (!removedItem)
             return;
-        this.additionalTitleToolbar.actions.splice(this.additionalTitleToolbar.actions.indexOf(removedItem), 1);
+        this.tabbedMenu.actions.splice(this.tabbedMenu.actions.indexOf(removedItem), 1);
         this.updateTabToolbarItemsPressedState();
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "showLegacyNavigation", {
@@ -69684,12 +69709,12 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     };
     QuestionPanelDynamicModel.prototype.calcCssClasses = function (css) {
         var classes = _super.prototype.calcCssClasses.call(this, css);
-        var additionalTitleToolbar = this.additionalTitleToolbar;
-        if (!!additionalTitleToolbar) {
-            additionalTitleToolbar.containerCss = this.getAdditionalTitleToolbarCss(classes);
-            additionalTitleToolbar.cssClasses = classes.tabs;
-            additionalTitleToolbar.dotsItem.cssClasses = classes.tabs;
-            additionalTitleToolbar.dotsItem.popupModel.contentComponentData.model.cssClasses = css.list;
+        var tabbedMenu = this.tabbedMenu;
+        if (!!tabbedMenu) {
+            tabbedMenu.containerCss = this.getTabbedMenuCss(classes);
+            tabbedMenu.cssClasses = classes.tabs;
+            tabbedMenu.dotsItem.cssClasses = classes.tabs;
+            tabbedMenu.dotsItem.popupModel.contentComponentData.model.cssClasses = css.list;
         }
         return classes;
     };
@@ -72717,9 +72742,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.22";
+Version = "" + "1.12.24";
 settings.version = Version;
-ReleaseDate = "" + "2025-02-05";
+ReleaseDate = "" + "2025-02-19";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -82679,6 +82704,120 @@ setupLocale({ localeCode: "fil", strings: philippinesStrings, nativeName: "filip
 // tabTitlePlaceholder: "New Panel" => "Bagong Panel"// deselectAllItemText: "Deselect all" => "Alisin ang pagpili ng lahat"
 // textNoDigitsAllow: "Numbers are not allowed." => "Bawal ang mga numero."
 
+// CONCATENATED MODULE: ./packages/survey-core/src/localization/slovenian.ts
+
+var slovenianStrings = {
+    pagePrevText: "Prejšnja",
+    pageNextText: "Naslednja",
+    completeText: "Zaključi",
+    previewText: "Predogled",
+    editText: "Uredi",
+    startSurveyText: "Začni",
+    otherItemText: "Drugo (opišite)",
+    noneItemText: "Noben",
+    refuseItemText: "Zavrni odgovor",
+    dontKnowItemText: "Ne vem",
+    selectAllItemText: "Izberi vse",
+    deselectAllItemText: "Odstrani izbiro",
+    progressText: "Stran {0} od {1}",
+    indexText: "{0} od {1}",
+    panelDynamicProgressText: "{0} od {1}",
+    panelDynamicTabTextFormat: "Plošča {panelIndex}",
+    questionsProgressText: "Odgovorjeno {0}/{1} vprašanj",
+    emptySurvey: "Anketa ne vsebuje vidnih elementov.",
+    completingSurvey: "Hvala, ker ste izpolnili anketo",
+    completingSurveyBefore: "To anketo ste že izpolnili.",
+    loadingSurvey: "Nalaganje ankete...",
+    placeholder: "Izberite...",
+    ratingOptionsCaption: "Izberite...",
+    value: "vrednost",
+    requiredError: "Odgovor je obvezen.",
+    requiredErrorInPanel: "Obvezen odgovor: odgovorite na vsaj eno vprašanje.",
+    requiredInAllRowsError: "Obvezen odgovor: odgovorite na vsa vprašanja v vrsticah.",
+    eachRowUniqueError: "Vsaka vrstica mora imeti edinstveno vrednost.",
+    numericError: "Vrednost mora biti številčna.",
+    minError: "Vrednost ne sme biti manjša od {0}",
+    maxError: "Vrednost ne sme biti večja od {0}",
+    textNoDigitsAllow: "Številke niso dovoljene.",
+    textMinLength: "Vnesite vsaj {0} znakov.",
+    textMaxLength: "Vnesite največ {0} znakov.",
+    textMinMaxLength: "Vnesite vsaj {0} in največ {1} znakov.",
+    minRowCountError: "Izpolnite vsaj {0} vrstic.",
+    minSelectError: "Izberite vsaj {0} možnosti.",
+    maxSelectError: "Izberite največ {0} možnosti.",
+    numericMinMax: "'{0}' mora biti vsaj {1} in največ {2}",
+    numericMin: "'{0}' mora biti vsaj {1}",
+    numericMax: "'{0}' mora biti največ {1}",
+    invalidEmail: "Vnesite veljaven e-poštni naslov.",
+    invalidExpression: "Izraz: {0} mora vrniti 'true'.",
+    urlRequestError: "Zahteva je vrnila napako '{0}'. {1}",
+    urlGetChoicesError: "Zahteva je vrnila prazne podatke ali lastnost 'path' ni pravilna.",
+    exceedMaxSize: "Velikost datoteke ne sme presegati {0}.",
+    noUploadFilesHandler: "Datotek ni mogoče naložiti. Dodajte obravnavo za dogodek 'onUploadFiles'.",
+    otherRequiredError: "Obvezen odgovor: vnesite drugo vrednost.",
+    uploadingFile: "Vaša datoteka se nalaga. Počakajte nekaj sekund in poskusite znova.",
+    loadingFile: "Nalaganje...",
+    chooseFile: "Izberite datoteko...",
+    noFileChosen: "Ni izbrane datoteke",
+    filePlaceholder: "Povlecite in spustite datoteko tukaj ali kliknite spodnji gumb za izbiro datoteke za nalaganje.",
+    confirmDelete: "Ste prepričani, da želite izbrisati ta zapis?",
+    keyDuplicationError: "Ta vrednost mora biti edinstvena.",
+    addColumn: "Dodaj stolpec",
+    addRow: "Dodaj vrstico",
+    removeRow: "Odstrani",
+    noRowsText: "Ni vrstic.",
+    addPanel: "Dodaj novo",
+    removePanel: "Odstrani",
+    showDetails: "Prikaži podrobnosti",
+    hideDetails: "Skrij podrobnosti",
+    choices_Item: "postavka",
+    choices_Choice: "Možnost izbire",
+    matrix_column: "Stolpec",
+    matrix_row: "Vrstica",
+    multipletext_itemname: "besedilo",
+    savingData: "Rezultati se shranjujejo na strežnik...",
+    savingDataError: "Prišlo je do napake in rezultatov ni bilo mogoče shraniti.",
+    savingDataSuccess: "Rezultati so bili uspešno shranjeni!",
+    savingExceedSize: "Vaš odgovor presega 64 KB. Zmanjšajte velikost datotek in poskusite znova ali se obrnite na lastnika ankete.",
+    saveAgainButton: "Poskusite znova",
+    timerMin: "min",
+    timerSec: "sek",
+    timerSpentAll: "Na tej strani ste porabili {0}, skupno {1}.",
+    timerSpentPage: "Na tej strani ste porabili {0}.",
+    timerSpentSurvey: "Skupaj ste porabili {0}.",
+    timerLimitAll: "Na tej strani ste porabili {0} od {1} in skupno {2} od {3}.",
+    timerLimitPage: "Na tej strani ste porabili {0} od {1}.",
+    timerLimitSurvey: "Skupaj ste porabili {0} od {1}.",
+    clearCaption: "Počisti",
+    signaturePlaceHolder: "Podpišite se tukaj",
+    signaturePlaceHolderReadOnly: "Ni podpisa",
+    chooseFileCaption: "Izberi datoteko",
+    takePhotoCaption: "Slikaj",
+    photoPlaceholder: "Kliknite spodnji gumb, da posnamete fotografijo s kamero.",
+    fileOrPhotoPlaceholder: "Povlecite in spustite datoteko za nalaganje ali posnemite fotografijo s kamero.",
+    replaceFileCaption: "Zamenjaj datoteko",
+    removeFileCaption: "Odstrani to datoteko",
+    booleanCheckedLabel: "Da",
+    booleanUncheckedLabel: "Ne",
+    confirmRemoveFile: "Ste prepričani, da želite odstraniti to datoteko: {0}?",
+    confirmRemoveAllFiles: "Ste prepričani, da želite odstraniti vse datoteke?",
+    questionTitlePatternText: "Naslov vprašanja",
+    modalCancelButtonText: "Prekliči",
+    modalApplyButtonText: "Uporabi",
+    filterStringPlaceholder: "Vnesite za iskanje...",
+    emptyMessage: "Ni podatkov za prikaz",
+    noEntriesText: "Ni še vnosov.\nKliknite spodnji gumb za dodajanje novega vnosa.",
+    noEntriesReadonlyText: "Ni vnosov",
+    tabTitlePlaceholder: "Nova plošča",
+    more: "Več",
+    tagboxDoneButtonCaption: "V redu",
+    selectToRankEmptyRankedAreaText: "Vse možnosti so izbrane za razvrščanje",
+    selectToRankEmptyUnrankedAreaText: "Povlecite izbire sem, da jih razvrstite",
+    ok: "V redu",
+    cancel: "Prekliči",
+};
+setupLocale({ localeCode: "sl", strings: slovenianStrings, nativeName: "slovenščina", englishName: "Slovenian" });
+
 // CONCATENATED MODULE: ./packages/survey-core/entries/chunks/localization.ts
 
 
@@ -82730,6 +82869,7 @@ setupLocale({ localeCode: "fil", strings: philippinesStrings, nativeName: "filip
 
 
 
+
 
 
 // CONCATENATED MODULE: ./src/entries/chunks/localization.ts
@@ -83308,19 +83448,17 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
                 el.focusIn();
             }
         };
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, innerElement));
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": element.name + this.index, onFocus: focusIn, ref: this.rootRef }, innerElement));
     };
     SurveyRowElement.prototype.createElement = function (element, elementIndex) {
-        var index = elementIndex ? "-" + elementIndex : 0;
         if (!this.row.isNeedRender) {
-            return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { key: element.name + index, element: element, css: this.css, });
+            return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { element: element, css: this.css, });
         }
         var elementType = element.getTemplate();
         if (!ReactElementFactory.Instance.isElementRegistered(elementType)) {
             elementType = "question";
         }
         return ReactElementFactory.Instance.createElement(elementType, {
-            key: element.name + index,
             element: element,
             creator: this.creator,
             survey: this.survey,
@@ -83400,9 +83538,7 @@ var row_SurveyRow = /** @class */ (function (_super) {
     SurveyRow.prototype.renderElementContent = function () {
         var _this = this;
         var elements = this.row.visibleElements.map(function (element, elementIndex) {
-            var index = elementIndex ? "-" + elementIndex : 0;
-            var key = element.name + index;
-            return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
+            return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: element.id }));
         });
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
     };
@@ -84714,7 +84850,6 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
             var el = this.rootRef.current;
             if (el && el.getAttribute("data-rendered") !== "r") {
                 el.setAttribute("data-rendered", "r");
-                el.setAttribute("data-name", this.question.name);
                 if (this.question.afterRender) {
                     this.question.afterRender(el);
                 }
@@ -84765,7 +84900,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
         var rootStyle = question.getRootStyle();
         var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](external_root_React_commonjs2_react_commonjs_react_amd_react_["Fragment"], null,
-            external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded, "data-name": question.name },
                 errorsAboveQuestion,
                 headerTop,
                 questionContent,
@@ -89759,6 +89894,8 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         var navV2 = this.renderNavigatorV2();
         var noEntriesPlaceholder = this.renderPlaceholder();
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.root },
+            this.question.hasTabbedMenu ? external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.getTabsContainerCss() },
+                external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](action_bar_SurveyActionBar, { model: this.question.tabbedMenu })) : null,
             noEntriesPlaceholder,
             navTop,
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.panelsContainer }, panels),
@@ -90802,7 +90939,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
         }
         var renderedItem = (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: itemClass },
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("label", { className: cssClasses.label },
-                external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("input", { className: cssClasses.itemControl, id: this.question.getItemId(item), type: this.question.inputType, name: this.question.questionName, checked: isChecked, value: item.value, disabled: !this.question.getItemEnabled(item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+                external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("input", { className: cssClasses.itemControl, id: this.question.getItemId(item), type: this.question.inputType, name: this.question.questionName, checked: isChecked, value: item.value, disabled: !this.question.getItemEnabled(item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": item.locText.renderedHtml, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
                 external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.itemDecorator },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.imageContainer },
                         !!this.question.cssClasses.checkedItemDecorator ?