survey-js-ui 1.12.7 → 1.12.9

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.7
+ * surveyjs - Survey JavaScript library v1.12.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -103,9 +103,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ "./src/entries/js-ui.ts":
 /*!********************************************!*\
-  !*** ./src/entries/js-ui.ts + 102 modules ***!
+  !*** ./src/entries/js-ui.ts + 103 modules ***!
   \********************************************/
-/*! exports provided: useState, useId, useReducer, useEffect, useLayoutEffect, useInsertionEffect, useTransition, useDeferredValue, useSyncExternalStore, startTransition, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, version, Children, render, hydrate, unmountComponentAtNode, createPortal, createElement, createContext, createFactory, cloneElement, createRef, Fragment, isValidElement, isFragment, isMemo, findDOMNode, Component, PureComponent, memo, forwardRef, flushSync, unstable_batchedUpdates, StrictMode, Suspense, SuspenseList, lazy, renderSurvey, renderPopupSurvey, preact, 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, SurveyModel, SurveyWindowModel, settings, surveyLocalization, surveyStrings, Model */
+/*! exports provided: useState, useId, useReducer, useEffect, useLayoutEffect, useInsertionEffect, useTransition, useDeferredValue, useSyncExternalStore, startTransition, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, version, Children, render, hydrate, unmountComponentAtNode, createPortal, createElement, createContext, createFactory, cloneElement, createRef, Fragment, isValidElement, isFragment, isMemo, findDOMNode, Component, PureComponent, memo, forwardRef, flushSync, unstable_batchedUpdates, StrictMode, Suspense, SuspenseList, lazy, renderSurvey, renderPopupSurvey, preact, 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, SurveyModel, SurveyWindowModel, settings, surveyLocalization, surveyStrings, Model */
 /*! ModuleConcatenation bailout: Cannot concat with external {"root":"Survey","commonjs2":"survey-core","commonjs":"survey-core","amd":"survey-core"} (<- Module is not an ECMAScript module) */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -136,7 +136,7 @@ __webpack_require__.d(__webpack_exports__, "render", function() { return /* reex
 __webpack_require__.d(__webpack_exports__, "hydrate", function() { return /* reexport */ compat_module_q; });
 __webpack_require__.d(__webpack_exports__, "unmountComponentAtNode", function() { return /* reexport */ hn; });
 __webpack_require__.d(__webpack_exports__, "createPortal", function() { return /* reexport */ compat_module_P; });
-__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ preact_module_; });
+__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ _; });
 __webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */ G; });
 __webpack_require__.d(__webpack_exports__, "createFactory", function() { return /* reexport */ cn; });
 __webpack_require__.d(__webpack_exports__, "cloneElement", function() { return /* reexport */ sn; });
@@ -261,6 +261,7 @@ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() {
 __webpack_require__.d(__webpack_exports__, "SurveyLocStringEditor", function() { return /* reexport */ string_editor_SurveyLocStringEditor; });
 __webpack_require__.d(__webpack_exports__, "LoadingIndicatorComponent", function() { return /* reexport */ loading_indicator_LoadingIndicatorComponent; });
 __webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return /* reexport */ svgbundle_SvgBundleComponent; });
+__webpack_require__.d(__webpack_exports__, "PopupModal", function() { return /* reexport */ popup_modal_PopupModal; });
 __webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyModel"]; });
 __webpack_require__.d(__webpack_exports__, "SurveyWindowModel", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyWindowModel"]; });
 __webpack_require__.d(__webpack_exports__, "settings", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"]; });
@@ -274,7 +275,7 @@ __webpack_require__.r(compat_module_namespaceObject);
 __webpack_require__.d(compat_module_namespaceObject, "Component", function() { return k; });
 __webpack_require__.d(compat_module_namespaceObject, "Fragment", function() { return b; });
 __webpack_require__.d(compat_module_namespaceObject, "createContext", function() { return G; });
-__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return preact_module_; });
+__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return _; });
 __webpack_require__.d(compat_module_namespaceObject, "createRef", function() { return m; });
 __webpack_require__.d(compat_module_namespaceObject, "useCallback", function() { return hooks_module_q; });
 __webpack_require__.d(compat_module_namespaceObject, "useContext", function() { return hooks_module_x; });
@@ -319,7 +320,7 @@ __webpack_require__.d(compat_module_namespaceObject, "useTransition", function()
 __webpack_require__.d(compat_module_namespaceObject, "version", function() { return on; });
 
 // CONCATENATED MODULE: ./node_modules/preact/dist/preact.module.js
-var preact_module_n,l,preact_module_u,preact_module_t,preact_module_i,preact_module_o,preact_module_r,preact_module_f,preact_module_e,preact_module_c,s,a,h={},v=[],p=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function preact_module_(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?preact_module_n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++preact_module_u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function m(){return{current:null}}function b(n){return n.children}function k(n,l){this.props=n,this.context=l}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function S(n){(!n.__d&&(n.__d=!0)&&preact_module_i.push(n)&&!M.__r++||preact_module_o!==l.debounceRendering)&&((preact_module_o=l.debounceRendering)||preact_module_r)(M)}function M(){var n,u,t,o,r,e,c,s;for(preact_module_i.sort(preact_module_f);n=preact_module_i.shift();)n.__d&&(u=preact_module_i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),preact_module_i.length>u&&preact_module_i.sort(preact_module_f));M.__r=0}function P(n,l,u,t,i,o,r,f,e,c,s){var a,p,y,d,w,_=t&&t.__k||v,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&(p=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,p,i,o,r,f,e,c,s),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&N(p.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||p.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=l[t])&&"boolean"!=typeof i&&"function"!=typeof i?(r=t+a,(i=n.__k[t]="string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(b,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i).__=n,i.__b=n.__b+1,o=null,-1!==(f=i.__i=L(i,u,r,s))&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a--:f==r+1?a++:(f>r?a--:a++,i.__u|=65536))):i=n.__k[t]=null;if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o))}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||p.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=preact_module_e,n.addEventListener(l,o?s:preact_module_c,o)):n.removeEventListener(l,o?s:preact_module_c,o);else{if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=preact_module_e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,v,p,w,_,g,m,x,C,S,M,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],S=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,S):(u.__c=h=new k(m,S),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=S,h.__n=i,v=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),p=h.props,w=h.state,h.__v=u,v)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(x&&null==T.getDerivedStateFromProps&&m!==p&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,S),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,S)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u)}),M=0;M<h._sb.length;M++)h.__h.push(h._sb[M]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,S),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(p,w,_)})}if(h.context=S,h.props=m,h.__P=n,h.__e=!1,$=l.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!v&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(p,w)),P(n,y(L=null!=a&&a.type===b&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:128;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e}else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(u,t,i,o,r,f,e,c,s){var a,v,p,d,_,g,m,b=i.props,k=t.props,C=t.type;if("svg"===C?r="http://www.w3.org/2000/svg":"math"===C?r="http://www.w3.org/1998/Math/MathML":r||(r="http://www.w3.org/1999/xhtml"),null!=f)for(a=0;a<f.length;a++)if((_=f[a])&&"setAttribute"in _==!!C&&(C?_.localName===C:3===_.nodeType)){u=_,f[a]=null;break}if(null==u){if(null===C)return document.createTextNode(k);u=document.createElementNS(r,C,k.is&&k),c&&(l.__m&&l.__m(t,f),c=!1),f=null}if(null===C)b===k||c&&u.data===k||(u.data=k);else{if(f=f&&preact_module_n.call(u.childNodes),b=i.props||h,!c&&null!=f)for(b={},a=0;a<u.attributes.length;a++)b[(_=u.attributes[a]).name]=_.value;for(a in b)if(_=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)p=_;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;A(u,a,null,_,r)}for(a in k)_=k[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?m=_:c&&"function"!=typeof _||b[a]===_||A(u,a,_,b[a],r);if(v)c||p&&(v.__html===p.__html||v.__html===u.innerHTML)||(u.innerHTML=v.__html),t.__k=[];else if(p&&(u.innerHTML=""),P(u,y(d)?d:[d],t,i,o,"foreignObject"===C?"http://www.w3.org/1999/xhtml":r,f,e,f?f[0]:i.__k&&x(i,0),c,s),null!=f)for(a=f.length;a--;)w(f[a]);c||(a="value","progress"===C&&null==g?u.removeAttribute("value"):void 0!==g&&(g!==u[a]||"progress"===C&&!g||"option"===C&&g!==b[a])&&A(u,a,g,b[a],r),a="checked",void 0!==m&&m!==u[a]&&A(u,a,m,b[a],r))}return u}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=preact_module_(b,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?preact_module_n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e)}function D(n,l){B(n,l,D)}function E(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?preact_module_n.call(arguments,2):t),g(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.forEach(function(n){n.__e=!0,S(n)})},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}preact_module_n=v.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},preact_module_u=0,preact_module_t=function(n){return null!=n&&null==n.constructor},k.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),S(this))},k.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),S(this))},k.prototype.render=b,preact_module_i=[],preact_module_r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,preact_module_f=function(n,l){return n.__v.__b-l.__v.__b},M.__r=0,preact_module_e=0,preact_module_c=F(!1),s=F(!0),a=0;
+var preact_module_n,l,preact_module_u,preact_module_t,preact_module_i,preact_module_o,preact_module_r,preact_module_f,preact_module_e,preact_module_c,s,a,h={},v=[],p=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?preact_module_n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++preact_module_u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function m(){return{current:null}}function b(n){return n.children}function k(n,l){this.props=n,this.context=l}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function S(n){(!n.__d&&(n.__d=!0)&&preact_module_i.push(n)&&!M.__r++||preact_module_o!==l.debounceRendering)&&((preact_module_o=l.debounceRendering)||preact_module_r)(M)}function M(){var n,u,t,o,r,e,c,s;for(preact_module_i.sort(preact_module_f);n=preact_module_i.shift();)n.__d&&(u=preact_module_i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),preact_module_i.length>u&&preact_module_i.sort(preact_module_f));M.__r=0}function P(n,l,u,t,i,o,r,f,e,c,s){var a,p,y,d,w,_=t&&t.__k||v,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&(p=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,p,i,o,r,f,e,c,s),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&N(p.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||p.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=l[t])&&"boolean"!=typeof i&&"function"!=typeof i?(r=t+a,(i=n.__k[t]="string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(b,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i).__=n,i.__b=n.__b+1,o=null,-1!==(f=i.__i=L(i,u,r,s))&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a--:f==r+1?a++:(f>r?a--:a++,i.__u|=65536))):i=n.__k[t]=null;if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o))}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||p.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=preact_module_e,n.addEventListener(l,o?s:preact_module_c,o)):n.removeEventListener(l,o?s:preact_module_c,o);else{if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=preact_module_e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,v,p,w,_,g,m,x,C,S,M,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],S=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,S):(u.__c=h=new k(m,S),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=S,h.__n=i,v=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),p=h.props,w=h.state,h.__v=u,v)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(x&&null==T.getDerivedStateFromProps&&m!==p&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,S),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,S)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u)}),M=0;M<h._sb.length;M++)h.__h.push(h._sb[M]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,S),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(p,w,_)})}if(h.context=S,h.props=m,h.__P=n,h.__e=!1,$=l.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!v&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(p,w)),P(n,y(L=null!=a&&a.type===b&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:128;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e}else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(u,t,i,o,r,f,e,c,s){var a,v,p,d,_,g,m,b=i.props,k=t.props,C=t.type;if("svg"===C?r="http://www.w3.org/2000/svg":"math"===C?r="http://www.w3.org/1998/Math/MathML":r||(r="http://www.w3.org/1999/xhtml"),null!=f)for(a=0;a<f.length;a++)if((_=f[a])&&"setAttribute"in _==!!C&&(C?_.localName===C:3===_.nodeType)){u=_,f[a]=null;break}if(null==u){if(null===C)return document.createTextNode(k);u=document.createElementNS(r,C,k.is&&k),c&&(l.__m&&l.__m(t,f),c=!1),f=null}if(null===C)b===k||c&&u.data===k||(u.data=k);else{if(f=f&&preact_module_n.call(u.childNodes),b=i.props||h,!c&&null!=f)for(b={},a=0;a<u.attributes.length;a++)b[(_=u.attributes[a]).name]=_.value;for(a in b)if(_=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)p=_;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;A(u,a,null,_,r)}for(a in k)_=k[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?m=_:c&&"function"!=typeof _||b[a]===_||A(u,a,_,b[a],r);if(v)c||p&&(v.__html===p.__html||v.__html===u.innerHTML)||(u.innerHTML=v.__html),t.__k=[];else if(p&&(u.innerHTML=""),P(u,y(d)?d:[d],t,i,o,"foreignObject"===C?"http://www.w3.org/1999/xhtml":r,f,e,f?f[0]:i.__k&&x(i,0),c,s),null!=f)for(a=f.length;a--;)w(f[a]);c||(a="value","progress"===C&&null==g?u.removeAttribute("value"):void 0!==g&&(g!==u[a]||"progress"===C&&!g||"option"===C&&g!==b[a])&&A(u,a,g,b[a],r),a="checked",void 0!==m&&m!==u[a]&&A(u,a,m,b[a],r))}return u}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=_(b,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?preact_module_n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e)}function D(n,l){B(n,l,D)}function E(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?preact_module_n.call(arguments,2):t),g(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.forEach(function(n){n.__e=!0,S(n)})},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}preact_module_n=v.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},preact_module_u=0,preact_module_t=function(n){return null!=n&&null==n.constructor},k.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),S(this))},k.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),S(this))},k.prototype.render=b,preact_module_i=[],preact_module_r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,preact_module_f=function(n,l){return n.__v.__b-l.__v.__b},M.__r=0,preact_module_e=0,preact_module_c=F(!1),s=F(!0),a=0;
 //# sourceMappingURL=preact.module.js.map
 
 // CONCATENATED MODULE: ./node_modules/preact/hooks/dist/hooks.module.js
@@ -327,7 +328,7 @@ var hooks_module_t,hooks_module_r,hooks_module_u,hooks_module_i,hooks_module_o=0
 //# sourceMappingURL=hooks.module.js.map
 
 // CONCATENATED MODULE: ./node_modules/preact/compat/dist/compat.module.js
-function compat_module_g(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}function compat_module_E(n,t){this.props=n,this.context=t}function compat_module_C(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:compat_module_g(this.props,n)}function u(e){return this.shouldComponentUpdate=r,preact_module_(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(compat_module_E.prototype=new k).isPureReactComponent=!0,compat_module_E.prototype.shouldComponentUpdate=function(n,t){return compat_module_g(this.props,n)||compat_module_g(this.state,t)};var compat_module_x=l.__b;l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_x&&compat_module_x(n)};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_w(n){function t(t){if(!("ref"in t))return n(t,null);var e=t.ref;delete t.ref;var r=n(t,e);return t.ref=e,r}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_k=function(n,t){return null==n?null:H(H(n).map(t))},compat_module_I={map:compat_module_k,forEach:compat_module_k,count:function(n){return n?H(n).length:0},only:function(n){var t=H(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:H},compat_module_N=l.__e;l.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);compat_module_N(n,t,e,r)};var compat_module_M=l.unmount;function compat_module_T(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=function(n,t){for(var e in t)n[e]=t[e];return n}({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return compat_module_T(n,t,e)})),n}function compat_module_A(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return compat_module_A(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function compat_module_D(){this.__u=0,this.t=null,this.__b=null}function compat_module_L(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_O(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return preact_module_(r,o)}return o.displayName="Lazy",o.__f=!0,o}function compat_module_F(){this.u=null,this.o=null}l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),compat_module_M&&compat_module_M(n)},(compat_module_D.prototype=new k).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=compat_module_L(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(c):c())};e.__R=i;var c=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=compat_module_A(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},compat_module_D.prototype.componentWillUnmount=function(){this.t=[]},compat_module_D.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=compat_module_T(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&preact_module_(b,null,n.fallback);return i&&(i.__u&=-33),[preact_module_(b,null,e.__a?null:n.children),i]};var U=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};function compat_module_V(n){return this.getChildContext=function(){return n.context},n.children}function W(n){var e=this,r=n.i;e.componentWillUnmount=function(){B(null,e.l),e.l=null,e.i=null},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],contains:function(){return!0},appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n)}}),B(preact_module_(compat_module_V,{context:e.context},n.__v),e.l)}function compat_module_P(n,e){var r=preact_module_(W,{__v:n,i:e});return r.containerInfo=e,r}(compat_module_F.prototype=new k).__a=function(n){var t=this,e=compat_module_L(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),U(t,n,r)):u()};e?e(o):o()}},compat_module_F.prototype.render=function(n){this.u=null,this.o=new Map;var t=H(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},compat_module_F.prototype.componentDidUpdate=compat_module_F.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){U(n,e,t)})};var compat_module_j="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_z=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,compat_module_B=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,compat_module_H=/[A-Z0-9]/g,Z="undefined"!=typeof document,Y=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function compat_module_$(n,t,e){return null==t.__k&&(t.textContent=""),B(n,t),"function"==typeof e&&e(),n?n.__c:null}function compat_module_q(n,t,e){return D(n,t),"function"==typeof e&&e(),n?n.__c:null}k.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(k.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var compat_module_G=l.event;function J(){}function K(){return this.cancelBubble}function Q(){return this.defaultPrevented}l.event=function(n){return compat_module_G&&(n=compat_module_G(n)),n.persist=J,n.isPropagationStopped=K,n.isDefaultPrevented=Q,n.nativeEvent=n};var X,nn={enumerable:!1,configurable:!0,get:function(){return this.class}},tn=l.vnode;l.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={},o=-1===e.indexOf("-");for(var i in t){var c=t[i];if(!("value"===i&&"defaultValue"in t&&null==c||Z&&"children"===i&&"noscript"===e||"class"===i||"className"===i)){var f=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===c?c="":"translate"===f&&"no"===c?c=!1:"o"===f[0]&&"n"===f[1]?"ondoubleclick"===f?i="ondblclick":"onchange"!==f||"input"!==e&&"textarea"!==e||Y(t.type)?"onfocus"===f?i="onfocusin":"onblur"===f?i="onfocusout":compat_module_B.test(i)&&(i=f):f=i="oninput":o&&compat_module_z.test(i)?i=i.replace(compat_module_H,"-$&").toLowerCase():null===c&&(c=void 0),"oninput"===f&&u[i=f]&&(i="oninputCapture"),u[i]=c}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=H(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),"select"==e&&null!=u.defaultValue&&(u.value=H(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",nn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_j,tn&&tn(n)};var en=l.__r;l.__r=function(n){en&&en(n),X=n.__c};var rn=l.diffed;l.diffed=function(n){rn&&rn(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value),X=null};var un={ReactCurrentDispatcher:{current:{readContext:function(n){return X.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:_n,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:Sn,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_p,useRef:hooks_module_A,useState:hooks_module_h,useSyncExternalStore:En,useTransition:bn}}},on="18.3.1";function cn(n){return preact_module_.bind(null,n)}function fn(n){return!!n&&n.$$typeof===compat_module_j}function ln(n){return fn(n)&&n.type===b}function an(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function sn(n){return fn(n)?E.apply(null,arguments):n}function hn(n){return!!n.__k&&(B(null,n),!0)}function vn(n){return n&&(n.base||1===n.nodeType&&n)||null}var dn=function(n,t){return n(t)},pn=function(n,t){return n(t)},mn=b;function yn(n){n()}function _n(n){return n}function bn(){return[!1,yn]}var Sn=hooks_module_,gn=fn;function En(n,t){var e=t(),r=hooks_module_h({h:{__:e,v:t}}),u=r[0].h,o=r[1];return hooks_module_(function(){u.__=e,u.v=t,Cn(u)&&o({h:u})},[n,e,t]),hooks_module_y(function(){return Cn(u)&&o({h:u}),n(function(){Cn(u)&&o({h:u})})},[n]),e}function Cn(n){var t,e,r=n.v,u=n.__;try{var o=r();return!((t=u)===(e=o)&&(0!==t||1/t==1/e)||t!=t&&e!=e)}catch(n){return!0}}var xn={useState:hooks_module_h,useId:hooks_module_g,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:Sn,useTransition:bn,useDeferredValue:_n,useSyncExternalStore:En,startTransition:yn,useRef:hooks_module_A,useImperativeHandle:hooks_module_F,useMemo:hooks_module_T,useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,version:"18.3.1",Children:compat_module_I,render:compat_module_$,hydrate:compat_module_q,unmountComponentAtNode:hn,createPortal:compat_module_P,createElement:preact_module_,createContext:G,createFactory:cn,cloneElement:sn,createRef:m,Fragment:b,isValidElement:fn,isElement:gn,isFragment:ln,isMemo:an,findDOMNode:vn,Component:k,PureComponent:compat_module_E,memo:compat_module_C,forwardRef:compat_module_w,flushSync:pn,unstable_batchedUpdates:dn,StrictMode:mn,Suspense:compat_module_D,SuspenseList:compat_module_F,lazy:compat_module_O,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:un};
+function compat_module_g(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}function compat_module_E(n,t){this.props=n,this.context=t}function compat_module_C(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:compat_module_g(this.props,n)}function u(e){return this.shouldComponentUpdate=r,_(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(compat_module_E.prototype=new k).isPureReactComponent=!0,compat_module_E.prototype.shouldComponentUpdate=function(n,t){return compat_module_g(this.props,n)||compat_module_g(this.state,t)};var compat_module_x=l.__b;l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_x&&compat_module_x(n)};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_w(n){function t(t){if(!("ref"in t))return n(t,null);var e=t.ref;delete t.ref;var r=n(t,e);return t.ref=e,r}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_k=function(n,t){return null==n?null:H(H(n).map(t))},compat_module_I={map:compat_module_k,forEach:compat_module_k,count:function(n){return n?H(n).length:0},only:function(n){var t=H(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:H},compat_module_N=l.__e;l.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);compat_module_N(n,t,e,r)};var compat_module_M=l.unmount;function compat_module_T(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=function(n,t){for(var e in t)n[e]=t[e];return n}({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return compat_module_T(n,t,e)})),n}function compat_module_A(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return compat_module_A(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function compat_module_D(){this.__u=0,this.t=null,this.__b=null}function compat_module_L(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_O(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return _(r,o)}return o.displayName="Lazy",o.__f=!0,o}function compat_module_F(){this.u=null,this.o=null}l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),compat_module_M&&compat_module_M(n)},(compat_module_D.prototype=new k).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=compat_module_L(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(c):c())};e.__R=i;var c=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=compat_module_A(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},compat_module_D.prototype.componentWillUnmount=function(){this.t=[]},compat_module_D.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=compat_module_T(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&_(b,null,n.fallback);return i&&(i.__u&=-33),[_(b,null,e.__a?null:n.children),i]};var U=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};function compat_module_V(n){return this.getChildContext=function(){return n.context},n.children}function W(n){var e=this,r=n.i;e.componentWillUnmount=function(){B(null,e.l),e.l=null,e.i=null},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],contains:function(){return!0},appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n)}}),B(_(compat_module_V,{context:e.context},n.__v),e.l)}function compat_module_P(n,e){var r=_(W,{__v:n,i:e});return r.containerInfo=e,r}(compat_module_F.prototype=new k).__a=function(n){var t=this,e=compat_module_L(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),U(t,n,r)):u()};e?e(o):o()}},compat_module_F.prototype.render=function(n){this.u=null,this.o=new Map;var t=H(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},compat_module_F.prototype.componentDidUpdate=compat_module_F.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){U(n,e,t)})};var compat_module_j="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_z=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,compat_module_B=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,compat_module_H=/[A-Z0-9]/g,Z="undefined"!=typeof document,Y=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function compat_module_$(n,t,e){return null==t.__k&&(t.textContent=""),B(n,t),"function"==typeof e&&e(),n?n.__c:null}function compat_module_q(n,t,e){return D(n,t),"function"==typeof e&&e(),n?n.__c:null}k.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(k.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var compat_module_G=l.event;function J(){}function K(){return this.cancelBubble}function Q(){return this.defaultPrevented}l.event=function(n){return compat_module_G&&(n=compat_module_G(n)),n.persist=J,n.isPropagationStopped=K,n.isDefaultPrevented=Q,n.nativeEvent=n};var X,nn={enumerable:!1,configurable:!0,get:function(){return this.class}},tn=l.vnode;l.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={},o=-1===e.indexOf("-");for(var i in t){var c=t[i];if(!("value"===i&&"defaultValue"in t&&null==c||Z&&"children"===i&&"noscript"===e||"class"===i||"className"===i)){var f=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===c?c="":"translate"===f&&"no"===c?c=!1:"o"===f[0]&&"n"===f[1]?"ondoubleclick"===f?i="ondblclick":"onchange"!==f||"input"!==e&&"textarea"!==e||Y(t.type)?"onfocus"===f?i="onfocusin":"onblur"===f?i="onfocusout":compat_module_B.test(i)&&(i=f):f=i="oninput":o&&compat_module_z.test(i)?i=i.replace(compat_module_H,"-$&").toLowerCase():null===c&&(c=void 0),"oninput"===f&&u[i=f]&&(i="oninputCapture"),u[i]=c}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=H(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),"select"==e&&null!=u.defaultValue&&(u.value=H(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",nn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_j,tn&&tn(n)};var en=l.__r;l.__r=function(n){en&&en(n),X=n.__c};var rn=l.diffed;l.diffed=function(n){rn&&rn(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value),X=null};var un={ReactCurrentDispatcher:{current:{readContext:function(n){return X.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:_n,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:Sn,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_p,useRef:hooks_module_A,useState:hooks_module_h,useSyncExternalStore:En,useTransition:bn}}},on="18.3.1";function cn(n){return _.bind(null,n)}function fn(n){return!!n&&n.$$typeof===compat_module_j}function ln(n){return fn(n)&&n.type===b}function an(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function sn(n){return fn(n)?E.apply(null,arguments):n}function hn(n){return!!n.__k&&(B(null,n),!0)}function vn(n){return n&&(n.base||1===n.nodeType&&n)||null}var dn=function(n,t){return n(t)},pn=function(n,t){return n(t)},mn=b;function yn(n){n()}function _n(n){return n}function bn(){return[!1,yn]}var Sn=hooks_module_,gn=fn;function En(n,t){var e=t(),r=hooks_module_h({h:{__:e,v:t}}),u=r[0].h,o=r[1];return hooks_module_(function(){u.__=e,u.v=t,Cn(u)&&o({h:u})},[n,e,t]),hooks_module_y(function(){return Cn(u)&&o({h:u}),n(function(){Cn(u)&&o({h:u})})},[n]),e}function Cn(n){var t,e,r=n.v,u=n.__;try{var o=r();return!((t=u)===(e=o)&&(0!==t||1/t==1/e)||t!=t&&e!=e)}catch(n){return!0}}var xn={useState:hooks_module_h,useId:hooks_module_g,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:Sn,useTransition:bn,useDeferredValue:_n,useSyncExternalStore:En,startTransition:yn,useRef:hooks_module_A,useImperativeHandle:hooks_module_F,useMemo:hooks_module_T,useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,version:"18.3.1",Children:compat_module_I,render:compat_module_$,hydrate:compat_module_q,unmountComponentAtNode:hn,createPortal:compat_module_P,createElement:_,createContext:G,createFactory:cn,cloneElement:sn,createRef:m,Fragment:b,isValidElement:fn,isElement:gn,isFragment:ln,isMemo:an,findDOMNode:vn,Component:k,PureComponent:compat_module_E,memo:compat_module_C,forwardRef:compat_module_w,flushSync:pn,unstable_batchedUpdates:dn,StrictMode:mn,Suspense:compat_module_D,SuspenseList:compat_module_F,lazy:compat_module_O,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:un};
 //# sourceMappingURL=compat.module.js.map
 
 // EXTERNAL MODULE: external {"root":"Survey","commonjs2":"survey-core","commonjs":"survey-core","amd":"survey-core"}
@@ -459,7 +460,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     };
     SurveyElementBase.renderQuestionDescription = function (question) {
         var descriptionText = SurveyElementBase.renderLocString(question.locDescription);
-        return preact_module_("div", { style: question.hasDescription ? undefined : { display: "none" }, id: question.ariaDescriptionId, className: question.cssDescription }, descriptionText);
+        return _("div", { style: question.hasDescription ? undefined : { display: "none" }, id: question.ariaDescriptionId, className: question.cssDescription }, descriptionText);
     };
     SurveyElementBase.prototype.componentDidMount = function () {
         this.makeBaseElementsReact();
@@ -901,10 +902,13 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
                 el.focusIn();
             }
         };
