survey-js-ui 1.12.12 → 1.12.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/survey-js-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v1.12.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.12.14
|
|
3
3
|
* Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -110,7 +110,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
110
110
|
/***/ (function(module, exports, __webpack_require__) {
|
|
111
111
|
|
|
112
112
|
/*!
|
|
113
|
-
* surveyjs - Survey JavaScript library v1.12.
|
|
113
|
+
* surveyjs - Survey JavaScript library v1.12.14
|
|
114
114
|
* Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
115
115
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
116
116
|
*/
|
|
@@ -1043,7 +1043,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
|
|
|
1043
1043
|
/***/ (function(module, exports, __webpack_require__) {
|
|
1044
1044
|
|
|
1045
1045
|
/*!
|
|
1046
|
-
* surveyjs - Survey JavaScript library v1.12.
|
|
1046
|
+
* surveyjs - Survey JavaScript library v1.12.14
|
|
1047
1047
|
* Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
1048
1048
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
1049
1049
|
*/
|
|
@@ -2004,17 +2004,17 @@ __webpack_require__.d(__webpack_exports__, "render", function() { return /* reex
|
|
|
2004
2004
|
__webpack_require__.d(__webpack_exports__, "hydrate", function() { return /* reexport */ nn; });
|
|
2005
2005
|
__webpack_require__.d(__webpack_exports__, "unmountComponentAtNode", function() { return /* reexport */ _n; });
|
|
2006
2006
|
__webpack_require__.d(__webpack_exports__, "createPortal", function() { return /* reexport */ Y; });
|
|
2007
|
-
__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */
|
|
2008
|
-
__webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */
|
|
2007
|
+
__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ g; });
|
|
2008
|
+
__webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */ J; });
|
|
2009
2009
|
__webpack_require__.d(__webpack_exports__, "createFactory", function() { return /* reexport */ vn; });
|
|
2010
2010
|
__webpack_require__.d(__webpack_exports__, "cloneElement", function() { return /* reexport */ yn; });
|
|
2011
|
-
__webpack_require__.d(__webpack_exports__, "createRef", function() { return /* reexport */
|
|
2012
|
-
__webpack_require__.d(__webpack_exports__, "Fragment", function() { return /* reexport */
|
|
2011
|
+
__webpack_require__.d(__webpack_exports__, "createRef", function() { return /* reexport */ b; });
|
|
2012
|
+
__webpack_require__.d(__webpack_exports__, "Fragment", function() { return /* reexport */ k; });
|
|
2013
2013
|
__webpack_require__.d(__webpack_exports__, "isValidElement", function() { return /* reexport */ dn; });
|
|
2014
2014
|
__webpack_require__.d(__webpack_exports__, "isFragment", function() { return /* reexport */ pn; });
|
|
2015
2015
|
__webpack_require__.d(__webpack_exports__, "isMemo", function() { return /* reexport */ mn; });
|
|
2016
2016
|
__webpack_require__.d(__webpack_exports__, "findDOMNode", function() { return /* reexport */ bn; });
|
|
2017
|
-
__webpack_require__.d(__webpack_exports__, "Component", function() { return /* reexport */
|
|
2017
|
+
__webpack_require__.d(__webpack_exports__, "Component", function() { return /* reexport */ x; });
|
|
2018
2018
|
__webpack_require__.d(__webpack_exports__, "PureComponent", function() { return /* reexport */ compat_module_I; });
|
|
2019
2019
|
__webpack_require__.d(__webpack_exports__, "memo", function() { return /* reexport */ compat_module_N; });
|
|
2020
2020
|
__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
|
|
|
2140
2140
|
// NAMESPACE OBJECT: ./node_modules/preact/compat/dist/compat.module.js
|
|
2141
2141
|
var compat_module_namespaceObject = {};
|
|
2142
2142
|
__webpack_require__.r(compat_module_namespaceObject);
|
|
2143
|
-
__webpack_require__.d(compat_module_namespaceObject, "Component", function() { return
|
|
2144
|
-
__webpack_require__.d(compat_module_namespaceObject, "Fragment", function() { return
|
|
2145
|
-
__webpack_require__.d(compat_module_namespaceObject, "createContext", function() { return
|
|
2146
|
-
__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return
|
|
2147
|
-
__webpack_require__.d(compat_module_namespaceObject, "createRef", function() { return
|
|
2143
|
+
__webpack_require__.d(compat_module_namespaceObject, "Component", function() { return x; });
|
|
2144
|
+
__webpack_require__.d(compat_module_namespaceObject, "Fragment", function() { return k; });
|
|
2145
|
+
__webpack_require__.d(compat_module_namespaceObject, "createContext", function() { return J; });
|
|
2146
|
+
__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return g; });
|
|
2147
|
+
__webpack_require__.d(compat_module_namespaceObject, "createRef", function() { return b; });
|
|
2148
2148
|
__webpack_require__.d(compat_module_namespaceObject, "useCallback", function() { return hooks_module_q; });
|
|
2149
2149
|
__webpack_require__.d(compat_module_namespaceObject, "useContext", function() { return hooks_module_x; });
|
|
2150
2150
|
__webpack_require__.d(compat_module_namespaceObject, "useDebugValue", function() { return hooks_module_P; });
|
|
@@ -2188,7 +2188,7 @@ __webpack_require__.d(compat_module_namespaceObject, "useTransition", function()
|
|
|
2188
2188
|
__webpack_require__.d(compat_module_namespaceObject, "version", function() { return hn; });
|
|
2189
2189
|
|
|
2190
2190
|
// CONCATENATED MODULE: ./node_modules/preact/dist/preact.module.js
|
|
2191
|
-
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;
|
|
2191
|
+
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;
|
|
2192
2192
|
//# sourceMappingURL=preact.module.js.map
|
|
2193
2193
|
|
|
2194
2194
|
// 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
|
|
|
2196
2196
|
//# sourceMappingURL=hooks.module.js.map
|
|
2197
2197
|
|
|
2198
2198
|
// CONCATENATED MODULE: ./node_modules/preact/compat/dist/compat.module.js
|
|
2199
|
-
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};
|
|
2199
|
+
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};
|
|
2200
2200
|
//# sourceMappingURL=compat.module.js.map
|
|
2201
2201
|
|
|
2202
2202
|
// 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) {
|
|
|
2328
2328
|
};
|
|
2329
2329
|
SurveyElementBase.renderQuestionDescription = function (question) {
|
|
2330
2330
|
var descriptionText = SurveyElementBase.renderLocString(question.locDescription);
|
|
2331
|
-
return
|
|
2331
|
+
return g("div", { style: question.hasDescription ? undefined : { display: "none" }, id: question.ariaDescriptionId, className: question.cssDescription }, descriptionText);
|
|
2332
2332
|
};
|
|
2333
2333
|
SurveyElementBase.prototype.componentDidMount = function () {
|
|
2334
2334
|
this.makeBaseElementsReact();
|
|
@@ -2509,7 +2509,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
|
|
|
2509
2509
|
});
|
|
2510
2510
|
};
|
|
2511
2511
|
return SurveyElementBase;
|
|
2512
|
-
}(
|
|
2512
|
+
}(x));
|
|
2513
2513
|
|
|
2514
2514
|
var ReactSurveyElement = /** @class */ (function (_super) {
|
|
2515
2515
|
__extends(ReactSurveyElement, _super);
|
|
@@ -2688,7 +2688,7 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
|
|
|
2688
2688
|
function SurveyRowElement(props) {
|
|
2689
2689
|
var _this = _super.call(this, props) || this;
|
|
2690
2690
|
_this.element.cssClasses;
|
|
2691
|
-
_this.rootRef =
|
|
2691
|
+
_this.rootRef = b();
|
|
2692
2692
|
return _this;
|
|
2693
2693
|
}
|
|
2694
2694
|
SurveyRowElement.prototype.getStateElement = function () {
|
|
@@ -2770,7 +2770,7 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
|
|
|
2770
2770
|
el.focusIn();
|
|
2771
2771
|
}
|
|
2772
2772
|
};
|
|
2773
|
-
return (
|
|
2773
|
+
return (g("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, innerElement));
|
|
2774
2774
|
};
|
|
2775
2775
|
SurveyRowElement.prototype.createElement = function (element, elementIndex) {
|
|
2776
2776
|
var index = elementIndex ? "-" + elementIndex : 0;
|
|
@@ -2818,7 +2818,7 @@ var row_SurveyRow = /** @class */ (function (_super) {
|
|
|
2818
2818
|
row_extends(SurveyRow, _super);
|
|
2819
2819
|
function SurveyRow(props) {
|
|
2820
2820
|
var _this = _super.call(this, props) || this;
|
|
2821
|
-
_this.rootRef =
|
|
2821
|
+
_this.rootRef = b();
|
|
2822
2822
|
_this.recalculateCss();
|
|
2823
2823
|
return _this;
|
|
2824
2824
|
}
|
|
@@ -2864,9 +2864,9 @@ var row_SurveyRow = /** @class */ (function (_super) {
|
|
|
2864
2864
|
var elements = this.row.visibleElements.map(function (element, elementIndex) {
|
|
2865
2865
|
var index = elementIndex ? "-" + elementIndex : 0;
|
|
2866
2866
|
var key = element.name + index;
|
|
2867
|
-
return (
|
|
2867
|
+
return (g(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
|
|
2868
2868
|
});
|
|
2869
|
-
return (
|
|
2869
|
+
return (g("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
|
|
2870
2870
|
};
|
|
2871
2871
|
SurveyRow.prototype.renderElement = function () {
|
|
2872
2872
|
var survey = this.survey;
|
|
@@ -2950,7 +2950,7 @@ var panel_base_SurveyPanelBase = /** @class */ (function (_super) {
|
|
|
2950
2950
|
panel_base_extends(SurveyPanelBase, _super);
|
|
2951
2951
|
function SurveyPanelBase(props) {
|
|
2952
2952
|
var _this = _super.call(this, props) || this;
|
|
2953
|
-
_this.rootRef =
|
|
2953
|
+
_this.rootRef = b();
|
|
2954
2954
|
return _this;
|
|
2955
2955
|
}
|
|
2956
2956
|
SurveyPanelBase.prototype.getStateElement = function () {
|
|
@@ -3038,7 +3038,7 @@ var panel_base_SurveyPanelBase = /** @class */ (function (_super) {
|
|
|
3038
3038
|
return this.panelBase.visibleRows.map(function (row) { return _this.createRow(row, css); });
|
|
3039
3039
|
};
|
|
3040
3040
|
SurveyPanelBase.prototype.createRow = function (row, css) {
|
|
3041
|
-
return (
|
|
3041
|
+
return (g(row_SurveyRow, { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
|
|
3042
3042
|
};
|
|
3043
3043
|
return SurveyPanelBase;
|
|
3044
3044
|
}(reactquestion_element_SurveyElementBase));
|
|
@@ -3722,7 +3722,7 @@ var title_element_TitleElement = /** @class */ (function (_super) {
|
|
|
3722
3722
|
if (!this.element.getCssTitleExpandableSvg())
|
|
3723
3723
|
return null;
|
|
3724
3724
|
var iconName = this.element.isExpanded ? "icon-collapse-16x16" : "icon-expand-16x16";
|
|
3725
|
-
return xn.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size:
|
|
3725
|
+
return xn.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: "auto" });
|
|
3726
3726
|
};
|
|
3727
3727
|
TitleElement.prototype.render = function () {
|
|
3728
3728
|
var element = this.element;
|
|
@@ -3834,6 +3834,7 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
|
|
|
3834
3834
|
function TextAreaComponent(props) {
|
|
3835
3835
|
var _this = _super.call(this, props) || this;
|
|
3836
3836
|
_this.initialValue = _this.viewModel.getTextValue() || "";
|
|
3837
|
+
_this.textareaRef = xn.createRef();
|
|
3837
3838
|
return _this;
|
|
3838
3839
|
}
|
|
3839
3840
|
Object.defineProperty(TextAreaComponent.prototype, "viewModel", {
|
|
@@ -3846,9 +3847,20 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
|
|
|
3846
3847
|
TextAreaComponent.prototype.canRender = function () {
|
|
3847
3848
|
return !!this.viewModel.question;
|
|
3848
3849
|
};
|
|
3850
|
+
TextAreaComponent.prototype.componentDidMount = function () {
|
|
3851
|
+
_super.prototype.componentDidMount.call(this);
|
|
3852
|
+
var el = this.textareaRef.current;
|
|
3853
|
+
if (!!el) {
|
|
3854
|
+
this.viewModel.setElement(el);
|
|
3855
|
+
}
|
|
3856
|
+
};
|
|
3857
|
+
TextAreaComponent.prototype.componentWillUnmount = function () {
|
|
3858
|
+
_super.prototype.componentWillUnmount.call(this);
|
|
3859
|
+
this.viewModel.resetElement();
|
|
3860
|
+
};
|
|
3849
3861
|
TextAreaComponent.prototype.renderElement = function () {
|
|
3850
3862
|
var _this = this;
|
|
3851
|
-
return (xn.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref:
|
|
3863
|
+
return (xn.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref: this.textareaRef, disabled: this.viewModel.isDisabledAttr, readOnly: this.viewModel.isReadOnlyAttr, rows: this.viewModel.rows, cols: this.viewModel.cols, placeholder: this.viewModel.placeholder, maxLength: this.viewModel.maxLength, defaultValue: this.initialValue, onChange: function (event) { _this.viewModel.onTextAreaInput(event); }, onFocus: function (event) { _this.viewModel.onTextAreaFocus(event); }, onBlur: function (event) { _this.viewModel.onTextAreaBlur(event); }, onKeyDown: function (event) { _this.viewModel.onTextAreaKeyDown(event); }, "aria-required": this.viewModel.ariaRequired, "aria-label": this.viewModel.ariaLabel, "aria-labelledby": this.viewModel.ariaLabelledBy, "aria-describedby": this.viewModel.ariaDescribedBy, "aria-invalid": this.viewModel.ariaInvalid, "aria-errormessage": this.viewModel.ariaErrormessage, style: { resize: this.viewModel.question.resizeStyle } }));
|
|
3852
3864
|
};
|
|
3853
3865
|
return TextAreaComponent;
|
|
3854
3866
|
}(reactquestion_element_SurveyElementBase));
|
|
@@ -3886,18 +3898,18 @@ var reactquestion_comment_SurveyQuestionComment = /** @class */ (function (_supe
|
|
|
3886
3898
|
SurveyQuestionComment.prototype.renderCharacterCounter = function () {
|
|
3887
3899
|
var counter = null;
|
|
3888
3900
|
if (!!this.question.getMaxLength()) {
|
|
3889
|
-
counter =
|
|
3901
|
+
counter = g(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter });
|
|
3890
3902
|
}
|
|
3891
3903
|
return counter;
|
|
3892
3904
|
};
|
|
3893
3905
|
SurveyQuestionComment.prototype.renderElement = function () {
|
|
3894
3906
|
if (this.question.isReadOnlyRenderDiv()) {
|
|
3895
|
-
return
|
|
3907
|
+
return g("div", null, this.question.value);
|
|
3896
3908
|
}
|
|
3897
3909
|
var counter = this.renderCharacterCounter();
|
|
3898
3910
|
var textAreaModel = this.props.question.textAreaModel;
|
|
3899
|
-
return (
|
|
3900
|
-
|
|
3911
|
+
return (g(k, null,
|
|
3912
|
+
g(text_area_TextAreaComponent, { viewModel: textAreaModel }),
|
|
3901
3913
|
counter));
|
|
3902
3914
|
};
|
|
3903
3915
|
return SurveyQuestionComment;
|
|
@@ -3920,9 +3932,9 @@ var reactquestion_comment_SurveyQuestionCommentItem = /** @class */ (function (_
|
|
|
3920
3932
|
var question = this.props.question;
|
|
3921
3933
|
if (question.isReadOnlyRenderDiv()) {
|
|
3922
3934
|
var comment = this.textAreaModel.getTextValue() || "";
|
|
3923
|
-
return
|
|
3935
|
+
return g("div", null, comment);
|
|
3924
3936
|
}
|
|
3925
|
-
return (
|
|
3937
|
+
return (g(text_area_TextAreaComponent, { viewModel: this.textAreaModel }));
|
|
3926
3938
|
};
|
|
3927
3939
|
return SurveyQuestionCommentItem;
|
|
3928
3940
|
}(ReactSurveyElement));
|
|
@@ -3939,7 +3951,7 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
|
|
|
3939
3951
|
}(reactquestion_comment_SurveyQuestionCommentItem));
|
|
3940
3952
|
|
|
3941
3953
|
ReactQuestionFactory.Instance.registerQuestion("comment", function (props) {
|
|
3942
|
-
return
|
|
3954
|
+
return g(reactquestion_comment_SurveyQuestionComment, props);
|
|
3943
3955
|
});
|
|
3944
3956
|
|
|
3945
3957
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/custom-widget.tsx
|
|
@@ -3964,7 +3976,7 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
|
|
|
3964
3976
|
custom_widget_extends(SurveyCustomWidget, _super);
|
|
3965
3977
|
function SurveyCustomWidget(props) {
|
|
3966
3978
|
var _this = _super.call(this, props) || this;
|
|
3967
|
-
_this.widgetRef =
|
|
3979
|
+
_this.widgetRef = b();
|
|
3968
3980
|
return _this;
|
|
3969
3981
|
}
|
|
3970
3982
|
SurveyCustomWidget.prototype._afterRender = function () {
|
|
@@ -4005,7 +4017,7 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
|
|
|
4005
4017
|
SurveyCustomWidget.prototype.renderElement = function () {
|
|
4006
4018
|
var customWidget = this.questionBase.customWidget;
|
|
4007
4019
|
if (customWidget.isDefaultRender) {
|
|
4008
|
-
return (
|
|
4020
|
+
return (g("div", { ref: this.widgetRef }, this.creator.createQuestionElement(this.questionBase)));
|
|
4009
4021
|
}
|
|
4010
4022
|
var widget = null;
|
|
4011
4023
|
if (customWidget.widgetJson.render) {
|
|
@@ -4014,10 +4026,10 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
|
|
|
4014
4026
|
else {
|
|
4015
4027
|
if (customWidget.htmlTemplate) {
|
|
4016
4028
|
var htmlValue = { __html: customWidget.htmlTemplate };
|
|
4017
|
-
return
|
|
4029
|
+
return g("div", { ref: this.widgetRef, dangerouslySetInnerHTML: htmlValue });
|
|
4018
4030
|
}
|
|
4019
4031
|
}
|
|
4020
|
-
return
|
|
4032
|
+
return g("div", { ref: this.widgetRef }, widget);
|
|
4021
4033
|
};
|
|
4022
4034
|
return SurveyCustomWidget;
|
|
4023
4035
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -4104,7 +4116,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4104
4116
|
function SurveyQuestion(props) {
|
|
4105
4117
|
var _this = _super.call(this, props) || this;
|
|
4106
4118
|
_this.isNeedFocus = false;
|
|
4107
|
-
_this.rootRef =
|
|
4119
|
+
_this.rootRef = b();
|
|
4108
4120
|
return _this;
|
|
4109
4121
|
}
|
|
4110
4122
|
SurveyQuestion.renderQuestionBody = function (creator, question) {
|
|
@@ -4113,7 +4125,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4113
4125
|
if (!customWidget) {
|
|
4114
4126
|
return creator.createQuestionElement(question);
|
|
4115
4127
|
}
|
|
4116
|
-
return
|
|
4128
|
+
return g(custom_widget_SurveyCustomWidget, { creator: creator, question: question });
|
|
4117
4129
|
};
|
|
4118
4130
|
SurveyQuestion.prototype.getStateElement = function () {
|
|
4119
4131
|
return this.question;
|
|
@@ -4193,7 +4205,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4193
4205
|
var descriptionUnderInput = question.hasDescriptionUnderInput
|
|
4194
4206
|
? this.renderDescription()
|
|
4195
4207
|
: null;
|
|
4196
|
-
return (
|
|
4208
|
+
return (g("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
|
|
4197
4209
|
errorsTop,
|
|
4198
4210
|
questionRender,
|
|
4199
4211
|
comment,
|
|
@@ -4214,8 +4226,8 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4214
4226
|
: null;
|
|
4215
4227
|
var rootStyle = question.getRootStyle();
|
|
4216
4228
|
var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
|
|
4217
|
-
return (
|
|
4218
|
-
|
|
4229
|
+
return (g(k, null,
|
|
4230
|
+
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 },
|
|
4219
4231
|
errorsAboveQuestion,
|
|
4220
4232
|
headerTop,
|
|
4221
4233
|
questionContent,
|
|
@@ -4246,21 +4258,21 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4246
4258
|
};
|
|
4247
4259
|
SurveyQuestion.prototype.renderComment = function (cssClasses) {
|
|
4248
4260
|
var commentText = reactquestion_element_SurveyElementBase.renderLocString(this.question.locCommentText);
|
|
4249
|
-
return (
|
|
4250
|
-
|
|
4251
|
-
|
|
4261
|
+
return (g("div", { className: this.question.getCommentAreaCss() },
|
|
4262
|
+
g("div", null, commentText),
|
|
4263
|
+
g(reactquestion_comment_SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
|
|
4252
4264
|
};
|
|
4253
4265
|
SurveyQuestion.prototype.renderHeader = function (question) {
|
|
4254
|
-
return
|
|
4266
|
+
return g(element_header_SurveyElementHeader, { element: question });
|
|
4255
4267
|
};
|
|
4256
4268
|
SurveyQuestion.prototype.renderErrors = function (cssClasses, location) {
|
|
4257
|
-
return (
|
|
4269
|
+
return (g(reactquestion_SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
|
|
4258
4270
|
};
|
|
4259
4271
|
return SurveyQuestion;
|
|
4260
4272
|
}(reactquestion_element_SurveyElementBase));
|
|
4261
4273
|
|
|
4262
4274
|
ReactElementFactory.Instance.registerElement("question", function (props) {
|
|
4263
|
-
return
|
|
4275
|
+
return g(reactquestion_SurveyQuestion, props);
|
|
4264
4276
|
});
|
|
4265
4277
|
var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
|
|
4266
4278
|
reactquestion_extends(SurveyElementErrors, _super);
|
|
@@ -4312,7 +4324,7 @@ var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
|
|
|
4312
4324
|
var key = "error" + i;
|
|
4313
4325
|
errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
|
|
4314
4326
|
}
|
|
4315
|
-
return (
|
|
4327
|
+
return (g("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
|
|
4316
4328
|
};
|
|
4317
4329
|
return SurveyElementErrors;
|
|
4318
4330
|
}(ReactSurveyElement));
|
|
@@ -4363,7 +4375,7 @@ var reactquestion_SurveyQuestionAndErrorsWrapped = /** @class */ (function (_sup
|
|
|
4363
4375
|
};
|
|
4364
4376
|
SurveyQuestionAndErrorsWrapped.prototype.renderContent = function () {
|
|
4365
4377
|
var renderedQuestion = this.renderQuestion();
|
|
4366
|
-
return (
|
|
4378
|
+
return (g(k, null, renderedQuestion));
|
|
4367
4379
|
};
|
|
4368
4380
|
SurveyQuestionAndErrorsWrapped.prototype.getShowErrors = function () {
|
|
4369
4381
|
return this.question.isVisible;
|
|
@@ -4378,7 +4390,7 @@ var reactquestion_SurveyQuestionAndErrorsCell = /** @class */ (function (_super)
|
|
|
4378
4390
|
reactquestion_extends(SurveyQuestionAndErrorsCell, _super);
|
|
4379
4391
|
function SurveyQuestionAndErrorsCell(props) {
|
|
4380
4392
|
var _this = _super.call(this, props) || this;
|
|
4381
|
-
_this.cellRef =
|
|
4393
|
+
_this.cellRef = b();
|
|
4382
4394
|
return _this;
|
|
4383
4395
|
}
|
|
4384
4396
|
SurveyQuestionAndErrorsCell.prototype.componentWillUnmount = function () {
|
|
@@ -4391,13 +4403,13 @@ var reactquestion_SurveyQuestionAndErrorsCell = /** @class */ (function (_super)
|
|
|
4391
4403
|
}
|
|
4392
4404
|
};
|
|
4393
4405
|
SurveyQuestionAndErrorsCell.prototype.renderCellContent = function () {
|
|
4394
|
-
return (
|
|
4406
|
+
return (g("div", { className: this.props.cell.cellQuestionWrapperClassName }, this.renderQuestion()));
|
|
4395
4407
|
};
|
|
4396
4408
|
SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
|
|
4397
4409
|
var style = this.getCellStyle();
|
|
4398
4410
|
var cell = this.props.cell;
|
|
4399
4411
|
var focusIn = function () { cell.focusIn(); };
|
|
4400
|
-
return (
|
|
4412
|
+
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())));
|
|
4401
4413
|
};
|
|
4402
4414
|
SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
|
|
4403
4415
|
return null;
|
|
@@ -4467,10 +4479,10 @@ var reactquestion_SurveyQuestionErrorCell = /** @class */ (function (_super) {
|
|
|
4467
4479
|
}
|
|
4468
4480
|
};
|
|
4469
4481
|
SurveyQuestionErrorCell.prototype.render = function () {
|
|
4470
|
-
return
|
|
4482
|
+
return g(reactquestion_SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
|
|
4471
4483
|
};
|
|
4472
4484
|
return SurveyQuestionErrorCell;
|
|
4473
|
-
}(
|
|
4485
|
+
}(x));
|
|
4474
4486
|
|
|
4475
4487
|
|
|
4476
4488
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/page.tsx
|
|
@@ -4517,21 +4529,21 @@ var page_SurveyPage = /** @class */ (function (_super) {
|
|
|
4517
4529
|
var title = this.renderTitle();
|
|
4518
4530
|
var description = this.renderDescription();
|
|
4519
4531
|
var rows = this.renderRows(this.panelBase.cssClasses);
|
|
4520
|
-
var errors = (
|
|
4521
|
-
return (
|
|
4532
|
+
var errors = (g(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
|
|
4533
|
+
return (g("div", { ref: this.rootRef, className: this.page.cssRoot },
|
|
4522
4534
|
title,
|
|
4523
4535
|
description,
|
|
4524
4536
|
errors,
|
|
4525
4537
|
rows));
|
|
4526
4538
|
};
|
|
4527
4539
|
SurveyPage.prototype.renderTitle = function () {
|
|
4528
|
-
return
|
|
4540
|
+
return g(title_element_TitleElement, { element: this.page });
|
|
4529
4541
|
};
|
|
4530
4542
|
SurveyPage.prototype.renderDescription = function () {
|
|
4531
4543
|
if (!this.page._showDescription)
|
|
4532
4544
|
return null;
|
|
4533
4545
|
var text = reactquestion_element_SurveyElementBase.renderLocString(this.page.locDescription);
|
|
4534
|
-
return (
|
|
4546
|
+
return (g("div", { className: this.panelBase.cssClasses.page.description }, text));
|
|
4535
4547
|
};
|
|
4536
4548
|
return SurveyPage;
|
|
4537
4549
|
}(panel_base_SurveyPanelBase));
|
|
@@ -4960,7 +4972,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
4960
4972
|
_this.isSurveyUpdated = false;
|
|
4961
4973
|
_this.createSurvey(props);
|
|
4962
4974
|
_this.updateSurvey(props, {});
|
|
4963
|
-
_this.rootRef =
|
|
4975
|
+
_this.rootRef = b();
|
|
4964
4976
|
_this.rootNodeId = props.id || null;
|
|
4965
4977
|
_this.rootNodeClassName = props.className || "";
|
|
4966
4978
|
return _this;
|
|
@@ -5039,30 +5051,30 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5039
5051
|
else {
|
|
5040
5052
|
renderResult = this.renderSurvey();
|
|
5041
5053
|
}
|
|
5042
|
-
var backgroundImage = !!this.survey.backgroundImage ?
|
|
5043
|
-
var header = this.survey.headerView === "basic" ?
|
|
5054
|
+
var backgroundImage = !!this.survey.backgroundImage ? g("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
|
|
5055
|
+
var header = this.survey.headerView === "basic" ? g(survey_header_SurveyHeader, { survey: this.survey }) : null;
|
|
5044
5056
|
var onSubmit = function (event) {
|
|
5045
5057
|
event.preventDefault();
|
|
5046
5058
|
};
|
|
5047
|
-
var customHeader =
|
|
5059
|
+
var customHeader = g("div", { className: "sv_custom_header" });
|
|
5048
5060
|
if (this.survey.hasLogo) {
|
|
5049
5061
|
customHeader = null;
|
|
5050
5062
|
}
|
|
5051
5063
|
var rootCss = this.survey.getRootCss();
|
|
5052
5064
|
var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
|
|
5053
|
-
return (
|
|
5054
|
-
this.survey.needRenderIcons ?
|
|
5055
|
-
|
|
5056
|
-
|
|
5065
|
+
return (g("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
|
|
5066
|
+
this.survey.needRenderIcons ? g(svgbundle_SvgBundleComponent, null) : null,
|
|
5067
|
+
g(popup_modal_PopupModal, null),
|
|
5068
|
+
g("div", { className: this.survey.wrapperFormCss },
|
|
5057
5069
|
backgroundImage,
|
|
5058
|
-
|
|
5070
|
+
g("form", { onSubmit: onSubmit },
|
|
5059
5071
|
customHeader,
|
|
5060
|
-
|
|
5072
|
+
g("div", { className: this.css.container },
|
|
5061
5073
|
header,
|
|
5062
|
-
|
|
5074
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
|
|
5063
5075
|
renderResult,
|
|
5064
|
-
|
|
5065
|
-
|
|
5076
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
|
|
5077
|
+
g(notifier_NotifierComponent, { notifier: this.survey.notifier }))));
|
|
5066
5078
|
};
|
|
5067
5079
|
Survey.prototype.renderElement = function () {
|
|
5068
5080
|
return this.doRender();
|
|
@@ -5081,17 +5093,17 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5081
5093
|
if (!this.survey.showCompletedPage)
|
|
5082
5094
|
return null;
|
|
5083
5095
|
var htmlValue = { __html: this.survey.processedCompletedHtml };
|
|
5084
|
-
return (
|
|
5085
|
-
|
|
5086
|
-
|
|
5096
|
+
return (g(k, null,
|
|
5097
|
+
g("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
|
|
5098
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
|
|
5087
5099
|
};
|
|
5088
5100
|
Survey.prototype.renderCompletedBefore = function () {
|
|
5089
5101
|
var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
|
|
5090
|
-
return (
|
|
5102
|
+
return (g("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
|
|
5091
5103
|
};
|
|
5092
5104
|
Survey.prototype.renderLoading = function () {
|
|
5093
5105
|
var htmlValue = { __html: this.survey.processedLoadingHtml };
|
|
5094
|
-
return (
|
|
5106
|
+
return (g("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
|
|
5095
5107
|
};
|
|
5096
5108
|
Survey.prototype.renderSurvey = function () {
|
|
5097
5109
|
var activePage = this.survey.activePage
|
|
@@ -5104,22 +5116,22 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5104
5116
|
if (!!this.survey.renderedWidth) {
|
|
5105
5117
|
style.maxWidth = this.survey.renderedWidth;
|
|
5106
5118
|
}
|
|
5107
|
-
return (
|
|
5108
|
-
|
|
5109
|
-
|
|
5110
|
-
|
|
5111
|
-
|
|
5112
|
-
|
|
5119
|
+
return (g("div", { className: this.survey.bodyContainerCss },
|
|
5120
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "left" }),
|
|
5121
|
+
g("div", { className: "sv-components-column sv-components-column--expandable" },
|
|
5122
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "center" }),
|
|
5123
|
+
g("div", { id: pageId, className: className, style: style },
|
|
5124
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "contentTop" }),
|
|
5113
5125
|
activePage,
|
|
5114
|
-
|
|
5115
|
-
this.survey.showBrandInfo ?
|
|
5116
|
-
|
|
5126
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
|
|
5127
|
+
this.survey.showBrandInfo ? g(brand_info_BrandInfo, null) : null)),
|
|
5128
|
+
g(components_container_ComponentsContainer, { survey: this.survey, container: "right" })));
|
|
5117
5129
|
};
|
|
5118
5130
|
Survey.prototype.renderPage = function (page) {
|
|
5119
|
-
return (
|
|
5131
|
+
return (g(page_SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
|
|
5120
5132
|
};
|
|
5121
5133
|
Survey.prototype.renderEmptySurvey = function () {
|
|
5122
|
-
return
|
|
5134
|
+
return g("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
|
|
5123
5135
|
};
|
|
5124
5136
|
Survey.prototype.createSurvey = function (newProps) {
|
|
5125
5137
|
if (!newProps)
|
|
@@ -5212,7 +5224,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5212
5224
|
}(reactquestion_element_SurveyElementBase));
|
|
5213
5225
|
|
|
5214
5226
|
ReactElementFactory.Instance.registerElement("survey", function (props) {
|
|
5215
|
-
return
|
|
5227
|
+
return g(reactSurvey_Survey, props);
|
|
5216
5228
|
});
|
|
5217
5229
|
function attachKey2click(element, viewModel, options) {
|
|
5218
5230
|
if (options === void 0) { options = { processEsc: true, disableTabStop: false }; }
|
|
@@ -5288,7 +5300,7 @@ var SurveyNavigationBase = /** @class */ (function (_super) {
|
|
|
5288
5300
|
}
|
|
5289
5301
|
};
|
|
5290
5302
|
return SurveyNavigationBase;
|
|
5291
|
-
}(
|
|
5303
|
+
}(x));
|
|
5292
5304
|
|
|
5293
5305
|
|
|
5294
5306
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reacttimerpanel.tsx
|
|
@@ -5339,16 +5351,16 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
|
|
|
5339
5351
|
if (!this.timerModel.isRunning) {
|
|
5340
5352
|
return null;
|
|
5341
5353
|
}
|
|
5342
|
-
var result =
|
|
5354
|
+
var result = g("div", { className: this.timerModel.survey.getCss().timerRoot }, this.timerModel.text);
|
|
5343
5355
|
if (this.timerModel.showTimerAsClock) {
|
|
5344
5356
|
var style = { strokeDasharray: this.circleLength, strokeDashoffset: this.progress };
|
|
5345
|
-
var progress = (this.timerModel.showProgress ?
|
|
5357
|
+
var progress = (this.timerModel.showProgress ? g(svg_icon_SvgIcon, { className: this.timerModel.getProgressCss(), style: style, iconName: "icon-timercircle", size: "auto" }) : null);
|
|
5346
5358
|
result =
|
|
5347
|
-
(
|
|
5359
|
+
(g("div", { className: this.timerModel.rootCss },
|
|
5348
5360
|
progress,
|
|
5349
|
-
|
|
5350
|
-
|
|
5351
|
-
(this.timerModel.clockMinorText ?
|
|
5361
|
+
g("div", { className: this.timerModel.textContainerCss },
|
|
5362
|
+
g("span", { className: this.timerModel.majorTextCss }, this.timerModel.clockMajorText),
|
|
5363
|
+
(this.timerModel.clockMinorText ? g("span", { className: this.timerModel.minorTextCss }, this.timerModel.clockMinorText) : null))));
|
|
5352
5364
|
}
|
|
5353
5365
|
return result;
|
|
5354
5366
|
};
|
|
@@ -5356,7 +5368,7 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
|
|
|
5356
5368
|
}(ReactSurveyElement));
|
|
5357
5369
|
|
|
5358
5370
|
ReactElementFactory.Instance.registerElement("sv-timerpanel", function (props) {
|
|
5359
|
-
return
|
|
5371
|
+
return g(reacttimerpanel_SurveyTimerPanel, props);
|
|
5360
5372
|
});
|
|
5361
5373
|
|
|
5362
5374
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/panel.tsx
|
|
@@ -5401,7 +5413,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5401
5413
|
SurveyPanel.prototype.renderElement = function () {
|
|
5402
5414
|
var _this = this;
|
|
5403
5415
|
var header = this.renderHeader();
|
|
5404
|
-
var errors = (
|
|
5416
|
+
var errors = (g(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
|
|
5405
5417
|
var style = {
|
|
5406
5418
|
paddingLeft: this.panel.innerPaddingLeft,
|
|
5407
5419
|
display: this.panel.renderedIsExpanded ? undefined : "none",
|
|
@@ -5417,7 +5429,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5417
5429
|
if (_this.panelBase)
|
|
5418
5430
|
_this.panelBase.focusIn();
|
|
5419
5431
|
};
|
|
5420
|
-
return (
|
|
5432
|
+
return (g("div", { ref: this.rootRef, className: this.panelBase.getContainerCss(), onFocus: focusIn, id: this.panelBase.id },
|
|
5421
5433
|
this.panel.showErrorsAbovePanel ? errors : null,
|
|
5422
5434
|
header,
|
|
5423
5435
|
this.panel.showErrorsAbovePanel ? null : errors,
|
|
@@ -5427,7 +5439,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5427
5439
|
if (!this.panel.hasTitle && !this.panel.hasDescription) {
|
|
5428
5440
|
return null;
|
|
5429
5441
|
}
|
|
5430
|
-
return
|
|
5442
|
+
return g(element_header_SurveyElementHeader, { element: this.panel });
|
|
5431
5443
|
};
|
|
5432
5444
|
SurveyPanel.prototype.wrapElement = function (element) {
|
|
5433
5445
|
var survey = this.panel.survey;
|
|
@@ -5439,26 +5451,26 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5439
5451
|
};
|
|
5440
5452
|
SurveyPanel.prototype.renderContent = function (style, rows, className) {
|
|
5441
5453
|
var bottom = this.renderBottom();
|
|
5442
|
-
return (
|
|
5454
|
+
return (g("div", { style: style, className: className, id: this.panel.contentId },
|
|
5443
5455
|
rows,
|
|
5444
5456
|
bottom));
|
|
5445
5457
|
};
|
|
5446
5458
|
SurveyPanel.prototype.renderTitle = function () {
|
|
5447
5459
|
if (!this.panelBase.title)
|
|
5448
5460
|
return null;
|
|
5449
|
-
return
|
|
5461
|
+
return g(title_element_TitleElement, { element: this.panelBase });
|
|
5450
5462
|
};
|
|
5451
5463
|
SurveyPanel.prototype.renderDescription = function () {
|
|
5452
5464
|
if (!this.panelBase.description)
|
|
5453
5465
|
return null;
|
|
5454
5466
|
var text = reactquestion_element_SurveyElementBase.renderLocString(this.panelBase.locDescription);
|
|
5455
|
-
return (
|
|
5467
|
+
return (g("div", { className: this.panel.cssClasses.panel.description }, text));
|
|
5456
5468
|
};
|
|
5457
5469
|
SurveyPanel.prototype.renderBottom = function () {
|
|
5458
5470
|
var footerToolbar = this.panel.getFooterToolbar();
|
|
5459
5471
|
if (!footerToolbar.hasActions)
|
|
5460
5472
|
return null;
|
|
5461
|
-
return
|
|
5473
|
+
return g(action_bar_SurveyActionBar, { model: footerToolbar });
|
|
5462
5474
|
};
|
|
5463
5475
|
SurveyPanel.prototype.getIsVisible = function () {
|
|
5464
5476
|
return this.panelBase.getIsContentVisible();
|
|
@@ -5467,7 +5479,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5467
5479
|
}(panel_base_SurveyPanelBase));
|
|
5468
5480
|
|
|
5469
5481
|
ReactElementFactory.Instance.registerElement("panel", function (props) {
|
|
5470
|
-
return
|
|
5482
|
+
return g(panel_SurveyPanel, props);
|
|
5471
5483
|
});
|
|
5472
5484
|
|
|
5473
5485
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/flow-panel.tsx
|
|
@@ -5542,7 +5554,7 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5542
5554
|
var html = "<span>" + this.flowPanel.produceHtml() + "</span>";
|
|
5543
5555
|
if (!DOMParser) {
|
|
5544
5556
|
var htmlValue = { __html: html };
|
|
5545
|
-
return
|
|
5557
|
+
return g("div", { dangerouslySetInnerHTML: htmlValue });
|
|
5546
5558
|
}
|
|
5547
5559
|
var doc = new DOMParser().parseFromString(html, "text/xml");
|
|
5548
5560
|
this.renderedIndex = 0;
|
|
@@ -5575,8 +5587,8 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5575
5587
|
var nodeType = node.nodeName.toLowerCase();
|
|
5576
5588
|
var children = this.renderNodes(this.getChildDomNodes(node));
|
|
5577
5589
|
if (nodeType === "div")
|
|
5578
|
-
return
|
|
5579
|
-
return (
|
|
5590
|
+
return g("div", { key: this.getNodeIndex() }, children);
|
|
5591
|
+
return (g("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, children));
|
|
5580
5592
|
};
|
|
5581
5593
|
SurveyFlowPanel.prototype.renderNode = function (node) {
|
|
5582
5594
|
if (!this.hasTextChildNodesOnly(node)) {
|
|
@@ -5587,13 +5599,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5587
5599
|
var question = this.flowPanel.getQuestionByName(node.textContent);
|
|
5588
5600
|
if (!question)
|
|
5589
5601
|
return null;
|
|
5590
|
-
var questionBody = (
|
|
5591
|
-
return
|
|
5602
|
+
var questionBody = (g(reactquestion_SurveyQuestion, { key: question.name, element: question, creator: this.creator, css: this.css }));
|
|
5603
|
+
return g("span", { key: this.getNodeIndex() }, questionBody);
|
|
5592
5604
|
}
|
|
5593
5605
|
if (nodeType === "div") {
|
|
5594
|
-
return
|
|
5606
|
+
return g("div", { key: this.getNodeIndex() }, node.textContent);
|
|
5595
5607
|
}
|
|
5596
|
-
return (
|
|
5608
|
+
return (g("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, node.textContent));
|
|
5597
5609
|
};
|
|
5598
5610
|
SurveyFlowPanel.prototype.getChildDomNodes = function (node) {
|
|
5599
5611
|
var domNodes = [];
|
|
@@ -5611,13 +5623,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5611
5623
|
return true;
|
|
5612
5624
|
};
|
|
5613
5625
|
SurveyFlowPanel.prototype.renderContent = function (style, rows) {
|
|
5614
|
-
return
|
|
5626
|
+
return g("f-panel", { style: style }, rows);
|
|
5615
5627
|
};
|
|
5616
5628
|
return SurveyFlowPanel;
|
|
5617
5629
|
}(panel_SurveyPanel));
|
|
5618
5630
|
|
|
5619
5631
|
ReactElementFactory.Instance.registerElement("flowpanel", function (props) {
|
|
5620
|
-
return
|
|
5632
|
+
return g(flow_panel_SurveyFlowPanel, props);
|
|
5621
5633
|
});
|
|
5622
5634
|
|
|
5623
5635
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_checkbox.tsx
|
|
@@ -5657,8 +5669,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5657
5669
|
SurveyQuestionCheckbox.prototype.renderElement = function () {
|
|
5658
5670
|
var _this = this;
|
|
5659
5671
|
var cssClasses = this.question.cssClasses;
|
|
5660
|
-
return (
|
|
5661
|
-
|
|
5672
|
+
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 },
|
|
5673
|
+
g("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
5662
5674
|
this.getHeader(),
|
|
5663
5675
|
this.question.hasColumns
|
|
5664
5676
|
? this.getColumnedBody(cssClasses)
|
|
@@ -5683,7 +5695,7 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5683
5695
|
}
|
|
5684
5696
|
};
|
|
5685
5697
|
SurveyQuestionCheckbox.prototype.getColumnedBody = function (cssClasses) {
|
|
5686
|
-
return (
|
|
5698
|
+
return (g("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
|
|
5687
5699
|
};
|
|
5688
5700
|
SurveyQuestionCheckbox.prototype.getColumns = function (cssClasses) {
|
|
5689
5701
|
var _this = this;
|
|
@@ -5691,15 +5703,15 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5691
5703
|
var items = column.map(function (item, ii) {
|
|
5692
5704
|
return _this.renderItem(item, ci === 0 && ii === 0, cssClasses, "" + ci + ii);
|
|
5693
5705
|
});
|
|
5694
|
-
return (
|
|
5706
|
+
return (g("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
5695
5707
|
});
|
|
5696
5708
|
};
|
|
5697
5709
|
SurveyQuestionCheckbox.prototype.getBody = function (cssClasses) {
|
|
5698
5710
|
if (this.question.blockedRow) {
|
|
5699
|
-
return
|
|
5711
|
+
return g("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
|
|
5700
5712
|
}
|
|
5701
5713
|
else
|
|
5702
|
-
return
|
|
5714
|
+
return g(k, null, this.getItems(cssClasses, this.question.bodyItems));
|
|
5703
5715
|
};
|
|
5704
5716
|
SurveyQuestionCheckbox.prototype.getItems = function (cssClasses, choices) {
|
|
5705
5717
|
var renderedItems = [];
|
|
@@ -5722,8 +5734,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5722
5734
|
});
|
|
5723
5735
|
SurveyQuestionCheckbox.prototype.renderOther = function () {
|
|
5724
5736
|
var cssClasses = this.question.cssClasses;
|
|
5725
|
-
return (
|
|
5726
|
-
|
|
5737
|
+
return (g("div", { className: this.question.getCommentAreaCss(true) },
|
|
5738
|
+
g(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
|
|
5727
5739
|
};
|
|
5728
5740
|
SurveyQuestionCheckbox.prototype.renderItem = function (item, isFirst, cssClasses, index) {
|
|
5729
5741
|
var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
|
|
@@ -5753,7 +5765,7 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
|
|
|
5753
5765
|
_this.handleOnChange = function (event) {
|
|
5754
5766
|
_this.question.clickItemHandler(_this.item, event.target.checked);
|
|
5755
5767
|
};
|
|
5756
|
-
_this.rootRef =
|
|
5768
|
+
_this.rootRef = b();
|
|
5757
5769
|
return _this;
|
|
5758
5770
|
}
|
|
5759
5771
|
SurveyQuestionCheckboxItem.prototype.getStateElement = function () {
|
|
@@ -5838,14 +5850,14 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
|
|
|
5838
5850
|
var id = this.question.getItemId(this.item);
|
|
5839
5851
|
var itemClass = this.question.getItemClass(this.item);
|
|
5840
5852
|
var labelClass = this.question.getLabelClass(this.item);
|
|
5841
|
-
var itemLabel = !this.hideCaption ?
|
|
5842
|
-
return (
|
|
5843
|
-
|
|
5844
|
-
|
|
5853
|
+
var itemLabel = !this.hideCaption ? g("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
5854
|
+
return (g("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
5855
|
+
g("label", { className: labelClass },
|
|
5856
|
+
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() }),
|
|
5845
5857
|
this.cssClasses.materialDecorator ?
|
|
5846
|
-
|
|
5847
|
-
|
|
5848
|
-
|
|
5858
|
+
g("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
5859
|
+
g("svg", { className: this.cssClasses.itemDecorator },
|
|
5860
|
+
g("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
5849
5861
|
null) :
|
|
5850
5862
|
null,
|
|
5851
5863
|
itemLabel),
|
|
@@ -5867,10 +5879,10 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
|
|
|
5867
5879
|
}(ReactSurveyElement));
|
|
5868
5880
|
|
|
5869
5881
|
ReactElementFactory.Instance.registerElement("survey-checkbox-item", function (props) {
|
|
5870
|
-
return
|
|
5882
|
+
return g(reactquestion_checkbox_SurveyQuestionCheckboxItem, props);
|
|
5871
5883
|
});
|
|
5872
5884
|
ReactQuestionFactory.Instance.registerQuestion("checkbox", function (props) {
|
|
5873
|
-
return
|
|
5885
|
+
return g(reactquestion_checkbox_SurveyQuestionCheckbox, props);
|
|
5874
5886
|
});
|
|
5875
5887
|
|
|
5876
5888
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_ranking.tsx
|
|
@@ -5909,21 +5921,21 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
|
|
|
5909
5921
|
SurveyQuestionRanking.prototype.renderElement = function () {
|
|
5910
5922
|
var _this = this;
|
|
5911
5923
|
if (!this.question.selectToRankEnabled) {
|
|
5912
|
-
return (
|
|
5924
|
+
return (g("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
|
|
5913
5925
|
}
|
|
5914
5926
|
else {
|
|
5915
5927
|
var unrankedItem = true;
|
|
5916
|
-
return (
|
|
5917
|
-
|
|
5928
|
+
return (g("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
|
|
5929
|
+
g("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
|
|
5918
5930
|
this.getItems(this.question.renderedUnRankingChoices, unrankedItem),
|
|
5919
|
-
this.question.renderedUnRankingChoices.length === 0 ?
|
|
5931
|
+
this.question.renderedUnRankingChoices.length === 0 ? g("div", { className: this.question.cssClasses.containerPlaceholder },
|
|
5920
5932
|
" ",
|
|
5921
5933
|
this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText),
|
|
5922
5934
|
" ") : null),
|
|
5923
|
-
|
|
5924
|
-
|
|
5935
|
+
g("div", { className: this.question.cssClasses.containersDivider }),
|
|
5936
|
+
g("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
|
|
5925
5937
|
this.getItems(),
|
|
5926
|
-
this.question.renderedRankingChoices.length === 0 ?
|
|
5938
|
+
this.question.renderedRankingChoices.length === 0 ? g("div", { className: this.question.cssClasses.containerPlaceholder },
|
|
5927
5939
|
" ",
|
|
5928
5940
|
this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText),
|
|
5929
5941
|
" ") : null)));
|
|
@@ -5959,7 +5971,7 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
|
|
|
5959
5971
|
var index = i;
|
|
5960
5972
|
var indexText = this.question.getNumberByIndex(index);
|
|
5961
5973
|
var tabIndex = this.question.getItemTabIndex(item);
|
|
5962
|
-
var renderedItem = (
|
|
5974
|
+
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 }));
|
|
5963
5975
|
var survey = this.question.survey;
|
|
5964
5976
|
var wrappedItem = null;
|
|
5965
5977
|
if (!!survey) {
|
|
@@ -6060,21 +6072,21 @@ var reactquestion_ranking_SurveyQuestionRankingItem = /** @class */ (function (_
|
|
|
6060
6072
|
configurable: true
|
|
6061
6073
|
});
|
|
6062
6074
|
SurveyQuestionRankingItem.prototype.renderEmptyIcon = function () {
|
|
6063
|
-
return (
|
|
6064
|
-
|
|
6075
|
+
return (g("svg", null,
|
|
6076
|
+
g("use", { xlinkHref: this.question.dashSvgIcon })));
|
|
6065
6077
|
};
|
|
6066
6078
|
SurveyQuestionRankingItem.prototype.renderElement = function () {
|
|
6067
6079
|
var itemContent = ReactElementFactory.Instance.createElement(this.question.itemComponent, { item: this.item, cssClasses: this.cssClasses });
|
|
6068
|
-
return (
|
|
6069
|
-
|
|
6070
|
-
|
|
6071
|
-
|
|
6072
|
-
|
|
6073
|
-
|
|
6074
|
-
|
|
6075
|
-
|
|
6076
|
-
|
|
6077
|
-
|
|
6080
|
+
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 },
|
|
6081
|
+
g("div", { tabIndex: -1, style: { outline: "none" } },
|
|
6082
|
+
g("div", { className: this.cssClasses.itemGhostNode }),
|
|
6083
|
+
g("div", { className: this.cssClasses.itemContent },
|
|
6084
|
+
g("div", { className: this.cssClasses.itemIconContainer },
|
|
6085
|
+
g("svg", { className: this.question.getIconHoverCss() },
|
|
6086
|
+
g("use", { xlinkHref: this.question.dragDropSvgIcon })),
|
|
6087
|
+
g("svg", { className: this.question.getIconFocusCss() },
|
|
6088
|
+
g("use", { xlinkHref: this.question.arrowsSvgIcon }))),
|
|
6089
|
+
g("div", { className: this.question.getItemIndexClasses(this.item) }, (!this.unrankedItem && this.indexText) ? this.indexText : this.renderEmptyIcon()),
|
|
6078
6090
|
itemContent))));
|
|
6079
6091
|
};
|
|
6080
6092
|
return SurveyQuestionRankingItem;
|
|
@@ -6100,16 +6112,16 @@ var reactquestion_ranking_SurveyQuestionRankingItemContent = /** @class */ (func
|
|
|
6100
6112
|
configurable: true
|
|
6101
6113
|
});
|
|
6102
6114
|
SurveyQuestionRankingItemContent.prototype.renderElement = function () {
|
|
6103
|
-
return
|
|
6115
|
+
return g("div", { className: this.cssClasses.controlLabel }, reactquestion_element_SurveyElementBase.renderLocString(this.item.locText));
|
|
6104
6116
|
};
|
|
6105
6117
|
return SurveyQuestionRankingItemContent;
|
|
6106
6118
|
}(ReactSurveyElement));
|
|
6107
6119
|
|
|
6108
6120
|
ReactElementFactory.Instance.registerElement("sv-ranking-item", function (props) {
|
|
6109
|
-
return
|
|
6121
|
+
return g(reactquestion_ranking_SurveyQuestionRankingItemContent, props);
|
|
6110
6122
|
});
|
|
6111
6123
|
ReactQuestionFactory.Instance.registerQuestion("ranking", function (props) {
|
|
6112
|
-
return
|
|
6124
|
+
return g(reactquestion_ranking_SurveyQuestionRanking, props);
|
|
6113
6125
|
});
|
|
6114
6126
|
|
|
6115
6127
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/rating/rating-item.tsx
|
|
@@ -6397,22 +6409,22 @@ var tagbox_filter_TagboxFilterString = /** @class */ (function (_super) {
|
|
|
6397
6409
|
};
|
|
6398
6410
|
TagboxFilterString.prototype.render = function () {
|
|
6399
6411
|
var _this = this;
|
|
6400
|
-
return (
|
|
6412
|
+
return (g("div", { className: this.question.cssClasses.hint },
|
|
6401
6413
|
this.model.showHintPrefix ?
|
|
6402
|
-
(
|
|
6403
|
-
|
|
6404
|
-
|
|
6414
|
+
(g("div", { className: this.question.cssClasses.hintPrefix },
|
|
6415
|
+
g("span", null, this.model.hintStringPrefix))) : null,
|
|
6416
|
+
g("div", { className: this.question.cssClasses.hintSuffixWrapper },
|
|
6405
6417
|
this.model.showHintString ?
|
|
6406
|
-
(
|
|
6407
|
-
|
|
6408
|
-
|
|
6409
|
-
|
|
6418
|
+
(g("div", { className: this.question.cssClasses.hintSuffix },
|
|
6419
|
+
g("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
|
|
6420
|
+
g("span", null, this.model.hintStringSuffix))) : null,
|
|
6421
|
+
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); } }))));
|
|
6410
6422
|
};
|
|
6411
6423
|
return TagboxFilterString;
|
|
6412
6424
|
}(reactquestion_element_SurveyElementBase));
|
|
6413
6425
|
|
|
6414
6426
|
ReactQuestionFactory.Instance.registerQuestion("sv-tagbox-filter", function (props) {
|
|
6415
|
-
return
|
|
6427
|
+
return g(tagbox_filter_TagboxFilterString, props);
|
|
6416
6428
|
});
|
|
6417
6429
|
|
|
6418
6430
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-item.tsx
|
|
@@ -6477,7 +6489,7 @@ var dropdown_item_SurveyQuestionOptionItem = /** @class */ (function (_super) {
|
|
|
6477
6489
|
return !!this.item;
|
|
6478
6490
|
};
|
|
6479
6491
|
SurveyQuestionOptionItem.prototype.renderElement = function () {
|
|
6480
|
-
return (
|
|
6492
|
+
return (g("option", { value: this.item.value, disabled: !this.item.isEnabled }, this.item.text));
|
|
6481
6493
|
};
|
|
6482
6494
|
return SurveyQuestionOptionItem;
|
|
6483
6495
|
}(ReactSurveyElement));
|
|
@@ -6545,7 +6557,7 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
6545
6557
|
return this.questionBase.renderedValue;
|
|
6546
6558
|
};
|
|
6547
6559
|
SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
|
|
6548
|
-
return
|
|
6560
|
+
return g("div", null, this.question.readOnlyText);
|
|
6549
6561
|
};
|
|
6550
6562
|
SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
|
|
6551
6563
|
var _a, _b;
|
|
@@ -6554,16 +6566,16 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
6554
6566
|
var text = (this.question.selectedItemLocText) ? this.renderLocString(this.question.selectedItemLocText) : "";
|
|
6555
6567
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6556
6568
|
// @ts-ignore
|
|
6557
|
-
selectElement =
|
|
6569
|
+
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() },
|
|
6558
6570
|
text,
|
|
6559
6571
|
this.renderReadOnlyElement());
|
|
6560
6572
|
}
|
|
6561
6573
|
else {
|
|
6562
|
-
selectElement =
|
|
6574
|
+
selectElement = g(k, null,
|
|
6563
6575
|
this.renderInput(this.question["dropdownListModel"]),
|
|
6564
|
-
|
|
6576
|
+
g(popup_Popup, { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
|
|
6565
6577
|
}
|
|
6566
|
-
return (
|
|
6578
|
+
return (g("div", { className: cssClasses.selectWrapper, onClick: this.click },
|
|
6567
6579
|
selectElement,
|
|
6568
6580
|
this.createChevronButton()));
|
|
6569
6581
|
};
|
|
@@ -6585,38 +6597,38 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
6585
6597
|
dropdownListModel.inputStringRendered = e.target.value;
|
|
6586
6598
|
}
|
|
6587
6599
|
};
|
|
6588
|
-
return (
|
|
6600
|
+
return (g("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
6589
6601
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6590
6602
|
// @ts-ignore
|
|
6591
6603
|
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 },
|
|
6592
6604
|
dropdownListModel.showHintPrefix ?
|
|
6593
|
-
(
|
|
6594
|
-
|
|
6595
|
-
|
|
6605
|
+
(g("div", { className: this.question.cssClasses.hintPrefix },
|
|
6606
|
+
g("span", null, dropdownListModel.hintStringPrefix))) : null,
|
|
6607
|
+
g("div", { className: this.question.cssClasses.controlValue },
|
|
6596
6608
|
dropdownListModel.showHintString ?
|
|
6597
|
-
(
|
|
6598
|
-
|
|
6599
|
-
|
|
6609
|
+
(g("div", { className: this.question.cssClasses.hintSuffix },
|
|
6610
|
+
g("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
|
|
6611
|
+
g("span", null, dropdownListModel.hintStringSuffix))) : null,
|
|
6600
6612
|
valueElement,
|
|
6601
|
-
|
|
6613
|
+
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 })),
|
|
6602
6614
|
this.createClearButton()));
|
|
6603
6615
|
};
|
|
6604
6616
|
SurveyQuestionDropdownBase.prototype.createClearButton = function () {
|
|
6605
6617
|
if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
|
|
6606
6618
|
return null;
|
|
6607
6619
|
var style = { display: !this.question.showClearButton ? "none" : "" };
|
|
6608
|
-
return (
|
|
6609
|
-
|
|
6620
|
+
return (g("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
|
|
6621
|
+
g(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
|
|
6610
6622
|
};
|
|
6611
6623
|
SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
|
|
6612
6624
|
if (!this.question.cssClasses.chevronButtonIconId)
|
|
6613
6625
|
return null;
|
|
6614
|
-
return (
|
|
6615
|
-
|
|
6626
|
+
return (g("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
|
|
6627
|
+
g(svg_icon_SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
|
|
6616
6628
|
};
|
|
6617
6629
|
SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
|
|
6618
|
-
return (
|
|
6619
|
-
|
|
6630
|
+
return (g("div", { className: this.question.getCommentAreaCss(true) },
|
|
6631
|
+
g(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
|
|
6620
6632
|
};
|
|
6621
6633
|
SurveyQuestionDropdownBase.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
6622
6634
|
_super.prototype.componentDidUpdate.call(this, prevProps, prevState);
|
|
@@ -6672,7 +6684,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
|
|
|
6672
6684
|
var cssClasses = this.question.cssClasses;
|
|
6673
6685
|
var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
|
|
6674
6686
|
var select = this.renderSelect(cssClasses);
|
|
6675
|
-
return (
|
|
6687
|
+
return (g("div", { className: this.question.renderCssRoot },
|
|
6676
6688
|
select,
|
|
6677
6689
|
comment));
|
|
6678
6690
|
};
|
|
@@ -6680,7 +6692,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
|
|
|
6680
6692
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
6681
6693
|
|
|
6682
6694
|
ReactQuestionFactory.Instance.registerQuestion("dropdown", function (props) {
|
|
6683
|
-
return
|
|
6695
|
+
return g(reactquestion_dropdown_SurveyQuestionDropdown, props);
|
|
6684
6696
|
});
|
|
6685
6697
|
|
|
6686
6698
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/tagbox-item.tsx
|
|
@@ -6731,10 +6743,10 @@ var tagbox_item_SurveyQuestionTagboxItem = /** @class */ (function (_super) {
|
|
|
6731
6743
|
_this.question.dropdownListModel.deselectItem(_this.item.value);
|
|
6732
6744
|
event.stopPropagation();
|
|
6733
6745
|
};
|
|
6734
|
-
return (
|
|
6735
|
-
|
|
6736
|
-
|
|
6737
|
-
|
|
6746
|
+
return (g("div", { className: "sv-tagbox__item" },
|
|
6747
|
+
g("div", { className: "sv-tagbox__item-text" }, text),
|
|
6748
|
+
g("div", { className: this.question.cssClasses.cleanItemButton, onClick: removeItem },
|
|
6749
|
+
g(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanItemButtonSvg, iconName: this.question.cssClasses.cleanItemButtonIconId, size: "auto" }))));
|
|
6738
6750
|
};
|
|
6739
6751
|
return SurveyQuestionTagboxItem;
|
|
6740
6752
|
}(ReactSurveyElement));
|
|
@@ -6767,27 +6779,27 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
|
|
|
6767
6779
|
return _super.call(this, props) || this;
|
|
6768
6780
|
}
|
|
6769
6781
|
SurveyQuestionTagbox.prototype.renderItem = function (key, item) {
|
|
6770
|
-
var renderedItem = (
|
|
6782
|
+
var renderedItem = (g(tagbox_item_SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
|
|
6771
6783
|
return renderedItem;
|
|
6772
6784
|
};
|
|
6773
6785
|
SurveyQuestionTagbox.prototype.renderInput = function (dropdownListModel) {
|
|
6774
6786
|
var _this = this;
|
|
6775
6787
|
var dropdownMultiSelectListModel = dropdownListModel;
|
|
6776
6788
|
var items = this.question.selectedChoices.map(function (choice, index) { return _this.renderItem("item" + index, choice); });
|
|
6777
|
-
return (
|
|
6789
|
+
return (g("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
6778
6790
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6779
6791
|
// @ts-ignore
|
|
6780
6792
|
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 },
|
|
6781
|
-
|
|
6793
|
+
g("div", { className: this.question.cssClasses.controlValue },
|
|
6782
6794
|
items,
|
|
6783
|
-
|
|
6795
|
+
g(tagbox_filter_TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
|
|
6784
6796
|
this.createClearButton()));
|
|
6785
6797
|
};
|
|
6786
6798
|
SurveyQuestionTagbox.prototype.renderElement = function () {
|
|
6787
6799
|
var cssClasses = this.question.cssClasses;
|
|
6788
6800
|
var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
|
|
6789
6801
|
var select = this.renderSelect(cssClasses);
|
|
6790
|
-
return (
|
|
6802
|
+
return (g("div", { className: this.question.renderCssRoot },
|
|
6791
6803
|
select,
|
|
6792
6804
|
comment));
|
|
6793
6805
|
};
|
|
@@ -6803,7 +6815,7 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
|
|
|
6803
6815
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
6804
6816
|
|
|
6805
6817
|
ReactQuestionFactory.Instance.registerQuestion("tagbox", function (props) {
|
|
6806
|
-
return
|
|
6818
|
+
return g(reactquestion_tagbox_SurveyQuestionTagbox, props);
|
|
6807
6819
|
});
|
|
6808
6820
|
|
|
6809
6821
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-select.tsx
|
|
@@ -6843,11 +6855,11 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
|
|
|
6843
6855
|
var selectElement = this.isDisplayMode ? (
|
|
6844
6856
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6845
6857
|
// @ts-ignore
|
|
6846
|
-
|
|
6847
|
-
(
|
|
6848
|
-
this.question.allowClear ? (
|
|
6849
|
-
this.question.visibleChoices.map(function (item, i) { return
|
|
6850
|
-
return (
|
|
6858
|
+
g("div", { id: this.question.inputId, className: this.question.getControlClass(), disabled: true }, this.question.readOnlyText)) :
|
|
6859
|
+
(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 },
|
|
6860
|
+
this.question.allowClear ? (g("option", { value: "" }, this.question.placeholder)) : null,
|
|
6861
|
+
this.question.visibleChoices.map(function (item, i) { return g(dropdown_item_SurveyQuestionOptionItem, { key: "item" + i, item: item }); })));
|
|
6862
|
+
return (g("div", { className: cssClasses.selectWrapper },
|
|
6851
6863
|
selectElement,
|
|
6852
6864
|
this.createChevronButton()));
|
|
6853
6865
|
};
|
|
@@ -6855,7 +6867,7 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
|
|
|
6855
6867
|
}(reactquestion_dropdown_SurveyQuestionDropdown));
|
|
6856
6868
|
|
|
6857
6869
|
ReactQuestionFactory.Instance.registerQuestion("sv-dropdown-select", function (props) {
|
|
6858
|
-
return
|
|
6870
|
+
return g(dropdown_select_SurveyQuestionDropdownSelect, props);
|
|
6859
6871
|
});
|
|
6860
6872
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("dropdown", "select", "sv-dropdown-select");
|
|
6861
6873
|
|
|
@@ -6912,7 +6924,7 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
|
|
|
6912
6924
|
SurveyQuestionMatrix.prototype.renderElement = function () {
|
|
6913
6925
|
var _this = this;
|
|
6914
6926
|
var cssClasses = this.question.cssClasses;
|
|
6915
|
-
var rowsTH = this.question.hasRows ?
|
|
6927
|
+
var rowsTH = this.question.hasRows ? g("td", null) : null;
|
|
6916
6928
|
var headers = [];
|
|
6917
6929
|
for (var i = 0; i < this.question.visibleColumns.length; i++) {
|
|
6918
6930
|
var column = this.question.visibleColumns[i];
|
|
@@ -6923,25 +6935,25 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
|
|
|
6923
6935
|
style.minWidth = this.question.columnMinWidth;
|
|
6924
6936
|
style.width = this.question.columnMinWidth;
|
|
6925
6937
|
}
|
|
6926
|
-
headers.push(
|
|
6938
|
+
headers.push(g("th", { className: this.question.cssClasses.headerCell, style: style, key: key }, this.wrapCell({ column: column }, columText, "column-header")));
|
|
6927
6939
|
}
|
|
6928
6940
|
var rows = [];
|
|
6929
6941
|
var visibleRows = this.question.visibleRows;
|
|
6930
6942
|
for (var i = 0; i < visibleRows.length; i++) {
|
|
6931
6943
|
var row = visibleRows[i];
|
|
6932
6944
|
var key = "row-" + row.name + "-" + i;
|
|
6933
|
-
rows.push(
|
|
6945
|
+
rows.push(g(reactquestion_matrix_SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
|
|
6934
6946
|
}
|
|
6935
|
-
var header = !this.question.showHeader ? null : (
|
|
6936
|
-
|
|
6947
|
+
var header = !this.question.showHeader ? null : (g("thead", null,
|
|
6948
|
+
g("tr", null,
|
|
6937
6949
|
rowsTH,
|
|
6938
6950
|
headers)));
|
|
6939
|
-
return (
|
|
6940
|
-
|
|
6941
|
-
|
|
6942
|
-
|
|
6951
|
+
return (g("div", { className: cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
|
|
6952
|
+
g("fieldset", null,
|
|
6953
|
+
g("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
6954
|
+
g("table", { className: this.question.getTableCss() },
|
|
6943
6955
|
header,
|
|
6944
|
-
|
|
6956
|
+
g("tbody", null, rows)))));
|
|
6945
6957
|
};
|
|
6946
6958
|
return SurveyQuestionMatrix;
|
|
6947
6959
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -6993,10 +7005,10 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
6993
7005
|
style.minWidth = this.question.rowTitleWidth;
|
|
6994
7006
|
style.width = this.question.rowTitleWidth;
|
|
6995
7007
|
}
|
|
6996
|
-
rowsTD =
|
|
7008
|
+
rowsTD = g("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
|
|
6997
7009
|
}
|
|
6998
7010
|
var tds = this.generateTds();
|
|
6999
|
-
return (
|
|
7011
|
+
return (g("tr", { className: this.row.rowClasses || undefined },
|
|
7000
7012
|
rowsTD,
|
|
7001
7013
|
tds));
|
|
7002
7014
|
};
|
|
@@ -7012,7 +7024,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
7012
7024
|
var itemClass = this_1.question.getItemClass(row, column);
|
|
7013
7025
|
if (this_1.question.hasCellText) {
|
|
7014
7026
|
var getHandler = function (column) { return function () { return _this.cellClick(row, column); }; };
|
|
7015
|
-
td = (
|
|
7027
|
+
td = (g("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
|
|
7016
7028
|
}
|
|
7017
7029
|
else {
|
|
7018
7030
|
var renderedCell = ReactElementFactory.Instance.createElement(cellComponent, {
|
|
@@ -7023,7 +7035,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
7023
7035
|
cssClasses: this_1.cssClasses,
|
|
7024
7036
|
cellChanged: function () { _this.cellClick(_this.row, column); }
|
|
7025
7037
|
});
|
|
7026
|
-
td = (
|
|
7038
|
+
td = (g("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
|
|
7027
7039
|
}
|
|
7028
7040
|
tds.push(td);
|
|
7029
7041
|
};
|
|
@@ -7092,27 +7104,27 @@ var reactquestion_matrix_SurveyQuestionMatrixCell = /** @class */ (function (_su
|
|
|
7092
7104
|
var inputId = this.question.inputId + "_" + this.row.name + "_" + this.columnIndex;
|
|
7093
7105
|
var itemClass = this.question.getItemClass(this.row, this.column);
|
|
7094
7106
|
var mobileSpan = this.question.isMobile ?
|
|
7095
|
-
(
|
|
7107
|
+
(g("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
|
|
7096
7108
|
: undefined;
|
|
7097
|
-
return (
|
|
7109
|
+
return (g("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
|
|
7098
7110
|
this.renderInput(inputId, isChecked),
|
|
7099
|
-
|
|
7100
|
-
|
|
7101
|
-
|
|
7111
|
+
g("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
7112
|
+
g("svg", { className: this.cssClasses.itemDecorator },
|
|
7113
|
+
g("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
7102
7114
|
null),
|
|
7103
7115
|
mobileSpan));
|
|
7104
7116
|
};
|
|
7105
7117
|
SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
|
|
7106
|
-
return (
|
|
7118
|
+
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 }));
|
|
7107
7119
|
};
|
|
7108
7120
|
return SurveyQuestionMatrixCell;
|
|
7109
7121
|
}(ReactSurveyElement));
|
|
7110
7122
|
|
|
7111
7123
|
ReactElementFactory.Instance.registerElement("survey-matrix-cell", function (props) {
|
|
7112
|
-
return
|
|
7124
|
+
return g(reactquestion_matrix_SurveyQuestionMatrixCell, props);
|
|
7113
7125
|
});
|
|
7114
7126
|
ReactQuestionFactory.Instance.registerQuestion("matrix", function (props) {
|
|
7115
|
-
return
|
|
7127
|
+
return g(reactquestion_matrix_SurveyQuestionMatrix, props);
|
|
7116
7128
|
});
|
|
7117
7129
|
|
|
7118
7130
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_html.tsx
|
|
@@ -7166,13 +7178,13 @@ var reactquestion_html_SurveyQuestionHtml = /** @class */ (function (_super) {
|
|
|
7166
7178
|
};
|
|
7167
7179
|
SurveyQuestionHtml.prototype.renderElement = function () {
|
|
7168
7180
|
var htmlValue = { __html: this.question.locHtml.renderedHtml };
|
|
7169
|
-
return (
|
|
7181
|
+
return (g("div", { className: this.question.renderCssRoot, dangerouslySetInnerHTML: htmlValue }));
|
|
7170
7182
|
};
|
|
7171
7183
|
return SurveyQuestionHtml;
|
|
7172
7184
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
7173
7185
|
|
|
7174
7186
|
ReactQuestionFactory.Instance.registerQuestion("html", function (props) {
|
|
7175
|
-
return
|
|
7187
|
+
return g(reactquestion_html_SurveyQuestionHtml, props);
|
|
7176
7188
|
});
|
|
7177
7189
|
|
|
7178
7190
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/loading-indicator.tsx
|
|
@@ -7199,11 +7211,11 @@ var loading_indicator_LoadingIndicatorComponent = /** @class */ (function (_supe
|
|
|
7199
7211
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
7200
7212
|
}
|
|
7201
7213
|
LoadingIndicatorComponent.prototype.render = function () {
|
|
7202
|
-
return (
|
|
7203
|
-
|
|
7214
|
+
return (g("div", { className: "sd-loading-indicator" },
|
|
7215
|
+
g(svg_icon_SvgIcon, { iconName: "icon-loading", size: "auto" })));
|
|
7204
7216
|
};
|
|
7205
7217
|
return LoadingIndicatorComponent;
|
|
7206
|
-
}(
|
|
7218
|
+
}(x));
|
|
7207
7219
|
|
|
7208
7220
|
|
|
7209
7221
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-choose-button.tsx
|
|
@@ -7298,23 +7310,23 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
|
|
|
7298
7310
|
var fileDecorator = this.question.showFileDecorator ? this.renderFileDecorator() : null;
|
|
7299
7311
|
var clearButton = this.question.showRemoveButton ? this.renderClearButton(this.question.cssClasses.removeButton) : null;
|
|
7300
7312
|
var clearButtonBottom = this.question.showRemoveButtonBottom ? this.renderClearButton(this.question.cssClasses.removeButtonBottom) : null;
|
|
7301
|
-
var fileNavigator = this.question.fileNavigatorVisible ? (
|
|
7313
|
+
var fileNavigator = this.question.fileNavigatorVisible ? (g(action_bar_SurveyActionBar, { model: this.question.fileNavigator })) : null;
|
|
7302
7314
|
var fileInput;
|
|
7303
7315
|
if (this.question.isReadOnlyAttr) {
|
|
7304
|
-
fileInput =
|
|
7316
|
+
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 });
|
|
7305
7317
|
}
|
|
7306
7318
|
else if (this.question.isDisabledAttr) {
|
|
7307
|
-
fileInput =
|
|
7319
|
+
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 });
|
|
7308
7320
|
}
|
|
7309
7321
|
else if (this.question.hasFileUI) {
|
|
7310
|
-
fileInput =
|
|
7322
|
+
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 });
|
|
7311
7323
|
}
|
|
7312
7324
|
else {
|
|
7313
7325
|
fileInput = null;
|
|
7314
7326
|
}
|
|
7315
|
-
return (
|
|
7327
|
+
return (g("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
|
|
7316
7328
|
fileInput,
|
|
7317
|
-
|
|
7329
|
+
g("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
|
|
7318
7330
|
fileDecorator,
|
|
7319
7331
|
loadingIndicator,
|
|
7320
7332
|
video,
|
|
@@ -7325,42 +7337,42 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
|
|
|
7325
7337
|
};
|
|
7326
7338
|
SurveyQuestionFile.prototype.renderFileDecorator = function () {
|
|
7327
7339
|
var chooseButton = this.question.showChooseButton ? this.renderChooseButton() : null;
|
|
7328
|
-
var actionsContainer = this.question.actionsContainerVisible ?
|
|
7329
|
-
var noFileChosen = this.question.isEmpty() ? (
|
|
7330
|
-
return (
|
|
7331
|
-
|
|
7332
|
-
|
|
7340
|
+
var actionsContainer = this.question.actionsContainerVisible ? g(action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
|
|
7341
|
+
var noFileChosen = this.question.isEmpty() ? (g("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
|
|
7342
|
+
return (g("div", { className: this.question.getFileDecoratorCss() },
|
|
7343
|
+
g("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
|
|
7344
|
+
g("div", { className: this.question.cssClasses.wrapper },
|
|
7333
7345
|
chooseButton,
|
|
7334
7346
|
actionsContainer,
|
|
7335
7347
|
noFileChosen)));
|
|
7336
7348
|
};
|
|
7337
7349
|
SurveyQuestionFile.prototype.renderChooseButton = function () {
|
|
7338
|
-
return
|
|
7350
|
+
return g(file_choose_button_SurveyFileChooseButton, { data: { question: this.question } });
|
|
7339
7351
|
};
|
|
7340
7352
|
SurveyQuestionFile.prototype.renderClearButton = function (className) {
|
|
7341
|
-
return !this.question.isUploading ? (
|
|
7342
|
-
|
|
7343
|
-
(!!this.question.cssClasses.removeButtonIconId) ?
|
|
7353
|
+
return !this.question.isUploading ? (g("button", { type: "button", onClick: this.question.doClean, className: className },
|
|
7354
|
+
g("span", null, this.question.clearButtonCaption),
|
|
7355
|
+
(!!this.question.cssClasses.removeButtonIconId) ? g(svg_icon_SvgIcon, { iconName: this.question.cssClasses.removeButtonIconId, size: "auto", title: this.question.clearButtonCaption }) : null)) : null;
|
|
7344
7356
|
};
|
|
7345
7357
|
SurveyQuestionFile.prototype.renderPreview = function () {
|
|
7346
7358
|
return ReactElementFactory.Instance.createElement("sv-file-preview", { question: this.question });
|
|
7347
7359
|
};
|
|
7348
7360
|
SurveyQuestionFile.prototype.renderLoadingIndicator = function () {
|
|
7349
|
-
return
|
|
7350
|
-
|
|
7361
|
+
return g("div", { className: this.question.cssClasses.loadingIndicator },
|
|
7362
|
+
g(loading_indicator_LoadingIndicatorComponent, null));
|
|
7351
7363
|
};
|
|
7352
7364
|
SurveyQuestionFile.prototype.renderVideo = function () {
|
|
7353
|
-
return (
|
|
7354
|
-
|
|
7355
|
-
|
|
7356
|
-
|
|
7357
|
-
|
|
7365
|
+
return (g("div", { className: this.question.cssClasses.videoContainer },
|
|
7366
|
+
g(action_bar_item_SurveyAction, { item: this.question.changeCameraAction }),
|
|
7367
|
+
g(action_bar_item_SurveyAction, { item: this.question.closeCameraAction }),
|
|
7368
|
+
g("video", { autoPlay: true, playsInline: true, id: this.question.videoId, className: this.question.cssClasses.video }),
|
|
7369
|
+
g(action_bar_item_SurveyAction, { item: this.question.takePictureAction })));
|
|
7358
7370
|
};
|
|
7359
7371
|
return SurveyQuestionFile;
|
|
7360
7372
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
7361
7373
|
|
|
7362
7374
|
ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
|
|
7363
|
-
return
|
|
7375
|
+
return g(reactquestion_file_SurveyQuestionFile, props);
|
|
7364
7376
|
});
|
|
7365
7377
|
|
|
7366
7378
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-item.tsx
|
|
@@ -7578,19 +7590,19 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
|
|
|
7578
7590
|
rows.push(this.renderRow(i, tableRows[i].cells, cssClasses));
|
|
7579
7591
|
}
|
|
7580
7592
|
}
|
|
7581
|
-
return (
|
|
7582
|
-
|
|
7593
|
+
return (g("table", { className: this.question.getQuestionRootCss() },
|
|
7594
|
+
g("tbody", null, rows)));
|
|
7583
7595
|
};
|
|
7584
7596
|
SurveyQuestionMultipleText.prototype.renderCell = function (cell, cssClasses, index) {
|
|
7585
7597
|
var cellContent;
|
|
7586
7598
|
var focusIn = function () { cell.item.focusIn(); };
|
|
7587
7599
|
if (cell.isErrorsCell) {
|
|
7588
|
-
cellContent =
|
|
7600
|
+
cellContent = g(reactquestion_SurveyQuestionErrorCell, { question: cell.item.editor, creator: this.creator });
|
|
7589
7601
|
}
|
|
7590
7602
|
else {
|
|
7591
|
-
cellContent =
|
|
7603
|
+
cellContent = g(reactquestion_multipletext_SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
|
|
7592
7604
|
}
|
|
7593
|
-
return (
|
|
7605
|
+
return (g("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
|
|
7594
7606
|
};
|
|
7595
7607
|
SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, cells, cssClasses) {
|
|
7596
7608
|
var key = "item" + rowIndex;
|
|
@@ -7599,7 +7611,7 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
|
|
|
7599
7611
|
var cell = cells[i];
|
|
7600
7612
|
tds.push(this.renderCell(cell, cssClasses, i));
|
|
7601
7613
|
}
|
|
7602
|
-
return (
|
|
7614
|
+
return (g("tr", { key: key, className: cssClasses.row }, tds));
|
|
7603
7615
|
};
|
|
7604
7616
|
return SurveyQuestionMultipleText;
|
|
7605
7617
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -7641,10 +7653,10 @@ var reactquestion_multipletext_SurveyMultipleTextItem = /** @class */ (function
|
|
|
7641
7653
|
titleStyle.minWidth = this.question.itemTitleWidth;
|
|
7642
7654
|
titleStyle.width = this.question.itemTitleWidth;
|
|
7643
7655
|
}
|
|
7644
|
-
return (
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7656
|
+
return (g("label", { className: this.question.getItemLabelCss(item) },
|
|
7657
|
+
g("span", { className: cssClasses.itemTitle, style: titleStyle },
|
|
7658
|
+
g(title_content_TitleContent, { element: item.editor, cssClasses: item.editor.cssClasses })),
|
|
7659
|
+
g(reactquestion_multipletext_SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
|
|
7648
7660
|
};
|
|
7649
7661
|
return SurveyMultipleTextItem;
|
|
7650
7662
|
}(ReactSurveyElement));
|
|
@@ -7655,13 +7667,13 @@ var reactquestion_multipletext_SurveyMultipleTextItemEditor = /** @class */ (fun
|
|
|
7655
7667
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
7656
7668
|
}
|
|
7657
7669
|
SurveyMultipleTextItemEditor.prototype.renderElement = function () {
|
|
7658
|
-
return
|
|
7670
|
+
return g("div", { className: this.itemCss }, this.renderContent());
|
|
7659
7671
|
};
|
|
7660
7672
|
return SurveyMultipleTextItemEditor;
|
|
7661
7673
|
}(reactquestion_SurveyQuestionAndErrorsWrapped));
|
|
7662
7674
|
|
|
7663
7675
|
ReactQuestionFactory.Instance.registerQuestion("multipletext", function (props) {
|
|
7664
|
-
return
|
|
7676
|
+
return g(reactquestion_multipletext_SurveyQuestionMultipleText, props);
|
|
7665
7677
|
});
|
|
7666
7678
|
|
|
7667
7679
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_radiogroup.tsx
|
|
@@ -7703,10 +7715,10 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7703
7715
|
var cssClasses = this.question.cssClasses;
|
|
7704
7716
|
var clearButton = null;
|
|
7705
7717
|
if (this.question.showClearButtonInContent) {
|
|
7706
|
-
clearButton = (
|
|
7707
|
-
|
|
7718
|
+
clearButton = (g("div", null,
|
|
7719
|
+
g("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
|
|
7708
7720
|
}
|
|
7709
|
-
return (
|
|
7721
|
+
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 },
|
|
7710
7722
|
this.question.hasColumns
|
|
7711
7723
|
? this.getColumnedBody(cssClasses)
|
|
7712
7724
|
: this.getBody(cssClasses),
|
|
@@ -7723,7 +7735,7 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7723
7735
|
}
|
|
7724
7736
|
};
|
|
7725
7737
|
SurveyQuestionRadiogroup.prototype.getColumnedBody = function (cssClasses) {
|
|
7726
|
-
return (
|
|
7738
|
+
return (g("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
|
|
7727
7739
|
};
|
|
7728
7740
|
SurveyQuestionRadiogroup.prototype.getColumns = function (cssClasses) {
|
|
7729
7741
|
var _this = this;
|
|
@@ -7732,15 +7744,15 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7732
7744
|
var items = column.map(function (item, ii) {
|
|
7733
7745
|
return _this.renderItem(item, value, cssClasses, "" + ci + ii);
|
|
7734
7746
|
});
|
|
7735
|
-
return (
|
|
7747
|
+
return (g("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
7736
7748
|
});
|
|
7737
7749
|
};
|
|
7738
7750
|
SurveyQuestionRadiogroup.prototype.getBody = function (cssClasses) {
|
|
7739
7751
|
if (this.question.blockedRow) {
|
|
7740
|
-
return
|
|
7752
|
+
return g("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
|
|
7741
7753
|
}
|
|
7742
7754
|
else
|
|
7743
|
-
return
|
|
7755
|
+
return g(k, null, this.getItems(cssClasses, this.question.bodyItems));
|
|
7744
7756
|
};
|
|
7745
7757
|
SurveyQuestionRadiogroup.prototype.getItems = function (cssClasses, choices) {
|
|
7746
7758
|
var items = [];
|
|
@@ -7760,8 +7772,8 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7760
7772
|
configurable: true
|
|
7761
7773
|
});
|
|
7762
7774
|
SurveyQuestionRadiogroup.prototype.renderOther = function (cssClasses) {
|
|
7763
|
-
return (
|
|
7764
|
-
|
|
7775
|
+
return (g("div", { className: this.question.getCommentAreaCss(true) },
|
|
7776
|
+
g(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
|
|
7765
7777
|
};
|
|
7766
7778
|
SurveyQuestionRadiogroup.prototype.renderItem = function (item, value, cssClasses, index) {
|
|
7767
7779
|
var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
|
|
@@ -7791,7 +7803,7 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
|
|
|
7791
7803
|
reactquestion_radiogroup_extends(SurveyQuestionRadioItem, _super);
|
|
7792
7804
|
function SurveyQuestionRadioItem(props) {
|
|
7793
7805
|
var _this = _super.call(this, props) || this;
|
|
7794
|
-
_this.rootRef =
|
|
7806
|
+
_this.rootRef = b();
|
|
7795
7807
|
_this.handleOnChange = _this.handleOnChange.bind(_this);
|
|
7796
7808
|
_this.handleOnMouseDown = _this.handleOnMouseDown.bind(_this);
|
|
7797
7809
|
return _this;
|
|
@@ -7875,14 +7887,14 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
|
|
|
7875
7887
|
var itemClass = this.question.getItemClass(this.item);
|
|
7876
7888
|
var labelClass = this.question.getLabelClass(this.item);
|
|
7877
7889
|
var controlLabelClass = this.question.getControlLabelClass(this.item);
|
|
7878
|
-
var itemLabel = !this.hideCaption ?
|
|
7879
|
-
return (
|
|
7880
|
-
|
|
7881
|
-
|
|
7890
|
+
var itemLabel = !this.hideCaption ? g("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
7891
|
+
return (g("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
7892
|
+
g("label", { onMouseDown: this.handleOnMouseDown, className: labelClass },
|
|
7893
|
+
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 }),
|
|
7882
7894
|
this.cssClasses.materialDecorator ?
|
|
7883
|
-
|
|
7884
|
-
|
|
7885
|
-
|
|
7895
|
+
g("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
7896
|
+
g("svg", { className: this.cssClasses.itemDecorator },
|
|
7897
|
+
g("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
7886
7898
|
null) :
|
|
7887
7899
|
null,
|
|
7888
7900
|
itemLabel)));
|
|
@@ -7903,10 +7915,10 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
|
|
|
7903
7915
|
}(ReactSurveyElement));
|
|
7904
7916
|
|
|
7905
7917
|
ReactElementFactory.Instance.registerElement("survey-radiogroup-item", function (props) {
|
|
7906
|
-
return
|
|
7918
|
+
return g(reactquestion_radiogroup_SurveyQuestionRadioItem, props);
|
|
7907
7919
|
});
|
|
7908
7920
|
ReactQuestionFactory.Instance.registerQuestion("radiogroup", function (props) {
|
|
7909
|
-
return
|
|
7921
|
+
return g(reactquestion_radiogroup_SurveyQuestionRadiogroup, props);
|
|
7910
7922
|
});
|
|
7911
7923
|
|
|
7912
7924
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_text.tsx
|
|
@@ -7941,11 +7953,11 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
7941
7953
|
var inputClass = this.question.getControlClass();
|
|
7942
7954
|
var placeholder = this.question.renderedPlaceholder;
|
|
7943
7955
|
if (this.question.isReadOnlyRenderDiv()) {
|
|
7944
|
-
return
|
|
7956
|
+
return g("div", null, this.question.inputValue);
|
|
7945
7957
|
}
|
|
7946
|
-
var counter = !!this.question.getMaxLength() ? (
|
|
7947
|
-
return (
|
|
7948
|
-
|
|
7958
|
+
var counter = !!this.question.getMaxLength() ? (g(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
|
|
7959
|
+
return (g(k, null,
|
|
7960
|
+
g("input", { id: this.question.inputId,
|
|
7949
7961
|
// disabled={this.isDisplayMode}
|
|
7950
7962
|
disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: inputClass, type: this.question.inputType,
|
|
7951
7963
|
//ref={this.controlRef}
|
|
@@ -7954,7 +7966,7 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
7954
7966
|
};
|
|
7955
7967
|
SurveyQuestionText.prototype.renderElement = function () {
|
|
7956
7968
|
return (this.question.dataListId ?
|
|
7957
|
-
|
|
7969
|
+
g("div", null,
|
|
7958
7970
|
this.renderInput(),
|
|
7959
7971
|
this.renderDataList()) :
|
|
7960
7972
|
this.renderInput());
|
|
@@ -7973,15 +7985,15 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
7973
7985
|
return null;
|
|
7974
7986
|
var options = [];
|
|
7975
7987
|
for (var i = 0; i < items.length; i++) {
|
|
7976
|
-
options.push(
|
|
7988
|
+
options.push(g("option", { key: "item" + i, value: items[i] }));
|
|
7977
7989
|
}
|
|
7978
|
-
return
|
|
7990
|
+
return g("datalist", { id: this.question.dataListId }, options);
|
|
7979
7991
|
};
|
|
7980
7992
|
return SurveyQuestionText;
|
|
7981
7993
|
}(reactquestion_element_SurveyQuestionUncontrolledElement));
|
|
7982
7994
|
|
|
7983
7995
|
ReactQuestionFactory.Instance.registerQuestion("text", function (props) {
|
|
7984
|
-
return
|
|
7996
|
+
return g(reactquestion_text_SurveyQuestionText, props);
|
|
7985
7997
|
});
|
|
7986
7998
|
|
|
7987
7999
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean.tsx
|
|
@@ -8012,7 +8024,7 @@ var boolean_SurveyQuestionBoolean = /** @class */ (function (_super) {
|
|
|
8012
8024
|
_this.handleOnLabelClick = _this.handleOnLabelClick.bind(_this);
|
|
8013
8025
|
_this.handleOnSwitchClick = _this.handleOnSwitchClick.bind(_this);
|
|
8014
8026
|
_this.handleOnKeyDown = _this.handleOnKeyDown.bind(_this);
|
|
8015
|
-
_this.checkRef =
|
|
8027
|
+
_this.checkRef = b();
|
|
8016
8028
|
return _this;
|
|
8017
8029
|
}
|
|
8018
8030
|
SurveyQuestionBoolean.prototype.getStateElement = function () {
|
|
@@ -8062,25 +8074,25 @@ var boolean_SurveyQuestionBoolean = /** @class */ (function (_super) {
|
|
|
8062
8074
|
var _this = this;
|
|
8063
8075
|
var cssClasses = this.question.cssClasses;
|
|
8064
8076
|
var itemClass = this.question.getItemCss();
|
|
8065
|
-
return (
|
|
8066
|
-
|
|
8067
|
-
|
|
8077
|
+
return (g("div", { className: cssClasses.root, onKeyDown: this.handleOnKeyDown },
|
|
8078
|
+
g("label", { className: itemClass, onClick: this.handleOnClick },
|
|
8079
|
+
g("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
|
|
8068
8080
|
? ""
|
|
8069
8081
|
: 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 }),
|
|
8070
|
-
|
|
8071
|
-
|
|
8072
|
-
|
|
8073
|
-
|
|
8074
|
-
|
|
8082
|
+
g("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
|
|
8083
|
+
g("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
|
|
8084
|
+
g("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
|
|
8085
|
+
g("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
|
|
8086
|
+
g("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
|
|
8075
8087
|
: null)),
|
|
8076
|
-
|
|
8077
|
-
|
|
8088
|
+
g("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
|
|
8089
|
+
g("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
|
|
8078
8090
|
};
|
|
8079
8091
|
return SurveyQuestionBoolean;
|
|
8080
8092
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
8081
8093
|
|
|
8082
8094
|
ReactQuestionFactory.Instance.registerQuestion("boolean", function (props) {
|
|
8083
|
-
return
|
|
8095
|
+
return g(boolean_SurveyQuestionBoolean, props);
|
|
8084
8096
|
});
|
|
8085
8097
|
|
|
8086
8098
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean-checkbox.tsx
|
|
@@ -8115,26 +8127,26 @@ var boolean_checkbox_SurveyQuestionBooleanCheckbox = /** @class */ (function (_s
|
|
|
8115
8127
|
var itemClass = this.question.getCheckboxItemCss();
|
|
8116
8128
|
var description = this.question.canRenderLabelDescription ?
|
|
8117
8129
|
reactquestion_element_SurveyElementBase.renderQuestionDescription(this.question) : null;
|
|
8118
|
-
return (
|
|
8119
|
-
|
|
8120
|
-
|
|
8121
|
-
|
|
8130
|
+
return (g("div", { className: cssClasses.rootCheckbox },
|
|
8131
|
+
g("div", { className: itemClass },
|
|
8132
|
+
g("label", { className: cssClasses.checkboxLabel },
|
|
8133
|
+
g("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
|
|
8122
8134
|
? ""
|
|
8123
8135
|
: 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 }),
|
|
8124
|
-
|
|
8136
|
+
g("span", { className: cssClasses.checkboxMaterialDecorator },
|
|
8125
8137
|
this.question.svgIcon ?
|
|
8126
|
-
|
|
8127
|
-
|
|
8128
|
-
|
|
8129
|
-
this.question.isLabelRendered && (
|
|
8130
|
-
|
|
8138
|
+
g("svg", { className: cssClasses.checkboxItemDecorator },
|
|
8139
|
+
g("use", { xlinkHref: this.question.svgIcon })) : null,
|
|
8140
|
+
g("span", { className: "check" })),
|
|
8141
|
+
this.question.isLabelRendered && (g("span", { className: cssClasses.checkboxControlLabel, id: this.question.labelRenderedAriaID },
|
|
8142
|
+
g(title_actions_TitleActions, { element: this.question, cssClasses: this.question.cssClasses })))),
|
|
8131
8143
|
description)));
|
|
8132
8144
|
};
|
|
8133
8145
|
return SurveyQuestionBooleanCheckbox;
|
|
8134
8146
|
}(boolean_SurveyQuestionBoolean));
|
|
8135
8147
|
|
|
8136
8148
|
ReactQuestionFactory.Instance.registerQuestion("sv-boolean-checkbox", function (props) {
|
|
8137
|
-
return
|
|
8149
|
+
return g(boolean_checkbox_SurveyQuestionBooleanCheckbox, props);
|
|
8138
8150
|
});
|
|
8139
8151
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "checkbox", "sv-boolean-checkbox");
|
|
8140
8152
|
|
|
@@ -8169,24 +8181,24 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
|
|
|
8169
8181
|
}
|
|
8170
8182
|
SurveyQuestionBooleanRadio.prototype.renderRadioItem = function (value, locText) {
|
|
8171
8183
|
var cssClasses = this.question.cssClasses;
|
|
8172
|
-
return (
|
|
8173
|
-
|
|
8174
|
-
|
|
8184
|
+
return (g("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
|
|
8185
|
+
g("label", { className: cssClasses.radioLabel },
|
|
8186
|
+
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 }),
|
|
8175
8187
|
this.question.cssClasses.materialRadioDecorator ?
|
|
8176
|
-
(
|
|
8177
|
-
(
|
|
8178
|
-
|
|
8179
|
-
|
|
8188
|
+
(g("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
|
|
8189
|
+
(g("svg", { className: cssClasses.itemRadioDecorator },
|
|
8190
|
+
g("use", { xlinkHref: this.question.itemSvgIcon }))) : null)) : null,
|
|
8191
|
+
g("span", { className: cssClasses.radioControlLabel }, this.renderLocString(locText)))));
|
|
8180
8192
|
};
|
|
8181
8193
|
SurveyQuestionBooleanRadio.prototype.renderElement = function () {
|
|
8182
8194
|
var cssClasses = this.question.cssClasses;
|
|
8183
|
-
return (
|
|
8184
|
-
|
|
8185
|
-
(
|
|
8195
|
+
return (g("div", { className: cssClasses.rootRadio },
|
|
8196
|
+
g("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
|
|
8197
|
+
(g(k, null,
|
|
8186
8198
|
this.renderRadioItem(false, this.question.locLabelFalse),
|
|
8187
8199
|
this.renderRadioItem(true, this.question.locLabelTrue)))
|
|
8188
8200
|
:
|
|
8189
|
-
(
|
|
8201
|
+
(g(k, null,
|
|
8190
8202
|
this.renderRadioItem(true, this.question.locLabelTrue),
|
|
8191
8203
|
this.renderRadioItem(false, this.question.locLabelFalse))))));
|
|
8192
8204
|
};
|
|
@@ -8194,7 +8206,7 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
|
|
|
8194
8206
|
}(boolean_SurveyQuestionBoolean));
|
|
8195
8207
|
|
|
8196
8208
|
ReactQuestionFactory.Instance.registerQuestion("sv-boolean-radio", function (props) {
|
|
8197
|
-
return
|
|
8209
|
+
return g(boolean_radio_SurveyQuestionBooleanRadio, props);
|
|
8198
8210
|
});
|
|
8199
8211
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "radio", "sv-boolean-radio");
|
|
8200
8212
|
|
|
@@ -8232,13 +8244,13 @@ var reactquestion_empty_SurveyQuestionEmpty = /** @class */ (function (_super) {
|
|
|
8232
8244
|
configurable: true
|
|
8233
8245
|
});
|
|
8234
8246
|
SurveyQuestionEmpty.prototype.renderElement = function () {
|
|
8235
|
-
return
|
|
8247
|
+
return g("div", null);
|
|
8236
8248
|
};
|
|
8237
8249
|
return SurveyQuestionEmpty;
|
|
8238
8250
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
8239
8251
|
|
|
8240
8252
|
ReactQuestionFactory.Instance.registerQuestion("empty", function (props) {
|
|
8241
|
-
return
|
|
8253
|
+
return g(reactquestion_empty_SurveyQuestionEmpty, props);
|
|
8242
8254
|
});
|
|
8243
8255
|
|
|
8244
8256
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/matrix/row.tsx
|
|
@@ -8451,22 +8463,22 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8451
8463
|
}
|
|
8452
8464
|
var cellContent = this.renderCellContent(cell, "column-header", {});
|
|
8453
8465
|
var header = cell.hasTitle ?
|
|
8454
|
-
|
|
8466
|
+
g("th", { className: cell.className, key: key, style: columnStyle },
|
|
8455
8467
|
" ",
|
|
8456
8468
|
cellContent,
|
|
8457
8469
|
" ")
|
|
8458
|
-
:
|
|
8470
|
+
: g("td", { className: cell.className, key: key, style: columnStyle });
|
|
8459
8471
|
headers.push(header);
|
|
8460
8472
|
}
|
|
8461
|
-
return (
|
|
8462
|
-
|
|
8473
|
+
return (g("thead", null,
|
|
8474
|
+
g("tr", null, headers)));
|
|
8463
8475
|
};
|
|
8464
8476
|
SurveyQuestionMatrixTable.prototype.renderFooter = function () {
|
|
8465
8477
|
var table = this.question.renderedTable;
|
|
8466
8478
|
if (!table.showFooter)
|
|
8467
8479
|
return null;
|
|
8468
8480
|
var row = this.renderRow("footer", table.footerRow, this.question.cssClasses, "row-footer");
|
|
8469
|
-
return
|
|
8481
|
+
return g("tfoot", null, row);
|
|
8470
8482
|
};
|
|
8471
8483
|
SurveyQuestionMatrixTable.prototype.renderRows = function () {
|
|
8472
8484
|
var cssClasses = this.question.cssClasses;
|
|
@@ -8475,7 +8487,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8475
8487
|
for (var i = 0; i < renderedRows.length; i++) {
|
|
8476
8488
|
rows.push(this.renderRow(renderedRows[i].id, renderedRows[i], cssClasses));
|
|
8477
8489
|
}
|
|
8478
|
-
return
|
|
8490
|
+
return g("tbody", null, rows);
|
|
8479
8491
|
};
|
|
8480
8492
|
SurveyQuestionMatrixTable.prototype.renderRow = function (keyValue, row, cssClasses, reason) {
|
|
8481
8493
|
var matrixrow = [];
|
|
@@ -8484,16 +8496,16 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8484
8496
|
matrixrow.push(this.renderCell(cells[i], i, cssClasses, reason));
|
|
8485
8497
|
}
|
|
8486
8498
|
var key = "row" + keyValue;
|
|
8487
|
-
return (
|
|
8499
|
+
return (g(k, { key: key }, (reason == "row-footer") ? g("tr", null, matrixrow) : g(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
|
|
8488
8500
|
};
|
|
8489
8501
|
SurveyQuestionMatrixTable.prototype.renderCell = function (cell, index, cssClasses, reason) {
|
|
8490
8502
|
var key = "cell" + index;
|
|
8491
8503
|
if (cell.hasQuestion) {
|
|
8492
|
-
return (
|
|
8504
|
+
return (g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
|
|
8493
8505
|
}
|
|
8494
8506
|
if (cell.isErrorsCell) {
|
|
8495
8507
|
if (cell.isErrorsCell) {
|
|
8496
|
-
return (
|
|
8508
|
+
return (g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
|
|
8497
8509
|
}
|
|
8498
8510
|
}
|
|
8499
8511
|
var calcReason = reason;
|
|
@@ -8509,7 +8521,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8509
8521
|
if (!!cell.minWidth)
|
|
8510
8522
|
cellStyle.minWidth = cell.minWidth;
|
|
8511
8523
|
}
|
|
8512
|
-
return (
|
|
8524
|
+
return (g("td", { className: cell.className, key: key, style: cellStyle, colSpan: cell.colSpans, title: cell.getTitle() }, cellContent));
|
|
8513
8525
|
};
|
|
8514
8526
|
SurveyQuestionMatrixTable.prototype.renderCellContent = function (cell, reason, cssClasses) {
|
|
8515
8527
|
var cellContent = null;
|
|
@@ -8524,14 +8536,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8524
8536
|
if (cell.hasTitle) {
|
|
8525
8537
|
reason = "row-header";
|
|
8526
8538
|
var str = this.renderLocString(cell.locTitle);
|
|
8527
|
-
var require_1 = !!cell.column ?
|
|
8528
|
-
cellContent = (
|
|
8539
|
+
var require_1 = !!cell.column ? g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: cell.column, question: this.question }) : null;
|
|
8540
|
+
cellContent = (g(k, null,
|
|
8529
8541
|
str,
|
|
8530
8542
|
require_1));
|
|
8531
8543
|
}
|
|
8532
8544
|
if (cell.isDragHandlerCell) {
|
|
8533
|
-
cellContent = (
|
|
8534
|
-
|
|
8545
|
+
cellContent = (g(k, null,
|
|
8546
|
+
g(drag_drop_icon_SurveyQuestionMatrixDynamicDragDropIcon, { item: { data: { row: cell.row, question: this.question } } })));
|
|
8535
8547
|
}
|
|
8536
8548
|
if (cell.isActionsCell) {
|
|
8537
8549
|
cellContent = (ReactElementFactory.Instance.createElement("sv-matrixdynamic-actions-cell", {
|
|
@@ -8541,18 +8553,18 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8541
8553
|
}));
|
|
8542
8554
|
}
|
|
8543
8555
|
if (cell.hasPanel) {
|
|
8544
|
-
cellContent = (
|
|
8556
|
+
cellContent = (g(panel_SurveyPanel, { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
|
|
8545
8557
|
}
|
|
8546
8558
|
if (!cellContent)
|
|
8547
8559
|
return null;
|
|
8548
|
-
var readyCell = (
|
|
8560
|
+
var readyCell = (g(k, null, cellContent));
|
|
8549
8561
|
return this.wrapCell(cell, readyCell, reason);
|
|
8550
8562
|
};
|
|
8551
8563
|
SurveyQuestionMatrixTable.prototype.renderElement = function () {
|
|
8552
8564
|
var header = this.renderHeader();
|
|
8553
8565
|
var footers = this.renderFooter();
|
|
8554
8566
|
var rows = this.renderRows();
|
|
8555
|
-
return (
|
|
8567
|
+
return (g("table", { className: this.question.getTableCss() },
|
|
8556
8568
|
header,
|
|
8557
8569
|
rows,
|
|
8558
8570
|
footers));
|
|
@@ -8603,8 +8615,8 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase = /** @cla
|
|
|
8603
8615
|
var divStyle = this.question.showHorizontalScroll
|
|
8604
8616
|
? { overflowX: "scroll" }
|
|
8605
8617
|
: {};
|
|
8606
|
-
return (
|
|
8607
|
-
|
|
8618
|
+
return (g("div", { style: divStyle, className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
|
|
8619
|
+
g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: function (cell, element, reason) { return _this.wrapCell(cell, element, reason); } })));
|
|
8608
8620
|
};
|
|
8609
8621
|
return SurveyQuestionMatrixDropdownBase;
|
|
8610
8622
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -8622,7 +8634,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell = /** @clas
|
|
|
8622
8634
|
configurable: true
|
|
8623
8635
|
});
|
|
8624
8636
|
SurveyQuestionMatrixActionsCell.prototype.renderElement = function () {
|
|
8625
|
-
return (
|
|
8637
|
+
return (g(action_bar_SurveyActionBar, { model: this.model, handleClick: false }));
|
|
8626
8638
|
};
|
|
8627
8639
|
return SurveyQuestionMatrixActionsCell;
|
|
8628
8640
|
}(ReactSurveyElement));
|
|
@@ -8648,7 +8660,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
|
|
|
8648
8660
|
SurveyQuestionMatrixDropdownErrorsCell.prototype.render = function () {
|
|
8649
8661
|
if (!this.cell.isVisible)
|
|
8650
8662
|
return null;
|
|
8651
|
-
return
|
|
8663
|
+
return g("td", { className: this.cell.className, key: this.key, colSpan: this.cell.colSpans, title: this.cell.getTitle() }, _super.prototype.render.call(this));
|
|
8652
8664
|
};
|
|
8653
8665
|
SurveyQuestionMatrixDropdownErrorsCell.prototype.getQuestionPropertiesToTrack = function () {
|
|
8654
8666
|
return _super.prototype.getQuestionPropertiesToTrack.call(this).concat(["visible"]);
|
|
@@ -8656,7 +8668,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
|
|
|
8656
8668
|
return SurveyQuestionMatrixDropdownErrorsCell;
|
|
8657
8669
|
}(reactquestion_SurveyQuestionErrorCell));
|
|
8658
8670
|
ReactElementFactory.Instance.registerElement("sv-matrixdynamic-actions-cell", function (props) {
|
|
8659
|
-
return
|
|
8671
|
+
return g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
|
|
8660
8672
|
});
|
|
8661
8673
|
var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @class */ (function (_super) {
|
|
8662
8674
|
reactquestion_matrixdropdownbase_extends(SurveyQuestionMatrixHeaderRequired, _super);
|
|
@@ -8683,9 +8695,9 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @c
|
|
|
8683
8695
|
SurveyQuestionMatrixHeaderRequired.prototype.renderElement = function () {
|
|
8684
8696
|
if (!this.column.isRenderedRequired)
|
|
8685
8697
|
return null;
|
|
8686
|
-
return (
|
|
8687
|
-
|
|
8688
|
-
|
|
8698
|
+
return (g(k, null,
|
|
8699
|
+
g("span", null, "\u00A0"),
|
|
8700
|
+
g("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
|
|
8689
8701
|
};
|
|
8690
8702
|
return SurveyQuestionMatrixHeaderRequired;
|
|
8691
8703
|
}(ReactSurveyElement));
|
|
@@ -8760,14 +8772,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
|
|
|
8760
8772
|
};
|
|
8761
8773
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
|
|
8762
8774
|
var content = _super.prototype.renderCellContent.call(this);
|
|
8763
|
-
var responsiveTitle = this.cell.showResponsiveTitle ? (
|
|
8764
|
-
return
|
|
8775
|
+
var responsiveTitle = this.cell.showResponsiveTitle ? (g("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
|
|
8776
|
+
return g(k, null,
|
|
8765
8777
|
responsiveTitle,
|
|
8766
8778
|
content);
|
|
8767
8779
|
};
|
|
8768
8780
|
SurveyQuestionMatrixDropdownCell.prototype.renderQuestion = function () {
|
|
8769
8781
|
if (!this.question.isVisible)
|
|
8770
|
-
return
|
|
8782
|
+
return g(k, null);
|
|
8771
8783
|
if (!this.cell.isChoice)
|
|
8772
8784
|
return reactquestion_SurveyQuestion.renderQuestionBody(this.creator, this.question);
|
|
8773
8785
|
if (this.cell.isOtherChoice)
|
|
@@ -8779,15 +8791,15 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
|
|
|
8779
8791
|
SurveyQuestionMatrixDropdownCell.prototype.renderOtherComment = function () {
|
|
8780
8792
|
var question = this.cell.question;
|
|
8781
8793
|
var cssClasses = question.cssClasses || {};
|
|
8782
|
-
return
|
|
8794
|
+
return g(SurveyQuestionOtherValueItem, { question: question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
|
|
8783
8795
|
};
|
|
8784
8796
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellCheckboxButton = function () {
|
|
8785
8797
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
8786
|
-
return (
|
|
8798
|
+
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 }));
|
|
8787
8799
|
};
|
|
8788
8800
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellRadiogroupButton = function () {
|
|
8789
8801
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
8790
|
-
return (
|
|
8802
|
+
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 }));
|
|
8791
8803
|
};
|
|
8792
8804
|
return SurveyQuestionMatrixDropdownCell;
|
|
8793
8805
|
}(reactquestion_SurveyQuestionAndErrorsCell));
|
|
@@ -8821,7 +8833,7 @@ var SurveyQuestionMatrixDropdown = /** @class */ (function (_super) {
|
|
|
8821
8833
|
}(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
|
|
8822
8834
|
|
|
8823
8835
|
ReactQuestionFactory.Instance.registerQuestion("matrixdropdown", function (props) {
|
|
8824
|
-
return
|
|
8836
|
+
return g(SurveyQuestionMatrixDropdown, props);
|
|
8825
8837
|
});
|
|
8826
8838
|
|
|
8827
8839
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_matrixdynamic.tsx
|
|
@@ -8868,7 +8880,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
8868
8880
|
var mainDiv = showTable
|
|
8869
8881
|
? this.renderTableDiv()
|
|
8870
8882
|
: this.renderNoRowsContent(cssClasses);
|
|
8871
|
-
return (
|
|
8883
|
+
return (g("div", null,
|
|
8872
8884
|
this.renderAddRowButtonOnTop(cssClasses),
|
|
8873
8885
|
mainDiv,
|
|
8874
8886
|
this.renderAddRowButtonOnBottom(cssClasses)));
|
|
@@ -8885,9 +8897,9 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
8885
8897
|
};
|
|
8886
8898
|
SurveyQuestionMatrixDynamic.prototype.renderNoRowsContent = function (cssClasses) {
|
|
8887
8899
|
var text = this.renderLocString(this.matrix.locEmptyRowsText);
|
|
8888
|
-
var textDiv =
|
|
8900
|
+
var textDiv = g("div", { className: cssClasses.emptyRowsText }, text);
|
|
8889
8901
|
var btn = this.matrix.renderedTable.showAddRow ? this.renderAddRowButton(cssClasses, true) : undefined;
|
|
8890
|
-
return (
|
|
8902
|
+
return (g("div", { className: cssClasses.emptyRowsSection },
|
|
8891
8903
|
textDiv,
|
|
8892
8904
|
btn));
|
|
8893
8905
|
};
|
|
@@ -8902,7 +8914,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
8902
8914
|
}(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
|
|
8903
8915
|
|
|
8904
8916
|
ReactQuestionFactory.Instance.registerQuestion("matrixdynamic", function (props) {
|
|
8905
|
-
return
|
|
8917
|
+
return g(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic, props);
|
|
8906
8918
|
});
|
|
8907
8919
|
var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @class */ (function (_super) {
|
|
8908
8920
|
reactquestion_matrixdynamic_extends(SurveyQuestionMatrixDynamicAddButton, _super);
|
|
@@ -8923,16 +8935,16 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @clas
|
|
|
8923
8935
|
};
|
|
8924
8936
|
SurveyQuestionMatrixDynamicAddButton.prototype.renderElement = function () {
|
|
8925
8937
|
var addRowText = this.renderLocString(this.matrix.locAddRowText);
|
|
8926
|
-
var addButton = (
|
|
8938
|
+
var addButton = (g("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
|
|
8927
8939
|
addRowText,
|
|
8928
|
-
|
|
8929
|
-
return (this.props.isEmptySection ? addButton :
|
|
8940
|
+
g("span", { className: this.props.cssClasses.iconAdd })));
|
|
8941
|
+
return (this.props.isEmptySection ? addButton : g("div", { className: this.props.cssClasses.footer }, addButton));
|
|
8930
8942
|
};
|
|
8931
8943
|
return SurveyQuestionMatrixDynamicAddButton;
|
|
8932
8944
|
}(ReactSurveyElement));
|
|
8933
8945
|
|
|
8934
8946
|
ReactElementFactory.Instance.registerElement("sv-matrixdynamic-add-btn", function (props) {
|
|
8935
|
-
return
|
|
8947
|
+
return g(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton, props);
|
|
8936
8948
|
});
|
|
8937
8949
|
|
|
8938
8950
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn.tsx
|
|
@@ -9179,7 +9191,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9179
9191
|
var _this = this;
|
|
9180
9192
|
var panels = [];
|
|
9181
9193
|
this.question.renderedPanels.forEach(function (panel, index) {
|
|
9182
|
-
panels.push(
|
|
9194
|
+
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 }));
|
|
9183
9195
|
});
|
|
9184
9196
|
var btnAdd = this.question.isRenderModeList && this.question["showLegacyNavigation"]
|
|
9185
9197
|
? this.renderAddRowButton()
|
|
@@ -9192,10 +9204,10 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9192
9204
|
: null;
|
|
9193
9205
|
var navV2 = this.renderNavigatorV2();
|
|
9194
9206
|
var noEntriesPlaceholder = this.renderPlaceholder();
|
|
9195
|
-
return (
|
|
9207
|
+
return (g("div", { className: this.question.cssClasses.root },
|
|
9196
9208
|
noEntriesPlaceholder,
|
|
9197
9209
|
navTop,
|
|
9198
|
-
|
|
9210
|
+
g("div", { className: this.question.cssClasses.panelsContainer }, panels),
|
|
9199
9211
|
navBottom,
|
|
9200
9212
|
btnAdd,
|
|
9201
9213
|
navV2));
|
|
@@ -9216,9 +9228,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9216
9228
|
var progressClass = this.question.isProgressTopShowing
|
|
9217
9229
|
? this.question.cssClasses.progressTop
|
|
9218
9230
|
: this.question.cssClasses.progressBottom;
|
|
9219
|
-
return (
|
|
9220
|
-
|
|
9221
|
-
|
|
9231
|
+
return (g("div", { className: progressClass },
|
|
9232
|
+
g("div", { style: { clear: "both" } },
|
|
9233
|
+
g("div", { className: this.question.cssClasses.progressContainer },
|
|
9222
9234
|
btnPrev,
|
|
9223
9235
|
range,
|
|
9224
9236
|
btnNext),
|
|
@@ -9226,17 +9238,17 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9226
9238
|
this.renderProgressText())));
|
|
9227
9239
|
};
|
|
9228
9240
|
SurveyQuestionPanelDynamic.prototype.renderProgressText = function () {
|
|
9229
|
-
return (
|
|
9241
|
+
return (g(paneldynamic_progress_text_SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
|
|
9230
9242
|
};
|
|
9231
9243
|
SurveyQuestionPanelDynamic.prototype.rendrerPrevButton = function () {
|
|
9232
|
-
return (
|
|
9244
|
+
return (g(paneldynamic_prev_btn_SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
|
|
9233
9245
|
};
|
|
9234
9246
|
SurveyQuestionPanelDynamic.prototype.rendrerNextButton = function () {
|
|
9235
|
-
return (
|
|
9247
|
+
return (g(paneldynamic_next_btn_SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
|
|
9236
9248
|
};
|
|
9237
9249
|
SurveyQuestionPanelDynamic.prototype.renderRange = function () {
|
|
9238
|
-
return (
|
|
9239
|
-
|
|
9250
|
+
return (g("div", { className: this.question.cssClasses.progress },
|
|
9251
|
+
g("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
|
|
9240
9252
|
};
|
|
9241
9253
|
SurveyQuestionPanelDynamic.prototype.renderAddRowButton = function () {
|
|
9242
9254
|
return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
|
|
@@ -9247,16 +9259,16 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9247
9259
|
if (!this.question.showNavigation)
|
|
9248
9260
|
return null;
|
|
9249
9261
|
var range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
|
|
9250
|
-
return (
|
|
9251
|
-
|
|
9262
|
+
return (g("div", { className: this.question.cssClasses.footer },
|
|
9263
|
+
g("hr", { className: this.question.cssClasses.separator }),
|
|
9252
9264
|
range,
|
|
9253
|
-
this.question.footerToolbar.visibleActions.length ? (
|
|
9254
|
-
|
|
9265
|
+
this.question.footerToolbar.visibleActions.length ? (g("div", { className: this.question.cssClasses.footerButtonsContainer },
|
|
9266
|
+
g(action_bar_SurveyActionBar, { model: this.question.footerToolbar }))) : null));
|
|
9255
9267
|
};
|
|
9256
9268
|
SurveyQuestionPanelDynamic.prototype.renderPlaceholder = function () {
|
|
9257
9269
|
if (this.question.getShowNoEntriesPlaceholder()) {
|
|
9258
|
-
return (
|
|
9259
|
-
|
|
9270
|
+
return (g("div", { className: this.question.cssClasses.noEntriesPlaceholder },
|
|
9271
|
+
g("span", null, this.renderLocString(this.question.locNoEntriesText)),
|
|
9260
9272
|
this.renderAddRowButton()));
|
|
9261
9273
|
}
|
|
9262
9274
|
return null;
|
|
@@ -9294,9 +9306,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
|
|
|
9294
9306
|
var panel = _super.prototype.render.call(this);
|
|
9295
9307
|
var removeButton = this.renderButton();
|
|
9296
9308
|
var separator = this.question.showSeparator(this.index) ?
|
|
9297
|
-
(
|
|
9298
|
-
return (
|
|
9299
|
-
|
|
9309
|
+
(g("hr", { className: this.question.cssClasses.separator })) : null;
|
|
9310
|
+
return (g(k, null,
|
|
9311
|
+
g("div", { className: this.question.getPanelWrapperCss(this.panel) },
|
|
9300
9312
|
panel,
|
|
9301
9313
|
removeButton),
|
|
9302
9314
|
separator));
|
|
@@ -9315,7 +9327,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
|
|
|
9315
9327
|
}(panel_SurveyPanel));
|
|
9316
9328
|
|
|
9317
9329
|
ReactQuestionFactory.Instance.registerQuestion("paneldynamic", function (props) {
|
|
9318
|
-
return
|
|
9330
|
+
return g(reactquestion_paneldynamic_SurveyQuestionPanelDynamic, props);
|
|
9319
9331
|
});
|
|
9320
9332
|
|
|
9321
9333
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/progress.tsx
|
|
@@ -9368,25 +9380,25 @@ var progress_SurveyProgress = /** @class */ (function (_super) {
|
|
|
9368
9380
|
var progressStyle = {
|
|
9369
9381
|
width: this.progress + "%",
|
|
9370
9382
|
};
|
|
9371
|
-
return (
|
|
9372
|
-
|
|
9373
|
-
|
|
9374
|
-
|
|
9383
|
+
return (g("div", { className: this.survey.getProgressCssClasses(this.props.container) },
|
|
9384
|
+
g("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
|
|
9385
|
+
g("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
|
|
9386
|
+
g("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
|
|
9375
9387
|
};
|
|
9376
9388
|
return SurveyProgress;
|
|
9377
9389
|
}(SurveyNavigationBase));
|
|
9378
9390
|
|
|
9379
9391
|
ReactElementFactory.Instance.registerElement("sv-progress-pages", function (props) {
|
|
9380
|
-
return
|
|
9392
|
+
return g(progress_SurveyProgress, props);
|
|
9381
9393
|
});
|
|
9382
9394
|
ReactElementFactory.Instance.registerElement("sv-progress-questions", function (props) {
|
|
9383
|
-
return
|
|
9395
|
+
return g(progress_SurveyProgress, props);
|
|
9384
9396
|
});
|
|
9385
9397
|
ReactElementFactory.Instance.registerElement("sv-progress-correctquestions", function (props) {
|
|
9386
|
-
return
|
|
9398
|
+
return g(progress_SurveyProgress, props);
|
|
9387
9399
|
});
|
|
9388
9400
|
ReactElementFactory.Instance.registerElement("sv-progress-requiredquestions", function (props) {
|
|
9389
|
-
return
|
|
9401
|
+
return g(progress_SurveyProgress, props);
|
|
9390
9402
|
});
|
|
9391
9403
|
|
|
9392
9404
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/progressButtons.tsx
|
|
@@ -9414,7 +9426,7 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
9414
9426
|
progressButtons_extends(SurveyProgressButtons, _super);
|
|
9415
9427
|
function SurveyProgressButtons(props) {
|
|
9416
9428
|
var _this = _super.call(this, props) || this;
|
|
9417
|
-
_this.listContainerRef =
|
|
9429
|
+
_this.listContainerRef = b();
|
|
9418
9430
|
return _this;
|
|
9419
9431
|
}
|
|
9420
9432
|
Object.defineProperty(SurveyProgressButtons.prototype, "model", {
|
|
@@ -9444,20 +9456,20 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
9444
9456
|
};
|
|
9445
9457
|
SurveyProgressButtons.prototype.render = function () {
|
|
9446
9458
|
var _this = this;
|
|
9447
|
-
return (
|
|
9448
|
-
this.state.canShowHeader ?
|
|
9449
|
-
|
|
9450
|
-
|
|
9451
|
-
|
|
9459
|
+
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" },
|
|
9460
|
+
this.state.canShowHeader ? g("div", { className: this.css.progressButtonsHeader },
|
|
9461
|
+
g("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
|
|
9462
|
+
g("div", { className: this.css.progressButtonsContainer },
|
|
9463
|
+
g("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
|
|
9452
9464
|
return _this.clickScrollButton(_this.listContainerRef.current, true);
|
|
9453
9465
|
} }),
|
|
9454
|
-
|
|
9455
|
-
|
|
9456
|
-
|
|
9466
|
+
g("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
|
|
9467
|
+
g("ul", { className: this.css.progressButtonsList }, this.getListElements())),
|
|
9468
|
+
g("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
|
|
9457
9469
|
return _this.clickScrollButton(_this.listContainerRef.current, false);
|
|
9458
9470
|
} })),
|
|
9459
|
-
this.state.canShowFooter ?
|
|
9460
|
-
|
|
9471
|
+
this.state.canShowFooter ? g("div", { className: this.css.progressButtonsFooter },
|
|
9472
|
+
g("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
|
|
9461
9473
|
};
|
|
9462
9474
|
SurveyProgressButtons.prototype.getListElements = function () {
|
|
9463
9475
|
var _this = this;
|
|
@@ -9470,17 +9482,17 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
9470
9482
|
SurveyProgressButtons.prototype.renderListElement = function (page, index) {
|
|
9471
9483
|
var _this = this;
|
|
9472
9484
|
var text = reactquestion_element_SurveyElementBase.renderLocString(page.locNavigationTitle);
|
|
9473
|
-
return (
|
|
9485
|
+
return (g("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
|
|
9474
9486
|
? function () { return _this.model.clickListElement(page); }
|
|
9475
9487
|
: undefined, "data-page-number": this.model.getItemNumber(page) },
|
|
9476
|
-
|
|
9477
|
-
this.state.canShowItemTitles ?
|
|
9478
|
-
|
|
9479
|
-
|
|
9480
|
-
|
|
9481
|
-
|
|
9482
|
-
|
|
9483
|
-
|
|
9488
|
+
g("div", { className: this.css.progressButtonsConnector }),
|
|
9489
|
+
this.state.canShowItemTitles ? g(k, null,
|
|
9490
|
+
g("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, text),
|
|
9491
|
+
g("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
|
|
9492
|
+
g("div", { className: this.css.progressButtonsButton },
|
|
9493
|
+
g("div", { className: this.css.progressButtonsButtonBackground }),
|
|
9494
|
+
g("div", { className: this.css.progressButtonsButtonContent }),
|
|
9495
|
+
g("span", null, this.model.getItemNumber(page)))));
|
|
9484
9496
|
};
|
|
9485
9497
|
SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
|
|
9486
9498
|
if (!!listContainerElement) {
|
|
@@ -9504,7 +9516,7 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
9504
9516
|
}(SurveyNavigationBase));
|
|
9505
9517
|
|
|
9506
9518
|
ReactElementFactory.Instance.registerElement("sv-progress-buttons", function (props) {
|
|
9507
|
-
return
|
|
9519
|
+
return g(progressButtons_SurveyProgressButtons, props);
|
|
9508
9520
|
});
|
|
9509
9521
|
|
|
9510
9522
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item.tsx
|
|
@@ -9754,20 +9766,20 @@ var progressToc_SurveyProgressToc = /** @class */ (function (_super) {
|
|
|
9754
9766
|
var tocModel = this.props.model;
|
|
9755
9767
|
var content;
|
|
9756
9768
|
if (tocModel.isMobile) {
|
|
9757
|
-
content =
|
|
9758
|
-
|
|
9759
|
-
|
|
9769
|
+
content = g("div", { onClick: tocModel.togglePopup },
|
|
9770
|
+
g(svg_icon_SvgIcon, { iconName: tocModel.icon, size: 24 }),
|
|
9771
|
+
g(popup_Popup, { model: tocModel.popupModel }));
|
|
9760
9772
|
}
|
|
9761
9773
|
else {
|
|
9762
|
-
content =
|
|
9774
|
+
content = g(list_List, { model: tocModel.listModel });
|
|
9763
9775
|
}
|
|
9764
|
-
return (
|
|
9776
|
+
return (g("div", { className: tocModel.containerCss }, content));
|
|
9765
9777
|
};
|
|
9766
9778
|
return SurveyProgressToc;
|
|
9767
9779
|
}(SurveyNavigationBase));
|
|
9768
9780
|
|
|
9769
9781
|
ReactElementFactory.Instance.registerElement("sv-navigation-toc", function (props) {
|
|
9770
|
-
return
|
|
9782
|
+
return g(progressToc_SurveyProgressToc, props);
|
|
9771
9783
|
});
|
|
9772
9784
|
|
|
9773
9785
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_rating.tsx
|
|
@@ -9828,18 +9840,18 @@ var reactquestion_rating_SurveyQuestionRating = /** @class */ (function (_super)
|
|
|
9828
9840
|
var maxText = this.question.maxRateDescription
|
|
9829
9841
|
? this.renderLocString(this.question.locMaxRateDescription)
|
|
9830
9842
|
: null;
|
|
9831
|
-
return (
|
|
9832
|
-
|
|
9833
|
-
|
|
9834
|
-
!!this.question.hasMinLabel ?
|
|
9843
|
+
return (g("div", { className: this.question.ratingRootCss, ref: function (div) { return (_this.setControl(div)); } },
|
|
9844
|
+
g("fieldset", { role: "radiogroup" },
|
|
9845
|
+
g("legend", { role: "presentation", className: "sv-hidden" }),
|
|
9846
|
+
!!this.question.hasMinLabel ? g("span", { className: cssClasses.minText }, minText) : null,
|
|
9835
9847
|
this.question.renderedRateItems.map(function (item, index) { return _this.renderItem(item, index); }),
|
|
9836
|
-
!!this.question.hasMaxLabel ?
|
|
9848
|
+
!!this.question.hasMaxLabel ? g("span", { className: cssClasses.maxText }, maxText) : null)));
|
|
9837
9849
|
};
|
|
9838
9850
|
return SurveyQuestionRating;
|
|
9839
9851
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
9840
9852
|
|
|
9841
9853
|
ReactQuestionFactory.Instance.registerQuestion("rating", function (props) {
|
|
9842
|
-
return
|
|
9854
|
+
return g(reactquestion_rating_SurveyQuestionRating, props);
|
|
9843
9855
|
});
|
|
9844
9856
|
|
|
9845
9857
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/rating-dropdown.tsx
|
|
@@ -9871,13 +9883,13 @@ var rating_dropdown_SurveyQuestionRatingDropdown = /** @class */ (function (_sup
|
|
|
9871
9883
|
SurveyQuestionRatingDropdown.prototype.renderElement = function () {
|
|
9872
9884
|
var cssClasses = this.question.cssClasses;
|
|
9873
9885
|
var select = this.renderSelect(cssClasses);
|
|
9874
|
-
return (
|
|
9886
|
+
return (g("div", { className: this.question.cssClasses.rootDropdown }, select));
|
|
9875
9887
|
};
|
|
9876
9888
|
return SurveyQuestionRatingDropdown;
|
|
9877
9889
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
9878
9890
|
|
|
9879
9891
|
ReactQuestionFactory.Instance.registerQuestion("sv-rating-dropdown", function (props) {
|
|
9880
|
-
return
|
|
9892
|
+
return g(rating_dropdown_SurveyQuestionRatingDropdown, props);
|
|
9881
9893
|
});
|
|
9882
9894
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("rating", "dropdown", "sv-rating-dropdown");
|
|
9883
9895
|
|
|
@@ -9915,13 +9927,13 @@ var reactquestion_expression_SurveyQuestionExpression = /** @class */ (function
|
|
|
9915
9927
|
SurveyQuestionExpression.prototype.renderElement = function () {
|
|
9916
9928
|
var _this = this;
|
|
9917
9929
|
var cssClasses = this.question.cssClasses;
|
|
9918
|
-
return (
|
|
9930
|
+
return (g("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); } }, this.question.formatedValue));
|
|
9919
9931
|
};
|
|
9920
9932
|
return SurveyQuestionExpression;
|
|
9921
9933
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
9922
9934
|
|
|
9923
9935
|
ReactQuestionFactory.Instance.registerQuestion("expression", function (props) {
|
|
9924
|
-
return
|
|
9936
|
+
return g(reactquestion_expression_SurveyQuestionExpression, props);
|
|
9925
9937
|
});
|
|
9926
9938
|
|
|
9927
9939
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/react-popup-survey.tsx
|
|
@@ -9969,8 +9981,8 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
|
|
|
9969
9981
|
style.width = this.popup.renderedWidth;
|
|
9970
9982
|
style.maxWidth = this.popup.renderedWidth;
|
|
9971
9983
|
}
|
|
9972
|
-
return (
|
|
9973
|
-
|
|
9984
|
+
return (g("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
|
|
9985
|
+
g("div", { className: this.popup.cssRootContent },
|
|
9974
9986
|
header,
|
|
9975
9987
|
body)));
|
|
9976
9988
|
};
|
|
@@ -9995,46 +10007,46 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
|
|
|
9995
10007
|
if (popup.allowFullScreen) {
|
|
9996
10008
|
allowFullScreenButon = this.renderAllowFullScreenButon(this.popup);
|
|
9997
10009
|
}
|
|
9998
|
-
return (
|
|
10010
|
+
return (g("div", { className: popup.cssHeaderRoot },
|
|
9999
10011
|
titleCollapsed,
|
|
10000
|
-
|
|
10012
|
+
g("div", { className: popup.cssHeaderButtonsContainer },
|
|
10001
10013
|
allowFullScreenButon,
|
|
10002
|
-
|
|
10014
|
+
g("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
|
|
10003
10015
|
closeButton)));
|
|
10004
10016
|
};
|
|
10005
10017
|
PopupSurvey.prototype.renderTitleCollapsed = function (popup) {
|
|
10006
10018
|
if (!popup.locTitle)
|
|
10007
10019
|
return null;
|
|
10008
|
-
return
|
|
10020
|
+
return g("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
|
|
10009
10021
|
};
|
|
10010
10022
|
PopupSurvey.prototype.renderExpandIcon = function () {
|
|
10011
|
-
return
|
|
10023
|
+
return g(svg_icon_SvgIcon, { iconName: "icon-restore_16x16", size: 16 });
|
|
10012
10024
|
};
|
|
10013
10025
|
PopupSurvey.prototype.renderCollapseIcon = function () {
|
|
10014
|
-
return
|
|
10026
|
+
return g(svg_icon_SvgIcon, { iconName: "icon-minimize_16x16", size: 16 });
|
|
10015
10027
|
};
|
|
10016
10028
|
PopupSurvey.prototype.renderCloseButton = function (popup) {
|
|
10017
10029
|
var _this = this;
|
|
10018
|
-
return (
|
|
10030
|
+
return (g("div", { className: popup.cssHeaderCloseButton, onClick: function () {
|
|
10019
10031
|
popup.hide();
|
|
10020
10032
|
if (typeof _this.props.onClose == "function") {
|
|
10021
10033
|
_this.props.onClose();
|
|
10022
10034
|
}
|
|
10023
10035
|
} },
|
|
10024
|
-
|
|
10036
|
+
g(svg_icon_SvgIcon, { iconName: "icon-close_16x16", size: 16 })));
|
|
10025
10037
|
};
|
|
10026
10038
|
PopupSurvey.prototype.renderAllowFullScreenButon = function (popup) {
|
|
10027
10039
|
var Icon;
|
|
10028
10040
|
if (popup.isFullScreen) {
|
|
10029
|
-
Icon =
|
|
10041
|
+
Icon = g(svg_icon_SvgIcon, { iconName: "icon-back-to-panel_16x16", size: 16 });
|
|
10030
10042
|
}
|
|
10031
10043
|
else {
|
|
10032
|
-
Icon =
|
|
10044
|
+
Icon = g(svg_icon_SvgIcon, { iconName: "icon-full-screen_16x16", size: 16 });
|
|
10033
10045
|
}
|
|
10034
|
-
return (
|
|
10046
|
+
return (g("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
|
|
10035
10047
|
};
|
|
10036
10048
|
PopupSurvey.prototype.renderBody = function () {
|
|
10037
|
-
return
|
|
10049
|
+
return g("div", { className: this.popup.cssBody }, this.doRender());
|
|
10038
10050
|
};
|
|
10039
10051
|
PopupSurvey.prototype.createSurvey = function (newProps) {
|
|
10040
10052
|
if (!newProps)
|
|
@@ -10100,8 +10112,8 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
10100
10112
|
});
|
|
10101
10113
|
SurveyQuestionImagePicker.prototype.renderElement = function () {
|
|
10102
10114
|
var cssClasses = this.question.cssClasses;
|
|
10103
|
-
return (
|
|
10104
|
-
|
|
10115
|
+
return (g("fieldset", { className: this.question.getSelectBaseRootCss() },
|
|
10116
|
+
g("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
10105
10117
|
this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
|
|
10106
10118
|
};
|
|
10107
10119
|
SurveyQuestionImagePicker.prototype.getColumns = function (cssClasses) {
|
|
@@ -10110,7 +10122,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
10110
10122
|
var items = column.map(function (item, ii) {
|
|
10111
10123
|
return _this.renderItem("item" + ii, item, cssClasses);
|
|
10112
10124
|
});
|
|
10113
|
-
return (
|
|
10125
|
+
return (g("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
10114
10126
|
});
|
|
10115
10127
|
};
|
|
10116
10128
|
SurveyQuestionImagePicker.prototype.getItems = function (cssClasses) {
|
|
@@ -10130,7 +10142,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
10130
10142
|
configurable: true
|
|
10131
10143
|
});
|
|
10132
10144
|
SurveyQuestionImagePicker.prototype.renderItem = function (key, item, cssClasses) {
|
|
10133
|
-
var renderedItem =
|
|
10145
|
+
var renderedItem = g(imagepicker_SurveyQuestionImagePickerItem, { key: key, question: this.question, item: item, cssClasses: cssClasses });
|
|
10134
10146
|
var survey = this.question.survey;
|
|
10135
10147
|
var wrappedItem = null;
|
|
10136
10148
|
if (!!survey) {
|
|
@@ -10217,15 +10229,15 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
10217
10229
|
var itemClass = question.getItemClass(item);
|
|
10218
10230
|
var text = null;
|
|
10219
10231
|
if (question.showLabel) {
|
|
10220
|
-
text = (
|
|
10232
|
+
text = (g("span", { className: question.cssClasses.itemText }, item.text ? reactquestion_element_SurveyElementBase.renderLocString(item.locText) : item.value));
|
|
10221
10233
|
}
|
|
10222
10234
|
var style = { objectFit: this.question.imageFit };
|
|
10223
10235
|
var control = null;
|
|
10224
10236
|
if (item.locImageLink.renderedHtml && this.question.contentMode === "image") {
|
|
10225
|
-
control = (
|
|
10237
|
+
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); } }));
|
|
10226
10238
|
}
|
|
10227
10239
|
if (item.locImageLink.renderedHtml && this.question.contentMode === "video") {
|
|
10228
|
-
control = (
|
|
10240
|
+
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); } }));
|
|
10229
10241
|
}
|
|
10230
10242
|
if (!item.locImageLink.renderedHtml || item.contentNotLoaded) {
|
|
10231
10243
|
var style_1 = {
|
|
@@ -10233,17 +10245,17 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
10233
10245
|
height: this.question.renderedImageHeight,
|
|
10234
10246
|
objectFit: this.question.imageFit
|
|
10235
10247
|
};
|
|
10236
|
-
control = (
|
|
10237
|
-
|
|
10248
|
+
control = (g("div", { className: cssClasses.itemNoImage, style: style_1 }, cssClasses.itemNoImageSvgIcon ?
|
|
10249
|
+
g(svg_icon_SvgIcon, { className: cssClasses.itemNoImageSvgIcon, iconName: this.question.cssClasses.itemNoImageSvgIconId, size: 48 }) :
|
|
10238
10250
|
null));
|
|
10239
10251
|
}
|
|
10240
|
-
var renderedItem = (
|
|
10241
|
-
|
|
10242
|
-
|
|
10243
|
-
|
|
10244
|
-
|
|
10252
|
+
var renderedItem = (g("div", { className: itemClass },
|
|
10253
|
+
g("label", { className: cssClasses.label },
|
|
10254
|
+
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 }),
|
|
10255
|
+
g("div", { className: this.question.cssClasses.itemDecorator },
|
|
10256
|
+
g("div", { className: this.question.cssClasses.imageContainer },
|
|
10245
10257
|
!!this.question.cssClasses.checkedItemDecorator ?
|
|
10246
|
-
|
|
10258
|
+
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,
|
|
10247
10259
|
control),
|
|
10248
10260
|
text))));
|
|
10249
10261
|
return renderedItem;
|
|
@@ -10252,7 +10264,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
10252
10264
|
}(ReactSurveyElement));
|
|
10253
10265
|
|
|
10254
10266
|
ReactQuestionFactory.Instance.registerQuestion("imagepicker", function (props) {
|
|
10255
|
-
return
|
|
10267
|
+
return g(imagepicker_SurveyQuestionImagePicker, props);
|
|
10256
10268
|
});
|
|
10257
10269
|
|
|
10258
10270
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/image.tsx
|
|
@@ -10307,22 +10319,22 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
|
|
|
10307
10319
|
}
|
|
10308
10320
|
var control = null;
|
|
10309
10321
|
if (this.question.renderedMode === "image") {
|
|
10310
|
-
control = (
|
|
10322
|
+
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,
|
|
10311
10323
|
//alt={item.text || item.value}
|
|
10312
10324
|
style: style, onLoad: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
|
|
10313
10325
|
}
|
|
10314
10326
|
if (this.question.renderedMode === "video") {
|
|
10315
|
-
control = (
|
|
10327
|
+
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(); } }));
|
|
10316
10328
|
}
|
|
10317
10329
|
if (this.question.renderedMode === "youtube") {
|
|
10318
|
-
control = (
|
|
10330
|
+
control = (g("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
|
|
10319
10331
|
}
|
|
10320
10332
|
var noImage = null;
|
|
10321
10333
|
if (!this.question.imageLink || this.question.contentNotLoaded) {
|
|
10322
|
-
noImage = (
|
|
10323
|
-
|
|
10334
|
+
noImage = (g("div", { className: this.question.cssClasses.noImage },
|
|
10335
|
+
g(svg_icon_SvgIcon, { iconName: this.question.cssClasses.noImageSvgIconId, size: 48 })));
|
|
10324
10336
|
}
|
|
10325
|
-
return
|
|
10337
|
+
return g("div", { className: this.question.cssClasses.root },
|
|
10326
10338
|
control,
|
|
10327
10339
|
noImage);
|
|
10328
10340
|
};
|
|
@@ -10330,7 +10342,7 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
|
|
|
10330
10342
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
10331
10343
|
|
|
10332
10344
|
ReactQuestionFactory.Instance.registerQuestion("image", function (props) {
|
|
10333
|
-
return
|
|
10345
|
+
return g(image_SurveyQuestionImage, props);
|
|
10334
10346
|
});
|
|
10335
10347
|
|
|
10336
10348
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/signaturepad.tsx
|
|
@@ -10373,36 +10385,36 @@ var signaturepad_SurveyQuestionSignaturePad = /** @class */ (function (_super) {
|
|
|
10373
10385
|
var cssClasses = this.question.cssClasses;
|
|
10374
10386
|
var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
|
|
10375
10387
|
var clearButton = this.renderCleanButton();
|
|
10376
|
-
return (
|
|
10377
|
-
|
|
10378
|
-
|
|
10388
|
+
return (g("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
|
|
10389
|
+
g("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
|
|
10390
|
+
g("div", null,
|
|
10379
10391
|
this.renderBackgroundImage(),
|
|
10380
|
-
|
|
10392
|
+
g("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: function (event) { _this.question.onBlur(event); } })),
|
|
10381
10393
|
clearButton,
|
|
10382
10394
|
loadingIndicator));
|
|
10383
10395
|
};
|
|
10384
10396
|
SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
|
|
10385
10397
|
if (!this.question.backgroundImage)
|
|
10386
10398
|
return null;
|
|
10387
|
-
return
|
|
10399
|
+
return g("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
|
|
10388
10400
|
};
|
|
10389
10401
|
SurveyQuestionSignaturePad.prototype.renderLoadingIndicator = function () {
|
|
10390
|
-
return
|
|
10391
|
-
|
|
10402
|
+
return g("div", { className: this.question.cssClasses.loadingIndicator },
|
|
10403
|
+
g(loading_indicator_LoadingIndicatorComponent, null));
|
|
10392
10404
|
};
|
|
10393
10405
|
SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
|
|
10394
10406
|
var _this = this;
|
|
10395
10407
|
if (!this.question.canShowClearButton)
|
|
10396
10408
|
return null;
|
|
10397
10409
|
var cssClasses = this.question.cssClasses;
|
|
10398
|
-
return
|
|
10399
|
-
|
|
10410
|
+
return g("div", { className: cssClasses.controls },
|
|
10411
|
+
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")));
|
|
10400
10412
|
};
|
|
10401
10413
|
return SurveyQuestionSignaturePad;
|
|
10402
10414
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
10403
10415
|
|
|
10404
10416
|
ReactQuestionFactory.Instance.registerQuestion("signaturepad", function (props) {
|
|
10405
|
-
return
|
|
10417
|
+
return g(signaturepad_SurveyQuestionSignaturePad, props);
|
|
10406
10418
|
});
|
|
10407
10419
|
|
|
10408
10420
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_buttongroup.tsx
|
|
@@ -10567,16 +10579,16 @@ var reactquestion_custom_SurveyQuestionComposite = /** @class */ (function (_sup
|
|
|
10567
10579
|
return !!this.question.contentPanel;
|
|
10568
10580
|
};
|
|
10569
10581
|
SurveyQuestionComposite.prototype.renderElement = function () {
|
|
10570
|
-
return (
|
|
10582
|
+
return (g(panel_SurveyPanel, { element: this.question.contentPanel, creator: this.creator, survey: this.question.survey }));
|
|
10571
10583
|
};
|
|
10572
10584
|
return SurveyQuestionComposite;
|
|
10573
10585
|
}(reactquestion_element_SurveyQuestionUncontrolledElement));
|
|
10574
10586
|
|
|
10575
10587
|
ReactQuestionFactory.Instance.registerQuestion("custom", function (props) {
|
|
10576
|
-
return
|
|
10588
|
+
return g(reactquestion_custom_SurveyQuestionCustom, props);
|
|
10577
10589
|
});
|
|
10578
10590
|
ReactQuestionFactory.Instance.registerQuestion("composite", function (props) {
|
|
10579
|
-
return
|
|
10591
|
+
return g(reactquestion_custom_SurveyQuestionComposite, props);
|
|
10580
10592
|
});
|
|
10581
10593
|
|
|
10582
10594
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item-content.tsx
|
|
@@ -10635,7 +10647,7 @@ var list_item_content_ListItemContent = /** @class */ (function (_super) {
|
|
|
10635
10647
|
content.push(text);
|
|
10636
10648
|
}
|
|
10637
10649
|
if (this.item.markerIconName) {
|
|
10638
|
-
var icon = xn.createElement(svg_icon_SvgIcon, { key: "marker", className: this.item.cssClasses.itemMarkerIcon, iconName: this.item.markerIconName, size:
|
|
10650
|
+
var icon = xn.createElement(svg_icon_SvgIcon, { key: "marker", className: this.item.cssClasses.itemMarkerIcon, iconName: this.item.markerIconName, size: "auto" });
|
|
10639
10651
|
content.push(icon);
|
|
10640
10652
|
}
|
|
10641
10653
|
return xn.createElement(xn.Fragment, null, content);
|
|
@@ -11427,12 +11439,12 @@ var js_ui_assign = (undefined && undefined.__assign) || function () {
|
|
|
11427
11439
|
|
|
11428
11440
|
function renderSurvey(model, element, props) {
|
|
11429
11441
|
if (props === void 0) { props = {}; }
|
|
11430
|
-
var survey =
|
|
11442
|
+
var survey = g(reactSurvey_Survey, js_ui_assign({ model: model }, props));
|
|
11431
11443
|
X(survey, element);
|
|
11432
11444
|
}
|
|
11433
11445
|
function renderPopupSurvey(model, element, props) {
|
|
11434
11446
|
if (props === void 0) { props = {}; }
|
|
11435
|
-
var survey =
|
|
11447
|
+
var survey = g(react_popup_survey_PopupSurvey, js_ui_assign({ model: model }, props));
|
|
11436
11448
|
X(survey, element);
|
|
11437
11449
|
}
|
|
11438
11450
|
function doPopupSurvey(props) {
|
|
@@ -11481,7 +11493,7 @@ var preact = compat_module_namespaceObject;
|
|
|
11481
11493
|
|
|
11482
11494
|
|
|
11483
11495
|
|
|
11484
|
-
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.
|
|
11496
|
+
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.14", "survey-js-ui");
|
|
11485
11497
|
|
|
11486
11498
|
|
|
11487
11499
|
/***/ }),
|