survey-js-ui 2.5.24 → 2.5.26

package/fesm/survey-js-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.5.24
+ * surveyjs - Survey JavaScript library v2.5.26
  * 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,7 +4509,9 @@ 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 },
@@ -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),
@@ -6258,11 +6260,16 @@ class SurveyQuestionPanelDynamicAction extends ReactSurveyElement {
     get question() {
         return (this.props.item && this.props.item.data.question) || this.props.data.question;
     }
+    get isActionEnabled() {
+        return !this.props.item || this.props.item.enabled !== false;
+    }
 }
 class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionPanelDynamicAction {
     constructor() {
         super(...arguments);
         this.handleClick = (event) => {
+            if (!this.isActionEnabled)
+                return;
             this.question.addPanelUI();
         };
     }
@@ -6270,7 +6277,7 @@ class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionPanelDynamicActi
         if (!this.question.canAddPanel)
             return null;
         const btnText = this.renderLocString(this.question.locAddPanelText);
-        return (_$1("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick },
+        return (_$1("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled },
             _$1("span", { className: this.question.cssClasses.buttonAddText }, btnText)));
     }
 }
@@ -6282,13 +6289,15 @@ class SurveyQuestionPanelDynamicRemoveButton extends SurveyQuestionPanelDynamicA
     constructor() {
         super(...arguments);
         this.handleClick = (event) => {
+            if (!this.isActionEnabled)
+                return;
             this.question.removePanelUI(this.data.panel);
         };
     }
     renderElement() {
         const btnText = this.renderLocString(this.question.locRemovePanelText);
         const id = this.question.getPanelRemoveButtonId(this.data.panel);
-        return (_$1("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
+        return (_$1("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled, type: "button" },
             _$1("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
             _$1("span", { className: this.question.cssClasses.iconRemove })));
     }
@@ -6339,6 +6348,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;
     }
@@ -6346,7 +6368,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) => {
@@ -6585,7 +6607,7 @@ SurveyModel.prototype["render"] = function (element = null) {
     }
 };
 const preact = React;
-checkLibraryVersion(`${"2.5.24"}`, "survey-js-ui");
+checkLibraryVersion(`${"2.5.26"}`, "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