survey-react-ui 1.12.58 → 1.12.59

package/fesm/survey-react-ui.mjs

@@ -1,10 +1,10 @@
 /*!
- * surveyjs - Survey JavaScript library v2.5.0
- * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * surveyjs - Survey JavaScript library v2.5.7
+ * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 
-import { SurveyModel, Helpers, createSvg, LocalizableString, createPopupViewModel, CssClassBuilder, ActionDropdownViewModel, RendererFactory, doKey2ClickUp, SvgRegistry, settings, createPopupModalViewModel, ScrollViewModel, doKey2ClickBlur, doKey2ClickDown, addIconsToThemeSet, Question, SurveyProgressModel, ProgressButtonsResponsivityManager, PopupSurveyModel, ButtonGroupItemModel, checkLibraryVersion } from 'survey-core';
+import { SurveyModel, Helpers, createSvg, LocalizableString, createPopupViewModel, CssClassBuilder, ActionDropdownViewModel, RendererFactory, doKey2ClickUp, SvgRegistry, settings, createPopupModalViewModel, ScrollViewModel, addIconsToThemeSet, doKey2ClickBlur, doKey2ClickDown, Question, SurveyProgressModel, ProgressButtonsResponsivityManager, PopupSurveyModel, ButtonGroupItemModel, checkLibraryVersion } from 'survey-core';
 export { SurveyModel as Model, SurveyModel, SurveyWindowModel, settings, surveyLocalization, surveyStrings } from 'survey-core';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
@@ -553,7 +553,7 @@ class SurveyActionBarItem extends SurveyElementBase {
         const title = this.item.tooltip || this.item.title;
         const buttonContent = this.renderButtonContent();
         const tabIndex = this.item.disableTabStop ? -1 : undefined;
-        const button = attachKey2click(React.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: (args) => this.item.doMouseDown(args), onFocus: (args) => this.item.doFocus(args), onClick: (args) => this.item.doAction(args), title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
+        const button = attachKey2click(React.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: (args) => this.item.doMouseDown(args), onFocus: (args) => this.item.doFocus(args), onClick: (args) => this.item.doAction(args), title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, "aria-labelledby": this.item.ariaLabelledBy, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
         return button;
     }
 }
@@ -1114,8 +1114,8 @@ class PopupModal extends SurveyElementBase {
 PopupModal.modalDescriptors = [];
 
 /*!
- * surveyjs - Survey JavaScript library v2.5.0
- * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * surveyjs - Survey JavaScript library v2.5.7
+ * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 
@@ -1184,8 +1184,8 @@ var iconsV1 = {
 };
 
 /*!
- * surveyjs - Survey JavaScript library v2.5.0
- * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * surveyjs - Survey JavaScript library v2.5.7
+ * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 
@@ -1543,21 +1543,33 @@ ReactElementFactory.Instance.registerElement("survey", (props) => {
     return React.createElement(Survey, props);
 });
 function attachKey2click(element, viewModel, options = { processEsc: true, disableTabStop: false }) {
+    let props = {};
     if ((!!viewModel && viewModel.disableTabStop) || (!!options && options.disableTabStop)) {
-        return React.cloneElement(element, { tabIndex: -1 });
+        props = { tabIndex: -1 };
+    }
+    else {
+        options = Object.assign({}, options);
+        props = {
+            tabIndex: 0,
+            onKeyUp: (evt) => {
+                evt.preventDefault();
+                evt.stopPropagation();
+                doKey2ClickUp(evt, options);
+            },
+            onKeyDown: (evt) => doKey2ClickDown(evt, options),
+            onBlur: (evt) => doKey2ClickBlur(evt),
+        };
     }
-    options = Object.assign({}, options);
-    return React.cloneElement(element, {
-        tabIndex: 0,
-        onKeyUp: (evt) => {
+    props["onPointerUp"] = (evt) => {
+        if (evt.pointerType === "pen") {
             evt.preventDefault();
             evt.stopPropagation();
-            doKey2ClickUp(evt, options);
-            return false;
-        },
-        onKeyDown: (evt) => doKey2ClickDown(evt, options),
-        onBlur: (evt) => doKey2ClickBlur(evt),
-    });
+            const element = evt.target;
+            if (element === null || element === void 0 ? void 0 : element.click)
+                element.click();
+        }
+    };
+    return React.cloneElement(element, props);
 }
 
 class SurveyNavigationBase extends React.Component {
@@ -3073,7 +3085,7 @@ class RatingItemBase extends SurveyElementBase {
 class RatingItem extends RatingItemBase {
     render() {
         var itemText = this.renderLocString(this.item.locText);
-        return (React.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClassByText(this.item.itemValue, this.item.text) },
+        return (React.createElement("label", { className: this.item.className, onMouseDown: this.handleOnMouseDown },
             React.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: () => { }, "aria-label": this.question.ariaLabel }),
             React.createElement("span", { className: this.question.cssClasses.itemText, "data-text": this.item.text }, itemText)));
     }
@@ -3087,7 +3099,7 @@ ReactElementFactory.Instance.registerElement("sv-rating-item", (props) => {
 
 class RatingItemStar extends RatingItemBase {
     render() {
-        return (React.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClass(this.item.itemValue), onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
+        return (React.createElement("label", { className: this.item.className, onMouseDown: this.handleOnMouseDown, onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
             React.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: () => { }, "aria-label": this.question.ariaLabel }),
             React.createElement(SvgIcon, { className: "sv-star", size: "auto", iconName: this.question.itemStarIcon }),
             React.createElement(SvgIcon, { className: "sv-star-2", size: "auto", iconName: this.question.itemStarIconAlt })));
@@ -3099,9 +3111,9 @@ ReactElementFactory.Instance.registerElement("sv-rating-item-star", (props) => {
 
 class RatingItemSmiley extends RatingItemBase {
     render() {
-        return (React.createElement("label", { onMouseDown: this.handleOnMouseDown, style: this.question.getItemStyle(this.item.itemValue, this.item.highlight), className: this.question.getItemClass(this.item.itemValue), onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
+        return (React.createElement("label", { style: this.item.style, className: this.item.className, onMouseDown: this.handleOnMouseDown, onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
             React.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: () => { }, "aria-label": this.question.ariaLabel }),
-            React.createElement(SvgIcon, { size: "auto", iconName: this.question.getItemSmileyIconName(this.item.itemValue) })));
+            React.createElement(SvgIcon, { size: "auto", iconName: this.question.getItemSmileyIconName(this.item) })));
     }
 }
 ReactElementFactory.Instance.registerElement("sv-rating-item-smiley", (props) => {
@@ -3279,7 +3291,7 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
         return this.questionBase.renderedValue;
     }
     renderReadOnlyElement() {
-        if (this.question.locReadOnlyText) {
+        if (this.question.readOnlyText) {
             return (React.createElement("div", { className: this.question.cssClasses.controlValue }, this.renderLocString(this.question.locReadOnlyText)));
         }
         else {
@@ -3533,7 +3545,7 @@ class SurveyQuestionMatrix extends SurveyQuestionElementBase {
             React.createElement("tr", null,
                 rowsTH,
                 headers)));
-        return (React.createElement("div", { className: cssClasses.tableWrapper, ref: root => (this.setControl(root)) },
+        return (React.createElement("div", { className: this.question.getTableWrapperCss(), ref: root => (this.setControl(root)) },
             React.createElement("fieldset", { role: "radiogroup" },
                 React.createElement("legend", { className: "sv-visuallyhidden" }, this.question.locTitle.renderedHtml),
                 React.createElement("table", { className: this.question.getTableCss(), role: "presentation" },
@@ -4463,7 +4475,7 @@ class SurveyQuestionMatrixDropdownBase extends SurveyQuestionElementBase {
         return this.renderTableDiv();
     }
     renderTableDiv() {
-        return (React.createElement("div", { className: this.question.cssClasses.tableWrapper, ref: (root) => (this.setControl(root)) },
+        return (React.createElement("div", { className: this.question.getTableWrapperCss(), ref: (root) => (this.setControl(root)) },
             React.createElement(SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: (cell, element, reason) => this.wrapCell(cell, element, reason) })));
     }
 }
@@ -5538,6 +5550,30 @@ ReactQuestionFactory.Instance.registerQuestion("imagepicker", (props) => {
     return React.createElement(SurveyQuestionImagePicker, props);
 });
 
+class SurveyQuestionImageMap extends SurveyQuestionElementBase {
+    constructor(props) {
+        super(props);
+        this.state = { width: undefined, height: undefined, scale: undefined };
+    }
+    get question() {
+        return this.questionBase;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+    }
+    renderElement() {
+        return (React.createElement("div", { className: this.question.cssClasses.root, ref: (root) => (this.setControl(root)) },
+            React.createElement("img", { className: this.question.cssClasses.bg, id: `${this.question.id}-bg`, src: this.question.imageLink, role: "presentation" }),
+            React.createElement("svg", { className: this.question.cssClasses.svg, id: `${this.question.id}-svg` })));
+    }
+}
+ReactQuestionFactory.Instance.registerQuestion("imagemap", (props) => {
+    return React.createElement(SurveyQuestionImageMap, props);
+});
+
 class SurveyQuestionImage extends SurveyQuestionElementBase {
     constructor(props) {
         super(props);
@@ -6163,7 +6199,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
     return React.createElement(SurveyLocStringEditor, props);
 });
 
-checkLibraryVersion(`${"2.5.0"}`, "survey-react-ui");
+checkLibraryVersion(`${"2.5.7"}`, "survey-react-ui");
 
-export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, SliderLabelItem, 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, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
+export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, SliderLabelItem, 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, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
 //# sourceMappingURL=survey-react-ui.mjs.map