-        return (preact_module_("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, this.row.isNeedRender ? innerElement : ReactElementFactory.Instance.createElement(element.skeletonComponentName, { element: element, css: this.css, })));
+        return (_("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, 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, });
+        }
         var elementType = element.getType();
         if (!ReactElementFactory.Instance.isElementRegistered(elementType)) {
             elementType = "question";
@@ -992,9 +996,9 @@ var row_SurveyRow = /** @class */ (function (_super) {
         var elements = this.row.visibleElements.map(function (element, elementIndex) {
             var index = elementIndex ? "-" + elementIndex : 0;
             var key = element.name + index;
-            return (preact_module_(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
+            return (_(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
         });
-        return (preact_module_("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
+        return (_("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
     };
     SurveyRow.prototype.renderElement = function () {
         var survey = this.survey;
@@ -1166,7 +1170,7 @@ var panel_base_SurveyPanelBase = /** @class */ (function (_super) {
         return this.panelBase.visibleRows.map(function (row) { return _this.createRow(row, css); });
     };
     SurveyPanelBase.prototype.createRow = function (row, css) {
-        return (preact_module_(row_SurveyRow, { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
+        return (_(row_SurveyRow, { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
     };
     return SurveyPanelBase;
 }(reactquestion_element_SurveyElementBase));
@@ -1379,7 +1383,6 @@ var popup_extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var popup_Popup = /** @class */ (function (_super) {
     popup_extends(Popup, _super);
     function Popup(props) {
@@ -1546,41 +1549,6 @@ var popup_PopupDropdownContainer = /** @class */ (function (_super) {
     return PopupDropdownContainer;
 }(popup_PopupContainer));
 
-// replace to showDialog then delete
-function showModal(componentName, data, onApply, onCancel, cssClass, title, displayMode) {
-    if (displayMode === void 0) { displayMode = "popup"; }
-    var options = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createDialogOptions"])(componentName, data, onApply, onCancel, undefined, undefined, cssClass, title, displayMode);
-    return showDialog(options);
-}
-function showDialog(dialogOptions, rootElement) {
-    var popupViewModel = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createPopupModalViewModel"])(dialogOptions, rootElement);
-    var onVisibilityChangedCallback = function (_, options) {
-        if (!options.isVisible) {
-            if (typeof xn.createRoot == "function") {
-                if (!!root) {
-                    root.unmount();
-                }
-            }
-            else {
-                xn.unmountComponentAtNode(popupViewModel.container);
-            }
-            popupViewModel.dispose();
-        }
-    };
-    popupViewModel.onVisibilityChanged.add(onVisibilityChangedCallback);
-    var root;
-    if (typeof xn.createRoot == "function") {
-        root = xn.createRoot(popupViewModel.container);
-        root.render(xn.createElement(popup_PopupContainer, { model: popupViewModel }));
-    }
-    else {
-        xn.render(xn.createElement(popup_PopupContainer, { model: popupViewModel }), popupViewModel.container);
-    }
-    popupViewModel.model.isVisible = true;
-    return popupViewModel;
-}
-external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = showModal;
-external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = showDialog;
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown.tsx
 var action_bar_item_dropdown_extends = (undefined && undefined.__extends) || (function () {
@@ -1872,6 +1840,7 @@ var title_element_extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var title_element_TitleElement = /** @class */ (function (_super) {
     title_element_extends(TitleElement, _super);
     function TitleElement(props) {
@@ -1884,11 +1853,18 @@ var title_element_TitleElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    TitleElement.prototype.renderTitleExpandableSvg = function () {
+        if (!this.element.getCssTitleExpandableSvg())
+            return null;
+        var iconName = this.element.isExpanded ? "icon-collapse-16x16" : "icon-expand-16x16";
+        return xn.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: 16 });
+    };
     TitleElement.prototype.render = function () {
         var element = this.element;
         if (!element || !element.hasTitle)
             return null;
         var ariaLabel = element.titleAriaLabel || undefined;
+        var titleExpandableSvg = this.renderTitleExpandableSvg();
         var titleContent = (xn.createElement(title_actions_TitleActions, { element: element, cssClasses: element.cssClasses }));
         var onClick = undefined;
         var onKeyUp = undefined;
@@ -1898,7 +1874,9 @@ var title_element_TitleElement = /** @class */ (function (_super) {
             };
         }
         var CustomTag = element.titleTagName;
-        return (xn.createElement(CustomTag, { className: element.cssTitle, id: element.ariaTitleId, "aria-label": ariaLabel, tabIndex: element.titleTabIndex, "aria-expanded": element.titleAriaExpanded, role: element.titleAriaRole, onClick: onClick, onKeyUp: onKeyUp }, titleContent));
+        return (xn.createElement(CustomTag, { className: element.cssTitle, id: element.ariaTitleId, "aria-label": ariaLabel, tabIndex: element.titleTabIndex, "aria-expanded": element.titleAriaExpanded, role: element.titleAriaRole, onClick: onClick, onKeyUp: onKeyUp },
+            titleExpandableSvg,
+            titleContent));
     };
     return TitleElement;
 }(xn.Component));
@@ -2043,18 +2021,18 @@ var reactquestion_comment_SurveyQuestionComment = /** @class */ (function (_supe
     SurveyQuestionComment.prototype.renderCharacterCounter = function () {
         var counter = null;
         if (!!this.question.getMaxLength()) {
-            counter = preact_module_(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter });
+            counter = _(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter });
         }
         return counter;
     };
     SurveyQuestionComment.prototype.renderElement = function () {
         if (this.question.isReadOnlyRenderDiv()) {
-            return preact_module_("div", null, this.question.value);
+            return _("div", null, this.question.value);
         }
         var counter = this.renderCharacterCounter();
         var textAreaModel = this.props.question.textAreaModel;
-        return (preact_module_(b, null,
-            preact_module_(text_area_TextAreaComponent, { viewModel: textAreaModel }),
+        return (_(b, null,
+            _(text_area_TextAreaComponent, { viewModel: textAreaModel }),
             counter));
     };
     return SurveyQuestionComment;
@@ -2077,9 +2055,9 @@ var reactquestion_comment_SurveyQuestionCommentItem = /** @class */ (function (_
         var question = this.props.question;
         if (question.isReadOnlyRenderDiv()) {
             var comment = this.textAreaModel.getTextValue() || "";
-            return preact_module_("div", null, comment);
+            return _("div", null, comment);
         }
-        return (preact_module_(text_area_TextAreaComponent, { viewModel: this.textAreaModel }));
+        return (_(text_area_TextAreaComponent, { viewModel: this.textAreaModel }));
     };
     return SurveyQuestionCommentItem;
 }(ReactSurveyElement));
@@ -2096,7 +2074,7 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
 }(reactquestion_comment_SurveyQuestionCommentItem));
 
 ReactQuestionFactory.Instance.registerQuestion("comment", function (props) {
-    return preact_module_(reactquestion_comment_SurveyQuestionComment, props);
+    return _(reactquestion_comment_SurveyQuestionComment, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/custom-widget.tsx
@@ -2162,7 +2140,7 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
     SurveyCustomWidget.prototype.renderElement = function () {
         var customWidget = this.questionBase.customWidget;
         if (customWidget.isDefaultRender) {
-            return (preact_module_("div", { ref: this.widgetRef }, this.creator.createQuestionElement(this.questionBase)));
+            return (_("div", { ref: this.widgetRef }, this.creator.createQuestionElement(this.questionBase)));
         }
         var widget = null;
         if (customWidget.widgetJson.render) {
@@ -2171,10 +2149,10 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
         else {
             if (customWidget.htmlTemplate) {
                 var htmlValue = { __html: customWidget.htmlTemplate };
-                return preact_module_("div", { ref: this.widgetRef, dangerouslySetInnerHTML: htmlValue });
+                return _("div", { ref: this.widgetRef, dangerouslySetInnerHTML: htmlValue });
             }
         }
-        return preact_module_("div", { ref: this.widgetRef }, widget);
+        return _("div", { ref: this.widgetRef }, widget);
     };
     return SurveyCustomWidget;
 }(reactquestion_element_SurveyQuestionElementBase));
@@ -2270,7 +2248,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
         if (!customWidget) {
             return creator.createQuestionElement(question);
         }
-        return preact_module_(custom_widget_SurveyCustomWidget, { creator: creator, question: question });
+        return _(custom_widget_SurveyCustomWidget, { creator: creator, question: question });
     };
     SurveyQuestion.prototype.getStateElement = function () {
         return this.question;
@@ -2350,7 +2328,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
         var descriptionUnderInput = question.hasDescriptionUnderInput
             ? this.renderDescription()
             : null;
-        return (preact_module_("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
+        return (_("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
             errorsTop,
             questionRender,
             comment,
@@ -2371,8 +2349,8 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
             : null;
         var rootStyle = question.getRootStyle();
         var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
-        return (preact_module_(b, null,
-            preact_module_("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 },
+        return (_(b, null,
+            _("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 },
                 errorsAboveQuestion,
                 headerTop,
                 questionContent,
@@ -2403,21 +2381,21 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
     };
     SurveyQuestion.prototype.renderComment = function (cssClasses) {
         var commentText = reactquestion_element_SurveyElementBase.renderLocString(this.question.locCommentText);
-        return (preact_module_("div", { className: this.question.getCommentAreaCss() },
-            preact_module_("div", null, commentText),
-            preact_module_(reactquestion_comment_SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
+        return (_("div", { className: this.question.getCommentAreaCss() },
+            _("div", null, commentText),
+            _(reactquestion_comment_SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
     };
     SurveyQuestion.prototype.renderHeader = function (question) {
-        return preact_module_(element_header_SurveyElementHeader, { element: question });
+        return _(element_header_SurveyElementHeader, { element: question });
     };
     SurveyQuestion.prototype.renderErrors = function (cssClasses, location) {
-        return (preact_module_(reactquestion_SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
+        return (_(reactquestion_SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
     };
     return SurveyQuestion;
 }(reactquestion_element_SurveyElementBase));
 
 ReactElementFactory.Instance.registerElement("question", function (props) {
-    return preact_module_(reactquestion_SurveyQuestion, props);
+    return _(reactquestion_SurveyQuestion, props);
 });
 var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
     reactquestion_extends(SurveyElementErrors, _super);
@@ -2469,7 +2447,7 @@ var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
             var key = "error" + i;
             errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
         }
-        return (preact_module_("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
+        return (_("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
     };
     return SurveyElementErrors;
 }(ReactSurveyElement));
@@ -2520,7 +2498,7 @@ var reactquestion_SurveyQuestionAndErrorsWrapped = /** @class */ (function (_sup
     };
     SurveyQuestionAndErrorsWrapped.prototype.renderContent = function () {
         var renderedQuestion = this.renderQuestion();
-        return (preact_module_(b, null, renderedQuestion));
+        return (_(b, null, renderedQuestion));
     };
     SurveyQuestionAndErrorsWrapped.prototype.getShowErrors = function () {
         return this.question.isVisible;
@@ -2548,13 +2526,13 @@ var reactquestion_SurveyQuestionAndErrorsCell = /** @class */ (function (_super)
         }
     };
     SurveyQuestionAndErrorsCell.prototype.renderCellContent = function () {
-        return (preact_module_("div", { className: this.props.cell.cellQuestionWrapperClassName }, this.renderQuestion()));
+        return (_("div", { className: this.props.cell.cellQuestionWrapperClassName }, this.renderQuestion()));
     };
     SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
         var style = this.getCellStyle();
         var cell = this.props.cell;
         var focusIn = function () { cell.focusIn(); };
-        return (preact_module_("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, this.renderCellContent())));
+        return (_("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, this.renderCellContent())));
     };
     SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
         return null;
@@ -2624,7 +2602,7 @@ var reactquestion_SurveyQuestionErrorCell = /** @class */ (function (_super) {
         }
     };
     SurveyQuestionErrorCell.prototype.render = function () {
-        return preact_module_(reactquestion_SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
+        return _(reactquestion_SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
     };
     return SurveyQuestionErrorCell;
 }(k));
@@ -2674,21 +2652,21 @@ var page_SurveyPage = /** @class */ (function (_super) {
         var title = this.renderTitle();
         var description = this.renderDescription();
         var rows = this.renderRows(this.panelBase.cssClasses);
-        var errors = (preact_module_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
-        return (preact_module_("div", { ref: this.rootRef, className: this.page.cssRoot },
+        var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
+        return (_("div", { ref: this.rootRef, className: this.page.cssRoot },
             title,
             description,
             errors,
             rows));
     };
     SurveyPage.prototype.renderTitle = function () {
-        return preact_module_(title_element_TitleElement, { element: this.page });
+        return _(title_element_TitleElement, { element: this.page });
     };
     SurveyPage.prototype.renderDescription = function () {
         if (!this.page._showDescription)
             return null;
         var text = reactquestion_element_SurveyElementBase.renderLocString(this.page.locDescription);
-        return (preact_module_("div", { className: this.panelBase.cssClasses.page.description }, text));
+        return (_("div", { className: this.panelBase.cssClasses.page.description }, text));
     };
     return SurveyPage;
 }(panel_base_SurveyPanelBase));
@@ -2951,6 +2929,107 @@ var svgbundle_SvgBundleComponent = /** @class */ (function (_super) {
 }(xn.Component));
 
 
+// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/popup/popup-modal.tsx
+var popup_modal_extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+
+var popup_modal_PopupModal = /** @class */ (function (_super) {
+    popup_modal_extends(PopupModal, _super);
+    function PopupModal(props) {
+        var _this = _super.call(this, props) || this;
+        _this.isInitialized = false;
+        _this.init = function () {
+            if (!_this.isInitialized) {
+                external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = function (componentName, data, onApply, onCancel, cssClass, title, displayMode) {
+                    if (displayMode === void 0) { displayMode = "popup"; }
+                    var options = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createDialogOptions"])(componentName, data, onApply, onCancel, undefined, undefined, cssClass, title, displayMode);
+                    return _this.showDialog(options);
+                };
+                external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = function (dialogOptions, rootElement) {
+                    return _this.showDialog(dialogOptions, rootElement);
+                };
+                _this.isInitialized = true;
+            }
+        };
+        _this.clean = function () {
+            if (_this.isInitialized) {
+                external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = undefined;
+                external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = undefined;
+                _this.isInitialized = false;
+            }
+        };
+        _this.state = { changed: 0 };
+        _this.descriptor = {
+            init: _this.init,
+            clean: _this.clean
+        };
+        return _this;
+    }
+    PopupModal.addModalDescriptor = function (descriptor) {
+        if (!external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal) {
+            descriptor.init();
+        }
+        this.modalDescriptors.push(descriptor);
+    };
+    PopupModal.removeModalDescriptor = function (descriptor) {
+        descriptor.clean();
+        this.modalDescriptors.splice(this.modalDescriptors.indexOf(descriptor), 1);
+        if (!external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal && this.modalDescriptors[0]) {
+            this.modalDescriptors[0].init();
+        }
+    };
+    PopupModal.prototype.renderElement = function () {
+        if (!this.model)
+            return null;
+        return compat_module_P(xn.createElement(popup_PopupContainer, { model: this.model }), this.model.container);
+    };
+    PopupModal.prototype.showDialog = function (dialogOptions, rootElement) {
+        var _this = this;
+        this.model = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createPopupModalViewModel"])(dialogOptions, rootElement);
+        var onVisibilityChangedCallback = function (_, options) {
+            if (!options.isVisible) {
+                _this.model.dispose();
+                _this.model = undefined;
+                _this.setState({ changed: _this.state.changed + 1 });
+            }
+        };
+        this.model.onVisibilityChanged.add(onVisibilityChangedCallback);
+        this.model.model.isVisible = true;
+        this.setState({ changed: this.state.changed + 1 });
+        return this.model;
+    };
+    PopupModal.prototype.componentDidMount = function () {
+        PopupModal.addModalDescriptor(this.descriptor);
+    };
+    PopupModal.prototype.componentWillUnmount = function () {
+        if (this.model) {
+            this.model.dispose();
+            this.model = undefined;
+        }
+        PopupModal.removeModalDescriptor(this.descriptor);
+    };
+    PopupModal.modalDescriptors = [];
+    return PopupModal;
+}(reactquestion_element_SurveyElementBase));
+
+
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactSurvey.tsx
 var reactSurvey_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -2989,6 +3068,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 var reactSurvey_Survey = /** @class */ (function (_super) {
     reactSurvey_extends(Survey, _super);
     function Survey(props) {
@@ -3076,29 +3156,30 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         else {
             renderResult = this.renderSurvey();
         }
-        var backgroundImage = !!this.survey.backgroundImage ? preact_module_("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
-        var header = this.survey.headerView === "basic" ? preact_module_(survey_header_SurveyHeader, { survey: this.survey }) : null;
+        var backgroundImage = !!this.survey.backgroundImage ? _("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
+        var header = this.survey.headerView === "basic" ? _(survey_header_SurveyHeader, { survey: this.survey }) : null;
         var onSubmit = function (event) {
             event.preventDefault();
         };
-        var customHeader = preact_module_("div", { className: "sv_custom_header" });
+        var customHeader = _("div", { className: "sv_custom_header" });
         if (this.survey.hasLogo) {
             customHeader = null;
         }
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
-        return (preact_module_("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
-            this.survey.needRenderIcons ? preact_module_(svgbundle_SvgBundleComponent, null) : null,
-            preact_module_("div", { className: this.survey.wrapperFormCss },
+        return (_("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
+            this.survey.needRenderIcons ? _(svgbundle_SvgBundleComponent, null) : null,
+            _(popup_modal_PopupModal, null),
+            _("div", { className: this.survey.wrapperFormCss },
                 backgroundImage,
-                preact_module_("form", { onSubmit: onSubmit },
+                _("form", { onSubmit: onSubmit },
                     customHeader,
-                    preact_module_("div", { className: this.css.container },
+                    _("div", { className: this.css.container },
                         header,
-                        preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
+                        _(components_container_ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
                         renderResult,
-                        preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
-                preact_module_(notifier_NotifierComponent, { notifier: this.survey.notifier }))));
+                        _(components_container_ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
+                _(notifier_NotifierComponent, { notifier: this.survey.notifier }))));
     };
     Survey.prototype.renderElement = function () {
         return this.doRender();
@@ -3117,17 +3198,17 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         if (!this.survey.showCompletedPage)
             return null;
         var htmlValue = { __html: this.survey.processedCompletedHtml };
-        return (preact_module_(b, null,
-            preact_module_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
-            preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
+        return (_(b, null,
+            _("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
+            _(components_container_ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
     };
     Survey.prototype.renderCompletedBefore = function () {
         var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
-        return (preact_module_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
+        return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
     };
     Survey.prototype.renderLoading = function () {
         var htmlValue = { __html: this.survey.processedLoadingHtml };
-        return (preact_module_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
+        return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
     };
     Survey.prototype.renderSurvey = function () {
         var activePage = this.survey.activePage
@@ -3140,22 +3221,22 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         if (!!this.survey.renderedWidth) {
             style.maxWidth = this.survey.renderedWidth;
         }
-        return (preact_module_("div", { className: this.survey.bodyContainerCss },
-            preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "left" }),
-            preact_module_("div", { className: "sv-components-column sv-components-column--expandable" },
-                preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "center" }),
-                preact_module_("div", { id: pageId, className: className, style: style },
-                    preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "contentTop" }),
+        return (_("div", { className: this.survey.bodyContainerCss },
+            _(components_container_ComponentsContainer, { survey: this.survey, container: "left" }),
+            _("div", { className: "sv-components-column sv-components-column--expandable" },
+                _(components_container_ComponentsContainer, { survey: this.survey, container: "center" }),
+                _("div", { id: pageId, className: className, style: style },
+                    _(components_container_ComponentsContainer, { survey: this.survey, container: "contentTop" }),
                     activePage,
-                    preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
-                    this.survey.showBrandInfo ? preact_module_(brand_info_BrandInfo, null) : null)),
-            preact_module_(components_container_ComponentsContainer, { survey: this.survey, container: "right" })));
+                    _(components_container_ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
+                    this.survey.showBrandInfo ? _(brand_info_BrandInfo, null) : null)),
+            _(components_container_ComponentsContainer, { survey: this.survey, container: "right" })));
     };
     Survey.prototype.renderPage = function (page) {
-        return (preact_module_(page_SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
+        return (_(page_SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
     };
     Survey.prototype.renderEmptySurvey = function () {
-        return preact_module_("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
+        return _("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
     };
     Survey.prototype.createSurvey = function (newProps) {
         if (!newProps)
@@ -3248,7 +3329,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
 }(reactquestion_element_SurveyElementBase));
 
 ReactElementFactory.Instance.registerElement("survey", function (props) {
-    return preact_module_(reactSurvey_Survey, props);
+    return _(reactSurvey_Survey, props);
 });
 function attachKey2click(element, viewModel, options) {
     if (options === void 0) { options = { processEsc: true, disableTabStop: false }; }
@@ -3375,16 +3456,16 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
         if (!this.timerModel.isRunning) {
             return null;
         }
-        var result = preact_module_("div", { className: this.timerModel.survey.getCss().timerRoot }, this.timerModel.text);
+        var result = _("div", { className: this.timerModel.survey.getCss().timerRoot }, this.timerModel.text);
         if (this.timerModel.showTimerAsClock) {
             var style = { strokeDasharray: this.circleLength, strokeDashoffset: this.progress };
-            var progress = (this.timerModel.showProgress ? preact_module_(svg_icon_SvgIcon, { className: this.timerModel.getProgressCss(), style: style, iconName: "icon-timercircle", size: "auto" }) : null);
+            var progress = (this.timerModel.showProgress ? _(svg_icon_SvgIcon, { className: this.timerModel.getProgressCss(), style: style, iconName: "icon-timercircle", size: "auto" }) : null);
             result =
-                (preact_module_("div", { className: this.timerModel.rootCss },
+                (_("div", { className: this.timerModel.rootCss },
                     progress,
-                    preact_module_("div", { className: this.timerModel.textContainerCss },
-                        preact_module_("span", { className: this.timerModel.majorTextCss }, this.timerModel.clockMajorText),
-                        (this.timerModel.clockMinorText ? preact_module_("span", { className: this.timerModel.minorTextCss }, this.timerModel.clockMinorText) : null))));
+                    _("div", { className: this.timerModel.textContainerCss },
+                        _("span", { className: this.timerModel.majorTextCss }, this.timerModel.clockMajorText),
+                        (this.timerModel.clockMinorText ? _("span", { className: this.timerModel.minorTextCss }, this.timerModel.clockMinorText) : null))));
         }
         return result;
     };
@@ -3392,7 +3473,7 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("sv-timerpanel", function (props) {
-    return preact_module_(reacttimerpanel_SurveyTimerPanel, props);
+    return _(reacttimerpanel_SurveyTimerPanel, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/panel.tsx
@@ -3437,7 +3518,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
     SurveyPanel.prototype.renderElement = function () {
         var _this = this;
         var header = this.renderHeader();
-        var errors = (preact_module_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
+        var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
         var style = {
             paddingLeft: this.panel.innerPaddingLeft,
             display: this.panel.renderedIsExpanded ? undefined : "none",
@@ -3453,7 +3534,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
             if (_this.panelBase)
                 _this.panelBase.focusIn();
         };
-        return (preact_module_("div", { ref: this.rootRef, className: this.panelBase.getContainerCss(), onFocus: focusIn, id: this.panelBase.id },
+        return (_("div", { ref: this.rootRef, className: this.panelBase.getContainerCss(), onFocus: focusIn, id: this.panelBase.id },
             this.panel.showErrorsAbovePanel ? errors : null,
             header,
             this.panel.showErrorsAbovePanel ? null : errors,
@@ -3463,7 +3544,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
         if (!this.panel.hasTitle && !this.panel.hasDescription) {
             return null;
         }
-        return preact_module_(element_header_SurveyElementHeader, { element: this.panel });
+        return _(element_header_SurveyElementHeader, { element: this.panel });
     };
     SurveyPanel.prototype.wrapElement = function (element) {
         var survey = this.panel.survey;
@@ -3475,26 +3556,26 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
     };
     SurveyPanel.prototype.renderContent = function (style, rows, className) {
         var bottom = this.renderBottom();
-        return (preact_module_("div", { style: style, className: className, id: this.panel.contentId },
+        return (_("div", { style: style, className: className, id: this.panel.contentId },
             rows,
             bottom));
     };
     SurveyPanel.prototype.renderTitle = function () {
         if (!this.panelBase.title)
             return null;
-        return preact_module_(title_element_TitleElement, { element: this.panelBase });
+        return _(title_element_TitleElement, { element: this.panelBase });
     };
     SurveyPanel.prototype.renderDescription = function () {
         if (!this.panelBase.description)
             return null;
         var text = reactquestion_element_SurveyElementBase.renderLocString(this.panelBase.locDescription);
-        return (preact_module_("div", { className: this.panel.cssClasses.panel.description }, text));
+        return (_("div", { className: this.panel.cssClasses.panel.description }, text));
     };
     SurveyPanel.prototype.renderBottom = function () {
         var footerToolbar = this.panel.getFooterToolbar();
         if (!footerToolbar.hasActions)
             return null;
-        return preact_module_(action_bar_SurveyActionBar, { model: footerToolbar });
+        return _(action_bar_SurveyActionBar, { model: footerToolbar });
     };
     SurveyPanel.prototype.getIsVisible = function () {
         return this.panelBase.getIsContentVisible();
@@ -3503,7 +3584,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
 }(panel_base_SurveyPanelBase));
 
 ReactElementFactory.Instance.registerElement("panel", function (props) {
-    return preact_module_(panel_SurveyPanel, props);
+    return _(panel_SurveyPanel, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/flow-panel.tsx
@@ -3578,7 +3659,7 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
         var html = "<span>" + this.flowPanel.produceHtml() + "</span>";
         if (!DOMParser) {
             var htmlValue = { __html: html };
-            return preact_module_("div", { dangerouslySetInnerHTML: htmlValue });
+            return _("div", { dangerouslySetInnerHTML: htmlValue });
         }
         var doc = new DOMParser().parseFromString(html, "text/xml");
         this.renderedIndex = 0;
@@ -3611,8 +3692,8 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
         var nodeType = node.nodeName.toLowerCase();
         var children = this.renderNodes(this.getChildDomNodes(node));
         if (nodeType === "div")
-            return preact_module_("div", { key: this.getNodeIndex() }, children);
-        return (preact_module_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, children));
+            return _("div", { key: this.getNodeIndex() }, children);
+        return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, children));
     };
     SurveyFlowPanel.prototype.renderNode = function (node) {
         if (!this.hasTextChildNodesOnly(node)) {
@@ -3623,13 +3704,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
             var question = this.flowPanel.getQuestionByName(node.textContent);
             if (!question)
                 return null;
-            var questionBody = (preact_module_(reactquestion_SurveyQuestion, { key: question.name, element: question, creator: this.creator, css: this.css }));
-            return preact_module_("span", { key: this.getNodeIndex() }, questionBody);
+            var questionBody = (_(reactquestion_SurveyQuestion, { key: question.name, element: question, creator: this.creator, css: this.css }));
+            return _("span", { key: this.getNodeIndex() }, questionBody);
         }
         if (nodeType === "div") {
-            return preact_module_("div", { key: this.getNodeIndex() }, node.textContent);
+            return _("div", { key: this.getNodeIndex() }, node.textContent);
         }
-        return (preact_module_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, node.textContent));
+        return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, node.textContent));
     };
     SurveyFlowPanel.prototype.getChildDomNodes = function (node) {
         var domNodes = [];
@@ -3647,13 +3728,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
         return true;
     };
     SurveyFlowPanel.prototype.renderContent = function (style, rows) {
-        return preact_module_("f-panel", { style: style }, rows);
+        return _("f-panel", { style: style }, rows);
     };
     return SurveyFlowPanel;
 }(panel_SurveyPanel));
 
 ReactElementFactory.Instance.registerElement("flowpanel", function (props) {
-    return preact_module_(flow_panel_SurveyFlowPanel, props);
+    return _(flow_panel_SurveyFlowPanel, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_checkbox.tsx
@@ -3693,8 +3774,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
     SurveyQuestionCheckbox.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
-        return (preact_module_("fieldset", { className: this.question.getSelectBaseRootCss(), ref: function (fieldset) { return (_this.setControl(fieldset)); }, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
-            preact_module_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
+        return (_("fieldset", { className: this.question.getSelectBaseRootCss(), ref: function (fieldset) { return (_this.setControl(fieldset)); }, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
+            _("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.getHeader(),
             this.question.hasColumns
                 ? this.getColumnedBody(cssClasses)
@@ -3719,7 +3800,7 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
         }
     };
     SurveyQuestionCheckbox.prototype.getColumnedBody = function (cssClasses) {
-        return (preact_module_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
+        return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
     };
     SurveyQuestionCheckbox.prototype.getColumns = function (cssClasses) {
         var _this = this;
@@ -3727,15 +3808,15 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
             var items = column.map(function (item, ii) {
                 return _this.renderItem(item, ci === 0 && ii === 0, cssClasses, "" + ci + ii);
             });
-            return (preact_module_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
+            return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
         });
     };
     SurveyQuestionCheckbox.prototype.getBody = function (cssClasses) {
         if (this.question.blockedRow) {
-            return preact_module_("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
+            return _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
         }
         else
-            return preact_module_(b, null, this.getItems(cssClasses, this.question.bodyItems));
+            return _(b, null, this.getItems(cssClasses, this.question.bodyItems));
     };
     SurveyQuestionCheckbox.prototype.getItems = function (cssClasses, choices) {
         var renderedItems = [];
@@ -3758,8 +3839,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
     });
     SurveyQuestionCheckbox.prototype.renderOther = function () {
         var cssClasses = this.question.cssClasses;
-        return (preact_module_("div", { className: this.question.getCommentAreaCss(true) },
-            preact_module_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
+        return (_("div", { className: this.question.getCommentAreaCss(true) },
+            _(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
     };
     SurveyQuestionCheckbox.prototype.renderItem = function (item, isFirst, cssClasses, index) {
         var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
@@ -3874,14 +3955,14 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
         var id = this.question.getItemId(this.item);
         var itemClass = this.question.getItemClass(this.item);
         var labelClass = this.question.getLabelClass(this.item);
-        var itemLabel = !this.hideCaption ? preact_module_("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
-        return (preact_module_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
-            preact_module_("label", { className: labelClass },
-                preact_module_("input", { className: this.cssClasses.itemControl, type: "checkbox", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, required: this.question.hasRequiredError() }),
+        var itemLabel = !this.hideCaption ? _("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
+        return (_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
+            _("label", { className: labelClass },
+                _("input", { className: this.cssClasses.itemControl, type: "checkbox", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, required: this.question.hasRequiredError() }),
                 this.cssClasses.materialDecorator ?
-                    preact_module_("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                        preact_module_("svg", { className: this.cssClasses.itemDecorator },
-                            preact_module_("use", { xlinkHref: this.question.itemSvgIcon })) :
+                    _("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
+                        _("svg", { className: this.cssClasses.itemDecorator },
+                            _("use", { xlinkHref: this.question.itemSvgIcon })) :
                         null) :
                     null,
                 itemLabel),
@@ -3903,10 +3984,10 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("survey-checkbox-item", function (props) {
-    return preact_module_(reactquestion_checkbox_SurveyQuestionCheckboxItem, props);
+    return _(reactquestion_checkbox_SurveyQuestionCheckboxItem, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("checkbox", function (props) {
-    return preact_module_(reactquestion_checkbox_SurveyQuestionCheckbox, props);
+    return _(reactquestion_checkbox_SurveyQuestionCheckbox, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_ranking.tsx
@@ -3945,21 +4026,21 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
     SurveyQuestionRanking.prototype.renderElement = function () {
         var _this = this;
         if (!this.question.selectToRankEnabled) {
-            return (preact_module_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
+            return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
         }
         else {
             var unrankedItem = true;
-            return (preact_module_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
-                preact_module_("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
+            return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
+                _("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
                     this.getItems(this.question.renderedUnRankingChoices, unrankedItem),
-                    this.question.renderedUnRankingChoices.length === 0 ? preact_module_("div", { className: this.question.cssClasses.containerPlaceholder },
+                    this.question.renderedUnRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
                         " ",
                         this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText),
                         " ") : null),
-                preact_module_("div", { className: this.question.cssClasses.containersDivider }),
-                preact_module_("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
+                _("div", { className: this.question.cssClasses.containersDivider }),
+                _("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
                     this.getItems(),
-                    this.question.renderedRankingChoices.length === 0 ? preact_module_("div", { className: this.question.cssClasses.containerPlaceholder },
+                    this.question.renderedRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
                         " ",
                         this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText),
                         " ") : null)));
@@ -3995,7 +4076,7 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
         var index = i;
         var indexText = this.question.getNumberByIndex(index);
         var tabIndex = this.question.getItemTabIndex(item);
-        var renderedItem = (preact_module_(reactquestion_ranking_SurveyQuestionRankingItem, { key: item.value, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, handlePointerUp: handlePointerUp, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
+        var renderedItem = (_(reactquestion_ranking_SurveyQuestionRankingItem, { key: item.value, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, handlePointerUp: handlePointerUp, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
         var survey = this.question.survey;
         var wrappedItem = null;
         if (!!survey) {
@@ -4096,21 +4177,21 @@ var reactquestion_ranking_SurveyQuestionRankingItem = /** @class */ (function (_
         configurable: true
     });
     SurveyQuestionRankingItem.prototype.renderEmptyIcon = function () {
-        return (preact_module_("svg", null,
-            preact_module_("use", { xlinkHref: this.question.dashSvgIcon })));
+        return (_("svg", null,
+            _("use", { xlinkHref: this.question.dashSvgIcon })));
     };
     SurveyQuestionRankingItem.prototype.renderElement = function () {
         var itemContent = ReactElementFactory.Instance.createElement(this.question.itemComponent, { item: this.item, cssClasses: this.cssClasses });
-        return (preact_module_("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
-            preact_module_("div", { tabIndex: -1, style: { outline: "none" } },
-                preact_module_("div", { className: this.cssClasses.itemGhostNode }),
-                preact_module_("div", { className: this.cssClasses.itemContent },
-                    preact_module_("div", { className: this.cssClasses.itemIconContainer },
-                        preact_module_("svg", { className: this.question.getIconHoverCss() },
-                            preact_module_("use", { xlinkHref: this.question.dragDropSvgIcon })),
-                        preact_module_("svg", { className: this.question.getIconFocusCss() },
-                            preact_module_("use", { xlinkHref: this.question.arrowsSvgIcon }))),
-                    preact_module_("div", { className: this.question.getItemIndexClasses(this.item) }, (!this.unrankedItem && this.indexText) ? this.indexText : this.renderEmptyIcon()),
+        return (_("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
+            _("div", { tabIndex: -1, style: { outline: "none" } },
+                _("div", { className: this.cssClasses.itemGhostNode }),
+                _("div", { className: this.cssClasses.itemContent },
+                    _("div", { className: this.cssClasses.itemIconContainer },
+                        _("svg", { className: this.question.getIconHoverCss() },
+                            _("use", { xlinkHref: this.question.dragDropSvgIcon })),
+                        _("svg", { className: this.question.getIconFocusCss() },
+                            _("use", { xlinkHref: this.question.arrowsSvgIcon }))),
+                    _("div", { className: this.question.getItemIndexClasses(this.item) }, (!this.unrankedItem && this.indexText) ? this.indexText : this.renderEmptyIcon()),
                     itemContent))));
     };
     return SurveyQuestionRankingItem;
@@ -4136,16 +4217,16 @@ var reactquestion_ranking_SurveyQuestionRankingItemContent = /** @class */ (func
         configurable: true
     });
     SurveyQuestionRankingItemContent.prototype.renderElement = function () {
-        return preact_module_("div", { className: this.cssClasses.controlLabel }, reactquestion_element_SurveyElementBase.renderLocString(this.item.locText));
+        return _("div", { className: this.cssClasses.controlLabel }, reactquestion_element_SurveyElementBase.renderLocString(this.item.locText));
     };
     return SurveyQuestionRankingItemContent;
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("sv-ranking-item", function (props) {
-    return preact_module_(reactquestion_ranking_SurveyQuestionRankingItemContent, props);
+    return _(reactquestion_ranking_SurveyQuestionRankingItemContent, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("ranking", function (props) {
-    return preact_module_(reactquestion_ranking_SurveyQuestionRanking, props);
+    return _(reactquestion_ranking_SurveyQuestionRanking, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/rating/rating-item.tsx
@@ -4433,22 +4514,22 @@ var tagbox_filter_TagboxFilterString = /** @class */ (function (_super) {
     };
     TagboxFilterString.prototype.render = function () {
         var _this = this;
-        return (preact_module_("div", { className: this.question.cssClasses.hint },
+        return (_("div", { className: this.question.cssClasses.hint },
             this.model.showHintPrefix ?
-                (preact_module_("div", { className: this.question.cssClasses.hintPrefix },
-                    preact_module_("span", null, this.model.hintStringPrefix))) : null,
-            preact_module_("div", { className: this.question.cssClasses.hintSuffixWrapper },
+                (_("div", { className: this.question.cssClasses.hintPrefix },
+                    _("span", null, this.model.hintStringPrefix))) : null,
+            _("div", { className: this.question.cssClasses.hintSuffixWrapper },
                 this.model.showHintString ?
-                    (preact_module_("div", { className: this.question.cssClasses.hintSuffix },
-                        preact_module_("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
-                        preact_module_("span", null, this.model.hintStringSuffix))) : null,
-                preact_module_("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: this.model.filterReadOnly ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
+                    (_("div", { className: this.question.cssClasses.hintSuffix },
+                        _("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
+                        _("span", null, this.model.hintStringSuffix))) : null,
+                _("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: this.model.filterReadOnly ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
     };
     return TagboxFilterString;
 }(reactquestion_element_SurveyElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-tagbox-filter", function (props) {
-    return preact_module_(tagbox_filter_TagboxFilterString, props);
+    return _(tagbox_filter_TagboxFilterString, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-item.tsx
@@ -4513,7 +4594,7 @@ var dropdown_item_SurveyQuestionOptionItem = /** @class */ (function (_super) {
         return !!this.item;
     };
     SurveyQuestionOptionItem.prototype.renderElement = function () {
-        return (preact_module_("option", { value: this.item.value, disabled: !this.item.isEnabled }, this.item.text));
+        return (_("option", { value: this.item.value, disabled: !this.item.isEnabled }, this.item.text));
     };
     return SurveyQuestionOptionItem;
 }(ReactSurveyElement));
@@ -4581,7 +4662,7 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
         return this.questionBase.renderedValue;
     };
     SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
-        return preact_module_("div", null, this.question.readOnlyText);
+        return _("div", null, this.question.readOnlyText);
     };
     SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
         var _a, _b;
@@ -4590,16 +4671,16 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
             var text = (this.question.selectedItemLocText) ? this.renderLocString(this.question.selectedItemLocText) : "";
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            selectElement = preact_module_("div", { id: this.question.inputId, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass() },
+            selectElement = _("div", { id: this.question.inputId, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass() },
                 text,
                 this.renderReadOnlyElement());
         }
         else {
-            selectElement = preact_module_(b, null,
+            selectElement = _(b, null,
                 this.renderInput(this.question["dropdownListModel"]),
-                preact_module_(popup_Popup, { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
+                _(popup_Popup, { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
         }
-        return (preact_module_("div", { className: cssClasses.selectWrapper, onClick: this.click },
+        return (_("div", { className: cssClasses.selectWrapper, onClick: this.click },
             selectElement,
             this.createChevronButton()));
     };
@@ -4621,38 +4702,38 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
                 dropdownListModel.inputStringRendered = e.target.value;
             }
         };
-        return (preact_module_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
+        return (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
             dropdownListModel.showHintPrefix ?
-                (preact_module_("div", { className: this.question.cssClasses.hintPrefix },
-                    preact_module_("span", null, dropdownListModel.hintStringPrefix))) : null,
-            preact_module_("div", { className: this.question.cssClasses.controlValue },
+                (_("div", { className: this.question.cssClasses.hintPrefix },
+                    _("span", null, dropdownListModel.hintStringPrefix))) : null,
+            _("div", { className: this.question.cssClasses.controlValue },
                 dropdownListModel.showHintString ?
-                    (preact_module_("div", { className: this.question.cssClasses.hintSuffix },
-                        preact_module_("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
-                        preact_module_("span", null, dropdownListModel.hintStringSuffix))) : null,
+                    (_("div", { className: this.question.cssClasses.hintSuffix },
+                        _("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
+                        _("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
-                preact_module_("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isDisabledAttr, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
+                _("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isDisabledAttr, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
             this.createClearButton()));
     };
     SurveyQuestionDropdownBase.prototype.createClearButton = function () {
         if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
             return null;
         var style = { display: !this.question.showClearButton ? "none" : "" };
-        return (preact_module_("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
-            preact_module_(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
+        return (_("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
+            _(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
         if (!this.question.cssClasses.chevronButtonIconId)
             return null;
-        return (preact_module_("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
-            preact_module_(svg_icon_SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
+        return (_("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
+            _(svg_icon_SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
-        return (preact_module_("div", { className: this.question.getCommentAreaCss(true) },
-            preact_module_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
+        return (_("div", { className: this.question.getCommentAreaCss(true) },
+            _(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
     };
     SurveyQuestionDropdownBase.prototype.componentDidUpdate = function (prevProps, prevState) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
@@ -4662,6 +4743,11 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
         _super.prototype.componentDidMount.call(this);
         this.updateInputDomElement();
     };
+    SurveyQuestionDropdownBase.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        if (this.question.dropdownListModel)
+            this.question.dropdownListModel.focused = false;
+    };
     SurveyQuestionDropdownBase.prototype.updateInputDomElement = function () {
         if (!!this.inputElement) {
             var control = this.inputElement;
@@ -4703,7 +4789,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
         var cssClasses = this.question.cssClasses;
         var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
         var select = this.renderSelect(cssClasses);
-        return (preact_module_("div", { className: this.question.renderCssRoot },
+        return (_("div", { className: this.question.renderCssRoot },
             select,
             comment));
     };
@@ -4711,7 +4797,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
 }(dropdown_base_SurveyQuestionDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("dropdown", function (props) {
-    return preact_module_(reactquestion_dropdown_SurveyQuestionDropdown, props);
+    return _(reactquestion_dropdown_SurveyQuestionDropdown, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/tagbox-item.tsx
@@ -4762,10 +4848,10 @@ var tagbox_item_SurveyQuestionTagboxItem = /** @class */ (function (_super) {
             _this.question.dropdownListModel.deselectItem(_this.item.value);
             event.stopPropagation();
         };
-        return (preact_module_("div", { className: "sv-tagbox__item" },
-            preact_module_("div", { className: "sv-tagbox__item-text" }, text),
-            preact_module_("div", { className: this.question.cssClasses.cleanItemButton, onClick: removeItem },
-                preact_module_(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanItemButtonSvg, iconName: this.question.cssClasses.cleanItemButtonIconId, size: "auto" }))));
+        return (_("div", { className: "sv-tagbox__item" },
+            _("div", { className: "sv-tagbox__item-text" }, text),
+            _("div", { className: this.question.cssClasses.cleanItemButton, onClick: removeItem },
+                _(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanItemButtonSvg, iconName: this.question.cssClasses.cleanItemButtonIconId, size: "auto" }))));
     };
     return SurveyQuestionTagboxItem;
 }(ReactSurveyElement));
@@ -4798,27 +4884,27 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
         return _super.call(this, props) || this;
     }
     SurveyQuestionTagbox.prototype.renderItem = function (key, item) {
-        var renderedItem = (preact_module_(tagbox_item_SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
+        var renderedItem = (_(tagbox_item_SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
         return renderedItem;
     };
     SurveyQuestionTagbox.prototype.renderInput = function (dropdownListModel) {
         var _this = this;
         var dropdownMultiSelectListModel = dropdownListModel;
         var items = this.question.selectedChoices.map(function (choice, index) { return _this.renderItem("item" + index, choice); });
-        return (preact_module_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
+        return (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
-            preact_module_("div", { className: this.question.cssClasses.controlValue },
+            _("div", { className: this.question.cssClasses.controlValue },
                 items,
-                preact_module_(tagbox_filter_TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
+                _(tagbox_filter_TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
             this.createClearButton()));
     };
     SurveyQuestionTagbox.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
         var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
         var select = this.renderSelect(cssClasses);
-        return (preact_module_("div", { className: this.question.renderCssRoot },
+        return (_("div", { className: this.question.renderCssRoot },
             select,
             comment));
     };
@@ -4834,7 +4920,7 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
 }(dropdown_base_SurveyQuestionDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("tagbox", function (props) {
-    return preact_module_(reactquestion_tagbox_SurveyQuestionTagbox, props);
+    return _(reactquestion_tagbox_SurveyQuestionTagbox, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-select.tsx
@@ -4874,11 +4960,11 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
         var selectElement = this.isDisplayMode ? (
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        preact_module_("div", { id: this.question.inputId, className: this.question.getControlClass(), disabled: true }, this.question.readOnlyText)) :
-            (preact_module_("select", { id: this.question.inputId, className: this.question.getControlClass(), ref: function (select) { return (_this.setControl(select)); }, autoComplete: this.question.autocomplete, onChange: this.updateValueOnEvent, onInput: this.updateValueOnEvent, onClick: click, onKeyUp: keyup, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, required: this.question.isRequired },
-                this.question.allowClear ? (preact_module_("option", { value: "" }, this.question.placeholder)) : null,
-                this.question.visibleChoices.map(function (item, i) { return preact_module_(dropdown_item_SurveyQuestionOptionItem, { key: "item" + i, item: item }); })));
-        return (preact_module_("div", { className: cssClasses.selectWrapper },
+        _("div", { id: this.question.inputId, className: this.question.getControlClass(), disabled: true }, this.question.readOnlyText)) :
+            (_("select", { id: this.question.inputId, className: this.question.getControlClass(), ref: function (select) { return (_this.setControl(select)); }, autoComplete: this.question.autocomplete, onChange: this.updateValueOnEvent, onInput: this.updateValueOnEvent, onClick: click, onKeyUp: keyup, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, required: this.question.isRequired },
+                this.question.allowClear ? (_("option", { value: "" }, this.question.placeholder)) : null,
+                this.question.visibleChoices.map(function (item, i) { return _(dropdown_item_SurveyQuestionOptionItem, { key: "item" + i, item: item }); })));
+        return (_("div", { className: cssClasses.selectWrapper },
             selectElement,
             this.createChevronButton()));
     };
@@ -4886,7 +4972,7 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
 }(reactquestion_dropdown_SurveyQuestionDropdown));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-dropdown-select", function (props) {
-    return preact_module_(dropdown_select_SurveyQuestionDropdownSelect, props);
+    return _(dropdown_select_SurveyQuestionDropdownSelect, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("dropdown", "select", "sv-dropdown-select");
 
@@ -4943,7 +5029,7 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
     SurveyQuestionMatrix.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
-        var rowsTH = this.question.hasRows ? preact_module_("td", null) : null;
+        var rowsTH = this.question.hasRows ? _("td", null) : null;
         var headers = [];
         for (var i = 0; i < this.question.visibleColumns.length; i++) {
             var column = this.question.visibleColumns[i];
@@ -4954,25 +5040,25 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
                 style.minWidth = this.question.columnMinWidth;
                 style.width = this.question.columnMinWidth;
             }
-            headers.push(preact_module_("th", { className: this.question.cssClasses.headerCell, style: style, key: key }, this.wrapCell({ column: column }, columText, "column-header")));
+            headers.push(_("th", { className: this.question.cssClasses.headerCell, style: style, key: key }, this.wrapCell({ column: column }, columText, "column-header")));
         }
         var rows = [];
         var visibleRows = this.question.visibleRows;
         for (var i = 0; i < visibleRows.length; i++) {
             var row = visibleRows[i];
             var key = "row-" + row.name + "-" + i;
-            rows.push(preact_module_(reactquestion_matrix_SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
+            rows.push(_(reactquestion_matrix_SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
         }
-        var header = !this.question.showHeader ? null : (preact_module_("thead", null,
-            preact_module_("tr", null,
+        var header = !this.question.showHeader ? null : (_("thead", null,
+            _("tr", null,
                 rowsTH,
                 headers)));
-        return (preact_module_("div", { className: cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
-            preact_module_("fieldset", null,
-                preact_module_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
-                preact_module_("table", { className: this.question.getTableCss() },
+        return (_("div", { className: cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
+            _("fieldset", null,
+                _("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
+                _("table", { className: this.question.getTableCss() },
                     header,
-                    preact_module_("tbody", null, rows)))));
+                    _("tbody", null, rows)))));
     };
     return SurveyQuestionMatrix;
 }(reactquestion_element_SurveyQuestionElementBase));
@@ -5024,10 +5110,10 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
                 style.minWidth = this.question.rowTitleWidth;
                 style.width = this.question.rowTitleWidth;
             }
-            rowsTD = preact_module_("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
+            rowsTD = _("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
         }
         var tds = this.generateTds();
-        return (preact_module_("tr", { className: this.row.rowClasses || undefined },
+        return (_("tr", { className: this.row.rowClasses || undefined },
             rowsTD,
             tds));
     };
@@ -5043,7 +5129,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
             var itemClass = this_1.question.getItemClass(row, column);
             if (this_1.question.hasCellText) {
                 var getHandler = function (column) { return function () { return _this.cellClick(row, column); }; };
-                td = (preact_module_("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
+                td = (_("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
             }
             else {
                 var renderedCell = ReactElementFactory.Instance.createElement(cellComponent, {
@@ -5054,7 +5140,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
                     cssClasses: this_1.cssClasses,
                     cellChanged: function () { _this.cellClick(_this.row, column); }
                 });
-                td = (preact_module_("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
+                td = (_("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
             }
             tds.push(td);
         };
@@ -5123,27 +5209,27 @@ var reactquestion_matrix_SurveyQuestionMatrixCell = /** @class */ (function (_su
         var inputId = this.question.inputId + "_" + this.row.name + "_" + this.columnIndex;
         var itemClass = this.question.getItemClass(this.row, this.column);
         var mobileSpan = this.question.isMobile ?
-            (preact_module_("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
+            (_("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
             : undefined;
-        return (preact_module_("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
+        return (_("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
             this.renderInput(inputId, isChecked),
-            preact_module_("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                preact_module_("svg", { className: this.cssClasses.itemDecorator },
-                    preact_module_("use", { xlinkHref: this.question.itemSvgIcon })) :
+            _("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
+                _("svg", { className: this.cssClasses.itemDecorator },
+                    _("use", { xlinkHref: this.question.itemSvgIcon })) :
                 null),
             mobileSpan));
     };
     SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
-        return (preact_module_("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isDisabledAttr, readOnly: this.row.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }));
+        return (_("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isDisabledAttr, readOnly: this.row.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }));
     };
     return SurveyQuestionMatrixCell;
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("survey-matrix-cell", function (props) {
-    return preact_module_(reactquestion_matrix_SurveyQuestionMatrixCell, props);
+    return _(reactquestion_matrix_SurveyQuestionMatrixCell, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("matrix", function (props) {
-    return preact_module_(reactquestion_matrix_SurveyQuestionMatrix, props);
+    return _(reactquestion_matrix_SurveyQuestionMatrix, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_html.tsx
@@ -5197,13 +5283,13 @@ var reactquestion_html_SurveyQuestionHtml = /** @class */ (function (_super) {
     };
     SurveyQuestionHtml.prototype.renderElement = function () {
         var htmlValue = { __html: this.question.locHtml.renderedHtml };
-        return (preact_module_("div", { className: this.question.renderCssRoot, dangerouslySetInnerHTML: htmlValue }));
+        return (_("div", { className: this.question.renderCssRoot, dangerouslySetInnerHTML: htmlValue }));
     };
     return SurveyQuestionHtml;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("html", function (props) {
-    return preact_module_(reactquestion_html_SurveyQuestionHtml, props);
+    return _(reactquestion_html_SurveyQuestionHtml, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/loading-indicator.tsx
@@ -5230,8 +5316,8 @@ var loading_indicator_LoadingIndicatorComponent = /** @class */ (function (_supe
         return _super !== null && _super.apply(this, arguments) || this;
     }
     LoadingIndicatorComponent.prototype.render = function () {
-        return (preact_module_("div", { className: "sd-loading-indicator" },
-            preact_module_(svg_icon_SvgIcon, { iconName: "icon-loading", size: "auto" })));
+        return (_("div", { className: "sd-loading-indicator" },
+            _(svg_icon_SvgIcon, { iconName: "icon-loading", size: "auto" })));
     };
     return LoadingIndicatorComponent;
 }(k));
@@ -5329,23 +5415,23 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
         var fileDecorator = this.question.showFileDecorator ? this.renderFileDecorator() : null;
         var clearButton = this.question.showRemoveButton ? this.renderClearButton(this.question.cssClasses.removeButton) : null;
         var clearButtonBottom = this.question.showRemoveButtonBottom ? this.renderClearButton(this.question.cssClasses.removeButtonBottom) : null;
-        var fileNavigator = this.question.fileNavigatorVisible ? (preact_module_(action_bar_SurveyActionBar, { model: this.question.fileNavigator })) : null;
+        var fileNavigator = this.question.fileNavigatorVisible ? (_(action_bar_SurveyActionBar, { model: this.question.fileNavigator })) : null;
         var fileInput;
         if (this.question.isReadOnlyAttr) {
-            fileInput = preact_module_("input", { readOnly: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
+            fileInput = _("input", { readOnly: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
         }
         else if (this.question.isDisabledAttr) {
-            fileInput = preact_module_("input", { disabled: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
+            fileInput = _("input", { disabled: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
         }
         else if (this.question.hasFileUI) {
-            fileInput = preact_module_("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture });
+            fileInput = _("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture });
         }
         else {
             fileInput = null;
         }
-        return (preact_module_("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
+        return (_("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
             fileInput,
-            preact_module_("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
+            _("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
                 fileDecorator,
                 loadingIndicator,
                 video,
@@ -5356,42 +5442,42 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
     };
     SurveyQuestionFile.prototype.renderFileDecorator = function () {
         var chooseButton = this.question.showChooseButton ? this.renderChooseButton() : null;
-        var actionsContainer = this.question.actionsContainerVisible ? preact_module_(action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
-        var noFileChosen = this.question.isEmpty() ? (preact_module_("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
-        return (preact_module_("div", { className: this.question.getFileDecoratorCss() },
-            preact_module_("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
-            preact_module_("div", { className: this.question.cssClasses.wrapper },
+        var actionsContainer = this.question.actionsContainerVisible ? _(action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
+        var noFileChosen = this.question.isEmpty() ? (_("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
+        return (_("div", { className: this.question.getFileDecoratorCss() },
+            _("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
+            _("div", { className: this.question.cssClasses.wrapper },
                 chooseButton,
                 actionsContainer,
                 noFileChosen)));
     };
     SurveyQuestionFile.prototype.renderChooseButton = function () {
-        return preact_module_(file_choose_button_SurveyFileChooseButton, { data: { question: this.question } });
+        return _(file_choose_button_SurveyFileChooseButton, { data: { question: this.question } });
     };
     SurveyQuestionFile.prototype.renderClearButton = function (className) {
-        return !this.question.isUploading ? (preact_module_("button", { type: "button", onClick: this.question.doClean, className: className },
-            preact_module_("span", null, this.question.clearButtonCaption),
-            (!!this.question.cssClasses.removeButtonIconId) ? preact_module_(svg_icon_SvgIcon, { iconName: this.question.cssClasses.removeButtonIconId, size: "auto", title: this.question.clearButtonCaption }) : null)) : null;
+        return !this.question.isUploading ? (_("button", { type: "button", onClick: this.question.doClean, className: className },
+            _("span", null, this.question.clearButtonCaption),
+            (!!this.question.cssClasses.removeButtonIconId) ? _(svg_icon_SvgIcon, { iconName: this.question.cssClasses.removeButtonIconId, size: "auto", title: this.question.clearButtonCaption }) : null)) : null;
     };
     SurveyQuestionFile.prototype.renderPreview = function () {
         return ReactElementFactory.Instance.createElement("sv-file-preview", { question: this.question });
     };
     SurveyQuestionFile.prototype.renderLoadingIndicator = function () {
-        return preact_module_("div", { className: this.question.cssClasses.loadingIndicator },
-            preact_module_(loading_indicator_LoadingIndicatorComponent, null));
+        return _("div", { className: this.question.cssClasses.loadingIndicator },
+            _(loading_indicator_LoadingIndicatorComponent, null));
     };
     SurveyQuestionFile.prototype.renderVideo = function () {
-        return (preact_module_("div", { className: this.question.cssClasses.videoContainer },
-            preact_module_(action_bar_item_SurveyAction, { item: this.question.changeCameraAction }),
-            preact_module_(action_bar_item_SurveyAction, { item: this.question.closeCameraAction }),
-            preact_module_("video", { autoPlay: true, playsInline: true, id: this.question.videoId, className: this.question.cssClasses.video }),
-            preact_module_(action_bar_item_SurveyAction, { item: this.question.takePictureAction })));
+        return (_("div", { className: this.question.cssClasses.videoContainer },
+            _(action_bar_item_SurveyAction, { item: this.question.changeCameraAction }),
+            _(action_bar_item_SurveyAction, { item: this.question.closeCameraAction }),
+            _("video", { autoPlay: true, playsInline: true, id: this.question.videoId, className: this.question.cssClasses.video }),
+            _(action_bar_item_SurveyAction, { item: this.question.takePictureAction })));
     };
     return SurveyQuestionFile;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
-    return preact_module_(reactquestion_file_SurveyQuestionFile, props);
+    return _(reactquestion_file_SurveyQuestionFile, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-item.tsx
@@ -5609,19 +5695,19 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
                 rows.push(this.renderRow(i, tableRows[i].cells, cssClasses));
             }
         }
-        return (preact_module_("table", { className: this.question.getQuestionRootCss() },
-            preact_module_("tbody", null, rows)));
+        return (_("table", { className: this.question.getQuestionRootCss() },
+            _("tbody", null, rows)));
     };
     SurveyQuestionMultipleText.prototype.renderCell = function (cell, cssClasses, index) {
         var cellContent;
         var focusIn = function () { cell.item.focusIn(); };
         if (cell.isErrorsCell) {
-            cellContent = preact_module_(reactquestion_SurveyQuestionErrorCell, { question: cell.item.editor, creator: this.creator });
+            cellContent = _(reactquestion_SurveyQuestionErrorCell, { question: cell.item.editor, creator: this.creator });
         }
         else {
-            cellContent = preact_module_(reactquestion_multipletext_SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
+            cellContent = _(reactquestion_multipletext_SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
         }
-        return (preact_module_("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
+        return (_("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
     };
     SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, cells, cssClasses) {
         var key = "item" + rowIndex;
@@ -5630,7 +5716,7 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
             var cell = cells[i];
             tds.push(this.renderCell(cell, cssClasses, i));
         }
-        return (preact_module_("tr", { key: key, className: cssClasses.row }, tds));
+        return (_("tr", { key: key, className: cssClasses.row }, tds));
     };
     return SurveyQuestionMultipleText;
 }(reactquestion_element_SurveyQuestionElementBase));
@@ -5672,10 +5758,10 @@ var reactquestion_multipletext_SurveyMultipleTextItem = /** @class */ (function
             titleStyle.minWidth = this.question.itemTitleWidth;
             titleStyle.width = this.question.itemTitleWidth;
         }
-        return (preact_module_("label", { className: this.question.getItemLabelCss(item) },
-            preact_module_("span", { className: cssClasses.itemTitle, style: titleStyle },
-                preact_module_(title_content_TitleContent, { element: item.editor, cssClasses: item.editor.cssClasses })),
-            preact_module_(reactquestion_multipletext_SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
+        return (_("label", { className: this.question.getItemLabelCss(item) },
+            _("span", { className: cssClasses.itemTitle, style: titleStyle },
+                _(title_content_TitleContent, { element: item.editor, cssClasses: item.editor.cssClasses })),
+            _(reactquestion_multipletext_SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
     };
     return SurveyMultipleTextItem;
 }(ReactSurveyElement));
@@ -5686,13 +5772,13 @@ var reactquestion_multipletext_SurveyMultipleTextItemEditor = /** @class */ (fun
         return _super !== null && _super.apply(this, arguments) || this;
     }
     SurveyMultipleTextItemEditor.prototype.renderElement = function () {
-        return preact_module_("div", { className: this.itemCss }, this.renderContent());
+        return _("div", { className: this.itemCss }, this.renderContent());
     };
     return SurveyMultipleTextItemEditor;
 }(reactquestion_SurveyQuestionAndErrorsWrapped));
 
 ReactQuestionFactory.Instance.registerQuestion("multipletext", function (props) {
-    return preact_module_(reactquestion_multipletext_SurveyQuestionMultipleText, props);
+    return _(reactquestion_multipletext_SurveyQuestionMultipleText, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_radiogroup.tsx
@@ -5734,10 +5820,10 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
         var cssClasses = this.question.cssClasses;
         var clearButton = null;
         if (this.question.showClearButtonInContent) {
-            clearButton = (preact_module_("div", null,
-                preact_module_("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
+            clearButton = (_("div", null,
+                _("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
         }
-        return (preact_module_("fieldset", { className: this.question.getSelectBaseRootCss(), ref: function (fieldset) { return (_this.setControl(fieldset)); }, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
+        return (_("fieldset", { className: this.question.getSelectBaseRootCss(), ref: function (fieldset) { return (_this.setControl(fieldset)); }, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
             this.question.hasColumns
                 ? this.getColumnedBody(cssClasses)
                 : this.getBody(cssClasses),
@@ -5754,7 +5840,7 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
         }
     };
     SurveyQuestionRadiogroup.prototype.getColumnedBody = function (cssClasses) {
-        return (preact_module_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
+        return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
     };
     SurveyQuestionRadiogroup.prototype.getColumns = function (cssClasses) {
         var _this = this;
@@ -5763,15 +5849,15 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
             var items = column.map(function (item, ii) {
                 return _this.renderItem(item, value, cssClasses, "" + ci + ii);
             });
-            return (preact_module_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
+            return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
         });
     };
     SurveyQuestionRadiogroup.prototype.getBody = function (cssClasses) {
         if (this.question.blockedRow) {
-            return preact_module_("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
+            return _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
         }
         else
-            return preact_module_(b, null, this.getItems(cssClasses, this.question.bodyItems));
+            return _(b, null, this.getItems(cssClasses, this.question.bodyItems));
     };
     SurveyQuestionRadiogroup.prototype.getItems = function (cssClasses, choices) {
         var items = [];
@@ -5791,8 +5877,8 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
         configurable: true
     });
     SurveyQuestionRadiogroup.prototype.renderOther = function (cssClasses) {
-        return (preact_module_("div", { className: this.question.getCommentAreaCss(true) },
-            preact_module_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
+        return (_("div", { className: this.question.getCommentAreaCss(true) },
+            _(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
     };
     SurveyQuestionRadiogroup.prototype.renderItem = function (item, value, cssClasses, index) {
         var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
@@ -5906,14 +5992,14 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
         var itemClass = this.question.getItemClass(this.item);
         var labelClass = this.question.getLabelClass(this.item);
         var controlLabelClass = this.question.getControlLabelClass(this.item);
-        var itemLabel = !this.hideCaption ? preact_module_("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
-        return (preact_module_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
-            preact_module_("label", { onMouseDown: this.handleOnMouseDown, className: labelClass },
-                preact_module_("input", { "aria-errormessage": this.question.ariaErrormessage, className: this.cssClasses.itemControl, id: this.question.getItemId(this.item), type: "radio", name: this.question.questionName, checked: this.isChecked, value: this.item.value, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange }),
+        var itemLabel = !this.hideCaption ? _("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
+        return (_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
+            _("label", { onMouseDown: this.handleOnMouseDown, className: labelClass },
+                _("input", { "aria-errormessage": this.question.ariaErrormessage, className: this.cssClasses.itemControl, id: this.question.getItemId(this.item), type: "radio", name: this.question.questionName, checked: this.isChecked, value: this.item.value, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange }),
                 this.cssClasses.materialDecorator ?
-                    preact_module_("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                        preact_module_("svg", { className: this.cssClasses.itemDecorator },
-                            preact_module_("use", { xlinkHref: this.question.itemSvgIcon })) :
+                    _("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
+                        _("svg", { className: this.cssClasses.itemDecorator },
+                            _("use", { xlinkHref: this.question.itemSvgIcon })) :
                         null) :
                     null,
                 itemLabel)));
@@ -5934,10 +6020,10 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("survey-radiogroup-item", function (props) {
-    return preact_module_(reactquestion_radiogroup_SurveyQuestionRadioItem, props);
+    return _(reactquestion_radiogroup_SurveyQuestionRadioItem, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("radiogroup", function (props) {
-    return preact_module_(reactquestion_radiogroup_SurveyQuestionRadiogroup, props);
+    return _(reactquestion_radiogroup_SurveyQuestionRadiogroup, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_text.tsx
@@ -5972,11 +6058,11 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
         var inputClass = this.question.getControlClass();
         var placeholder = this.question.renderedPlaceholder;
         if (this.question.isReadOnlyRenderDiv()) {
-            return preact_module_("div", null, this.question.inputValue);
+            return _("div", null, this.question.inputValue);
         }
-        var counter = !!this.question.getMaxLength() ? (preact_module_(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
-        return (preact_module_(b, null,
-            preact_module_("input", { id: this.question.inputId, 
+        var counter = !!this.question.getMaxLength() ? (_(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
+        return (_(b, null,
+            _("input", { id: this.question.inputId, 
                 // disabled={this.isDisplayMode}
                 disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: inputClass, type: this.question.inputType, 
                 //ref={this.controlRef}
@@ -5985,7 +6071,7 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
     };
     SurveyQuestionText.prototype.renderElement = function () {
         return (this.question.dataListId ?
-            preact_module_("div", null,
+            _("div", null,
                 this.renderInput(),
                 this.renderDataList()) :
             this.renderInput());
@@ -6004,15 +6090,15 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
             return null;
         var options = [];
         for (var i = 0; i < items.length; i++) {
-            options.push(preact_module_("option", { key: "item" + i, value: items[i] }));
+            options.push(_("option", { key: "item" + i, value: items[i] }));
         }
-        return preact_module_("datalist", { id: this.question.dataListId }, options);
+        return _("datalist", { id: this.question.dataListId }, options);
     };
     return SurveyQuestionText;
 }(reactquestion_element_SurveyQuestionUncontrolledElement));
 
 ReactQuestionFactory.Instance.registerQuestion("text", function (props) {
-    return preact_module_(reactquestion_text_SurveyQuestionText, props);
+    return _(reactquestion_text_SurveyQuestionText, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean.tsx
@@ -6093,25 +6179,25 @@ var boolean_SurveyQuestionBoolean = /** @class */ (function (_super) {
         var _this = this;
         var cssClasses = this.question.cssClasses;
         var itemClass = this.question.getItemCss();
-        return (preact_module_("div", { className: cssClasses.root, onKeyDown: this.handleOnKeyDown },
-            preact_module_("label", { className: itemClass, onClick: this.handleOnClick },
-                preact_module_("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
+        return (_("div", { className: cssClasses.root, onKeyDown: this.handleOnKeyDown },
+            _("label", { className: itemClass, onClick: this.handleOnClick },
+                _("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                         ? ""
                         : this.question.booleanValue, id: this.question.inputId, className: cssClasses.control, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.booleanValue || false, onChange: this.handleOnChange, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
-                preact_module_("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
-                    preact_module_("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
-                preact_module_("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
-                    preact_module_("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
-                        preact_module_("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
+                _("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
+                    _("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
+                _("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
+                    _("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
+                        _("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
                         : null)),
-                preact_module_("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
-                    preact_module_("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
+                _("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
+                    _("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
     };
     return SurveyQuestionBoolean;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("boolean", function (props) {
-    return preact_module_(boolean_SurveyQuestionBoolean, props);
+    return _(boolean_SurveyQuestionBoolean, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean-checkbox.tsx
@@ -6146,26 +6232,26 @@ var boolean_checkbox_SurveyQuestionBooleanCheckbox = /** @class */ (function (_s
         var itemClass = this.question.getCheckboxItemCss();
         var description = this.question.canRenderLabelDescription ?
             reactquestion_element_SurveyElementBase.renderQuestionDescription(this.question) : null;
-        return (preact_module_("div", { className: cssClasses.rootCheckbox },
-            preact_module_("div", { className: itemClass },
-                preact_module_("label", { className: cssClasses.checkboxLabel },
-                    preact_module_("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
+        return (_("div", { className: cssClasses.rootCheckbox },
+            _("div", { className: itemClass },
+                _("label", { className: cssClasses.checkboxLabel },
+                    _("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                             ? ""
                             : this.question.booleanValue, id: this.question.inputId, className: cssClasses.controlCheckbox, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.booleanValue || false, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
-                    preact_module_("span", { className: cssClasses.checkboxMaterialDecorator },
+                    _("span", { className: cssClasses.checkboxMaterialDecorator },
                         this.question.svgIcon ?
-                            preact_module_("svg", { className: cssClasses.checkboxItemDecorator },
-                                preact_module_("use", { xlinkHref: this.question.svgIcon })) : null,
-                        preact_module_("span", { className: "check" })),
-                    this.question.isLabelRendered && (preact_module_("span", { className: cssClasses.checkboxControlLabel, id: this.question.labelRenderedAriaID },
-                        preact_module_(title_actions_TitleActions, { element: this.question, cssClasses: this.question.cssClasses })))),
+                            _("svg", { className: cssClasses.checkboxItemDecorator },
+                                _("use", { xlinkHref: this.question.svgIcon })) : null,
+                        _("span", { className: "check" })),
+                    this.question.isLabelRendered && (_("span", { className: cssClasses.checkboxControlLabel, id: this.question.labelRenderedAriaID },
+                        _(title_actions_TitleActions, { element: this.question, cssClasses: this.question.cssClasses })))),
                 description)));
     };
     return SurveyQuestionBooleanCheckbox;
 }(boolean_SurveyQuestionBoolean));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-boolean-checkbox", function (props) {
-    return preact_module_(boolean_checkbox_SurveyQuestionBooleanCheckbox, props);
+    return _(boolean_checkbox_SurveyQuestionBooleanCheckbox, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "checkbox", "sv-boolean-checkbox");
 
@@ -6200,24 +6286,24 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
     }
     SurveyQuestionBooleanRadio.prototype.renderRadioItem = function (value, locText) {
         var cssClasses = this.question.cssClasses;
-        return (preact_module_("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
-            preact_module_("label", { className: cssClasses.radioLabel },
-                preact_module_("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 }),
+        return (_("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
+            _("label", { className: cssClasses.radioLabel },
+                _("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 }),
                 this.question.cssClasses.materialRadioDecorator ?
-                    (preact_module_("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
-                        (preact_module_("svg", { className: cssClasses.itemRadioDecorator },
-                            preact_module_("use", { xlinkHref: this.question.itemSvgIcon }))) : null)) : null,
-                preact_module_("span", { className: cssClasses.radioControlLabel }, this.renderLocString(locText)))));
+                    (_("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
+                        (_("svg", { className: cssClasses.itemRadioDecorator },
+                            _("use", { xlinkHref: this.question.itemSvgIcon }))) : null)) : null,
+                _("span", { className: cssClasses.radioControlLabel }, this.renderLocString(locText)))));
     };
     SurveyQuestionBooleanRadio.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (preact_module_("div", { className: cssClasses.rootRadio },
-            preact_module_("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
-                (preact_module_(b, null,
+        return (_("div", { className: cssClasses.rootRadio },
+            _("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
+                (_(b, null,
                     this.renderRadioItem(false, this.question.locLabelFalse),
                     this.renderRadioItem(true, this.question.locLabelTrue)))
                 :
-                    (preact_module_(b, null,
+                    (_(b, null,
                         this.renderRadioItem(true, this.question.locLabelTrue),
                         this.renderRadioItem(false, this.question.locLabelFalse))))));
     };
@@ -6225,7 +6311,7 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
 }(boolean_SurveyQuestionBoolean));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-boolean-radio", function (props) {
-    return preact_module_(boolean_radio_SurveyQuestionBooleanRadio, props);
+    return _(boolean_radio_SurveyQuestionBooleanRadio, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "radio", "sv-boolean-radio");
 
@@ -6263,13 +6349,13 @@ var reactquestion_empty_SurveyQuestionEmpty = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyQuestionEmpty.prototype.renderElement = function () {
-        return preact_module_("div", null);
+        return _("div", null);
     };
     return SurveyQuestionEmpty;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("empty", function (props) {
-    return preact_module_(reactquestion_empty_SurveyQuestionEmpty, props);
+    return _(reactquestion_empty_SurveyQuestionEmpty, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/matrix/row.tsx
@@ -6482,22 +6568,22 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             }
             var cellContent = this.renderCellContent(cell, "column-header", {});
             var header = cell.hasTitle ?
-                preact_module_("th", { className: cell.className, key: key, style: columnStyle },
+                _("th", { className: cell.className, key: key, style: columnStyle },
                     " ",
                     cellContent,
                     " ")
-                : preact_module_("td", { className: cell.className, key: key, style: columnStyle });
+                : _("td", { className: cell.className, key: key, style: columnStyle });
             headers.push(header);
         }
-        return (preact_module_("thead", null,
-            preact_module_("tr", null, headers)));
+        return (_("thead", null,
+            _("tr", null, headers)));
     };
     SurveyQuestionMatrixTable.prototype.renderFooter = function () {
         var table = this.question.renderedTable;
         if (!table.showFooter)
             return null;
         var row = this.renderRow("footer", table.footerRow, this.question.cssClasses, "row-footer");
-        return preact_module_("tfoot", null, row);
+        return _("tfoot", null, row);
     };
     SurveyQuestionMatrixTable.prototype.renderRows = function () {
         var cssClasses = this.question.cssClasses;
@@ -6506,7 +6592,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
         for (var i = 0; i < renderedRows.length; i++) {
             rows.push(this.renderRow(renderedRows[i].id, renderedRows[i], cssClasses));
         }
-        return preact_module_("tbody", null, rows);
+        return _("tbody", null, rows);
     };
     SurveyQuestionMatrixTable.prototype.renderRow = function (keyValue, row, cssClasses, reason) {
         var matrixrow = [];
@@ -6515,16 +6601,16 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             matrixrow.push(this.renderCell(cells[i], i, cssClasses, reason));
         }
         var key = "row" + keyValue;
-        return (preact_module_(b, { key: key }, (reason == "row-footer") ? preact_module_("tr", null, matrixrow) : preact_module_(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
+        return (_(b, { key: key }, (reason == "row-footer") ? _("tr", null, matrixrow) : _(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
     };
     SurveyQuestionMatrixTable.prototype.renderCell = function (cell, index, cssClasses, reason) {
         var key = "cell" + index;
         if (cell.hasQuestion) {
-            return (preact_module_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
+            return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
         }
         if (cell.isErrorsCell) {
             if (cell.isErrorsCell) {
-                return (preact_module_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
+                return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
             }
         }
         var calcReason = reason;
@@ -6540,7 +6626,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             if (!!cell.minWidth)
                 cellStyle.minWidth = cell.minWidth;
         }
-        return (preact_module_("td", { className: cell.className, key: key, style: cellStyle, colSpan: cell.colSpans, title: cell.getTitle() }, cellContent));
+        return (_("td", { className: cell.className, key: key, style: cellStyle, colSpan: cell.colSpans, title: cell.getTitle() }, cellContent));
     };
     SurveyQuestionMatrixTable.prototype.renderCellContent = function (cell, reason, cssClasses) {
         var cellContent = null;
@@ -6555,14 +6641,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
         if (cell.hasTitle) {
             reason = "row-header";
             var str = this.renderLocString(cell.locTitle);
-            var require_1 = !!cell.column ? preact_module_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: cell.column, question: this.question }) : null;
-            cellContent = (preact_module_(b, null,
+            var require_1 = !!cell.column ? _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: cell.column, question: this.question }) : null;
+            cellContent = (_(b, null,
                 str,
                 require_1));
         }
         if (cell.isDragHandlerCell) {
-            cellContent = (preact_module_(b, null,
-                preact_module_(drag_drop_icon_SurveyQuestionMatrixDynamicDragDropIcon, { item: { data: { row: cell.row, question: this.question } } })));
+            cellContent = (_(b, null,
+                _(drag_drop_icon_SurveyQuestionMatrixDynamicDragDropIcon, { item: { data: { row: cell.row, question: this.question } } })));
         }
         if (cell.isActionsCell) {
             cellContent = (ReactElementFactory.Instance.createElement("sv-matrixdynamic-actions-cell", {
@@ -6572,18 +6658,18 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             }));
         }
         if (cell.hasPanel) {
-            cellContent = (preact_module_(panel_SurveyPanel, { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
+            cellContent = (_(panel_SurveyPanel, { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
         }
         if (!cellContent)
             return null;
-        var readyCell = (preact_module_(b, null, cellContent));
+        var readyCell = (_(b, null, cellContent));
         return this.wrapCell(cell, readyCell, reason);
     };
     SurveyQuestionMatrixTable.prototype.renderElement = function () {
         var header = this.renderHeader();
         var footers = this.renderFooter();
         var rows = this.renderRows();
-        return (preact_module_("table", { className: this.question.getTableCss() },
+        return (_("table", { className: this.question.getTableCss() },
             header,
             rows,
             footers));
@@ -6634,8 +6720,8 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase = /** @cla
         var divStyle = this.question.showHorizontalScroll
             ? { overflowX: "scroll" }
             : {};
-        return (preact_module_("div", { style: divStyle, className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
-            preact_module_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: function (cell, element, reason) { return _this.wrapCell(cell, element, reason); } })));
+        return (_("div", { style: divStyle, className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
+            _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: function (cell, element, reason) { return _this.wrapCell(cell, element, reason); } })));
     };
     return SurveyQuestionMatrixDropdownBase;
 }(reactquestion_element_SurveyQuestionElementBase));
@@ -6653,7 +6739,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell = /** @clas
         configurable: true
     });
     SurveyQuestionMatrixActionsCell.prototype.renderElement = function () {
-        return (preact_module_(action_bar_SurveyActionBar, { model: this.model, handleClick: false }));
+        return (_(action_bar_SurveyActionBar, { model: this.model, handleClick: false }));
     };
     return SurveyQuestionMatrixActionsCell;
 }(ReactSurveyElement));
@@ -6679,7 +6765,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
     SurveyQuestionMatrixDropdownErrorsCell.prototype.render = function () {
         if (!this.cell.isVisible)
             return null;
-        return preact_module_("td", { className: this.cell.className, key: this.key, colSpan: this.cell.colSpans, title: this.cell.getTitle() }, _super.prototype.render.call(this));
+        return _("td", { className: this.cell.className, key: this.key, colSpan: this.cell.colSpans, title: this.cell.getTitle() }, _super.prototype.render.call(this));
     };
     SurveyQuestionMatrixDropdownErrorsCell.prototype.getQuestionPropertiesToTrack = function () {
         return _super.prototype.getQuestionPropertiesToTrack.call(this).concat(["visible"]);
@@ -6687,7 +6773,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
     return SurveyQuestionMatrixDropdownErrorsCell;
 }(reactquestion_SurveyQuestionErrorCell));
 ReactElementFactory.Instance.registerElement("sv-matrixdynamic-actions-cell", function (props) {
-    return preact_module_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
+    return _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
 });
 var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @class */ (function (_super) {
     reactquestion_matrixdropdownbase_extends(SurveyQuestionMatrixHeaderRequired, _super);
@@ -6714,9 +6800,9 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @c
     SurveyQuestionMatrixHeaderRequired.prototype.renderElement = function () {
         if (!this.column.isRenderedRequired)
             return null;
-        return (preact_module_(b, null,
-            preact_module_("span", null, "\u00A0"),
-            preact_module_("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
+        return (_(b, null,
+            _("span", null, "\u00A0"),
+            _("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
     };
     return SurveyQuestionMatrixHeaderRequired;
 }(ReactSurveyElement));
@@ -6791,14 +6877,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
         var content = _super.prototype.renderCellContent.call(this);
-        var responsiveTitle = this.cell.showResponsiveTitle ? (preact_module_("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
-        return preact_module_(b, null,
+        var responsiveTitle = this.cell.showResponsiveTitle ? (_("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
+        return _(b, null,
             responsiveTitle,
             content);
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderQuestion = function () {
         if (!this.question.isVisible)
-            return preact_module_(b, null);
+            return _(b, null);
         if (!this.cell.isChoice)
             return reactquestion_SurveyQuestion.renderQuestionBody(this.creator, this.question);
         if (this.cell.isOtherChoice)
@@ -6810,15 +6896,15 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
     SurveyQuestionMatrixDropdownCell.prototype.renderOtherComment = function () {
         var question = this.cell.question;
         var cssClasses = question.cssClasses || {};
-        return preact_module_(SurveyQuestionOtherValueItem, { question: question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
+        return _(SurveyQuestionOtherValueItem, { question: question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellCheckboxButton = function () {
         var key = this.cell.question.id + "item" + this.cell.choiceIndex;
-        return (preact_module_(reactquestion_checkbox_SurveyQuestionCheckboxItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, isFirst: this.cell.isFirstChoice, index: this.cell.choiceIndex.toString(), hideCaption: true }));
+        return (_(reactquestion_checkbox_SurveyQuestionCheckboxItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, isFirst: this.cell.isFirstChoice, index: this.cell.choiceIndex.toString(), hideCaption: true }));
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellRadiogroupButton = function () {
         var key = this.cell.question.id + "item" + this.cell.choiceIndex;
-        return (preact_module_(reactquestion_radiogroup_SurveyQuestionRadioItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, index: this.cell.choiceIndex.toString(), isChecked: this.cell.question.value === this.cell.item.value, isDisabled: this.cell.question.isReadOnly || !this.cell.item.isEnabled, hideCaption: true }));
+        return (_(reactquestion_radiogroup_SurveyQuestionRadioItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, index: this.cell.choiceIndex.toString(), isChecked: this.cell.question.value === this.cell.item.value, isDisabled: this.cell.question.isReadOnly || !this.cell.item.isEnabled, hideCaption: true }));
     };
     return SurveyQuestionMatrixDropdownCell;
 }(reactquestion_SurveyQuestionAndErrorsCell));
@@ -6852,7 +6938,7 @@ var SurveyQuestionMatrixDropdown = /** @class */ (function (_super) {
 }(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("matrixdropdown", function (props) {
-    return preact_module_(SurveyQuestionMatrixDropdown, props);
+    return _(SurveyQuestionMatrixDropdown, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_matrixdynamic.tsx
@@ -6899,7 +6985,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
         var mainDiv = showTable
             ? this.renderTableDiv()
             : this.renderNoRowsContent(cssClasses);
-        return (preact_module_("div", null,
+        return (_("div", null,
             this.renderAddRowButtonOnTop(cssClasses),
             mainDiv,
             this.renderAddRowButtonOnBottom(cssClasses)));
@@ -6916,9 +7002,9 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
     };
     SurveyQuestionMatrixDynamic.prototype.renderNoRowsContent = function (cssClasses) {
         var text = this.renderLocString(this.matrix.locEmptyRowsText);
-        var textDiv = preact_module_("div", { className: cssClasses.emptyRowsText }, text);
+        var textDiv = _("div", { className: cssClasses.emptyRowsText }, text);
         var btn = this.matrix.renderedTable.showAddRow ? this.renderAddRowButton(cssClasses, true) : undefined;
-        return (preact_module_("div", { className: cssClasses.emptyRowsSection },
+        return (_("div", { className: cssClasses.emptyRowsSection },
             textDiv,
             btn));
     };
@@ -6933,7 +7019,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
 }(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("matrixdynamic", function (props) {
-    return preact_module_(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic, props);
+    return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic, props);
 });
 var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @class */ (function (_super) {
     reactquestion_matrixdynamic_extends(SurveyQuestionMatrixDynamicAddButton, _super);
@@ -6954,16 +7040,16 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @clas
     };
     SurveyQuestionMatrixDynamicAddButton.prototype.renderElement = function () {
         var addRowText = this.renderLocString(this.matrix.locAddRowText);
-        var addButton = (preact_module_("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
+        var addButton = (_("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
             addRowText,
-            preact_module_("span", { className: this.props.cssClasses.iconAdd })));
-        return (this.props.isEmptySection ? addButton : preact_module_("div", { className: this.props.cssClasses.footer }, addButton));
+            _("span", { className: this.props.cssClasses.iconAdd })));
+        return (this.props.isEmptySection ? addButton : _("div", { className: this.props.cssClasses.footer }, addButton));
     };
     return SurveyQuestionMatrixDynamicAddButton;
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("sv-matrixdynamic-add-btn", function (props) {
-    return preact_module_(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton, props);
+    return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn.tsx
@@ -7210,7 +7296,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         var _this = this;
         var panels = [];
         this.question.renderedPanels.forEach(function (panel, index) {
-            panels.push(preact_module_(reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem, { key: panel.id, element: panel, question: _this.question, index: index, cssClasses: _this.question.cssClasses, isDisplayMode: _this.isDisplayMode, creator: _this.creator }));
+            panels.push(_(reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem, { key: panel.id, element: panel, question: _this.question, index: index, cssClasses: _this.question.cssClasses, isDisplayMode: _this.isDisplayMode, creator: _this.creator }));
         });
         var btnAdd = this.question.isRenderModeList && this.question["showLegacyNavigation"]
             ? this.renderAddRowButton()
@@ -7223,10 +7309,10 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
             : null;
         var navV2 = this.renderNavigatorV2();
         var noEntriesPlaceholder = this.renderPlaceholder();
-        return (preact_module_("div", { className: this.question.cssClasses.root },
+        return (_("div", { className: this.question.cssClasses.root },
             noEntriesPlaceholder,
             navTop,
-            preact_module_("div", { className: this.question.cssClasses.panelsContainer }, panels),
+            _("div", { className: this.question.cssClasses.panelsContainer }, panels),
             navBottom,
             btnAdd,
             navV2));
@@ -7247,9 +7333,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         var progressClass = this.question.isProgressTopShowing
             ? this.question.cssClasses.progressTop
             : this.question.cssClasses.progressBottom;
-        return (preact_module_("div", { className: progressClass },
-            preact_module_("div", { style: { clear: "both" } },
-                preact_module_("div", { className: this.question.cssClasses.progressContainer },
+        return (_("div", { className: progressClass },
+            _("div", { style: { clear: "both" } },
+                _("div", { className: this.question.cssClasses.progressContainer },
                     btnPrev,
                     range,
                     btnNext),
@@ -7257,17 +7343,17 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
                 this.renderProgressText())));
     };
     SurveyQuestionPanelDynamic.prototype.renderProgressText = function () {
-        return (preact_module_(paneldynamic_progress_text_SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
+        return (_(paneldynamic_progress_text_SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
     };
     SurveyQuestionPanelDynamic.prototype.rendrerPrevButton = function () {
-        return (preact_module_(paneldynamic_prev_btn_SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
+        return (_(paneldynamic_prev_btn_SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
     };
     SurveyQuestionPanelDynamic.prototype.rendrerNextButton = function () {
-        return (preact_module_(paneldynamic_next_btn_SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
+        return (_(paneldynamic_next_btn_SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
     };
     SurveyQuestionPanelDynamic.prototype.renderRange = function () {
-        return (preact_module_("div", { className: this.question.cssClasses.progress },
-            preact_module_("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
+        return (_("div", { className: this.question.cssClasses.progress },
+            _("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
     };
     SurveyQuestionPanelDynamic.prototype.renderAddRowButton = function () {
         return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
@@ -7278,16 +7364,16 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         if (!this.question.showNavigation)
             return null;
         var range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
-        return (preact_module_("div", { className: this.question.cssClasses.footer },
-            preact_module_("hr", { className: this.question.cssClasses.separator }),
+        return (_("div", { className: this.question.cssClasses.footer },
+            _("hr", { className: this.question.cssClasses.separator }),
             range,
-            this.question.footerToolbar.visibleActions.length ? (preact_module_("div", { className: this.question.cssClasses.footerButtonsContainer },
-                preact_module_(action_bar_SurveyActionBar, { model: this.question.footerToolbar }))) : null));
+            this.question.footerToolbar.visibleActions.length ? (_("div", { className: this.question.cssClasses.footerButtonsContainer },
+                _(action_bar_SurveyActionBar, { model: this.question.footerToolbar }))) : null));
     };
     SurveyQuestionPanelDynamic.prototype.renderPlaceholder = function () {
         if (this.question.getShowNoEntriesPlaceholder()) {
-            return (preact_module_("div", { className: this.question.cssClasses.noEntriesPlaceholder },
-                preact_module_("span", null, this.renderLocString(this.question.locNoEntriesText)),
+            return (_("div", { className: this.question.cssClasses.noEntriesPlaceholder },
+                _("span", null, this.renderLocString(this.question.locNoEntriesText)),
                 this.renderAddRowButton()));
         }
         return null;
@@ -7325,9 +7411,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
         var panel = _super.prototype.render.call(this);
         var removeButton = this.renderButton();
         var separator = this.question.showSeparator(this.index) ?
-            (preact_module_("hr", { className: this.question.cssClasses.separator })) : null;
-        return (preact_module_(b, null,
-            preact_module_("div", { className: this.question.getPanelWrapperCss(this.panel) },
+            (_("hr", { className: this.question.cssClasses.separator })) : null;
+        return (_(b, null,
+            _("div", { className: this.question.getPanelWrapperCss(this.panel) },
                 panel,
                 removeButton),
             separator));
@@ -7346,7 +7432,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
 }(panel_SurveyPanel));
 
 ReactQuestionFactory.Instance.registerQuestion("paneldynamic", function (props) {
-    return preact_module_(reactquestion_paneldynamic_SurveyQuestionPanelDynamic, props);
+    return _(reactquestion_paneldynamic_SurveyQuestionPanelDynamic, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/progress.tsx
@@ -7399,25 +7485,25 @@ var progress_SurveyProgress = /** @class */ (function (_super) {
         var progressStyle = {
             width: this.progress + "%",
         };
-        return (preact_module_("div", { className: this.survey.getProgressCssClasses(this.props.container) },
-            preact_module_("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
-                preact_module_("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
-            preact_module_("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
+        return (_("div", { className: this.survey.getProgressCssClasses(this.props.container) },
+            _("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+                _("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
+            _("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
     };
     return SurveyProgress;
 }(SurveyNavigationBase));
 
 ReactElementFactory.Instance.registerElement("sv-progress-pages", function (props) {
-    return preact_module_(progress_SurveyProgress, props);
+    return _(progress_SurveyProgress, props);
 });
 ReactElementFactory.Instance.registerElement("sv-progress-questions", function (props) {
-    return preact_module_(progress_SurveyProgress, props);
+    return _(progress_SurveyProgress, props);
 });
 ReactElementFactory.Instance.registerElement("sv-progress-correctquestions", function (props) {
-    return preact_module_(progress_SurveyProgress, props);
+    return _(progress_SurveyProgress, props);
 });
 ReactElementFactory.Instance.registerElement("sv-progress-requiredquestions", function (props) {
-    return preact_module_(progress_SurveyProgress, props);
+    return _(progress_SurveyProgress, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/progressButtons.tsx
@@ -7475,20 +7561,20 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
     };
     SurveyProgressButtons.prototype.render = function () {
         var _this = this;
-        return (preact_module_("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
-            this.state.canShowHeader ? preact_module_("div", { className: this.css.progressButtonsHeader },
-                preact_module_("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
-            preact_module_("div", { className: this.css.progressButtonsContainer },
-                preact_module_("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
+        return (_("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+            this.state.canShowHeader ? _("div", { className: this.css.progressButtonsHeader },
+                _("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
+            _("div", { className: this.css.progressButtonsContainer },
+                _("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
                         return _this.clickScrollButton(_this.listContainerRef.current, true);
                     } }),
-                preact_module_("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
-                    preact_module_("ul", { className: this.css.progressButtonsList }, this.getListElements())),
-                preact_module_("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
+                _("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
+                    _("ul", { className: this.css.progressButtonsList }, this.getListElements())),
+                _("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
                         return _this.clickScrollButton(_this.listContainerRef.current, false);
                     } })),
-            this.state.canShowFooter ? preact_module_("div", { className: this.css.progressButtonsFooter },
-                preact_module_("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
+            this.state.canShowFooter ? _("div", { className: this.css.progressButtonsFooter },
+                _("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
     };
     SurveyProgressButtons.prototype.getListElements = function () {
         var _this = this;
@@ -7501,17 +7587,17 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
     SurveyProgressButtons.prototype.renderListElement = function (page, index) {
         var _this = this;
         var text = reactquestion_element_SurveyElementBase.renderLocString(page.locNavigationTitle);
-        return (preact_module_("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
+        return (_("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
                 ? function () { return _this.model.clickListElement(page); }
                 : undefined, "data-page-number": this.model.getItemNumber(page) },
-            preact_module_("div", { className: this.css.progressButtonsConnector }),
-            this.state.canShowItemTitles ? preact_module_(b, null,
-                preact_module_("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, text),
-                preact_module_("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
-            preact_module_("div", { className: this.css.progressButtonsButton },
-                preact_module_("div", { className: this.css.progressButtonsButtonBackground }),
-                preact_module_("div", { className: this.css.progressButtonsButtonContent }),
-                preact_module_("span", null, this.model.getItemNumber(page)))));
+            _("div", { className: this.css.progressButtonsConnector }),
+            this.state.canShowItemTitles ? _(b, null,
+                _("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, text),
+                _("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
+            _("div", { className: this.css.progressButtonsButton },
+                _("div", { className: this.css.progressButtonsButtonBackground }),
+                _("div", { className: this.css.progressButtonsButtonContent }),
+                _("span", null, this.model.getItemNumber(page)))));
     };
     SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
         if (!!listContainerElement) {
@@ -7535,7 +7621,7 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
 }(SurveyNavigationBase));
 
 ReactElementFactory.Instance.registerElement("sv-progress-buttons", function (props) {
-    return preact_module_(progressButtons_SurveyProgressButtons, props);
+    return _(progressButtons_SurveyProgressButtons, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item.tsx
@@ -7785,20 +7871,20 @@ var progressToc_SurveyProgressToc = /** @class */ (function (_super) {
         var tocModel = this.props.model;
         var content;
         if (tocModel.isMobile) {
-            content = preact_module_("div", { onClick: tocModel.togglePopup },
-                preact_module_(svg_icon_SvgIcon, { iconName: tocModel.icon, size: 24 }),
-                preact_module_(popup_Popup, { model: tocModel.popupModel }));
+            content = _("div", { onClick: tocModel.togglePopup },
+                _(svg_icon_SvgIcon, { iconName: tocModel.icon, size: 24 }),
+                _(popup_Popup, { model: tocModel.popupModel }));
         }
         else {
-            content = preact_module_(list_List, { model: tocModel.listModel });
+            content = _(list_List, { model: tocModel.listModel });
         }
-        return (preact_module_("div", { className: tocModel.containerCss }, content));
+        return (_("div", { className: tocModel.containerCss }, content));
     };
     return SurveyProgressToc;
 }(SurveyNavigationBase));
 
 ReactElementFactory.Instance.registerElement("sv-navigation-toc", function (props) {
-    return preact_module_(progressToc_SurveyProgressToc, props);
+    return _(progressToc_SurveyProgressToc, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_rating.tsx
@@ -7859,18 +7945,18 @@ var reactquestion_rating_SurveyQuestionRating = /** @class */ (function (_super)
         var maxText = this.question.maxRateDescription
             ? this.renderLocString(this.question.locMaxRateDescription)
             : null;
-        return (preact_module_("div", { className: this.question.ratingRootCss, ref: function (div) { return (_this.setControl(div)); } },
-            preact_module_("fieldset", { role: "radiogroup" },
-                preact_module_("legend", { role: "presentation", className: "sv-hidden" }),
-                !!this.question.hasMinLabel ? preact_module_("span", { className: cssClasses.minText }, minText) : null,
+        return (_("div", { className: this.question.ratingRootCss, ref: function (div) { return (_this.setControl(div)); } },
+            _("fieldset", { role: "radiogroup" },
+                _("legend", { role: "presentation", className: "sv-hidden" }),
+                !!this.question.hasMinLabel ? _("span", { className: cssClasses.minText }, minText) : null,
                 this.question.renderedRateItems.map(function (item, index) { return _this.renderItem(item, index); }),
-                !!this.question.hasMaxLabel ? preact_module_("span", { className: cssClasses.maxText }, maxText) : null)));
+                !!this.question.hasMaxLabel ? _("span", { className: cssClasses.maxText }, maxText) : null)));
     };
     return SurveyQuestionRating;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("rating", function (props) {
-    return preact_module_(reactquestion_rating_SurveyQuestionRating, props);
+    return _(reactquestion_rating_SurveyQuestionRating, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/rating-dropdown.tsx
@@ -7902,13 +7988,13 @@ var rating_dropdown_SurveyQuestionRatingDropdown = /** @class */ (function (_sup
     SurveyQuestionRatingDropdown.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
         var select = this.renderSelect(cssClasses);
-        return (preact_module_("div", { className: this.question.cssClasses.rootDropdown }, select));
+        return (_("div", { className: this.question.cssClasses.rootDropdown }, select));
     };
     return SurveyQuestionRatingDropdown;
 }(dropdown_base_SurveyQuestionDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-rating-dropdown", function (props) {
-    return preact_module_(rating_dropdown_SurveyQuestionRatingDropdown, props);
+    return _(rating_dropdown_SurveyQuestionRatingDropdown, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("rating", "dropdown", "sv-rating-dropdown");
 
@@ -7946,13 +8032,13 @@ var reactquestion_expression_SurveyQuestionExpression = /** @class */ (function
     SurveyQuestionExpression.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
-        return (preact_module_("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); } }, this.question.formatedValue));
+        return (_("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); } }, this.question.formatedValue));
     };
     return SurveyQuestionExpression;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("expression", function (props) {
-    return preact_module_(reactquestion_expression_SurveyQuestionExpression, props);
+    return _(reactquestion_expression_SurveyQuestionExpression, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/react-popup-survey.tsx
@@ -8000,8 +8086,8 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
             style.width = this.popup.renderedWidth;
             style.maxWidth = this.popup.renderedWidth;
         }
-        return (preact_module_("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
-            preact_module_("div", { className: this.popup.cssRootContent },
+        return (_("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
+            _("div", { className: this.popup.cssRootContent },
                 header,
                 body)));
     };
@@ -8026,46 +8112,46 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
         if (popup.allowFullScreen) {
             allowFullScreenButon = this.renderAllowFullScreenButon(this.popup);
         }
-        return (preact_module_("div", { className: popup.cssHeaderRoot },
+        return (_("div", { className: popup.cssHeaderRoot },
             titleCollapsed,
-            preact_module_("div", { className: popup.cssHeaderButtonsContainer },
+            _("div", { className: popup.cssHeaderButtonsContainer },
                 allowFullScreenButon,
-                preact_module_("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
+                _("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
                 closeButton)));
     };
     PopupSurvey.prototype.renderTitleCollapsed = function (popup) {
         if (!popup.locTitle)
             return null;
-        return preact_module_("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
+        return _("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
     };
     PopupSurvey.prototype.renderExpandIcon = function () {
-        return preact_module_(svg_icon_SvgIcon, { iconName: "icon-restore_16x16", size: 16 });
+        return _(svg_icon_SvgIcon, { iconName: "icon-restore_16x16", size: 16 });
     };
     PopupSurvey.prototype.renderCollapseIcon = function () {
-        return preact_module_(svg_icon_SvgIcon, { iconName: "icon-minimize_16x16", size: 16 });
+        return _(svg_icon_SvgIcon, { iconName: "icon-minimize_16x16", size: 16 });
     };
     PopupSurvey.prototype.renderCloseButton = function (popup) {
         var _this = this;
-        return (preact_module_("div", { className: popup.cssHeaderCloseButton, onClick: function () {
+        return (_("div", { className: popup.cssHeaderCloseButton, onClick: function () {
                 popup.hide();
                 if (typeof _this.props.onClose == "function") {
                     _this.props.onClose();
                 }
             } },
-            preact_module_(svg_icon_SvgIcon, { iconName: "icon-close_16x16", size: 16 })));
+            _(svg_icon_SvgIcon, { iconName: "icon-close_16x16", size: 16 })));
     };
     PopupSurvey.prototype.renderAllowFullScreenButon = function (popup) {
         var Icon;
         if (popup.isFullScreen) {
-            Icon = preact_module_(svg_icon_SvgIcon, { iconName: "icon-back-to-panel_16x16", size: 16 });
+            Icon = _(svg_icon_SvgIcon, { iconName: "icon-back-to-panel_16x16", size: 16 });
         }
         else {
-            Icon = preact_module_(svg_icon_SvgIcon, { iconName: "icon-full-screen_16x16", size: 16 });
+            Icon = _(svg_icon_SvgIcon, { iconName: "icon-full-screen_16x16", size: 16 });
         }
-        return (preact_module_("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
+        return (_("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
     };
     PopupSurvey.prototype.renderBody = function () {
-        return preact_module_("div", { className: this.popup.cssBody }, this.doRender());
+        return _("div", { className: this.popup.cssBody }, this.doRender());
     };
     PopupSurvey.prototype.createSurvey = function (newProps) {
         if (!newProps)
@@ -8131,8 +8217,8 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
     });
     SurveyQuestionImagePicker.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (preact_module_("fieldset", { className: this.question.getSelectBaseRootCss() },
-            preact_module_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
+        return (_("fieldset", { className: this.question.getSelectBaseRootCss() },
+            _("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
     };
     SurveyQuestionImagePicker.prototype.getColumns = function (cssClasses) {
@@ -8141,7 +8227,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
             var items = column.map(function (item, ii) {
                 return _this.renderItem("item" + ii, item, cssClasses);
             });
-            return (preact_module_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
+            return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
         });
     };
     SurveyQuestionImagePicker.prototype.getItems = function (cssClasses) {
@@ -8161,7 +8247,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyQuestionImagePicker.prototype.renderItem = function (key, item, cssClasses) {
-        var renderedItem = preact_module_(imagepicker_SurveyQuestionImagePickerItem, { key: key, question: this.question, item: item, cssClasses: cssClasses });
+        var renderedItem = _(imagepicker_SurveyQuestionImagePickerItem, { key: key, question: this.question, item: item, cssClasses: cssClasses });
         var survey = this.question.survey;
         var wrappedItem = null;
         if (!!survey) {
@@ -8248,15 +8334,15 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
         var itemClass = question.getItemClass(item);
         var text = null;
         if (question.showLabel) {
-            text = (preact_module_("span", { className: question.cssClasses.itemText }, item.text ? reactquestion_element_SurveyElementBase.renderLocString(item.locText) : item.value));
+            text = (_("span", { className: question.cssClasses.itemText }, item.text ? reactquestion_element_SurveyElementBase.renderLocString(item.locText) : item.value));
         }
         var style = { objectFit: this.question.imageFit };
         var control = null;
         if (item.locImageLink.renderedHtml && this.question.contentMode === "image") {
-            control = (preact_module_("img", { className: cssClasses.image, src: item.locImageLink.renderedHtml, width: this.question.renderedImageWidth, height: this.question.renderedImageHeight, alt: item.locText.renderedHtml, style: style, onLoad: function (event) { _this.question["onContentLoaded"](item, event.nativeEvent); }, onError: function (event) { item.onErrorHandler(item, event.nativeEvent); } }));
+            control = (_("img", { className: cssClasses.image, src: item.locImageLink.renderedHtml, width: this.question.renderedImageWidth, height: this.question.renderedImageHeight, alt: item.locText.renderedHtml, style: style, onLoad: function (event) { _this.question["onContentLoaded"](item, event.nativeEvent); }, onError: function (event) { item.onErrorHandler(item, event.nativeEvent); } }));
         }
         if (item.locImageLink.renderedHtml && this.question.contentMode === "video") {
-            control = (preact_module_("video", { controls: true, className: cssClasses.image, src: item.locImageLink.renderedHtml, width: this.question.renderedImageWidth, height: this.question.renderedImageHeight, style: style, onLoadedMetadata: function (event) { _this.question["onContentLoaded"](item, event.nativeEvent); }, onError: function (event) { item.onErrorHandler(item, event.nativeEvent); } }));
+            control = (_("video", { controls: true, className: cssClasses.image, src: item.locImageLink.renderedHtml, width: this.question.renderedImageWidth, height: this.question.renderedImageHeight, style: style, onLoadedMetadata: function (event) { _this.question["onContentLoaded"](item, event.nativeEvent); }, onError: function (event) { item.onErrorHandler(item, event.nativeEvent); } }));
         }
         if (!item.locImageLink.renderedHtml || item.contentNotLoaded) {
             var style_1 = {
@@ -8264,17 +8350,17 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
                 height: this.question.renderedImageHeight,
                 objectFit: this.question.imageFit
             };
-            control = (preact_module_("div", { className: cssClasses.itemNoImage, style: style_1 }, cssClasses.itemNoImageSvgIcon ?
-                preact_module_(svg_icon_SvgIcon, { className: cssClasses.itemNoImageSvgIcon, iconName: this.question.cssClasses.itemNoImageSvgIconId, size: 48 }) :
+            control = (_("div", { className: cssClasses.itemNoImage, style: style_1 }, cssClasses.itemNoImageSvgIcon ?
+                _(svg_icon_SvgIcon, { className: cssClasses.itemNoImageSvgIcon, iconName: this.question.cssClasses.itemNoImageSvgIconId, size: 48 }) :
                 null));
         }
-        var renderedItem = (preact_module_("div", { className: itemClass },
-            preact_module_("label", { className: cssClasses.label },
-                preact_module_("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 }),
-                preact_module_("div", { className: this.question.cssClasses.itemDecorator },
-                    preact_module_("div", { className: this.question.cssClasses.imageContainer },
+        var renderedItem = (_("div", { className: itemClass },
+            _("label", { className: cssClasses.label },
+                _("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 }),
+                _("div", { className: this.question.cssClasses.itemDecorator },
+                    _("div", { className: this.question.cssClasses.imageContainer },
                         !!this.question.cssClasses.checkedItemDecorator ?
-                            preact_module_("span", { className: this.question.cssClasses.checkedItemDecorator }, !!this.question.cssClasses.checkedItemSvgIconId ? preact_module_(svg_icon_SvgIcon, { size: "auto", className: this.question.cssClasses.checkedItemSvgIcon, iconName: this.question.cssClasses.checkedItemSvgIconId }) : null) : null,
+                            _("span", { className: this.question.cssClasses.checkedItemDecorator }, !!this.question.cssClasses.checkedItemSvgIconId ? _(svg_icon_SvgIcon, { size: "auto", className: this.question.cssClasses.checkedItemSvgIcon, iconName: this.question.cssClasses.checkedItemSvgIconId }) : null) : null,
                         control),
                     text))));
         return renderedItem;
@@ -8283,7 +8369,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
 }(ReactSurveyElement));
 
 ReactQuestionFactory.Instance.registerQuestion("imagepicker", function (props) {
-    return preact_module_(imagepicker_SurveyQuestionImagePicker, props);
+    return _(imagepicker_SurveyQuestionImagePicker, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/image.tsx
@@ -8338,22 +8424,22 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
         }
         var control = null;
         if (this.question.renderedMode === "image") {
-            control = (preact_module_("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight, 
+            control = (_("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight, 
                 //alt={item.text || item.value}
                 style: style, onLoad: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
         }
         if (this.question.renderedMode === "video") {
-            control = (preact_module_("video", { controls: true, className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, onLoadedMetadata: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
+            control = (_("video", { controls: true, className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, onLoadedMetadata: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
         }
         if (this.question.renderedMode === "youtube") {
-            control = (preact_module_("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
+            control = (_("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
         }
         var noImage = null;
         if (!this.question.imageLink || this.question.contentNotLoaded) {
-            noImage = (preact_module_("div", { className: this.question.cssClasses.noImage },
-                preact_module_(svg_icon_SvgIcon, { iconName: this.question.cssClasses.noImageSvgIconId, size: 48 })));
+            noImage = (_("div", { className: this.question.cssClasses.noImage },
+                _(svg_icon_SvgIcon, { iconName: this.question.cssClasses.noImageSvgIconId, size: 48 })));
         }
-        return preact_module_("div", { className: this.question.cssClasses.root },
+        return _("div", { className: this.question.cssClasses.root },
             control,
             noImage);
     };
@@ -8361,7 +8447,7 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("image", function (props) {
-    return preact_module_(image_SurveyQuestionImage, props);
+    return _(image_SurveyQuestionImage, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/signaturepad.tsx
@@ -8404,36 +8490,36 @@ var signaturepad_SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         var cssClasses = this.question.cssClasses;
         var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
         var clearButton = this.renderCleanButton();
-        return (preact_module_("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
-            preact_module_("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
-            preact_module_("div", null,
+        return (_("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
+            _("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
+            _("div", null,
                 this.renderBackgroundImage(),
-                preact_module_("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: function (event) { _this.question.onBlur(event); } })),
+                _("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: function (event) { _this.question.onBlur(event); } })),
             clearButton,
             loadingIndicator));
     };
     SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
         if (!this.question.backgroundImage)
             return null;
-        return preact_module_("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
+        return _("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
     };
     SurveyQuestionSignaturePad.prototype.renderLoadingIndicator = function () {
-        return preact_module_("div", { className: this.question.cssClasses.loadingIndicator },
-            preact_module_(loading_indicator_LoadingIndicatorComponent, null));
+        return _("div", { className: this.question.cssClasses.loadingIndicator },
+            _(loading_indicator_LoadingIndicatorComponent, null));
     };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
         if (!this.question.canShowClearButton)
             return null;
         var cssClasses = this.question.cssClasses;
-        return preact_module_("div", { className: cssClasses.controls },
-            preact_module_("button", { type: "button", className: cssClasses.clearButton, title: this.question.clearButtonCaption, onClick: function () { return _this.question.clearValue(true); } }, this.question.cssClasses.clearButtonIconId ? preact_module_(svg_icon_SvgIcon, { iconName: this.question.cssClasses.clearButtonIconId, size: "auto" }) : preact_module_("span", null, "\u2716")));
+        return _("div", { className: cssClasses.controls },
+            _("button", { type: "button", className: cssClasses.clearButton, title: this.question.clearButtonCaption, onClick: function () { return _this.question.clearValue(true); } }, this.question.cssClasses.clearButtonIconId ? _(svg_icon_SvgIcon, { iconName: this.question.cssClasses.clearButtonIconId, size: "auto" }) : _("span", null, "\u2716")));
     };
     return SurveyQuestionSignaturePad;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("signaturepad", function (props) {
-    return preact_module_(signaturepad_SurveyQuestionSignaturePad, props);
+    return _(signaturepad_SurveyQuestionSignaturePad, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_buttongroup.tsx
@@ -8598,16 +8684,16 @@ var reactquestion_custom_SurveyQuestionComposite = /** @class */ (function (_sup
         return !!this.question.contentPanel;
     };
     SurveyQuestionComposite.prototype.renderElement = function () {
-        return (preact_module_(panel_SurveyPanel, { element: this.question.contentPanel, creator: this.creator, survey: this.question.survey }));
+        return (_(panel_SurveyPanel, { element: this.question.contentPanel, creator: this.creator, survey: this.question.survey }));
     };
     return SurveyQuestionComposite;
 }(reactquestion_element_SurveyQuestionUncontrolledElement));
 
 ReactQuestionFactory.Instance.registerQuestion("custom", function (props) {
-    return preact_module_(reactquestion_custom_SurveyQuestionCustom, props);
+    return _(reactquestion_custom_SurveyQuestionCustom, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("composite", function (props) {
-    return preact_module_(reactquestion_custom_SurveyQuestionComposite, props);
+    return _(reactquestion_custom_SurveyQuestionComposite, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item-content.tsx
@@ -9427,6 +9513,7 @@ ReactElementFactory.Instance.registerElement(external_root_Survey_commonjs2_surv
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -9457,12 +9544,12 @@ var js_ui_assign = (undefined && undefined.__assign) || function () {
 
 function renderSurvey(model, element, props) {
     if (props === void 0) { props = {}; }
-    var survey = preact_module_(reactSurvey_Survey, js_ui_assign({ model: model }, props));
+    var survey = _(reactSurvey_Survey, js_ui_assign({ model: model }, props));
     compat_module_$(survey, element);
 }
 function renderPopupSurvey(model, element, props) {
     if (props === void 0) { props = {}; }
-    var survey = preact_module_(react_popup_survey_PopupSurvey, js_ui_assign({ model: model }, props));
+    var survey = _(react_popup_survey_PopupSurvey, js_ui_assign({ model: model }, props));
     compat_module_$(survey, element);
 }
 function doPopupSurvey(props) {
@@ -9511,7 +9598,7 @@ var preact = compat_module_namespaceObject;
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.7", "survey-js-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.9", "survey-js-ui");
 
 
 /***/ }),