survey-js-ui 2.3.0 → 2.3.2

package/fesm/survey-js-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.3.0
+ * surveyjs - Survey JavaScript library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1983,7 +1983,7 @@ class PopupModal extends SurveyElementBase {
 PopupModal.modalDescriptors = [];
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.0
+ * surveyjs - Survey JavaScript library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2053,7 +2053,7 @@ var iconsV1 = {
 };
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.0
+ * surveyjs - Survey JavaScript library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3747,12 +3747,22 @@ ReactElementFactory.Instance.registerElement("sv-file-choose-btn", (props) => {
     return _$1(SurveyFileChooseButton, props);
 });
 
-class SurveyFileItem extends SurveyElementBase {
+class SurveyFilePage extends SurveyElementBase {
     get question() {
         return this.props.question;
     }
-    get item() {
-        return this.props.item;
+    get page() {
+        return this.props.page;
+    }
+    renderElement() {
+        const items = this.page.items.map((item, index) => { return ReactElementFactory.Instance.createElement("sv-file-item", { item, question: this.question, key: index }); });
+        return (_$1("div", { className: this.page.css, id: this.page.id }, items));
+    }
+}
+
+class SurveyFilePreview extends SurveyElementBase {
+    get question() {
+        return this.props.question;
     }
     renderFileSign(className, val) {
         if (!className || !val.name)
@@ -3763,38 +3773,23 @@ class SurveyFileItem extends SurveyElementBase {
                 }, title: val.name, download: val.name, style: { width: this.question.imageWidth } }, val.name)));
     }
     renderElement() {
-        const val = this.item;
-        return (_$1("span", { className: this.question.cssClasses.previewItem, onClick: (event) => this.question.doDownloadFileFromContainer(event) },
-            this.renderFileSign(this.question.cssClasses.fileSign, val),
-            _$1("div", { className: this.question.getImageWrapperCss(val) },
-                this.question.canPreviewImage(val) ? (_$1("img", { src: val.content, style: { height: this.question.imageHeight, width: this.question.imageWidth }, alt: "File preview" })) : (this.question.cssClasses.defaultImage ? (_$1(SvgIcon, { iconName: this.question.cssClasses.defaultImageIconId, size: "auto", className: this.question.cssClasses.defaultImage })) : null),
-                val.name && !this.question.isReadOnly ? (_$1("div", { className: this.question.getRemoveButtonCss(), onClick: (event) => this.question.doRemoveFile(val, event) },
-                    _$1("span", { className: this.question.cssClasses.removeFile }, this.question.removeFileCaption),
-                    (this.question.cssClasses.removeFileSvgIconId) ?
-                        (_$1(SvgIcon, { title: this.question.removeFileCaption, iconName: this.question.cssClasses.removeFileSvgIconId, size: "auto", className: this.question.cssClasses.removeFileSvg })) : null)) : null),
-            this.renderFileSign(this.question.cssClasses.fileSignBottom, val)));
+        const content = this.question.renderedPages.map((page, index) => { return (_$1(SurveyFilePage, { page: page, question: this.question, key: page.id })); });
+        return _$1("div", { className: this.question.cssClasses.fileList || undefined }, content);
     }
     canRender() {
         return this.question.showPreviewContainer;
     }
 }
+ReactElementFactory.Instance.registerElement("sv-file-preview", (props) => {
+    return _$1(SurveyFilePreview, props);
+});
 
