survey-js-ui 1.12.13 → 1.12.14

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.13
+ * surveyjs - Survey JavaScript library v1.12.14
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -110,7 +110,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.12.13
+ * surveyjs - Survey JavaScript library v1.12.14
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1043,7 +1043,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.12.13
+ * surveyjs - Survey JavaScript library v1.12.14
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2004,17 +2004,17 @@ __webpack_require__.d(__webpack_exports__, "render", function() { return /* reex
 __webpack_require__.d(__webpack_exports__, "hydrate", function() { return /* reexport */ nn; });
 __webpack_require__.d(__webpack_exports__, "unmountComponentAtNode", function() { return /* reexport */ _n; });
 __webpack_require__.d(__webpack_exports__, "createPortal", function() { return /* reexport */ Y; });
-__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ _; });
-__webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */ G; });
+__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ g; });
+__webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */ J; });
 __webpack_require__.d(__webpack_exports__, "createFactory", function() { return /* reexport */ vn; });
 __webpack_require__.d(__webpack_exports__, "cloneElement", function() { return /* reexport */ yn; });
-__webpack_require__.d(__webpack_exports__, "createRef", function() { return /* reexport */ m; });
-__webpack_require__.d(__webpack_exports__, "Fragment", function() { return /* reexport */ b; });
+__webpack_require__.d(__webpack_exports__, "createRef", function() { return /* reexport */ b; });
+__webpack_require__.d(__webpack_exports__, "Fragment", function() { return /* reexport */ k; });
 __webpack_require__.d(__webpack_exports__, "isValidElement", function() { return /* reexport */ dn; });
 __webpack_require__.d(__webpack_exports__, "isFragment", function() { return /* reexport */ pn; });
 __webpack_require__.d(__webpack_exports__, "isMemo", function() { return /* reexport */ mn; });
 __webpack_require__.d(__webpack_exports__, "findDOMNode", function() { return /* reexport */ bn; });
-__webpack_require__.d(__webpack_exports__, "Component", function() { return /* reexport */ k; });
+__webpack_require__.d(__webpack_exports__, "Component", function() { return /* reexport */ x; });
 __webpack_require__.d(__webpack_exports__, "PureComponent", function() { return /* reexport */ compat_module_I; });
 __webpack_require__.d(__webpack_exports__, "memo", function() { return /* reexport */ compat_module_N; });
 __webpack_require__.d(__webpack_exports__, "forwardRef", function() { return /* reexport */ compat_module_A; });
