survey-js-ui 2.5.25 → 2.5.27

package/fesm/survey-js-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.5.25
+ * surveyjs - Survey JavaScript library v2.5.27
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -506,8 +506,8 @@ class SurveyLocStringViewer extends x$3 {
         this.locStr.onStringChanged.remove(this.onChangedHandler);
     }
     componentDidUpdate(prevProps, prevState) {
-        if (!!prevProps.locStr) {
-            prevProps.locStr.onStringChanged.remove(this.onChangedHandler);
+        if (!!prevProps.model) {
+            prevProps.model.onStringChanged.remove(this.onChangedHandler);
         }
         this.reactOnStrChanged();
     }
@@ -4509,11 +4509,13 @@ class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
     renderRadioItem(value, locText) {
         const cssClasses = this.question.cssClasses;
         const handleOnChange = () => {
-            this.question.value = value;
+            if (!this.question.isInputReadOnly) {
+                this.question.value = value;
+            }
         };
         return (_$1("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
             _$1("label", { className: cssClasses.radioLabel },
-                _$1("input", { type: "radio", name: this.question.name, value: value, "aria-errormessage": this.question.ariaErrormessage, checked: value === this.question.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: cssClasses.itemRadioControl, onChange: handleOnChange }),
+                _$1("input", { type: "radio", name: this.question.questionName, value: value, "aria-errormessage": this.question.ariaErrormessage, checked: value === this.question.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: cssClasses.itemRadioControl, onChange: handleOnChange }),
                 this.question.cssClasses.materialRadioDecorator ?
                     (_$1("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
                         (_$1("svg", { className: cssClasses.itemRadioDecorator },
@@ -4522,7 +4524,7 @@ class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
     }
     renderElement() {
         const cssClasses = this.question.cssClasses;
-        return (_$1("div", { className: cssClasses.rootRadio },
+        return (_$1("div", { className: cssClasses.rootRadio, onKeyDown: this.handleOnKeyDown },
             _$1("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
                 (_$1(k$3, null,
                     this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse),
@@ -6271,6 +6273,11 @@ class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionPanelDynamicActi
             this.question.addPanelUI();
         };
     }
+    get isActionEnabled() {
+        if (this.props.item)
+            return this.props.item.enabled !== false;
+        return this.question.enableAddPanel !== false;
+    }
     renderElement() {
         if (!this.question.canAddPanel)
             return null;
@@ -6346,6 +6353,19 @@ ReactElementFactory.Instance.registerElement("sv-paneldynamic-progress-text", (p
 });
 
 class SurveyNavigationButton extends ReactSurveyElement {
+    constructor() {
+        super(...arguments);
+        this.inputElement = null;
+        this.inputParent = null;
+        this.setInputRef = (element) => {
+            var _a;
+            if (!element && !!this.inputElement && !!this.inputParent && this.inputElement.parentNode !== this.inputParent) {
+                this.inputParent.appendChild(this.inputElement);
+            }
+            this.inputElement = element;
+            this.inputParent = (_a = element === null || element === void 0 ? void 0 : element.parentNode) !== null && _a !== void 0 ? _a : this.inputParent;
+        };
+    }
     get item() {
         return this.props.item;
     }
@@ -6353,7 +6373,7 @@ class SurveyNavigationButton extends ReactSurveyElement {
         return this.item.isVisible;
     }
     renderElement() {
-        return (_$1("input", { className: this.item.innerCss, type: "button", disabled: this.item.disabled, onMouseDown: this.item.data && this.item.data.mouseDown, onClick: this.item.action, title: this.item.getTooltip(), value: this.item.title }));
+        return (_$1("input", { ref: this.setInputRef, className: this.item.innerCss, type: "button", disabled: this.item.disabled, onMouseDown: this.item.data && this.item.data.mouseDown, onClick: this.item.action, title: this.item.getTooltip(), value: this.item.title }));
     }
 }
 ReactElementFactory.Instance.registerElement("sv-nav-btn", (props) => {
@@ -6592,7 +6612,7 @@ SurveyModel.prototype["render"] = function (element = null) {
     }
 };
 const preact = React;
-checkLibraryVersion(`${"2.5.25"}`, "survey-js-ui");
+checkLibraryVersion(`${"2.5.27"}`, "survey-js-ui");
 
 export { CharacterCounterComponent, O as Children, x$3 as Component, ComponentsContainer, k$3 as Fragment, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, N as PureComponent, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, SliderLabelItem, Cn as StrictMode, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFileItem, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase, SurveyNavigationButton, SurveyPage, SurveyPanel, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestion, SurveyQuestionAndErrorsCell, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionButtonGroup, SurveyQuestionButtonGroupDropdown, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionComment, SurveyQuestionCommentItem, SurveyQuestionComposite, SurveyQuestionCustom, SurveyQuestionDropdown, SurveyQuestionDropdownBase, SurveyQuestionDropdownSelect, SurveyQuestionElementBase, SurveyQuestionEmpty, SurveyQuestionExpression, SurveyQuestionFile, SurveyQuestionHtml, SurveyQuestionImage, SurveyQuestionImageMap, SurveyQuestionImagePicker, SurveyQuestionMatrix, SurveyQuestionMatrixCell, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixRow, SurveyQuestionMultipleText, SurveyQuestionOptionItem, SurveyQuestionPanelDynamic, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicProgressText, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionRadioItem, SurveyQuestionRadiogroup, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionSignaturePad, SurveyQuestionSlider, SurveyQuestionTagbox, SurveyQuestionTagboxItem, SurveyQuestionText, SurveyRow, SurveyTimerPanel, SurveyWindow, P as Suspense, B as SuspenseList, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click, _n as cloneElement, Q$2 as createContext, _$1 as createElement, dn as createFactory, $ as createPortal, b$1 as createRef, Sn as findDOMNode, En as flushSync, D as forwardRef, tn as hydrate, pn as isFragment, yn as isMemo, mn as isValidElement, z as lazy, M as memo, preact, nn as render, renderPopupSurvey, renderSurvey, R as startTransition, bn as unmountComponentAtNode, gn as unstable_batchedUpdates, q$2 as useCallback, x$2 as useContext, P$2 as useDebugValue, w as useDeferredValue, y as useEffect, g$2 as useId, F$2 as useImperativeHandle, I as useInsertionEffect, _ as useLayoutEffect, T$2 as useMemo, h as useReducer, A$2 as useRef, d as useState, C as useSyncExternalStore, k as useTransition, vn as version };
 //# sourceMappingURL=survey-js-ui.mjs.map