-class SurveyFilePage extends SurveyElementBase {
+class SurveyFileItem extends SurveyElementBase {
     get question() {
         return this.props.question;
     }
-    get page() {
-        return this.props.page;
-    }
-    renderElement() {
-        const items = this.page.items.map((item, index) => { return (_$1(SurveyFileItem, { item: item, question: this.question, key: index })); });
-        return (_$1("div", { className: this.page.css, id: this.page.id }, items));
-    }
-}
-
-class SurveyFilePreview extends SurveyElementBase {
-    get question() {
-        return this.props.question;
+    get item() {
+        return this.props.item;
     }
     renderFileSign(className, val) {
         if (!className || !val.name)
@@ -3805,15 +3800,23 @@ class SurveyFilePreview extends SurveyElementBase {
                 }, title: val.name, download: val.name, style: { width: this.question.imageWidth } }, val.name)));
     }
     renderElement() {
-        const content = this.question.renderedPages.map((page, index) => { return (_$1(SurveyFilePage, { page: page, question: this.question, key: page.id })); });
-        return _$1("div", { className: this.question.cssClasses.fileList || undefined }, content);
+        const val = this.item;
+        return (_$1("span", { className: this.question.cssClasses.previewItem, onClick: (event) => this.question.doDownloadFileFromContainer(event) },
+            this.renderFileSign(this.question.cssClasses.fileSign, val),
+            _$1("div", { className: this.question.getImageWrapperCss(val) },
+                this.question.canPreviewImage(val) ? (_$1("img", { src: val.content, style: { height: this.question.imageHeight, width: this.question.imageWidth }, alt: "File preview" })) : (this.question.cssClasses.defaultImage ? (_$1(SvgIcon, { iconName: this.question.cssClasses.defaultImageIconId, size: "auto", className: this.question.cssClasses.defaultImage })) : null),
+                val.name && !this.question.isReadOnly ? (_$1("div", { className: this.question.getRemoveButtonCss(), onClick: (event) => this.question.doRemoveFile(val, event) },
+                    _$1("span", { className: this.question.cssClasses.removeFile }, this.question.removeFileCaption),
+                    (this.question.cssClasses.removeFileSvgIconId) ?
+                        (_$1(SvgIcon, { title: this.question.removeFileCaption, iconName: this.question.cssClasses.removeFileSvgIconId, size: "auto", className: this.question.cssClasses.removeFileSvg })) : null)) : null),
+            this.renderFileSign(this.question.cssClasses.fileSignBottom, val)));
     }
     canRender() {
         return this.question.showPreviewContainer;
     }
 }
-ReactElementFactory.Instance.registerElement("sv-file-preview", (props) => {
-    return _$1(SurveyFilePreview, props);
+ReactElementFactory.Instance.registerElement("sv-file-item", (props) => {
+    return _$1(SurveyFileItem, props);
 });
 
 class SurveyQuestionMultipleText extends SurveyQuestionElementBase {
@@ -4234,15 +4237,15 @@ RendererFactory.Instance.registerRenderer("boolean", "checkbox", "sv-boolean-che
 class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
     constructor(props) {
         super(props);
-        this.handleOnChange = (event) => {
-            this.question.booleanValue = event.nativeEvent.target.value == "true";
-        };
     }
     renderRadioItem(value, locText) {
         const cssClasses = this.question.cssClasses;
+        const handleOnChange = () => {
+            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.booleanValueRendered, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: cssClasses.itemRadioControl, onChange: this.handleOnChange }),
+                _$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 }),
                 this.question.cssClasses.materialRadioDecorator ?
                     (_$1("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
                         (_$1("svg", { className: cssClasses.itemRadioDecorator },
@@ -4254,12 +4257,12 @@ class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
         return (_$1("div", { className: cssClasses.rootRadio },
             _$1("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
                 (_$1(k$2, null,
-                    this.renderRadioItem(false, this.question.locLabelFalse),
-                    this.renderRadioItem(true, this.question.locLabelTrue)))
+                    this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse),
+                    this.renderRadioItem(this.question.getValueTrue(), this.question.locLabelTrue)))
                 :
                     (_$1(k$2, null,
-                        this.renderRadioItem(true, this.question.locLabelTrue),
-                        this.renderRadioItem(false, this.question.locLabelFalse))))));
+                        this.renderRadioItem(this.question.getValueTrue(), this.question.locLabelTrue),
+                        this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse))))));
     }
 }
 ReactQuestionFactory.Instance.registerQuestion("sv-boolean-radio", (props) => {
@@ -6313,7 +6316,7 @@ SurveyModel.prototype["render"] = function (element = null) {
     }
 };
 const preact = React;
-checkLibraryVersion(`${"2.3.0"}`, "survey-js-ui");
+checkLibraryVersion(`${"2.3.2"}`, "survey-js-ui");
 
-export { CharacterCounterComponent, O as Children, x$2 as Component, ComponentsContainer, k$2 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, 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, 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$1 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$1 as useCallback, x$1 as useContext, P$1 as useDebugValue, w as useDeferredValue, y as useEffect, g$1 as useId, F$1 as useImperativeHandle, I as useInsertionEffect, _ as useLayoutEffect, T$1 as useMemo, h as useReducer, A$1 as useRef, d as useState, C as useSyncExternalStore, k as useTransition, vn as version };
+export { CharacterCounterComponent, O as Children, x$2 as Component, ComponentsContainer, k$2 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, 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$1 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$1 as useCallback, x$1 as useContext, P$1 as useDebugValue, w as useDeferredValue, y as useEffect, g$1 as useId, F$1 as useImperativeHandle, I as useInsertionEffect, _ as useLayoutEffect, T$1 as useMemo, h as useReducer, A$1 as useRef, d as useState, C as useSyncExternalStore, k as useTransition, vn as version };
 //# sourceMappingURL=survey-js-ui.mjs.map