survey-js-ui 1.12.23 → 1.12.25
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/package.json +2 -2
- package/survey-js-ui.js +471 -476
- package/survey-js-ui.js.map +1 -1
- package/survey-js-ui.min.js +4 -4
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.25
|
|
3
3
|
* Copyright (c) 2015-2025 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.25
|
|
114
114
|
* Copyright (c) 2015-2025 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.25
|
|
1047
1047
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
1048
1048
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
1049
1049
|
*/
|
|
@@ -1982,9 +1982,9 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
|
|
|
1982
1982
|
__webpack_require__.r(__webpack_exports__);
|
|
1983
1983
|
|
|
1984
1984
|
// EXPORTS
|
|
1985
|
-
__webpack_require__.d(__webpack_exports__, "useState", function() { return /* reexport */
|
|
1985
|
+
__webpack_require__.d(__webpack_exports__, "useState", function() { return /* reexport */ hooks_module_d; });
|
|
1986
1986
|
__webpack_require__.d(__webpack_exports__, "useId", function() { return /* reexport */ hooks_module_g; });
|
|
1987
|
-
__webpack_require__.d(__webpack_exports__, "useReducer", function() { return /* reexport */
|
|
1987
|
+
__webpack_require__.d(__webpack_exports__, "useReducer", function() { return /* reexport */ hooks_module_h; });
|
|
1988
1988
|
__webpack_require__.d(__webpack_exports__, "useEffect", function() { return /* reexport */ hooks_module_y; });
|
|
1989
1989
|
__webpack_require__.d(__webpack_exports__, "useLayoutEffect", function() { return /* reexport */ hooks_module_; });
|
|
1990
1990
|
__webpack_require__.d(__webpack_exports__, "useInsertionEffect", function() { return /* reexport */ compat_module_I; });
|
|
@@ -2004,7 +2004,7 @@ __webpack_require__.d(__webpack_exports__, "render", function() { return /* reex
|
|
|
2004
2004
|
__webpack_require__.d(__webpack_exports__, "hydrate", function() { return /* reexport */ tn; });
|
|
2005
2005
|
__webpack_require__.d(__webpack_exports__, "unmountComponentAtNode", function() { return /* reexport */ bn; });
|
|
2006
2006
|
__webpack_require__.d(__webpack_exports__, "createPortal", function() { return /* reexport */ compat_module_$; });
|
|
2007
|
-
__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */
|
|
2007
|
+
__webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ _; });
|
|
2008
2008
|
__webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */ J; });
|
|
2009
2009
|
__webpack_require__.d(__webpack_exports__, "createFactory", function() { return /* reexport */ dn; });
|
|
2010
2010
|
__webpack_require__.d(__webpack_exports__, "cloneElement", function() { return /* reexport */ _n; });
|
|
@@ -2143,7 +2143,7 @@ __webpack_require__.r(compat_module_namespaceObject);
|
|
|
2143
2143
|
__webpack_require__.d(compat_module_namespaceObject, "Component", function() { return x; });
|
|
2144
2144
|
__webpack_require__.d(compat_module_namespaceObject, "Fragment", function() { return k; });
|
|
2145
2145
|
__webpack_require__.d(compat_module_namespaceObject, "createContext", function() { return J; });
|
|
2146
|
-
__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return
|
|
2146
|
+
__webpack_require__.d(compat_module_namespaceObject, "createElement", function() { return _; });
|
|
2147
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; });
|
|
@@ -2154,9 +2154,9 @@ __webpack_require__.d(compat_module_namespaceObject, "useId", function() { retur
|
|
|
2154
2154
|
__webpack_require__.d(compat_module_namespaceObject, "useImperativeHandle", function() { return hooks_module_F; });
|
|
2155
2155
|
__webpack_require__.d(compat_module_namespaceObject, "useLayoutEffect", function() { return hooks_module_; });
|
|
2156
2156
|
__webpack_require__.d(compat_module_namespaceObject, "useMemo", function() { return hooks_module_T; });
|
|
2157
|
-
__webpack_require__.d(compat_module_namespaceObject, "useReducer", function() { return
|
|
2157
|
+
__webpack_require__.d(compat_module_namespaceObject, "useReducer", function() { return hooks_module_h; });
|
|
2158
2158
|
__webpack_require__.d(compat_module_namespaceObject, "useRef", function() { return hooks_module_A; });
|
|
2159
|
-
__webpack_require__.d(compat_module_namespaceObject, "useState", function() { return
|
|
2159
|
+
__webpack_require__.d(compat_module_namespaceObject, "useState", function() { return hooks_module_d; });
|
|
2160
2160
|
__webpack_require__.d(compat_module_namespaceObject, "Children", function() { return compat_module_O; });
|
|
2161
2161
|
__webpack_require__.d(compat_module_namespaceObject, "PureComponent", function() { return compat_module_N; });
|
|
2162
2162
|
__webpack_require__.d(compat_module_namespaceObject, "StrictMode", function() { return Cn; });
|
|
@@ -2188,15 +2188,15 @@ __webpack_require__.d(compat_module_namespaceObject, "useTransition", function()
|
|
|
2188
2188
|
__webpack_require__.d(compat_module_namespaceObject, "version", function() { return vn; });
|
|
2189
2189
|
|
|
2190
2190
|
// CONCATENATED MODULE: ./node_modules/preact/dist/preact.module.js
|
|
2191
|
-
var preact_module_n,preact_module_l,preact_module_u,preact_module_t,preact_module_i,preact_module_r,preact_module_o,preact_module_e,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!=preact_module_l.vnode&&preact_module_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!==preact_module_l.debounceRendering)&&((preact_module_r=preact_module_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,preact_module_l.vnode&&preact_module_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,m),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=A(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,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m(null,o,null,null,null):d(o)?m(k,{children:o},null,null,null):void 0===o.constructor&&o.__b>0?m(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!==(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null===e.__v?(-1==c&&h--,"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=C(e)),q(e,e));return t}function A(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=A(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 H(n,l){return l=l||[],null==n||"boolean"==typeof n||(d(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i,r,o=n.key,e=n.type,f=l[u];if(null===f||f&&o==f.key&&e===f.type&&0==(2&f.__u))return u;if(t>(null!=f&&0==(2&f.__u)?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;){if(i>=0){if((f=l[i])&&0==(2&f.__u)&&o==f.key&&e===f.type)return i;i--}if(r<l.length){if((f=l[r])&&0==(2&f.__u)&&o==f.key&&e===f.type)return r;r++}}return-1}function T(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||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])r=l!=(l=l.replace(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(preact_module_l.event?preact_module_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,A,H,L,T,F=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=preact_module_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=preact_module_l.__r,A=0,C){for(h.state=h.__s,h.__d=!1,I&&I(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,I&&I(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++A<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(L=null!=a&&a.type===k&&null==a.key?a.props.children:a)?L:[L],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(T=o.length;T--;)_(o[T]);else u.__e=t.__e,u.__k=t.__k;preact_module_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=preact_module_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]);preact_module_l.__c&&preact_module_l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){preact_module_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&&(preact_module_l.__m&&preact_module_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){preact_module_l.__e(n,t)}}function q(n,u,t){var i,r;if(preact_module_l.unmount&&preact_module_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){preact_module_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),preact_module_l.__&&preact_module_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,preact_module_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,f=/(PointerCapture)$|Capture$/i,preact_module_c=0,s=O(!1),a=O(!0),h=0;
|
|
2191
|
+
var preact_module_n,preact_module_l,preact_module_u,preact_module_t,preact_module_i,preact_module_r,preact_module_o,preact_module_e,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 g(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function _(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!=preact_module_l.vnode&&preact_module_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 S(n,l){if(null==l)return n.__?S(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?S(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 M(n){(!n.__d&&(n.__d=!0)&&preact_module_i.push(n)&&!$.__r++||preact_module_r!==preact_module_l.debounceRendering)&&((preact_module_r=preact_module_l.debounceRendering)||preact_module_o)($)}function $(){for(var n,u,t,r,o,f,c,s=1;preact_module_i.length;)preact_module_i.length>s&&preact_module_i.sort(preact_module_e),n=preact_module_i.shift(),s=preact_module_i.length,n.__d&&(t=void 0,o=(r=(u=n).__v).__e,f=[],c=[],u.__P&&((t=w({},r)).__v=r.__v+1,preact_module_l.vnode&&preact_module_l.vnode(t),j(u.__P,t,r,u.__n,u.__P.namespaceURI,32&r.__u?[o]:null,f,null==o?S(r):o,!!(32&r.__u),c),t.__v=r.__v,t.__.__k[t.__i]=t,z(f,t,c),t.__e!=o&&C(t)));$.__r=0}function I(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=P(u,l,_,f,m),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1===y.__i?p:_[y.__i]||p,y.__i=a,g=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=A(y,f,n):"function"==typeof y.type&&void 0!==g?f=g:d&&(f=d.nextSibling),y.__u&=-7);return u.__e=w,f}function P(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m(null,o,null,null,null):d(o)?m(k,{children:o},null,null,null):void 0===o.constructor&&o.__b>0?m(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!==(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null===e.__v?(-1==c&&h--,"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),q(e,e));return t}function A(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=A(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=S(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||(d(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i,r,o=n.key,e=n.type,f=l[u];if(null===f||f&&o==f.key&&e===f.type&&0==(2&f.__u))return u;if(t>(null!=f&&0==(2&f.__u)?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;){if(i>=0){if((f=l[i])&&0==(2&f.__u)&&o==f.key&&e===f.type)return i;i--}if(r<l.length){if((f=l[r])&&0==(2&f.__u)&&o==f.key&&e===f.type)return r;r++}}return-1}function T(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||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])r=l!=(l=l.replace(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(preact_module_l.event?preact_module_l.event(u):u)}}}function j(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,_,m,b,S,C,M,$,P,A,H,L,T,F,O=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=preact_module_l.__b)&&a(u);n:if("function"==typeof O)try{if(b=u.props,S="prototype"in O&&O.prototype.render,C=(a=O.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(S?u.__c=h=new O(b,M):(u.__c=h=new x(b,M),h.constructor=O,h.render=B),C&&C.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),S&&null==h.__s&&(h.__s=h.state),S&&null!=O.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=w({},h.__s)),w(h.__s,O.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)S&&null==O.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),S&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(S&&null==O.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)}),$=0;$<h._sb.length;$++)h.__h.push(h._sb[$]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),S&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,_)})}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,P=preact_module_l.__r,A=0,S){for(h.state=h.__s,h.__d=!1,P&&P(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,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=w(w({},i),h.getChildContext())),S&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,y)),T=(L=null!=a&&a.type===k&&null==a.key)?a.props.children:a,L&&(a.props.children=null),f=I(n,d(T)?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(F=o.length;F--;)g(o[F]);else u.__e=t.__e,u.__k=t.__k;preact_module_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=preact_module_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]);preact_module_l.__c&&preact_module_l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){preact_module_l.__e(n,u.__v)}})}function N(u,t,i,r,o,e,f,c,s){var a,h,v,y,w,_,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&&(preact_module_l.__m&&preact_module_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?_=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=""),I("template"===t.type?u.content:u,d(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c||(a="value","progress"==x&&null==_?u.removeAttribute("value"):void 0!==_&&(_!==u[a]||"progress"==x&&!_||"option"==x&&_!==b[a])&&F(u,a,_,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){preact_module_l.__e(n,t)}}function q(n,u,t){var i,r;if(preact_module_l.unmount&&preact_module_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){preact_module_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||g(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),preact_module_l.__&&preact_module_l.__(u,t),o=(r="function"==typeof i)?null:i&&i.__k||t.__k,e=[],f=[],j(t,u=(!r&&i||t).__k=_(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){function l(n){var u,t;return this.getChildContext||(u=new Set,(t={})[l.__c]=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 l.__c="__cC"+h++,l.__=n,l.Provider=l.__l=(l.Consumer=function(n,l){return n.children(l)}).contextType=l,l}preact_module_n=v.slice,preact_module_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},$.__r=0,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
|
|
2195
|
-
var hooks_module_t,hooks_module_r,hooks_module_u,hooks_module_i,hooks_module_o=0,hooks_module_f=[],hooks_module_c=preact_module_l,hooks_module_e=hooks_module_c.__b,hooks_module_a=hooks_module_c.__r,hooks_module_v=hooks_module_c.diffed,hooks_module_l=hooks_module_c.__c,hooks_module_m=hooks_module_c.unmount,hooks_module_s=hooks_module_c.__;function
|
|
2195
|
+
var hooks_module_t,hooks_module_r,hooks_module_u,hooks_module_i,hooks_module_o=0,hooks_module_f=[],hooks_module_c=preact_module_l,hooks_module_e=hooks_module_c.__b,hooks_module_a=hooks_module_c.__r,hooks_module_v=hooks_module_c.diffed,hooks_module_l=hooks_module_c.__c,hooks_module_m=hooks_module_c.unmount,hooks_module_s=hooks_module_c.__;function hooks_module_p(n,t){hooks_module_c.__h&&hooks_module_c.__h(hooks_module_r,n,hooks_module_o||t),hooks_module_o=0;var u=hooks_module_r.__H||(hooks_module_r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function hooks_module_d(n){return hooks_module_o=1,hooks_module_h(hooks_module_D,n)}function hooks_module_h(n,u,i){var o=hooks_module_p(hooks_module_t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):hooks_module_D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=hooks_module_r,!hooks_module_r.__f)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return!!n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=o.__c.props!==n;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),c&&c.call(this,n,t,r)||i};hooks_module_r.__f=!0;var c=hooks_module_r.shouldComponentUpdate,e=hooks_module_r.componentWillUpdate;hooks_module_r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},hooks_module_r.shouldComponentUpdate=f}return o.__N||o.__}function hooks_module_y(n,u){var i=hooks_module_p(hooks_module_t++,3);!hooks_module_c.__s&&hooks_module_C(i.__H,u)&&(i.__=n,i.u=u,hooks_module_r.__H.__h.push(i))}function hooks_module_(n,u){var i=hooks_module_p(hooks_module_t++,4);!hooks_module_c.__s&&hooks_module_C(i.__H,u)&&(i.__=n,i.u=u,hooks_module_r.__h.push(i))}function hooks_module_A(n){return hooks_module_o=5,hooks_module_T(function(){return{current:n}},[])}function hooks_module_F(n,t,r){hooks_module_o=6,hooks_module_(function(){if("function"==typeof n){var r=n(t());return function(){n(null),r&&"function"==typeof r&&r()}}if(n)return n.current=t(),function(){return n.current=null}},null==r?r:r.concat(n))}function hooks_module_T(n,r){var u=hooks_module_p(hooks_module_t++,7);return hooks_module_C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function hooks_module_q(n,t){return hooks_module_o=8,hooks_module_T(function(){return n},t)}function hooks_module_x(n){var u=hooks_module_r.context[n.__c],i=hooks_module_p(hooks_module_t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(hooks_module_r)),u.props.value):n.__}function hooks_module_P(n,t){hooks_module_c.useDebugValue&&hooks_module_c.useDebugValue(t?t(n):n)}function hooks_module_b(n){var u=hooks_module_p(hooks_module_t++,10),i=hooks_module_d();return u.__=n,hooks_module_r.componentDidCatch||(hooks_module_r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function hooks_module_g(){var n=hooks_module_p(hooks_module_t++,11);if(!n.__){for(var u=hooks_module_r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++}return n.__}function hooks_module_j(){for(var n;n=hooks_module_f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(hooks_module_z),n.__H.__h.forEach(hooks_module_B),n.__H.__h=[]}catch(t){n.__H.__h=[],hooks_module_c.__e(t,n.__v)}}hooks_module_c.__b=function(n){hooks_module_r=null,hooks_module_e&&hooks_module_e(n)},hooks_module_c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),hooks_module_s&&hooks_module_s(n,t)},hooks_module_c.__r=function(n){hooks_module_a&&hooks_module_a(n),hooks_module_t=0;var i=(hooks_module_r=n.__c).__H;i&&(hooks_module_u===hooks_module_r?(i.__h=[],hooks_module_r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(i.__h.forEach(hooks_module_z),i.__h.forEach(hooks_module_B),i.__h=[],hooks_module_t=0)),hooks_module_u=hooks_module_r},hooks_module_c.diffed=function(n){hooks_module_v&&hooks_module_v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==hooks_module_f.push(t)&&hooks_module_i===hooks_module_c.requestAnimationFrame||((hooks_module_i=hooks_module_c.requestAnimationFrame)||hooks_module_w)(hooks_module_j)),t.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0})),hooks_module_u=hooks_module_r=null},hooks_module_c.__c=function(n,t){t.some(function(n){try{n.__h.forEach(hooks_module_z),n.__h=n.__h.filter(function(n){return!n.__||hooks_module_B(n)})}catch(r){t.some(function(n){n.__h&&(n.__h=[])}),t=[],hooks_module_c.__e(r,n.__v)}}),hooks_module_l&&hooks_module_l(n,t)},hooks_module_c.unmount=function(n){hooks_module_m&&hooks_module_m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{hooks_module_z(n)}catch(n){t=n}}),r.__H=void 0,t&&hooks_module_c.__e(t,r.__v))};var hooks_module_k="function"==typeof requestAnimationFrame;function hooks_module_w(n){var t,r=function(){clearTimeout(u),hooks_module_k&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,100);hooks_module_k&&(t=requestAnimationFrame(r))}function hooks_module_z(n){var t=hooks_module_r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),hooks_module_r=t}function hooks_module_B(n){var t=hooks_module_r;n.__c=n.__(),hooks_module_r=t}function hooks_module_C(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function hooks_module_D(n,t){return"function"==typeof t?t(n):t}
|
|
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 t)n[e]=t[e];return n}function compat_module_E(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_C(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_x(u)&&o({t:u})},[n,e,t]),hooks_module_y(function(){return compat_module_x(u)&&o({t:u}),n(function(){compat_module_x(u)&&o({t:u})})},[n]),e}function compat_module_x(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 R(n){n()}function compat_module_w(n){return n}function compat_module_k(){return[!1,R]}var compat_module_I=hooks_module_;function compat_module_N(n,t){this.props=n,this.context=t}function compat_module_M(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_E(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_N.prototype=new x).isPureReactComponent=!0,compat_module_N.prototype.shouldComponentUpdate=function(n,t){return compat_module_E(this.props,n)||compat_module_E(this.state,t)};var compat_module_T=preact_module_l.__b;preact_module_l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_T&&compat_module_T(n)};var compat_module_A="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_D(n){function t(t){var e=compat_module_g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=compat_module_A,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_L=function(n,t){return null==n?null:H(H(n).map(t))},compat_module_O={map:compat_module_L,forEach:compat_module_L,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_F=preact_module_l.__e;preact_module_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_F(n,t,e,r)};var U=preact_module_l.unmount;function compat_module_V(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=compat_module_g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return compat_module_V(n,t,e)})),n}function W(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return W(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function compat_module_P(){this.__u=0,this.o=null,this.__b=null}function compat_module_j(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_z(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_B(){this.i=null,this.l=null}preact_module_l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),U&&U(n)},(compat_module_P.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_j(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]=W(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)},compat_module_P.prototype.componentWillUnmount=function(){this.o=[]},compat_module_P.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=compat_module_V(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_H=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 Z(n){return this.getChildContext=function(){return n.context},n.children}function Y(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(Z,{context:e.context},n.__v),e.v)}function compat_module_$(n,e){var r=g(Y,{__v:n,h:e});return r.containerInfo=e,r}(compat_module_B.prototype=new x).__a=function(n){var t=this,e=compat_module_j(t.__v),r=t.l.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),compat_module_H(t,n,r)):u()};e?e(o):o()}},compat_module_B.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_B.prototype.componentDidUpdate=compat_module_B.prototype.componentDidMount=function(){var n=this;this.l.forEach(function(t,e){compat_module_H(n,e,t)})};var compat_module_q="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_G=/^(?: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_J=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,K=/[A-Z0-9]/g,Q="undefined"!=typeof document,X=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function nn(n,t,e){return null==t.__k&&(t.textContent=""),D(n,t),"function"==typeof e&&e(),n?n.__c:null}function tn(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 en=preact_module_l.event;function rn(){}function un(){return this.cancelBubble}function on(){return this.defaultPrevented}preact_module_l.event=function(n){return en&&(n=en(n)),n.persist=rn,n.isPropagationStopped=un,n.isDefaultPrevented=on,n.nativeEvent=n};var cn,ln={enumerable:!1,configurable:!0,get:function(){return this.class}},fn=preact_module_l.vnode;preact_module_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||Q&&"children"===i&&"noscript"===e||"class"===i||"className"===i)){var l=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===c?c="":"translate"===l&&"no"===c?c=!1:"o"===l[0]&&"n"===l[1]?"ondoubleclick"===l?i="ondblclick":"onchange"!==l||"input"!==e&&"textarea"!==e||X(t.type)?"onfocus"===l?i="onfocusin":"onblur"===l?i="onfocusout":compat_module_J.test(i)&&(i=l):l=i="oninput":o&&compat_module_G.test(i)?i=i.replace(K,"-$&").toLowerCase():null===c&&(c=void 0),"oninput"===l&&u[i=l]&&(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",ln)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_q,fn&&fn(n)};var an=preact_module_l.__r;preact_module_l.__r=function(n){an&&an(n),cn=n.__c};var sn=preact_module_l.diffed;preact_module_l.diffed=function(n){sn&&sn(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),cn=null};var hn={ReactCurrentDispatcher:{current:{readContext:function(n){return cn.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:compat_module_w,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:compat_module_I,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_p,useRef:hooks_module_A,useState:hooks_module_h,useSyncExternalStore:compat_module_C,useTransition:compat_module_k}}},vn="18.3.1";function dn(n){return g.bind(null,n)}function pn(n){return!!n&&n.$$typeof===compat_module_q}function mn(n){return pn(n)&&n.type===k}function yn(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function _n(n){return pn(n)?G.apply(null,arguments):n}function bn(n){return!!n.__k&&(D(null,n),!0)}function Sn(n){return n&&(n.base||1===n.nodeType&&n)||null}var gn=function(n,t){return n(t)},En=function(n,t){return n(t)},Cn=k,xn=pn,Rn={useState:hooks_module_h,useId:hooks_module_g,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:compat_module_I,useTransition:compat_module_k,useDeferredValue:compat_module_w,useSyncExternalStore:compat_module_C,startTransition:R,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_O,render:nn,hydrate:tn,unmountComponentAtNode:bn,createPortal:compat_module_$,createElement:g,createContext:J,createFactory:dn,cloneElement:_n,createRef:b,Fragment:k,isValidElement:pn,isElement:xn,isFragment:mn,isMemo:yn,findDOMNode:Sn,Component:x,PureComponent:compat_module_N,memo:compat_module_M,forwardRef:compat_module_D,flushSync:En,unstable_batchedUpdates:gn,StrictMode:Cn,Suspense:compat_module_P,SuspenseList:compat_module_B,lazy:compat_module_z,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:hn};
|
|
2199
|
+
function compat_module_g(n,t){for(var e in t)n[e]=t[e];return n}function compat_module_E(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_C(n,t){var e=t(),r=hooks_module_d({t:{__:e,u:t}}),u=r[0].t,o=r[1];return hooks_module_(function(){u.__=e,u.u=t,compat_module_x(u)&&o({t:u})},[n,e,t]),hooks_module_y(function(){return compat_module_x(u)&&o({t:u}),n(function(){compat_module_x(u)&&o({t:u})})},[n]),e}function compat_module_x(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 R(n){n()}function compat_module_w(n){return n}function compat_module_k(){return[!1,R]}var compat_module_I=hooks_module_;function compat_module_N(n,t){this.props=n,this.context=t}function compat_module_M(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_E(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_N.prototype=new x).isPureReactComponent=!0,compat_module_N.prototype.shouldComponentUpdate=function(n,t){return compat_module_E(this.props,n)||compat_module_E(this.state,t)};var compat_module_T=preact_module_l.__b;preact_module_l.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_T&&compat_module_T(n)};var compat_module_A="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_D(n){function t(t){var e=compat_module_g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=compat_module_A,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var compat_module_L=function(n,t){return null==n?null:H(H(n).map(t))},compat_module_O={map:compat_module_L,forEach:compat_module_L,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_F=preact_module_l.__e;preact_module_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_F(n,t,e,r)};var U=preact_module_l.unmount;function compat_module_V(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=compat_module_g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return compat_module_V(n,t,e)})),n}function W(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return W(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function compat_module_P(){this.__u=0,this.o=null,this.__b=null}function compat_module_j(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function compat_module_z(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_B(){this.i=null,this.l=null}preact_module_l.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),U&&U(n)},(compat_module_P.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_j(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]=W(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)},compat_module_P.prototype.componentWillUnmount=function(){this.o=[]},compat_module_P.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=compat_module_V(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&_(k,null,n.fallback);return i&&(i.__u&=-33),[_(k,null,e.__a?null:n.children),i]};var compat_module_H=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 Z(n){return this.getChildContext=function(){return n.context},n.children}function Y(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(_(Z,{context:e.context},n.__v),e.v)}function compat_module_$(n,e){var r=_(Y,{__v:n,h:e});return r.containerInfo=e,r}(compat_module_B.prototype=new x).__a=function(n){var t=this,e=compat_module_j(t.__v),r=t.l.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),compat_module_H(t,n,r)):u()};e?e(o):o()}},compat_module_B.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_B.prototype.componentDidUpdate=compat_module_B.prototype.componentDidMount=function(){var n=this;this.l.forEach(function(t,e){compat_module_H(n,e,t)})};var compat_module_q="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,compat_module_G=/^(?: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_J=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,K=/[A-Z0-9]/g,Q="undefined"!=typeof document,X=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function nn(n,t,e){return null==t.__k&&(t.textContent=""),D(n,t),"function"==typeof e&&e(),n?n.__c:null}function tn(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 en=preact_module_l.event;function rn(){}function un(){return this.cancelBubble}function on(){return this.defaultPrevented}preact_module_l.event=function(n){return en&&(n=en(n)),n.persist=rn,n.isPropagationStopped=un,n.isDefaultPrevented=on,n.nativeEvent=n};var cn,ln={enumerable:!1,configurable:!0,get:function(){return this.class}},fn=preact_module_l.vnode;preact_module_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||Q&&"children"===i&&"noscript"===e||"class"===i||"className"===i)){var l=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===c?c="":"translate"===l&&"no"===c?c=!1:"o"===l[0]&&"n"===l[1]?"ondoubleclick"===l?i="ondblclick":"onchange"!==l||"input"!==e&&"textarea"!==e||X(t.type)?"onfocus"===l?i="onfocusin":"onblur"===l?i="onfocusout":compat_module_J.test(i)&&(i=l):l=i="oninput":o&&compat_module_G.test(i)?i=i.replace(K,"-$&").toLowerCase():null===c&&(c=void 0),"oninput"===l&&u[i=l]&&(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",ln)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=compat_module_q,fn&&fn(n)};var an=preact_module_l.__r;preact_module_l.__r=function(n){an&&an(n),cn=n.__c};var sn=preact_module_l.diffed;preact_module_l.diffed=function(n){sn&&sn(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),cn=null};var hn={ReactCurrentDispatcher:{current:{readContext:function(n){return cn.__n[n.__c].props.value},useCallback:hooks_module_q,useContext:hooks_module_x,useDebugValue:hooks_module_P,useDeferredValue:compat_module_w,useEffect:hooks_module_y,useId:hooks_module_g,useImperativeHandle:hooks_module_F,useInsertionEffect:compat_module_I,useLayoutEffect:hooks_module_,useMemo:hooks_module_T,useReducer:hooks_module_h,useRef:hooks_module_A,useState:hooks_module_d,useSyncExternalStore:compat_module_C,useTransition:compat_module_k}}},vn="18.3.1";function dn(n){return _.bind(null,n)}function pn(n){return!!n&&n.$$typeof===compat_module_q}function mn(n){return pn(n)&&n.type===k}function yn(n){return!!n&&!!n.displayName&&("string"==typeof n.displayName||n.displayName instanceof String)&&n.displayName.startsWith("Memo(")}function _n(n){return pn(n)?G.apply(null,arguments):n}function bn(n){return!!n.__k&&(D(null,n),!0)}function Sn(n){return n&&(n.base||1===n.nodeType&&n)||null}var gn=function(n,t){return n(t)},En=function(n,t){return n(t)},Cn=k,xn=pn,Rn={useState:hooks_module_d,useId:hooks_module_g,useReducer:hooks_module_h,useEffect:hooks_module_y,useLayoutEffect:hooks_module_,useInsertionEffect:compat_module_I,useTransition:compat_module_k,useDeferredValue:compat_module_w,useSyncExternalStore:compat_module_C,startTransition:R,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_O,render:nn,hydrate:tn,unmountComponentAtNode:bn,createPortal:compat_module_$,createElement:_,createContext:J,createFactory:dn,cloneElement:_n,createRef:b,Fragment:k,isValidElement:pn,isElement:xn,isFragment:mn,isMemo:yn,findDOMNode:Sn,Component:x,PureComponent:compat_module_N,memo:compat_module_M,forwardRef:compat_module_D,flushSync:En,unstable_batchedUpdates:gn,StrictMode:Cn,Suspense:compat_module_P,SuspenseList:compat_module_B,lazy:compat_module_z,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:hn};
|
|
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 _("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();
|
|
@@ -2770,19 +2770,17 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
|
|
|
2770
2770
|
el.focusIn();
|
|
2771
2771
|
}
|
|
2772
2772
|
};
|
|
2773
|
-
return (
|
|
2773
|
+
return (_("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": element.name + this.index, onFocus: focusIn, ref: this.rootRef }, innerElement));
|
|
2774
2774
|
};
|
|
2775
2775
|
SurveyRowElement.prototype.createElement = function (element, elementIndex) {
|
|
2776
|
-
var index = elementIndex ? "-" + elementIndex : 0;
|
|
2777
2776
|
if (!this.row.isNeedRender) {
|
|
2778
|
-
return ReactElementFactory.Instance.createElement(element.skeletonComponentName, {
|
|
2777
|
+
return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { element: element, css: this.css, });
|
|
2779
2778
|
}
|
|
2780
2779
|
var elementType = element.getTemplate();
|
|
2781
2780
|
if (!ReactElementFactory.Instance.isElementRegistered(elementType)) {
|
|
2782
2781
|
elementType = "question";
|
|
2783
2782
|
}
|
|
2784
2783
|
return ReactElementFactory.Instance.createElement(elementType, {
|
|
2785
|
-
key: element.name + index,
|
|
2786
2784
|
element: element,
|
|
2787
2785
|
creator: this.creator,
|
|
2788
2786
|
survey: this.survey,
|
|
@@ -2862,11 +2860,9 @@ var row_SurveyRow = /** @class */ (function (_super) {
|
|
|
2862
2860
|
SurveyRow.prototype.renderElementContent = function () {
|
|
2863
2861
|
var _this = this;
|
|
2864
2862
|
var elements = this.row.visibleElements.map(function (element, elementIndex) {
|
|
2865
|
-
|
|
2866
|
-
var key = element.name + index;
|
|
2867
|
-
return (g(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
|
|
2863
|
+
return (_(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: element.id }));
|
|
2868
2864
|
});
|
|
2869
|
-
return (
|
|
2865
|
+
return (_("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
|
|
2870
2866
|
};
|
|
2871
2867
|
SurveyRow.prototype.renderElement = function () {
|
|
2872
2868
|
var survey = this.survey;
|
|
@@ -3038,7 +3034,7 @@ var panel_base_SurveyPanelBase = /** @class */ (function (_super) {
|
|
|
3038
3034
|
return this.panelBase.visibleRows.map(function (row) { return _this.createRow(row, css); });
|
|
3039
3035
|
};
|
|
3040
3036
|
SurveyPanelBase.prototype.createRow = function (row, css) {
|
|
3041
|
-
return (
|
|
3037
|
+
return (_(row_SurveyRow, { key: row.id, row: row, survey: this.survey, creator: this.creator, css: css }));
|
|
3042
3038
|
};
|
|
3043
3039
|
return SurveyPanelBase;
|
|
3044
3040
|
}(reactquestion_element_SurveyElementBase));
|
|
@@ -3898,18 +3894,18 @@ var reactquestion_comment_SurveyQuestionComment = /** @class */ (function (_supe
|
|
|
3898
3894
|
SurveyQuestionComment.prototype.renderCharacterCounter = function () {
|
|
3899
3895
|
var counter = null;
|
|
3900
3896
|
if (!!this.question.getMaxLength()) {
|
|
3901
|
-
counter =
|
|
3897
|
+
counter = _(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter });
|
|
3902
3898
|
}
|
|
3903
3899
|
return counter;
|
|
3904
3900
|
};
|
|
3905
3901
|
SurveyQuestionComment.prototype.renderElement = function () {
|
|
3906
3902
|
if (this.question.isReadOnlyRenderDiv()) {
|
|
3907
|
-
return
|
|
3903
|
+
return _("div", null, this.question.value);
|
|
3908
3904
|
}
|
|
3909
3905
|
var counter = this.renderCharacterCounter();
|
|
3910
3906
|
var textAreaModel = this.props.question.textAreaModel;
|
|
3911
|
-
return (
|
|
3912
|
-
|
|
3907
|
+
return (_(k, null,
|
|
3908
|
+
_(text_area_TextAreaComponent, { viewModel: textAreaModel }),
|
|
3913
3909
|
counter));
|
|
3914
3910
|
};
|
|
3915
3911
|
return SurveyQuestionComment;
|
|
@@ -3932,9 +3928,9 @@ var reactquestion_comment_SurveyQuestionCommentItem = /** @class */ (function (_
|
|
|
3932
3928
|
var question = this.props.question;
|
|
3933
3929
|
if (question.isReadOnlyRenderDiv()) {
|
|
3934
3930
|
var comment = this.textAreaModel.getTextValue() || "";
|
|
3935
|
-
return
|
|
3931
|
+
return _("div", null, comment);
|
|
3936
3932
|
}
|
|
3937
|
-
return (
|
|
3933
|
+
return (_(text_area_TextAreaComponent, { viewModel: this.textAreaModel }));
|
|
3938
3934
|
};
|
|
3939
3935
|
return SurveyQuestionCommentItem;
|
|
3940
3936
|
}(ReactSurveyElement));
|
|
@@ -3951,7 +3947,7 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
|
|
|
3951
3947
|
}(reactquestion_comment_SurveyQuestionCommentItem));
|
|
3952
3948
|
|
|
3953
3949
|
ReactQuestionFactory.Instance.registerQuestion("comment", function (props) {
|
|
3954
|
-
return
|
|
3950
|
+
return _(reactquestion_comment_SurveyQuestionComment, props);
|
|
3955
3951
|
});
|
|
3956
3952
|
|
|
3957
3953
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/custom-widget.tsx
|
|
@@ -4017,7 +4013,7 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
|
|
|
4017
4013
|
SurveyCustomWidget.prototype.renderElement = function () {
|
|
4018
4014
|
var customWidget = this.questionBase.customWidget;
|
|
4019
4015
|
if (customWidget.isDefaultRender) {
|
|
4020
|
-
return (
|
|
4016
|
+
return (_("div", { ref: this.widgetRef }, this.creator.createQuestionElement(this.questionBase)));
|
|
4021
4017
|
}
|
|
4022
4018
|
var widget = null;
|
|
4023
4019
|
if (customWidget.widgetJson.render) {
|
|
@@ -4026,10 +4022,10 @@ var custom_widget_SurveyCustomWidget = /** @class */ (function (_super) {
|
|
|
4026
4022
|
else {
|
|
4027
4023
|
if (customWidget.htmlTemplate) {
|
|
4028
4024
|
var htmlValue = { __html: customWidget.htmlTemplate };
|
|
4029
|
-
return
|
|
4025
|
+
return _("div", { ref: this.widgetRef, dangerouslySetInnerHTML: htmlValue });
|
|
4030
4026
|
}
|
|
4031
4027
|
}
|
|
4032
|
-
return
|
|
4028
|
+
return _("div", { ref: this.widgetRef }, widget);
|
|
4033
4029
|
};
|
|
4034
4030
|
return SurveyCustomWidget;
|
|
4035
4031
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -4125,7 +4121,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4125
4121
|
if (!customWidget) {
|
|
4126
4122
|
return creator.createQuestionElement(question);
|
|
4127
4123
|
}
|
|
4128
|
-
return
|
|
4124
|
+
return _(custom_widget_SurveyCustomWidget, { creator: creator, question: question });
|
|
4129
4125
|
};
|
|
4130
4126
|
SurveyQuestion.prototype.getStateElement = function () {
|
|
4131
4127
|
return this.question;
|
|
@@ -4176,7 +4172,6 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4176
4172
|
var el = this.rootRef.current;
|
|
4177
4173
|
if (el && el.getAttribute("data-rendered") !== "r") {
|
|
4178
4174
|
el.setAttribute("data-rendered", "r");
|
|
4179
|
-
el.setAttribute("data-name", this.question.name);
|
|
4180
4175
|
if (this.question.afterRender) {
|
|
4181
4176
|
this.question.afterRender(el);
|
|
4182
4177
|
}
|
|
@@ -4205,7 +4200,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4205
4200
|
var descriptionUnderInput = question.hasDescriptionUnderInput
|
|
4206
4201
|
? this.renderDescription()
|
|
4207
4202
|
: null;
|
|
4208
|
-
return (
|
|
4203
|
+
return (_("div", { className: question.cssContent || undefined, style: contentStyle, role: "presentation" },
|
|
4209
4204
|
errorsTop,
|
|
4210
4205
|
questionRender,
|
|
4211
4206
|
comment,
|
|
@@ -4226,8 +4221,8 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4226
4221
|
: null;
|
|
4227
4222
|
var rootStyle = question.getRootStyle();
|
|
4228
4223
|
var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
|
|
4229
|
-
return (
|
|
4230
|
-
|
|
4224
|
+
return (_(k, null,
|
|
4225
|
+
_("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, "data-name": question.name },
|
|
4231
4226
|
errorsAboveQuestion,
|
|
4232
4227
|
headerTop,
|
|
4233
4228
|
questionContent,
|
|
@@ -4258,21 +4253,21 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
|
|
|
4258
4253
|
};
|
|
4259
4254
|
SurveyQuestion.prototype.renderComment = function (cssClasses) {
|
|
4260
4255
|
var commentText = reactquestion_element_SurveyElementBase.renderLocString(this.question.locCommentText);
|
|
4261
|
-
return (
|
|
4262
|
-
|
|
4263
|
-
|
|
4256
|
+
return (_("div", { className: this.question.getCommentAreaCss() },
|
|
4257
|
+
_("div", null, commentText),
|
|
4258
|
+
_(reactquestion_comment_SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
|
|
4264
4259
|
};
|
|
4265
4260
|
SurveyQuestion.prototype.renderHeader = function (question) {
|
|
4266
|
-
return
|
|
4261
|
+
return _(element_header_SurveyElementHeader, { element: question });
|
|
4267
4262
|
};
|
|
4268
4263
|
SurveyQuestion.prototype.renderErrors = function (cssClasses, location) {
|
|
4269
|
-
return (
|
|
4264
|
+
return (_(reactquestion_SurveyElementErrors, { element: this.question, cssClasses: cssClasses, creator: this.creator, location: location, id: this.question.id + "_errors" }));
|
|
4270
4265
|
};
|
|
4271
4266
|
return SurveyQuestion;
|
|
4272
4267
|
}(reactquestion_element_SurveyElementBase));
|
|
4273
4268
|
|
|
4274
4269
|
ReactElementFactory.Instance.registerElement("question", function (props) {
|
|
4275
|
-
return
|
|
4270
|
+
return _(reactquestion_SurveyQuestion, props);
|
|
4276
4271
|
});
|
|
4277
4272
|
var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
|
|
4278
4273
|
reactquestion_extends(SurveyElementErrors, _super);
|
|
@@ -4324,7 +4319,7 @@ var reactquestion_SurveyElementErrors = /** @class */ (function (_super) {
|
|
|
4324
4319
|
var key = "error" + i;
|
|
4325
4320
|
errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
|
|
4326
4321
|
}
|
|
4327
|
-
return (
|
|
4322
|
+
return (_("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
|
|
4328
4323
|
};
|
|
4329
4324
|
return SurveyElementErrors;
|
|
4330
4325
|
}(ReactSurveyElement));
|
|
@@ -4375,7 +4370,7 @@ var reactquestion_SurveyQuestionAndErrorsWrapped = /** @class */ (function (_sup
|
|
|
4375
4370
|
};
|
|
4376
4371
|
SurveyQuestionAndErrorsWrapped.prototype.renderContent = function () {
|
|
4377
4372
|
var renderedQuestion = this.renderQuestion();
|
|
4378
|
-
return (
|
|
4373
|
+
return (_(k, null, renderedQuestion));
|
|
4379
4374
|
};
|
|
4380
4375
|
SurveyQuestionAndErrorsWrapped.prototype.getShowErrors = function () {
|
|
4381
4376
|
return this.question.isVisible;
|
|
@@ -4403,13 +4398,13 @@ var reactquestion_SurveyQuestionAndErrorsCell = /** @class */ (function (_super)
|
|
|
4403
4398
|
}
|
|
4404
4399
|
};
|
|
4405
4400
|
SurveyQuestionAndErrorsCell.prototype.renderCellContent = function () {
|
|
4406
|
-
return (
|
|
4401
|
+
return (_("div", { className: this.props.cell.cellQuestionWrapperClassName }, this.renderQuestion()));
|
|
4407
4402
|
};
|
|
4408
4403
|
SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
|
|
4409
4404
|
var style = this.getCellStyle();
|
|
4410
4405
|
var cell = this.props.cell;
|
|
4411
4406
|
var focusIn = function () { cell.focusIn(); };
|
|
4412
|
-
return (
|
|
4407
|
+
return (_("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, this.renderCellContent())));
|
|
4413
4408
|
};
|
|
4414
4409
|
SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
|
|
4415
4410
|
return null;
|
|
@@ -4479,7 +4474,7 @@ var reactquestion_SurveyQuestionErrorCell = /** @class */ (function (_super) {
|
|
|
4479
4474
|
}
|
|
4480
4475
|
};
|
|
4481
4476
|
SurveyQuestionErrorCell.prototype.render = function () {
|
|
4482
|
-
return
|
|
4477
|
+
return _(reactquestion_SurveyElementErrors, { element: this.question, creator: this.props.creator, cssClasses: this.question.cssClasses });
|
|
4483
4478
|
};
|
|
4484
4479
|
return SurveyQuestionErrorCell;
|
|
4485
4480
|
}(x));
|
|
@@ -4529,21 +4524,21 @@ var page_SurveyPage = /** @class */ (function (_super) {
|
|
|
4529
4524
|
var title = this.renderTitle();
|
|
4530
4525
|
var description = this.renderDescription();
|
|
4531
4526
|
var rows = this.renderRows(this.panelBase.cssClasses);
|
|
4532
|
-
var errors = (
|
|
4533
|
-
return (
|
|
4527
|
+
var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
|
|
4528
|
+
return (_("div", { ref: this.rootRef, className: this.page.cssRoot },
|
|
4534
4529
|
title,
|
|
4535
4530
|
description,
|
|
4536
4531
|
errors,
|
|
4537
4532
|
rows));
|
|
4538
4533
|
};
|
|
4539
4534
|
SurveyPage.prototype.renderTitle = function () {
|
|
4540
|
-
return
|
|
4535
|
+
return _(title_element_TitleElement, { element: this.page });
|
|
4541
4536
|
};
|
|
4542
4537
|
SurveyPage.prototype.renderDescription = function () {
|
|
4543
4538
|
if (!this.page._showDescription)
|
|
4544
4539
|
return null;
|
|
4545
4540
|
var text = reactquestion_element_SurveyElementBase.renderLocString(this.page.locDescription);
|
|
4546
|
-
return (
|
|
4541
|
+
return (_("div", { className: this.panelBase.cssClasses.page.description }, text));
|
|
4547
4542
|
};
|
|
4548
4543
|
return SurveyPage;
|
|
4549
4544
|
}(panel_base_SurveyPanelBase));
|
|
@@ -5051,30 +5046,30 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5051
5046
|
else {
|
|
5052
5047
|
renderResult = this.renderSurvey();
|
|
5053
5048
|
}
|
|
5054
|
-
var backgroundImage = !!this.survey.backgroundImage ?
|
|
5055
|
-
var header = this.survey.headerView === "basic" ?
|
|
5049
|
+
var backgroundImage = !!this.survey.backgroundImage ? _("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
|
|
5050
|
+
var header = this.survey.headerView === "basic" ? _(survey_header_SurveyHeader, { survey: this.survey }) : null;
|
|
5056
5051
|
var onSubmit = function (event) {
|
|
5057
5052
|
event.preventDefault();
|
|
5058
5053
|
};
|
|
5059
|
-
var customHeader =
|
|
5054
|
+
var customHeader = _("div", { className: "sv_custom_header" });
|
|
5060
5055
|
if (this.survey.hasLogo) {
|
|
5061
5056
|
customHeader = null;
|
|
5062
5057
|
}
|
|
5063
5058
|
var rootCss = this.survey.getRootCss();
|
|
5064
5059
|
var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
|
|
5065
|
-
return (
|
|
5066
|
-
this.survey.needRenderIcons ?
|
|
5067
|
-
|
|
5068
|
-
|
|
5060
|
+
return (_("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
|
|
5061
|
+
this.survey.needRenderIcons ? _(svgbundle_SvgBundleComponent, null) : null,
|
|
5062
|
+
_(popup_modal_PopupModal, null),
|
|
5063
|
+
_("div", { className: this.survey.wrapperFormCss },
|
|
5069
5064
|
backgroundImage,
|
|
5070
|
-
|
|
5065
|
+
_("form", { onSubmit: onSubmit },
|
|
5071
5066
|
customHeader,
|
|
5072
|
-
|
|
5067
|
+
_("div", { className: this.css.container },
|
|
5073
5068
|
header,
|
|
5074
|
-
|
|
5069
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
|
|
5075
5070
|
renderResult,
|
|
5076
|
-
|
|
5077
|
-
|
|
5071
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
|
|
5072
|
+
_(notifier_NotifierComponent, { notifier: this.survey.notifier }))));
|
|
5078
5073
|
};
|
|
5079
5074
|
Survey.prototype.renderElement = function () {
|
|
5080
5075
|
return this.doRender();
|
|
@@ -5093,17 +5088,17 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5093
5088
|
if (!this.survey.showCompletedPage)
|
|
5094
5089
|
return null;
|
|
5095
5090
|
var htmlValue = { __html: this.survey.processedCompletedHtml };
|
|
5096
|
-
return (
|
|
5097
|
-
|
|
5098
|
-
|
|
5091
|
+
return (_(k, null,
|
|
5092
|
+
_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
|
|
5093
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
|
|
5099
5094
|
};
|
|
5100
5095
|
Survey.prototype.renderCompletedBefore = function () {
|
|
5101
5096
|
var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
|
|
5102
|
-
return (
|
|
5097
|
+
return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedBeforeCss }));
|
|
5103
5098
|
};
|
|
5104
5099
|
Survey.prototype.renderLoading = function () {
|
|
5105
5100
|
var htmlValue = { __html: this.survey.processedLoadingHtml };
|
|
5106
|
-
return (
|
|
5101
|
+
return (_("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.loadingBodyCss }));
|
|
5107
5102
|
};
|
|
5108
5103
|
Survey.prototype.renderSurvey = function () {
|
|
5109
5104
|
var activePage = this.survey.activePage
|
|
@@ -5116,22 +5111,22 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5116
5111
|
if (!!this.survey.renderedWidth) {
|
|
5117
5112
|
style.maxWidth = this.survey.renderedWidth;
|
|
5118
5113
|
}
|
|
5119
|
-
return (
|
|
5120
|
-
|
|
5121
|
-
|
|
5122
|
-
|
|
5123
|
-
|
|
5124
|
-
|
|
5114
|
+
return (_("div", { className: this.survey.bodyContainerCss },
|
|
5115
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "left" }),
|
|
5116
|
+
_("div", { className: "sv-components-column sv-components-column--expandable" },
|
|
5117
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "center" }),
|
|
5118
|
+
_("div", { id: pageId, className: className, style: style },
|
|
5119
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "contentTop" }),
|
|
5125
5120
|
activePage,
|
|
5126
|
-
|
|
5127
|
-
this.survey.showBrandInfo ?
|
|
5128
|
-
|
|
5121
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
|
|
5122
|
+
this.survey.showBrandInfo ? _(brand_info_BrandInfo, null) : null)),
|
|
5123
|
+
_(components_container_ComponentsContainer, { survey: this.survey, container: "right" })));
|
|
5129
5124
|
};
|
|
5130
5125
|
Survey.prototype.renderPage = function (page) {
|
|
5131
|
-
return (
|
|
5126
|
+
return (_(page_SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
|
|
5132
5127
|
};
|
|
5133
5128
|
Survey.prototype.renderEmptySurvey = function () {
|
|
5134
|
-
return
|
|
5129
|
+
return _("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
|
|
5135
5130
|
};
|
|
5136
5131
|
Survey.prototype.createSurvey = function (newProps) {
|
|
5137
5132
|
if (!newProps)
|
|
@@ -5224,7 +5219,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
5224
5219
|
}(reactquestion_element_SurveyElementBase));
|
|
5225
5220
|
|
|
5226
5221
|
ReactElementFactory.Instance.registerElement("survey", function (props) {
|
|
5227
|
-
return
|
|
5222
|
+
return _(reactSurvey_Survey, props);
|
|
5228
5223
|
});
|
|
5229
5224
|
function attachKey2click(element, viewModel, options) {
|
|
5230
5225
|
if (options === void 0) { options = { processEsc: true, disableTabStop: false }; }
|
|
@@ -5351,16 +5346,16 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
|
|
|
5351
5346
|
if (!this.timerModel.isRunning) {
|
|
5352
5347
|
return null;
|
|
5353
5348
|
}
|
|
5354
|
-
var result =
|
|
5349
|
+
var result = _("div", { className: this.timerModel.survey.getCss().timerRoot }, this.timerModel.text);
|
|
5355
5350
|
if (this.timerModel.showTimerAsClock) {
|
|
5356
5351
|
var style = { strokeDasharray: this.circleLength, strokeDashoffset: this.progress };
|
|
5357
|
-
var progress = (this.timerModel.showProgress ?
|
|
5352
|
+
var progress = (this.timerModel.showProgress ? _(svg_icon_SvgIcon, { className: this.timerModel.getProgressCss(), style: style, iconName: "icon-timercircle", size: "auto" }) : null);
|
|
5358
5353
|
result =
|
|
5359
|
-
(
|
|
5354
|
+
(_("div", { className: this.timerModel.rootCss },
|
|
5360
5355
|
progress,
|
|
5361
|
-
|
|
5362
|
-
|
|
5363
|
-
(this.timerModel.clockMinorText ?
|
|
5356
|
+
_("div", { className: this.timerModel.textContainerCss },
|
|
5357
|
+
_("span", { className: this.timerModel.majorTextCss }, this.timerModel.clockMajorText),
|
|
5358
|
+
(this.timerModel.clockMinorText ? _("span", { className: this.timerModel.minorTextCss }, this.timerModel.clockMinorText) : null))));
|
|
5364
5359
|
}
|
|
5365
5360
|
return result;
|
|
5366
5361
|
};
|
|
@@ -5368,7 +5363,7 @@ var reacttimerpanel_SurveyTimerPanel = /** @class */ (function (_super) {
|
|
|
5368
5363
|
}(ReactSurveyElement));
|
|
5369
5364
|
|
|
5370
5365
|
ReactElementFactory.Instance.registerElement("sv-timerpanel", function (props) {
|
|
5371
|
-
return
|
|
5366
|
+
return _(reacttimerpanel_SurveyTimerPanel, props);
|
|
5372
5367
|
});
|
|
5373
5368
|
|
|
5374
5369
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/panel.tsx
|
|
@@ -5413,7 +5408,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5413
5408
|
SurveyPanel.prototype.renderElement = function () {
|
|
5414
5409
|
var _this = this;
|
|
5415
5410
|
var header = this.renderHeader();
|
|
5416
|
-
var errors = (
|
|
5411
|
+
var errors = (_(reactquestion_SurveyElementErrors, { element: this.panelBase, cssClasses: this.panelBase.cssClasses, creator: this.creator }));
|
|
5417
5412
|
var style = {
|
|
5418
5413
|
paddingLeft: this.panel.innerPaddingLeft,
|
|
5419
5414
|
display: this.panel.renderedIsExpanded ? undefined : "none",
|
|
@@ -5429,7 +5424,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5429
5424
|
if (_this.panelBase)
|
|
5430
5425
|
_this.panelBase.focusIn();
|
|
5431
5426
|
};
|
|
5432
|
-
return (
|
|
5427
|
+
return (_("div", { ref: this.rootRef, className: this.panelBase.getContainerCss(), onFocus: focusIn, id: this.panelBase.id },
|
|
5433
5428
|
this.panel.showErrorsAbovePanel ? errors : null,
|
|
5434
5429
|
header,
|
|
5435
5430
|
this.panel.showErrorsAbovePanel ? null : errors,
|
|
@@ -5439,7 +5434,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5439
5434
|
if (!this.panel.hasTitle && !this.panel.hasDescription) {
|
|
5440
5435
|
return null;
|
|
5441
5436
|
}
|
|
5442
|
-
return
|
|
5437
|
+
return _(element_header_SurveyElementHeader, { element: this.panel });
|
|
5443
5438
|
};
|
|
5444
5439
|
SurveyPanel.prototype.wrapElement = function (element) {
|
|
5445
5440
|
var survey = this.panel.survey;
|
|
@@ -5451,26 +5446,26 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5451
5446
|
};
|
|
5452
5447
|
SurveyPanel.prototype.renderContent = function (style, rows, className) {
|
|
5453
5448
|
var bottom = this.renderBottom();
|
|
5454
|
-
return (
|
|
5449
|
+
return (_("div", { style: style, className: className, id: this.panel.contentId },
|
|
5455
5450
|
rows,
|
|
5456
5451
|
bottom));
|
|
5457
5452
|
};
|
|
5458
5453
|
SurveyPanel.prototype.renderTitle = function () {
|
|
5459
5454
|
if (!this.panelBase.title)
|
|
5460
5455
|
return null;
|
|
5461
|
-
return
|
|
5456
|
+
return _(title_element_TitleElement, { element: this.panelBase });
|
|
5462
5457
|
};
|
|
5463
5458
|
SurveyPanel.prototype.renderDescription = function () {
|
|
5464
5459
|
if (!this.panelBase.description)
|
|
5465
5460
|
return null;
|
|
5466
5461
|
var text = reactquestion_element_SurveyElementBase.renderLocString(this.panelBase.locDescription);
|
|
5467
|
-
return (
|
|
5462
|
+
return (_("div", { className: this.panel.cssClasses.panel.description }, text));
|
|
5468
5463
|
};
|
|
5469
5464
|
SurveyPanel.prototype.renderBottom = function () {
|
|
5470
5465
|
var footerToolbar = this.panel.getFooterToolbar();
|
|
5471
5466
|
if (!footerToolbar.hasActions)
|
|
5472
5467
|
return null;
|
|
5473
|
-
return
|
|
5468
|
+
return _(action_bar_SurveyActionBar, { model: footerToolbar });
|
|
5474
5469
|
};
|
|
5475
5470
|
SurveyPanel.prototype.getIsVisible = function () {
|
|
5476
5471
|
return this.panelBase.getIsContentVisible();
|
|
@@ -5479,7 +5474,7 @@ var panel_SurveyPanel = /** @class */ (function (_super) {
|
|
|
5479
5474
|
}(panel_base_SurveyPanelBase));
|
|
5480
5475
|
|
|
5481
5476
|
ReactElementFactory.Instance.registerElement("panel", function (props) {
|
|
5482
|
-
return
|
|
5477
|
+
return _(panel_SurveyPanel, props);
|
|
5483
5478
|
});
|
|
5484
5479
|
|
|
5485
5480
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/flow-panel.tsx
|
|
@@ -5554,7 +5549,7 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5554
5549
|
var html = "<span>" + this.flowPanel.produceHtml() + "</span>";
|
|
5555
5550
|
if (!DOMParser) {
|
|
5556
5551
|
var htmlValue = { __html: html };
|
|
5557
|
-
return
|
|
5552
|
+
return _("div", { dangerouslySetInnerHTML: htmlValue });
|
|
5558
5553
|
}
|
|
5559
5554
|
var doc = new DOMParser().parseFromString(html, "text/xml");
|
|
5560
5555
|
this.renderedIndex = 0;
|
|
@@ -5587,8 +5582,8 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5587
5582
|
var nodeType = node.nodeName.toLowerCase();
|
|
5588
5583
|
var children = this.renderNodes(this.getChildDomNodes(node));
|
|
5589
5584
|
if (nodeType === "div")
|
|
5590
|
-
return
|
|
5591
|
-
return (
|
|
5585
|
+
return _("div", { key: this.getNodeIndex() }, children);
|
|
5586
|
+
return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, children));
|
|
5592
5587
|
};
|
|
5593
5588
|
SurveyFlowPanel.prototype.renderNode = function (node) {
|
|
5594
5589
|
if (!this.hasTextChildNodesOnly(node)) {
|
|
@@ -5599,13 +5594,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5599
5594
|
var question = this.flowPanel.getQuestionByName(node.textContent);
|
|
5600
5595
|
if (!question)
|
|
5601
5596
|
return null;
|
|
5602
|
-
var questionBody = (
|
|
5603
|
-
return
|
|
5597
|
+
var questionBody = (_(reactquestion_SurveyQuestion, { key: question.name, element: question, creator: this.creator, css: this.css }));
|
|
5598
|
+
return _("span", { key: this.getNodeIndex() }, questionBody);
|
|
5604
5599
|
}
|
|
5605
5600
|
if (nodeType === "div") {
|
|
5606
|
-
return
|
|
5601
|
+
return _("div", { key: this.getNodeIndex() }, node.textContent);
|
|
5607
5602
|
}
|
|
5608
|
-
return (
|
|
5603
|
+
return (_("span", { key: this.getNodeIndex(), style: this.getStyle(nodeType) }, node.textContent));
|
|
5609
5604
|
};
|
|
5610
5605
|
SurveyFlowPanel.prototype.getChildDomNodes = function (node) {
|
|
5611
5606
|
var domNodes = [];
|
|
@@ -5623,13 +5618,13 @@ var flow_panel_SurveyFlowPanel = /** @class */ (function (_super) {
|
|
|
5623
5618
|
return true;
|
|
5624
5619
|
};
|
|
5625
5620
|
SurveyFlowPanel.prototype.renderContent = function (style, rows) {
|
|
5626
|
-
return
|
|
5621
|
+
return _("f-panel", { style: style }, rows);
|
|
5627
5622
|
};
|
|
5628
5623
|
return SurveyFlowPanel;
|
|
5629
5624
|
}(panel_SurveyPanel));
|
|
5630
5625
|
|
|
5631
5626
|
ReactElementFactory.Instance.registerElement("flowpanel", function (props) {
|
|
5632
|
-
return
|
|
5627
|
+
return _(flow_panel_SurveyFlowPanel, props);
|
|
5633
5628
|
});
|
|
5634
5629
|
|
|
5635
5630
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_checkbox.tsx
|
|
@@ -5669,8 +5664,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5669
5664
|
SurveyQuestionCheckbox.prototype.renderElement = function () {
|
|
5670
5665
|
var _this = this;
|
|
5671
5666
|
var cssClasses = this.question.cssClasses;
|
|
5672
|
-
return (
|
|
5673
|
-
|
|
5667
|
+
return (_("fieldset", { className: this.question.getSelectBaseRootCss(), ref: function (fieldset) { return (_this.setControl(fieldset)); }, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
|
|
5668
|
+
_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
5674
5669
|
this.getHeader(),
|
|
5675
5670
|
this.question.hasColumns
|
|
5676
5671
|
? this.getColumnedBody(cssClasses)
|
|
@@ -5695,7 +5690,7 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5695
5690
|
}
|
|
5696
5691
|
};
|
|
5697
5692
|
SurveyQuestionCheckbox.prototype.getColumnedBody = function (cssClasses) {
|
|
5698
|
-
return (
|
|
5693
|
+
return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
|
|
5699
5694
|
};
|
|
5700
5695
|
SurveyQuestionCheckbox.prototype.getColumns = function (cssClasses) {
|
|
5701
5696
|
var _this = this;
|
|
@@ -5703,15 +5698,15 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5703
5698
|
var items = column.map(function (item, ii) {
|
|
5704
5699
|
return _this.renderItem(item, ci === 0 && ii === 0, cssClasses, "" + ci + ii);
|
|
5705
5700
|
});
|
|
5706
|
-
return (
|
|
5701
|
+
return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
5707
5702
|
});
|
|
5708
5703
|
};
|
|
5709
5704
|
SurveyQuestionCheckbox.prototype.getBody = function (cssClasses) {
|
|
5710
5705
|
if (this.question.blockedRow) {
|
|
5711
|
-
return
|
|
5706
|
+
return _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
|
|
5712
5707
|
}
|
|
5713
5708
|
else
|
|
5714
|
-
return
|
|
5709
|
+
return _(k, null, this.getItems(cssClasses, this.question.bodyItems));
|
|
5715
5710
|
};
|
|
5716
5711
|
SurveyQuestionCheckbox.prototype.getItems = function (cssClasses, choices) {
|
|
5717
5712
|
var renderedItems = [];
|
|
@@ -5734,8 +5729,8 @@ var reactquestion_checkbox_SurveyQuestionCheckbox = /** @class */ (function (_su
|
|
|
5734
5729
|
});
|
|
5735
5730
|
SurveyQuestionCheckbox.prototype.renderOther = function () {
|
|
5736
5731
|
var cssClasses = this.question.cssClasses;
|
|
5737
|
-
return (
|
|
5738
|
-
|
|
5732
|
+
return (_("div", { className: this.question.getCommentAreaCss(true) },
|
|
5733
|
+
_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
|
|
5739
5734
|
};
|
|
5740
5735
|
SurveyQuestionCheckbox.prototype.renderItem = function (item, isFirst, cssClasses, index) {
|
|
5741
5736
|
var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
|
|
@@ -5850,14 +5845,14 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
|
|
|
5850
5845
|
var id = this.question.getItemId(this.item);
|
|
5851
5846
|
var itemClass = this.question.getItemClass(this.item);
|
|
5852
5847
|
var labelClass = this.question.getLabelClass(this.item);
|
|
5853
|
-
var itemLabel = !this.hideCaption ?
|
|
5854
|
-
return (
|
|
5855
|
-
|
|
5856
|
-
|
|
5848
|
+
var itemLabel = !this.hideCaption ? _("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
5849
|
+
return (_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
5850
|
+
_("label", { className: labelClass },
|
|
5851
|
+
_("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() }),
|
|
5857
5852
|
this.cssClasses.materialDecorator ?
|
|
5858
|
-
|
|
5859
|
-
|
|
5860
|
-
|
|
5853
|
+
_("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
5854
|
+
_("svg", { className: this.cssClasses.itemDecorator },
|
|
5855
|
+
_("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
5861
5856
|
null) :
|
|
5862
5857
|
null,
|
|
5863
5858
|
itemLabel),
|
|
@@ -5879,10 +5874,10 @@ var reactquestion_checkbox_SurveyQuestionCheckboxItem = /** @class */ (function
|
|
|
5879
5874
|
}(ReactSurveyElement));
|
|
5880
5875
|
|
|
5881
5876
|
ReactElementFactory.Instance.registerElement("survey-checkbox-item", function (props) {
|
|
5882
|
-
return
|
|
5877
|
+
return _(reactquestion_checkbox_SurveyQuestionCheckboxItem, props);
|
|
5883
5878
|
});
|
|
5884
5879
|
ReactQuestionFactory.Instance.registerQuestion("checkbox", function (props) {
|
|
5885
|
-
return
|
|
5880
|
+
return _(reactquestion_checkbox_SurveyQuestionCheckbox, props);
|
|
5886
5881
|
});
|
|
5887
5882
|
|
|
5888
5883
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_ranking.tsx
|
|
@@ -5921,21 +5916,21 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
|
|
|
5921
5916
|
SurveyQuestionRanking.prototype.renderElement = function () {
|
|
5922
5917
|
var _this = this;
|
|
5923
5918
|
if (!this.question.selectToRankEnabled) {
|
|
5924
|
-
return (
|
|
5919
|
+
return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } }, this.getItems()));
|
|
5925
5920
|
}
|
|
5926
5921
|
else {
|
|
5927
5922
|
var unrankedItem = true;
|
|
5928
|
-
return (
|
|
5929
|
-
|
|
5923
|
+
return (_("div", { className: this.question.rootClass, ref: function (root) { return (_this.setControl(root)); } },
|
|
5924
|
+
_("div", { className: this.question.getContainerClasses("from"), "data-ranking": "from-container" },
|
|
5930
5925
|
this.getItems(this.question.renderedUnRankingChoices, unrankedItem),
|
|
5931
|
-
this.question.renderedUnRankingChoices.length === 0 ?
|
|
5926
|
+
this.question.renderedUnRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
|
|
5932
5927
|
" ",
|
|
5933
5928
|
this.renderLocString(this.question.locSelectToRankEmptyRankedAreaText),
|
|
5934
5929
|
" ") : null),
|
|
5935
|
-
|
|
5936
|
-
|
|
5930
|
+
_("div", { className: this.question.cssClasses.containersDivider }),
|
|
5931
|
+
_("div", { className: this.question.getContainerClasses("to"), "data-ranking": "to-container" },
|
|
5937
5932
|
this.getItems(),
|
|
5938
|
-
this.question.renderedRankingChoices.length === 0 ?
|
|
5933
|
+
this.question.renderedRankingChoices.length === 0 ? _("div", { className: this.question.cssClasses.containerPlaceholder },
|
|
5939
5934
|
" ",
|
|
5940
5935
|
this.renderLocString(this.question.locSelectToRankEmptyUnrankedAreaText),
|
|
5941
5936
|
" ") : null)));
|
|
@@ -5971,7 +5966,7 @@ var reactquestion_ranking_SurveyQuestionRanking = /** @class */ (function (_supe
|
|
|
5971
5966
|
var index = i;
|
|
5972
5967
|
var indexText = this.question.getNumberByIndex(index);
|
|
5973
5968
|
var tabIndex = this.question.getItemTabIndex(item);
|
|
5974
|
-
var renderedItem = (
|
|
5969
|
+
var renderedItem = (_(reactquestion_ranking_SurveyQuestionRankingItem, { key: item.value, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, handlePointerUp: handlePointerUp, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
|
|
5975
5970
|
var survey = this.question.survey;
|
|
5976
5971
|
var wrappedItem = null;
|
|
5977
5972
|
if (!!survey) {
|
|
@@ -6072,21 +6067,21 @@ var reactquestion_ranking_SurveyQuestionRankingItem = /** @class */ (function (_
|
|
|
6072
6067
|
configurable: true
|
|
6073
6068
|
});
|
|
6074
6069
|
SurveyQuestionRankingItem.prototype.renderEmptyIcon = function () {
|
|
6075
|
-
return (
|
|
6076
|
-
|
|
6070
|
+
return (_("svg", null,
|
|
6071
|
+
_("use", { xlinkHref: this.question.dashSvgIcon })));
|
|
6077
6072
|
};
|
|
6078
6073
|
SurveyQuestionRankingItem.prototype.renderElement = function () {
|
|
6079
6074
|
var itemContent = ReactElementFactory.Instance.createElement(this.question.itemComponent, { item: this.item, cssClasses: this.cssClasses });
|
|
6080
|
-
return (
|
|
6081
|
-
|
|
6082
|
-
|
|
6083
|
-
|
|
6084
|
-
|
|
6085
|
-
|
|
6086
|
-
|
|
6087
|
-
|
|
6088
|
-
|
|
6089
|
-
|
|
6075
|
+
return (_("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
|
|
6076
|
+
_("div", { tabIndex: -1, style: { outline: "none" } },
|
|
6077
|
+
_("div", { className: this.cssClasses.itemGhostNode }),
|
|
6078
|
+
_("div", { className: this.cssClasses.itemContent },
|
|
6079
|
+
_("div", { className: this.cssClasses.itemIconContainer },
|
|
6080
|
+
_("svg", { className: this.question.getIconHoverCss() },
|
|
6081
|
+
_("use", { xlinkHref: this.question.dragDropSvgIcon })),
|
|
6082
|
+
_("svg", { className: this.question.getIconFocusCss() },
|
|
6083
|
+
_("use", { xlinkHref: this.question.arrowsSvgIcon }))),
|
|
6084
|
+
_("div", { className: this.question.getItemIndexClasses(this.item) }, (!this.unrankedItem && this.indexText) ? this.indexText : this.renderEmptyIcon()),
|
|
6090
6085
|
itemContent))));
|
|
6091
6086
|
};
|
|
6092
6087
|
return SurveyQuestionRankingItem;
|
|
@@ -6112,16 +6107,16 @@ var reactquestion_ranking_SurveyQuestionRankingItemContent = /** @class */ (func
|
|
|
6112
6107
|
configurable: true
|
|
6113
6108
|
});
|
|
6114
6109
|
SurveyQuestionRankingItemContent.prototype.renderElement = function () {
|
|
6115
|
-
return
|
|
6110
|
+
return _("div", { className: this.cssClasses.controlLabel }, reactquestion_element_SurveyElementBase.renderLocString(this.item.locText));
|
|
6116
6111
|
};
|
|
6117
6112
|
return SurveyQuestionRankingItemContent;
|
|
6118
6113
|
}(ReactSurveyElement));
|
|
6119
6114
|
|
|
6120
6115
|
ReactElementFactory.Instance.registerElement("sv-ranking-item", function (props) {
|
|
6121
|
-
return
|
|
6116
|
+
return _(reactquestion_ranking_SurveyQuestionRankingItemContent, props);
|
|
6122
6117
|
});
|
|
6123
6118
|
ReactQuestionFactory.Instance.registerQuestion("ranking", function (props) {
|
|
6124
|
-
return
|
|
6119
|
+
return _(reactquestion_ranking_SurveyQuestionRanking, props);
|
|
6125
6120
|
});
|
|
6126
6121
|
|
|
6127
6122
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/rating/rating-item.tsx
|
|
@@ -6409,22 +6404,22 @@ var tagbox_filter_TagboxFilterString = /** @class */ (function (_super) {
|
|
|
6409
6404
|
};
|
|
6410
6405
|
TagboxFilterString.prototype.render = function () {
|
|
6411
6406
|
var _this = this;
|
|
6412
|
-
return (
|
|
6407
|
+
return (_("div", { className: this.question.cssClasses.hint },
|
|
6413
6408
|
this.model.showHintPrefix ?
|
|
6414
|
-
(
|
|
6415
|
-
|
|
6416
|
-
|
|
6409
|
+
(_("div", { className: this.question.cssClasses.hintPrefix },
|
|
6410
|
+
_("span", null, this.model.hintStringPrefix))) : null,
|
|
6411
|
+
_("div", { className: this.question.cssClasses.hintSuffixWrapper },
|
|
6417
6412
|
this.model.showHintString ?
|
|
6418
|
-
(
|
|
6419
|
-
|
|
6420
|
-
|
|
6421
|
-
|
|
6413
|
+
(_("div", { className: this.question.cssClasses.hintSuffix },
|
|
6414
|
+
_("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
|
|
6415
|
+
_("span", null, this.model.hintStringSuffix))) : null,
|
|
6416
|
+
_("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); } }))));
|
|
6422
6417
|
};
|
|
6423
6418
|
return TagboxFilterString;
|
|
6424
6419
|
}(reactquestion_element_SurveyElementBase));
|
|
6425
6420
|
|
|
6426
6421
|
ReactQuestionFactory.Instance.registerQuestion("sv-tagbox-filter", function (props) {
|
|
6427
|
-
return
|
|
6422
|
+
return _(tagbox_filter_TagboxFilterString, props);
|
|
6428
6423
|
});
|
|
6429
6424
|
|
|
6430
6425
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-item.tsx
|
|
@@ -6489,7 +6484,7 @@ var dropdown_item_SurveyQuestionOptionItem = /** @class */ (function (_super) {
|
|
|
6489
6484
|
return !!this.item;
|
|
6490
6485
|
};
|
|
6491
6486
|
SurveyQuestionOptionItem.prototype.renderElement = function () {
|
|
6492
|
-
return (
|
|
6487
|
+
return (_("option", { value: this.item.value, disabled: !this.item.isEnabled }, this.item.text));
|
|
6493
6488
|
};
|
|
6494
6489
|
return SurveyQuestionOptionItem;
|
|
6495
6490
|
}(ReactSurveyElement));
|
|
@@ -6557,7 +6552,7 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
6557
6552
|
return this.questionBase.renderedValue;
|
|
6558
6553
|
};
|
|
6559
6554
|
SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
|
|
6560
|
-
return
|
|
6555
|
+
return _("div", null, this.question.readOnlyText);
|
|
6561
6556
|
};
|
|
6562
6557
|
SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
|
|
6563
6558
|
var _this = this;
|
|
@@ -6567,16 +6562,16 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
6567
6562
|
var text = (this.question.selectedItemLocText) ? this.renderLocString(this.question.selectedItemLocText) : "";
|
|
6568
6563
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6569
6564
|
// @ts-ignore
|
|
6570
|
-
selectElement =
|
|
6565
|
+
selectElement = _("div", { id: this.question.inputId, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass(), ref: function (div) { return (_this.setControl(div)); } },
|
|
6571
6566
|
text,
|
|
6572
6567
|
this.renderReadOnlyElement());
|
|
6573
6568
|
}
|
|
6574
6569
|
else {
|
|
6575
|
-
selectElement =
|
|
6570
|
+
selectElement = _(k, null,
|
|
6576
6571
|
this.renderInput(this.question["dropdownListModel"]),
|
|
6577
|
-
|
|
6572
|
+
_(popup_Popup, { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
|
|
6578
6573
|
}
|
|
6579
|
-
return (
|
|
6574
|
+
return (_("div", { className: cssClasses.selectWrapper, onClick: this.click },
|
|
6580
6575
|
selectElement,
|
|
6581
6576
|
this.createChevronButton()));
|
|
6582
6577
|
};
|
|
@@ -6598,38 +6593,38 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
6598
6593
|
dropdownListModel.inputStringRendered = e.target.value;
|
|
6599
6594
|
}
|
|
6600
6595
|
};
|
|
6601
|
-
return (
|
|
6596
|
+
return (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
6602
6597
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6603
6598
|
// @ts-ignore
|
|
6604
6599
|
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, ref: function (div) { return (_this.setControl(div)); } },
|
|
6605
6600
|
dropdownListModel.showHintPrefix ?
|
|
6606
|
-
(
|
|
6607
|
-
|
|
6608
|
-
|
|
6601
|
+
(_("div", { className: this.question.cssClasses.hintPrefix },
|
|
6602
|
+
_("span", null, dropdownListModel.hintStringPrefix))) : null,
|
|
6603
|
+
_("div", { className: this.question.cssClasses.controlValue },
|
|
6609
6604
|
dropdownListModel.showHintString ?
|
|
6610
|
-
(
|
|
6611
|
-
|
|
6612
|
-
|
|
6605
|
+
(_("div", { className: this.question.cssClasses.hintSuffix },
|
|
6606
|
+
_("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
|
|
6607
|
+
_("span", null, dropdownListModel.hintStringSuffix))) : null,
|
|
6613
6608
|
valueElement,
|
|
6614
|
-
|
|
6609
|
+
_("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 })),
|
|
6615
6610
|
this.createClearButton()));
|
|
6616
6611
|
};
|
|
6617
6612
|
SurveyQuestionDropdownBase.prototype.createClearButton = function () {
|
|
6618
6613
|
if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
|
|
6619
6614
|
return null;
|
|
6620
6615
|
var style = { display: !this.question.showClearButton ? "none" : "" };
|
|
6621
|
-
return (
|
|
6622
|
-
|
|
6616
|
+
return (_("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
|
|
6617
|
+
_(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
|
|
6623
6618
|
};
|
|
6624
6619
|
SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
|
|
6625
6620
|
if (!this.question.cssClasses.chevronButtonIconId)
|
|
6626
6621
|
return null;
|
|
6627
|
-
return (
|
|
6628
|
-
|
|
6622
|
+
return (_("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
|
|
6623
|
+
_(svg_icon_SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
|
|
6629
6624
|
};
|
|
6630
6625
|
SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
|
|
6631
|
-
return (
|
|
6632
|
-
|
|
6626
|
+
return (_("div", { className: this.question.getCommentAreaCss(true) },
|
|
6627
|
+
_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
|
|
6633
6628
|
};
|
|
6634
6629
|
SurveyQuestionDropdownBase.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
6635
6630
|
_super.prototype.componentDidUpdate.call(this, prevProps, prevState);
|
|
@@ -6685,7 +6680,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
|
|
|
6685
6680
|
var cssClasses = this.question.cssClasses;
|
|
6686
6681
|
var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
|
|
6687
6682
|
var select = this.renderSelect(cssClasses);
|
|
6688
|
-
return (
|
|
6683
|
+
return (_("div", { className: this.question.renderCssRoot },
|
|
6689
6684
|
select,
|
|
6690
6685
|
comment));
|
|
6691
6686
|
};
|
|
@@ -6693,7 +6688,7 @@ var reactquestion_dropdown_SurveyQuestionDropdown = /** @class */ (function (_su
|
|
|
6693
6688
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
6694
6689
|
|
|
6695
6690
|
ReactQuestionFactory.Instance.registerQuestion("dropdown", function (props) {
|
|
6696
|
-
return
|
|
6691
|
+
return _(reactquestion_dropdown_SurveyQuestionDropdown, props);
|
|
6697
6692
|
});
|
|
6698
6693
|
|
|
6699
6694
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/tagbox-item.tsx
|
|
@@ -6744,10 +6739,10 @@ var tagbox_item_SurveyQuestionTagboxItem = /** @class */ (function (_super) {
|
|
|
6744
6739
|
_this.question.dropdownListModel.deselectItem(_this.item.value);
|
|
6745
6740
|
event.stopPropagation();
|
|
6746
6741
|
};
|
|
6747
|
-
return (
|
|
6748
|
-
|
|
6749
|
-
|
|
6750
|
-
|
|
6742
|
+
return (_("div", { className: "sv-tagbox__item" },
|
|
6743
|
+
_("div", { className: "sv-tagbox__item-text" }, text),
|
|
6744
|
+
_("div", { className: this.question.cssClasses.cleanItemButton, onClick: removeItem },
|
|
6745
|
+
_(svg_icon_SvgIcon, { className: this.question.cssClasses.cleanItemButtonSvg, iconName: this.question.cssClasses.cleanItemButtonIconId, size: "auto" }))));
|
|
6751
6746
|
};
|
|
6752
6747
|
return SurveyQuestionTagboxItem;
|
|
6753
6748
|
}(ReactSurveyElement));
|
|
@@ -6780,27 +6775,27 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
|
|
|
6780
6775
|
return _super.call(this, props) || this;
|
|
6781
6776
|
}
|
|
6782
6777
|
SurveyQuestionTagbox.prototype.renderItem = function (key, item) {
|
|
6783
|
-
var renderedItem = (
|
|
6778
|
+
var renderedItem = (_(tagbox_item_SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
|
|
6784
6779
|
return renderedItem;
|
|
6785
6780
|
};
|
|
6786
6781
|
SurveyQuestionTagbox.prototype.renderInput = function (dropdownListModel) {
|
|
6787
6782
|
var _this = this;
|
|
6788
6783
|
var dropdownMultiSelectListModel = dropdownListModel;
|
|
6789
6784
|
var items = this.question.selectedChoices.map(function (choice, index) { return _this.renderItem("item" + index, choice); });
|
|
6790
|
-
return (
|
|
6785
|
+
return (_("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
6791
6786
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6792
6787
|
// @ts-ignore
|
|
6793
6788
|
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, ref: function (div) { return (_this.setControl(div)); } },
|
|
6794
|
-
|
|
6789
|
+
_("div", { className: this.question.cssClasses.controlValue },
|
|
6795
6790
|
items,
|
|
6796
|
-
|
|
6791
|
+
_(tagbox_filter_TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
|
|
6797
6792
|
this.createClearButton()));
|
|
6798
6793
|
};
|
|
6799
6794
|
SurveyQuestionTagbox.prototype.renderElement = function () {
|
|
6800
6795
|
var cssClasses = this.question.cssClasses;
|
|
6801
6796
|
var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
|
|
6802
6797
|
var select = this.renderSelect(cssClasses);
|
|
6803
|
-
return (
|
|
6798
|
+
return (_("div", { className: this.question.renderCssRoot },
|
|
6804
6799
|
select,
|
|
6805
6800
|
comment));
|
|
6806
6801
|
};
|
|
@@ -6816,7 +6811,7 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
|
|
|
6816
6811
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
6817
6812
|
|
|
6818
6813
|
ReactQuestionFactory.Instance.registerQuestion("tagbox", function (props) {
|
|
6819
|
-
return
|
|
6814
|
+
return _(reactquestion_tagbox_SurveyQuestionTagbox, props);
|
|
6820
6815
|
});
|
|
6821
6816
|
|
|
6822
6817
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/dropdown-select.tsx
|
|
@@ -6856,11 +6851,11 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
|
|
|
6856
6851
|
var selectElement = this.isDisplayMode ? (
|
|
6857
6852
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
6858
6853
|
// @ts-ignore
|
|
6859
|
-
|
|
6860
|
-
(
|
|
6861
|
-
this.question.allowClear ? (
|
|
6862
|
-
this.question.visibleChoices.map(function (item, i) { return
|
|
6863
|
-
return (
|
|
6854
|
+
_("div", { id: this.question.inputId, className: this.question.getControlClass(), disabled: true }, this.question.readOnlyText)) :
|
|
6855
|
+
(_("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 },
|
|
6856
|
+
this.question.allowClear ? (_("option", { value: "" }, this.question.placeholder)) : null,
|
|
6857
|
+
this.question.visibleChoices.map(function (item, i) { return _(dropdown_item_SurveyQuestionOptionItem, { key: "item" + i, item: item }); })));
|
|
6858
|
+
return (_("div", { className: cssClasses.selectWrapper },
|
|
6864
6859
|
selectElement,
|
|
6865
6860
|
this.createChevronButton()));
|
|
6866
6861
|
};
|
|
@@ -6868,7 +6863,7 @@ var dropdown_select_SurveyQuestionDropdownSelect = /** @class */ (function (_sup
|
|
|
6868
6863
|
}(reactquestion_dropdown_SurveyQuestionDropdown));
|
|
6869
6864
|
|
|
6870
6865
|
ReactQuestionFactory.Instance.registerQuestion("sv-dropdown-select", function (props) {
|
|
6871
|
-
return
|
|
6866
|
+
return _(dropdown_select_SurveyQuestionDropdownSelect, props);
|
|
6872
6867
|
});
|
|
6873
6868
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("dropdown", "select", "sv-dropdown-select");
|
|
6874
6869
|
|
|
@@ -6925,7 +6920,7 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
|
|
|
6925
6920
|
SurveyQuestionMatrix.prototype.renderElement = function () {
|
|
6926
6921
|
var _this = this;
|
|
6927
6922
|
var cssClasses = this.question.cssClasses;
|
|
6928
|
-
var rowsTH = this.question.hasRows ?
|
|
6923
|
+
var rowsTH = this.question.hasRows ? _("td", null) : null;
|
|
6929
6924
|
var headers = [];
|
|
6930
6925
|
for (var i = 0; i < this.question.visibleColumns.length; i++) {
|
|
6931
6926
|
var column = this.question.visibleColumns[i];
|
|
@@ -6936,25 +6931,25 @@ var reactquestion_matrix_SurveyQuestionMatrix = /** @class */ (function (_super)
|
|
|
6936
6931
|
style.minWidth = this.question.columnMinWidth;
|
|
6937
6932
|
style.width = this.question.columnMinWidth;
|
|
6938
6933
|
}
|
|
6939
|
-
headers.push(
|
|
6934
|
+
headers.push(_("th", { className: this.question.cssClasses.headerCell, style: style, key: key }, this.wrapCell({ column: column }, columText, "column-header")));
|
|
6940
6935
|
}
|
|
6941
6936
|
var rows = [];
|
|
6942
6937
|
var visibleRows = this.question.visibleRows;
|
|
6943
6938
|
for (var i = 0; i < visibleRows.length; i++) {
|
|
6944
6939
|
var row = visibleRows[i];
|
|
6945
6940
|
var key = "row-" + row.name + "-" + i;
|
|
6946
|
-
rows.push(
|
|
6941
|
+
rows.push(_(reactquestion_matrix_SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
|
|
6947
6942
|
}
|
|
6948
|
-
var header = !this.question.showHeader ? null : (
|
|
6949
|
-
|
|
6943
|
+
var header = !this.question.showHeader ? null : (_("thead", null,
|
|
6944
|
+
_("tr", null,
|
|
6950
6945
|
rowsTH,
|
|
6951
6946
|
headers)));
|
|
6952
|
-
return (
|
|
6953
|
-
|
|
6954
|
-
|
|
6955
|
-
|
|
6947
|
+
return (_("div", { className: cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
|
|
6948
|
+
_("fieldset", null,
|
|
6949
|
+
_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
6950
|
+
_("table", { className: this.question.getTableCss() },
|
|
6956
6951
|
header,
|
|
6957
|
-
|
|
6952
|
+
_("tbody", null, rows)))));
|
|
6958
6953
|
};
|
|
6959
6954
|
return SurveyQuestionMatrix;
|
|
6960
6955
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -7006,10 +7001,10 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
7006
7001
|
style.minWidth = this.question.rowTitleWidth;
|
|
7007
7002
|
style.width = this.question.rowTitleWidth;
|
|
7008
7003
|
}
|
|
7009
|
-
rowsTD =
|
|
7004
|
+
rowsTD = _("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
|
|
7010
7005
|
}
|
|
7011
7006
|
var tds = this.generateTds();
|
|
7012
|
-
return (
|
|
7007
|
+
return (_("tr", { className: this.row.rowClasses || undefined },
|
|
7013
7008
|
rowsTD,
|
|
7014
7009
|
tds));
|
|
7015
7010
|
};
|
|
@@ -7025,7 +7020,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
7025
7020
|
var itemClass = this_1.question.getItemClass(row, column);
|
|
7026
7021
|
if (this_1.question.hasCellText) {
|
|
7027
7022
|
var getHandler = function (column) { return function () { return _this.cellClick(row, column); }; };
|
|
7028
|
-
td = (
|
|
7023
|
+
td = (_("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
|
|
7029
7024
|
}
|
|
7030
7025
|
else {
|
|
7031
7026
|
var renderedCell = ReactElementFactory.Instance.createElement(cellComponent, {
|
|
@@ -7036,7 +7031,7 @@ var reactquestion_matrix_SurveyQuestionMatrixRow = /** @class */ (function (_sup
|
|
|
7036
7031
|
cssClasses: this_1.cssClasses,
|
|
7037
7032
|
cellChanged: function () { _this.cellClick(_this.row, column); }
|
|
7038
7033
|
});
|
|
7039
|
-
td = (
|
|
7034
|
+
td = (_("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
|
|
7040
7035
|
}
|
|
7041
7036
|
tds.push(td);
|
|
7042
7037
|
};
|
|
@@ -7105,27 +7100,27 @@ var reactquestion_matrix_SurveyQuestionMatrixCell = /** @class */ (function (_su
|
|
|
7105
7100
|
var inputId = this.question.inputId + "_" + this.row.name + "_" + this.columnIndex;
|
|
7106
7101
|
var itemClass = this.question.getItemClass(this.row, this.column);
|
|
7107
7102
|
var mobileSpan = this.question.isMobile ?
|
|
7108
|
-
(
|
|
7103
|
+
(_("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
|
|
7109
7104
|
: undefined;
|
|
7110
|
-
return (
|
|
7105
|
+
return (_("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
|
|
7111
7106
|
this.renderInput(inputId, isChecked),
|
|
7112
|
-
|
|
7113
|
-
|
|
7114
|
-
|
|
7107
|
+
_("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
7108
|
+
_("svg", { className: this.cssClasses.itemDecorator },
|
|
7109
|
+
_("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
7115
7110
|
null),
|
|
7116
7111
|
mobileSpan));
|
|
7117
7112
|
};
|
|
7118
7113
|
SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
|
|
7119
|
-
return (
|
|
7114
|
+
return (_("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isDisabledAttr, readOnly: this.row.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }));
|
|
7120
7115
|
};
|
|
7121
7116
|
return SurveyQuestionMatrixCell;
|
|
7122
7117
|
}(ReactSurveyElement));
|
|
7123
7118
|
|
|
7124
7119
|
ReactElementFactory.Instance.registerElement("survey-matrix-cell", function (props) {
|
|
7125
|
-
return
|
|
7120
|
+
return _(reactquestion_matrix_SurveyQuestionMatrixCell, props);
|
|
7126
7121
|
});
|
|
7127
7122
|
ReactQuestionFactory.Instance.registerQuestion("matrix", function (props) {
|
|
7128
|
-
return
|
|
7123
|
+
return _(reactquestion_matrix_SurveyQuestionMatrix, props);
|
|
7129
7124
|
});
|
|
7130
7125
|
|
|
7131
7126
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_html.tsx
|
|
@@ -7179,13 +7174,13 @@ var reactquestion_html_SurveyQuestionHtml = /** @class */ (function (_super) {
|
|
|
7179
7174
|
};
|
|
7180
7175
|
SurveyQuestionHtml.prototype.renderElement = function () {
|
|
7181
7176
|
var htmlValue = { __html: this.question.locHtml.renderedHtml };
|
|
7182
|
-
return (
|
|
7177
|
+
return (_("div", { className: this.question.renderCssRoot, dangerouslySetInnerHTML: htmlValue }));
|
|
7183
7178
|
};
|
|
7184
7179
|
return SurveyQuestionHtml;
|
|
7185
7180
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
7186
7181
|
|
|
7187
7182
|
ReactQuestionFactory.Instance.registerQuestion("html", function (props) {
|
|
7188
|
-
return
|
|
7183
|
+
return _(reactquestion_html_SurveyQuestionHtml, props);
|
|
7189
7184
|
});
|
|
7190
7185
|
|
|
7191
7186
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/loading-indicator.tsx
|
|
@@ -7212,8 +7207,8 @@ var loading_indicator_LoadingIndicatorComponent = /** @class */ (function (_supe
|
|
|
7212
7207
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
7213
7208
|
}
|
|
7214
7209
|
LoadingIndicatorComponent.prototype.render = function () {
|
|
7215
|
-
return (
|
|
7216
|
-
|
|
7210
|
+
return (_("div", { className: "sd-loading-indicator" },
|
|
7211
|
+
_(svg_icon_SvgIcon, { iconName: "icon-loading", size: "auto" })));
|
|
7217
7212
|
};
|
|
7218
7213
|
return LoadingIndicatorComponent;
|
|
7219
7214
|
}(x));
|
|
@@ -7311,23 +7306,23 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
|
|
|
7311
7306
|
var fileDecorator = this.question.showFileDecorator ? this.renderFileDecorator() : null;
|
|
7312
7307
|
var clearButton = this.question.showRemoveButton ? this.renderClearButton(this.question.cssClasses.removeButton) : null;
|
|
7313
7308
|
var clearButtonBottom = this.question.showRemoveButtonBottom ? this.renderClearButton(this.question.cssClasses.removeButtonBottom) : null;
|
|
7314
|
-
var fileNavigator = this.question.fileNavigatorVisible ? (
|
|
7309
|
+
var fileNavigator = this.question.fileNavigatorVisible ? (_(action_bar_SurveyActionBar, { model: this.question.fileNavigator })) : null;
|
|
7315
7310
|
var fileInput;
|
|
7316
7311
|
if (this.question.isReadOnlyAttr) {
|
|
7317
|
-
fileInput =
|
|
7312
|
+
fileInput = _("input", { readOnly: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
|
|
7318
7313
|
}
|
|
7319
7314
|
else if (this.question.isDisabledAttr) {
|
|
7320
|
-
fileInput =
|
|
7315
|
+
fileInput = _("input", { disabled: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
|
|
7321
7316
|
}
|
|
7322
7317
|
else if (this.question.hasFileUI) {
|
|
7323
|
-
fileInput =
|
|
7318
|
+
fileInput = _("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture });
|
|
7324
7319
|
}
|
|
7325
7320
|
else {
|
|
7326
7321
|
fileInput = null;
|
|
7327
7322
|
}
|
|
7328
|
-
return (
|
|
7323
|
+
return (_("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
|
|
7329
7324
|
fileInput,
|
|
7330
|
-
|
|
7325
|
+
_("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
|
|
7331
7326
|
fileDecorator,
|
|
7332
7327
|
loadingIndicator,
|
|
7333
7328
|
video,
|
|
@@ -7338,42 +7333,42 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
|
|
|
7338
7333
|
};
|
|
7339
7334
|
SurveyQuestionFile.prototype.renderFileDecorator = function () {
|
|
7340
7335
|
var chooseButton = this.question.showChooseButton ? this.renderChooseButton() : null;
|
|
7341
|
-
var actionsContainer = this.question.actionsContainerVisible ?
|
|
7342
|
-
var noFileChosen = this.question.isEmpty() ? (
|
|
7343
|
-
return (
|
|
7344
|
-
|
|
7345
|
-
|
|
7336
|
+
var actionsContainer = this.question.actionsContainerVisible ? _(action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
|
|
7337
|
+
var noFileChosen = this.question.isEmpty() ? (_("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
|
|
7338
|
+
return (_("div", { className: this.question.getFileDecoratorCss() },
|
|
7339
|
+
_("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
|
|
7340
|
+
_("div", { className: this.question.cssClasses.wrapper },
|
|
7346
7341
|
chooseButton,
|
|
7347
7342
|
actionsContainer,
|
|
7348
7343
|
noFileChosen)));
|
|
7349
7344
|
};
|
|
7350
7345
|
SurveyQuestionFile.prototype.renderChooseButton = function () {
|
|
7351
|
-
return
|
|
7346
|
+
return _(file_choose_button_SurveyFileChooseButton, { data: { question: this.question } });
|
|
7352
7347
|
};
|
|
7353
7348
|
SurveyQuestionFile.prototype.renderClearButton = function (className) {
|
|
7354
|
-
return !this.question.isUploading ? (
|
|
7355
|
-
|
|
7356
|
-
(!!this.question.cssClasses.removeButtonIconId) ?
|
|
7349
|
+
return !this.question.isUploading ? (_("button", { type: "button", onClick: this.question.doClean, className: className },
|
|
7350
|
+
_("span", null, this.question.clearButtonCaption),
|
|
7351
|
+
(!!this.question.cssClasses.removeButtonIconId) ? _(svg_icon_SvgIcon, { iconName: this.question.cssClasses.removeButtonIconId, size: "auto", title: this.question.clearButtonCaption }) : null)) : null;
|
|
7357
7352
|
};
|
|
7358
7353
|
SurveyQuestionFile.prototype.renderPreview = function () {
|
|
7359
7354
|
return ReactElementFactory.Instance.createElement("sv-file-preview", { question: this.question });
|
|
7360
7355
|
};
|
|
7361
7356
|
SurveyQuestionFile.prototype.renderLoadingIndicator = function () {
|
|
7362
|
-
return
|
|
7363
|
-
|
|
7357
|
+
return _("div", { className: this.question.cssClasses.loadingIndicator },
|
|
7358
|
+
_(loading_indicator_LoadingIndicatorComponent, null));
|
|
7364
7359
|
};
|
|
7365
7360
|
SurveyQuestionFile.prototype.renderVideo = function () {
|
|
7366
|
-
return (
|
|
7367
|
-
|
|
7368
|
-
|
|
7369
|
-
|
|
7370
|
-
|
|
7361
|
+
return (_("div", { className: this.question.cssClasses.videoContainer },
|
|
7362
|
+
_(action_bar_item_SurveyAction, { item: this.question.changeCameraAction }),
|
|
7363
|
+
_(action_bar_item_SurveyAction, { item: this.question.closeCameraAction }),
|
|
7364
|
+
_("video", { autoPlay: true, playsInline: true, id: this.question.videoId, className: this.question.cssClasses.video }),
|
|
7365
|
+
_(action_bar_item_SurveyAction, { item: this.question.takePictureAction })));
|
|
7371
7366
|
};
|
|
7372
7367
|
return SurveyQuestionFile;
|
|
7373
7368
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
7374
7369
|
|
|
7375
7370
|
ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
|
|
7376
|
-
return
|
|
7371
|
+
return _(reactquestion_file_SurveyQuestionFile, props);
|
|
7377
7372
|
});
|
|
7378
7373
|
|
|
7379
7374
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-item.tsx
|
|
@@ -7591,19 +7586,19 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
|
|
|
7591
7586
|
rows.push(this.renderRow(i, tableRows[i].cells, cssClasses));
|
|
7592
7587
|
}
|
|
7593
7588
|
}
|
|
7594
|
-
return (
|
|
7595
|
-
|
|
7589
|
+
return (_("table", { className: this.question.getQuestionRootCss() },
|
|
7590
|
+
_("tbody", null, rows)));
|
|
7596
7591
|
};
|
|
7597
7592
|
SurveyQuestionMultipleText.prototype.renderCell = function (cell, cssClasses, index) {
|
|
7598
7593
|
var cellContent;
|
|
7599
7594
|
var focusIn = function () { cell.item.focusIn(); };
|
|
7600
7595
|
if (cell.isErrorsCell) {
|
|
7601
|
-
cellContent =
|
|
7596
|
+
cellContent = _(reactquestion_SurveyQuestionErrorCell, { question: cell.item.editor, creator: this.creator });
|
|
7602
7597
|
}
|
|
7603
7598
|
else {
|
|
7604
|
-
cellContent =
|
|
7599
|
+
cellContent = _(reactquestion_multipletext_SurveyMultipleTextItem, { question: this.question, item: cell.item, creator: this.creator, cssClasses: cssClasses });
|
|
7605
7600
|
}
|
|
7606
|
-
return (
|
|
7601
|
+
return (_("td", { key: "item" + index, className: cell.className, onFocus: focusIn }, cellContent));
|
|
7607
7602
|
};
|
|
7608
7603
|
SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, cells, cssClasses) {
|
|
7609
7604
|
var key = "item" + rowIndex;
|
|
@@ -7612,7 +7607,7 @@ var reactquestion_multipletext_SurveyQuestionMultipleText = /** @class */ (funct
|
|
|
7612
7607
|
var cell = cells[i];
|
|
7613
7608
|
tds.push(this.renderCell(cell, cssClasses, i));
|
|
7614
7609
|
}
|
|
7615
|
-
return (
|
|
7610
|
+
return (_("tr", { key: key, className: cssClasses.row }, tds));
|
|
7616
7611
|
};
|
|
7617
7612
|
return SurveyQuestionMultipleText;
|
|
7618
7613
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -7654,10 +7649,10 @@ var reactquestion_multipletext_SurveyMultipleTextItem = /** @class */ (function
|
|
|
7654
7649
|
titleStyle.minWidth = this.question.itemTitleWidth;
|
|
7655
7650
|
titleStyle.width = this.question.itemTitleWidth;
|
|
7656
7651
|
}
|
|
7657
|
-
return (
|
|
7658
|
-
|
|
7659
|
-
|
|
7660
|
-
|
|
7652
|
+
return (_("label", { className: this.question.getItemLabelCss(item) },
|
|
7653
|
+
_("span", { className: cssClasses.itemTitle, style: titleStyle },
|
|
7654
|
+
_(title_content_TitleContent, { element: item.editor, cssClasses: item.editor.cssClasses })),
|
|
7655
|
+
_(reactquestion_multipletext_SurveyMultipleTextItemEditor, { cssClasses: cssClasses, itemCss: this.question.getItemCss(), question: item.editor, creator: this.creator })));
|
|
7661
7656
|
};
|
|
7662
7657
|
return SurveyMultipleTextItem;
|
|
7663
7658
|
}(ReactSurveyElement));
|
|
@@ -7668,13 +7663,13 @@ var reactquestion_multipletext_SurveyMultipleTextItemEditor = /** @class */ (fun
|
|
|
7668
7663
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
7669
7664
|
}
|
|
7670
7665
|
SurveyMultipleTextItemEditor.prototype.renderElement = function () {
|
|
7671
|
-
return
|
|
7666
|
+
return _("div", { className: this.itemCss }, this.renderContent());
|
|
7672
7667
|
};
|
|
7673
7668
|
return SurveyMultipleTextItemEditor;
|
|
7674
7669
|
}(reactquestion_SurveyQuestionAndErrorsWrapped));
|
|
7675
7670
|
|
|
7676
7671
|
ReactQuestionFactory.Instance.registerQuestion("multipletext", function (props) {
|
|
7677
|
-
return
|
|
7672
|
+
return _(reactquestion_multipletext_SurveyQuestionMultipleText, props);
|
|
7678
7673
|
});
|
|
7679
7674
|
|
|
7680
7675
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_radiogroup.tsx
|
|
@@ -7716,10 +7711,10 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7716
7711
|
var cssClasses = this.question.cssClasses;
|
|
7717
7712
|
var clearButton = null;
|
|
7718
7713
|
if (this.question.showClearButtonInContent) {
|
|
7719
|
-
clearButton = (
|
|
7720
|
-
|
|
7714
|
+
clearButton = (_("div", null,
|
|
7715
|
+
_("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
|
|
7721
7716
|
}
|
|
7722
|
-
return (
|
|
7717
|
+
return (_("fieldset", { className: this.question.getSelectBaseRootCss(), ref: function (fieldset) { return (_this.setControl(fieldset)); }, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
|
|
7723
7718
|
this.question.hasColumns
|
|
7724
7719
|
? this.getColumnedBody(cssClasses)
|
|
7725
7720
|
: this.getBody(cssClasses),
|
|
@@ -7736,7 +7731,7 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7736
7731
|
}
|
|
7737
7732
|
};
|
|
7738
7733
|
SurveyQuestionRadiogroup.prototype.getColumnedBody = function (cssClasses) {
|
|
7739
|
-
return (
|
|
7734
|
+
return (_("div", { className: cssClasses.rootMultiColumn }, this.getColumns(cssClasses)));
|
|
7740
7735
|
};
|
|
7741
7736
|
SurveyQuestionRadiogroup.prototype.getColumns = function (cssClasses) {
|
|
7742
7737
|
var _this = this;
|
|
@@ -7745,15 +7740,15 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7745
7740
|
var items = column.map(function (item, ii) {
|
|
7746
7741
|
return _this.renderItem(item, value, cssClasses, "" + ci + ii);
|
|
7747
7742
|
});
|
|
7748
|
-
return (
|
|
7743
|
+
return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
7749
7744
|
});
|
|
7750
7745
|
};
|
|
7751
7746
|
SurveyQuestionRadiogroup.prototype.getBody = function (cssClasses) {
|
|
7752
7747
|
if (this.question.blockedRow) {
|
|
7753
|
-
return
|
|
7748
|
+
return _("div", { className: cssClasses.rootRow }, this.getItems(cssClasses, this.question.dataChoices));
|
|
7754
7749
|
}
|
|
7755
7750
|
else
|
|
7756
|
-
return
|
|
7751
|
+
return _(k, null, this.getItems(cssClasses, this.question.bodyItems));
|
|
7757
7752
|
};
|
|
7758
7753
|
SurveyQuestionRadiogroup.prototype.getItems = function (cssClasses, choices) {
|
|
7759
7754
|
var items = [];
|
|
@@ -7773,8 +7768,8 @@ var reactquestion_radiogroup_SurveyQuestionRadiogroup = /** @class */ (function
|
|
|
7773
7768
|
configurable: true
|
|
7774
7769
|
});
|
|
7775
7770
|
SurveyQuestionRadiogroup.prototype.renderOther = function (cssClasses) {
|
|
7776
|
-
return (
|
|
7777
|
-
|
|
7771
|
+
return (_("div", { className: this.question.getCommentAreaCss(true) },
|
|
7772
|
+
_(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
|
|
7778
7773
|
};
|
|
7779
7774
|
SurveyQuestionRadiogroup.prototype.renderItem = function (item, value, cssClasses, index) {
|
|
7780
7775
|
var renderedItem = ReactElementFactory.Instance.createElement(this.question.itemComponent, {
|
|
@@ -7888,14 +7883,14 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
|
|
|
7888
7883
|
var itemClass = this.question.getItemClass(this.item);
|
|
7889
7884
|
var labelClass = this.question.getLabelClass(this.item);
|
|
7890
7885
|
var controlLabelClass = this.question.getControlLabelClass(this.item);
|
|
7891
|
-
var itemLabel = !this.hideCaption ?
|
|
7892
|
-
return (
|
|
7893
|
-
|
|
7894
|
-
|
|
7886
|
+
var itemLabel = !this.hideCaption ? _("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
7887
|
+
return (_("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
7888
|
+
_("label", { onMouseDown: this.handleOnMouseDown, className: labelClass },
|
|
7889
|
+
_("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 }),
|
|
7895
7890
|
this.cssClasses.materialDecorator ?
|
|
7896
|
-
|
|
7897
|
-
|
|
7898
|
-
|
|
7891
|
+
_("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
7892
|
+
_("svg", { className: this.cssClasses.itemDecorator },
|
|
7893
|
+
_("use", { xlinkHref: this.question.itemSvgIcon })) :
|
|
7899
7894
|
null) :
|
|
7900
7895
|
null,
|
|
7901
7896
|
itemLabel)));
|
|
@@ -7916,10 +7911,10 @@ var reactquestion_radiogroup_SurveyQuestionRadioItem = /** @class */ (function (
|
|
|
7916
7911
|
}(ReactSurveyElement));
|
|
7917
7912
|
|
|
7918
7913
|
ReactElementFactory.Instance.registerElement("survey-radiogroup-item", function (props) {
|
|
7919
|
-
return
|
|
7914
|
+
return _(reactquestion_radiogroup_SurveyQuestionRadioItem, props);
|
|
7920
7915
|
});
|
|
7921
7916
|
ReactQuestionFactory.Instance.registerQuestion("radiogroup", function (props) {
|
|
7922
|
-
return
|
|
7917
|
+
return _(reactquestion_radiogroup_SurveyQuestionRadiogroup, props);
|
|
7923
7918
|
});
|
|
7924
7919
|
|
|
7925
7920
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_text.tsx
|
|
@@ -7954,11 +7949,11 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
7954
7949
|
var inputClass = this.question.getControlClass();
|
|
7955
7950
|
var placeholder = this.question.renderedPlaceholder;
|
|
7956
7951
|
if (this.question.isReadOnlyRenderDiv()) {
|
|
7957
|
-
return
|
|
7952
|
+
return _("div", null, this.question.inputValue);
|
|
7958
7953
|
}
|
|
7959
|
-
var counter = !!this.question.getMaxLength() ? (
|
|
7960
|
-
return (
|
|
7961
|
-
|
|
7954
|
+
var counter = !!this.question.getMaxLength() ? (_(character_counter_CharacterCounterComponent, { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
|
|
7955
|
+
return (_(k, null,
|
|
7956
|
+
_("input", { id: this.question.inputId,
|
|
7962
7957
|
// disabled={this.isDisplayMode}
|
|
7963
7958
|
disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: inputClass, type: this.question.inputType,
|
|
7964
7959
|
//ref={this.controlRef}
|
|
@@ -7967,7 +7962,7 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
7967
7962
|
};
|
|
7968
7963
|
SurveyQuestionText.prototype.renderElement = function () {
|
|
7969
7964
|
return (this.question.dataListId ?
|
|
7970
|
-
|
|
7965
|
+
_("div", null,
|
|
7971
7966
|
this.renderInput(),
|
|
7972
7967
|
this.renderDataList()) :
|
|
7973
7968
|
this.renderInput());
|
|
@@ -7986,15 +7981,15 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
|
|
|
7986
7981
|
return null;
|
|
7987
7982
|
var options = [];
|
|
7988
7983
|
for (var i = 0; i < items.length; i++) {
|
|
7989
|
-
options.push(
|
|
7984
|
+
options.push(_("option", { key: "item" + i, value: items[i] }));
|
|
7990
7985
|
}
|
|
7991
|
-
return
|
|
7986
|
+
return _("datalist", { id: this.question.dataListId }, options);
|
|
7992
7987
|
};
|
|
7993
7988
|
return SurveyQuestionText;
|
|
7994
7989
|
}(reactquestion_element_SurveyQuestionUncontrolledElement));
|
|
7995
7990
|
|
|
7996
7991
|
ReactQuestionFactory.Instance.registerQuestion("text", function (props) {
|
|
7997
|
-
return
|
|
7992
|
+
return _(reactquestion_text_SurveyQuestionText, props);
|
|
7998
7993
|
});
|
|
7999
7994
|
|
|
8000
7995
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean.tsx
|
|
@@ -8075,25 +8070,25 @@ var boolean_SurveyQuestionBoolean = /** @class */ (function (_super) {
|
|
|
8075
8070
|
var _this = this;
|
|
8076
8071
|
var cssClasses = this.question.cssClasses;
|
|
8077
8072
|
var itemClass = this.question.getItemCss();
|
|
8078
|
-
return (
|
|
8079
|
-
|
|
8080
|
-
|
|
8073
|
+
return (_("div", { className: cssClasses.root, onKeyDown: this.handleOnKeyDown },
|
|
8074
|
+
_("label", { className: itemClass, onClick: this.handleOnClick },
|
|
8075
|
+
_("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
|
|
8081
8076
|
? ""
|
|
8082
8077
|
: 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 }),
|
|
8083
|
-
|
|
8084
|
-
|
|
8085
|
-
|
|
8086
|
-
|
|
8087
|
-
|
|
8078
|
+
_("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, _this.question.swapOrder); } },
|
|
8079
|
+
_("span", { className: this.question.getLabelCss(this.question.swapOrder) }, this.renderLocString(this.question.locLabelLeft))),
|
|
8080
|
+
_("div", { className: cssClasses.switch, onClick: this.handleOnSwitchClick },
|
|
8081
|
+
_("span", { className: cssClasses.slider }, this.question.isDeterminated && cssClasses.sliderText ?
|
|
8082
|
+
_("span", { className: cssClasses.sliderText }, this.renderLocString(this.question.getCheckedLabel()))
|
|
8088
8083
|
: null)),
|
|
8089
|
-
|
|
8090
|
-
|
|
8084
|
+
_("div", { className: cssClasses.sliderGhost, onClick: function (event) { return _this.handleOnLabelClick(event, !_this.question.swapOrder); } },
|
|
8085
|
+
_("span", { className: this.question.getLabelCss(!this.question.swapOrder) }, this.renderLocString(this.question.locLabelRight))))));
|
|
8091
8086
|
};
|
|
8092
8087
|
return SurveyQuestionBoolean;
|
|
8093
8088
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
8094
8089
|
|
|
8095
8090
|
ReactQuestionFactory.Instance.registerQuestion("boolean", function (props) {
|
|
8096
|
-
return
|
|
8091
|
+
return _(boolean_SurveyQuestionBoolean, props);
|
|
8097
8092
|
});
|
|
8098
8093
|
|
|
8099
8094
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/boolean-checkbox.tsx
|
|
@@ -8128,26 +8123,26 @@ var boolean_checkbox_SurveyQuestionBooleanCheckbox = /** @class */ (function (_s
|
|
|
8128
8123
|
var itemClass = this.question.getCheckboxItemCss();
|
|
8129
8124
|
var description = this.question.canRenderLabelDescription ?
|
|
8130
8125
|
reactquestion_element_SurveyElementBase.renderQuestionDescription(this.question) : null;
|
|
8131
|
-
return (
|
|
8132
|
-
|
|
8133
|
-
|
|
8134
|
-
|
|
8126
|
+
return (_("div", { className: cssClasses.rootCheckbox },
|
|
8127
|
+
_("div", { className: itemClass },
|
|
8128
|
+
_("label", { className: cssClasses.checkboxLabel },
|
|
8129
|
+
_("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
|
|
8135
8130
|
? ""
|
|
8136
8131
|
: 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 }),
|
|
8137
|
-
|
|
8132
|
+
_("span", { className: cssClasses.checkboxMaterialDecorator },
|
|
8138
8133
|
this.question.svgIcon ?
|
|
8139
|
-
|
|
8140
|
-
|
|
8141
|
-
|
|
8142
|
-
this.question.isLabelRendered && (
|
|
8143
|
-
|
|
8134
|
+
_("svg", { className: cssClasses.checkboxItemDecorator },
|
|
8135
|
+
_("use", { xlinkHref: this.question.svgIcon })) : null,
|
|
8136
|
+
_("span", { className: "check" })),
|
|
8137
|
+
this.question.isLabelRendered && (_("span", { className: cssClasses.checkboxControlLabel, id: this.question.labelRenderedAriaID },
|
|
8138
|
+
_(title_actions_TitleActions, { element: this.question, cssClasses: this.question.cssClasses })))),
|
|
8144
8139
|
description)));
|
|
8145
8140
|
};
|
|
8146
8141
|
return SurveyQuestionBooleanCheckbox;
|
|
8147
8142
|
}(boolean_SurveyQuestionBoolean));
|
|
8148
8143
|
|
|
8149
8144
|
ReactQuestionFactory.Instance.registerQuestion("sv-boolean-checkbox", function (props) {
|
|
8150
|
-
return
|
|
8145
|
+
return _(boolean_checkbox_SurveyQuestionBooleanCheckbox, props);
|
|
8151
8146
|
});
|
|
8152
8147
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "checkbox", "sv-boolean-checkbox");
|
|
8153
8148
|
|
|
@@ -8182,24 +8177,24 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
|
|
|
8182
8177
|
}
|
|
8183
8178
|
SurveyQuestionBooleanRadio.prototype.renderRadioItem = function (value, locText) {
|
|
8184
8179
|
var cssClasses = this.question.cssClasses;
|
|
8185
|
-
return (
|
|
8186
|
-
|
|
8187
|
-
|
|
8180
|
+
return (_("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
|
|
8181
|
+
_("label", { className: cssClasses.radioLabel },
|
|
8182
|
+
_("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 }),
|
|
8188
8183
|
this.question.cssClasses.materialRadioDecorator ?
|
|
8189
|
-
(
|
|
8190
|
-
(
|
|
8191
|
-
|
|
8192
|
-
|
|
8184
|
+
(_("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
|
|
8185
|
+
(_("svg", { className: cssClasses.itemRadioDecorator },
|
|
8186
|
+
_("use", { xlinkHref: this.question.itemSvgIcon }))) : null)) : null,
|
|
8187
|
+
_("span", { className: cssClasses.radioControlLabel }, this.renderLocString(locText)))));
|
|
8193
8188
|
};
|
|
8194
8189
|
SurveyQuestionBooleanRadio.prototype.renderElement = function () {
|
|
8195
8190
|
var cssClasses = this.question.cssClasses;
|
|
8196
|
-
return (
|
|
8197
|
-
|
|
8198
|
-
(
|
|
8191
|
+
return (_("div", { className: cssClasses.rootRadio },
|
|
8192
|
+
_("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
|
|
8193
|
+
(_(k, null,
|
|
8199
8194
|
this.renderRadioItem(false, this.question.locLabelFalse),
|
|
8200
8195
|
this.renderRadioItem(true, this.question.locLabelTrue)))
|
|
8201
8196
|
:
|
|
8202
|
-
(
|
|
8197
|
+
(_(k, null,
|
|
8203
8198
|
this.renderRadioItem(true, this.question.locLabelTrue),
|
|
8204
8199
|
this.renderRadioItem(false, this.question.locLabelFalse))))));
|
|
8205
8200
|
};
|
|
@@ -8207,7 +8202,7 @@ var boolean_radio_SurveyQuestionBooleanRadio = /** @class */ (function (_super)
|
|
|
8207
8202
|
}(boolean_SurveyQuestionBoolean));
|
|
8208
8203
|
|
|
8209
8204
|
ReactQuestionFactory.Instance.registerQuestion("sv-boolean-radio", function (props) {
|
|
8210
|
-
return
|
|
8205
|
+
return _(boolean_radio_SurveyQuestionBooleanRadio, props);
|
|
8211
8206
|
});
|
|
8212
8207
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("boolean", "radio", "sv-boolean-radio");
|
|
8213
8208
|
|
|
@@ -8245,13 +8240,13 @@ var reactquestion_empty_SurveyQuestionEmpty = /** @class */ (function (_super) {
|
|
|
8245
8240
|
configurable: true
|
|
8246
8241
|
});
|
|
8247
8242
|
SurveyQuestionEmpty.prototype.renderElement = function () {
|
|
8248
|
-
return
|
|
8243
|
+
return _("div", null);
|
|
8249
8244
|
};
|
|
8250
8245
|
return SurveyQuestionEmpty;
|
|
8251
8246
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
8252
8247
|
|
|
8253
8248
|
ReactQuestionFactory.Instance.registerQuestion("empty", function (props) {
|
|
8254
|
-
return
|
|
8249
|
+
return _(reactquestion_empty_SurveyQuestionEmpty, props);
|
|
8255
8250
|
});
|
|
8256
8251
|
|
|
8257
8252
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/matrix/row.tsx
|
|
@@ -8464,22 +8459,22 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8464
8459
|
}
|
|
8465
8460
|
var cellContent = this.renderCellContent(cell, "column-header", {});
|
|
8466
8461
|
var header = cell.hasTitle ?
|
|
8467
|
-
|
|
8462
|
+
_("th", { className: cell.className, key: key, style: columnStyle },
|
|
8468
8463
|
" ",
|
|
8469
8464
|
cellContent,
|
|
8470
8465
|
" ")
|
|
8471
|
-
:
|
|
8466
|
+
: _("td", { className: cell.className, key: key, style: columnStyle });
|
|
8472
8467
|
headers.push(header);
|
|
8473
8468
|
}
|
|
8474
|
-
return (
|
|
8475
|
-
|
|
8469
|
+
return (_("thead", null,
|
|
8470
|
+
_("tr", null, headers)));
|
|
8476
8471
|
};
|
|
8477
8472
|
SurveyQuestionMatrixTable.prototype.renderFooter = function () {
|
|
8478
8473
|
var table = this.question.renderedTable;
|
|
8479
8474
|
if (!table.showFooter)
|
|
8480
8475
|
return null;
|
|
8481
8476
|
var row = this.renderRow("footer", table.footerRow, this.question.cssClasses, "row-footer");
|
|
8482
|
-
return
|
|
8477
|
+
return _("tfoot", null, row);
|
|
8483
8478
|
};
|
|
8484
8479
|
SurveyQuestionMatrixTable.prototype.renderRows = function () {
|
|
8485
8480
|
var cssClasses = this.question.cssClasses;
|
|
@@ -8488,7 +8483,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8488
8483
|
for (var i = 0; i < renderedRows.length; i++) {
|
|
8489
8484
|
rows.push(this.renderRow(renderedRows[i].id, renderedRows[i], cssClasses));
|
|
8490
8485
|
}
|
|
8491
|
-
return
|
|
8486
|
+
return _("tbody", null, rows);
|
|
8492
8487
|
};
|
|
8493
8488
|
SurveyQuestionMatrixTable.prototype.renderRow = function (keyValue, row, cssClasses, reason) {
|
|
8494
8489
|
var matrixrow = [];
|
|
@@ -8497,16 +8492,16 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8497
8492
|
matrixrow.push(this.renderCell(cells[i], cssClasses, reason));
|
|
8498
8493
|
}
|
|
8499
8494
|
var key = "row" + keyValue;
|
|
8500
|
-
return (
|
|
8495
|
+
return (_(k, { key: key }, (reason == "row-footer") ? _("tr", null, matrixrow) : _(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
|
|
8501
8496
|
};
|
|
8502
8497
|
SurveyQuestionMatrixTable.prototype.renderCell = function (cell, cssClasses, reason) {
|
|
8503
8498
|
var key = "cell" + cell.id;
|
|
8504
8499
|
if (cell.hasQuestion) {
|
|
8505
|
-
return (
|
|
8500
|
+
return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
|
|
8506
8501
|
}
|
|
8507
8502
|
if (cell.isErrorsCell) {
|
|
8508
8503
|
if (cell.isErrorsCell) {
|
|
8509
|
-
return (
|
|
8504
|
+
return (_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
|
|
8510
8505
|
}
|
|
8511
8506
|
}
|
|
8512
8507
|
var calcReason = reason;
|
|
@@ -8522,7 +8517,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8522
8517
|
if (!!cell.minWidth)
|
|
8523
8518
|
cellStyle.minWidth = cell.minWidth;
|
|
8524
8519
|
}
|
|
8525
|
-
return (
|
|
8520
|
+
return (_("td", { className: cell.className, key: key, style: cellStyle, colSpan: cell.colSpans, title: cell.getTitle() }, cellContent));
|
|
8526
8521
|
};
|
|
8527
8522
|
SurveyQuestionMatrixTable.prototype.renderCellContent = function (cell, reason, cssClasses) {
|
|
8528
8523
|
var cellContent = null;
|
|
@@ -8537,14 +8532,14 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8537
8532
|
if (cell.hasTitle) {
|
|
8538
8533
|
reason = "row-header";
|
|
8539
8534
|
var str = this.renderLocString(cell.locTitle);
|
|
8540
|
-
var require_1 = !!cell.column ?
|
|
8541
|
-
cellContent = (
|
|
8535
|
+
var require_1 = !!cell.column ? _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: cell.column, question: this.question }) : null;
|
|
8536
|
+
cellContent = (_(k, null,
|
|
8542
8537
|
str,
|
|
8543
8538
|
require_1));
|
|
8544
8539
|
}
|
|
8545
8540
|
if (cell.isDragHandlerCell) {
|
|
8546
|
-
cellContent = (
|
|
8547
|
-
|
|
8541
|
+
cellContent = (_(k, null,
|
|
8542
|
+
_(drag_drop_icon_SurveyQuestionMatrixDynamicDragDropIcon, { item: { data: { row: cell.row, question: this.question } } })));
|
|
8548
8543
|
}
|
|
8549
8544
|
if (cell.isActionsCell) {
|
|
8550
8545
|
cellContent = (ReactElementFactory.Instance.createElement("sv-matrixdynamic-actions-cell", {
|
|
@@ -8554,18 +8549,18 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
|
|
|
8554
8549
|
}));
|
|
8555
8550
|
}
|
|
8556
8551
|
if (cell.hasPanel) {
|
|
8557
|
-
cellContent = (
|
|
8552
|
+
cellContent = (_(panel_SurveyPanel, { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
|
|
8558
8553
|
}
|
|
8559
8554
|
if (!cellContent)
|
|
8560
8555
|
return null;
|
|
8561
|
-
var readyCell = (
|
|
8556
|
+
var readyCell = (_(k, null, cellContent));
|
|
8562
8557
|
return this.wrapCell(cell, readyCell, reason);
|
|
8563
8558
|
};
|
|
8564
8559
|
SurveyQuestionMatrixTable.prototype.renderElement = function () {
|
|
8565
8560
|
var header = this.renderHeader();
|
|
8566
8561
|
var footers = this.renderFooter();
|
|
8567
8562
|
var rows = this.renderRows();
|
|
8568
|
-
return (
|
|
8563
|
+
return (_("table", { className: this.question.getTableCss() },
|
|
8569
8564
|
header,
|
|
8570
8565
|
rows,
|
|
8571
8566
|
footers));
|
|
@@ -8616,8 +8611,8 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase = /** @cla
|
|
|
8616
8611
|
var divStyle = this.question.showHorizontalScroll
|
|
8617
8612
|
? { overflowX: "scroll" }
|
|
8618
8613
|
: {};
|
|
8619
|
-
return (
|
|
8620
|
-
|
|
8614
|
+
return (_("div", { style: divStyle, className: this.question.cssClasses.tableWrapper, ref: function (root) { return (_this.setControl(root)); } },
|
|
8615
|
+
_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: function (cell, element, reason) { return _this.wrapCell(cell, element, reason); } })));
|
|
8621
8616
|
};
|
|
8622
8617
|
return SurveyQuestionMatrixDropdownBase;
|
|
8623
8618
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
@@ -8635,7 +8630,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell = /** @clas
|
|
|
8635
8630
|
configurable: true
|
|
8636
8631
|
});
|
|
8637
8632
|
SurveyQuestionMatrixActionsCell.prototype.renderElement = function () {
|
|
8638
|
-
return (
|
|
8633
|
+
return (_(action_bar_SurveyActionBar, { model: this.model, handleClick: false }));
|
|
8639
8634
|
};
|
|
8640
8635
|
return SurveyQuestionMatrixActionsCell;
|
|
8641
8636
|
}(ReactSurveyElement));
|
|
@@ -8661,7 +8656,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
|
|
|
8661
8656
|
SurveyQuestionMatrixDropdownErrorsCell.prototype.render = function () {
|
|
8662
8657
|
if (!this.cell.isVisible)
|
|
8663
8658
|
return null;
|
|
8664
|
-
return
|
|
8659
|
+
return _("td", { className: this.cell.className, key: this.key, colSpan: this.cell.colSpans, title: this.cell.getTitle() }, _super.prototype.render.call(this));
|
|
8665
8660
|
};
|
|
8666
8661
|
SurveyQuestionMatrixDropdownErrorsCell.prototype.getQuestionPropertiesToTrack = function () {
|
|
8667
8662
|
return _super.prototype.getQuestionPropertiesToTrack.call(this).concat(["visible"]);
|
|
@@ -8669,7 +8664,7 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /*
|
|
|
8669
8664
|
return SurveyQuestionMatrixDropdownErrorsCell;
|
|
8670
8665
|
}(reactquestion_SurveyQuestionErrorCell));
|
|
8671
8666
|
ReactElementFactory.Instance.registerElement("sv-matrixdynamic-actions-cell", function (props) {
|
|
8672
|
-
return
|
|
8667
|
+
return _(reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
|
|
8673
8668
|
});
|
|
8674
8669
|
var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @class */ (function (_super) {
|
|
8675
8670
|
reactquestion_matrixdropdownbase_extends(SurveyQuestionMatrixHeaderRequired, _super);
|
|
@@ -8696,9 +8691,9 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired = /** @c
|
|
|
8696
8691
|
SurveyQuestionMatrixHeaderRequired.prototype.renderElement = function () {
|
|
8697
8692
|
if (!this.column.isRenderedRequired)
|
|
8698
8693
|
return null;
|
|
8699
|
-
return (
|
|
8700
|
-
|
|
8701
|
-
|
|
8694
|
+
return (_(k, null,
|
|
8695
|
+
_("span", null, "\u00A0"),
|
|
8696
|
+
_("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
|
|
8702
8697
|
};
|
|
8703
8698
|
return SurveyQuestionMatrixHeaderRequired;
|
|
8704
8699
|
}(ReactSurveyElement));
|
|
@@ -8773,16 +8768,16 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
|
|
|
8773
8768
|
};
|
|
8774
8769
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
|
|
8775
8770
|
var content = _super.prototype.renderCellContent.call(this);
|
|
8776
|
-
var responsiveTitle = this.cell.showResponsiveTitle ? (
|
|
8771
|
+
var responsiveTitle = this.cell.showResponsiveTitle ? (_("span", { className: this.cell.responsiveTitleCss },
|
|
8777
8772
|
this.renderLocString(this.cell.responsiveLocTitle),
|
|
8778
|
-
|
|
8779
|
-
return
|
|
8773
|
+
_(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: this.cell.column, question: this.cell.matrix }))) : null;
|
|
8774
|
+
return _(k, null,
|
|
8780
8775
|
responsiveTitle,
|
|
8781
8776
|
content);
|
|
8782
8777
|
};
|
|
8783
8778
|
SurveyQuestionMatrixDropdownCell.prototype.renderQuestion = function () {
|
|
8784
8779
|
if (!this.question.isVisible)
|
|
8785
|
-
return
|
|
8780
|
+
return _(k, null);
|
|
8786
8781
|
if (!this.cell.isChoice)
|
|
8787
8782
|
return reactquestion_SurveyQuestion.renderQuestionBody(this.creator, this.question);
|
|
8788
8783
|
if (this.cell.isOtherChoice)
|
|
@@ -8794,15 +8789,15 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
|
|
|
8794
8789
|
SurveyQuestionMatrixDropdownCell.prototype.renderOtherComment = function () {
|
|
8795
8790
|
var question = this.cell.question;
|
|
8796
8791
|
var cssClasses = question.cssClasses || {};
|
|
8797
|
-
return
|
|
8792
|
+
return _(SurveyQuestionOtherValueItem, { question: question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
|
|
8798
8793
|
};
|
|
8799
8794
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellCheckboxButton = function () {
|
|
8800
8795
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
8801
|
-
return (
|
|
8796
|
+
return (_(reactquestion_checkbox_SurveyQuestionCheckboxItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, isFirst: this.cell.isFirstChoice, index: this.cell.choiceIndex.toString(), hideCaption: true }));
|
|
8802
8797
|
};
|
|
8803
8798
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellRadiogroupButton = function () {
|
|
8804
8799
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
8805
|
-
return (
|
|
8800
|
+
return (_(reactquestion_radiogroup_SurveyQuestionRadioItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, index: this.cell.choiceIndex.toString(), isChecked: this.cell.question.value === this.cell.item.value, isDisabled: this.cell.question.isReadOnly || !this.cell.item.isEnabled, hideCaption: true }));
|
|
8806
8801
|
};
|
|
8807
8802
|
return SurveyQuestionMatrixDropdownCell;
|
|
8808
8803
|
}(reactquestion_SurveyQuestionAndErrorsCell));
|
|
@@ -8836,7 +8831,7 @@ var SurveyQuestionMatrixDropdown = /** @class */ (function (_super) {
|
|
|
8836
8831
|
}(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
|
|
8837
8832
|
|
|
8838
8833
|
ReactQuestionFactory.Instance.registerQuestion("matrixdropdown", function (props) {
|
|
8839
|
-
return
|
|
8834
|
+
return _(SurveyQuestionMatrixDropdown, props);
|
|
8840
8835
|
});
|
|
8841
8836
|
|
|
8842
8837
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_matrixdynamic.tsx
|
|
@@ -8883,7 +8878,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
8883
8878
|
var mainDiv = showTable
|
|
8884
8879
|
? this.renderTableDiv()
|
|
8885
8880
|
: this.renderNoRowsContent(cssClasses);
|
|
8886
|
-
return (
|
|
8881
|
+
return (_("div", null,
|
|
8887
8882
|
this.renderAddRowButtonOnTop(cssClasses),
|
|
8888
8883
|
mainDiv,
|
|
8889
8884
|
this.renderAddRowButtonOnBottom(cssClasses)));
|
|
@@ -8900,9 +8895,9 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
8900
8895
|
};
|
|
8901
8896
|
SurveyQuestionMatrixDynamic.prototype.renderNoRowsContent = function (cssClasses) {
|
|
8902
8897
|
var text = this.renderLocString(this.matrix.locEmptyRowsText);
|
|
8903
|
-
var textDiv =
|
|
8898
|
+
var textDiv = _("div", { className: cssClasses.emptyRowsText }, text);
|
|
8904
8899
|
var btn = this.matrix.renderedTable.showAddRow ? this.renderAddRowButton(cssClasses, true) : undefined;
|
|
8905
|
-
return (
|
|
8900
|
+
return (_("div", { className: cssClasses.emptyRowsSection },
|
|
8906
8901
|
textDiv,
|
|
8907
8902
|
btn));
|
|
8908
8903
|
};
|
|
@@ -8917,7 +8912,7 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic = /** @class */ (fun
|
|
|
8917
8912
|
}(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownBase));
|
|
8918
8913
|
|
|
8919
8914
|
ReactQuestionFactory.Instance.registerQuestion("matrixdynamic", function (props) {
|
|
8920
|
-
return
|
|
8915
|
+
return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamic, props);
|
|
8921
8916
|
});
|
|
8922
8917
|
var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @class */ (function (_super) {
|
|
8923
8918
|
reactquestion_matrixdynamic_extends(SurveyQuestionMatrixDynamicAddButton, _super);
|
|
@@ -8938,16 +8933,16 @@ var reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton = /** @clas
|
|
|
8938
8933
|
};
|
|
8939
8934
|
SurveyQuestionMatrixDynamicAddButton.prototype.renderElement = function () {
|
|
8940
8935
|
var addRowText = this.renderLocString(this.matrix.locAddRowText);
|
|
8941
|
-
var addButton = (
|
|
8936
|
+
var addButton = (_("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
|
|
8942
8937
|
addRowText,
|
|
8943
|
-
|
|
8944
|
-
return (this.props.isEmptySection ? addButton :
|
|
8938
|
+
_("span", { className: this.props.cssClasses.iconAdd })));
|
|
8939
|
+
return (this.props.isEmptySection ? addButton : _("div", { className: this.props.cssClasses.footer }, addButton));
|
|
8945
8940
|
};
|
|
8946
8941
|
return SurveyQuestionMatrixDynamicAddButton;
|
|
8947
8942
|
}(ReactSurveyElement));
|
|
8948
8943
|
|
|
8949
8944
|
ReactElementFactory.Instance.registerElement("sv-matrixdynamic-add-btn", function (props) {
|
|
8950
|
-
return
|
|
8945
|
+
return _(reactquestion_matrixdynamic_SurveyQuestionMatrixDynamicAddButton, props);
|
|
8951
8946
|
});
|
|
8952
8947
|
|
|
8953
8948
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn.tsx
|
|
@@ -9194,7 +9189,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9194
9189
|
var _this = this;
|
|
9195
9190
|
var panels = [];
|
|
9196
9191
|
this.question.renderedPanels.forEach(function (panel, index) {
|
|
9197
|
-
panels.push(
|
|
9192
|
+
panels.push(_(reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem, { key: panel.id, element: panel, question: _this.question, index: index, cssClasses: _this.question.cssClasses, isDisplayMode: _this.isDisplayMode, creator: _this.creator }));
|
|
9198
9193
|
});
|
|
9199
9194
|
var btnAdd = this.question.isRenderModeList && this.question["showLegacyNavigation"]
|
|
9200
9195
|
? this.renderAddRowButton()
|
|
@@ -9207,12 +9202,12 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9207
9202
|
: null;
|
|
9208
9203
|
var navV2 = this.renderNavigatorV2();
|
|
9209
9204
|
var noEntriesPlaceholder = this.renderPlaceholder();
|
|
9210
|
-
return (
|
|
9211
|
-
this.question.hasTabbedMenu ?
|
|
9212
|
-
|
|
9205
|
+
return (_("div", { className: this.question.cssClasses.root },
|
|
9206
|
+
this.question.hasTabbedMenu ? _("div", { className: this.question.getTabsContainerCss() },
|
|
9207
|
+
_(action_bar_SurveyActionBar, { model: this.question.tabbedMenu })) : null,
|
|
9213
9208
|
noEntriesPlaceholder,
|
|
9214
9209
|
navTop,
|
|
9215
|
-
|
|
9210
|
+
_("div", { className: this.question.cssClasses.panelsContainer }, panels),
|
|
9216
9211
|
navBottom,
|
|
9217
9212
|
btnAdd,
|
|
9218
9213
|
navV2));
|
|
@@ -9233,9 +9228,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9233
9228
|
var progressClass = this.question.isProgressTopShowing
|
|
9234
9229
|
? this.question.cssClasses.progressTop
|
|
9235
9230
|
: this.question.cssClasses.progressBottom;
|
|
9236
|
-
return (
|
|
9237
|
-
|
|
9238
|
-
|
|
9231
|
+
return (_("div", { className: progressClass },
|
|
9232
|
+
_("div", { style: { clear: "both" } },
|
|
9233
|
+
_("div", { className: this.question.cssClasses.progressContainer },
|
|
9239
9234
|
btnPrev,
|
|
9240
9235
|
range,
|
|
9241
9236
|
btnNext),
|
|
@@ -9243,17 +9238,17 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9243
9238
|
this.renderProgressText())));
|
|
9244
9239
|
};
|
|
9245
9240
|
SurveyQuestionPanelDynamic.prototype.renderProgressText = function () {
|
|
9246
|
-
return (
|
|
9241
|
+
return (_(paneldynamic_progress_text_SurveyQuestionPanelDynamicProgressText, { data: { question: this.question } }));
|
|
9247
9242
|
};
|
|
9248
9243
|
SurveyQuestionPanelDynamic.prototype.rendrerPrevButton = function () {
|
|
9249
|
-
return (
|
|
9244
|
+
return (_(paneldynamic_prev_btn_SurveyQuestionPanelDynamicPrevButton, { data: { question: this.question } }));
|
|
9250
9245
|
};
|
|
9251
9246
|
SurveyQuestionPanelDynamic.prototype.rendrerNextButton = function () {
|
|
9252
|
-
return (
|
|
9247
|
+
return (_(paneldynamic_next_btn_SurveyQuestionPanelDynamicNextButton, { data: { question: this.question } }));
|
|
9253
9248
|
};
|
|
9254
9249
|
SurveyQuestionPanelDynamic.prototype.renderRange = function () {
|
|
9255
|
-
return (
|
|
9256
|
-
|
|
9250
|
+
return (_("div", { className: this.question.cssClasses.progress },
|
|
9251
|
+
_("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
|
|
9257
9252
|
};
|
|
9258
9253
|
SurveyQuestionPanelDynamic.prototype.renderAddRowButton = function () {
|
|
9259
9254
|
return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
|
|
@@ -9264,16 +9259,16 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
|
|
|
9264
9259
|
if (!this.question.showNavigation)
|
|
9265
9260
|
return null;
|
|
9266
9261
|
var range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
|
|
9267
|
-
return (
|
|
9268
|
-
|
|
9262
|
+
return (_("div", { className: this.question.cssClasses.footer },
|
|
9263
|
+
_("hr", { className: this.question.cssClasses.separator }),
|
|
9269
9264
|
range,
|
|
9270
|
-
this.question.footerToolbar.visibleActions.length ? (
|
|
9271
|
-
|
|
9265
|
+
this.question.footerToolbar.visibleActions.length ? (_("div", { className: this.question.cssClasses.footerButtonsContainer },
|
|
9266
|
+
_(action_bar_SurveyActionBar, { model: this.question.footerToolbar }))) : null));
|
|
9272
9267
|
};
|
|
9273
9268
|
SurveyQuestionPanelDynamic.prototype.renderPlaceholder = function () {
|
|
9274
9269
|
if (this.question.getShowNoEntriesPlaceholder()) {
|
|
9275
|
-
return (
|
|
9276
|
-
|
|
9270
|
+
return (_("div", { className: this.question.cssClasses.noEntriesPlaceholder },
|
|
9271
|
+
_("span", null, this.renderLocString(this.question.locNoEntriesText)),
|
|
9277
9272
|
this.renderAddRowButton()));
|
|
9278
9273
|
}
|
|
9279
9274
|
return null;
|
|
@@ -9311,9 +9306,9 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
|
|
|
9311
9306
|
var panel = _super.prototype.render.call(this);
|
|
9312
9307
|
var removeButton = this.renderButton();
|
|
9313
9308
|
var separator = this.question.showSeparator(this.index) ?
|
|
9314
|
-
(
|
|
9315
|
-
return (
|
|
9316
|
-
|
|
9309
|
+
(_("hr", { className: this.question.cssClasses.separator })) : null;
|
|
9310
|
+
return (_(k, null,
|
|
9311
|
+
_("div", { className: this.question.getPanelWrapperCss(this.panel) },
|
|
9317
9312
|
panel,
|
|
9318
9313
|
removeButton),
|
|
9319
9314
|
separator));
|
|
@@ -9332,7 +9327,7 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamicItem = /** @class */ (f
|
|
|
9332
9327
|
}(panel_SurveyPanel));
|
|
9333
9328
|
|
|
9334
9329
|
ReactQuestionFactory.Instance.registerQuestion("paneldynamic", function (props) {
|
|
9335
|
-
return
|
|
9330
|
+
return _(reactquestion_paneldynamic_SurveyQuestionPanelDynamic, props);
|
|
9336
9331
|
});
|
|
9337
9332
|
|
|
9338
9333
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/progress.tsx
|
|
@@ -9385,25 +9380,25 @@ var progress_SurveyProgress = /** @class */ (function (_super) {
|
|
|
9385
9380
|
var progressStyle = {
|
|
9386
9381
|
width: this.progress + "%",
|
|
9387
9382
|
};
|
|
9388
|
-
return (
|
|
9389
|
-
|
|
9390
|
-
|
|
9391
|
-
|
|
9383
|
+
return (_("div", { className: this.survey.getProgressCssClasses(this.props.container) },
|
|
9384
|
+
_("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
|
|
9385
|
+
_("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
|
|
9386
|
+
_("span", { className: external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
|
|
9392
9387
|
};
|
|
9393
9388
|
return SurveyProgress;
|
|
9394
9389
|
}(SurveyNavigationBase));
|
|
9395
9390
|
|
|
9396
9391
|
ReactElementFactory.Instance.registerElement("sv-progress-pages", function (props) {
|
|
9397
|
-
return
|
|
9392
|
+
return _(progress_SurveyProgress, props);
|
|
9398
9393
|
});
|
|
9399
9394
|
ReactElementFactory.Instance.registerElement("sv-progress-questions", function (props) {
|
|
9400
|
-
return
|
|
9395
|
+
return _(progress_SurveyProgress, props);
|
|
9401
9396
|
});
|
|
9402
9397
|
ReactElementFactory.Instance.registerElement("sv-progress-correctquestions", function (props) {
|
|
9403
|
-
return
|
|
9398
|
+
return _(progress_SurveyProgress, props);
|
|
9404
9399
|
});
|
|
9405
9400
|
ReactElementFactory.Instance.registerElement("sv-progress-requiredquestions", function (props) {
|
|
9406
|
-
return
|
|
9401
|
+
return _(progress_SurveyProgress, props);
|
|
9407
9402
|
});
|
|
9408
9403
|
|
|
9409
9404
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/progressButtons.tsx
|
|
@@ -9461,20 +9456,20 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
9461
9456
|
};
|
|
9462
9457
|
SurveyProgressButtons.prototype.render = function () {
|
|
9463
9458
|
var _this = this;
|
|
9464
|
-
return (
|
|
9465
|
-
this.state.canShowHeader ?
|
|
9466
|
-
|
|
9467
|
-
|
|
9468
|
-
|
|
9459
|
+
return (_("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
|
|
9460
|
+
this.state.canShowHeader ? _("div", { className: this.css.progressButtonsHeader },
|
|
9461
|
+
_("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
|
|
9462
|
+
_("div", { className: this.css.progressButtonsContainer },
|
|
9463
|
+
_("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
|
|
9469
9464
|
return _this.clickScrollButton(_this.listContainerRef.current, true);
|
|
9470
9465
|
} }),
|
|
9471
|
-
|
|
9472
|
-
|
|
9473
|
-
|
|
9466
|
+
_("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
|
|
9467
|
+
_("ul", { className: this.css.progressButtonsList }, this.getListElements())),
|
|
9468
|
+
_("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
|
|
9474
9469
|
return _this.clickScrollButton(_this.listContainerRef.current, false);
|
|
9475
9470
|
} })),
|
|
9476
|
-
this.state.canShowFooter ?
|
|
9477
|
-
|
|
9471
|
+
this.state.canShowFooter ? _("div", { className: this.css.progressButtonsFooter },
|
|
9472
|
+
_("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
|
|
9478
9473
|
};
|
|
9479
9474
|
SurveyProgressButtons.prototype.getListElements = function () {
|
|
9480
9475
|
var _this = this;
|
|
@@ -9487,17 +9482,17 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
9487
9482
|
SurveyProgressButtons.prototype.renderListElement = function (page, index) {
|
|
9488
9483
|
var _this = this;
|
|
9489
9484
|
var text = reactquestion_element_SurveyElementBase.renderLocString(page.locNavigationTitle);
|
|
9490
|
-
return (
|
|
9485
|
+
return (_("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
|
|
9491
9486
|
? function () { return _this.model.clickListElement(page); }
|
|
9492
9487
|
: undefined, "data-page-number": this.model.getItemNumber(page) },
|
|
9493
|
-
|
|
9494
|
-
this.state.canShowItemTitles ?
|
|
9495
|
-
|
|
9496
|
-
|
|
9497
|
-
|
|
9498
|
-
|
|
9499
|
-
|
|
9500
|
-
|
|
9488
|
+
_("div", { className: this.css.progressButtonsConnector }),
|
|
9489
|
+
this.state.canShowItemTitles ? _(k, null,
|
|
9490
|
+
_("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, text),
|
|
9491
|
+
_("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
|
|
9492
|
+
_("div", { className: this.css.progressButtonsButton },
|
|
9493
|
+
_("div", { className: this.css.progressButtonsButtonBackground }),
|
|
9494
|
+
_("div", { className: this.css.progressButtonsButtonContent }),
|
|
9495
|
+
_("span", null, this.model.getItemNumber(page)))));
|
|
9501
9496
|
};
|
|
9502
9497
|
SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
|
|
9503
9498
|
if (!!listContainerElement) {
|
|
@@ -9521,7 +9516,7 @@ var progressButtons_SurveyProgressButtons = /** @class */ (function (_super) {
|
|
|
9521
9516
|
}(SurveyNavigationBase));
|
|
9522
9517
|
|
|
9523
9518
|
ReactElementFactory.Instance.registerElement("sv-progress-buttons", function (props) {
|
|
9524
|
-
return
|
|
9519
|
+
return _(progressButtons_SurveyProgressButtons, props);
|
|
9525
9520
|
});
|
|
9526
9521
|
|
|
9527
9522
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item.tsx
|
|
@@ -9768,20 +9763,20 @@ var progressToc_SurveyProgressToc = /** @class */ (function (_super) {
|
|
|
9768
9763
|
var tocModel = this.props.model;
|
|
9769
9764
|
var content;
|
|
9770
9765
|
if (tocModel.isMobile) {
|
|
9771
|
-
content =
|
|
9772
|
-
|
|
9773
|
-
|
|
9766
|
+
content = _("div", { onClick: tocModel.togglePopup },
|
|
9767
|
+
_(svg_icon_SvgIcon, { iconName: tocModel.icon, size: 24 }),
|
|
9768
|
+
_(popup_Popup, { model: tocModel.popupModel }));
|
|
9774
9769
|
}
|
|
9775
9770
|
else {
|
|
9776
|
-
content =
|
|
9771
|
+
content = _(list_List, { model: tocModel.listModel });
|
|
9777
9772
|
}
|
|
9778
|
-
return (
|
|
9773
|
+
return (_("div", { className: tocModel.containerCss }, content));
|
|
9779
9774
|
};
|
|
9780
9775
|
return SurveyProgressToc;
|
|
9781
9776
|
}(SurveyNavigationBase));
|
|
9782
9777
|
|
|
9783
9778
|
ReactElementFactory.Instance.registerElement("sv-navigation-toc", function (props) {
|
|
9784
|
-
return
|
|
9779
|
+
return _(progressToc_SurveyProgressToc, props);
|
|
9785
9780
|
});
|
|
9786
9781
|
|
|
9787
9782
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_rating.tsx
|
|
@@ -9842,18 +9837,18 @@ var reactquestion_rating_SurveyQuestionRating = /** @class */ (function (_super)
|
|
|
9842
9837
|
var maxText = this.question.maxRateDescription
|
|
9843
9838
|
? this.renderLocString(this.question.locMaxRateDescription)
|
|
9844
9839
|
: null;
|
|
9845
|
-
return (
|
|
9846
|
-
|
|
9847
|
-
|
|
9848
|
-
!!this.question.hasMinLabel ?
|
|
9840
|
+
return (_("div", { className: this.question.ratingRootCss, ref: function (div) { return (_this.setControl(div)); } },
|
|
9841
|
+
_("fieldset", { role: "radiogroup" },
|
|
9842
|
+
_("legend", { role: "presentation", className: "sv-hidden" }),
|
|
9843
|
+
!!this.question.hasMinLabel ? _("span", { className: cssClasses.minText }, minText) : null,
|
|
9849
9844
|
this.question.renderedRateItems.map(function (item, index) { return _this.renderItem(item, index); }),
|
|
9850
|
-
!!this.question.hasMaxLabel ?
|
|
9845
|
+
!!this.question.hasMaxLabel ? _("span", { className: cssClasses.maxText }, maxText) : null)));
|
|
9851
9846
|
};
|
|
9852
9847
|
return SurveyQuestionRating;
|
|
9853
9848
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
9854
9849
|
|
|
9855
9850
|
ReactQuestionFactory.Instance.registerQuestion("rating", function (props) {
|
|
9856
|
-
return
|
|
9851
|
+
return _(reactquestion_rating_SurveyQuestionRating, props);
|
|
9857
9852
|
});
|
|
9858
9853
|
|
|
9859
9854
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/rating-dropdown.tsx
|
|
@@ -9885,13 +9880,13 @@ var rating_dropdown_SurveyQuestionRatingDropdown = /** @class */ (function (_sup
|
|
|
9885
9880
|
SurveyQuestionRatingDropdown.prototype.renderElement = function () {
|
|
9886
9881
|
var cssClasses = this.question.cssClasses;
|
|
9887
9882
|
var select = this.renderSelect(cssClasses);
|
|
9888
|
-
return (
|
|
9883
|
+
return (_("div", { className: this.question.cssClasses.rootDropdown }, select));
|
|
9889
9884
|
};
|
|
9890
9885
|
return SurveyQuestionRatingDropdown;
|
|
9891
9886
|
}(dropdown_base_SurveyQuestionDropdownBase));
|
|
9892
9887
|
|
|
9893
9888
|
ReactQuestionFactory.Instance.registerQuestion("sv-rating-dropdown", function (props) {
|
|
9894
|
-
return
|
|
9889
|
+
return _(rating_dropdown_SurveyQuestionRatingDropdown, props);
|
|
9895
9890
|
});
|
|
9896
9891
|
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["RendererFactory"].Instance.registerRenderer("rating", "dropdown", "sv-rating-dropdown");
|
|
9897
9892
|
|
|
@@ -9929,13 +9924,13 @@ var reactquestion_expression_SurveyQuestionExpression = /** @class */ (function
|
|
|
9929
9924
|
SurveyQuestionExpression.prototype.renderElement = function () {
|
|
9930
9925
|
var _this = this;
|
|
9931
9926
|
var cssClasses = this.question.cssClasses;
|
|
9932
|
-
return (
|
|
9927
|
+
return (_("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); } }, this.question.formatedValue));
|
|
9933
9928
|
};
|
|
9934
9929
|
return SurveyQuestionExpression;
|
|
9935
9930
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
9936
9931
|
|
|
9937
9932
|
ReactQuestionFactory.Instance.registerQuestion("expression", function (props) {
|
|
9938
|
-
return
|
|
9933
|
+
return _(reactquestion_expression_SurveyQuestionExpression, props);
|
|
9939
9934
|
});
|
|
9940
9935
|
|
|
9941
9936
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/react-popup-survey.tsx
|
|
@@ -9983,8 +9978,8 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
|
|
|
9983
9978
|
style.width = this.popup.renderedWidth;
|
|
9984
9979
|
style.maxWidth = this.popup.renderedWidth;
|
|
9985
9980
|
}
|
|
9986
|
-
return (
|
|
9987
|
-
|
|
9981
|
+
return (_("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
|
|
9982
|
+
_("div", { className: this.popup.cssRootContent },
|
|
9988
9983
|
header,
|
|
9989
9984
|
body)));
|
|
9990
9985
|
};
|
|
@@ -10009,46 +10004,46 @@ var react_popup_survey_PopupSurvey = /** @class */ (function (_super) {
|
|
|
10009
10004
|
if (popup.allowFullScreen) {
|
|
10010
10005
|
allowFullScreenButon = this.renderAllowFullScreenButon(this.popup);
|
|
10011
10006
|
}
|
|
10012
|
-
return (
|
|
10007
|
+
return (_("div", { className: popup.cssHeaderRoot },
|
|
10013
10008
|
titleCollapsed,
|
|
10014
|
-
|
|
10009
|
+
_("div", { className: popup.cssHeaderButtonsContainer },
|
|
10015
10010
|
allowFullScreenButon,
|
|
10016
|
-
|
|
10011
|
+
_("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
|
|
10017
10012
|
closeButton)));
|
|
10018
10013
|
};
|
|
10019
10014
|
PopupSurvey.prototype.renderTitleCollapsed = function (popup) {
|
|
10020
10015
|
if (!popup.locTitle)
|
|
10021
10016
|
return null;
|
|
10022
|
-
return
|
|
10017
|
+
return _("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
|
|
10023
10018
|
};
|
|
10024
10019
|
PopupSurvey.prototype.renderExpandIcon = function () {
|
|
10025
|
-
return
|
|
10020
|
+
return _(svg_icon_SvgIcon, { iconName: "icon-restore_16x16", size: 16 });
|
|
10026
10021
|
};
|
|
10027
10022
|
PopupSurvey.prototype.renderCollapseIcon = function () {
|
|
10028
|
-
return
|
|
10023
|
+
return _(svg_icon_SvgIcon, { iconName: "icon-minimize_16x16", size: 16 });
|
|
10029
10024
|
};
|
|
10030
10025
|
PopupSurvey.prototype.renderCloseButton = function (popup) {
|
|
10031
10026
|
var _this = this;
|
|
10032
|
-
return (
|
|
10027
|
+
return (_("div", { className: popup.cssHeaderCloseButton, onClick: function () {
|
|
10033
10028
|
popup.hide();
|
|
10034
10029
|
if (typeof _this.props.onClose == "function") {
|
|
10035
10030
|
_this.props.onClose();
|
|
10036
10031
|
}
|
|
10037
10032
|
} },
|
|
10038
|
-
|
|
10033
|
+
_(svg_icon_SvgIcon, { iconName: "icon-close_16x16", size: 16 })));
|
|
10039
10034
|
};
|
|
10040
10035
|
PopupSurvey.prototype.renderAllowFullScreenButon = function (popup) {
|
|
10041
10036
|
var Icon;
|
|
10042
10037
|
if (popup.isFullScreen) {
|
|
10043
|
-
Icon =
|
|
10038
|
+
Icon = _(svg_icon_SvgIcon, { iconName: "icon-back-to-panel_16x16", size: 16 });
|
|
10044
10039
|
}
|
|
10045
10040
|
else {
|
|
10046
|
-
Icon =
|
|
10041
|
+
Icon = _(svg_icon_SvgIcon, { iconName: "icon-full-screen_16x16", size: 16 });
|
|
10047
10042
|
}
|
|
10048
|
-
return (
|
|
10043
|
+
return (_("div", { className: popup.cssHeaderFullScreenButton, onClick: function () { popup.toggleFullScreen(); } }, Icon));
|
|
10049
10044
|
};
|
|
10050
10045
|
PopupSurvey.prototype.renderBody = function () {
|
|
10051
|
-
return
|
|
10046
|
+
return _("div", { className: this.popup.cssBody }, this.doRender());
|
|
10052
10047
|
};
|
|
10053
10048
|
PopupSurvey.prototype.createSurvey = function (newProps) {
|
|
10054
10049
|
if (!newProps)
|
|
@@ -10114,8 +10109,8 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
10114
10109
|
});
|
|
10115
10110
|
SurveyQuestionImagePicker.prototype.renderElement = function () {
|
|
10116
10111
|
var cssClasses = this.question.cssClasses;
|
|
10117
|
-
return (
|
|
10118
|
-
|
|
10112
|
+
return (_("fieldset", { className: this.question.getSelectBaseRootCss() },
|
|
10113
|
+
_("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
|
|
10119
10114
|
this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
|
|
10120
10115
|
};
|
|
10121
10116
|
SurveyQuestionImagePicker.prototype.getColumns = function (cssClasses) {
|
|
@@ -10124,7 +10119,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
10124
10119
|
var items = column.map(function (item, ii) {
|
|
10125
10120
|
return _this.renderItem("item" + ii, item, cssClasses);
|
|
10126
10121
|
});
|
|
10127
|
-
return (
|
|
10122
|
+
return (_("div", { key: "column" + ci + _this.question.getItemsColumnKey(column), className: _this.question.getColumnClass(), role: "presentation" }, items));
|
|
10128
10123
|
});
|
|
10129
10124
|
};
|
|
10130
10125
|
SurveyQuestionImagePicker.prototype.getItems = function (cssClasses) {
|
|
@@ -10144,7 +10139,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
|
|
|
10144
10139
|
configurable: true
|
|
10145
10140
|
});
|
|
10146
10141
|
SurveyQuestionImagePicker.prototype.renderItem = function (key, item, cssClasses) {
|
|
10147
|
-
var renderedItem =
|
|
10142
|
+
var renderedItem = _(imagepicker_SurveyQuestionImagePickerItem, { key: key, question: this.question, item: item, cssClasses: cssClasses });
|
|
10148
10143
|
var survey = this.question.survey;
|
|
10149
10144
|
var wrappedItem = null;
|
|
10150
10145
|
if (!!survey) {
|
|
@@ -10231,15 +10226,15 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
10231
10226
|
var itemClass = question.getItemClass(item);
|
|
10232
10227
|
var text = null;
|
|
10233
10228
|
if (question.showLabel) {
|
|
10234
|
-
text = (
|
|
10229
|
+
text = (_("span", { className: question.cssClasses.itemText }, item.text ? reactquestion_element_SurveyElementBase.renderLocString(item.locText) : item.value));
|
|
10235
10230
|
}
|
|
10236
10231
|
var style = { objectFit: this.question.imageFit };
|
|
10237
10232
|
var control = null;
|
|
10238
10233
|
if (item.locImageLink.renderedHtml && this.question.contentMode === "image") {
|
|
10239
|
-
control = (
|
|
10234
|
+
control = (_("img", { className: cssClasses.image, src: item.locImageLink.renderedHtml, width: this.question.renderedImageWidth, height: this.question.renderedImageHeight, alt: item.locText.renderedHtml, style: style, onLoad: function (event) { _this.question["onContentLoaded"](item, event.nativeEvent); }, onError: function (event) { item.onErrorHandler(item, event.nativeEvent); } }));
|
|
10240
10235
|
}
|
|
10241
10236
|
if (item.locImageLink.renderedHtml && this.question.contentMode === "video") {
|
|
10242
|
-
control = (
|
|
10237
|
+
control = (_("video", { controls: true, className: cssClasses.image, src: item.locImageLink.renderedHtml, width: this.question.renderedImageWidth, height: this.question.renderedImageHeight, style: style, onLoadedMetadata: function (event) { _this.question["onContentLoaded"](item, event.nativeEvent); }, onError: function (event) { item.onErrorHandler(item, event.nativeEvent); } }));
|
|
10243
10238
|
}
|
|
10244
10239
|
if (!item.locImageLink.renderedHtml || item.contentNotLoaded) {
|
|
10245
10240
|
var style_1 = {
|
|
@@ -10247,17 +10242,17 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
10247
10242
|
height: this.question.renderedImageHeight,
|
|
10248
10243
|
objectFit: this.question.imageFit
|
|
10249
10244
|
};
|
|
10250
|
-
control = (
|
|
10251
|
-
|
|
10245
|
+
control = (_("div", { className: cssClasses.itemNoImage, style: style_1 }, cssClasses.itemNoImageSvgIcon ?
|
|
10246
|
+
_(svg_icon_SvgIcon, { className: cssClasses.itemNoImageSvgIcon, iconName: this.question.cssClasses.itemNoImageSvgIconId, size: 48 }) :
|
|
10252
10247
|
null));
|
|
10253
10248
|
}
|
|
10254
|
-
var renderedItem = (
|
|
10255
|
-
|
|
10256
|
-
|
|
10257
|
-
|
|
10258
|
-
|
|
10249
|
+
var renderedItem = (_("div", { className: itemClass },
|
|
10250
|
+
_("label", { className: cssClasses.label },
|
|
10251
|
+
_("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": item.locText.renderedHtml, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
|
|
10252
|
+
_("div", { className: this.question.cssClasses.itemDecorator },
|
|
10253
|
+
_("div", { className: this.question.cssClasses.imageContainer },
|
|
10259
10254
|
!!this.question.cssClasses.checkedItemDecorator ?
|
|
10260
|
-
|
|
10255
|
+
_("span", { className: this.question.cssClasses.checkedItemDecorator, "aria-hidden": "true" }, !!this.question.cssClasses.checkedItemSvgIconId ? _(svg_icon_SvgIcon, { size: "auto", className: this.question.cssClasses.checkedItemSvgIcon, iconName: this.question.cssClasses.checkedItemSvgIconId }) : null) : null,
|
|
10261
10256
|
control),
|
|
10262
10257
|
text))));
|
|
10263
10258
|
return renderedItem;
|
|
@@ -10266,7 +10261,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
|
|
|
10266
10261
|
}(ReactSurveyElement));
|
|
10267
10262
|
|
|
10268
10263
|
ReactQuestionFactory.Instance.registerQuestion("imagepicker", function (props) {
|
|
10269
|
-
return
|
|
10264
|
+
return _(imagepicker_SurveyQuestionImagePicker, props);
|
|
10270
10265
|
});
|
|
10271
10266
|
|
|
10272
10267
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/image.tsx
|
|
@@ -10321,22 +10316,22 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
|
|
|
10321
10316
|
}
|
|
10322
10317
|
var control = null;
|
|
10323
10318
|
if (this.question.renderedMode === "image") {
|
|
10324
|
-
control = (
|
|
10319
|
+
control = (_("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml || null, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight,
|
|
10325
10320
|
//alt={item.text || item.value}
|
|
10326
10321
|
style: style, onLoad: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
|
|
10327
10322
|
}
|
|
10328
10323
|
if (this.question.renderedMode === "video") {
|
|
10329
|
-
control = (
|
|
10324
|
+
control = (_("video", { controls: true, className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, onLoadedMetadata: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
|
|
10330
10325
|
}
|
|
10331
10326
|
if (this.question.renderedMode === "youtube") {
|
|
10332
|
-
control = (
|
|
10327
|
+
control = (_("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
|
|
10333
10328
|
}
|
|
10334
10329
|
var noImage = null;
|
|
10335
10330
|
if (!this.question.imageLink || this.question.contentNotLoaded) {
|
|
10336
|
-
noImage = (
|
|
10337
|
-
|
|
10331
|
+
noImage = (_("div", { className: this.question.cssClasses.noImage },
|
|
10332
|
+
_(svg_icon_SvgIcon, { iconName: this.question.cssClasses.noImageSvgIconId, size: 48 })));
|
|
10338
10333
|
}
|
|
10339
|
-
return
|
|
10334
|
+
return _("div", { className: this.question.cssClasses.root },
|
|
10340
10335
|
control,
|
|
10341
10336
|
noImage);
|
|
10342
10337
|
};
|
|
@@ -10344,7 +10339,7 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
|
|
|
10344
10339
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
10345
10340
|
|
|
10346
10341
|
ReactQuestionFactory.Instance.registerQuestion("image", function (props) {
|
|
10347
|
-
return
|
|
10342
|
+
return _(image_SurveyQuestionImage, props);
|
|
10348
10343
|
});
|
|
10349
10344
|
|
|
10350
10345
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/signaturepad.tsx
|
|
@@ -10387,36 +10382,36 @@ var signaturepad_SurveyQuestionSignaturePad = /** @class */ (function (_super) {
|
|
|
10387
10382
|
var cssClasses = this.question.cssClasses;
|
|
10388
10383
|
var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
|
|
10389
10384
|
var clearButton = this.renderCleanButton();
|
|
10390
|
-
return (
|
|
10391
|
-
|
|
10392
|
-
|
|
10385
|
+
return (_("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
|
|
10386
|
+
_("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
|
|
10387
|
+
_("div", null,
|
|
10393
10388
|
this.renderBackgroundImage(),
|
|
10394
|
-
|
|
10389
|
+
_("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: function (event) { _this.question.onBlur(event); } })),
|
|
10395
10390
|
clearButton,
|
|
10396
10391
|
loadingIndicator));
|
|
10397
10392
|
};
|
|
10398
10393
|
SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
|
|
10399
10394
|
if (!this.question.backgroundImage)
|
|
10400
10395
|
return null;
|
|
10401
|
-
return
|
|
10396
|
+
return _("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
|
|
10402
10397
|
};
|
|
10403
10398
|
SurveyQuestionSignaturePad.prototype.renderLoadingIndicator = function () {
|
|
10404
|
-
return
|
|
10405
|
-
|
|
10399
|
+
return _("div", { className: this.question.cssClasses.loadingIndicator },
|
|
10400
|
+
_(loading_indicator_LoadingIndicatorComponent, null));
|
|
10406
10401
|
};
|
|
10407
10402
|
SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
|
|
10408
10403
|
var _this = this;
|
|
10409
10404
|
if (!this.question.canShowClearButton)
|
|
10410
10405
|
return null;
|
|
10411
10406
|
var cssClasses = this.question.cssClasses;
|
|
10412
|
-
return
|
|
10413
|
-
|
|
10407
|
+
return _("div", { className: cssClasses.controls },
|
|
10408
|
+
_("button", { type: "button", className: cssClasses.clearButton, title: this.question.clearButtonCaption, onClick: function () { return _this.question.clearValue(true); } }, this.question.cssClasses.clearButtonIconId ? _(svg_icon_SvgIcon, { iconName: this.question.cssClasses.clearButtonIconId, size: "auto" }) : _("span", null, "\u2716")));
|
|
10414
10409
|
};
|
|
10415
10410
|
return SurveyQuestionSignaturePad;
|
|
10416
10411
|
}(reactquestion_element_SurveyQuestionElementBase));
|
|
10417
10412
|
|
|
10418
10413
|
ReactQuestionFactory.Instance.registerQuestion("signaturepad", function (props) {
|
|
10419
|
-
return
|
|
10414
|
+
return _(signaturepad_SurveyQuestionSignaturePad, props);
|
|
10420
10415
|
});
|
|
10421
10416
|
|
|
10422
10417
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactquestion_buttongroup.tsx
|
|
@@ -10581,16 +10576,16 @@ var reactquestion_custom_SurveyQuestionComposite = /** @class */ (function (_sup
|
|
|
10581
10576
|
return !!this.question.contentPanel;
|
|
10582
10577
|
};
|
|
10583
10578
|
SurveyQuestionComposite.prototype.renderElement = function () {
|
|
10584
|
-
return (
|
|
10579
|
+
return (_(panel_SurveyPanel, { element: this.question.contentPanel, creator: this.creator, survey: this.question.survey }));
|
|
10585
10580
|
};
|
|
10586
10581
|
return SurveyQuestionComposite;
|
|
10587
10582
|
}(reactquestion_element_SurveyQuestionUncontrolledElement));
|
|
10588
10583
|
|
|
10589
10584
|
ReactQuestionFactory.Instance.registerQuestion("custom", function (props) {
|
|
10590
|
-
return
|
|
10585
|
+
return _(reactquestion_custom_SurveyQuestionCustom, props);
|
|
10591
10586
|
});
|
|
10592
10587
|
ReactQuestionFactory.Instance.registerQuestion("composite", function (props) {
|
|
10593
|
-
return
|
|
10588
|
+
return _(reactquestion_custom_SurveyQuestionComposite, props);
|
|
10594
10589
|
});
|
|
10595
10590
|
|
|
10596
10591
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/list/list-item-content.tsx
|
|
@@ -11435,12 +11430,12 @@ var js_ui_assign = (undefined && undefined.__assign) || function () {
|
|
|
11435
11430
|
|
|
11436
11431
|
function renderSurvey(model, element, props) {
|
|
11437
11432
|
if (props === void 0) { props = {}; }
|
|
11438
|
-
var survey =
|
|
11433
|
+
var survey = _(reactSurvey_Survey, js_ui_assign({ model: model }, props));
|
|
11439
11434
|
nn(survey, element);
|
|
11440
11435
|
}
|
|
11441
11436
|
function renderPopupSurvey(model, element, props) {
|
|
11442
11437
|
if (props === void 0) { props = {}; }
|
|
11443
|
-
var survey =
|
|
11438
|
+
var survey = _(react_popup_survey_PopupSurvey, js_ui_assign({ model: model }, props));
|
|
11444
11439
|
nn(survey, element);
|
|
11445
11440
|
}
|
|
11446
11441
|
function doPopupSurvey(props) {
|
|
@@ -11489,7 +11484,7 @@ var preact = compat_module_namespaceObject;
|
|
|
11489
11484
|
|
|
11490
11485
|
|
|
11491
11486
|
|
|
11492
|
-
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.
|
|
11487
|
+
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.25", "survey-js-ui");
|
|
11493
11488
|
|
|
11494
11489
|
|
|
11495
11490
|
/***/ }),
|