@@ -2140,11 +2140,11 @@ __webpack_require__.d(__webpack_exports__, "Model", function() { return /* reexp
 // NAMESPACE OBJECT: ./node_modules/preact/compat/dist/compat.module.js
 var compat_module_namespaceObject = {};
 __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 _; });
-__webpack_require__.d(compat_module_namespaceObject, "createRef", function() { return m; });
+__webpack_require__.d(compat_module_namespaceObject, "Component", function() { return x; });
+__webpack_require__.d(compat_module_namespaceObject, "Fragment", function() { return k; });
+__webpack_require__.d(compat_module_namespaceObject, "createContext", function() { return J; });
+__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return g; });
+__webpack_require__.d(compat_module_namespaceObject, "createRef", function() { return b; });
 __webpack_require__.d(compat_module_namespaceObject, "useCallback", function() { return hooks_module_q; });
 __webpack_require__.d(compat_module_namespaceObject, "useContext", function() { return hooks_module_x; });
 __webpack_require__.d(compat_module_namespaceObject, "useDebugValue", function() { return hooks_module_P; });
@@ -2188,7 +2188,7 @@ __webpack_require__.d(compat_module_namespaceObject, "useTransition", function()
 __webpack_require__.d(compat_module_namespaceObject, "version", function() { return hn; });
 
 // 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 _(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&&E(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)),N(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(("function"!=typeof o||o===b||i)&&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 l.event&&(u=l.event(u)),"handleEvent"in t?t.handleEvent(u):t(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=V),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++)E(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 E(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 N(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||E(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]&&N(i[o],u,t||"function"!=typeof n.type);t||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function V(n,l,u){return this.constructor(n,u)}function q(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 B(n,l){q(n,l,B)}function D(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_r,preact_module_o,preact_module_e,preact_module_f,preact_module_c,s,a,h,p={},v=[],y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,d=Array.isArray;function w(n,l){for(var u in l)n[u]=l[u];return n}function _(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function g(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?preact_module_n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===e[o]&&(e[o]=l.defaultProps[o]);return m(l,e,i,r,null)}function m(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++preact_module_u:o,__i:-1,__u:0};return null==o&&null!=l.vnode&&l.vnode(e),e}function b(){return{current:null}}function k(n){return n.children}function x(n,l){this.props=n,this.context=l}function C(n,l){if(null==l)return n.__?C(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?C(n):null}function S(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 S(n)}}function M(n){(!n.__d&&(n.__d=!0)&&preact_module_i.push(n)&&!P.__r++||preact_module_r!==l.debounceRendering)&&((preact_module_r=l.debounceRendering)||preact_module_o)(P)}function P(){var n,u,t,r,o,f,c,s;for(preact_module_i.sort(preact_module_e);n=preact_module_i.shift();)n.__d&&(u=preact_module_i.length,r=void 0,f=(o=(t=n).__v).__e,c=[],s=[],t.__P&&((r=w({},o)).__v=o.__v+1,l.vnode&&l.vnode(r),j(t.__P,r,o,t.__n,t.__P.namespaceURI,32&o.__u?[f]:null,c,null==f?C(o):f,!!(32&o.__u),s),r.__v=o.__v,r.__.__k[r.__i]=r,z(c,r,s),r.__e!=f&&S(r)),preact_module_i.length>u&&preact_module_i.sort(preact_module_e));P.__r=0}function $(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,d,w,_,g=t&&t.__k||v,m=l.length;for(f=I(u,l,g,f),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1===y.__i?p:g[y.__i]||p,y.__i=a,_=j(n,y,h,i,r,o,e,f,c,s),d=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&V(h.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),4&y.__u||h.__k===y.__k?f=H(y,f,n):"function"==typeof y.type&&void 0!==_?f=_:d&&(f=d.nextSibling),y.__u&=-7);return u.__e=w,f}function I(n,l,u,t){var i,r,o,e,f,c=l.length,s=u.length,a=s,h=0;for(n.__k=[],i=0;i<c;i++)null!=(r=l[i])&&"boolean"!=typeof r&&"function"!=typeof r?(e=i+h,(r=n.__k[i]="string"==typeof r||"number"==typeof r||"bigint"==typeof r||r.constructor==String?m(null,r,null,null,null):d(r)?m(k,{children:r},null,null,null):void 0===r.constructor&&r.__b>0?m(r.type,r.props,r.key,r.ref?r.ref:null,r.__v):r).__=n,r.__b=n.__b+1,o=null,-1!==(f=r.__i=T(r,u,e,a))&&(a--,(o=u[f])&&(o.__u|=2)),null==o||null===o.__v?(-1==f&&h--,"function"!=typeof r.type&&(r.__u|=4)):f!==e&&(f==e-1?h--:f==e+1?h++:(f>e?h--:h++,r.__u|=4))):r=n.__k[i]=null;if(a)for(i=0;i<s;i++)null!=(o=u[i])&&0==(2&o.__u)&&(o.__e==t&&(t=C(o)),q(o,o));return t}function H(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=H(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=C(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function L(n,l){return l=l||[],null==n||"boolean"==typeof n||(d(n)?n.some(function(n){L(n,l)}):l.push(n)),l}function T(n,l,u,t){var i=n.key,r=n.type,o=u-1,e=u+1,f=l[u];if(null===f||f&&i==f.key&&r===f.type&&0==(2&f.__u))return u;if(("function"!=typeof r||r===k||i)&&t>(null!=f&&0==(2&f.__u)?1:0))for(;o>=0||e<l.length;){if(o>=0){if((f=l[o])&&0==(2&f.__u)&&i==f.key&&r===f.type)return o;o--}if(e<l.length){if((f=l[e])&&0==(2&f.__u)&&i==f.key&&r===f.type)return e;e++}}return-1}function A(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y.test(l)?u:u+"px"}function F(n,l,u,t,i){var r;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||A(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||A(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(preact_module_f,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=preact_module_c,n.addEventListener(l,r?a:s,r)):n.removeEventListener(l,r?a:s,r);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 O(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=preact_module_c++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function j(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,g,m,b,C,S,M,P,I,H,L,T,A,F=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof F)try{if(b=u.props,C="prototype"in F&&F.prototype.render,S=(a=F.contextType)&&i[a.__c],M=a?S?S.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(C?u.__c=h=new F(b,M):(u.__c=h=new x(b,M),h.constructor=F,h.render=B),S&&S.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),C&&null==h.__s&&(h.__s=h.state),C&&null!=F.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=w({},h.__s)),w(h.__s,F.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)C&&null==F.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),C&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(C&&null==F.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u)}),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),C&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,g)})}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,I=l.__r,H=0,C){for(h.state=h.__s,h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),L=0;L<h._sb.length;L++)h.__h.push(h._sb[L]);h._sb=[]}else do{h.__d=!1,I&&I(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++H<25);h.state=h.__s,null!=h.getChildContext&&(i=w(w({},i),h.getChildContext())),C&&!p&&null!=h.getSnapshotBeforeUpdate&&(g=h.getSnapshotBeforeUpdate(v,y)),f=$(n,d(T=null!=a&&a.type===k&&null==a.key?a.props.children:a)?T:[T],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8===f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f}else for(A=o.length;A--;)_(o[A]);else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t)}else null==o&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=N(t.__e,u,t,i,r,o,e,c,s);return(a=l.diffed)&&a(u),128&u.__u?void 0:f}function z(n,u,t){for(var i=0;i<t.length;i++)V(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 N(u,t,i,r,o,e,f,c,s){var a,h,v,y,w,g,m,b=i.props,k=t.props,x=t.type;if("svg"===x?o="http://www.w3.org/2000/svg":"math"===x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((w=e[a])&&"setAttribute"in w==!!x&&(x?w.localName===x:3===w.nodeType)){u=w,e[a]=null;break}if(null==u){if(null===x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l.__m&&l.__m(t,e),c=!1),e=null}if(null===x)b===k||c&&u.data===k||(u.data=k);else{if(e=e&&preact_module_n.call(u.childNodes),b=i.props||p,!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(w=u.attributes[a]).name]=w.value;for(a in b)if(w=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)v=w;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;F(u,a,null,w,o)}for(a in k)w=k[a],"children"==a?y=w:"dangerouslySetInnerHTML"==a?h=w:"value"==a?g=w:"checked"==a?m=w:c&&"function"!=typeof w||b[a]===w||F(u,a,w,b[a],o);if(h)c||v&&(h.__html===v.__html||h.__html===u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),$(u,d(y)?y:[y],t,i,r,"foreignObject"===x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&C(i,0),c,s),null!=e)for(a=e.length;a--;)_(e[a]);c||(a="value","progress"===x&&null==g?u.removeAttribute("value"):void 0!==g&&(g!==u[a]||"progress"===x&&!g||"option"===x&&g!==b[a])&&F(u,a,g,b[a],o),a="checked",void 0!==m&&m!==u[a]&&F(u,a,m,b[a],o))}return u}function V(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 q(n,u,t){var i,r;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||V(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(r=0;r<i.length;r++)i[r]&&q(i[r],u,t||"function"!=typeof n.type);t||_(n.__e),n.__c=n.__=n.__e=void 0}function B(n,l,u){return this.constructor(n,u)}function D(u,t,i){var r,o,e,f;t===document&&(t=document.documentElement),l.__&&l.__(u,t),o=(r="function"==typeof i)?null:i&&i.__k||t.__k,e=[],f=[],j(t,u=(!r&&i||t).__k=g(k,null,[u]),o||p,p,t.namespaceURI,!r&&i?[i]:o?null:t.firstChild?preact_module_n.call(t.childNodes):null,e,!r&&i?i:o?o.__e:t.firstChild,r,f),z(e,u,f)}function E(n,l){D(n,l,E)}function G(l,u,t){var i,r,o,e,f=w({},l.props);for(o in l.type&&l.type.defaultProps&&(e=l.type.defaultProps),u)"key"==o?i=u[o]:"ref"==o?r=u[o]:f[o]=void 0===u[o]&&void 0!==e?e[o]:u[o];return arguments.length>2&&(f.children=arguments.length>3?preact_module_n.call(arguments,2):t),m(l.type,f,i||l.key,r||l.ref,null)}function J(n,l){var u={__c:l="__cC"+h++,__: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,M(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,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)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},x.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=w({},this.state),"function"==typeof n&&(n=n(w({},u),this.props)),n&&w(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this))},x.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this))},x.prototype.render=k,preact_module_i=[],preact_module_o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,preact_module_e=function(n,l){return n.__v.__b-l.__v.__b},P.__r=0,preact_module_f=/(PointerCapture)$|Capture$/i,preact_module_c=0,s=O(!1),a=O(!0),h=0;
 //# sourceMappingURL=preact.module.js.map
 
 // CONCATENATED MODULE: ./node_modules/preact/hooks/dist/hooks.module.js
@@ -2196,7 +2196,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){var e=t(),r=hooks_module_h({t:{__:e,u:t}}),u=r[0].t,o=r[1];return hooks_module_(function(){u.__=e,u.u=t,compat_module_C(u)&&o({t:u})},[n,e,t]),hooks_module_y(function(){return compat_module_C(u)&&o({t:u}),n(function(){compat_module_C(u)&&o({t:u})})},[n]),e}function compat_module_C(n){var t,e,r=n.u,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}}function compat_module_x(n){n()}function R(n){return n}function compat_module_w(){return[!1,compat_module_x]}var compat_module_k=hooks_module_;function compat_module_I(n,t){this.props=n,this.context=t}function compat_module_N(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_I.prototype=new k).isPureReactComponent=!0,compat_module_I.prototype.shouldComponentUpdate=function(n,t){return compat_module_g(this.props,n)||compat_module_g(this.state,t)};var compat_module_M=l.__b;l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_M&&compat_module_M(n)};var compat_module_T="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_A(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=compat_module_T,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_D=function(n,t){return null==n?null:H(H(n).map(t))},compat_module_L={map:compat_module_D,forEach:compat_module_D,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_O=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_O(n,t,e,r)};var compat_module_F=l.unmount;function U(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 U(n,t,e)})),n}function compat_module_V(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return compat_module_V(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 W(){this.__u=0,this.o=null,this.__b=null}function compat_module_P(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_j(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_z(){this.i=null,this.l=null}l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),compat_module_F&&compat_module_F(n)},(W.prototype=new k).__c=function(n,t){var e=t.__c,r=this;null==r.o&&(r.o=[]),r.o.push(e);var u=compat_module_P(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_V(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},W.prototype.componentWillUnmount=function(){this.o=[]},W.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]=U(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 compat_module_B=function(n,t,e){if(++e[1]===e[0]&&n.l.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.l.size))for(e=n.i;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.i=e=e[2]}};function compat_module_H(n){return this.getChildContext=function(){return n.context},n.children}function Z(n){var e=this,r=n.h;e.componentWillUnmount=function(){q(null,e.v),e.v=null,e.h=null},e.h&&e.h!==r&&e.componentWillUnmount(),e.v||(e.h=r,e.v={nodeType:1,parentNode:r,childNodes:[],contains:function(){return!0},appendChild:function(n){this.childNodes.push(n),e.h.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.h.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.h.removeChild(n)}}),q(_(compat_module_H,{context:e.context},n.__v),e.v)}function Y(n,e){var r=_(Z,{__v:n,h:e});return r.containerInfo=e,r}(compat_module_z.prototype=new k).__a=function(n){var t=this,e=compat_module_P(t.__v),r=t.l.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),compat_module_B(t,n,r)):u()};e?e(o):o()}},compat_module_z.prototype.render=function(n){this.i=null,this.l=new Map;var t=H(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.l.set(t[e],this.i=[1,0,this.i]);return n.children},compat_module_z.prototype.componentDidUpdate=compat_module_z.prototype.componentDidMount=function(){var n=this;this.l.forEach(function(t,e){compat_module_B(n,e,t)})};var compat_module_$="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_q=/^(?: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_G=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,J=/[A-Z0-9]/g,K="undefined"!=typeof document,Q=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function X(n,t,e){return null==t.__k&&(t.textContent=""),q(n,t),"function"==typeof e&&e(),n?n.__c:null}function nn(n,t,e){return B(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 tn=l.event;function en(){}function rn(){return this.cancelBubble}function un(){return this.defaultPrevented}l.event=function(n){return tn&&(n=tn(n)),n.persist=en,n.isPropagationStopped=rn,n.isDefaultPrevented=un,n.nativeEvent=n};var on,cn={enumerable:!1,configurable:!0,get:function(){return this.class}},fn=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||K&&"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||Q(t.type)?"onfocus"===f?i="onfocusin":"onblur"===f?i="onfocusout":compat_module_G.test(i)&&(i=f):f=i="oninput":o&&compat_module_q.test(i)?i=i.replace(J,"-$&").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",cn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_$,fn&&fn(n)};var ln=l.__r;l.__r=function(n){ln&&ln(n),on=n.__c};var an=l.diffed;l.diffed=function(n){an&&an(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),on=null};var sn={ReactCurrentDispatcher:{current:{readContext:function(n){return on.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:R,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:compat_module_k,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_p,useRef:hooks_module_A,useState:hooks_module_h,useSyncExternalStore:compat_module_E,useTransition:compat_module_w}}},hn="18.3.1";function vn(n){return _.bind(null,n)}function dn(n){return!!n&&n.$$typeof===compat_module_$}function pn(n){return dn(n)&&n.type===b}function mn(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function yn(n){return dn(n)?D.apply(null,arguments):n}function _n(n){return!!n.__k&&(q(null,n),!0)}function bn(n){return n&&(n.base||1===n.nodeType&&n)||null}var Sn=function(n,t){return n(t)},gn=function(n,t){return n(t)},En=b,Cn=dn,xn={useState:hooks_module_h,useId:hooks_module_g,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:compat_module_k,useTransition:compat_module_w,useDeferredValue:R,useSyncExternalStore:compat_module_E,startTransition:compat_module_x,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_L,render:X,hydrate:nn,unmountComponentAtNode:_n,createPortal:Y,createElement:_,createContext:G,createFactory:vn,cloneElement:yn,createRef:m,Fragment:b,isValidElement:dn,isElement:Cn,isFragment:pn,isMemo:mn,findDOMNode:bn,Component:k,PureComponent:compat_module_I,memo:compat_module_N,forwardRef:compat_module_A,flushSync:gn,unstable_batchedUpdates:Sn,StrictMode:En,Suspense:W,SuspenseList:compat_module_z,lazy:compat_module_j,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:sn};
+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){var e=t(),r=hooks_module_h({t:{__:e,u:t}}),u=r[0].t,o=r[1];return hooks_module_(function(){u.__=e,u.u=t,compat_module_C(u)&&o({t:u})},[n,e,t]),hooks_module_y(function(){return compat_module_C(u)&&o({t:u}),n(function(){compat_module_C(u)&&o({t:u})})},[n]),e}function compat_module_C(n){var t,e,r=n.u,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}}function compat_module_x(n){n()}function R(n){return n}function compat_module_w(){return[!1,compat_module_x]}var compat_module_k=hooks_module_;function compat_module_I(n,t){this.props=n,this.context=t}function compat_module_N(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,g(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(compat_module_I.prototype=new x).isPureReactComponent=!0,compat_module_I.prototype.shouldComponentUpdate=function(n,t){return compat_module_g(this.props,n)||compat_module_g(this.state,t)};var compat_module_M=l.__b;l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_M&&compat_module_M(n)};var compat_module_T="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_A(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=compat_module_T,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_D=function(n,t){return null==n?null:L(L(n).map(t))},compat_module_L={map:compat_module_D,forEach:compat_module_D,count:function(n){return n?L(n).length:0},only:function(n){var t=L(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:L},compat_module_O=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_O(n,t,e,r)};var compat_module_F=l.unmount;function U(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 U(n,t,e)})),n}function compat_module_V(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return compat_module_V(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 W(){this.__u=0,this.o=null,this.__b=null}function compat_module_P(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_j(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 g(r,o)}return o.displayName="Lazy",o.__f=!0,o}function compat_module_z(){this.i=null,this.l=null}l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),compat_module_F&&compat_module_F(n)},(W.prototype=new x).__c=function(n,t){var e=t.__c,r=this;null==r.o&&(r.o=[]),r.o.push(e);var u=compat_module_P(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_V(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},W.prototype.componentWillUnmount=function(){this.o=[]},W.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]=U(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&g(k,null,n.fallback);return i&&(i.__u&=-33),[g(k,null,e.__a?null:n.children),i]};var compat_module_B=function(n,t,e){if(++e[1]===e[0]&&n.l.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.l.size))for(e=n.i;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.i=e=e[2]}};function compat_module_H(n){return this.getChildContext=function(){return n.context},n.children}function Z(n){var e=this,r=n.h;e.componentWillUnmount=function(){D(null,e.v),e.v=null,e.h=null},e.h&&e.h!==r&&e.componentWillUnmount(),e.v||(e.h=r,e.v={nodeType:1,parentNode:r,childNodes:[],contains:function(){return!0},appendChild:function(n){this.childNodes.push(n),e.h.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.h.insertBefore(n,t)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.h.removeChild(n)}}),D(g(compat_module_H,{context:e.context},n.__v),e.v)}function Y(n,e){var r=g(Z,{__v:n,h:e});return r.containerInfo=e,r}(compat_module_z.prototype=new x).__a=function(n){var t=this,e=compat_module_P(t.__v),r=t.l.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),compat_module_B(t,n,r)):u()};e?e(o):o()}},compat_module_z.prototype.render=function(n){this.i=null,this.l=new Map;var t=L(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.l.set(t[e],this.i=[1,0,this.i]);return n.children},compat_module_z.prototype.componentDidUpdate=compat_module_z.prototype.componentDidMount=function(){var n=this;this.l.forEach(function(t,e){compat_module_B(n,e,t)})};var compat_module_$="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_q=/^(?: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_G=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,compat_module_J=/[A-Z0-9]/g,K="undefined"!=typeof document,Q=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function X(n,t,e){return null==t.__k&&(t.textContent=""),D(n,t),"function"==typeof e&&e(),n?n.__c:null}function nn(n,t,e){return E(n,t),"function"==typeof e&&e(),n?n.__c:null}x.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(x.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var tn=l.event;function en(){}function rn(){return this.cancelBubble}function un(){return this.defaultPrevented}l.event=function(n){return tn&&(n=tn(n)),n.persist=en,n.isPropagationStopped=rn,n.isDefaultPrevented=un,n.nativeEvent=n};var on,cn={enumerable:!1,configurable:!0,get:function(){return this.class}},fn=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||K&&"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||Q(t.type)?"onfocus"===f?i="onfocusin":"onblur"===f?i="onfocusout":compat_module_G.test(i)&&(i=f):f=i="oninput":o&&compat_module_q.test(i)?i=i.replace(compat_module_J,"-$&").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=L(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),"select"==e&&null!=u.defaultValue&&(u.value=L(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",cn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_$,fn&&fn(n)};var ln=l.__r;l.__r=function(n){ln&&ln(n),on=n.__c};var an=l.diffed;l.diffed=function(n){an&&an(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),on=null};var sn={ReactCurrentDispatcher:{current:{readContext:function(n){return on.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:R,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:compat_module_k,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_p,useRef:hooks_module_A,useState:hooks_module_h,useSyncExternalStore:compat_module_E,useTransition:compat_module_w}}},hn="18.3.1";function vn(n){return g.bind(null,n)}function dn(n){return!!n&&n.$$typeof===compat_module_$}function pn(n){return dn(n)&&n.type===k}function mn(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function yn(n){return dn(n)?G.apply(null,arguments):n}function _n(n){return!!n.__k&&(D(null,n),!0)}function bn(n){return n&&(n.base||1===n.nodeType&&n)||null}var Sn=function(n,t){return n(t)},gn=function(n,t){return n(t)},En=k,Cn=dn,xn={useState:hooks_module_h,useId:hooks_module_g,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:compat_module_k,useTransition:compat_module_w,useDeferredValue:R,useSyncExternalStore:compat_module_E,startTransition:compat_module_x,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_L,render:X,hydrate:nn,unmountComponentAtNode:_n,createPortal:Y,createElement:g,createContext:J,createFactory:vn,cloneElement:yn,createRef:b,Fragment:k,isValidElement:dn,isElement:Cn,isFragment:pn,isMemo:mn,findDOMNode:bn,Component:x,PureComponent:compat_module_I,memo:compat_module_N,forwardRef:compat_module_A,flushSync:gn,unstable_batchedUpdates:Sn,StrictMode:En,Suspense:W,SuspenseList:compat_module_z,lazy:compat_module_j,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:sn};
 //# sourceMappingURL=compat.module.js.map
 
 // EXTERNAL MODULE: external {"root":"Survey","commonjs2":"survey-core","commonjs":"survey-core","amd":"survey-core"}
@@ -2328,7 +2328,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     };
     SurveyElementBase.renderQuestionDescription = function (question) {
         var descriptionText = SurveyElementBase.renderLocString(question.locDescription);
-        return _("div", { style: question.hasDescription ? undefined : { display: "none" }, id: question.ariaDescriptionId, className: question.cssDescription }, descriptionText);
+        return g("div", { style: question.hasDescription ? undefined : { display: "none" }, id: question.ariaDescriptionId, className: question.cssDescription }, descriptionText);
     };
     SurveyElementBase.prototype.componentDidMount = function () {
         this.makeBaseElementsReact();
@@ -2509,7 +2509,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
         });
     };
     return SurveyElementBase;
-}(k));
+}(x));
 
 var ReactSurveyElement = /** @class */ (function (_super) {
     __extends(ReactSurveyElement, _super);
@@ -2688,7 +2688,7 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
     function SurveyRowElement(props) {
         var _this = _super.call(this, props) || this;
         _this.element.cssClasses;
-        _this.rootRef = m();
+        _this.rootRef = b();
         return _this;
     }
     SurveyRowElement.prototype.getStateElement = function () {
@@ -2770,7 +2770,7 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
                 el.focusIn();
             }
         };
-        return (_("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, innerElement));
+        return (g("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;
@@ -2818,7 +2818,7 @@ var row_SurveyRow = /** @class */ (function (_super) {
     row_extends(SurveyRow, _super);
     function SurveyRow(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = m();
+        _this.rootRef = b();
         _this.recalculateCss();
         return _this;
     }
@@ -2864,9 +2864,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 (_(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
+            return (g(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
         });
-        return (_("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
+        return (g("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
     };
     SurveyRow.prototype.renderElement = function () {
         var survey = this.survey;
@@ -2950,7 +2950,7 @@ var panel_base_SurveyPanelBase = /** @class */ (function (_super) {
     panel_base_extends(SurveyPanelBase, _super);
     function SurveyPanelBase(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = m();
+        _this.rootRef = b();
         return _this;
     }
     SurveyPanelBase.prototype.getStateElement = function () {
@@ -3038,7 +3038,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 (_(row_SurveyRow, { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
+        return (g(row_SurveyRow, { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
     };
     return SurveyPanelBase;
 }(reactquestion_element_SurveyElementBase));
@@ -3898,18 +3898,18 @@ var reactquestion_comment_SurveyQuestionComment = /** @class */ (function (_supe
     SurveyQuestionComment.prototype.renderCharacterCounter = function () {
         var counter = null;
         if (!!this.question.getMaxLength()) {
-            counter = _(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter });
+            counter = g(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter });
         }
         return counter;
     };
     SurveyQuestionComment.prototype.renderElement = function () {
         if (this.question.isReadOnlyRenderDiv()) {
-            return _("div", null, this.question.value);
+            return g("div", null, this.question.value);
         }
         var counter = this.renderCharacterCounter();
         var textAreaModel = this.props.question.textAreaModel;
-        return (_(b, null,
-            _(text_area_TextAreaComponent, { viewModel: textAreaModel }),
+        return (g(k, null,
+            g(text_area_TextAreaComponent, { viewModel: textAreaModel }),
             counter));
     };
     return SurveyQuestionComment;
@@ -3932,9 +3932,9 @@ var reactquestion_comment_SurveyQuestionCommentItem = /** @class */ (function (_
         var question = this.props.question;
         if (question.isReadOnlyRenderDiv()) {
             var comment = this.textAreaModel.getTextValue() || "";
-            return _("div", null, comment);
+            return g("div", null, comment);
         }
-        return (_(text_area_TextAreaComponent, { viewModel: this.textAreaModel }));
+        return (g(text_area_TextAreaComponent, { viewModel: this.textAreaModel }));
     };
     return SurveyQuestionCommentItem;
 }(ReactSurveyElement));
@@ -3951,7 +3951,7 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
 }(reactquestion_comment_SurveyQuestionCommentItem));
 
 ReactQuestionFactory.Instance.registerQuestion("comment", function (props) {
-    return _(reactquestion_comment_SurveyQuestionComment, props);
+    return g(reactquestion_comment_SurveyQuestionComment, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/custom-widget.tsx
@@ -3976,7 +3976,7 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
     custom_widget_extends(SurveyCustomWidget, _super);
     function SurveyCustomWidget(props) {
         var _this = _super.call(this, props) || this;
-        _this.widgetRef = m();
+        _this.widgetRef = b();
         return _this;
     }
     SurveyCustomWidget.prototype._afterRender = function () {
@@ -4017,7 +4017,7 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
     SurveyCustomWidget.prototype.renderElement = function () {
         var customWidget = this.questionBase.customWidget;
         if (customWidget.isDefaultRender) {
-            return (_("div", { ref: this.widgetRef }, this.creator.createQuestionElement(this.questionBase)));
+            return (g("div", { ref: this.widgetRef }, this.creator.createQuestionElement(this.questionBase)));
         }
         var widget = null;
         if (customWidget.widgetJson.render) {
@@ -4026,10 +4026,10 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
         else {
             if (customWidget.htmlTemplate) {
                 var htmlValue = { __html: customWidget.htmlTemplate };
-                return _("div", { ref: this.widgetRef, dangerouslySetInnerHTML: htmlValue });
+                return g("div", { ref: this.widgetRef, dangerouslySetInnerHTML: htmlValue });
             }
         }
-        return _("div", { ref: this.widgetRef }, widget);
+        return g("div", { ref: this.widgetRef }, widget);
     };
     return SurveyCustomWidget;
 }(reactquestion_element_SurveyQuestionElementBase));
@@ -4116,7 +4116,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
     function SurveyQuestion(props) {
         var _this = _super.call(this, props) || this;
         _this.isNeedFocus = false;
-        _this.rootRef = m();
+        _this.rootRef = b();
         return _this;
     }
     SurveyQuestion.renderQuestionBody = function (creator, question) {
@@ -4125,7 +4125,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
         if (!customWidget) {
             return creator.createQuestionElement(question);
         }
-        return _(custom_widget_SurveyCustomWidget, { creator: creator, question: question });
+        return g(custom_widget_SurveyCustomWidget, { creator: creator, question: question });
     };
     SurveyQuestion.prototype.getStateElement = function () {
         return this.question;
@@ -4205,7 +4205,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
         var descriptionUnderInput = question.hasDescriptionUnderInput
             ? this.renderDescription()
             : null;
-        return (_("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
+        return (g("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
             errorsTop,
             questionRender,
             comment,
@@ -4226,8 +4226,8 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
             : null;
         var rootStyle = question.getRootStyle();
         var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
-        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 },
+        return (g(k, null,
+            g("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,
@@ -4258,21 +4258,21 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
     };
     SurveyQuestion.prototype.renderComment = function (cssClasses) {
         var commentText = reactquestion_element_SurveyElementBase.renderLocString(this.question.locCommentText);
-        return (_("div", { className: this.question.getCommentAreaCss() },
-            _("div", null, commentText),
-            _(reactquestion_comment_SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
+        return (g("div", { className: this.question.getCommentAreaCss() },
+            g("div", null, commentText),
+            g(reactquestion_comment_SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
     };
     SurveyQuestion.prototype.renderHeader = function (question) {
-        return _(element_header_SurveyElementHeader, { element: question });
+        return g(element_header_SurveyElementHeader, { element: question });
     };
     SurveyQuestion.prototype.renderErrors = function (cssClasses, location) {
-        return (_(reactquestion_SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
+        return (g(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 _(reactquestion_SurveyQuestion, props);
+    return g(reactquestion_SurveyQuestion, props);
 });
 var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
     reactquestion_extends(SurveyElementErrors, _super);
@@ -4324,7 +4324,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 (_("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
+        return (g("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
     };
     return SurveyElementErrors;
 }(ReactSurveyElement));
@@ -4375,7 +4375,7 @@ var reactquestion_SurveyQuestionAndErrorsWrapped = /** @class */ (function (_sup
     };
     SurveyQuestionAndErrorsWrapped.prototype.renderContent = function () {
         var renderedQuestion = this.renderQuestion();
-        return (_(b, null, renderedQuestion));
+        return (g(k, null, renderedQuestion));
     };
     SurveyQuestionAndErrorsWrapped.prototype.getShowErrors = function () {
         return this.question.isVisible;
@@ -4390,7 +4390,7 @@ var reactquestion_SurveyQuestionAndErrorsCell = /** @class */ (function (_super)
     reactquestion_extends(SurveyQuestionAndErrorsCell, _super);
     function SurveyQuestionAndErrorsCell(props) {
         var _this = _super.call(this, props) || this;
-        _this.cellRef = m();
+        _this.cellRef = b();
         return _this;
     }
     SurveyQuestionAndErrorsCell.prototype.componentWillUnmount = function () {
@@ -4403,13 +4403,13 @@ var reactquestion_SurveyQuestionAndErrorsCell = /** @class */ (function (_super)
         }
     };
     SurveyQuestionAndErrorsCell.prototype.renderCellContent = function () {
-        return (_("div", { className: this.props.cell.cellQuestionWrapperClassName }, this.renderQuestion()));
+        return (g("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 (_("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 (g("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;
@@ -4479,10 +4479,10 @@ var reactquestion_SurveyQuestionErrorCell = /** @class */ (function (_super) {
         }
     };
     SurveyQuestionErrorCell.prototype.render = function () {
-        return _(reactquestion_SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
+        return g(reactquestion_SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
     };
     return SurveyQuestionErrorCell;
-}(k));
+}(x));
 
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/page.tsx
@@ -4529,21 +4529,21 @@ var page_SurveyPage = /** @class */ (function (_super) {
         var title = this.renderTitle();
         var description = this.renderDescription();
         var rows = this.renderRows(this.panelBase.cssClasses);
-        var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
-        return (_("div", { ref: this.rootRef, className: this.page.cssRoot },
+        var errors = (g(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
+        return (g("div", { ref: this.rootRef, className: this.page.cssRoot },
             title,
             description,
             errors,
             rows));
     };
     SurveyPage.prototype.renderTitle = function () {
-        return _(title_element_TitleElement, { element: this.page });
+        return g(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 (_("div", { className: this.panelBase.cssClasses.page.description }, text));
+        return (g("div", { className: this.panelBase.cssClasses.page.description }, text));
     };
     return SurveyPage;
 }(panel_base_SurveyPanelBase));
@@ -4972,7 +4972,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         _this.isSurveyUpdated = false;
         _this.createSurvey(props);
         _this.updateSurvey(props, {});
-        _this.rootRef = m();
+        _this.rootRef = b();
         _this.rootNodeId = props.id || null;
         _this.rootNodeClassName = props.className || "";
         return _this;
@@ -5051,30 +5051,30 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         else {
             renderResult = this.renderSurvey();
         }
-        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 backgroundImage = !!this.survey.backgroundImage ? g("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
+        var header = this.survey.headerView === "basic" ? g(survey_header_SurveyHeader, { survey: this.survey }) : null;
         var onSubmit = function (event) {
             event.preventDefault();
         };
-        var customHeader = _("div", { className: "sv_custom_header" });
+        var customHeader = g("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 (_("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 },
+        return (g("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 ? g(svgbundle_SvgBundleComponent, null) : null,
+            g(popup_modal_PopupModal, null),
+            g("div", { className: this.survey.wrapperFormCss },
                 backgroundImage,
-                _("form", { onSubmit: onSubmit },
+                g("form", { onSubmit: onSubmit },
                     customHeader,
-                    _("div", { className: this.css.container },
+                    g("div", { className: this.css.container },
                         header,
-                        _(components_container_ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
+                        g(components_container_ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
                         renderResult,
-                        _(components_container_ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
-                _(notifier_NotifierComponent, { notifier: this.survey.notifier }))));
+                        g(components_container_ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
+                g(notifier_NotifierComponent, { notifier: this.survey.notifier }))));
     };
     Survey.prototype.renderElement = function () {
         return this.doRender();
@@ -5093,17 +5093,17 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         if (!this.survey.showCompletedPage)
             return null;
         var htmlValue = { __html: this.survey.processedCompletedHtml };
-        return (_(b, null,
-            _("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
-            _(components_container_ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
+        return (g(k, null,
+            g("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
+            g(components_container_ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
     };
     Survey.prototype.renderCompletedBefore = function () {
         var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
-        return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
+        return (g("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
     };
     Survey.prototype.renderLoading = function () {
         var htmlValue = { __html: this.survey.processedLoadingHtml };
-        return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
+        return (g("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
     };
     Survey.prototype.renderSurvey = function () {
         var activePage = this.survey.activePage
@@ -5116,22 +5116,22 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
         if (!!this.survey.renderedWidth) {
             style.maxWidth = this.survey.renderedWidth;
         }
-        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" }),
+        return (g("div", { className: this.survey.bodyContainerCss },
+            g(components_container_ComponentsContainer, { survey: this.survey, container: "left" }),
+            g("div", { className: "sv-components-column sv-components-column--expandable" },
+                g(components_container_ComponentsContainer, { survey: this.survey, container: "center" }),
+                g("div", { id: pageId, className: className, style: style },
+                    g(components_container_ComponentsContainer, { survey: this.survey, container: "contentTop" }),
                     activePage,
-                    _(components_container_ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
-                    this.survey.showBrandInfo ? _(brand_info_BrandInfo, null) : null)),
-            _(components_container_ComponentsContainer, { survey: this.survey, container: "right" })));
+                    g(components_container_ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
+                    this.survey.showBrandInfo ? g(brand_info_BrandInfo, null) : null)),
+            g(components_container_ComponentsContainer, { survey: this.survey, container: "right" })));
     };
     Survey.prototype.renderPage = function (page) {
-        return (_(page_SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
+        return (g(page_SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
     };
     Survey.prototype.renderEmptySurvey = function () {
-        return _("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
+        return g("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
     };
     Survey.prototype.createSurvey = function (newProps) {
         if (!newProps)
@@ -5224,7 +5224,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
 }(reactquestion_element_SurveyElementBase));
 
 ReactElementFactory.Instance.registerElement("survey", function (props) {
-    return _(reactSurvey_Survey, props);
+    return g(reactSurvey_Survey, props);
 });
 function attachKey2click(element, viewModel, options) {
     if (options === void 0) { options = { processEsc: true, disableTabStop: false }; }
@@ -5300,7 +5300,7 @@ var SurveyNavigationBase = /** @class */ (function (_super) {
         }
     };
     return SurveyNavigationBase;
-}(k));
+}(x));
 
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reacttimerpanel.tsx
@@ -5351,16 +5351,16 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
         if (!this.timerModel.isRunning) {
             return null;
         }
-        var result = _("div", { className: this.timerModel.survey.getCss().timerRoot }, this.timerModel.text);
+        var result = g("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 ? _(svg_icon_SvgIcon, { className: this.timerModel.getProgressCss(), style: style, iconName: "icon-timercircle", size: "auto" }) : null);
+            var progress = (this.timerModel.showProgress ? g(svg_icon_SvgIcon, { className: this.timerModel.getProgressCss(), style: style, iconName: "icon-timercircle", size: "auto" }) : null);
             result =
-                (_("div", { className: this.timerModel.rootCss },
+                (g("div", { className: this.timerModel.rootCss },
                     progress,
-                    _("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))));
+                    g("div", { className: this.timerModel.textContainerCss },
+                        g("span", { className: this.timerModel.majorTextCss }, this.timerModel.clockMajorText),
+                        (this.timerModel.clockMinorText ? g("span", { className: this.timerModel.minorTextCss }, this.timerModel.clockMinorText) : null))));
         }
         return result;
     };
@@ -5368,7 +5368,7 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("sv-timerpanel", function (props) {
-    return _(reacttimerpanel_SurveyTimerPanel, props);
+    return g(reacttimerpanel_SurveyTimerPanel, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/panel.tsx
@@ -5413,7 +5413,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
     SurveyPanel.prototype.renderElement = function () {
         var _this = this;
         var header = this.renderHeader();
-        var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
+        var errors = (g(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
         var style = {
             paddingLeft: this.panel.innerPaddingLeft,
             display: this.panel.renderedIsExpanded ? undefined : "none",
@@ -5429,7 +5429,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
             if (_this.panelBase)
                 _this.panelBase.focusIn();
         };
-        return (_("div", { ref: this.rootRef, className: this.panelBase.getContainerCss(), onFocus: focusIn, id: this.panelBase.id },
+        return (g("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,
@@ -5439,7 +5439,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
         if (!this.panel.hasTitle && !this.panel.hasDescription) {
             return null;
         }
-        return _(element_header_SurveyElementHeader, { element: this.panel });
+        return g(element_header_SurveyElementHeader, { element: this.panel });
     };
     SurveyPanel.prototype.wrapElement = function (element) {
         var survey = this.panel.survey;
@@ -5451,26 +5451,26 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
     };
     SurveyPanel.prototype.renderContent = function (style, rows, className) {
         var bottom = this.renderBottom();
-        return (_("div", { style: style, className: className, id: this.panel.contentId },
+        return (g("div", { style: style, className: className, id: this.panel.contentId },
             rows,
             bottom));
     };
     SurveyPanel.prototype.renderTitle = function () {
         if (!this.panelBase.title)
             return null;
-        return _(title_element_TitleElement, { element: this.panelBase });
+        return g(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 (_("div", { className: this.panel.cssClasses.panel.description }, text));
+        return (g("div", { className: this.panel.cssClasses.panel.description }, text));
     };
     SurveyPanel.prototype.renderBottom = function () {
         var footerToolbar = this.panel.getFooterToolbar();
         if (!footerToolbar.hasActions)
             return null;
-        return _(action_bar_SurveyActionBar, { model: footerToolbar });
+        return g(action_bar_SurveyActionBar, { model: footerToolbar });
     };
     SurveyPanel.prototype.getIsVisible = function () {
         return this.panelBase.getIsContentVisible();
@@ -5479,7 +5479,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
 }(panel_base_SurveyPanelBase));
 
 ReactElementFactory.Instance.registerElement("panel", function (props) {
-    return _(panel_SurveyPanel, props);
+    return g(panel_SurveyPanel, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/flow-panel.tsx
@@ -5554,7 +5554,7 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
         var html = "<span>" + this.flowPanel.produceHtml() + "</span>";
         if (!DOMParser) {
             var htmlValue = { __html: html };
-            return _("div", { dangerouslySetInnerHTML: htmlValue });
+            return g("div", { dangerouslySetInnerHTML: htmlValue });
         }
         var doc = new DOMParser().parseFromString(html, "text/xml");
         this.renderedIndex = 0;
@@ -5587,8 +5587,8 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
         var nodeType = node.nodeName.toLowerCase();
         var children = this.renderNodes(this.getChildDomNodes(node));
         if (nodeType === "div")
-            return _("div", { key: this.getNodeIndex() }, children);
-        return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, children));
+            return g("div", { key: this.getNodeIndex() }, children);
+        return (g("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, children));
     };
     SurveyFlowPanel.prototype.renderNode = function (node) {
         if (!this.hasTextChildNodesOnly(node)) {
@@ -5599,13 +5599,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
             var question = this.flowPanel.getQuestionByName(node.textContent);
             if (!question)
                 return null;
-            var questionBody = (_(reactquestion_SurveyQuestion, { key: question.name, element: question, creator: this.creator, css: this.css }));
-            return _("span", { key: this.getNodeIndex() }, questionBody);
+            var questionBody = (g(reactquestion_SurveyQuestion, { key: question.name, element: question, creator: this.creator, css: this.css }));
+            return g("span", { key: this.getNodeIndex() }, questionBody);
         }
         if (nodeType === "div") {
-            return _("div", { key: this.getNodeIndex() }, node.textContent);
+            return g("div", { key: this.getNodeIndex() }, node.textContent);
         }
-        return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, node.textContent));
+        return (g("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, node.textContent));
     };
     SurveyFlowPanel.prototype.getChildDomNodes = function (node) {
         var domNodes = [];
@@ -5623,13 +5623,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
         return true;
     };
     SurveyFlowPanel.prototype.renderContent = function (style, rows) {
-        return _("f-panel", { style: style }, rows);
+        return g("f-panel", { style: style }, rows);
     };
     return SurveyFlowPanel;
 }(panel_SurveyPanel));
 
 ReactElementFactory.Instance.registerElement("flowpanel", function (props) {
-    return _(flow_panel_SurveyFlowPanel, props);
+    return g(flow_panel_SurveyFlowPanel, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_checkbox.tsx
@@ -5669,8 +5669,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
     SurveyQuestionCheckbox.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
-        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),
+        return (g("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 },
+            g("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.getHeader(),
             this.question.hasColumns
                 ? this.getColumnedBody(cssClasses)
@@ -5695,7 +5695,7 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
         }
     };
     SurveyQuestionCheckbox.prototype.getColumnedBody = function (cssClasses) {
-        return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
+        return (g("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
     };
     SurveyQuestionCheckbox.prototype.getColumns = function (cssClasses) {
         var _this = this;
@@ -5703,15 +5703,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 (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
+            return (g("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 _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
+            return g("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
         }
         else
-            return _(b, null, this.getItems(cssClasses, this.question.bodyItems));
+            return g(k, null, this.getItems(cssClasses, this.question.bodyItems));
     };
     SurveyQuestionCheckbox.prototype.getItems = function (cssClasses, choices) {
         var renderedItems = [];
@@ -5734,8 +5734,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
     });
     SurveyQuestionCheckbox.prototype.renderOther = function () {
         var cssClasses = this.question.cssClasses;
-        return (_("div", { className: this.question.getCommentAreaCss(true) },
-            _(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
+        return (g("div", { className: this.question.getCommentAreaCss(true) },
+            g(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, {
@@ -5765,7 +5765,7 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
         _this.handleOnChange = function (event) {
             _this.question.clickItemHandler(_this.item, event.target.checked);
         };
-        _this.rootRef = m();
+        _this.rootRef = b();
         return _this;
     }
     SurveyQuestionCheckboxItem.prototype.getStateElement = function () {
@@ -5850,14 +5850,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 ? _("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() }),
+        var itemLabel = !this.hideCaption ? g("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
+        return (g("div", { className: itemClass, role: "presentation", ref: this.rootRef },
+            g("label", { className: labelClass },
+                g("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 ?
-                    _("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                        _("svg", { className: this.cssClasses.itemDecorator },
-                            _("use", { xlinkHref: this.question.itemSvgIcon })) :
+                    g("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
+                        g("svg", { className: this.cssClasses.itemDecorator },
+                            g("use", { xlinkHref: this.question.itemSvgIcon })) :
                         null) :
                     null,
                 itemLabel),
@@ -5879,10 +5879,10 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("survey-checkbox-item", function (props) {
-    return _(reactquestion_checkbox_SurveyQuestionCheckboxItem, props);
+    return g(reactquestion_checkbox_SurveyQuestionCheckboxItem, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("checkbox", function (props) {
-    return _(reactquestion_checkbox_SurveyQuestionCheckbox, props);
+    return g(reactquestion_checkbox_SurveyQuestionCheckbox, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_ranking.tsx
@@ -5921,21 +5921,21 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
     SurveyQuestionRanking.prototype.renderElement = function () {
         var _this = this;
         if (!this.question.selectToRankEnabled) {
-            return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
+            return (g("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
         }
         else {
             var unrankedItem = true;
-            return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
-                _("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
+            return (g("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
+                g("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
                     this.getItems(this.question.renderedUnRankingChoices, unrankedItem),
-                    this.question.renderedUnRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
+                    this.question.renderedUnRankingChoices.length === 0 ? g("div", { className: this.question.cssClasses.containerPlaceholder },
                         " ",
                         this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText),
                         " ") : null),
-                _("div", { className: this.question.cssClasses.containersDivider }),
-                _("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
+                g("div", { className: this.question.cssClasses.containersDivider }),
+                g("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
                     this.getItems(),
-                    this.question.renderedRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
+                    this.question.renderedRankingChoices.length === 0 ? g("div", { className: this.question.cssClasses.containerPlaceholder },
                         " ",
                         this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText),
                         " ") : null)));
@@ -5971,7 +5971,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 = (_(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 = (g(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) {
@@ -6072,21 +6072,21 @@ var reactquestion_ranking_SurveyQuestionRankingItem = /** @class */ (function (_
         configurable: true
     });
     SurveyQuestionRankingItem.prototype.renderEmptyIcon = function () {
-        return (_("svg", null,
-            _("use", { xlinkHref: this.question.dashSvgIcon })));
+        return (g("svg", null,
+            g("use", { xlinkHref: this.question.dashSvgIcon })));
     };
     SurveyQuestionRankingItem.prototype.renderElement = function () {
         var itemContent = ReactElementFactory.Instance.createElement(this.question.itemComponent, { item: this.item, cssClasses: this.cssClasses });
-        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()),
+        return (g("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
+            g("div", { tabIndex: -1, style: { outline: "none" } },
+                g("div", { className: this.cssClasses.itemGhostNode }),
+                g("div", { className: this.cssClasses.itemContent },
+                    g("div", { className: this.cssClasses.itemIconContainer },
+                        g("svg", { className: this.question.getIconHoverCss() },
+                            g("use", { xlinkHref: this.question.dragDropSvgIcon })),
+                        g("svg", { className: this.question.getIconFocusCss() },
+                            g("use", { xlinkHref: this.question.arrowsSvgIcon }))),
+                    g("div", { className: this.question.getItemIndexClasses(this.item) }, (!this.unrankedItem && this.indexText) ? this.indexText : this.renderEmptyIcon()),
                     itemContent))));
     };
     return SurveyQuestionRankingItem;
@@ -6112,16 +6112,16 @@ var reactquestion_ranking_SurveyQuestionRankingItemContent = /** @class */ (func
         configurable: true
     });
     SurveyQuestionRankingItemContent.prototype.renderElement = function () {
-        return _("div", { className: this.cssClasses.controlLabel }, reactquestion_element_SurveyElementBase.renderLocString(this.item.locText));
+        return g("div", { className: this.cssClasses.controlLabel }, reactquestion_element_SurveyElementBase.renderLocString(this.item.locText));
     };
     return SurveyQuestionRankingItemContent;
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("sv-ranking-item", function (props) {
-    return _(reactquestion_ranking_SurveyQuestionRankingItemContent, props);
+    return g(reactquestion_ranking_SurveyQuestionRankingItemContent, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("ranking", function (props) {
-    return _(reactquestion_ranking_SurveyQuestionRanking, props);
+    return g(reactquestion_ranking_SurveyQuestionRanking, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/rating/rating-item.tsx
@@ -6409,22 +6409,22 @@ var tagbox_filter_TagboxFilterString = /** @class */ (function (_super) {
     };
     TagboxFilterString.prototype.render = function () {
         var _this = this;
-        return (_("div", { className: this.question.cssClasses.hint },
+        return (g("div", { className: this.question.cssClasses.hint },
             this.model.showHintPrefix ?
-                (_("div", { className: this.question.cssClasses.hintPrefix },
-                    _("span", null, this.model.hintStringPrefix))) : null,
-            _("div", { className: this.question.cssClasses.hintSuffixWrapper },
+                (g("div", { className: this.question.cssClasses.hintPrefix },
+                    g("span", null, this.model.hintStringPrefix))) : null,
+            g("div", { className: this.question.cssClasses.hintSuffixWrapper },
                 this.model.showHintString ?
-                    (_("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); } }))));
+                    (g("div", { className: this.question.cssClasses.hintSuffix },
+                        g("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
+                        g("span", null, this.model.hintStringSuffix))) : null,
+                g("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 _(tagbox_filter_TagboxFilterString, props);
+    return g(tagbox_filter_TagboxFilterString, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-item.tsx
@@ -6489,7 +6489,7 @@ var dropdown_item_SurveyQuestionOptionItem = /** @class */ (function (_super) {
         return !!this.item;
     };
     SurveyQuestionOptionItem.prototype.renderElement = function () {
-        return (_("option", { value: this.item.value, disabled: !this.item.isEnabled }, this.item.text));
+        return (g("option", { value: this.item.value, disabled: !this.item.isEnabled }, this.item.text));
     };
     return SurveyQuestionOptionItem;
 }(ReactSurveyElement));
@@ -6557,7 +6557,7 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
         return this.questionBase.renderedValue;
     };
     SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
-        return _("div", null, this.question.readOnlyText);
+        return g("div", null, this.question.readOnlyText);
     };
     SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
         var _a, _b;
@@ -6566,16 +6566,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 = _("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 = g("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 = _(b, null,
+            selectElement = g(k, null,
                 this.renderInput(this.question["dropdownListModel"]),
-                _(popup_Popup, { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
+                g(popup_Popup, { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
         }
-        return (_("div", { className: cssClasses.selectWrapper, onClick: this.click },
+        return (g("div", { className: cssClasses.selectWrapper, onClick: this.click },
             selectElement,
             this.createChevronButton()));
     };
@@ -6597,38 +6597,38 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
                 dropdownListModel.inputStringRendered = e.target.value;
             }
         };
-        return (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
+        return (g("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 ?
-                (_("div", { className: this.question.cssClasses.hintPrefix },
-                    _("span", null, dropdownListModel.hintStringPrefix))) : null,
-            _("div", { className: this.question.cssClasses.controlValue },
+                (g("div", { className: this.question.cssClasses.hintPrefix },
+                    g("span", null, dropdownListModel.hintStringPrefix))) : null,
+            g("div", { className: this.question.cssClasses.controlValue },
                 dropdownListModel.showHintString ?
-                    (_("div", { className: this.question.cssClasses.hintSuffix },
-                        _("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
-                        _("span", null, dropdownListModel.hintStringSuffix))) : null,
+                    (g("div", { className: this.question.cssClasses.hintSuffix },
+                        g("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
+                        g("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
-                _("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 })),
+                g("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 (_("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" })));
+        return (g("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
+            g(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 (_("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" })));
+        return (g("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
+            g(svg_icon_SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
-        return (_("div", { className: this.question.getCommentAreaCss(true) },
-            _(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
+        return (g("div", { className: this.question.getCommentAreaCss(true) },
+            g(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);
@@ -6684,7 +6684,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 (_("div", { className: this.question.renderCssRoot },
+        return (g("div", { className: this.question.renderCssRoot },
             select,
             comment));
     };
@@ -6692,7 +6692,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
 }(dropdown_base_SurveyQuestionDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("dropdown", function (props) {
-    return _(reactquestion_dropdown_SurveyQuestionDropdown, props);
+    return g(reactquestion_dropdown_SurveyQuestionDropdown, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/tagbox-item.tsx
@@ -6743,10 +6743,10 @@ var tagbox_item_SurveyQuestionTagboxItem = /** @class */ (function (_super) {
             _this.question.dropdownListModel.deselectItem(_this.item.value);
             event.stopPropagation();
         };
-        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 (g("div", { className: "sv-tagbox__item" },
+            g("div", { className: "sv-tagbox__item-text" }, text),
+            g("div", { className: this.question.cssClasses.cleanItemButton, onClick: removeItem },
+                g(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanItemButtonSvg, iconName: this.question.cssClasses.cleanItemButtonIconId, size: "auto" }))));
     };
     return SurveyQuestionTagboxItem;
 }(ReactSurveyElement));
@@ -6779,27 +6779,27 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
         return _super.call(this, props) || this;
     }
     SurveyQuestionTagbox.prototype.renderItem = function (key, item) {
-        var renderedItem = (_(tagbox_item_SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
+        var renderedItem = (g(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 (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
+        return (g("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 },
-            _("div", { className: this.question.cssClasses.controlValue },
+            g("div", { className: this.question.cssClasses.controlValue },
                 items,
-                _(tagbox_filter_TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
+                g(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 (_("div", { className: this.question.renderCssRoot },
+        return (g("div", { className: this.question.renderCssRoot },
             select,
             comment));
     };
@@ -6815,7 +6815,7 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
 }(dropdown_base_SurveyQuestionDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("tagbox", function (props) {
-    return _(reactquestion_tagbox_SurveyQuestionTagbox, props);
+    return g(reactquestion_tagbox_SurveyQuestionTagbox, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-select.tsx
@@ -6855,11 +6855,11 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
         var selectElement = this.isDisplayMode ? (
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        _("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 },
+        g("div", { id: this.question.inputId, className: this.question.getControlClass(), disabled: true }, this.question.readOnlyText)) :
+            (g("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 ? (g("option", { value: "" }, this.question.placeholder)) : null,
+                this.question.visibleChoices.map(function (item, i) { return g(dropdown_item_SurveyQuestionOptionItem, { key: "item" + i, item: item }); })));
+        return (g("div", { className: cssClasses.selectWrapper },
             selectElement,
             this.createChevronButton()));
     };
@@ -6867,7 +6867,7 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
 }(reactquestion_dropdown_SurveyQuestionDropdown));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-dropdown-select", function (props) {
-    return _(dropdown_select_SurveyQuestionDropdownSelect, props);
+    return g(dropdown_select_SurveyQuestionDropdownSelect, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("dropdown", "select", "sv-dropdown-select");
 
@@ -6924,7 +6924,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 ? _("td", null) : null;
+        var rowsTH = this.question.hasRows ? g("td", null) : null;
         var headers = [];
         for (var i = 0; i < this.question.visibleColumns.length; i++) {
             var column = this.question.visibleColumns[i];
@@ -6935,25 +6935,25 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
                 style.minWidth = this.question.columnMinWidth;
                 style.width = this.question.columnMinWidth;
             }
-            headers.push(_("th", { className: this.question.cssClasses.headerCell, style: style, key: key }, this.wrapCell({ column: column }, columText, "column-header")));
+            headers.push(g("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(_(reactquestion_matrix_SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
+            rows.push(g(reactquestion_matrix_SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
         }
-        var header = !this.question.showHeader ? null : (_("thead", null,
-            _("tr", null,
+        var header = !this.question.showHeader ? null : (g("thead", null,
+            g("tr", null,
                 rowsTH,
                 headers)));
-        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() },
+        return (g("div", { className: cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
+            g("fieldset", null,
+                g("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
+                g("table", { className: this.question.getTableCss() },
                     header,
-                    _("tbody", null, rows)))));
+                    g("tbody", null, rows)))));
     };
     return SurveyQuestionMatrix;
 }(reactquestion_element_SurveyQuestionElementBase));
@@ -7005,10 +7005,10 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
                 style.minWidth = this.question.rowTitleWidth;
                 style.width = this.question.rowTitleWidth;
             }
-            rowsTD = _("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
+            rowsTD = g("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
         }
         var tds = this.generateTds();
-        return (_("tr", { className: this.row.rowClasses || undefined },
+        return (g("tr", { className: this.row.rowClasses || undefined },
             rowsTD,
             tds));
     };
@@ -7024,7 +7024,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 = (_("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
+                td = (g("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, {
@@ -7035,7 +7035,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
                     cssClasses: this_1.cssClasses,
                     cellChanged: function () { _this.cellClick(_this.row, column); }
                 });
-                td = (_("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
+                td = (g("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
             }
             tds.push(td);
         };
@@ -7104,27 +7104,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 ?
-            (_("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
+            (g("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
             : undefined;
-        return (_("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
+        return (g("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
             this.renderInput(inputId, isChecked),
-            _("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                _("svg", { className: this.cssClasses.itemDecorator },
-                    _("use", { xlinkHref: this.question.itemSvgIcon })) :
+            g("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
+                g("svg", { className: this.cssClasses.itemDecorator },
+                    g("use", { xlinkHref: this.question.itemSvgIcon })) :
                 null),
             mobileSpan));
     };
     SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
-        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 (g("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 _(reactquestion_matrix_SurveyQuestionMatrixCell, props);
+    return g(reactquestion_matrix_SurveyQuestionMatrixCell, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("matrix", function (props) {
-    return _(reactquestion_matrix_SurveyQuestionMatrix, props);
+    return g(reactquestion_matrix_SurveyQuestionMatrix, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_html.tsx
@@ -7178,13 +7178,13 @@ var reactquestion_html_SurveyQuestionHtml = /** @class */ (function (_super) {
     };
     SurveyQuestionHtml.prototype.renderElement = function () {
         var htmlValue = { __html: this.question.locHtml.renderedHtml };
-        return (_("div", { className: this.question.renderCssRoot, dangerouslySetInnerHTML: htmlValue }));
+        return (g("div", { className: this.question.renderCssRoot, dangerouslySetInnerHTML: htmlValue }));
     };
     return SurveyQuestionHtml;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("html", function (props) {
-    return _(reactquestion_html_SurveyQuestionHtml, props);
+    return g(reactquestion_html_SurveyQuestionHtml, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/loading-indicator.tsx
@@ -7211,11 +7211,11 @@ var loading_indicator_LoadingIndicatorComponent = /** @class */ (function (_supe
         return _super !== null && _super.apply(this, arguments) || this;
     }
     LoadingIndicatorComponent.prototype.render = function () {
-        return (_("div", { className: "sd-loading-indicator" },
-            _(svg_icon_SvgIcon, { iconName: "icon-loading", size: "auto" })));
+        return (g("div", { className: "sd-loading-indicator" },
+            g(svg_icon_SvgIcon, { iconName: "icon-loading", size: "auto" })));
     };
     return LoadingIndicatorComponent;
-}(k));
+}(x));
 
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-choose-button.tsx
@@ -7310,23 +7310,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 ? (_(action_bar_SurveyActionBar, { model: this.question.fileNavigator })) : null;
+        var fileNavigator = this.question.fileNavigatorVisible ? (g(action_bar_SurveyActionBar, { model: this.question.fileNavigator })) : null;
         var fileInput;
         if (this.question.isReadOnlyAttr) {
-            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 });
+            fileInput = g("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 = _("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 = g("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 = _("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 = g("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 (_("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
+        return (g("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
             fileInput,
-            _("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
+            g("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,
@@ -7337,42 +7337,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 ? _(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 },
+        var actionsContainer = this.question.actionsContainerVisible ? g(action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
+        var noFileChosen = this.question.isEmpty() ? (g("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
+        return (g("div", { className: this.question.getFileDecoratorCss() },
+            g("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
+            g("div", { className: this.question.cssClasses.wrapper },
                 chooseButton,
                 actionsContainer,
                 noFileChosen)));
     };
     SurveyQuestionFile.prototype.renderChooseButton = function () {
-        return _(file_choose_button_SurveyFileChooseButton, { data: { question: this.question } });
+        return g(file_choose_button_SurveyFileChooseButton, { data: { question: this.question } });
     };
     SurveyQuestionFile.prototype.renderClearButton = function (className) {
-        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;
+        return !this.question.isUploading ? (g("button", { type: "button", onClick: this.question.doClean, className: className },
+            g("span", null, this.question.clearButtonCaption),
+            (!!this.question.cssClasses.removeButtonIconId) ? g(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 _("div", { className: this.question.cssClasses.loadingIndicator },
-            _(loading_indicator_LoadingIndicatorComponent, null));
+        return g("div", { className: this.question.cssClasses.loadingIndicator },
+            g(loading_indicator_LoadingIndicatorComponent, null));
     };
     SurveyQuestionFile.prototype.renderVideo = function () {
-        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 (g("div", { className: this.question.cssClasses.videoContainer },
+            g(action_bar_item_SurveyAction, { item: this.question.changeCameraAction }),
+            g(action_bar_item_SurveyAction, { item: this.question.closeCameraAction }),
+            g("video", { autoPlay: true, playsInline: true, id: this.question.videoId, className: this.question.cssClasses.video }),
+            g(action_bar_item_SurveyAction, { item: this.question.takePictureAction })));
     };
     return SurveyQuestionFile;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
-    return _(reactquestion_file_SurveyQuestionFile, props);
+    return g(reactquestion_file_SurveyQuestionFile, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-item.tsx
@@ -7590,19 +7590,19 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
                 rows.push(this.renderRow(i, tableRows[i].cells, cssClasses));
             }
         }
-        return (_("table", { className: this.question.getQuestionRootCss() },
-            _("tbody", null, rows)));
+        return (g("table", { className: this.question.getQuestionRootCss() },
+            g("tbody", null, rows)));
     };
     SurveyQuestionMultipleText.prototype.renderCell = function (cell, cssClasses, index) {
         var cellContent;
         var focusIn = function () { cell.item.focusIn(); };
         if (cell.isErrorsCell) {
-            cellContent = _(reactquestion_SurveyQuestionErrorCell, { question: cell.item.editor, creator: this.creator });
+            cellContent = g(reactquestion_SurveyQuestionErrorCell, { question: cell.item.editor, creator: this.creator });
         }
         else {
-            cellContent = _(reactquestion_multipletext_SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
+            cellContent = g(reactquestion_multipletext_SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
         }
-        return (_("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
+        return (g("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
     };
     SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, cells, cssClasses) {
         var key = "item" + rowIndex;
@@ -7611,7 +7611,7 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
             var cell = cells[i];
             tds.push(this.renderCell(cell, cssClasses, i));
         }
-        return (_("tr", { key: key, className: cssClasses.row }, tds));
+        return (g("tr", { key: key, className: cssClasses.row }, tds));
     };
     return SurveyQuestionMultipleText;
 }(reactquestion_element_SurveyQuestionElementBase));
@@ -7653,10 +7653,10 @@ var reactquestion_multipletext_SurveyMultipleTextItem = /** @class */ (function
             titleStyle.minWidth = this.question.itemTitleWidth;
             titleStyle.width = this.question.itemTitleWidth;
         }
-        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 (g("label", { className: this.question.getItemLabelCss(item) },
+            g("span", { className: cssClasses.itemTitle, style: titleStyle },
+                g(title_content_TitleContent, { element: item.editor, cssClasses: item.editor.cssClasses })),
+            g(reactquestion_multipletext_SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
     };
     return SurveyMultipleTextItem;
 }(ReactSurveyElement));
@@ -7667,13 +7667,13 @@ var reactquestion_multipletext_SurveyMultipleTextItemEditor = /** @class */ (fun
         return _super !== null && _super.apply(this, arguments) || this;
     }
     SurveyMultipleTextItemEditor.prototype.renderElement = function () {
-        return _("div", { className: this.itemCss }, this.renderContent());
+        return g("div", { className: this.itemCss }, this.renderContent());
     };
     return SurveyMultipleTextItemEditor;
 }(reactquestion_SurveyQuestionAndErrorsWrapped));
 
 ReactQuestionFactory.Instance.registerQuestion("multipletext", function (props) {
-    return _(reactquestion_multipletext_SurveyQuestionMultipleText, props);
+    return g(reactquestion_multipletext_SurveyQuestionMultipleText, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_radiogroup.tsx
@@ -7715,10 +7715,10 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
         var cssClasses = this.question.cssClasses;
         var clearButton = null;
         if (this.question.showClearButtonInContent) {
-            clearButton = (_("div", null,
-                _("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
+            clearButton = (g("div", null,
+                g("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
         }
-        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 },
+        return (g("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),
@@ -7735,7 +7735,7 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
         }
     };
     SurveyQuestionRadiogroup.prototype.getColumnedBody = function (cssClasses) {
-        return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
+        return (g("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
     };
     SurveyQuestionRadiogroup.prototype.getColumns = function (cssClasses) {
         var _this = this;
@@ -7744,15 +7744,15 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
             var items = column.map(function (item, ii) {
                 return _this.renderItem(item, value, cssClasses, "" + ci + ii);
             });
-            return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
+            return (g("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 _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
+            return g("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
         }
         else
-            return _(b, null, this.getItems(cssClasses, this.question.bodyItems));
+            return g(k, null, this.getItems(cssClasses, this.question.bodyItems));
     };
     SurveyQuestionRadiogroup.prototype.getItems = function (cssClasses, choices) {
         var items = [];
@@ -7772,8 +7772,8 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
         configurable: true
     });
     SurveyQuestionRadiogroup.prototype.renderOther = function (cssClasses) {
-        return (_("div", { className: this.question.getCommentAreaCss(true) },
-            _(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
+        return (g("div", { className: this.question.getCommentAreaCss(true) },
+            g(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, {
@@ -7803,7 +7803,7 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
     reactquestion_radiogroup_extends(SurveyQuestionRadioItem, _super);
     function SurveyQuestionRadioItem(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = m();
+        _this.rootRef = b();
         _this.handleOnChange = _this.handleOnChange.bind(_this);
         _this.handleOnMouseDown = _this.handleOnMouseDown.bind(_this);
         return _this;
@@ -7887,14 +7887,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 ? _("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 }),
+        var itemLabel = !this.hideCaption ? g("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
+        return (g("div", { className: itemClass, role: "presentation", ref: this.rootRef },
+            g("label", { onMouseDown: this.handleOnMouseDown, className: labelClass },
+                g("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 ?
-                    _("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                        _("svg", { className: this.cssClasses.itemDecorator },
-                            _("use", { xlinkHref: this.question.itemSvgIcon })) :
+                    g("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
+                        g("svg", { className: this.cssClasses.itemDecorator },
+                            g("use", { xlinkHref: this.question.itemSvgIcon })) :
                         null) :
                     null,
                 itemLabel)));
@@ -7915,10 +7915,10 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("survey-radiogroup-item", function (props) {
-    return _(reactquestion_radiogroup_SurveyQuestionRadioItem, props);
+    return g(reactquestion_radiogroup_SurveyQuestionRadioItem, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("radiogroup", function (props) {
-    return _(reactquestion_radiogroup_SurveyQuestionRadiogroup, props);
+    return g(reactquestion_radiogroup_SurveyQuestionRadiogroup, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_text.tsx
@@ -7953,11 +7953,11 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
         var inputClass = this.question.getControlClass();
         var placeholder = this.question.renderedPlaceholder;
         if (this.question.isReadOnlyRenderDiv()) {
-            return _("div", null, this.question.inputValue);
+            return g("div", null, this.question.inputValue);
         }
-        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, 
+        var counter = !!this.question.getMaxLength() ? (g(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
+        return (g(k, null,
+            g("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}
@@ -7966,7 +7966,7 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
     };
     SurveyQuestionText.prototype.renderElement = function () {
         return (this.question.dataListId ?
-            _("div", null,
+            g("div", null,
                 this.renderInput(),
                 this.renderDataList()) :
             this.renderInput());
@@ -7985,15 +7985,15 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
             return null;
         var options = [];
         for (var i = 0; i < items.length; i++) {
-            options.push(_("option", { key: "item" + i, value: items[i] }));
+            options.push(g("option", { key: "item" + i, value: items[i] }));
         }
-        return _("datalist", { id: this.question.dataListId }, options);
+        return g("datalist", { id: this.question.dataListId }, options);
     };
     return SurveyQuestionText;
 }(reactquestion_element_SurveyQuestionUncontrolledElement));
 
 ReactQuestionFactory.Instance.registerQuestion("text", function (props) {
-    return _(reactquestion_text_SurveyQuestionText, props);
+    return g(reactquestion_text_SurveyQuestionText, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean.tsx
@@ -8024,7 +8024,7 @@ var boolean_SurveyQuestionBoolean = /** @class */ (function (_super) {
         _this.handleOnLabelClick = _this.handleOnLabelClick.bind(_this);
         _this.handleOnSwitchClick = _this.handleOnSwitchClick.bind(_this);
         _this.handleOnKeyDown = _this.handleOnKeyDown.bind(_this);
-        _this.checkRef = m();
+        _this.checkRef = b();
         return _this;
     }
     SurveyQuestionBoolean.prototype.getStateElement = function () {
@@ -8074,25 +8074,25 @@ var boolean_SurveyQuestionBoolean = /** @class */ (function (_super) {
         var _this = this;
         var cssClasses = this.question.cssClasses;
         var itemClass = this.question.getItemCss();
-        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
+        return (g("div", { className: cssClasses.root, onKeyDown: this.handleOnKeyDown },
+            g("label", { className: itemClass, onClick: this.handleOnClick },
+                g("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 }),
-                _("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()))
+                g("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
+                    g("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
+                g("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
+                    g("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
+                        g("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
                         : null)),
-                _("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))))));
+                g("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
+                    g("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 _(boolean_SurveyQuestionBoolean, props);
+    return g(boolean_SurveyQuestionBoolean, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean-checkbox.tsx
@@ -8127,26 +8127,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 (_("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
+        return (g("div", { className: cssClasses.rootCheckbox },
+            g("div", { className: itemClass },
+                g("label", { className: cssClasses.checkboxLabel },
+                    g("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 }),
-                    _("span", { className: cssClasses.checkboxMaterialDecorator },
+                    g("span", { className: cssClasses.checkboxMaterialDecorator },
                         this.question.svgIcon ?
-                            _("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 })))),
+                            g("svg", { className: cssClasses.checkboxItemDecorator },
+                                g("use", { xlinkHref: this.question.svgIcon })) : null,
+                        g("span", { className: "check" })),
+                    this.question.isLabelRendered && (g("span", { className: cssClasses.checkboxControlLabel, id: this.question.labelRenderedAriaID },
+                        g(title_actions_TitleActions, { element: this.question, cssClasses: this.question.cssClasses })))),
                 description)));
     };
     return SurveyQuestionBooleanCheckbox;
 }(boolean_SurveyQuestionBoolean));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-boolean-checkbox", function (props) {
-    return _(boolean_checkbox_SurveyQuestionBooleanCheckbox, props);
+    return g(boolean_checkbox_SurveyQuestionBooleanCheckbox, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "checkbox", "sv-boolean-checkbox");
 
@@ -8181,24 +8181,24 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
     }
     SurveyQuestionBooleanRadio.prototype.renderRadioItem = function (value, locText) {
         var cssClasses = this.question.cssClasses;
-        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 }),
+        return (g("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
+            g("label", { className: cssClasses.radioLabel },
+                g("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 ?
-                    (_("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)))));
+                    (g("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
+                        (g("svg", { className: cssClasses.itemRadioDecorator },
+                            g("use", { xlinkHref: this.question.itemSvgIcon }))) : null)) : null,
+                g("span", { className: cssClasses.radioControlLabel }, this.renderLocString(locText)))));
     };
     SurveyQuestionBooleanRadio.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (_("div", { className: cssClasses.rootRadio },
-            _("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
-                (_(b, null,
+        return (g("div", { className: cssClasses.rootRadio },
+            g("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
+                (g(k, null,
                     this.renderRadioItem(false, this.question.locLabelFalse),
                     this.renderRadioItem(true, this.question.locLabelTrue)))
                 :
-                    (_(b, null,
+                    (g(k, null,
                         this.renderRadioItem(true, this.question.locLabelTrue),
                         this.renderRadioItem(false, this.question.locLabelFalse))))));
     };
@@ -8206,7 +8206,7 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
 }(boolean_SurveyQuestionBoolean));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-boolean-radio", function (props) {
-    return _(boolean_radio_SurveyQuestionBooleanRadio, props);
+    return g(boolean_radio_SurveyQuestionBooleanRadio, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "radio", "sv-boolean-radio");
 
@@ -8244,13 +8244,13 @@ var reactquestion_empty_SurveyQuestionEmpty = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyQuestionEmpty.prototype.renderElement = function () {
-        return _("div", null);
+        return g("div", null);
     };
     return SurveyQuestionEmpty;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("empty", function (props) {
-    return _(reactquestion_empty_SurveyQuestionEmpty, props);
+    return g(reactquestion_empty_SurveyQuestionEmpty, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/matrix/row.tsx
@@ -8463,22 +8463,22 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             }
             var cellContent = this.renderCellContent(cell, "column-header", {});
             var header = cell.hasTitle ?
-                _("th", { className: cell.className, key: key, style: columnStyle },
+                g("th", { className: cell.className, key: key, style: columnStyle },
                     " ",
                     cellContent,
                     " ")
-                : _("td", { className: cell.className, key: key, style: columnStyle });
+                : g("td", { className: cell.className, key: key, style: columnStyle });
             headers.push(header);
         }
-        return (_("thead", null,
-            _("tr", null, headers)));
+        return (g("thead", null,
+            g("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 _("tfoot", null, row);
+        return g("tfoot", null, row);
     };
     SurveyQuestionMatrixTable.prototype.renderRows = function () {
         var cssClasses = this.question.cssClasses;
@@ -8487,7 +8487,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 _("tbody", null, rows);
+        return g("tbody", null, rows);
     };
     SurveyQuestionMatrixTable.prototype.renderRow = function (keyValue, row, cssClasses, reason) {
         var matrixrow = [];
@@ -8496,16 +8496,16 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             matrixrow.push(this.renderCell(cells[i], i, cssClasses, reason));
         }
         var key = "row" + keyValue;
-        return (_(b, { key: key }, (reason == "row-footer") ? _("tr", null, matrixrow) : _(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
+        return (g(k, { key: key }, (reason == "row-footer") ? g("tr", null, matrixrow) : g(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
     };
     SurveyQuestionMatrixTable.prototype.renderCell = function (cell, index, cssClasses, reason) {
         var key = "cell" + index;
         if (cell.hasQuestion) {
-            return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
+            return (g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
         }
         if (cell.isErrorsCell) {
             if (cell.isErrorsCell) {
-                return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
+                return (g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
             }
         }
         var calcReason = reason;
@@ -8521,7 +8521,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             if (!!cell.minWidth)
                 cellStyle.minWidth = cell.minWidth;
         }
-        return (_("td", { className: cell.className, key: key, style: cellStyle, colSpan: cell.colSpans, title: cell.getTitle() }, cellContent));
+        return (g("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;
@@ -8536,14 +8536,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
         if (cell.hasTitle) {
             reason = "row-header";
             var str = this.renderLocString(cell.locTitle);
-            var require_1 = !!cell.column ? _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: cell.column, question: this.question }) : null;
-            cellContent = (_(b, null,
+            var require_1 = !!cell.column ? g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: cell.column, question: this.question }) : null;
+            cellContent = (g(k, null,
                 str,
                 require_1));
         }
         if (cell.isDragHandlerCell) {
-            cellContent = (_(b, null,
-                _(drag_drop_icon_SurveyQuestionMatrixDynamicDragDropIcon, { item: { data: { row: cell.row, question: this.question } } })));
+            cellContent = (g(k, null,
+                g(drag_drop_icon_SurveyQuestionMatrixDynamicDragDropIcon, { item: { data: { row: cell.row, question: this.question } } })));
         }
         if (cell.isActionsCell) {
             cellContent = (ReactElementFactory.Instance.createElement("sv-matrixdynamic-actions-cell", {
@@ -8553,18 +8553,18 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
             }));
         }
         if (cell.hasPanel) {
-            cellContent = (_(panel_SurveyPanel, { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
+            cellContent = (g(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 = (_(b, null, cellContent));
+        var readyCell = (g(k, 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 (_("table", { className: this.question.getTableCss() },
+        return (g("table", { className: this.question.getTableCss() },
             header,
             rows,
             footers));
@@ -8615,8 +8615,8 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase = /** @cla
         var divStyle = this.question.showHorizontalScroll
             ? { overflowX: "scroll" }
             : {};
-        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 (g("div", { style: divStyle, className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
+            g(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));
@@ -8634,7 +8634,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell = /** @clas
         configurable: true
     });
     SurveyQuestionMatrixActionsCell.prototype.renderElement = function () {
-        return (_(action_bar_SurveyActionBar, { model: this.model, handleClick: false }));
+        return (g(action_bar_SurveyActionBar, { model: this.model, handleClick: false }));
     };
     return SurveyQuestionMatrixActionsCell;
 }(ReactSurveyElement));
@@ -8660,7 +8660,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
     SurveyQuestionMatrixDropdownErrorsCell.prototype.render = function () {
         if (!this.cell.isVisible)
             return null;
-        return _("td", { className: this.cell.className, key: this.key, colSpan: this.cell.colSpans, title: this.cell.getTitle() }, _super.prototype.render.call(this));
+        return g("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"]);
@@ -8668,7 +8668,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
     return SurveyQuestionMatrixDropdownErrorsCell;
 }(reactquestion_SurveyQuestionErrorCell));
 ReactElementFactory.Instance.registerElement("sv-matrixdynamic-actions-cell", function (props) {
-    return _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
+    return g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
 });
 var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @class */ (function (_super) {
     reactquestion_matrixdropdownbase_extends(SurveyQuestionMatrixHeaderRequired, _super);
@@ -8695,9 +8695,9 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @c
     SurveyQuestionMatrixHeaderRequired.prototype.renderElement = function () {
         if (!this.column.isRenderedRequired)
             return null;
-        return (_(b, null,
-            _("span", null, "\u00A0"),
-            _("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
+        return (g(k, null,
+            g("span", null, "\u00A0"),
+            g("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
     };
     return SurveyQuestionMatrixHeaderRequired;
 }(ReactSurveyElement));
@@ -8772,14 +8772,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
         var content = _super.prototype.renderCellContent.call(this);
-        var responsiveTitle = this.cell.showResponsiveTitle ? (_("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
-        return _(b, null,
+        var responsiveTitle = this.cell.showResponsiveTitle ? (g("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
+        return g(k, null,
             responsiveTitle,
             content);
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderQuestion = function () {
         if (!this.question.isVisible)
-            return _(b, null);
+            return g(k, null);
         if (!this.cell.isChoice)
             return reactquestion_SurveyQuestion.renderQuestionBody(this.creator, this.question);
         if (this.cell.isOtherChoice)
@@ -8791,15 +8791,15 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
     SurveyQuestionMatrixDropdownCell.prototype.renderOtherComment = function () {
         var question = this.cell.question;
         var cssClasses = question.cssClasses || {};
-        return _(SurveyQuestionOtherValueItem, { question: question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
+        return g(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 (_(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 (g(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 (_(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 (g(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));
@@ -8833,7 +8833,7 @@ var SurveyQuestionMatrixDropdown = /** @class */ (function (_super) {
 }(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("matrixdropdown", function (props) {
-    return _(SurveyQuestionMatrixDropdown, props);
+    return g(SurveyQuestionMatrixDropdown, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_matrixdynamic.tsx
@@ -8880,7 +8880,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
         var mainDiv = showTable
             ? this.renderTableDiv()
             : this.renderNoRowsContent(cssClasses);
-        return (_("div", null,
+        return (g("div", null,
             this.renderAddRowButtonOnTop(cssClasses),
             mainDiv,
             this.renderAddRowButtonOnBottom(cssClasses)));
@@ -8897,9 +8897,9 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
     };
     SurveyQuestionMatrixDynamic.prototype.renderNoRowsContent = function (cssClasses) {
         var text = this.renderLocString(this.matrix.locEmptyRowsText);
-        var textDiv = _("div", { className: cssClasses.emptyRowsText }, text);
+        var textDiv = g("div", { className: cssClasses.emptyRowsText }, text);
         var btn = this.matrix.renderedTable.showAddRow ? this.renderAddRowButton(cssClasses, true) : undefined;
-        return (_("div", { className: cssClasses.emptyRowsSection },
+        return (g("div", { className: cssClasses.emptyRowsSection },
             textDiv,
             btn));
     };
@@ -8914,7 +8914,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
 }(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("matrixdynamic", function (props) {
-    return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic, props);
+    return g(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic, props);
 });
 var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @class */ (function (_super) {
     reactquestion_matrixdynamic_extends(SurveyQuestionMatrixDynamicAddButton, _super);
@@ -8935,16 +8935,16 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @clas
     };
     SurveyQuestionMatrixDynamicAddButton.prototype.renderElement = function () {
         var addRowText = this.renderLocString(this.matrix.locAddRowText);
-        var addButton = (_("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
+        var addButton = (g("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
             addRowText,
-            _("span", { className: this.props.cssClasses.iconAdd })));
-        return (this.props.isEmptySection ? addButton : _("div", { className: this.props.cssClasses.footer }, addButton));
+            g("span", { className: this.props.cssClasses.iconAdd })));
+        return (this.props.isEmptySection ? addButton : g("div", { className: this.props.cssClasses.footer }, addButton));
     };
     return SurveyQuestionMatrixDynamicAddButton;
 }(ReactSurveyElement));
 
 ReactElementFactory.Instance.registerElement("sv-matrixdynamic-add-btn", function (props) {
-    return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton, props);
+    return g(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn.tsx
@@ -9191,7 +9191,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         var _this = this;
         var panels = [];
         this.question.renderedPanels.forEach(function (panel, index) {
-            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 }));
+            panels.push(g(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()
@@ -9204,10 +9204,10 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
             : null;
         var navV2 = this.renderNavigatorV2();
         var noEntriesPlaceholder = this.renderPlaceholder();
-        return (_("div", { className: this.question.cssClasses.root },
+        return (g("div", { className: this.question.cssClasses.root },
             noEntriesPlaceholder,
             navTop,
-            _("div", { className: this.question.cssClasses.panelsContainer }, panels),
+            g("div", { className: this.question.cssClasses.panelsContainer }, panels),
             navBottom,
             btnAdd,
             navV2));
@@ -9228,9 +9228,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         var progressClass = this.question.isProgressTopShowing
             ? this.question.cssClasses.progressTop
             : this.question.cssClasses.progressBottom;
-        return (_("div", { className: progressClass },
-            _("div", { style: { clear: "both" } },
-                _("div", { className: this.question.cssClasses.progressContainer },
+        return (g("div", { className: progressClass },
+            g("div", { style: { clear: "both" } },
+                g("div", { className: this.question.cssClasses.progressContainer },
                     btnPrev,
                     range,
                     btnNext),
@@ -9238,17 +9238,17 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
                 this.renderProgressText())));
     };
     SurveyQuestionPanelDynamic.prototype.renderProgressText = function () {
-        return (_(paneldynamic_progress_text_SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
+        return (g(paneldynamic_progress_text_SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
     };
     SurveyQuestionPanelDynamic.prototype.rendrerPrevButton = function () {
-        return (_(paneldynamic_prev_btn_SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
+        return (g(paneldynamic_prev_btn_SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
     };
     SurveyQuestionPanelDynamic.prototype.rendrerNextButton = function () {
-        return (_(paneldynamic_next_btn_SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
+        return (g(paneldynamic_next_btn_SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
     };
     SurveyQuestionPanelDynamic.prototype.renderRange = function () {
-        return (_("div", { className: this.question.cssClasses.progress },
-            _("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
+        return (g("div", { className: this.question.cssClasses.progress },
+            g("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", {
@@ -9259,16 +9259,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 (_("div", { className: this.question.cssClasses.footer },
-            _("hr", { className: this.question.cssClasses.separator }),
+        return (g("div", { className: this.question.cssClasses.footer },
+            g("hr", { className: this.question.cssClasses.separator }),
             range,
-            this.question.footerToolbar.visibleActions.length ? (_("div", { className: this.question.cssClasses.footerButtonsContainer },
-                _(action_bar_SurveyActionBar, { model: this.question.footerToolbar }))) : null));
+            this.question.footerToolbar.visibleActions.length ? (g("div", { className: this.question.cssClasses.footerButtonsContainer },
+                g(action_bar_SurveyActionBar, { model: this.question.footerToolbar }))) : null));
     };
     SurveyQuestionPanelDynamic.prototype.renderPlaceholder = function () {
         if (this.question.getShowNoEntriesPlaceholder()) {
-            return (_("div", { className: this.question.cssClasses.noEntriesPlaceholder },
-                _("span", null, this.renderLocString(this.question.locNoEntriesText)),
+            return (g("div", { className: this.question.cssClasses.noEntriesPlaceholder },
+                g("span", null, this.renderLocString(this.question.locNoEntriesText)),
                 this.renderAddRowButton()));
         }
         return null;
@@ -9306,9 +9306,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) ?
-            (_("hr", { className: this.question.cssClasses.separator })) : null;
-        return (_(b, null,
-            _("div", { className: this.question.getPanelWrapperCss(this.panel) },
+            (g("hr", { className: this.question.cssClasses.separator })) : null;
+        return (g(k, null,
+            g("div", { className: this.question.getPanelWrapperCss(this.panel) },
                 panel,
                 removeButton),
             separator));
@@ -9327,7 +9327,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
 }(panel_SurveyPanel));
 
 ReactQuestionFactory.Instance.registerQuestion("paneldynamic", function (props) {
-    return _(reactquestion_paneldynamic_SurveyQuestionPanelDynamic, props);
+    return g(reactquestion_paneldynamic_SurveyQuestionPanelDynamic, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/progress.tsx
@@ -9380,25 +9380,25 @@ var progress_SurveyProgress = /** @class */ (function (_super) {
         var progressStyle = {
             width: this.progress + "%",
         };
-        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 (g("div", { className: this.survey.getProgressCssClasses(this.props.container) },
+            g("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+                g("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
+            g("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 _(progress_SurveyProgress, props);
+    return g(progress_SurveyProgress, props);
 });
 ReactElementFactory.Instance.registerElement("sv-progress-questions", function (props) {
-    return _(progress_SurveyProgress, props);
+    return g(progress_SurveyProgress, props);
 });
 ReactElementFactory.Instance.registerElement("sv-progress-correctquestions", function (props) {
-    return _(progress_SurveyProgress, props);
+    return g(progress_SurveyProgress, props);
 });
 ReactElementFactory.Instance.registerElement("sv-progress-requiredquestions", function (props) {
-    return _(progress_SurveyProgress, props);
+    return g(progress_SurveyProgress, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/progressButtons.tsx
@@ -9426,7 +9426,7 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
     progressButtons_extends(SurveyProgressButtons, _super);
     function SurveyProgressButtons(props) {
         var _this = _super.call(this, props) || this;
-        _this.listContainerRef = m();
+        _this.listContainerRef = b();
         return _this;
     }
     Object.defineProperty(SurveyProgressButtons.prototype, "model", {
@@ -9456,20 +9456,20 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
     };
     SurveyProgressButtons.prototype.render = function () {
         var _this = this;
-        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 (g("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 ? g("div", { className: this.css.progressButtonsHeader },
+                g("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
+            g("div", { className: this.css.progressButtonsContainer },
+                g("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
                         return _this.clickScrollButton(_this.listContainerRef.current, true);
                     } }),
-                _("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 () {
+                g("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
+                    g("ul", { className: this.css.progressButtonsList }, this.getListElements())),
+                g("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
                         return _this.clickScrollButton(_this.listContainerRef.current, false);
                     } })),
-            this.state.canShowFooter ? _("div", { className: this.css.progressButtonsFooter },
-                _("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
+            this.state.canShowFooter ? g("div", { className: this.css.progressButtonsFooter },
+                g("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
     };
     SurveyProgressButtons.prototype.getListElements = function () {
         var _this = this;
@@ -9482,17 +9482,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 (_("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
+        return (g("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) },
-            _("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)))));
+            g("div", { className: this.css.progressButtonsConnector }),
+            this.state.canShowItemTitles ? g(k, null,
+                g("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, text),
+                g("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
+            g("div", { className: this.css.progressButtonsButton },
+                g("div", { className: this.css.progressButtonsButtonBackground }),
+                g("div", { className: this.css.progressButtonsButtonContent }),
+                g("span", null, this.model.getItemNumber(page)))));
     };
     SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
         if (!!listContainerElement) {
@@ -9516,7 +9516,7 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
 }(SurveyNavigationBase));
 
 ReactElementFactory.Instance.registerElement("sv-progress-buttons", function (props) {
-    return _(progressButtons_SurveyProgressButtons, props);
+    return g(progressButtons_SurveyProgressButtons, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item.tsx
@@ -9766,20 +9766,20 @@ var progressToc_SurveyProgressToc = /** @class */ (function (_super) {
         var tocModel = this.props.model;
         var content;
         if (tocModel.isMobile) {
-            content = _("div", { onClick: tocModel.togglePopup },
-                _(svg_icon_SvgIcon, { iconName: tocModel.icon, size: 24 }),
-                _(popup_Popup, { model: tocModel.popupModel }));
+            content = g("div", { onClick: tocModel.togglePopup },
+                g(svg_icon_SvgIcon, { iconName: tocModel.icon, size: 24 }),
+                g(popup_Popup, { model: tocModel.popupModel }));
         }
         else {
-            content = _(list_List, { model: tocModel.listModel });
+            content = g(list_List, { model: tocModel.listModel });
         }
-        return (_("div", { className: tocModel.containerCss }, content));
+        return (g("div", { className: tocModel.containerCss }, content));
     };
     return SurveyProgressToc;
 }(SurveyNavigationBase));
 
 ReactElementFactory.Instance.registerElement("sv-navigation-toc", function (props) {
-    return _(progressToc_SurveyProgressToc, props);
+    return g(progressToc_SurveyProgressToc, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_rating.tsx
@@ -9840,18 +9840,18 @@ var reactquestion_rating_SurveyQuestionRating = /** @class */ (function (_super)
         var maxText = this.question.maxRateDescription
             ? this.renderLocString(this.question.locMaxRateDescription)
             : 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,
+        return (g("div", { className: this.question.ratingRootCss, ref: function (div) { return (_this.setControl(div)); } },
+            g("fieldset", { role: "radiogroup" },
+                g("legend", { role: "presentation", className: "sv-hidden" }),
+                !!this.question.hasMinLabel ? g("span", { className: cssClasses.minText }, minText) : null,
                 this.question.renderedRateItems.map(function (item, index) { return _this.renderItem(item, index); }),
-                !!this.question.hasMaxLabel ? _("span", { className: cssClasses.maxText }, maxText) : null)));
+                !!this.question.hasMaxLabel ? g("span", { className: cssClasses.maxText }, maxText) : null)));
     };
     return SurveyQuestionRating;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("rating", function (props) {
-    return _(reactquestion_rating_SurveyQuestionRating, props);
+    return g(reactquestion_rating_SurveyQuestionRating, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/rating-dropdown.tsx
@@ -9883,13 +9883,13 @@ var rating_dropdown_SurveyQuestionRatingDropdown = /** @class */ (function (_sup
     SurveyQuestionRatingDropdown.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
         var select = this.renderSelect(cssClasses);
-        return (_("div", { className: this.question.cssClasses.rootDropdown }, select));
+        return (g("div", { className: this.question.cssClasses.rootDropdown }, select));
     };
     return SurveyQuestionRatingDropdown;
 }(dropdown_base_SurveyQuestionDropdownBase));
 
 ReactQuestionFactory.Instance.registerQuestion("sv-rating-dropdown", function (props) {
-    return _(rating_dropdown_SurveyQuestionRatingDropdown, props);
+    return g(rating_dropdown_SurveyQuestionRatingDropdown, props);
 });
 external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("rating", "dropdown", "sv-rating-dropdown");
 
@@ -9927,13 +9927,13 @@ var reactquestion_expression_SurveyQuestionExpression = /** @class */ (function
     SurveyQuestionExpression.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
-        return (_("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); } }, this.question.formatedValue));
+        return (g("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 _(reactquestion_expression_SurveyQuestionExpression, props);
+    return g(reactquestion_expression_SurveyQuestionExpression, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/react-popup-survey.tsx
@@ -9981,8 +9981,8 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
             style.width = this.popup.renderedWidth;
             style.maxWidth = this.popup.renderedWidth;
         }
-        return (_("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
-            _("div", { className: this.popup.cssRootContent },
+        return (g("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
+            g("div", { className: this.popup.cssRootContent },
                 header,
                 body)));
     };
@@ -10007,46 +10007,46 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
         if (popup.allowFullScreen) {
             allowFullScreenButon = this.renderAllowFullScreenButon(this.popup);
         }
-        return (_("div", { className: popup.cssHeaderRoot },
+        return (g("div", { className: popup.cssHeaderRoot },
             titleCollapsed,
-            _("div", { className: popup.cssHeaderButtonsContainer },
+            g("div", { className: popup.cssHeaderButtonsContainer },
                 allowFullScreenButon,
-                _("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
+                g("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
                 closeButton)));
     };
     PopupSurvey.prototype.renderTitleCollapsed = function (popup) {
         if (!popup.locTitle)
             return null;
-        return _("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
+        return g("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
     };
     PopupSurvey.prototype.renderExpandIcon = function () {
-        return _(svg_icon_SvgIcon, { iconName: "icon-restore_16x16", size: 16 });
+        return g(svg_icon_SvgIcon, { iconName: "icon-restore_16x16", size: 16 });
     };
     PopupSurvey.prototype.renderCollapseIcon = function () {
-        return _(svg_icon_SvgIcon, { iconName: "icon-minimize_16x16", size: 16 });
+        return g(svg_icon_SvgIcon, { iconName: "icon-minimize_16x16", size: 16 });
     };
     PopupSurvey.prototype.renderCloseButton = function (popup) {
         var _this = this;
-        return (_("div", { className: popup.cssHeaderCloseButton, onClick: function () {
+        return (g("div", { className: popup.cssHeaderCloseButton, onClick: function () {
                 popup.hide();
                 if (typeof _this.props.onClose == "function") {
                     _this.props.onClose();
                 }
             } },
-            _(svg_icon_SvgIcon, { iconName: "icon-close_16x16", size: 16 })));
+            g(svg_icon_SvgIcon, { iconName: "icon-close_16x16", size: 16 })));
     };
     PopupSurvey.prototype.renderAllowFullScreenButon = function (popup) {
         var Icon;
         if (popup.isFullScreen) {
-            Icon = _(svg_icon_SvgIcon, { iconName: "icon-back-to-panel_16x16", size: 16 });
+            Icon = g(svg_icon_SvgIcon, { iconName: "icon-back-to-panel_16x16", size: 16 });
         }
         else {
-            Icon = _(svg_icon_SvgIcon, { iconName: "icon-full-screen_16x16", size: 16 });
+            Icon = g(svg_icon_SvgIcon, { iconName: "icon-full-screen_16x16", size: 16 });
         }
-        return (_("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
+        return (g("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
     };
     PopupSurvey.prototype.renderBody = function () {
-        return _("div", { className: this.popup.cssBody }, this.doRender());
+        return g("div", { className: this.popup.cssBody }, this.doRender());
     };
     PopupSurvey.prototype.createSurvey = function (newProps) {
         if (!newProps)
@@ -10112,8 +10112,8 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
     });
     SurveyQuestionImagePicker.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (_("fieldset", { className: this.question.getSelectBaseRootCss() },
-            _("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
+        return (g("fieldset", { className: this.question.getSelectBaseRootCss() },
+            g("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
     };
     SurveyQuestionImagePicker.prototype.getColumns = function (cssClasses) {
@@ -10122,7 +10122,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
             var items = column.map(function (item, ii) {
                 return _this.renderItem("item" + ii, item, cssClasses);
             });
-            return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
+            return (g("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
         });
     };
     SurveyQuestionImagePicker.prototype.getItems = function (cssClasses) {
@@ -10142,7 +10142,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyQuestionImagePicker.prototype.renderItem = function (key, item, cssClasses) {
-        var renderedItem = _(imagepicker_SurveyQuestionImagePickerItem, { key: key, question: this.question, item: item, cssClasses: cssClasses });
+        var renderedItem = g(imagepicker_SurveyQuestionImagePickerItem, { key: key, question: this.question, item: item, cssClasses: cssClasses });
         var survey = this.question.survey;
         var wrappedItem = null;
         if (!!survey) {
@@ -10229,15 +10229,15 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
         var itemClass = question.getItemClass(item);
         var text = null;
         if (question.showLabel) {
-            text = (_("span", { className: question.cssClasses.itemText }, item.text ? reactquestion_element_SurveyElementBase.renderLocString(item.locText) : item.value));
+            text = (g("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 = (_("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 = (g("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 = (_("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 = (g("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 = {
@@ -10245,17 +10245,17 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
                 height: this.question.renderedImageHeight,
                 objectFit: this.question.imageFit
             };
-            control = (_("div", { className: cssClasses.itemNoImage, style: style_1 }, cssClasses.itemNoImageSvgIcon ?
-                _(svg_icon_SvgIcon, { className: cssClasses.itemNoImageSvgIcon, iconName: this.question.cssClasses.itemNoImageSvgIconId, size: 48 }) :
+            control = (g("div", { className: cssClasses.itemNoImage, style: style_1 }, cssClasses.itemNoImageSvgIcon ?
+                g(svg_icon_SvgIcon, { className: cssClasses.itemNoImageSvgIcon, iconName: this.question.cssClasses.itemNoImageSvgIconId, size: 48 }) :
                 null));
         }
-        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 },
+        var renderedItem = (g("div", { className: itemClass },
+            g("label", { className: cssClasses.label },
+                g("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 }),
+                g("div", { className: this.question.cssClasses.itemDecorator },
+                    g("div", { className: this.question.cssClasses.imageContainer },
                         !!this.question.cssClasses.checkedItemDecorator ?
-                            _("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,
+                            g("span", { className: this.question.cssClasses.checkedItemDecorator }, !!this.question.cssClasses.checkedItemSvgIconId ? g(svg_icon_SvgIcon, { size: "auto", className: this.question.cssClasses.checkedItemSvgIcon, iconName: this.question.cssClasses.checkedItemSvgIconId }) : null) : null,
                         control),
                     text))));
         return renderedItem;
@@ -10264,7 +10264,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
 }(ReactSurveyElement));
 
 ReactQuestionFactory.Instance.registerQuestion("imagepicker", function (props) {
-    return _(imagepicker_SurveyQuestionImagePicker, props);
+    return g(imagepicker_SurveyQuestionImagePicker, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/image.tsx
@@ -10319,22 +10319,22 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
         }
         var control = null;
         if (this.question.renderedMode === "image") {
-            control = (_("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight, 
+            control = (g("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 = (_("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 = (g("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 = (_("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
+            control = (g("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 = (_("div", { className: this.question.cssClasses.noImage },
-                _(svg_icon_SvgIcon, { iconName: this.question.cssClasses.noImageSvgIconId, size: 48 })));
+            noImage = (g("div", { className: this.question.cssClasses.noImage },
+                g(svg_icon_SvgIcon, { iconName: this.question.cssClasses.noImageSvgIconId, size: 48 })));
         }
-        return _("div", { className: this.question.cssClasses.root },
+        return g("div", { className: this.question.cssClasses.root },
             control,
             noImage);
     };
@@ -10342,7 +10342,7 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("image", function (props) {
-    return _(image_SurveyQuestionImage, props);
+    return g(image_SurveyQuestionImage, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/signaturepad.tsx
@@ -10385,36 +10385,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 (_("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,
+        return (g("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
+            g("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
+            g("div", null,
                 this.renderBackgroundImage(),
-                _("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: function (event) { _this.question.onBlur(event); } })),
+                g("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 _("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
+        return g("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
     };
     SurveyQuestionSignaturePad.prototype.renderLoadingIndicator = function () {
-        return _("div", { className: this.question.cssClasses.loadingIndicator },
-            _(loading_indicator_LoadingIndicatorComponent, null));
+        return g("div", { className: this.question.cssClasses.loadingIndicator },
+            g(loading_indicator_LoadingIndicatorComponent, null));
     };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
         if (!this.question.canShowClearButton)
             return null;
         var cssClasses = this.question.cssClasses;
-        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 g("div", { className: cssClasses.controls },
+            g("button", { type: "button", className: cssClasses.clearButton, title: this.question.clearButtonCaption, onClick: function () { return _this.question.clearValue(true); } }, this.question.cssClasses.clearButtonIconId ? g(svg_icon_SvgIcon, { iconName: this.question.cssClasses.clearButtonIconId, size: "auto" }) : g("span", null, "\u2716")));
     };
     return SurveyQuestionSignaturePad;
 }(reactquestion_element_SurveyQuestionElementBase));
 
 ReactQuestionFactory.Instance.registerQuestion("signaturepad", function (props) {
-    return _(signaturepad_SurveyQuestionSignaturePad, props);
+    return g(signaturepad_SurveyQuestionSignaturePad, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_buttongroup.tsx
@@ -10579,16 +10579,16 @@ var reactquestion_custom_SurveyQuestionComposite = /** @class */ (function (_sup
         return !!this.question.contentPanel;
     };
     SurveyQuestionComposite.prototype.renderElement = function () {
-        return (_(panel_SurveyPanel, { element: this.question.contentPanel, creator: this.creator, survey: this.question.survey }));
+        return (g(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 _(reactquestion_custom_SurveyQuestionCustom, props);
+    return g(reactquestion_custom_SurveyQuestionCustom, props);
 });
 ReactQuestionFactory.Instance.registerQuestion("composite", function (props) {
-    return _(reactquestion_custom_SurveyQuestionComposite, props);
+    return g(reactquestion_custom_SurveyQuestionComposite, props);
 });
 
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item-content.tsx
@@ -10647,7 +10647,7 @@ var list_item_content_ListItemContent = /** @class */ (function (_super) {
             content.push(text);
         }
         if (this.item.markerIconName) {
-            var icon = xn.createElement(svg_icon_SvgIcon, { key: "marker", className: this.item.cssClasses.itemMarkerIcon, iconName: this.item.markerIconName, size: this.item.markerIconSize });
+            var icon = xn.createElement(svg_icon_SvgIcon, { key: "marker", className: this.item.cssClasses.itemMarkerIcon, iconName: this.item.markerIconName, size: "auto" });
             content.push(icon);
         }
         return xn.createElement(xn.Fragment, null, content);
@@ -11439,12 +11439,12 @@ var js_ui_assign = (undefined && undefined.__assign) || function () {
 
 function renderSurvey(model, element, props) {
     if (props === void 0) { props = {}; }
-    var survey = _(reactSurvey_Survey, js_ui_assign({ model: model }, props));
+    var survey = g(reactSurvey_Survey, js_ui_assign({ model: model }, props));
     X(survey, element);
 }
 function renderPopupSurvey(model, element, props) {
     if (props === void 0) { props = {}; }
-    var survey = _(react_popup_survey_PopupSurvey, js_ui_assign({ model: model }, props));
+    var survey = g(react_popup_survey_PopupSurvey, js_ui_assign({ model: model }, props));
     X(survey, element);
 }
 function doPopupSurvey(props) {
@@ -11493,7 +11493,7 @@ var preact = compat_module_namespaceObject;
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.13", "survey-js-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.14", "survey-js-ui");
 
 
 /***/ }),